@font-face {
   font-family: Freefont; 
   /*src: url(/fonts/ANGEL___.ttf) format("truetype"); Trop petite 
   src: url(/fonts/Aerofoil.ttf) format("truetype"); */
   src: url(/fonts/Positiv-A.otf) format("truetype"); /*
   src: url(/fonts/Chemist.otf) format("truetype"); 
   src: url(/fonts/BFONDTRIAL.ttf) format("truetype"); 
   src: url(/fonts/SWINSBRG.TTF) format("truetype"); Trop petite */
} 
@font-face {
   font-family: Freefont2; 
   /*src: url(/fonts/ANGEL___.ttf) format("truetype"); Trop petite 
   src: url(/fonts/Aerofoil.ttf) format("truetype"); 
   src: url(/fonts/Positiv-A.otf) format("truetype");
   src: url(/fonts/Chemist.otf) format("truetype"); 
   src: url(/fonts/BFONDTRIAL.ttf) format("truetype"); */
   src: url(/fonts/SWINSBRG.TTF) format("truetype"); 
} 
/***** STRUCTURE GENERALE *****/

	#bgdSite2 { background: #ffffff ; /* repeat scroll 0 0 #FFFFFF; height: 100%; width: 100%;*/ height: 10000px; width: 1624px; }
	#globalSite2 { background: #ffffff; /* none repeat scroll 0 0 #FFFFFF;*/ float: left; height: 10000px; width: 1090px;}

	#header3 { position: relative; margin: 0 auto; width: 900px; }
	#logo3 { position: relative; height: 130px; margin: 0 auto; width: 300px;  background: #776C66; z-index:2;  float:left;}
	#publicite3 { position: relative; height: 130px; margin: 0 auto; width: 600px;  background: #776C66; z-index:2; text-align: right; float:right;}



	#b_droite { background: url(https://action.metaffiliation.com/trk.php?maff=P313242B6E1156); float: left; width: 120px; height: 10000px; }
	#b_droite:hover { cursor: pointer; }
	#b_gauche { background: url(https://action.metaffiliation.com/trk.php?maff=P313242B6E1156);  float: left; width: 120px; height: 10000px; }
	#b_gauche:hover { cursor: pointer; }

	#bgdSite { position:relative; background: #ffffff url(http://www.vinsdedieu.com/images/papier.jpg) repeat-x; /* repeat scroll 0 0 #FFFFFF; */ height: 100%; width: 100%; }
	#globalSite { position:relative; background: #ffffff; /* none repeat scroll 0 0 #FFFFFF;*/ margin: 0 auto; height: 10000px; width: 1090px; }
	#header { position: relative; margin: 0 auto; width: 1080px; min-height: 180px; background: #776C66; /* border: 1px solid black;*/ }
	#mainContent { position:relative; margin: 0 auto; padding:0 0 0 0; width: 980px; min-height:600px;}
	
	#footer { color: #4B4B4B; font-size: 0.9em; background: #ffffff url(../images/footer/bg_footer.jpg) repeat-x; position: relative; 
	width: 980px; margin:0 auto; }
	#colonneGauche { float:left; margin: 0 19px 0 0; width: 209px; }
	#bgdSite #globalSite #mainContent #colonneCentrale { float:left; width:752px; }

	#logo { position: relative; height: 130px; margin: 0 auto; width: 305px;  background: #776C66; z-index:2;  float:left;}
	#publicite { position: relative; height: 130px; margin: 0 auto; width: 750px;  background: #776C66; z-index:2; text-align: right; float:right;}

	#header2 { position: relative; margin: 0 auto; width: 980px; }
	#recherche { position: relative; margin: 0 auto; width: 465px; background: #776C66; float:left; padding: 0 0 0 25px; z-index:2;}
	#newsletter { font-family:Futura-Book, Arial, Helvetica, sans-serif; color:#fff; position: relative; margin: 0 auto; 
	width: 490px; background: #776C66; float:right; z-index:2;}

/*	#menu { position: relative; margin: 0 auto; width: 980px;  background: #ffffff; z-index:2; border-bottom: 4px solid #776C66;} */
	#menu { position: relative; margin: 0 auto; width: 980px;  background: #ffffff; z-index:2; }
	
	#contenu { position: relative; margin: 0 auto; width: 828px; min-height:800px; background: #ffffff; float:left; border-top: 4px solid #776C66;}
	#bonsplans { position: relative; right: 0; margin: 0 auto; width: 128px; min-height:600px; float:right;}
	
	#m {
	position: relative;
	margin: 0 auto;
	}
	
	#marque { 
	/*position: relative; */
	/*right: 0; 
	margin: 0 auto; */
	width: 100%;
	float: left;
	color: /*#34393E;*/ #2F332E; /*000000;*/
	/*background-color: #776C66;*/
	display:block;
	font-family:Freefont,Futura-Book, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:bold;
	font-variant:normal;
	font-weight:normal;
	height:25px;
	line-height:normal;
	border-bottom : 1px solid #776C66;
	}
	
	#marque_interm {
	/*position:absolute;*/
	float: left;
	background: #776C66;
	width: 100%;
	height:0.1px;
	}
	
	#encheres {
	width: 100%;
	background-color: #DCDCDC;
	float: left;
	color: /*#34393E;*/ #2F332E; /*000000;*/
	display:block;
	font-family:Futura-Book, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding: 5px;
	margin: 5px;
	}

	#caves {    
	width: 14%;
	float: left;
	color: /*#34393E;*/ #2F332E; /*000000;*/
	display:block;
	font-family:Futura-Book, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:250px;
	line-height:normal;
	margin-top : 5px;
	text-align: center;
	}

	#caves2 {    
	width: 19%;
	float: left;
	color: /*#34393E;*/ #2F332E; /*000000;*/
	display:block;
	font-family:Futura-Book, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:250px;
	line-height:normal;
	margin-top : 5px;
	border-right : 1px solid #e6e6e6;
	}

	#bp {    
	width: 18%;
	float: left;
	color: /*#34393E;*/ #2F332E; /*000000;*/
	display:block;
	font-family:Futura-Book, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:450px;
	line-height:normal;
	margin-top : 5px;
	text-align: center;
	}

	#bp2 {    
	width: 28%;
	float: left;
	color: /*#34393E;*/ #2F332E; /*000000;*/
	display:block;
	font-family:Futura-Book, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:450px;
	line-height:normal;
	margin-top : 5px;
	border-right : 1px solid #e6e6e6;
	}

	#bp_prix {
	float: middle;
	margin: 5px auto;
	background-color: GREY;
	width:75%;
	height:50px;
	/*border: 1px solid #BLUE;*/
	text-align: center;
	}

	#reference {
	margin: 5px auto;
	background-color: PINK;
	border : 1px solid #BLUE;
	width : 80%;
	}
	
/* Navigation Bar */  
#menu-cm {  
  list-style:none;
  margin:5px auto 0;
  padding:0 20px 0 0;
   bottom: 0;
    left: 0;
    position: relative; /* absolute; */
    /* z-index: 2; */
}  
#menu-cm li {  
    float:left;  
    text-align:center;  
    position:relative;  
    margin-top:7px;  
    border:none;  
}  

#menu-cm li a {  
}  
#menu-cm li:hover a {  
    color:#161616;  
}  
#menu-cm li .drop {  
  color: /*#34393E;*/ #2F332E; /*000000;*/
  display:block;
  font-family:Freefont,Futura-Book, Arial, Helvetica, sans-serif;
  font-size:22px;
  font-style:bold;
  font-variant:normal;
  font-weight:normal;
  height:30px;
  line-height:normal;
  padding:0 30px 0 0;
  text-decoration:none; 
}  
#menu-cm li:hover .drop {  
    background:url("../images/fleche_grise.gif") no-repeat 30% bottom;  
}

#menu-cm li .drop_sel {  
  color: RED;
  display:block;
  font-family:Freefont,Futura-Book, Arial, Helvetica, sans-serif;
  font-size:22px;
  font-style:bold;
  font-variant:normal;
  font-weight:normal;
  height:30px;
  line-height:normal;
  padding:0 30px 0 0;
  text-decoration:none; 
}  

#menu-cm li:hover .drop_sel {  
    background:url("../images/fleche_grise.gif") no-repeat 30% bottom;  
}

/* Drop Down */  
.dropdown_1column,  
.dropdown_2columns,  
.dropdown_3columns,  
.dropdown_4columns,  
.dropdown_5columns, .dropdown_5columns2, .dropdown_5columns3,
.dropdown_5columns-boutiques {  
    margin:0 auto;  
    float:left;  
    position:absolute;  
    left:-999em; /* Hides the drop down */  
    text-align:left;  
    padding:10px 0px 10px;  
	background-color: #776C66; /* 453832;  000 */
	filter:alpha(opacity=85);
	-moz-opacity:0.9;
	opacity: 0.9;
	border-top:none;
    border: 8px solid #000;
	
}  
.dropdown_1column {width: 140px;}  
.dropdown_2columns {width: 280px;}  
.dropdown_3columns {width: 420px;}  
.dropdown_4columns {width: 560px;}  
.dropdown_5columns, .dropdown_5columns2, .dropdown_5columns3 {width: 980px;} 
.dropdown_5columns-boutiques {width: 980px;} 
#menu-cm li:hover .dropdown_1column,  
#menu-cm li:hover .dropdown_2columns,  
#menu-cm li:hover .dropdown_3columns,  
#menu-cm li:hover .dropdown_4columns,  
#menu-cm li:hover .dropdown_5columns {  
    left:0;  
    top:auto;  
}
#menu-cm li:hover .dropdown_5columns2{  
    left:-94px;  
    top:auto;  
} 
#menu-cm li:hover .dropdown_5columns3{  
    left:-221px;  
    top:auto;  
	}
#menu-cm li:hover .dropdown_5columns-boutiques{  
    left:-133px;  
    top:auto;  
} 
/* Columns */  
.col_1,  
.col_2,
.col_2_2, 
.col_2_img,
.col_2_2_img,    
.col_3,  
.col_4,  
.col_5 {  
    display: inline;
    float: left;
    margin-right: 15px;
    position: relative;
}  
.col_1 {width:130px; margin-left: 30px;}  
.col_2 {width:190px; margin-left: 30px;}
.col_2_img {width:465px; margin-left: 20px;}
.col_2_2_img {width:215px; margin-left: 20px;}
.col_2_2 {width:135px; margin-left: 30px;}  
.col_3 {width:410px; margin-left: 30px;}  
.col_4 {width:550px; margin-left: 30px;}  
.col_5 {width:690px; margin-left: 30px;}  

/* Drop Down Content Stylings */  
#menu-cm p, #menu-cm h2, #menu-cm h3, #menu-cm ul li {  

    line-height:21px;  
    font-size:12px;  
    text-align:left;  
}  
#menu-cm h2 { 
  font-family:Futura-Book, Arial, Helvetica, sans-serif;
    font-size:14px;
	padding-left:10px;
	/*text-transform:uppercase;*/
    font-weight:/*normal;  */ bold;
    margin: 7px 0 0;
    padding-bottom:3px;  
	color:#fff;
}  
#menu-cm p {  
    line-height:18px;  
    margin:0 0 10px 0;
}  

.e-shop {
    color:#fff !important;
	/*background: url("shop.gif") no-repeat left center;
	padding-left: 10px;*/
	text-decoration:underline !important;
}  

#menu-cm li:hover div a {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
    font-size:13px;  
    color:#DCDCDC; /* #999; */
	padding-left:10px;
	text-decoration:none;
	display:block;
}
#menu-cm li:hover div a:hover {  
    color:#fff;
	background:#1f1f1f;
}

#menu-cm li:hover .col_2_img a {
margin-top:12px;
}  

#menu-cm li:hover .col_2_img a:hover {  
	background:#000;
}


#menu-cm li:hover .col_2_2_img a {
margin-top:12px;
}  

#menu-cm li:hover .col_2_2_img a:hover {  
	background:#000;
}

#menu-cm li ul {  
    list-style:none;  
    padding:0;  
    margin:0 0 12px 0;  
}  

#menu-cm li ul li {  
    font-size:12px;  
    line-height:28px;  
    position:relative;  
    padding:0;  
    margin:0;  
    float:none;  
    text-align:left;  
}  
#menu-cm li ul li:hover {  
    background:none;  
    border:none;  
    padding:0;  
    margin:0;  
}

	#contenu_fav { position: relative; margin: 0 auto; width: 628px; background: #ffffff; float:left; border-top: 4px solid #776C66;}
	#fav_logo {
	position: relative;
	width: 12%;
	float: left;
	color: /*#34393E;*/ #2F332E; /*000000;*/
	display:block;
	font-family:Futura-Book, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:80px;
	line-height:normal;
	margin-top : 5px;
	text-align: center;
	}
		
	#fav {    
	width: 19%;
	float: left;
	color: /*#34393E;*/ #2F332E; /*000000;*/
	display:block;
	font-family:Futura-Book, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:80px;
	line-height:normal;
	margin-top : 5px;
	border-right : 0px solid #e6e6e6;
	}

	#favlien {
	/* bottom:0px; */ 
	margin: 5px auto;
	background-color: PINK;
	border : 1px solid #BLUE;
	width : 95%;
	}

#superpose1 {
	position: absolute;
	top: 	0px;
	left: 	0px;
	}
#superpose2 {
	position: absolute;
	top: 	7.5px;
	left:	7px;
	}

#bonplan {
	position: absolute;
	float: left;
	display: block;
	margin-top: 100px;
	}