/* Styles communs à toutes les pages -----------------------------------------*/
#LogoPrint {
	display:				none;
}
.CellBody {
	background:				#fdfdf9 url(../images/Bg.gif) repeat-x;
	vertical-align: 		top;
	padding-bottom:         80px;
}
.CellBodyInt {
	background:				#FFF;
	vertical-align: 		top;
	padding:	            8px;
	border:					1px solid #e1e1dc;
	border-top:				0;
}

/*- Navigation entete -----*/
.CellRecherche {
	background: 			#4e4e4d url(../images/Bg_RechercheBox.gif) repeat-y top right;
	width:					302px;
	height:					34px;
	vertical-align:			middle;
}
.CellRecherche INPUT {
	width:					150px;
	border:					1px solid #ddd;
	float:					left;
	margin-left:			18px;
	font-size:				11px;
	line-height:			13px;
	padding:	 	        2px;
}
.CellRecherche IMG {
	float:					left;
	margin-left:			15px;
}
.CellNavFixe {
	font-size:				10px;
	vertical-align:			middle;
	color:					#fff;
	text-align:				right;
	padding-right:          12px;
}
.CellNavFixe A, .CellNavFixe A:hover {
	color:					#fff;
	text-decoration:		none;
}
.CellNavFixe A:hover {
	text-decoration:		underline;
}

/*- Pied de page -----*/
.CellFooter {
	font-size:				10px;
	color:					#c1c1c1;
	background:				url(../images/Bg_Footer.gif) repeat-x;
	height:					95px;
	vertical-align: 		top;
}
.CellFooter TABLE {
	margin-top:            	12px;
}
.CellFooter A, .CellFooter A:hover {
	color:					#c1c1c1;
	text-decoration:		none;
}
.CellFooter A:hover {
	text-decoration:		underline;
}

/* Styles spéciaux pour page d'accueil ---------------------------------------*/
#mannequin {
	position:				absolute; 
	left:					475px; 
	top: 					15px; 
	z-index:				999;
}
/*- Alternative flash de l'accueil -----*/
.BgEnteteAccFR {
	background-image:		url(../images/Bg_EnteteAcc_FR.jpg);
}
.BgEnteteAccEN {
	background-image:		url(../images/Bg_EnteteAcc_EN.jpg);
}
#ConteneurFlashAcc, #ConteneurEnteteInt {
	background-repeat:		no-repeat;
	width:					934px;
	height:					338px;
	position:				relative;
}
#ConteneurEnteteInt {
	height:					205px;
}
#ConteneurFlashAcc .Logo, #ConteneurEnteteInt .Logo {
	position:				absolute;
	top:					0px;
	left:					0px;
}
#ConteneurFlashAcc .LienMannequin, #ConteneurEnteteInt .LienMannequin {
	position:				absolute;
	bottom:					8px;
	right:					22px;
}
#ConteneurFlashAcc .LienMannequin IMG, #ConteneurEnteteInt .LienMannequin IMG {
	border:					0;
	width:					106px;
	height:					138px;
}
A.LienAgrandir, A.LienAgrandir:hover {
	font-size:				11px;
	color:					#FFF;
	text-decoration:		none;
	display:				block;
	text-align:				right;
	padding-right:          5px;
}
#ConteneurFlashAcc .ContenuEntete H1 { display: none; }
#ConteneurFlashAcc .ContenuEntete {
	position:				absolute;
	top:					210px;
	left:					33px;
	width:					330px;
	height:					90px;
	overflow:				hidden;
	
	/*Texte*/
	color:					#2d2c2d;
	font-size:				11px;
	line-height:			18px;
}
#ConteneurFlashAcc .MenuPrincipal, #ConteneurEnteteInt .MenuPrincipal {
	position:				absolute;
	top:					315px;
	left:					12px;
	height:					23px;
	overflow:				hidden;
}
#ConteneurEnteteInt .MenuPrincipal {
	top:					182px;
}
#ConteneurFlashAcc .MenuPrincipal DIV, #ConteneurEnteteInt .MenuPrincipal DIV {
	float:					left;
}

#CellContenuAcc {
	padding:				12px 7px;
	vertical-align:			top;
}
#CellContenuAcc TD {
	vertical-align:			top;
	font-size:				11px;
	color:					#626262;
}
#CellContenuAcc TD P {
	line-height:			17px;
}
#CellContenuAcc H2.TitreAcc {
	margin:					10px 0 8px 0;
	font-size:				17px;
	font-weight:			bold;
	color:					#b1005d;
	font-family:			Arial, Helvetica, sans-serif;
	letter-spacing:			-1px;
}
#CellContenuAcc .BoxAproposNouv {
	background:				url(../images/Bg_AproposNouvAcc.gif) no-repeat bottom left;
	width:					194px;/*224px*/
	padding:                0 15px 15px 15px;
}
#CellContenuAcc .BoxNouveaute {
	background:				url(../images/Bg_NouveauteAcc.gif) no-repeat bottom left;
	width:					176px;/*206px*/
	padding:                0 15px 15px 15px;
}
#CellContenuAcc .BoxNouveaute P {
	font-size:				11px;
	margin:					0 0 2px 0;
}
#CellContenuAcc .BoxNouveaute IMG {
	border:					1px solid #ecede5;
}
#CellContenuAcc .BoxNouveaute P A IMG {
	border:					none;
}

/* Styles des nouvelles -------------------------------------------------------*/
.ListeNouvelle LI {
	margin-bottom:			18px;
}
.BlocNouv {
	margin-top:				20px;
}
.TitreNouv {
	font-size:				12px;
	line-height:			15px;
	color:					#626262;
	font-weight:			bold;
}
.TexteDateNouv {
	font-size:				10px;
	line-height:			13px;
	color:					#a6a6a6;
}
A.LienNouv, A.LienNouv:hover {
	font-size:				12px;
	line-height:			15px;
	color:					#af0069;
	text-decoration:		none;
}
A.LienNouv:hover {
	text-decoration:		underline;
}
/*- Nouvelles Accueil ----*/
#CellContenuAcc A.LienNouv {
	font-size:				11px;
	line-height:			17px;
}
#CellContenuAcc .TexteDateNouv {
	font-size:				9px;
}

/* Styles spéciaux pour pages intérieures ------------------------------------*/
.BgEnteteApropos {
	background-image:		url(../images/Bg_Entete_Apropos.jpg);
}
.BgEnteteTrouver {
	background-image:		url(../images/Bg_Entete_Trouver.jpg);
}
.BgEnteteProduits {
	background-image:		url(../images/Bg_Entete_Produits.jpg);
}
.BgEnteteGlossaire {
	background-image:		url(../images/Bg_Entete_Glossaire.jpg);
}
.BgEnteteDefaut {
	background-image:		url(../images/Bg_Entete_Defaut.jpg);
}
#ConteneurEnteteInt .LienMannequin {
	bottom:					25px;
	right:					13px;
}
A.LienToutes, A.LienToutes:hover {
	background:				url(../images/Puce_Plus.gif) no-repeat top right;
	padding-right:	        16px;
	font-weight:			bold;
	text-decoration:		none;
}
A.LienToutes:hover {
	text-decoration:		underline;
}
A.LienFleche, A.LienFleche:hover {
	font-size:				11px;
	background:				url(../images/Puce_Fleche.gif) no-repeat top right;
	padding-right:	        8px;
	text-decoration:		none;
}
A.LienFleche:hover {
	text-decoration:		underline;
}

/*- Conteneur global interieur ------------------------------*/
#CellContenuInt {
	padding:				12px 19px 25px 21px;
	vertical-align:			top;
	font-size:				12px;
	color:					#626262;
}
#CellContenuInt TD {
	vertical-align:			top;
}
#CellContenuInt TD P {
	line-height:			18px;
}
#CellContenuInt TD P.TextePetit {
	line-height:			12px;
}
#CellContenuInt H1.TitreInt, #CellContenuInt H2.SousTitreInt {
	margin:					30px 0 20px 0;
	font-size:				17px;
	font-weight:			bold;
	color:					#b1005d;
	font-family:			Arial, Helvetica, sans-serif;
	text-transform:			uppercase;
	letter-spacing:			-1px;
}

/*- Gabarit deux colonnes -----------------------------------*/
#CellContenuInt .ColonneDouble {
	height:					385px;
}
#CellContenuInt .ColonneGaucheInt {
	background:				url(../images/Bg_ColonneGauche.gif) no-repeat bottom left;
	width:					628px;/*656px*/
	padding:				0 14px 35px 14px;
}
#CellContenuInt .ColonneDroiteInt {
	background:				url(../images/Bg_ColonneDroite.gif) no-repeat 0px 18px;
	width:					186px;/*222px*/
	padding:				0 18px;
}

/*- Gabarit pleine page -------------------------------------*/
#CellContenuInt .ColonneSimple {
	height:					385px;
}
#CellContenuInt .ColonneSimple .ColonneGaucheInt {
	background:				none;
	width:					866px;
	padding:				0 14px 15px 14px;
}

/*- Page Index ----*/
IMG.BarreSeparatriceFull {
	width:					850px;
	height:					2px;
	margin:					5px 0 0 0;
}
IMG.BarreSeparatrice {
	width:					620px;
	height:					2px;
	margin:					5px 0 0 0;
}
.TableauListeIndex {
	width:					100%;
}
.TableauListeIndex TD {
	width:					33%;
	padding-right:          15px;
}
.TableauListeIndex UL {
	margin: 				5px 0 20px 0;
}
.TableauListeIndex UL LI {
	background:				url(../images/Puce_ListeRouge.gif) no-repeat 1px 2px;
}
.TableauFullProduit {
	margin:					8px 0 0 0;
}

/*- Gabarit produits ----------------------------------------*/
#CellContenuInt H1.TitreProduit, #CellContenuInt  H1.TitreProduitCol {
	float:					left;
	width:					345px;
}
#CellContenuInt H1.TitreProduitCol, #CellContenuInt H1.TitreIndexCol {
	margin-bottom:			0px;
}
#CellContenuInt H1.NoGalerie {
	float:					none;
	width:					auto;
}
#CellContenuInt H2.TitreCollection {
	margin:					0 0 20px 0;
	font-weight:			bold;
	font-size:				13px;
	text-transform:			none;
	color:					#7f7e7e;			
}
#ProduitGalerie {
	width:					255px; 
	height:					255px; 
	overflow:				hidden; 
	float:					left; 
	margin:					20px 23px 25px 0;
	position:				relative;
	border:					1px solid #ecede5;
}
#ProduitGalerie ul, #ProduitGalerie li {
	margin:					0;
	padding:				0;
	background:				none;
}
/*#ProduitGalerie ul {
	margin:					0;
	padding:				0;
	z-index:				2;
	position:				absolute;
	right:					1px;
	bottom:					1px;
}
#ProduitGalerie li {
	float:					left;
	background:				none;
	border-top:				1px solid #f0f0da;
	border-left:			1px solid #f0f0da;
	padding:                0;
	margin:                 0;
}
#ProduitGalerie li a, #ProduitGalerie li a:hover {
	display:				block;
	width:					16px;
	padding:                3px 0;
	background:				#ffffff;
	text-align:				center;
	font-size:				11px;
	color:					#700044;
	overflow:				hidden;
}
#ProduitGalerie li a:hover, #ProduitGalerie li a.ImageOn, #ProduitGalerie li a.ImageOn:hover {
	background:				#d8dca3;
	color:					#FFF;
	text-decoration:		none;
}
#ProduitGalerie div {
	z-index:				1;
}
#ProduitGalerie div .ImageGalerieOn {
	display:				block;
}
#ProduitGalerie div .ImageGalerieOff {
	display:				none;
}*/
#NavigationProduit {
	margin:					18px 0 0 12px;
}

/*-- Section autres produits ----*/
.TableauAutreProduit TD, .TableauFullProduit TD {
	width:					102px;/*130px*/
	padding:                0 25px 25px 0;
}
.TableauAutreProduit TD.DernierItem, .TableauFullProduit TD.DernierItem {
	width:					102px;
	padding-right:          0;
}
.TableauAutreProduit TR.DerniereRangee TD, .TableauFullProduit TR.DerniereRangee TD {
	padding-bottom:         0;
}

.TableauAutreProduit TD DIV, .TableauFullProduit TD DIV {
	font-size:				10px;
	padding-top:          	5px;
}
.TableauAutreProduit TD A IMG, .TableauAutreProduit TD A:hover IMG {
	border:					1px solid #ecede5;
}
/*-- Section sous-categorie ----*/
.SectionSousCategorie, .SectionSousCategorie .TableauAutreProduit TD {
	padding-bottom:         20px;
}
.SectionSousCategorie H3 {
	margin:					20px 0 12px 0;
}

/* Styles pour la carte du site ----------------------------------------------*/
.TableauCarteSite {
	width:					100%;
	border-top:				2px solid #d4d4d4;
	vertical-align:			top;
}
.TableauCarteSite UL {
	margin-bottom:			20px;
}
.TableauCarteSite TD {
	vertical-align:			top;
	padding:                12px 0;
}
.TableauCarteSite .CellPremierNiveau {
	width:					25%;
}
.TableauCarteSite TD TABLE {
	width:					100%;
}
.TableauCarteSite TD TABLE TD {
	width:					33%;
	padding:                0 10px 0 0;
}

/* Styles pour sous menus ----------------------------------------------------*/
#BoxSousMenu {
	background:				url(../images/Bg_SousMenu.gif) no-repeat bottom left;
	width:					222px;
	vertical-align:			top;
}
#BoxSousMenu.SousMenuInt { 
	padding-bottom:         20px;
	margin-top:             20px;
}
#BoxSousMenu DIV {
	background:				url(../images/Bg_TopSousMenu.gif) no-repeat top left;
	width:					204px;/*222px*/
	padding:	        	10px 0 5px 18px;
}
#BoxSousMenu DIV H2.TitreSousMenu {
	color:					#FFF;
	margin:					0;
	font-size:				17px;
	font-weight:			bold;
	font-family:			Arial, Helvetica, sans-serif;
	letter-spacing:			-1px;
}
#BoxSousMenu UL {
	margin:					1px 0 0 0;
	background:				url(../images/Bg_SousMenuSep.gif) no-repeat top left;
	width:					222px;
	padding:				0;
	line-height:			normal;
}
#BoxSousMenu LI {
	list-style:				none;
	list-style-image:		none;
	margin:					0 0 1px 0;
	background:				url(../images/Bg_SousMenuSep.gif) no-repeat bottom left;
	width:					222px;
	padding:				0;
}
#BoxSousMenu a {
	background:				url(../images/Puce_SousMenu.gif) no-repeat top right;
	display:				block;
	width:					174px;/*222px*/
	color:					#ffffff;
	font-size:				11px;
	text-decoration:		none;
	padding:                6px 30px 6px 18px;
}
#BoxSousMenu a:hover {
	color:					#E172B5;
	text-decoration:		none;
}

#BoxSousMenu LI.ItemOuvert a {
	background:				url(../images/Puce_SousMenu_On.gif) no-repeat top right;
}

/*- Menu 2ieme niveau ----*/
#BoxSousMenu LI UL LI {
	background:				#66003e url(../images/Bg_SousSousMenuSep.gif) no-repeat bottom left;
}
#BoxSousMenu LI UL LI a, #BoxSousMenu LI.ItemOuvert UL LI a, #BoxSousMenu LI.ItemFerme UL LI a {
	background:				url(../images/Puce_SousSousMenu.gif) no-repeat 18px 9px;
	display:				block;
	width:					160px;/*222px*/
	color:					#ba80a3;
	font-size:				11px;
	text-decoration:		none;
	padding:                6px 30px 6px 32px;
}
#BoxSousMenu LI UL LI a:hover {
	background-image:		url(../images/Puce_SousSousMenu_Over.gif);
	color:					#ecd7e4;
	text-decoration:		none;
}
/*- Menu Item actif ----*/
#BoxSousMenu LI UL LI.ItemActif {
	background:				url(../images/Bg_SousSousMenu_On.gif) repeat-y top left;
}
#BoxSousMenu LI UL LI.ItemActif a, #BoxSousMenu LI UL LI.ItemActif a:hover {
	background-image:		url(../images/Puce_SousSousMenu_On.gif);
	color:					#66003e;
	text-decoration:		none;
}

#BoxSousMenu LI.ItemFerme a {
	background:				url(../images/Puce_SousMenu.gif) no-repeat top right;
}

/* Styles pour formulaires----------------------------------------------------*/
.TxtLabel {
	vertical-align:			top;
	padding:				0;
	width:					100px;
}
.TxtErreur {
	font-size:				11px;
	color:					#af0069;
	vertical-align:			top;
}
.TxtArea, .TxtBox, .SelectBox {
	font:					11px Verdana, Arial, Helvetica, Sans-serif;
	color:					#626262;
	background:				#FFF;
	border:					1px solid #999999;
	padding:				2px;
	margin:					0 3px 15px 0;
}
.SelectBox {
	padding:				0;
}

/* Général -------------------------------------------------------------------*/
BODY {
	font-family:			Verdana, Arial, Helvetica, Sans-serif;
	padding:				0;
	margin:					0;
	background:				#999997;
}
A, A:hover {
	color:					#af0069;
	text-decoration:		none;
}
A:hover {
	text-decoration:		underline;
}
A IMG, A:hover IMG {
	border:					0;
}
P {
	padding:				0;
	margin:					0 0 12px 0;
}
FORM {
	padding:				0;
	margin:					0;
}
SUP  {
	font-size:				80%;
	line-height:			80%;
}

/* Styles de contenu  --------------------------------------------------------*/
P.TexteGrand {
	font-size:				22px;
	color:					#626262;
	text-transform:			uppercase;
	padding:                0;
	margin:					25px 0 0 0;
}
.TextePetit {
	font-size:				10px;
	line-height:			12px;
}
/*- Titres ----*/
H1 {
	font-size:				16px;
	font-weight:			bold;
	color:					#b1005d;
	margin:					4px 0 12px 0;
	font-family:			Arial, Helvetica, sans-serif;
	text-transform:			uppercase;
}
H3, H2 {
	font-size:				13px;
	font-weight:			bold;
	color:					#9b9a38;
	text-transform:			uppercase;
	padding:                0;
	margin:					25px 0 5px 0;
}
H4 {
	font-size:				13px;
	font-weight:			bold;
	color:					#626262;
	padding:                0;
	margin:					5px 0 3px 0;
}

/*-Apparence des listes ----*/
UL {
	margin: 				0;
	padding:				0;
	list-style:				none;
	list-style-image:		none;
}
OL {
	margin: 				0 0 0 12px;
	padding:				0;
}
UL LI {
	background:				url(../images/Puce_Liste.gif) no-repeat 1px 2px;
	margin: 				0;
	padding:				0 0 3px 12px;
}
OL LI {
	list-style:				decimal outside;
	margin: 				0 0 0 10px;
	padding:				0;
}

/*- Classes pour les tableaux ----*/
.TableauGlossaire {
	width:					100%;
}
.TableauGlossaire TD {
	width:					33%;
	padding-right:          60px;
	padding-bottom:         10px;
	vertical-align:			top;
}
.TableauGlossaire TD.DernierItem {
	padding-right:          0;
}
.TableauListe {
	width:					345px;
	border:					0;
}
.TableauListe TD {
	width:					50%;
	vertical-align:			top;
	border:					0;
	padding-right:          5px;
}
.Tableau {
	clear:					both; 
	width:					100%;
	margin:					12px 0 0 0;
	border:					1px solid #ecede5;
	padding:                2px;
}
.Tableau TD.CelluleTitre {
	font-size:				12px;
	color:					#FFFFFF;
	font-weight:			bold;
	background:				#cdcdcd;
	padding:				6px 12px;
	text-transform:			uppercase;
	vertical-align:			top;
}
.Tableau TD.CelluleSousTitre {
	font-size:				11px;
	font-weight:			bold;
	text-transform:			uppercase;
	background:				#FFF;
	padding:				5px 12px;
	border-bottom:			1px solid #fafaf6;
	vertical-align:			top;
}
.Tableau TD {
	font-size:				11px;
	background:				#f4f4f4;
	padding:				4px 12px;
	border-bottom:			1px solid #FFFFFF;
	vertical-align:			top;
}