/*
	1.HEADER
	2.TEXTCONTENT
		2.1 Formation
		2.2 Recherche
	3.MARGECONTENT 
		3.1 Devis
		3.2 Recherche
		3.3 Bulletin
	4.FOOTERCONTENT
	5.BANDEAUX
	6.ANNONCES
	
	Couleurs :
	- Vert : #56b0b4
	- Noir : #474848
	- Orange : #d27d2a
*/

a:link, a:hover, a:visited{
	color:#d27d2a;
}

/* 1.HEADER */
#header{
	background:url(../images/formation/layout/header.png) repeat-x top left;
}
a#logo{
	display:block;
	width:268px;
	height:68px;
	background:url(../images/formation/layout/logo.png) no-repeat bottom right;
	padding:47px 0 0 6px;
}
a#logo span{
	display:none;
}
#header ul{
	width:600px;
	height:73px;
	position:absolute;
	top:59px;
	margin:0 0 0 379px;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	background:url(../images/formation/layout/menu-background.png) no-repeat top left;
}
#header ul li{
	height:73px;
	float:left;
	margin:0 34px 0 34px;
	text-align:center;
}
#header ul li span{
	display:none;
}
#header ul li a{
	display:block;	
}

#header ul li.accueilOn {			width:40px;		background:url(../images/formation/layout/menu-accueil-on.png) no-repeat top left; 			margin:0 34px 0 0; }
#header ul li.accueilOff {			width:40px;		background:url(../images/formation/layout/menu-accueil-off.png) no-repeat top left; 		margin:0 34px 0 0; }
#header ul li.formationsOn {		width:64px;		background:url(../images/formation/layout/menu-formation-on.png) no-repeat top left; }
#header ul li.formationsOff {		width:64px;		background:url(../images/formation/layout/menu-formation-off.png) no-repeat top left; }
#header ul li.certificationOn {		width:69px;		background:url(../images/formation/layout/menu-certification-on.png) no-repeat top left; }
#header ul li.certificationOff {	width:69px;		background:url(../images/formation/layout/menu-certification-off.png) no-repeat top left; }
#header ul li.transfertOn {			width:76px;		background:url(../images/formation/layout/menu-transfert-on.png) no-repeat top left; }
#header ul li.transfertOff {		width:76px;		background:url(../images/formation/layout/menu-transfert-off.png) no-repeat top left; }
#header ul li.services {			width:62px;		background:url(../images/formation/layout/menu-services.png) no-repeat top left; 			margin: 0 0 0 34px; }

#header ul li.accueilOff a{			width:40px; 	height:20px; 	margin:44px 0 0 0; }
#header ul li.formationsOff a{		width:64px; 	height:30px; 	margin:38px 0 0 0; }
#header ul li.certificationOff a{	width:69px; 	height:20px; 	margin:44px 0 0 0; }
#header ul li.transfertOff a{		width:76px; 	height:30px; 	margin:38px 0 0 0; }
#header ul li.services a{			width:62px; 	height:60px; 	margin:10px 0 0 0; }

#header form{
	background:url(../images/formation/layout/search-background.png) no-repeat top left;
}
#header form input#search{
	color:#d3e4e5;
}
#header form input#searchButton{
	background:url(../images/formation/layout/search-button.png) no-repeat top left;
}


/*  2.TEXTCONTENT   */
#textContainer h2{
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:40px 0 3px 0;
	color:#56b0b4;
}
	#content-container #bandeau76 h1{
		padding:40px 0 0 210px;
	}

	/*  2.1 Formation   */
	.formation h3{
		font-size:1em;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:0 0 3px 0;
		color:#56b0b4;
	}
	.formation blockquote{
		float:left;
		margin:0;
		width:200px;
	}
	.formation p{ margin:0 0 20px 0; }
	.formation b, .formation strong{ font-family:Georgia, "Times New Roman", Times, serif;	}
	
	/*  2.2 Recherche   */
	#textContainer .recherche p{
		text-align:center;
		margin:0 0 30px 0;
		font-weight:bold;
		font-size:1.2em;
	}
	#textContainer .recherche p.noResult{ color:#c73a1a;}
	#textContainer .recherche table{
		background:#ffffff;
		margin: 0 0 50px 0;
	}
	#textContainer .recherche thead td{
		background:#79B1B1;
		text-align:center;
		color:#ffffff;
		font-weight:bold;
	}
	#textContainer .recherche tr.line1{	background:#FBFBFB;}
	#textContainer .recherche tr.line2{	background:#F1F1F1;}
	#textContainer .recherche td{
		color:#999999;
		font-size:0.833em;
		padding:4px 2px 4px 4px;
	}
	
	/* 2.3 Page Calendrier */
	ol.calendrier{ 
		font-size:0.833em; 
		list-style-type:none;
	}
	ol.calendrier a{ font-size:1.4em; }
	ol.calendrier ul{
		padding:0;
		margin:0;
	}
	ol.calendrier ul li{
		padding:0 30px 0 0;
	}
	ol.calendrier li span{
		display:block;
		width:43px;
		float:left;
		text-align:right;
		color:#56b0b4;
	}
	
	/* 2.4 Accueil */
	#accueil-container{
		float:left;
		padding:15px 0 30px 72px;
		width:600px;
	}
	#accueil h2{
		color:#56b0b4;
	}
	#accueil #top .formationDuMois h3{
		font-weight:normal;
		font-size:1.1em;
		margin:10px 0 0 0;
	}
	#accueil #top .formationDuMois p{
		font-size:0.833em;
		margin:0 0 10px 0;
	}
	#accueil #top .formationDuMois p span{
		color:#B2B2B2;
	}
	
	/* 2.5 Prochainement & nouvelles formations */
	#prochainement{
		width:350px;
		background:url(../images/formation/layout/points-vertical.png) repeat-y top right;
		margin:25px 0 0 0;
	}
	#nouvelles{
		float:right;
		width:220px;
	}
	#prochainement h3,#nouvelles h3{
		font-size:1.1em;
		font-weight:normal;
		padding:0 20px 5px 0;
		margin:0;
	}
	#nouvelles h3{
		margin:25px 0 0 0;
		
	}
	#prochainement ul{
		width:350px;
		font-size:0.833em;
		margin:0;
		padding:0 0 33px 0;
		background:url(../images/commun/layout/hr-accueil.png) no-repeat bottom center;
		list-style-type:none;
	}
	#nouvelles ul{
		font-size:0.833em;
		margin:0;
		padding:0 0 13px 0;
		list-style-type:none;
	}
	#prochainement ul li,#nouvelles ul li{
		line-height:14px;
		color:#A5A5A5;
	}
	
	ul#modalites{
		list-style-type:none;
		height:240px;
		padding:0;
		margin:30px 0 30px 0;
	}
	ul#modalites li.mod{
		float:left;
		margin:0 20px 0 10px;
		padding:10px;
		border:#eeeeee 1px solid;
		background:#fafafa;
		width:235px;
	}
	ul#modalites h3{
		width:233px;
		height:100px;
		margin:0;
		border:#eeeeee 1px solid;
	}
	ul#modalites h3#prometric{
		background:#f5f5f5 url(../images/commun/layout/marge-prometric.png) no-repeat center;
	}
	ul#modalites h3#pearson{
		background:#f5f5f5 url(../images/commun/layout/marge-pearson-vue.png) no-repeat center;
	}
	ul#modalites h3#prometric span, ul#modalites h3#pearson span{
		display:none;
	}
	
	
	.certification p.certif{
		margin:25px 0 0 0;
	}
	.certification p.certif img{
		float:left;
		margin:3px 20px 0 0;
	}
	.certification p.certif img.decalle{
		margin:5px 20px 20px 0;
	}
	.certification p.certif img.decalle2{
		margin:20px 20px 25px 0;
	}
	
	
	#pratiques{
		border:#d27d2a 1px solid;
		padding:20px;
		margin:50px 30px 30px 30px;
		background:#f8e7d3;
	}

/*  3.MARGECONTENT   */
#marge h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#56b0b4;
	margin:0 0 20px 0;
	text-align:center;
	font-weight:bold;
}

	/*  3.1 Devis   */
	a#devis{
		display:block;
		width:148px;
		height:107px;
		background:url(../images/formation/layout/obtenir-un-devis.jpg) no-repeat bottom right;
		padding:65px 0 0 48px;
	}
	a#devis span{ display:none; }
	
	/*  3.2 Recherche   */
	#marge #recherche{ margin:50px 40px 80px 40px; }
	#marge #recherche h3{
		text-align:left;
		font-weight:bold;
	}
	#marge #recherche label{
		display : block;
		float : left;
		width:70px;
		text-align:right;
		font-size:0.833em;
		font-weight:bold;
		margin : 3px 5px 0 0;
	}
	#marge #recherche input.recherche, #marge #recherche select{
		font-size:0.833em;
		padding:1px 1px 1px 10px;
		margin:3px 0 5px 0;
	}
	#marge #recherche input.recherche{
		height:12px;
		width:115px;
	}
	#marge #recherche select{
		height:18px;
		width:130px;
	}
	#marge #recherche input.submit{
		background:#dc9249;
		border:#d27d2a 1px solid;
		color:#ffffff;
		font-size:0.833em;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin:10px 50px 0 50px;
		width:130px;
	}
	
	/*  3.3 Bulletin   */
	#marge h3#bulletin a{
		display:block;
		width:125px;
		background:url(../images/formation/layout/marge-bulletin.png) no-repeat top left;
		padding:100px 0 0 0;
		font-weight:bold;
		text-decoration:none;	
	}
	#marge h3#bulletin{	
		width:125px;
		margin:70px 0 50px 93px;
		padding:0;
	}
	
	/* 3.4 Calendrier Form */
	#marge #calendrier{ margin:50px 40px 0 40px; }
	#marge #calendrier select{
		font-size:0.833em;
		padding:1px;
		margin:3px;
	}
	#marge #calendrier input.submit{
		background:#dc9249;
		border:#d27d2a 1px solid;
		color:#ffffff;
		font-size:0.833em;
		font-family:Georgia, "Times New Roman", Times, serif;
		padding:1px 0 0 0;
		margin:3px;
		width:100px;
	}
	/*3.5 Newsletter */
	#marge #newsletter .submit{
		color:#d27d2a;
	}
	#marge #inscriptionRatee{
		color:#bf5656;
	}
	#marge #inscriptionReussie{
		padding:0 0 30px 0;
	}
	
	#postitTransfert, #positCertification {
		width:194px;
		height:151px;
		padding:50px 0 0 20px;
	}
	#postitTransfert {	background:url(../images/formation/layout/postitTransfert.png) no-repeat bottom right;}
	
	/* 3.6 Actus */
	ul#actus{
		list-style-type:none;
		padding:0 10px 0 0;
		margin:20px 0 0 0;
	}
	ul#actus h4{
		font-weight:normal;
		font-size:1.2em;
		margin:0;
		padding:0;
	}
	ul#actus li{
		font-size:0.833em;
		margin:0 0 40px 0;
		padding:0;
	}
	ul#actus a{
		color:#da9858;
	}

/* 4. FOOTERCONTENT */
#footer, .footerBackground{
	background:url(../images/formation/layout/footer.png) repeat-x top left;
}
#footer #contact input.small, #footer #contact input.big, #footer #contact textarea{
	border:#519294 1px solid;
}
#footer #contact input.submit{
	background:#217173;
	border:#1f696b 1px solid;
}
#footer #adresse img{
	border:#468385 1px solid;
}
#footer a{
	color:#217173;
	font-weight:bold;
}
#footerMenu{ background:url(../images/formation/layout/footer-light.jpg) no-repeat top left; }


/*	5.BANDEAUX */
#bandeau76 h2{
	margin:0 0 0 210px;
	color:#999999;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:0.833em;
	font-weight:normal;
}
#content-container #bandeau76 h1{
	padding:25px 0 3px 210px;
	z-index:2;
}
#bandeau76 .recherche{
	width:112px;
	height:127px;
	background:url(../images/formation/layout/bandeaux/recherche.jpg) no-repeat top left;
	position:absolute;
	top:182px;
	margin:0 0 0 70px;
}
#bandeau76 .bandeauTransfert{
	width:115px;
	height:141px;
	background:url(../images/services/layout/bandeaux/regie.jpg) no-repeat top left;
	position:absolute;
	top:183px;
	margin:0 0 0 82px;
}
#bandeau76 .bandeauCertification{
	width:151px;
	height:171px;
	background:url(../images/formation/layout/bandeaux/certification.jpg) no-repeat top left;
	position:absolute;
	top:149px;
	margin:0 0 0 27px;
}
#bandeau76 .bandeauCalendrier{
	width:191px;
	height:187px;
	background:url(../images/gris/layout/bandeaux/actus.jpg) no-repeat top left;
	position:absolute;
	top:216px;
	margin:0 0 0 13px;
}
#bandeau76 .bandeauPratique{
	width:191px;
	height:187px;
	background:url(../images/gris/layout/bandeaux/actus.jpg) no-repeat top left;
	position:absolute;
	top:216px;
	margin:0 0 0 13px;
}
#bandeau106 .bandeauFormation{
	width:179px;
	height:162px;
	background:url(../images/formation/layout/bandeaux/formation.jpg) no-repeat top left;
	position:absolute;
	top:181px;
	margin:0 0 0 6px;
}

/* 6.ANNONCES */
#annonces { color:#828282; }
#annonces span{ display:none; }
#annonces p strong{ font-size:1.1em; }
#annonces a.info{
	display:block;
	width:68px;
	height:13px;
	background:url(../images/annonces/plus-d-info-vert.png) no-repeat bottom right;
	position:absolute;
}

	/*6.1 100% pratique */
	#annonces #annonce1{ position:absolute; width:681px; height:341px; }
	#annonces #annonce1 .photo{ 
		height:249px;
		padding:102px 0 0 262px;
		background:url(../images/annonces/photo-pratiques.jpg) no-repeat top left;
	}
	#annonces #annonce1 h2{
		width:336px;
		height:76px;
		background:url(../images/annonces/titre-pratiques.png) no-repeat bottom right;
	}
	#annonces #annonce1 p{ width:240px; }
	#annonces #annonce1 a.info{
		top:258px;
		margin:0 0 0 296px;
	}
	/*6.2 Transfert */
	#annonces #annonce2{ position:absolute; width:681px; height:341px; }
	#annonces #annonce2 .photo{ 
		height:241px;
		padding:105px 0 0 282px;
		background:url(../images/annonces/photo-transfert.jpg) no-repeat top left;
	}
	#annonces #annonce2 h2{
		width:293px;
		height:75px;
		background:url(../images/annonces/titre-transfert.png) no-repeat bottom right;
	}
	#annonces #annonce2 a.info{
		top:258px;
		margin:0 0 0 276px;
	}
	/*6.3 Parrainage */
	#annonces #annonce3{ position:absolute; width:681px; height:341px; }
	#annonces #annonce3 .photo{ 
		height:241px;
		padding:105px 0 0 240px;
		background:url(../images/annonces/photo-parrainage.jpg) no-repeat top left;
	}
	#annonces #annonce3 h2{
		width:314px;
		height:29px;
		background:url(../images/annonces/titre-parrainage.png) no-repeat bottom right;
	}
	#annonces #annonce3 p{ padding:0;width:395px; }
	#annonces #annonce3 a.info{
		top:258px;
		margin:0 0 0 325px;
	}