body {  
font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:9pt;
/*background-color: #fff; */
background : #fff url(fond_page.png) repeat-x;
color: #666;
margin:10px; 
padding:0px;
}

b {font-weight:900;letter-spacing: 1px;  }

h2 {  
color: #3366cc;
font-size: 1em; 
font-weight: bold; 
}


h1 {
text-align:left;
color: #3366cc;
font-size: 1.5em; 
font-weight: bold;
font-variant: small-caps;
background-color:#fff;
padding: 1em 0 0 1em;
margin-bottom:20px;
border-bottom:1px solid #eee;
}

h1:before { content:url(../Images/h1_before.png); }
h1:after { content:url(../Images/h1_after.png); }


h3 {  
font-size: 1.2em; 
font-weight: bold
}

h4 {  
margin-left:1em;
color:#060;
font-size: 1.1em; 
font-weight: bold;
}

h4:before { content:url(../Images/fleche_stitre.png);vertical-align:middle; }

h5 {  
color:#060;
font-size: 1em; 
font-weight: bold;
margin-bottom:0;
}

ul {
list-style-image:url(../Images/puce_verte.png);
}

img {border:none;margin:0px }



a {  
font-family: Arial, Helvetica, sans-serif; 
text-decoration: none;
color:#4D6CDC;
background-color: transparent;

}

a:hover {  
font-family: Arial, Helvetica, sans-serif; 
color: #999;
background-color: transparent;
text-decoration:underline;
}

/************* MENU VERTICAL *********************/
#menu_ver {
width:120px;
float:left;
margin-left:0em;
font-weight: bold;
margin-top:2em;
}


#menu_ver ul {
padding:0.5em;
margin-left:0;
list-style-type: none;
list-style-image: none;
}

#menu_ver li  {
margin: 0;
font-weight:bold;
font-size:9pt;
padding-left:1em;
padding-top:0.5em;
padding-bottom:0.5em;
border-top:1px solid #ccc;
}

#menu_ver li a {
color:#777;
}

#menu_ver li a:hover {
text-decoration:none;
}

#menu_ver li:hover  {
background-image: url(../Images/curseur_menu1.png);
background-repeat: no-repeat;
background-position: 0% 50%;
}

#menu_ver dt  {
margin: 0.5em;
font-weight:bold;
font-size:9pt;
padding-left:1em;
padding-top:0.5em;
padding-bottom:0.2em;
border-top:1px solid #ccc;
}

#menu_ver dt a {
color:#777;
}

#menu_ver dt:hover  {
background-image: url(../Images/curseur_menu1.png);
background-repeat: no-repeat;
background-position: 0% 65%;
}

#menu_ver .smenu li
{
margin: 0;
font-weight:normal;
font-size:8pt;
padding-left:1em;
padding-bottom:0.5em;
padding-top:0;
list-style:none;
border:none;
}



#menu_ver .smenu li:hover {
background-image: url(../Images/curseur_menu2.png);
background-repeat: no-repeat;
background-position: 0% 30%;
}


#menu_ver dd {
padding-left:1em;
margin:0;
}


#retour {
position:fixed;
text-align:center;
font-size:8pt;
bottom:3%;
margin-left:8px;
width : 95px;
padding:5px;
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
}

/************************ MENU HORIZONTAL ***************************/
img.spacer {
float:left;
margin:0px;
padding:0px;
/*border-bottom:solid 1px #000;*/
border-top:solid 1px #ccc;
border-left:none;
border-right:none;
}
 
#menu_hor{
clear:both;
padding:0;
margin:0;
border-top:solid 1px #ccc;
width:820px;
/*width:100%;*/
height:20px;
background-image:url(../Images/touche_b.gif);
}

#menu_hor ul {
margin:0;
padding:0;
list-style-type: none;
list-style-image: none;
}

#menu_hor li{
float:left;
height:20px;
padding-left:10px;
padding-right:10px;
margin-left:0;
border-right:solid 1px #000;
border-left:solid 1px #ccc;
background-image:url(../Images/touche_b.gif);
}

#menu_hor li:hover {
color:#fff;
font-weight:bold;
font-size:10pt;
background-image:url(../Images/touche_b_hov.gif);
}

#menu_hor a {
color:#fff;
font-weight:bold;
font-size:10pt;
}

#menu_hor a:hover {
color:#ccc;
text-decoration:none;
}

#menu_hor .contact {
text-align:right;
padding-right:2em;
background-image:url(../Images/touche_b.gif);
}


#menu_hor li.val {
background-image:url(../Images/touche_o.gif);
}

#menu_hor .val a {
color:#000;
}

#menu_hor li.form_search {
color:#fff;
background-image:url(../Images/touche_b.gif);
border-right:none;
text-align:right;
font-size:10pt;
}

#menu_hor label {
color:#ffff66;
font-weight:bold;
font-size:10pt;
}

#menu_hor input {
font-size:8pt;
color:#666;
border:none;
background-color:#fefffe;
}


/********************* EN-TETE **************************************/
.tab-entete {  
background-color:#aaf;
font-size:8pt;
font-weight:bold;
color:#fff;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
}

.tab-entete a {
color:#fff;
font-weight:bold;
font-size:8pt;
}

.tab-entete a:hover {
color:#666;
font-weight:bold;
font-size:8pt;
}


/********************** PAGE *******************************************/

#page { /*Image CI en bas à droite*/
background-color:#fff;
}

#contenu {
clear:both;
background-image:url(../Images/fond3.jpg);
background-color:#fff;
background-repeat: repeat-y ;
width:820px;
/*width:100%;*/
}

/*************** BLOC CENTRAL A DROITE DU MENU VERTICAL ***************/
#centrale { 
margin-top:0px;
margin-left:130px;
padding-left:10px;
padding-right:8px;
width:670px;
/*width:100%;*/
height:auto !important;
min-height:600px;
border-left:1px solid #eee;
background-color:#fff;
background-image:url(../Images/fond_bas_droite_4.jpg);
background-repeat : no-repeat;
background-position : bottom right;
}

#pleine_page {
margin-top:0px;
width:100%;
background-color:#fff;
background-image:url(../Images/fond_bas_droite_4.jpg);
background-repeat : no-repeat;
background-position : bottom right;
}


.listeflog {
font-size:10pt;
font-weight:bold;
color:#060;
}

#titre, #section { 
display:none;
}
/****************** FORMULAIRES CONTACTS ET DOCUMENTATIONS ****************/
#form {	
margin-top:0px;
/*width:90%;
margin-left:auto;
margin-right:auto;*/
font-size:9pt;
}

form label.prefield {
display: inline-block;	
min-width: 20%;
padding: 0 2px;
margin: 0.6em 4px 0 0;
font-weight:bold;
color:#4D6CDC;
}

/****************** NEWS PAGE ACCUEIL **********************/
#news_accueil {
font-size:8pt;
width:300px;
height:150px;
margin:1em;
border:solid 1px #ccc;
background-color:#eeeeff;
overflow: auto;
}

#news_accueil h5 {
padding:0.5em;
margin:0;
background-color:#fff;
}

#news_accueil p {
padding-left:0.5em;
}
/****************** ENCART PAGES NEWS **********************/
#new {
width:600px;
margin:auto;
margin-top:0;
padding:1em;
font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 10pt;
border-color: #dddddd #999999 #999999 #dddddd; 
border-style: solid; 
border-width: 1px; 
}

.new p {
font-family: "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size: 10pt; 
background-color: transparent; 
border-color: #dddddd #999999 #999999 #dddddd; 
border-style: solid; 
border-width: 1px; 
}

/***************** PAGE PRODUITS DHF ET FRANCELOG *****************************/
.calq { /*Présentation des produits dans encart droite au survol de la souris*/
  margin: 0; 
  position: absolute;
  top: 220px;
  width: 117px;
  margin-left: 680px;
  visibility:hidden;
	font-size:8pt;
}

.calq p {font-weight:bold;text-align:center; }

.calq ul {
list-style-image:url(../Images/puce_orange.png);
}

/************** FICHE PRODUIT *******************/
.nom_produit { /* Nom au-dessus de la photo*/
text-align:center;
font-size:12pt;
font-weight:bold;
color:#993333;
}


.doc:after {
content: "Documentation";
}

.docen:after {
content: "DataSheet";
}

.table_fiche { /*Tableau référence sous la photo */
font-size: 8pt; 
margin-left:10px;
border:1px solid #999;
}


td.clair {
background-color:#eee;
text-align:center;
}

td.clair_ref {
color:#009;
background-color:#eee;
text-align:center;
}

td.clair_val {
color:#090;
background-color:#eee;
text-align:center;
}

td.clair_val2 {
color:#900;
background-color:#eee;
text-align:center;
}

td.fonce {
background-color:#ddd;
text-align:center;
}

td.fonce_ref {
color:#009;
background-color:#ddd;
text-align:center;
}

td.fonce_val {
color:#090;
background-color:#ddd;
text-align:center;
}

td.fonce_val2 {
color:#900;
background-color:#ddd;
text-align:center;
}

.descriptif { 
background-color:#ccc;
font-size:9pt;
font-family:sans-serif;
text-align:center;
}

.descriptif th { background-color:#fff; }
.descriptif td { background-color:#eee; }

.descriptif td.nom_prod { 
color:#fff;
background-color:#aaa;
font-weight:bold;
text-align:left; }

/********************* BAS DE PAGE **************************************/
#bas_page {  
clear:both;
text-align:center;
font-size:8pt;
color:#fff;
background-color:#aaf;
}

#bas_page a {
color:#fff;
font-size:8pt;
}

#bas_page a:hover {
color:#f00;
font-size:8pt;
}

#coord {
background-color:#efeefe;
color:#666;
text-align:center;
font-size:8pt;
}

#coord a {
text-align:center;
}

#coord a:hover {
color:#999;
text-align:center;
text-decoration:underline;
}

/************************* PICTOGRAMME **************************************/
.picto {
font-family:Verdana, serif;
font-size:14pt;
font-weight:bold;
color:white;
padding:0.3em;
background-color: #3366cc;
-moz-border-radius : 5px;
}