/* Gabarit 2 colonnes  du Front				*/

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

body 		{ padding: 0; font-family: arial; font-size: 11px; text-align: center; color: #9fa5ad; background-image:url(../images/fond/body.gif); background-repeat:repeat-x; background-color:#000}

h1 a 		{ position: relative;left: 0; top: 0; display:block; }
h2   		{ margin: 0; padding: 0; font: normal 18px "Trebuchet MS"; color: #630001; border-bottom:1px solid #4c647e;}
h3  		{ margin: 15px 0 10px 20px; color: #fff; font-size:16px; background-image:url(../images/puce/h3.gif); padding-left:15px; background-repeat:no-repeat; background-position:left 5px; }
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: 10px 0 10px 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; }
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: #fff; text-decoration: none; font: normal 11px arial }
a:hover  { color: #9fa5ad; text-decoration: underline }


/* 			Conteneurs generaux 					*/	
#main { position: relative; width: 852px; margin: 0 auto;  text-align:left;}
#main td { }
#header{ width:852px; height:68px;}
#intro{	width:852px; height:339px; background-image:url(../images/fond/intro.jpg)}
#content { margin: 0; padding:0;}
.contenu{ position:relative; height:100%; width:818px; left:7px; height:236px}
html>body .contenu{ min-height:236px; height:auto}
div#colonne_gauche { float: left; width: 230px; padding: 5px 5px 0 5px;}
div#colonne_droite { float: right; width: 744px; margin: 0; padding: 5px 5px 20px 5px;}

#menu-langue{ position:absolute; top:38px; left:730px}

#flash{ margin-top:8px; margin-left:5px}



/* PAGES INTERNES */
		
		/*Home*/
		.homer{ width:325px; position:absolute; left:485px; top:0}
		.homer p{ text-align:right; color:#fff; }
		#actu div{ position:absolute ;width:450px; height:15px; background-color:#000;opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6; top:208px}
		#actu li{ display:inline; margin-right:30px}
		marquee{ width:440px;position:absolute;top:208px}
		
		/*ACTUS*/
		.imgactu{ float:left; margin:10px 15px 10px 0;}
		
		/*Références*/
		#references{ margin-top:37px}
		#references td{ height:120px;}
		.ref{ width:100%}
		.ref img{ margin:5px}
		
		/*Liste des produits*/
		.liste_prod td{ width:138px; height:110px; background-color:#fff}
		.liste_prod .off{ opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;}
		.liste_prod .on{ opacity:.100;filter: alpha(opacity=100); -moz-opacity: 1;}
		
		/*Page produit*/
		.prod{ width:100%}
		.prod td{ width:50%; padding:5px}
		.prod .imgprod{ background-color:#fff}
		.prod .imgprod p{ margin-bottom:0}
		.titre{ font-weight:bold; font-size:16px; color:#fff}
		

		/* 			Page Mentions						   */
		.adr{ margin: 20px 0 15px 145px; }
		.adr2{ margin: 20px 0 15px 45px }
		.adr, .adr2{ float: left; height: 200px; padding: 0; width: 250px; background: url(../images/fond/mentions.jpg) left bottom no-repeat;border:}
		.adr-Bot, .adr2-Bot{ padding: 10px 0 0 0 ;}
		.adr-Bot p, .adr2-Bot p{ text-align:center }
		.adr-Bot a, .adr2-Bot a{ color:#fff}
		.conformement { font: normal 10px arial; text-align:center }
		.titre-mentions{ font-size:14px; font-weight:bold; color: #eee}


		/* 			Page Contact 						  */
		ul.listecontact{ margin: 15px 0 10px 0; padding: 0 0 0 0 }
		ul.listecontact li 	{ float: left; margin: 0 5px 15px 5px; padding: 4px; border: 1px dotted #8adad9 }		
		form.contactform { width: 60%; margin: 10px auto 10px auto; border: 1px dotted #464646; padding: 10px;background: url(../images/fond/bg-form.gif) right top no-repeat }	
		form.contactform input { border: 1px solid #cfcfcf; padding: 0 0 0 2px }
		form.contactform label, form.formatform label { width: 196px; font: normal 11px verdana }
		form.contactform textarea{ width: 95%; margin: 6px auto 0 auto; border: 1px solid #cfcfcf; display: block }	
		select#civility{ border: 1px solid #CFCFCF }
		form.contactform fieldset legend, form.formatform fieldset legend { margin: 20px 0 -5px 0; font: normal 18px "Trebuchet MS"; color: #c30001 }
		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 }	
		.valid{ height:16px; color:#fff; font-weight:bold;background: url(../images/fond/valid.gif) left top repeat-x; font-size:11px}
.ver11 {display:none;}

		/* 			Page plan du site						  */
		.contenu .plansite { background: url(../images/illustr/plan-site.gif) 325px 22px no-repeat; margin-left:150px}
		.contenu .plansite li{  margin-top:10px; margin-bottom:10px}
		.contenu .plansite li li a{ color:#999}



/* 			Footer								   */
#outro{ width:852px; height: 126px; padding:0 }
#outro p { color:#525f6d; text-align: center; padding: 0 }
#outro p a { color:#525f6d; text-decoration: none }
#outro p a:hover{ text-decoration: underline }



/* 			General styles 						*/


		/*LISTES*/
		.contenu ul{margin: 0 0 0 25px}
		.contenu li{ color:#ccc; padding-left:15px; margin:0; background-image:url(../images/puce/carreblanc.gif); background-repeat:no-repeat; background-position: left 5px;zoom:1 }

.posr{ position:relative}
.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 }
.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: #8cafca }
.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 }
.intro{ font-weight:bold; font-size:14px; color:#e68822}
.white{ color:#fff}
.bold{ font-weight:bold}
 .txtqualite {text-align:right; padding-left:120px}

/* 			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 11px; background: url(../images/puce/orange.gif) left 5px no-repeat; color:#FF6600; zoom:1  }