
/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#000000; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#000000; font-size: 12px; font-weight:bold; }
h2 { color:#000000; font-size: 1.3em; }
h3 { color:#000000; font-size: 1.17em; }
h4 { color:#000000; font-size: 1em; }
h5 { color:#000000; font-size: 0.83em; }
h6 { color:#000000; font-size: 0.67em; }
p { color:#000000; font-size: 1em; }
ul, ol { color:#000000; font-size: 1em; }
li {  color:#000000; font-size: 1em; }
a { color:#000000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
input { border-width:thin; padding:3px; color:#000000; }
textarea { border-width:thin; padding:3px; color:#000000; }
em { }
strong { }


/* Éléments Particuliers
----------------------------------------------------------*/

/* Bouton
----------------------------------------------------------*/
a.accueil { display: block; height:76px; width:267px; background: url(../images/bouton/btn-accueil.jpg) no-repeat; }
a.accueil:hover { background: url(../images/bouton/btn-accueil-over.jpg) no-repeat; }
a.accueil:active { background: url(../images/bouton/btn-accueil-over.jpg) no-repeat; }
a.accueil span { display:none; }

a.camping { display: block; height:48px; width:267px; background: url(../images/bouton/btn-camping.jpg) no-repeat; }
a.camping:hover { background: url(../images/bouton/btn-camping-over.jpg) no-repeat; }
a.camping:active { background: url(../images/bouton/btn-camping-over.jpg) no-repeat; }
a.camping span { display:none; }

a.locations { display: block; height:37px; width:267px; background: url(../images/bouton/btn-les-location.jpg) no-repeat; }
a.locations:hover { background: url(../images/bouton/btn-les-location-over.jpg) no-repeat; }
a.locations:active { background: url(../images/bouton/btn-les-location-over.jpg) no-repeat; }
a.locations span { display:none; }

a.equestre { display: block; height:50px; width:267px; background: url(../images/bouton/btn-centre.jpg) no-repeat; }
a.equestre:hover { background: url(../images/bouton/btn-centre-over.jpg) no-repeat; }
a.equestre:active { background: url(../images/bouton/btn-centre-over.jpg) no-repeat; }
a.equestre span { display:none; }

a.ranch { display: block; height:35px; width:267px; background: url(../images/bouton/btn-ranch.jpg) no-repeat; }
a.ranch:hover { background: url(../images/bouton/btn-ranch-over.jpg) no-repeat; }
a.ranch:active { background: url(../images/bouton/btn-ranch-over.jpg) no-repeat; }
a.ranch span { display:none; }

a.afepa { display: block; height:44px; width:267px; background: url(../images/bouton/btn-afepa.jpg) no-repeat; }
a.afepa:hover { background:url(../images/bouton/btn-afepa-over.jpg) no-repeat; }
a.afepa:active { background:url(../images/bouton/btn-afepa-over.jpg) no-repeat; }
a.afepa span { display:none; }

a.contact { display: block; height:51px; width:267px; background: url(../images/bouton/btn-contact.jpg) no-repeat; }
a.contact:hover { background: url(../images/bouton/btn-contact-over.jpg) no-repeat; }
a.contact:active { background: url(../images/bouton/btn-contact-over.jpg) no-repeat; }
a.contact span { display:none; }





/* Placement d'images */
.imgLeft{ float:left; margin-right:15px; }
.imgRight{ float:right; margin-left:15px; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.h1index{ position:absolute; left:0; top:0; width:100%; padding:0; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi{ width:470px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }
#frmEnvoi .champ { border:none; border:#000000 inset 1px; padding:5px;  }
#frmEnvoi .champ:focus { }
#frmEnvoi #code {  border:none;  border:#000000 inset 1px; padding:5px; background-color:#FFFFFF; }
#frmEnvoi #code:focus { }
#frmEnvoi #send2 { border-color:#000000;  background-color:#000000; color:#FFFFFF;}
#yzeo *{ color:#f2a72e;}
/*css : plan du site*/
.body-plan-du-site{background: #3A1800 url(../images/fond.jpg) repeat-x top; width:100%; }
#head-plan-du-site{
height:238px;
background:url(../images/plan-du-site/head-plan.jpg) no-repeat;
}
#body-plan-du-site{
	background:url(../images/plan-du-site/body-plan.jpg) no-repeat;
}
#content-plan-du-site{
	padding:50px 50px 40px 290px;
	text-align:justify;
}
#foot-plan-du-site{
background:url(../images/footer.jpg) no-repeat;
height:105px;
}
.yzeo-plan-du-site{ font-size:10px; padding-left:100px; }
/*#plan du site*/
/*googlemaps*/
.plan {
	width:500px;
	height:400px;
	border: 2px solid #000000;
	margin:0 auto;
	
}

#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding-bottom:30px;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0px 200px 10px 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #c57901;
	font-weight: bold;
	margin-bottom: 1em;
	text-align:center;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
	text-align:center;
	!text-align:center;
}
.plan-printer {
	display:block;
	text-align: right;
	padding-bottom:15px;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
#googlemap a.googlemap-icon { display: block; background:url(../images/goglemap.jpg) no-repeat; width: 70px; height: 60px; }
#googlemap a.googlemap-icon:hover { background: url(../images/goglemap-hover.jpg) no-repeat; }
#googlemap a.googlemap-icon:active { background: url(../images/goglemap.jpg) no-repeat; }
#googlemap a.googlemap-icon span { display:none; }
.alignCenter{
	text-align:-moz-center;
	!text-align:center;
	}
/*end googlemaps*/
/*------------------------------*/

/*hightslide*/
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: #000000;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid #000000;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

/* Styles for the popup */
.highslide {
	cursor: url(images/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 0px solid #000;
}
.highslide:hover img {

}
.highslide-wrapper {
	background: black;
}
/*boder image load-slide*/
.highslide-image {
	border: 5px solid #fff;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(images/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/*--------------------*/


.content-module{
	width:580px;
	margin:0 auto;
}
.conten-afepa{
	width:520px;
	margin:0 auto;
	padding:10px 10px 10px 10px;
}
.icon{
	vertical-align:middle;
	padding-right:10px;
}
.ranch-left{
	width:290px;
	float:left;
}
.ranch-left2{
	width:280px;
	float:left;
}
.ranch-right{
	width:290px;
	float:right;
}
.ranch-right2{
	width:280px;
	float:right;
}
legend { font: 700 15px Georgia, "Times New Roman", Times, serif; border-left:3px solid #ffffff; padding:2px 5px 2px 8px; color:#ffffff; }
fieldset { 
	border:1px solid #ffffff; 
	padding:0 10px 0 10px;
	margin:0 auto;
}
.pd-feildset{
	padding:0 20px 0 50px;
}
.hight1{
	height:220px;
	#height:215px;
}
.height2{
	height:223px;
	#height:220px;
	_#height:219px;
}
.height3{
	height:122px;
	#height:120px;
	_#height:118px;
}
.height6{
	height:132px;
	#height:129px;
}
.height7{
	_height:108px;
}
.number{
	padding:10px 10px 10px 10px;
	float:left;
}
.location-img1{
	width:187px;
	float:left;
	margin-left:90px;
	_margin-left:40px;
}
.location-img2{
	width:187px;
	float:left;
	margin-left:50px;
}
.location2-img1{
	width:187px;
	float:left;
	margin-left:50px;
}
.location2-img2{
	width:187px;
	float:left;
	margin-left:100px;
}
.location-img3{
	width:149px;
	float:left;
}
.location-img4{
	width:187px;
	float:left;
	padding:0 45px 0 45px;
}
.conten-number{
	width:200px;
	margin:0 auto;
}
.span{
	padding-left:26px;
}
.height4{
	height:135px;
	#height:133px;
}
.height5{
	height:198px;
	#height:195px;
}
.span2{
	padding-left:120px;
}
.maps{
	width:450px;
	margin:0 auto;
}
.maps2{
	width:500px;
	margin:0 auto;
}
sub{
	vertical-align:super;
	font-size:10px;
}
.img1{
	width:187px;
	float:right;
	text-align:center;
	font-weight:bold;
	padding-left:20px;
}
.logo2{
	width:162px;
	float:left;
	padding:0 55px 0 55px;
}
.logo1{
	width:162px;
	float:left;
}
.camping-img3{
	width:149px;
	float:left;
}
.camping-img4{
	width:187px;
	float:left;
	padding:0 55px 0 55px;
}
.content-envoi{
	width:500px;
	margin:0 auto;
}
.txt{
	width:590px;
	margin:0 auto;
}

#hebergeur { float:right; width:250px;}
#infoclient { float:left;width:250px; }
