*{
margin:0;
padding:0;
}
img{
border:0;
}

body{
text-align:center;
font-family:tahoma;
font-size:13px;
color:#777;
background:url(bg.gif) repeat-x;
background-color:#fff;
}

#total{
width:900px;
padding:0 6px 0 6px;
background:url(total.png) repeat-y;
margin:0 auto;
text-align:left;
}

#header{
height:135px;
background:url(header.png) no-repeat;
overflow:hidden;
text-align:left;
}
#header #retour_accueil{
display:block;
position:absolute;
top:0;
margin-left:0;
width:300px;
height:135px;
}

#header #contact {
float:right;
color:white;
margin-top:10px; 
margin-right:10px;
font-weight:bold;
}

#header ul{
list-style-type:none;
padding-left:400px;
margin-top:100px;
}
#header li{
float:left;
height:35px;
margin-right:50px;
}
#header li a{
display:block;
height:0;
padding-top:35px;
overflow:hidden;
background:url(menu_accueil.png) no-repeat 0 6px;
}
#header li a:hover{
background-position:0 3px;
}
#header #menu_accueil a{width:66px;}
#header #menu_expertises a{background-image:url(menu_expertises.png);width:84px;}
#header #menu_references a{background-image:url(menu_references.png);width:93px;}
#header #menu_equipe a{background-image:url(menu_equipe.png);width:54px;}
#total #header li.lead a{
background-position:0 -40px;
border-bottom:6px solid #fff;
padding-top:29px;
}



#contenu_accueil h1{
width:330px;
margin:50px 0 50px 40px;
font-size:25px;
text-transform:uppercase;
line-height:200%;
float:left;
font-weight:100;
}
#contenu_accueil h1 a{
color:#777777;
text-decoration:none;
}
#contenu_accueil h2{
width:80px;
text-align:right;
font-size:16px;
font-weight:100;
color:#c28325;
float:left;
margin-top:60px;
margin-left:60px;
}
#contenu_page h1{
font-size:38px;
color:#98c325;
font-weight:100;
text-transform:uppercase;
margin:25px 0 0px 25px;
}
#contenu_page h1 span{
color:#999;
font-size:12px;
}
#contenu_page  h1 a{
color:#999;
text-decoration:none;
}
#contenu_page  h1 a:hover{
color:#333;
text-decoration:underline;
}
.img_grande{
border:1px solid #e3e3e3;
padding:4px;
background:#fff;
margin:20px 25px 0 25px;
float:left;
width:200px;
}
#membre_detail{
float:left;
margin-top:20px;
width:620px;
}
#membre_detail p{
margin-bottom:15px;
}
#membre_detail .date{
color:#999;
font-size:11px;
border:1px solid #e3e3e3;
height:30px;
width:230px;
padding:3px;
line-height:130%;
}
#membre_detail .date img{
float:left;
margin-right:5px;
width:30px;
}
#membre_detail .date a{
font-size:10px;
text-transform:uppercase;
color:#999;
}
#membre_detail .date a:hover{
color:#666;
}
#membre_detail a{
color:#777;
}
#membre_detail a:hover{
color:#000;
}
#cont_news{
width:350px;
margin:60px 0 0 10px;
padding-left:10px;
border-left:1px solid #ccc;
float:left;
height:215px;
overflow:hidden;
}
#cont_news div{
height:65px;
margin-bottom:10px;
overflow:hidden;
cursor:pointer;
background:url(fond_news.png) repeat-x;
border-right:1px solid #fff;
}
#cont_news div:hover{
background-position:0 -65px;
border-color:#e3e3e3;
}
#cont_news img{
padding:4px;
border:1px solid #e3e3e3;
float:left;
margin-right:5px;
}
#cont_news h3{
font-size:16px;
font-weight:100;
margin:5px 0 6px 0;
}
#cont_news h3 a{
color:#777;
text-decoration:none;
}
#cont_news p a{
color:#777;
}
#cont_news p a:hover{
color:#000;
}

.bloc_news{
margin:0 30px 0 30px;
border-bottom:1px solid #e3e3e3;
padding:15px 0 15px 0;
}
.bloc_news img{
float:left;
padding:2px;
border:1px solid #e3e3e3;
margin-right:10px;
}
.bloc_news .date{
font-size:11px;
color:#999;
margin-bottom:5px;
}
.bloc_news .date a{
color:#999;
text-transform:uppercase;
font-size:10px;
}
.bloc_news .date a:hover{
color:#666;
}
.bloc_news .texte{
height:32px;
overflow:hidden;
}
.bloc_news h2{
}
.bloc_news h2 a{
color:#c28325;
text-decoration:none;
font-size:18px;
font-weight:100;
}
.bloc_news h2 a:hover{
text-decoration:underline;
color:#c28325;
}
.bloc_news .lasuite{
text-align:right;
margin-top:5px;
}
.bloc_news .lasuite a{
font-style:italic;
color:#666;
}
.bloc_news .lasuite a:hover{
text-decoration:none;
}
.bloc_news a{
color:#777;
}
.bloc_news a:hover{
color:#000;
}

.intro{
margin:10px 25px 10px 25px;
padding:8px;
background:#eaf5cc;
border-bottom:1px solid #a3ca3b;
color:#333;
}
.intro ul{
list-style-type:square;
margin-left:50px;
}
#total .intro li{
margin:3px 0 3px 0;
}

.titre_equipe{
width:126px;
float:left;
font-size:16px;
color:#c28325;
padding:60px 0 0 20px;
}
.div_equipe{
width:730px;
float:left;
}
.bloc_membre{
width:126px;
height:98px;
float:left;
text-align:center;
margin:14px 0 0 14px;
padding:7px 4px 9px 2px;
background:url(fond_equipe.png) no-repeat 0 -114px;
cursor:pointer;
}
.bloc_membre:hover{
background-position:0 0;
}
.bloc_membre a{
text-decoration:none;
color:#999;
font-size:12px;
}
.bloc_membre strong{
text-transform:uppercase;
font-weight:100;
color:#98c325;
font-size:14px;
}
.bloc_membre img{
border:1px solid #e3e3e3;
padding:2px;
background:#fff;
}

.bloc_membre_equipe{
width:300px;
float:left;
height:114px;
}
.bloc_membre_competence{
background:url(f.gif) no-repeat;
padding:3px 0 10px 30px;
float:left;
margin:45px 0 0 5px;
width:118px;
}
.lien{
color:#666;
text-decoration:none;
background:url(fa.gif) no-repeat right 3px;
padding-right:20px;
}
.lien:hover{
text-decoration:underline;
background-position:right -17px;
}


#footer{
width:900px;
padding:60px 6px 0 6px;
margin:0 auto;
background:url(footer.png) no-repeat;
text-align:left;
}
#footer ul{
list-style-type:none;
width:205px;
padding:0 10px 0 10px;
float:left;
}
#footer a{
display:block;
color:#999;
border-bottom:1px solid #e3e3e3;
text-decoration:none;
padding:2px 5px 2px 5px;
}
#footer a:hover{
background-color:#eaf5cc;
border-color:#a3ca3b;
color:#666;
}