/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";


/*----------------------index--------------------- */


#liste{
float:left;
width:500px;
margin-left:30px;
margin-bottom:5px;
margin-top:5px;
}
#liste ul{
float:left;
width:500px;
margin-left:30px;
margin-bottom:5px;
margin-top:5px;
}
#liste li{
float:left;
width:500px;
list-style-image: url(../images/charte/fleche.gif);
margin-bottom:5px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#2F180A;
}

.remarque{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2F180A;
font-weight:bold;

}
#texte .remarque2{
width:600px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2F180A;
font-weight:bold;

}

/*----------------------carte--------------------- */

#tarif{
float:left;
width:550px;
margin-left:40px;
}

#galerie5{
float:right;
width:250px;
float:left;
margin-left:50px;

}

#tarif .menu{
width:450px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FBFAF6;
margin-left:5px;
margin-top:5px;
margin-right:2px;
}
#tarif .prix{
width:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FBFAF6;
font-weight:bold;
text-align:center;
}

.prix{
float:left;
width:70px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FBFAF6;
font-weight:bold;
}

#liste2{
float:left;
width:650px;
margin-left:30px;
margin-bottom:5px;
margin-top:5px;
}
#liste2 ul{
float:left;
width:650px;
margin-left:30px;
margin-bottom:5px;
margin-top:5px;
}
#liste2 li{
float:left;
width:650px;
list-style-image: url(../images/charte/fleche.gif);
margin-bottom:5px;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
color:#2F180A;
}

.image{
float:left;
width:179px;
margin-left:40px;
margin-top:20px;
margin-bottom:10px;

}

.image2{
float:left;
width:179px;
margin-left:100px;
margin-top:20px;
margin-bottom:10px;

}

.contact_acc{
float:left;
width:400px;
margin-top:20px;
margin-bottom:5px;

}



/*-------------------------- Galerie  ---------------------------*/

#texte #galerie {
	margin-top:20px;
	width:600px;
	float:left;
	margin-left:20px;
	margin-top:40px;
	height:96px;
	margin-bottom:20px;
}

#texte #defilgauche {
  float: left;
  margin: 0 5px 5px 0;
  cursor: pointer;
  z-index: 9;
}

#texte #defildroite {
  float: right;
  margin: 0 0 5px 5px;
  cursor: pointer;
  z-index: 10;
}

#texte #flowcut {
  width: 502px;
  overflow: hidden;
  position: relative;
}

#texte #flow{
  position: relative;
}
  
  
#texte .vign{
  float: left;
  margin-right :10px;
  /*width: 142px;*/
  border:1px solid #251309;
}


/*-------------------------- evenement ---------------------------*/

#texte .text_evenement{
float:left;
width:450px;
}

#texte .image_evenement img{
float:left;
padding:10px;

}

#texte .text_evenement p{
float:left;
width:450px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#1F0F05;
text-align:justify;
margin-top:5px;

}

#texte .image_evenement{
float:right;
width:205px;
margin-right:30px;
margin-bottom:20px;
background-image:url(../images/charte/bg_evnement.jpg);
background-repeat:repeat-y;
}


#texte .titre_evnement{

width:400px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#1F0F05;
font-weight:bold;
}


/*----------------contact-------------- */
 
 #formulaire{
float:left;
width:300px;
margin-bottom:5px;
margin-top:20px;


}


#formulaire img{
margin-bottom:10px;

}
#formulaire label{

font-size:12px;
font:Arial, Helvetica, sans-serif;
color:#2F1709;
text-align:justify;
}

#formulaire .b{
width:270px;
background-color:#4E3729;
background-repeat:no-repeat;
color:#E7D7C7;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #DDC9B1;
}
#formulaire .capca{
width:270px;
background-color:#4E3729;
background-repeat:no-repeat;
color:#000;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #DDC9B1;
}

#formulaire input:focus{

background-color:#7F6C5C;
color:#E7D7C7;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #DDC9B1;
}

#choix select{
width:200px;
background-color:#4E3729;
color:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #E12E7E;

}

.themes select{
width:150px;
background-color:#000000;
color:#000E66;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #263D51;
}
#formulaire textarea:focus{
background-color:#7F6C5C;
color:#E7D7C7;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #DDC9B1;
}
#coordonne{
width:290px;
float:right;
margin-top:20px;
margin-right:10px;
color:#4E3729;

}

#coordonne img {
margin-bottom:10px;


}

#plan{
float:left;
width:238px;
margin-top:50px;



}

#formulaire .bouton_form{
width:134px;
background-color:#4E3729;
background-repeat:no-repeat;
color:#DDC9B1;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #DDC9B1;
}
#coordonne p{
width:250px;
margin-top:5px;
text-align:left;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#4E3729;
}
#formulaire p{
width:270px;
font:Arial, Helvetica, sans-serif;
color:#4E3729;
text-align:justify;
font-size:11px;
margin-bottom:15px;
}
#txt td{
vertical-align:center !important;}

input, textarea {
margin-bottom:3px !important;
}

#texte #loi {
	width:600px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:20px;

}

#texte  #loi p {
    width:650px;
	font-size:10px;
	color:#000;
}
#bouton_merci {
float:left;
width:100px;
margin-top:20px;
margin-left:150px;
}