body{
		/*position: absolute;
		top:0px;
		left:0px;
		margin:0, 0, 0, 0;*/
		width : 100%;
		background-color:#e8ddc9;
	}
	#corps{
		float: left;
		position: absolute;
		left:210px;
		top:140px;
		width : 85%;
		/*margin-left : 0px;*/
		height : 100%;	
		padding-left:0px;
		padding-right: 0px;
		border: red 0px solid;
	}
	/*--------------------------------------- ENTETE ----------------------------------------------------------------*/	
	#entete{
		position: absolute;
		top:0px;
		left:0px;
		width:100%;
		height:140px;
		text-align:left;
		border: blue 0px solid;
	}

		#titre{
			height:140px;
			background: url("images/plage et bateau-g.jpg") no-repeat #ffffff;
			background-position:100% 100%;
			border:1px solid red;
		}
		h1.petite-note{
			text-align:center;
			font-size:7px;
		}		
		h1.grand-titre{
			font-size:20px;
		}
		h2{
			font-size:12px;
			font-family:arial,arial,helvetica,sans-serif;
		}
		h2.titre-page{
			font-size:30px;
			font-family:"Monotype Corsiva",arial,helvetica,sans-serif;
			text-align:center;
			font-weight:bold;
			color:#D600FF;
		}
		h2.grand-titre{
		font-size:20px;
		}
		h2.petite-note{
			text-align:center;
			font-size:7px;
		}		
		.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;
		}
		.opt1-mail{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			margin:0px;
			padding:0px;	
			height:140px;
			background: url("http://www.lesorchideesdesainteanne.com/images/plage et bateau-d.png") no-repeat right;
			border: yellow 2px solid;
		}
		.opt2{
			position:absolute;
			top:0px !important;
			top:0px;	
			left:90px;
			font-family:"arial back",helvetica,sans-serif;
			font-size:20px;
		}
			#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:253px;
				font-size:10px;
				color:red;
				text-decoration:none;
				letter-spacing:0;
			}
		#pub-massages{
			position:absolute;
			margin-left:950px;
			margin-top:-110px;
			font-size:12px;
		}
		span.decalage{
			margin-left:50px;
		}
		#pub-carnaval{
			position:absolute;
			margin-left:740px;
			margin-top:-40px;
		}	
		/*------------------------------------------------------ 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 ------------------------------------------------------*/	
	/*------------------------------------------------------   LOGO SLOGAN ------------------------------------------------------*/	
	#slogan{
			position : absolute;
			padding : 0;
			top:0px;
			list-style-type : none;
			left : 50%;
			margin-top : 0px;
			width : 1000px;
			margin-left : -500px;
			font-size:20px; 
			border:0px red solid;
	}
		.textslogan{
			color: blue; 
			font : 20px times, arial, serif;
			font-style: italic;
			/*font-weight:bold;*/
			text-align:left;
			border:0px solid yellow;
		}
		.textslogan a {
		   text-decoration: none; /* définition du lien qui affichera le calque */
		}
		.textslogan a:hover {
		   background: none; /* correction d'un bug IE */
		}
		.textslogan a span { /* définition de la balise <span> inclue dans <a> */
		   display: none;
		}
		.textslogan a:hover span { /* définition de la balise <span> au survol */
		   display: block; 
		   border: 1px solid red;
		   background:white;
		   font-size:10px;
		   font-style: normal;
		   padding: 3px;
		   text-align: left;
		}
		.textslogan a:visited{
			color: blue;
		}
		.textslogan img {
			border:1px;
		}
		.textslogan dl, dt, dd {
			margin:0;
			padding:0;
		}
		.textslogan dl {
			width: 150px;
			text-align: center;
			margin: 0em;
			padding: 0em;
			border: 0px solid black;
		}
	/*------------------------------------------------------ FIN  LOGO SLOGAN ------------------------------------------------------*/			
/*--------------------------------------- FIN ENTETE ----------------------------------------------------------------*/
/*--------------------------------------- SIDE BAR ----------------------------------------------------------------*/	
	#left { 
		float: left;
		margin-left:0px;
		margin-top:140px;
		width: 210px;
		text-align:center;
		border: yellow 0px solid; 
		border-right:2px solid blue;
	} 

		.menu{
			font-size:20px;
			font-family:calibri, "Monotype Corsiva",arial,helvetica,sans-serif;
			border: blue 0px solid; 
		}

	/*------------------------------------------------------  MENU GAUCHE : SOUS LISTE --------------------------------------*/				
	.sous-liste{
		line-height:1.3;
		text-align:left;
		margin-left:auto;
		font-size:15px; 
		font-family:calibri,"Monotype Corsiva",arial,helvetica,sans-serif;
		color:black;
		text-decoration:none;
		border: blue 0px solid; 
	}
	.sous-liste ul{
		list-style-type:square; 
		/margin-left: 50px;
	}
	.sous-liste li{
		text-decoration:none;
	}
	.sous-liste li.active{
		font-family:calibri,"Monotype Corsiva",arial,helvetica,sans-serif;
		letter-spacing:normal;
		padding-top:2px;
		padding-bottom:2px;
		list-style-type:none;
		margin-left:10px;
		color:red;
		border: red 0px solid; 
	}		
		.sous-liste li.ligne a:link{ color:black; text-decoration:none; }
		.sous-liste li.ligne a:visited{ color:black; text-decoration:none;}
		.sous-liste li.ligne a:hover{
			color:red;
			background-color:transparent;
			cursor:pointer;
		}	
			.sous-liste  li  li{
				margin-left:0px;
				color:black; 
				list-style-type:disc; 
				font-size:12px;
			} 
			.sous-liste  ul li ul li a:hover{font-size:13px;}
			.sous-liste ul li ul li.active{
				margin-left:0px;
				letter-spacing:normal;
				font-size:12px; 
				color:red;
				list-style-type:disc;
			}	
/*------------------------------------------------------ FIN  MENU GAUCHE : SOUS LISTE --------------------------------------*/		
/*--------------------------------------- FIN SIDE BAR ----------------------------------------------------------------*/
	
/*--------------------------------------- CORPS ---------------------------------------------------------------------*/
/*==================  #Right : style-code-IE pour internet explorer - style-code-FF pour autres navigateurs =================*/
		.contenu{	
			text-align:justify;
			font-family:verdana, helvetica, sans-serif;
			font-size:12px;	
			padding:10px;
			width:100%;
			
			padding-left:10px;	
				margin-top:10px;
				padding-top:1px;
			
			border: blue 0px solid;
		}
		p.texte-gites{
			margin-left:28%;
			margin-right:10%;
			background:transparent;
			font-family:verdana, helvetica, sans-serif;
			line-height : 20px; 
			font-size:12px;
			text-align : justify;
			border:0px solid yellow;
		}
		#opt4{
			position:absolute;
			top:150px;
			left:250px;
			font-size:20px;
			color:red;
			text-decoration:none;
			letter-spacing:3px;
		}
/*------------------------------------------------------ MENU CENTRAL BUNGALOWS ------------------------------------------------*/		

		.images-menu{
			text-align:center;
			margin-left:0px;
			font-size:11px;
			border: black 0px solid;
		}	
		p.picto{
			color:#000000;
			font-family:arial,helvetica,sans-serif;
			font-size:9px;
			text-align:left;
			margin-left:10px;
			line-height:10px;
			background:transparent;
			border: aqua 0px solid;
		}	
/*--------------------------------------- FIN SIDE BAR ----------------------------------------------------------------*/	
/*--------------------------------------- FOOTER --------------------------------------------------------------------------*/	
	#finpage{
		clear:both;
		margin:auto;	
		position:relative;
		height:auto;
		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 FOOTER --------------------------------------------------------------------------*/	
		
/*--------------------------------------- CSS CORPS COMMUN --------------------------------------------------------------------------*/	
		
	h1.titre-page{
		font-size:30px;
		font-family:Monotype Corsiva,arial,helvetica,sans-serif;
		text-align:center;
		font-weight:bold;
		color:#D600FF;
		line-height:20px;
		border: 0px solid blue;	
	}	
	div.slogan{
		position:relative; 
		top:-25px; 
		font-family:times; 
		font-size:20px; 
		color:blue; 
		text-align:center;
		border:0px solid;
	}
	#opt6{
		position:absolute;
		top:0px;
		right:0px;
	}
/*------------------------------------------ Reseaux sociaux -------------------------------------------------------------------------*/
	.reseaux-sociaux{
		display:inline; 
		border:1px solid black; 
		background-color:white; 
		margin-right:25px; 
		padding-top:3px; 
		padding-bottom:1px; 
		text-align:center; 
		padding-left:3px; 
		padding-right:3px; 
		vertical-align: middle;
		float:right;
	}
/*------------------------------------------ FIN Reseaux sociaux -------------------------------------------------------------------------*/	
/*------------------------------------------ IMPRESSION --------------------------------------------------------------------------------------------*/
	#imp-entete{
		display:none;
	}
	#imp1{
		display:none;
	}