/*          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: #b1b1b1; background:url(../images/fond/body.jpg) left top repeat-x; background-color: #000 }

h1  		{ position:absolute}
h2   		{ margin: 5px 0 15px 0px; padding: 0 0 0 15px; font: normal 18px arial; color: #630001; }
h2.remplace{ margin-top:0; padding-top:10px}
h3  		{ margin: 10px 0 0px 23px; font: bold 14px arial; color: #d75ced }
h4   		{ margin: 15px 0 10px 15px; font: normal 14px arial; color: #d75ced }
h5   		{ margin: 15px 0 10px 10px; font: normal 14px arial; color: #d75ced }

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

input    { padding: 0 0 0 3px; font: normal 11px arial }
textarea { padding: 4px; font: normal 12px 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:#000; text-decoration: underline; font: normal 11px arial }
a:hover  { color:#b65803; text-decoration: underline }

abbr    { cursor: help;  } 

/* Pages telechargements */
#paraMarges    {   } 
 div#cadre_left_top p.paraMarges  { margin: 13px auto     } 
  div#cadre_left_top p.paraMarges2  { margin: 10px auto;    } 

/* 			Conteneurs generaux 					*/	
#main				    { position: relative; width: 844px; margin: 0 auto;  text-align:left; background: url(../images/fond/spread.gif) left top repeat-y }
#intro 				 { width:844px; height:169px; position:relative}

#content 			 { margin: 0; padding:0; overflow: auto; }
div#cadre_left { float: left; width: 377px; height:392px; padding: 5px 5px 0 5px; background:url(../images/fond/cadre_left.jpg) left top no-repeat }
div#cadre_left_bottom { float: left; width: 370px;background:url(../images/fond/cadre_left_bottom.gif) left bottom no-repeat }
div#cadre_left_top { width: 360px;  padding: 5px 5px 111px 5px; background:url(../images/fond/cadre_left_top.gif) left top no-repeat }


div#cadre_right    { width: auto; padding: 0 0 0 0; float: left;   } 
div#cadre_right_spe { float: left; width: 440px; margin: 0; padding:10px 5px 20px 5px; }
div#cadre_right_spe { background:url(../images/fond/cadre_left.jpg) left top no-repeat }
div#cadre_left  p, div#cadre_right_spe  p, div#cadre_left_top p{ width:86%; margin:15px auto}


/*					intro					*/
.slide{ position:absolute; left:300px; top:15px; width:411px; height:56px}
#menu-top 			 { position:absolute; left:242px; top:110px;}
#menu-top  li			 { display:inline; margin:0}
#menu-log 			 { position:absolute; top:140px; right:10px;}
#menu-log 	.ch	, #menu-search 	.ch		 { background:url(../images/fond/inputlog.gif) left top no-repeat; width:119px; height:20px; color:#777}
#menu-log  .connect			 { position: relative; top:0px; right:116px;}
#menu-log  .linklog{ position:absolute; right:0; top:-2px;}
#menu-log  .linklog a{ font-size:10px; color:#000}
#menu-log  .linklog a:hover{ color:#fff}
#menu-search{ position:absolute; left:0px; top:138px;}
#menu-search select{background:url(../images/fond/inputlog.gif) left top no-repeat; width:119px; height:20px; color:#777}
#menu-logged{ color:#fff}

/*					catalogue				*/
.blocprod{ float:left; margin: 0; border-bottom:1px solid #ccc; width:169px}
.donnees{ margin-left:15px;}
div#cadre_left .blocprod p, div#cadre_left_top .blocprod p{ margin:0}
 div#cadre_left p.pathCategory,  div#cadre_left_top p.pathCategory{ margin:0 0 3px 15px}
div#cadre_left .blocprod p strong, div#cadre_left_top .blocprod p strong{ color:#d75ced; font-size:10px}
.imgprod{ text-align:center; padding-bottom:15px}
.imgprod img{ border:5px solid #fff}
option{ background-color:#fff}

.bigcadretop{ background:url(../images/fond/big_cadre_top.gif) left top no-repeat; padding-bottom:46px; zoom:1}
.bigcadrebottom{ background:url(../images/fond/big_cadre_bottom.gif) left bottom no-repeat; zoom:1}
.listeprod{ width:90%; margin:0 auto}
.listeprod h3{ margin:0; height:32px}
.listeprod h3 a{ color:#d75ced; font-weight:bold; text-decoration:none; font-size:14px; font-variant:small-caps}
.listeprod h3 a:hover{ color:#000;}
.tabproduits .top { width:150px}


table.pict{ vertical-align:middle; text-align:center; background:url(../images/fond/listeprod.gif) left top no-repeat; width:138px; height:139px}

.pagination{ text-align:right; font-weight:bold; margin-right:50px}
.pagination a{ font-size:13px; font-weight:bold}


/* 			Footer								   */
#outro 				 { height: 57px; position:relative; text-align:right; top:-121px; right:495px; width:200px; float:right }
#outro-category { height: 57px; position:relative; text-align:right; top:-121px; right:35px; width:200px; float:right }
#outro p, #outro-category p	 { color: white; text-align: center; padding: 16px 0 0 0; text-align:right; font-size:10px; color:#959595 }
#outro p a, #outro-category p a { color: white; text-decoration: none; font-size:10px; color:#959595 }
#outro p a:hover, #outro-category p a:hover  { text-decoration: underline }


/* 			Formulaires 						  */

form.formatform                  { width: 350px;  margin: 20px auto 15px auto; padding: 0px;} 
form.formatform  h3              { margin: 0 0 16px 20px;   } 
form.formatform  label.lbleft, 
form div#cadre_left  label.lbleft, 
form div#cadre_left_top label.lbleft, 
form div#cadre_right_spe  label.lbleft   
 { float: left; width: 110px; font: bold 11px arial; color: #7d7d7d;  } 
 
form div#cadre_left  label.lbleft, 
form div#cadre_left_top  label.lbleft, 
form div#cadre_right_spe  label.lbleft    
{ width: 175px;  } 

form.formatform  input, 
form div#cadre_left  input, 
form div#cadre_left_top  input, 
form div#cadre_right_spe  input           
{ border: 1px solid #ccc; width:100px  }

form.formatform  select, 
form.formatform  textarea,
form div#cadre_left  select, 
form div#cadre_left  textarea, 
form div#cadre_left_top  select, 
form div#cadre_left_top  textarea, 
form div#cadre_right_spe  select, 
form div#cadre_right_spe  textarea  
{ border: 1px solid #ccc; font-size:11px  } 

                 p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
div#cadre_left form.formatform p{ margin:0 auto}
div#cadre_left_top form.formatform p{ margin:0 auto}
form div#cadre_left  p, form div#cadre_left_top  p, form div#cadre_right_spe  p{ margin:2px auto}

/* 			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: 10px auto 10px auto; text-align: center; font: bold italic 10px arial; color: #666 }
.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;   } 

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



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

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



/* 			Page Mentions						   */

.conteneurAdresseMention    {  text-align: center; margin: 15px 0 10px 0px;   } /* Conteneur des 2 blocs d'adresse */

.inlineblock {
					display: -moz-inline-stack;  
					display: inline-block;      
					margin: 10px 25px 20px 25px;
					border: solid 1px red;
					padding: 10px;
					width: 230px;
					height: 167px;	
		}

.inlineblock h3 { margin: 0 0 10px 0; padding: 0; color: #583815; text-align: left; font: bold 14px arial;  }	

div#cadre_left p.conformement 		   { font: normal 10px arial; margin:0 auto }

 
div.mention-bot  { width: 260px;   background: url(../images/fond/mention-bot.gif) left bottom no-repeat;    } 
div.mention-top  {  width: 260px; height: 167px;	 padding: 10px ;  background: url(../images/fond/mention-top.gif) left top no-repeat;  } 

/* Loginregister */

.valid555     { left:245px;
position:absolute;
top:28px;   } 


a.forgot    { position:relative; top: -4px; left: 13px;   } 

/*  */

.posrMeHome       { position:relative; top: -15px; left: -3px;    } 
.posrMeSociete    { position:relative; top:-15px; left: -3px;      } 
 
.mhForgot         { min-height: 255px; position:relative; top: 0px; left: 0px;   } 
.mhLogin          { min-height: 263px ; position:relative; top: 0px; left: 0px;  }
.posrMe3          { position:relative; top: 0px; left: -3px;   } 

.mhLogin .denied    { position: absolute; top: 200px; left: 0px;    } 
.mhForgot .denied    { position: absolute; top: 150px; left: 0px;  }

.mhDownload    { min-height: 217px;   }