/*	               Gabarit 2 colonnes  du Front			               	*/

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

body 		{ padding: 0; font-family: "Trebuchet MS"; font-size: 12px; text-align: center; color: #262452; background-color: #fff }

h1  		{ position: absolute;  left: 0; top: 0; }
h2   		{ margin: 0px 9px 20px 20px; padding: 0 0 0 15px; font:bold 34px "Trebuchet MS"; color: #d4a26b; text-align:right;   }
h3  		{ margin: 15px 0 10px 0px; font: normal 18px "Trebuchet MS"; color: #806b3c }
h4   		{ margin: 0 ; font: bold 13px "Trebuchet MS"; color: #b9882c }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c }

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

input    { padding: 0 0 0 3px; font: normal 11px}
textarea { padding: 4px; font-size: 11px; font-family:arial; color:#777}
select   { font: normal 11px} 


ul li 				{ list-style: none; font: normal 11px/18px; 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:#d3a16b; text-decoration: underline; font: normal 11px }
a:hover  { color:#000; text-decoration: underline }

abbr    { cursor: help;  } 

/*	////////////////////			 Menu Login/Logged 					*/
.listemarque{ font-size:18px; color:#262452;text-align:justify; width:650px; font-size:15px; font-weight:bold; }
.listemarque span{ margin:0 25px;}
p.datelogin{text-align:right;margin:10px 5px 10px 0; font-size:10px; color:#9c9fb3}
div.datelogin div.date{float:right;width:200px;text-align:right;margin:10px 5px 10px 0; font-size:10px; color:#9c9fb3}
div.datelogin div.flag{float:right;width:50px;text-align:right;margin:10px 5px 10px 0; font-size:10px; color:#9c9fb3}



/*	////////////////////			Conteneurs generaux 					*/	
#main				    { position: relative; width: 1000px; height:638px; margin: 0 auto;  text-align:left;  border:1px solid #ccc }
#intro 				 { width:1000px; height:83px; position:relative;}
#content 			 { margin: 0 0 0 6px; padding:0; overflow: auto; }

.topcontenu{padding:0 50px 0 0}
#slogan{ position:absolute; top:35px; left:586px;float:right}
#homebasket{ width:137px; height:34px; background:url(../images/fond/homebasket.gif) left top no-repeat; text-align:center; font-size:13px; color:#000; position:absolute; top:25px; right:25px; padding-top:5px; font-weight:bold}


.tablecontent{ width:100%; height:446px}
.menu{width:200px; vertical-align:top}
.contenu { width:800px; vertical-align:top}

/*				Menu				*/
#menu-top{ position:relative; width:100%}
#menu-top li{ width:100%}
#menu-top ul li a{ position: absolute; font-weight:bold; color:#fff; font-size:16px; text-decoration:none}
#menu-top ul li a:hover{color:#d4a26b; }
#menu-top ul li a.acc{ top:48px; left:70px}
#menu-top ul li a.nou{ top:82px; left:79px}
#menu-top ul li a.pan{ top:120px; left:89px}
#menu-top ul li a.esp{ top:160px; left:93px}
#menu-top ul li a.mot{ top:197px; left:94px}
#menu-top ul li a.ret{ top:231px; left:92px}
#menu-top ul li a.dec{ top:272px; left:86px}

#menu-bottom{ position:relative; top:0; left:0; width:100%}
#menu-bottom ul li a{ position: absolute; color:#d4a26b; font-size:13px; font-weight:bold; text-decoration:none}
#menu-bottom ul li a:hover{color:#fff; }
#menu-bottom ul li a.con{ top:430px; left:23px}
#menu-bottom ul li a.men{ top:470px; left:2px}


/*			home			*/
.liste_logo div.floated_logos{ float:left;margin:8px}
.liste_logo div.floated_logos td{ background:url(../images/fond/liste_logo.gif) left top no-repeat; width:136px; height:81px; vertical-align:middle; text-align:center}
.liste_logo div.floated_logos td.searchlogo{ background:url(../images/fond/searchlogo.jpg) left top no-repeat;}
.txtsearch{ background:url(../images/fond/inputtext.gif) left top no-repeat; width:121px; height:16px; line-height:16px; color:#18234d; font-size:10px; font-weight:bold; padding:4px 0 4px 3px; }
select.txtsearch{ background:url(../images/fond/inputtext.gif) left top no-repeat; width:123px; height:22px; line-height:16px; color:#18234d; font-size:10px; font-weight:bold; padding:0px 0 4px 3px; }
.submitsearch{ color:#18234d; background:none; border:none; font-size:20px; cursor:pointer}


/*			catalog			*/
.liste_catalog { margin-left:65px;margin:9px;width:545px;margin-top:-9px}
.liste_catalog div.floated_logos{ float:left;margin:7px}
.liste_catalog div.floated_logos td{background:url(../images/fond/catalog.gif) left top no-repeat; width:236px; height:66px; vertical-align:middle; text-align:center; color:#262452; font-size:10px}
td.searchcatalog{ background:url(../images/fond/searchcatalog.jpg) left top no-repeat;width:146px; height:95px; vertical-align:middle; text-align:center}
td.affinersearch{ background:url(../images/fond/affiner.jpg) left top no-repeat;height:268px; vertical-align:top; text-align:center; width:146px}
td.affinersearch label{ font-size:18px; color:#262452}
td.affinersearch p{ margin:10px 0 0 10px}
.navigation, .navigation a{ font-size:11px; color:#262452; text-decoration:none; text-align:center; font-weight:bold}
.navigation a:hover{ text-decoration: underline}
.navigation .current{ font-weight:bold; color:#c19e64}


/*				novelties			*/
.noveltiesmarque{ width:123px; height:108px; background:url(../images/fond/novelties-marque.gif) left center no-repeat; text-align:center; vertical-align:middle}
.noveltiesprod{ width:347px; height:108px; background:url(../images/fond/novelties-prod.gif) left center no-repeat; text-align:center; vertical-align:middle}

/*			product			*/
h3.product_h3{margin:-44px 0 0 10px}
table.product_table_content {margin:0 0 0 0}
.grdproduct{ background:url(../images/fond/grdproduct.gif) left top no-repeat; width:563px; height:128px;}
h3{ font-size:17px; color:#262452; margin:0 0 0 15px}
h3 span{color:#ba892c;}
.descriprod{ width:275px;}
.descriprod p{ text-align:right; color:#293971; font-size:11px; margin:3px 0}
.descriprod p span{color:#ba892c; font-size:12px;}
table.liste_product {margin:0 0 10px 0; width:630px}
td.color_list {padding:0 0 0 20px;vertical-align:top}

td.color_list p{ color:#293971; font-size:11px; margin:3px 0}
td.color_list p span{color:#ba892c; font-size:12px;}
td.color_list li { font-weight:bold;font-size:11px; color:#262452; margin:0 0 0 2px}
td.color_list li span{color:#ba892c;}
td.color_tab {background:url(../images/fond/catalog.gif) left top no-repeat; width:236px; height:66px; vertical-align:middle; text-align:center; color:#262452; font-size:10px}
table.search_catalog{margin:4px 0 0 0}

.status{position:absolute;margin:20px 0 0 20px ; font-size:10px}

/*			basket			*/
.suividAchat{ width:80%; margin:10px auto}


/*	////////////////////			Footer								   */
#outro 				 { width:745px; position:absolute; top:596px}
#outro p 			 { color:#000; text-align: center; font-size:10px}
#outro p a 			 { color:#000; text-decoration: none; font-size:10px }
#outro p a:hover   { text-decoration: underline }


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

form.formatform                  { width: 450px;  margin: 30px auto 15px auto; padding: 15px;  border: 1px solid #e6ebf3;  } 
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 140px; font: bold 11px; color: #7d7d7d;  } 
form.formatform  label.lbleft_delivery    { float: left; width: 158px; font: bold 11px; color: #7d7d7d;  } 
form.formatform  input           { border: 1px solid #7cc8db;  }
form.formatform  select          { border: 1px solid #7cc8db;  } 
                 p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 

form.loginform input.text{ width:194px; height:17px; background:url(../images/fond/input.gif) left top no-repeat; color:#fff; font-size:11px}
form.loginform input.textdore{ width:193px; height:17px; background:url(../images/fond/inputtextdore.gif) left top no-repeat; color:#fff; font-size:11px}
form.loginform label{ float:right; color:#8d91a7; font-size:11px}
.formlogindiv{ width:450px; height:150px; margin:95px 0 0 275px}
.formlogindiv p{ color:#000; font-size:10px; text-align:right}
.formcontactdiv select 		   { border:none}
.formcontactdiv p.validcontact{text-align:right; margin-right:40px}


/*	////////////////////			edition du profil					  */

.formprofilediv{ width:450px; margin:0 0 0 125px}
.formprofilediv p{ color:#000; font-size:10px; text-align:right; margin-top:5px}
.formprofilediv table tr td{ width:50%}

/*	////////////////////			contact					  */

.formcontactdiv{ width:740px; margin:0 0 0 45px}
.formcontactdiv p{ color:#000; font-size:10px; text-align:right; margin-top:5px}
.formcontactdiv select.selectdore{ background-color:#d4a26b; color:#fff; }

/*	////////////////////			Espace client						  */
table.manageorder th { font-weight:bold; text-decoration:none; background-color:#c38d0b; color:#fff; padding:0 3px}
table.manageorder td { text-align:center;border-bottom:1px solid #ccc; padding:0 3px}

table.manageorder thead th { border-bottom:1px solid #dfdfdf}
table.manageorder a { font-weight:bold; color:#d4a26b; text-decoration:none}
table.manageorder a:hover { color:#000; }



/*	////////////////////			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; color: #000; font-weight:bold}
.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;    } 
.indent    { position: absolute;top: -5000px; left: -5000px; text-indent: -5000px;   } 
.aucun     { text-align: center; padding: 55px 0 0 0;   } 
p.violet{ color:#7b738d}

/*	////////////////////			Messages d erreurs					 */
.denied       { margin: 10px 8px 20px 30px; color: red; font: normal 12px; }
.denied ul li { margin: 0 0 3px 0; padding: 0 0px 0 17px;}



/* -------------------------------    */
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						   */

.mention    {  text-align: center; float:left; margin: 15px 63px 10px 63px; width:260px; height:229px; background:url(../images/fond/mentions.jpg) left top repeat-x   }
.mention  p   {  text-align: center; color:#fff}

.formcontactdiv p.conformement 		   { font: normal 10px verdana; text-align:center; color:#999 }


/* /////////////////////  input avec libellé caché ////////////// */
input.lightvalue{color:#9f9f9f}


 /* //// commandes */
.mentions_cmd {float:left;width:250px;text-align:center}
.mentions_cmd p {text-align:center}


div#watchDownload  { width: 100%; display:none} 
div#watchDownload.ajax-loading {height:80px;display:block;background: url(../images/illustr/wait.gif) no-repeat center; z-index:10000}
div#watchDownload.ajax-loaded {height:auto;display:block; z-index:10000}

/*	////////////////////			Conteneurs generaux 		3 colonnes en tableau		

table#mainTable                { width: 983px; margin: 0 auto; text-align: left;   } 
table#mainTable  td#intro      { width: 983px; height: 197px; background: url(../images/fond/header.jpg) left top no-repeat; position:relative; top: 0; left: 0;   } 
table#mainTable  td            { vertical-align: top  } 
table#mainTable  td#colLeft    { width: 209px; border: 1px solid #f68409;  } 
table#mainTable  td#colCenter  { width: 571px; background-color: #fff; border: 1px solid #f68409;   }
table#mainTable  td#colRight   { width: 201px;  border: 1px solid #f68409;  } 
	*/	
	
.formrightprod{ margin-right:60px}
.textdoree{ color:#bb892c}