o@charset "utf-8";


/*Feuille de style, Ganterie BCL
copyright Ganterie BCL Lte*/

/*------------------ Couleur ------------------------
#F7EFDB: Beige Pale utilise pour l'arriere plan
#F5ECD5: Beige legerement plus fonce utiliser pour la WRAPPER
*/


/*---------------------------------------------------
				^1 Constantes Générales
---------------------------------------------------*/
* {margin: 0; padding: 0;}

body { background-color:#F7EFDB; font-family:Tahoma, Geneva, sans-serif; color: #333;}
h1 {font-size: 32px;}
h2 {font-size: 13px; font-weight: bold;}
h3 {font-size: 14px;}
a {color: #00C; text-decoration: none;}
	a:hover { text-decoration: underline; font-weight: normal;}
img { border:none;}

/*---------------------------------------------------
				^2 Reset de Fureteur
Cette section évite d'avoir des problèmes de marges/padding avec Internet Explorer
---------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,address,blockquote,div,ul,li{ margin: 0; padding: 0;}
hr {margin: auto;}

/*---------------------------------------------------
				^3 Régions
---------------------------------------------------*/

/*-------------------- ^3.1 Wrapper -------------------*/

#WRAPPER {width: 987px; overflow:hidden; margin: 0 auto; padding: 0; background-color:#FFF;}
/*-------------------- ^3.1 En-Tête -------------------*/

#EN-TETE {float:left; width: 987px; z-index:10;}
	
	#EN-TETE h2{font-size:0px; display:block; line-height:0px; text-indent:-9999px;}
	#EN-TETE h3{font-size:0px; display:block; line-height:0px; text-indent:-9999px;}
	#EN-TETE p{font-size:0px; display:block; line-height:0px; text-indent:-9999px;}
	#EN-TETE #zone_graphique{position:relative; float:left; display:block; width:987px; height:154px; z-index:0;} 
	#EN-TETE #menu_principal { float:left; width: 987px; height:55px; background-image:url(../_images/_Style/bande_navigation.png);}
		#EN-TETE #menu_principal li  {float: left; list-style: none; width: 158px; height: 55px; margin-left:1.741em; display:block; line-height:55px; vertical-align:center; text-align:center; background-image:url(../_images/_Style/bouton_navigation_normal.png);}
			#EN-TETE #menu_principal li a {height:55px; width:158px; display:block; line-height:55px;} 			/* Astuce pour faire le Rollover des Image du menu de navigation principal*/
			#EN-TETE #menu_principal li a:hover{ background-image:url(../_images/_Style/bouton_navigation_selection.png); font-weight:normal;}
			
	#EN-TETE #carousel { float:left; width:987px; height:233px; margin-bottom:13px;}
/*-------------------- ^3.2 MAIN -------------------*/
#MAIN {float:left; width:100%; margin-bottom:5px; background-image:url(../_images/_Profil/Ambiance/main_BKD1.png); background-repeat:no-repeat;}

/*-------------------- ^3.3 Sidebar -------------------*/

#SIDEBAR {float:left; width: 233px; }
	#SIDEBAR .Puce_Gamme {position:relative; float:left; width:255px; height:41px; margin-left:13px; margin-top:35px; background-image:url(../_images/_Style/puce_gamme_41.png); background-repeat:no-repeat; }
		#SIDEBAR .Puce_Gamme h3 {position:absolute; top:12px; left: 21px; font-size: 21px; font-weight:normal;}
			#SIDEBAR .Puce_Gamme h3 a {color:#000;}
			#SIDEBAR .Puce_Gamme img { width:104px; height:30px; margin-left:85px; margin-top:10px;}
	#SIDEBAR #livraison {margin-top:14px; }
	#Google_Site_Search {display:block; float:left;}
	
/*-------------------- ^3.4 Contenu -------------------*/

#CONTENU {float:left; position:relative; width:754px;}
	#CONTENU #langue { position: absolute; right:0px; font-size:14px;}
		#CONTENU #langue ul {list-style:none;}
			#CONTENU #langue li {float:left; margin-right:15px;}
		#CONTENU .Intro_Contenu {font-size:0px; display:block; line-height:0px; text-indent:-9999px;}
	#CONTENU #breadcrumb { position:absolute; width: 700px; height: 34px; left:-144px; /*Original -89px*/ display:block; line-height: 34px; vertical-align:center; font-size: 11px; z-index:10;}
	
	#CONTENU #titre_page {float:left; width:754px; margin-top:55px; text-align:center;}
	#GENERAL {position:relative;}
	
	#Google_Site_Search{float:left; display:block; margin-left:21px; margin-top:34px;}

/*-------------------- ^3.5 Pied Page -------------------*/

#PIED-PAGE{float:left; width:987px; border-top:#CCC 1px solid; background-color:#FFF; margin-bottom:13px;}

#footer_title {float:left; margin-top:20px; margin-bottom:5px; width:987px; color:#999}
	#footer_title h4 {font-size:15px;}
	#footer_title h3 {font-size:0px; display:block; line-height:0px; text-indent:-9999px;}
.Footer {float:left; margin-left:0px; margin-bottom:50px; margin-left:10px; width:150px; text-align:left;}
	.Footer ul {list-style:none; text-align:left; margin-left:10px;}
	.Footer li {margin-bottom:5px;}
	.Footer li a {text-decoration:none; color:#999; font-weight:normal; font-size:11px;}
		.Footer li a:hover {color:#333; font-weight:normal;}	
	.Footer h4 {font-weight:bold; font-size:13px; margin-bottom:10px;}
	.Footer h4 a {color:#999; text-decoration:none;}
		.Footer h4 a:hover {color:#333; font-weight:bold;}	
			
#footer_legal {float:left; padding-right:37px; margin-bottom:0px; width:950px; color:#999; font-size:12px; text-align:right;}

#Simple_Footer{margin-top:21px; margin-left:420px;}
	#Simple_Footer p {text-decoration:none; color:#999; font-weight:normal; font-size:11px;}

/*---------------------------------------------------
				^4 Classes Générales
---------------------------------------------------*/

/*-------------------- ^4.1 Menu -------------------*/
/* Cette classe gère tous les menus du site. Elle donne la couleur au texte des menus*/

.Menu {margin: 0; padding: 0;}
	.Menu a{color: #3A4236; text-decoration: none;}
		.Menu a:hover{font-weight: bold;}


/*-------------------- ^4.2 Menu Side -------------------*/
/* Le Menu Side est ce qui définit les produits */

.Menu_Side{float:left; margin-top:34px; margin-left:21px;}
	.Menu_Side ul { list-style:none;}
		.Menu_Side li {	height: 29px; width: 212px; display:block; line-height:29px; vertical-align:center; margin-bottom: 14px; list-style-type: none; font-size: 14px; background-image:url(../_images/_Style/bouton_produit.png);}
			.Menu_Side li a{ width:212px; height:29px; display:block; line-height:29px; text-decoration:none; color:#333}
			.Menu_Side li a:hover{ font-weight: normal; background-image:url(../_images/_Style/bouton_produit_selection.png);}


#politique_vente {float:left; margin-left:21px; margin-top:55px;}

/*-------------------- ^4.3 Ambiance -------------------*/
/* Pour les pages principales */
	.Image_Ambiance  { background-image:url(../_images/_Profil/Ambiance/main_BKD1.png); background-repeat:no-repeat;}