body, div, h1, h2, h3, h4, h5, h6, p, ul, li, img,table,td,tr,input {
	margin: 0;
	padding: 0;
	border:0;
}

body {
	font-family: Verdana, "Trebuchet MS", Arial, sans-serif;
	margin: 0;
	text-align: center;
	width: 17cm;
	background-image: url(../../images/interface/fond.jpg);
	font-size:1em;
	color:black;
}
h1{
display:inline;
padding-bottom:0,5em;
font-family: "Times New Roman", serif ;
text-transform:uppercase;
font-size:3em;
color:#7C0F12;
border-bottom:1px solid #7C0F12;
}
h2{
margin-bottom:2em;
text-transform:uppercase;
color:#7C0F12;
font-size:1.5em;
}

h3{
display:inline;
border-bottom:1px dotted #7C0F12;
color:black;
margin:1.5em 0 0 0;
}

h4{
margin-top:2em;
font-size:1.2em;
text-transform:uppercase;
color:#7C0F12;
}
hr{
  display:none;
}
p.spip_note{
margin-top:4em;
border-top: 1px dashed black;
}
strong.spip{
color:black;
}

/********************
   les tableaux
*********************/
table.spip{
border:1px solid black;
}
.spip td{
text-align:center;}


/********************
   les liens
*********************/


a, a:visited, a:active{
font-weight:bold;
text-decoration: underline ;
color:#7C0F12;
}
a:hover{
text-decoration: underline ;
color:#F6A700;
}


#menu a, #menu a:visited, a:active{
font-weight:bold;
text-decoration: none ;
color:black;
}
#menu a:hover{
text-decoration: underline ;
color:#7C0F12;
}

#menu a.menuon, #menu a.menuon:visited{
font-weight:bold;
text-decoration: none ;
color:#7C0F12;
}

#menu li.menuon{
background-image: url(../../images/interface/menu_on.gif);
background-repeat:no-repeat;
}





#content{
position:relative;
background-color:white;
text-align:left;
}

#chapo{
font-family:"Times New Roman",Times, serif;
font-weight:bold;
text-transform:uppercase;
font-size:1.4em;
color:#80B15A;
margin:3em 0 1em 0;
}


#rub1, #rub2, #rub3, #rub4,#rub5,#rub6 {
display:none;
}

#rub2{
	background-image: url(../../images/interface/descriptif_haut.jpg);
}
#rub3{
	background-image: url(../../images/interface/piscine_haut.jpg);
}
#rub4{
	background-image: url(../../images/interface/reservation_haut.jpg);
}
#rub5{
	background-image: url(../../images/interface/activites_haut.jpg);
}
#rub6{
	background-image: url(../../images/interface/contact_haut.jpg);
}

#mail{
display:none;
}

#menu{
  display:none;

}
#menu li {
text-transform:uppercase;
padding-left:2em;
padding-bottom:1em;
	list-style: none;
}


#plusloin{
display:none;
}
#outils{
position:relative;
left: 2em;
}
#outils span{
color:#7C0F12;
font-size:0.75em;
}
#outils img{
position:relative;
top:0.5em;
}

#article{
text-align:justify;
line-height: 1.8em ;
font-size:0.8em;
margin:0 2em 0 10em;
color:8E8E8E;
}
#article span img{
  float:left;
}

#article h2 img{
margin-right:10px;
}

#foot2,#foot3,#foot4,#foot5,#foot6{
display:none;
}
#foot2 span, #foot3 span, #foot4 span, #foot5 span{
border-top:1px solid black;
padding:0 250px;
position:relative;
top:100px;
} 

#foot2{
background-image: url(../../images/interface/descriptif_bas.jpg);
}
#foot3{
background-image: url(../../images/interface/piscine_bas.jpg);
}
#foot4{
background-image: url(../../images/interface/reservation_bas.jpg);
}
#foot5{
background-image: url(../../images/interface/activites_bas.jpg);
}
#foot6{
background-image: url(../../images/interface/contact_bas.jpg);
}

/********************
   le formulaire
********************/
form{
padding:0 1em;
background-color:#EDF7E9;
}
form span.center{
  text-align:right;
}
#blanc{
  height:400px;
}
input, textarea{
border:1px solid #E6E6E5;
margin:0;
}
input.submit{
background-color:white;
color:coral;
}
div.row {
        clear: both;
         padding-top: 10px;
 }

div.row span.label {
        float: left;
        width: 150px;
        text-align: right;
 }

div.row span.formw {
         float: right;
        width: 300px;
        text-align: left;
 }