/*          Front CSS Balsan			*/
* 			{ 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-color: #fff }

h1 a 		{ position: absolute; top: 100px; left: 0; top: 0; width: 243px; height: 133px; display:block; text-indent: -999em; overflow: hidden;  }
h2   		{ margin: 5px 0 20px 11px; padding: 0 0 0 15px; font: normal 18px "Trebuchet MS"; color: #1a171b; zoom:1;  }
h2.searchH2      { margin: 5px 0 20px 5px;   } 
h2#militronH2    {  font: normal 23px "Trebuchet MS"; color: #1a171b;  } 			  
h3  		{ margin: 15px 0 10px 0; font: normal 18px "Trebuchet MS"; color: #1a171b}
h4   		{ margin: 15px 0 0px 0px; font: bold 14px "Trebuchet MS"; color: #1a171b }
h5   		{ margin: 15px 0 10px 10px; font: normal 16px "Trebuchet MS"; color: #1a171b }

p    		{ font: normal 12px/18px arial; 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 }
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 19px; background: url(../images/puce/p.gif) left 6px 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: red; text-decoration: underline; font: normal 11px arial }
a:hover  { color: blue; text-decoration: underline }

abbr     { cursor: help;  } 
 
.format  { padding: 0 25px } 

h1 a.firstE      { position: absolute; top: 100px; left: 0; top: 0; width: 243px; height: 133px; display:block; text-indent: -999em; overflow: hidden;  } 
#intro 	h2 a    { display:block; height: 12px; left: 272px; top: 140px;  overflow:hidden; position:absolute; width:123px; z-index:6000;   zoom:1;   } 

ul#drapeaux     {   position: absolute;top: 120px; right: 15px;    } 
ul#drapeaux li  { float: left; margin: 0 5px 0 0px;  } 
ul#drapeaux a   { text-decoration: none;  } 


/* Militron */ 
table.tableMilitron              { width: 630px; margin: 0 auto;   } 
table.tableMilitron td           { vertical-align: top  } 
table.tableMilitron td.visu      { width: 330px;   } 
table.tableMilitron td.desc      {   } 


#militronPage    { height: 584px; overflow-y: scroll;   } 
#militronPage table    {   } 
#militronPage table td.one   { width: 390px;   vertical-align: top } 
#militronPage table td.one p { margin: 0; padding: 0  } 
#militronPage table td.two   {   vertical-align: top } 
#militronPage table td.two h3 {  margin: 0px 0 10px 0; font: bold 21px "Trebuchet MS"; color: #1a171b  } 

#militronPage table td.two h4,
#militronPage table td.one h4 { color: #29262a; margin: 0 0 12px 0px; font: bold 12px "Trebuchet MS";  } 

#militronPage table ul   { margin: 0 0 0 0px;   } 
#militronPage table ul li { margin: 10px 0px 10px 4px ; text-align: left;   } 


table.secondTable td   {  padding: 10px 0 0 0;    } 

#militronPage table            {   } 
#militronPage table td.one2    { width: 138px; text-align: center;   } 
#militronPage table td.one2 h3 {  } 
#militronPage table td.one2 p  { margin: 0; padding: 0;  text-align: center;   } 


h3.boldH3    {   font: bold 21px "Trebuchet MS"; color: #1a171b  } 

#militronPage #flashM object  {  margin: 0 0 0 131px } 

/* 			Conteneurs generaux 					*/	
#main				    { position: relative; width: 980px; margin: 0 auto 20px auto;  text-align:left; background: url(../images/fond/spread.gif) left top repeat-y; border-bottom: 1px solid #1a171b  }
#intro 				 { width:980px; height:153px; background: url(../images/fond/intro.gif) left top no-repeat;   }
/*#intro 	h2	       { position:absolute; top: 1px; left: 258px; margin: 0; padding: 0; width: 700px;    }*/
#intro 	h2	       { margin: 1px 0 0 258px; padding: 1px 0 0 0;  width: 700px;   }

#content 			 { margin: 0; padding:0; overflow: auto;   }
div#colonne_gauche { float: left; width: 239px; padding: 5px 5px 0 5px; background: url(../images/fond/spread.gif) left top no-repeat; /* #1a171b */ }
div#colonne_droite { float: right; width: 718px; min-height: 582px;  margin: 0; padding: 5px 5px 20px 5px;  border-right: 1px solid #1a171b  }

/* Colonne gauche */
#menu-top ul	              { margin: 0 0 0 40px; padding: 0;  }
#menu-top ul li		        { margin: 0 0 3px 0; padding: 0;  }
#menu-top ul li a			     { display: block; text-indent: -999px; overflow: hidden;  }
#menu-top ul li a.one		  { width: 161px; height: 24px; background: url(../images/menu/1.gif) left top no-repeat;  }
#menu-top ul li a.one:hover  { background: url(../images/menu/11.gif) left top no-repeat; width: 161px; height: 24px }
#menu-top ul li a.two		  { background: url(../images/menu/2.gif) left top no-repeat; width: 161px; height: 24px }
#menu-top ul li a.two:hover  { background: url(../images/menu/22.gif) left top no-repeat; width: 161px; height: 24px }
#menu-top ul li a.three		  { background: url(../images/menu/3.gif) left top no-repeat; width: 161px; height: 24px  }
#menu-top ul li a.three:hover{ background: url(../images/menu/33.gif) left top no-repeat; }
#menu-top ul li a.four		  { background: url(../images/menu/4.gif) left top no-repeat; width: 161px; height: 24px   }
#menu-top ul li a.four:hover { background: url(../images/menu/44.gif) left top no-repeat; }
#menu-top ul li a.five		  { background: url(../images/menu/5.gif) left top no-repeat;width: 161px; height: 41px   }
#menu-top ul li a.five:hover { background: url(../images/menu/55.gif) left top no-repeat;  }

/*  */
div#colonne_gauche h3               {  text-align: center;  } 
div#colonne_gauche a                {  color: #d4d4d4; text-decoration: underline;   } 
div#colonne_gauche a:hover          {  color: #d4d4d4; text-decoration: none;  } 
div#colonne_gauche select           {  width: 172px; height: 20px;  margin: 0 0 4px 0; color: #454346 } 

/*  */
#recherche                {    } 
#recherche  label         { color: #d4d4d4; } 
#recherche p              { text-align: center; } 
#recherche p.search input { width: 172px;  height: 20px;  margin: 0 0 4px 0; color: #454346  } 
#recherche #button-ok     { padding-top: 10px }

/*  */
h3#recherche         {   } 
h3#contact           {  } 
h3#contact a         { display: block; width: 203px; height: 20px; margin: 0 auto;  background: url(../images/illustr/contact_fr.gif) center top no-repeat; text-indent: -999px; overflow: hidden; } 
h3#contact a:hover   { background: url(../images/illustr/contact2_fr.gif) center top no-repeat;  } 

h3#selection            {  } 
h3#selection a          { display: block; margin: 0 auto;  width: 150px; height: 22px; background: url(../images/illustr/selection_fr.gif) center top no-repeat; text-indent: -999px; overflow: hidden; }
h3#selection a:hover    { display: block; margin: 0 auto;  width: 150px; height: 22px; background: url(../images/illustr/selection2_fr.gif) center top no-repeat;    } 

.barre    { height: 2px; margin: 10px 0 10px -5px;  background: url(../images/fond/f-barre.gif) left top no-repeat; } 

/* HomePage */
p.visuHome    { text-align: center; margin: 60px 0 0 0;  } 

/* -------------------    Catalogue -------------------------------------------------------------------------------*/
.copyright    {  float: right; color: #ccc; padding: 0 25px 0 0;  } 

.formatCatalogue    { height: 501px; margin: 20px 0 0 0;  overflow-y: scroll  } 

p.arianne              { color: #ccc; padding: 0 0 0 12px  } 
p.arianne a            { color: #ccc; text-decoration: none;   } 
p.arianne a:hover      { color: #ccc ; text-decoration: underline;  } 
p.arianne span         { color: #ccc  } 

table.catalogue     { margin: 0 auto 0 auto; }
table.catalogue a.product   { cursor: url(../images/puce/loupee.gif), auto;  }
table.catalogue td  { vertical-align: top  } 

table.catalogue  p.visu   { text-align: center; } 
table.catalogue  p.desc   { color: #1a171b  } 
table.catalogue  p.desc a { text-decoration: none;  color: #1a171b  } 
table.catalogue  p.desc a:hover { text-decoration: underline;  color: #1a171b  } 

table.catalogue   p.desc .title    { float: left; display: block; width: 134px; } 
table.catalogue   p.desc .checkbox    { display: block; float: right; text-align: center; width: 22px; padding-bottom: 1px } 
table.catalogue   p.desc .pdf    { display: block; float: right; text-align: center; color: #020201; margin: 0; padding: 0; width: 22px; padding-bottom: 1px } 
table.catalogue   p.desc .pdf a  { color: #020201; text-decoration: none; font-weight: bold;  } 
table.catalogue   p.desc .pdf a:hover {  text-decoration: underline;  } 

p.pagination    { margin: 15px 0 10px 0;  text-align :right; padding: 0 24px 0 0; font-size: 14px } 
p.pagination a  { color: #000; font-size: 14px; margin: 3px; text-decoration: none; } 
p.pagination span  { color: #000; font-weight: bold; margin: 3px; } 

/* Detail */
.detailConteneur    {  height: 501px; margin: 20px 0 0 0; overflow-y: scroll  } 

table.detailTable           { width: 690px; margin: 0 auto;  } 
table.detailTable a.product         {  cursor: url(../images/puce/loupee.gif), auto;  } 
table.detailTable td.one    { text-align: center; vertical-align: middle   } 
table.detailTable td.two    {  vertical-align: top; padding: 0 15px   } 
table.detailTable td.two h3 {  margin: 0 0 10px 0; font: normal 18px "Trebuchet MS"; color: #1a171b  } 
table.detailTable td.two h3 a{  text-decoration: none;  } 

/* 			Footer								   */
#outro 				 { width: 988px; height: 57px; background-color: #fff }
#outro p 			 { color: #fff; text-align: center; padding: 16px 0 0 0 }
#outro p a 			 { color: #fff; 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 #e6ebf3; } 
form.formatform  h3              { margin: 0 0 16px 0; } 
form.formatform  label.lbleft    { float: left; width: 140px; font: bold 11px arial; color: #7d7d7d;  } 
form.formatform  input           { border: 1px solid #7cc8db;  }
form.formatform  select          { border: 1px solid #7cc8db;  } 
p.centerbut     { margin: 15px 0 10px 0; 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: #8cafca }
.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 0 10px 0;  background: url(../images/fond/element-top.gif) left top no-repeat;  } 

/* 			Page Mentions						   */
.conteneurAdresseMention    {  text-align: center; margin: 15px 0 10px 0;   } /* 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;  }	
.conformement 		   { font: normal 10px arial }
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;  }