/*
	1.HEADER
*/

a{
	color:#f1a856;
}
/* 1.HEADER */
#header{
	background:url(../images/gris/layout/header.png) repeat-x top left;
}
a#logo{
	display:block;
	width:250px;
	height:57px;
	background:url(../images/gris/layout/logo.png) no-repeat top left;
	margin:50px 0 0 23px;
}
a#logo span{
	display:none;
}
#header ul{
	width:550px;
	height:73px;
	position:absolute;
	top:59px;
	margin:0 0 0 450px;
	padding:0 0 0 24px;
	list-style-type:none;
	list-style-position:outside;
	background:url(../images/gris/layout/menu-background.png) no-repeat top left;
}
#header ul li{
	height:73px;
	float:left;
	margin:0 24px 0 24px;
	text-align:center;
}
#header ul li span{
	display:none;
}
#header ul li a{
	display:block;
}
#header form{
	background:url(../images/gris/layout/search-background.png) no-repeat top left;
}
#header form input#search{
	color:#eeeeee;
}
#header form input#searchButton{
	background:url(../images/gris/layout/search-button.png) no-repeat top left;
}

#header ul li.accueil {				width:40px;		background:url(../images/formation/layout/menu-accueil-off.png) no-repeat top left; margin:0 24px 0 0; padding:0; }
#header ul li.actusOn {				width:56px;		background:url(../images/gris/layout/menu-actus-on.png) no-repeat top left; }
#header ul li.actusOff {			width:56px;		background:url(../images/gris/layout/menu-actus-off.png) no-repeat top left; }
#header ul li.recrutementOn {		width:73px;		background:url(../images/gris/layout/menu-recrutement-on.png) no-repeat top left; }
#header ul li.recrutementOff {		width:73px;		background:url(../images/gris/layout/menu-recrutement-off.png) no-repeat top left; }
#header ul li.services {			width:62px;		background:url(../images/formation/layout/menu-services.png) no-repeat top left;  }
#header ul li.formation {			width:65px;		background:url(../images/services/layout/menu-formation.png) no-repeat top left; }

#header ul li.accueil a{			width:40px; 	height:20px; 	margin:44px 0 0 0; }
#header ul li.actusOff a{			width:56px; 	height:20px; 	margin:44px 0 0 0; }
#header ul li.recrutementOff a{		width:73px; 	height:20px; 	margin:44px 0 0 0; }
#header ul li.formation a {			width:65px; 	height:60px; 	margin:10px 0 0 0; }
#header ul li.services a{			width:62px; 	height:60px; 	margin:10px 0 0 0; }


/* TEXTCONTAINER */
#textContainer{
	float:left;
	padding:50px 0 70px 92px;
	width:560px;
}
#textContainer h2{
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0 0 3px 0;
}
.recrute h2{
	color:#f1a856;
}
#modeRecrute{
	margin:40px 0 50px 0;
}
#modeRecrute div{
	float:right;
	width:300px;
}
#modeRecrute h3{
	font-size:1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	background:url(../images/gris/layout/recrute-courrier.png) no-repeat top left;
	height:23px;
	line-height:23px;
	padding:0 0 0 45px;
	color:#56b0b4;
	margin:0;
}
#modeRecrute div h3{
	background:url(../images/gris/layout/recrute-mail.png) no-repeat top left;
}
#modeRecrute p{
	margin:15px 0 0 45px;
}
.actus h2{
	padding:20px 0 0 0;
}
.actus h2 a, .actus h2{
	color:inherit;
	color:#56b0b4;
}
.actu{ 	margin:10px 0 30px 30px; }
.actu p{ text-align:right; }
.actu p a{  color:#56b0b4; }
.actu li{ 	margin:5px 0 5px 30px;}

.parrainageForm h3 { color:#d27d2a; padding:0 0 0 20px; }
.parrainageForm h4 { color:#474848; font-size:16px; }
.parrainageForm ol li { margin:20px; font-weight:bold; color:#d27d2a; }
.parrainageForm ol li span { color:#474848; font-weight:normal; }
.parrainageForm label { float:left; width:60px; text-align:right; margin:0 10px 15px 0; }
.parrainageForm input.champ { width:400px; margin:0 0 15px 0; }
.parrainageForm p.checkbox { height:25px; width:190px; float:left; margin:0 0 0 40px; padding:0; }
.parrainageForm p.checkbox input { margin-right:7px; }
.parrainageForm p.checkbox span {  }

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

/* 4. FOOTERCONTENT */
#footer, .footerBackground{
	background:url(../images/gris/layout/footer.png) repeat-x top left;
}
#footer #contact input.small, #footer #contact input.big, #footer #contact textarea{
	border:#818181 1px solid;
}
#footer #contact input.submit{
	background:#7b7b7b;
	border:#818181 1px solid;
}
#footer #adresse img{
	border:#818181 1px solid;
}
#footer a{
	color:#666666;
	font-weight:bold;
}
#footerMenu{ background:url(../images/gris/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 .bandeauRecrute{
	width:127px;
	height:145px;
	background:url(../images/gris/layout/bandeaux/recrutement.jpg) no-repeat top left;
	position:absolute;
	top:174px;
	margin:0 0 0 70px;
}
#bandeau76 .bandeauActus{
	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 .bandeauMentions{
	width:97px;
	height:173px;
	background:url(../images/gris/layout/bandeaux/mentions.jpg) no-repeat top left;
	position:absolute;
	top:159px;
	margin:0 0 0 55px;
}
#bandeau76 .bandeauParrainage{
	width:166px;
	height:142px;
	background:url(../images/gris/layout/bandeaux/parrainage.jpg) no-repeat top left;
	position:absolute;
	top:178px;
	margin:0 0 0 30px;
}
#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;
}