@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:#9ac00c}
a:hover {text-decoration:underline;}

table{border-collapse:collapse; border-spacing:0; margin:0;}
	th, td{text-align:center; padding:0;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}

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;}
.spaceBottom {padding:0 0 10px 0}
.spaceTop {padding:10px 0 0 0}
img, fieldset{border:none; }
/* Common Structure */
/**********************************************/
#main {width:950px;margin:0 auto;padding:0 0 10px 0;}

	#cont {width:928px;border:1px solid #cccccc;padding:10px;margin:0;}
	
	#header {width:928px;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(../img/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:130px;margin:0}
			#lev1 .lev1Accueil a {background:#81a825}
			#lev1 .lev1Accueil a:hover {width:128px;}
			#lev1 .lev1NotreEquitation {width:132px;}
			#lev1 .lev1NotreEquitation a {background:#81a825;}
			#lev1 .lev1NotreEquitation a:hover {width:130px;}
			#lev1 .lev1Etudier {width:130px;}
			#lev1 .lev1Etudier a {background:#81a825;}
			#lev1 .lev1Etudier a:hover {width:128px;}
			#lev1 .lev1Pratiquer {width:130px;}
			#lev1 .lev1Pratiquer a {background:#81a825;}
			#lev1 .lev1Pratiquer a:hover {width:128px;}
			#lev1 .lev1Agenda {width:130px;}
			#lev1 .lev1Agenda a {background:#81a825;}
			#lev1 .lev1Agenda a:hover {width:128px;}
			#lev1 .lev1BoutiqueEnLigne {width:132px;}
			#lev1 .lev1BoutiqueEnLigne a {background:#81a825;}
			#lev1 .lev1BoutiqueEnLigne a:hover {width:130px;}
			#lev1 .lev1Pro {width:130px;}
			#lev1 .lev1Pro a {background:#81a825;}
			#lev1 .lev1Pro a:hover {width:126px;}
			
		#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:#496e7e;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:#699eb5;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:#699eb5;height:151px;padding:10px;margin:2px 0 0 0;}
					#mainHighlight .highlightTeach2 li {padding:0 0 2px 0;}
					#mainHighlight .highlightTeach2 a {color:#FFFFFF;}
					
		#highlights {width:928px;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:#2f3a3e;text-decoration:none;color:#FFFFFF;font-size:12px;display:block;}
			#highlights a:hover.link {text-decoration:underline;}
			
			#highlights .last {width:232px;margin:0 0 0 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}
			
		
		#contentWithNavLev3 {width:928px;margin:10px 0 0 0;overflow:hidden;background:url(../img/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(../img/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(../img/bgd_lev3_li.gif) 0 10px no-repeat;padding:2px 0 2px 5px;}
				#lev3 .notActive a {color:#987863;background:url(../img/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(../img/bgd_lev3_li_on.gif) 3px 5px no-repeat;padding:2px 0 2px 15px;font-weight:bold;}
					#lev3 .lev3On ul{background:#a5c447; width:150px; padding:0 0 1px 25px; margin:0; overflow:hidden;}
					#contentWithNavLev3 #lev3 .lev3On ul li{color:#fff; font-weight:bold; padding:0; margin:0 0 2px 0}
						#contentWithNavLev3 #lev3 .lev3On ul li a{width:140px; padding:0; background:none; display:inline; color:#fff;}
						#contentWithNavLev3 #lev3 .lev3On ul li a:hover{color:#330000; text-decoration:none}
					#contentWithNavLev3 #lev3 .lev3On ul li.subActive a{color:#330000}
					
				#lev3 .levActive a {width:152px;display:block;color:#330000;background: url(../img/bgd_lev3_li_active.gif) 3px 5px no-repeat;padding:2px 0 2px 15px;font-weight:bold;}
					#lev3 .levActive ol{width:150px; padding:0 0 1px 0; margin:0 0 10px 0; overflow:hidden;}
					#contentWithNavLev3 #lev3 .levActive ol li{color:#330000; padding:0 0 0 25px; margin:0 0 2px 0; list-style:inside; list-style-type:decimal}
						#contentWithNavLev3 #lev3 .levActive ol li a{width:140px; padding:0; background:none; display:inline; color:#330000; font-weight:normal;}
						#contentWithNavLev3 #lev3 .levActive ol li a:hover{color:#330000; text-decoration:underline}
					#contentWithNavLev3 #lev3 .levActive ol li.subActive a{color:#330000}

											
				
				/*-----à éviter------*/	
				#lev3 .lev3blockInfo{width:165px; background:#553524; padding:10px; margin:0 0 15px 2px;}
				#lev3 .firstBLock{margin-top:622px; background:#81a825}
					#lev3 .firstBLock li{background:url(../img/ico_li.gif) 0 10px no-repeat; padding:0 0 0 5px;}
					#lev3 .lev3blockInfo h2{color:#fff; font-size:16px;}
					#lev3 .lev3blockInfo ul{}
					#lev3 .lev3blockInfo li{ color:#fff; display:block; margin:0 0 5px 0;}
				
				
				#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}

				#layerEtudier{color:#fff; width:234px; background:#a5c447; padding:10px 15px 10px 15px; z-index:999; left:0; top:0; overflow:hidden; margin:15px 0 0 0}
					#layerEtudier a.btnClose{float:right; margin:0 0 0 5px;}
					#layerEtudier h2{font-size:12px; color:#fff; margin:0 0 10px 0; padding:0;}
					#layerEtudier ul{}
					#layerEtudier li{display:block; margin:0 0 3px 0;}
					#layerEtudier li a{color:#fff; text-decoration:underline; float:none; margin:0;}
					#layerEtudier li a:hover{text-decoration:none;}
			
			#contentWithNav {width:727px; float:left; padding:10px 2px 10px 10px; border-top:2px solid #cccccc; overflow:hidden;}
			
				#contentWithNav #content {width:487px;float:left; padding:0 10px 0 0;}
				
					#contentWithNav h2{color:#561d1b; font-size:18px; padding:0 0 10px 0}
					#contentWithNav #content h2 {color:#561d1b; font-size:18px; padding:0 0 10px 0}
					#contentWithNav #content h2 span{color:#8aae01;}
					#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}
					/* Adder Okialy, controle des images dans formation */
					#contentWithNav #content #cerclage {border: 1px solid #9abf10;	margin-bottom: 5px;}	
					#contentWithNav #content #tdleft {border: 1px solid #9abf10;	text-align: left;}	
					#contentWithNav #content #rightCercled {border: 1px solid #9abf10;	margin-bottom: 01px; float:left; margin-right:10px;}	
					#contentWithNav #content #leftCercled {border: 1px solid #9abf10;	margin-bottom: 10px; float:right; margin-left:10px;}	
					#contentWithNav #content #leftCercled3{border: 1px solid #9abf10;	margin-bottom: 5px; float:right; margin-left:5px;}	
					#contentWithNav #content #leftCercled2{border: 1px solid #9abf10;	margin-bottom: 5px; float:right; margin-left:5px; margin-right:110px;}	
					#contentWithNav #content #leftCercled4{border: 1px solid #9abf10;	margin-bottom: 5px; float:right; margin-left:5px; margin-right:220px;}	
					#contentWithNav #content #textjustify {text-align: justify;}
					#contentWithNav #content #tdalign td {text-align:left; padding: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 3px 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;}
						.contTextType{color:#fff; width:208px; background:#79b109; padding:10px; margin:0 0 10px 0;}
							.contTextType h2{margin:0 0 20px 0;}
							.contTextType li a{color:#fff;}
						
						
/*------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(../img/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(../img/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:487px; 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: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 -Inscription-----*/
	
		#highlightBlocksWithTabs h2{margin-top:10px;}
		#highlightBlocksWithTabs h3{text-transform:uppercase; margin-bottom:5px;}
		.contentListTabs{width:928px; margin:10px 0 0 0; background:url(../img/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(../img/bgd_tabActive.gif) 100% 0 no-repeat; border-left:#ccc solid 2px;}
			
/*------E-learning -Inscription-----*/
	#contentWithOutNavLev3 .contentFormulaire{width:904px; 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;}
		#contentWithOutNavLev3 .contentFormulaire fieldset h3{font-size:11px; text-transform:none; 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; 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; margin:0 0 20px 0; color:#fff; left:0; top:0; z-index:999;}
			#contCryptogrammeLayer .btnClose{text-align:right;}
			#contCryptogrammeLayer p{font-weight:bold; width:200px; margin:0;}

/*------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;}
		#context #contextHighlights h2{margin:0;}
		#context li form{width:209px; display:block; background:#9ac00c; border-left:#ccc solid 1px; padding:5px 10px; overflow:hidden;}
		#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;}
		#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; margin:0 0 25px 0;}
		.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;}
		
		#layerVideo{width:300px; background:#fff; padding:5px 10px 10px 10px; margin:0 0 20px 0; border:#ccc solid 1px; z-index:999; left:0; top:0;}
			#layerVideo .btnClose{text-align:right; margin:0 0 5px 0;}
		
	#conTypeTestimonials{width:673px;}
		#conTypeTestimonials h2{margin:0 0 5px 0;}
		.infoTypeTestimonials{width:651px; border:#ccc solid 1px; padding:15px 10px 10px 10px; margin:0 0 10px 0; overflow:hidden;}
		.infoDetailsTestimonials{width:200px; float:left; margin:0 25px 0 0;}
		#conTypeTestimonials .last{margin:0;}
		.infoDetailsTestimonials .illus{width:200px; overflow:hidden;}
		.infoDetailsTestimonials .illus img{display:block; float:left; margin:0 10px 0 0;}
		.infoDetailsTestimonials .illus div{float:left; padding:60px 0 0 0; width:99px;}
		.infoDetailsTestimonials .illus div p{font-size:11px; color:#719d1e; margin:0 0 10px 0;}
		.infoDetailsTestimonials p{font-size:11px; margin:0 0 10px 0;}
		.infoDetailsTestimonials .illus div p span{text-decoration:underline;}
		.infoDetailsTestimonials p a{color:#719d1e;}
		#conTypeTestimonials a{color:#719d1e;}

	/*------Temoignage- detail-----*/
	.contType01{width:487px; padding:30px 0 0 0; overflow:hidden;}
		.contType01 ul{width:110px; float:left; margin:0 20px 0 0;}
		.contType01 li{display:inline; float:left; border:#ccc solid 1px; padding:1px; margin:0 0 10px 0;}
		.contType01 li img{display:block;}
		.contType01 div{width:357px; float:left;}
		.contType01 div h3{margin:0 0 10px 0}
		#contentWithNav #content .contType01 div dl{width:357px;}
		#contentWithNav #content .contType01 div dt{ font-weight:bold; width:auto; float:none;} 
		#contentWithNav #content .contType01 div dd{margin:0 0 15px 0;}
		.listConseils{width:487px;}
			#contentWithNav #content .listConseils h3{font-size:16px; text-transform:none; border-bottom:#ccc solid 1px; border-top:#ccc solid 1px; padding:8px 0; margin:0 0 10px 0}
			#contentWithNav #content .listConseils h3 span{text-transform:uppercase;}
			.listConseils ul{}
			.listConseils li{display:block; margin:0 0 5px 0;}
			.listConseils li a{color:#561d1b;}
			
		.listType01{width:478px; padding:0}
			.detailTemoignage{width:478px; overflow:hidden; margin:0 0 15px 0;}
				.detailTemoignage img{display:block; float:left; margin:0 20px 0 0; padding:1px; border:#ccc solid 1px}
				.detailTemoignage div{width:348px; float:left;}
				#contentWithNav #content .detailTemoignage div h3{color:#561d1b; font-size:12px;}
				.detailTemoignage div ul{margin:10px 0 0 0}
				.detailTemoignage div li a{color:#8aae01; font-weight:bold;}

/*------Espace presse-----*/
	.contType02{width:717px; padding:0;}
		.contType02 p strong{color:#79b109;}
		.contType02 table{margin:10px 0 0 0; border:none;}
		.contType02 table td{font-weight:bold; padding:5px 0; text-align:left; vertical-align:top; border-top:#ccc solid 1px; color:#a5c447;} 
		.contType02 table th{font-weight:bold; padding:5px 0 5px 0; text-align:left; vertical-align:top; width:65%; border-top:#ccc solid 1px; text-transform:uppercase;}
		.contType02 table a{color:#a5c447;}
		.contType02 table .last{text-align:right;}
		.contType02 table caption{display:none;}
	
/*------Conditions Générales de Vente-----*/
	.contType03{width:717px; padding:0;}
		.contType03 dl{}
		.contType03 dt{text-transform:uppercase; font-weight:bold; color:#8aae01;}
		.contType03 dd{margin:0 0 15px 0;}
		.infoType03{width:717px;}
			.infoType03 h3{text-transform:uppercase;}
			.infoType03 p{margin:0 0 15px 0;}
		
/*------ESPACE  PERSO-----*/

.formType02{width:487px; padding:15px 0 0 0}
	.formType02 fieldset{width:465px;  padding:10px; margin:0 0 10px 0; display:block; overflow:hidden; border:#ccc solid 1px;}
	#contentWithNav #content .formType02 fieldset h4{font-size:12px; text-transform:none; color:#561d1b; margin:0 0 15px 0}
	.formType02 form p{width:465px; display:block; overflow:hidden; margin:0 0 5px 0;}
	.formType02 label{display:block; margin:0 0 3px 0; font-weight:bold;}
	.formType02 label.lblCivilite{ font-size:11px; font-weight:normal; width:80px; float:left; margin:0 3px 0 0;}
	.formType02 label.lblCheck{ color:#937770; font-size:11px; font-weight:normal; float:left; padding:1px 0 0 0}
	.formType02 label.lblCheck a{color:#937770;}
	.formType02 input{font-size:11px; color:#561d1b; width:200px; padding:1px 0 0 2px; margin:0 0 4px 0; height:15px; border:#ccc solid 1px; display:block;}
	.formType02 select{font-size:11px; color:#561d1b; width:200px; margin:0 0 4px 0; border:#ccc solid 1px;}
	.formType02 input.radioCivilite{width:15px; height:15px; float:left; margin:0 5px 0 0; border:none; padding:0;}
	.formType02 input.checkType{width:15px; height:15px; float:left; padding:0; margin:0 10px 0 0; border:none;}
	.formType02 input.carte{width:37px; float:left; margin-right:10px;}
	.formType02 select.selectDate{width:80px; float:left; margin:0 10px 0 0;}
	.formType02 fieldset p a{color:#561d1b; text-decoration:underline;}
	.formType02 fieldset p a:hover{text-decoration:none;}
	.formType02 fieldset p strong{color:#937770; font-weight:normal;}
	.formType02 p span{width:232px; display:block; float:left; border:none; }
	.formType02 p span input{width:180px; float:left; margin:0 5px 0 0;}
	.formType02 p span select{width:225px;}
	.formType02 p span img{ margin:5px 0 0 0}
	.formType02 .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;}

	
	/********************************  espace-perso-elearning ******************************  */	
	.echelon { margin:0 0 10px 0;}
	.echelon h3 { background:#81a825; border:1px solid #ebebeb; float:left; clear:both; color:#fff; padding:0 5px; line-height:18px; font-size:16px;}
	.echelon p strong { color:#561d1b;}
	.echelon div { clear:both; background:url(../img/bgd_div_echelon.gif) 0 bottom no-repeat; padding:5px 5px 10px 5px; border-top:1px solid #d7dad0; color:#561d1b;}
	
	.vosEte { width:717px; overflow:hidden; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:5px 0; clear:both; font-weight:bold;}
	.vosEte p { float:left}	
	.vosEte p span { color:#81a825; text-transform:uppercase; font-size:13px;}
	.vosEte .percentCaculater { float:right; clear:right; vertical-align:middle}
	.vosEte .percentCaculater img {vertical-align:middle}

	.formation { width:717px; overflow:hidden; clear:both; padding:5px 0;}
	.formation select { float:right; border:1px solid #cccccc; color:#330000; font-size:12px; width:180px;}
	.formation p { float:left; margin:0 30px 0 0; font-weight:bold; color:#000000}
	.formation ul { float:left; width:380px;}	
	.formation li { display:inline; font-weight:bold; margin:0 20px 0 0;}
	.formation li img { margin:0 10px 0 0;}

	.blockInfo { width:717px; overflow:hidden; clear:both; margin:0 0 15px 0; border-bottom:1px solid #cccccc; padding:0 0 15px 0;}
	.blockInfo h3 { margin:0 0 10px 0; color:#561d1b; text-transform:uppercase; font-size:12px;}
	.blockInfo h4 { color:#81a825; font-size:16px; margin:0 0 5px 0;}
	.blockInfo dt { float:left}
	.blockInfo dt img { margin:0 20px 0 0;}
	.blockInfo dd { float:left}
	.blockInfo ul { margin:0 0 5px 0;}
	.blockInfo .linkStyle02 li { background:url(../img/ico_04.gif) 0 8px no-repeat; padding:0 0 0 10px; line-height:20px; color:#561d1b;}
	
	.terminee { color:#be0a0a;}
		.terminee span { background:url(../img/ico_terminee.gif) 0 3px no-repeat; padding:0 0 0 18px;}
		.contType02 .terminee li a {color:#be0a0a;}
		.terminee h3 span {color:#be0a0a;}
		.terminee img { border:1px solid #be0a0a; padding:1px;}
		.terminee .linkStyle01 li { background:url(../img/ico_05.gif) 0 4px no-repeat; padding:0 0 0 10px; font-weight:bold;}
		
	.encours { color:#e08900;}
		.encours span { background:url(../img/ico_encours.gif) 0 3px no-repeat; padding:0 0 0 18px;}
		.contType02 .encours li a {color:#e08900;}
		.encours h3 span {color:#e08900;}
		.encours img { border:1px solid #e08900; padding:1px;}
		.encours .linkStyle01 li { background:url(../img/ico_06.gif) 0 4px no-repeat; padding:0 0 0 10px; font-weight:bold;}
	
	.nonEffec { color:#8e8e8e;}
		.nonEffec span { background:url(../img/ico_non_effectuee.gif) 0 3px no-repeat; padding:0 0 0 18px;}
		.contType02 .nonEffec li a {color:#8e8e8e;}
		.nonEffec h3 span {color:#8e8e8e;}
		.nonEffec img { border:1px solid #8e8e8e; padding:1px;}
		.nonEffec .linkStyle01 li { background:url(../img/ico_07.gif) 0 4px no-repeat; padding:0 0 0 10px; font-weight:bold;}
	
	.blockPage { background:url(../img/bgd_block_page.gif) 0 0 repeat-x; width:717px; clear:both; height:13px; margin:0 0 20px 0; padding:10px 0; color:#fff;}
		.blockPage .suivant { float:right; margin:0 10px 0 0; font-weight:bold}
		.blockPage .percedent { float:left; margin:0 0 0 10px; font-weight:bold}
		.blockPage a{color:#fff;}
		.blockPage ul { width:560px; float:left; text-align:center;}
		.blockPage li { display:inline; background:url(../img/bgd_line_page.gif) right 2px no-repeat; padding:0 5px 0 }
		.blockPage li a {  padding:0; font-weight:bold; margin:0 5px 0 0; text-decoration:underline;} 
		.blockPage li a:hover{text-decoration:none;}
		.blockPage .active { font-weight:bold;}
		.blockPage .last { background:none;}
	
	
	/********************************  espace-perso-elearning detail ******************************  */	
	.echelon01 { margin:0 5px 10px 0; width:527px; float:left;}
	.echelon01 h3 span { background:#81a825; border:1px solid #ebebeb; float:left; color:#fff; padding:0 5px; line-height:24px; font-size:16px;}
	.echelon01 h4 { color:#71a026; text-transform:uppercase; margin:0 0 15px 0; font-size:13px;}
	.echelon01 .infoEchelon { clear:both; background:url(../img/bgd_div_echelon01.gif) 0 bottom no-repeat; padding:0 2px 1px 2px; border-top:1px solid #d7dad0; color:#561d1b;}
		.infoEchelon div{text-transform:uppercase; padding:28px 10px; font-weight:bold;}
		.infoEchelon .typeInfo{background:#eef3e1; color:#71a026;}
	.echelon01 .btnPrint { float:right;}

	.sommaire { margin:0 0 10px 0; width:184px; float:left;}
	.sommaire h3 {background:#fff; border:#ddd solid 1px; border-bottom:none; float:left; color:#561d1b; padding:2px 5px; margin:0 0 -1px 0; line-height:18px; font-size:12px; display:block;}
	.sommaire div { clear:both; padding:5px 5px 10px 5px; border-top:1px solid #d7dad0; border-bottom:1px solid #d7dad0; border-left:1px solid #d7dad0; border-right:1px solid #d7dad0;color:#561d1b;}
	.sommaire li { font-weight:bold; margin:0 0 3px 0;}
	.sommaire li a {color:#6f9f23; background:url(../img/ico_03.gif) 0 6px no-repeat; padding:0 0 0 8px; }
	.sommaire .testDeConnaissance { color:#e08a02;}
	
	.objectInfo { width:100%; overflow:hidden; clear:both; border-bottom:1px solid #cccccc; margin:0 0 10px 0; padding:0 0 10px 0;}
	.contType02 .last{border-bottom:none; padding-bottom:0; margin-bottom:0}
	.objectInfo h4 { color:#79a532; font-size:16px; margin:0 0 10px 0;}
	.objectInfo li { background:url(../img/ico_04.gif) 0 8px no-repeat; padding:0 0 0 10px; margin:0 0 15px 0; }
	.objectInfo p { margin:0 0 15px 0;}
	.objectInfo img { float:right; border:1px solid #90b23f; padding:1px;}
	.objectInfo .video { text-align:center;}
	.objectInfo .video img { margin:0 auto; float:none;}
	.objectInfo .video h4 a { font-size:12px; text-decoration:underline; color:#79a532; }
	.objectInfo .video h4 a:hover { text-decoration:none}
	
	.linkEvalue { background:url(../img/bgd_btn_evaluez.gif) no-repeat; width:712px; height:28px; text-align:center; padding:11px 0 0 0;}
	.linkEvalue a { background:url(../img/ico_02.gif) 0 5px no-repeat; padding:0 0 0 10px}
	
	.objectInfo .listNumber{list-style:decimal; padding:0 0 0 22px; margin:0;}
	.objectInfo .listNumber li { background:none; list-style-type:decimal; padding:0; margin:0 0 15px 0;}
	
	
	.infoTypePhoto{ width:100%; overflow:hidden; clear:both; border-bottom:1px solid #ccc; margin:0 0 10px 0; padding:0 0 10px 0; overflow:hidden; position:relative;}
		.infoTypePhoto .sliderButtonRight{position:absolute; z-index:999; left:365px; top:50px;}
		.infoTypePhoto .sliderButtonLeft{position:absolute; z-index:999; left:129px; top:50px;}
		.listPhoto{width:520px; padding:20px 1px 15px 1px; margin:0 15px 0 0; overflow:hidden; height:145px; border:#81a825 solid 1px; float:left; position:relative}
		.listPhoto ul{width:10000px; position:relative; left:-100px; height:145px;}
		.listPhoto li{display:block; float:left; width:189px; margin:0 76px 0 0}
		.listPhoto li img{display:block; padding:1px; border:#d0d0d0 solid 1px; margin:0 0 5px 0;}
		.listPhoto li p{text-align:center; font-size:10px; color:#999;}
		.materielInfo{float:left; width:175px;}
			.materielInfo p{margin:0 0 10px 0}
			.materielInfo ul{}
			.materielInfo li{display:block; background:url(../img/ico_04.gif) 0 7px no-repeat; padding:0 0 0 7px; margin:0 0 10px 0}
		.infoTypePhoto h4{color:#79a532; font-size:16px; margin:0 0 5px 0;}

/*------Offre découverte-----*/		
.contType04{width:487px; padding:50px 0 0 0;}
	#contentWithNavLev3 #contentWithNav #content .blockInfo h3{color:#561d1b;}
	#content .blockInfo {width:487px; padding:0 0 10px 0}	
	#content .blockInfo dl{width:487px; overflow:hidden;}
	#content .blockInfo dt img{margin:0 }
	#content .blockInfo dd{width:290px;}
	#contentWithNavLev3 #contentWithNav #content .blockInfo dd h4{text-transform:none; color:#81a825; font-size:16px;}
	#content .nonEffec{border-bottom:none}
	#contentWithNavLev3 #contentWithNav #content .terminee li a {color:#be0a0a;}
	#contentWithNavLev3 #contentWithNav #content .encours li a {color:#e08900;}
	#contentWithNavLev3 #contentWithNav #content .nonEffec li a {color:#8e8e8e;}
	#contentWithNavLev3 #contentWithNav #content .terminee span{background:none; padding:0;}
	#contentWithNavLev3 #contentWithNav #content .encours span{background:none; padding:0;}
	#contentWithNavLev3 #contentWithNav #content .nonEffec span{background:none; padding:0;}
	#content .typeText{padding:50px 0 30px 0}
	
/*------Pratiquer-----*/	
.infoPratiquer{width:673px; padding:20px 0 20px 0; border-bottom:#ccc solid 1px; overflow:hidden;}
	.infoPratiquer img{display:block; float:left; border:#ccc solid 1px; margin:0 10px 0 0;}
	.infoPratiquer p{padding:0 20px 10px 0}
	.infoPratiquer .typeText1{text-align:right; padding-bottom:0;}
	#highlightBlocksWithTabs #contentWithOutNav .infoPratiquer h3{font-size:16px; text-transform:none; margin:0 0 15px 0}

.infoEffectuer{width:673px; padding:15px 0 0 0}
	#highlightBlocksWithTabs #contentWithOutNav .infoEffectuer h3{font-size:16px; text-transform:none; margin:0 0 15px 0}
	.infoEffectuer p{margin:0 0 15px 0}
	.infoEffectuer select{width:180px; border:#ccc solid 1px; font-size:11px;}
	.infoEffectuer table{width:469px; border:#a5c447 solid 1px; margin:0 0 10px 0}
	.infoEffectuer table th{ color:#fff; background:#a5c447; padding:3px 10px; text-align:left;}
	.infoEffectuer table td{ text-align:left; font-weight:bold; border-bottom:#a5c447 solid 1px; padding:3px 10px;}
	.infoEffectuer table a{text-decoration:underline; font-weight:normal; color:#553524;}
	.infoEffectuer table a:hover{text-decoration:none;}
	.infoEffectuer table caption{display:none;}
	.infoEffectuer .typeTable th{background:#612c2a;}
	.infoEffectuer .typeTable td{border-bottom:none; padding:2px 10px;}
	.infoEffectuer .typeTable span{font-size:14px; color:#98ba39}
	
	
/*------Offre découverte-----*/	
.infoOffreDecouverte{width:673px; padding:40px 0 0 0; position:relative; margin:0 0 15px 0}
	.infoOffreDecouverte .illus{position:absolute; right:10px; top:5px; z-index:999;}
	#highlightBlocksWithTabs #contentWithOutNav .infoOffreDecouverte h3{font-size:12px; text-transform:uppercase; border-bottom:#ccc solid 1px; padding:0 0 7px 0; margin:0 0 25px 0;}

	.infoVousPropose{width:673px; padding:30px 0 0 0; overflow:hidden;}
		.infoLicon{width:270px; float:left; margin:0 30px 0 0;}
			.infoLicon div{width:270px; overflow:hidden; margin:0 0 35px 0}
			.infoLicon div img{display:block; float:right; padding:1px; border:#ccc solid 1px; margin:0 0 0 10px;}
			.infoLicon div h4{text-align:right; font-size:12px; color:#568400; padding:25px 0 0 0}
			.infoLicon div p{text-align:right; color:#aecb49;}
		
		.detailLicon{width:373px; float:left;}
			.detailLicon p{margin:0 0 15px 0}
		
	.infoFormOffreDecouverte{width:673px; padding:0;}
		#highlightBlocksWithTabs #contentWithOutNav .infoFormOffreDecouverte h3{font-size:12px; text-transform:uppercase; border-bottom:#ccc solid 1px; padding:0 0 7px 0; margin:0 0 25px 0;}
		.infoFormOffreDecouverte fieldset p strong{font-size:10px; color:#937670;}
		.infoFormOffreDecouverte fieldset p{width:673px; overflow:hidden; display:block; margin:0 0 15px 0;}	
		.infoFormOffreDecouverte label{font-weight:bold; display:block; margin:0 0 3px 0}
		.infoFormOffreDecouverte input{ font-size:11px; color:#561d1b; border:#ccc solid 1px; width:290px; padding:2px 0 1px 2px; height:14px;}
		.infoFormOffreDecouverte fieldset span{width:100px; display:block; float:left;}
		.infoFormOffreDecouverte fieldset span input{border:none; width:15px; height:15px; float:left; padding:0; margin:0 5px 0 0;}
		.infoFormOffreDecouverte fieldset span label{float:left;}
		.infoFormOffreDecouverte select{border:#ccc solid 1px; width:290px; font-size:11px; color:#561d1b; margin:0 0 10px 0; display:block;}
			.infoFormOffreDecouverte select option{padding:1px 0}
		.infoFormOffreDecouverte fieldset .newsletter input{width:15px; height:15px; margin:0 5px 0 0; float:left; border:none;}
			.infoFormOffreDecouverte fieldset .newsletter label{float:left; font-size:10px; color:#937670;}
		.infoFormOffreDecouverte .btnValidez{border-top:#ccc solid 1px; padding:10px 0 0 0;}
			.infoFormOffreDecouverte .btnValidez input{font-size:12px; text-transform:uppercase; color:#789d33; font-weight:bold; width:70px; height:17px; border:none; background:none; cursor:pointer;}

/*------Test de connaissance-accueil-----*/		
.contType05{width:487px; padding:0;}
	.contType05 .illus{float:right; padding:0 0 0 6px; width:130px;}
	.contType05 .illus li{display:block; margin:0 0 3px 0;}
	.contType05 .illus li a{color:#990000;}
	.contType05 .illus li img{display:block; border:#ccc solid 1px;}
	.contType05 .introText{padding:0 0 15px 0; border-bottom:#ccc solid 1px; margin:0 0 15px 0; width:345px;}
	.infoConnaissances{width:350px;}
	.listTestez{width:345px; margin:0 0 15px 0}
		.listTestez p{padding:0 0 3px 0}
		.listTestez img{display:block; float:left; margin:0 10px 0 0; border:#91bb0a solid 2px;}
		.listTestez div{width:345px; overflow:hidden; padding:0 0 10px 0}
		.listTestez div p a{color:#8aae01; text-transform:uppercase; font-size:12px; line-height:17px; padding:0; font-weight:bold;}
		.listTestez select{border:#ccc solid 1px; width:200px; font-size:12px; color:#561d1b;}
		.listTestez select option{padding:1px 0;}
		#contentWithNavLev3 #contentWithNav .listTestez div h4{font-size:12px; color:#8aae01; text-transform:none}
		.listQuestions{margin:0 0 15px 0}
		.listQuestions li{display:block; width:345px; overflow:hidden; margin:0 0 3px 0}
		.listQuestions li.first{font-weight:bold; color:#8aae01; padding:15px 0 0 0;}
		.listQuestions li input{width:15px; height:15px; padding:0; margin:0 5px 0 0; border:none; float:left;}
		.listQuestions li label{float:left; display:block; width:325px;}
		.listQuestions .btnValider input{border:none; width:150px; height:25px; background:none; text-transform:uppercase; font-size:12px; color:#8aae01; font-weight:bold; cursor:pointer;}
		.valeurfiltre{color:#8aae01;}
		.textColor1{color:#008000;}
		.textColor2{color:#ff0000;}

#content p.typeLink {padding:10px 0 0 0;}
#content .typeLink a {font-weight:bold; color:#9ac00c;}

.formType02 input.sujet{width:460px; float:left; margin-right:10px;}
.formType02 textarea{border:1px solid #ccc; width:463px;}

/* 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;}
/* perso okialy */
#leftCercled {
	float: left;
}