/* 
font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;
*/
* { margin:0; padding:0; }
html, body { width: 100%; height: 100%; }
body { display: table; background-color: #F2F2F2; font: 12px verdana, arial, helvetica, sans-serif; border: solid 0px red; }
.div-global { width: 1000px; height: 100%; margin: 0px auto 0px auto; padding: 0px 5px 5px 5px; text-align: center; border: solid 0px blue; }
	.div-entete { height: 90px; margin: 2px auto 0px auto; text-align: center; border: solid 1px green; }
		.div-select-ville { float: left; width: 90px; height: 90px; cursor:pointer; color:black; font-weight:bold; background-image:url(/img/carte_france_blue_90_90.jpg); background-repeat:no-repeat; border: solid 0px yellow; }
			.div-select-ville-txt { margin: 30px 0px 0px 5px; }
		.div-logo { float: left; width: 180px; border: solid 0px yellow; }
			.img-logo { max-width: 180px; }
			.div-localisation-entete-ville { font: bold 14px verdana, arial, helvetica, sans-serif; border: solid 0px red; }
			.div-localisation-entete-perimetre { cursor:pointer; font: normal 12px verdana, arial, helvetica, sans-serif; border: solid 0px red; }
		.div-pub-entete { float: left; width: 728px; border: solid 0px yellow; }
	.div-onglets { width: 100%; height: 35px; text-align: center; border: solid 0px blue; }
		.div-onglets-center { width: 740px; margin:auto; border:solid 0px red; }
			.ul-onglets { float:left; padding:0px 0px 0px 5px; list-style:none; }
				.li-onglets { float:left; padding:0px 0px 0px 9px; cursor:pointer; background-repeat:no-repeat; background-position:left top; }
				.li-activ { background-image:url(/img/left_on.gif); }
				.li-inactiv { background-image:url(/img/left.gif); }
					.a-onglets 
					{	/* Pour IE Mac uniquement \*//*/   
						float:left;
						/**/
						display:block; background-repeat:no-repeat; background-position:right top; padding:5px 15px 4px 6px; text-decoration: none;
						font-family:Arial, sans-serif; font-size:16px; font-weight:bold; width:152px; height:24px; overflow:hidden; white-space:nowrap;
						border:solid 0px red;
					}
					.a-onglets:hover { color:red; }
					.a-activ { background-image:url(/img/right_on.gif); color:blue; padding-bottom:0px; }
					.a-inactiv { background-image:url(/img/right.gif); color:black; padding-bottom:0px; }
		.div-sous-onglets-center { margin:auto; display:inline-block; border:solid 0px red; }
			.ul-sous-onglets { float: left; padding:0px 0px 0px 0px; list-style:none; }
				.li-sous-onglets { float: left; padding:0px 0px 0px 5px; cursor:pointer; background-repeat:no-repeat; background-position:left top; border : solid 0px black; }
				.li-sous-activ { background-image:url(/img/onglet-li-sous-base-on-150-30.png); }
				.li-sous-inactiv { background-image:url(/img/onglet-li-sous-base-150-30.png); }
					.a-sous-onglets 
					{	/* Pour IE Mac uniquement \*//*/   
						float:left;
						/**/
						display: block; background-repeat:no-repeat; background-position:right top; padding:7px 15px 4px 6px; text-decoration : none;
						font-family:Arial, sans-serif; font-size:14px; font-weight:bold; width: 130px; height: 22px; overflow: hidden; white-space: nowrap;
						border: solid 0px red;
					}
					.a-sous-onglets:hover { color:red; }
					.a-sous-activ { color:blue; }
					.a-sous-inactiv { color:black; }
	.div-centre { margin: 0px auto 0px auto; text-align: center; border: solid 0px green; }
		
		.div-centre-left { float:left; width:180px; border:solid 0px yellow;}
			.div-centre-left-deco {  float:left; width:100%; border:solid 1px #ccc; }
				.entete-centre-left-deco { width:170px; height:18px; margin:0px auto 0px auto; padding:2px; text-align:center; font-weight:bold; font-size:14px; color:#000; background-color:#D8D8D8; border:1px solid #999; }
				.container-centre-left-deco { float:left; width:100%;  margin-top:5px; margin-bottom: 5px; border:0px solid red; }
			
			.div-centre-left-anniversaire { }
			.div-centre-left-calendrier { }

			.div-centre-left-login { }
				.fieldset_mon_compte { width: 174px; margin:2px auto 5px auto; border:0px solid #ccc; }
					.legend_mon_compte { margin: auto; font: bold 14px verdana, arial, helvetica, sans-serif; color:#333; }
					.container_mon_compte { }
						.label_mon_compte { width:150px; height: 16px; font-size: 14px; color: #000; padding: 2px; }
						.input_mon_compte { width:150px; height: 16px; font-size: 14px; color: #000; padding: 2px; border: 1px solid #999; }
						.a_lien_oublie { font: bold 12px verdana, arial, helvetica, sans-serif; }			
						.a_sinscrire { font: bold 12px verdana, arial, helvetica, sans-serif; }		
						
						.a_sedeconnecter { float: right; font: bold 10px verdana, arial, helvetica, sans-serif; }
						
						.button_site { margin: 5px 0px 0px 0px; padding: 0; border: 0; background: transparent; font: 12px verdana, arial, helvetica, sans-serif; cursor: pointer; }
						.button_site::-moz-focus-inner { padding: 0; border: 0; }
							.button_site span { display: block; }
							/* Button borders */
							.button_site span { border: 1px solid rgb(128,128,128); border-radius: 4px; }
							.button_site span span { border: 1px solid rgb(192,192,192); border-radius: 3px; }
							/* Button backgrounds */
							.button_site span { 
								background: #D1E5FF;
								background-image :    -moz-linear-gradient(#D1E5FF,#96C4FF);
								background-image :     -ms-linear-gradient(#D1E5FF,#96C4FF);
								background-image :      -o-linear-gradient(#D1E5FF,#96C4FF);
								background-image : -webkit-linear-gradient(#D1E5FF,#96C4FF);
								background-image :         linear-gradient(#D1E5FF,#96C4FF);
								}
							.button_site span :hover { 
								background: #D1E5FF;
								background-image :    -moz-linear-gradient(#D1E5FF,#89B2E9);
								background-image :     -ms-linear-gradient(#D1E5FF,#89B2E9);
								background-image :      -o-linear-gradient(#D1E5FF,#89B2E9);
								background-image : -webkit-linear-gradient(#D1E5FF,#89B2E9);
								background-image :         linear-gradient(#D1E5FF,#89B2E9);
								}
							/* Button text */
							.button_site span { padding: 0 5px; line-height: 18px; color: black; }
							.button_site span :hover { font-weight:bold; }
			.div-centre-left-pub { height: 150px; }
				.div-centre-left-pub-txt { margin: 0px auto 0px auto; text-align: center; font: bold 28px verdana, arial, helvetica, sans-serif; border: solid 0px blue; }
		
		.div-centre-centre { float: left; width: 600px; height: 100%; border: solid 0px yellow; }
			.div-contain { width:100%; border: solid 0px green; }
				.div-entete-contain {}
					.h2-contain { font: bold 16px verdana, arial, helvetica, sans-serif; background-color:#819FF7; color:#333; }
						.h2-a-contain { text-decoration: none; }
				.fieldset-contain { width: 580px; margin: 2px auto 0px auto; padding: 4px 4px 4px 4px; border:1px solid #ccc; }
					.legend-contain { text-align: left; font: normal 12px verdana, arial, helvetica, sans-serif; color:#333; }
					.form-contain { width:100%; text-align:center; }
						.container-contact { width:100%; height:20px; margin-top:10px; border:0px solid blue; }
							.label-contact 	{ float:left; width:195px; height:18px; text-align:right; font-size:14px; background-color:#CED8F6; color:#000; padding:2px; border:0px solid red; }
							.input-contact 	{ float:left; width:365px; height:18px; font-size:14px; color:#000; padding:2px; border:1px solid #999; }
						.container-message-contact { width:100%; height:210px; margin-top:10px; border:0px solid blue; }
							.label-message-contact { float:left; width:100%; height:18px; font-size:14px; background-color:#CED8F6; color:#000; border:0px solid red; }
							.textarea-message-contact { float:left; width:99%; height:190px; font-size:14px; color:#000; padding:2px; border:1px solid #999; }
						.container-submit-contact { width:100%; height:40px; margin-top:5px; border:0px solid blue;}	
							.div-delete-contact { float: right; width:32px; height: 32px; margin-top: 0px; margin-left: auto; margin-right: auto; cursor:pointer; background-image:url(/img/remove-32-32.png); background-repeat:no-repeat; color:#FEFEE2; font-weight:bold; border: solid 0px red; }
						
				.container-contain { width:100%; margin-top:10px; font: bold 12px verdana, arial, helvetica, sans-serif; border:0px solid blue; }
					.title-contain-rubrique { float:left; width:100%; height:24px; margin-top:10px; font: bold 16px verdana, arial, helvetica, sans-serif; color:white; background-color:#819FF7; border:0px solid blue; }
					.stitle-contain-rubrique { float:left; width:100%; height:20px; margin-top:5px; font: bold 14px verdana, arial, helvetica, sans-serif; color:white; background-color:#81D8F8; border:0px solid blue; }
					.guide-contain-rubrique { width:100%; margin-top:0px; text-align: left; }
						.col-contain-rubrique { float:left; margin-left:5px; margin-top:5px; border: solid 0px blue; }
						.entete-col-contain-rubrique { text-align:center; color:black; background-color:#819FF7; border:solid 0px green; }
						
						.col-col-contain-rubrique-color { color:black; background-color:#E7E2F7; }
						.col-col-contain-rubrique-color-inactif { color:#A4A4A4; background-color:#F8F8F8; }
						.col-col-contain-rubrique-color-red { color:red; background-color:#E7E2F7; }
						.col-col-contain-rubrique-color-blue { color:blue; background-color:#E7E2F7; }
						
						.col-col-contain-rubrique { height:18px; margin-top:4px; text-align:left; overflow:hidden; white-space: nowrap; border: solid 0px green; }
						.col-col-contain-rubrique-center { height:18px; margin-top:4px; text-align:center; overflow:hidden; white-space: nowrap; border: solid 0px green; }
						.col-col-contain-rubrique-overflow { height:18px; margin-top:4px; text-align:left; border: solid 0px green; }
						.col-col-contain-rubrique-validation-overflow { width: 150px; margin-top:4px; text-align:left; border: solid 0px green; }
					.label-contain-rubrique { height:14px; margin-top:0px; text-align:center; font-weight: bold; font-size:12px; background-color:#CED8F6; color:#000; border:0px solid blue; }
					.value-contain-rubrique {  height:14px; margin:0px 0px 8px 0px; text-align:center; font-weight: normal; font-size:12px; color:#000; border:0px solid red; }
							.div-membre { position: relative; float: left; width: 100%; text-align: left; font: normal 12px verdana, arial, helvetica, sans-serif; color:black; border: solid 0px green; }
							.div-membre-left { position: relative; float: left; text-align: left; font: normal 12px verdana, arial, helvetica, sans-serif; color:black; border: solid 0px green; }
							.div-membre-center { position: relative; width: 255px; text-align: center; font: normal 12px verdana, arial, helvetica, sans-serif; color:black; border: solid 0px green; }
							.div-membre-validation { position: relative; width: 100%; text-align: center; font: normal 12px verdana, arial, helvetica, sans-serif; color:black; border: solid 0px green; }
								.a-membre { text-decoration: none; }
								.a-membre div { z-index: 2; display: none; position: absolute; top: 0px; right: -205px; width: 200px; text-align: center; background: #eff; border-style: solid; border-color: #445; border-width: 1px; border-bottom-width: 4px; }
								.a-membre:hover div { display: block; }
									.span-homme-membre { width:100%; margin-top: 2px; display: block; font-size: 12px; font-weight: bold; color:blue; background-color:#E7E2F7; }
									.span-homme-inactif-membre { width:100%; margin-top: 2px; display: block; font-size: 12px; font-weight: bold; color:#9EE4FA; background-color:#F8F8F8; }
									.span-femme-membre { width:100%; margin-top: 2px; display: block; font-size: 12px; font-weight: bold; color:red; background-color:#E7E2F7; }
									.span-femme-inactif-membre { width:100%; margin-top: 2px; display: block; font-size: 12px; font-weight: bold; color:#FF0040; background-color:#F8F8F8; }
									.div-vignette-membre-offline { z-index: 2; height: 202px; }
									.div-vignette-membre-online { z-index: 2; height: 220px; }
										.photo-membre { max-height: 150px; max-width: 198px; }
										.span-membre-homme { color: blue; font-size: 12px; font-weight: bold; }
										.span-membre-femme { color: red; font-size: 12px; font-weight: bold; }
									
				
				.container-accueil-resume { float:left; width:100%; border:0px solid blue; }
				.container-accueil-left { float:left; width:300px; padding:5px 5px 5px 5px; border:0px solid blue; }
				.container-accueil-right { float:left; width:280px; padding:5px 5px 5px 5px; border:0px solid blue; }
					.div-vignette-photo-accueil { float: left; width: 100%; margin: 0px 0px 0px 0px; border: solid 1px black; }
						.div-vignette-img-photo-accueil { width:100%; vertical-align: middle; cursor:pointer; border: solid 0px black; }
							.img-vignette-photo-accueil { max-width: 100%; border: solid 0px black; }
							
				
				.container-visualiser-sortie { }
					.font-visualiser-sortie { font-size:12px; font-weight:normal; color:#000; }
					.visualiser-sortie { float:left; width: 99%; margin-top: 5px; padding:2px; text-align: left; font-weight: normal; font-size:14px; color:#000; border: 1px solid #ccc; }
						.visualiser-sortie-organisateur { float:left; width: 100%; text-align: left; font-weight: normal; font-size:14px; color:#000; padding:2px; border:0px solid red; }
							.visualiser-sortie-organisateur-photo { float:left; width: 320px; }
								.img-visualiser-sortie-organisateur-photo { max-width: 320px; max-height: 280px; }
							.visualiser-sortie-organisateur-details { float:left; width: 255px; margin-left: 5px; text-align: center; }
						.visualiser-sortie-lieu { float:left; width: 49%; margin-top: 0px; text-align: center; font-weight: normal; font-size:14px; color:#000; padding:2px; }
					.visualiser-sortie-description { float:left; width: 99%; margin-top: 5px; padding:2px; text-align: left; font-weight: normal; font-size:14px; color:#000; border: 1px solid #ccc; }
						.container-description-tinymce-sortie { float:left; width:100%; margin-top:2px; text-align: left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; line-height:1.3; color:#000000; background-color: #FFFFFF; border:1px solid #999; }		
			
					.visualiser-sortie-inscrits  { float:left; width: 99%; margin-top: 5px; padding:2px; text-align: left; font-weight: normal; font-size:14px; color:#000; border: 1px solid #ccc; }
						
						.visualiser-commentaires { float:left; width: 100%; border: solid 0px red; }
							.div-hr-commentaires { float:left; width: 100%; margin-top: 5px; border: solid 1px #BDBDBD; }
							.div-visualiser-commentaires { float:left; width: 100%; margin-right: 10px; text-align: left; font: normal 12px verdana, arial, helvetica, sans-serif; color:black; border: solid 0px green; }
								.div-date-commentaires { float:left; margin-top:2px; text-align:left; font: normal 12px verdana, arial, helvetica, sans-serif; color:black; border:solid 0px red; }
							
					.visualiser-sortie-inscrits-center  { float:left; width: 99%; margin-top: 5px; padding:2px; text-align: center; font-weight: normal; font-size:14px; color:#000; border: 1px solid #ccc; }
						.visualiser-sortie-liste-inscrits  { float:left; width: 100%; }
							.div-visualiser-sortie-liste-inscrits { float:left; margin-right: 10px; text-align: left; border: solid 0px green; }
								.div-visualiser-sortie-liste-inscrits-nbre { float: left; width: 100%; text-align: left; font: normal 12px verdana, arial, helvetica, sans-serif; color:black; border: solid 0px green; } }
					.visualiser-sortie-sinscrire {float:left; width: 99%; margin-top: 5px; padding:2px; text-align: center; font-weight: bold; font-size:14px; color:red; border: 1px solid #ccc; }
					
							.menu-validation-sortie { width:100%; height: 20px; border: solid 0px red; }
								.input-radio-validation-sortie { display: none; }
								.input-radio-validation-sortie-vert + .label-radio-validation-sortie-vert:after { width:16px; height:16px; background:#fff; border:2px solid #ccc; border-radius:50%; margin-top:0px; margin-left:5px; margin-right:15px; display:inline-block; vertical-align:middle; content:''; }
								.input-radio-validation-sortie-vert:checked + .label-radio-validation-sortie-vert:after { background:green; border-color:#fb8819; box-shadow:inset 0px 0px 0px 2px #fff; }
								.input-radio-validation-sortie-jaune + .label-radio-validation-sortie-jaune:after { width:16px; height:16px; background:#fff; border:2px solid #ccc; border-radius:50%; margin-top:0px; margin-left:5px; margin-right:15px; display:inline-block; vertical-align:middle; content:''; }
								.input-radio-validation-sortie-jaune:checked + .label-radio-validation-sortie-jaune:after { background:#fb8819; border-color:#fb8819; box-shadow:inset 0px 0px 0px 2px #fff; }
								.input-radio-validation-sortie-rouge + .label-radio-validation-sortie-rouge:after { width:16px; height:16px; background:#fff; border:2px solid #ccc; border-radius:50%; margin-top:0px; margin-left:5px; margin-right:0px; display:inline-block; vertical-align:middle; content:''; }
								.input-radio-validation-sortie-rouge:checked + .label-radio-validation-sortie-rouge:after { background:red; border-color:#fb8819; box-shadow:inset 0px 0px 0px 2px #fff; }
				
						.div-entete-list-sorties-organisateur { width:170px; }
						.div-entete-list-sorties-sujet { width:285px; }
						.div-entete-list-sorties-nbre-places { width:60px; }
						.div-entete-list-sorties-heure { width:50px; }
						
					.div-select-date-sorties { float:left; width:100%; height:18px; padding:2px; font-size:14px; font-weight:normal; color:#000; }
						.div-annee-sorties	{ float:left; margin-left:100px; width:100px; border:1px solid #999; }
							.class-select-annee-sorties { width:100px; }
						.div-mois-sorties	{ float:left; margin-left:100px; width:120px; border:1px solid #999; }
							.class-select-mois-sorties { width:120px; }
								.class-option-sorties {}
				
				.container-mes-sorties { }
					.container-mes-sorties-attente { float:left; width:100%; border:0px solid blue; }
					.container-mes-sorties-publiees { float:left; width:100%; border:0px solid blue; }
						.div-entete-mes-sorties-date { width:130px; }
						.div-entete-mes-sorties-sujet { width:455px; }	
							.a-sorties { text-decoration: none; }
								.span-sorties { width:100%; margin-top: 4px; display: block; font-size: 12px; }

				.container-recherche { }
					.container-resume { width:100%; height:18px; margin-top: 4px; text-align: center; }
						.div-entete-recherche-membre { width:170px; }
							.a-entete-recherche-membre { width:100%; display:block; text-decoration:none; color:black; }
							.a-entete-recherche-membre:hover { color:red; }
						.p-pagination a:hover { color:red; border:1px solid red; }
							.div-entete-recherche-age { width:134px; }
							.a-entete-recherche-age { width:100%; display:block; text-decoration:none; color:black; }
							.a-entete-recherche-age:hover { color:red; }
								.span-age-recherche-membre { width:50px; margin-top: 2px; font-weight: bold; font-size: 12px; border: solid 0px green; }
								.span-date-recherche-membre { width:70px; margin-top: 2px; margin-left: 10px; font-weight: normal; font-size: 12px; border: solid 0px green; }
						.div-entete-recherche-localisation { width:160px; }
							.a-entete-recherche-localisation { width:100%; display:block; text-decoration:none; color:black; }
							.a-entete-recherche-localisation:hover { color:red; }
						.div-entete-recherche-connexion { width:95px; }
							.a-entete-recherche-connexion { width:100%; display:block; text-decoration:none; color:black; }
							.a-entete-recherche-connexion:hover { color:red; }
						
							.a-recherche-membre { text-decoration: none; }
								.span-recherche-membre { width:100%; margin-top: 4px; display: block; font-size: 12px; }
								
					.p-pagination { margin:3px; font-family:Tahoma,Arial; font-size:12px; border:0px solid red; }
						.p-pagination a { padding:2px 5px 2px 5px; margin:0px 2px 0px 2px; text-decoration:none; background-color:white; color:black; border:1px solid blue; }
						.p-pagination a:hover { color:red; border:1px solid red; }
						.p-pagination a:active { color:black; border:1px solid black; }
						.span-current  { padding:2px 5px 2px 5px; margin:0px 2px 0px 2px; font-weight:bold; background-color:blue; color:white; border:1px solid blue; }
						.span-disabled { padding:2px 5px 2px 5px; margin:0px 2px 0px 2px; color:#C0C0C0; border:1px solid #C0C0C0; }

				.container-messages { }
							.div-entete-messages-date { width:100px; }
							.div-entete-messages-objet { width:200px; }
							.div-entete-messages-status { width:120px; }
								.a-messages { text-decoration: none; }
									.span-messages { width:100%; margin-top: 4px; display: block; font-size: 12px; }
							.div-entete-messages-from { width:150px; }
							
				.container-amis { }
						.div-entete-amis-pseudo { width:150px; }
							.div-entete-amis-date { width:100px; }
							.div-entete-amis-comment { width:310px; }
							.div-entete-amis-control { width:18px; }
								.div-delete-amis { width:18px; margin-left: auto; margin-right: auto; cursor:pointer; background-image:url(/img/remove-18-18.png); background-repeat:no-repeat; border: solid 0px red; }
								
				.container-indesirables { }
						.div-entete-indesirables-pseudo { width:150px; }
							.div-entete-indesirables-date { width:100px; }
							.div-entete-indesirables-comment { width:310px; }
							.div-entete-indesirables-control { width:18px; }
								.div-delete-indesirables { width:18px; margin-left: auto; margin-right: auto; cursor:pointer; background-image:url(/img/remove-18-18.png); background-repeat:no-repeat; border: solid 0px red; }
					
				.profil-utilisateur { float:left; width: 585px; margin: 2px 0px 0px 2px; padding: 5px 5px 5px 5px; border:1px solid #ccc; }
				.profil-utilisateur-1 { height: 290px; }
					.profil-utilisateur-photo { float:left; width: 280px; margin-top: 5px; }
						.img-profil-utilisateur-photo { max-width: 280px; max-height: 280px; }
					.profil-utilisateur-details { float:left; width: 300px; margin-top: 5px; }
						.profil-utilisateur-details-label { float:left; width:130px; margin-top: 10px; text-align:right; font-size:12px; font-weight:normal; }
						.profil-utilisateur-details-valeur { float:left; width:155px; margin-top: 10px; margin-left: 10px; text-align:left; font-size:12px; font-weight:bold; }
						.profil-utilisateur-buttons { float:left; width:100%; margin-top: 5px; border:0px solid blue; }
							.profil-utilisateur-button { width:100%; margin-top: 10px; font-size:14px; font-weight:bold; }
				.visualiser-utilisateur-description { }
					.container-description-tinymce-profil-utilisateur { float:left; width:100%; margin-top:2px; text-align: left; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:14px; line-height:1.3; color:#000000; background-color: #FFFFFF; border:1px solid #999; }		
			.profil-utilisateur-details-personnel { }
				.profil-utilisateur-commentaire { float:left; }
					.container-profil-utilisateur { width:100%; height:24px; font: bold 16px verdana, arial, helvetica, sans-serif; color:white; background-color:#819FF7; border:0px solid red; }
					.container-radio-profil-utilisateur { float:left; width:100%; margin-top:10px; border:0px solid blue; }
				.profil-utilisateur-message { }
				
				.container-message-utilisateur { width:100%; height:24px; margin-top: 10px; font: bold 16px verdana, arial, helvetica, sans-serif; color:white; background-color:#819FF7; border:0px solid red; }
				.list-message { width:100%; margin-top: 10px; border:1px solid #ccc; }
						.message-utilisateur { width:550px; margin: 5px 0px 0px 10px; padding: 5px 5px 5px 5px; background-color:white; }
							.message-utilisateur-entete { width:100%; text-align:left;  }
								.span-message-utilisateur-homme { margin-top: 4px; color: blue; font-size: 12px; font-weight: bold; background-color:#E7E2F7; }
								.span-message-utilisateur-femme { margin-top: 4px; color: red; font-size: 12px; font-weight: bold; background-color:#E7E2F7; }
								.div-message-utilisateur-status { float: right; margin-top: 4px; font-size: 12px; }
							.message-utilisateur-message { width:100%; text-align:left; }
									
					.container-select-ville-lieu { width:100%; height:24px; margin-top:10px; background-color:#CED8F6; border:0px solid blue; }
						.label-select-ville-lieu { float:left; width:150px; height:24px; text-align:right; font-size:16px; color:#000; padding:2px; border:0px solid red; }
						.div-select-ville-lieu { float:left; width:300px; height:24px; padding:2px; border:0px solid red; }
							.class-select-ville-lieu{ width:240px; font-size:16px; color:#000; }
							.class-option-ville-lieu{ }
					.div-carte-france { width: 587px; height: 550px; margin-left: auto; margin-right: auto; border: 1px solid #aaa; }
					
					.fieldset-mdp-oublie { width: 500px; margin:15px auto 0px auto; border:1px solid #ccc; }
						.container-mdp-oublie { width:415px; height:20px; margin: 10px auto 0px auto; border:0px solid blue; }
							.label-mdp-oublie { float:left; width:80px; height:18px; text-align: right;  font-size:12px; color:#000; padding:2px; border:0px solid red; }
							.input-mdp-oublie { float:left; width:320px; height:18px; font-size:12px; color:#000; padding:2px; border:1px solid #999; }
						.container-submit-mdp-oublie { width:415px; height:30px; margin: 10px auto 10px auto; border:0px solid blue; }
					.fieldset-reset-mdp { width: 540px; margin:15px auto 0px auto; border:1px solid #ccc; }
						.container-reset-mdp { width:530px; height:20px; margin: 10px auto 0px auto; border:0px solid blue; }
							.label-reset-mdp { float:left; width:190px; height:18px; text-align: right;  font-size:12px; color:#000; padding:2px; border:0px solid red; }
							.input-reset-mdp { float:left; width:320px; height:18px; font-size:12px; color:#000; padding:2px; border:1px solid #999; }
						.container-submit-reset-mdp { width:415px; height:30px; margin: 10px auto 10px auto; border:0px solid blue; }
							
						.container-jorganise { width:100%; height:20px; margin-top:10px; border:0px solid blue; }
							.label-jorganise { height:18px; font-size:12px; background-color:#CED8F6; color:#000; border:0px solid red; }
							.label-left-jorganise { float:left; width:230px; text-align:right; padding:2px; }
							.label-centre-jorganise { float:left; width:100%;text-align:center; }
							.input-jorganise{ float:left; width:340px; height:18px; font-size:12px; color:#000; padding:2px; border:1px solid #999; }
								.class-select-jorganise { width:240px; }
									.class-option-jorganise {}
								.input-date-jorganise { float:left; width:140px; height:18px; margin-left:80px; font-size:12px; color:#000; text-align:center; border:1px solid #999; }
								.img-date-jorganise { float:left; margin-left:10px; cursor:pointer; }
								.class-select-heure-jorganise { }
								.class-select-minute-jorganise { }
								.class-select-heure-limite-jorganise { }
								.class-select-places-jorganise { }
								.input-radio-jorganise {}
								.label-radio-jorganise {}
								.input-checkbox-jorganise {}
						.container-adresse-jorganise { width:100%; height:100px; margin-top:10px; border:0px solid blue; }
							.textarea-jorganise { float:left; width:99%; font-size:14px; color:#000; padding:2px; border:1px solid #999; }
							.textarea-adresse-jorganise { height:80px; }
						.container-rdv-jorganise { width:100%; height:100px; margin-top:10px; border:0px solid blue; }
							.textarea-rdv-jorganise { height:80px; }
						.container-description-jorganise { width:100%; height:450px; margin-top:10px; border:0px solid blue; }
							.container-description-tinymce-jorganise { float:left; width:100%; height:430px; border:0px solid red; }
								.textarea-description-jorganise { }
						.container-avertissements-jorganise { width:100%; height:40px; margin-top:10px; border:1px solid #999; }
							.input-avertissements-checkbox-jorganise { float:left; width:20px; height:18px; padding:2px; border:1px solid #999; }
							.label-avertissements-jorganise { float:left; width:550px; margin-left: 5px; text-align: left; }
						.container-invitations-jorganise { width:100%; height:80px; margin-top:10px; border:1px solid #999; }
							.textarea-invitations-jorganise { height:50px; }
						.container-validation-jorganise { width:100%; height:40px; margin-top:10px; border:1px solid #999; }
							
						.container-register { width:100%; height:20px; margin-top:10px; border:0px solid blue; }
						.container-register-localisation { width:100%; height:42px; margin-top:10px; border:0px solid blue; }
							.font-register { font-size:14px; font-weight:normal; color:#000; }
							.label-register { float:left; width:150px; height:20px; padding:2px; text-align:right; background-color:#CED8F6; border:0px solid red; }
							.label-register-localisation { float:left; width:150px; height:44px; padding:2px; text-align:right; background-color:#CED8F6; border:0px solid red; }
							.input-register { float:left; width:300px; height:18px; padding:2px; border:1px solid #999; }
							.input-register-localisation { float:left; width:300px; height:44px; border:1px solid #999; }
								.input-radio-register {}
								.label-radio-register {}
								.class-select-connexion-register { width:270px; }
									.class-option-connexion-register {}
								.class-select-etatcivil-register { width:240px; }
									.class-option-etatcivil-register {}
								.class-select-departement-register { width:240px; }
								.class-select-departement-register-localisation { width:240px; margin-top:2px; }
									.class-option-departement-register {}
								.class-select-ville-register { width:240px; }
								.class-select-ville-register-localisation { width:240px; margin-top:2px; }
									.class-option-ville-register {}
								.div-annee-register	{ float:left; width:100px; }
									.class-select-annee-register { }
								.div-mois-register	{ float:left; width:120px; }
									.class-select-mois-register { }
								.div-jour-register	{ float:left; width:80px; }
									.class-select-jour-register { }
										.class-option-register {}
						.container-description-register { width:100%; height:450px; margin-top:10px; border:0px solid blue; }
							.label-description-register { float:left; width:100%; height:18px; background-color:#CED8F6; border:0px solid red; }
							.container-description-tinymce-register { float:left; width:100%; height:430px; border:0px solid red; }
								.textarea-description-register { }
						
						.container1-radio-profil { width:100%; height:190px; margin-top:0px; border:0px solid blue; }
						.container2-radio-profil { width:100%; height:360px; margin-top:0px; border:0px solid blue; }
							.font-profil { font-size:14px; color:#000; }
							.div-radio-profil { float: left; width:180px; margin: 10px 0px 0px 10px; text-align: left; border:0px solid red; }
								.div-title-profil { width:100%; font-size:14px; font-weight:bold; border:0px solid green; }
								.input-checkbox-profil { margin: 0px 5px 0px 5px; }
						.container-localiser-register { width:100%; height:690px; margin-top:5px; border:0px solid blue; }
							.label-localiser-register { float:left; width:200px; height:18px; background-color:#CED8F6; padding:2px; border:0px solid red; }
							.input-localiser-register { float:left; width:310px; height:18px; padding:2px; border:1px solid #999; }
							.div-carte { width: 580px; height: 580px; margin: 5px auto 0px auto; border: 1px solid #888; }
						.container-options-register { width:100%; height:140px; margin-top:10px; border:1px solid #999; }	
						.container-confirm-register { width:100%; height:80px; margin-top:10px; border:1px solid #999; }	
							.div-lien-register {}
							.div-checkbox-register { text-align:center; }
							.div-checkbox-left-register { float:left; width:100%; margin:7px 0px 0px 10px; text-align:left; }
								.input-checkbox-register {}
								.label-checkbox-register {}			
						.container-photos-register { width:100%; margin-top:10px; border:1px solid #999; }
							.form-photo-register { width:100%; height: 60px; border: solid 0px green; }
							.div-vignettes-photos-load { float:left; width:100%; margin-top:5px; }
								.input_file { margin-left:30px; font-size: 12px; font-weight: bold; }
							.div-vignettes-photos { float:left; width:100%; margin-top:5px; overflow: hidden; border: solid 0px green; }
									.div-vignette-photo { float: left; width: 124px; height: 130px; margin: 8px 0px 0px 14px; text-align: center; border: solid 1px black; }
									.div-vignette-photo-select { float: left; width: 116px; height: 98px; margin: 2px 0px 0px 2px; text-align: center; border: solid 5px red; }
										.div-vignette-img-photo { width:100%; height:60px; vertical-align: middle; cursor:pointer; border: solid 0px black; }
											.img-vignette-photo { max-width: 100%; max-height: 60px; border: solid 0px black; }
									.div-vignette-photo-sortie { float:left; width:180px; height:140px; margin:8px 0px 0px 14px; text-align:center; border: solid 1px black; }
										.div-vignette-img-photo-sortie { width:100%; height:140px; vertical-align:middle; cursor:pointer; border: solid 0px black; }
											.img-vignette-photo-sortie { max-width:100%; max-height:140px; border:solid 0px black; }
										.div_supprimer_photo { width:100%; height:20px;  margin-top:0px; border:solid 0px red; }
											.button_supprimer_photo {  width:92px; height:20px; margin-left: auto; margin-right: auto; cursor:pointer; text-align:center; background-image:url(/img/supprimer_photo.png); background-repeat:no-repeat;border: solid 0px yellow; }
											.button_supprimer_photo:hover { background-image: url(/img/supprimer_photo_hover.png); }
											.button_supprimer_photo:active { background-image: url(/img/supprimer_photo_active.png); }					
										.div_orienter_photo { width: 100%; height: 20px;  margin-top: 0px; border: solid 0px red; }
											.button_orienter_photo {  width:92px; height:20px; margin-left: auto; margin-right: auto; cursor:pointer; text-align:center; background-image:url(/img/orienter_photo.png); background-repeat:no-repeat;border: solid 0px yellow; }
											.button_orienter_photo:hover { background-image: url(/img/orienter_photo_hover.png); }
											.button_orienter_photo:active { background-image: url(/img/orienter_photo_active.png); }
						
							
		.div-centre-right { float: right; width: 220px; border: solid 0px yellow;}
			.div-centre-right-pub { width: 220px; height: 200px; border: solid 0px red; }
			
			.div-centre-right-messagerie { min-height: 100px; border: solid 0px red; }
				.div-centre-right-messagerie-tabs { height: 20px; overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; }
					.div-centre-right-messagerie-tabs button { width: 50%; padding: 5px 0px 5px 0px; font-size: 12px; font-weight: bold; background-color: inherit; float: left; border: none; outline: none; cursor: pointer; transition: 0.3s; }
					.div-centre-right-messagerie-tabs button:hover { background-color: #96C4FF; }
					.div-centre-right-messagerie-tabs button.active { background-color: #819FF7; }
					
					.div-centre-right-messagerie-tabs-links {}
				.div-centre-right-messagerie-list { height: 280px;  display: none; border: 1px solid #ccc; border-top: none; }
					.div-title-list-online { width:100%; margin: 5px 0px 0px 0px; border: solid 0px blue; }
					.div-content-list { width:100%; margin: 5px 0px 0px 0px; border: solid 0px blue; }
						.div-content-list-femme { float: left; width:50%; text-align: left; border: solid 0px green; }
						.div-content-list-homme { float: left; width:50%; text-align: left; border: solid 0px green; }
		
	.class-button-guide { float: right; width:16px; height: 16px; cursor:pointer; background-image:url(/img/lumiere_16_16.ico); background-repeat:no-repeat; color:#FEFEE2; font-weight:bold; border: solid 0px red; }
		.class-button-guide:hover { width:32px; height: 32px; background-image: url(/img/lumiere.ico); }
		.class-button-guide:active { background-image: url(/img/lumiere.ico); }
						
.div-pied { display: table-row; width: 100%; border: solid 0px green; }
	.div-liens-site-pied { width: 940px; height: 140px; margin: 10px auto 10px auto; border: 0px yellow groove; }
		.div-lien-site-pied { float: left; width: 220px; text-align: center; border: solid 0px red; }
			.href-lien-site-pied			{ width: 100%; display: block; margin-top: 5px; text-decoration:none; font: bold 14px verdana, arial, helvetica, sans-serif; }
			.href-sous-lien-site-pied		{ width: 100%; display: block; margin-top: 5px; text-decoration:none; font: 12px verdana, arial, helvetica, sans-serif; }
.div-space { width:400px; height:40px; margin-left:auto; margin-right:auto; border: solid 0px green; }
	.img_w3c { margin-left:20px; width:88px; height:31px; border:0; }
.a_site { font: bold 10px verdana, arial, helvetica, sans-serif; }
.a_site_color { color: black; }
.a_site_color:hover { color: red; }
.cursor { cursor: pointer; }
.clear-both { clear: both; }
.div-align-center { text-align: center; }


.span-left { float:left; }
.span-right { float:right; }

.span-tri:before { content: "\25C4"; }
.span-tri:hover:before { content: "\25BC"; }
.span-tri:after { content: "\25BA"; }
.span-tri:hover:after { content: "\25BC"; }