/*	               Gabarit 2 colonnes  du Front			               	*/

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

body 		{ padding: 0; font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; background:url(../images/fond/header2.jpg) no-repeat top center #7e1b98; height:100%}

h1 a 		{ position: absolute; top: 100px; left: 0; top: 0; width: 200px; height: 90px; display:block; text-indent: -999em }
h2   		{  padding: 0 0 0 0px; font: normal 16,5px "Trebuchet MS"; color: #fff; width:600px  }
h3  		{ margin: 15px 0 10px 0px; font: normal 18px "Trebuchet MS"; color: #806b3c }
h4   		{ margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #806b3c }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #806b3c }

strong  { font: bold 12px arial; margin: 0 0 0px 0; text-align:left; color:#ffab18 }

p    		{ font: normal 11px/15px arial; margin: 0px 5px 0px 10px; text-align:left; color:#cfaad9 }

input    { margin:2px; padding: 4px 0 0 18px; font: normal 11px arial }
textarea { padding: 4px; font: normal 11px arial }
select   { font: normal 11px arial  } 

ul li 				{  height: 26px; width:218px; list-style: none; font: normal 11px/18px arial;  }
ul.puced li 		{ list-style: none; background: url(../images/puce/puce.gif) right no-repeat; background-color:#390148 }
ul.radio li		   {  }
ul.radio li input { margin: 0 4px 0 0; position:relative; top: 2px; left: 0 }
puced		   { padding: 0px -5px 0px 0px; }

a img    { border: none; text-decoration: none }

a        { color: #ffab18; text-decoration: none; font: normal 11px arial }
a:hover  { color: white; text-decoration: none }

abbr    { cursor: help;  } 


/*	////////////////////			 Menu Login/Logged 					*/
div#menu-login 						{ }
div#menu-login p.lien1 				{ }
div#menu-login input.connexion   { }

input.ch 								{ }

div#menu-logged 						{ }
div#menu-logged p.lien2 			{ }
div#menu-logged p#bonjour 			{ }
div#menu-logged a.deconnect 		{ }


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

#intro 				 { width:980px; height:153px; background: url(../images/fond/header.gif) left top no-repeat }
#titre 				 {  margin:15px 0 25px 0; }
.titredroite				 {    margin:24px -16px -10px; float:right; }
.menudroite				 {  margin:15px 0 0; float:left; }

#visue 	 		 {  float: left; white:64px;   center top no-repeat }  
.visuea 	 		 {  float: left; white:25%;   margin: 15px 0 0;   center top no-repeat }  
.visueb 	  {  float: left;  white:25%;   margin: 15px 0px 0px 0px;   center top no-repeat }  
.visu    {    margin: 0px 27px 0px 0px;   center top no-repeat }  

#descriptif  { margin: 0px 0px 15px 0px;}

#menu-top 
	 {	margin: 0px 0px 0px 10px; }

#content 			 { background:url(../images/fond/content.gif) center top no-repeat; min-height:400px; width: 980px; margin: 0; padding:0; overflow: auto; }
div#colonne_gauche { float: left; width: 625px; padding: 2px 5px 0 2px; margin:0 0 0 55px; }
div#colonne_droite { float: right; width: 165px; padding: 5px 82px 20px 0; margin:0 0px;  }

div#souscolonne {   margin:20px 0 0; float: left; width:624px; padding: 5px 5px 0 5px;  }
div#souscolonne_gauche { margin:20px 0 0; float: left; width: 291px; padding: 5px 5px 0 5px;  }
#blocloisirs			{margin:0 -15px; width:328px; height:283px; background: url(../images/illustr/loisirs.gif) left top no-repeat }
#bloctxtloisirs				{color: #5a136d; height:211px; margin:0 31px; padding:28px 0; width:159px; font-weight:bold;  }

.btsuite { margin: 0px 0px 10px 0px;}

div#souscolonne_droite { margin:20px 0 0; float: right; width: 291px; padding: 5px 6px 0px 5px; }

#blocdecoration			{margin:0 -15px; width:328px; height:283px; background: url(../images/illustr/decoration.gif) left top no-repeat }
#bloctxtdecoration				{color: #f19b05; height:211px; margin:0 31px; padding:28px 0; width:139px; font-weight:bold; }

#bloccontenu			{ float:right;  width:328px; height:283px; margin:0 0 0 19px; }

.voirproduit { margin:-50px 26px; height: 45px; width:94px; }


div.articles_home {float:left;width:100%;margin:0}
.ligne 		{ width: 600px; height:2px; margin: 5px 0px 5px 0px; background: url(../images/illustr/ligne.gif) left top no-repeat }
.date { font: italic bold 12px arial; margin: 0 0 0px 0; text-align:left; color:#ffab18 }


.catalogcategories {margin: 16px 0px 0px 5px;}

p.infoproduct{font-style:italic}

/*	////////////////////			Footer								   */
#outro 				 { width:980px; height: 66px; background: url(../images/fond/footer.gif) no-repeat; clear: both }
#outro p 			 { color: white; text-align: right; padding: 65px 25px 0; }
#outro p a 			 { color: white; text-decoration: none }
#outro p a:hover   { text-decoration: underline }


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

form.formatform                  { width: 450px;  margin: 30px auto 15px auto; padding: 15px;  border: 1px solid #75268b;  } 
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 140px; font: bold 11px arial; color: #ffffff;  } 
form.formatform  input           {   }
form.formatform  select          { border: 1px solid #75268B;  } 
                 p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 


/*	////////////////////			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 arial; color: #ffab18 }
.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;   } 
.aucun     { text-align: center; padding: 55px 0 0 0;   } 


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

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

.inlineblock {
					display: -moz-inline-stack;  
					display: inline-table;      
					margin: 10px 25px 20px 25px;
					border: solid 1px #75268B;
		}

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

.conformement 		   { font: normal 10px verdana }

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





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