/*****       Atelier 51       *****/

/**********************************/
/*         Bases communes         */
/**********************************/
* {
	margin:0;
	padding: 0;
	border: 0 none;
/*	cursor: url("images/ringball.ani"), url("images/mini_wedgie_orange.cur"), default;*/
}

body {
	background: #FFF;
	color: #000000;
	background: url(images/fond.jpg) no-repeat scroll center top;
	font: 80% Tahoma, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}

a {
	color: #F09100;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

#conteneur {
	width: 994px;
	margin: 0 auto;
	text-align: left;
}
#filets {
	width: 994px;
	margin: 0 auto;
	background: #FFF;
	background: url(images/fond-conteneur.gif) no-repeat top;
	text-align: left;
}
 
#col-gauche {
	float: left;
	width: 185px;
	margin: 0 15px 0 1px;
}

#fil-ariane{
	margin: 0 1px 0 0;
	padding: 0 15px 10px 0;
	text-align: right;
	background: url(/media/images/fil-ariane.png) no-repeat right bottom;
}
	
#col-droite {
	float: right;
	width: 185px;
	margin: 0 1px 0 0;
}

#contenu {
	margin: 0 15px 0 0;
	width: 590px;
	overflow:auto;
}
 
#pied-page {
	margin: 0 199px;
	padding: 0 10px 0 20px;
	text-align: center;
	font-size: 75%;

}

#pied-page img {
	margin: 0 auto;
	padding: 10px 0;
}

.fltrt {
	float: right; /* cette classe permet de rendre flottant le cote droit d'un element dans la page. L'element flottant doit preceder l'element a  cote duquel il doit se trouver dans la page. */
	margin-left: 8px;
}

.fltlft {
	float: left; /* cette classe permet de rendre flottant le cote gauche d'un element dans la page */
	margin-right: 8px;
}

.clearright{
	clear: left;
	line-height: 0px;
	height: 0;
}
.clearfloat {
	clear: both; /* cette classe doit etre placee pour un element div ou break et doit etre l'element final avant la balise de fin d'un conteneur qui doit contenir entierement un element flottant */
	line-height: 0px;
	height: 0;
}

object {
	margin:0;
	padding:0;
	display:inline;
	outline:none;
	border: 0 none;
}	

/***********************************/	 
/*         Mise en forme entete    */
/***********************************/
#fil-ariane p {
	font-size: 70%;
	text-transform: uppercase;
	padding-top: 7px;
}


#fil-ariane p .ariane {
	background: url(images/point-orange.png) no-repeat left bottom;
	padding-left: 15px;
}

.ariane a{
	text-decoration: underline;
	color: black;
}
.ariane a:hover{
	text-decoration: none;
}

#entete {
   width: 990px;
	margin: 0 1px;
	display:inline;
}

/**********************************/
/*  Blocs pour la colonne gauche  */
/**********************************/
div.bloc-gauche{
	width: 185px;
	background: url(images/bloc-gauche-haut.jpg) left top no-repeat;
}

.bloc-gauche-bas{
	padding: 7px 0 25px 0;
	margin-bottom: 25px;
	background: url(images/bloc-gauche-bas.png) left bottom no-repeat;
}

.recherche{
	margin-bottom:20px;
}


/**********************************/
/*        Blocs de droite         */
/**********************************/
div.bloc-droite{
	width: 185px;
	background: url(images/bloc-droite-haut.jpg) right top no-repeat;
	margin:0;
	padding:0;
}

.bloc-droite-bas{
	padding: 7px 0 25px 5px;
	margin-bottom: 25px;
	background: url(images/bloc-droite-bas.png) right bottom no-repeat;
}

.boite-blog{
	margin-top:15px;
}

.boite-pub{
	margin-bottom:15px;
}

/**********************************/
/*     Polices dans colonnes      */
/**********************************/
p.titre-bloc{
	padding-left: 12px;
	margin: 0;
	display: block;
	color: #000000;
	font: 187%/140% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.04em;
}

#col-gauche dt a, #col-droite dt a, #col-droite .bloc-droite-bas p, #col-droite dd p.sanslien {
	display: block; 
	font: 86%/120% "Lucida Sans Unicode", Tahoma, Geneva, Arial, Helvetica, sans-serif;
	padding-left: 25px;
}

#col-droite .bloc-droite-bas p {
	padding-left: 20px;
}

#col-droite dt, #col-gauche dt, #col-droite dd {
	background-image: url(images/tiret-menus.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom:10px;
	width: 182px;
}

#col-droite dt a, #col-gauche dt a, #col-droite .bloc-droite-bas p.accesclient a, #col-droite dd p.sanslien {
	color: #606060;
	text-decoration: none;
	margin-top: 7px;
	background-image: url(images/flecheh.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-weight: bold;
	text-transform: uppercase;
}

#col-droite dt a:hover, #col-gauche dt a:hover {
	color: black; 
}


/***********************************/	 
/*   Mise en forme acces client    */
/***********************************/

#col-droite .bloc-droite-bas p.accesclient a {
	padding-left: 5px;
}

#col-droite .bloc-droite-bas p.accesclient a:hover {
	color: black; 
}

#col-droite .bloc-droite-bas p.cache {
	display:none;
}	

/***********************************/	 
/*Mise en forme formulaire colonnes*/
/***********************************/


form.research input, form.research select, form.accesclient input.inputidentite, form.newsletter input.newsletter {
	border:1px solid #CCC;
	color:black;
	margin:5px 5px 0pt 50px;
	padding:4px;
	width:115px;
}

form.research input, form.research select {
	font-size:100%;
}

form.research input {
	margin:0;
	vertical-align:middle;
}

form.accesclient input.inputidentite, form.newsletter input.newsletter {
	margin-left:0;
}

form.accesclient input.img {
	vertical-align:bottom;
}

form.research input.img {
	border:none;
	margin:0 -1px 0 0;
	padding:0;
	width:auto;
}	
	
form.research select {
	width:125px;
}

form.research p.input{
	margin-top:5px;
}

p.select{
	 background: url(images/recherche-ou.gif) no-repeat left;
}

form.newsletter p.radio input {
	margin: 4px 0;
	vertical-align:middle;
}

form.newsletter p.radio label {
	font: 100% Tahoma, Geneva, Arial, Helvetica, sans-serif;
	margin: 4px 0;
}

form.newsletter input:hover, form.newsletter select:hover, form.newsletter textarea:hover, form.newsletter input:focus, form.newsletter select:focus, form.newsletter textarea:focus {
	border:1px solid #9D9D9D;
}

form.newsletter input.noborder {border:none;}


/***********************************/	 
/*     Mise en forme du caddie     */
/***********************************/

#col-droite p.art {
	display:block;
	margin: 8px 0 0 0;
	color: #606060;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	background-image:url(images/flecheh.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left: 22px;
}

#col-droite p.price {
	padding: 10px 0 10px 22px;
	text-transform:none;
	background: url(images/tiret-menus.gif) no-repeat left bottom;	
}

#col-droite .incad a {
	display:block;
	margin: 8px 0 0 0;
	color: #606060;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

#col-droite .incad a:hover {
	color: #000000;
}

#caddie {
	padding-left: 25px;
	display: block;
}

#caddie ul, #caddie ul li {
	list-style-type: none;
}

#caddie ul, #caddie ul li a {
	color:#000;
}

#caddie ul li {
	background: url(/media/images/puce-carateristiques.png) no-repeat left -2px;
	padding-left: 15px;
}
	
/***********************************/	 
/* Mise en forme du menu catalogue */
/***********************************/

#col-gauche ul.nolist li {
	background-image: url(images/tiret-sous-menus.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom:10px;
}

#col-gauche ul.nolist li a {
	display: block;
	color: black;
	font: 86%/100% Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 40px;
	background-image: url(images/flechev.gif);
	background-repeat: no-repeat;
	background-position: 15px 0;
}

#col-gauche ul.nolist li a:hover {
	font-weight: bold;
}

ul.nolist{
	list-style-type: none;
}

/***********************************/	 
/*  Mise en forme partie centrale  */
/***********************************/

/*     Mise en forme selection     */
/***********************************/
#selection-accueil{
	width: 590px;
	text-align: center;
	background: url(images/ombre-selection.jpg) left top no-repeat;
	height: 210px;
}

#selection-cat{
	width: 590px;
	text-align: center;
	background: url(/media/images/selection-cat-haut.png) left top no-repeat;
	margin:0;
	padding:0;
}

#selection-cat-bas {
	width: 590px;
	text-align: center;
	background: url(/media/images/selection-cat-bas.png) left bottom no-repeat;
	margin:0 0 15px 0;
	padding:10px 0 15px 0;
}

#selection-1{
	margin-right: 15px;
	width: 140px;
	display:inline;
	float:left;
}
#selection-2, #selection-3{
	margin-right: 15px;
	width: 135px;
	display:inline;	
	float:left;
}
#selection-4{
	width: 135px;
	display:inline;
	float:left;
}

.marge-selection-1 {
	margin-left: 220px;
}

.marge-selection-2 {
	margin-left: 90px;
}

.marge-selection-3 {
	margin-left: 35px;
}

p.titre-selection{
	padding: 10px 0 10px 20px;
	margin: 0;
	display: block;
	color: #000000;
	font: 187%/140% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.04em;
	text-align: left;
}

p.titre-selection-cat{
	padding: 18px 0 0 20px;
	margin: 0;
	display: block;
	color: #FFF;
	font: 187%/140% "Times New Roman", Times, serif;
	letter-spacing: 0.04em;
	text-align: left;
}

p.selection{
	font-size: 78%;
	font-weight: bold;
	text-transform: uppercase;
}

#selection-1 p.selection {
	padding: 0 10px;
}	
	
p.prix-selection{
	font-weight:bold;
	font-size:80%;
}

p.prix-selection-bulle {
	background: url(/media/images/parenth-g-d.gif) center top no-repeat;	
	font-weight:bold;
	font-size:80%;
	padding: 5px 0;
}

p.prix-selection img {
	vertical-align:middle;
}

p.prix-selection-type {
	font-size:80%;
	font-weight: bold;
	color:orange;
}

p.prix-selection-barre {
	font-size:85%;
	text-decoration:line-through;
}


a.fleche-tri {
	text-decoration:none;
	font-size:110%;
}

a.fleche-tri:hover {
	text-decoration:blink;
}


/***********************************/
/***********************************/
/*   Mise en forme fiche produit   */
/***********************************/

div.titre-pdt {
	background: #000 url(/media/images/bordd-titre-pdt.png) right top no-repeat;
	height: 28px;	
	margin: 15px 0 12px 0;
}

div.titre-pdt h2 {
	color: #FFF;
	background: url(/media/images/bordg-titre-pdt.png) left top no-repeat;	
	padding-left: 18px;
	line-height: 28px;
	height: 28px;
	font: 180%/110% "Times New Roman", Times, serif;
}


#visuel-etiquette{
/*	position:relative;*/
	vertical-align: top;
	background: url(/media/images/pointsv-visuels.png) 260px 0 repeat-y;
	margin:0;
	padding:0;
	float:left;
}

#visuel {
	width: 267px;
	margin: 0;
	text-align:center;
/*	position:relative;
	top:0;
	left:0;*/
	float:left;
}

#etiquette {
	width: 320px;
	margin: 0 0 0 267px;
/*	position: relative;
	top: 0;
	clear:left;
	*/
}

div.cartouche-prix {
	background: url(/media/images/bulle-prix.png) right 10px no-repeat;
}

div.cartouche-prix, div.cartouche-form {
	width: 126px;
	margin-right: 4px;
}

div.cartouche-flash {
	width: 116px;
	margin-left:10px;
	margin-right: 4px;
}	

div.cartouche-form {
	height: 60px;
	text-align:center;
	margin: 0 auto;
}

div.cartouche-prix p.prix-vente {
	text-align: right;
	padding: 0px 27px 20px 0;
	font-weight: bold;
}

div.cartouche-prix p.prix-vente2 {
	text-align: right;
	padding: 25px 27px 20px 0;
	font-weight: bold;
}

div.cartouche-prix p.prix-barre {
	text-align: right;
	margin: 0px 31px 10px 0;
	text-decoration:line-through;
}

div.cartouche-prix p.prix-taxes {
	text-align: center;
	margin: 0 0 2px 0;
	font-size: 74%;
	color: #606060;
}

#etiqh{
	width: 320px;
	float: left;
	padding-bottom: 10px;
	background: url(/media/images/pointsh-visuels.png) left bottom repeat-x;
}	

#etiqh-pts{
	background: url(/media/images/pointsv-visuels.png) repeat-y 125px 0;
}	
	
#etiq-prix {
	float:left;
	width: 130px;
}

#etiq-etat, #etiq-garantie, #etiq-options {
	margin-left: 130px;
	padding-left: 6px;
	font-size: 80%;
}

#etiq-garantie, #etiq-options {
	background: url(/media/images/pointsh-visuels.png) left top repeat-x;
	padding-top: 10px;
}

#etiq-garantie p, #etiq-options p {
	background: url(images/point-orange.png) no-repeat left bottom;
	padding-left: 15px;
	margin-bottom: 7px;
	font-weight: bold;
	color: #606060;
}

.duree-gar {
	color: #000;
}	

#etiq-desc-court {
	padding-left: 10px;
	padding-bottom: 5px;
}


#etiquette form.formetiq input {
	width:auto;
	border:none;
	text-align: center;
	margin-left: 23px;	
}

#etiquette form.formetiq input.ajouter {
	text-align: center;
}


#descriptif {
	width: 100%;
	margin: 0;
}

#descriptif ul {
	list-style: disc outside;
	padding-left: 25px;	
}
#descriptif ul li {

}

.taber a{
	color: #000;
	text-decoration: none;
	 cursor: pointer;
}
.taber a:hover{
	text-decoration: underline;
}
.bordure {
	margin: 0;
	padding: 0px 15px 30px 5px;
	line-height: 1.5em;
	text-align: justify;
	border-top: 1px solid #9A9A9A;
	background: #fff url(images/bloc-gauche-bas.png) right bottom no-repeat;
}

.boxer{
	background: #fff;
}

.titre-boxer {
	color: #909090;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 1px 0 7px 12px;	
	margin: 0;
/*	background: url(/media/images/boxer-fleche.png) center top no-repeat;
	width: 70px;*/
}

.descrptf {
}
.caracter {
	padding-left: 119px;
}	

.packs {
	padding-left: 225px;
}	

.boxholder{
	clear: both;
	/*padding: 5px;
	background: #8DC70A;*/
}
.taber{
	float: left;
	margin: 0 1px 0 0;
	padding: 9px 13px 3px 13px;
	text-align: center;
}

.tabdescgar {
	background: url(/media/images/tab-desc-gar.png) center bottom no-repeat;
}

.tabcaract {
	background: url(/media/images/tab-caract.png) center bottom no-repeat;
}

.tabcasse {
	background: url(/media/images/tab-casse.png) center bottom no-repeat;
}

.tabpacks {
	background: url(/media/images/tab-packs.png) center bottom no-repeat;
}


.tabtxt{
	margin: 0;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
h1.titre-produit {
	font: 187%/140% Georgia, "Times New Roman", Times, serif;
}


/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border: 1px solid #7e7e7e;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#7e7e7e;
	text-align:     center !important; 
}

.MagicZoomHeader a {
	color:			#fff;
	text-decoration: none;
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor: crosshair;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	/*opacity:		0.8;*/
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}


/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}

.visuel-plus, .visuel-plus img {
	vertical-align: middle;
}

.pvisuel {
	text-align: center;
	font-size: 80%;
	line-height: 25px;
	background: url(/media/images/ombre-plus-visuels.png) center bottom no-repeat;
}

.tablo-caract {
	border:none;
	width: 560px;
	vertical-align:top;
	margin-left: 5px;
}

td.tablo-caract-g {
	text-transform:capitalize;
	vertical-align:top;
	font-weight:bold;
	width:30%;	
	padding: 10px 0 15px 7px;
	background: url(/media/images/tablo-bar.png) left top repeat-x;
	text-align:left;
}

td.tablo-caract-d {
	vertical-align:top;
	width:70%;
	text-align:left;
	background: url(/media/images/tablo-bar.png) left top repeat-x; 
	padding: 10px 0 15px 10px;
}
td.tablo-caract-d p {
	display:block;
	background: url(/media/images/puce-carateristiques.png) no-repeat left top;
	padding-left:15px;
}

#contenu form.options-pdt {
	padding:0; 
	margin:0 0 8px 0;
	width:175px; 
	float:none; 
	text-align:left;
}
 #contenu form.options-pdt select { 
	padding:0; 
	margin:0;
	border: 1px solid #CCCCCC; 
	font-size: 90%; 
	width:175px; 
	float:none; 
	text-align:left;
}

/*    Textes - descriptifs    */
/******************************/

.under {text-decoration:underline;}
#contenu form .red {color:red;}
.em {font-style:italic;}

#contenu form {margin: 10px 5px;}
#contenu form input, #contenu form select, #contenu form textarea {float:left; width:380px; padding: 4px;border: 1px solid #CCCCCC;}
#contenu form input:hover, #contenu form select:hover, #contenu form textarea:hover, #contenu form input:focus, #contenu form select:focus, #contenu form textarea:focus {border: 1px solid #9D9D9D;}
#contenu form h3, #contenu form h4 {display: block; clear:both; padding-top: 10px;}
#contenu form h4 {font-size: 95%; color: #606060;}
#contenu form p {clear:both; width:100%; padding:0;}
#contenu form label {
	display:block;
	width:200px;
	padding: 8px 5px 0 0;
}
#contenu form label span {display:block; padding: 3px 0 0 0;font-weight: normal;}
#contenu form .check label {display:inline; float:none; width:auto; font-weight: normal; padding:0; margin: 0 10px 0 0;}
#contenu form .check input {display:inline; float:none; width:auto;}
#contenu form input.auto {width:auto; margin-top: 15px;}
#contenu form input.half {width:190px;}
#contenu form input.year {width:35px;}
#contenu form input.date {width:70px;}
#contenu form input.noborder {border:none;}
#contenu form input.instantAdd {float:right; padding:0; border:none; background:none; font-weight: bold; width:auto; cursor: pointer;}
#contenu form select.date {margin: 0 10px 0 0;}
#contenu form .formatdate {font-size: 95%; vertical-align:bottom;}
#contenu form select {width:auto; padding: 2px;}
#contenu form select.telType {margin: -14px 0 0 10px;}
#contenu form select.telType2 {margin: 0 0 0 10px;}
#contenu form input.limiteur {display:inline; float:none; width:30px; padding:0; border:none; text-align:right;}
#contenu form textarea {font-family: Verdana, Arial, Helvetica, sans-serif;; height:150px; font-size:1em;}
#contenu form select optgroup {font-style:normal; margin: 5px 0 0 0;}
#contenu form select option {padding: 0 0 0 10px;}
#contenu form ul.civil {display:block; margin: 10px 20px;}
#contenu form ul.civil li {margin: 5px 0; list-style-type:none;}
#contenu form ul.civil label, #contenu form ul.civil input {display:inline; float:none; width:auto; font-weight: normal;}
#contenu form .born input {float:none; display:inline; width:30px;}
#contenu form .born input.day {width:15px;}
#contenu form .born label.inline {float:none; display:inline; width:auto; font-weight: normal;}

#contenu form input.noborder-radio{ border:none; width:auto; margin: 2px 12px; }

#contenu form h3 label {
	display:inline;
}	
	
div.titre {
	background-image: url(/media/images/titre-contenu.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 17px 0 0 15px;
	margin-bottom: 10px;
}

.txt {padding: 0 0 0 10px;	font-size: 94%; }

.titre h2 {	font: 165%/140% Georgia, "Times New Roman", Times, serif;}
.txt h3 {font-size:120%}
.txt h4 {font-size:110%; padding-left: 5px;}
.txt p {padding: 10px 0;}
.txt p.ask {padding: 10px 0 0 0; color:#10347B; font-weight: bold;}
.txt .img {float:left; width:100px; margin: 10px 0 0 0; text-align:center;}
.txt .cards {position:absolute; margin: -26px 0 0 220px;}
.txt .cards img {margin: 0 5px;}
.txt ul, .txt ol, .txt dl {padding: 5px 0;}
.txt ul li, .txt ol li {margin: 5px 10px 5px 40px;}
.txt ul li {list-style-type:disc;}
.txt ul.inside li {text-align: center; list-style-type:none; margin-right:40px; margin-left:0;}
.txt .signal {margin: 10px 5px; padding: 10px; border: 1px solid #4d4d4d; color:black; background:#cccccc;
/*-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;*/
}
.txt .signal a {color:#FFFFFF;}
.txt .signal dl {margin: 0 0 10px 30px; text-align:center;}
.txt .signal dl dt {text-transform:uppercase; font-weight: bold;}
.txt .signal dl dd {margin: 5px 0;}
ul#som.faq li {list-style-type:none;}
.txt a:hover {text-decoration:none;}

table td.add a {display:block; float:left; padding: 0 2px; text-align:center;}
#contenu form input.quantite {float:left; width:20px; text-align:center; margin: 0 0 0 5px;}
* html #contenu form input.quantite {margin: 0 5px;}
#contenu form input.qttadd {width:77px;}

table {margin: 5px 0; border-collapse:collapse; border: 1px solid #EDEDED;}

.txt .descLong {padding: 0 10px;}
.txt .descLong * {clear:none;}

/*Plan du site*/
.plan {padding: 0 0 0 30px;	font-size: 94%; }
.plan li {margin-bottom:4px;font-weight:normal;}
.plan a {color:#000;}
.plan ul {padding: 2px 0;}
.plan ul li {margin: 5px 10px 0px 40px;}
.plan ul li {list-style-type:disc;}
.plan hr {display:block;height:20px;border:0px;}

/**********************/
/*   Menu catalogue ! */
/**********************/

#ulcatalogue {
	width: 185px;
	position:static;
}
#ulcatalogue ul {
}
#ulcatalogue li {
	position:relative;
}

#ulcatalogue li.sub {
	font: 86%/120% "Lucida Sans Unicode",Tahoma,Geneva,Arial,Helvetica,sans-serif;
}

#ulcatalogue .hr1{
	background: url(images/tiret-menus.gif) no-repeat left bottom;
	padding: 10px 0 0 0;
}

#ulcatalogue li, #ulcatalogue li a {
	display: block;
	color: black;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
}

#ulcatalogue .flech1{
	background-image: url(images/flecheh.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 25px;
	text-align: left;
}

#ulcatalogue .flech1 a{
	color:#606060;
	font-weight:bold;
}

#ulcatalogue .flech1 a:hover {
	color:#000;
}

#ulcatalogue ul,
#ulcatalogue li.click ul ul,
#ulcatalogue li.click ul li.hover ul ul {display:none;}

#ulcatalogue li.hover {
	color: blue;
	z-index: 500;
	font-weight: bold;
	color: black;
}
#ulcatalogue li.click {
	color: blue;

}

#ulcatalogue li.click ul {display:block;}
#ulcatalogue li.click ul li.hover ul {
	display: block;
	position: absolute;
	left: 175px;
	top: 0px;
}

#ulcatalogue li.click ul li, #ulcatalogue li.click ul li.fly {
	padding-left: 40px;
	background-image: url(images/flechev.gif);
	background-repeat: no-repeat;
	background-position: 15px 0;
	font-weight: normal; 
}
#ulcatalogue li.click ul li a {
	background: url(images/tiret-sous-menus.gif) no-repeat -20px bottom;
	padding-bottom: 10px;
	display: block;
	width: 145px;
}
#ulcatalogue li.click ul li.fly a {
	background: url(images/tiret-sous-menus-fly.gif) no-repeat -20px bottom;
}
	
#ulcatalogue li.click ul li.hover {/*background:#98a;*/}
#ulcatalogue li.click ul li.hover a {
	font-weight: bold;
}

#ulcatalogue li.click ul li.hover ul, #ulcatalogue li ul li ul {
	background: url(images/bloc-gauche-haut.jpg) repeat-y right bottom;
	border-bottom-color: #B7B7B7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-color: #B7B7B7;
	border-right-style: solid;
	border-right-width: 1px;

}
#ulcatalogue li.click ul li.fly ul li, #ulcatalogue li.click ul li.hover ul li {
	padding: 4px 0;
	background: none;
	border-bottom-color: #FFFFFF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-size:100%;
	line-height:100%;
	margin: 0;
}

#ulcatalogue li.click ul li.fly ul li a, #ulcatalogue li.click ul li.hover ul li a {
	background: none;
	padding:0 0 0 20px;
	font-weight: normal;
	font-size:100%;
	line-height:100%;
	margin:0;
}

#ulcatalogue li.click ul li.hover ul li.hover {z-index:500;}
#ulcatalogue li.click ul li.hover ul li.hover a {
	font-weight: bold;
}

/******************************/
/*    Liste des produits      */
/******************************/

div.triage {
	font-size: 70%;
	text-transform: uppercase;
	float: right;
	text-align: right;
}

div.tripad {
	padding-bottom:5px;
	padding-right:5px;
}

div.triage a {
	color: #000;
}	

div.triage-h {
	background: url(images/tiret-menus.gif) repeat-x left bottom;
	padding-bottom: 8px;
}

div.triage-h .tri-fab {
	background: url(images/point-orange.png) no-repeat left bottom;
	padding-left: 15px;
	padding-right: 10px;
}

div.triage-h .tri-prix {
	background: url(images/point-orange.png) no-repeat left bottom;
	padding-left: 15px;
}


.liste-produits {
margin-bottom:10px;
}

div.liste-pdt-titre {
	background: #000 url(/media/images/bordd-pdt-cat.png) right top no-repeat;
	height: 23px;	
	margin: 0;
}

div.liste-pdt-titre h3.produit-titre {
	color: #FFF;
	background: url(/media/images/bordg-pdt-cat.png) left top no-repeat;	
	padding-left: 18px;
	line-height: 23px;
	height: 23px;
}

div.liste-pdt-titre h3.produit-titre a {
	color: #FFF;
	text-decoration: none;
	font: 110%/130% "Times New Roman", Times, serif;
	letter-spacing: 0.04em;
	font-weight: bold;
}

div.liste-pdt-titre h3.produit-titre a:hover{
	color: #F3971A;
}

.image-cat, .image-select {
	max-height:80px;
	max-width:80px;

}

.cadrage-image {
	height:80px;
}

.cadrage-image img {
	vertical-align:middle;
}

.liste-produits-bas {
	background-image: url(/media/images/filet-horiz-listing-central.png);
	background-repeat: repeat-x;
	background-position: right bottom;
	height: 92px;
}


#contenu form.liste-add {
	float:right;
	margin:0;
	padding:0;
}	

#contenu form.liste-add input {
	float:none;
	margin:0 5px 0 0;
	padding:0;
	border:none;
}	

.produit-prix {
	float:right;
	width: 110px;
	height: 100px;
	background: url(/media/images/cartouche-prix.png) no-repeat right 30px;
	margin:0;
	padding:0;
}

.produit-prix p{
	text-align: right;
	font-weight: bold;
	margin:17px 15px 0 0;
	padding:0;
	letter-spacing: 0.04em;
}
 .produit-prix p.real-price{
	margin:6px 15px 0 0;
 }
 
.produit-prix2 {
	float:right;
	width: 110px;
	height: 100px;
	background: url(/media/images/cartouche-prix.png) no-repeat right 10px;
	margin:0;
	padding:0;
}

.produit-prix2 p{
	text-align: right;
	font-weight: bold;
	margin:27px 15px 0 0;
	padding:0;
	letter-spacing: 0.04em;
}

.produit-prix-epuise {
	float:right;
	width: 110px;
	height: 100px;
	background: url(/media/images/epuise.png) no-repeat right 10px;
	margin:0;
	padding:0;
}

.cat-chrono {
	background: url(/media/images/cat-promo.gif) no-repeat right top;
	margin-top:6px;
}

.cat-chrono p{
	margin:0 15px 0 0;
	padding-top: 20px;
	text-decoration:line-through;
}

.cat-promo {
	background: none;
}

.cat-promo p{
	margin:0 15px 0 0;
	padding-top: 15px;
	text-decoration:line-through;
}

p.prix-taxe {
	text-align: right; 
	font-weight: normal;
	margin: 0;
	padding:0;
	font-size: 75%;
}

p.produit-image {
	float: left;
	width: 110px;
	height: 100px;
	vertical-align: middle;
	text-align: center;
	padding:0;
}

p.produit-image img {
	margin:5px;
}

.produit-descriptif {
	padding:0;
	margin: 0;
	height:49px;
}

.produit-descriptif-pack {
	padding:0;
	margin: 0 0 0 110px;
}

.produit-descriptif p {
	padding-top:10px;
}

p.produit-etat, p.produit-etat img {
	padding:0;
	margin:0;	
}
p.produit-etat {
	height:41px;
}

.produit-separateur {
	background-image: url(/media/images/degrade-ss-nom-produit.png);
	background-repeat: repeat-y;
	background-position: left top;
	height: 15px;
	line-height: 15px;
}


/* Caddie */
table.panier { clear:both;}
table.panier thead {background:#EDEDED;}
table.panier td {border-bottom: 1px solid #EDEDED;}
table.panier thead td, table.panier thead th {padding: 10px; color:#000; font-weight: bold; font-size:1em;}
table.panier tbody td {padding: 5px;}
table.panier td.article {background:white;}
table.panier td.prix {width:5%; text-align:right;}
table.panier td.qtt {width:5%;}
table.panier td.somme {width:5%;}
table.panier td.del {width:5%; text-align:center;}

div.totaux table {float:left; width:280px;}

div.totaux td {padding: 5px; border-bottom: 1px solid #EDEDED;}
div.totaux td.chiffresNoind {padding: 0 25px 0 0; text-align:right;}
div.totaux td.chiffres {text-align:right;}
div.totaux tr.sstotal {font-weight: bold;}
div.totaux tr.total {font-size:1.1em; font-weight: bold; background:#EDEDED;}
#contenu .txt div.totaux ul li {list-style-type:none;}

#contenu .txt p.validCaddie input {width:auto; float:none;}
#contenu .txt p.validCaddie input.valid {width:208px;}

#contenu .txt p.countCaddie {clear: none;}
#contenu .txt .controlCaddie {float:right; vertical-align:bottom;}
#contenu .txt .controlCaddie a {text-decoration:none;}
#contenu .txt .controlCaddie a:hover {color:#000}

/* Paiement */
div.resultat-paiement {
	text-align:center;
	padding: 4px;
	border: 1px solid #ABABAB; 
	margin: 0 25%;
}

#contenu form input.payer-paypal {
	width:auto; 
}