* {margin:0;padding:0;border:0}

body{margin:0; padding:0; font-family:Verdana, Arial; font-size:11px; color:#000;}

/* ----------------------------------------------   		ZONES  DIV  PAGES
 -----------------------------------------------------------------------------------------------------------------*/
#conteneur{ width:1000px; margin:0 auto;}
#flash{ width:1000px; height:150px;}

#colonneG{width:175px;padding:5px;float:left;margin-top:10px;}
#colonneD{width:650px;padding:10px 100px 10px 10px;margin-top:10px;float:right;background:url(../images/mep/fond_bouteille.jpg) no-repeat top right;min-height:400px;_height:400px;}

#menu{width:1000px;height:20px;background-color:#CD0C10;}
#sousMenu{width:1000px; height:20px; background-color:#000;}

#photoProduit{float:left;width:280px; height:260px;margin-right:5px;text-align:center;border:1px solid #000000;overflow:auto}
#texteProduit{float:left;width:300px; margin-left:10px;height:250px; overflow:auto}

#titreProduit{background:url(../images/mep/fond_h2.jpg) no-repeat bottom left; height:32px;margin:15px 0 0 0;padding-left:25px;}
#descriptionProduit{margin-left:25px;}
.nom{font-weight:bold;z-index:100;position:absolute;margin:130px 0 0 34px}
#flashG{width:139px;margin:30px 0 0 0;}
#flashG img{border:0;padding:0;margin:0}

#pied{color:#666666;font-size:0.9em;text-align:center;margin-top:50px;padding-top:5px;border-top-width: 1px;border-top-style: solid; border-top-color: #999999;width:850px;margin-left:auto;margin-right:auto;clear:both;}

/* ----------------------------------------------   		STYLES DIVERS
 -------------------------------------------------------------------------------------------------------------------*/
.clear{clear:both}
p{margin:6px 0}
.points{text-align:left;font-weight:bold;font-style:italic;margin:3px;}
h2{font-size:13px;}
h3{font-size:12px; font-style:italic;color:#FFCC99}
.puce{position:absolute;margin:140px 0 0 20px;background:url(../images/mep/puce.jpg) no-repeat bottom left;height:27px;padding:0 0 0 35px;font-weight:bold;}
#texteProduit h2{font: bold 1.1em/120% Arial,Helvetica,sans-serif;letter-spacing:0.1em; text-transform:uppercase;}
.petit{font-size:10px;}
/* ----------------------------------------------   		LIENS
 -----------------------------------------------------------------------------------------------------------------*/
a{color:#A2A3A5;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}

/* ----------------------------------------------   		LISTES
 -----------------------------------------------------------------------------------------------------------------*/

#galerie{list-style:none;cursor:pointer;}
#galerie li{display:block;float:left;width:174px;height:175px;border-top:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;margin:0 25px 20px 0;padding:0;}
#galerie li a, #galerie li a img{margin:0;padding:0;border:0;}

.nonDispo{
background:url(../images/mep/nonDispo2.gif) no-repeat top center; 
width:174px;height:175px;
opacity : 0.7;
-moz-opacity : 0.7 ;
-khtml-opacity : 0.7 ;
filter : alpha(opacity=70);}

.nonDispo_juin{
background:url(../images/mep/nonDispo_juin.gif) no-repeat top center; 
width:174px;height:175px;
opacity : 0.7;
-moz-opacity : 0.7 ;
-khtml-opacity : 0.7 ;
filter : alpha(opacity=70);}

#compte ul {margin:0; padding:0;}
#compte ul{list-style:none;clear:both;}
#compte li{ padding:0 0 0 0;margin-bottom:5px;}

#caroussel{margin:40px 0 0 35px;padding:0}
#caroussel ul{margin:0;padding:0; list-style:none}
#caroussel li{display:inline;}

/* ----------------------------------------------   		PAGINATION
 -------------------------------------------------------------------------------------------------------------------*/
.pagination{
	clear:both;
	margin:10px 0;
	text-align:left}

.pagination a{
	font-weight:normal;
	padding:4px;
	margin-right:2px;
	background-color:#000;
	color:#CCC;
	border:1px solid #000;
	text-decoration:none}
	
div.pagination a:hover,div.pagination a:active{
	border:1px solid #000;
	color:#fff}

.pagination span.current{
	padding:4px;
	margin-right:2px;
	border:1px solid black;
	font-weight:bold;
	background-color:#CD0C10;
	color:#FFF}

/* ----------------------------------------------   		FORMULAIRES
 -----------------------------------------------------------------------------------------------------------------*/
#ajoutPanier{ margin:20px 0 0 25px;}
#ajoutPanier input,#compteF input, #compteF textarea{ border:1px solid #999999;margin-bottom:3px;}
#ajoutPanier label,#compteF label {display:inline;float:left;width:100px}
.submit{background-color:#CD0C10;border:1px solid #CCC;margin-top:5px;color:#fff}

#connexion,#mdp {width:300px;border:1px solid #999999;padding:20px;margin:20px 0 0 100px}
#connexion label,#mdp label{ display: inline ; float: left; width:100px ;color:#000}
#connexion input,#mdp input{margin-bottom:2px;border:1px solid #999999;}
#connexSubmit,#compteSubmit{background-color:#990000;border:0;color:#FFFFFF}
#compteSubmit{margin-left:100px}

.inputPanier{ border:1px solid #999999; text-align:center}

.link{background-color:#CD0C10;padding:3px;height:20px;color:#FFFFFF;margin-left:60px}

#formPanier{margin-top:20px;}

.modifQte{border:1px solid #999999;}

/* ----------------------------------------------   		TABLEAUX
 -----------------------------------------------------------------------------------------------------------------*/

.table{width:600px}
.table,.table td,.table tr,.lecture tr{border-collapse:collapse;padding:5px;}
.hautCell{color:#fff;font-weight:bold;text-transform:uppercase}
.basCell{color:#000;height:30px}

/* ----------------------------------------------   		ERREURS / SESSION INFO
-----------------------------------------------------------------------------------------------------------------------*/
#erreur{
	position:absolute;
	width:400px;
	z-index:88;
	left:50%;
	margin-top:180px;
	margin-left:-200px;	
	padding:10px;
	overflow:auto;
	color:#fff;

	border-top:0;
	background-color:#000}

.close_err{float:right; cursor:pointer;}
.close_err a:hover {color:#999999}
#poignee{color:#999999;font-weight:bold;text-transform:uppercase;margin:8px 0;font-size:12px}

/* ----------------------------------------------   		CARROUSSEL
 -----------------------------------------------------------------------------------------------------------------*/
/*
 #horizontal_carousel {
  float:left;
  width: 570px;
  height: 100px;
  position: relative;  
}         

#horizontal_carousel .container {
  position: absolute;
  width: 575px;
  height: 100px;
  overflow:auto;   
}            

#horizontal_carousel .previous_button {
  position: absolute;
  width: 18px;
  height: 100px;
  background: url(../images/mep/Carroussel/left.gif);
  z-index: 100;    
  cursor:pointer;

}        

#horizontal_carousel .previous_button_over {
  background: url(../images/mep/Carroussel/left_over.gif);
}


#horizontal_carousel .previous_button_disabled {
  background: url(../images/mep/Carroussel/left-disabled.gif);
  cursor:default;
}

#horizontal_carousel .next_button {
  position: absolute;
  left: 555px !important;
  left: 553px;
  width: 18px;
  height: 100px;
  background: url(../images/mep/Carroussel/right.gif);
  z-index: 100;
  cursor:pointer;
}   

#horizontal_carousel .next_button_over {
 background: url(../images/mep/Carroussel/right_over.gif);
}


#horizontal_carousel .next_button_disabled {
  background: url(../images/mep/Carroussel/right-disabled.gif);
  cursor:default;
}

#horizontal_carousel ul {

  margin:0 0 0 0;
  padding:0;
  width: 100000px;
  position: relative;
  top: 0;
  left: 0;
  height: 100px;
}                      

#horizontal_carousel ul li img {
  border:1px solid #999999;
  display:block;             
  background:#E3EDFA;  
}                               

#horizontal_carousel ul li {
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel ul li {
  color:#000000;
  margin:0;
  padding:0;
  width:150px;
  display:block;
  list-style:none;   
  float:left;
  text-align:center;
}
*/
 
 
/* Horizontal Carousel */
#horizontal_carousel , #horizontal_carousel .container, #horizontal_carousel .previous_button, #horizontal_carousel .next_button , #horizontal_carousel ul, #horizontal_carousel2 , #horizontal_carousel2 .container, #horizontal_carousel2 .previous_button, #horizontal_carousel2 .next_button , #horizontal_carousel2 ul{
	  height: 110px;
}
#horizontal_carousel , #horizontal_carousel2{
  width: 536px !important;
  width: 534px;
  position: relative;
}         

#horizontal_carousel .container , #horizontal_carousel2 .container{
  position: absolute;
  left: 11px;  
  width:500px;
  overflow:auto;   
  background: #fff;
}            

#horizontal_carousel .previous_button , #horizontal_carousel2 .previous_button {
  position: absolute;
  left: 0;
  width: 18px;
  background: url(../images/mep/Carroussel/left.gif) no-repeat;
  z-index: 100;    
  cursor:pointer;
}        

#horizontal_carousel .previous_button_disabled , #horizontal_carousel2 .previous_button_disabled {
  background: url(../images/mep/Carroussel/left-disabled.gif) no-repeat;
  cursor:default;
}

#horizontal_carousel .previous_button_over {
  background: url(../images/mep/Carroussel/left_over.gif);
}


#horizontal_carousel .next_button , #horizontal_carousel2 .next_button{
  position: absolute;
  left: 508px !important;
  left: 506px;
  width:18px;
  background: url(../images/mep/Carroussel/right.gif) no-repeat;
  z-index: 100;
  cursor:pointer;
}   

#horizontal_carousel .next_button_over {
 background: url(../images/mep/Carroussel/right_over.gif);
}


#horizontal_carousel .next_button_disabled , #horizontal_carousel2 .next_button_disabled{
  background: url(../images/mep/Carroussel/right-disabled.gif) no-repeat;
  cursor:default;
}

#horizontal_carousel ul , #horizontal_carousel2 ul{
  margin: 0;
  padding:0;
  position: relative;
  top: 0;
  left: 0;
}                      

#horizontal_carousel ul li img , #horizontal_carousel2 ul li img{
  border:1px solid #cccccc;  
  background:#000000; 
}                               

#horizontal_carousel ul li , #horizontal_carousel2 ul li{
  font-family:verdana,arial,sans-serif;
  font-size:10px;
}                               

#horizontal_carousel ul li , #horizontal_carousel2 ul li{
  color:#000000;
  margin:0;
  width:125px;
  display:block;
  list-style:none;   
  float:left;
  text-align:center;
}

.lecture{background-color:#999;border:1px solid #666666;border-top:0;}
.lecture a {color:#FFFFFF}


#formPanier textarea{border:1px solid #333333; font-family:Arial, Helvetica, sans-serif; overflow:auto}
#formPanier input{border:1px solid #CCCCCC; font-family:Arial, Helvetica, sans-serif;margin-bottom:3px}
#formPanier label{font-weight:bold;}