/*	               Gabarit 2 colonnes  du Front			               	*/

* 			{ margin:0; padding:0; border: none; text-decoration: none }  

body 		{ padding: 0; font-family: Verdana; font-size: 11px; text-align: center; color: #5b5a5a; background:url(../images/fond/body.jpg) center top repeat-y; background-color: #fff }

h1 		{ position: absolute; top: 70px; left: 135px; z-index:100 }
h2   		{ margin: 5px 0 5px 20px; padding: 28px 0 0 15px; font: normal 18px "Trebuchet MS"; color: #630001;   }
h3  		{ margin: 15px 0 10px 33px; font: normal 18px verdana; color: #007e9d; font-weight:bold; font-variant:small-caps; background:url(../images/puce/h3.gif) left 5px no-repeat; padding-left:19px }
h4   		{ margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #806b3c }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c }

p    		{ font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left }

input    { padding: 0 0 0 3px; font: normal 11px arial }
textarea { padding: 4px; font: normal 11px arial }
select   { font: normal 11px arial  } 


ul li 				{ list-style: none; font: normal 11px/18px arial; margin: 10px 15px 10px 24px }
ul.puced li 		{ list-style: none; margin: 10px 15px 10px 24px; padding: 0 0 0 13px; background: url(../images/puce/puce.gif) left 2px no-repeat }
ul.radio li		   { float: left }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
 
a img    { border: none; text-decoration: none }

a        { color:#0c3f97; text-decoration: none; font: normal 11px verdana }
a:hover  { color:#00809F; text-decoration: underline }

abbr    { cursor: help;  } 



/*	////////////////////			Conteneurs generaux 					*/	
#main				    { position: relative; width: 978px; margin: 0 auto;  text-align:left; background: url(../images/fond/spread.gif) left top repeat-y }
#intro 				 { width:978px; height:146px; background: url(../images/fond/header01.jpg) left top no-repeat; position:relative }
#content 			 { margin: 0; padding:0; width:978px}
#contentleft { width:245px; padding-left:8px}

/*				INTRO				*/
#menu-language{ position:absolute; right:5px; top:7px; z-index:100}

#menu-top{ position: relative; width:978px; height:48px; z-index:100}
#ulmenu{ position: absolute; width:978px; background:url(../images/fond/menutop.gif) left top repeat-x}
#menu-top ul { height:48px}
#menu-top li{ display:block; float:left; height:48px;  margin:0; padding:0px 2px 0 2px;background:url(../images/puce/separtop.gif) right top no-repeat}
#menu-top li a{ display:block; width:105px; height:48px;background:url(../images/fond/menutop.gif) left top repeat-x; padding:15px 0 0 0; text-align:center}
#menu-top li a img{ vertical-align: text-top}
#menu-top li a:hover{ background:url(../images/fond/menutop_hover.gif) left top repeat-x}
#menu-top p{ position:absolute; right:0px; top:0px; width:125px; height:48px}
#menu-user{position:absolute;right:0; z-index:100}
div#menu-login 						{position:absolute;right:0px;top:38px;width:257px; z-index:100}
div#menu-login p a 				{ color:#b2a9a3; font-size:10px}
div#menu-login input  { background:url(../images/fond/input01.gif) left top repeat-x; border:1px solid #eceaea; color:#867d76; height:16px; width:105px; font-size:10px }
.menu-basket{position:absolute; top:112px; width:263px; right:0; z-index:100}
.menu-basket a{ font-weight:bold; color:#666}
.menu-basket p{ line-height:9px}
div#menu-logged 						{position:absolute;right:0px;top:38px;width:257px; z-index:100}
div#menu-logged  a			{ color:#b2a9a3; font-size:10px;letter-spacing:-1px;}
div#menu-logged p#bonjour 			{ }
div#menu-logged a.deconnect 		{ }


/*				COLONNE GAUCHE				*/
#newsletter{ width:220px; height:86px; background:url(../images/fond/newsletterleft.gif) left top no-repeat; position:relative}
#newsletter form, #menu-search form{ position:absolute; top:52px; left:5px}
div#newsletter input, #menu-search input   { background:url(../images/fond/input02.gif) left top repeat-x; border:1px solid #eceaea; color:#867d76; height:20px; width:170px; font-size:13px }
#menu-search{width:220px; height:83px; background:url(../images/fond/searchleft.gif) left top no-repeat; position:relative}
#collections div{ background:url(../images/fond/menuleft.gif) left top repeat-y; border-bottom:1px solid #cecece; border-left:1px solid #cecece; border-right:1px solid #cecece; width:216px}
#collections li a { color: #750c06; font-weight:bold; text-decoration:none}
#collections li{ margin:5px 0 0 5px}
#collections li a:hover { color: #d22103;}
#collections li div{ width:14px; height:14px; background:url(../images/fond/puceleft.gif) left top no-repeat; float:left; margin-right:3px; text-align:center; line-height:0; border:0; margin-top:2px}
#collections li div p { background-color:#FF0000; width:10px; height:10px; margin:2px 0 0 2px; line-height:0; font-size:0px}
#collections div ul{margin-bottom:4px}
.linkecpad{ text-align:center; width:220px; margin-top:30px}
.linkecpad a{ color:#666; font-size:13px; font-variant:small-caps}


/*					CONTENU				*/
.topcontenu{ width:724px; margin:0 auto; background:url(../images/fond/toph2.jpg) left top no-repeat; position:relative}

/*					produitS				*/
.liste_prod{ width:90%; margin:0 auto;}
.liste_prod .visu{ width:100%; text-align:center; height:126px}
.liste_prod .title{ color:#0c3f97; font-weight:bold; font-variant:small-caps; font-size:14px; height:45px}
.liste_prod .descri{ height:57px}
.liste_prod .title .type{ color:#828282; font-weight: normal; font-variant: normal; font-size:11px; font-style:italic; }
.liste_prod .bottomprod{ background:url(../images/fond/bottomprod.jpg) left top no-repeat; width:193px; height:38px; position:relative}
.liste_prod .bottomprod .link { position:absolute; top:8px; left:5px}
.liste_prod .bottomprod .link form { position:absolute; top:0px; left:25px; width:35px;}
.liste_prod .bottomprod .price { position:absolute; top:9px; right:5px; color:#7e6859; font-size:13px; font-weight:bold}
.liste_prod .bottomprod .price .old {font-size:11px; text-decoration:line-through}
.liste_prod .bottomprod .price .new { color:#e2001a;}
.linkhome{ position:absolute; top:21px; right:21px; text-align:right; line-height:8px}
.linkhome a{ color:#3a3a3a;  font-size:11px; font-weight:bold; text-decoration:none}
.linkhome a:hover{ color:#e2001a;}
.path2{ color:#666; font-size:10px; margin:10px 0 0 20px }
.path2 a{ color:#000; font-size:10px; text-decoration:underline}
.descricatego{ font-weight:bold; width:89%; margin:10px auto;}

/*				FICHE PRODUIT			*/
#collection { font-weight:bold; font-size:13px; color:#828282; font-variant:small-caps; width:95%; margin:0 auto}
#collection span { font-size:18px;}
#collection div { width:15px; height:15px; float:left; margin: 5px 5px 0 0px; font-size:0; line-height:0}
.product{ width:94%; margin:28px auto}
.product .productleft{ width:220px; text-align:center}
.product .productleft td{ border:1px solid #828282; text-align:center; vertical-align:middle; width:70px; height:70px}
.product #header{ font-weight:bold}
.product #specificity{ font-weight:bold; font-size:11px; color:#27467c; font-variant:small-caps}
.infosprod{ position:relative; width:420px; height:39px; background:url(../images/fond/infosprod.jpg) left top no-repeat}
.infosprod .enstock{ position:absolute; left:167px; top:10px; color:#7e9837; background:url(../images/puce/enstock.gif) left top no-repeat; height:20px; padding-left:20px}
.infosprod .epuise{ position:absolute; left:167px; top:10px; color:#851010; background:url(../images/puce/epuise.gif) left top no-repeat; height:20px; padding-left:20px}
.infosprod .encours{ position:absolute; left:98px; top:10px; color:#b37600; background:url(../images/puce/encours.gif) left top no-repeat; height:20px; padding-left:20px}
.infosprod .price{ position:absolute; right:10px; top:10px; font-size:18px; font-weight:bold; color:#e2001a}
.infosprod .price .old{ font-size:12px; text-decoration:line-through; color:#7e6859;}
.infosprod .pictovideo{ position:absolute; left:10px; top:10px}
.infosprod #addbasket{ position:absolute; left:54px; top:9px}
.infofrais{ font-style:italic; font-size:10px; color:#a4a4a4; margin:0 0 0 10px}
.sponsorlink{margin:17px 0 6px 10px}
.sponsorlink a{ color:#bf0000}
.addfriend{ color:#6d523d}
.back{ text-align:right; margin:5px 15px 5px 0}
/*				CROSS SELLING			*/
.cross{ background:url(../images/fond/crossseling.jpg) left bottom no-repeat;padding-bottom:26px;}
.linkcross{ text-align:right}
.linkcross a{ color:#e2001a; position:relative; right:40px}
.titrecolor{ font-size:18px; color:#828282; font-weight:bold; font-variant:small-caps; margin:15px auto 0 10px; width:95%}

/*						PANIER					*/
.listequest li{ background:url(../images/puce/puce01.gif) left 4px no-repeat; padding-left:15px; margin-left:100px; zoom:1}
.listequest li a{ color:#CC0000}

/*						PANIER					*/
.formatTable { width:91%; margin:0 auto}
.formatTable td { border:1px solid #ccc; padding:2px}
.formatTable th{ background:url(../images/fond/th.jpg) left top repeat-x; padding: 0 3px; color:#ebe0c3; height:28px}
.suividAchat{ text-align:center}
.mode{ border:1px solid #ccc; width:50%; margin:10px auto; padding:10px}
.mode label{ font-weight:bold; margin-right:15px;}
.mode select{ border:1px solid #ccc}
.adrConfirm{ width:100%}
.adrConfirm td{ width:50%; text-align:center}
.adrConfirm td p{text-align:center}

/*	////////////////////			Footer								   */
#outro 				 { width:100%;}
#outro p 			 { color:#b5aba4; text-align: center;}
#outro p a 			 { color:#b5aba4; text-decoration: none }
#outro p a:hover   { text-decoration: underline }


/*	////////////////////			Formulaires 						  */

form.formatform, fieldset.formatform { width: 625px;  margin: 30px auto 15px auto; padding: 15px;  border: 5px solid #f1eeeb; background-color:#e9e4e0  } 
form.formatform   table { width:100%}
form.formatform   td { width:45%; vertical-align:top}
form.formatform  h3, fieldset.formatform  h3  { margin: 0 0 16px 0px; color:#96806e; background:url(../images/puce/h3form.gif) left 5px no-repeat; border-bottom:1px solid #96806e;  } 
form.formatform  label.lbleft    { float: left; width: 145px; font: bold 11px arial; color: #7d7d7d;  } 
form.formatform  input,form.formatform  select         { background:url(../images/fond/input02.gif) left top repeat-x; border:1px solid #eceaea; color:#867d76; height:20px; }
form.formatform  input,form.formatform  select option { background-color:#fff; font-size:10px}
form.formatform  textarea           { background:url(../images/fond/texta.gif) left bottom repeat-x; border:1px solid #eceaea; color:#867d76; }

.valid, .formatform .valid            { border: 1px solid #cbc1b8; background:url(../images/fond/valid.gif) left top repeat-x; height:25px; font-variant:small-caps; font-size:14px; color:#fff; font-weight:bold  }
.valid:hover, .formatform .valid:hover           {background:url(../images/fond/validhover.gif) left top repeat-x;  }
.notvalid, .formatform .notvalid            { border: 1px solid #cbc1b8; background:url(../images/fond/notvalid.gif) left top repeat-x; height:25px; font-variant:small-caps; font-size:14px; color:#fff; font-weight:bold  }
.notvalid:hover, .formatform .notvalid:hover           {background:url(../images/fond/notvalidhover.gif) left top repeat-x;  }

p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 


/*	////////////////////			General styles 						*/

.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.kill 		{ display: none }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden; height: 0 }
.noborder 	{ border: none }
.bita 		{ margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #e2001a }
.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button, .centerbut	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.small     { font: normal 10px arial;    } 
.indent    { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px;   } 
.bold{ font-weight:bold}
.red{ color:#d42403}


/*	////////////////////			Messages d erreurs					 */
.denied, .flash       { margin: 20px 20px 20px 30px; color:#d42403; font: normal 12px arial; border-top: 1px solid #d42403;border-bottom: 1px solid #d42403; padding:5px 0 }
.denied ul li, .flash ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/denied.gif) left 2px no-repeat;  }



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

div.bl-s    { width: 172px;  background: url(../images/fond/bl-s.gif) left top repeat-y;   } 
div.bl-bot  {  background: url(../images/fond/bl-bot.gif) left bottom no-repeat;  } 
div.bl-top  {  padding: 37px 0px 10px 0px;  background: url(../images/fond/bl-top.gif) left top no-repeat;  } 



/* /////////////////////////////////				 Page Mentions						   */

.mentions    { background:url(../images/fond/mentions.jpg) left top no-repeat; width:261px; height:235px; float:left; margin:15px 0 0 230px; } /* Conteneur des 2 blocs d'adresse */
.mentions_cmd    { background:url(../images/fond/mentions.jpg) left top no-repeat; width:261px; height:235px; float:left; margin:15px 0 0 65px; } /* Conteneur des 2 blocs d'adresse */
.mentions h3{ background:none; color:#fff; font-size:14px; padding:10px 0 0 18px; margin:0;}
.mentions_cmd h3{ background:none; color:#fff; font-size:14px; padding:10px 0 0 18px; margin:0;}
.mentions p{ text-align:center; padding-top:20px;}
.mentions_cmd p{ text-align:center; padding-top:20px;}
.conformement { font: normal 10px verdana; text-align:center; font-style:italic; width:90%; margin:10px auto }
.blocmentions p{ width:90%; margin:10px auto}



/* /////////////////////////////////				 slideshow						   */
div.slideshow {margin: 0px auto; position:absolute; left:0; top:0; z-index:10 }


.flash-hidden {
	height: 0; 
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 0;
}

.maintenance{
	text-align:center; padding:15px; font: normal 15px Trebuchet MS; color: #806b3c
}

/*******Navigation***********/

.links {
text-align:center;
font-size:12px;
}

.links span{
font-weight:bold;
background:#0c3f97;
padding:3px 5px;
color:#fff;
}

.links a{
text-align:center; 
padding:3px 5px;
border:1px solid #0c3f97;
}