/*	               Gabarit 2 colonnes  du Front			               	*/

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

body 		{ padding: 0; font-family: "Trebuchet MS"; font-size: 14px; text-align: center; color: #a44662; background:url(../images/fond/bg.jpg) center top no-repeat}

h1 		{ position: absolute; left: 0; top: 0; }
h2   		{ margin: 0px 0 10px 20px; padding: 0 0 0 38px; font: normal 18px "Trebuchet MS"; color: #630001; background:url(../images/puce/h2.gif) left 5px no-repeat   }
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 }

p    		{ margin: 0 0 15px 0; text-align:left }

input    { padding: 0 0 0 3px;  }
textarea { padding: 4px; f } 


ul li 				{ list-style: none; 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:#342731; text-decoration: underline; }
a:hover  { color:#581e58; text-decoration: underline }

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: 958px; margin: 0 auto;  text-align:left; }

#intro 				 { width:958px; height:191px; position:relative}

#menu-top 			 { position:absolute; left:366px; top:0}

#content 			 { margin: 0; padding:0; }
div#colonne_gauche { float: left; width: 249px; padding:0;}
div#colonne_droite { float: right; width: 704px; margin: 0; padding: 0; }
.contentBottom{ background:url(../images/fond/contentBottom.gif) left bottom no-repeat; width:695px}
.contentTop{ background:url(../images/fond/contentTop.gif) left top no-repeat; width:695px; min-height:488px; position:relative}

.ssmenu{ position:relative; top:5px}
.ssmenu a{ margin:0 12px; font-size:12px; text-decoration:none; font-weight:bold}
.ssmenu a.fn{ color:#e73677}
.ssmenu a.fb{ color:#d5271a}
.ssmenu a.fi{ color:#df5923}
.ssmenu a.fd{ color:#028b2c}
.ssmenu a.plp{ color:#0984c7}
.ssmenu a.as3d{ color:#af0c85}
.ssmenu a:hover{ color:#5b2e50}

.back{ position:absolute; left:10px; bottom:0}


/*	////////////////////			home								   */
.choice{ width:93%; margin:20px auto 0 auto;}
.choice td{ text-align:center}
.edito{ background:url(../images/illustr/coffre.jpg) right bottom no-repeat; width:674px; height:250px; margin:0 auto}
.edito p{ width:68%; position:relative; left:31px; font-weight:bold; line-height:25px; }
.edito h2{ margin: 0px 0 10px 20px; padding: 0 0 0 38px; font: normal 18px "Trebuchet MS"; color: #630001; background:url(../images/puce/h2.gif) left 5px no-repeat   }


/*	////////////////////			page interne								   */
.contentin{ width:94%; margin:0px auto; padding-top:15px}
.contentin li{ background:url(../images/puce/li.gif) left 5px no-repeat; padding-left:10px; margin:5px 15px 5px 24px; font-size:11px}
.imgdemo{ background:url(../images/illustr/diapo.jpg) right top no-repeat; position:relative; height:126px}

.magasin{ float:left; width:290px; padding:5px;height:93px; margin:10px; background:url(../images/fond/magasin.gif) left top no-repeat}
.links{ text-align:center; font-size:16px}
.links a{ text-align:center; border:1px solid #a80e28; background-color:#ffd5e2; padding:1px 3px; text-decoration:none; font-size:11px;}

.pointsdevente {background:url(../images/fond/website.gif) left top no-repeat; margin: 25px 0 0 10px; width:225px; height:225px; padding:5px;}
.pointsdevente p {color: #392835;  padding: 40px 0 0 20px}
#titre_vente {color: #392835; font-size:26px; text-decoration:underline}


/*	////////////////////			Footer								   */
#outro 				 { width:958px; height: 57px; clear: both }
#outro p 			 { color:#A1619A; text-align: left; padding: 3px 0 0 10px; font-size:11px; }
#outro p a 			 { color:#A1619A; text-decoration: none }
#outro p a:hover   { text-decoration: underline }
#outro p.ptvente   { float:right; margin-right:15px}

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

form.formatform                  { width: 90%;  margin: 30px auto 15px auto; padding: 15px; background:url(../images/fond/formu.jpg) left top no-repeat  } 
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { float: left; width: 140px; font-weight:bold; color: #392835;  } 
form.formatform  input           { border: 1px solid #b32e45;  }
form.formatform  select , form.formatform  textarea         { border: 1px solid #b32e45;  } 
                 p.centerbut     { margin: 15px 0 10px 0px; clear: both; text-align:center; } 
form.formatform input.valid{ border:none; width: auto; height:auto}

#pointsdevente_fr label.lbleft { width:260px;}

/*	////////////////////			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-weight:bold; color: #6a345f }
.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;   } 
.fleft{ float:left; margin:0 10px 10px 0}
.fright{ float:right; margin:0 0 10px 10px}
/*	////////////////////			Messages d erreurs					 */
.denied       { margin: 10px 20px 20px 30px; color: red; font: normal 12px ; }
.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						   */

.mention{ background:url(../images/fond/mentions.jpg) left top no-repeat; width:267px; height:229px; float:left; margin:0 25px}
.mention p{ color: #401836; text-align:center}
.mention h3{ color: #ac152e; text-align:center}
.conformement 		   { font: normal 10px arial; text-align:center; color: #ccc }



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