/***************************************
***** CENTRAGE HORIZONTALE DU SITE *****
****************************************/
body 
{
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	font-family:Arial,Helvetica,Verdana;
	font-size:12px;
	background-color:#EAEAEA;
}

a {
outline:0;
}


/*DIV permettant de centrer le site*/
#Global
{
	position:relative;
    margin-left: auto;
	margin-right: auto;
    text-align: left; /* on rétablit l'alignement normal du texte */
	width: 980px; /*largeur variable*/
	height:auto;
}

a img
{
	text-decoration:none;
	border:0px;
}
/***********************************
***** FIN CENTRAGE HORIZONTALE *****
************************************/


/*--------------------------------------------------------------------------------------------------*/


/*************************
***** HEADER DU SITE *****
**************************/
#Header
{
	position:relative;
	height:200px;
	width:100%;
	background-image:url("../Img/Header.jpg");
}

#Logo
{
	position:absolute;
	display:block;
	top:30px;	
	height:119px;
	width:200px;
}

#Langue
{
	float:right;
	position:relative;
	height:25px;
	left:-3px;
}

#Deconnexion
{
	float:right;
	position:relative;
	height:25px;
}

#Deconnexion a
{
	text-decoration:none;
	border:0;
	color:#000;
}

#Deconnexion a img
{
	text-decoration:none;
	border:0;
}

#Langue form
{
	float:left;
}

#Recherche
{
	position:absolute;
	width:340px;
	top:27px;
	height:50px;
	right:57px;
	line-height:11px;
}

#Recherche table
{
	width:100%;
}

#Recherche td
{
	text-align:right;
}

#Recherche a
{
	color:#000000;
	text-decoration:underline;
}

/*********************
***** FIN HEADER *****
**********************/


/*--------------------------------------------------------------------------------------------------*/


/***********************
***** MENU DU SITE *****
************************/
#MenuHaut
{
	bottom:0;
	height:31px;
	position:absolute;
	width:100%;
	.z-index:-1;
}

#ContainerMenu
{
	float:left;
	height:100%;
	.z-index:-1;
}

a.Home
{
	display:block;
	width:29px;
	height:31px;
	background-image:url("Langue_FR/Btn_Accueil_off.jpg");
	float:left;
}

a.Home:hover
{
	background-image:url("Langue_FR/Btn_Accueil_on.jpg");
}

a.Catalogue
{
	display:block;
	width:190px;
	height:31px;
	background-image:url("Langue_FR/Btn_Catalogue_on.jpg");
	float:left;
}

a.Catalogue:hover
{
	background-image:url("Langue_FR/Btn_Catalogue_off.jpg");
}

a.Panier
{
	display:block;
	width:180px;
	height:31px;
	background-image:url("Langue_FR/Btn_Caddie_off.jpg");
	float:left;
	display:none;
}

a.Panier:hover
{
	background-image:url("Langue_FR/Btn_Caddie_on.jpg");
}

a.Commande
{
	display:block;
	width:170px;
	height:31px;
	background-image:url("Langue_FR/Btn_AideCommande_off.jpg");
	float:left;
}

a.Commande:hover
{
	background-image:url("Langue_FR/Btn_AideCommande_on.jpg");
}

a.CommandeDirect
{
	display:block;
	width:160px;
	height:31px;
	background-image:url("Langue_FR/Btn_CommandeDirecte_off.jpg");
	float:left;
}

a.CommandeDirect:hover
{
	background-image:url("Langue_FR/Btn_CommandeDirecte_on.jpg");
}

a.Revendeur
{
	display:block;
	width:140px;
	height:31px;
	background-image:url("Langue_FR/Btn_Revendeur_off.jpg");
	float:left;
}

a.Revendeur:hover
{
	background-image:url("Langue_FR/Btn_Revendeur_on.jpg");
}

a.Evenement
{
	display:block;
	width:111px;
	height:31px;
	background-image:url("Langue_FR/Btn_Promotions_off.jpg");
	float:left;
}

a.Evenement:hover
{
	background-image:url("Langue_FR/Btn_Promotions_on.jpg");
}

a.Nouveaute
{
	display:block;
	width:180px;
	height:31px;
	background-image:url("Langue_FR/Btn_Nouveaute_off.jpg");
	float:left;
}

a.Nouveaute:hover
{
	background-image:url("Langue_FR/Btn_Nouveaute_on.jpg");
}

/*******************
***** FIN MENU *****
********************/


/*--------------------------------------------------------------------------------------------------*/


/**************************
***** CONTENU DU SITE *****
***************************/
* html #ContenuCentrale{height:1%;}/*pour ie 6*/

#ContenuCentrale
{
	position:relative;
	width:100%;
	height:auto;
	background-color:#fff;
	.z-index:-1;
}

.containerParagraphe
{
	background-color:#FFF6D1;
	margin:auto;
	width:90%;
	border:1px dotted grey;
	padding:10px;
}

#DivPanier
{
	background-image:url(Langue_FR/HeaderPanier_1.jpg);
	background-repeat:no-repeat;
	border:1px solid white;
	left:6px;
	.left:0px;
	position:relative;
	width:176px;
	margin-bottom:10px;
}

#ContenuPanier
{
	margin-top:46px;
	background-image:url("../Img/FondPanier.jpg");
	padding-left:10px;
	padding-right:10px;
}


#FilAriane
{
	position:relative;
	width:100%;
	height:30px;
	background-color:#fff;
}

.LienFil
{
	color:#CC0000;
	text-decoration:none;
	font-weight:bold;
}

#ColonneCentre
{
	width:790px;
	height:auto;
	float:left;
	background-image:url("../Img/FondContenu.jpg");
	margin-bottom:10px;
}

#ColonneDroite
{
	width:190px;
	height:auto;
	float:left;
	margin-bottom:10px;
	text-align:center;
}

#HautColonneCentre
{
	width:100%;
	height:12px;
	background-image:url("../Img/BarreHaut_Contenu.jpg");
}

#BasColonneCentre
{
	position:relative;
	width:790px;
	height:6px;
	background-image:url("../Img/Barrebas_Contenu.jpg");
}

#ContentRight
{
	position:relative;
	float:right;
	width:590px;
	height:auto;
	background-image:url("../Img/FondDroitContenu.jpg");
}

#HautContentRight
{
	position:relative;
	width:100%;
	height:40px;
	background-image:url("../Img/HautDroitContenu.jpg");
  background-repeat: no-repeat;
  height:100px;
}

#BasContentRight
{
	background-image:url("../Img/BasDroitContenu.jpg");
	background-repeat:no-repeat;
	height:18px;
	position:relative;
	width:590px;
}

.ContainerTitre
{
	color:white;
	font-size:14px;
	font-weight:bold;
	position:relative;
	top:13px;
	left:10px;
	padding-right:15px;
}

#ContentLeft
{
	float:right;
	height:auto;
	position:relative;
	width:190px;
	text-align:center;
}

#MenuClassique
{
	width:190px;
	position:relative;
	height:auto;
	left:-10px;
	background-image:url("../Img/FondMenuClassique.jpg");
	margin-bottom:15px;
	text-align:left;
	padding-bottom:5px;
}

#MenuClassique a
{
	position:relative;
	left:20px;
	display:block;
	width:155px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	margin-bottom:5px;
}

#MenuClassique a:hover
{
	text-decoration:underline;
}

#MenuCreation
{
	width:190px;
	position:relative;
	height:auto;
	left:-10px;
	background-image:url("../Img/FondMenuCreation.jpg");
	margin-bottom:15px;
	text-align:left;
	padding-bottom:5px;
}

#MenuCreation a
{
	position:relative;
	left:20px;
	display:block;
	width:155px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	margin-bottom:5px;
}

#MenuCreation a:hover
{
	text-decoration:underline;
}

#Temoignage
{
	position:relative;
	height:auto;
	width:171px;
	text-align:left;
	left:5px;
	border-top:1px dotted black;
	border-bottom:1px dotted black;
}

#Temoignage a
{
	color:black;
	text-decoration:none;
}

#Temoignage a:hover
{
	text-decoration:underline;
}

.clear
{
	clear:both;
	display:block;
	height: 1%;
	font-size: 1px;
	line-height: 0px;
}

.ContenuTexte
{
	margin:20px;
}

.cgvTitre 
{
	background-color:#EFF5E5;
	border:1px solid #669900;
	color:#669900;
	font-weight:bold;
	line-height:16px;
	margin:5px 0;
	padding:4px;
	width:400px;
}

.active
{
	font-weight:bold;
	color:black;
}

.inactive
{
	font-weight:bold;
	color:#CC0000;
}

.pagination
{
	text-align:center;
}

.LienPlan
{
	color:#CC0000;
	text-decoration:underline;
}
/**********************
***** FIN CONTENU *****
***********************/


/*--------------------------------------------------------------------------------------------------*/


/*************************
***** FOOTER DU SITE *****
**************************/
#Footer
{
	position:relative;
	width:100%;
	height:39px;
	background-image:url("../Img/Footer.jpg");
	text-align:center;
	font-size:11px;
	padding-top:6px;
	color:#fff;
}

#Footer a
{
	color:#fff;
}
/*********************
***** FIN FOOTER *****
**********************/

.ContainerArticle
{
	width:275px; 
	float:left; 
	position:relative; 
	height:auto; 
	margin-right:5px; 
	margin-bottom:15px;
	overflow:hidden;
}

.ContainerArticle absolute
{
}

.TitreArticle
{
	position:relative; 
	width:100%; 
	height:58px;
	background-repeat:no-repeat;
}

.TitreArticle a
{
	color:white;
	text-decoration:none;
}

.TitreArticle a:hover
{
	text-decoration:underline;
}

.SousTitre
{
	position:relative; 
	width:275px; 
	height:7px;
	background-repeat:no-repeat; 
	background-color:#fff
}

.DescriptionArticle
{
	position:relative; 
	width:263px; 
	height:230px; 
	background-color:#fff;
	padding:5px;
}

.DescriptionArticle a
{
	color:#666666;
}

.DescriptionArticle a:hover
{
	color:#999999;
}

.FooterArticle
{
	position:relative; 
	width:275px; 
	height:7px; 
}

.ContainerTitreArticle
{
	padding:6px;
	color:white;
	font-size:12px;
	font-weight:bold;
	font-family:Arial;
}


.PtsVenteDepartement 
{
	font-size:1.2em;
	font-weight:bold;
	padding:4px;
	text-align:right;
}

.PtsVenteNom 
{
	background-color:#FAEFE5;
	border-bottom:1px dotted #CC6600;
	color:#CC6600;
	font-size:1.2em;
	font-weight:bold;
	padding:4px;
}


.active
{
	font-weight:bold;
	color:#fff;
	height:20px;
	width:20px;
	display:block;
	position:relative;
	float:left;
	background-image:url('../Img/Active.gif');
	margin-left:2px;
	margin-right:2px;
	text-decoration:none;
}

.active span
{
	position:relative;
	top:2px;
}

.inactive
{
	font-weight:bold;
	color:#8865a9;
	display:block;
	height:20px;
	width:20px;
	float:left;
	background-image:url('../Img/Inactive.gif');
	margin-left:2px;
	margin-right:2px;
	text-decoration:none;
}

.inactive span
{
	position:relative;
	top:2px;
}

.inactive span img
{
	position:relative;
	top:-2px;
}

.pagination
{
	text-align:center;
	width:100%;
}

#ContainerTrie
{
	position: relative;
	left: -15px;
	width: 580px;
	background-color: rgb(221, 224, 241);
	padding-top: 5px;
	height: 27px;
}

#ContainerTrie a
{
	text-decoration:none;
}

.FdColor1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#EEFFEE none repeat scroll 0 0;
color:#000000;
}

.FdColor4 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFEBEB none repeat scroll 0 0;
color:#000000;
}

#PromoDroite
{
	width:100%;
	position:relative;
	height:238px;
	background-image:url('../Img/Encart/PubDroitePromo.jpg');
}

#CoupCoeurDroite
{
	width:100%;
	position:relative;
	height:238px;
	background-image:url('../Img/Encart/PubDroiteCoupCoeur_FR.jpg');
}

#NouveauteDroite
{
	width:100%;
	position:relative;
	height:238px;
	background-image:url('../Img/Encart/PubDroiteNews_FR.jpg');
}

.blue
{
	background-color:#dee1f1;
}

.normal
{
	background-color:#fff;
}

.RecapFacturation 
{
	background-color:#F5E5E5;
	border-bottom:1px dotted #990000;
	color:#990000;
	line-height:16px;
	margin-bottom:10px;
	padding:8px;
	position:relative;
	left:-3px;
}

tr.Com1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#85D893 none repeat scroll 0 0;
padding:5px;
color:#ffffff;
}
tr.Com1Fonce {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#00BC1F none repeat scroll 0 0;
padding:5px;

color:#ffffff;
}
tr.Com2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#8ECBDF none repeat scroll 0 0;
padding:5px;

color:#ffffff;
}
tr.Com2Fonce {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#40B6DE none repeat scroll 0 0;
padding:5px;
color:#ffffff;
}
tr.Com3 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#BC8EDF none repeat scroll 0 0;
padding:5px;
color:#FFFFFF;
}
tr.Com3Fonce {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#A55BDE none repeat scroll 0 0;
padding:5px;
color:#FFFFFF;
}
tr.Com4 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FEBB53 none repeat scroll 0 0;
padding:5px;
color:#ffffff;
}
tr.Com4Fonce {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FF9C00 none repeat scroll 0 0;
padding:5px;
color:#ffffff;
}
tr.Com5 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FF757C none repeat scroll 0 0;
padding:5px;
color:#FFFFFF;
}
tr.Com5Fonce {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FF3B44 none repeat scroll 0 0;
padding:5px;
color:#FFFFFF;
}

#InfoCadeaux
{
	background-image:url("Langue_FR/OffreSpeciale.jpg");
	position:absolute;
	width:70px;
	height:70px;
	right:30px;
	display:block
}
