/*
Couleurs logo :
Rose : #d63d57
Bleu : #4bb0b2
Vert : #8ebf2f
Gris foncé : #35363a
Gris clair : #fafafa
*/
/********************* Polices ********************/
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,700);*/
@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/OpenSans-Regular.ttf');
	font-style: normal;
	font-weight: 400;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/OpenSans-Bold.ttf');
	font-weight:700;
	font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/OpenSans-Light.ttf');
	font-weight:300;
	font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('/css/fonts/OpenSans-Italic.ttf');
	font-style:italic;
	font-weight: 400;
}
/********************* Général ********************/
*{
    margin:0; padding:0;
	box-sizing:border-box;
}
body {
	color:#222;
    font-family: 'Open Sans',sans-serif;
	font-size: 13px;
	background:#fafafa;
	font-weight: 400;
}
@media screen and (min-width:1400px){
	body {
		font-size: 15px;
	}
}
body #body-content {
	width:100%;
	background:#fafafa;
}
.ui-widget{
	color:#222;
    font-family: 'Open Sans',sans-serif;
	font-size: 13px;
}
abbr{
	cursor:pointer;
}
img, a img, img a{
	border:none;
	max-width:100%;
	display: block;
}
ul {
    list-style-type: none;
}
.titre{
	font-size: 26px;
	color :#666;
	margin-bottom:15px;
	letter-spacing: -1px;
	font-weight:300;
}
h2{
	font-size:15px;
	font-weight:bold;
	margin:10px 0 7px 0
}
h2.large{
	font-size:15px;
	font-weight:normal;
	margin:55px 0 10px 0;
}
a, .ui-widget-content a,
.lien {
    color: #0d638f;
    text-decoration: none;
    cursor:pointer;
}
a:hover,
.lien:hover {
    text-decoration: none;
    color : #428bca;
}
.ui-widget-content a.fa-plus-square,
a.favert{
	color:#5cb85c;
}
.ui-widget-content a.fa-plus-square:hover,
a.favert:hover{
	color:#449d44;
}
input[type='submit']{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}
p.paragraphe{
	margin-bottom:15px;
}
select.fa-liste .fa{
	font-family:FontAwesome, 'Open Sans',sans-serif;
	display:block;
}
hr.petite-separation-centree{
	margin:30px auto 30px auto;
	border:none;
	width:15%;
	height:1px;
	background-color:#aaa;
}
button.no-style{
	border:none;
	background:transparent;
	display:inline-block;
	font-family:inherit;
	font-size:inherit;
	cursor:pointer;
}
.only-mobile{
	display:none;
}
@media screen and (max-width:650px){
	.no-mobile{
		display:none;
	}
	.only-mobile{
		display:inline-block;
	}
}
/*********************** Header ********************/
#header{
	z-index:0;
	position:relative;
	margin-top:80px;
	overflow:hidden;
}
#coin{
	position:absolute;
	top:0;
	left:0;
	z-index:99;
}
#message-maintenance{
	position:absolute;
	top:0;
	left:0;
	right:0;
	background:rgba(244, 136, 112, 0.8);
	padding:10px 20px;
	border-left:5px solid #ED4E2A;
	box-sizing:border-box;
}
#obsolete{
	position:fixed;
	top:150px;
	width:100%;
	margin:auto;
	background:#FAEAE6;
	border-left:3px solid #ED4E2A;
	padding:20px 15px;
	z-index:9999999;
	font-size:16px;
	font-weight:bold;
}
@media screen and (max-width:650px){
	#message-maintenance{
		position:static;
	}
}
/*********************** Menu 1 ********************/
#barremenu{
	display:block;
	position:fixed;
	width:100%;
	height:80px;
	top:0;
	left:0;
	right:0;
	background:#000;
	z-index:11;
}
#barremenu #content-barremenu{
	width:100%;
	max-width:1500px;
	margin:auto;
	display:flex;
    justify-content: space-between;
}
/*#barremenu li a.bouton-small{
	display:inline-block;
	color:#fff;
	border:none;
	background:#5cb85c;
	line-height:25px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	//padding:3px 7px;
	margin:4px 0px;
	text-align:center;
	cursor:pointer;
	-webkit-appearance: none;
	//font-family: 'Open sans', Arial, sans-serif;
}
#barremenu li a.bouton-small:hover{
	background:#449D44;
}*/


#barremenu ul{
	list-style:none;
	flex-grow:1;
}
#barremenu li{
	list-style:none;
	display:inline-block;
}
#barremenu .logo a,
#barremenu li a{
	display:block;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height:80px;
	border:none;
	text-decoration:none;
	padding:0 15px;
}
#barremenu li.menu-tool{
	float:right;
}
#barremenu li a.current{
	text-decoration:underline;
}
#barremenu .logo img{
	vertical-align:middle;
	display:inline-block;
}
#barremenu .logo span{
	padding-left:6px;
}
#barremenu li a .fa-stack{
	width:26px;
}
#barremenu li a i{
	font-size:13px;
	color:#fff;
}
#barremenu li a i.fa-circle{
	font-size:19px;
	color:#d63d57;
}
/* Responsive */
#barremenu #menu-mobile-btn{
	display:none;
	padding:15px;
	cursor:pointer;
	color:#fff;
	font-size:20px;
	float:left;
	line-height: 50px;
}
@media screen and (min-width:1520px){
	#barremenu .logo a{
		padding-left:0;
	}
}
@media screen and (min-width:1400px){
	#barremenu .menu-tool a,
	#barremenu li a{
		font-size:15px;
	}
}
@media screen and (min-width:1100px){
	#barremenu #content-barremenu{
		padding-left:50px;
		padding-right:50px;
	}
}
@media screen and (max-width:1020px){
	#barremenu #content-barremenu{
		background:transparent;
	}
}
@media screen and (max-width:750px){
	#barremenu ul{
		display:none;
		top:80px;
		position:absolute;
		right:0;
		background:#000;
	}
	#barremenu ul li{
		display:block;
		text-align:right;
	}
	#barremenu ul li.menu-tool{
		float:none;
	}
	#barremenu ul li a{
		line-height: 50px;
	}
	#barremenu #menu-mobile-btn{
		display:inline-block;
	}
}
@media screen and (min-width:750px){
	#barremenu ul{
		display:block !important;
	}
}
/*********************** Menu 2 ********************/
.breadcrumb{
	margin-bottom:40px;
	margin-top: 60px;
	list-style: none;
	overflow: visible;
	z-index:3;
	background: transparent;
	width:100%;
	height: 31px;
}
.breadcrumb li{
	display:inline-block;
	height:31px;
}
.breadcrumb .menu-droite{
	float:right;
}
.breadcrumb li a {
	color:#222;
	font-size:15px;
	text-decoration: none;
	padding: 5px 15px;
	position: relative;
	display: block;
	background: rgba(176,176,176,0.8);
	border-radius:4px;
	margin:0 5px;
	border:2px solid #fafafa;
}
.breadcrumb li a.current {
	background:#fafafa;
	border-color:#aaa;
}
.breadcrumb li a:hover {
	background:#d6d6d6;
}
	
.breadcrumb .menu-share a,
.breadcrumb .menu-share a:hover,
.breadcrumb .menu-share a.current {
	background:#D1F3FC;
}
.breadcrumb .menu-share a #share_depliable{
	display:none;
	font-size:13px;
	text-align:center;
}
.breadcrumb .menu-share a:hover  #share_depliable{
	display:block;
}
.breadcrumb .menu-share a:hover{
	height:65px;
	margin-top:-34px;
}
/* Responsive */
@media screen and (min-width:1400px){
	.breadcrumb li a {
		font-size: 17px;
	}
}
@media screen and (max-width:800px){
	.breadcrumb li a span{
		display:none;
	}
}
@media screen and (max-width:550px){
	.breadcrumb li a{
		margin:0 2px;
	}
}
/*
.breadcrumb .menu-droite a{
	background:#000;
	color:#fff;
	font-size:11px;
	font-weight:bold;
}
.breadcrumb .menu-droite a:hover{
	background:#333;
	color:#fff;
}
*/
/*********************** Zone promo ********************/
/*#zone-promo{
	position:absolute;
	top:0;
	right:-280px;
	width:320px;
	height:150px;
	max-width:100%;
	box-sizing:border-box;
	-webkit-transition: right 1s;
    transition: right 1s;
	z-index:99;
}
#zone-promo-fleche{
	display:inline-block;
	vertical-align:top;
	padding:7px;
	background:#4bb0b2;
	color:#fff;
	width:40px;
	box-sizing:border-box;
	font-size:22px;
	text-align:center;
	cursor:pointer;
}
#zone-promo-content{
	display:inline-block;
	vertical-align:top;
	padding:20px;
	background:#fff;
	width:280px;
	height:100%;
	box-sizing:border-box;
}*/
/*********************** Contact ********************/
#zone-contact{
	background:rgba(75, 176, 178, 0.85);
	color:#fff;
}
#zone-contact i{
	font-size:15px;
}
#zone-contact:hover{
	background:rgba(75, 176, 178, 1);
}
/*********************** Footer ********************/
#footer{
	width:100%;
	background:#fafafa;
}
#footer #footer-content{
	text-align:left;
	font-size:12px;
	color:#999;
	width:100%;
	max-width: 1500px;
	margin: 0 auto 15px auto;
	padding:15px;
}
#footer #footer-left{
	float:left;
}
#footer #footer-right{
	float:right;
}
#footer a{
	color:#999;
}
#footer a:hover{
	text-decoration:underline;
}
#footer #social a{
	display:inline-block;
	padding:4px;
}
#footer #social a i.fa{
	font-size: 15px;
}
#footer #logo-innovation{
	float:right;
}
#footer #logo-innovation img{
	width:100px;
}
@media screen and (min-width:1100px){
	#footer #footer-content{
		padding-left:50px;
		padding-right:50px;
	}
}
@media screen and (min-width:1040px){
	#footer{
		padding:15px 0;
	}
}
@media screen and (max-width:450px){
	#footer #footer-content{
		text-align:center;
	}
	#footer #footer-left,
	#footer #logo-innovation{
		float:none;
		display: block;
		margin:0 auto 20px auto;
		text-align:center;
	}
	#footer #logo-innovation{
		display: inline-block;
		margin-bottom:0;
	}
}
/*********************** Page ********************/
#content {
	background:#fafafa;
    width: 100%;
	max-width:1500px;
    padding: 30px 20px 30px 20px;
    position:relative;
	min-height:700px;
}
@media screen and (max-width:1000px){
	#content {
		min-height:500px;
	}
}
@media screen and (min-width:1400px){
	#content {
		min-height:900px;
	}
}
#content.share {
	background:#D1F3FC;
}
.fa-plus-square{
	font-family:'FontAwesome';
	font-size:20px;
	color:#5cb85c;
}
.fa-plus-square:hover{
	color:#449D44;
}
.lignesoustitre .fa-child, .lignesoustitre .fa-arrow-circle-up, .lignesoustitre .fa-arrow-circle-down {
	font-size:18px;
}
.lignesoustitre .fa-user, .lignesoustitre .fa-building, .lignesoustitre .fa-bank, .lignesoustitre .fa-money {
	font-size:16px;
}
.fa-trash-o{
	font-family:'FontAwesome';
	font-size:20px;
	color:#FF0000;
}
.fa-trash-o:hover{
	color:#C00000;
}
.fa-question{
	font-family:'FontAwesome';
	color:#FF0000;
}
.my-fa-share-square-o:before {
  content: "\f045";
}
.my-fa-facebook:before {
  content: "\f09a";
}
.my-fa-facebook-square:before {
  content: "\f082";
}
.my-fa-twitter:before {
  content: "\f099";
}
.my-fa-twitter-square:before {
  content: "\f081";
}
.my-fa-linkedin:before {
  content: "\f0e1";
}
.my-fa-linkedin-square:before {
  content: "\f08c";
}
.my-fa-youtube:before {
  content: "\f167";
}
.evenements .news{
	box-sizing: border-box;
	width:100%;
	border:1px solid #dedede;
	background:#f6f6f6;
	border-radius:4px;
	margin-bottom:20px;
}
.evenements .news .news-titre{
	box-sizing: border-box;
	width:100%;
	padding:10px;
	border-bottom:1px solid #dedede;
	font-size:17px;
}
.evenements .news .news-content{
	box-sizing: border-box;
	background:#fff;
	width:100%;
	padding:10px;
}
.evenements .news .news-content ul{
	list-style:disc inside;
}
@media screen and (min-width:1100px){
	#content {
		padding-left:60px;
		padding-right:60px;
	}
}
/*********************** Boutons dans les pages ********************/
.bouton-page,
.ui-widget-content a.bouton-page{
	display:inline-block;
	color:#fff;
	border:none;
	font-size: 13px;
	//background:#5bc0de;
	line-height:16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:6px 14px;
	margin:15px 0;
	text-align:center;
	cursor:pointer;
	-webkit-appearance: none;
	font-family: 'Open sans', Arial, sans-serif;
}
@media screen and (min-width:1400px){
	.bouton-page,
	.ui-widget-content a.bouton-page{
		font-size: 15px;
	}
}

.lien{
	display:inline;
	border:none;
	-webkit-appearance: none;
	background:transparent;
	font-family: 'Open sans', Arial, sans-serif;
	font-size:inherit;
	cursor:pointer;
}
/*
.bouton-page:hover{
	background:#31b0d5;
	color:#fff;
}
*/
.bouton-resultat{
	display:inline-block;
	border:none;
	font-size: 13px;
	line-height:16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:6px 14px;
	margin:15px 0;
	cursor:pointer;
	vertical-align:top;
	font-family: 'Open sans', Arial, sans-serif;
}
@media screen and (min-width:1400px){
	.bouton-resultat{
		font-size: 15px;
	}
}
#menu-resultats .bouton-resultat{
	font-size: 14px;
	line-height:16px;
	padding:8px 15px;
	margin:15px 3px 15px 0;
}
#menu-resultats .bouton-resultat.largeur-fixe{
	width: 175px;
}
#menu-resultats .bouton-resultat.une-ligne span{
	line-height:33px;
}
#menu-resultats .bouton-resultat i{
	font-size: 20px;
	padding: 6px 8px 0 0;
}
a.bouton-resultat{
	line-height:18px;
}
.bouton-bleu{
	background:#5bc0de;
	color:#fff;
}
.bouton-bleu:hover{
	background:#31b0d5;
	color:#fff;
}
.bouton-bleu-on{
	background:#1E8CAA;
	color:#fff;
}
.bouton-bleu-on:hover{
	background:#31b0d5;
	color:#fff;
}
.bouton-vert{
	background:#5cb85c;
	color:#fff;
}
.bouton-vert:hover{
	background:#449D44;
	color:#fff;
}
.bouton-vert-on{
	background:#2D772D;
	color:#fff;
}
.bouton-vert-on:hover{
	background:#449D44;
	color:#fff;
}
.bouton-jaune{
	background:#eea236;
	color:#fff;
}
.bouton-jaune:hover{
	background:#ec971f;
	color:#fff;
}
.bouton-rouge{
	background:#d9534f;
	color:#fff;
}
.bouton-rouge:hover{
	background:#c9302c;
	color:#fff;
}
.bouton-retraite{
	background:#458B74;
	color:#fff;
}
.bouton-retraite:hover{
	background:#4a816f;
	color:#fff;
}
.bouton-noir{
	background:#1a1818;
	color:#fff;
}
.bouton-noir:hover{
	background:#000000;
	color:#fff;
}
.bouton-violet{
	background:#510751;
	color:#fff;
}
.bouton-violet:hover{
	background:#4b0a4b;
	color:#fff;
}
.bouton-gris{
	background:#C0C0C0;
	color:#fff;
}
.bouton-gris:hover{
	background:#A8A8A8;
	color:#fff;
}
.bouton-blanc{
	background:#D8D8D8;
	color:#fff;
}
.bouton-blanc:hover{
	background:#D8D8D8;
	color:#fff;
}
.bouton-rouge{
	background:#FF3300;
	color:#fff;
}
.bouton-rouge:hover{
	background:#FF3333;
	color:#fff;
}
.bouton-dispo{
	background:#77876B;
	color:#fff;
}
.bouton-dispo:hover{
	background:#68765e;
	color:#fff;
}
.bouton-ca{
	background:#707070;
	color:#fff;
}
.bouton-ca:hover{
	background:#484848;
	color:#fff;
}
.bouton-disable{
	opacity:0.4;
}
.bouton-disable:hover{
	opacity:1.0;
}
.bouton-graph{
	background:#FF9900;
	color:#fff;
}
.bouton-graph:hover{
	background:#ea9009;
	color:#fff;
}
.largeur-fixe{
	width:150px;
	text-align:center;
	height:49px;
}
.largeur-fixe2{
	width:240px;
	text-align:center;
	height:50px;
}
.bouton-resultat i{
	display:block;
	float:left;
	font-size:18px;
	padding:7px 3px 0 0;
	font-style:normal;
}
.bouton-searching, .bouton-searching:hover{
	background:#fff url('/css/image/spinner.gif') no-repeat 7px;
	cursor:default;
	padding-left:30px;
	border:1px solid #999;
	color:#999;
}
/*********************** Autres items dans pages ********************/
.signaler{
	float:right;
	margin: 15px;
	font-size:20px;
	font-weight:normal;
	line-height:25px;
	color:#999;
	padding:0;
}
.signaler:hover{
	color:#c9302c;
}
/*************************** Page famille *******************************/
table#celib{
	float:left;
	border-collapse : collapse;
	border-top : white 2px solid;
	width:100%;
	margin-bottom:20px;
}
table#couple{
	float:left;
	border-collapse : collapse;
	border-top : white 2px solid;
	width:40%;
	margin-bottom:20px;
}
#union{
	float:right;
	padding:10px;
	width:50%;
	background:#fff;
	border:1px solid #ddd;
}
table td.nom-famille{
	width:150px;
}
@media screen and (max-width:800px){
	table td.nom-famille{
		width:120px;
	}
}
@media screen and (max-width:700px){
	table#couple{
		float:none;
		width:100%;
	}
	#union{
		float:none;
		width:100%;
		margin-top:30px;
	}
	table td.nom-famille{
		width:auto;
	}
}
/************************* Page résultats **********************/
#menu-resultats .droite img.vertical{
	display:inline-block;
}
/***************************************************************/
/*********************** Boites de dialogue ********************/
/***************************************************************/
.ui-progressbar-value{
	/*background:#414247;*/
}
.ui-widget-overlay{
	background:#333;
	opacity:0.6;
}
.ui-dialog{
	padding:0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 40% !important;
	left: 30% !important;
	max-width:1000px;
}
@media screen and (max-width:2400px){
	.ui-dialog{
		width: 40% !important;
		left: 30% !important;
	}
}
@media screen and (max-width:2000px){
	.ui-dialog{
		width: 50% !important;
		left: 25% !important;
	}
}
@media screen and (max-width:1600px){
	.ui-dialog{
		width: 60% !important;
		left: 20% !important;
	}
}
@media screen and (max-width:1300px){
	.ui-dialog{
		width: 75% !important;
		left: 12.5% !important;
	}
}
@media screen and (max-width:1000px){
	.ui-dialog{
		width: 90% !important;
		left: 5% !important;
	}
}
@media screen and (max-width:700px){
	.ui-dialog{
		width: 90% !important;
		left: 5% !important;
	}
}
.ui-dialog .ui-dialog-titlebar{
	border:none;
	background:#ddd;
	padding:10px;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title{
	font-size:18px;
	font-weight:normal;
	line-height:22px;
	color:#333;
	width:80%;
	margin:0;
	padding-left:5px;
}
.ui-dialog .ui-dialog-titlebar-close{
	right:10px;
}
.ui-dialog .ui-dialog-titlebar .icons{
	margin-right:30px;
}
@media screen and (max-width:620px){
	.ui-dialog .ui-dialog-titlebar .icons{
		display:none;
	}
}
.ui-dialog .ui-dialog-titlebar .iconhelp{
	cursor:pointer;
	float:right;
	margin-right:5px;
	line-height:20px;
	margin-top:3px;
	padding:0 5px;
}
h2 .iconhelp{
	cursor:pointer;
	display:inline-block;
	margin-left:10px;
}
.ui-dialog .ui-dialog-titlebar .fa-info-circle,
.iconhelp .fa-info-circle{
	font-size:20px;
	color:#999;
	font-weight:bold;
	cursor:pointer;
}
.ui-dialog .ui-dialog-titlebar .fa-info-circle:hover,
.iconhelp .fa-info-circle:hover{
	color:#3071a9;
}
.ui-dialog .ui-dialog-titlebar .texthelp,
.iconhelp .texthelp{
	display:none;
	background-color: #e8f6fc;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
    border-left:3px solid #57b5e3;
	padding: 15px;
	position:absolute;
	right:0;
	z-index:999;
	color:#222;
    font-family: 'Open Sans',sans-serif;
    width:100%;
    box-sizing:border-box;
}
.iconhelp:hover .texthelp{
	display:block;
}
.ui-dialog .ui-dialog-titlebar .iconsignal,
.iconsignal{
	cursor:pointer;
	float:right;
	margin-right:5px;
	font-size:16px;
	line-height:20px;
	margin-top:3px;
}
.ui-dialog .ui-dialog-titlebar .iconsignal a,
.iconsignal a{
	color:#999;
	padding:0 5px;
}
.ui-dialog .ui-dialog-titlebar .fa-exclamation-triangle,
.iconsignal .fa-exclamation-triangle {
	font-size:20px;
	font-weight:normal;
}
.ui-dialog .ui-dialog-titlebar .iconsignal a:hover,
.iconsignal a:hover {
	color:#c9302c;
}
/*Croix de fermeture*/
.ui-dialog .ui-dialog-titlebar-close{
	height:18px;
	width:18px;
}
.ui-widget-header .ui-dialog-titlebar-close .ui-icon-closethick{
	background-image:url("jquery-ui-1.11.1.custom/images/ui-icons_ededed_256x240.png");
}
.ui-widget-header .ui-dialog-titlebar-close{
	border:none;
	background:#999;
}
.ui-widget-header .ui-dialog-titlebar-close:hover .ui-icon-closethick{
	background-image:url("jquery-ui-1.11.1.custom/images/ui-icons_ffffff_256x240.png");
}
.ui-dialog-buttonpane .mentions{
	clear:both;
	font-size:8px;
	color:#999;
	margin-top:60px;
	padding:10px 5px;
	border-top:1px solid #999;
	width:100%;
}
.ui-dialog-buttonpane .mentions p{
	/*max-width:710px;*/
	width:100%;
}
/*********************** Boutons ********************/
.ui-dialog-buttonpane{
	border:none;
}
.ui-dialog-buttonset .ui-button{
	color:#fff;
	border:none;
	font-size: 14px;
	/*background:#5bc0de;*/
	background:#eea236;
}
.ui-dialog-buttonset .ui-button:hover{
	/*background:#31b0d5;*/
	background:#EC971F;
}
.ui-dialog-buttonset .ui-button .ui-button-text{
	padding:0.4em 1em;
}
.ui-dialog-buttonset .ui-icon-gear{
	display:none;
}
/*Bouton principal*/
.ui-dialog-buttonset .ui-button-text-icon-primary{
	background:#5cb85c;
}
.ui-dialog-buttonset .ui-button-text-icon-primary:hover{
	background:#449D44;
}
/*Bouton de suppression*/
.ui-dialog-buttonset .ui-button-text-icon-secondary{
	background:#d9534f;
}
.ui-dialog-buttonset .ui-button-text-icon-secondary:hover{
	background:#c9302c;
}
.ui-dialog-buttonset button:disabled, .ui-dialog-buttonset button:disabled:hover{
	background:#fff url('/css/image/spinner.gif') no-repeat 7px;
	cursor:default;
	padding-left:20px;
	border:1px solid #999;
	color:#999;
}
/*Bouton d'annulation*/
.ui-dialog-buttonset .ui-button.bouton-annulation{
	background:#ccc;
}
.ui-dialog-buttonset .ui-button.bouton-annulation:hover{
	background:#bbb;
}
/*********************** Formulaires ********************/
.formwidth1 {	
	width:650px;
	}
.formwidth2 {
	width:750px;
	}
.formwidth3 {
	width:850px;
	}
fieldset{
	border:none;
	border-top:1px solid #333;
	margin-top:20px;
}
fieldset legend{
	padding:0 10px;
	margin-left:20px;
}
table.form tr{
	height:28px;
}
table.form tr td{
	vertical-align:middle;
}
table.form input[type="text"],
table.form input[type="password"], 
table.form select,
.form input[type="text"],
.form input[type="email"], 
.form input[type="password"], 
.form select{
	color:#333;
	line-height:15px;
	padding:3px 7px;
	border:1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	font-size:13px;
	background:#fff;
}
.ui-tabs{
	border:none;
}
.ui-tabs .ui-tabs-nav{
	background:transparent;
	border:none;
	border-bottom:1px solid #d3d3d3;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;
	padding-top:0;
}
.ui-tabs .onglets-bas{
	border-top:1px solid #d3d3d3;
	border-bottom:none;
}
.ui-tabs .ui-tabs-nav .ui-state-default{
	background:#ddd;
}
.ui-tabs .onglets-bas .ui-state-default{
	border-top:none;
	border-bottom:1px solid #d3d3d3;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	margin-top:0;
}
.ui-tabs .onglets-bas li.ui-tabs-active{
	margin-top:-1px;
	padding-top:1px;
	margin-bottom:0;
	padding-bottom:0;
}
.ui-tabs .ui-tabs-nav .ui-tabs-active{
	background:#fff;
}
.datepicker{
	text-align:right;
}
.colorpicker{
	width:100px;
}
#pref-form fieldset{
	border-color:#999;
	padding: 10px 0;
}
#pref-form h2{
	font-weight:normal;
}
#pref-form label{
	display:inline-block;
	width:300px;
}
#pref-form.mi-page label{
	width:60%;
}
#pref-form.mi-page label.long-label{
	width:90%;
	line-height: 18px;
}
#pref-form p{
	/*line-height:30px;*/
	padding: 5px 0;
}
#pref-form .check{
	width:100%;
	max-width:550px;
	display:inline-block;
}
#pref-form .check label{
	display:inline-block;
	width:255px;
	padding-left:5px;
}
#pref-form .check p label{
	width:500px;
}
#pref-form .zone-form{
	margin-top:20px;
}
#pref-form .zone-form p{
	line-height:1.5;
}
.form-un-champ input[type="text"]{
	color:#333;
	line-height:16px;
	padding:6px 14px;
	border:1px solid #999;
	border-right:none;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	font-size:13px;
	background:#fff;
}
.form-un-champ input[type="submit"].bouton-resultat,
.form-un-champ input[type="submit"].myButton{
	-webkit-border-radius: 0 4px 4px 0 !important;
	-moz-border-radius: 0 4px 4px 0 !important;
	border-radius: 0 4px 4px 0 !important;
}
.form.mi-page{
	width:40%;
	margin-top:40px;
	padding-bottom:70px;
}
#pref-form.mi-page .myButton{
	background:#5cb85c;
	position:absolute;
	right:30px;
	bottom:20px;
}
#pref-form.mi-page .myButton:hover{
	background:#449D44;
}
#pref-form.mi-page fieldset{
	margin-top:10px;
}
#pref-form #illustrations{
	display:flex;
}
#pref-form #illustrations > div{
	width:50%;
	text-align:center;
}
#pref-form #illustrations label{
	cursor:pointer;
	width:100%;
	margin-bottom:15px;
}
#pref-form #illustrations label img{
	margin:5px 0;
}
#pref-form #illustrations input[type="file"]{
	display:none;
}
#pref-exemple{
	float:right;
	width:55%;
	margin-top:40px;
	padding-bottom:90px;
}
#pref-exemple #page-exemple{
	background:#fff;
	width:100%;
	padding:20px;
}
#pref-exemple #page-exemple h2{
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	margin-bottom:25px;
}
#pref-exemple #page-exemple h3{
	text-transform:uppercase;
	font-size:15px;
	font-weight:bold;
	margin-bottom:15px;
}
#pref-exemple #page-exemple p{
	margin-bottom:15px;
	text-align:justify;
}
#pref-exemple #page-exemple table{
	width:100%;
	border-collapse : collapse;
}
#pref-exemple #page-exemple table thead th,
#pref-exemple #page-exemple table tbody td{
	text-align:center;
}
#pref-exemple #page-exemple table thead th{
	padding:3px 7px;
	font-weight:normal;
}
#pref-exemple #page-exemple table tbody td:first-child{
	text-align:left;
}
#pref-exemple #page-exemple.t8{
	font-size:8pt;
}
#pref-exemple #page-exemple.t8 h2{
	font-size:17pt;
}
#pref-exemple #page-exemple.t8 h3{
	font-size:11pt;
}
#pref-exemple #page-exemple.t9{
	font-size:9pt;
}
#pref-exemple #page-exemple.t9 h2{
	font-size:18pt;
}
#pref-exemple #page-exemple.t9 h3{
	font-size:12pt;
}
#pref-exemple #page-exemple.t10{
	font-size:10pt;
}
#pref-exemple #page-exemple.t10 h2{
	font-size:19pt;
}
#pref-exemple #page-exemple.t10 h3{
	font-size:13pt;
}
#pref-exemple #page-exemple.t11{
	font-size:11pt;
}
#pref-exemple #page-exemple.t11 h2{
	font-size:20pt;
}
#pref-exemple #page-exemple.t11 h3{
	font-size:14pt;
}
#pref-exemple #page-exemple.arial{
	font-family:Arial, sans-serif;
}
#pref-exemple #page-exemple.verdana{
	font-family:Verdana, sans-serif;
}
#pref-exemple #page-exemple.Helvetica{
	font-family:Helvetica, sans-serif;
}
#pref-exemple #page-exemple.Times{
	font-family:Times New Roman, serif;
}
#pref-exemple #page-exemple.candara{
	font-family:Candara, sans-serif;
}
#pref-exemple #page-exemple h2.D{
	text-align:right;
}
#pref-exemple #page-exemple h2.C{
	text-align:center;
}
#pref-exemple #page-exemple h2.G{
	text-align:left;
}
#pref-exemple #page-exemple h2.s1{
	text-decoration:underline;
}
#pref-exemple #page-exemple h3.s1{
	text-decoration:underline;
}
#pref-exemple #page-exemple table.v1 th,
#pref-exemple #page-exemple table.v1 td{
	border-left:1px solid #666;
}
#pref-exemple #page-exemple table.v1 th:last-child,
#pref-exemple #page-exemple table.v1 td:last-child{
	border-right:1px solid #666;
}
#pref-exemple #page-exemple table.v1 th:first-child,
#pref-exemple #page-exemple table.v1 td:first-child{
	padding-left:5px;
}
@media screen and (max-width:1000px){
	#pref-form.mi-page label{
		width:48%;
	}
}
@media screen and (max-width:860px){
	#pref-exemple{
		float:none;
		width:100%;
		margin-top:30px;
		padding-bottom:0;
	}
	.form.mi-page{
		width:100%;
		margin-top:30px;
		padding-bottom:70px;
	}
}
.cell_montant{
	text-align:right;
	min-width:40%;
}
/*********************** Messages d'erreur ********************/
.cadre-erreur, .cadre-erreur-2{
	width:100%;
	border-left:3px solid #ed4e2a;
	padding:7px 10px;
	margin:10px 0;
	box-sizing:border-box;
	display:none;
	background-color: #FAEAE6;
}
.aide{
	color:#222222;
}
table.form input.AideCel, table.form input.AideCel2, table.form select.AideCel, table.form select.AideCel2, table.form textarea.AideCel, table.form textarea.AideCel2, .AideCel, form.form .AideCel, body .new_form input.AideCel,  body .new_form textarea.AideCel, body .new_form select.AideCel,
.form .erreur input{
	background-color: #FAEAE6;
	border-color:#a94442;
}
.form .erreur label{
	color:#a94442;
}
/*********************** Messages d'alerte ********************/
.cadre-info{
	width:100%;
	border-left:3px solid #FCB322;
	padding:7px 10px;
	margin:10px 0;
	box-sizing:border-box;
	background-color: #FCF3E1;
}
.cadre-info-bleu{
	width:100%;
	border-left:3px solid #57b5e3;
	padding:7px 10px;
	margin:10px 0;
	box-sizing:border-box;
	background-color: #E8F6FC;
	margin-bottom:20px;
}
.cadre-valid{
	width:100%;
	border-left:3px solid #3CC051;
	padding:7px 10px;
	margin:10px 0;
	box-sizing:border-box;
	background-color: #EBFCEE;
}
.cadre-warning{
	width:100%;
	border-left:3px solid #ed4e2a;
	padding:7px 10px;
	margin:10px 0;
	box-sizing:border-box;
	background-color: #FAEAE6;
}
.cadre-parrainage{
	width:100%;
	background-color: #fff;
    border: 1px solid #45B6AF;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.cadre-parrainage .parrainage-header{
	background-color: #45B6AF;
    border-color: #428bca;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}
.cadre-parrainage h3{
    font-size:16px;
    margin-bottom:0;
    margin-top:0;
    font-weight:300;
}
.cadre-parrainage .parrainage-header .remove{
	float:right;
	color:#fff;
    font-size:16px;
}
.cadre-parrainage .parrainage-content{
	padding:15px;
}
.cadre-parrainage .avoir{
	text-align:right;
	font-weight:bold;
	margin-top:20px;
}
.cadre-abonnement{
	width:100%;
	background-color: #fff;
    border: 1px solid #000000;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.cadre-abonnement .abonnement-header{
	background-color: #404040;
    border-color: #000000;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}
.cadre-abonnement h3{
    font-size:16px;
    margin-bottom:0;
    margin-top:0;
    font-weight:300;
}
.cadre-abonnement .abonnement-header .remove{
	float:right;
	color:#fff;
    font-size:16px;
}
.cadre-abonnement .abonnement-content{
	padding:15px;
}
.cadre-abonnement .avoir{
	text-align:right;
	font-weight:bold;
	margin-top:20px;
}
.alert{
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	padding-right: 35px;
	position: relative;
}
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-failure{
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert .close {
	position: absolute;
	top: 3px;
	right: 11px;
	color: inherit;
	display: block;
	font-size: 15px;
}
#ligne-dossier{
	position:relative;
}
.lien-infobulle i{
	cursor:help;
	font-size:16px;
	color:#3071a9;
}
.infobulle{
	display:none;
	position:absolute;
	right: 0;
	left: 35%;
	top: 0;
	width: auto;
	text-align: left;
	border-color:#57b5e3;
	background-color: #e8f6fc;
	color:#222;
}
.lien-infobulle:hover .infobulle,
.lien-infobulle:focus .infobulle{
	display:block;
}
/*********************** Divers ********************/
.form #affCorresp .fa-check-circle,
.form #affCorresp .fa-times-circle,
.form #affSecur .fa-exclamation-circle,
.form-process #affCorresp .fa-check-circle,
.form-process #affCorresp .fa-times-circle,
.form-process #affSecur .fa-exclamation-circle{
	font-size:20px;
	cursor:help;
}
.form #affCorresp .fa-check-circle,
.form-process #affCorresp .fa-check-circle{
	color:#5cb85c;
}
.form #affCorresp .fa-times-circle,
.form #affSecur .fa-exclamation-circle,
.form-process #affCorresp .fa-times-circle,
.form-process #affSecur .fa-exclamation-circle{
	color:#d9534f;
}
.form-process .message-page{
	text-align:center;
	margin:40px 0 60px 0;
}
.form-process ol{
	list-style-position: inside;
}
/*********************** Page de login ********************/
#login-form{
	margin:0 auto;
	padding:100px 0 50px 0;
	display:block;
	text-align:center;
	max-width:800px;
	width:100%;
}
#login-form table{
	margin:0 auto;
}
#login-form .cadre-warning{
	text-align:left;
}
#login-form input[type="text"], #login-form input[type="password"]{
	display:inline-block;
	margin:7px 0;
}
#login-form p{
	margin-top:40px;
}
#login-form .myButton, #event-form .myButton, #pref-form .myButton, #flex-form .myButton, #dept .myButton, #saisie .myButton, #form-commande .myButton, form .myButton{
	color:#fff;
	border:none;
	font-size: 13px;
	line-height:16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:6px 14px;
	margin:15px 0;
	background:#5bc0de;
	cursor:pointer;
	-webkit-appearance: none;
}
#login-form .myButton:hover, #event-form .myButton:hover, #pref-form .myButton:hover, #flex-form .myButton:hover, #dept .myButton:hover, #saisie .myButton:hover, #form-commande .myButton:hover, form .myButton:hover{
	background:#31b0d5;
	color:#fff;
}
#login-form .mentions{
	text-align:justify;
	font-size:9px;
	color:#777;
	margin-top:60px;
}
#login-form .mentions p{
	margin:3px 0;
}
/***************************************************************/
/**************************** Tableaux *************************/
/***************************************************************/
table td.invisible{
	background:#fafafa;
	border:none;
}
/********************* Tableaux dossiers clients PRO *******************/
#dossiers-clients{
	border-collapse : collapse;
	width:100%;
	margin:20px 0;
}
#dossiers-clients thead tr{
	height:30px;
}
#dossiers-clients thead tr th,
#dossiers-clients thead tr td{
	text-align:center;
	background-color:#f3f3f3;
}
#dossiers-clients thead tr th{
	border-top : white 2px solid;
}
#dossiers-clients tbody tr td{
	padding: 4px;
	border-bottom: 1px solid #ddd;
}
#dossiers-clients tbody tr:nth-child(2n) td{
	background-color:#f3f3f3;
}
#dossiers-clients tbody tr:nth-child(2n+1) td{
	background-color:#fafafa;
}
#dossiers-clients .arrow{
	width:13px;
	display:inline-block;
}
/*Pagination en haut*/
#pagination_haute{
	float:right;
}
#pagination_haute #pagination_haute_liens a{
	display:inline-block;
	padding:3px 5px;
	margin:0 3px;
	background:#4bb0b2;
	color:#fff;
	border-radius:3px;
}
/*Pagination en bas*/
#pagination{
	text-align:center;
	padding:15px;
}
#pagination a{
	display:inline-block;
	padding:5px 8px;
	margin:0 5px;
	background:#4bb0b2;
	color:#fff;
	border-radius:3px;
}
/* Responsive */
@media screen and (max-width:900px){
	#dossiers-clients .no-tablettes{
		width:0px;
		padding: 0;
		text-indent: -9999px;
		opacity: 0;
		font-size:1px;
	}
	#dossiers-clients .no-tablettes span{
		display:none;
	}
}
@media screen and (max-width:700px){
	#dossiers-clients .no-mobile-td{
		width:0px;
		padding: 0;
		text-indent: -9999px;
		opacity: 0;
		font-size:1px;
	}
	#dossiers-clients .no-mobile-td span{
		display:none;
	}
}
@media screen and (max-width:500px){
	#dossiers-clients .no-small{
		width:0px;
		padding: 0;
		text-indent: -9999px;
		opacity: 0;
		font-size:1px;
	}
	#dossiers-clients .no-small span{
		display:none;
	}
}
/********************* Tableaux récap *******************/
.tableau2, .tableau3{
	border-collapse:collapse;
	font-size:12px;
}
.tableau2{
	margin-bottom:20px;
}
.tableau2 td, .tableau2 th{
	width:45px;
	height:22px;
	padding:2px 5px;
	text-align:right;
	/*border-left: 1px solid #ddd;*/
}
@media screen and (min-width:1400px){
	
	.tableau2 td, .tableau2 th{
		height:23px;
	}
}
.tableau2 th{
	height:27px;
	font-weight:normal;
}
.tableau2 td.total{
	font-weight:bold;
}
.tableau3 td, .tableau3 th{
	height:20px;
	padding:2px 5px;
}
.td-icone{
	width:20px;
	text-align:right;
}
.detailCA{
	width:95%;
	background:#fff;
	border-color:#dddddd;
	border-spacing:0px;
	height:20px;
	display:none;
}
.detailCA td{
	padding-left:15px;
	color:#666;
}
.detailCA td.montant-table{
	padding-right:25px;
}
.biens-table .detailCA td.montant-table{
	padding-right:5px;
}
.tableau3 a{
	cursor:pointer;
}
.gauche{
	position: relative;
	width: 25%;
	/*height :900px;*/
   	background:inherit;
 	z-index:10;
 	overflow:hidden;
}
#contenu-tableau2{
	overflow-y:hidden;
	width:75%;
	overflow-x:auto;
	float:right;
}
.th-annees td{
	background:#bbb;
	color:#111;
}
.gauche .tableau3 td,
.gauche .tableau3 th{
	height:22px;
}
@media screen and (min-width:1400px){
	.tableau2, .tableau3{
		font-size:14px;
	}
}
@media screen and (max-width:1000px){
	.gauche .no-mobile{
		display:none;
	}
	.gauche .only-mobile{
		display:inline-block;
	}
}
@media screen and (max-width:550px){
	
	.gauche{
		width: 40%;
	}
	#contenu-tableau2{
		width:60%;
	}
}
@media screen and (max-width:400px){
	.gauche{
		width: 50%;
	}
	#contenu-tableau2{
		width:50%;
	}
}
@media screen and (max-width:320px){
	.gauche{
		width: 52%;
	}
	#contenu-tableau2{
		width:48%;
	}
}
/********************* Lignes blanches et grises *******************/
.tr-blanche td, .tr-grise td, .tr-clean td, .tr-total td{
	padding: 4px;
}
.tr-blanche td, .tr-grise td, .tr-clean td{
	border-bottom: 1px solid #ddd;
}
.tr-blanche, body .table tr.tr-blanche{
	background:#fafafa;
}
.tr-grise{
	background:#F3F3F3;
}
.tr-clean, body .table tr.tr-clean{
	background:#FFFFFF;
}
td.td-separation,
#dossiers-clients tbody tr td.td-separation,
#dossiers-clients thead tr td.td-separation{
	border:none;
	background:#FAFAFA;
	width:15px;
}
.tr-blanche:hover, .tr-grise, .tr-clean:hover{
	background:#eee;
}
.tableau2 .tr-blanche td,
.tableau2 .tr-grise td,
.tableau2 .tr-total td,
.tableau3 .tr-blanche td,
.tableau3 .tr-grise td,
.tableau3 .tr-total td{
	padding:2px 5px;
}
.tableau2 .tr-blanche td, .tableau2 .tr-grise td{
	/*border-left: 1px solid #ddd;*/
}
#beneficiaires, #usufruitiers{
	border-collapse:collapse;
	width:100%;
	margin-top:10px;
}
#beneficiaires td, #beneficiaires th,
#usufruitiers td, #usufruitiers th{
	padding:3px 5px;
	border-bottom: 1px solid #ddd;
}
#beneficiaires th,
#usufruitiers th{
	font-weight:normal;
}
#beneficiaires thead tr,
#usufruitiers thead tr{
	text-align:left;
}
#beneficiaires tbody tr:nth-child(2n),
#usufruitiers tbody tr:nth-child(2n){
	background:#F3F3F3;
}
.new_form #beneficiaires input[type="text"], 
.new_form #usufruitiers input[type="text"]{
	width:auto;
}
.ui-widget-content a.bouton-sup-benef,
.ui-widget-content a.bouton-sup-donation{
	font-size:20px;
	padding-left:10px;
	color:#d9534f;
}
.ui-widget-content a.bouton-sup-benef:hover,
.ui-widget-content a.bouton-sup-donation:hover{
	color:#C9302C;
}
#donations select{
	min-width:150px;
}
#donations.div-table label{
	width:100px;
}
.new_form #hypfi.div-table input[type="text"], 
.new_form #hypfi.div-table input[type="password"], 
.new_form #hypfi.div-table select, 
.new_form #hypfi.div-table input[type="email"], 
.new_form #hypfi.div-table textarea{
	width:80px;
}
#hypfi.div-table .table-header .table-cell{
	font-weight:bold;
}
/********************* Tableau actualités *******************/
#tableau-actus-container{
	padding-bottom:20px;
}
#tableau-actus{
	width:100%;
	padding:0;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
#tableau-actus td, #tableau-actus th{
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	line-height:1.2;
	padding:7px 15px;
	text-align:left;
	font-size:14px;
}
#tableau-actus th{
	background:#fff;
}
#tableau-actus .icone{
	text-align:center;
	width:80px;
}
#tableau-actus td.icone{
	font-size:18px;
}
#tableau-actus td.icone i{
	margin-right:5px;
}
#tableau-actus tr:nth-child(2n){
	background:#fff;
}
#tableau-actus tr:nth-child(2n+1){
	background:#f9f9f9;
}
#tableau-actus tr:hover{
	background:#f5f5f5;
}
/*************************** Tableau commandes ***************************/
#histo tr.old_commande{
	display:none;
}
#histo .bouton-page{
	margin:0 2px;
	padding:3px 10px 5px 10px;
	line-height:1.1;
}
/*************************** Tableaux - général ***************************/
.table{
	border-collapse : collapse;
	width:100%;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
}
.table td, .table th{
	border-bottom: 1px solid #ddd;
	line-height:1.2;
	padding:7px 15px;
	text-align:left;
	font-size:14px;
}
.table.petit-table td,
.table.petit-table th{
	padding:5px 8px;
	font-size:13px;
}
.table td:first-child, .table th:first-child{
	border-left: 1px solid #ddd;
}
.table th{
	background:#fff;
}
.table .icone{
	text-align:center;
}
.table tr:nth-child(2n+1){
	background:#f9f9f9;
}
.table tr:hover{
	background:#f5f5f5;
}
.table td.celluleM, .table th.celluleM{
	text-align:right;
}
table .montant-recap{
	text-align:right;
	cursor:pointer;
}
table .montant-recap input{
	text-align:right;
	width:80px;
}
.table td.montant-table,
.table th.montant-table{
	width:150px;
	text-align:right;
}
@media screen and (max-width:900px){
	.table td.montant-table,
	.table th.montant-table{
		width:100px;
		text-align:right;
	}
}
@media screen and (max-width:730px){
	.table .no-mobile-table span{
		display:none;
	}
	.table td.no-mobile-table,
	.table th.no-mobile-table{
		width:0;
		padding:0;
	}
}
/*************************** Tableaux - sans <table> ***************************/
.div-table{
	display:table;
	width:100%;
	margin-bottom:20px;
}
.div-table .table-tr{
	display:table-row;
}
.div-table .table-tr .table-cell{
	display:table-cell;
	padding: 4px 5px;
	border-bottom:1px solid #ddd;
}
.div-table .table-tr.tr-bold .table-cell{
	font-weight:bold;
}
.div-table .table-tr .table-cell.td-right{
	text-align:right;
}
.div-table label:not(.check),
.div-table .only-mobile{
	display:none;
}
.div-table .table-tr:not(.table-header):nth-child(2n+1){
	background: #F3F3F3;
}
@media screen and (max-width:830px){
	.div-table .table-tr.table-header{
		display:none;
	}
	.div-table label:not(.check){
		display:inline-block;
		width:150px;
	}
	
	.div-table{
		display:block;
	}
	.div-table .table-tr{
		display:block;
		padding:10px 0;
		border-bottom:1px solid #ddd;
	}
	.div-table .table-tr .table-cell{
		display:block;
		border-bottom:none;
	}
	.div-table .table-tr .table-cell.icone{
		text-align:right;
	}
	.div-table .only-mobile{
		display:inline;
	}
	.div-table .only-screen{
		display:none;
	}
	
	/*.div-table .table-tr .table-cell.td-right{
		text-align:left;
	}*/
}
@media screen and (max-width:500px){
	.new_form .div-table input[type="text"], 
	.new_form .div-table input[type="password"], 
	.new_form .div-table select, 
	.new_form .div-table input[type="email"], 
	.new_form .div-table textarea{
		width:200px;
	}
}
@media screen and (max-width:420px){
	.div-table label:not(.check){
		display:block;
		width:100%;
		font-weight:bold;
	}
}
/********************* Tableaux Les biens *******************/
.biens-table{
	border-collapse : collapse;
	width:100%;
}
.biens-table .montant-table{
	width:150px;
	text-align:right;
}
.biens-table tr{
	height:20px;
}
.biens-table tr.lignesoustitre{
	height:35px;
	border-top : white 2px solid;
}
.biens-table tr.lignesoustitre td{
	padding-top:15px;
}
.biens-table tr.lignetitre3{
	height:30px;
	font-weight:bold;
}
.biens-table tr.lignetitre3 td{
	padding-top:20px;
}
.biens-table tr.tr-total td{
	font-weight:bold;
	padding-bottom:24px;
	padding-top:10px;
}
.biens-table td.icone{
	width:50px;
	text-align:center;
}
@media screen and (max-width:900px){
	.biens-table .montant-table{
		width:100px;
		text-align:right;
	}
	.biens-table td.icone{
		width:35px;
	}
}
@media screen and (max-width:730px){
	.biens-table .no-mobile-table span{
		display:none;
	}
	.biens-table .no-mobile-table{
		width:0;
		padding:0;
	}
	.biens-table td.icone{
		width:25px;
	}
}
/********************* Tableaux succession *******************/
.succession-table{
	border-collapse : collapse;
	width:100%;
	margin-top:40px;
}
.succession-table th{
	text-align:left;
}
.succession-table td.montant-table,
.succession-table th.montant-table{
	width:150px;
	text-align:right;
}
.succession-table tr{
	height:20px;
}
.succession-table tr.lignesoustitre{
	height:35px;
	border-top : white 2px solid;
}
.succession-table tr.lignetitre3{
	height:30px;
	font-weight:bold;
}
.succession-table tr.lignetitre3 td{
	padding-top:20px;
}
.succession-table tr.tr-total td{
	font-weight:bold;
	padding-bottom:24px;
	padding-top:10px;
}
.succession-table td.icone{
	width:50px;
	text-align:center;
}
@media screen and (max-width:900px){
	.succession-table td.montant-table,
	.succession-table th.montant-table{
		width:100px;
		text-align:right;
	}
	.succession-table td.icone{
		width:35px;
	}
}
@media screen and (max-width:730px){
	.succession-table .no-mobile-table span{
		display:none;
	}
	.succession-table td.no-mobile-table,
	.succession-table th.no-mobile-table{
		width:0;
		padding:0;
	}
	.succession-table td.icone{
		width:25px;
	}
}
/*************************** Tableaux - Droits Mutation ***************************/
.dm-table{
	border-collapse : collapse;
	width:100%;
	margin-top:40px;
}
.dm-table td.montant-table,
.dm-table th.montant-table{
	width:150px;
	text-align:right;
}
.dm-table tr.entete{
	height:35px;
}
.dm-table tr{
	height:20px;
}
.dm-table tr td,
.dm-table tr th{
	border-bottom: 1px solid #ddd;
	padding: 4px;
}
.dm-table tr:nth-child(2n){
	background:#eee;
}
.dm-table tr.tr-total td{
	font-weight:bold;
	padding-bottom:24px;
	padding-top:10px;
}
@media screen and (max-width:900px){
	.dm-table td.montant-table,
	.dm-table th.montant-table{
		width:100px;
		text-align:right;
	}
}
@media screen and (max-width:730px){
	.dm-table .no-mobile-table span{
		display:none;
	}
	.dm-table td.no-mobile-table,
	.dm-table th.no-mobile-table{
		width:0;
		padding:0;
	}
}
/***************************************************************/
/************************** Retraites **************************/
/***************************************************************/
/*Tableau retraite privé simple*/
#tableau-simple{
	display:flex;
	width:100%;
	text-align:center;
    justify-content: space-between;
}
#tableau-simple .colonne{
	margin-left:7px;
	min-width:130px;
}
#tableau-simple .colonne:first-child{
	margin-left:0px;
}
#tableau-simple .colonne#header-tableau{
	text-align:left;
	font-weight:bold;
	min-width:80px;
}
#tableau-simple p{
	padding-bottom:7px;
}
#tableau-simple .label{
	display:none;
}
#tableau-simple input[type="text"], 
#tableau-simple select{
	width:100%;
	padding: 5px 5px;
}
#tableau-simple input[type="text"].demi{
	width:50%;
}
#tableau-simple input[type="text"].montant,
#tableau-simple input[type="text"]#RevenuDernier.montant{
	width:67%;
}
#tableau-simple select.devise{
	width:33%;
}
#tableau-simple input#RevenuDernier.montant.90p{
	width:90%;
}
@media screen and (max-width:1200px){
	#tableau-simple{
		flex-direction:column;
		text-align:left;
	}
	#tableau-simple .colonne{
		border-bottom:1px solid #dedede;
		padding:10px 0;
	}
	#tableau-simple .colonne#header-tableau{
		display:none;
	}
	#tableau-simple .label{
		display:inline;
	}
	#tableau-simple .titre-tab{
		font-weight:bold;
	}
	
	
	#tableau-simple input[type="text"], 
	#tableau-simple select{
		width:50%;
		max-width:100px;
	}
	#tableau-simple input[type="text"].demi{
		width:25%;
	}
	#tableau-simple input[type="text"].montant{
		width:30%;
	}
	#tableau-simple select.devise{
		width:20%;
	}
}
@media screen and (max-width:460px){
	
	#tableau-simple .label{
		display:block;
	}
	#tableau-simple input[type="text"], 
	#tableau-simple select{
		width:100%;
	}
	#tableau-simple input[type="text"].demi{
		width:50%;
	}
	#tableau-simple input[type="text"].montant{
		width:70%;
	}
	#tableau-simple select.devise{
		width:30%;
	}
}
/*Tableau retraite privé détail*/
#tableau-detaille{
	width:100%;
	overflow-x:auto;
}
#tableau-detaille table{
	width:100%;
	min-width:570px;
}
#tableau-detaille thead{
	display:block;
}
#tableau-detaille thead td{
	text-align:center !important;
}
#tableau-detaille tbody{
	display:block;
	max-height:210px;
	overflow-y:scroll;
}
#tableau-detaille tr{
	height:25px;
}
#tableau-detaille tr:nth-child(2n){
	background:#F3F3F3;
}
#tableau-detaille tr td{
	vertical-align:middle;
}
#tableau-detaille table .td-annee{
	text-align:center;
	width:80px;
}
#tableau-detaille table .td-revenu{
	text-align:right;
	width:110px;
}
#tableau-detaille table .td-unite{
	text-align:left;
	padding-left:10px;
	width:60px;
}
#tableau-detaille table .td-revenu-et-unite{
	text-align:center;
	width:176px;
}
#tableau-detaille table .td-plafond{
	text-align:center;
	width:200px;
}
#tableau-detaille table .td-coef{
	text-align:center;
	width:110px;
}
#tableau-detaille table .td-revenu-ret{
	text-align:center;
	width:180px;
}
#tableau-detaille input[type="text"] {
	min-width: 70px;
	padding: 5px;
}
@media screen and (max-width:1000px){
	
	#tableau-detaille table .td-annee{
		width:60px;
	}
	#tableau-detaille table .td-plafond{
		width:120px;
	}
	#tableau-detaille table .td-coef{
		width:80px;
	}
	#tableau-detaille table .td-revenu-ret{
		width:120px;
	}
}
@media screen and (max-width:690px){
	#tableau-detaille table .td-plafond,
	#tableau-detaille table .td-revenu-ret{
		display:none;
	}
	#tableau-detaille table{
		min-width:320px;
	}
}
@media screen and (max-width:420px){
	#tableau-detaille table .td-coef{
		display:none;
	}
	#tableau-detaille table{
		min-width:210px;
	}
}
/***************************************************************/
/**************************** Popups ***************************/
/***************************************************************/
.popup{
	width:100%;
	margin:auto;
	background:#fafafa;
	padding:20px;
	box-sizing:border-box;
}
#content-popup-bienvenue{
	padding:20px 0;
}
#content-popup-bienvenue p{
	text-align:center;
}
#content-popup-bienvenue #cadre{
	border:1px solid rgb(188, 232, 241);
	background-color:rgb(217, 237, 247);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	padding:15px;
	width:100%;
	max-width:500px;
	margin:30px auto;
}
/********************* Signaler un probleme ********************/
/*#signaler-probleme{
	width:100%;
	margin:auto;
	background:#fafafa;
	padding:20px;
	box-sizing:border-box;
}
#signaler-probleme h1{
	margin-bottom:0;
}
#signaler-probleme .libelle{
	margin:20px 0;
}
#signaler-probleme textarea{
	box-sizing:border-box;
	margin-top:10px;
	height:200px;
	width:100%;
	color:#333;
	line-height:15px;
	padding:3px 7px;
	border:1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	font-family:'Open sans', Arial, sans-serif;
	font-size:13px;
	background:#fff;
}
#signaler-probleme .myButton{
	display:inline-block;
	border:none;
	font-size: 13px;
	line-height:16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:6px 14px;
	margin:15px 0;
	background:#5bc0de;
	color:#fff;
	cursor:pointer;
}
#signaler-probleme .myButton:hover{
	background:#31b0d5;
	color:#fff;
}*/
/********************* Newsletter ************************/
.newsletter{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dashed #aaa;
}
.newsletter-checkbox{
	clear:left;
	float:left;
	width:50px;
	text-align:center;
	padding-top:5px;
}
.newsletter-article{
	margin-left:50px;
}
.newsletter-titre{
	color:#666;
    font-size:17px;
    font-weight:normal;
    letter-spacing:-1px;
    margin-top:3px;
}
.newsletter-tag{
    font-size:11px;
}
.newsletter-nb{
	font-style:italic;
}
.pform{
	margin:5px 0;
}
#newsletter-form{
	text-align:center;
	margin-top:70px;
}
#newsletter-form input{
	display:inline-block;
}
#newsletter-form input[type="text"]{
	width:150px;
}
/***************************************************************/
/******************************* FAQ ***************************/
/***************************************************************/
.faq{
	box-sizing: border-box;
	width:100%;
	border:1px solid #dedede;
	background:#f6f6f6;
	border-radius:4px;
	margin-bottom:7px;
}
.faq .faq-question{
	box-sizing: border-box;
	width:100%;
	padding:5px 10px;
	border-bottom:1px solid #dedede;
	font-size:14px;
}
.faq .faq-reponse{
	box-sizing: border-box;
	background:#fff;
	width:100%;
	padding:10px;
	display:none;
}
/*********************** charts ********************/
.legendLabel{
	font-size:13px;
	color:#222;
}
.legendColorBox{
	padding-left:15px;
}
.source{
	color: rgb(104,104,104);
	font-size: 10px;
}
#placeholder-legend{
	padding-top:20px;
}
#chart,#graph2, #chart2, #chart3, #chart4{
	position:relative;
}
canvas{
	width: 100% !important;
	max-width: 1000px;
}
/* Rapports admin */
#rapports-admin .flot-x-axis div.flot-tick-label{
	transform: translateX(50%) rotate(20deg); /* CSS3 */
    transform-origin: 0 0;
    -ms-transform: translateX(50%) rotate(20deg); /* IE */
    -ms-transform-origin: 0 0;
    -moz-transform: translateX(50%) rotate(20deg); /* Firefox */
    -moz-transform-origin: 0 0;
    -webkit-transform: translateX(50%) rotate(20deg); /* Safari and Chrome */
    -webkit-transform-origin: 0 0;
    -o-transform: translateX(50%) rotate(20deg); /* Opera */
    -o-transform-origin: 0 0;
}
#rapports-admin form{
	text-align:center;
}
#rapports-admin form select{
	margin-top:10px;
}
#rapports-admin form #aff-mois{
	display:inline-block;
	padding:0 7px;
	font-weight:700;
}
/***************************************************************/
/*************************** ABONNEMENT ************************/
/***************************************************************/
/*********************** Etapes *******************/
#steps{
	width:100%;
	background:#eee;
	padding:10px 20px;
	box-sizing:border-box;
	margin-bottom:20px;
    border-radius: 4px;
}
#steps .step{
	display:inline-block;
	color:#666;
}
#steps .separateur-step{
	display:inline-block;
	color:#999;
	padding:0 10px;
}
/*********************** Tarifs *******************/
#tarifs{
	text-align:center;
}
#tarifs .pricing{
	box-sizing: border-box;
	width:35%;
	display:inline-block;
	margin-left: 15px;
    margin-right: 15px;
    position: relative;
    border: 3px solid #eee;
    border-radius: 3px;
    margin-bottom:20px;
    vertical-align:top;
	min-height:530px;
}
#tarifs .pricing-pro{
	width:70%;
}
#tarifs .pricing-pro table{
	border-collapse : collapse;
	color: #888;
	font-size: 14px;
}
#tarifs .pricing-pro table tr td{
	vertical-align:center;
	padding:5px 0;
}
#tarifs .pricing-pro table tr td:first-child{
	padding-left:25px;
	text-align:left;
}
#tarifs .pricing-pro .td-grise{
	width:25%;
	background:#e8e8e8;
	color:#222;
	padding:0 5px;
	text-align:center;
}
#tarifs .pricing-pro .outils{
	width:160px;
	text-align:right;
	padding-right:3px;
}
#tarifs .pricing-pro .pricing-footer{
	padding-top:0;
}
#tarifs .pricing-head {
    text-align: center;
}
#tarifs .pricing-head h3 {
    background: #35aa47;
    color: #fafafa;
    font-size: 27px;
    font-weight: 300;
    padding: 12px 0;
}
#tarifs h4 {
    //background: #fbfef2;
    background: #fff;
    border-bottom: 1px solid #f5f9e7;
    //color: #bac39f;
    font-size: 54px;
    font-weight: 300;
    padding: 5px 0;
}
#tarifs .pricing-bronze h4 {
    color: #d0cfce;
}
#tarifs .pricing-silver h4 {
    color: #A09E9C;
}
#tarifs .pricing-head h3, #tarifs h4 {
    line-height: normal;
    margin: 0;
}
#tarifs .pricing-head h3 span, #tarifs h4 span {
    display: block;
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
}
#tarifs .pricing-content table{
	width:100%;
}
#tarifs .list-unstyled {
    list-style: outside none none;
    padding-left: 20px;
    text-align:left;
}
#tarifs .pricing-content li {
    border-bottom: 1px solid #f5f9e7;
    color: #888;
    font-size: 14px;
    padding: 7px 15px;
}
#tarifs .pricing-pro .list-unstyled {
    padding: 0;
}
#tarifs .pricing-pro .pricing-content li {
    padding: 7px 0;
}
#tarifs .pricing-content i {
    color: #35aa47;
    font-size: 18px;
    margin-right: 5px;
    position: relative;
    top: 2px;
}
#tarifs .pricing-footer {
    color: #777;
    font-size: 16px;
    line-height: 22px;
    padding: 15px 0px 19px;
    text-align: center;
}
#tarifs .pricing-footer input[type='radio']{
	display:none;
}
#tarifs .pricing-footer label{
	display:inline-block;
	width:70px;
	text-align:left;
}
#tarifs .pricing-pro .pricing-footer label{
	width:auto;
}
#tarifs .pricing-pro input[type='text']{
	width:20px;
}
#tarifs .pricing-footer .checkbox{
	display:inline-block;
	width:20px;
}
#tarifs .myButton{
	color:#fff;
	border:none;
	font-size: 16px;
	line-height:22px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:6px 14px;
	margin:30px 0 5px 0;
	background:#35AA47;
	cursor:pointer;
	-webkit-appearance: none;
}
#tarifs .myButton:hover{
	background:#1B892C;
	color:#fff;
}
#tarifs .pricing:hover{
    border-color: #35AA47;
}
#tarifs .pricing:hover h4{
    color: #35AA47;
}
/*Couleurs */
#tarifs .pricing-bronze .pricing-head h3 {
    background:#d0cfce;
}
#tarifs .pricing-bronze .pricing-content li i {
    color: #d0cfce;
   }
#tarifs .pricing-bronze .myButton{
	background:#d0cfce;
}
#tarifs .pricing-bronze:hover{
    border-color: #d0cfce;
}
#tarifs .pricing-bronze:hover h4{
    color: #d0cfce;
}
#tarifs .pricing-bronze .myButton:hover{
	background:#d0cfce;
}
#tarifs .pricing-silver .pricing-head h3 {
    background:#A09E9C;
}
#tarifs .pricing-silver .pricing-content li i {
    color: #949494;
   }
#tarifs .pricing-silver .myButton{
	background:#949494;
}
#tarifs .pricing-silver:hover{
    border-color: #949494;
}
#tarifs .pricing-silver:hover h4{
    color: #949494;
}
#tarifs .pricing-silver .myButton:hover{
	background:#A09E9C;
}
#tarifs .pricing-pro .pricing-head h3 {
    background:#202020;
}
#tarifs .pricing-pro .pricing-content h3 {
    color:#585858;
	text-align:left;
	font-size:15px;
	margin:0;
	padding:10px 0 0 0;
}
#tarifs .pricing-pro .pricing-content i {
    color: #585858;
   }
#tarifs .pricing-pro .myButton{
	background:#585858;
}
#tarifs .pricing-pro .myButton:hover{
	background:#202020;
}
#tarifs .pricing-pro, 
#tarifs .pricing-pro:hover{
    border-color: #000000;
}
#tarifs .pricing-pro:hover h4{
    color: #000000;
}
#tarifs .legende{
	font-size:12px;
	line-height:1.1;
	font-style:italic;
	color:#777;
	text-align:left;
	margin:0 10px 10px 0;
}
#tarifs .text-deja-abonne{
    font-size: 14px;
}
/*********************** Formulaire *******************/
#form-commande fieldset,
.form-process fieldset{
	border: 1px solid #ddd;
	border-bottom:none;
    border-radius: 4px;
    margin-bottom: 25px;
    margin-top: 0;
    padding: 0;
    width:100%;
    background:#fff;
    box-sizing:border-box;
    margin-top:-20px;
}
#form-commande legend,
.form-process legend{
	background-color: #eee;
    border-radius: 4px 4px 0 0;
    height: 45px;
    padding: 10px 10px 2px;
    border:none;
    width:100%;
    margin:0;
    box-sizing:border-box;
    font-size:18px;
    margin-top:45px;
	border-top: 1px solid #ddd;
}
#form-commande .ligne-form,
.form-process .ligne-form{
	display: table;
	box-sizing: border-box;
	border-bottom: 1px solid #efefef;
	width:100%;
}
#form-commande .ligne-form label,
#form-commande .ligne-form .reponse,
.form-process .ligne-form label,
.form-process .ligne-form .reponse{
	box-sizing: border-box;
	padding: 15px;
	display:table-cell;
	font-size:14px;
	color:#222;
}
#form-commande .ligne-form label,
.form-process .ligne-form label{
	padding-top: 20px;
	text-align: right;
	width:35%;
	vertical-align: top;
}
#form-commande .ligne-form .reponse,
.form-process .ligne-form .reponse{
	border-left:1px solid #efefef;
}
#form-commande .ligne-form .reponse input,
#form-commande .ligne-form .reponse select,
#form-commande .ligne-form .reponse textarea,
.form-process .ligne-form .reponse input,
.form-process .ligne-form .reponse select,
.form-process .ligne-form .reponse textarea{
	background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    height: 34px;
    line-height: 1.42857;
    padding: 0 12px;
}
#form-commande .ligne-form .reponse textarea,
.form-process .ligne-form .reponse textarea{
	width: 300px;
	height: 100px;
}
#form-commande .ligne-form .reponse input:focus,
.form-process .ligne-form .reponse input:focus{
    border-color:#999;
}
#form-commande .myButton.vert,
.form-process .myButton.vert{
	background:#35AA47;
}
#form-commande .myButton.vert:hover,
.form-process .myButton.vert:hover{
	background:#1B892C;
}
#form-commande .ligne-form.ligne-erreur label,
.form-process .ligne-form.ligne-erreur label{
	color:#a94442;
}
#form-commande .ligne-form.ligne-erreur input,
#form-commande .ligne-form.ligne-erreur select,
#form-commande .ligne-form.ligne-erreur textarea,
.form-process .ligne-form.ligne-erreur input,
.form-process .ligne-form.ligne-erreur select,
.form-process .ligne-form.ligne-erreur textarea{
	border-color:#a94442;
}
#form-commande .mentions,
.form-process .mentions{
	font-size:9px;
	color:#777;
	margin-top:30px;
	padding-top:10px;
	border-top:1px solid #999;
}
/*********************** Resume *******************/
#resume{
	display:table;
	width:100%;
	padding-bottom:40px;
}
#adresse, #commande{
	display:table-cell;
	vertical-align:top;
}
.commande{
	width:100%;
	padding:0;
	border-collapse: collapse;
	border-right:1px solid #efefef;
	border-top:1px solid #efefef;
	background:#fff;
}
.commande th, .commande td{
	text-align:center;
	border-left:1px solid #efefef;
	border-bottom:1px solid #efefef;
	padding:7px 15px;
}
.commande .invisible{
	background:#fafafa;
	border:none;
}
.commande tbody tr:last-child td{
	border-bottom:1px solid #ccc;
}
.commande tfoot th{
	text-align:right;
}
.commande .total{
	font-weight:bold;
}
/************************** Paiement **********************/
#liste-modes-paiements{
	text-align: center;
	margin: 20px 0 40px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	flex-direction: column;
}
.form-mode-paiement{
	padding: 0 20px;
}
.form-mode-paiement input{
	width:100%;
	max-width:250px;
	margin-bottom:20px;
}
#smart-button-container{
	min-width:250px;
}
/******************** Liste des commandes *****************/
.commande-element-list{
	border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
    padding: 0;
    width:100%;
    background:#fff;
    box-sizing:border-box;
	
}
.commande-element-list h2{
	background-color: #eee;
    border-radius: 4px 4px 0 0;
    height: 45px;
    padding: 10px 10px 2px;
    width:100%;
    margin:0;
    box-sizing:border-box;
    font-size:18px;
    font-weight:normal;
}
.commande-element-list table{
    width:100%;
}
.commande-element-list td{
    padding:7px 15px;
}
.commande-element-list td.icone{
    width:100px;
}
.commande-element-list td.prix{
    font-weight:bold;
}
/*********************** Carte *******************/
#div-carte-pros{
	width:100%;
	height:600px;
	border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 25px;
}
#div-carte-pros #top-carte-magasins{
	background-color: #eee;
    border-radius: 4px 4px 0 0;
    height: 30px;
    padding: 10px 10px 2px;
	color: #333;
    font-size: 16px;
    line-height: 16px;
}
#div-carte-pros #top-carte-magasins form{
	float:right;
}
#div-carte-pros #top-carte-magasins input{
	background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: none;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
	width:200px;
}
#carte-pros{
	height:558px;
	width:100%;
}
.infoBox{
	border-radius:4px;
}
.infoBox .infobox_content{
	padding:10px;
	font-size:13px;
	line-height:20px;
}
.infoBox .infobox_title{
	font-weight:bold;
}
.infoBox a.bouton{
	padding:3px 10px;
	color:#fff;
}
/*********************** Recherche pros *******************/
#form_recherche_liste{
	padding-bottom:20px;
}
#form_recherche_liste input{
	background-color: white;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: none;
    color: #333333;
    font-size: 13px;
    font-weight: normal;
    height: 22px;
    line-height: 22px;
    padding: 0 12px;
	width:200px;
}
#form_recherche_liste input#rayon{
	width:20px;
	text-align:right;
}
#affichage-resultats{
	display:none;
}
#filtres-recherche{
	padding:3px 3px 7px 3px;
}
#filtres-recherche select{
	color:#333;
	line-height:15px;
	border:1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	font-size:13px;
	background:#fff;
}
#liste-pros{
	width:100%;
	border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 25px;
}
#liste-pros #titre-liste-pros{
	background-color: #eee;
    border-radius: 4px 4px 0 0;
    height: 30px;
    padding: 10px 10px 2px;
	color: #333;
    font-size: 16px;
    line-height: 16px;
}
#liste-pros #res-liste-pros{
	display:table;
	width:100%;
}
#liste-pros .resultat-liste-pro{
	display:table-row;
	width:100%;
}
#liste-pros .resultat-liste-pro .coordonnees,
#liste-pros .resultat-liste-pro .nb_licences,
#liste-pros .resultat-liste-pro .type-metiers{
	display:table-cell;
	padding:7px;
	border-top:1px solid #ddd;
	vertical-align:middle;
}
#liste-pros .resultat-liste-pro:first-child .coordonnees,
#liste-pros .resultat-liste-pro:first-child .nb_licences,
#liste-pros .resultat-liste-pro:first-child .type-metiers{
	border:none;
}
#liste-pros .resultat-liste-pro .resultat-titre{
	font-weight:bold;
}
#liste-pros .resultat-liste-pro .nb_licences{
	text-align:center;
}
#liste-pros .resultat-liste-pro .nb_licences strong{
	font-size:17px;
}
#liste-pros .resultat-liste-pro .type-metiers{
	text-align:center;
}
#liste-pros .resultat-liste-pro .type-metiers i{
	cursor:help;
	font-size:30px;
}
#liste-pros .resultat-liste-pro .type-metiers i.fa-compass{
	color:#000;
}
#liste-pros .resultat-liste-pro .type-metiers i.fa-compass{
	color:#000;
}
#liste-pros .resultat-liste-pro .type-metiers i.fa-compass{
	color:#000;
}
#liste-pros .resultat-liste-pro .type-metiers i.fa-compass{
	color:#000;
}
#liste-pros .resultat-liste-pro .type-metiers i.fa-compass{
	color:#000;
}
#liste-pros .resultat-liste-pro .type-metiers i.fa-compass{
	color:#000;
}
#no-result-pros{
	display:none;
}
/*********************** Suivi licences *******************/
#compteur-licences{
	border:1px solid #dedede;
	background:#f6f6f6;
	border-radius:4px;
	padding:7px 10px;
	float:right;
	text-align:center;
	margin:30px;
}
#compteur-licences #nombre{
	font-weight:bold;
	font-size:20px;
	color:#4A9AC1;
}
#compteur-licences #texte{
	font-weight:bold;
}
#compteur-licences #total{
	font-style:italic;
}
#compteur-licences #progress,
#affSecur #progress{
	height:6px;
	width:100%;
	background:#e6e6e6;
	border-radius:6px;
	margin-top:1px;
}
#compteur-licences #progress .progress-bar,
#affSecur #progress .progress-bar{
	height:6px;
	background:#57b5e3;
	border-radius:6px 0 0 6px;
}
#affSecur #texte-force{
	text-align: center;
}
h2 .chiffre{
	background:#57b5e3;
	display:inline-block;
	padding:3px 10px;
	border-radius:50px;
}
/************** Infos sécurité mot de passe ************/
#infosMDP{
	display:none;
	position:absolute;
	top:10px;
	right:10px;
	padding:10px;
	background:#FCF3E1;
	border-radius:4px;
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
}
#infosMDP li.ok{
	color:#449D44;
}
/*********************** Fiche Pro *******************/


#col1 {
    width:300px;
    float:left;
    padding:5px;
}
#col2 {
    width:200px;
    float:right;
    padding:10px;
}
#focus{
	background: #eee;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-bottom:10px;
	text-align:center;
}
#focus img{
	max-width:  100%;
	max-height: 180px;
	margin: 0 auto 10px auto;
	display: block;
}
#focus h1{
	color: #222222;
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    letter-spacing: -1px;
    padding:10px 5px 10px 5px;
}
/***************************************************************/
/************************** Inscription ************************/
/***************************************************************/
/*********************** Etapes (à supprimer) *******************/
.form-wizard .etape{
	display:inline-block;
	text-align:center;
}
.form-wizard#inscription .etape{
	width:33%;
}
.form-wizard#abonnement .etape{
	width:19.5%;
}
.form-wizard .etape .num-etape{
	background-color: #eee;
	display: inline-block;
	text-align: center;
	font-size: 16px;
	margin-right: 10px;
	height: 35px;
	width: 35px;
	border-radius: 50% !important;
	line-height: 35px;
}
.form-wizard .etape.en-cours .num-etape{
	background-color: #57B5E3;
}
.form-wizard .etape.valide .num-etape{
	background-color: #3CC051;
}
.form-wizard .etape .titre-etape{
	font-size: 16px;
	color:#777;
}
.form-wizard .etape.en-cours .titre-etape{
	color: inherit;
}
.form-wizard .barre-pregression{
	height: 20px;
	margin: 20px 0;
	overflow: hidden;
	background-color: #eee;
	border-radius: 4px;
	width:100%;
}
.form-wizard .barre-pregression .progression{
	height: 20px;	
	background-color: #3CC051;
	border-radius: 4px 0 0 4px;
	width:0px;
	float: left;
}
.form-wizard .barre-pregression .progression.en-cours{
	background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
	background-size: 40px 40px;
}
/*********************** Statuts *******************/
.form-statut .myButton{
	font-size:16px;
	padding:15px;
}
.form-statut .myButton.rose{
	background:#ED536C;
}
.form-statut .myButton.rose:hover{
	background:#d63d57;
}
/*********************** Email *******************/
#form-email fieldset p.info{
	padding:0px;
	margin:0;
	font-style:italic;
	opacity:0.5;
	font-size:12px;
}
#form-email #cgu,
#cgu{
	width:92%;
	margin:auto;
	height:300px;
	overflow-y:scroll;
	border:1px solid #aaa;
	padding:10px;
}
#form-email #cgu h2,
#cgu h2{
	font-weight:bold;
	color: #666;
	font-size: 18px;
	margin: 0 0 15px;
	padding: 0;
}
#form-email #cgu h3,
#cgu h3{
	color: #666;
	font-size: 18px;
	margin: 0 0 15px;
	padding: 0;
	font-weight: normal;
}
#form-email #cgu p,
#cgu p{
	margin-bottom:15px;
}
/*********************** Page Parrainage *******************/
.offre-parrainage{
	display:flex;
	flex-direction:row;
	width:800px;
	max-width:95%;
	margin:15px auto;
	border-radius:7px;
	background:#fff;
	padding:0;
	align-items: center;
	color:#fff;
	justify-content: space-between;
}
.offre-parrainage.rose{
	background:#d63d57;
}
.offre-parrainage.vert{
	background:#8ebf2f;
}
.offre-parrainage.bleu{
	background:#4cb1b3;
}
.offre-parrainage .chiffre-parrainage{
	font-size:80px;
	line-height:80px;
	font-weight:bold;
	opacity:0.4;
	padding:10px 20px;
}
.offre-parrainage h2{
	margin-top:0;
}
.offre-parrainage p{
	font-style:italic;
}
.offre-parrainage .texte-parrainage{
	width:600px;
}
.offre-parrainage .resultat-parrainage{
	display:flex;
	flex-direction:column;
	justify-content: center;
	background:rgba(255, 255, 255, 0.6);
	padding:10px 12px;
	text-align:center;
	height:80px;
	margin-left:20px;
	width:60px;
	color:#333;
}
.offre-parrainage .resultat-parrainage i{
	font-size:25px;
}
.offre-parrainage .resultat-parrainage h3{
	font-weight:lighter;
}
.offre-parrainage .resultat-parrainage span{
	font-weight:bold;
}
.code-parrainage{
	text-align:center;
	margin:20px auto;
}
.code-parrainage h2{
	margin-top:0;
	font-size:26px;
	font-weight:lighter;
}
.code-parrainage .code{
	font-weight:bold;
	font-size:20px;
	display:inline-block;
	background:#fff;
	padding:3px 8px;
}
/**** Bug Safari ***/
label > a{
	display:inline-block;
	vertical-align:top;
}
#page-parrainage .new_form{
	max-width:500px;
	margin:10px auto;
}
#page-parrainage #emails input{
	margin-bottom:5px;
}
/****************** Première connexion des Pros ****************/
.overlay{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(100, 100, 100, 0.6);
	z-index:9;
	box-sizing: border-box;
}
.overlay .content{
	position:relative;
	width:80%;
	max-width:740px;
	min-height:450px;
	margin:130px auto 20px auto;
	background:#f2f2f2;
	padding:25px 30px 100px 30px;
	box-sizing: border-box;
}
#premiere_co footer{
	position:absolute;
	bottom:0;
	left:0;
	height:80px;
	width:100%;
	text-align:right;
	padding:0 30px 20px 30px;
	box-sizing: border-box;
}
.fiche-pro article{
	background:#fff;
	margin:20px auto;
	max-width:700px;
}
.fiche-pro header{
	background:#ddd;
	padding:8px 20px;
}
.fiche-pro header h1,
.fiche-pro header input{
	font-size:16px;
	font-weight:normal;
}
.fiche-pro header a.modifier{
	float:right;
}
.fiche-pro main{
	padding:20px;
}
.fiche-pro p{
	padding-bottom:15px;
}
.fiche-pro select{
	width:400px;
}
.fiche-pro #contact_zone{
	float:right;
	width:180px;
	background:#eee;
	padding:15px 15px 30px 15px;
	text-align:center;
}
.fiche-pro #photo{
	display:none;
}
.fiche-pro #image_input{
	display:block;
	width:90%;
	text-align:center;
	border:1px solid #fff;
	margin:0 auto 15px auto;
	cursor:pointer;
	color:#999;
}
.fiche-pro #image_input img{
	display:block;
	max-width:100%;
}
.fiche-pro #image_input .fa{
	display:block;
	color:#fff;
	font-size:100px;
	margin:20px 0;
}
#premiere_co #pref-form.activites select{
	width:33%;
}
/***************************************************************/
/************************** 404 et out *************************/
/***************************************************************/
#page404 #content{
	padding-top:200px;
	text-align:center;
	color:#35363a;
	background:transparent;
	width:70%;
	margin:auto;
	font-size:16px;
	line-height:28px;
}
#page404 #content h1{
	margin-bottom:40px;
}
#page404 #content p{
	margin:20px 0;
}
/***************************************************************/
/********************* Page de maintenance *********************/
/***************************************************************/
.maintenance #content{
	padding-top:150px;
	text-align:center;
	color:#35363a;
	background:transparent;
	width:70%;
	margin:auto;
	font-size:16px;
	line-height:24px;
}
.maintenance #content h1{
	margin-bottom:40px;
}
.maintenance #content p{
	margin:20px 0;
}
/***************************************************************/
/**************************** Outils ***************************/
/***************************************************************/
#tab-outils{
	width:100%;
}
#tab-outils tr{
	height:70px;
	border-top : white 2px solid;
}
#tab-outils .col-bouton{
	text-align:right;
}
#tab-outils .bouton-resultat{
	float:right;
	width:75px;
	text-align:center;
	margin-left:3px;
}
#tab-outils #bouton-message-maintenance{
	width:auto;
}
@media screen and (min-width:1400px){
	#tab-outils .bouton-resultat{
		width:100px;
	}
}
@media screen and (max-width:650px){
	#tab-outils .lignesoustitre{
		font-size:15px;
	}
}
/***************************************************************/
/*************************** ISF Pref **************************/
/***************************************************************/
.calcul_isf{
	float:right;
}
@media screen and (max-width:1000px){
	.calcul_isf{
		float:none;
		display:block;
	}
}
/***************************************************************/
/***************** Nouveau design formulaires ******************/
/***************************************************************/
/* Structure générale */
.new_form,
.new_form *{
	box-sizing: border-box;
}
.new_form{
	margin-top:20px;
}
.new_form .form-group{
	max-width:100%;
	margin-bottom: 20px;
	display:flex;
}
.new_form .form-group label{
	width: 35%;
	text-align: right;
	padding:5px 15px;
}
.new_form .form-group .input{
	width: 65%;
}
/* Responsive */
@media screen and (max-width:600px){
	.new_form .form-group{
		display:block;
	}
	.new_form .form-group label{
		display:block;
		width: 100%;
		text-align: left;
		padding:0 0 4px 0;
	}
	.new_form .form-group .input{
		width: 100%;
	}
}
/* Champs */
.new_form input[type="text"], 
.new_form input[type="password"], 
.new_form select, 
.new_form input[type="email"],
.new_form textarea{
	border: 1px solid #bbb;
	padding: 5px 10px;
	width:83%;
	max-width:300px;
	text-align:right;
	color: #333;
	line-height: 15px;
	border-radius: 4px;
	font-size: 13px;
	background: #fff;
}
.new_form textarea{
	text-align:left;
	min-height:80px;
}
.new_form.form_large input[type="text"], 
.new_form.form_large input[type="password"], 
.new_form.form_large select, 
.new_form.form_large input[type="email"],
.new_form.form_large textarea{
	max-width:450px;
}
.new_form input.montant,
.new_form input.percent{
	text-align:right;
}
.new_form select.demi,
.new_form input.demi{
	width:41%;
	max-width:150px;
}
.new_form .input.radio{
	padding: 5px 0;
}
.new_form .input.radio label{
	width:auto;
	display:inline-block;
	text-align:left;
	padding:0 10px 0 0;
}
/* Élements supplémentaires */
.new_form .form-group .input p.legende,
.new_form p.legende{
	font-style:italic;
	opacity:0.5;
	font-size:11px;
}
.new_form h2{
	margin: 30px 0px 25px 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 18px;
	font-weight: normal;
}
.new_form .ui-tabs .ui-tabs-panel{
	padding-top:25px;
}
.new_form .form-group .input p.non_modifiable{
	padding: 5px 0px;
	width:90%;
	max-width:300px;
	text-align:right;
	color: #333;
	line-height: 15px;
	font-size: 13px;
}
.new_form .input a.bouton-page{
	margin:0;
}
/* Tableau bénéficiaires */
#beneficiaires .nouveau_benef td:first-child input[type="text"]{
	width:40%;
	max-width:150px;
}
#beneficiaires{
	min-width:540px;
	overflow-x:auto;
}
/**************************************************/
/*********************** Ancien *******************/
/**************************************************/
.paragraph_style {
    color: rgb(88, 77, 77);
    font-family: ArialMT, Arial, sans-serif;
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 14px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform: none;
}
.paragraph_style_1 {
    color: rgb(88, 77, 77);
    font-family: Arial-BoldMT, Arial, sans-serif;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform:uppercase
}
.paragraph_style_1M {
    color: rgb(225, 42, 21);
    font-family: Helvedica, Arial-BoldMT, Arial, sans-serif;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 21px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    opacity: 1.00;
    padding-bottom: 0px;
    padding-top: 0px;
    text-align: justify;
    text-decoration: none;
    text-indent: 0px;
    text-transform:uppercase
}
#debut{
	text-align :left;
}
#page {
	width:100%;
    max-width: 1500px;
    margin: 0 auto;
	padding-top:80px;
}
#login {
    background: #90a0a9;
    text-align: center;
}
#username, #password {
    background: #dddddd;
    margin: 0px;
    text-align: left;
    border-color: #AAAAAA #000000 #000000 #AAAAAA;
    border-style: simple;
    border-width: 0px;
}
#connecter {
    border-color: #AAAAAA #000000 #000000 #AAAAAA;
    border-style: simple;
    border-width: 0px;
    }
#connecter:active {
    border-color: #000000 #AAAAAA #AAAAAA #000000 ;
    border-style: simple;
    border-width: 0px;
    }
.hidden_menu
{
    display:none;
}
#big-ul{
    padding: 10px 0 5px 15px;
}
#small-ul{
    padding-left: 15px;
}
.menu-link{
    list-style: none;
}
.libelle{  font: 12px ArialMT, sans-serif;
    padding: 0px;
}
.aideimg{text-align :left;width:3%; height :3%; vertical-align:middle;}
.liste {
	font : 12px ArialMT, sans-serif;
	color :blue;
	text-align  : center;
	position: absolute;
 	left: 750px;
 	vertical-align:middle
	}
.liste2{
	font : 12px ArialMT, sans-serif;
	color :blue;
	text-align  : center;
	position: absolute;
  	left: 850px
	}
#wrapper{
	overflow-x: scroll;
	overflow-y: no;
}
#wrapper2{
	overflow:auto;
}
.contenu{font : 12px ArialMT, sans-serif;color :blue}
.contenudes{font : 12px ArialMT, sans-serif;color :#808080}
.auteur{font : 16px ArialMT, sans-serif}
.lignetitre2{font : 16px ArialMT, sans-serif;color :#D13E32;text-align : center}
.lignetitre{font : 16px ArialMT, sans-serif;color :#D13E32;text-align : left;width:80%}
.lignesoustitre{font : 18px 'Open Sans', sans-serif;color :#44494f;text-align : left;margin:20px 0;}
.lignesoustitreb{font : 18px 'Open Sans', sans-serif;font-weight:bold;color :#44494f;text-align : left;width:30%}
.tableau{width:80%;border-collapse:collapse}
.celluleT{width:30%;}
.celluleTS{width:30%;font-weight:bold;}
.celluleT2{width:20%;text-align : right}
.celluleM{text-align : right}
.ligne2{width:80%;font : 12px ArialMT, sans-serif;font-weight:bold;text-align : left}
.ligne{width:80%;font : 12px ArialMT, sans-serif;color :black;text-align : left}
.ligneT{width:80%;font : 12px ArialMT, sans-serif; font-weight:bold;text-align : left}
.obligatoire{color:red}
.texte{color:black}
.bouton{color:black; font-weight:bold;text-align : right;width:20%;}
.bout{text-align : right;width:20%}
.famille{background:#cccccc;}
.bien{background:#dddddd;}
.flux{background:#eeeeee;}
.ligneactif{font : 14px ArialMT, sans-serif;color :black;text-align : left;width:80%}
.famillerecap{width :90%}
.titref{font-weight:bold;}
.donnef{font : 12px ArialMT}
.stitref{font : 12px ArialMT}
.droite{text-align:right}
.centre{text-align:center; font-weight:bold;text-align : left}
.image{width:33%}
.celluleb2{text-align : right; width:20px}
.celluleb3{font : 8px ArialMT, sans-serif; text-align : right; width:20px}
.celluleMIL{font : 12px ArialMT, sans-serif;width:4.5cm;text-align : right;padding :0.5cm}
.celluleMI{font : 12px ArialMT, sans-serif;width:3.5cm;text-align : right;padding :0.5cm 0.2cm 0.5cm 0.2cm}
.celluleTI{font : 12px ArialMT, sans-serif;width:1cm;text-align : right;padding :0.5cm 0cm 0.5cm 0cm}
.pageI{width:20cm;padding :0.5cm 0cm 0.5cm 0cm;margin: 0.5cm 0cm 0.5cm 0cm}
.titreI{ font: 14px ArialMT, sans-serif;color :red;text-align : center;width:18cm;}
.celluleMIS{font : 12px ArialMT, sans-serif;width:2cm;text-align : right;padding :0.5cm 0cm 0.5cm 0cm}
.vertical{vertical-align: middle}
.hauteur{height:20px}
.milieu2{
	position: relative;
	overflow-x : hidden;
	overflow-y :hidden;
	top :-290px;
	left : 300px;
	width: 100%;
    background:inherit;
    font-size:12px;
    z-index:10;
}
.position{
	clear:both;width:100%;
	overflow: hidden;
	}
.droit{
 	width:10%;
    margin: 20px 0 20px 7px;
    padding: 10px 0 10px 2px;
    table-layout: auto;
    overflow: hidden;
    background:inherit;
}
.blanc{ color:white}
.annee{
	position: relative;
	left:250px;
	top:-200px;
	height: 20px;
	overflow:hidden;
	width: 100%;
	z-index:10;
}
#gauche{
	float:left;
	height:auto;
}