@charset "UTF-8";

/*

	FEUILLE DE STYLE PRINCIPALE site CHATEAU DE NAZELLES


	DESIGN
		OVARMA STUDIO - www.ovarma.com
	
	DEVELOPPEMENT
		DIGIKODE - www.digikode.com



	DIMENSIONS BLOCS :
		- pozh : 890 (/2 = 445)
		- contenu :
			- visuel : 335
			- blocArticle : 555


	COULEURS : 
		- Fond page : a6998c
		- Fond contenu : dfd4c5
		
		- menu principal :
			- Items Niv 1 :
				- inactif 	: fff
				- actif 	: eeb42a
			- Items Niv 2 :
				- inactif	: 93361a
				- actif 	: fff
		
		- contenus :
			- titre 		: 2d2723
			- paragraphes 	: 59493f
		
		- pied de page : 
			- normal 		: 53443b
			- surbrillance  : eeb42a
	
	
	Z-INDEX :
		- fondPageMenu : 1
		
		- pozH		   : 2
		
		- bandeau : 
			- visuel   : 10
			- logo 	   : 11
		
		- menuPrincipal :
			- sous menu (ul.sf-menu li li) : 50
		
		- blocPhotos :
			- photoPrecedente : 10
			- chargementPhoto : 11
			- pictoChargement : 12
	
*/



/*

##############################################################################################
	BODY
	et divers (general)

*/

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	}

body {
	background: #a6998c url(../images/fond-page-top.jpg) left top repeat-x;
	}

body * {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}

.cleaner {
	margin: 0;
	padding: 0;
	clear: both;
	}

* a {
	text-decoration: none;
	}

* img {
	border: 0 none;
	}

.invisible {
	display: none;
	}


/*

##############################################################################################
	POZH

*/

#pozH {
	position: absolute;
	width: 890px;
	left: 50%;
	margin-left: -445px;
	z-index: 2;
	}



/*

##############################################################################################
	BANDEAU
		- visuel
		- logo
*/

#bandeau {
	position: relative;
	height: 213px;
	}

#visuelBandeau {
	position: absolute;
	left: 0; bottom: 0; 
	width: 890px;
	height: 188px;
	overflow: hidden;
	z-index: 10;
	}

#logo {
	position: absolute;
	left: 0; bottom: 0;
	width: 334px;
	height: 106px;
	z-index: 11;
	}


/*

##############################################################################################
	MENU PRINCIPAL 
	- menu principal
	- fond page menu
	- pied menu
	
*/

#menuPrincipal {
/*  	margin: 0 auto; */
	width:890px;
	height: 25px;
/* 	border-bottom: 1px solid #dfd4c5; */
	}

#menuRaccordGauche, #menuRaccordDroit {
	height: 24px;
	margin-top: 1px;
	float: left;
	}

#menuRaccordGauche {
	text-align: right;
	}

#menuRaccordDroit {
	text-align: left;
	}


/* Le bloc qui constitue le fond de la ligne menu...  */

#fondPageMenu { 
	position: absolute;
	left: 0; top: 213px;
	width: 100%;
	height: 124px;
	background: url(../images/fond-page-menu.gif) 0 0 repeat-x;
	z-index: 1;
	}

/* ...et son pied */

#piedMenu {
	clear: both;
	margin-top: 1px;
	height: 13px;
	font-size: 2px; line-height: 2px;
	background: url(../images/fond-piedMenu.jpg) left top no-repeat;
	}



/*

##############################################################################################
	BLOC PHOTOS 
	
*/

#blocPhotos {
	position: relative;
	width: 335px;
	height: 282px;
	background: url(../images/fond-blocPhotos.gif) left bottom repeat-x;
	float: left;
	}

/* 
	Position et dimensions des blocs Chargement, photo précédente et picto chargement 
*/

#chargementPhoto {
	position: absolute;
	top: 0; left: 0;
	width: 335px;
	z-index: 11;
	}

#photoPrecedente {
	position: relative;
	width: 335px;
	z-index: 10;
	margin-bottom: 24px;
	}

#pictoChargement {
	position: absolute;
	bottom: 7px; left: 0;
	width: 335px;
	height: 16px;
	display: none;
	z-index: 12;
	
	text-align: center;
	}

#pictoChargement img {
	margin: auto auto;
	}

/* 
	Pied bloc photo 
*/






/*

##############################################################################################
	CONTENUS
	
*/

#contenus {
	width: 555px;
	position: relative;
	background: #dfd4c5 url(../images/fond-contenuTop.gif) left top repeat-x;
	float: left;
 	min-height: 350px;
	}



/*

#################################################
	CARROUSEL
	
*/

#carrousel {
	position: relative;
	width: 435px;
	height: 85px;
	margin-left: 120px;
	background: url(../images/carrousel-fond.gif) 0 0 no-repeat;
	}

#lesVignettes {
	margin-left: 70px;
	}

.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 333px; /*Width of Carousel Viewer itself*/
	height: 75px; /*Height should enough to fit largest content's height*/
	}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 13px 5px 0 0; /*margin around each panel*/
	width: 62px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}

/* Les liens */

#galeriePhotos a:hover {
	border: none;
	text-decoration: none;
	}

/* Les p'tites vignettes... */

.stepcarousel .panel img {
	border: 6px solid #dad2c8;
	}

.stepcarousel .panel img:hover {
	border: 6px solid #eeb42a;
	}

/* Les boutons PRÉCÉDENT / SUIVANT */

#btnPrec {
	position: absolute;
	top: 28px;
	left: 36px;
	}

#btnSuiv {
	position: absolute;
	top: 28px;
	right: 0;
	}



/*

#################################################
	BLOC ARTICLE
	
*/

#blocArticle {
	margin: 25px 30px 60px 60px;
	}


/* Intertitres */

#blocArticle h1 {
	color: #2d2723;
	font-weight: normal;
	font-size: 17px;
	padding-bottom: 20px;
	}


#blocArticle h3, #blocArticle h3.spip {
	color: #706200;
	font-size: 13px;
	margin-top: 0;
	padding-bottom: 0;
	}

#blocArticle h3.spip a {
	color: #706200;
	text-decoration: underline;
	}

#blocArticle h3.spip a:hover {
	color: #59493f;
	}


/* Pargraphes */

#blocArticle p, #blocArticle p.spip {
	color: #59493f;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 20px;
	}


/* Listes */

#blocArticle ul, #blocArticle ol {
	color: #59493f;
	font-size: 12px;
	padding-bottom: 15px;
	padding-left: 30px;
	}

#blocArticle ul li ul, #blocArticle ol li ol {
	padding-top: 0;
	}


/* Tableaux */

#blocArticle table.spip {
/* 	border: none; */
	}

#blocArticle table * {
	font-size: 12px;
	color: #59493f;
	}

#blocArticle caption {
/* 	font-size: 15px; */
	}

#blocArticle thead .row_first {
/*
	font-size: 13px;
	background-color: #f9ffd4;
*/
	}

#blocArticle thead th, #blocArticle thead th.col {
/*
	border: 1px solid #e6e6e6;
	padding: 5px;
*/
	}

#blocArticle tbody td {
	font-size: 12px;
	padding: 5px 10px 5px 0;
	}

#blocArticle tbody td strong {
	color: #7a6f00;
	}

#blocArticle tbody .row_even {
/* 	background-color: #f7f7f7; */
	}

#blocArticle tbody .row_odd {
/* 	background-color: #eee; */
	}



/* Liens */

#blocArticle a, #blocArticle a.spip {
	color: #706200;
	text-decoration: underline;
	}

#blocArticle a:hover, #blocArticle a.spip:hover {
	color: #000;
	}


/* Tableau liens */

#blocArticle #tableLiens {
	width: 100%;
	}

#blocArticle #tableLiens ul {
	padding: 0 0 22px 0;
	}

#blocArticle #tableLiens td {
	width: 50%;
	vertical-align: top;
	}

#blocArticle #tableLiens td h3 {
	color: #2d2723;
	font-size: 17px;
	}

#blocArticle #tableLiens td li {
	list-style: none;
	background: url(../images/puceListesRubLiens.gif) left center no-repeat;
	text-indent: 15px;
	}

#blocArticle #tableLiens td a {
	color: #59493f;
	font-size: 12px;
	text-decoration: none;
	}

#blocArticle #tableLiens td a:hover {
	color: #706200;
	text-decoration: underline;
	}


/*

#################################################
	FORMULAIRE RESERVATION
	
*/

#arriveeJour, #departJour {
	width:60px;
	}

#arriveeMois, #departMois {
	width:75px;
	}

#nombrePersonnes, #arriveeAnnee, #departAnnee {
	width:65px;
	}


/*

#################################################
	FORMULAIRE CONTACT
	
*/

#blocArticle form {
	width: 329px;
	margin-top: 10px;
	}

#blocArticle fieldset {
	border: none;
	}

#blocArticle legend {
	color: #2d2723;
	font-size: 17px;
	}


#blocArticle .formulaire_ok {
	font-weight: bold;
	padding: 10px 0 5px 0;
	}

#blocArticle .formulaire_erreur {
	color: red;
	font-weight: bold;
	padding: 10px 0 5px 0;
	}

#blocArticle .erreur {
	font-size: 11px;
	margin-left: 10px;
	color: red;
	font-style: italic;
	}

#blocArticle .fondErreur {
	background-color: red;
	}


#blocArticle .lesChamps {
	margin: 13px 0 11px 0;
	padding: 18px 18px 8px 18px;
	background-color: #d1c6b7;
	}

#blocArticle p {
	padding-bottom: 10px;
	}

#blocArticle label {
	color: #59493f;
	font-size: 12px;
	}

#blocArticle .champObligatoire {
	color: red;
	font-size: 11px;
	}

#blocArticle p.paragSelect {
	height: 25px;
	clear: both;
	}

#blocArticle input {
	color: #59493f;
	font-size: 12px;
	line-height: 20px;
	width: 100%;
	height: 20px;
	border: none;
	background-color: #fff;
	}

#blocArticle textarea {
	color: #59493f;
	font-size: 12px;
	width: 100%;
	height: 85px;
	border: none;
	background-color: #fff;
	}

#blocArticle textarea.moitie {
	height: 40px;
	}

#blocArticle button {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	}





/*

##############################################################################################
	PIED PAGE 
	
*/

#piedPage {
	position: absolute;
	bottom: 0;
	width: 555px;
	border-top: 9px #59493f solid;
	text-align: center;
	background-color: #a6998c;
	}

#piedPage p, #piedPage p a {
	font-size: 10px;
	color: #53443b;
	text-decoration: none;
	margin-top: 10px;
	}

#piedPage p a:hover {
	color: #eeb42a;
	}