html, body {
	margin : 0;
	padding : 0; 
	font-size : 100%
}
body {  
	font-family : 'Open sans', Arial, sans-serif; 
	color : #938e90;
	font-size : 13px
}
body.node-type-les-tarifs #page-wrapper{ 
	background : url(../images/bg-tarifs.jpg) no-repeat center 50px; 
}
body.front h2{ 
	display : none
}
body.front #page-wrapper{ 
	position:absolute; 
	top:0px;
	width:100%;
	min-width:980px;
	z-index:99;
	margin:0; 
	padding:0
}

body.front #header{
	top : -145px
}
#content.front div.field-item{
	width : 800px; 
	height : 382px; 
	position : absolute; 
	left : 50%;
	top : 200px; 
	margin-left : -400px; 
	float : none; 
	font-family : 'Droid Serif', Georgia, "Times New Roman", Times, serif;
	font-style : italic; 
	font-size : 17px; 
	line-height : 25px; 
	text-align : center;
}

#content.front div.field-item p{ 
	margin-top : 120px
}
#page-wrapper, .region-bottom {
	margin : 0 auto;
	width : 960px;
}
h2, h2.block-title{
	font-family : 'Terminal Dosis Light', Arial, sans-serif; 
	text-transform : uppercase; 
	font-size : 18px; 
	color : #938e90; 
	letter-spacing : 2px;
	padding-bottom : 20px; 
	background : url(../images/bg-title.gif) no-repeat left bottom;
}

/*
 * Header
 */
#header, #header .section{
	background : #f0eae7 url(../images/bg-navigation.gif) repeat-x 0px 152px; 
} 
#header {
	position : relative; 
	z-index : 100;
	width : 100%; 
}
#header .section { 
	text-align : center; 
	position : relative; 
	margin-left : auto;
	margin-right : auto;
	width : 960px; 
	height:183px;
	overflow : hidden
}
#block-locale-language{
	position : absolute; 
	top : 35px; 
	left : 0px;
	width : 82px; 
	height : 97px;
	background : url(../images/bg-menu-lang.gif) no-repeat;
}
#block-locale-language ul, #block-locale-language ul li{ 
	list-style-image : none;
	list-style-type : none;
	list-style : none; 
	margin : 0; 
	padding : 0;
	font-family : 'Open Sans', Arial, sans-serif; 
	font-weight : 400;
	text-transform : uppercase;
	line-height:11px
}
#block-locale-language ul li.en{ 
	padding-right : 15px
}
#block-locale-language ul li.de{ 
	padding-right : 8px
}
#block-locale-language ul{ 
	padding : 10px 25px 0 0;  
	text-align : right;
}
#block-locale-language a{ 
	color : #fff;
	font-size : 8px; 
	text-decoration : none;
}
#block-locale-language a:hover{ 
	text-decoration : underline;
}
span.locale-untranslated{ 
	color : #fff; 
	text-decoration : line-through; 
	font-size : 0.8em
}
#block-locale-language img{ 
	display : none
}
a#logo{ 
	display : inline; 
	float : none
}
a#logo img{ 
	height : 152px
}
#name-and-slogan{ 
	display : none
}
#secondary-menu{ 
	position : absolute; 
	top : 30px; 
	right : 20px
}

/*
 * Main (container for everything else)
 */
#main-wrapper { 
	position : relative;
}

/*
 * Content
 */
#content, .no-sidebars #content {
  float : left; /* LTR */
  width : 100%;
  margin : 0;
  padding : 0; /* DO NOT CHANGE. Add padding or margin to #content .section. */
}
.sidebar-first #content {
  width : 660px;
  margin-left : 300px; /* LTR */ /* The width of .region-sidebar-first. */
  margin-right : -960px; /* LTR */ /* Negative value of #content's width + left margin. */
}
.sidebar-second #content {
  width : 600px;
  margin-right : 60px
}
#content .section {
  margin : 0;
  padding : 0;
}

/*
 * Navigation
 */
#navigation { 
	background : #938f90;
	overflow : hidden;
	padding : 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
	height : 19px;
	margin-top : 1px
}
#navigation ul, #navigation ul li{ 
	list-style : none
}
#navigation li a {
	font-family : 'Terminal Dosis Light', Arial, sans-serif; 
	font-size : 16px; 
	letter-spacing : 2px;
	color : #fff; 
	text-transform : uppercase; 
	text-decoration : none; 
	margin-right : 30px
}
#navigation li a:hover {
	text-decoration : underline
}
#navigation li a.active, #navigation li a.active-trail { 
	color : #000
}
#navigation li.last a{
	margin : 0
}
.with-navigation #content, .with-navigation .region-sidebar-first, .with-navigation .region-sidebar-second {
	margin-top : 3em; /* Set this to the same value as the navigation height above. */
}

/*
 * First sidebar
 */
.region-sidebar-first {
	float : left; /* LTR */
	width : 220px;
  	padding : 0; 
	margin : 0; 
	left : 0; 
  	position : absolute
}
.region-sidebar-first .section {
 	margin: 0 20px 0 0; /* LTR */
  	padding: 0;
}
#block-system-navigation h2{ 
	display:none
}

/*
 * Second sidebar
 */
.region-sidebar-second {
  float : left; /* LTR */
  width : 300px;
  padding : 0; 
  margin : 0;
  text-align : right
 }
.region-sidebar-second .section {
  margin : 0 ;/* LTR */
  padding : 0;
}
.region-sidebar-second h2{
	text-align : right; 
	background-position : right bottom
}

/*
 * Footer
 */
#footer{ 
	margin : 50px 0 30px;
	padding-top : 10px;
	background : url(../images/line-footer.gif) no-repeat center top; 
	clear : both;
}
#footer div, #footer div p{ 
	margin : 0; 
	padding : 0
}
#footer div.region-footer {
	font-family : 'Open sans', Arial, sans-serif;    
	font-weight : 300;
	font-size : 11px;
	line-height : 16px;
	text-align : center; 
}
/*
 * Prevent overflowing content
 */
#header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, .region-footer, .region-bottom {
  overflow : visible;
}

/*---------------------------------------------------------------------------------------------------------------------------
/* page de base + galerie
---------------------------------------------------------------------------------------------------------------------------*/
#block-views-bloc-content-block{
	font-family : 'Open Sans', Arial, sans-serif;
	font-weight : 400;
	color : #575756;
	font-size : 13px;
	line-height : 17px;
	width : 215px;
	padding-left : 5px;
	height : 280px;
	text-align : justify;
	overflow : hidden;
}
#block-views-bloc-content-block ul, #block-views-bloc-content-block li, #block-views-bloc-content-block p{ 
	margin : 0; 
	padding : 0; 
	list-style : none; 
}
/*  Sous-menu */
div.menu-level-2{
	margin-bottom : 20px;
}
div.menu-level-2 ul, div.menu-level-2 ul li{ 
	list-style-image : none;
	list-style-type : none;
	list-style : none;
	margin : 0;
	padding : 0;
}
div.menu-level-2 ul li{ 
	line-height : 25px;
	padding-left : 15px;
	background : url(../images/puce-defaut.gif) 0px 8px no-repeat;
}
div.menu-level-2 ul li.active{ 
	background : url(../images/puce-active.gif) 0px 8px no-repeat;
}
div.menu-level-2 ul li a{
	font-family : 'Muli', Arial, sans-serif;
	font-weight : 400;
	font-size : 14px;
	text-decoration : none;
	color : #777;
}
div.menu-level-2 ul li a:hover{
	text-decoration : underline; 
}
div.menu-level-2 ul li.active a{ 
	text-transform : uppercase; 
	letter-spacing : -1px;
}
/* galerie */
#galerie-wrapper{
	width : 100%; 
	height : 400px; 
	overflow : hidden
}
#galerie-wrapper.vide{
	background : #f6f6f5 url(../images/picto_photo.gif) center no-repeat;
}
#galerie-conteneur{ 
	float : left 
}
#galerie-conteneur div.field-item{ 
	float : left;
	height : auto;
	padding-right : 4px; 
	overflow : hidden
}
#galerie-conteneur div.field-item img{ 
	height : 380px;
	width:auto;
} 
#galerie-conteneur div.field-label{ 
	display : none
}
#galerie-conteneur div.field-item p{ 
	margin : 0; 
	padding : 0
}
h1#page-title{ 
	display : none
}

/*---------------------------------------------------------------------------------------------------------------------------
/* tarifs
---------------------------------------------------------------------------------------------------------------------------*/

div.node-les-tarifs div.content{ 
	width : 250px;
	margin-bottom : 120px; 
	min-height : 400px; 
	font-size : 13px
}
.region-sidebar-second div.block{ 
	margin-bottom : 70px; 
	width : 100%; 
	font-size : 13px
}
#block-views-block-tarifs-block{ 
	margin : 0; 
	padding : 0; 
	clear : both
}
.region-sidebar-second div.bloc_resume, .region-sidebar-second div.bloc_global{ 
	margin : 0;
	padding : 0;  
	width : 100%
}

/*---------------------------------------------------------------------------------------------------------------------------
/* actualites
---------------------------------------------------------------------------------------------------------------------------*/
div.view-actualite ul{
	 margin : 0; 
	 padding : 0
}
div.view-actualite ul li{ 
	width : 100%;
	float : left; 
	padding : 35px 0;
	list-style : none; 
	border-bottom : 1px dotted #333;
}
div.view-actualite ul li.views-row-last{ 
	border : none
}
div.view-actualite ul li.views-row-2 div.bloc_resume,
div.view-actualite ul li.views-row-4 div.bloc_resume,
div.view-actualite ul li.views-row-6 div.bloc_resume,
div.bloc_global,
div.wrapper-img-actu{ 
	float : left
}
div.wrapper-img-actu, 
div.cache-round, 
div.wrapper-img-actu img{
	width : 180px; 
	height : 180px
}
div.wrapper-img-actu{ 
	position : relative; 
	z-index : 99;
	overflow : hidden; 
	text-align : center;
	margin-right : 50px
}
div.cache-round{
	position : absolute; 
	top : 0px; 
	left : 0px;
	z-index : 100;
	background : url(../images/cache-round.png) no-repeat center; 
	text-indent : -3000px;
}
div.view-actualite div.bloc_global{ 
	width : 530px
}
div.view-actualite div.bloc_resume{
	width : 250px; 
	float : right;
	margin-right : 50px;
}
div.view-actualite div.resume{ 
	font-family : 'Droid Serif', Georgia, Times, serif;
	font-style : italic;
	font-size : 14px; 
	line-height : 18px
}
div.view-actualite div.field-content{ 
	font-family : 'Open Sans', Arial, sans-serif; 
	font-size : 13px;
	line-height : 17px;
	font-weight : 300;
	float : left;
	width : 420px;
}

/*
/* liens
*/
a.link, a.link:hover{ text-decoration : none}
a.link:hover span{ text-decoration : underline}
a.link img{ 
	vertical-align : middle; 
	padding : 0 5px 
}
a, a:hover{color : #938e90}
a:visited{color : #938e90}

iframe{ z-index : 80}

/*---------------------------------------------------------------------------------------------------------------------------
/* Formulaire
---------------------------------------------------------------------------------------------------------------------------*/
body.node-type-webform div.form-item{ margin-bottom:12px}
body.node-type-webform #footer{ display:none}
body.node-type-webform h2{
	margin:0;
	margin-bottom:10px;
}

.node-type-webform #block-views-block-tarifs-block{
	width:320px;
	border:none;
}
.node-type-webform .region-sidebar-first p{ 
	margin:9px 0; 
	padding:0
}

body.node-type-webform #page-wrapper{ 
	background : url(../images/bg-tarifs.jpg) no-repeat center 50px; 
}

form{
	width : 352px;
	float:right;
	margin-left:50px
}
fieldset{ 
	margin : 0; 
	padding : 0;
	border : none
}
div.node-webform h2{ 
	background-position : bottom right; 
	text-align : right
}
input, select{ 
	width : 210px; 
	float : left;
	height : 30px; 
	padding : 0 5px;
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px;
	border : 1px solid #ddd;
	color : #333; 
	font-size : 12px; 
}

select.form-select{ 
	width : 220px; 
	padding : 5px 0; 
	*margin-top : 5px
}
input.focus{ 
	background : #f7f7f7 url(../images/bg-input.gif) repeat-y right;
}
input.form-radio, label.option{ 
	width : auto; 
	border : none
}
#edit-actions{  
	width : 100%; 
	float : none; 
	clear : both
}
input.form-submit{ 
	float : right; 
	width : 120px; 
	background : #e3e0e1;
	color : #938e90;
	text-transform : uppercase; 
	border : none; 
}
input.form-submit:hover{
	color : #fff;
	background : #938e90;
}
.node-type-webform .form-textarea-wrapper textarea{
	border-radius : 5px;
	-moz-border-radius : 5px;
	-webkit-border-radius : 5px; 
	border : 1px solid #dddddd;
	width : 222px;
	max-width:222px;
	height : 70px;
	color : #333; 
	padding : 5px;
	font-size : 12px
}
.node-type-webform .form-textarea-wrapper{
	width : 222px;
	float:left;
}
div.form-textarea-wrapper{ 
	float : left;
	width : 573px;
}
.webform-container-inline label{ 
	margin : 0 10px 0 0
} 
label{
	font-family : 'Open Sans', Arial, sans-serif; 
	font-weight : normal;
	font-size : 14px;
	float : left; 
	width : 120px; 
	text-align : right; 	
	line-height : 35px; 
	padding : 0;
	margin : 0 10px 0 0;
	letter-spacing : -1px;
}
label, span.form-required{
	color : #938e90
}
div.form-item{ 
	width : auto;
	*width : 355px;
	float : left; 
	margin : 0 0 20px 0; 
	overflow : hidden;
}
div.webform-component-textarea{ 
	*width : 100%
}
div.webform-component-radios{
	margin-left : 20px;
	*width : 200px
}
div.form-type-radio{ 
	*width : 90px;
}
div.webform-component-markup{  
	width : 350px; 
	height : 35px;
	text-align : right;
	line-height : 40px; 
}
div.webform-component-markup p{
	margin : 0; 
	padding : 0;
	width : 100%; 
	text-align : right; 
	font-weight : bold; 
}
div.webform-datepicker .form-item{
	width : 75px; 
	margin-right : 10px;
	float : left
}
div.webform-component-date, div.webform-datepicker select{ 
	width : 100% 
}
div.webform-datepicker input{ 
	width : 18px; 
	height : 15px; 
	border : none
}
#edit-submitted-arrival-date-day{ 
	width : 50px
}
#webform-component-nb-de-chambres label{ 
	*letter-spacing : -2px
}
#webform-component-mention-2{ 
	width : 100%; 
	line-height : 0; 
	overflow :  visible;
	clear : both;
}

/*
/* reponse formulaire
*/
#message_top div.status{ 
	display : none
}
#message_bottom div.error, #message_bottom div.warning{
	display : none
}
#message_bottom div.status{ 
	text-align : center; 
	background : none; 
	border : none; 
	font-family : 'Open Sans', Arial, sans-serif;  
	font-weight : 600; 
	line-height : 20px;
	color : #938e90;
	font-size : 15px
}
#message_bottom div.status p{
	padding-right:40px
}
div.webform-confirmation{
	text-align : center; 
	background : none; 
	border : none; 
	font-family : 'Open Sans', Arial, sans-serif; 
	font-weight : 600; 
	line-height : 20px;
	color : #938e90;
	font-size : 15px
}
div.webform-confirmation{ 
	padding : 80px 0
}

/*---------------------------------------------------------------------------------------------------------------------------
/* Formulaire connection  
---------------------------------------------------------------------------------------------------------------------------*/
#user-register-form, #user-login, #user-pass{ 
	margin : 30px auto; 
	width : 850px
}
#user-register-form label, #user-login label{
	width : 250px
}
#user-pass div.description, #user-register-form div.description, #user-login div.description{ 
	float : left; 
	width : 300px; 
	margin-left : 20px
}
#user-pass label{
	width : 350px;
}
#user-pass input.form-submit{ 
	width : 450px;
 	margin-left : 100px
}
#user-register-form input.form-submit{
	width : 300px; 
	margin-left : 200px
}


.section-notice-legale #content{ display:none;}

.section-notice-legale .region-sidebar-first{ 
	float: left; 
	padding:80px 0;
	width:100%;
	min-width:100%;
	height:100px;
	position:relative;
}

.section-notice-legale .region-sidebar-first .section{ 
	margin:0; 
	padding:0;
}

.section-notice-legale #block-views-bloc-content-block,
.section-notice-legale .jspContainer,
.section-notice-legale .jspPane{
	width:100%;
	min-width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*
 * If a div.clearfix doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page-wrapper div.
 */
/*
#page-wrapper {
  overflow-y: hidden;
}
*/