@charset "UTF-8";
/* CSS Document */
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
list-style:none;
font:12px Arial, Helvetica, sans-serif;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#c2d4d9 url(../images/charte/bg-body.jpg) center top no-repeat;

}
img{
border:none;
}
h4{
color:#666;
font:14px/30px Verdana, Arial, Helvetica, sans-serif;
}
#container{
position:relative;
min-height:100%;
width:950px;
margin:0 auto; 
background:#f7edda url(../images/charte/bg-container.gif) left 295px repeat-x;
}
#header{
height:230px;
width:950px;
position:relative;
background:url(../images/charte/header.jpg) center top no-repeat;
}
#headerflash{
height:137px;
width:950px;
position:relative;
}
h1{
width:950px;
float:left;
height:65px;
display:block;
margin:0 0 10px 0;
position:relative;
}
h1.bienvenue{
background:url(../images/charte/bienvenue.gif) left top no-repeat;
}
h1.activites{
background:url(../images/charte/h1-activites.gif) left top no-repeat;
}
h1.presentation{
background:url(../images/charte/h1-presentation.gif) left top no-repeat;
}
h1.installations{
background:url(../images/charte/h1-installations.gif) left top no-repeat;
}
h1.tarifs{
background:url(../images/charte/h1-tarifs.gif) left top no-repeat;
}
h1.photos{
background:url(../images/charte/h1-photos.gif) left top no-repeat;
}
h1.contact{
background:url(../images/charte/h1-contact.gif) left top no-repeat;
}

#container p{
font:14px/20px "Times New Roman", Times, serif;
color:#a89b73;
padding:0px 20px 0px 20px;
text-align:justify;
font-style:italic;
}
#contenu{
padding:0px 20px 0 20px ;
width:910px;
float:left;
min-height:300px;
display:block;
/*background:url(../images/charte/bg-contenu.gif) left top no-repeat;*/
position:relative;
}
#container #contenu p{
font:14px/20px "Times New Roman", Times, serif;
color:#534c3c;
padding:0px 15px 0px 15px;
text-align:justify;
font-style:italic;
}
#contenu #galerie{
width:874px;
padding:20px 18px 20px 19px;
background:#eddab4;
position:relative;
clear:both;
}
#contenu #galerie a{
padding:0 2px;
margin:1px 0px;
position:relative;
}
#contenu #galerie img{

margin:1px 0px;
position:relative;
}
#contenu #blocindex1{
width:570px;
height:65px;
padding:270px 20px 0 0;
float:left;
background:url(../images/contenu/bg-blocindex1.jpg) left top no-repeat;
}
#contenu #blocindex2{
width:320px;
height:65px;
padding:270px 0px 0 0;
float:left;
background:url(../images/contenu/bg-blocindex2.jpg) left top no-repeat;
}

#contenu #blocactivites1{
width:570px;
margin-right:20px;
padding:15px 0px 82px 0;
float:left;
background:#eddab4;
}
#contenu #blocactivites2{
width:296px;
padding:12px 12px;
float:left;
background:#eddab4;
}
#contenu #blocactivites2 a{
border:none;
margin:2px 0;
}
#contenu a.suite{
display:block;
width:110px;
float:right;
margin-right:1px;
background:url(../images/contenu/bt-suite.gif) left top no-repeat;
height:20px;
}
#contenu a{
color:#333;
text-decoration:none;
}
#contenu a:hover{
font-weight:bold;
}
#title {
width :870px;
height:130px;
display:block;
}
#title.accueil{ background:url(../images/charte/h1-accueil.gif) left top no-repeat;}
#title.illustrations{ background:url(../images/charte/h1-illustrations.gif) left top no-repeat;}
#title.webdesign{ background:url(../images/charte/h1-webdesign.gif) left top no-repeat;}
#title.contact{ background:url(../images/charte/h1-contact.gif) left top no-repeat;}
#title.links{ background:url(../images/charte/h1-links.gif) left top no-repeat;}

#contenu span{
text-indent:90px;
}
#contenu p{
font:11px/20px Verdana, Geneva, sans-serif;
color:#fff;
padding:0px 20px 0px 20px;
text-align:justify;
}
#contenu #content{
wisth:870px;
float:left;
background:#f1f1f1;
}

#contenu #bloc_image.links{
height:180px;
width:200px;
float:left;
top:100px;
left:0px;
background:url(../images/contenu/links.jpg) 30px top no-repeat;
}
#contenu #contact{
width:600px;
float:left;
min-height:300px;
font:14px/20px "Times New Roman", Times, serif;
padding:0 0 0 0px;
font-style:italic;
color:#a89b73;
}
#contenu #contact input, #contenu #contact textarea{
border:1px solid #777;
font:11px/15px Verdana, Geneva, sans-serif;
}
#contenu #links{
width:500px;
float:left;
height:200px;
font:11px/20px Verdana, Geneva, sans-serif;
padding:0 0 0 0px;
color:#777;
}
/******************************************************************/
.clearer{
	clear:both;
}
#clearFooter{
	height:334px;/*--- = à la hauteur du footer ---*/
}
/******************************************************************/
#footer1{
position:relative;
clear:both;
width:100%;
height:334px;
margin:-334px 0 0;
background:#fff url(../images/charte/bg-footer.jpg) center top repeat-x;
}
#footer{
position:relative;
clear:both;
width:950px;
height:250px;
padding: 0px 00px 0 00px;
margin:0 auto;
text-align:center;
color:#878787;
font:11px/15px Verdana, Arial, Helvetica, sans-serif;
}
#footer p{
padding:10px;
}
#footer p.menu{
padding:10px;
width:500px;
margin:0 auto;
border-bottom:1px solid #ccc;
}
#footer a{
text-align:center;
color:#ccc;
text-decoration:none;
}
#footer a:hover{
text-align:center;
color:#222;
}