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: 10px auto;
	text-align: center;
	width: 760px;
	background-image: url(images/pattern.jpg);
	font-size:1em;
	color:gray;
}
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{

border-bottom:1px dotted #7C0F12;
color:black;
margin:1.5em 0 0 0;
}
hr{
margin:2em 0;
visibility:hidden;
}

h4, h5{
font-size:1.2em;
text-transform:uppercase;
color:#7C0F12;
}
h4{
margin-top:2em;
}

p.spip_note{
margin-top:2em;
border-top: 1px dashed black;
}
strong.spip{
color:black;
}

.invisible{
 visibility:hidden;
}
hr.invisible{
  clear:both;
 visibility:hidden;
}


/********************
   les tableaux
*********************/
table.spip{
  margin:1em 0;
border:1px solid #C0C0C0;
}
.spip td{
text-align:center;}


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


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


#menu a, #menu a:visited, a:active{
font-family: "Trebuchet MS",Verdana, Geneva, Arial, Helvetica, sans-serif;
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/menu_on.gif);
background-repeat:no-repeat;
}


/********************
   les divs
*********************/

#home{
position: absolute;
width:400px;
height:316px;
}



#content{
position:relative;
background-color:white;
text-align:left;
width: 760px;
border:10px solid #FFFFFF;
}

#sommaire, #rub2, #rub3, #rub4, #rub5, #rub6, #rub9, #rub10, #rub11, #rub12, #rub13, #rub15, #rub16, #rub17, #rub18, #rub19, #rub20 {
position:relative;
	background-repeat: no-repeat;
	height: 316px;
	width: 760px;
}
#sommaire{
	background-image: url(images/accueil_haut.jpg);
}

#rub2, #rub9{
	background-image: url(images/descriptif_haut.jpg);
}
#rub3, #rub10{
	background-image: url(images/piscine_haut.jpg);
}
#rub4, #rub11{
	background-image: url(images/reservation_haut.jpg);
}
#rub5, #rub13{
	background-image: url(images/activites_haut.jpg);
}
#rub6, #rub12, #rub15, #rub16{
	background-image: url(images/contact_haut.jpg);
}
#rub17, #rub18{
	background-image: url(images/trophee_haut.jpg);
}
#rub19, #rub20{
	background-image: url(images/salledejeu_haut.jpg);
}

#mail{
height:25px;
width:25px;
position:absolute;
right:25px;
top:228px;
}

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

#photo dt strong{
text-transform:uppercase;
color:black;
}

#plusloin{
font-size:0.8em;
text-align:right;
width:180px;
position:absolute;
bottom:150px;
left:1em;
}
#outils{
position:relative;
bottom:40px;
left: 2em;

}
#outils span{
  padding-bottom:1em;
color: #7b0e11;
font-size:0.75em;
border-bottom:1px dashed #C0C0C0;
}
#outils img{
position:relative;
top:0.5em;
}
.chapo{
font-family:"Times New Roman",Times, serif;
font-weight:bold;
text-transform:uppercase;
font-size:1.4em;
color:#80B15A;
margin-bottom:2em;
}
.chapo img{
  margin-right:2em;
}

#article{
text-align:justify;
line-height: 1.8em ;
font-size:0.8em;
margin:0 2em 0 240px;
color:#8E8E8E;
}
#article h2 img{
margin-right:10px;
}


#vignettes{
  padding-top:1em;
border-top:1px dotted black;
}

#gite{
  position:absolute;
left:2em;
}

#foot2,#foot3,#foot4,#foot5,#foot6,#foot99,#foot9,#foot10,#foot11,#foot12,#foot13,#foot15, #foot16, #foot17, #foot18,#foot19, #foot20{
color:black;
font-size:0.6em;
text-align:center;
background-position: bottom;
background-repeat:no-repeat;
clear:both;
width:760px;
height:150px;
}

span.foot {
border-top:1px solid black;
padding:0 200px;
position:relative;
top:100px;
} 

#foot2,#foot9{
background-image: url(images/descriptif_bas.jpg);
}
#foot3,#foot10{
background-image: url(images/piscine_bas.jpg);
}
#foot4,#foot11{
background-image: url(images/reservation_bas.jpg);
}
#foot5,#foot13{
background-image: url(images/activites_bas.jpg);
}
#foot6,#foot12, #foot15, #foot16{
background-image: url(images/contact_bas.jpg);
}
#foot19, #foot20{
background-image: url(images/salledejeu_bas.jpg);
}
#foot99{
background-image: url(images/accueil_bas.jpg);
}


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

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

div.row span.formw {
         float: right;
        width: 300px;
        text-align: left;
 }
 legend{
  	font-weight: bold;
  	color: #7b0e11;
  }
 p.reponse_formulaire{
  	color: white;
  	background-color: #ffde7c;
  }
 
 .previsu input{
 	font-weight: bold;
 	color: #7b0e11;
  	background-color: #ffde7c;
  	padding:2px; 
 }
 
 
 /****************
 *   les liens de traductions
 *****************/
.traductions span{display:none;
} 

h2.traductions  a{
font-style: normal;
font-weight: normal;
color: #a59fa6;
text-transform: none;
font-size:50%;
}

/********************
   les éléments SPIP
********************/
.spip_documents_right{
  float:right;
  margin-left:1.5em;
}
.spip_documents_left{
  float:left;
  margin-right:1.5em;
}
.spip_doc_titre{
  padding-top:5px;
  font-size:0.7em;
color:black;
background-image:url(images/fond_legende.gif);
background-repeat:no-repeat;
}
/******************
* Le portfolio
******************/

#documents_portfolio  img, #document_actif img{
	border:1px solid #cccc99;
	padding: 4px;
	background-color:#FFF;
	}