body{
	margin: 10px 0 ;
	padding: 0 ;
	color: White;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	
	}
.uln{
	list-style: square outside;
	margin: 0 4em;
}
#conteneur
{
	width: 850px ;
 	margin: auto ;
	text-align: left ;
	border: 0px solid #990000;
   font-size: 14px;
   height : 1200px;
   background-color : #808080;

 }

#header
{	height: 130px ;
	background: url(images/header_sm1.jpg);
	margin: 0px;
}
.cadrevin
{
	padding: 10px 0px 0px 0px;
	width:760px;
	height:220px;
	text-align: left ;
	font-size: 14px;
	border-top-color: #990000;
	border-top-style: solid;
	border-top-width: 2px;
	
	}

.imgvin{
  margin: 0px 0px 0px 0px;
  float: right;
  		}	
.img{
  margin: 0px 0px 0px 0px;
  float: right;
  		}	
 *:first-child+html .img
{ margin: 0px 0px 0px 50px;
}
.labelvin
{  width:450px;
line-height: 15px ;
	font-size: 1.4em ;
	color: #a6e524;
	text-align: left;
	font-weight: bold;
	border: 2px solid #a6e524;
padding:10px 10px 10px 0;
	}
	.commentvin
{  margin:0 10px 10px 60px;
	font-size: 1.0em ;
	color: #990066;
	text-align: center;
	font-weight: bold;
		
		}
	.colorvin
	{margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0;
	 color: #a6e524;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #a6e524;
}
	
	#corps1
{
	margin: 0px 80px;
	text-align: left ;
	font-size: 14px;
	}
	* html #corps1 {
	margin: 30px 80px;
		
	}
#menuhaut{
	margin-top:0px;
}
#basdepage{
   width: 850px;
   height:70px;
   margin: auto ;
	text-align: left ;
	font-size: 14px;
	background-color: #a6e524;
		}
.orchidd{
   float: right;
	width:100px ;
	height:160px;
	margin: 0 30px;
	}	
	*:first-child+html * html .orchidd{
margin: 0px 10px 20px;
		}
	.orchidg{
   float: left;
	width:100px ;
	height:160px;
	margin: 750px 0px 0px;
	}	

#imgincluded{
   float: right;
	margin: 0 0;
	}	
.imgincd{
   float: right;
	margin: 0 0;
	}	
#imgincludeg{
   float: left;
	margin: 10px 10px 0px;
	}	
h1 {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 18px;
		font-style: italic;
		margin-top: 23px;
	}

#contenu
{
position:absolute;
text-align:left;
width:780px;
font-size: 14px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
margin: 80px 32px 40px;

		}
		* html #contenu
{margin: 30px 0px;}
	*:first-child+html #contenu
{margin: 30px 30px;}

#contenu h2
{
  margin: 0px 150px 30px 150px;
	line-height: 25px ;
	font-size: 1.4em ;
	color: #FFF9F9;
	border: 2px solid White;
	text-align: center;
	}
	
#contenu h3
{
 
	line-height: 20px ;
	font-size: 1.2em ;
	color: #a6e524;
	margin: 20 20;
	}
#contenu h4
{
	margin: 0px 100px 20px 20px;
	color: white;
	/*border-bottom: 1px solid #3333CC;*/
	text-align: right;
	font-size: 1.0em ;
	text-decoration: underline;
}
#contenu hr
{ height:2px; 
 background-color:white; 
 border-top: solid #990066;
 margin:10px

}
#contenu ul
{
   text-align: left;
	line-height: 1.4em ;
	padding-left: 15px;
	margin: 10px 10px 0 10px; 
	color: whitee;
	list-style: circle;
	}
#contenu p
{
   text-align: left;
	line-height: 1.4em ;
	padding-left: 15px;
	margin: 10px 10px 0 10px; 
	color: white;
	}

#contenu a
{
	color: #0016CE;
}

#contenu a:hover
{
	color: #40B5FF ;
}
#contenu dl
{
width: 41.1em;
margin: 40px 0 0 20px;
padding: 0;
font-family: "MS Sans Serif", Geneva, sans-serif;
}
*:first-child+html * html #contenu dl{
	margin: 35px 0 0 53px;
}


#contenu dt
{
width: 12em;
height: 40px;
float: left;
margin: 0 0 0 0;
padding: .5em;
/*border-top: 1px solid #999;*/
color: white;
font-weight: bold;
}
dt { clear: both; }
#contenu dd
{
float: right;
width: 27em;
height: 40px;
margin: 0 0 0 0em;
padding: .5em;
/*border-top: 1px solid #999;*/
color: white;
	}

*:first-child+html * html #contenu dd
{margin: 0 0 0 0em;
}
p.visite
{
	margin: 0 50px;
	padding-right: 10px ;
	text-align: left ;
	color: white;
	font-weight: bold;
}
p.footer
{
	margin: 0 ;
	float: left;
	padding-right: 10px ;
	line-height: 40px ;
	text-align: left ;
	color: black;
}
p.footer1
{
	margin: 0 ;
	float: right;
	padding-right: 10px ;
	line-height:40px ;
	text-align: right ;
	color: black;
}


pre
{	

	border: 2px solid #3300FF;
	margin:0 20px 0 100px;
	font-size: 1.1em ;
	text-align: center;
	background-color: #9CCF31;
}

pre span
{
	color: #2E30B1;
}

pre span.comment
{
	color: #b30000 ;
}

.colgauche {   
	float:left; 
	margin: 25px 30px 0 30px;
	width: 350px;
	text-align: center;
   color: White;
	font-weight: bold;
	}
*:first-child+html * html .colgauche {
margin: 25px 5px 0 30px;
}
.coldroite  {   
	float:right; 
	width:330px;
	text-align: center;
   color: White;
	font-weight: bold;

}

	.infdroite  {   
	float:right; 
	margin: 35px 0px 0px 0px;
	width:340px;
	text-align: center;
   color:white;
	font-weight: bold;

}

.ecart{
	height: 20px;
	border-bottom: solid #3333CC;
	}
.separ{		}
.over{		}
ul.menulist li ul{
  display:none;
}

ul.menulist li:hover>ul{
  display:block;
}

ul.menulist{
  float:left;
}
html ul.menulist {
	float:left;
}

ul.menulist, ul.menulist ul{
    border:1px solid #990000;
  list-style: none;
  margin:0px;
  padding:2px 0px 0px 4px ;
  width:150px;
  background-color: #7CFC00;
}

ul.menulist ul{
  position:absolute;
  top:-2px;
  left:131px;
}

ul.menulist li{
  position:relative;
  margin:0px;
  padding:0px;
  }

ul.menulist a{
  display:block;
  width:100%;
  color:#000000;
  text-decoration:none;
}

ul.menulist a:hover{
    color:#FFFFFF;
  background-color: #990000;
}
/* the horizontal menu starts here */
div.tarif {
	width: 100%; 	/* makes the div full width */
	float:left; /*makes the div enclose the list */
	border-top:0px solid #069;	/* draws line on top edge of div */
	border-bottom:0px solid #069;	 /* draws line on bottom edge of div */
	font-size: .8em;	/* SET FONT-SIZE HERE */
	margin:10px 30px 0px 80px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
		}
*:first-child+html * html div.tarif {margin:10px 30px 0px 50px;
		}
div.tarif ul {margin: 0 20px 0 0px;/* indents ul from edge of container */
	}

div.tarif li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color: #339933; /*sets the background of the menu items */
	border-right:0px solid #069; /* creates dividing lines between the li elements */
	width:70px; 
	
	}
/* the horizontal menu ends here */
dl.event
{
margin: 2em 0;
padding: 0;
font-family: georgia, times, serif;
}

.event dt
{
position: relative;
left: 0;
top: 1.1em;
width: 5em;
font-weight: bold;
}

.event dd
{
border-left: 1px solid #000;
margin: 0 0 0 6em;
padding: 0 0 .5em .5em;
}
div#compteur {
	text-align :center;
	margin: auto;
	width: 500px;
	background-color: #7CFC00F;
	font-size: 16px;
	color: #950000;
	font-weight: bolder;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}