@charset "utf-8";
/* Comportements par defaut */
/**********************************************/
* {margin:0; padding:0; border:0}
body {font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#561d1b;}

a {text-decoration:none; color:#000000}
a:hover {text-decoration:none;}

table {border-collapse:collapse}

input {border:1px solid #bdd708;}

ol {padding:0; margin:0;}
ul {padding:0; margin:0;}
li {list-style:none;padding:0;margin:0;}

h2 {font-size:18px; color:#561d1b; padding:0;}
h3 {font-size:14px; color:#8aae01; padding:0;}
h4 {font-size:12px; color:#561d1b; padding:0;}
img, fieldset{border:none;}
/***Classes generiques***/
/************************/
.clear {clear:both; line-height:0; padding:0; margin:0;}

/* Common Structure */
/**********************************************/
#header, #lev1, #footer, #cheminFer, #lev3, #context, .highlightAcceptes{display:none;}
.alertLayer{display:none;}
/*--------home page-------*/
#mainHighlight {display:none;}

#highlights {width:928px;overflow:hidden; margin:0 auto;}
		
			#highlights li {width:227px;float:none; margin:0 0 20px 0}
			#highlights li img { display:block;padding:0;}
			#highlights li div {width:225px; border:none;}
			#highlights a.link {width:215px;padding:6px 0 7px 10px; background:#2f3a3e;text-decoration:none;color:#FFFFFF;font-size:12px;display:block;}
			#highlights a:hover.link {text-decoration:underline;}
			
			#highlights .last {width:232px;margin:0}
			#highlights .last div {width:230px;}
			#highlights .last a.link {width:220px;}
			
		#highlights .highlightBig {width:343px;}
				#highlights .highlightBig h2 img{float:none;}
			#highlights .highlightBig div {width:321px;padding:10px;overflow:hidden}
			#highlights .highlightBig img {float:left;}
			#highlights .highlightBig div div {width:191px; float:left; border:none;padding:0}
			#highlights .highlightBig div p { padding:0 0 0 10px}
			#highlights .highlightBig div ul { margin:10px 0 0 10px;}
			#highlights .highlightBig div li a { color:#8aae01; font-weight:bold}
			
/*----------espace-perso-clubequestre---------*/
#contentWithNav #content {width:487px; padding:0 10px 0 0; margin:0 auto}
				
					#contentWithNav #content h2 {color:#561d1b; font-size:18px; padding:0 0 10px 0}
					#contentWithNav #content h3 {color:#9ac00c;font-size:12px;padding:0 0 5px 0;font-weight:bold;text-transform:uppercase}
					#contentWithNav #content h4 {color:#561d1b;font-size:12px;padding:0 0 5px 0;font-weight:bold;text-transform:uppercase}
					#contentWithNav #content .last { border:none; padding:0 0 10px 0; margin:0 0 10px 0}
					
					
					#contentWithNav #content dl {overflow:hidden; padding:0 0 10px 0;}
					#contentWithNav #content dt {float:left;padding:0 10px 0 0; width:176px}
					#contentWithNav #content dd {}
						#contentWithNav #content dd h3 {color:#9ac00c;font-size:12px;padding:0 0 5px 0;font-weight:bold}
						#contentWithNav #content dd a {color:#9ac00c;text-decoration:none; font-weight:bold}
						#contentWithNav #content dd a:hover {text-decoration:underline}
						#contentWithNav #content .linkInfo {color:#561d1b;text-decoration:underline;font-weight:normal}
						#contentWithNav #content a:hover.linkInfo  {text-decoration:none}
						#contentWithNav #content dd p { padding:0 0 5px 0}
						
					#contentWithNav #content #map {padding:0 0 10px 0}
	
/*------E-learning-Tous les niveaux-----*/
	.contentList{width:487px; padding:15px 0 0 0;}
		.infoList{width:487px; padding:10px 0; border:none;}
		.contentList h3{margin:0 0 3px 0;}
		.detailsEchelon{width:487px; overflow:hidden;}
			.detailsEchelon img{display:block; float:left; margin:0 25px 0 0;}
			.detailsEchelon div{width:386px; overflow:hidden;}
			.detailsEchelon div ul{margin:10px 0 0 0;}
			.detailsEchelon div li{display:block; margin:0 0 2px 0;}
				.detailsEchelon div li a{font-weight:bold; color:#8aae01;}
	
/*------E-learning -  Description d'un niveau-----*/						
	#contentWithOutNavLev3{width:904px; padding:0; margin:0 auto; overflow:hidden; border:none;}	
		#contentWithOutNavLev3 h2{font-size:18px; margin:0 0 15px 0;}
		#contentWithOutNavLev3 h3{font-size:14px;}
		#contentWithOutNavLev3 h3{font-size:14px; text-transform:uppercase; margin:0 0 15px 0;}
		#contentWithOutNavLev3 dl{margin:10px 0 20px 0;}
			#contentWithOutNavLev3 dt{font-weight:bold;}
			#contentWithOutNavLev3 dd{margin:0 0 15px 0}
			
	.highlightBlocks{width:904px; overflow:hidden; background:url(../images/bgd_bottomInfo.gif) 0 100% no-repeat; padding:0 0 5px;}
			.infoType{width:450px; float:none; background:#fff; padding:0 0 20px 0;}
			.highlightBlocks .first{margin:0 4px 0 0;}
				.infoType h3{margin:0;}
				.infoType div{width:428px; padding:10px; border:none; overflow:hidden}
				.infoType div img{display:block; float:left; margin:0 5px 0 0;}
				.infoType div ul{margin:20px 0 0 0;}
				.infoType div li{display:block; margin:0 0 2px 0;}
					.infoType div li a{color:#8aae01; font-weight:bold;}
				.infoType div p{padding:5px 0 0 0}
				.infoType div p span{font-size:14px; font-weight:bold;}
				.highlightBlocks a{color:#8aae01; font-weight:bold;}
			.highlightBlocks form p{width:428px; overflow:hidden; display:block; margin:0 0 5px 0;}
			.highlightBlocks form p input{ font-size:11px; color:#999; width:175px; height:15px; padding:2px 0 0 2px; float:left; margin:0 13px 0 0; border:none;}
			.highlightBlocks form p input.btnOK{width:18px; height:10px; border:none; margin:5px 0 0 0}

/*------E-learning -Inscription-----*/
	.etudieuIndscription #contentWithOutNavLev3{width:904px; padding:0 10px 10px 10px; margin:0 auto; overflow:hidden; border:none;}	
		.etudieuIndscription #contentWithOutNavLev3 h2{margin-top:10px;}
		.etudieuIndscription #contentWithOutNavLev3 h3{text-transform:uppercase; margin-bottom:5px;}
		.contentListTabs{display:none;}
			.contentListTabs ul{}
			.contentListTabs li{display:block; float:left; background:none; height:23px; padding:10px 17px 0 17px; margin:0 10px 0 0;}
			.contentListTabs li.active{background:url(../images/bgd_tabActive.gif) 100% 0 no-repeat; border:none;}
			
/*------E-learning -Inscription-----*/
	.contentFormulaire{width:904px;}
		.contentFormulaire fieldset{width:882px;  padding:10px; margin:0 0 15px 0; display:block; overflow:hidden; border:none;}
		.contentFormulaire h4{font-size:11px; color:#937770; font-weight:normal; margin:0 0 15px 0}
		.contentFormulaire form p{width:882px; display:block; overflow:hidden; margin:0 0 5px 0;}
		.contentFormulaire label{display:block; margin:0 0 3px 0; font-weight:bold;}
		.contentFormulaire label.lblCivilite{ font-size:11px; font-weight:normal; width:80px; float:left; margin:0 3px 0 0;}
		.contentFormulaire label.lblCheck{ color:#937770; font-size:11px; font-weight:normal; float:left; padding:1px 0 0 0}
			.contentFormulaire label.lblCheck a{color:#937770;}
		.contentFormulaire input{font-size:11px; color:#561d1b; width:258px; padding:1px 0 0 2px; margin:0 0 4px 0; height:15px; border:#ccc solid 1px; display:block;}
		.contentFormulaire select{font-size:11px; color:#561d1b; width:258px; margin:0 0 4px 0; height:17px; border:#ccc solid 1px;}
		.contentFormulaire input.radioCivilite{width:15px; height:15px; float:left; margin:0 5px 0 0; border:none; padding:0;}
		.contentFormulaire input.checkType{width:15px; height:15px; float:left; padding:0; margin:0 10px 0 0; border:none;}
		.contentFormulaire input.carte{width:37px; float:left; margin-right:10px;}
		.contentFormulaire select.selectDate{width:80px; float:left; margin:0 10px 0 0;}
		.contentFormulaire fieldset p a{color:#561d1b; text-decoration:underline;}
		.contentFormulaire fieldset p a:hover{text-decoration:none;}
		
		.contentFormulaire fieldset p strong{color:#937770; font-weight:normal;}
		.contentFormulaire p span{width:320px; display:block; float:left; border:none;}
			.contentFormulaire p span input{width:240px; float:left; margin:0 5px 0 0;}
			.contentFormulaire p span img{ margin:5px 0 0 0}
			.contentFormulaire .btnValider{ font-size:12px; text-transform:uppercase; font-weight:bold; text-align:left; color:#9ac00c; background:none; border:none; cursor:pointer; width:80px; margin:0 0 0 10px;}
			.contentFormulaire p strong{padding:0 0 0 10px}

		#contCryptogrammeLayer{display:none;}
			
	#contentConfirmation{width:914px; padding:10px 0 10px 10px; margin:0 auto; overflow:hidden;}				
		#contentConfirmation h2{margin:0 0 15px 0;}
	.infoConfirmation{width:673px; float:left; margin:0 9px 0 0;}
		.infoConfirmation p{margin:0 0 15px 0;}
		.infoConfirmation p strong{color:#86ae2e; padding:0; margin:0;}
		.infoConfirmation p a{text-decoration:underline; color:#561d1b;}
		.infoConfirmation p a:hover{text-decoration:none;}
	
	.infoFlashPoursuivez{width:673px; border-top:#ccc solid 1px;}