@charset "utf-8";
/******************************************************/
/*********************** GLOBAL ***********************/
/******************************************************/
* {list-style:none;	margin:0px;	padding:0px} /* a checker si utile */
html, body {height:100%}
html, body, p, ol, ul, li, h1, h2, h3 {margin:0;padding:0}
body {
	text-align:center; margin:0;
	font:13px "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height:24px;
	color:white;
	background:#464646;
}
a:link, a:visited {color:#DDD}
a:hover, a:active {color:white}
img, a img {border:none}
h1, h2, h3 {letter-spacing:-1px}
h1 {font-size:32px;line-height:40px}
h2 {font-size:20px}
li {list-style-type:none}
.gras {font-weight:bold}
.italic {font-style:italic}
.small-caps {font-variant:small-caps}
.right {text-align:right}
.float-r {float:right}
.float-l {float:left}
/* Hides from IE5-mac \*/
* html .buggybox {height:1%;}
/* End hide from IE5-mac */
.double {font-size:200%}
.font120 {font-size:120%}
.font84 {font-size:84%}
.font76 {font-size:76%}
.top-4 {margin-top:4px}
.top-10 {margin-top:10px}
.top-40 {margin-top:40px}
.red {color:red}
.surligne {text-decoration:line-through}
.displaynone {display:none}

/*******************************************************/
/*********************** COMMUNS ***********************/
/*******************************************************/

#conteneur {width:1000px; margin:30px auto 30px auto}
#bandeau {background:url(../img/bandeau.jpg); height:274px}
#tag a {text-decoration:none}
#tag {line-height:1.2em; color:#DDD; font-size:0.9em}
#menu-h {background: url(../img/text-bois.jpg) repeat;
	line-height:18px; text-align:left;font-size:12px}
#menu-h li {display:inline}
#menu-h li a {padding:0 12px 0 12px; text-decoration:none}
#menu-h li.active {padding:0 12px 0 12px;color:#FF6}
	
/******************************************************/
/*********************** ACCUEIL **********************/
/******************************************************/

#page-1 {background:#303030;
	text-align:left; width:1000px;	
	border:1px #BBB solid;
	border-top:none;
	margin-bottom:20px}
#page-1-contenu {background: url(../img/fondu.jpg) no-repeat 0 18px}
#titre {text-align:center; height:82px;
	margin:0 322px 0 0;	padding:18px 0 18px 0}
#last-5 {width:900px; background:#303030;
	border:1px #BBB solid; margin:24px auto 10px auto;
	font-size:0.8em; padding:0 50px}
#last-5 h2 {color:#CC3300; margin:10px 10px 32px 10px}
#last-5 table {border-collapse:collapse}
#last-5 td {text-align:justify;border-top:1px solid #CCC; padding-bottom:20px !important}
#last-5 .date {color:#4A7DAC}
#last-5 .nom {color:#CC3300}
#last-5 a, #livre-link a {text-decoration:none}
#livre-link table {margin:auto; text-align:center}
#livre-link td {background:#303030;border:1px solid #BBB;padding:16px 0}
#livre-link a:link, #livre-link a:visited {color:#CC3300}
#livre-link a:hover, #livre-link a:active {color:#FF6}
	/******************* CONTENU ********************/

#contenu {text-align:justify;margin:0 350px 0 250px; height:290px}
#contenu h2 {text-align:center;}
#contenu p {padding-top:16px; font-size:14px}
#conteneur_infos {margin-left:250px;
	border:1px solid #BBB; width:400px; 
	overflow:hidden; line-height:normal}
#cadre_infos {position:relative;
	width:400px; height:19px; 
	overflow:hidden; background:#303030}
#infos {position:absolute;
	left:216px;	width:1041px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px; color:#FFFFFF}
#vide {height:357px;}

	/******************** DROITE *********************/

#droite {float:right;width:320px}
#slide-1 {width:300px; margin-top:60px;
	border-left:#000 solid 10px;
	border-right:#000 solid 10px; }
#etoiles {border-bottom:none;
	float:right;width:320px;
	background:#303030;
	text-align:center;
	border-left:#BBB 1px solid;
	border-top:#BBB 1px solid;
	margin:0px auto 0px auto; padding-bottom:16px}
.logo4etoiles {line-height:1.2em;
	margin:10px 4px 10px 16px;float:left;}
#texte4etoiles {margin:10px 16px 20px 0px;
	line-height:1.4em}
	
	/******************** GAUCHE *********************/

#gauche {float:left; width: 198px;
	text-align:center; margin-left:10px}
#page-1 #gauche {margin-top:70px}
#menu-bois {clear:both;	border:1px outset #303030;
	background: url(../img/fond-menu-bois.jpg) no-repeat}
#menu-bois ul {margin-top:12px;margin-bottom:12px;}
#menu-bois li a {margin-left:18px;height:24px;text-decoration:none}
#menu-bois li.active {margin-left:18px;
	color:#FF6;	display: block;
	background: url(../img/menu-bois.jpg) no-repeat}
#menu-bois li a:link, #menu-bois li a:visited {color: #FFFFFF;
	display: block; background: url(../img/menu-bois.jpg) no-repeat}
#menu-bois li a:hover {color: #FFFFFF;	background: url(../img/menu-bois.jpg) 0 -24px no-repeat}
#menu-bois li a:active {color: #FFFFFF;	background: url(../img/menu-bois.jpg) 0 -48px no-repeat}

/******************************************************/
/******************** DESCRIPTION *********************/
/******************************************************/
#page-2 {background:#303030; text-align:justify; width:1000px;	
	border:1px #BBB solid; border-top:none;	margin-bottom:20px;}
#page-2-titre {background:url(../img/page-2-titre.jpg) no-repeat; height:180px}
.cadre-desc h2 {font-size:14px; letter-spacing:normal; text-decoration:underline; font-weight:bold}
.cadre-desc p {margin:10px}
.cadre-desc img {padding:5px}
.img-left img {float:left}
.img-right img {float:right}
#cadre-situation {width:600px; margin:30px 0 0 300px}
#cadre-maison {width:400px; margin:30px 0 0 20px}
#cadre-salon {width:500px; float:right; margin:80px 20px 0 0}
#cadre-chambres {width:450px; clear:both; float:left; margin:28px 0 0 50px}
#cadre-sdb {width:380px; margin:240px 20px 0 560px}
#cadre-jardin {width:400px; margin:20px}
#cadre-patio {width:400px; float:right; margin:70px 20px 0 auto}
#cadre-etoiles {text-align:center; width:76%; margin:auto; border-top:1px solid white}
#cadre-etoiles table {margin:auto}
#cadre-equipement {width:400px; float:left; margin:80px auto 0 58px}
#cadre-equipement-2 {width:480px; margin:80px auto 0 510px; line-height:18px}
#cadre-equipement-2 table {overflow:hidden}
#cadre-equipement-2 p {padding-bottom:10px; margin-left:auto; margin-right:auto; width:380px; text-align:center;border-bottom:#BBB 1px solid}
#cadre-equipement-2 th, li.titre-ext {font-variant:small-caps;padding-left:30px; letter-spacing:normal; font-size:13px}
li.titre-ext {margin-top:1.2em}
#cadre-equipement-2 table {font-size:11px; width:100%;margin:20px auto 0 auto}
#cadre-equipement-2 table tr td {vertical-align:top; padding:0 5px 0 5px}
#cadre-equipement-2 .br {margin-left:12px}
#cadre-equipement-2 .col-1 {border-right:1px solid #DDD}
.larger {width:1002px !important}
#lien-video {background:#303030; float:right; border:1px solid #BBB; border-bottom:0px; padding:0 10px}
#lien-video a:link, #lien-video a:visited {color:#FF6}
#lien-video a:hover, #lien-video a:active {color:#FFF}
#bandeau-vimeo {width:1000px; height:274px; overflow:hidden; border:1px solid #BBB; border-bottom:none !important}
.v-align {position:relative; top:-144px}
/******************************************************/
/*********************** PHOTOS ***********************/
/******************************************************/

#conteneur-3 {width:1000px; margin:30px auto 30px auto}
#page-3 {background:#303030; text-align:justify; width:1000px;	
	border:1px #BBB solid; border-top:none;margin-bottom:20px}
#page-3-titre {background:url(../img/page-3-titre.jpg) no-repeat; height:180px}
#thumb-vimeo p {font-size:0.8em}
#intro-map {margin:10px 120px 0 260px; font-size:16px}
#intro-map a {text-decoration:none}
#intro-map p {margin-bottom:20px}
#intro-map img {margin:0 10px 0 10px}
#plan {width:1000px; clear:both; text-align:right}
#download {text-align:center; margin:10px auto 20px auto; width:1000px}
#download table {margin-left:auto; margin-right:auto}
#download table, #download tr {width:900px}
#download td {padding:10px; border:#FFF 1px solid}
.col1, .col2 {width:200px}
.col3 {width:300px}

/******************************************************/
/*********************** TARIFS ***********************/
/******************************************************/

#page-4 {
	text-align:left; width:1000px;	
	border:1px #BBB solid;
	border-top:none;
	margin-bottom:20px;
	background:url(../img/bg-tarifs.jpg) no-repeat 0 18px #303030; 
}
#page-4-contenu {height:1180px}
#page-4 #gauche {margin-top:188px}
#zone-1, #zone-2, #zone-3 {color:#303030; text-align:center}
#zone-1 {float:left; width:240px; height:160px; margin:202px 0 0 36px; padding:10px}
#zone-2 {float:right;width:386px; height:140px; margin:202px 32px 0 0; padding:20px 10px}
#calend-contrat {float:left}
#calendrier {background:url(../img/cadre-calendar-bois.jpg) no-repeat; padding:18px; margin:46px 0px 10px 10px}
#zone-3 {float:right; line-height:18px; width:386px; height:644px; padding:10px; margin:80px 32px 0 0px}
#zone-3 ul {text-align:left; padding:10px 0 30px 64px}
#zone-3 li {font-size:85%}
#zone-3 p {padding:6px; line-height:1.5em; font-size:100%}
#contrat {text-align:right; clear:both; position:relative; margin:10px 10px 0 40px}
#contrat img {float:right; margin-left:10px}
#linge {color:#303030; line-height:1.5em; width:450px; margin:70px auto auto 40px; text-align:justify; border:0px solid red}
#linge h2 {text-align:center; margin-bottom:10px}
#trait-p4 {clear:both;position:relative; top:-70px; width:960px; height:1px; margin:0 auto 0 auto; border-bottom:#DDD 1px solid}

/******************************************************/
/********************** SITUATION *********************/
/******************************************************/
#page-5 {background:#303030; text-align:justify; width:1000px; margin-bottom:20px}
#page-5-contenu {background:#303030;border:1px #BBB solid; border-top:none}
#page-5-titre {background:url(../img/page-5-titre.jpg) no-repeat; height:180px}
#corps a {text-decoration:none; font-weight:bold; font-size:1.1em}
#corps a:link, #corps a:visited {color:white}
#corps a:hover, #corps a:active {color:#FF6}
#intro-situation {margin:40px 0px 10px 224px}
#intro-situation td {vertical-align:top}
#intro-situation p {text-align:justify;margin-right:10px; margin-top:6px}
#situation {margin:48px 16px}
#situation p {text-align:justify;margin:auto 10px}
#google-map {margin-top:32px; text-align:center}
#google-map p {font-size:1.2em; text-align:center}
#itineraire {text-align:center}
#itineraire table {width:900px; margin:0 auto 32px auto; text-align:justify;border-collapse:collapse}
#itineraire h6 {text-align:left;font-size:0.8em;width:900px; font-weight:normal;margin:16px auto 0 auto;padding:0}
#itineraire table td {border-bottom:1px solid #666; padding-top:12px}
#itineraire table img {margin-right:32px}

/*******************************************************/
/********************** LIVRE D'OR *********************/
/*******************************************************/
#page-6 {background:#303030; text-align:justify; width:1000px; margin-bottom:20px}
#page-6-contenu {background:#303030;border:1px #BBB solid; border-top:none}
#page-6-titre {background:url(../img/page-6-titre.jpg) no-repeat; height:180px}

/******************************************************/
/********************** ACTUALITES *********************/
/******************************************************/
#page-7 {background:#303030; text-align:justify; width:1000px; margin-bottom:20px}
#page-7-contenu {background:#303030;border:1px #BBB solid; border-top:none}
#page-7-titre {background:url(../img/page-7-titre.jpg) no-repeat; height:180px}
#corps a {text-decoration:none; font-size:1.1em}
#corps a:link, #corps a:visited {color:#4A7DAC}
#corps a:hover, #corps a:active {color:#CC3300}
#intro-actu {margin:40px 0px 10px 224px}
#intro-actu td {vertical-align:top}
#intro-actu p {text-align:justify;margin-right:10px; margin-top:6px}
.haut {margin-left:224px !important}
.article {margin:16px 22px 64px 16px; border-top:1px solid #ccc}
.article img {margin:10px; border:0;
-moz-box-shadow: 6px 6px 5px 0px #000000;
-webkit-box-shadow: 6px 6px 5px 0px #000000;
-o-box-shadow: 6px 6px 5px 0px #000000;
box-shadow: 6px 6px 5px 0px #000000;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.article h1 {color:#FF6}
.article p {text-align:justify;margin:auto 0 auto 10px; font-size:110%}
.date-art {color:#4A7DAC}
.categorie {color:#CC3300; margin-left:24px}

/******************************************************/
/****************** MENU-BAS - FOOTER *****************/
/******************************************************/
.menu-bas li {display:inline; padding:0 18px 0 18px}
.menu-bas {border-top:#BBB 1px solid}
.menu-bas li a {text-decoration:none}
.menu-bas .active {color:#FF6}
#menu-b1 {clear:both;font-size:10px;
	line-height:16px;background:#303030;
	width:680px;text-align:left}
#menu-b1.menu-bas li {padding:0 12px 0 12px}
#menu-b2 {background: url(../img/text-bois.jpg) repeat;
	font-size:12px; clear:both;	margin-top:20px;
	line-height:18px; text-align:center}
#part, #footer {width:980px; line-height:1em;
	text-align:center;font-size:10px}
#part {margin:80px auto 0px auto;padding-top:16px; border-top:1px solid white; padding-bottom:32px}
#footer {margin:10px auto 0 auto}
#part p, #footer p {margin:10px auto}
#vivaweek {max-width:350px; margin-left:auto; margin-right:auto}
#footer a {padding:8px 10px 8px 10px}

#part a:link, #part a:visited, #footer a:link, #footer a:visited {
	color:#96BA89; text-decoration:none}
#part a:hover, #part a:active, #footer a:hover, #footer a:active {
	color:#FF6}

/* ------------ COULEURS ------------ */
  /*
  TEXTE Rouge/Bdx :		#990000 = #900
  TEXTE Rouge/Orange : 	#CC3300
  TEXTE Bleu clair :	#4A7DAC
  TEXTE Jaune :			#FF6 = #FFFF66
  
  Background : 			#303030		+ Clair : #464646
  
  Vert de ré : 			#96BA89		+ Clair : #B3CEAA (goguettes)
  
  Bleu brut (link) : 	#0066FF
  Bleu très clair) : 	#DEE7FF
  Turquoise : 			#006282
  */