/*NORMALISE LES MARGES ET PADDING*/
body,div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{
margin: 0;
padding: 0;
}


/*NORMALISE LES TAILLES */
h1,h2,h3,h4,h5,h6{
font-size: 100%;
}

/*SUPPRIME LES PUCES*/
ul,ol,li{
list-style-type: none;
}

/*SUPPRIME LES BORDURES*/
fieldset,img{
border:0;
}

/*ANCRE*/
a{
color:#FF6600;

}
.invi{
display:none;
}
b{
color:#333;
font-weight: normal;
}

strong{
color:#333;
font-weight: normal;
}
/*P*/
p{
color:#666;
}

/*U*/
u{
color:#333;
}

/*HTML*/
html{

font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
font-size:13px;
color:#666;
}

/*BODY*/
body{
text-align: center;
background:transparent url("/media/bg_body.jpg") repeat-x;
}

/*HEADER*/
#header{
text-align: left;
position: relative;
margin: 0 auto;
width: 1010px;
height: 150px;

}

/*CORP PRINCIPAL*/
#content{
text-align: left;

position: relative;
top:0;
left:0;
margin: 0 auto;

width: 1010px;

min-height: 800px;
//height:800px;
}

/*CORP PRINCIPAL DIAG*/
#content_diag{
text-align: left;

position: relative;
top:0;
left:0;
margin: 0 auto;

width: 1010px;
height: auto;
min-height: 400px;
_height: 400px;
}



/*PIED DE PAGE*/
#footer{
position: relative;
top:10px;
clear: both;
height:70px;
background:transparent url("/media/bg_footer.jpg") repeat-x;
text-align: center;
color: white;
margin: 0 auto;
}

#footer a{
position: relative;
top: 30px;
color:#333;
text-decoration: none;
font-size: 12px;
}
#footer a:hover{
color:#333;
text-decoration:underline;
font-size: 12px;
}
#etoile_foot{
float:left;
position: relative;
top:-24px;
//top:-32px;

}

.pacte{
position: absolute;
top:0;
right:0;

}

/*HR INVISIBLE*/
.invisible{
visibility: hidden;
clear: both;
}

/*MENU*/
#menu{
position: absolute;
display: inline;
left:630px;
top:1px;
}
#menu li{
display: inline;
color:#FF6600;
}
#menu a{
text-decoration: none;
text-transform: uppercase;
color:white;
font-weight: lighter;
}

/*OBJECTIF*/
#titre_objectif{
width: 187px;
height: 50px;
position: relative;
left: 15px;
top:20px;
background: transparent url(/media/objectif.gif) no-repeat;
}
#titre_objectif span{
display: none;
}

#objectif{
width: 920px;
min-height: 40px;
text-align: justify;
font-size: 14px;
color:#333;
position: relative;
left: 35px;
top:30px;
}

/*TITRE FORMULAIRE*/
#titre_formulaire{
width: 350px;
height: 50px;
position: relative;
left: 15px;
top:20px;
background: transparent url(/media/demande_devis.gif) no-repeat;
}
#titre_formulaire span{
display: none;
}

/*TITRE RESULTAT*/
#titre_resultat{
width: 350px;
height: 43px;
position: relative;
left: -10px;
background: transparent url(/media/resultat.gif) no-repeat;
}

/*TITRE REUSSI*/
#titre_reussi{
width: 350px;
height: 43px;
position: relative;
left: -10px;
background: transparent url(/media/reussi.gif) no-repeat;
}



/*BT DEVIS DIRECT*/
#devis_direct{
position: absolute;
top:670px;
left:700px;

}

/*FORMULAIRE DEVIS*/
.erreur{
position: relative;

}
#devis{

position: relative;
top:20px;

}
#devis1_f{
width: 500px;
position: absolute;
left:40px;
top:0px;
}
#devis2_f{
position: absolute;
left:630px;
top:0px!important;
top:0px;
width: 300px;


}

#devis label{
color:#666;
font-size: 14px;
margin:0 0 0 2px;
}

legend{
display: none;
font-size: 14px;
text-decoration: underline;
color:red;
}
#piece{
width: 35px;
border:1px solid #666;
position: relative;
left:10px;
}
#cp{
width:50px;
border:1px solid #666;
margin: 0;

}
.obligatoire{
display:inline;
color:red;
}
.txt_obligatoire{
color:red;
display:inline;
position: absolute;
font-size: 12px;
left:160px!important;
left:170px;
top:20px!important;
top:10px;
}
#info_perso p{
display:inline;
}
#suite_perso p{
display:inline;
}
#suite{
position: relative;
left:300px;
}

#termite_l,#plomb_l,#amiante_l,#electrique_l,#gaz_l,#carrez_l,#nb_l,#type_l{
margin: 0px 0px 5px 0px;
position: relative;
display: block;
font-size: 14px;
color:#666;
}
#nb_l{
display: inline;
}
#termite_d,#plomb_d,#amiante_d,#electrique_d,#gaz_d,#carrez_d,#nb_d,#type_d{
margin:5px 0 6px 0;
}
#civilite{
margin:5px 0 0px 0;
}
#soumettre{
position: relative;
top:25px;
}
#nom,#prenom,#adresse,#adresse2,#ville,#tel,#email1,#email2{
width: 250px;
border:1px solid #666;
margin: 0;

}

#erreur_t,#erreur_a,#erreur_p,#erreur_g,#erreur_e,#erreur_c,#erreur_type,#erreur_piece,#erreur_civi,#erreur_nom,#erreur_prenom,#erreur_adresse,#erreur_cp,#erreur_ville,#erreur_tel,#erreur_email,#erreur_titre,#erreur_message,#conf_envoi{
color:red;
height: 13px;
margin: 0 0 5px 0;
}
.erreur{
position: relative;
top:2px;
}
#contact input{
border:1px #CCC solid;
width:250px;
}

#message_mail{
width:440px;
height:150px;
}

/*RESULTAT*/
#resultat{
position: relative;
top:0px;
left:0px;
}
.titre_r{
margin-top: 15px;
color:#FF6600;
}
.titre_r u{

color:#FF6600;
}

#com{
border:1px solid #CCC;
width:400px;
height:60px;
}

#result_bien{
height: 65px;
position: relative;
left:10px;
top:0px;
}
#result_diag{
height: 140px;
position: relative;
left:10px;
top:0px;
}
#result_info{
height: 140px;
position: relative;
left:350px;
top:-155px;
}
#result_plus{
position: relative;
left:10px;
top:-110px;
}



/*LOGO*/
#logo{
background: transparent url(/media/logo.gif) no-repeat;
width: 294px;
height: 88px;
position: relative;
top:25px;
left: 0px;
cursor:pointer;
}
#logo span{
display: none;

}

/*BASELINE*/
#baseline{
display:block;
width:382px;
height:32px;
background: transparent url(/media/baseline.gif) no-repeat;
position:absolute;
top:115px;
left:20px;
}

#baseline span{
display:none;
}
/*SEPARATION*/
.separation{
display:none;
height: 31px;
width: 1020px;
display: block;
position: relative;
top:28px;
}
.separation b{
display: none;
}
/*CHOIX*/
#choix{
background: transparent url(/media/choix.gif) no-repeat;
width: 395px;
height: 56px;
position: relative;
top:35px;
left: 15px;
}
#choix span{
display: none;

}
/*PUB*/
#pub{
position: absolute;
left: 284px;
top:20px;
width: 728px;
height: 90px;
border: #ccc 1px solid;
}

#pub_right{
width:300px;
float:left;
border: #CCC 1px solid;
}


/*CARTE FLASH*/
#carte_f{
position: absolute;
top:190px;
left:575px;
width: 420px;
height: 560px;


}

/*LISTE DEPARTEMENT*/
.liste_dep a{
color:#666;
text-decoration: none;
font-size:13px;
display: block;
}
.liste_dep a:hover{
color:#FF6633;
text-decoration:underline;
font-size:13px;
}
.liste_dep{
height: 450px;
width: 560px;
position: relative;
left:5px;
top:40px;


}

.dep1{
position: absolute;
left:0px;
top:0px;
width: 170px;
}
.dep1 li{

padding:0px 0 0 20px;

height:18px; 
background: url("/media/puce_dep.gif")  no-repeat 0 -25px ;
}
.dep1 li:hover{

padding:0px 0 0 20px;
height:18px; 
background: url("/media/puce_dep.gif")  no-repeat 0 0px ;
}
.dep2{
position: absolute;
left:175px;
top:0px;
width: 150px;
}
.dep2 li{

height:18px; 

padding:0px 0 0 20px;
background: url("/media/puce_dep.gif") 0 -25px no-repeat;
}
.dep2 li:hover{

padding:0px 0 0 20px;
height:18px; 
background: url("/media/puce_dep.gif")  no-repeat 0 0px ;
}

.dep3{
position: absolute;
left:310px;
top:0px;
width: 150px;
}
.dep3 li{
height:18px; 

padding:0px 0 0 20px;
background: url("/media/puce_dep.gif") 0 -25px no-repeat;
}
.dep3 li:hover{

padding:0px 0 0 20px;
height:18px; 
background: url("/media/puce_dep.gif")  no-repeat 0 0px ;
}

.dep4{
position: absolute;
left:460px;
top:0px;
width: 150px;
}
.dep4 li{
height:18px; 

padding:0px 0 0 20px;
background: url("/media/puce_dep.gif") 0 -25px no-repeat;
}
.dep4 li:hover{

padding:0px 0 0 20px;
height:18px; 
background: url("/media/puce_dep.gif")  no-repeat 0 0px ;
}

/*PRESENTATION DIAG*/
#fiche_diag{
width: 680px;
float:left;
left: 15px;
margin-right: 24px;

}
#diag_dep{
font-size: 13px;
color:#666;
font-weight: normal; 
}
#sep_diag{
background: transparent url("/media/spearation.gif") no-repeat center;
height: 31px;

display: block;
}
#sep_diag b{
display: none;
}
#texte_diag{
text-align: left;
width:600px;
}

#nom_diag{
font-size: 20px;
color:#666;

}
.photo_diag{
float: right;
border:1px solid #ccc;
position: relative;
left:-20px;
top:3px;
}

