/*
 * ------------ templates/defaut/themes/1/css/style_layout.css ---------- 
 *
 */

@charset "utf-8";

/*
 * Style layout
 * Mise en page du template et positionnement des éléments
 * Customisation des éléments de la page
 */
 
/*
 * FONTS ----------------------------------------------------------
 */
 
@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/helveticaneue-bold-webfont.eot');
    src: url('../fonts/helveticaneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-bold-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-bold-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-bold-webfont.svg#HelveticaNeueBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

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

}

/*
 * CUSTOMISATION DES TAGS PRINCIPAUX ------------------------------
 */
 
html, body,
#form_contact input,
#form_contact textarea { /*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/ } 

html, body {
	margin:0;
	padding:0;
	font-size:13px;
	color:#FFFFFF;
	background:#000 url("../img/bg-body.jpg") no-repeat fixed center top;
}
body {
	/*background-color:#D7C3A2;*/
}

p, table, tr, th, td, ul, li { margin:0; padding:0; }

a,
a:visited 	{ text-decoration:underline; color:#29251B; outline:none; }
a:hover 	{ text-decoration:none; }

h1, h2, h3, h4, h5, h6	{ margin:0; padding:0; line-height:1.5; height:auto; }

h1						{  }
h1,						
h2.h2_accueil			{ font-size:18px; margin-bottom:5px; }
h2						{ }
h3						{ }
h4						{ }
h5						{ }
h6						{ }

select option { font-size:13px; line-height:1.2em; }

/*
 * CONTENEURS (de haut en bas) ------------------------------------
 */

/* conteneur de la page */
div#container {
	width:996px;
	margin:0 auto;
	padding:0;
}

div#container-content {
	
}

table#table-container					{ }
table#table-container tr				{ }
table#table-container tr td				{ vertical-align:top; }
table#table-container tr td#td-header	{ background:#A9854C; width:277px; border-right:3px #FFFFFF solid; }
table#table-container tr td#td-contenu	{ background:#93794F; width:700px; }


/* BANDEAU RESA */
div#bandeau-resa { display:none; background:#32b32b; border-left:solid 1px #4D4C48; border-right:solid 1px #474644; padding:5px; }


/* header */
div#header 				{ background:url("../img/bg-header.jpg") top center no-repeat; }
div#header h1 { display:block; height:290; width:355px; margin-left:25px; padding-top:33px; float:left; }
div#header h1 a img		{ margin:0; }
div#header #p1		{ font-family:"HelveticaNeueLightItalic"; text-align:center; width:285px; float:left; font-size:22px; font-weight:normal; margin-top:45px; }
div#header #p2		{ font-family:"HelveticaNeueLight"; width:265px; float:left; font-size:32px; margin-top:8px; margin-left:65px; }
div#header a#btn-reserver		{ float:right; display:block; height:35px; width:285px; background:url("../img/btn-reserver.png") no-repeat top center; color:#FFF; font-size:18px; text-align:center; text-decoration:none; margin-right:1px; }

span.ville				{ font-size:15px; display:block; margin:15px 0 0 83px; }
span.tel				{ font-size:15px; display:block; margin:0 0 0 65px; padding:0 0 0 11px; background:url("../img/telephone.png") top left no-repeat; }

div.actu				{ color:#2F1F0B; text-align:center; margin:27px 20px 20px 20px; }
div.actu-top			{ height:1px; background:url("../img/bg_actu_top.png") top left no-repeat; }
div.actu-middle			{ border-left:1px #FFFFFF solid; padding:16px; }
div.actu-bottom			{ height:1px; background:url("../img/bg_actu_top.png") top left no-repeat; }

div.actu-middle a		{ }
span.title				{ font-weight:bold; display:block; text-transform:uppercase; }

/* contenu de la page */
div#contenu				{ background:#ddd2c8; padding-top:7px; }

div#contenu	div.fil-vert 	{ background:url("../img/bg-fil-vert.png") repeat-x top center; height:8px; }

div#contenu table#tab-structure { margin-bottom:7px; }
div#contenu table#tab-structure td { vertical-align:top; }
div#contenu table#tab-structure #col-left, div#contenu table#col-right 	{ vertical-align:top; }
div#contenu table#tab-structure #col-right 			{ width:285px; }
div#contenu table#tab-structure #col-right a.lnk-right 			{ display:block; background:#000; text-decoration:none;  padding-bottom:2px; }
div#contenu table#tab-structure #col-right a.lnk-right span	{ margin-left:9px; font-size:17px; font-family:"HelveticaNeueRegular"; color:#FFF; }
div#contenu table#tab-structure #col-right a.lnk-right img	{ display:block; margin-bottom:2px; opacity:0.6;
	/* Firefox */
	-moz-transition-property: opacity;
	-moz-transition-duration: 0.5s;
	-moz-transition-delay: 0.1s;
	/* WebKit */
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-delay: 0.1s;
	/* Opera */
	-o-transition-property: opacity;
	-o-transition-duration: 0.5s;
	-o-transition-delay: 0.1s;
	/* Standard */
	transition-property: opacity;
	transition-duration: 0.5s;
	transition-delay: 0.1s; 
}

div#contenu table#tab-structure #col-right a.lnk-right img:hover, div#contenu table#tab-structure #col-right a.lnk-right.selected img	{ opacity:1; }

img.diapo				{ float:left; }

div#horizontal			{  }
div#vertical			{ float:left; width:399px; }

div.hotel				{ background:url("../img/frise_hotel.png") top right no-repeat; }
div.appartements		{ background:url("../img/frise_appartements.png") top right no-repeat; }

/*
*
*	Pour le textepage voir dans le css style_textepage.css
*
*/
/*div.textepage			{ padding:10px 14px; color:#000; }
div.textepage h1 		{ font-family:"HelveticaNeueUltraLight"; font-size:50px; line-height:50px; color:#000; }
div.textepage a			{ }*/

div.liens				{ margin:0 60px; }
div.liens span			{ display:block; text-align:center; color:#2F1F0B; font-weight:bold; }
div.liens table tr td	{ text-align:center; }

/* bas de page */
div#footer												{ text-align:center; color:#2F1F0B; font-size:11px; padding:14px 20px; padding-bottom:0px; padding-right:5px; height:42px; width:971px; margin:0 auto; background:url("../img/bg-footer.png") repeat-x top center; }
div#footer a														{ margin:0; }
div#footer input#txtNewsletter 							{ background:url("../img/bg-txt-newsletter.png") no-repeat left center; height:29px; width:223px; border:none; font-size:16px; float:left; margin-left:11px; text-align:center; }
div#footer label#lblTxtNewsletter 						{ font-family: 'HelveticaNeueBold'; font-weight:normal; font-size:19px; line-height:1.2em; color:#FFF; float:left; }
div#footer a#btnFB, div#footer a#btnYT,
div#footer a#btnNewsletter								{ float:left; }
div#footer a#btnFB,div#footer a#btnNewsletter	{ margin-left:10px; }
div#footer a#btnYT 											{ margin-left:4px; }
div#footer a#btnNewsletter								{ display:block; height:31px; width:31px; color:#FFF; background:url("../img/btn-newsletter.png") no-repeat center center; font-family: 'HelveticaNeueBold'; font-size:13px; text-decoration:none; text-align:center; line-height:30px;  }
div#footer div#mentions									{ float:right; text-align:left; width:280px; color:#FFF; }
div#footer div#mentions ul#menubas					{ display:block; position:relative; }
div#footer div#mentions ul#menubas li				{ list-style:none; float:left; display:inline; margin-right:5px; }
div#footer div#mentions ul#menubas li a				{ color:#FFF; text-decoration:none; }
div#footer div#mentions ul#menubas li.current a	{ font-weight:bold; }
/*
 * MENUS ----------------------------------------------------------
 */

/* lang */
ul#lang						{ position:absolute; margin:290px 0 0 900px; }
ul#lang li					{ list-style:none; display:inline; margin:0 4px; }

/* menu */
#navigation			{ position:relative; display:block; height:50px; padding:0; margin:0;  }
#navigation li		{ float:left; display:inline;  list-style: none; padding:0; margin:0; height:50px; }
#navigation li a		{ float:left; display:block; border:0; text-decoration:none; font-weight:normal; vertical-align:middle; color:#666666; font-size:16px; font-family:"HelveticaNeueLight"; white-space: nowrap; line-height:50px; height:50px; width:127px; padding-left:15px; background:#b4a38d url("../img/bg-menu.png") no-repeat left center; color:#FFF;  }
#navigation li a:hover	{ background:#52b627 url("../img/bg-menu-hover.png") no-repeat left center; color:#FFF; }
#navigation li.current a
,#navigation li.jdm_hover a    		{ background:#52b627 url("../img/bg-menu-hover.png") no-repeat left center; color:#FFF;  }
#navigation li.current ul li a
,#navigation li.jdm_hover ul li a 	{ background:none; }

#navigation li ul { display:none; position:absolute; background-color:#ffffff; clear:left; height:auto; padding:0; margin:0px 0 0 0px;   z-index:1000; width:218px; background:#52b627 url("../img/bg-ss-menu.png") repeat-y left center; }
#navigation li ul li, #navigation li ul li:hover { display:block; float:none; padding:0; margin:0; list-style-position:outside; height:23px; }

#navigation li ul li a { 
	display:block; 
	float:none; 
	padding:0.2em 0.5em 0; 
	margin: 0 19px; 
	padding-left: 0; 
	padding-right: 0;  
	line-height:normal; 
	color:#FFF; 
	font-size:13px; 
	height:18px; 
	line-height:1.2em;
	width:180px; 
	background:none; 
	border-bottom:1px solid #fff;
}

#navigation li ul li a:hover ,#navigation li.jdm_hover ul li a:hover ,#navigation li ul li.current a { 
	background:none; 
	color:#FFF;
}

/* coords */
div#coords { text-align:center; color:#8C837B; margin:15px 0 0 0;  font-size:11px; }
div#coords a { color:#8C837B; text-decoration:none; }
div#coords ul { }
div#coords ul li { list-style:none; color:#6B5543; display:inline; margin:0 2px; }
div#coords ul li a { color:#6B5543; }

/*
 * STYLES PERSONNALISES ----------------------------------------------------------
 */

/*
* FORMULAIRES */
div.leform								{ width:270px; float:left; }

#form_contact .required 				{ color:#CC0000; }
#form_contact 							{ border:0; margin:0; font-family:"HelveticaNeueRegular"; color:#000; /*padding:10px 14px;*/ }
#form_contact legend 					{ }
#form_contact legend.img				{ }
#form_contact p 						{ text-align:center; }
#form_contact ul 						{ margin:0; padding:0; }
#form_contact ul li 					{ list-style:none; display:block; min-height:24px; margin:4px 0 0 0; /*float:left;*/ }
#form_contact legend img				{ }
#form_contact ul li label				{ width:100%; display:block; text-transform:uppercase; /*float:left;*/ line-height:24px; font-weight:normal; font-size:14px; }
#form_contact ul.anti-spam li label		{  }
#form_contact label.error				{ display:none !important; }
#form_contact .inline					{ }
#form_contact input						{ /*margin:0; padding:3px; width:167px; font-size:11px;*/ /*float:left;*/ }
#form_contact input[type=text],
#form_contact input[type=password] 		{ width:260px; height:18px; background:#FFF url("../img/bg-input-blanc.png") no-repeat right top; font-size:13px; font-family:"HelveticaNeueRegular"; margin:0; padding:3px;  border:none; margin-left:14px; }
#form_contact ul.anti-spam li input		{  margin:0px; }

#form_contact input.error[type=text],
#form_contact input.error[type=password]				{ border: solid 1px #CC0000; }

#form_contact input[type=file] 			{ }
#form_contact input[type=radio] 		{ }
#form_contact input[type=checkbox],
#form_contact input.checkbox 			{ }
#form_contact input[type=text]:focus,
#form_contact textarea:focus			{ }

#form_contact select 					{ }
#form_contact textarea					{ margin:0; padding:3px; font-size:13px; font-family:"HelveticaNeueRegular"; width:260px; height:73px; background:#FFF url("../img/bg-textarea-blanc.png") no-repeat right top; border:none; margin-left:14px; }
#form_contact textarea.error				{ border: solid 1px #F33; }

div.subm 								{ float:left; margin-top:10px; margin-left:20px; }
div.subm input.envoi					{ /*background-color:#0B272D; color:#FFFFFF; font-weight:bold; width:175px !important; _width:173px !important; height:24px; margin:0 !important; padding:3px 5px !important; border:0; text-transform:uppercase; _font-family:"Trebuchet MS", Arial, Helvetica, sans-serif !important; _cursor:pointer; _position:absolute; *position:absolute;*/ }
div.subm input.envoi:hover				{ cursor:pointer; }

#form_contact input#captcha_code		{ margin:4px 0 0 0; }

img.crypto								{ float:left; }

div.achtung { height:17px; margin:5px 0 10px 0; }

div.plan { width:501px; float:left; padding:5px 0 0 20px; }
div.plan iframe { margin-top:5px; *margin-top:1px; }

ul.mentions-legales 	{ margin:0 0 0 22px; }
ul.mentions-legales li	{ }

/*
* PLAN Sitemap */
table.sitemap td { vertical-align:top; }
div.sitemap { }
div.sitemap ul { }
div.sitemap ul li { list-style-type:none; }
div.sitemap ul li a { color:#000000; font-weight:bold; font-size:1.3em; line-height:1.3em; }
div.sitemap ul li ul { margin-left:2em; }
div.sitemap ul li ul li { list-style:inside disc; }
div.sitemap ul li ul li a { color:#333333; font-weight:normal; font-size:1em; }
div.sitemap ul li ul li ul { margin-left:2em; }
div.sitemap ul li ul li ul li { list-style:inside lower-latin; font-size:0.8em; }

/*
* Bloc actualités */
.block_actualites {  }
.block_actualites ul { list-style-type:none; list-style-position:outside; margin:0; padding:0; }
.block_actualites li { display:block; margin:0 0 1em 0; padding:5px; background-color:#F6F6F6; width:781px; float:left; }
.block_actualites a.link_rss { float:right; margin:-3.0em 0 0 0; font-size:9px; text-transform:uppercase; color:#FF9E00; padding:3px 5px; } 
.block_actualites a.link_rss:hover { background-color:#FF9E00; color:#ffffff; } 
.block_actualites h2 { display:block; border-bottom:1px #A2C10B dotted; padding:0.5em; margin:0; font-size:11px; font-weight:bold; text-transform:uppercase; }
.block_actualites .img { float:right; margin:0 0.5em 0 1em; clear:left; }
.block_actualites .texte { background-color:#ffffff; padding:5px 12px 8px 12px; text-align:justify; }
.block_actualites .date { display:block; font-size:9px; color:#cccccc; text-transform:uppercase; text-align:right; padding:0 1em; background-color:#FFFFFF; }

.block_actualites.mini { clear:both; width:35%; float:right; background-color:#EFF4FA; padding:1em; }
.block_actualites.mini li { width:100%;  }
.block_actualites.mini h2 { margin:0; padding:0 0.5em; }
.block_actualites.mini h3 a { display:block; padding:0.5em; text-decoration:none; }
.block_actualites.mini h3 a:hover { background-color:#ffffff; }
.block_actualites.mini .img { height:5em; position:relative; }
.block_actualites.mini .texte { font-size:11px; }		

/*
* PNG Fix */
div#header-content,
div#meteo,
div#div_right_visites h2,
div.menu-fr ul li,
div.menu-de ul li { behavior:url("/common/js/iepngfix/iepngfix.htc"); }




