/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<< CSS DOCUMENT >>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<< 00/08/2008 >>>>>>>>>>>>>>>>>>>>> */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>> */





/* <<<<<<<<<<<<<<<< MISE EN PAGE GENERALE >>>>>>>>>>>>>>>> */

/* Sélecteur universel (toutes les boites) avec ici un calibrage, car cette mesure désactive les différentes valeurs des feuilles de styles intégrées du navigateur et crée une situation homogène. */



* {

	margin: 0;

	padding: 0;

}

html {

	height: 100%;

	font-size: 100%; /* Pour être sûrs que toutes les tailles de police héritent correctement de la valeur par défaut des navigateurs (autrement dit, 16px), on définit pour commencer une taille de 100% pour l'élément HTML. */

}

body {

	width: 100%;

	height: 100%;

	padding: 0;

	color: #724018;

	font-size: 0.625em; /* La taille de base sera de 10px avec les valeurs par défaut de police du navigateur (10/16=0.625). Le calcul de la taille de police des éléments enfants s'effectuera maintenant à partir de la valeur définie pour body. */

	background: #f9f5e2 url(images/visuel/fond_col.gif) repeat-y; /* raccourci background: color image repeat attachment position; */

}



/* <<<<<<<<<<<<<<<<<<<<< ZONES DIV >>>>>>>>>>>>>>>>>>>>> */



#page {

	position: relative;

	height: 100%;

}

#bandeau {

	position: relative;

	background: transparent url(images/visuel/bandeau.gif) no-repeat 0 0;

	height: 151px;

}

#photo_niv1 {

	position: relative;

	background: #84812E url(images/visuel/fond_photo2.gif) repeat-x;

	height: 200px;

}

#bodyaccueil #photo_niv1 {

	position: relative;

	background: #84812E url(images/visuel/fond_photo.gif) repeat-x;

	height: 302px;

	background-color:#003333;

}

#bodyaccueil #photo_niv1  img, #photo_niv1 img {

	display: block;

	position: absolute;

	top: 0;

	left: 80px;

}

#texte_vert {

	position: absolute;

	top: 55px;

	left: 423px;

	font-family: Verdana, Arial, sans-serif;

	font-size: 2em;

	color: #D8E096;

}

#texte_orange {

	position: absolute;

	top: 80px;

	left: 404px;

	font-family: Verdana, Arial, sans-serif;

	font-size: 2.2em;

	color: #F3CF73;

}

#texte_violet {

	position: absolute;

	top: 103px;

	left: 476px;

	font-family: Verdana, Arial, sans-serif;

	font-size: 1.5em;

	color: #BF917C;

}

#texte_vertpale {

	position: absolute;

	top: 120px;

	left: 436px;

	font-family: Verdana, Arial, sans-serif;

	font-size: 1.9em;

	color: #D5CC9B;

}

#contenu {

	position: relative;

	min-height: 150px;

	background-repeat: repeat-y;

	background-image: url(images/visuel/fond_col2.gif);

}

#nav {

	position: absolute;

	top: 0;

	left: 0;

	width: 232px;

}

/*

#centre {

	padding-left: 232px;

	width: 450px;

}

*/

#bodyaccueil #centre {

	padding-left: 232px;

	width: 450px;

	background: transparent url(images/visuel/insecte.gif) no-repeat 232px 0;

}

#centre {

	padding-left: 232px;

	width: 450px;

}

#pied_de_page {

	position: relative;

	height: 180px;

}

#carte {

	position: absolute;

	top: 0;

	left: 682px;

	width: 215px;

	height: 174px;

	background: transparent url(images/visuel/carte.gif) no-repeat;

}

#papillon {

	position: absolute;

	bottom: 0;

	left: 726px;

	width: 247px;

	height: 180px;

	background: transparent url(images/visuel/papillon.gif) no-repeat;

}

#adresse {

	position: absolute;

	bottom: 0;

	left: 80px;

	padding: 60px 0 10px 0;

	background: transparent url(images/visuel/logo_gite.gif) no-repeat 100% 0;

	font-family: Verdana, Arial, sans-serif;

	font-size: 0.9em;

	color: #84812E;

	text-align: right;

}



/* <<<<<<<<<<<<<<<<<<<< NAVIGATION >>>>>>>>>>>>>>>>>>>>> */



#nav ul {

	margin: 21px 0 0 80px;

	padding: 0;

	list-style: none;

}

#nav ul li {

	font-family: Verdana, Arial, sans-serif;

	font-size: 1.2em;

	text-align: left;

	line-height: 20px;

	margin: 0;

}

#nav ul li a {

	color: #7A521D;

	padding-left: 16px;

	background-repeat: no-repeat;

	background-position: 0 50%;

}

#nav ul li a:hover {

	text-decoration: none;

}





#nav #accueil a{

	background-image: url(images/visuel/puce1_marron.gif);

}

#nav #accueil a:hover,

#nav #accueil a.actif {

	background-image: url(images/visuel/puce2_marron.gif);

	color: #A84402;

}

#nav #chambres-dhotes a {

	background-image: url(images/visuel/puce1_turquoise.gif);

}

#nav #chambres-dhotes a:hover,

#nav #chambres-dhotes a.actif {

	background-image: url(images/visuel/puce2_turquoise.gif);

	color: #33B49A;

}

#nav #table-dhotes a {

	background-image: url(images/visuel/puce1_orange.gif);

}

#nav #table-dhotes a:hover,

#nav #table-dhotes a.actif {

	background-image: url(images/visuel/puce2_orange.gif);

	color: #EDA700;

}

#nav #activites-et-loisirs a {

	background-image: url(images/visuel/puce1_violette.gif);

}

#nav #activites-et-loisirs a:hover,

#nav #activites-et-loisirs a.actif {

	background-image: url(images/visuel/puce2_violette.gif);

	color: #C62CAE;

}

#nav #tourisme a {

	background-image: url(images/visuel/puce1_verte.gif);

}

#nav #tourisme a:hover,

#nav #tourisme a.actif {

	background-image: url(images/visuel/puce2_verte.gif);

	color: #83A337;

}

#nav #tarifs-et-reservation a {

	background-image: url(images/visuel/puce1_ocre.gif);

}

#nav #tarifs-et-reservation a:hover,

#nav #tarifs-et-reservation  a.actif {

	background-image: url(images/visuel/puce2_ocre.gif);

	color: #D5562A;

}



/* <<<<<<<<<<<<<<<<<<<<<<< LIENS >>>>>>>>>>>>>>>>>>>>>>> */



#bodyaccueil #photo_niv1 ul, #photo_niv1 ul {

	position: absolute;

	bottom: 7px;

	left: 850px;

	list-style-type: disc;

	padding-left: 15px;

}

#bodyaccueil #photo_niv1 ul li, #photo_niv1 ul li {

	color: #F9E896;

	font-family: Verdana, Arial, sans-serif;

	font-size: 1em;

	line-height: 1.8em;

}

#bodyaccueil #photo_niv1 ul li a, #photo_niv1 ul a {

	color: #F9E896;

}



/* <<<<<<<<<<<<<<<< MISE EN FORME TEXTE >>>>>>>>>>>>>>>> */

.article ul,

.article ol {

	font-family:Verdana,Arial,sans-serif;

	font-size:1.1em;

	line-height:1.6em;

	padding:0px 0px 10px 65px;

	text-align:left;

}

.article a {

	color:#724018!important;

	text-decoration:underline!important;

}

p {

	font-family: Verdana, Arial, sans-serif; /* raccourci font: style variant weight size/line-height family; */

	font-size: 1.1em;

	text-align: left;

	line-height: 1.6em; /* On ne définit pas ici une valeur fixe en pixel pour éviter le chevauchement ou l'espacement des lignes lorsque le texte est grossi. */

	padding: 10px 18px 0px 49px;

}

#bodyaccueil p{

	padding: 28px 28px 0 160px;

}

a {

	text-decoration: none;

	outline: none;

}

a:link, a:visited, a:active {

	text-decoration: none;

}

p a {

	color:#724018!important;

	text-decoration:underline!important;

	}

a:hover {

	text-decoration: underline;

}

.gras {

	font-weight: bold;

}



/* <<<<<<<<<<<<<<<<<<<<<< IMAGE >>>>>>>>>>>>>>>>>>>>>> */



img {

	border: none;

}

/*

.img_texte {

	margin: 0 0 0 49px;

}

*/

.photo_float1 {

	float: left;

}

.photo_float12 {

	float: left;

	margin-top: 150px;

}

.photo_float2 {

	float: left;

	margin-left: 151px;

}

.photo_float3 {

	float: left;

	margin-left: 602px;

}

.photo_float32 {

	float: left;

	margin-left: 602px;

	margin-top: 150px;

}



/* <<<<<<<<<<<<<<<< MISE EN FORME TITRE >>>>>>>>>>>>>>>> */



h1 {

	font-family: Verdana, Arial, sans-serif;

	font-size: 1.3em;

	font-weight: bold;

	text-align: left;

	line-height: 18px; /* hauteur de la fleur devant le titre */

	margin: 0 0 0 14px;

	padding: 22px 0 0 35px;

	background: transparent url(images/visuel/fleur_texte.gif) no-repeat 0 22px;

	border-bottom: #724018 1px solid;

	min-height:28px;

}

/* <<<<<<<<<<<<<<<<<<<< calendrier >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.calendrier {

	font-family: Verdana, Arial, sans-serif; 

	font-size: 1.1em;

	text-align: left;

	line-height: 1.6em; 

	float:left;

	margin-left:49px;

	padding-bottom:10px;

}

td.booked {

	background: #FF0000;

 }

.calendrier td.booked {

	background: #FF0000;

}

.calendrier td, #calendar th {

	padding: 5px;

}

.calendrier td.booked {

	background: #FF0000;

}

.calendrier table {

	border: 1px solid #724018;

	margin: 5px;

 	padding: 5px;

 	float: left;

 	position: relative;

}

.calendrier td, #calendar th {

 	padding: 5px;

}

.calendrier table {

	border: 1px solid #724018;

 	margin: 5px;

 	padding: 2px;

 	float: left;

 	background: #FFFF99;

 	position: relative;

}

.calendrier td, .calendar th {

	padding: 3px;

 	background: #FFFFFF;

 	border: 1px solid #724018;

}

.calendrier td.booked {

	background: #FF0000;

}

.calendrier table caption {

	font-weight: bold;

}

.ajusteur {

	clear:both;

	line-height:0px;

	font-size:1px;

	height:0px;

	color:#FFFFFF;

}

.flashmovie {

	margin-left:49px;

}