body { margin:0; padding:0; width:100%; height:100%;  background:url(../images/texture.jpg) repeat black; }

.T { text-indent:-10000px; }

#top { width:100%;
		height:190px;
		background:url(../images/texture.jpg) repeat black;
		}

ul,li{
list-style-type:none;
margin:0;
padding:0;
}

li { list-style:none; font-family: "Helvetica", Times, serif;  }

p { display:block; text-align:center; font-size:16px; font-family: Times, serif; }

.conteneur p { font-size:13px; }

p, h2 { font-family: "Helvetica", Times, serif; text-decoration:none; }

a:hover h2 { text-decoration:none; }

h1 { font-family:Helvetica, sans-serif }
		
a { color:#000; text-decoration:none; border:none; }

a:hover { color:#000000; cursor:pointer; text-decoration:underline; }


		
p a { color: #000; text-decoration:underline; border:none; font-style:italic;  }

p a:hover { color:#000000; cursor:pointer; text-decoration:underline; }



a:hover h2 { text-decoration:none; }
	
a img { color:none; text-decoration:none; border:none; }

a:visited img { color:none; text-decoration:none; border:none; }
	
	
	
	
	
.float { float:left; }		

.clear { clear:both; }
		
#header { width:100%;
		height:89px;
		background:url(../images/haut_fond_vert.jpg) repeat;
		background-color:green;
		margin-top:35px;
		}

#contentHeader { width:790px;
				margin:auto; }

#logo a { width:172px;
			height:157px;
			background:url(../images/logo.jpg) no-repeat;
			margin-top:-35px;
			float:left;
			}




/******************************************************  MENU EFFECT ******************************************************/



/* Menu Body */
	ul#menu {
		width:420px;
		height:90px;
		background:url(bg.png) repeat-x;
		list-style:none;
		margin:0;
		padding:0;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(onglet_sprite.png) no-repeat top left;
		display:block;
		height:90px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {
		width:69px;
		height:90px;
	}
	

	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.service {
		width:74px;
		background-position:-124px 0px;
	}

	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.produits {
		width:70px;
		background-position:-198px 0px;
	}

	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.personnalisation {
		width:122px;
		background-position:-268px 0px;
	}

	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.panier {
		width:68px;
		background-position:-391px 0px;
	}


	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(onglet_sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.home span {
		background-position:0px -90px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.about span {
		background-position:-63px -90px;
	}

	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.service span {
		background-position:-124px -90px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.produits span {
		background-position:-198px -90px;
	}

	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.personnalisation span {
		background-position:-268px -90px;
	}

	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.panier span {
		background-position:-391px -90px; width:68px;
	}
	

/******************************************************  BARRE ONGLET  ******************************************************/



#onglets { width:407px;
			height:89px;
			float:right;
		background:url(../images/haut_fond_vert.jpg) repeat
			}


/******************************************************  Slider Show  ******************************************************/


#slideshow {
	margin:0 auto;
	width:380px;
	height:263px;
	background:transparent url(img/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
	margin-top:30px;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:300px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:300px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

#slideshow h1 { margin-top:-50px; font-size:16px; text-align:center; background: none repeat; padding:10px; position:relative; z-index:10;
											filter : alpha(opacity=10); 
											-moz-opacity : 0.6; 
											opacity : 0.6;
											text-indent:-10000px; 
}


#slideshow h2 {  margin-top:-50px; font-size:16px; text-align:center; background:#none repeat; padding:10px; position:relative; z-index:20; text-indent:-10000px;
}


/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  float:left;
  background:transparent url(../img/control_left.png) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../img/control_right.png) no-repeat 0 0;
}

#slideshow img {
width:250px; 
margin-left:35px;
  }


/** 
 * Style rules for Demo page
 */



.transition { width:100%;
				height:16px;
				background: url(../images/transition.jpg) repeat;
				}


#centre { width:100%;
			height:auto;
			background: url(../images/back_centre.jpg) repeat;
			}
			
#conteneur { width:821px;
			height:auto;
			margin:auto;
			}


#bas { height:150px; }



.bienvenue { text-indent:-9000px;
				width:330px;
				height:100px;
				margin-bottom:10px;
				background:url(../images/bienvenue.png) no-repeat 0px;
				}

#texteAcceuil {
			width:380px;
			height:250px;
			margin-left:43px;
			padding:0px 25px 0px 0px;
			}

#texteHome {
			width:auto;
			height:auto;
			padding:0px 25px 0px 0px;
			padding-left:30px;
			}

#imgAcceuil {
			width:300px;
			height:250px;
			float:right;
			margin-right:48px;
			}


#texte_contact {
			width:700px; margin:auto; text-align:center; padding:30px; padding-bottom:0px; 
			}




#border_top {   width:821px; 
				height:45px;
				background:url(../images/hautBoite.jpg) no-repeat;
}
#border_left {   width:46px; 
				height:auto;
				background:url(../images/gaucheBoite.jpg) repeat right ;
}
#border_right {   width:45px; 
				height:auto;
				background:url(../images/droiteBoite.jpg) repeat #FF0000;
}

#content { width:auto;
			height:auto;
			background-color:#fff;
			padding-bottom:15px;
			}


#contentcenter { margin:auto; width:700px; background:#FFFFFF repeat; }			

#conteneur2 { padding-top:60px; }


#conteneurHome { padding-bottom:-60px; margin-top:0px; }



.boite { width:199px; height:auto; float:left; padding:16px; margin-bottom:15px;  }
		
.boite img { padding-top:10px; }
	
.boite h2 { font-size:20px; display: inline; }

.boite p { display:block; text-align:left; }



div.coin_hg
{
        background: url(../../images/Bordure/HG.jpg) left top no-repeat;
        padding-left: 6px;
}

div.coin_hd
{
        background: url(../../images/Bordure/HD.jpg) right top no-repeat;
        padding-right: 6px; 
}

div.bordure_h
{
        background: url(../images/hautBoite.jpg) top repeat-x;
        height: 45px; 
}


div.cote_gauche
{
    background: url(../images/gaucheBoite.jpg) left repeat-y #FFFFFF;
    padding-left: 6px; 
}

div.cote_droit
{
    background: url(../images/droiteBoite.jpg) right repeat-y;
    padding-right: 6px; 
    overflow: hidden;
}


div.coin_bg
{
        background: url(../../images/Bordure/BG.jpg) left top no-repeat;
        padding-left: 6px;
}

div.coin_bd
{
        background: url(../../images/Bordure/BD.jpg) right top no-repeat;
        padding-right: 6px; 
}

div.bordure_b
{
        background: url(../../images/Bordure/B.jpg) bottom repeat-x;
        height: 6px;
}


#Acceuil p { text-align:center; }


.titreBoiteAcceuil { font-size:22px; display:; padding-top:5px; width:200px; margin:auto; }

.texteBoiteAcceuil { font-size:12px; display:block; margin-top:5px; }

 #imgProduits  { width:200px; height:117px; background:url(../images/produits1.jpg) no-repeat; margin-top:10px; margin-bottom:7px; }


a:hover #imgProduits  { width:200px; height:117px; background:url(../images/produits.jpg) no-repeat; margin-top:10px; }



#imgPerso { width:200px; height:117px; background:url(../images/perso1.jpg) no-repeat; margin-top:10px; }


a:hover #imgPerso { width:200px; height:117px; background:url(../images/perso.jpg) no-repeat; margin-top:10px; }



 #imgDomaine  { width:200px; height:117px; background:url(../images/domaine1.jpg) no-repeat; margin-top:10px;margin-bottom:7px; }


a:hover #imgDomaine { width:200px; height:117px; background:url(../images/domaine.jpg) no-repeat; margin-top:10px; }


.foot { width:240px; margin:10px; text-align:center; float:left; background-color:#; }

#foot  { width:790px; color: #999999; margin:auto; margin-top:20px; }

#foot p { text-align:center; }


.foot span { width:240px; margin:auto; display:inline; }


.foot a { color:#999999; }
.foot a:hover { color:#666666; }





.personnalisation { text-indent:-9000px;
				width:340px;
				height:100px;
				margin-bottom:-15px;
				background:url(../images/personnalisation.png) no-repeat 0px;
				} 

#textePersonnalisation {
			width:734px;
			height:auto;
			margin-left:43px;
			padding:0px 25px 0px 0px;
			margin-bottom:-55px;
			text-align:center;
			}

#etiquette { padding:20px; }








/******************************************************  BARRE ONGLET  ******************************************************/



.produits { text-indent:-9000px;
				width:330px;
				height:100px;
				margin-bottom:10px;
				background: url(../images/Prouduits.png) no-repeat 0px;
				}


 #boite_produit  { width:200px; height:auto; margin:auto; background:none) no-repeat; margin-top:10px; }
 
.img_bouteille_et_etiquette { border:none; }

 #boite_produit a  { font-size:13px; display:inline;   }

 #boite_produit h3 a  { font-size:20px; display:inline;   }

 #boite_produit a:hover  { font-size:13px; text-decoration:underline;   }

 #boite_produit h3 a:hover  { font-size:20px; text-decoration:underline;   }
 
 #boite_produit h3  { text-align:left; margin-bottom:-10px; margin-left:0px; }
 
 



#texteAcceuil_produit { width:720px; text-align:center; padding:0px 0px 0px 40px; margin-bottom:-35px; }


.bordeaux { text-indent:-9000px;
				width:330px;
				height:0px;
				margin-bottom:10px;
				}


.liens_produit  a  { font-size:16px; display:inline;   }

.liens_produit  a:hover  { font-size:16px; text-decoration:underline;   }












/******************************************************  SLIDER SHOW  ******************************************************/





#slideShow1
{
	width: 300px;
	height: 250px;
	padding: 10px;
	background-color: none;
	margin-top: 10px;
}
#slideShow2
{
	width: 300px;
	height: 300px;
	border: 1px solid #ccc;
	padding: 10px;
	background-color: #fff;
	margin: 10px;
}
.pagelinks a
{
	font-weight: bold;
	color: #666;
}

.slideshowLinks  { display:none; }

.slideCaption
{
	background-color: none;
	padding: 4px;
	text-align: center;
	font-weight: bold;
}
.pagelinks a.activeSlide
{
	color: #f90;
}

.slideshowCaption  { bottom:0px!important;
					width:330px; }


/* this is for IE so the prev/next links can be hovered*/
.nextSlide
{
	background: url(../img/control_right.png) no-repeat;
	background-position: center bottom;
	padding-top:49px;
}
.prevSlide
{
	background: url(../img/control_left.png) no-repeat;
	background-position: center bottom;
	padding-top:49px;
}



.nextSlide:hover
{
	background-image: url(../img/control_right.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.prevSlide:hover
{
	background-image: url(../img/control_left.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.inputsTooltip
{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 4px;
	color: #333;
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
}
#tooltipURL
{
	display: none;
}







/******************************************************  PAGE PRODUITS  ******************************************************/


.content span 
{

margin-top:-38px;

}


.Commander a { padding:10px; background:#CCC repeat; text-decoration:none; font-size:20px; }

.Commander a:hover { padding:10px; background: #999 repeat; border:3px solid #999; text-decoration:none; color:#fff; font-size:20px; }

div.ajouter_produit  {  position:relative; z-index:1000; bottom:10px; background:#FFF repeat; text-align:right; margin-right:33px; font-size:14px; }

div.ajouter_produit a  { background:#CCC repeat; padding: 10px; margin-top:-20px;}

div.ajouter_produit a:hover  { background:#999 repeat; padding: 10px; text-decoration:none; font-style:bold;}

div.ajouter_produit a.href_one  { border-right:2px solid #999;}









/******************************************************  Personnalisation img  ******************************************************/


#thumbs li a { float:left; margin-left:5px; border:3px solid  #CCC; margin-bottom:15px; }


#thumbs li a:hover { float:left; margin-left:5px; border:3px solid black; margin-bottom:15px; }




/******************************************************  PAGE ETIQUETTE PERSO SITE VENTE  ******************************************************/



#contentcenter_etiquette { 

height:550px; width:500px; margin:auto; padding-bottom:40px;

}

#etiquette_non_perso {
	
width:530px; margin:auto;

}

#etiquette_non_perso h2 {
	
	text-align:center;

}

#etiquette_non_perso img {
	
margin-left:8px;

}

div.ajouter_produit_etiquette  {  position:relative; z-index:1000; bottom:0px; background:#FFF repeat; text-align:center; font-size:14px; margin-top:30px; width:500px; margin-bottom:40px; }

div.ajouter_produit_etiquette a  { background:#CCC repeat; padding: 10px; margin-top:0px; }
	
div.ajouter_produit_etiquette a:hover  { background:#999 repeat; padding: 10px; text-decoration:none; font-style:bold;}

div.ajouter_produit_etiquette a.href_one  { border-right:2px solid #999;}