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

a {text-decoration:underline; color:#8AAE01}
a:hover {text-decoration:underline;}

table {
	border-collapse:collapse;
	text-align: left;
}

input, select, textarea{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;}

/***Classes generiques***/
/************************/
.clear {clear:both; line-height:0; padding:0; margin:0;}
.alertMsg {margin:0 0 0 100px;color:#FF0000;display:none;font-size:11px;}
img, fieldset{
	border:none;
}

/* Common Structure */
/**********************************************/
#main {width:950px;margin:0 auto;padding:0 0 10px 0;}

	#cont {width:auto;border:1px solid #cccccc;padding:10px;margin:0;}
	
	#header {width:auto;overflow:hidden;}
		h1 { float:left}
		h1 img {padding:3px}
		#lev2 {float:right;overflow:hidden;}
			#lev2 li {float:left;padding:0 0 0 11px;background:url(../images/bgd_lev2_li.gif) 5px 2px no-repeat;}
			#lev2 li a {color:#86ae2e}
			#lev2 .first {background:none}
		
		
		#lev1 {width:928px;overflow:hidden;margin:10px 0 5px 0;}
		#lev1 li {float:left;margin:0 0 0 2px;}
		#lev1 li a {padding:5px 0 6px 0;text-decoration:none;color:#FFFFFF;font-size:14px;text-align:center;display:block;}
		#lev1 li a:hover {padding:4px 0 6px 0;text-decoration:none;color:#81a825;background:#ffffff;border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-left:1px solid #cccccc;}
		#lev1 li.lev1On a {color:#81a825;background:#fff; padding:4px 0 6px 0; font-weight:bold; border-top:1px solid #ccc; border-right:1px solid #cccccc;border-left:1px solid #cccccc;}
			#lev1 .lev1Accueil {width:154px;margin:0}
			#lev1 .lev1Accueil a {background:#c2d96d;}
			#lev1 .lev1Accueil a:hover {width:152px;}
			#lev1 .lev1NotreEquitation {width:153px;}
			#lev1 .lev1NotreEquitation a {background:#b3ce58;}
			#lev1 .lev1NotreEquitation a:hover {width:151px;}
			#lev1 .lev1Etudier {width:152px;}
			#lev1 .lev1Etudier a {background:#a5c447;}
			#lev1 .lev1Etudier a:hover {width:150px;}
			#lev1 .lev1Pratiquer {width:153px;}
			#lev1 .lev1Pratiquer a {background:#98ba39;}
			#lev1 .lev1Pratiquer a:hover {width:151px;}
			#lev1 .lev1Agenda {width:153px;}
			#lev1 .lev1Agenda a {background:#8cb12e;}
			#lev1 .lev1Agenda a:hover {width:151px;}
			#lev1 .lev1BoutiqueEnLigne {width:153px;}
			#lev1 .lev1BoutiqueEnLigne a {background:#81a825;}
			#lev1 .lev1BoutiqueEnLigne a:hover {width:151px;}
			
		#cheminFer {width:928px;margin:0 0 5px 0;font-size:11px;color:#432727}
			#cheminFer a {color:#432727;text-decoration:underline}
			#cheminFer a:hover{text-decoration:none}
			
		#mainHighlight {width:928px;overflow:hidden;}
			#mainHighlight h2 {padding:0 0 20px 0;}
			
				#mainHighlight .highlight {width:695px;float:left;padding:0 2px 0 0}
				
				#mainHighlight .highlightForm {width:211px;float:right;background:#150703;height:93px;padding:10px;}
				#mainHighlight #typeEtudierList{height:133px;}
					#mainHighlight .highlightForm form {padding:0 0 8px 0}
					#mainHighlight .highlightForm input {float:left;padding:1px 0 1px 5px;margin:0 0 3px 0;width:170px;background:#496e7e;border:1px solid #a4b7bf;color:#b6c5cb;font-size:11px;}
					#mainHighlight .highlightForm .btnOk {width:18px;height:10px;border:none; margin:3px 0 0 0}
					#mainHighlight .highlightForm a {color:#b6c5cb;font-size:11px;}
					
				#mainHighlight .highlightLogue {width:211px;float:right;background:#496e7e;height:133px;padding:10px;}
					#mainHighlight .highlightLogue a {color:#99b6c3;}
					#mainHighlight .highlightLogue p {color:#99b6c3;padding:0 0 10px 0}
					#mainHighlight .highlightLogue span {color:#ffffff;}
					#mainHighlight .highlightLogue strong {color:#ffffff;}
					
				#mainHighlight .highlightTeach {width:211px;float:right;background:#816E68;height:95px;padding:10px;margin:2px 0 0 0;}
					#mainHighlight .highlightTeach li {padding:0 0 2px 0;}
					#mainHighlight .highlightTeach a {color:#FFFFFF;}

				#mainHighlight .highlightTeach2 {width:211px;float:right;background:#816E68;height:111px;padding:10px;margin:2px 0 0 0;}
		#highlights {width:auto;overflow:hidden;padding:20px 0 0 0}
		
			#highlights li {width:227px;float:left; margin:0 5px 0 0}
			#highlights li img { display:block;padding:0;}
			#highlights li div {width:225px; border:1px solid #cccccc;}
			#highlights a.link {width:215px;padding:6px 0 7px 10px; background:#816E68;text-decoration:none;color:#FFFFFF;font-size:12px;display:block;}
			#highlights a:hover.link {text-decoration:underline;}
			
			#highlights .last {width:226px;margin:0 0 0 0}
			#highlights .last div {width:230px;}
			#highlights .last a.link {width:220px;}
			
		#highlights .highlightBig {width:345px;}
				#highlights .highlightBig h2 img{float:none;}
			#highlights .highlightBig div {width:300px;padding:10px;overflow:hidden}
			#highlights .highlightBig img {float:left;}
			#highlights .highlightBig div div {width:180px; 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}
			
		
		#contentWithNavLev3 {width:928px;margin:10px 0 0 0;overflow:hidden;background:url(../images/bgd_contWithNavLeft.gif) bottom no-repeat;}
		
			#lev3 {width:189px;float:left;padding:10px 0 0 0;}
			
				#lev3 h2 {text-transform:uppercase;color:#9ac00c;font-size:12px; margin:0 0 5px 0}
				#lev3 div {padding:0 10px 10px 10px}
				#lev3 li {padding:2px 0 0 0}
				#lev3 .active {background:url(../images/bgd_lev3_active.gif) bottom no-repeat;border-top:2px solid #cccccc;padding:10px 0 10px 10px;margin:0 0 10px 0}
				
				#lev3 ul li a {color:#330000;background:url(../images/bgd_lev3_li.gif) 0 10px no-repeat;padding:2px 0 2px 5px;}
				#lev3 .notActive a {color:#987863;background:url(../images/bgd_lev3_li_notActive.gif) 0 10px no-repeat;padding:2px 0 2px 5px;}
				#lev3 .lev3On a {width:160px;display:block;color:#FFFFFF;background:#a5c447 url(../images/bgd_lev3_li_on.gif) 3px 5px no-repeat;padding:2px 0 2px 15px;font-weight:bold;}
				
				#lev3 .active ol{margin:0 0 20px 0;}
					#lev3 .active ol li{color:#330000; list-style:inside; list-style-type:decimal; padding:0; margin:0 0 3px 0;}
					#lev3 .active ol li a{color:#330000}

			
			
			#contentWithNav {width:auto;float:left;padding:10px 2px 10px 10px;border-top:2px solid #cccccc;overflow:hidden;}
			
				#contentWithNav #content {width:650px;float:left; padding:0 10px 0 0;}
				
					#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-bottom:1px solid #cccccc; 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}
					
					#contentWithNav #content #niveauEnCours {padding:0 0 30px 0;overflow:hidden}
						#contentWithNav #content #niveauEnCours p { padding:0 0 10px 0}
						#contentWithNav #content #niveauEnCours a {color:#9ac00c;text-decoration:none;}
						#contentWithNav #content #niveauEnCours a:hover {text-decoration:underline}
						
					#contentWithNav #content .illusActu { float:left; padding:0 10px 0 0}
						
					
				#contentWithNav #context {width:230px;float:left;}
					#contentWithNav #context li {padding:0 0 10px 0}
					
						#contextHighlights li {width:230px;margin:0 0 0 0}
						#contextHighlights li img { display:block;padding:0;}
						#contextHighlights li div {width:229px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;}
						#contextHighlights a.link {width:219px;padding:6px 0 7px 10px; background:#2f3a3e;text-decoration:none;color:#FFFFFF;font-size:12px;display:block;}
						#contextHighlights a:hover.link {text-decoration:underline;}
						
						
/*------E-learning -  Description d'un niveau-----*/						
	#contentWithOutNavLev3{width:928px;}	
	#contentWithOutNavLev3 #highlightBlocksWithTabs{width:914px; padding:0 0 10px 10px; margin:0; overflow:hidden; border:#ccc solid 2px; border-top:none;}
	#contentWithOutNavLev3 #highlightBlocksWithOutTabs{width:914px; padding:10px 0 10px 10px; margin:10px 0 0 0; overflow:hidden; border:#ccc solid 2px;}	
		#contentWithOutNavLev3 h2{font-size:18px; margin:0 0 15px 0;}
		#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:left; background:#fff;}
			.highlightBlocks .first{margin:0 4px 0 0;}
				.infoType h3{margin:0;}
				.infoType div{width:428px; padding:10px; border:#ccc solid 1px; border-bottom: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:#ccc solid 1px;}
			.highlightBlocks form p input.btnOK{width:18px; height:10px; border:none; margin:5px 0 0 0}

		#etudier{width:737px; padding:10px 0 0 191px;}
		.highlightAcceptes{width:928px; padding:10px 0 0 0;}
			.highlightAcceptes p{font-size:10px; color:#999;}
			.highlightAcceptes .listLogo{font-size:11px; text-align:right; font-weight:bold; margin:0 0 7px 0;}
			.highlightAcceptes .listLogo span{display:block; float:right;}
			.highlightAcceptes .listLogo span img{display:block; float:left; margin:0 0 0 1px;}
		
/*------E-learning -  Description d'un niveau-----*/	
	#footer {width:950px;overflow:hidden}
		#footer div {width:708px;float:left;color:#999}
			#footer img {vertical-align:middle;padding:5px 10px 0 0}
			#footer ul {width:708px;overflow:hidden; border-top:1px solid #cccccc; padding:5px 0 0 0; margin:5px 0 0 0}
			#footer li {color:#86ae2e;float:left;}
			#footer li a {color:#86ae2e;background:url(../images/bgd_lev2_li.gif) 5px 2px no-repeat;padding:0 0 0 11px;}
			#footer .first a {background:none;padding:0 0 0 30px}
		
		#footer #newsletter {width:202px; padding:5px 0 0 40px;float:right;color:#86ae2e;}
			#footer #newsletter form {padding:5px 0 0 0}
			#footer #newsletter input {float:left;padding:1px 0 1px 5px;margin:0 0 3px 0;width:170px;background:#ffffff;border:1px solid #cccccc;color:#999999;font-size:11px;}
			#footer #newsletter .btnOk {width:18px;height:10px;border:none; margin:3px 0 0 0}
			
/*------E-learning-Tous les niveaux-----*/
	.contentList{width:487px; padding:15px 0 0 0;}
		.infoList{width:auto; padding:10px 0; border-top:#ccc solid 1px;}
		.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:auto; 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 -Inscription-----*/
	
		#highlightBlocksWithTabs h2{margin-top:10px;}
		#highlightBlocksWithTabs h3{text-transform:uppercase; margin-bottom:5px;}
		.contentListTabs{width:928px; margin:10px 0 0 0; background:url(../images/bgd_line.gif) 0 100% repeat-x; overflow:hidden}
			.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-left:#ccc solid 2px;}
			
/*------E-learning -Inscription-----*/
	#contentWithOutNavLev3 .contentFormulaire{width:904px; position:relative; border:none; padding:0; margin:0;}
		.contentFormulaire fieldset{width:882px;  padding:10px; margin:0 0 15px 0; display:block; overflow:hidden; border:#ccc solid 1px;}
		.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{width:200px; background:#a5c447; padding:10px; color:#fff; position:absolute; left:250px; top:150px; z-index:999;}
			#contCryptogrammeLayer .btnClose{text-align:right;}
			#contCryptogrammeLayer p{font-weight:bold;}

/*------E-learning - Confirmation-----*/
	#highlightBlocksWithTabs #context {width:230px; float:right; padding:10px 0 0 0;}
		#highlightBlocksWithTabs #context li {padding:0 0 10px 0}
		#highlightBlocksWithTabs #context #contextHighlights h2{margin:0;}
	
	
	#highlightBlocksWithOutTabs #context {width:230px; float:right; padding:10px 0 0 0;}
		#highlightBlocksWithOutTabs #context li {padding:0 0 10px 0}
		#highlightBlocksWithOutTabs #context li img{display:block;}
		#highlightBlocksWithOutTabs #context #contextHighlights h2{margin:0;}
		#highlightBlocksWithOutTabs #context li form{width:209px; display:block; background:#9ac00c; border-left:#ccc solid 1px; padding:5px 10px; overflow:hidden;}
		#highlightBlocksWithOutTabs #context li form input{width:170px; float:left; height:16px; background:#9ac00c; border:#ccff66 solid 1px; color:#d7e69e; font-size:11px; padding:2px 2px 0 2px;}
		#highlightBlocksWithOutTabs #context li form input.btnOK{width:30px; color:#fff; font-weight:bold; float:left; border:none; cursor:pointer; margin:2px 0 0 0}
		
	#contentConfirmation{width:914px; padding:10px 0 10px 10px; margin:0; overflow:hidden; border:#ccc solid 2px; border-top:none;}				
		#contentConfirmation h2{margin:0 0 15px 0;}
		
	#contentWithOutNav{width:673px; float:left; margin:0;}
		.infoConfirmation{width:673px;}
			.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;}
		

/*------Notre equitation-----*/
	#highlightVideo{width:673px; overflow:hidden;}
		.listVideo{width:220px; float:left; margin:0 25px 0 0;}
			.listVideo div{width:220px; overflow:hidden; margin:0 0 15px 0;}
			.listVideo div span{float:right; border:#999 solid 1px; display:block; padding:1px; margin:0 0 0 10px;}
			.listVideo div p{text-align:right; color:#719d1e; padding:28px 0 0 0;}
		.infoVideos{width:428px; float:left;}
			#highlightVideo .infoVideos h3{font-size:12px; color:#719d1e; padding:0; margin:0; text-transform:none;}
			.infoVideos p{margin:0 0 15px 0;}
		
		
		
/* Alert class */
.alertLayer {font-size:11px; width:150px; position:absolute; top:0; left:0; visibility:hidden; z-index:999;}
	.alertLayer a {overflow:hidden; float:right;}
		.alertLayer a:hover {}
	.alertLayer p {}
	/* layer type */
	.layer {background:#87ae27;}
		.layer a {display:none;}
	.layer p {color:#fff; margin:0; padding:5px 10px;}