@charset "utf-8";

@font-face {
    font-family: 'arimoregular';
    src: url('../../fonts/arimo-regular-webfont.eot');
    src: url('../../fonts/arimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/arimo-regular-webfont.woff2') format('woff2'),
         url('../../fonts/arimo-regular-webfont.woff') format('woff'),
         url('../../fonts/arimo-regular-webfont.ttf') format('truetype'),
         url('../../fonts/arimo-regular-webfont.svg#arimoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.locatif { margin-bottom:20px }
.locatif .locatifblock { padding:0px 10px 0 0 !important }
.locatif .innerlocatif { padding:20px } 
.locatif .locatifblock.end { margin-bottom:10px }
.locatifblock a.btn-primary, .emplacementsblock a.btn-primary { color:#fff; margin:8px }

.innerlocatif li { margin-top:14px }

.adp-directions { width:100%}

html, body { padding:0px; margin:0px; width:100%; height:100%; background:#636971 }
body
{	letter-spacing:1px !important;
	background:none !important;
	margin:0; padding:0;
	color:#FFF;
	font-size:15px;
	font-family: 'arimoregular';
}
html { }

html.bgpage { background:#636971 }

p { margin:15px 0; padding:0 30px }

a { text-decoration:none; color:#fff }
#album a, #tablealbumphoto a { color:#38170E !important}
#album .container { width:auto !important; margin-left:-26px }
a.next { left:287px !important }
#tablealbumphoto { margin:10px auto 0 auto;}
a:hover { color:#FFF; }

a:link, a:visited, a:hover, a:active { color: #38170E }

.clear { clear:both }
.inner { max-width:1240px; margin:0 auto; }
.alignright { text-align:right}
.centertxt { text-align:center }
.txtbold { font-weight:bold }

h1, h2, h3, h4 { position:relative; min-height:40px; height:auto; padding-left:33px; background:#231C14; font-size:1.6em !important; line-height:40px; color:#B4C401; font-style:italic; clear:both } 
h2,h3,h4 { background-position:0px -39px; font-size:1.3em !important }
h3, h4 { font-size:1.2em !important; }
h2 { min-height:34px }
h1 span, h2 span, h3 span, h4 span { background:url(../../images/h1-h2-h3.png) no-repeat; display:block; margin-right:10px; width:40px; height:40px; position:absolute; left:0px; top:0px }

.shadow { box-shadow: 1px 1px 12px #555 }
.txtshadow { text-shadow:black 0.1em 0.1em 0.2em, black 0em 0em 0.2em }

.blockphoto { text-align:center; margin:10px 0 }
.blockphoto img { width:100%; max-width:433px }

#planacces { text-align:center }

/*menu*/
@media(min-width:769px){
	.navbar-header { display:none; }
}
nav { background:none !important; border:none !important; margin:0 auto }
.nav > li > a { padding: 10px 20px; margin:1px 1px 0 0  }
.nav > li > a span.glyphicon-home { vertical-align:sub; top:-2px; }
nav ul li { width:auto; font-size:1.3em; height:42px; line-height:22px; font-weight:normal; /* color:#231c14 */ }
nav ul li.active a, nav ul li:hover a, nav li:focus a { color:#B4C402 !important; background:#231c14  !important; margin:1px 1px 0 0 }
.nav-justified { text-align:right; }
.nav-justified > li { width:auto; padding:0px; display:inline-block; }
.navbar { border-radius:0px }
 
ul.liste { padding-left:40px }
 
/*header*/
header { width:100%; height:56px; background:url(../../images/bg-menu.png) repeat-x top center !important }
.headeraccueil { min-height:750px }

#logo-titre { position:absolute; left:0; top:44px; background:url(../../images/bg-titre.png) no-repeat; margin:0 auto; height:396px; z-index:0; width:263px; text-align:center }
#logo-titre img { position:relative; top:0px }


#edito { display:none; width:533px; height:241px; position:absolute; background:url(../../images/bg-edito.png) no-repeat; top:545px; left:229px }
#edito p { font-size:1.05em; letter-spacing:0; padding:33px 50px 0 50px; color:#B4C402; font-style:italic; text-align:justify; line-height:1.2em } 
#edito-deco { display:none; width:210px; height:210px; position:absolute; background:url(../../images/deco-losange.png) no-repeat; top:400px; left:88px; z-index:-1 } 

header.headeraccueil #edito-deco, header.headeraccueil #edito { display:block }


header .innerheader { position:relative; max-width:1240px; margin:0 auto }
header .inner { position:absolute; top:22px; right:3px } 
#coordonnees { position:absolute; bottom:70px; font-size:1.0em; text-align:center; width:100%; line-height:1.2em } 
#coordonnees span.titre { font-weight:bold; font-size:1.5em }
#flags, #labels { display:inline-block; float:left; height:42px; z-index:1; position:relative; text-align:right; margin:0px; margin-right:30px }   
#labels { width:250px; text-align:center; position:relative; top:0px; left:0; margin-right:0; }	

#labelsgite { float:right; position:absolute; top:15px; right:24px; z-index:10 }
.wifi, .animaux, .ancv, .gdf { display:inline-block; height:42px; width:40px; background:url(../../images/sprite.png) no-repeat 0px 0px; position:relative }
.ancv { width:62px }
.gdf { background-position:-61px 0; width:96px }
.ancv:hover { background-position:0px -40px }
.gdf:hover { background-position:-61px -40px }
.wifi { background-position:-219px 1px; width:62px }
.animaux { background-position:-225px -40px; width:40px }

#flags  { width:70px; margin-top:6px; margin-right:0px; float:right }
#flags a { line-height:30px; width:30px; height:30px; border:1px; letter-spacing:1px !important; font-size:0.9em; font-weight:bold; display:inline-block; text-align:center; margin-left:1px }
#flags a:hover { text-decoration:none }
#flags a.select, #flags a:hover { background:#231c14; color:#B4C402 }

/*wrapper*/
#wrapper { }
#wrapper .inner { min-height:400px; margin:0 auto; }
#wrapper, footer { width:100%; padding:20px 17px; clear:both }

.adp { padding:10px !important }

/*accueil*/
.accueil p.vcenter { background:#3E9FFE; margin:0px; padding:0; text-align:center; font-size:0.8em; height:202px; line-height:202px }
.accueil p.vcenter span { padding:7px 10px 10px; line-height:1.3; display:inline-block; vertical-align:middle; }
.row { min-height:656px; margin-top:15px; max-width:950px; margin-left:277px !important }

/*page*/
.page { background:url(../../images/trans-noir-50.png) repeat; background:#473F34; color:#B4C401; margin-bottom:40px; padding-bottom:20px; min-height:650px }
.page a { color:#fff; font-size:1.0em }

#album table { margin:0 auto }
.photo { margin:0px !important; padding:0 !important; display:inline-block }
.miniphoto { display:inline-block; padding:0 !important; margin:0 !important }
.photo-accueil { display:block }
.miniphotos { text-align:center }
.miniphotos img { border:none; max-width:300px; width:100%; border:2px solid #231C14 }
.miniphotos.trois img { max-width:290px; margin-right:4px }

/*tarif*/
table .center { text-align:center !important; vertical-align:middle !important; }
table.tarifs { width:93%; box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.6); margin:0 auto}
table.tarifs tr td, table.tarifs tr th { color:#38170e;  background:#B4C401; padding:4px 10px; }
table.tarifs tr th { background:#9AAF01; height:45px; }
.table-responsive { margin-top:23px !important }

a.email { display:inline-block; width:42px; height:24px; background:url(../../images/sprite.png) no-repeat -162px -8px; vertical-align:bottom }
a.email:hover { background-position: -162px -48px }

/*footer*/
footer .inner { margin-top:-20px; padding-top:15px; line-height:16px }
footer { width:100%; padding-top:10px; height:auto; min-height:50px; text-align:center; font-size:1.0em; position:relative; bottom:0 }
footer a, footer a:link, footer a:visited, footer a:hover, footer a:active { color:#fff !important }
footer .inner .bdp_client { display:inline }
footer .inner .bdp_client a { color:#aaa }
.tel, .port, .btnemail { margin-top:14px; font-weight:normal !important; width:50px; text-align:center; height:50px; font-size:1.2em; line-height:37px; }
.port, .btnemail { margin-left:40px; }
.btn-primary { background-color:#B4C401; background-image: linear-gradient(to bottom, #B4C401 0px, #9AAF01 100%) !important; border-color:#000 }
.btn-primary:hover { background:#B4C401; border-color:#000 }  
a.tel, a.envelope { color:#231C14 !important }
/*mentions légales*/
div.mentions { padding-top:15px; }
div.mentions table { width:100% !important; margin-bottom:0 !important; }
div.mentions table td { width:50% }
div.mentions .ML_simple { font-weight: normal; }
div.mentions .ML_bold { font-weight: bold; }
div.mentions .ML_titre { font-weight: bold; background:#9AAF01; color:#fff; padding:4px 0 2px 0; margin:10px 0 10px 0; width:100%; }
div.mentions a { font-weight:normal }
div.mentions a:link, div.mentions a:visited, div.mentions a:hover, div.mentions a:active { color: #38170E !important }
div.mentions a .ML_titre { background:none;   font-weight:normal }

a.ml { color:#aaa }

/*slider*/
#slider1_container { margin:0; }
.jssord02l, .jssord02r, .jssord02ldn, .jssord02rdn { background:url(../js/jssor/images/d02.png) no-repeat; position: absolute; cursor: pointer; display: block; overflow:hidden; }
.jssord02l { background-position: -3px -33px; }
.jssord02r { background-position: -63px -33px; }
.jssord02l { background-position: -123px -33px; }
.jssord02r { background-position: -183px -33px; }
.jssord02ldn { background-position: -243px -33px; }
.jssord02rdn { background-position: -303px -33px; }

/* Supersize */
#controls { height:35px !important}

/*formulaire*/
.form-control::-moz-placeholder { /*color:#3F1B0F*/ }
.control-label { width:39% }
.form-control { border-color:#fff; box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.4); }
input.form-control, select.form-control { height:29px !important } 
select.form-control { line-height:29px !important; }
label { font-weight:normal } 
label.error { display:none !important; }
div.success { background-color:#046202; padding:2px 0; text-align:center;  width:100%; color:#FFF; margin:10px auto 10px auto }
div.error { background-color:#FF0033; padding:2px 0; text-align:center; width:100%; color:#FFF; margin:10px auto 10px auto }
.form-group { margin-bottom:6px }
legend { border-color:#38170E; color:#fff !important; width:auto; margin-bottom:0; padding:0 10px !important }
#validerFormContact { min-width:160px }
#formContact fieldset { width:48%; margin-left:10px; border:1px solid #B4C401}
	
/*date picker*/
div.ui-datepicker{ font-size:13px; }

/* Gmaps */
#gmap { width:100%; margin-bottom:20px; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.7);  }
#gmap.max { height:332px; }
#gmap.min { height:100px; }
.infoWindow { width:320px }
.infoWindow span { color:#666; }
#slideGmap { background: none repeat scroll 0 0 #666666; border-top:1px solid #FFF; display:none; cursor:pointer; color: #FFFFFF; height: 20px; margin-bottom: 10px; padding: 10px 0; position: relative; text-align: center; top: -20px; width: 100%; }
#slideGmap.max span.max { display:block; } #slideGmap.max span.min { display:none; }
#slideGmap.min span.min { display:block; } #slideGmap.min span.max { display:none; }

/*clearfix*/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.fancybox-skin { padding:3px !important; background:#391C16 !important}

/*bootstrap*/
.row { margin:0; }
.smallf { display:none; line-height:0 }
.largef, .largeaccueil { display:inline-block }

.navbar-toggle { background:#B4C401 !important }

/* Slider */
#slideshowWrapper{position:relative;width:646px;margin:auto;}
#fssPrev{position:absolute;top:169px;left:-67px;background:url(images/arrows.png) -67px 0px;width:67px;height:143px;text-indent:-999999px;}
#fssNext{position:absolute;top:169px;left:646px;background:url(images/arrows.png) no-repeat;width:67px;height:143px;text-indent:-999999px;}
#fssPlayPause{position:absolute;top:435px;right:20px;background:url(images/white.png) repeat;padding:4px 0 5px 0;-moz-border-radius:5px;border-radius:5px;width:60px;text-align:center;display:block;color:#333;text-decoration:none;}

ul#slideshow { top:0; right:0; width:686px !important; z-index:1000000; list-style:none; height:393px !important; position:absolute !important }
#fssList{list-style:none;width:646px;margin:auto;padding:5px 0 0 45%;}
#fssList li{display:inline;padding-right:10px;}
#fssList li a{color:#999;text-decoration:none;}
#fssList li.fssActive a{font-weight:bold;color:#333;}

.affichebureau { display:block }
.affichemobile { display:none }

#EmplacementItineraireTexte { background:#9AAF01; font-size:13px }

/* Où sortir */
#manif_all { width:100%; padding:0px; margin:auto;  }
.manif_intro { width:100%; padding-top:15px; padding-bottom:15px;  margin:auto; text-align:center; }
.manif { width:100%; margin-left:0px; margin-bottom:14px; float:left; }
.manif_entete { width:100%;  float:left; padding:0px 4px; height:auto; line-height:14px; background:#9AAF01; color:#231C14 } /* couleur du titre */
.manif_entete a { color:#231C14; font-weight:bold }
.manif_titre { padding-left:2px; float:left; }
.manif_titre a{  text-decoration:none; }
.manif_titre a:hover{  text-decoration:underline; }
.manif_ville { padding-right:2px; float:right; }
.manif_lib { padding:8px 4px; float:left; width:100%; text-align:left; } /* couleur du fond */
.manif_lien { float:left; clear:both;  width:100%; padding:0 0 6px 8px; text-align:left;} /* couleur du fond */
.manif_lienardeche { clear:both; padding-bottom:25px; text-align:center; }
.manif_entete,  .manif_lib,.manif_lien { padding:4px 20px;  }
.manif { background:#231c14;  margin-bottom:12px }

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color:#f00 }

/*jusqu'à 768*/
@media(max-width:768px){
	
	.manif_entete a {float:left; width:100%; margin:4px 0 }
	.manif_titre { width:100% }
	
	.itineraire { padding:0}
	
	#edito,#logo-titre { position:relative;  background:url(../../images/trans-noir-70.png) repeat; width:100%; float:left }
	#logo-titre { top:0px; height:300px; background:url(../../images/bg-titre-mobile.png) no-repeat top center; }
	#edito-deco { display:none !important }
	#edito { top:0; left:0; min-height:240px; height:auto }
	#edito p { padding:20px }
	#coordonnees { bottom:0px }
	
	#bdp_client_perso { margin-top:10px }
	#blockaccueil1 { width:100%; margin:0}
	.blockaccueil { width:100% }
	#minis-photos { width:100%; margin-left:0 }
	#minis-photos div { width:100%; clear:both }
	#minis-photos img { width:80%; } 
	
	#music-flags { margin-top:-20px !important; position:relative; right:0px; left:0; }
		
	header { float:left; height:auto }
	header .inner { float:left; height:auto; width:100%; }
	
	#logo-titre { min-height:100px !important }
	#logo-titre img { top:12px !important }

	#blockaccueil1 { padding:0px }

	#planacces img  { max-width:372px; width:100% }
		
	footer { clear:both; max-height:none;  }
	footer .inner .labels { display:block; }
	footer .inner .bdp_client { padding-bottom:20px; clear: both; float: left; margin: 0; text-align: center;  width: 100%; }
	
	#formContact fieldset { width:100% !important; margin-left:0px; padding:0 12px !important }
	
	.row { margin-left:0px !important }
	nav { height:auto; float:left; width:100%; top:0; margin-bottom:20px; background:none !important; clear:both; position:relative }
	nav ul { float:left; width:100%; height:auto }
	nav ul li { float:left; display:block !important; width:100%; height:auto; line-height:25px !important; background:#B4C401; }
	nav ul li a { margin:0; text-shadow:none }	
	.nav > li > a { padding:0px 4px } 
	nav .navbar-collapse.collapse.in { overflow:hidden; }
	.nav-justified > li > a { margin-bottom:2px}
	.navbar-inverse { border-bottom:none; }
	.navbar-collapse { max-height:none; border-color:none }
	/*.navbar-collapse.collapse { display:none; }*/
	.navbar { margin-bottom:0px !important }
	nav ul li {
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		border:#231c14 1px solid;
		margin-bottom:2px;
	}
	nav ul { margin:1px auto 0 auto }
	nav ul li:hover { color:#B4C401; background:#38170e }	
	.menumobile { font-size:1.2em }
	/*.navbar-header { float:none; }
	.navbar-toggle { display:block; }*/
	
	nav ul li.active a, nav ul li:hover a, nav li:focus a { background:none !important }
	nav ul li.active { background:#38170e }
	fieldset { padding:0 !important; }
	fieldset .btn.btn-primary { margin-top:10px;}
	fieldset.col-sm-6 { width:100% !important }
	
	.page .colphoto  {text-align:center; }
	.page { padding:0 }
	
	h1 { font-size:1.4em; } 
	h2 { font-size:1.1em }
	h3 { font-size:1.0em }		
}
/*jusqu'à 992*/
@media(max-width:992px)
{
	#formContact fieldset { margin-left:0 !important }
	 fieldset { padding:0 !important }
	 fieldset.col-sm-6 { width:100% !important }
	 #wrapper { margin-top:70px }	
	.affichebureau { display:none }
	.affichemobile { display:block }
	.smallf { display:block }
	.largef, .largeaccueil { display:none }	
	header .innerheader { background:url(../../images/logo-titre.png) repeat-x center 155px }	
	#bg-accueil { float:left } 		
	.alignright { text-align:center }
	.largeaccueil { display:none }
	#minis-photos { width:100%; margin-left:0 }
	nav ul li {	font-size:1.0em !important }		
	.nav > li > a { margin:1px 1px 0 0 }	
	.nav-justified > li { width:auto; padding:0 6px }	
	body { font-size:14px }
}
	
@media screen and (max-width: 1000px)
{	
	#rsslider, #box-container { clear:both; width:100% !important }		
	.rslides_tabs li { width:90px }
	.rslides_tabs li img { width:100% }
}	
	
@media screen and (max-width: 1010px)
{
	.nav > li > a { padding: 10px 6px !important; }
	nav ul li { font-size:0.95em !important }
	.nav-justified > li { padding:0 2px }
}

@media(max-width:780px)
{
	.nav > li > a { padding: 10px 4px !important; }
}

/*jusqu'à 1200*/
@media(max-width:1200px)
{		
	.nav > li > a { padding: 10px 14px }
	nav ul.nav li a { /* background:none !important*/ }
	nav ul li { font-size:1.2em }
	
	#labels { width:170px; margin:0; }
	#flags { margin-right:10px}
	.nav-justified > li { padding:0px }
}

/***************************** album responsive ************************************************************/
#wrapper { padding:20px 0px }
	.events { list-style: none }
	.callbacks_container { position: relative; float:none; width: 100% }
	.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0 } 
	.callbacks li { position: absolute; width: 100%; left: 0; top: 0 }
	.callbacks img { display: block; position: relative; z-index: 1; height: auto;  width: 100%; border: 0 }
	.callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; left: 0; right: 0; bottom:4px; padding: 10px 20px; margin: 0; max-width: none }
	.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("themes.gif") no-repeat left top; margin-top: -45px }
	.callbacks_nav:active { opacity: 1.0 }
	.callbacks_nav.next { left: auto; background-position: right top; right: 0 }
	#box-container a { display: inline-block;margin:0 0 1px 1px; border:none; vertical-align:top }
	#box-container img { vertical-align:top; border:none }
	#box-container .rslides_here a { background: transparent; box-shadow: 0 0 0 1px #fff }	
	#box-container { text-align:center; padding:0; margin:0; display:inline-block; float:left }
	#rsslider { display:inline-block; float:left; padding:0; top:0; bottom:0; margin: 0 auto; clear:both; overflow:hidden; text-align:center;  }
	#box-container a { padding: 0px }	
	.slider-rs-conteneur { height:auto; width:100%; max-width:1200px; margin:0 auto }		
	.rslides { position: relative; list-style: none; width: 100%; padding: 0;  margin: 0 }	
	.rslides_tabs { padding:0 }
	.rslides_tabs li { display: inline-block; float: none; margin: 0px; vertical-align:top }
	.rslides_tabs a { width: auto; padding: 9px 20px; height: auto; background: transparent; display: inline }
	.rslides_tabs li:first-child { margin-left: 0 }
	.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0 }	
	.rslides li:first-child { position: relative; display: block; float: left }	
	.rslides img { display:inline-block; height: auto; float:none; width:auto; max-width:100% }  
	.rslides .legende { width:100%; text-align:center; min-height:40px !important; font-size:16px; clear:both;  line-height:40px; overflow:hidden }
	.rslides .caption {width:100%; text-align:center; min-height:40px !important; font-size:16px; clear:both;  line-height:40px; overflow:hidden; margin:0; padding:0 !important }  
	#conteneur { text-align:left; margin-bottom:40px }	
	#box-container { width:100% }
	#rsslider { width:100% }
	#box-container.smartphone { max-width:none; width:100% } 
	.smartphone.rslides { display:none !important }