/* Screen Front Espace Quadri 		*/

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

body 		{ padding: 0; margin:0;  font-family: arial, Verdana, Helvetica, Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; font-size: 11px; text-align: center; color: #000; 
				background: #800000 url(../images/fond/f-body.gif) left top repeat-x }

h1 a 		{ position: absolute; top: 100px; left: 0; top: 0; width: 180px; height: 130px; display:block; text-indent: -999em;  }
h2   		{ margin: 0px 0 20px 20px; padding: 15px 0 0 15px; font: normal 18px "Trebuchet MS"; color: #003366; 
     		  background: url(../images/fond/f-h2.jpg) left 3px no-repeat;  }
h3  		{ margin: 15px 0 10px 10px; font: bold 15px "Trebuchet MS"; color: #024c97 }
h4   		{ margin: 15px 0 10px 10px; font: bold 14px "Trebuchet MS"; color: #024c97 }
h5   		{ margin: 15px 0 10px 10px; font: bold 13px "Trebuchet MS"; color: #024c97 }

p    		{ font: normal 11px/15px verdana; 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: #003366; text-decoration: underline; font: normal 11px arial }
a:hover  { color: #003366; text-decoration: underline }

.format                { padding: 0 35px ;   } 

p.pagination   { margin: 0 0 10px 30px;   } 



/*					Catalogue					*/

/*     Titre du magazine */

h2#nameFiche    {  margin: 0 0 10px 0px; padding: 0 0 0 0;  } 
p.rename        {  text-align: center; margin: 7px 0 0 0px;  font: bold 12px arial;  } 
table#categoryTable        		      { width: 935px; margin: 0 auto 15px auto;   } 
table#categoryTable td     	 	      { padding: 0 ;  } 
table#categoryTable td h2   		      { margin:0; padding: 3px 0; border-bottom:1px solid #000072; } 
table#categoryTable td h3   		      { margin:0;} 
table#categoryTable td h4   		      { margin: 0 0 0 0px; padding: 3px 0;  background-color: #a74646; color: #ffffff; text-align: center; border-left: 2px solid #fff; border-right: 2px solid #fff; }
table#categoryTable td h4 a            {  color: #ffffff; font-weight: bold; text-decoration: none; font: bold 15px arial      } 
table#categoryTable td table.img       { width: 100%;  height: 220px; margin: 15px 0 0 0px;  text-align: center;   } 
table#categoryTable td table.img   td  { background: none;   } 



table#categoryTable td p.details    { margin: 10px 0 0 0px;  text-align :right; background: url(../images/fond/f-td.gif) left top repeat-x;     } 


div.product table     {  width: 925px; margin: 0 auto 15px auto;  } 

div.product table table             {  width: auto ; margin: 0 0 0 0px; border-collapse: collapse;  } 
div.product table table  thead      {  background-color: #547597 ; color: #ffffff;   } 
div.product table table  td         {  border: 1px solid #547597 ; padding: 3px;  } 



h3#detail             { color: #ffffff; font: bold 12px arial; padding: 0 0 0 25px; margin: 0 0 30px 0px;   
                        background: url(../images/fond/f-td.gif) left top repeat-x;   } 
h3#detail span       { color: #ffffff; font: bold 11px arial; padding: 2px 15px;  
                        background-color: #a74646  } 
																
								
p.logo               {  float: left; margin: 0 25px 0 8px;  }
.accroche            { width: 500px; float: left; font: normal 11px verdana;   } 

div.product table td.one     { padding: 0 25px 0 10px;  text-align: center; width: 20%; } 
div.product table td.one div.desc     { padding: 0  ; margin: 5px 0 0 0px; text-align: left;  } 


div.product table td .titleH4    { margin: 15px 0 8px 0px;  /* border-bottom: 1px solid #a74646  */ } 

#firstH4    {clear: both; padding-top: 15px ;   } 


/*
div.product table td h4          { display: inline;  margin: 0; padding: 0; font: bold 11px arial; color: #ffffff;  
												background: #a74646 url(../images/fond/cornerLeft.gif) left top no-repeat;} 
div.product table td h4  span    {  padding: 0 15px; 
												background: url(../images/fond/cornerRight.gif) right top no-repeat;} 	
												*/

div.product table td h4          {   margin: 0; padding: 0; font: bold 11px arial; color: #a74646  
										 } 											
												
												
div.product table td .desc      { padding: 0 15px 0 15px; font: normal 11px verdana } 																								

div.product table td font      { font: normal 11px verdana } 																								



p.path   		 { margin: 0px 0 10px 20px; padding: 10px 0 0 0;    } 
p.path a 		 { color: #800000; text-decoration: none;   } 
p.path a:hover  { color: #800000; text-decoration: underline;  } 
 

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

#intro 										 { width:954px; height: 395px;    background: url(../images/fond/intro.gif) left top no-repeat }

	#intro ul#linkTop                 { position: absolute; top: 14px; right: 60px;  }
	#intro ul#linkTop li              { float: left;  margin: 0 0 0 0px; padding: 0 0 0 0;  color: #ffffff;    }
	#intro ul#linkTop li a            { text-decoration: none; font: normal 10px arial;    color: #ffffff; padding: 0 10px  }
	#intro ul#linkTop li a:hover      { text-decoration: underline;  color: #ffffff;  }
	
	
	#intro ul#langLink                { position: absolute; top: 40px; right: 20px;   }
	#intro ul#langLink li             { float: left; margin: 0 0 0 14px   }
	#intro ul#langLink a              { text-decoration: none;  }
	
	
	#intro ul#menuTop                 { position: absolute; top: 112px; left: 185px;   } 
	#intro ul#menuTop li              { height: 19px;  float: left; margin: 0 15px; padding: 0 0 0 34px;  background: url(../images/fond/separaMenu.gif) left top no-repeat;   } 
	#intro ul#menuTop                 { padding: 0 14px 0 0;  background: url(../images/fond/separaMenu.gif) right top no-repeat;   }
	#intro ul#menuTop li a            { color: #800000; font: bold 12px arial; font-variant: small-caps; text-decoration: none;  } 
	#intro ul#menuTop li a:hover      { text-decoration: underline;  } 
	
	 
	 

	#marqueenews                		 { width: 946px;  height: 223px; position: absolute; top: 160px; left: 8px; overflow:  hidden;  }  
	#marqueenews p            			 { height: 223px; float: left; margin: 0 0 0 0px; padding: 0 4px;   background: url(../images/fond/separaLivre.gif) left top no-repeat;     }  



#content 	 { margin: 0 0 -10px 0; padding:0;  overflow: visible;  background: url(../images/fond/spread.gif) left top repeat-y ; zoom:1;   }
 
 #slidebox     {position:absolute;left:76px; top:159px;width:809px; height: 308px;  }
  #slidebox div{  width:1050px;  }



/*			Home Page             */

#nLetter                  { float: right;  width: 294px; height: 127px; margin: 46px 0 0 0px; padding: 40px 0 0 0;    background: url(../images/fond/nLetter.gif) left top no-repeat;  } 
#nLetter p                { color: #ffffff; margin: 0 0 10px 0px;  padding: 0 15px } 
#nLetter input.ch         { width: 131px; height: 20px; margin: 0 0 0 10px;   }  

h2#homeH2                 { position:relative; top: 0px; left: -20px;  } 
p.visuHome                { float: left; margin: 10px 15px 0 10px;   } 

p.edito                   {    font: normal 14px verdana;  color: #800000;   }  
p.edito span              { font: bold 12px verdana;  color: #b65e5e ; } 

#menu-actu_fr                { width: 879px; height: 139px; margin: 30px auto 10px auto; padding: 29px 0 0 0;   background: url(../images/fond/f-actu_fr.gif) left top no-repeat;  } 
#menu-actu_en                { width: 879px; height: 139px; margin: 30px auto 10px auto; padding: 29px 0 0 0;   background: url(../images/fond/f-actu_en.gif) left top no-repeat;  } 

.oneActu                  { width: 261px; margin: 0 0 0 0px; padding: 0 15px;  float: left;   }
.oneActu p                { margin: 0 0 2px 0px; padding: 0 0 0 0;    } 
.oneActu p.date           { color: #7f0000; font-weight: bold; text-decoration: underline;  } 
.oneActu p.title          { font-weight: bold;   } 

p.plusDactu                { clear: both;  text-align :right; position:relative; top: 16px; left: 0px;    } 
p.plusDactu   a             {text-decoration: none;    } 
p.plusDactu  span          {   background: url(../images/puce/puce.gif) left top no-repeat; padding: 0 0 0 15px;     } 


/*				Actualites			*/

.actuAlone                { padding: 0 20px } 
.actuAlone  p.date        { float: right; margin: 0 25px 10px 10px; padding: 7px;  background-color: #bbd4ed  } 
.actuAlone  img           { float: left; margin: 0 16px 15px 0px;  } 
.actuAlone                {  } 

p.retour                { clear: both;    background: url(../images/puce/puce.gif) left 3px no-repeat; padding: 0 0 0 15px; margin: 0 0 10px 15px;    } 

.actus       { clear: both;  border-bottom: 1px solid #809ad3; overflow: auto; width: 98%; margin: 0 auto;   } 
.actus  h3   {margin: 0 0 10px 0px; padding: 0 0 0 0;  } 

.actus p.date      { font: normal 11px arial; margin: 5px 0 2px 0; padding: 0 ; color: #024c97   } 
.actus img   { float: right; margin: 0 10px 10px 15px; position:relative; top: -15px; left: 0px;    } 

p.aucunes    { margin: 10px 0 0 30px;   } 

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


/* 			Page Mentions						   */
.adr 						{ margin: 20px 0 15px 145px }
.adr2 					{ margin: 20px 0 15px 45px }
.adr, .adr2 			{ float: left; min-height: 155px; padding: 0; width: 213px; background: url(../images/fond/adr-Bot.gif) left bottom no-repeat }
.adr-Bot, .adr2-Bot  { padding: 10px 0 0 0; background: url(../images/fond/adr.gif) left top no-repeat;  }
.conformemement 		{ font: normal 10px arial }


/* 			Page Contact 						  */
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.contactform 	 									 { width: 575px; margin: 20px auto 20px auto; padding: 30px 10px 12px 10px;
																background: url(../images/fond/f-form.gif) right bottom no-repeat; 	
																}	
form.contactform p 									 {  }	

form.contactform .zone1						       { float: left; margin: 0 15px 0 0   }
form.contactform .zone1	p						    { margin: 0 0 10px 0 }
form.contactform .zone1	p	input.ch  		    { width: 120px;   }
	
form.contactform .zone2    						 { float: left;  }	
form.contactform .zone2  label 					 { text-align: left }


form.contactform select							    { border: 1px solid #95b9df; }	
form.contactform input, form.nLetterform input 	 	 { border-right: 1px solid #6f97c0;
																border-bottom: 1px solid #6f97c0;
																border-top: 1px solid #95b9df;
																border-left: 1px solid #95b9df;  padding: 0 0 0 2px }
form.contactform label, form.nLetterform  label { width: 93px; text-align :right;  font: normal 11px verdana; margin: 0 10px 0 0px;   }
form.contactform textarea#comment    			 { width: 300px; height: 90px;  margin: 6px auto 0 auto;
																border-right: 1px solid #6f97c0;
																border-bottom: 1px solid #6f97c0;
																border-top: 1px solid #95b9df;
																border-left: 1px solid #95b9df;  }

.conformement 											 { margin: 25px auto 10px auto; font: normal 10px arial; width: 85% }

.nLetterform                { width: 575px; margin: 20px auto 20px auto; padding: 10px 10px 12px 10px;
										 background: url(../images/fond/f-form.gif) right bottom no-repeat; } 
										 
.nLetterform  fieldset      { position:relative; top: 0px; left: 98px;  } 		
.nLetterform  legend        { font: normal 15px "Trebuchet MS"; color: #6f97c0; margin: 0 0 15px 0px; } 										 

p.centerbut                {  } 
p.centerbut input          {  } 

 								 

form.contactform fieldset 							 {		}	
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 }	

/* 			General styles 						*/
.lbleft 		{ float: left; width: 140px }
.input 		{ border: 1px solid black }
.bordered 	{ border: 1px solid black }
.noborder 	{ border:none }
.clear 		{ clear:both; display: none }
.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: #547597 }
.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 }
 

/* 			Messages d erreurs					 */
.denied       { width: 520px;  margin: 10px auto 20px auto; 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 0px no-repeat;  }