/**********Definitions generales***********/
html {
font-size: 100%;
}

body {
font-size: 1em;
font-family: arial, verdana, sans-serif;
margin: 0;
padding: 0;
padding-bottom:20px;
text-align: center;
font-size: 1em;
color: black;
font-family: arial, verdana, sans-serif;
background:white url(images/body_bg.png) top center repeat-x;
}

div,ul,li,table,td,h1,h2,h3,h4,h5,p,span,form,img{
margin: 0;
padding: 0;
font-size: 1em;
}

ul{
list-style:none;
}

a{
text-decoration:none;
}

.nettoyeur{
clear:both;
}

/**************Page****************/
.page{
display:block;
width:924px;
margin-left:auto;
margin-right:auto;
}

/***********Bandeau*********/
#bandeau{
padding-top:50px;
height:261px;
padding-bottom:50px;
}

/************Menu************/
#menu ul{
margin-top:0px;
margin-bottom:0px;
}

#menu li{
float:left;
display:block;
height:25px;
padding-top:50px;
padding-left:0px;
background:transparent url(images/menu_separation.png) top left repeat-y;
margin-top:0px;
margin-bottom:0px;
}

#menu li.premier{
background:none;
}

/************Contenu***********/
.contenu{
display:block;
width:864px;
margin-left:auto;
margin-right:auto;
}

#contenu{
text-align:left;
color:#00243D;
padding-bottom:12px;
}

#contenu .left{
width:520px;
float:left;
}

#contenu .right{
width:314px;
float:right;
}

p{
font-size:0.8125em;
text-align:justify;
margin-top:10px;
margin-bottom:5px;
}

strong{
color:#0F75BC;
}

a{
color:#0F75BC;
}

a:hover{
color:black;
}

h1 span,h2 span,h3 span{
display:none;
}

h2{
font-size:0.9375em;
margin-top:30px;
margin-bottom:10px;
text-transform:uppercase;
border-bottom:1px solid #B5CEDF;
}

h3{
font-size:0.875em;
margin-top:20px;
margin-bottom:10px;
text-transform:uppercase;
}

h4{
font-size:0.875em;
margin-top:20px;
margin-bottom:10px;
}

ul {
margin-top:10px;
margin-bottom:5px;
}

ul li{
font-size:0.8125em;
margin-top:8px;
margin-bottom:8px;
padding-left:14px;
background:transparent url(images/liste_puce.png) 0px 3px no-repeat;
}

ul li ul li{
font-size:1em;
}

table{
font-size:1em;
margin-top:10px;
margin-bottom:5px;
width:100%;
border-spacing:2px;
border-collapse:separate;
}

td{
font-size:0.8125em;
vertical-align:top;
padding:6px 6px 6px 6px;
}

/*********Bouton************/
.bouton:hover{
color:black;
}

/*********Images************/
span.spip_documents{
margin-top:0px;
}

/*********Formulaire*********/

.element_formulaire li{
padding-left:0;
background:none;
}

.element_formulaire .flottant{
display:block;
float:left;
width:235px;
margin-top:4px;
margin-bottom:4px;
}

input{
color:black;
padding:2px 2px 2px 2px;
font-size:1em;
}

li.submit{
text-align:right;
padding:0;
margin:0;
}

span.submit{
background:transparent url(images/submit_left.png) left center no-repeat;
padding-left:7px;
display:block;
width:90px;
margin-left:auto;
}

input.submit{
background:transparent url(images/submit_right.png) right center no-repeat;
border:none;
padding-right:10px;
padding-left:3px;
padding-top:5px;
padding-bottom:5px;
font-weight:bold;
font-size:1em;
cursor:pointer;
text-align:center
display:block;
width:90px;
color:#012945;
}

#erreur,#envoi{
font-size:0.8125em;
font-weight:bold;
margin-top:20px;
margin-bottom:20px;
margin-left:23px;
margin-right:23px;
}

#envoi{
padding-top:20px;
padding-bottom:40px;
}

input.champs_erreur{
border:1px solid #CC0000;
background:#FFCECE;
}

/************Cadre bleu***********/
.bleu{
background-color:#0F75BC;
margin-top:30px;
margin-bottom:30px;
}

.bleu .top{
height:4px;
background:transparent url(images/bleu_top.png) top center no-repeat;
margin-bottom:10px;
margin-left:0;
margin-right:0;
}

.bleu .bottom{
height:4px;
background:transparent url(images/bleu_bottom.png) bottom center no-repeat;
margin-top:10px;
margin-left:0;
margin-right:0;
}

.bleu h1,.bleu h2,.bleu ul,.bleu p,.bleu table{
margin-left:23px;
margin-right:23px;
}

.bleu h2{
color:white;
border-bottom:1px solid #3B8ABF;
margin-top:0px;
margin-bottom:0px;
}

.bleu,.bleu strong{
color:#00243D;
}

.bleu li{
background:transparent url(images/bleu_puce.png) 0px 3px no-repeat;
padding-left:14px;
}

.bleu .bouton{
color:white;
background:transparent url(images/bouton_bleu_puce.png) center left no-repeat;
float:right;
}

.bleu .bouton:hover{
color:black;
}

/************Cadre bleu-ciel***********/
.bleu-ciel{
background-color:#D3E4F0;
margin-top:30px;
margin-bottom:30px;
}

.bleu-ciel .top{
height:4px;
background:transparent url(images/bleu-ciel_top.png) top center no-repeat;
margin-bottom:10px;
margin-left:0;
margin-right:0;
}

.bleu-ciel .bottom{
height:4px;
background:transparent url(images/bleu-ciel_bottom.png) bottom center no-repeat;
margin-top:10px;
margin-left:0;
margin-right:0;
}

.bleu-ciel h1,.bleu-ciel h2,.bleu-ciel ul,.bleu-ciel p,.bleu-ciel table{
margin-left:23px;
margin-right:23px;
}

.bleu-ciel h2{
margin-top:0px;
margin-bottom:0px;
}

.bleu-ciel{
color:#00243D;
}

.bleu-ciel li{
background:transparent url(images/bleu-ciel_puce.png) 0px 3px no-repeat;
padding-left:14px;
}

.bleu-ciel li strong{
color:#0F75BC;
}

/************Cadre bleu-petit***********/
.bleu-ciel-petit{
background-color:#D3E4F0;
margin-top:30px;
margin-bottom:30px;
}

.bleu-ciel-petit .top{
height:4px;
background:transparent url(images/bleu-ciel-petit_top.png) top center no-repeat;
margin-bottom:10px;
margin-left:0;
margin-right:0;
}

.bleu-ciel-petit .bottom{
height:4px;
background:transparent url(images/bleu-ciel-petit_bottom.png) bottom center no-repeat;
margin-top:10px;
margin-left:0;
margin-right:0;
}

.bleu-ciel-petit h1,.bleu-ciel-petit h2,.bleu-ciel-petit ul,.bleu-ciel-petit p,.bleu-ciel-petit table{
margin-left:23px;
margin-right:23px;
}

.bleu-ciel-petit h2{
margin-top:0px;
margin-bottom:0px;
}

.bleu-ciel-petit{
color:#00243D;
}

.bleu-ciel-petit li{
background:transparent url(images/bleu-ciel_puce.png) 0px 3px no-repeat;
padding-left:14px;
}

.bleu-ciel-petit li strong{
color:#0F75BC;
}

/************Cadre bleu petit***********/
.bleu-petit{
background-color:#0F75BC;
margin-top:30px;
margin-bottom:30px;
}

.bleu-petit .top{
height:4px;
background:transparent url(images/bleu-petit_top.png) top center no-repeat;
margin-bottom:10px;
margin-left:0;
margin-right:0;
}

.bleu-petit .bottom{
height:4px;
background:transparent url(images/bleu-petit_bottom.png) bottom center no-repeat;
margin-top:10px;
margin-left:0;
margin-right:0;
}

.bleu-petit h1,.bleu-petit h2,.bleu-petit ul,.bleu-petit p,.bleu-petit table{
margin-left:23px;
margin-right:23px;
}

.bleu-petit h2{
color:white;
margin-top:0px;
margin-bottom:0px;
border-bottom:1px solid #3B8ABF;
}

.bleu-petit{
color:#00243D;
}

.bleu-petit li{
background:transparent url(images/bleu_puce.png) 0px 3px no-repeat;
padding-left:14px;
}

/*********Formulaire de devis*********/
#superficie_maison{display:none;}

.devis li{
padding-left:0px;
background:none;
}

.devis{
color:white;
}

.devis strong{
font-weight:normal;
margin-right:6px;
color:white;
}

.devis li.submit{
margin-top:15px;
margin-right:-4px;
}

.devis .element_formulaire{
margin-top:20px;
margin-bottom:20px;
}

/**********Coordonnées************/
.coordonnees{
margin-top:0px;
}

.coordonnees *{
text-align:center;
}

.coordonnees img{
vertical-align:middle;
}

.coordonnees p{
margin-top:12px;
margin-bottom:12px;
}

.coordonnees strong{
color:#00243D;
}

/*******Cas particulier*******/

.no_margin_top{
margin-top:0;
}

/**********Remonter**********/
#remonter{
padding-bottom:26px;
text-align:left;
font-size:0.8125em;
}

/**********Pied**********/
#pied{
background-color:#D3E4F0;
}

#pied .left{
width:80%;
float:left;
}

#pied .right{
width:18%;
float:right;
}

#pied .top{
height:4px;
background:transparent url(images/pied_top.png) top center no-repeat;
}

#pied .bottom{
height:4px;
background:transparent url(images/pied_bottom.png) bottom center no-repeat;
}

#pied ul{
display:block;
text-align:left;
margin-left:24px;
margin-right:24px;
margin-top:5px;
margin-bottom:5px;
}

#pied .plan{
margin-bottom:6px;
}

#pied .divers{
margin-bottom:9px;
}

#pied li{
display:inline;
padding-left:0px;
background:none;
padding-right:20px;
color:#0F75BC;
text-transform:lowercase;
font-size: 0.75em;
margin-top:0px;
margin-bottom:0px;
}

#pied li a{
color:#0F75BC;
}

#pied li a:hover{
color:black;
}

#pied .mentions span{
padding-left:15px;
background:transparent url(images/puce_mentions.png) center left no-repeat;
}

#pied .realisation span{
padding-left:15px;
background:transparent url(images/puce_realisation.png) center left no-repeat;
}

#pied .caracteres{
padding-top:14px;
}

#pied .caracteres li{
display:block;
float:right;
width:19px;
padding-right:0;
padding-left:8px;
background:none;
}

#pied .caracteres .reduire_caracteres{
float:right;
display:block;
width:16px;
height:17px;
background:transparent url(images/reduire_caracteres.png) bottom left no-repeat;
}

#pied .caracteres .agrandir_caracteres{
float:right;
display:block;
width:19px;
height:17px;
background:transparent url(images/augmenter_caracteres.png) bottom left no-repeat;
}

/**************Page 404**************/
div#page_404{
background:white;
border:1px solid black;
width:400px;
margin-left:auto;
margin-right:auto;
padding:20px 20px 20px 20px;
margin-top:100px;
}

div#page_404 p{
text-align:center;
font-size:0.875em;
}

div#page_404 a{
font-size:0.875em;
color:#0F75BC;
}

div#page_404 a:hover{
color:black;
}

/*************Surligne**********/

span.spip_surligne{
background:none;
}