*{
margin:0;
padding:0;
}
img{
border:0;
}
body{
text-align:center;
font-family:arial;
font-size:14px;
color:#333;
}
#total{
text-align:left;
margin:0 auto;
width:980px;
}
#menu_haut{
background:url(menu_haut.gif) no-repeat;
height:28px;
width:800px;
margin-left:220px;
list-style-type:none;
padding-top:5px;
}
#menu_haut li{
float:left;
text-align:center;
margin-left:8px;
}
#menu_haut #mh1{width:84px;}
#menu_haut #mh2{width:217px;}
#menu_haut #mh3{width:147px;}
#menu_haut #mh4{width:290px;}
#menu_haut a{
color:#fff;
font-weight:900;
font-size:16px;
text-decoration:none;
}
#menu_haut a:hover{
color:#333;
}
.titre{
background:url(titre.png) no-repeat;
padding-left:180px;
padding-top:60px;
height:96px;
margin-bottom:20px;
}
h1{
color:#afd071;
font-size:40px;
font-weight:100;
margin-bottom:-15px;
}
h2{
color:#ceced1;
font-size:28px;
}
h2 span{
font-size:36px;
}
h3{
color:#afd071;
padding-left:10px;
font-size:22px;
}
h4{
color:#f0f;
margin-top:15px;
font-size:13px;
}
#menu_gauche{
width:371px;
float:left;
margin-right:20px;
}
#central h3{
padding-left:0;
}

#menu_gauche .cadre{
margin-bottom:20px;
padding-bottom:20px;
}
#c1{
background:url(bloc1.gif) no-repeat;
}
#c2{
background:url(bloc2.gif) no-repeat;
}
#c3{
background:url(bloc3.gif) no-repeat;
}

#menu_gauche .cadre p{
color:#fff;
margin-left:10px;
margin-top:5px;
}
#menu_gauche .cadre ul{
list-style-type:none;
margin:10px 0 10px 30px;
}
#menu_gauche .cadre li{
background:url(puce.gif) no-repeat;
padding-left:10px;
font-size:14px;
font-weight:900;
color:#fff;
margin-bottom:5px;
}

#central{
width:589px;
float:left;
background:url(fond_cont.gif) no-repeat 0 42px;
}
#central .pres{
background:url(fond_pres.gif) no-repeat right top;
color:#fff;
font-size:16px;
font-weight:900;
padding:2px;
}
#central .pres2{
background:url(fond_pres2.gif) no-repeat right bottom;
margin-top:397px;
color:#fff;
font-weight:900;
padding:2px;
}
#central #bouton{
background:url(bouton2.png) no-repeat;
position:absolute;
width:252px;
height:80px;
top:350px;
margin-left:310px;
color:#333;
text-decoration:none;
font-size:16px;
text-align:center;
padding-top:17px;
}
#central #bouton:hover{
color:#fff;
}
#central #bouton span{
font-size:26px;
}
input{
padding:2px;
border-top:1px solid #999;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #999;
width:250px;
}
select{
padding:2px;
border-top:1px solid #999;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #999;
width:250px;
}
textarea{
padding:2px;
border-top:1px solid #999;
border-right:1px solid #666;
border-bottom:1px solid #666;
border-left:1px solid #999;
width:300px;
height:80px;
font-size:13px;
font-family:arial;
}
.table_contact{
border-collapse:collapse;
background:#e3e3e3;
border:1px solid #ccc;
padding:15px;
margin-left:40px;
}
.table_contact td{
padding-bottom:2px;
padding-top:2px;
}
.nom{
padding-left:15px;
padding-right:5px;
font-size:12px;
}
.elem{
padding-right:15px;
}
.result{
background:url(result.gif) no-repeat;
width:172px;
height:157px;
padding:5px;
text-align:center;
float:left;
margin:10px 5px 15px 5px;
}
.result strong{
color:#f0f;
font-size:24px;
}
.result span{
color:#999;
font-size:10px;
line-height:80%;
}
.conseil{
font-size:12px;
color:#999;
}
#pied{
color:#999;
font-size:12px;
border-top:1px solid #999;
padding-top:10px;
text-align:center;
}
#pied a{
color:#999;
text-decoration:none;
}
#pied a:hover{
text-decoration:underline;
}
.table_result{
}
.table_result td{
vertical-align:top;
padding:5px 20px 5px 0;
}