@charset "utf-8";
/* ---------
HEADER
---------- */
body {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width:951px;
	margin-top:0px;
	padding: 0px;	
	background-color:#FFFFFF;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
}


/* ---------
COMMON
---------- */
.spacer { clear:both; font-size:1px;}
.block { font-size:1px; height:1px; float:left;}
.blockD { font-size:1px; height:1px; float:right;}

h1{
	float:left;
	text-align:left;
	font-size:20px;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}

img{ border:0px; font-size:1px;}

a img{ text-decoration:none; border:0px;}
a { cursor:pointer;}

.form {
	margin-top:0px;
	margin-bottom: 0px;
	display:inline;
}

/* ---------
CONTENT
---------- */
.content {width:951px;}

.content_left { float:left; width:185px; }

.content_center { float:left; width:520px; }

.content_right { float:left; width:204px; }

/* ---------
HEADER
---------- */

.header { float:left; width:951px; /*border:1px red solid;*/}

.header img{ border:none; font-size:1px;}

.header .langue{
	float:left;
	background-color:#6f7a86;
	background-image:url(../images/lang-corner-right.gif);
	background-repeat:no-repeat;
	background-position:right;
	width:96px;
	height:23px;
}

.header .langue a img{
	display:inline;
	border:none;
	margin:3px 2px 0px 0px;
}

/* ---------
menu
---------- */
.header .menu {
	display:block;
	margin:0px;
	padding:0px;
	background-image:url(../images/menu-bg-01.gif);
	background-repeat:repeat-x;
	background-position:top left;
	height:29px;
}

.header .menu .cornerLeft{
	float:left;
	width:34px;
	height:29px;
	background-image:url(../images/menu-left-corner.gif);
}

.header .menu .cornerRight{
	float:left;
	width:182px;
	height:29px;
	background-image:url(../images/menu-right-corner.gif);
}

.header .menu .separateur{
	float:left;
	width:3px;
	height:29px;
}

.header .menu .boutonAccueil{
	float:left;
	height:29px;
	width:75px;
	background-image:url(../images/menu-bg-01.gif);
	background-repeat:repeat-x;
	background-position:top left;
	text-align:center;
	font-size:13px;
}

.header .menu .boutonAccueil a{color:#6f7a86; text-decoration:none; position:relative; top:5px;}
.header .menu .boutonAccueil a{color:#6f7a86; text-decoration:none;}

.header .menu .bouton{
	float:left;
	height:29px;
	background-image:url(../images/menu-bg-02.gif);
	background-repeat:repeat-x;
	background-position:top left;
	text-align:center;
	font-size:13px;
}

.header .menu .bouton a{color:#FFFFFF; text-decoration:none; position:relative; top:5px;}
.header .menu .bouton a{color:#FFFFFF; text-decoration:none;}

/* taille des boutons */
.header .menu .boutonT01{ width:128px;}
.header .menu .boutonT02{ width:119px;}
.header .menu .boutonT03{ width:80px;}
.header .menu .boutonT04{ width:48px;}
.header .menu .boutonT05{ width:97px;}
.header .menu .boutonT06{ width:53px;}
.header .menu .boutonT07{ width:113px;}

/* menu langue fr*/
.header .menu .boutonT01French{ width:132px;}
.header .menu .boutonT02French{ width:119px;}
.header .menu .boutonT03French{ width:80px;}
.header .menu .boutonT04French{ width:48px;}
.header .menu .boutonT05French{ width:97px;}
.header .menu .boutonT06French{ width:53px;}
.header .menu .boutonT07French{ width:113px;}

/* menu langue en*/
.header .menu .boutonT01English{ width:132px;}
.header .menu .boutonT02English{ width:105px;}
.header .menu .boutonT03English{ width:94px;}
.header .menu .boutonT04English{ width:59px;}
.header .menu .boutonT05English{ width:97px;}
.header .menu .boutonT06English{ width:60px;}
.header .menu .boutonT07English{ width:95px;}


/* CSS DU MENU */
.menuDeroulant{
	position: absolute;
	visibility:hidden;
	display: none;
 	background:#F0F0EC;
	border:1px solid #CCCCCC;		
}
.cadre_menu {
	float:left;
}

.bt_menu_niv1 {
	height:29px;
	background-image:url(../images/menu-bg-02.gif);
	background-repeat:repeat-x;
	background-position:top left;
	text-align:center;
	font-size:13px;
	cursor:pointer;
	/*padding:0px 13px 0px 13px;*/
	width:128px;
/*
	cursor:pointer;
	text-decoration:none;	
	background:#F0F0EC;
	border:1px solid #CCCCCC;
	padding:3px 10px 3px 10px;
	font-family: Arial;
	font-size:10px;
	color:#666666;
	text-align:center;	
*/
} 

.bt_menu_niv1 a{color:#FFFFFF; text-decoration:none; position:relative; top:5px;}
.bt_menu_niv1 a{color:#FFFFFF; text-decoration:none;}

.bt_menu_niv2 {
	padding:3px 10px 3px 10px;
	font-size:13px;
	color:#FFFFFF;	
	text-decoration:none;
	display:block;
	background-color:#6f7a86;
}

.bt_menu_niv2:hover{
	color:#6f7a86;
	text-decoration:none;
	background-color:#fdd916;
	display:block;
}

/* ---------
FOOTER
---------- */
.footer{
	float:left;
	width:951px;
	height:23px;
	background-color:#bec3c8;
	text-align:center;
}

.footer a{
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	color:#6f7a86;
	font-size:11px;
	vertical-align:middle;
}

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


.footer span.separateur{
	display:inline;
	height:10px;
	background-image:url(../images/footer-separateur.gif);
	background-repeat:no-repeat;
}

.footer span{
	display:block;
	height:23px;
	background-image:url(../images/footer-left.gif);
	background-repeat:no-repeat;
	background-position:left;
}

.footer span span{
	display:block;
	height:23px;
	background-image:url(../images/footer-right.gif);
	background-repeat:no-repeat;
	background-position:right;	
}


/* ---------
CATALOGUE
---------- */
.content_left ul{
	padding:0px;
	margin:0px;
	width:185px;
	background-color:#FFFFFF;
}

.content_left ul li {
	list-style: none;
	display:block;
	vertical-align:top;
}

.cat .title span{
	display:block;
	background-image:url(../images/cat-top-right-y.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#fdd916;
	line-height:25px;
}

.cat .title span span{
	display:block;
	background-image:url(../images/cat-top-left-y.gif);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:25px;
	text-align:center;
	font-size:13px;
	color:#6f7a86;
	font-weight:bold;
	width:173px;
}

.cat .footer2{
	margin-top:1px;
	padding:0px;
}
.cat .footer2 span{
	display:block;
	background-image:url(../images/cat-bot-right-y.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#fdd916;
	line-height:23px;
}

.cat .footer2 span span{
	display:block;
	background-image:url(../images/cat-bot-left-y.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	line-height:23px;
	text-align:center;
	font-size:13px;
	color:#6f7a86;
	font-weight:bold;
	width:172px;
}

.cat li{
	display:block;
	list-style-type:none;
	width:185px;
	margin-top:0px;
}

.cat li span{
	display:block;
	background-image:url(../images/cat-logo.gif);
	background-position:right;
	background-repeat:no-repeat;
	width:185px;
	background-color:#8c959e;
	line-height:23px;
}

.cat li span a{
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	padding-left:8px;
	display:inline;
}

.cat li span a:hover{ text-decoration:underline;}

.sousCat li{
	display:block;
	width:185px;
	margin-top:1px;
}

.sousCat li span{
	display:block;
	background-image:url(../images/cat-square.gif);
	background-position:left;
	background-repeat:no-repeat;
	width:185px;
	background-color:#b3b9bf;
}

.sousCat li span a{
	display:inline;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	line-height:23px;
	padding-left:30px;
}

.sousCat li span a:hover{ text-decoration:underline;}


/* ---------
PATHWAY
---------- */
span.pathway{
	display:block;
	line-height:23px;
	font-size:12px;
	color:#6f7a86;
	text-align:left;
	border-bottom:#6f7a86 solid 1px;
}

span.pathway a{
	color:#6f7a86;
	text-decoration:none;
}

span.pathway a:hover{
	text-decoration:underline;
	color:#6f7a86;
}

/* ---------
PARAGRAPHE
---------- */
p{
	text-align:left;
	font-size:12px;
	color:#6f7a86;
}


/* ---------
MISE EN AVANT PRODUIT
---------- */
.homeProduit{
	float:left;
	width:245px;
}
.homeProduit a, .homeProduit a:hover {
	text-decoration:none;
}
.homeProduit span.title{
	display:block;
	background-image:url(../images/produit-top-corner-left.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:#bec3c8;
	line-height:24px;
	width:245px;
}

.homeProduit span.title span{
	display:block;
	background-image:url(../images/produit-top-corner-right.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#bec3c8;
	line-height:24px;
	text-align:center;
	font-size:12px;
	color:#6f7a86;
	font-weight:bold;
	margin-left:5px;
}
.homeProduit span.title span a, .homeProduit span.title span a:visited {
color:#6f7a86;
text-decoration : none;
}
.homeProduit span.title span a:hover {
color:#6f7a86;
text-decoration : underline;
}
.homeProduit .contentProduit{
	display:block;
	width:243px;
	border-left:1px solid #6f7a86;
	border-top:1px solid #6f7a86;
	border-right:1px solid #6f7a86;
}
/*
.homeProduit img{
	float:left;
	margin:7px;
	padding:7px;
	border:1px solid #6f7a86;
}
*/
.homeProduit .contentProduit .linkImage{
	float:left;
	margin:7px;
	padding:7px;
	border:1px solid #6f7a86;
}

.homeProduit .contentProduit .linkImage a img{
	float:none;
	font-size:1px;
	margin:0px;
	padding:0px;
	text-decoration:none;
}
.contentTexte a, .contentTexte a:hover{
text-decoration:none;
}

.homeProduit .contentTexte{
	float:left;
	width:108px;
}

.homeProduit .contentTexte p{
	padding:0px;
	margin:0px;
}

.homeProduit span.prix{ color:#9a2087; font-size:18px;}

.homeProduit .contentProduit a img{ text-decoration:none; float:left; padding-left:7px; padding-top:0px; padding-bottom:0px; border:none; margin:0px; font-size:1px;}


.homeProduit .footerProduit{
	float:left;
	height:8px;
	width:227px;
	border-bottom:1px solid #6f7a86;
}

.footerG, .footerD { height:8px; width:8px; background-repeat:no-repeat; font-size:1px; display:inline; }
.footerG { background-image:url(../images/produit-bot-corner-left.gif); float:left;}
.footerD { background-image:url(../images/produit-bot-corner-right.gif); float:left;}

/* ---------
DETAIL PRODUIT
---------- */
.detailProduit{
	float:left;
}

.detailProduit h2{
	text-align:left;
	font-size:12px;
	color:#009848;
	line-height:20px;
	padding:0px;
	margin:0px;
}

.detailProduit h1{
	width:85%;
	display:block;
	float:left;
	text-align:left;
	font-size:13px;
	font-weight:bold;
	color:#6f7a86;
	line-height:20px;
}


.detailProduit p{
	text-align:left;
	font-size:12px;
	padding:0px;
	margin:0px;
}

.detailProduit .option{
	text-align:left;
	font-size:12px;
	color:#7f8893;
}

.detailProduit .prix{
	width:15%;
	display:block;
	float:right;
	text-align:right;
	font-size:18px;
	color:#9a2087;
}

/* produit image */
.detailProduit .contentImage{
	float:left;
	width:250px;
	font-size:1px;
	text-align:left;
}

.detailProduit .contentImage img{
	border:1px #27426a solid;
	padding:0px;
	margin:0px;
}


.detailProduit .contentImage .thumbnail img{
	border:1px #27426a solid;
	padding:0px;
	margin:0px;
	font-size:1px;
	cursor:pointer;
}
/* produit description */

.detailProduit .contentDescription{
	float:left;
	width:268px;
	font-size:1px;
	text-align:left;
}

/* panier */
TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #FFFFFF;
  border-spacing: 1px;
}

.productListing-heading {
  background: #fdd916;
  color: #FFFFFF;
  font-size:11px;
  font-weight: bold;
}

TR.productListing-even {
  background: #e4e4e4;
}

TR.productListing-odd {
  background: #FFFFFF;
}

TD.productListing-data {
  font-size: 12px;
  color:#7f8893;
}

TD.productListing-data a{
  font-size: 12px;
  color:#7f8893;
  text-decoration:none;
}

TD.productListing-data a:hover{
  font-size: 12px;
  color:#7f8893;
  text-decoration:underline;
}

TD.sousTotal {
  font-size: 12px;
  line-height: 1.5;
  color:#6f7a86;
}

TD.detailTotal {
  font-size: 12px;
  line-height: 1.5;
  color:#6f7a86;
  text-align:right;
  font-weight:bold;
  background-color:#e4e4e4;
}

/* Login*/

TD.pageHeading, DIV.pageHeading {
  font-size: 14px;
  color: #6f7a86;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 12px;
  color: #6f7a86;
}

TD.smallText a, SPAN.smallText a, P.smallText a{
  font-size: 12px;
  color: #6f7a86;
  text-decoration:none;
}

TD.smallText a:hover, SPAN.smallText a:hover, P.smallText a:hover{
  font-size: 12px;
  color: #6f7a86;
  text-decoration:underline;
}

TD.titreLogin{
  font-size: 16px;
  color: #009848;
}

.infoBox {
	border:1px #6f7a86 solid;
}

.infoBoxContents {
  font-size: 12px;
  color: #6f7a86;
  border:0px;
}

.inputLogin{
	width:100px;
	font-size:12px;
	color: #6f7a86;
}

.inputContact{
	width:250px;
	font-size:12px;
	color: #6f7a86;
}

.textareaContact{
	width:250px;
	font-size:12px;
	color: #6f7a86;
	overflow:auto;
}

.inputContactMembreService{
	width:220px;
	font-size:12px;
	color: #6f7a86;
}

.textareaContactMembreService{
	width:220px;
	font-size:12px;
	color: #6f7a86;
	overflow:auto;
}

/* ---------
panier + coup de coeur
---------- */
.content_right ul{
	padding:0px;
	margin:0px;
	width:204px;
	background-color:#FFFFFF;
}

.content_right ul li {
	list-style: none;
	display:block;
	vertical-align:top;
	font-size:1px;
}

span.titlePanier{
	display:block;
	background-image:url(../images/panier-right.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#6f7a86;
	line-height:22px;
	vertical-align:top;
}

span.titlePanier span{
	display:block;
	background-image:url(../images/panier-left.gif);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:22px;
	text-align:center;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	width:198px;
	vertical-align:top;
}

span.titlePanier span a{
	color:#FFFFFF;
	text-decoration:none;
}

span.titlePanier span a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

span.titleCoupCoeur{
	display:block;
	background-image:url(../images/coup-coeur-right.gif);
	background-position:top right;
	background-repeat:no-repeat;
	background-color:#fdd916;
	line-height:22px;
	vertical-align:top;
}

span.titleCoupCoeur span{
	display:block;
	background-image:url(../images/coup-coeur-left.gif);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:22px;
	text-align:center;
	font-size:13px;
	color:#6f7a86;
	font-weight:bold;
	width:198px;
	vertical-align:top;
}

span.titleCoupCoeur span a{
	color:#6f7a86;
	text-decoration:none;
}

span.titleCoupCoeur span a:hover{
	color:#6f7a86;
	text-decoration:underline;
}

/*produit coup de coeur*/
.coupCoeurProduit{
	float:left;
	width:204px;
}

.coupCoeurProduit .contentProduit{
	display:block;
	width:202px;
	border-left:1px solid #6f7a86;
	border-top:1px solid #6f7a86;
	border-right:1px solid #6f7a86;
	text-align:center;
}

.coupCoeurProduit img{
	margin:6px;
	/*float:left;
	margin:7px;
	padding:7px;*/
	border:1px solid #d2d2d2;
}

.coupCoeurProduit a img{ 
	margin:6px;
	font-size:1px;
	border:1px solid #d2d2d2;
	text-decoration:none; 
}

.coupCoeurProduit .contentProduit h1{
	width:100%;
	font-size:13px;
	color:#6f7a86;
	text-align:center;
	font-weight:normal;
}


.coupCoeurProduit .contentProduit h1 a{
	color:#6f7a86;
	text-decoration:none;
}

.coupCoeurProduit .contentProduit h1 a:hover{
	color:#6f7a86;
	text-decoration:underline;
}

.coupCoeurProduit span.prix{ color:#9a2087; font-size:18px;}

.coupCoeurProduit .footerG, .coupCoeurProduit .footerD { height:4px; width:4px; background-repeat:no-repeat; font-size:1px; display:inline; }
.coupCoeurProduit .footerG { background-image:url(../images/coup-coeur-bot-left.gif); float:left;}
.coupCoeurProduit .footerD { background-image:url(../images/coup-coeur-bot-right.gif); float:left;}

/* blog */
.blog{
	float:left;
	width:204px;
}

.blog span.title{
	display:block;
	background-image:url(../images/blog-top-left.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	background-color:#fdd916;
	line-height:22px;
	width:204px;
}

.blog span.title span{
	display:block;
	background-image:url(../images/blog-top-right.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	background-color:#fdd916;
	line-height:22px;
	text-align:center;
	font-size:12px;
	color:#6f7a86;
	font-weight:bold;
	margin-left:5px;
}

.blog .title span span a{
	color:#FFFFFF;
	text-decoration:none;
}

.blog .title span span a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

.blog .contentTexte{
	display:block;
	width:202px;
	border-left:1px solid #6f7a86;
	border-top:1px solid #6f7a86;
	border-right:1px solid #6f7a86;
	text-align:left;
	font-size:11px;
	color:#6f7a86;
}

.blog #contentTextPaiement{
	border-top:none;
}

.blog .contentTexte a{
	color:#6f7a86;
	text-decoration:none;
	margin-left:10px;
}

.blog .contentTexte a:hover{
	color:#6f7a86;
	text-decoration:underline;
	margin-left:10px;
}

.blog .contentProduit h1{
	width:100%;
	font-size:12px;
	color:#6f7a86;
	text-align:center;
	font-weight:normal;
}

.blog span.top{
	display:block;
	background-image:url(../images/paiement-top-left.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:4px;
	width:204px;
	font-size:1px;
}

.blog span.top span{
	display:block;
	background-image:url(../images/paiement-top-right.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:4px;
	font-size:1px;
}


.blog span.top span span{
	display:block;
	background-image:url(../images/paiement-top-bg.gif);
	background-repeat:repeat-x;
	height:4px;
	margin:0px 4px 0px 4px;
	font-size:1px;
}

.blog span.footer{
	display:block;
	background-image:url(../images/paiement-bot-left.gif);
	background-position:left;
	background-repeat:no-repeat;
	height:4px;
	width:204px;
	font-size:1px;
}

.blog span.footer span{
	display:block;
	background-image:url(../images/paiement-bot-right.gif);
	background-position:right;
	background-repeat:no-repeat;
	height:4px;
	font-size:1px;
}


.blog span.footer span span{
	display:block;
	background-image:url(../images/paiement-bot-bg.gif);
	background-repeat:repeat-x;
	height:4px;
	margin:0px 4px 0px 4px;
	font-size:1px;
}

.blog .footerG, .blog .footerD { height:4px; width:4px; background-repeat:no-repeat; font-size:1px; display:inline; }
.blog .footerG { background-image:url(../images/blog-bot-left.gif); float:left;}
.blog .footerD { background-image:url(../images/blog-bot-right.gif); float:left;}



/* ---------
ALBUMS PHOTOS et VIDEOS
---------- */
.album {float:left; text-align:left;}


.album h1{
	float:none;
	font-size:12px;
	color:#6f7a86;
	text-align:left;
	font-weight:normal;
}

.album h1 a{ color:#6f7a86; text-decoration:none;}
.album h1 a:hover{ color:#6f7a86; text-decoration:underline;}


/* ---------
PLAN DU SITE
---------- */
/* ---------
PARAGRAPHE
---------- */
ul.planSite{
	text-align:left;
	font-size:12px;
	color:#6f7a86;
}

ul.planSite a{
	color:#6f7a86;
	text-decoration:none;
}

ul.planSite a:hover{
	color:#6f7a86;
	text-decoration:underline;
}

/* -------------------
PAIEMENT EN LIGNE NAV
------------------- */
.checkoutBarCurrent{
	font-size:12px;
	color:#6f7a86;
	font-weight:bold;
}

.checkoutBarFrom{
	font-size:12px;
	color:#6f7a86;
	text-decoration:underline;
}

.checkoutBarTo{
	font-size:12px;
	color:#6f7a86;
}

.titlePaiement{
	font-size:16px;
	color:#6f7a86;
}


/* -------------------
deconnexion
------------------- */
.deconnexion{
	font-size:13px;
	text-align:right;
	padding-right:20px;
	color:#6f7a86;
}

.deconnexion img{
	position:relative;
	top:4px;
}

.deconnexion a{
	color:#6f7a86;
	text-decoration:none;
}

.deconnexion a:hover{
	color:#6f7a86;
	text-decoration:underline;
}


/* -------------------
MON COMPTE
------------------- */
.monCompteTitle{
	font-size:16px;
	color:#6f7a86;
	font-weight:bold;
}

.monCompteTitle span{
	font-size:12px;
	color:#6f7a86;
	font-weight:normal;
}

.monCompteTitleForm{
	font-size:12px;
	color:#6f7a86;
}

.inputRequirement{
	font-size:12px;
	color:#FF0000;
}

.monCompteLink a{
	color:#6f7a86;
	text-decoration:none;
}

.monCompteLink a:hover{
	color:#6f7a86;
	text-decoration:underline;
}