body {
	height:100%;
	margin: 0px;
	padding:0px;
	background: url(/frontoffice/image/bgpages2.jpg) repeat-x;
	background-color:#FFFFFF;
			font-family:"Trebuchet MS", Arial;
			font-size:12px;
}

#menu a:hover {
	background-position: 0px -31px;
}
a.accueil {
	display:block;
	height: 31px;
	width: 93px;
	background:  url(/frontoffice/image/accueilv2.jpg) no-repeat 0px 0px;
}
a.societe {
	display:block;
	height: 31px;
	width: 93px;
	background:  url(/frontoffice/image/societev2.jpg) no-repeat 0px 0px;
}
a.gamme {
	display:block;
	height: 31px;
	width: 93px;
	background:  url(/frontoffice/image/gammev2.jpg) no-repeat 0px 0px;
}
a.outils3d {
	display:block;
	height: 31px;
	width: 93px;
	background:  url(/frontoffice/image/outil3Dv2.jpg) no-repeat 0px 0px;
}
a.contact {
	display:block;
	height: 31px;
	width: 95px;
	background:  url(/frontoffice/image/contactv2.jpg) no-repeat 0px 0px;
}
a.solutionBouchage {
	display:block;
	height: 31px;
	width: 93px;
	background:  url(/frontoffice/image/solution_bouchagev2.jpg) no-repeat 0px 0px;
}

a.accueilUK {
	display:block;
	height: 31px;
	width: 93px;
	background:  url(/frontoffice/image/accueilUKv2.jpg) no-repeat 0px 0px;
}
a.societeUK {
	display:block;
	height: 31px;
	width: 93px;
	background:  url(/frontoffice/image/societeUKv2.jpg) no-repeat 0px 0px;
}
a.gammeUK {
	display:block;
	height: 31px;
	width: 93px;
	background:  url(/frontoffice/image/gammeUKv2.jpg) no-repeat 0px 0px;
}
a.outils3dUK {
	display:block;
	height: 31px;
	width: 93px;
	background:  url(/frontoffice/image/outil3dUKv2.jpg) no-repeat 0px 0px;
}
a.contactUK {
	display:block;
	height: 31px;
	width: 95px;
	background:  url(/frontoffice/image/contactv2.jpg) no-repeat 0px 0px;
}

a.fr {
	display:block;
	height: 31px;
	width: 53px;
	background:  url(/frontoffice/image/frv2.jpg) no-repeat 0px 0px;
}
a.en {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background-attachment:scroll;
background-color:transparent;
background-image:url(/frontoffice/image/env2.jpg);
background-position:0 0;
background-repeat:no-repeat;
display:block;
height:31px;
width:53px;
}

a.ru {
	display:block;
	height: 31px;
	width: 53px;
	background:  url(/frontoffice/image/ru.jpg) no-repeat 0px 0px;
}

.texteGris, .texteGris a {
	text-decoration:none;
	color: #333333;
	padding-left: 0px;
	padding-top: 0px;	
}
.texteGris a:hover {
	color: #FF0000;
}
	
.input{

	font-size: 11px;
	color: #333333;
	background-color: #E7E7E7;
}
.texteBas {


	font-size: 11px;
	color: #666666;
	padding-left: 10px;
	padding-top: 5px;
}

/********************************/
/* Les menus deroulants en haut */
/********************************/
ul.menu {
	width:90px;
	padding:0px;
	margin:0px;
	list-style:none;
}
ul.menu li {
	display:block;
	width:90px;
	/*height:30px;*/
	float:left;
	list-style:none;
	position:relative;
}
ul.menu ul{
list-style:none;
margin:0;
padding:0px;
display:none;
position:absolute;
top:31px;
left:0px;
}
ul.menu ul a {

font-size:13px;
color:#FFFFFF;
text-decoration:none;
display:block;
text-align:left;
height:22px;
width:150px;
border-bottom: solid 1px #FFFFFF;
/*padding:2px;*/
}
ul.menu a:hover, ul.menu li.hover a, ul.menu li.hover a:hover{
background-color:#B80E00;
}
ul.menu li:hover > ul {
display:block;
}
ul.menu li li {
float:left;
margin:0;
padding:0;
/*height:21px;*/
width:150px;
background-color:#B3B3B3;
z-index:5000;
_display:inline;
}
ul.menu ul ul{
list-style:none;
margin:0px;
padding:0px;
display:none;
position:absolute;
top:0px;
left:150px;
border-left: solid 1px #FFFFFF;
}


/********************************/
/* Les autres styles utilisés   */
/********************************/
.copyright, .copyright a{ font-size: 9px; font-style: normal; line-height: 11px; font-weight: normal; font-variant: normal; text-transform: none; color: #6E6E6E; text-decoration: none}
.copyright a:hover   {font-size: 9px; text-decoration: none; line-height: 11px; color: #FF0000; font-style: normal;}

#pages_texte_left {
	font-weight: normal;
	font-size: 16px;
	line-height: 18px;
	color: #000;
	width:400px;
	float:left;	
	text-align:justify;
	margin-right:20px;
}/*.inscrire*/
#pages_texte_left p {
	margin-top:0px;
	padding:0px;
}
#pages_texte_left.pagesimple {
	width:965px;	
	float:none;
	
}
#pages_texte_left h1 {
	margin:0px;
	padding:0px;
	font-size:16px;
	font-weight:bold;
	text-decoration:underline;
	margin-bottom:5px;
}

#pages_texte_left a {font-weight: normal; font-size: 16px; text-decoration: none; line-height: 14px; color: #FF0000;}/*.inscrire*/
.inscrire, { font-weight: normal; font-size: 10px; text-decoration: none; line-height: 12px; color: #FF0000;}
.inscrire a {font-weight: normal; font-size: 10px; text-decoration: none; line-height: 12px; color: #FF0000;}

#pages_texte_left h1.page_titre {
display:block;
font-size:17px;
margin:0px;
padding:0px;
margin-bottom:10px;
padding-left:23px;
background:url(/frontoffice/image/fleche.jpg) 0px 3px no-repeat;
text-align:left;
}
#pages_texte_left h2 {
font-size:14px;
margin:0px;
padding:0px;
margin-bottom:10px;
text-decoration:underline;
font-weight:normal;
font-style:italic;
text-decoration:none;
}

.sous_menu_pages {
width:135px; float:left; height:380px; margin-right:10px; 
padding-right:10px; background:url(../frontoffice/image/fond_sousmenu.jpg) no-repeat right top;
}
#materiaux.sous_menu_pages {
width:135px;
}
.news { font-size: 12px; font-style: normal; line-height: 13px; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none}
.txt { font-size: 12px; font-style: normal; line-height: 12px; font-weight: bold; font-variant: normal; text-transform: none; color: #7F7F7F; text-decoration: none}
.excellence { font-size: 12px; font-style: normal; line-height: 12px; font-weight: bold; font-variant: normal; text-transform: none; color: #7F7F7F; text-decoration: none; background-color: #E5E5E5; display:block;}
.excellence a { font-size: 12px; font-style: normal; line-height: 12px; font-weight: bold; font-variant: normal; text-transform: none; color: #7F7F7F; text-decoration: none; background-color: #E5E5E5; display:block;}
.excellence a:hover{ font-size: 12px; font-style: normal; line-height: 12px; font-weight: bold; font-variant: normal; text-transform: none; color: #FF0000; text-decoration: none; background-color: #E5E5E5; display:block;}
.titreGamme { font-size: 14pt; font-style: normal; line-height: 16pt; font-weight: normal; font-variant: normal; text-transform: none; color: #FF0000; text-decoration: none}
.sstitreGamme { font-size: 12px; font-style: normal; line-height: 14px; font-weight: bold; font-variant: normal; text-transform: none; color: #797676; text-decoration: none}
.famille { font-size: 10px; font-style: normal; line-height: 12px; font-weight: bold; font-variant: normal; text-transform: none; color: #787878; text-decoration: none}
.txtRouge { font-size: 10px; font-style: normal; line-height: 12px; font-weight: bold; font-variant: normal; text-transform: none; color: #FF0000; text-decoration: none}

.contact { font-size: 13px; font-style: normal; line-height: 13px; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none}
.contact_title { font-size: 16px; font-style: normal; line-height: 13px; font-weight: bold; font-variant: normal; text-transform: none; color: #FFFFFF; text-decoration: none}
.titreContact {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; line-height: 16px; font-weight: bold; font-variant: normal; text-transform: none; color: #FF0000; text-decoration: none}


.titreInscription { font-size: 11pt; font-style: normal; line-height: 16pt; font-weight: bold; font-variant: normal; text-transform: none; color: #7F7F7F; text-decoration: none; letter-spacing: 0.1em;}

.grisEntete { font-size: 12px; font-style: normal; line-height: 13px; font-weight: bold; font-variant: normal; text-transform: none; color: #7F7F7F; text-decoration: none}
tr.gris
{

	font-size: 8pt;
	background-color: #CCCCCC
}
input.gris
{
	background: #CCCCCC 
}

input,select
{

	font-size: 8pt;
	scrollbar-base-color: #F1F1F2; 
	scrollbar-face-color: #F1F1F2; 
	scrollbar-track-color: #F5F7F6; 
	scrollbar-arrow-color: #FE0000;
	scrollbar-highlight-color: #F1F1F2; 
	scrollbar-3dlight-color: #CCCCCC; 
	scrollbar-shadow-color: #F1F1F2;
	scrollbar-darkshadow-color: #CCCCCC;

}
input.bouton
{

	font-size: 10px;
	border-width:0px;
	border-style:solid;

	background-color:#FFFFFF;
	color:#FF0000;
	font-weight:normal;
	cursor:hand;
}

/*----------------------------------------------------------*/
/*-- Style des diaporamas                                  -*/
/*----------------------------------------------------------*/



#gallery_wrap {
float:left;
height:409px;
width:445px;
text-align:left;
padding-top:24px;

	}

#gallery {
	width:420px;
	height:274px;
	padding-top:5px;
			background:url(/frontoffice/image/loading.gif) no-repeat center #fff;
	
			
	/*height:350px;*/
	/*border:1px solid #929a9d;*/



}

#slide {
	width:415px;
	height:270px;

}

#slideimg {
	height:270px;
	text-align:center;
	/*height:450px;*/
	border:1px solid #929a9d;
	/*background:#f1f1f1;*/
	background:url(/frontoffice/image/degrade.jpg) no-repeat;
}

.thumb img {
	/*width:60px;*/
	height:60px;
	padding:3px;
	border:1px solid #929a9d;
}

#scrollDiv {
	overflow: hidden;
	height: 87px;
	width:383px;
	border:1px solid #ccc;
	float:left;
}

#thumbs {
	height: 87px;
	margin:10px;
	width:10000px;
	text-align:left;
}
#thumbs img {
border:#999999 1px solid;
}
	
#thumbs img:hover {
	border-color:#FF0000;	
}
	
#thumbnav {
	width:464px;
	height:88px;
	margin-top:10px;
}

.handle {
	background:#929A9D;
	border:1px solid #ccc;
	border:none;
	color:#fff;
	height:87px;
	width:15px;
	font-size:8pt;
	line-height:87px;
	font-weight:bold;
	display:block;
	float:left;
}

/*----------------------------------------------------------*/
/*-- Style des actualites - ajout Aurélien JEAN            -*/
/*----------------------------------------------------------*/

#actus_wrapper {
	width:1000px;
	padding:0px;
	padding-top:5px;
	margin:auto;
	background:url(../frontoffice/image/fond_h1.jpg) repeat-x;	

	}
.actu_objet {
	height:200px;
	width:158px;
	background:url(../frontoffice/image/fond_article.jpg) no-repeat;
	padding:10px;
	padding-left:7px;
	padding-top:5px;
	margin:0px;

	margin-left:22px;
	margin-top:10px;
	float:left;
	}

h1.titre_actu {
	background:url(../frontoffice/image/h1_actu.jpg) no-repeat;
	font-size:18px;
	padding:0px;
	padding-top:4px;
	margin:0px;
	padding-left:35px;
	height:37px;
	}	

a.actu {
	color: #FF0000;
	border-bottom:#000000 dotted 1px;	
		font-size:12px;
		padding-bottom:2px;
				text-decoration:none;
					margin-left:22px;
	}

#titre1_actu {
	color: #000000;
		font-size:12px;
		text-decoration:none;
	}

#titre2_actu {
	color: #FFFFFF;
		font-size:11px;
		text-decoration:none;
	}


.clear {
clear:both;
height:1px;
width:1px;
margin:0px;
padding:0px;
}

.titre_article {
	height:50px;
	padding:0px;
	margin:0px;
	padding-top:2px;
	width:145px;
	height:44px;
	margin-bottom:5px;
	font-weight:bold;
	text-align:center;
	line-height:14px;
	overflow:hidden;
	}

.img_article {
	padding-top:3px;
	text-align:center;
	width:145px;
	}

.article_popup {
	width:798px;
	}
	
.h1_popup {
	background-color:#b5b5b5;
	font-size:14px;
	}





/*---------------------------------*/
/*  NOUVEAU fiches produits  2009  */
/*---------------------------------*/


.fondlivre {
	background:url(../frontoffice/image/fondlivre.jpg) center no-repeat; 
	padding-bottom:20px;
	margin-top:3px;
	padding-top:9px;
	}

#catalogue_livre a {
	font-size:12px;
	color:#FF0000;
	text-decoration:none;	
	}
#catalogue_livre a:hover {
	text-decoration:underline;	
	}
#catalogue_livre {
	width:958px;
	height:400px;
	padding:0px;
	padding-left:7px;
	border:1px #999999 solid;
	background:url(/frontoffice/image/livre_fond.jpg) repeat-y;
	margin:auto;	
	}

#page1 {
	float:left;
	width:448px;
	margin-right:15px;
	}

.depose {
	float:right;
	width:120px;
	text-align:right;
	padding-right:2px;
	font-size:12px;

	color:#FFFFFF;

	}
.clear_produits {
	clear:both;
	height:1px;
	width:0px;
	line-height:1px;
	margin:0px;
	padding:0px;
	visibility:hidden;	
	}
h1.page1  {
	background-color:#999999;
	font-size:14px;
	color:#FFFFFF;
	margin:0px;
	width:auto;
	padding:1px;
	padding-left:2px;
	margin-bottom:6px;
	}
	
.tab_couleur {
	width:16px;
	background-color:#FF9900;
	height:400px;	
	float:left;	margin:0px;
	padding:0px;
	}
	
#excellence, #excellence_tab {
	background-color:#fda750;
	}	
#prestige, #prestige_tab  {
	background-color:#90007e;	
	}	
	
#extra, #extra_tab  {
	background-color:#b34342;
	}		
	
#coiffes, #coiffes_tab  {
	background-color:#a3b03e;
	}	
	
#carafes, #carafes_tab {
	background-color:#f5e051;
	}	
	
#bouteille, #bouteille_tab  {
	background-color:#9ec3dd;
	}	
	
#plastique, #plastique_tab  {
	background-color:#65b4af;
	}	
	
#cachets, #cachets_tab  {
	background-color:#927a6e;
	}	
	
#capsules, #capsules_tab  {
	background-color:#caa24d;
	}	
	
#bouchonsvis, #bouchonsvis_tab  {
	background-color:#df3691;
	}	
#index_tab {
	background-color:#9d9d9d;
	}	
	
	
#page1 p {
	padding:0px;
	padding-right:10px;
	margin:0px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:10px;
	font-size:12px;
	}
	
#page1 img.personnaliser	 {
	border:#999 2px solid;
	}
	
	
	
	
#page1 img.personnaliser:hover	 {
	border-color:#F00;
	}	
	
#page2 {
	float:left;
	width:430px;
	margin-left:5px;
	padding-left:5px;
	padding-right:10px;
	}
	h1.page2  {
	background-color:#999999;
	font-size:12px;
	color:#FFFFFF;
	padding:1px;
	padding-left:2px;
	margin:0px;
	margin-bottom:4px;
	margin-top:2px;
	clear:both;
	}

.nav_catalogue {
	height:10px;
	line-height:10px;
	margin:0px;
	padding:0px;
	font-size:10px;
	}
	
#nav_pages {
	text-align:right;
	padding-right:10px;
	height:10px;
	line-height:10px;
	margin:0px;
	padding:0px;	
	font-size:10px;
	}	
	#nav_pages a{
		background:#bc252c;
		color:#FFF;
		padding-left:2px;
		display:block;
		float:right;
		padding:2px;
		}
		
.container {	
	padding-top:7px;
	height:372px;
	padding-left:12px;
	overflow:hidden;
	}


#page1 img.logo_small , #page2 img.logo_small {
	margin-left:2px;
	margin-top:1px;
	margin-right:2px;	
	}


#onglets {
	float:left;
	width:44px;
	height:400px;
	}

	

	
#tabs {
	width:28px;
	height:400px;	
	float:left;
	margin:0px;
	padding:0px;
	}
	#tabs ul, #onglets li {
		margin:0px;
		padding:0px;
		list-style-type: none;	
		}

		
.bouchon, .bouchon_3x3, .bouchon_2x3, .bouchon_excell {
	width:95px;
	height:87px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	line-height:14px;
	font-size:12px;
	text-align:center;
	overflow:hidden;
	}
	.bouchon_3x3 {
		width:117px;
		height:105px;
		margin-left:7px;
		margin-right:7px;
		margin-top:2px;
		}
		.bouchon img, .bouchon_3x3 img, .bouchon_2x3 img, .bouchon_excell img{
			border:#999 solid 1px;
			margin-bottom:1px;
			}
	.bouchon_2x3 {
		width:117px;
		height:105px;
		margin-top:2px;
		margin-left:40px;
		margin-right:40px;
		}


.fleche_gauche , .fleche_droite {
	width:10px;float:left; height:55px;
	color:#FFFFFF; background-color:#CCCCCC;
	margin-top:0px; margin-bottom:5px;
	text-align:center;
	padding-top:20px;
	font-weight:bold;	
	}
.fleche_gauche {margin-right:5px;}	

		/* excellence */	
		.container_scroll {
			width:409px;
			height:87px;
			float:left;	
			white-space:nowrap;
			overflow:hidden;
			margin-bottom:3px;
			}		
		.bouchon_excell {
			width:93px;
			}
		#page1 .container_scroll {
			width:425px;
			}



	/* Onglets */
	
	a.index_tab {	
		width: 28px;
		height: 64px;
		display:block;			
		padding:0px;margin:0px;
		background: url(/frontoffice/image/tab_index.jpg) no-repeat 0px -64px;
		}
		a.index_tab:hover {		
			background-position: 0px 0px;
			}
	
	a.excellence_tab {		
		width: 28px;
		height: 35px;
		display:block;			
		padding:0px;margin:0px;
		background: url(/frontoffice/image/tab_excellence.jpg) no-repeat 0px -35px;
		}
		a.excellence_tab:hover {		
			background-position: 0px 0px;
			}
		
	 a.prestige_tab {		
		width: 28px;
		height: 32px;	
		display:block;				
		padding:0px;margin:0px;
		background: url(/frontoffice/image/tab_prestige.jpg) no-repeat 0px -32px;
		}
		a.prestige_tab:hover {		
			background-position: 0px 0px;
			}
	 a.extra_tab {		
		width: 28px;
		height: 32px;
		display:block;			
		padding:0px;margin:0px;
		background: url(/frontoffice/image/tab_extra.jpg) no-repeat 0px -32px;
		}
		a.extra_tab:hover {		
			background-position: 0px 0px;
			}
			
			
	 a.coiffes_tab {		
		width: 28px;
		height: 31px;
		display:block;			
		padding:0px;margin:0px;
		background: url(/frontoffice/image/tab_coiffes.jpg) no-repeat 0px -31px;
		}
		a.coiffes_tab:hover {		
			background-position: 0px 0px;
			}
	 a.carafes_tab {		
		width: 28px;
		height: 32px;
		display:block;			
		padding:0px;margin:0px;
		background: url(/frontoffice/image/tab_carafes.jpg) no-repeat 0px -32px;
		}
		a.carafes_tab:hover {		
			background-position: 0px 0px;
			}
			
	 a.bouteilles_tab {		
		width: 28px;
		height: 32px;
		display:block;			
		padding:0px;margin:0px;
		background: url(/frontoffice/image/tab_bouteilles.jpg) no-repeat 0px -32px;
		}
		a.bouteilles_tab:hover {		
			background-position: 0px 0px;
			}
		
	 a.plastique_tab {		
		width: 28px;
		height: 32px;
		display:block;			
		padding:0px;margin:0px;
		background: url(/frontoffice/image/tab_plastique.jpg) no-repeat 0px -32px;
		}
		a.plastique_tab:hover {		
			background-position: 0px 0px;
			}
		
	 a.cachets_tab {		
		width: 28px;
		height: 30px;
		display:block;			
		padding:0px;margin:0px;
		background: url(/frontoffice/image/tab_cachets.jpg) no-repeat 0px -30px;
		}
		a.cachets_tab:hover {		
			background-position: 0px 0px;
			}
		
	 a.capsules_tab {		
		width: 28px;
		height: 34px;
		display:block;			
		padding:0px;margin:0px;
		background: url(/frontoffice/image/tab_capsules.jpg) no-repeat 0px -34px;
		}
		a.capsules_tab:hover {		
			background-position: 0px 0px;
			}
	 a.vis_tab {		
		width: 28px;
		height: 46px;
		display:block;			
		padding:0px;margin:0px;
		background: url(/frontoffice/image/tab_vis.jpg) no-repeat 0px -46px;
		}
		a.vis_tab:hover {		
			background-position: 0px 0px;
			}

	 /* Catalogue index */
	 
	 .logo_gamme {
		 border:1px solid #b4b4b4;
		 width:188px;
		 float:left;
		 margin:0px;
		 padding:0px;
		 margin-left:0px;
		 margin-bottom:8px;
		 padding-bottom:2px;
		 margin-right:7px;
		 color:#FFFFFF;
		 background-color:#cfcfcf;
		 font-size:12px;
		 text-align:center;
	 	}

	 #excellence.logogamme {
		 background-color:#FF9933;
		 }
	 
	#page2 a.titre_gamme, #page1 a.titre_gamme{
		color:#FFFFFF;
		font-weight:bold;	
		}
	#page2.accueil {
		width:410px;
		padding-top:5px;
		margin-left:30px;
		padding-left:0px;
		padding-right:10px;
		}
	
	
	



#fil_ariane {
	margin:auto;
	height: 16px;
	width:566px;
	margin-bottom:11px;
	font-size:12px;
	line-height:13px;
	background:  url(/frontoffice/image/fond_ariane.jpg) no-repeat 1px 0px;
	text-align:left;
	}
	#fil_ariane.pages {
	margin-bottom:31px;
	}
	#fil_ariane.pages2 {
	margin-bottom:20px;
	}
#fil_ariane h1 {
	color:#666666;
	margin:0px;
	padding:0px;
	font-size:12px;
	margin-left:4px;
	margin-right:15px;
	display:inline;
	font-weight:normal;
	}

#Texte_pages p {
	margin:0px;
	margin-bottom:20px;	
	}

	.bouchon img, .bouchon_3x3 img{
		border:#999 solid 1px;
		margin-bottom:1px;
		}
			
		/* Détail fiche produit */	
			
			h1.titre_produit_detail {
				font-size:14px;
				color:#FFF;
				padding:0px;
				margin:0px;
				background:url(../frontoffice/image/fleche.gif) 0px 5px no-repeat;
				padding-left:16px;					
				}
			
			body.fiche_detail_bg {	
				background-image:none;
				}
			
			a.fiche_produit_lien {
				color:#F00;
				text-decoration:none;
				font-size:14px;									
				}
			


/* mentions légales */


#mentions_legales {
	width:800px;
	margin:auto;
	text-align:justify;
	border:#CCC 1px solid;
	margin-top:20px;

	}
	
#mentions_legales h1 {
	font-size:14px;
	color:#FFF;
	background-color: #999;
	padding:5px;

	}	
#mentions_legales p {
	margin:15px;
	padding:0px;
	
	}	
	
	
#contact_adresse {
	font-size:13px;
	
	}
	
#contact_adresse h2 {
	font-size:16px;
	
	
	}