*{
margin:0;
padding:0;
}
img{
border:0;
}

body{
background:url(bandeau_sup.png) repeat-x;
text-align:center;
font-family:tahoma;
font-size:13px;
color:#333;
background-color:#fff;
padding-top:36px;
}


#total{
width:980px;
text-align:left;
margin:0 auto;
}

/* HEADER */
#header{
height:70px;
padding-top:30px;
}
#header #logo{
display:block;
background:url(logo.gif) no-repeat;
width:157px;
height:0;
padding-top:133px;
overflow:hidden;
position:absolute;
z-index:5;
}
#header ul{
list-style-type:none;
margin-left:290px;
margin-top:20px;
}
#header li{
float:left;
}
#header li a{
display:block;
text-transform:uppercase;
color:#757575;
text-decoration:none;
border-left:1px solid #ccc;
padding:6px 12px 6px 12px;
}
#header li a.prims{border:0;}
#header li a:hover{color:#000;}
#header li.lead a{color:#000;}

/* ACCUEIL */
#photo{
height:340px;
}
#photo #cache{
height:170px;
width:980px;
background:url(cache.png) no-repeat;
position:absolute;
z-index:4;
}
#photo #cont_image{
position:absolute;
z-index:2;
}
#photo #cont_image img{
position:absolute;
}
#photo #chiffres{
position:absolute;
width:435px;
height:340px;
background:url(chiffres.png) no-repeat;
margin-left:545px;
z-index:3;
}
#photo #chiffres .titre{
color:#fff;
margin-top:30px;
font-weight:900;
font-size:16px;
text-transform:uppercase;
background:url(puce1.gif) no-repeat 15px 11px;
background-color:#f19300;
padding:7px 0 7px 30px;
}
#photo #chiffres ul{
list-style-type:none;
margin:20px 0 0 40px;
}
#photo #chiffres li{
color:#fff;
background:url(check.png) no-repeat 0 2px;
font-size:14px;
padding:0 0 0 35px;
margin-bottom:20px;
}
#photo #chiffres li strong{
font-size:22px;
display:block;
}
#photo #chiffres .decouvrez{
display:block;
color:#fff;
background:url(decouvrez.png);
height:26px;
margin-top:50px;
font-size:14px;
text-align:right;
padding:9px 15px 0 0;
text-decoration:none;
}
#photo #chiffres .decouvrez:hover{
background:#000;
}

#annonce{
width:280px;
font-size:20px;
font-weight:900;
color:#f19300;
line-height:160%;
float:left;
margin:30px 70px 0 0;
}
#annonce span{
color:#666;
font-size:11px;
font-style:italic;
font-weight:100;
}
#news{
width:630px;
float:left;
margin-bottom:50px;
}
#news h2{
font-size:14px;
color:#ccc;
margin:15px 0 15px 0;
}
#news .news_element{
width:284px;
float:left;
margin-right:62px;
}
#news .news_element.nomarge{margin-right:0;}
#news .news_element .image{
height:74px;
overflow:hidden;
margin-bottom:10px;
}
#news .news_element:hover .image img{margin-top:-74px;}
#news .news_element .cont_news{line-height:140%;}
#news .news_element .lien_news{text-align:right;margin-top:10px;}
#news .news_element .lien_news a{color:#333;}


/* PAGES */
.page{
background:url(fond_page.png) no-repeat;
padding:50px 0 0 300px;
margin-bottom:50px;
}
.page h1{
font-size:20px;
font-weight:100;
}
.page h2{
font-size:16px;
font-weight:100;
margin-top:20px;
}
.page h2.clic{
cursor:pointer;
}
.page h2.clic:hover{
text-decoration:underline;
}
.page ul{
list-style-type:none;
}
.page ul li{
background:url(puce2.png) no-repeat 0 4px;
padding-left:12px;
margin-left:20px;
}
.page ul li a{font-weight:100;}
.page p{
line-height:140%;
margin-top:8px;
}
.page p.liste{
background:url(puce2.png) no-repeat 0 4px;
padding-left:12px;
margin-left:20px;
}
.page p.liste strong{
color:#f19300;
}
.page_photo{
}
.page p.img_news{
height:74px;
overflow:hidden;
}
.page p.img_news img{margin-top:-74px;}
.page p.img_services{
float:left;
width:200px;
text-align:center;
cursor:pointer;
}
.page p.img_services:hover img{
padding:0 4px 4px 0;
}
.page p.img_services img{
width:100px;
height:100px;
background:url(services/fond.gif) no-repeat;
padding:4px 0 0 4px;
}
.page .img_service_detail{
border:1px solid #ccc;
padding:4px;
background:#fff;
margin-top:15px;
}
.page a{
color:#333;
font-weight:900;
text-decoration:none;
}
.page a:hover{
color:#f19300;
}
.page #autres_services{
height:100px;
}
.page #autres_services #desc_autres_services{
position:absolute;
width:181px;
height:42px;
background:url(desc_autres_services.png) no-repeat;
margin:-30px 0 0 -65px;
padding:7px 6px 0 0;
display:none;
text-align:center;
font-weight:900;
color:#fff;
}
.page #autres_services img{
float:left;
width:50px;
height:50px;
margin:5px 10px 0 0;
padding:2px 0 0 2px;
background:url(services/fond_petit.gif) no-repeat;
}
.page #autres_services img:hover{
padding:0 2px 2px 0;
}

.page .box_recrut{
border-left:5px solid #e3e3e3;
padding-left:15px;
display:none;
width:650px;
}
.page .souligne{
text-decoration:underline;
}

/* CONTACT */
.table_inscription{
border-collapse:collapse;
margin-top:10px;
}
.table_inscription td{
padding:6px;
}
.table_inscription input{
width:290px;
height:25px;
background:url(input.gif) no-repeat;
font-size:13px;
border:0;
padding:5px;
}
.table_inscription textarea{
width:490px;
height:125px;
background:url(textarea.gif) no-repeat;
font-size:13px;
font-family:tahoma;
border:0;
padding:5px;
}
.table_inscription .envoyer{
width:166px;
height:35px;
background:url(envoyer.gif) no-repeat;
border:0;
}


/* FOOTER */
#footer{
background:url(footer.png) repeat-x;
text-align:center;
padding-bottom:50px;
}
#cont_footer{
text-align:left;
background:url(logo_footer.png) no-repeat 0 20px;
width:780px;
margin:0 auto;
padding:0 0 0 200px;
}
#cont_footer .footer_element{
float:left;
margin-right:50px;
}
#cont_footer .titre{
color:#fff;
font-size:14px;
font-weight:900;
padding:20px 0 12px 0;
}
#cont_footer ul{list-style-type:none;float:left;margin-right:30px}
#cont_footer li{margin-bottom:5px;background:url(puce_footer.png) no-repeat 0 3px;padding-left:11px;}
#cont_footer li a{color:#ffe19b;text-decoration:none;}
#cont_footer li a:hover{color:#fff;text-decoration:underline;}

#footer_legal{
height:46px;
background:url(footer_legal.png) repeat-x;
text-align:center;
}
#footer_legal p{
width:980px;
font-size:11px;
text-align:left;
margin:0 auto;
color:#ccc;
padding-top:15px;
}
#footer_legal p span#m{padding-left:102px;background:url(m.png) no-repeat 0 1px;}
