body{
				background-color:#e8ddc9;
				color:black;
				font-family:arial,helvetica,sans-serif;
				font-size:15px;
				padding-top:140px;
				margin:0px;
				/*background-image:url("images/degrade-beige.jpg");*/
				background-attachment:fixed;
			}
			#for_ref{
				border: 1px solid blue;
				overflow: scroll; 
				height: 1px; 	
				width: 1px;
			}
			#menu{
				/*width:200px;
				float:left;
				border: 32px;
				color : red;*/
				border: yellow 0px solid; 
				text-align:center;
				font-size:20px;
				font-family:Monotype Corsiva,arial,helvetica,sans-serif;
			}
			h1{
				font-family:Monotype arial,helvetica,sans-serif;
				font-size:8px;
				text-align:center;
			}		
			h2{
				display:none;
			}
			h3{
				font-family:arial,helvetica,sans-serif;
				font-size:10px;
				margin-bottom:0px;
			}		
			h6{
				display:none;
			}
			#titre{
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				margin:0px;
				padding:0px;
				height:140px;
				background: url("images/plage et bateau-g.jpg") no-repeat #ffffff;
				background-position:100% 100%;
				background-attachment:scroll;
			}
			p.titre-parag{
				font-family:Monotype arial,helvetica,sans-serif;
				font-size:14px;
				text-align:left;
			}		
			p.titre-parag-d{
				font-family:Times new roman,helvetica,sans-serif;
				font-size:14px;
				color:blue;
				text-align:right;
				font-weight:bold;
				text-align:right;
			}	
			#contenu{
				padding-left:10px;	
				border: black 0px solid; 
				border: blue 0px solid;
				margin-top:10px;
				padding-top:1px;
				/*height:700px;*/
				/*background-attachment:scroll;*/
			}
			#contenu a:hover{color:red; cursor:pointer; }
			#contenu a:link{ color:blue; text-decoration:underline;}	
			#contenu a:active{ color:blue; text-decoration:underline;}
			#contenu a:visited{ color:blue; text-decoration:underline;}
			#print{ display:none; }	
			#imp1{display:none;}
			.left { 
				top:0px;
				border: green 0px solid; 
				float: left;
				width: 210px;
				border-right:2px solid blue;
			} 
			.right { 
				margin-left: 210px;
				padding-left:10px;
				border: red 0px solid;
				padding: 10px;
			} 
			p{
				/*color:#000000;*/
				font-size:14px;
				text-align:left;
				line-height:19px;
				background:transparent;
			}
			p.intro{
				border:none;
				text-align:center;
				font-family:Monotype Corsiva,arial,helvetica,sans-serif;
				font-size:30px;
				background:transparent;
				/*font-style:none;*/
				font-weight:bold;
				color:#D600FF;
			}
			p.liste{
				color:#000000;
				font-size:12px;
				text-align:left;
				margin-left:80px;
				line-height:15px;
				background:transparent;
			}
			p.liste-gites{
				color:#000000;
				font-size:12px;
				text-align:left;
				margin-left:10px;
				line-height:15px;
				background:transparent;
			}
			p.notation{
				border:none;
				text-align:center;
				font-family:arial,helvetica,sans-serif;
				font-size:15px;
				background:transparent;
				/*font-style:none;*/
				font-weight:bold;	
				color:#000000;
			}
			p.bungalows{
				/*position:absolute;*/
				top:190px !important;
				top:190px;	
				left:250px;	
			}
			p.picto{
				color:#000000;
				font-family:arial,helvetica,sans-serif;
				font-size:9px;
				text-align:left;
				margin-left:15px;
				line-height:10px;
				background:transparent;
			}
			p.droite{ text-align:right; }
			p.questions{ font-family:Times New Roman,arial,helvetica,sans serif; font-size:17px; text-align:center; }
			p.formulaire{ margin-left:0px; }
			/*p.promo{
				top:-20px;
				left:95px;
				background:red;
			}*/
			p.parag-gites{
				position:relative;
				left:80px;
			}
			p.tarifs a:hover{color:red; cursor:pointer; }
			p.tarifs a:link{ color:"#D600FF"; text-decoration:none;}	
			p.tarifs a:active{ color:"#D600FF"; text-decoration:none;}
			p.Adescro{ color:black; size:2px; text-align:middle;}
			p.villa{
				text-align:right;
				margin-right:20px;
			}
			p.align-gauche{
				 text-align:left;
			}
/*------------------------------------------------------  MENU GAUCHE : LISTE -----------------------------------------*/			
			#menu  ul{ 
				text-align:left;
				margin-left:auto;
				list-style-type:square; 
				font-size:20px; 
				color:black;
				/*list-style-position: none;*/ 
			}	
			#menu  li.active{
				font-family:Monotype Corsiva,arial,helvetica,sans-serif;
				/*list-style-position: none;*/ 
				letter-spacing:normal;
				padding-top:2px;
				padding-bottom:2px;
				list-style-type:none;
				font-size:20px;
				margin-left:0px;
				color:red;
			}			
			#menu a:link,#menu a:active{ color:black; text-decoration:none; }
			#menu a:visited{ color:black; text-decoration:none; }
			#menu a:hover{
				color:red;
				font-family:Monotype Corsiva,arial,helvetica,sans-serif;
				font-size:20px;
				background-color:transparent;
				cursor:pointer;
			}	
			p.images-menu{
				text-align:center;
				margin-left:0px;
				font-size:11px;
			}
				p.images-menu a:link,#menu a:active{ color:blue; text-decoration:underline; }
				p.images-menu a:visited{ color:blue; text-decoration:underline; }
				p.images-menu a:hover{
					color:blue;
					font-family:arial,helvetica,sans-serif;
					font-size:12px;
					background-color:transparent;
					text-decoration:bold;
					cursor:pointer;
				}	
/*------------------------------------------------------  FIN MENU GAUCHE : LISTE -----------------------------------------*/	
/*------------------------------------------------------ LOGO ORCHIDEES ------------------------------------------------------*/
			#logo{
				position:absolute;
				top:50px;
				left:50px;
				width:218px;
				height:120px;
				border:0px solid;
				/*background:url("images/logo sainte anne.gif") no-repeat ;*/
			}
			#Logo a {
			   text-decoration: none; /* définition du lien qui affichera le calque */
				 color: black;
			}
			#Logo a:hover {
			   background: none; /* correction d'un bug IE */
			}
			#Logo a span { /* définition de la balise <span> inclue dans <a> */
			   display: none;
			}
			#Logo a:hover span { /* définition de la balise <span> au survol */
			   display: block; border: 1px solid red;
			   background:white;
			   font-size:10px;
			}
			#Logo img {
				border:1px;
			}
			#Logo dl, dt, dd {
				margin:0;
				padding:0;
			}
			#Logo dl {
				float: left;
				width: 230px;
				text-align: left;
				margin: 1em;
				padding: 0.5em;
				border: 0px solid black;
			}
/*------------------------------------------------------ FIN  LOGO ORCHIDEES ------------------------------------------------------*/	
/*------------------------------------------------------ PICTO VILLA ------------------------------------------------------*/
			#villa-logo{
				position:absolute;
				top:20px;
				left:900px;
				margin:0px;
				padding:0px;	
			}
			#villa-texte{
				position:absolute;
				top:75px;	
				left:870px;
				font-family:arial back,helvetica,sans-serif;
				font-size:15px;
				text-align:center;
			}
				#villa-texte a:link,#menu a:active{ color:blue; text-decoration:underline; }
				#villa-texte a:visited{ color:blue; text-decoration:underline; }
				#villa-texte a:hover{
					color:red;
					font-family:arial,helvetica,sans-serif;
					font-size:15px;
					background-color:transparent;
					font-weight:bold;
					cursor:pointer;
				}	
/*------------------------------------------------------ FIN  PICTO VILLA ------------------------------------------------------*/	
/*------------------------------------------------------  MENU GAUCHE : SOUS LISTE --------------------------------------*/				
			#menu  li  li{
				margin-left:0px;
				color:black; 
				list-style-type:disc; 
				font-size:15px;
			} 
			#menu  ul li ul li a:hover{font-size:17px;}
			#menu ul li ul li.active{
				margin-left:0px;
				letter-spacing:normal;
				font-size:15px; 
				color:red;
				list-style-type:disc;
			}	
/*------------------------------------------------------ FIN  MENU GAUCHE : SOUS LISTE --------------------------------------*/		
/*------------------------------------------------------ Tableau TOUT SAVOIR EN 1 COUP D'OEIL ------------------------------*/

			#vue-rapide td{
				position:relative;
				font-family:time new roman,helvetica,sans-serif;
				font-size:12px;
				color:#000099;
				font-weight:normal;
				text-align:left;
				margin: 0px; 
			}
			#centrage{
				padding-left:20px; 
				padding-right:20px;
			}
			#entete{
				font-family:arial,time new roman,helvetica,sans-serif;
				font-size:12px;
				text-align:center;
			}
/*------------------------------------------------------ FIN Tableau TOUT SAVOIR EN 1 COUP D'OEIL --------------------------*/	
/*------------------------------------------------------ MENU CENTRAL BUNGALOWS ------------------------------------------------*/
		#menu2, #menu2 ul {/* Liste */     
	        padding : 0; /* pas de marge intérieure */
	        margin : 0; /* ni extérieure */
	        list-style : none; /* on supprime le style par défaut de la liste */
	        line-height : 20px; /* on définit une hauteur pour chaque élément */
	        text-align : center; /* on centre le texte qui se trouve dans la liste */
		}
		#menu2 {/* Ensemble du menu */
		    font-weight : bold; /* on met le texte en gras */
		    font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
		    font-size : 12px; /* hauteur du texte : 12 pixels */
		}
		#menu2 a{ /* Contenu des listes */
		    display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
		    padding : 0; /* aucune marge intérieure */
		    background : black;  /*couleur de fond */   
			color : #fff; /* couleur du texte */
			text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
		    width : 100px; /* largeur */
		}
		#menu2 li { /* Elements des listes */      
		    float : left; /* pour IE qui ne reconnaît pas "transparent" */
		    border-right : 2px solid #fff; /* on met une bordure blanche à droite de chaque élément */
			border-top : 5px solid aqua;
			/*border-bottom : 5px solid aqua;*/
		}
		/* IE ne reconnaissant pas le sélecteur ">" */
		html>body #menu2 li{
		    border-right: 2px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
		}
		#menu2 li ul {/* Sous-listes */
		    position: absolute; /* Position absolue */
		    width: 100px; /* Largeur des sous-listes */
		    left: -999em; /* Hop, on envoie loin du champ de vision */
		}
		#menu2 li ul li {/* Éléments de sous-listes */
		    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
		    border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
		}
		/* IE ne reconnaissant pas le sélecteur ">" */
		html>body #menu2 li ul li  {              
		    border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
		}
		#menu2 li ul ul {
		    margin    : -22px 0 0 100px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
		    /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
		    border-left  : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
		}
		/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
		html>body #menu2 li ul ul {
		     border-left : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
		}
		#menu2 li:hover ul ul, #menu2 li.sfhover ul ul {/* Sous-sous-listes lorsque la souris passe sur un élément de liste */
			left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
		}
		#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li.sfhover ul, #menu2 li li.sfhover ul  {/* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
		    left: auto; /* Repositionnement normal */
		    min-height: 0; /* Corrige un bug sous IE */
		}
/*------------------------------------------------------ Fin MENU CENTRAL BUNGALOWS ------------------------------------------------*/	
			a:link, a:active{ color:blue; text-decoration:underline; }
			a:visited{ color:violet; text-decoration:underline; }
			a:hover{ color:red; cursor:pointer; }
			
			#opt1{
				position:absolute;
				top:0px;
				left:0px;
				width:100%;
				margin:0px;
				padding:0px;	
				height:140px;
				background: url("images/plage et bateau-d.png") no-repeat right;
			}
			#opt2{
				position:absolute;
				top:0px !important;
				top:0px;	
				left:90px;
				font-family:arial back,helvetica,sans-serif;
				font-size:20;
			}
			#opt3{
				position:absolute;
				top:10px;
				left:900px;
				/*width:181px;
				height:250px;*/
				border:0px solid;
				/*background:url("images/post-it.gif") no-repeat;*/
			}
			#opt4{
				position:absolute;
				top:150px;
				left:270px;
				font-size:20px;
				color:red;
				text-decoration:none;
				letter-spacing:3;
			}
			#opt4 a:hover{
				background-color:white;
			}	
			#opt4 a:visited{
				color: red;
				text-decoration:none;
			}
			#opt4 a:active{
				color: red;
				text-decoration:none;
			}
			#opt4 a:link {
				color: red;
				text-decoration:none;
			}
			#opt5{
				position:absolute;
				top:170px;
				left:273px;
				font-size:10px;
				color:red;
				text-decoration:none;
				letter-spacing:0;
			}
			#opt6{				/* Nouveau */
				position:absolute;
				top:30px;
				left:850px;
				font-size:12px;
				color:darkblue;
				text-decoration:none;
				letter-spacing:0;
			}
/*---------------------------------------- Page TARIFS ---------------------------------------------------------------------------------------*/
			#promo{
				font-family:arial,helvetica,sans-serif;
				background-color:#FFFACD;
				color:blue;
				font-size:12px;
				text-align:center;
				border: thin solid yellow;
			}
			#basse{
				font-family:arial,helvetica,sans-serif;
				background-color:#90EE90;
				color:blue;
				font-size:12px;
				text-align:center;
				border: thin solid green;
			}
			#haute{
				font-family:arial,helvetica,sans-serif;
				background-color:#FFC0CB;
				color:blue;
				font-size:12px;
				text-align:center;
				border: thin solid red;
				 border-collapse:collapse;
			}		
			#titre1{
				font-family:arial,helvetica,sans-serif;
				background-color:#B0B0B0;
				color:black;
				font-size:10px;
				text-align:center;
				border: medium solid gray;
			}	
			#titre-g{
				font-family:arial,helvetica,sans-serif;
				background-color:#7FFFD4;
				color:black;
				font-size:10px;
				text-align:center;
				border: medium solid #00BFFF;
			}
/*---------------------------------------- FIN Page TARIFS ---------------------------------------------------------------------------------------*/

/*---------------------------------------- Commentaires de réservation ------------------------------------------------------------------------*/
			#aide{
				position:absolute;
				margin-top:-20px;
			}
			#aide a {
			   text-decoration: none; /* définition du lien qui affichera le calque */
				 color: black;
			}
			#aide a:hover {
			   background: none; /* correction d'un bug IE */
			}
			#aide a span { /* définition de la balise <span> inclue dans <a> */
			   display: none;
			}
			#aide a:hover span { /* définition de la balise <span> au survol */
			   display: block; border: 1px solid red;
			   background:white;
			   font-size:10px;
			   margin-left:0px;
			   margin-top:-10px;
			   color:black;
			   text-decoration:none;
			}
			#aide img {
				border:1px;
			}
			#aide dl, dt, dd {
				margin:0;
				padding:0;
			}
			#aide dl {
				float: left;
				width: 350px;
				text-align: left;
				margin: 1em;
				padding: 0.5em;
				border: 0px solid black;
			}
/*---------------------------------------- Fin de commentaires de réservation ----------------------------------------------------------------*/ 			
/*----------------------------------------- PIED DE PAGE ----------------------------------------------------------------------------------------*/
/*			#piedpage{
				margin:auto;
				clear:both;
				position:relative;
				bottom:0px;
				text-align:center; 
				font-family:time new roman,helvetica,sans-serif;
				font-size:10px;
			}
			#piedpage table{
				-webkit-border-radius:10px;
				-moz-border-radius:10px;
				border :1px solid #D600FF;
			}	
			#piedpage tr{
				font-size:11px;
				font-family:Times New Roman,arial,helvetica,sans-serif;
			}
			#piedpage th{	
				border :none;
			}
			#piedpage td{	
				vertical-align: top;
				border :none;
				border-left:1px solid black;
			}
			#piedpage ul{
				font-size:10px;
				list-style-image: url("images/puce-rouge.gif");
			}
				#rien{
					border: none;
					text-align:center; 
				}
				#rien table{
					border:0px solid black;
				}
				#rien tr{
					border:10px solid black;
				}
				#rien td{
					vertical-align: bottom;
					border :none;
					border-top:5px black;
				}*/
			#finpage{
				margin:auto;
				clear:both;
				position:relative;
				bottom:0px;
				text-align:center; 
				font-family:time new roman,helvetica,sans-serif;
				font-size:10px;	
				background-color:#aaaaaa;
				border: 2px solid blue;
			}
			#finpage a:link, a:active{ color:#D600FF; text-decoration:none; }
			#finpage a:visited{ color:#D600FF; text-decoration:none; }
			#finpage a:hover{ color:red; cursor:pointer; }
			p.finpage-orchidees{
				font-family:Monotype Corsiva,arial,helvetica,sans-serif;
				font-size:25px;
				text-align:center; 
				color:#D600FF;
			}

/*----------------------------------------- FIN PIED DE PAGE ----------------------------------------------------------------------------------------*/
/*----------------------------------------- GITES ----------------------------------------------------------------------------------------*/
			#gites{
				margin:auto;
				bottom:0px;
				text-align:left; 
				font-family:arial, time new roman,helvetica,sans-serif;
				font-size:10px;
			}
			#gites table{
				-webkit-border-radius:10px;
				-moz-border-radius:10px;
				border :2px solid #000000;
			}	
			#gites tr{
				font-size:15px;
				font-family:Times New Roman,arial,helvetica,sans-serif;
			}
			#gites td{	
				vertical-align:top;
				border :none;
				border-left:0px solid black;
				border-top:0px solid black;
			}
			#gites ul{
				font-size:12px;
				list-style-image: url("images/mini-puce2.gif");				
			}
			#gites a:hover{
				background-color: transparent; 
				text-decoration:underline;
			}
/*			#photos-gites{
				/*margin:auto;
				float:left;
				position:relative;
				top:0px;
				margin-left:18%;
				width:80%;
				border:3px solid red;
				display:block;
				text-align:center;
				background-color:none;
				padding:5px;
			}	
				#photos-gites td{
					text-align:center;
					font-size:10px;
					border:1px solid blue;
				}*/
			p.texte-gites{
				margin-left:28%;
				margin-right:10%;
				background:transparent;
				line-height : 25px; 
				text-align : left;
				border:0px solid yellow;
			}
			p.architecture-gite{
				text-align:center;
				font-size:15px;
				font-family:Times New Roman,arial,helvetica,sans-serif;
				/*position:relative;
				margin-left:0%;*/
			}
			p.texte-descro{
				margin-left:5%;
				margin-right:5%;
				background:white;
				size:1px;
				line-height : 20px; 
				text-align : left;
				border:2px solid yellow;
			}	
/*----------------------------------------- FIN GITES ----------------------------------------------------------------------------------------*/
/*----------------------------------------- MESSAGES RESA ------------------------------------------------------------------------------------*/
			#Message_resa table{
				
				font-family:Times New Roman,arial,helvetica,sans-serif;
			}
			#Message_resa th{
				color: blue;
				text-align: right;
				font-weight: bold;
				font-size: 2px;
			}
			#Message_resa td{
				color: black;
				text-align: left;
				font-size: 6px;
			}	
/*----------------------------------------- FIN MESSAGES RESA ------------------------------------------------------------------------------------*/

			#monForm{ width: 60%; }
			#monForm p{ margin: 12px 0; }
			#monForm fieldset{	margin-bottom: 10px; border: #CCC 10px solid; }
			#monForm fieldset:hover{ background-color: #FFFFFF; }
			#monForm fieldset legend{
				padding: 0 10px;
				border-left: #CCC 1px solid;
				border-right: #CCC 1px solid;
				font-size: 1.2em;
				color: #999;
			}
			#monForm label{
				background-color: #FFC066;
				display: block;
				width: 39%;
				float: left;
				padding-right: 1%;
				text-align: right;
				letter-spacing: 1px;
			}
			#monForm label:hover{	font-weight: bold; }
			#monForm .form_label_nostyle{ background: none; }
			#monForm input, #monForm select{ margin-left: 1%; /*width: 88%;*/ border: #CCC 1px solid; }
			#monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus{ border: #999 1px solid; background-color: #DDEEFF; }
			#monForm .form_input_day_month{ 	width: 30%; }
			.ds_box {
				background-color: #FFF;
				border: 2px solid #000;
				position: absolute;
				z-index: 32767;
			}
			.ds_tbl { background-color: #FFF; }
			.ds_head {
				background-color: #333;
				color: #FFF;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 13px;
				font-weight: bold;
				text-align: center;
				letter-spacing: 2px;
			}
			.ds_subhead {
				background-color: #CCC;
				color: #000;
				font-size: 12px;
				font-weight: bold;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				width: 32px;
			}
			.ds_cell {
				background-color: #EEE;
				color: #000;
				font-size: 13px;
				text-align: center;
				font-family: Arial, Helvetica, sans-serif;
				padding: 5px;
				cursor: pointer;
			}
			.ds_cell:hover { background-color: #F3F3F3; } /* This hover code won't work for IE */
			#monForm .form_input_year{ width: 6%; }
			h2{
				color:#000000;
				font-size:14px;
				line-height:19px;
				font-family:arial;
			}