/*	                            Front	 Trato   		               	*/

a {   outline: none; }


* 			{ 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: #fff url(../images/fond/f-body.gif) left top repeat-x }

h1 a 		{ position: absolute; top: 100px; left: 0; top: 0; width: 243px; height: 71px; display:block; text-indent: -999em;  }
h2   		{ margin: 25px 0 20px 0px; padding: 0 ; font: normal 18px "Trebuchet MS"; color: #757c81;   }
h3  		{ margin: 15px 0 10px 0px; font: normal 18px "Trebuchet MS"; color: #757c81 }

h4   		{ margin: 15px 0 10px 15px; font: normal 17px "Trebuchet MS"; color: #757c81 }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #757c81 }

p    		{ font: normal 11px/18px arial; margin: 0 0 5px 0; text-align:left; color:#828A8F }

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

abbr     { cursor: help;  } 



/*  Pages Presentations */
.formatMain       { width: 730px; position:relative; top: -5px; left: 0px; padding: 0; margin:0; min-height:500px; } 
.topcontenu       { /*padding: 0 0 0 31px*/ padding: 0 0 0 8px } 
.topcontenu2       { padding: 0 0 0 31px   } 
.formatMain  h2   { width: 715px; background: url(../images/illustr/chevron.gif) left 2px no-repeat; margin: 0 0 8px 0; padding: 0 0 13px 15px; font: normal 18px "Trebuchet MS"; color: #757c81; border-bottom: 1px solid #5f6a72;     } 
.formatMain  p    { padding: 0; font: normal 12px arial; color: #828a8f; margin:0; } 
.formatMain  ul   { padding: 0; margin: 0 0 0 10px;   } 
.formatMain  ul li{ padding: 0; margin: 0 0 5px 0px;  font: normal 12px arial; color: #828a8f  } 
.formatMain  a{ text-decoration:underline} 

span.getPlan       { display: block; background: url(../images/puce/pdf.gif) left top no-repeat; padding: 7px 0 0 28px } 
span.getPlan span  { position:relative; top: -3px; left: 0px } 

.formatMain table.full     { border:1px solid #868c90; color:#868c90; } 
.formatMain table.full td , th{ border:1px solid #868c90; } 

/* ////////////////////        Telecharger                    */

table.downloadTable     {   } 
table.downloadTable td  {   } 
table.downloadTable td.one2         { padding: 12px 0 0 20px; } 
table.downloadTable td.visuTD table  { margin-bottom: 14px  } 
table.downloadTable td.visuTD table td {  } 


table.downloadTable  td.visuTD5     { width: 68px; height: 68px;  border: 1px solid #5f6a72; vertical-align: middle; } 




h3.downloadH3       { margin: -1px 0 17px 0; font: bold 12px arial;   } 

p.titleDownload     { font: bold 12px arial; color: #828a8f  } 




/* ////////////////////			Realisations                    */

.defileProd ul 				    { width: 750px; margin: 0 0 0 0px; padding: 0 0 0 0; overflow: hidden;   } 
.defileProd ul li				    { float: left;  margin: 0 20px 0 0px; padding: 0 0 0 0;   } 
.defileProd ul li	a  		    { border: none; text-decoration: none;   }
.defileProd ul li	a  img		 { border: 1px solid #fff  }
.defileProd ul li	a:hover	img { border: 1px solid #5f6a72 } 
.defileProd p                  { width: 730px; min-height: 18px;   } 
.defileProd .rightButton       { float: right   } 
.slider .visuProd      			 { width:128px; height:128px; border: 1px solid #5f6a72; vertical-align: middle; text-align: center; } 

table.titleTable               { width: 730px; margin: 10px 0px;   } 
table.titleTable td            { vertical-align: middle; text-align: left; padding: 0 0 0 10px; border-top: 1px solid #5f6a72; border-bottom: 1px solid #5f6a72   } 
table.titleTable td h3         { font: normal 12px arial; color: #828a8f; margin: 0 0 0 0px; padding: 10px 0;    } 
  
table#visuBigTable    			 { width: 731px; } 
 
tr.white td  						 { background-color: #fff  } 
tr.gray td   						 { background-color: #f2f2f2  } 

 
/* ////////////////////			Categorie							   */

div#floatH2etSpanChevron    					 { clear: both; margin:0 0 30px 0; padding:0; width:730px;    } 
div#floatH2etSpanChevron h2  					 { float: left;   margin: 0 0 0 0px; padding: 0 0 0 0;  } 
div#floatH2etSpanChevron span.theChevron   { float: left; font: bold 16px arial; padding: 0 5px 0 0;    } 
div#floatH2etSpanChevron    					 {   } 


table.liste_prod    					      { margin: 0 auto  }
table.liste_prod555                    {  margin:0 } 
table.liste_prod3    					   { margin: 0; }  
table.liste_prodMargeMe    			   { } 
table.liste_prodWidth                  { /*width: 750px;*/  width: 727px   } 
table.liste_prodWidth3                 { width: 830px ; margin: 55px auto 0 auto ;   } 
table.liste_prodWidth555               { width: 750px;  margin: 55px auto 0 auto ;    } 
table.liste_prodWidth5556              { width: 723px;  margin: 55px 0 0 31px;     } 
table.liste_prodWidth2                 { width: 800px   } 
table.liste_prod td, table.liste_prod555 td,  table.liste_prod3 td					                              { vertical-align: top } 
table.liste_prod td.visu, table.liste_prod555 td.visu, table.liste_prod3 td.visu 					               { height: 118px; width: 118px; border: 1px solid #5f6a72; vertical-align: middle; text-align: center; }
table.liste_prod td.visuProject, table.liste_prod555 td.visuProject, table.liste_prod3 td.visu		            { height: 128px; width: 128px; border: 1px solid #5f6a72; vertical-align: middle; text-align: center; padding: 0 }
table.liste_prod td.visuProjMenu, table.liste_prod555 td.visuProjMenu, table.liste_prod3 td.visuProjMenu			{ height: 128px; width: 78px; border: 1px solid #5f6a72; vertical-align: middle; text-align: left; padding: 0 }
table.liste_project           					{ margin-left: -5px;}


table.liste_project           					{ margin: 0 0 0 0px; }
table.liste_project           					{ margin: 0 0 0 0px; }

table.liste_prod         					{ margin: 60px 0 0 0;}
table.liste_prod td.one	    		 		 { width: 360px; padding: 0px 0 60px 0; } 
table.liste_prod td.one	 p  		 		 { float: left; width: 196px; padding: 0 0 0 20px; font: normal 11px arial; color: #828a8f  } 
table.liste_prod td.one	 ul.descri		 { float:left; padding: 6px 0 0 20px; width:202px; cursor:pointer;} 
table.liste_prod td.one	 ul.descri	a	 { font: normal 11px arial; } 
table.liste_prod td.one	 ul.descri	a:hover	 { font-weight:bold; text-decoration:none; } 
table.liste_prod td.one	 ul.descri li	 { font: normal 11px arial; margin:0; width:100%; display:block; } 
table.liste_prod td.one	 p.titleX		 { width: 202px;  padding: 0; margin: 0 0 0 20px; } 
table.liste_prod td.one	 p.titleXsoussom { width: 215px;  padding: 0; margin: 40px 0 0 10px; border-bottom:1px solid #5f6a72; } 
p.titleXSup      							    { position:relative; top: 0px; left: 20px;   } 


table.liste_prod td.one	 p.titleX a		 { text-decoration: none; margin: 0 ; padding: 0; /*border-bottom: 1px solid #5f6a72 */  } 
table.liste_prod td.one	 p.titleXsoussom a		 { text-decoration: none; margin: 0 ; padding: 0; /*border-bottom: 1px solid #5f6a72 */  } 
.boRderBotMe                          			         { display: block; /*margin: 0 10px 0 0 */ margin: 0 0 0 0px;  } 
table.liste_prod td.one	 p.titleX a	.remplaceMe               { position:relative; top: 0px; left: 0px;  }
table.liste_prod td.one	 p.titleX   .boRderBotMe .remplaceMe  { position:relative; top: 0px; left: 0px;  }

table.liste_prod td table.visu, table.liste_prod span.visu  		 { width: 118px; height: 118px; float: left;} 

/*table.liste_prod td table.visu td 		 { width: 118px; height: 118px; border: 1px solid #5f6a72; vertical-align: middle; text-align: center;    } */

.chevron2                               { font-weight: bold; font-size: 15px; background:transparent url(../images/illustr/chevron.gif) no-repeat scroll left 6px} 
.chevronPosr                            { font-weight: bold; font-size: 15px; position:relative; top: -1px; left: 0px;   } 
.chevronPosrSearch    { font-weight: bold; font-size: 15px; position:relative; top: 1px; left: 0px;   } 

table.mainTableProd td.mainVisuel table td#visuProd			            { height:238px; width:238px;  border: 1px solid #5f6a72; vertical-align: middle; text-align: center; padding:0px; margin:0;}
table.mainTableProd td.descDuProd               		    { padding: 0 0 0 12px   }
table.mainTableProd  .descProdTitle                           { padding: 4px 0 0 0;  vertical-align: middle  }
table.mainTableProd        						    { width: 729px; margin: 0 auto;  } 
table.mainTableProd td     						    { vertical-align: top  } 

 
/*	////////////////////			  Résultats de recherhce */
table.resultsSearch p.titleX      { position:relative; top: 0px; left: 20px;  width: 213px;   } 
table.resultsSearch p.subTitleX   { position:relative; top: 0px; left: 20px;  width: 213px;  border: none  } 
table.resultsSearch td.visu       { width: 130px  } 
table.resultsSearch td.visu table      { margin: 0 0 10px 0px;  } 
table.resultsSearch td.visu table td   { width: 130px; height: 130px; vertical-align: middle; padding: 0 0 0 0; border: 1px solid #5f6a72  } 
table.resultsSearch .remplaceMe2  { font: bold 12px arial; color: #5f6a72   }
table.resultsSearch p.link        { text-align :right; padding: 0 10px 0 0  } 
table.resultsSearch p.titleX  a:hover{ text-decoration:none}

/*	////////////////////			 Fiche Produits Detail						 */
p.tousLesProd               	 { width: 464px;  text-align :right; margin: 0; padding: 0; position:relative; top: -4px; left: 0px; } 
p.tousLesProd a             	 { overflow: hidden; font: bold 12px arial;    } 
 

div#header          { font: bold 12px arial; color: #828a8f; padding: 6px 0 0 0; width:474px   } 
div#description     { font: normal 12px arial; color: #828a8f  } 

p.descricatego    { font: normal 11px arial; color: #828a8f;  padding: 16px 0 14px 0;   } 

 
p.titleX2    												 { border-bottom: 1px solid #5f6a72; padding: 0 0 7px 0; margin: 0 15px 0 0px;    } 
p.titleX2 a  		    									 { text-decoration: none;  } 
p.titleX2 a span 											 { font: bold 15px arial; padding: 0 0px 0 0;    } 
p.titleX2 .remplaceMe                            { position:relative; top: 3px; left: 0px;   } 


.titleX   													 { padding: 3px 0 5px 0;	border-bottom: 1px solid #5d6971; margin-bottom:3px   } 
p.subTitleX    											 { padding:0;	 font: normal 11px arial; color: #828a8f; border-bottom: 1px solid #5d6971 } 
p.subTitleX  a:hover  { text-decoration:none; font-weight:bold} 

table.liste_prod2          						    { /*width: 722px*/ margin:0 auto; width: 726px; position:relative; top: -8px; left: -3px;   } 
table.liste_prod2 td       						    { border-bottom: 1px solid #5f6b73; padding: 8px 0 8px 0; } 
table.liste_prod2 td.one1   						    { width: 600px   } 
table.liste_prod2 td.one1  table					    {   } 
table.liste_prod2 td.one1  table	td	             { border: none   } 
table.liste_prod2 td.one1  table	td p.titleX   	 { padding: 3px 0 0px 20px; border: none  }
table.liste_prod2 td.one1  span.chevron2  	    { color: #828a8f; background:none} 
table.liste_prod2 td.one1  table	td p.subTitleX  { padding: 0px 10px 0px 18px; font: normal 11px arial; color: #828a8f; border: none } 
table.liste_prod2 td.one1  table	td.visuTD       { padding: 0; } 
table.liste_prod2 td.one1  table	td.visuTD img   { border: 1px solid #5f6a72 } 

table.liste_prod2 td.descDestock    {  padding: 0 0 0 17px;   } 
table.liste_prod2 td.one2  div				       { width: 130px; height: 68px; padding: 42px 0 20px 20px;  border-left: 1px solid #5f6b73  } 

.bakMarginTop   											 { margin-top: 17px  } 

.visuTD2 table	td	   { padding: 12px 0 10px 0;  border: none   } 

table.mainTableProd td.mainVisuel table td          		{ }  				 
/*table.mainTableProd td.mainVisuel table td#visuProd 	{ width:238px; height: 238px;}*/
table.mainTableProd td.schemaTD                   		        { width: 179px;  border-left: 1px solid #5f6a72; padding: 0 0 0 7px  } 
.posr_schemaTD                                     				{ position:relative; padding:  0 0 31px 0  } 
.posr_schemaTD a.zoomMe                           			{ position: absolute; bottom: 10px; right: 10px;  } 
table.mainTableProd td.mainVisuel  a				{ display: block; text-decoration: none; padding: 0 15px 0 0   } 
table.mainTableProd td.mainVisuel  a	img	      		{ border: 1px solid #5f6a72  } 

 
table.mainTableProd td.mainVisuel		   { width: 250px  } 
table.mainTableProd td.optionsTD          { width: 240px; text-align: justify ; line-height: 20px    } 
table.mainTableProd td.optionsTD  p       { text-align: justify ;  line-height: 20px  } 
/*table.mainTableProd td.optionsTD  a     { padding: 0 12px 10px 0; display: block; float: left; height: 43px;   } */
table.mainTableProd td.optionsTD p a       {  text-align: justify ;  padding: 0 1px 10px 0; line-height: 35px   } 

table.mainTableProd td.optionsTD .visu2 	{ text-align:center; vertical-align:middle; width:43px; height:43px; float:left; border: 1px solid #5f6a72; margin-right:19px;} 
table.mainTableProd td.photo2 .visu2 	{ text-align:center; vertical-align: middle; width:43px; height:43px; float:left; border: 1px solid #5f6a72; margin-right:19px;} 
table.mainTableProd td.photo2 .visu2 td  { text-align:center; vertical-align: middle; width:43px; height:43px; float:left; border: 1px solid #5f6a72; margin-right:19px;} 



td.accesssoireFiche                      { width: 240px; text-align: justify }
td.accesssoireFiche  p                   { text-align: justify; line-height: 20px  } 
td.accesssoireFiche  a                   { /* padding: 0 15px 10px 0 */ padding: 0 1px 10px 0; line-height: 34px  /* display: block; float: left;   height: 48px; */   } 

td.fichiers_joints                       { margin: 0 0 0 0; padding: 0px 0 0 10px; /*background: url(../images/puce/barre.png) 18px  38px no-repeat; */ } 
td.fichiers_joints  p                    { margin: 0 0 0 0; padding: 0 0 0 20px;   } 
td.fichiers_joints  a                    { display:block; float:left; margin: 4px 0; width: 134px;  text-decoration: none    } 
td.fichiers_joints  a:hover         { text-decoration: underline   } 
td.fichiers_joints  a  span              {display:block;font-size:10px;width:108px;cursor:pointer; float:right; margin-top:5px} 
td.fichiers_joints  a img               { float:left} 
td.fichiers_joints  a#v_slideout{ float:right; width:15px; height:15px; margin:0 0 3px 3px; text-decoration: none}       
td.fichiers_joints  a#v_slideout img{ float:right; width:15px; height:15px; margin:0 0 3px 3px}         
#appel_offre_vertical_slide{ background-color:#f9f8f8; border:1px solid #ccc; padding:3px;}

table.mainTableProd td.photo2            { padding: 10px 0  } 
table.mainTableProd td.photo2 p a        { padding: 0 13px 10px 0; display: block; float: left }

p#paraJustify              { text-align: justify  } 
p#paraJustify  a           { text-align: justify; padding: 0 15px 10px 0; line-height: 35px } 
p#paraJustify  a#last_a    { margin: 0; padding: 0  } 


table.mainTableProd  td.typerDEPara    { height: 199px;  vertical-align: middle;    } 

p#luminaire,
p#lampe,
p#eclairage           { font: normal 12px arial; color: #828a8f; padding: 0 0 0 21px } 

p#luminaire strong,
p#lampe strong,
p#eclairage strong    { font: bold 12px arial; color: #828a8f  } 


a.liensDoc        { position:relative; top: -5px; left: 4px;   } 
.prize span       { position:relative; top: -5px; left: 4px;  color: #828a8f; font-weight: bold;  } 
 
h3.titleProdH3           { border-bottom: 1px solid #5f6a72; margin: 8px 0 10px 0; padding: 0 0 7px 0; width: 239px   } 
h3.titleProdH3 span.remp { position:relative;  left:-12px; top:1px;  } 
 

div#header   { font: bold 14px arial; color: #828a8f  }  
div#header p   { font: bold 14px arial; color: #828a8f  }  


/*	////////////////////			Conteneurs generaux 					*/	
#main				    								{ position: relative; width: 1010px; margin: 0 auto;  text-align:left; background-color:#fff;}

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

#intro ul.drapeaux	 							{ left:50px; position:absolute; text-align:right; top:84px; width:180px;  }
#intro ul.drapeaux li 							{ display: inline;  margin: 0 14px 0 0; padding: 0  }
#intro ul.drapeaux li a 						{ }
#intro ul.drapeaux li a img  				   { border: none }


#search 
{
	margin:0 18px 0 0;
}
#intro #search                   		  { position: absolute; top: 12px; right: 14px;   } 
#intro #search h3                		  { font: bold 11px arial; color: #ffffff; margin: 0 0 0px 0px; padding: 0 0 0 0;   } 
#intro #search input.ch         		     { width: 182px; height: 14px; border: 1px solid #5f6a72   } 
#intro #search input.ok         		     { position: relative; top: 3px; left: 0px; } 
#intro form                      		  {  } 
#intro #search  p.secondSearch    		  {  } 
#intro #search  p.secondSearch a         { font: bold 11px arial; color: #ffffff; text-decoration: none;  } 
#intro #search  p.secondSearch a span    { background: url(../images/puce/fl.gif) right 4px no-repeat; padding: 0 17px 0 0; } 
#intro #search  p.secondSearch a:hover   { font: bold 11px arial; color: #ffffff; text-decoration: underline; zoom:1 } 

#menu-top 			 							  { left:308px;position:absolute;top:83px;}
#menu 			   							  { font-weight: bold; position: relative; z-index: 500;  margin: 0;  padding: 0;text-align: left;}

#content 										  { margin: 0; padding: 60px 0 0 0;  }

div#colonne_gauche 						{ float: left; width: 226px; padding: 0; margin:0 0 0 20px;}
div#colonne_gaucheInside                 { padding: 0 ;} 
div#colonne_gaucheInside h3              { margin: 0 0 15px 0px; padding: 0;} 

div#colonne_droite 							   { float: right; width: 730px;  margin: 0 34px 0 0; padding: 0; min-height:500px  }

#content2 										  { margin: 0; padding: 60px 0 0 0; overflow: auto; }
div#colonne_gauche2 							  { float: left; width: 180px; margin: 0;  padding: 0px 0px 0 0; background: url(../images/fond/f-colLeft.gif) left top repeat-y; position:relative; top: 0px; left: 46px;   }
div#colonne_droite2 							  { float: right; width: 750px;  margin: 0pt 10pt 0pt 0px; padding: 0px;  }

div#colonne_droite2  .conteneurBL1et2             { width: 730px; margin: 20px 0 0 0px; padding: 8px 0;  overflow: auto!important; overflow: visible;  border-top: 1px solid #5f6a72; position:relative; clear:both } 
div#colonne_droite2  .conteneurBL1et2  .one  	  { width: 360px;  float: left; padding: 0 20px 0 0;     } 
div#colonne_droite2  .conteneurBL1et2  .one p	  { font: normal 11px arial; color: #5f6a72 } 
div#colonne_droite2  .conteneurBL1et2  .two       { width: 327px; height: 145px; float: left; background: url(../images/fond/sepVert.gif) left center no-repeat;   } 

div#colonne_droite2  .conteneurBL1et2  .two  .oneActu            { padding: 6px 0 12px 0 } 
div#colonne_droite2  .conteneurBL1et2  .two  .oneActu p.visu     { float: left; height: 57px; margin: 0 12px 0 21px  }
div#colonne_droite2  .conteneurBL1et2  .two  .oneActu p.visuNone { float: left; width: 43px; height: 57px;  margin: 0 12px 0 21px  } 
div#colonne_droite2  .conteneurBL1et2  .two  .oneActu p.visu     { border: 1px solid #5f6a72 ; text-align: center;  } 
div#colonne_droite2  .conteneurBL1et2  .two  .oneActu p.title    { font: normal 12px arial; color: #828a8f  } 
div#colonne_droite2  .conteneurBL1et2  .two  .oneActu p.desc     { font: normal 11px arial; color: #828a8f  } 
div#colonne_droite2  .conteneurBL1et2  .two  .oneActu p.lire a   { font: normal 10px arial; color: #d3d5d6; text-decoration: underline } 
 
 
 
/*	////////////////////			   Actualités  */
p.date      { float: right; color: gray; position:relative; top: 0px; left: -20px;   } 

p.visu5     { float: left; margin: 10px 22px 6px 10px  }  
p.visu5 img { border: 1px solid #5f6a72   } 


.actu2-top h3         { clear: both; padding: 0 0 0 15px;  } 
.actu2-top h3 .date   { float: right; position:relative; top: 0px; left: -20px; font: normal 11px arial;  } 
.actu2-top p.visu     { float: left;  margin: 0px 22px 16px 10px  } 
.actu2-top p.visu img { border: 1px solid #5f6a72   }



/*	////////////////////			         Menu colonne gauche                             */
#colonne_gauche ul.arbo    			      { margin:0; padding:0; width:226px; } 
#colonne_gauche ul.arbo li 				   { margin: 0pt 0px 10px 0px; padding: 0; font: normal 13px Tahoma; color: #828a8f; letter-spacing: 1px    } 
#colonne_gauche ul.arbo li.togglers     	{ cursor: pointer } 
#colonne_gauche ul.arbo li a			      { font: normal 13px arial; color: #828a8f; text-decoration: none; letter-spacing: 1px; margin: 0 ; padding: 0; } 

#colonne_gauche ul.arbo li li a			      { font: normal 11px arial; color: #828a8f; text-decoration: none; letter-spacing: 1px ; padding: 0; font-variant:normal;   } 
#colonne_gauche ul.arbo li a:hover		   { font-weight: bold;   } 

#colonne_gauche ul.arbo li ul		         { margin: 0 0 0px 10px; padding-top:20px   } 
#colonne_gauche ul.arbo li li 			      {margin-left:10px ; } 
/*	////////////////////			         Footer								   */
#outro 				  { padding-top:10px; text-align:right; font:Arial, Helvetica, sans-serif; font-size:10px; color: #abaaaa; width: 977px; clear: both; background: url(../images/fond/outro2.gif) right top no-repeat;   }
#outro a 			  { text-decoration: none ; font:Arial, Helvetica, sans-serif; font-size:10px; color: #abaaaa; }
#outro a:hover    { text-decoration: underline }
/*  */
#outro2 				  { text-align:right; padding-top:10px; font:Arial, Helvetica, sans-serif; font-size:10px; color: #abaaaa; width: 977px; clear: both; background: url(../images/fond/outro2.gif) right top no-repeat;   }
#outro2 a 			  { text-decoration: none ; font:Arial, Helvetica, sans-serif; font-size:10px; color: #abaaaa; }
#outro2 a:hover    { text-decoration: underline }



/*	////////////////////			Formulaires 						  */
form.formatform                  { width: 700px;  margin: 0 auto 15px auto; padding: 15px;  border: 1px solid #e6ebf3;  } 
form.formatform  h3              { margin: 0 0 16px 0px;   } 
form.formatform  label.lbleft    { padding:0 0 0 16px; width:126px; float: left;  font: bold 11px arial; color: #6e7981  } 
form.formatform  input.ch        { width: 173px;  border: 1px solid #adb2b5 }
form.formatform  select          { border: 1px solid #adb2b5 } 
form.formatform  textarea        { border: 1px solid #adb2b5 } 
form.formatform  p.centerbut     { margin: 30px 0 10px 0px; clear: both; text-align:center; clear: both } 
 
.bl1X    					 { float: left   } 
.bl2X    				    { float: left; position:relative; top: 6px; left: 10px    } 
.bl2X  input 				 { position: relative; top: 2px; left: -2px  } 
form.formatNewsletter    { width: 500px  } 
form.formatNewsletter p.centerbut   { clear: both; padding: 14px 0 0 0px  } 


/*	///////////////   Search form                 */ 
#search-form                  { width: 730px; position:relative; top: 0px; left: 0px; background-color: #ededed; overflow: auto;   }  
#search-form  label.lbleft    { padding: 0 0 2px 0px; width: auto; display: block; float: none; font: bold 11px arial; color: #6e7981  } 
#search-form  input.ch,
#search-form  select          { width: 145px } 
.validMe         					{ position: absolute; right:104px; top:68px;}

form.initMe      { position: absolute; right: 20px; top: 42px  } 

.posrMePlease    { position:relative  } 

#search-form p   { float: left; padding: 0 7px 0 0    } 

.posrMeUp        { position:relative; top: -3px; left: -2px;   } 

p.afficheResults           { padding: 10px 0; color: #828a8f  } 
p.afficheResults strong    { color: #828a8f  } 


/*	////////////////////			Contact           */ 
form.formatform2                    { width: /*73Opx; */ 700px;  margin: 0 auto 15px auto; padding: 15px; background-color: #ededed; overflow: auto;   } 
form.formatform2  h3                { margin: 0 0 16px 0px;   } 
form.formatform2  label.lbleft      { float: left; width: 100px; font: bold 11px arial; color: #6e7981 } 
form.formatform2  label.lbleftNL    { float: left; width: 140px; font: bold 11px arial; color: #6e7981 } 
form.formatform2  input.ch          { width: 228px;  border: 1px solid #adb2b5 }
form.formatform2  select            { border: 1px solid #adb2b5;width: 233px;   } 

.bl11  									     { float: left;  width: 355px;  margin: 10px 0 0 0   } 
.bl22   									     { float: left;  width: 345px;  margin: 10px 0 0 0;} 
form.formatform2  textarea#comment    { width: 223px; height: 100px; margin: 4px auto 0 auto;  border: 1px solid #ADB2B5;   } 
form.formatform2  textarea#adresse    { width: 223px; height: 30px; margin: 4px auto 0 auto;  border: 1px solid #ADB2B5;   } 
p.lastPara                            { float: left; margin: 0 15px 0 0px;    } 
p.lastPara label.lbleft               { float: none;  width: auto; margin-right: 10px } 

.inscriptionNL 		 { margin-top: -17px; margin-left: 160px; width: 175px; color: #6e7981 }
.donneesObligatoires  { padding-top: 65px; color: #6e7981; font-size: 10px; font-weight: bold }

.sizeme               { display: block; float: left; width: 178px; position:relative; top: -3px; left: 8px; color: #6E7981  } 

h3.titleXSup2         { border-bottom: 1px solid #5f6a72; width: 688px;   } 

.infoContact { padding-top:11px; }
.infoContact  p { color: #828a8f;  padding: 0 0 0 17px; } 
.infoContact  p a { text-decoration:underline} 
p.titleXSup    {  position:relative; top: 0px; left: 0px; margin: 0; padding: 0;   clear: both;  }     
p.titleXSup3   { border-bottom: 1px solid #5f6a72; padding-top:32px; } 




/*	////////////////////			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: #686e73}
.center 		{ text-align: center }
.left 		{ text-align: left }
.right 		{ text-align: right }
.full 		{ width: 700px }
.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.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-block;      
					margin: 10px 25px 20px 25px;
					border: solid 1px red;
		       }

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

.conformement 		   { font: normal 10px arial; color: #828a8f }

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

	
/*  */	
#log_res {overflow: auto;}
#log_res.ajax-loading {padding: 20px 0;background: url(../images/puce/spinner.gif) no-repeat center;}


/*  */
.full               			    {  width: 725px;   margin: 0 auto;  border-collapse: collapse; } 
.full table          			 { margin: 0 auto }
.full td             			 { padding: 2px 3px; border: 1px solid #94a0a9;   } 
.bordered                  	 {  }

/* Pagination */
.links          			  { color: #d2d2d2; text-align: right  }
.links a         		     { color: #d2d2d2;  padding:  0px 5px;   border: 1px solid #c4dfe8;  text-decoration: none;   } 
.links a:hover            { border: 1px solid #4196bf; color: #747474 ;   padding:  0px 5px;     text-decoration: underline; } 
.links span       		  { border: 1px solid #4196bf; color: #747474 ; padding:  0px 5px;       } 
.links a.imglink          { border: none ; padding: 0 3px; position:relative; top: 4px; left: 0px;   } 
		
		
/* tips */
.tip 		{	background-color: #333;	padding: 7px;	color:#fff; }


/*  */	 
.aucun         { text-align: center;  padding: 65px 0;   } 
.aucun strong  { color: #828a8f  } 

/* photos projet */
#container{   width: 710px; height: 160px; overflow: auto; margin: 0; overflow-x: hidden; overflow-y: hidden;}
.slider{ height: 160px; padding: 0 20px 20px 0; }
.section{  margin:0; width:160px; float:left; margin-right:50px; }  


/*  */
.clearMePlease    { clear: both; height: 0; visibility: hidden;   } 
.clearMePleasespe{ height:10px}

/* NEWS */
div#articles .oneActu            { } 
div#articles .oneActu p.visu     { float: left; height: 57px; margin: 0 30px 0 0  }
div#articles .oneActu p.visuNone { float: left; height: 57px;  margin: 0 30px 0 0  } 
div#articles .oneActu p.visu     { border: 1px solid #5f6a72 ; text-align: center;  } 
div#articles .oneActu p.title    { font: normal 12px arial; color: #828a8f  } 
div#articles .oneActu p.desc     { font: normal 11px arial; color: #828a8f  } 
div#articles .oneActu p.lire a   { font: normal 10px arial; color: #ABAAAA; text-decoration: underline } 

div#articles .detailActu            {display:block; width:800px; text-align:left; position:relative; z-index:999; background-color:#fff;}
div#articles .detailActu p.visu     { float: left; height: 225px; margin: 0 12px 0 0  }
div#articles .detailActu p.visuNone { float: left;   margin: 0 12px 0 21px; border: 1px solid #5f6a72 ; } 
div#articles .detailActu p.visu     { border: 1px solid #5f6a72 ; text-align: center;  } 
div#articles .detailActu p.title    { font: normal 12px arial; color: #828a8f  } 
div#articles .detailActu p.desc     { font: normal 11px arial; color: #828a8f; padding-top:15px; padding-bottom:15px;  } 
div#articles .detailActu p.lien a   { font: normal 10px arial; color: #ABAAAA; text-decoration: underline } 

div#articles .tabDetail { float:left;width:800px; }




table.liste_prod2 td.one1 table td.descDestock p.subTitleX    { margin-left:0; padding-left:0} 
table.liste_prod td.one p.descri a.speciallink:hover{ text-decoration:none; font-weight:bold}

td.typerDEPara p{ color:#828A8F}
.infoContact .chevron2{ background:none}

.oneActu div.specialactu{ left:-2px; width:600px; }

.margintop{ margin-top:24px;}