/*---------------------------------------------------------------------- 

Couleurs du site:

//Vert du logo : 					#/0B9783
//Jaune du logo : 					#/F8C809
Vert foncé du logo: 				#139482
Vert clair du logo : 				#b1d72a
Gris du logo : 						#585858
Nuance de gris police Home page : 	#C7C8BD

---------------------------------------------------------------------- */

/* ------------------------ AUTREMENT -----------------------------*/

#main_home{
width: 713px;
height: 353px;
position: absolute;
top: 78px;
left:17px;}

#main_recrutement, #main_contact{
width: 713px;
height: 353px;
position: absolute;
top: 90px;
left:17px;}
#plan{
width: 713px;
height: 353px;
position: absolute;
top: 90px;
left:17px;}
div#left_autrement{
width: 353px;
height: 353px;
position: absolute;
top: 0px;
left: 1Opx;
color: #FFF;text-align: right;}
div#left_autrement ul{
padding: 5px 5px 0 20px;
height: 42px;
position: relative;
top: -42px;
color: #FFF; float: left;
background: #fff url(../images/arrow-vignette.gif) no-repeat center left;}
div#left_autrement ul li{
display: inline;list-style: none;}
div#left_autrement ul li a img{
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;}
div#left_autrement ul li a:hover img{
filter: inherit;
-moz-opacity: inherit;
-khtml-opacity: inherit;
opacity: inherit;}
div#right_autrement p#intro{
font-size: 9pt;
width: 270px;
background: transparent url(../images/trait-plus.gif) no-repeat bottom right;
padding: 37px 0 0 20px;
font-weight: bold;}
div#right_autrement blockquote{line-height: 28px;
font-size: 9pt;
padding: 15px 20px 0 20px;
color: #DEDFDE;}
div#right_autrement img{
width:42px; height: 32px; position: absolute; top: 17px; right: 13px;}
div#right_autrement p#auteur{
font-size: 10pt;
text-align: right; 
font-weight: bold;
padding: 8px 20px 0 0;}
div#right_autrement p#solution{
font-size: 15pt;
text-align: right;
float:right; 
color:#C7C8BD;
background: #A4A096 url(.././images/solution.gif) no-repeat 6px center;
padding: 0 15px 0 0;
margin: 30px 0 0 0;
height: 27px;
width: 273px;
position: absolute;
bottom: 20px;
right: 0;}
div#right_autrement p#solution a{
text-decoration: none; color:#C7C8BD;}
div#right_autrement p#solution a:hover{
text-decoration: none; color:#b1d72a;}

div#right_autrement p#solution_bis{
font-size: 15pt;
text-align: right; color:#C7C8BD;
padding: 15px 15px 0 0;
background: #A4A096 url(.././images/solution.gif) no-repeat 6px center;
padding: 0 15px 0 0;
margin: 30px 0 0 0;
height: 27px;
width: 273px;
position: absolute;
bottom: 20px;
right: 0;}
div#right_autrement p#solution_bis a{
text-decoration: none; color:#C7C8BD;}
div#right_autrement p#solution_bis a:hover{
text-decoration: none; color:#b1d72a;}


div#right_autrement{
width: 353px;
height: 352px;
position: absolute;
top: 0px;
right: 0px;
color: #DEDFDE;}
div.bg_defaut2{ /*Gris marron*/
background-color: #878379;}
div.bg_defaut{ /*Gris*/
background-color: #7F8681;}
div#right_autrement h2{
font-size: 16pt;
font-weight: normal;
text-align: center; letter-spacing: 2px;
margin-top: 30px;
padding: 5px;}
/* ------------------------ SOLUTION -----------------------------*/
div#right_solution{
width: 353px;
height: 352px;
position: absolute;
top: 0px;
right: 0px;
color: #DEDFDE;
background-color: #139482;}
div#right_solution p#intro{
font-size: 9pt;
width: 320px;
background: transparent url(../images/trait-eng.gif) no-repeat bottom right;
padding: 37px 0 0 20px;
font-weight: bold; color: #fff;}
div#right_solution p{
font-size: 11px;
text-align: right; color:#15594F;
padding: 0px 5px 0 5px; text-align: left;}
div#right_solution h2{
font-size: 15pt;
font-weight: normal;
text-align: left; letter-spacing: 0;
padding: 0px 5px 0 5px;
text-transform: uppercase;
color: #15594F;}
div#right_solution div.block_solution{float: left;
width: 290px; height: auto; margin-top: 20px;}

div#right_solution div.block_solution_bis{float: left;
width: 290px; height: auto; margin-top: 15px;}

div#right_solution img{float: left;
display: inline; margin: 25px 10px 0px 10px;}
div#right_solution div.white p,div#right_solution div.white h2{
color: #fff}
/* ------------------------ CONTACT -----------------------------*/
div#right_contact{
width: 353px;
height: 352px;
position: absolute;
top: 0px;
right: 0px;
color: #585858;
padding: 27px 0 0 0}
div#right_recrutment{
width: 335px;
height: 338px;
position: absolute;
top: 0px;
right: 0px;
background: transparent url(../images/recrutement.jpg) no-repeat top left;
color: #C7C8BD; text-align: right;
padding-top: 55px;}

div#left_contact, div#left_recrutement{
width: 353px;
height: 353px;
position: absolute;
top: 0px;
left: 1Opx;
color: #585858;
text-align: left;}
div#left_contact h2, div#left_recrutement h2, div#plan h2, div#mentions h2{
font-size: 17px;
color: #C7C8BD; margin: 14px 0 7px 0; padding: 0px 0 0 16px;
background: transparent url(../images/fleche-h2.gif) no-repeat center left;}
div#left_contact p.intro_contact{
font-size: 11px;
color: #585858;
margin: 0 0 58px 0; line-height: 17px;}
br.spacer{
clear: both;
line-height: 0; font-size: 0; height: 0;}
div.floatleftcolumn {width: 343px; height: 95px;
border-bottom: 1px solid #ccc; margin: 0 0 10px;}
div.floatleftcolumn.noborder{
border-bottom: 1px solid #fff;}
.floatleftcolumn img{margin: 0px 10px 0 0;float: left; padding: 0;}
.floatleftcolumn p{padding-top: 5px; line-height: 14px;
font-size: 11px; color: #585858; text-align: left;}
.floatleftcolumn a:link{
color: #139482; font-weight:bold;}
.floatleftcolumn a img{margin: 0px 5px 0 0px;padding: 2px 0 0 0;}
/* ------------------------ PLAN DU SITE -----------------------------*/
div#plan h3{
font-size: 12px;
color: #585858;
font-weight: bold;
background: #EBECE8 url(../images/fleche-postuler.gif) no-repeat 5px 7px;
padding: 4px 0 4px 15px;
width: 170px;}
div#plan h3 a{
color: #585858;
text-decoration: none;}
div#plan h3 a:hover{
color: #9F9F9F;
text-decoration: underline;}
div#plan div.col_center_plan h3{width: 285px;}
div#plan div.col_left_plan h3.plan_louer{margin-top:3px;}
div.col_right_plan h3{margin-bottom: 69px;}
div#plan ul li{
font-size: 11px;
color: #9F9F9F;
padding: 4px 0 4px 0px;
list-style: disc url(../images/tiret-plan.gif) inside;}
div#plan ul li a{
color: #9F9F9F;
text-decoration: none;}
div#plan ul li a:hover{
color: #585858;
text-decoration: underline;}
div#plan ul ul{
padding: 4px 0 4px 0px;
list-style: none;
list-style-type: none;
width: 300px}
div#plan ul ul li{
padding: 4px 0 4px 30px;
list-style: disc url(../images/vide-plan.gif) inside;}
div.col_left_plan{
width: 197px;
position: absolute; top: 45px; left: 0;
border-right: 1px solid #C7C8BD;
height: 297px;}
div.col_center_plan{
width: 312px;
position: absolute;top: 45px; left: 206px;
border-right: 1px solid #C7C8BD;
height: 297px;}
div.col_right_plan{
width: 195px;
position: absolute;top: 45px; left: 528px;
height: 297px;}

/* ------------------------ MENTIONS LEGALES -----------------------------*/
#mentions{
width: 713px;
height: 353px;
position: absolute;
top: 90px;
left:17px;}

#mentions p{
color: #9F9F9F;
font-size: 11px;
margin: 10px 0 5px 0;
}
#mentions p.mention_intro {
color: #139482;
font-size: 11px;
font-weight: bold;}
div#overflow_mentions{
width: 713px;
height: 305px;
position: absolute;
top: 30px;
left:0px;
overflow:auto;
}
#mentions dl
{
margin: 7px 0 0 10px;
padding: 0;
font-size: 11px;
float: left;
width: 200px;
}

#mentions dt
{
color: #139482;
margin: 0;
padding: 0;
font-weight: bold;
}

#mentions dd
{
margin: 0 0 1em 10px;
padding: 0;
}
#mentions h3
{
margin: 10px 0 0 0;	
color: #139482;
font-size: 13px;
border-bottom: 1px solid #ccc;
}

div#overflow_mentions a{
color: #139482;
text-decoration:none;
}
div#overflow_mentions a:hover{
color: #139482;
text-decoration:underline;
}
/* ------------------------ RECRUTEMENT -----------------------------*/

div#left_recrutement p{
font-size: 11px;
color: #9F9F9F;
margin: 9px 0 9px 0;
}

div#left_recrutement h3{
color: #fff;
text-transform: uppercase; font-size:14px; background-color:  #b1d72a;
width: 170px;
text-align: center;
display: block;
padding: 1px 4px 1px 4px;
margin: 0 0 10px 0;
}


div#left_recrutement p.postuler{
font-size: 11px;
color: #9F9F9F; width: 100%;
padding: 5px;
font-weight: bold;
background: #EBECE8 url(../images/fleche-postuler.gif) no-repeat 5px 7px;
text-indent: 20px;
line-height: 15px;
position: absolute; bottom: 5px;
}