/* Gabarit 2 colonnes  du Front				*/

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

body 		{ padding: 0; font-family: Verdana; font-size: 12px; text-align: center; color: #8b8a8a; background-color: #fff; background:url(../images/fond/body.jpg) left top repeat-x; margin:0; padding:0 }

h1 		{ position: absolute; top: 20px; left: 66px;}
h2   		{ margin: 0 ; padding: 0; font: bold 16px "arial"; color: #7c9513; width:100%; text-align:center; left: 0; top:10px}
h2 span  		{ color: #888; }
h3  		{ margin: 0 ; font: normal 18px "Trebuchet MS";color:#000; font-size:16px; border-bottom:1px solid #000; font-weight:bold; }
h4   		{ margin: 0 ; padding: 0; font: bold 16px "arial"; color: #7c9513; width:100%;}
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 11px/15px 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:#aeaeae; text-decoration: none; font: normal 12px arial }
a:hover  { color:#7d9614; text-decoration: underline }

abbr    { cursor: help;  } 
/*			   Menu Login/Logged 					*/


/* 			Conteneurs generaux 					*/	
#main				    { position: relative; width: 980px; margin: 0 auto;  text-align:left; background: url(../images/fond/spread.jpg) left top repeat-y }
#intro 				 { width:980px; height:92px; margin:0 auto; position: absolute; border-bottom:1px solid #aeaeae; z-index:8000000 }
#langues{ position:absolute; top:20px; right:-9px;}
#langueshome{ position:absolute; top:-50px; right:30px;}
#menu-top{ position:absolute; top:66px; right:340px}
#menu-bottom{ position:absolute; top:70px; right:-9px; height:50px; }
#langues a, #menu-top a, #menu-bottom a, #menu-bottom span { text-decoration:none; color:#888; font-weight:bold; margin:0 11px}
#langues a:hover, #menu-top a:hover, #menu-bottom a:hover{ color:#7b9615}
.slogan{ position:absolute; font-size:19px; font-weight:bold; color:#7b9615; top:35px; left:368px; height:30px; overflow:auto; line-height: normal}

#content{ min-height:400px; padding-top:98px}

#home{ width:980px; height:482px;margin-top:45px; background:url(../images/illustr/home.jpg) left top no-repeat; position:relative}
#vente{ width:980px; height:482px;margin-top:45px; background:url(../images/illustr/vente.jpg) left top no-repeat; position:relative}
#contacts{ width:980px; height:482px;margin-top:45px; background:url(../images/illustr/contacts.jpg) left top no-repeat; position:relative}
#univers{ width:980px; height:482px;margin-top:45px; background:url(../images/illustr/univers.jpg) left top no-repeat; position:relative}
#livraison{ width:980px; height:482px;margin-top:45px; background:url(../images/illustr/livraison.jpg) left top no-repeat; position:relative}
.linkhome{ position:absolute; left:0px; top:0px;}
.linkhome a{ margin-bottom:30px; padding-left:20px; background:url(../images/fond/formu.gif) left 2px no-repeat; display:block; font-size:16px; font-weight:bold; text-decoration: none}
.linkhome a:hover{text-decoration: none}
.soldes, .affaires{ position:absolute; bottom:-40px; right:3px}

#univers .linkhome{ position:absolute; left:0px; top:190px;}
#livraison .linkhome{ position:absolute; left:0px; top:59px;}

#collection .linkhome{ position:absolute;left:112px;top:520px;width:250px;}
#collection .linkhome a{background:url(../images/fond/formu.gif) left 2px no-repeat; display:block; font-size:16px; font-weight:bold; text-decoration: none; margin:0;}


#ssmenutop{ position:absolute; left:-30px; top:15px; background:none; width:150px; text-align:center; z-index:10000; zoom:1; padding-top:8px; background-color:#fff}
#ssmenutop a{ display:block; background-color:#fff}
.cadremenu{position:absolute; right:100px; width:100px; height:64px; z-index:50000}


.infostop{ position:relative;  height:26px; width:100%}
.infostop .back{ position:absolute; left:0; top:0px;}
.ssmenu{ position:absolute; right:0; top:95px; z-index:500}
.ssmenu a{ margin:0 5px}
.infostop .back a, .infostop .garantie a, .ssmenu a{ color:#888; font-weight:bold;}
.infostop .garantie{ position:absolute; left:0; top:0px;}
.infostop  h2.collec{ text-transform: uppercase}
.infostop  h2.collec a span{ text-transform: lowercase; font-size:14px}
.infostop .linktrousse a{position:absolute; right:0; top:0px; color:#888; font-weight:bold}

/*					Collection					*/
#collection{ height:370px; width:100%}
#collection td{ width:298px}
.titre-gamme span{ color:#7d9616; font-weight:bold; font-size:16px}
.titre-gamme span.promo{ color: #FF0000; font-weight:normal; font-size:12px}
.cadre-category{ position:relative; width:100%; height:490px; top:20px }
.grde_photo{ position:absolute; border:2px solid #7b9615; top:5px; left:100px; z-index:100000; padding:2px; background-color:#fff}
.price-category{ color:#7b9615; font-size:15px; font-weight:bold; font-family:verdana}
.JSvisu{ width:300px}
.scrollbar-hor{background:url(../images/fond/scroll_fond.jpg) left top no-repeat;height: 20px;width: 597px;float:right; padding:0 10px; position:absolute; top:421px; left:350px}
.handle-hor{height: 12px;width: 45px;background: url(../images/fond/handle-hor.gif) no-repeat; top:1px}					
#visuDiv{position: absolute;left: 100;top: 100;}
#scrollcontent{height: 420px;/*width: 980px;*/width: 980px;float:right;overflow:hidden; position: absolute}
#scrollcontent p{width: 1000px; /* à laisser, sinon ça ne marche plus sous IE7 */}
.ajax-loading {padding: 20px 0;background: url(spinner.gif) no-repeat center;}
#scrollcontent div{ line-height:23px}
.promo{ color: red}



/*					Product					*/
#designationbproduct, #sizeproduct, #designationbphoto, #sizephoto { font-weight:bold; font-size:12px; color:#7b9615}
.product-left{ width:270px; line-height:20px; vertical-align:top; border:2px solid #7b9615; padding:14px}
.product-center{ width:440px; text-align:center; vertical-align:top}
.product-right{ width:300px; vertical-align:top;border:2px solid #7b9615; padding:14px}
.product-left h3, .product-right h3{ font-weight:bold; font-size:14px; color:#7b9615; border-bottom:none; margin:10px 0 0px 0}
.validpanier{ background:none; border:none; font-size:14px; font-weight:bold; color: #747474;cursor:pointer; border-bottom:1px solid #fff; width:150px;}
#changepictures div{ width:59px; height:71px; text-align:center; padding:10px 0 0 13px; float:left}
.pictures{ cursor:pointer}
#changepictures div.selectvue{ background:url(../images/fond/selectvue.gif) left top no-repeat}
#changetailles div{ width:56px; height:85px; text-align:center; padding:10px 0 0 2px;}
#changetailles div.selecttaille{ background:url(../images/fond/selecttaille.gif) right bottom no-repeat}
#changetailles div.unetaille{ float:left; padding-top:0; height:96px; cursor:pointer}
#price{ font-weight:bold; font-size:15px; color: #7b9615}
.mini_compati{ width:77px; height:120px; text-align:center; float:left}
.mini_compati a{ height:75px; text-align:center; display:block; position:relative}
.mini_compati a img{ bottom:0; left:6px}
.bloccolor{ width:62px; float:left; height:19px; padding:2px 0pt 0pt 14px; cursor:pointer}
.selectcolor{ background:url(../images/fond/selectcolor.gif) left top no-repeat; }
#dimensions{ font-size:11px}
.txtcompa{ font-size:11px}
.cabine{ font-size:11px}
					


/*					Articles					*/
.articles{ border:1px solid #ccc; width:450px; float:left; margin:10px; padding:5px; background:url(../images/fond/articles.jpg) left top repeat-y; height:125px }
.article{ border:1px solid #ccc; margin:10px; padding:5px; background:url(../images/fond/articles.jpg) left top repeat-y;}
.articles h3, .article h3{margin:1px 0pt 10px 3px; color:#000; font-size:16px; border-bottom:1px solid #000; font-weight:bold;}
.articles a, .article a{ font-weight:bold; font-variant:small-caps; font-size:14px; text-decoration:none}

/*			Panier			*/
.basket{ width:100%;}
.basket td{ border:1px solid #ccc; padding:2px}
.basket th{ background:url(../images/fond/th.gif) left top repeat-x; color:#fff; padding:2px}
.adr_basket { width:60%; margin:15px auto}
.adr_basket td { width:50%; border:1px solid #ccc; padding:10px; text-align:center}
.adr_basket td p{ text-align:center}


/*			Pages statiques			*/
/*.history div{ width:300px; border:1px solid #ccc; background:url(../images/fond/historique.jpg) right bottom no-repeat; padding:5px; margin:5px; float:left; height:105px; text-align:center}*/
.history{ background:url(../images/fond/historique.jpg) right 55px no-repeat; width:100% }
.history div{ padding:5px; margin:5px;}
.history div p{ width:600px;line-height:11px; font-size:10px}
.history div p .green{font-size:11px}

/* 			Footer								   */
#outro 				 { color:#7b7b7b; width:980px; height: 75px; clear: both; margin-top:35px;text-align: center; border-top:1px solid #aeaeae }
#outro a 		{ color:#7b7b7b; text-decoration: none; font-size:10px; margin:0 18px }
#outro a:hover   { text-decoration: underline; color:#7d9616 }


/* 			Page Mentions						   */
.adr 						{ margin: 20px 0 15px 184px }
.adr2 					{ margin: 20px 0 15px 45px }
.adr, .adr2 			{ float: left; height: 217px; padding: 0; width: 274px; background: url(../images/fond/mentions.jpg) left bottom no-repeat }
.adr-Bot, .adr2-Bot  { padding: 10px 0 0 0;  color:#fff;}
.adr-Bot p, .adr2-Bot p  { padding: 10px 0 0 0;  color:#fff; text-align:center}
.conformemement 		{ font: normal 10px arial;}


/* 			Page Livraison						   */
.titlezone {font: bold 15px "arial"; color: #7c9513; }



/* 			formulaire 						  */
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.formatform	 { width: 100%; margin: 10px auto 10px auto;padding: 10px; }	
/*div.formcadre{border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:url(../images/fond/formu.gif) right bottom no-repeat}	*/
form.formatform p 									 {  }	
form.formatform input , form.formatform select { border: 1px solid #cfcfcf; padding: 0 0 0 2px; color:#000 }
form.formatform label, form.formatform label { width: 160px; font: normal 11px verdana; font-weight:bold }
form.formatform textarea 							 { border: 1px solid #cfcfcf; display: block; color:#000 }

.loginregister td{ width:47%}
.loginregister{ width:80%; margin:30px auto 0}
.profile td{ width:30%}
.loginregister{ width:100%; margin:30px auto 0}
form.formlogin label{ width: 157px; font: normal 11px verdana; font-weight:bold }


.conformement 											 { margin: 0 auto; font: normal 10px arial; width: 85%; text-align:center; }
select{ font-size:11px; color:#000}
select#civility 										 { border: 1px solid #CFCFCF }

form.formatform fieldset 							 { float:left; margin:0px 15px	}	
form.formatform fieldset legend, form.formatform fieldset legend { margin: 20px 0 -5px 0; font: normal 18px "Verdana"; color: #8cae18; border-bottom:1px solid #8cae18 }
form.formatform fieldset p 						 { margin: 5px 0 8px 0 }
form.formatform .valid, .valid 						 { background:url(../images/fond/valid.gif) left top repeat-x; height:25px; color:#fff; text-transform: uppercase; font-weight:bold}


/*			*/

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 }	

/* 			General styles 						*/
.lbleft 		{ float: left; width: 140px }
.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid #ccc }
.noborder 	{ border:none }
.clear 		{ clear:both; visibility:hidden }
.kill 		{ display: none }
.fleft 		{ float: left }
img.fleft 		{ float: left; margin:0 10px 5px 0}
.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: #d7d3d3 }
.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 }
.green{ color:#819b1c}
.bold{ font-weight:bold}


 

/* 			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 14px; background: url(../images/puce/denied.gif) left 3px no-repeat;  }