/*---

ziraf-famille.com // CSS Global
Auteur : Arteca Design inc.
Derniere revision : 25 mai 2007

	1.	
	
Notes: 

---*/

body {
	font-family : "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 13px;
	padding: 0;
	margin: 0;}

.cleaner {
	clear: both; 
	line-height: 0px; 
	height: 0px; 
	font-size: 0px;
}

h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
}

p {
	padding: 0 0 15px;
	margin: 0;
}

/* ---------------------------------------- */
/* 1. Styles pour le header					*/
/* ---------------------------------------- */

#header { background-image: url(../img/color_themes/bleu/1.gif); background-repeat: no-repeat; background-attachment: scroll; position: relative; }
#header h4 { position: relative; }

#header h4 span { background-image: url(../img/color_themes/bleu/head_accueil.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: block; width: 824px; height: 374px; text-indent: -5000px; position: relative; margin-right: auto; margin-left: auto; }

#header div.mainNav,
#footer div.secondaryNav { margin: auto; padding-right: 2%; padding-left: 2%; }

#header .mainNav {
	clear: both;
	position: relative;
}

#header table,
#footer div.secondaryNav table { 
  	width: 100%;
	position: relative;
}

#header table td ul,
#header table td ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	position: relative;
}

#header table td.accueil ul li 		{ width: 181px; }
#header table td.coffret ul li 		{ width: 181px; }
#header table td.bricos ul li 		{ width: 181px; }
#header table td.outils ul li 		{ width: 181px; }
#header table td.produits ul li 	{ width: 181px; }
#header table td.commander ul li 	{ width: 181px; }

#header table td a.firstLevel {
	color: #fff;
	text-decoration: none;
	line-height: 45px;
	width: 181px;
	display: block;
	margin: 0 auto;
	text-indent: -5000px;
	height: 63px;
	background-repeat: no-repeat;
}

#header table td.accueil a.firstLevel {
	width: 181px;
	background-image: url(/img/mainNav/boutons_new/1-1.gif);
}

#header table td.coffret a.firstLevel {
	width: 181px;
	background-image: url(/img/mainNav/boutons_new/1-2.gif);
}

#header table td.bricos a.firstLevel {
	width: 181px;
	background-image: url(/img/mainNav/boutons_new/1-3.gif);
}

#header table td.outils a.firstLevel {
	width: 181px;
	background-image: url(/img/mainNav/boutons_new/1-4.gif);
}

#header table td.produits a.firstLevel {
	width: 180px;
	background-image: url(/img/mainNav/boutons_new/1-5.gif);
}

#header table td.commander a.firstLevel {
	width: 181px;
	background-image: url(/img/mainNav/boutons_new/1-6.gif);
}
#header table td a.firstLevel:hover 	{ background-position: 0 -62px; }

#header table td ul li {
	position: relative;
	z-index: 1000;
}

#header table td ul li ul { position: absolute; top: 57px; left: 5px; text-align: left; right: 5px; display: block; }
#header table td.produits ul li ul 	{ left: 9px; }
#header table td.coffret ul li ul 	{ left: 9px; width: 160px; border: solid 1px #d00; }
#header table td.bricos ul li ul 	{ left: 9px; width: 160px; border: solid 1px #FF6601; }
#header table td.outils ul li ul 	{ left: 9px; width: 160px; border: solid 1px #090; }
#header table td.produits ul li ul 	{ left: 9px; width: 160px; border: solid 1px #ffe000; }
#header table td.commander ul li ul { left: 9px; width: 160px; border: solid 1px #7d006e; }

#header table td.coffret ul ul li, #header table td.outils ul ul li, #header table td.bricos ul ul li, #header table td.coffret ul ul li, #header table td.outils ul ul li, #header table td.commander ul ul li { width: 162px; }

/* Windows IE5.x Hack */

* html  #header table td ul ul li { float: left; }

/* End */

#header table td ul li ul li a { line-height: 15px; display: block; padding: 5px; text-decoration: none; font-size: 11px; background-color: #fff; color: #000; width: 160px; font-weight: bold; margin: 0; }

#header table td ul li ul li.first a 	{ border-top: medium none; }
#header table td ul li ul li.last a 	{ border-bottom: none; }

#header table td ul li ul li a:hover { /* background-color: #FFF; */ }

#header table td.coffret ul li ul li a { border-color: #ff544e; background-color: #ffa09a; width: 150px; }
#header table td.bricos ul li ul li a { border-color: #FF6601; background-color: #FF6601; width: 150px; }
#header table td.outils ul li ul li a { border-color: #92d592; background-color: #b6e0b6; width: 150px; }
#header table td.produits ul li ul li a {
	border-color: #ffffb9;
	background-color: #ffffd2;
	width: 150px;
}

#header table td.commander ul li ul li a { border-color: #d0a0d0; background-color: #ebd4eb; width: 150px; }

#header table td.coffret ul li ul li a:hover 	{ color: #d00; }
#header table td.bricos ul li ul li a:hover 	{ color: #FF6601; }
#header table td.outils ul li ul li a:hover 	{ color: #093; }
#header table td.produits ul li ul li a:hover	{ color: #ffcc13; }
#header table td.commander ul li ul li a:hover	{ color: #620662; }
 #header table td ul li span {
	color: #fff;
	text-decoration: none;
	line-height: 45px;
	width: 181px;
	display: block;
	margin: 0 auto;
	text-indent: -5000px;
	height: 63px;
	background-repeat: no-repeat;
	background-position: 0 -62px;
}

#header table td.coffret ul li span {
	width: 182px;
	background-image: url(../img/mainNav/boutons_new/1-2.gif);
}

#header table td.bricos ul li span {
	width: 182px;
	background-image: url(../img/mainNav/boutons_new/1-3.gif);
}

#header table td.outils ul li span {
	width: 181px;
	background-image: url(../img/mainNav/boutons_new/1-4.gif);
}

#header table td.produits ul li span {
	width: 180px;
	background-image: url(../img/mainNav/boutons_new/1-5.gif);
}

#header table td.commander ul li span {
	width: 181px;
	background-image: url(../img/mainNav/boutons_new/1-6.gif);
}
#header table td.accueil a.firstLevel { margin: 0 auto 0 0; }

/* ---------------------------------------- */
/* 1. Styles pour le contenu				*/
/* ---------------------------------------- */

div.container {
	padding: 0 5%;
	border-bottom: 15px solid #FFF;
	background-color: #FFF;
}
#content div.section {
	padding-top: 50px;
	margin-right: 210px;
}

body.accueil #content div.section { margin-right: 260px; }

#content a img { border: none; }

#content h2 {
	background-repeat: no-repeat;
	height: 38px;
	padding: 0;
	margin: 0 0 15px;
	text-indent: -5000px;
}

#content h3 { width: 310px; line-height: 20px; font-size: 21px; font-weight: normal; color: #d00; margin-bottom:  20px; margin-left: 40px; }
#content h9 { width: 310px; line-height: 20px; font-size: 21px; font-weight: normal; color: #d00; margin-bottom:  20px; margin-left: 40px; }
#content h31 { color: #d00; font-size: 25px; font-weight: normal; line-height: 30px; margin-bottom: 40px; margin-left: 0; width: 600px; }
#content h32 { color: #ffcc13; font-size: 25px; font-weight: normal; font-style: normal; line-height: 30px; width: 600px; float: left; margin-bottom: 30px; margin-left: 0; }
#content h33 { color: #47a941; font-size: 25px; font-style: normal; font-weight: normal; line-height: 30px; margin-bottom: 30px; margin-left: 0; width: 600px; float: left; }
#content h36 { color: #FF6601; font-size: 25px; font-style: normal; font-weight: normal; line-height: 30px; margin-bottom: 30px; margin-left: 368px; width: 800px; float: left; }
#content h8 { color: #ffe000; font-size: 21px; font-weight: normal; line-height: 20px; margin-bottom: 20px; width: 310px; margin-left: 205px; }
#content h7 { color: #ff9205; font-size: 21px; font-weight: normal; line-height: 40px; margin-bottom: 20px; width: 310px; margin-left: 205px; }
body.bleu #content h3 { color: #59a3ff; width: 100%;}

body.bleu #content a {
color: #000;
font-weight: bold;
}

body.bleu #content a:hover {
color: #666;
}

#content div.imgRight {
	float: right;
	padding: 0 0 10px 10px;
	position: relative;
}

/* Main Titles */

#content h2.quoicoffret			{ background-image: url("../img/titles/title_quoi_trousse.gif"); }
#content h2.themescoffrets 			{ background-image: url(../img/titles/title_themes_annee.gif); }
#content h2.priceList 			{ background-image: url(../img/titles/title_liste_prix.gif); }
#content h2.abonnement 			{ background-image: url(../img/titles/title_abonnement.gif); }
#content h2.essai 				{ background-image: url("../img/titles/title_essai.gif"); }
#content h2.monPanier 			{ background-image: url(../img/titles/title_mon_panier2.gif); width: 631px; height: 79px; }
#content h2.accueil 			{ background-image: url(../img/titles/title_accueil.gif); width: 631px; height: 117px; }
#content h2.catalogueOutils		{ background-image: url(../img/titles/title_c_comm.gif); width: 631px; height: 80px; }
#content h2.catalogueBricos		{ background-image: url(../img/titles/title_c_comm.gif); width: 631px; height: 80px; }
#content h2.catalogueProduits { background-image: url(../img/titles/title_cahier2.gif); width: 631px; height: 79px; }
#content h2.quoiCoffret			{ background-image: url("../img/titles/title_quoi_coffret.gif");}
#content h2.commentCommander	{ background-image: url(../img/titles/title_comment_commander.gif); width: 631px; height: 79px; }
#content h2.bonsCommande		{ background-image: url(../img/titles/title_bons_commande.gif); width: 631px; height: 79px; }
#content h2.quiSommesNous		{ background-image: url(../img/titles/title_qui_sommes_nous.gif); width: 631px; height: 80px; }
#content h2.politiques			{ background-image: url(../img/titles/title_politiques_securite.gif); width: 631px; height: 87px; }
#content h2.livraison			{ background-image: url(../img/titles/title_livraison.gif); width: 631px; height: 80px; }
#content h2.desQuestions		{ background-image: url(../img/titles/title_des_questions.gif); width: 631px; height: 87px; }
#content h2.temoignages			{ background-image: url(../img/titles/title_temoignages.gif); width: 631px; height: 87px; }
#content h2.contact				{ background-image: url(../img/titles/title_nous_contacter.gif); width: 631px; height: 80px; }
#content h2.province			{ background-image: url(../img/titles/title_selectionnez_province2.gif); height: 80px; }
#content ul {
	padding: 0;
	margin: 0 0 15px 30px;
	list-style-type: none;
}

#content ul li {
	padding-left: 12px;
	background: url(../img/color_themes/bleu/) no-repeat 0 6px;
	position: relative;
	padding-bottom: 15px;
}

body.accueil #content ul { margin-bottom: 5px; }	

body.accueil #content ul li { padding-bottom: 10px; padding-left: 14px;}
body.rouge #content ul li { background-image: url('(EmptyReference!)'); }
body.jaune #content ul li { background-image: url(../img/color_themes/jaune/mini_bullet_content.gif); }
body.orange2 #content ul li { background-image: url(../img/color_themes/orange/mini_bullet_content.gif); }
body.vert #content ul li { background-image: url(../img/color_themes/vert/mini_bullet_content.gif); }
body.mauve #content ul li { background-image: url(../img/color_themes/mauve/mini_bullet_content.gif); }

body.blue #content ul.intro { margin-bottom: 0; }

body.blue #content ul.intro li {
	padding-bottom: 5px;
	margin: 0;
	font-weight: normal;
	background: url(../img/color_themes/blue/bullet_content.gif) no-repeat 0 4px;
}

#content p.caption {
	font-size: 18px;
	color: #47A941;
	padding: 0;
}

body.vert #content p.caption { color: #077d07; }

body.accueil #content p.caption {
	color: #59a3ff;
	margin-bottom: 20px;
}

#content p.last { padding: 0; }

/* ---------------------------------------- */
/* 1. Styles pour la sidebar				*/
/* ---------------------------------------- */
#sidebar,
#sidebarA,
#sidebarAP,
#sidebarP,
#sidebarPromoCoffret,
#sidebarAccueil { float: right; position: fixed; clear: right; margin-bottom: 75px; }
#sidebar, #sidebarA, #sidebarAP, #sidebarP, #sidebarPromoCoffret, #sidebarAccueil { margin-bottom: 15px; position: relative; float: right; }
#sidebarAccueil {
	border-left: 15px solid #FFF;
}
body.blue #sidebarP {
	border-color: #456DA0;
}

#sidebarA a.extraNav, 
#sidebarAP a.extraNav { width: 213px; height: 41px; display: block; background-image: url(../img/mainNav/btn_abonnez.gif); text-indent: -5000px; background-color: #fff; text-decoration: none; margin-top: 38px; }

#sidebarA a.extraNav:hover,
#sidebarAP a.extraNav:hover { background-position: 0 -41px;}

#sidebarAP a.monPanier,
#sidebarP a.monPanier,
#sidebarPromoCoffret a.monPanier { width: 127px; height: 40px; display: block; background-image: url(../img/common/btn_mon_panier.gif); text-indent: -5000px; background-color: #fff; text-decoration: none; margin-top: 38px; border-left: 88px solid #fff; border-top: 8px solid #fff; border-bottom: 15px solid #fff; }

#sidebarAP a.monPanier:hover,
#sidebarP a.monPanier:hover,
#sidebarPromoCoffret a.monPanier:hover { background-position: 0 -40.5px;}


#sidebarAP a.monPanier { position: absolute; }

/* */

#sidebarPromoCoffret a.promoCoffret,
#sidebarAccueil a.promoAccueil { text-decoration: none; background-color: #fff; border-top: 25px solid #fff; display: block; }

#sidebarAccueil a.promoAccueil {
width: 239px;
}

#sidebarAccueil a.promoAccueil:hover {
background-color: #e0ebf0;
}

#sidebarAccueil a.blue:hover {
background-color: #c2e5f0;
}

#sidebarPromoCoffret a.promoCoffret img { border: none; margin-left: 2px;}
#sidebarAccueil a.promoAccueil img { border: none; }

/* ---------------------------------------- */
/* 1. Styles pour le footer					*/
/* ---------------------------------------- */

#footer { background-image: url(../img/color_themes/bleu/bg_footer.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 100% -1px; border-top: 1px solid #fff; border-bottom-style: solid; border-bottom-width: 0; }
#footer { background-image: url(../img/color_themes/bleu/bg_footer.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 100% 0; border-top: 1px solid #fff; border-bottom-style: solid; border-bottom-width: 0; }
#footer div.utilityNav { display: none; }

#footer ul,
#footer ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#footer ul li { float: left; }

#footer div.secondaryNav { padding-top: 44px; }

#footer div.secondaryNav table td { width: 15% }

#footer div.secondaryNav table td a {
	font-family : "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	line-height: 34px;
	height: 34px;
	color: #000;
	margin: 3px auto;
	padding: 0 0 0 38px;
	background-repeat: no-repeat;
	position: relative;
	text-align: left;
  	width: 100px;
}

#footer div.secondaryNav table td.about a 		{ background-image: url("../img/secondaryNav/btn_qui_sommes_nous.gif"); margin: 3px 0; width: 108px;}
#footer div.secondaryNav table td.politiques a 	{ background-image: url("../img/secondaryNav/btn_politiques_securite.gif"); padding: 0 0 0 22px;  width: 120px;}
#footer div.secondaryNav table td.questions a 	{ background-image: url("../img/secondaryNav/btn_questions.gif"); padding: 0 0 0 28px;  width: 90px; }
#footer div.secondaryNav table td.livraison a 	{ background-image: url("../img/secondaryNav/btn_livraison.gif"); padding: 0 0 0 42px;  width: 60px;}
#footer div.secondaryNav table td.temoignages a { background-image: url("../img/secondaryNav/btn_temoignages.gif"); padding: 0 0 0 33px;   width: 80px;}
#footer div.secondaryNav table td.contact a 	{ background-image: url("../img/secondaryNav/btn_contact.gif"); padding: 0 0 0 31px;  margin: 3px 0 3px auto; }

#footer div.secondaryNav table td a:hover {
	color: red;
	background-position: 0 -68px;
}

/* ---------------------------------------- */
/* 1. Styles pour Color Themes				*/
/* ---------------------------------------- */
/*Rouge Theme */

body.rouge #header 			{ background-image: url(../img/color_themes/rouge/4.gif); }
body.rouge #header h4 		{  }
body.rouge #header h4 span 	{ background-image: url(../img/color_themes/rouge/head_rouge.gif); width: 950px; height: 174px; }
body.rouge #footer 			{ background-image: url(../img/color_themes/rouge/bg_footer.gif); }
							  
/*Jaune Theme */							  
body.jaune #header 		{ background-image: url(../img/color_themes/jaune/3.gif); }
body.jaune #header h4 		{  }
body.jaune #header h4 span { background-image: url(../img/color_themes/jaune/head_jaune.gif); width: 950px; height: 174px; }
body.jaune #footer 		{ background-image: url(../img/color_themes/jaune/bg_footer.gif); }					
/*Vert Theme */	
body.vert #header 		{ background-image: url(../img/color_themes/vert/2.gif); }
body.vert #header h4 		{  }
body.vert #header h4 span { background-image: url(../img/color_themes/vert/head_vert.gif); width: 950px; height: 174px; }
body.vert #footer 		{ background-image: url(../img/color_themes/vert/bg_footer.gif); }

/*Orange2 Theme */	
body.orange2 #header 		{ background-image: url(../img/color_themes/orange/7.gif); }
body.orange2 #header h4 		{  }
body.orange2 #header h4 span { background-image: url(../img/color_themes/orange/head_orange_2.gif); width: 950px; height: 174px; }
body.orange2 #footer 		{ background-image: url(../img/color_themes/orange/bg_footer.gif); 							  
								border-bottom-color: #FF6601; }
							  
/* Blue Theme */
body.blue #header 			{ background-image: url("../img/color_themes/blue/bg_header.gif"); }
body.blue #header h4 		{  }
body.blue #header h4 span 	{ background-image: url("../img/color_themes/blue/kids_chain.jpg");}
body.blue #footer 			{ background-image: url("../img/color_themes/blue/bg_footer.gif"); 
							  border-bottom-color: #456DA0; }
							  
/* Red Theme */
body.orange #header 			{ background-image: url(../img/color_themes/orange/6.gif); }
body.orange #header h4 		{  }
body.orange #header h4 span 	{ background-image: url(../img/color_themes/orange/head_orange.gif); width: 950px; height: 174px; }
body.orange #footer 			{ background-image: url(../img/color_themes/orange/bg_footer.gif); 
							  border-bottom-color: #ffa200; }
							  
/*Mauve Theme */
body.mauve #header 			{ background-image: url(../img/color_themes/mauve/5.gif); }
body.mauve #header h4 		{  }
body.mauve #header h4 span 	{ background-image: url(../img/color_themes/mauve/head_mauve.gif); width: 950px; height: 174px; }
body.mauve #footer 			{ background-image: url(../img/color_themes/mauve/bg_footer.gif); }

/* Theme List */

div.themeContainer {
	position: relative;
	border-bottom: 1px solid #d00;
	padding: 0 0 15px;
	margin: 0 0 15px;
	width: 80%;
}
div.themeContainer2 { margin: 0 0 15px; padding: 0 0 15px; position: relative; width: 90%; border-bottom: 1px solid #ffe000; }
div.themeContainer3 { margin: 0 0 15px; padding: 0 0 15px; position: relative; width: 90%; border-bottom: 1px solid #71b233; }
div.themeContainer4 { margin: 0 0 15px; padding: 0 0 15px; position: relative; width: 90%; border-bottom: 1px solid #ffa200; }
div.themeContainer5 { margin: 0 0 15px; padding: 0 0 15px; position: relative; width: 90%; border-bottom: 1px solid #FF6601; }
div.themeContainer div.imgLeft {
	float: left;
	width: 74px;
}
div.themeContainer2 div.imgLeft { width: 74px; float: left; }
div.themeContainer3 div.imgLeft { width: 74px; float: left; }
div.themeContainer4 div.imgLeft { width: 74px; float: left; }
div.themeContainer5 div.imgLeft { width: 74px; float: left; }
div.themeContainer div.imgLeft a img {
	border: none;
	margin-bottom: 2px;
}
div.themeContainer2 div.imgLeft a img { margin-bottom: 2px; border: none; }
div.themeContainer3 div.imgLeft a img { margin-bottom: 2px; border: none; }
div.themeContainer4 div.imgLeft a img { margin-bottom: 2px; border: none; }
div.themeContainer5 div.imgLeft a img { margin-bottom: 2px; border: none; }
div.themeContainer p { font-size: 13px; font-weight: normal; margin-left: 40px; }
div.themeContainer2 p { font-size: 13px; font-weight: normal; margin-left: 40px; }
div.themeContainer3 p { font-size: 13px; font-weight: normal; margin-left: 40px; }
div.themeContainer4 p { font-size: 13px; font-weight: normal; margin-left: 40px; }
div.themeContainer5 p { font-size: 13px; font-weight: normal; margin-left: 40px; }
div.themeContainer div.description {  margin: 0 0 0 175px; }
div.themeContainer2 div.description { margin: 0 0 0 175px; }
div.themeContainer3 div.description { margin: 0 0 0 175px; }
div.themeContainer4 div.description { margin: 0 0 0 175px; }
div.themeContainer5 div.description { margin: 0 0 0 175px; }
* html div.themeContainer div.description {
	float: left;
	margin: 0 0 0 18px;
}
* html div.themeContainer2 div.description { margin: 0 0 0 18px; float: left; }
* html div.themeContainer3 div.description { float: left; margin: 0 0 0 18px; }
* html div.themeContainer4 div.description { margin: 0 0 0 18px; float: left; }
* html div.themeContainer5 div.description { margin: 0 0 0 18px; float: left; }
div.themeContainer div.description h3,
div.moreDetails h3 {
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 15px;
}
div.themeContainer2 div.description h3, div.moreDetails h3 { font-size: 20px; font-weight: normal; margin: 0 0 15px; }
div.themeContainer3 div.description h3, div.moreDetails h3 { font-size: 20px; font-weight: normal; margin: 0 0 15px; }
div.themeContainer4 div.description h3, div.moreDetails h3 { font-size: 20px; font-weight: normal; margin: 0 0 15px; }
div.themeContainer5 div.description h3, div.moreDetails h3 { font-size: 20px; font-weight: normal; margin: 0 0 15px; }
div.themeContainer div.description div.cleaner { 
	clear: none;
	height: 33px;
	background-color: #FFF;	
}
div.themeContainer2 div.description div.cleaner { background-color: #fff; height: 33px; clear: none; }
div.themeContainer3 div.description div.cleaner { background-color: #fff; height: 33px; clear: none; }
div.themeContainer4 div.description div.cleaner { background-color: #fff; height: 33px; clear: none; }
div.themeContainer5 div.description div.cleaner { background-color: #fff; height: 33px; clear: none; }
#content div.themeContainer div.description ul li { color: #d00; font-size: 15px; font-weight: bold; font-style: normal; text-align: left; margin-bottom: 0; margin-left: 0; }
#content div.themeContainer2 div.description ul li { font-weight: bold; margin-bottom: 0; margin-left: 0; }
#content div.themeContainer3 div.description ul li { font-weight: bold; margin-bottom: 0; margin-left: 0; }
#content div.themeContainer4 div.description ul li { font-weight: bold; margin-bottom: 0; margin-left: 0; }
#content div.themeContainer5 div.description ul li { font-weight: bold; margin-bottom: 0; margin-left: 0; }
div.themeContainer div.description p { 
	padding: 0 0 15px;
}
div.themeContainer2 div.description p { padding: 0 0 15px; }
div.themeContainer3 div.description p { padding: 0 0 15px; }
div.themeContainer4 div.description p { padding: 0 0 15px; }
div.themeContainer5 div.description p { padding: 35px 0 15px; }
div.themeContainer div.description a { text-decoration: none; color: #d00; font-weight: normal; font-style: normal; line-height: normal; }
div.themeContainer2 div.description a { color: #ffe000; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; }
div.themeContainer3 div.description a { color: #71b233; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; }
div.themeContainer4 div.description a { color: #ffa200; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; }
div.themeContainer5 div.description a { color: #FF6601; font-weight: normal; font-style: normal; line-height: normal; text-decoration: none; }
body.jaune div.themeContainer div.description a {
	color: #ffe000;
}
body.orange div.themeContainer div.description a {
	color: #ffa200;
}

div.themeContainer div.description a.commander { display: block; position: absolute; width: 198px; height: 39px; background-image: url(../img/common/commande.gif); text-indent: -5000px; right: 0; bottom: 0; }
div.themeContainer div.description a.abonnement { background-image: url(../img/common/commande2.gif); text-indent: -5000px; display: block; position: absolute; right: 0; bottom: 0; width: 138px; height: 39px; }
div.themeContainer2 div.description a.commander { background-image: url(../img/common/commande2.gif); text-indent: -5000px; display: block; position: absolute; right: 0; bottom: 0; width: 138px; height: 39px; }
div.themeContainer3 div.description a.commander { background-image: url(../img/common/commande2.gif); text-indent: -5000px; display: block; position: absolute; right: 0; bottom: 0; width: 138px; height: 39px; }
div.themeContainer5 div.description a.commander { background-image: url(../img/common/commande2.gif); text-indent: -5000px; display: block; position: absolute; right: 0; bottom: 0; width: 138px; height: 39px; }
div.themeContainer div.description a.commander:hover {
	background-position: 0 -39px;
}
div.themeContainer div.description a.abonnement:hover { background-position: 0 -39px; }
div.themeContainer2 div.description a.commander:hover { background-position: 0 -39px; }
div.themeContainer3 div.description a.commander:hover { background-position: 0 -39px; }
div.themeContainer5 div.description a.commander:hover { background-position: 0 -39px; }
div.themeContainer div.description a.details { display: block; position: absolute; width: 198px; height: 39px; background-image: url(../img/common/abonnement.gif); text-indent: -5000px; right: 200px; bottom: 0; }
div.themeContainer div.description a.details1 { background-image: url(../img/common/btn_plus_details_rouge.gif); text-indent: -5000px; display: block; position: absolute; right:400px; bottom: 0; width: 158px; height: 39px; }
div.themeContainer2 div.description a.details { background-image: url(../img/common/btn_plus_details_jaune.gif); text-indent: -5000px; display: block; position: absolute; right: 140px; bottom: 0; width: 158px; height: 39px; }
div.themeContainer3 div.description a.details { background-image: url(../img/common/btn_plus_details_vert.gif); text-indent: -5000px; display: block; position: absolute; right: 140px; bottom: 0; width: 158px; height: 39px; }
div.themeContainer4 div.description a.details { background-image: url(../img/common/btn_plus_details_vert.gif); text-indent: -5000px; display: block; position: absolute; right: 140px; bottom: 0; width: 109px; height: 39px; }
div.themeContainer5 div.description a.details { background-image: url(../img/common/btn_plus_details_vert.gif); text-indent: -5000px; display: block; position: absolute; right: 140px; bottom: 0; width: 109px; height: 39px; }
div.themeContainer div.description a.details:hover {
	background-position: 0 -39px;
}
div.themeContainer div.description a.details1:hover { background-position: 0 -39px; }
div.themeContainer2 div.description a.details:hover { background-position: 0 -39px; }
div.themeContainer3 div.description a.details:hover { background-position: 0 -39px; }
div.themeContainer4 div.description a.details:hover { background-position: 0 -39px; }
div.themeContainer5 div.description a.details:hover { background-position: 0 -39px; }
table.priceList {
	width: 98%;
	margin-bottom: 15px;
	border-bottom: 10px solid #d00;
	font-size: 15px;
}

table.priceList th {
	background-color: #d00;
	color: #fff;
	padding: 8px;
	border-bottom: 3px solid #fff;
}

table.priceList td {
	border-bottom: 3px solid #fff;
	background-color: #ffa09a;
	padding: 8px;
	text-align: center;
	width: 33%;
}

table.priceList tr.alternate td { background-color: #ff544e;  }

table.priceList td span { background-image: url(../img/common/bullet_pricelist.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 50%; padding-left: 12px; }

/* */

body.vert table.priceList {
	border-bottom-color: #093;
}

body.vert table.priceList th {
	background-color: #090;
}

table.priceList td {
	border-bottom: 3px solid #fff;
	background-color: #DEB3DC;
	background-color: #ffc0cb;
}

body.vert table.priceList td { background-color: #b6e0b6; }
body.vert table.priceList tr.alternate td { background-color: #76bf76; }

body.vert table.priceList td span {
	background-image: url("../img/common/bullet_pricelist_purple.gif");
}

/* ---------------------------------------- */
/* 1. Styles pour fiche produit (details)	*/
/* ---------------------------------------- */

div.moreDetails { border-bottom: none; }

div.moreDetails div.imgLeft { width: 400px; }
div.moreDetails div.imgLeft img { margin-top: 75px; }
div.moreDetails div.imgLeft img { margin-bottom: 50px; }

div.moreDetails div.description {  margin: -25px 0 0 400px; }
#content div.moreDetails div.description ul 	{ margin-top: 15px; }
#content div.moreDetails div.description ul li  { margin-bottom: 0; }

div.moreDetails p { 
	font-size: 13px;
	font-weight: normal;
}

div.moreDetails p strong { font-style: italic; }

div.moreDetails h3 { color: #72b633; margin-left: 205px;}
div.moreDetails h3 { color: #d00; margin-left: 205px; }
div.moreDetails h3 { color: #FF6601; margin-left: 205px; }
div.moreDetails div.description h4 {
	font-size: 15px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 10px 40px;
	color: #d00;
}
body.jaune #content div.moreDetails div.description h3, body.orange #content div.moreDetails div.description h4 { color: #ffe000; }

body.blue #content div.moreDetails h3,
body.blue #content div.moreDetails div.description h4 {
	color: #456DA0;
}

body.vert #content div.moreDetails h3, body.vert #content div.moreDetails div.description h4 { color: #077d07; }

div.moreDetails div.description a.retour { display: block; width: 198px; height: 39px; background-image: url(../img/common/btn_retour_rouge.gif); text-indent: -5000px; position: absolute; right: 400px; bottom: 0; }

body.jaune div.moreDetails div.description a.retour { background-image: url(../img/common/btn_retour_jaune.gif); right: 150px; width: 198px; height: 39px; }
body.vert div.moreDetails div.description a.retour { background-image: url(../img/common/btn_retour_vert.gif); right: 150px; width: 198px; height: 39px; }

div.moreDetails div.description a.retour:hover { background-position: 0 -39px; }

body.vert #content h3 a {
	color: #8E2E94;
	color: #093;
}
body.jaune #content h3 a { color: #ffcc13; font-size: 20px; line-height: 20px; margin: 0; padding: 0; }
body.vert h4, body.bleu h4 {
	line-height: 18px;
	font-size: 15px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: #077d07;
}

body.bleu div.section h4 {
	font-size: 21px;
	color: #59a3ff;
	border-top: 15px solid #fff;
	border-bottom: 10px solid #fff;
}

body.vert .paiementType {
	font-style: italic;
	font-size: 12px;
	color: #666;
	font-weight: normal;
}

body.vert #content ul, body.mauve #content ul {
	margin-bottom: 35px;
}

body.vert #content ul li, body.mauve #content ul li {
	padding-bottom: 0;
	font-weight: normal;
}

body.vert #content ul li a, body.mauve #content ul li a {
	color: #000;
}

body.vert #content ul li a:hover, body.mauve #content ul li a:hover {
color: #666;
}

body.vert #content ul.lastList, body.mauve #content ul.lastList { margin-bottom: 0; }

p.lastUpdate {
	color: #666;
	font-size: 11px;
	font-style: italic;
	padding-bottom: 0;
}

form.province {
	background: url("../img/common/img_provinces_lg.gif") no-repeat;
	padding: 0;
	margin: 0 auto;
	width: 390px;
	padding-top: 330px;
	text-align: center;
}

/* ///////////////// */

div.btnFooterAccueil {
	position: relative;
	height: 268px;
}

body.accueil div.accesClients { position: absolute; }

body.accueil div.accesClients h4 {
	width: 310px;
	height: 268px;
	background-image: url(../img/common/btn_acces_clients.gif);
	display: block;
	text-indent: -5000px;
	text-decoration: none;
}

body.accueil p.jeux a { width: 256px; height: 142px; background-image: url(../img/common/btn_jeux.gif); display: block; text-indent: -5000px; text-decoration: none; position: absolute; top: 125px; left: 325px; }
body.accueil p.promotion a { text-decoration: none; background-image: url(/img/mail.gif); text-indent: -5000px; display: block; position: absolute; top: 190px; left: 600px; width: 169px; height: 66px; }
body.accueil p.jeux a:hover { background-position: 0 -142px; }
body.accueil p.promotion a:hover { background-image: url(/img/mail2.gif); background-position: 0 0; }
#login { padding: 0; margin: 0 auto;
	/* margin: 0 auto; */
	/* width: 354px;
	text-align: center;*/
	position: relative; top: -35px; left: 50px; }
#login p { color: #061676; font-size: 13px; padding: 5px 0; text-align: center; margin-right: 0; margin-bottom: 0; }
#login input {
	width: 185px;
	font-size: 20px;
	line-height: 20px;
	border: solid 1px #061676;
	margin-right: 5px;
	float: left;
}

#login a.continuer { background-color: #fff; display: block; width: 29px; height: 29px; text-indent: -5000px; background-image: url(../img/common/btn_submit_password.gif);
	/* position: absolute;
	left: 195px;
	top: 25px; */
	float: left; cursor: pointer; }

#login a.continuer:hover { background-position: 0 -29px; }
/**/
div.container { border-bottom: 1px solid #FFF; }
div.container {
	padding: 0 5%;
	border-bottom: 15px solid #FFF;
	background-color: #FFF;
}
body.mauve panier #content { 
	background-image: url(../img/color_themes/mauve/bg_content_panier.gif); 
	background-repeat: no-repeat; 
	position: relative; 
}
body.mauve panier #content div.section {
	padding-top: 50px;
	margin-right: 0px;
}
body.mauve panier #content div.section form {
	padding: 0;
	margin: 0;
}
body.mauve panier input { width: 16px; margin-right: 5px; }
body.mauve panier div.section a { color: #7d006e; }
body.mauve panier div.section a:hover { color: #000; }
body.mauve panier div.section table {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #d0a0d0;
}
body.mauve panier div.section table th, body.mauve panier div.section table td {
	border-right: 1px solid #d0a0d0;
	border-bottom: 1px solid #d0a0d0;
	padding: 5px;
	background-color: #ebd4eb;
	line-height: 26px;
}
body.mauve panier div.section table td.productName {
	border-left: 1px solid #d0a0d0;
}
body.mauve panier div.section table tr.lastRow td {
	border-right: none;
	border-bottom: none;
	background-color: #FFF;
}
body.mauve panier div.section table tr.lastRow td.totalLabel {
	text-align: right;
	color: #620662;
	font-weight: bold;
	font-size: 14px;
	line-height: 15px;
	vertical-align: bottom;
	padding: 3px 8px 8px 3px;
}
body.mauve panier div.section table tr.lastRow td.total { vertical-align: bottom; padding: 3px 3px 14px 8px; font-size: 14px; background-image: url(../img/common/bg_total_cell.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 5px; }
body.mauve panier div.section table th {
	text-align: left;
	background-color: #7d006e;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}
body.mauve panier div.section table th.prixCol, body.panier div.section table th.livraisonCol, body.panier div.section table th.totalCol { width: 12%; }
body.mauve panier div.section table th.productQuantity { width: 5%}
body.mauve panier div.section table td.productQuantity { border-right: medium none; border-left: 1px solid #7d006e; }
body.mauve panier div.section table th.totalCol { border-right: none; }
body.mauve panier div.section table a.retirer {
	font-size: 11px;
	text-decoration: none;
	display: block;
	border: 1px solid #CD0606;;
	line-height: 12px;
	text-align: center;
	padding: 3px;
	background-color: #FFF;
	color: #000;
	margin: 0 auto;
}
body.mauve panier div.section table a.retirer:hover { background-color: #E57F7F; }
body.mauve panier div.section table a.poursuivreAchats {
	display: block;
	padding-top: 0px;
	padding-right: 10px;
}
body.mauve panier div.section table a.poursuivreAchats { cursor: pointer;	 }
body.mauve panier div.section table a.poursuivreAchats:hover {
	background-position: 0 -50px;
}
body.mauve panier div.section table a.passerCaisse {
cursor: pointer;
display: block;
width: 280px;
}
body.mauve panier div.section table a.passerCaisse:hover { background-position: 0 -56px; }
body.mauve panier div.section table a {
color: #620662;
}