ss@charset "UTF-8";
/* CSS Document */
#noscript {
position:absolute;
width:100%;
height:100%;
background-color:#FFFFFF;
text-align:center;
padding-top:250px;
z-index:1000;
}





html {
 

}
body {
margin:auto!important;
width:855px!important;

}
a {
color:#673A15;
 cursor:pointer;
}

a:hover {
text-decoration:none;
}

h2 {
font-weight:bold;
font-size:16px;
}


  h3 a {
 cursor:pointer;
 
 }
p {
text-align:justify;
}
.flash {
background-image:url(images/chargement.jpg);
background-position:top center;
background-repeat:no-repeat;
}
#conteneur {
background-image:url(images/bg_body.jpg);
background-repeat:repeat-y;
background-position:center;
width:765px;
padding:45px;
padding-top:10px;
padding-bottom:5px;
color:#673A15;
font-family:Georgia, "Times New Roman", Times, serif;

}

#pied_plus {
background-image:url(images/bg_body_bottom.jpg);
background-position:center bottom;
background-repeat:no-repeat;
width:855px;
height:17px;
display:block;
}

ul#menu-top  {

margin-left:440px;
text-align:right;
}

ul#menu-top li {
display:inline;
font-size:10px;
text-align:right;
}

ul#menu-condi  {
position:absolute;
margin-left:20px;
}

ul#menu-condi li {
display:inline;
font-size:10px;

}

#bando {
height:60px;
background-image:url(images/Camping-La-Rotonde.jpg);
background-repeat:no-repeat;
background-position:left top;
border-bottom:1px solid #663D1E;
padding-bottom:5px;
display:block;
overflow:hidden;
}

#haut h1 {
position:absolute;
top:-500px;
}


ul#menu  {
text-transform:uppercase;
margin-top:3px;
display:block;
float:left; 
background-image:url(images/bg_menu.jpg);
}

ul#menu li  {
display:inline;
overflow:hidden;
font-size:11px;
}

ul#menu li a {
height:24px;
display:block;
background-position:left top;
float:left;
margin-right:10px;


}

ul#menu li a span {
position:absolute;
top:-500px;
}




ul#menu li a#a_accueil {
width:68px;
background-image:url(images/btn_accueil.jpg);
}

ul#menu li a#a_philosohie {
width:123px;
background-image:url(images/btn_philosohie.jpg);
}

ul#menu li a#a_hebergements {
width:144px;
background-image:url(images/btn_hebergements.jpg);
}

ul#menu li a#a_equestre {
width:160px;
background-image:url(images/btn_equestre.jpg);
}

ul#menu li a#a_region {
width:82px;
background-image:url(images/btn_region.jpg);
}




ul#menu li a#a_accueil:hover, ul#menu li a#a_philosohie:hover, ul#menu li a#a_hebergements:hover, ul#menu li a#a_equestre:hover, ul#menu li a#a_region:hover {
background-position:left -24px;
}



#pied {
text-align:center;
font-size:10px;
margin-top:30px;
}

#brochure {

display:block;
background-image:url(images/download.jpg);
background-position:left top;
margin-top:-34px;
width:143px;
height:67px;
overflow:hidden;

}

 a#brochure  {
margin-top:-34px;
margin-left:624px;
position:absolute;
display:block;
background-image:url(images/download.jpg);
background-position:left top;
height:67px;
text-decoration:none;
float:left;
}

 

	




 a#brochure:hover {

display:block;
background-image:url(images/download.jpg);
background-position:left -68px;
width:143px;
height:67px;
text-decoration:none;
}

a#brochure span {
position:absolute;
top:-500px;
}


#centre   {
overflow:hidden;
clear:both;
padding-top:10px;
}

#centre h2.hide {
position:absolute;
top:-500px;
}











/*diaporama*/


#diaporama {
margin-bottom:10px;
}








/* ACCUEIL */

#actuBox {
	background-image:url(images/bg_actu_accueil.jpg);
	background-repeat:no-repeat;
	 
	background-position:center top;
background-repeat:no-repeat;
color:#D8CAB2;
display:block;
float:left;
height:133px;
font-size:x-small;
width:247px;
}

#actuTexte {
	padding:18px;
	padding-top:38px;
	height:75px;
	display:block;
	height:74px;
	overflow:hidden;
}
#actuTexte p {
max-height:68px;
}

#actuTexte h3 {
	display:block;
	font-size:13px;
	margin-bottom:5px;
}






#actuTexte h1 {
	font-size:large;
	color:#D8CAB2;
	font-weight:normal;
}
#actuTexte h6 {
	font-size:xx-small;
	color:#D8CAB2;
	font-weight:normal;
}
#actuTexte strong  {
	color:#663D1E;
	font-weight:normal;
}







#actuBox a.suite {
color:#D8CAB2;
padding-left:15px;
background-image:url(images/btn_actu_accueilSuite.jpg);
background-position:left center;
background-repeat:no-repeat;
}

#actuBox a:hover {
color:#D8CAB2;
color:#673A15;
}


a.suite2 {
color:#D8CAB2;
text-decoration:none;
}

a.suite2:hover {
color:#D8CAB2;
color:#673A15;
}


/* CONFIGURATION DES MENU BIS (mise en place des styles)  */


.menu-bis  {
clear:both;
height:169px;
display:block;
margin-bottom:10px;
}


.menu-bis h3 {
float:left;
}

.menu-bis h3 a {
float:left;
margin-right:13px;

width:246px;
height:169px;
display:block;
overflow:hidden;
}

.menu-bis h3 a.last {
margin-right:0px;

}

.menu-bis h3 a:hover {
opacity:0.8;
filter:alpha(opacity=80);	

}

.menu-bis h3 a span, #carteInteractive h3 a span, #diaporamoPhoto h3 a span, #download_2 span {
position:absolute;
top:-500px;
}



/* BACKGROUND DES MENU BIS */



a#enter_village  {
background-image:url(images/enter_villageWestern.jpg);
background-position:top center;
background-repeat:no-repeat;
}
 

 
a#enter_centreEquitation  {
background-image:url(images/enter_centreEquitation.jpg);
background-position:top center;
background-repeat:no-repeat;
}
 

a#enter_hebergements  {
background-image:url(images/enter_hebergements.jpg);
background-position:top center;
background-repeat:no-repeat;
}
 

a#enter_activites  {
background-image:url(images/enter_activites.jpg);
background-position:top center;
background-repeat:no-repeat;
}
 

a#enter_services  {
background-image:url(images/enter_services.jpg);
background-position:top center;
background-repeat:no-repeat;
}
 






span.bottom_box {
width:374px;
height:18px;
display:block;
}






#adminBox {
background-image:url(images/enter_texte.jpg);
background-repeat:no-repeat;
background-position:top center;
width:210px;
height:133px;
display:block;
float:left;
padding:18px;
color:#D8CAB2;
}

#adminBox h3 {
font-size:16px;
margin:0;
margin-bottom:15px;
color:#FFFFFF;
clear:both;
float:none;
}



#right {
width:378px;
float:left;
margin-left:13px;
margin-bottom:10px;
}

#left {

width:374px;
float:left;
margin-bottom:10px;

}


#left h3, #right h3 {
font-weight:bold;
font-size:14px;
}

/*PAGE SERVICES */





#menu-services  {
text-align:right;
float:left;
}


#menu-services span {
display:block;
width:219px;
float:left;
}
#menu-services img {
margin-bottom:17px;
text-align:right;
vertical-align:top;
float:left;
background-color:#FFFFFF;
}
#menu-services a:hover {
opacity:0.8;
filter:alpha(opacity=80); 
}














/*PAGE PHILOSOPHIE */


#box_philosophie, #box_conditions {
background-image:url(images/box_philosophie_titre.jpg);

background-position:top left;
background-repeat:no-repeat;
width:374px;
display:block;
padding-top:55px;
color:#7C4D25;
background-color:#C5B597;
}

#box_philosophie span.bottom_box, #box_conditions span.bottom_box, #box_conditions_velo span.bottom_box {
background-image:url(images/box_philosophie_bottom.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

#box_philosophie p, #box_conditions p, .texteBasic p, #box_conditions_velo p, ul.texteBasic {
padding:18px;
}
#box_conditions {
background-image:url(images/box_philosophie_top.jpg);
background-position:top left;
background-repeat:no-repeat;
width:374px;
display:block;
padding-top:15px;
color:#7C4D25;
background-color:#C5B597;

} 
#box_conditions_velo {
background-image:url(images/box_velo_titre.jpg);
background-position:top left;
background-repeat:no-repeat;
width:374px;
display:block;
padding-top:75px;
color:#7C4D25;
background-color:#C5B597;

} 

#box_conditions h3, #box_conditions h2, .texteBasic h2, #box_conditions_velo h2 {
padding-left:18px;
}

#carteInteractive h3  a {
float:left;
margin-top:10px;
width:376px;
height:178px;
display:block;
overflow:hidden;
}
a#enter_carteInteractive  {
background-image:url(images/enter_carteInteractive.jpg);
background-position:top center;
background-repeat:no-repeat;
}
a#enter_carteInteractive:hover {
opacity:0.8;
filter:alpha(opacity=80); 
}




#diaporamoPhoto h3 a {
float:left;
width:374px;
height:178px;
display:block;
overflow:hidden;
margin-bottom:10px;
}
a#enter_diaporamoPhoto  {
background-image:url(images/enter_diaporamoPhoto.jpg);
background-position:top center;
}
a#enter_diaporamoPhoto:hover {
opacity:1;
filter:alpha(opacity=100);
cursor:default;
}


span.edito {
padding:16px;
text-align:justify;
display:block;
overflow:hidden;
width:340px;

 
}
div.edito p {
float:left;
 
}
 
#Slidemask {
overflow:hidden;
widows:375px;
height:620px;
display:block;
}
#Slidemask2 {
overflow:hidden;
widows:375px;
height:365px;
display:block;
clear:both;
}

#Maskcontent {
width:1500px;
}



/*diaporama philosaphie*/

#preview {
	overflow:hidden;
	display:block;
	height:253px;
	width:375px;
	position:relative;
	}
	
		#preview img {
		position:absolute;
		display:none;
	}
	
		#preview a img  {
		border:0;
	}
	
	
		#preview a:hover {
		border:0;
		filter:alpha(opacity=90);
		opacity:0.9;
		color:#FFFFFF;
	} 
	
	#preview_info {
	background-color:#000000;
	position:absolute;
	background-image:url(images/loupe.png);
	background-position:350px 6px;;
	background-repeat:no-repeat;
	font-size:x-small;
	padding:3px;
	padding-left:0;
	padding-top:5px;
	padding-left:216px;
	height:16px;
	display:none;
 
	opacity:0.7;
		filter:alpha(opacity=70);
		color:#FFFFFF;
	}
	
	#mask_diapo_top {
	position:absolute;
	width:375px;
	height:21px;
	display:block;
	background-image:url(images/mask_diapo_top.png);
	
	}
	
	#mask_diapo_bottom {
	position:absolute;
	width:375px;
	height:21px;
	margin-top:232px;
	display:block;
	background-image:url(images/mask_diapo_bottom.png);
	
	}
	
	
	
	
	



/* PAGE ACTIVITES */
ul#listeactivites li {
float:left;
}

#box_activites {
background-image:url(images/box_activites_titre.jpg);
background-position:top left;
background-repeat:no-repeat;
width:374px;
display:block;
padding-top:55px;
background-color:#f0a027;
color:#7C4D25;

}

#box_activites p {
max-height:275px;
overflow-x:hidden;
overflow-y:auto;
padding:18px;
padding-bottom:0;
}



#box_activites span.bottom_box {
background-image:url(images/box_activites_bottom.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}



#videoActivites {
/*background-image:url(images/bg_activites_video.jpg);
background-position:top left;
background-repeat:no-repeat;
width:374px;
height:227px;*/
display:block;

text-align:center;
vertical-align:bottom;
margin-top:5px;

}




div.Slidebox1, div.Slidebox2, div.Slidebox3, div.Slidebox3 {
display:block;
width:375px;
float:left;

}

#liste_activites ul li {
list-style:decimal;

}


.lireSuite, .lireSuite2, .lireSuite3 {
background-image:url(images/lirenext.jpg);
background-position:right bottom;
padding-right:25px;
background-repeat:no-repeat;
cursor:pointer;
float:right;
position:relative;
top:-11px;
right:18px;
}

.lireAvant, .lireAvant2, .lireAvant3 {
background-image:url(images/lireprev.jpg);
background-position:left bottom;
padding-left:25px;
background-repeat:no-repeat;
cursor:pointer;
float:left;
position:relative;
top:-11px;
left:18px;
}

 .A {
background-image:url(images/lirenextB.jpg);
background-position:right bottom;
padding-right:25px;
background-repeat:no-repeat;
cursor:pointer;
float:right;
position:relative;
top:-13px;
right:18px;
z-index:1000;
margin-bottom:-13px;
}

.R {
background-image:url(images/lireprev.jpg);
background-position:left bottom;
padding-left:25px;
background-repeat:no-repeat;
cursor:pointer;
float:right;
position:relative;
top:37px;
 z-index:1000;
left:-3px;
}




div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	/*position: relative;*/
	height: 190px;
	width: 765px;
	overflow: auto;
	display:block;
	float:left;
}
ul.sc_menu {
	display: block;
	height: 190px;
	/* max width here, for users without javascript */	
	width:1200px;
	/*padding: 15px 0 0 15px;*/ 
	/* removing default styling */
	margin: 0;		
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 8px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	/*display: block;*/
}
.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}







/* PAGE SERVICES */
 
#box_services {
background-image:url(images/box_services_titre.jpg);
/*background-image:url(images/bg_services.jpg);*/
background-position:top left;
background-repeat:no-repeat;
width:374px;
display:block;
padding-top:55px;
color:#7C4D25;
background-color:#C5B597;
}

#box_services span.bottom_box {
background-image:url(images/box_philosophie_bottom.jpg);
background-position:bottom left;
background-repeat:no-repeat;
}

#box_services p {
padding:18px;
}


#liste_activites  {

}


div.veloBox {
background-image:url(images/box_velo_titre.jpg);
}






/*PAGE HEBERGEMENT */
#adminBox.admin_hebergement {
background-image:url(images/enter_texte_2.jpg);
color:#ffffff;
}
.marron {
background-image:url(images/enter_texte_3.jpg)!important;
color:#ffffff;
}
.marron a {
color:#ffffff!important;
}
#adminBox h3 {
font-size:16px;
margin:0;
margin-bottom:15px;
color:#FFFFFF;
clear:both;
float:none;
}




#box_hebergement {

background-position:top right;
background-repeat:no-repeat;
width:729px;
display:block;
padding:18px;
color:#F4EBE1;

float:left;
}

#box_hebergement h2 {
font-size:20px;
}


#box_hebergement p {
margin:20px 0px;
clear:both;
}


span.box_pied  {
 
background-position:top right;
background-repeat:no-repeat;
width:765px;
display:block;
height:17px;
color:#F4EBE1;
left:-18px;
position:relative;
top:18px;
float:left;
}


.tipis {
background-image:url(images/bgTop_mh.jpg);
background-color:#727D54;
}
.tipis span.box_pied  {
background-image:url(images/bgbottom_mh.jpg);
}

.chalet {
background-image:url(images/bgTop_region.jpg);
background-color:#AC7F48;
}
.chalet span.box_pied  {
background-image:url(images/bgbottom_region.jpg);
}

.mh {
background-image:url(images/bgbottom_mobile.jpg);
background-color:#C9C996;
color:#727D54!important;
}
.mh span.box_pied   {
background-image:url(images/bgTop_mobile.jpg);
}


.region {
background-image:url(images/bgTop_region.jpg);
background-color:#AC7F48;
}
.region span.box_pied   {
background-image:url(images/bgbottom_region.jpg);
}


.venir {
background-image:url(images/bgTop_venir.jpg);
background-color:#CBBB9D;
color:#663D1E!important;
}
.venir span.box_pied   {
background-image:url(images/bgbottom_venir.jpg);
}
 





.box_inter_left {
width:280px;
float:left;
margin-bottom:10px;
display:block;
}

.box_inter_right {
width:410px;
float:left;
margin-left:33px;
margin-bottom:10px;
}


.Fab1 {
width:364px;
float:left;
margin-bottom:10px;
display:block;
border-right:1px dotted #FFFFFF;
border-top:1px dotted #FFFFFF;
}
.Fab {
width:364px;
float:left;
margin:0;
 
margin-bottom:10px;
border-top:1px dotted #FFFFFF;
}
.Fab1 p {
padding-right:10px;
}
.Fab p {
padding-left:10px;
}


.box_inter_right p img{
 float:right;
 margin-left:15px;
  margin-bottom:15px;
}

.Fab p img {
 float:none;
 margin:0px;
  margin:0px;
}


a#download_2  {
 
display:block;
background-image:url(images/btn_download.jpg);
background-position:left top;
background-repeat:no-repeat;
width:180px;
height:28px;
text-decoration:none;
}
a#download_2:hover {

display:block;
background-position:left -28px;
text-decoration:none;
}

a#download_2.inventaire  {

display:block;
background-image:url(images/btn_inventaire.jpg);
background-position:left top;
background-repeat:no-repeat;
width:180px;
height:25px;
text-decoration:none;
}
a#download_2.inventaire:hover {

display:block;
background-position:left -25px;
text-decoration:none;
}

a#download_2.dispo  {

display:block;
background-image:url(images/btn_resa.jpg);
background-position:left top;
background-repeat:no-repeat;
width:220px;
height:35px;
text-decoration:none;
}
a#download_2.dispo:hover {

display:block;
background-position:left -36px;
text-decoration:none;
}





a#download_2.blanc  { 
background-image:url(images/btn_download_blanc.png);
}
a#download_2.inventaire.blanc  { 
background-image:url(images/btn_inventaire_blanc.png);
}

a#download_2.dispo.blanc  { 
background-image:url(images/btn_resa_blanc.png);
}




 div.video_hebergement {
height:100%;
 
position:absolute;
text-align:center;
top:110px;
width:762px;
z-index:1000;
 }
 
 span.backGround {
 display:block;
 left:0;
 top:0;
 text-align:center;
 position:fixed;
 width:100%;
 height:100%;
  
 
 z-index:-1;
 	filter:alpha(opacity=95);	
	opacity: 0.95;
 }
 
 .fermer {

 
 }

div.o0 {
display:block;
width:762px;
margin:auto;
}
 
/*.o1 {
	 
	background: url(images/shadow.gif) right 100%;
	background-repeat:no-repeat;
	 
	margin: 0 20px 20px 0;
}

.o2 {
	background:url(images/corner_bl.gif) no-repeat bottom left;
}

.o3 {
	padding:0 6px 6px 0;
	background:url(images/corner_tr.gif) no-repeat top right
}*/





/* PAGE FAQ */

#Boxfaq  {
background-image:url(images/box_faq_titre.jpg);
background-repeat:no-repeat;
background-position:top center;
width:210px;
height:133px;
display:block;
float:left;
padding:18px;
 
}







/* PAGE RESA */


span#chapo_resa {
	display:block;
	height:199px;
	overflow:hidden;
}
h2.resaTitre {
	font-size:24px;
	padding-left:18px;
	text-transform:uppercase;
	display:block;
	text-align:left;
}


img.resaBtn {
border-bottom:3px solid #fff;
border-top:1px solid #CABA9C;
}
img.resaBtn:hover, #actuBox a img:hover {
	opacity:0.8;
filter:alpha(opacity=80);
}


.resaSousTitre {
	margin-left:50px; 
	display:block;

}
h3.resaSousTitre {
	font-size:18px!important;
	margin-bottom:5px;

}	
#resa_info  {
background-image:url(images/bg_resa.jpg);
background-repeat:no-repeat;
background-position:top center;
width:337px;
height:50px;
display:block;
float:left;
padding:18px;
margin-top:10px;
 
}
#resa_internet, #resa_courrier, #resa_email, #resa_tel  {
background-repeat:no-repeat;
background-position:top center;
width:337px;
height:165px;
display:block;
float:left;
padding:18px;
padding-top:15px;
margin-top:15px;
}

#resa_internet  {
background-image:url(images/bg_resa_internet.jpg);
color:#FFF;
background-color:#663D1E;
}
#resa_courrier {
background-image:url(images/bg_resa_courrier.jpg);
color:#663D1E;
background-color:#CABA9C;
}
#resa_tel {
background-image:url(images/bg_resa_tel.jpg);
color:#663D1E;
background-color:#CABA9C;
height:210px;
margin-bottom:8px;
}
#resa_email {
background-image:url(images/bg_resa_email.jpg);
color:#663D1E;
background-color:#CABA9C;
}


#BoxCommentPayer {
background-repeat:no-repeat;
background-position:top center;
float:left;
padding:18px;

 
	display:block;
	background-image:url(images/bg_resa_payer.jpg);
color:#663D1E;
background-color:#CABA9C;
height:145px;
}

div.commentPayer {
clear:both;
display:block;
width:753px;

}