/* Gabarit 2 colonnes  du Front				*/

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

body 		{ padding: 0; font-family:  Arial; font-size: 12px; text-align: center; color: #000; background:#e9e234; }

h1 			{ text-align:center; margin:10px 0 0 0;}
h2   		{ margin: 5px 0 35px 5px; padding: 2px 2px 2px 10px; font: normal 18px "Trebuchet MS"; color: #fff; background-color:#6e8d01;  }
h3  		{ margin-bottom:20px;color: #49512c; font-size:18px; font-weight:bold }
.cgv h3{margin-bottom:5px; margin-top:30px}
h4   		{ margin: 15px 0 10px 20px; font: normal 17px "Trebuchet MS"; color: #806b3c }
h5   		{ margin: 15px 0 10px 20px; font: normal 16px "Trebuchet MS"; color: #806b3c }

p    		{ font: normal 12px/15px 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 }

ul li 				{ list-style: none; font: normal 12px/15px arial; margin: 10px 15px 10px 17px; zoom:1 }
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; list-style-type:none }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
 
a img    { border: none; text-decoration: none }

a        { color:#798c00; text-decoration: underline; font: normal 11px arial }
a:hover  { color:#c3c735; text-decoration: underline }


.marge01{ width:94%; margin:0 auto}
.marge02{width:97%; float:right;}
.marge03{width:97%; float:right}
.margeselection{width:97%; margin-left:50px}

/* Menu */
#menu ul { margin:0; padding:0;}
#menu ul li a{ font-family:times new roman; color:#fff; font-size:13px; text-decoration:none;  background-repeat:no-repeat; background-position:left 2px; display:inline-block; padding:0 0 5px 10px;}
#menu ul li a:hover{ color:#a8b316}
#menu ul li li a{ color:#d4d4d4; background-position:left 6px; }
#menu ul li.menu1 a{ background-image:url(../images/puce/menu1.gif);}
#menu ul li.menu1 li a{ background-image:url(../images/puce/ssmenu1.gif);}
#menu ul li.menu2 a{ background-image:url(../images/puce/menu2.gif);}
#menu ul li.menu2 li a{ background-image:url(../images/puce/ssmenu2.gif);}
#menu ul li.menu3 a{ background-image:url(../images/puce/menu3.gif);}
#menu ul li.menu3 li a{ background-image:url(../images/puce/ssmenu3.gif);}
#menu ul li.menu4 a{ background-image:url(../images/puce/menu4.gif);}
#menu ul li.menu4 li a{ background-image:url(../images/puce/ssmenu4.gif);}
#menu ul li.menu5 a{ background-image:url(../images/puce/menu5.gif);}
#menu ul li.menu5 li a{ background-image:url(../images/puce/ssmenu5.gif);}
#menu ul li.menu6 a{ background-image:url(../images/puce/menu6.gif);}
#menu ul li.menu7 a{ background-image:url(../images/puce/menu7.gif);}
#menu ul li.menu7 li a{ background-image:url(../images/puce/ssmenu7.gif);}
#menu ul li.menu8 a{ background-image:url(../images/puce/menu8.gif);}
#menu ul li.menu9 a{ background-image:url(../images/puce/menu9.gif);}

#menu ul li{ background-image:url(../images/puce/li.gif); background-repeat:no-repeat; background-position:left 19px; list-style-type:none; padding:0 0 5px; margin:10px 15px 20px 12px; width:152px;}
#menu ul li ul { padding:5px 0 0 0; display:inline-block; width:152px; overflow:hidden;}
#menu ul li li { background-image:none; margin:0 0 0 8px; padding:0;}
#menu ul li li a {margin:0; padding:0 0 0 10px; display:inline-block;}


.autre_liens {background:url(../images/fond/bgd_autreLiens2.png) repeat-x left top; display:inline-block; height:19px; margin:0 10px 10px; padding:4px 0 0 5px; width:156px;}
	.autre_liens a {background:url(../images/puce/menu_infos.gif) no-repeat left 2px; padding:3px 0 0 20px; color:#FFFFFF; text-decoration:none; font-family:trebuchet MS; font-size:10px; font-weight:bold;}
		.autre_liens a:hover {color:#c3c735; text-decoration: underline;}
	.autre_liens.panier a { background-position: left -52px;}
	.autre_liens.search a {background-position: left -77px;}
	.autre_liens.nl a {background-position: left -25px;}
	.autre_liens.orders a {background-position: left -103px;}
	.autre_liens.signout a {background-position: left -131px;}

#lang {margin:0; padding:20px 0; text-align:center;}

/*Pages internes*/
.cadre td.carre{ border:1px solid #c8d3a5; height:144px; background-image:url(../images/fond/carre.jpg); background-repeat:no-repeat; background-position:bottom right; padding:5px}
.cadre{ margin:0 auto}
.resume{ color:#000; margin-bottom:20px}
.intro, .intro a, .intro a:hover{ font-weight:bold; color:#7d7f18; font-size:14px; text-decoration:none;}

#content li { background-image:url(../images/puce/rond_vert.jpg); background-repeat:no-repeat;; padding-left:10px; background-position: left 5px}

.catalogue{ margin:0 auto}
.catalogue td{ border:1px solid #c8d3a5;}
.selection{ background-image:url(../images/fond/selection.jpg); background-repeat:no-repeat; background-position:bottom; padding:10px 15px 0 15px}
.selection h3, .liste_prod h3{ margin-bottom:0}
.liste_prod{ background-image:url(../images/fond/liste_prod.jpg); background-repeat:no-repeat; background-position:bottom;padding:10px 10px 0 10px}
.cadeau{padding:10px 10px 0 10px}
h3.underline{ border-bottom:1px solid #cbd816; width:95%; margin:0 auto; margin-bottom:20px}
h3.h3articles{ margin-bottom:0; margin-top:20px}

.voir_produits{ margin-top:10px; margin-bottom:20px}

.table_produits td{border:1px solid #c8d3a5; height:144px; background-image:url(../images/fond/carre.jpg); background-repeat:no-repeat; background-position:bottom right; padding:5px 5px 15px;}
.product_left, .product_right{ float:left; height:135px; width:95px; position:relative}
.product_right{ width:210px}
.product_price{ font-weight:bold; font-size:13px; position:absolute; top:115px; left:5px}
.name_product{ font-size:14px; font-weight:bold; color:##49512c}
.suite_product{position:absolute; top:118px; left:20px}


.conseil{ width:100%; margin:0 auto}
.conseil td { border:1px solid #CCC; padding:1px}
.conseil td.titres{ font-weight:bold; font-size:13px; color:#b0ab1c}


.h3product{ margin-bottom:0; margin-top:20px; border-bottom:1px solid #e8e133; font-size:13px}
.references{ width:100%}
.references th{ background-color:#4c560b; color:#FFF; padding-left:5px}
.references td{ border:1px solid #CCC; padding-left:5px}


.basket{ width:100%}
.basket td{ border:1px solid #CCC;padding:2px 5px 2px 5px}
.basket th{ background-color:#4c560b; color:#FFF; padding:2px 5px 2px 5px}

.offres{ float:right; margin-top:20px}
.offres td { border:1px solid #98ae0b; background-color:#f9fbd6; width:160px; padding:5px}


/*Articles*/
.divarticle{border:1px solid #c8d3a5; padding:5px;  background-image:url(../images/fond/articles.jpg); background-repeat:no-repeat; background-position:bottom right;zoom:1;}
.date_articles{ color:#999; font-weight:bold}


/* 			Conteneurs generaux 					*/	
#divmain				    { position: relative; width: 905px; margin: 10px auto 0; padding:10px 0;  text-align:left; background-color:#fff}
#main						{ width:890px;  margin:0 auto;}
#intro 				 { width:1000px; height:102px; background: url(../images/fond/header.jpg) left top no-repeat }
#menu-left 			 { background-image:url(../images/fond/fond_menu.jpg); background-position:bottom; background-repeat:no-repeat; background-color:#32181c;}
#content 			 { margin: 0; padding:0 0 0 5px; overflow: auto; }
div#colonne_gauche { float: left; width: 230px; padding: 5px 5px 0 5px; border: 1px solid red }
div#colonne_droite { float: right; width: 744px; margin: 0; padding: 5px 5px 20px 5px; border: 1px solid red }


/* 			Footer								   */
#footer			 { width:952px; height: 30px;position: relative;margin: 0 auto;  }
#footer p 			 { color:#737373; text-align: center; padding: 16px 0 0 0 }
#footer p a 			 { color:#737373; text-decoration: none }
#footer p a:hover   { text-decoration: underline }


/* 			Page Mentions						   */
.adr 						{ margin: 20px 0 15px 145px;  }
.adr2 					{ margin: 20px 0 15px 45px;  }
.adr, .adr2 			{ float: left; min-height: 155px; padding: 0; width: 213px; border:1px solid #CCC; height:195px }
.adr-Bot, .adr2-Bot  { padding: 10px; }
.adr-Bot p, .adr2-Bot p { text-align:center }
.conformement 		{ font: normal 11px arial; text-align:center; color:#999 }


/* 			Page Contact 						  */
ul.listecontact { margin: 15px 0 10px 0; padding: 0  }
ul.listecontact li { float: left; margin: 0 5px 15px 5px; padding: 4px; border: 1px dotted #8adad9 }

form.contactform { width: 85%; margin: 10px auto 10px auto; border: 1px solid #ccc; padding: 10px;/*background: url(../images/fond/fond_contact.jpg) right bottom no-repeat*/ }	
/*form.connect { background: url(../images/fond/connect.jpg) right bottom no-repeat }	
form.cherch { background: url(../images/fond/fond_search.jpg) right bottom no-repeat }	
form.order { background: url(../images/fond/order.jpg) right bottom no-repeat }	*/


form.contactform .ok{ height:18px; border:none; width:105px}
form.contactform input { border: 1px solid #cfcfcf; padding: 0 0 0 2px; height:15px }
form.contactform label, form.formatform label { width: 196px; font: normal 11px verdana }
form.contactform textarea { width: 70%; margin-left:20px; border: 1px solid #cfcfcf; display: block }

select{ border: 1px solid #CFCFCF }

form.contactform fieldset legend, form.formatform fieldset legend { margin: 20px 0 -5px 0; font: normal 18px "Trebuchet MS"; color: #c2d23f }
form.contactform fieldset p { margin: 5px 0 8px 0 }

/*			*/
form.formatform fieldset{ width: 50%; margin: 0 auto }	
form.formatform fieldset input#envoyerbut { position:relative; top: 4px; left: 0 }	

a.question_boule { cursor: help; width: 19px; height: 20px; margin: 0 0 0 5px; position:relative; top: 4px; left: 0 }

.centerbut{ text-align: center; margin: 13px 0 5px 0 }	 
#content .centerbut input { border:none }	


/* Page Galerie Photo */
#gallery a, #albums a {text-decoration:none;}
#gallery td, #albums td {vertical-align:top; background:url(../images/fond/bgd_highlights.jpg) left bottom no-repeat; border:1px solid #C8D3A5; margin:0 5px; cursor:pointer;}
#gallery td.emptytd, #albums td.emptytd {background:none; border:none; cursor:default;}
.categories {width:180px; margin:0 8px 0 8px; padding:0 0 5px; }
	.categories h3 {text-align:center; margin:0; padding:10px 0 13px 0; color: #49512c; font-size:18px; font-weight:bold;}
	.categories h3 a {color: #49512c; font-size:18px; font-weight:bold;}
	.categories p a {color: #000; font-size:12px;}
	.imgcatego {text-align:center;}
.album {float:left; overflow:hidden; width:146px; margin:0 20px 15px 0;}
	.album table {margin:0 auto; width:100%;}
	.album a {font-size:11px;}
	.album img {border:1px solid #C9D66D;}
	.album .dl {float:left;}
	.album .zoom {float:right;}

/* 			General styles 						*/
.lbleft 		{ float: left; width: 140px }
.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.clear 		{ clear:both; visibility:hidden}
.kill 		{ display: none }
.fleft 		{ float: left; margin-right:10px }
.fright 		{ float: right; }
.center 		{ text-align: center }
.clear 		{ clear:both; visibility: hidden }
.noborder 	{ border: none }
.bita 		{ margin: 15px auto 10px auto; text-align: center; font: bold italic 12px arial; color: #c2cb32 }
.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 100% }
.button	   { text-align: center; margin: 15px 0 10px 0; clear: both }
.centerbut	{ text-align: center; margin: 15px 0 10px 0; clear: both }
.margeleft{ margin-left:15px}
.margeright{ margin-right:15px}
.bold{ font-weight:bold}
.vert{ color:#737b25}

.off{opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}
.on{opacity:.100;filter: alpha(opacity=100); -moz-opacity: 1;}


/* 			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 30px; color: red; font: normal 12px arial; }
.denied ul li { margin: 0 0 3px 0; padding: 0 25px 0 17px; background: url(../images/puce/pucerouge.gif) left 2px no-repeat;  }

.retour{ text-align:right; font-weight:bold; margin-top:25px; margin-right:15px}
.retour a{ font-weight:bold}

.chemin{ color:#999; margin-top:-10px; margin-bottom:20px; margin-left:20px;}
.chemin a{ color:#666}


.plansite{ width:97%; background-image:url(../images/fond/fond_plan.jpg); background-repeat:no-repeat; background-position:right}
.plansite li{ color:#000; font-weight:bold}
.plansite li a{ color:#000; font-weight:bold; text-decoration:underline}
.plansite li a:hover{ color:#999; font-weight:bold; text-decoration:underline}
.plansite li li a{color:#798c00; font-weight:normal}
.plansite li li a:hover{color:#c3c735; font-weight:normal}