*{padding: 0; margin: 0;}

/*------------------------------------ divers -----------------------------------------------------------------------------*/
 h1{
text-align: center;
font-size: 1.4em;
margin-bottom: 10px;
color: #3c3c3c;
margin-right: 30px;
}

a{
color: #770011;
}

.gras{
font-weight: bold;
}
a{text-decoration: none;}

img{border: none; display: block;}

#liste{
color: #ccbba2;
font-size: 1.3em;
margin: 25px;
}

#global h2{
text-align: center;
font-size: 1.4em;
margin-bottom: 30px;
color: #3c3c3c;
font-weight: normal;
font-style: italic;
}


embled, object {
display: block;
}

object  {
border: 1px solid #fff;
border-bottom: 0;
}

#creation{
font-size: 0.7em;
}

#domaine em{
display: block;
text-align: center;
width: 360px;
text-decoration:none;
font-size: 0.8em;
color: #656565;
}

#domaine img{
display: block;
padding: 5px;
border: 1px solid #1a5268;
}

#detail #rapide{
width: 100%;
margin-top: 5px;
background: #fff;
text-align: center;
font-size: 0.7em;
border-right: 1px groove  #336760;
border-bottom: 1px groove #336760;
}

#rapide a{
color: #4070a8;
}

#rapide a:hover{
color: #fb680f;
}

.top {
margin: 25px 45px 30px 0;
font-size: 0.9em;
padding-bottom: 1px;
}

.top a{
float: right;
color: #770011;
text-decoration: none;

}

#slide2{
padding-top: 25px;


}

#page .lettre{
font-style: italic;

}

 #encart{
padding-top: 50px;
border-top: 1px groove #fefee4;
border-bottom: 1px groove #fefee4;
background: #fefee4;
}


#global #encart h1, #global #encart h2{
color: #bababa;
font-size: 12px;
font-weight: normal;
}
/*----------------------------------------- post it --------------------------------------------------*/
#postit{
width: 200px;
height: 142px;
background: url(images/post_it.png);
overflow: hidden;
position: absolute;
top: 25px;
right: 0;
font-family: lucida handwriting;
color: #4b0408;
font-size: 14px;
line-height: 17px;
}

#page #postit p:first-letter{ 
color: #4b0408;
font-size: 1em;
font-weight: bold;
}

#postit a{
display: block;

}
/*----------------------------------------------------------------------------*/

body{
font-family: verdana,tahoma, "Comic Sans MS", "Times New Roman", Times;
font-size: 0.9em;
line-height: 1.5em;
color: #000; 
background: #fefee4 url(images/fond_body.jpg);
background-repeat: repeat-x;
padding-bottom: 20px;
}


#global {
width: 962px;
margin: 20px auto 0;
background: #fff;
position: relative;
padding-bottom: 0px;

}

#page{
border: 1px solid #1a5268;
border-top: 0;
}

/*-------------------------------------------- menu --------------------------------------------------------------------------------*/
#menu{
list-style-type: none;
background: #fefeb8;
border-top: 1px solid #1a5268;
border-bottom: 1px solid #1a5268;
}

#menu ul{
text-align: center;
}

#menu li{
display: inline;
line-height: 30px;
}

#menu li a{

}

#menu li a:hover{
color: #1a5268;
}

#menu .courant{
color: #1a5268;
font-weight: bold;
}

/*--------------------------------------- 2 colonnes ---------------------------------------------------------------------------*/

#colonne2, #prestation{
padding: 50px 75px;
}

#colonne2 td{
width: 50%;
vertical-align: top;
}

#colonne2 td p:first-letter, #prestation p:first-letter{ 
color: #770011;
font-size: 1.8em;
font-weight: bold;
}

#colonne2 td p{ 
margin-bottom: 30px;
}

#colonne2 #slide{ 
padding: 3px;
margin: 80px auto 50px;
border: 1px solid #1a5268;
}

.gauche{ 
margin-right: 30px;
}

.droite{ 
margin: 90px 0 0 30px;
}

/*-------------------------------------------------- prestation ---------------------------------------------------------------*/
#detail p{ 
margin: 30px 0;
}

#detail  ul li{
list-style-type: none;
margin: 10px 0;
font-size: 12px;
font-weight: bold;
}

#detail  ul li ul li, #detail .puce{
list-style-type: circle;
margin: 0px 0 0 35px;
font-style: italic;
font-size: 12px;
font-weight: normal;
}

#detail{
width: auto;
margin: 0px 75px 50px 75px ;
height: 500px;
overflow: auto;
overflow-x: hidden;
background: #eaf5d7;
color: #6a5819;
padding: 15px;
padding-top: 0px;
border-left: 1px groove  #336760;
border-top: 1px groove #336760;
border-bottom: 1px groove #336760;
}

#detail p{ 
width: 300px;
margin: 0 auto;
background: #fff;
text-align: center;
border-right: 1px groove  #336760;
border-bottom: 1px groove #336760;
font-size: 0.8em;

}

#detail p:first-letter{ 
color: #6a5819;
font-size: 1em;
font-weight: bold;
}


/*------------------------------------------------------ pied -------------------------------------------------------------------*/
#pied{
text-align: center;
background: #fefeb8;
border-top: 1px solid #1a5268;
color: #770011;
clear: both;
}
/*--------------------------------------- Résultat -------------------------------------------------------------------------------*/
#resultat {
height: 250px;
overflow: auto;
background: #fefee4;

}

#resultat table{
width: 98%;
border-collapse:collapse;
text-align: center;

}

#resultat td{
vertical-align: top;

}

.titre{
background: #eaf5d7;
border: 1px solid #1a5268;
color: #770011;

}

#resultat .plan, #resultat .plan2{
display: block;
color: #747474;
height: 30px;
}

#resultat tr:hover{
background: #eaf5d7;
}

#resultat a.plan span, #resultat a.plan em, #resultat a.plan2 span, #resultat a.plan2 em{
display: none;
}

#resultat a.plan:hover span, #resultat a.plan2:hover span{
display: block;
width: 300px;
height: 250px;
position: absolute;
top: 1px;
left: 1px;
}

#resultat a.plan:hover em, #resultat a.plan2:hover em{
display: block;
width: 300px;
height: 250px;
position: absolute;
top: 1px;
right: 1px;
}


/*--------------------------------------- Survol -------------------------------------------------------------------------------*/
#survol{

}

#survol img{
border: 1px solid #fff;
border-bottom: 0;
}

#resultat table td #batiment{
display: block;
width: 300px;
height: 250px;
position: absolute;
top: 1px;
right: 1px;
background: #fff;
}

#resultat table td #plan{
display: block;
width: 300px;
height: 250px;
position: absolute;
top: 1px;
left: 1px;
}

#batiment_on{
width: 300px;
height: 250px;
position: absolute;
top: 0;
right: 0;
}

#plan_on{
width: 300px;
height: 250px;
position: absolute;
top: 0;
left: 0;
}

#resultat table td div{/*----------------------------------------------- popup----------------------------------------------------*/
display: none;

}

#resultat table td div ul{
padding: 0 10px 0 10px;
background: url(images/fond_pop_centre.jpg);
background-repeat: repeat-y;
}

#resultat table td div ul{
text-align: left;
list-style-type: none;
}



/*------------------------------------------------------------ Formulaire ----------------------------------------------------------------------------*/
#formulaire{
width: 60%;
margin: 0px auto 0;
background: #eaf5d7;
color: #770011;

}

/*------------------------------------------------------------------- contact -----------------------------------------------------------------------------------------*/
#contact{
background: #eaf5d7;
margin: 50px 0px 0px 0px;
padding-bottom: 30px;
font-size: 1.1em;
overflow: hidden;
}

#contact  .pas_puce{
padding: 5px 50px 5px 50px;
text-align: center;
margin-top: 15px;
}

#contact  h2{
text-align: center;
width: 100%;
}

#contact  img{
display: inline;
}

/*------------------------------------------------------------------- liste -----------------------------------------------------------------------------------------*/