/* 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;
}
/*
#floating-header{
	position:absolute;
	height:269px;
	width:100%;
	min-width: 960px;
	left:0;
	overflow:hidden;
}
*/
#header{
	height:231px;
	width:100%;
	position:relative;
	margin:0;
	padding:0;
}


















/*
#logo{
	position: relative;
	left:-336px;
	top:45px;
}

#motif-logo{
	position: absolute;
	left:41%;
}
*/
#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;

}



#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:white;
	font-size:1.09em;
	background-color:#f57a02;
}
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;
}
