/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 25px Arial, Helvetica, sans-serif;
color:#fff;
letter-spacing:0px;
margin:0 0 12px;
border-bottom:1px dotted #be2014;
font-weight:lighter;
}
#contenu h2{
font:bold 13px Arial, Helvetica, sans-serif;
color:#be2014;
letter-spacing:1px;
margin:0 0 7px;
}
#contenu h3{
font:bold 20px Arial, Helvetica, sans-serif;
color:#7d8a2e;
letter-spacing:1px;
margin:0 0 12px 20px;
border-bottom:1px dotted #c9d787;
}
#contenu p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#ccc;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#888;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#be2014;
}
#contenu a:hover, #contenu a:active{
color:#fff;
}
/***************** STYLE ACTUALITES *****************/
#actu{
float:right;
width:330px;
background:#959595;
font-family:Arial, Helvetica, sans-serif;
display:block;
margin-left:20px;
}
#uneactu{
padding:0 20px 10px 20px;
font-size:10px;
color:#000;
display:block;
float:left;
}
#uneactu img{
border:#000000 solid;
border-width:1px;
margin-right:10px;
margin-bottom:5px;
float:left;
}
#blocActu{
float:left;
margin:0;
}
#blocActu img{
border:0;
margin:0;
}
#accueil{
width:540px;
float:left;
padding:0 20px 0 20px;
}
.actuDate{
font:15px/15px Arial, Helvetica, sans-serif;
color:#fff;
font-weight:bold;
display:block;
border-bottom:1px solid #000;
}
.actuTitre{
font:13px Arial, Helvetica, sans-serif;
color:#ccc;
font-weight:bold;
display:block;
}


/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}

/***************** STYLE ACCUEIL *****************/
#contenu .text_acc{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
width:400px;
font-size:20px;
margin-top:40px;
margin-bottom:10px;
color: #990000;
}

#contenu .text_acc span{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
width:400px;
font-size:14px;
margin-top:30px;
margin-bottom:20px;
color: #CCCCCC;
}

#contenu .text_acc2{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
width:400px;
font-size:18px;
margin-top:20px;
margin-bottom:20px;
color:#CCCCCC;
}

.encart1{
float:left;
width:500px;
padding:10px 10px 10px 10px;
margin-bottom:20px;
}


 .image_encart{
float:left;
margin-left:100px;
margin-bottom:20px;
}

.encart2{
float:left;
width:800px;
padding:10px 10px 10px 10px;
}

.encart2 .image{
float:left;
margin-left:20px;
margin-bottom:20px;
}


.encart1 .image_titre{
float:left;
margin-left:30px;
margin-bottom:20px;
}
.puce{
float:left;
margin-right:5px;
margin-left:0px;
}

.texte_droite_acc{
float:left;
margin-top:20px;
width:550px;
}

/***************** STYLE GALERIE 4*****************/

 #contenu  #galerieho {
	margin-top:20px;
	width:480px;
	float:left;
	height:96px;
	padding-bottom:40px;
	margin-left:10px;

}

#contenu  #defilgauche {
  float:left;
  margin:0 5px 5px 0;
  cursor:pointer;
  z-index: 9;
  }
#contenu  #defildroite{
  float:right;
  margin:0 20px 5px 0;
  cursor: pointer;
  z-index: 10;
}

#contenu  #flowcut{
  width:400px;
  overflow: hidden;
  position: relative;
  margin-left:0px;

  }
#contenu  #flow{
  position: relative;
  }
#contenu  .vign{
  float: left;
  margin-right :10px;
  width:142px;
}
#contenu  .vign img{
  border:none;
}


/***************** Kart_enfant *****************/

.texte{
float:right;
margin-left:5px;
width:280px;
margin-top:20px;
}

.texte5{
float:left;
margin-left:5px;
width:500px;
margin-top:10px;
}


.texte5 p{
float:left;
margin-left:5px;
}

.texte p{
float:left;
margin-left:5px;
text-align:justify;
}
.imagekart{
float:right;
margin-top:20px;
margin-right:40px;
}

.imagekart_adult{
float:right;
margin-top:10px;
margin-left:20px;
}


.texte4{
float:left;
margin-left:5px;
width:200px;
margin-top:40px;
border-right:1px dotted red;
}

#contenu .texte4 p{
float:left;
margin-left:5px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:200px;
}

/***************** Kart_adulte *****************/

.texte2{
float:left;
margin-left:5px;
width:250px;
height:250px;

}

.texte3{
float:left;
margin-left:5px;
width:520px;

}

.texte3 p{
float:left;
margin-left:5px;
width:200px;

}
.imagekart2{
float:right;
margin-top:10px;
margin-left:30px;
margin-right:0px;

}

.imagekart3{
float:right;
margin-top:10px;
margin-left:0px;
margin-right:100px;

}


.imagekart4{
float:left;
margin-top:10px;
margin-left:150px;

}

/***************** Tarif *****************/
.tarif{
float:left;
margin-left:20px;
margin-top:20px;
background-image:url(../images/charte/tarif.jpg);
background-repeat:no-repeat;
width:401px;
background-color:#000000;
border:1px solid #999999;
}

#contenu  .tarif .titre_tarif{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#be2014;
width:400px;
text-align:center;
margin-top:10px;
margin-bottom:20px;

}

#contenu  .tarif p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
width:400px;
text-align:center;
margin-top:10px;

}

.tit_horaire{
float:left;
margin-top:20px;
}

.tab{
float:left;
width:350px;
margin-left:20px;
margin-bottom:20px;
}

#contenu  .tarif .tab p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
width:180px;
text-align:center;
margin-top:10px;
font-weight:bold;

}

#contenu  .tarif .tab .txt_tableau{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
width:150px;
text-align:center;
margin-top:10px;
font-weight:bold;
margin-left:90px;

}



.droite_tarif{
float: right;
margin-right:0px;
width:400px;
border-left:1px dotted red;
height:500px;
margin-top:20px;
padding:10px 10px  10px 10px;
}

.droite_tarif img{
float:left;
margin-left:150px;
margin-bottom:10px;
}

.droite_tarif .photo_tarif{
float:left;
margin-left:80px;
margin-bottom:10px;
}

#contenu  .droite_tarif .tab p{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
width:280px;
text-align:center;
margin-top:10px;

}

.image_restauration{
float:left;
margin-right:0px;
margin-top:40px;
margin-left:30px;
}








/***************** CONTACT *****************/



#formulaire{
float:left;
width:450px;
margin-left:40px;
margin-top:20px;


}

#container2 #contenu #contact_fomulaire {
float:left;
width:200px;
margin-left:0px;
margin-top:20px;
}
#contact_prop {
	width:290px;
	float:left;
	margin-left:10px;
}
#contenu label{
	font-size:12px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;

}

#contenu #formContact  input, #contenu #formContact textarea{
	width:250px;
	border:1px solid #fff ;
	font-size:11px;
	color:#000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}


#contenu #formContact  input, #contenu #formContact .text2{
	width:250px;
	border:1px solid  #fff ;
	font-size:11px;
	color:#000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .autre{
	width:140px;
	font-size:12px;
	color:#fff;
}

#contenu #formContact input:focus, #contenuTexte #formContact textarea:focus{
	border:1px solid #fff ;
}
#contenu #formContact .champRequis{
	color: #990000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenu #formContact   .bouton {
	border:1px solid  #fff;
	font-size:11px;
	color:#000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	width:70%;
	font-weight:bold;
}
#contenu #formContact  .bouton:focus {
	border:1px solid #fff ;
}

#contenu #formContact  .capa{
	width:200px;
	border:1px solid  #fff;
	font-size:12px;
	color:#000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .capa:focus{
	border:1px solid #fff ;
}

#contenu #formContact  .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}

#contenu .txt_bas3{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
width:400px;
margin-bottom:10px;

}

#contenu .txt_bas{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
text-align:justify;


}

#contenu .txt_loi{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:20px;

}

/***************** PLAN DU SITE *****************/

.plan_gauche{
float:left;
margin-left:20px;
margin-top:20px;
width:200px;
}

.plan_gauche ul{
float: left;
margin-left:10px;
}

#contenu .plan_gauche .sousliste{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#fff;
list-style-image:url(../images/charte/puce.gif);
background-repeat:no-repeat;
}

.plan_gauche .sousliste2 {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#fff;
margin-left:20px;
margin-top:10px;
}
.plan_gauche .sousliste2  a{
color:#fff;
text-decoration:none;
}

.actaulite{
float:left;
margin-left:10px;
width:482px;
background-image:url(../images/charte/actualite.jpg);
background-repeat:no-repeat;
margin-bottom:10px;
border-bottom:1px dotted red;

}

.actaulite img{
float:left;
margin-left:45px;
margin-top:20px;
margin-bottom:10px;
border:1px solid #CCCCCC;

}
.act_droite{
float:right;
width:300px;
margin-top:10px;
margin-left:10px;
}

#contenu .actaulite .act_droite .titre_actualite{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #990000;
width:280px;
height:15px;
margin-top:10px;
}

#contenu .actaulite .act_droite .date_actualite{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FFFFFF;
width:300px;
height:15px;
margin-top:10px;
}

#contenu .actaulite .act_droite p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
width:300px;
margin-top:10px;
}