/* taille typo
* Base				100%
* -------------------------------------
* 20px				1.27em
* 19px				1.21em
* 18px				1.15em
* 17px				1.09em
* 16px				1.03em
* 15px				0.96em
* 14px				0.88em
* 13px				0.82em
* 12px				0.77em
* 11px				0.71em
* 10px				0.65em
*  9px				0.59em
* Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
*/

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

html, body{
height: 100%;
margin: 0;
padding:0;
}
body {
background-image:url(../img/design/bandeau.png);
background-position:top center;
background-repeat:repeat-x;
text-align: center;
color: #000;
font: 1em Arial, sans-serif;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }


#conteneur {
position: relative;
width: 960px;
margin-left: auto;
margin-right: auto;
text-align:left;
}

#header{
height:231px;
width:100%;
position:relative;
margin:0;
padding:0;
}
#upline{
color:white;
text-transform:uppercase;
font-weight:bold;
font-size:0.77em;
}
#colone-header{
padding-left:465px;
}
h1{
font-size:1.37em;
color:white;
padding-bottom:1px;
}
#puce{
vertical-align:middle;
}
#sousH1{
list-style-type:none;
font-size:0.77em;
line-height:140%;
background-image:url(../img/design/bg-3points2.png);
background-repeat:no-repeat;
height:100px;
width:510px;
padding:0;
margin:0;
text-indent:0;

}
#sousH1 li{
width:170px;
float:left;
padding:0;
margin:0;
text-indent:0;
}
#sousH1 li p{
margin-top:28px;
margin-left:51px;
margin-right:5px;
}
#sousH1 li p#pdroite{
margin-left:45px;
}
#menu{
clear:both;
padding:0;
margin:0;
text-indent:0;
list-style-type:none;
font-size:0.88em;
position:absolute;
bottom:0;

width:100%;;
}
#menu li{
float:left;
padding:0;
margin:3px 3px 0 0;
text-indent:0;
padding:3px 7px 1px 7px;
}
#menu * a{
color:white;
text-decoration:none;

}

.darkred{background-color:#2c0000;}
.darkgreen{background-color:#202010;}
.darkblue{background-color:#102020;}






#main{
border-bottom:2px solid #c3cbf3;
border-top:3px solid #f57900;
margin:0;
padding:0;
width:688px;
font-size:0.82em;
min-height:390px;
}

#main div.colonne{
margin:0;
padding:0;
float:left;
width:229px;

}
#main div.colonne h5,
#main div.colonne p,
#main div.colonne img{
margin:12px 14px;
}
#main div.colonne img{
border:1px solid #aaa;
}

#main div.colonne p{
line-height:1.4em;
}
h5{
font-size:1.03em;
color:#f57900;
font-size:1.2em;
}
.sizeplus{
font-size:1.18em;
}
.nettoyeur{
font-size:1px;
clear:both;
}
div.mainClassique{
background-image:url(../img/design/fond-simple.gif);
}
div.mainPost{
background-image:url(../img/design/fond-post.gif);
}

div.mainAccueil{
background-image:url(../img/design/fond-colonnes.gif);

}
div.mainClassique h1,
div.mainClassique h2{
margin:25px 15px 14px 15px;
}


div.mainClassique p,
div.mainClassique h3,
div.mainClassique ul,
div.mainClassique table,
div.mainPost p,
div.mainPost h3,
div.mainPost ul,
div.mainPost table,
div.mainPost ol
{
margin:15px 50px;
}
div.mainClassique h1{
color:#f57900;
padding:0;
font-size:1.4em;
}
div.mainClassique h2{
font-size:1.27em;
color:#20105a;
text-transform:uppercase;
font-weight:bold;
}
h3{
font-size:1.03em;
font-weight:bold;

}
#logos{
border-bottom:1px solid #ccc;
}
#logos h2{
color:#666;
font-size:16px;
font-style:italic;
background:url(../img/design/fond_h2.gif) repeat-x 0 12px;
margin-top:30px;
text-align:center;
}
#logos h2 span{background:#fff;padding:0 10px 0 10px;}
#logos #logos_cont{height:80px;overflow:hidden;width:960px;}
#logos #logos_liste{width:6000px;}
#logos #logos_liste img{float:left;}
#logos #logos_liste img:hover{margin-top:-80px;}

#pres{
font-size:1.2em;
line-height:1.4em;
}
.strong{
font-weight:bold;
}

div.hr{
line-height:20px;
margin:0 20px;
background-image:url(../img/design/borderjaune.gif);
background-repeat:repeat-x;
background-position:center center;
}


#right{
position:absolute;
left:702px;
top:190px;
width:264px;
height:439px;
background-image:url(../img/design/widget.png);
}


#form-header{
font-size:1.09em;
font-weight:bold;
color:#594824;
text-align:center;
margin-top:39px;
}

#right form{
padding-top:1em;
color:#635863;
}
#right ul, #right li{
list-style-type:none;
margin:0;
padding:0;
text-indent:0;
}

#right li{
padding:1px 0 8px 0;
}

#reservation li{
clear:both;
}


#right div.label{
width:95px;
float:left;
clear:left;
text-align:right;
padding-right:12px;
font-size:0.82em;
}
#right input{
width:136px;
border:1px solid #201020;
background-color:#fff8ba;
font-size:0.82em;
}
input#monsieur,
input#madame{
width:15px;
border:none;
background-color:white;
}
label{
font-size:0.82em;
padding-right:10px;
}
#mentions{
font-style:italic;
text-align:right;
font-size:0.59em;
padding:0 22px;
margin:0;
}
#right div#rappel{
color:red;
font-style:italic;
font-size:0.77em;
}
#right input#bouton{
text-align:center;
color:#fff;
font-size:16px;
background-color:#f57900;
font-weight:900;
padding:5px;
width:200px;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
margin-left:43px;
cursor:pointer;
}
td.tdr{
text-align:right;
}
#footer{
padding:20px 0 5px 0;
font-size:0.59em;
text-align:center;
}
#footer a {
color:#666666;
}
#main.mainPost{
border-bottom:2px solid #ffeb3f;
border-top:3px solid #ffeb3f;
margin:0;
padding:0;
width:688px;
font-size:0.82em;
min-height:390px;
}



#cadenas{
float:left;
padding:0 30px 0 0px;
}
.bienvenuePost{
font-size:1.2em;
line-height:1.4em;
height:160px;
}
.bigger{
font-size:1.4em;
display:block;
}

ol{
margin:0;
padding:0 0 0 20px ;
text-indent:0;
}
ol li{
margin:0;
padding:0;
text-indent:0;
}

ul.ul-3pastilles{
list-style-type:none;
padding-left:30px;
}

ul.ul-3pastilles li{
text-align:center;
list-style-type:none;
float:left;
background-image:url(../img/design/bg-pastille.jpg);
background-position:center top;
background-repeat:no-repeat;
width:180px;
height:138px;
font-size:1.03em;
padding-top:15px;
position:relative;
}
.verySmall{
display:block;
font-size:0.65em;
line-height:1.1em;
font-style:italic;
color:#757575;
position:absolute;
width:100%;
top:100px;
left:0;
}
.bigg{
display:block;                                                                          
font-size:1.4em;
font-weight:bold;
position:absolute;
top:50px;
width:100%;
left:0;

}
p.center{
text-align:center;
clear:both;
font-weight:bold;
font-size:1.03em;
}
.smaller{
font-size:0.8em;
}
#right ul#recap{
font-size:0.71em;
padding-top:75px;
}
#recap li{
padding:1px 12px 5px 12px;
}