@charset "utf-8";

#global {
	margin: auto;
	width: 1000px;
	min-height:580px;
	background-image:url(/image/fond_contenu.jpg);
	background-position:top center;	
	background-repeat:no-repeat;
	/*background-color:white;*/
}


#pageid, #rendertime {
	color: gray;
}

#logo {
margin:auto;
width:209px;
}

#centre {
width:972px;
margin:auto
}

#gauche {
width:598px;
/*float:left;*/
padding-right:12px;
padding-top:28px;
}

#droite {
width:374px;
padding-top:32px;
/*float:right;*/
}

#bas {
padding-top:10px;
width:972px;
}

#texteintro{
position:absolute;
padding-left:15px;
padding-right:15px; 
width:972px; 
top: 420px; 
text-align:justify
}

#legale{
position:absolute; 
top: 382px; 
font-size: 16px; 
font-weight:bold;
width: 1000px;
text-align:center;
}




#menuvin {
padding-top:15px;
padding-left:60px;
width:295px
}

#langue {
position:relative; 
top: 34px; 
left:0px;
width:63;
}

#langues img {
}



/* permet d'empiler des images sans espacement 
.brique img {
	vertical-align: bottom;
}*/

#menupro ul {
 margin:0;
 padding:0;
 }
 
#menupro ul li {
 float:left;
 margin:auto;
 padding:0px 30px 0px 0px;
 /*padding-top:20px;*/
 list-style:none;
 display:block;
 }
 
#menupro ul li a {
 display:block;
 /*color:white;*/
 text-decoration:none;
 }
 
#menupro ul li a:hover {
 color:#d1d05a;
 }
 
#menupro ul li ul {
 display:none;
 }
 
 #menu ul li:hover ul {
 display:block;
 }


#menu {	
	position:absolute;
	right: 10px;
	top: 75px;
	z-index:10;
}


#menu img {
	vertical-align:bottom;
}


#menu ul {
	list-style:none;
	list-style-position:outside;
	padding:0;
	margin: auto;
}

#menu li {
	float: left;
	position:relative;
	font-size: 0.95em;
	z-index: 10;
	margin: 0;
}

#menu li a {
	text-decoration:none;
	display: block;
	padding: 0;
	margin: 0;
	font-size:1.0em;
}

#menu li a:hover {
	text-decoration:none;	
}

#menu ul li ul {
	display: none;
	position: absolute;
	top: 35px;
	left: -1px;
	width: 170px;
	z-index: 11;
	text-align:left;
	
	border: 1px solid #ea7271;
	/*border-top: none;*/
}
#menu ul li ul li {
	float: none;
	margin: 0;
/*	border-bottom: solid 1px #910002;
*/}
#menu li:active>ul {
	display: block;
}


#menu ul li ul li a {
	padding: 5px 15px;
	font-weight:normal;
	border: none;
	height:auto;
	float: none;
	display:block;
	background-color:#a71c20;
	color: white;
}
#menu  ul li ul li a:hover {
	background-color: white;
	color: #a71c20;
}

/************* ELEMENTS TEMPLATES ****************/

/************* BRIQUES GESTION CONTENU **********/

.brique p, .brique h1, .brique h2, .brique h3, .brique h4, .brique h5 , .brique h6, .brique h7,
#popupcontent p, #popupcontent h1, #popupcontent h2, #popupcontent h3, #popupcontent h4,
.actubrique p, .actubrique h1, .actubrique h2, .actubrique h3,
#actuaccueilcontenu p ,#actuaccueilcontenu h2 
 {
	margin: 0;
}

/******** POPUP DIV ********/

#popup {
	/* obligatoire */
	position: absolute;
	visibility:hidden;
	z-index:20;
	width: 967px;
	height:550px;
	margin: auto;
	background-color:#362424;
	border:1px solid white;
	overflow:scroll;
	/*border: 1px solid #444546;*/
}

#popup #boutonfermer {
	position: absolute; right: 5px; top: 5px;
	cursor:pointer;
}

#popupbar {
background-color:#6a4847;
height:23px;
}

#popupbar img {
	vertical-align:bottom;
}

#popupcontent {
padding:5px;


	/*background-color:#4D4C4F;
	
	margin:0px;
	*/
	/*padding: 5px;*/
	/*background-color:#999;*/
}

#popupclosebutton {
	width: 15px; height: 15px; 
	background: white; 
	position: absolute; 
	right: 0; top: 0; 
	cursor: pointer;
}