/* 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";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
	font-family:Arial, Helvetica, sans-serif
		border:1px solid  #663300;
}
#formContact input,textarea{
	width:100%;
	border:1px solid  #663300;
	font-size:11px;
		font-family:Arial, Helvetica, sans-serif
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
		font-family:Arial, Helvetica, sans-serif
			border:1px solid  #663300;
}
#formContact .champRequis{
	color:#FF0000;
		border:1px solid  #663300;
}

.bouttons{
background-color: #996633;
	border:1px solid  #663300;
color:#F0DAB5;
font-size:12px;

width:100%}
.bouttonscont{
background-color: #40200D;
	border:1px solid  #663300;
color:#F0DAB5;
font-size:12px;

width:100%}
.bouttons1{
background-color: #40200D;
	border:1px solid  #663300;
color:#F0DAB5;
font-size:12px;

width:70%}
.bouttons2{
background-color: #40200D;
	border:1px solid  #663300;
color: #F0DAB5;
font-size:12px;

width:100%}
/* STYLE DE LA PAGE ACCUEIL */
.liste{
float:left;
width:440px;
margin-left:15px;
margin-top:5px;

}
.liste ul{
	margin-top:20px;
	padding:10px 0 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#40200d;
border:none

}
 .liste li{
	
	color:#40200d;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 5px 20px;
	line-height:16px;
	border:none

}
.liste1{
float:left;
width:200px;
margin-left:0px;
margin-top:5px
}
.liste1 ul{
	margin-top:20px;
	padding:10px 0 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
border:none

}
 .liste1 li{
	
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0 0 5px 20px;
	line-height:16px;
	border:none;
	font-weight:bold;
	

}

.anim-vrp{
float:left;
margin-left:50px}
.txt-tarifs{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.txt-tarifs2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFCC
}
.Drte1 {
width:200px;
display:block;
float:left;
margin-top:30px;
margin-left:-5px}
.livre {
width:183px;
display:block;
float:left;
margin-top:150px;
margin-left:20px}
.Drte-acc {
width:200px;
display:block;
float:left;
margin-left:-5px;
position:absolute}
#contenuTexte h5{
	margin:10px 0 -7px 8px;
	font-family:bold  Arial, Helvetica, sans-serif;
	color: #AA0000;
	font-size:13px;
	border-bottom:1px solid #AA0000;
	
}
#container .txt-color{
color:#AA0000;
}
#flashinfos h2{
margin:0 0 0 0;
width:200px;
height:56px;
display:block;
float:left;
background: url(../images/charte/h2-flashinfo.png) no-repeat;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/h2-flashinfo.png', sizingMethod='scale');
}
#flashinfos h3{
margin:0 0 0 0;
width:200px;
height:56px;
display:block;
float:left;
background: url(../images/charte/h3-flashinfo.png) no-repeat;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/h3-flashinfo.png', sizingMethod='scale');
}
.plan{
float:left;
margin-left:-5px;
margin-top:30px}
.cadre{
float:left;
width:500px;
height:136px;
margin-top:20px;
background-image:url(../images/charte/ariere.gif);
background-repeat:no-repeat }
.cadre img{
margin-left:23px;
margin-top:10px;
float:left;
width:119px;
height:110px;
text-align:center;
border:1px solid #E2BC7B}
#container .cadre p{
float: left;
margin-left:180px;
margin-top:-80px
}
.cadre-partenaire{
float:left;
width:450px;

margin-top:20px;
background-image: url(../images/charte/partenaires.gif);
background-repeat:no-repeat;
margin-left:10px
 }
.cadre-partenaire img{
margin-left:20px;
margin-top:15px;
float:left;
width:90px;
height:90px;
text-align:center;
border:1px solid #E2BC7B}
#container .cadre-partenaire p{
float: left;
margin-left:180px;
margin-top:-80px
}
#container .titre{

	font-weight:bold;
	margin:0px 0 -7px 8px;
	font-family:bold  Arial, Helvetica, sans-serif;
	color: #AA0000;
	font-size:14px;
	margin-left:30px

}

#contenuTexte h6{
	margin:10px 0 -7px 180px;
	font-family:bold  Arial, Helvetica, sans-serif;
	color: #AA0000;
	font-size:13px;
	border-bottom:1px solid #AA0000;
	
}
#contenuTexte h8{
	margin:10px 0 -7px 38px;
	font-weight:bold;
	font-family:bold  Arial, Helvetica, sans-serif;
	color: #AA0000;
	font-size:13px;
	border-bottom:1px solid #AA0000;
	width:335px;
	float:left
	
}

.lien{
float:left;
margin-left:190px;
width:270px;
margin-top:150px;

}


.Gche3 {
width:500px;
margin:0 20px 0 0;
display:block;
float:left;}
.contact-bas{
float:left;
margin-left:-25px;
}
#container .infos-acc{
margin:10px 0 -7px 0px;
	font-family:bold  Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size:15px;
	
	font-weight:bold}
.plansite{
float:left;
margin-left:50px;
}
#container .plansite p{
font-weight:bold;
font-size:14;
color:#990000
text-align:center}
.flamme{
float: left;
width:52px;
height:61px;
margin-top:58px;
margin-left:00px;
position:absolute}
.kb{
float:left;
width:58px;
height:49px;
margin-top:15px;
margin-left:180px;
position:absolute
}
.reserv1{
width:150px;
display:block;
float:left;
margin-top:300px;
margin-left:-10px}