/* CSS Document */

body{
  background-image:url(img/img_fond.jpg);
  background-color:#242424;
  background-repeat:repeat-x;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  text-decoration:none;
}

a{
   text-decoration:none;
   color:#FFFFFF;
}

a:visited{
   text-decoration:none;
}
a:hover{
   text-decoration:none;
   color:#999999;
}

a:active{ 
   text-decoration:none; 
}


#globale{
  position:absolute;
  height:auto;
  width:840px;
  float:left;
  margin-left:-425px;
  left:50%;
  top:0px;
  display:block;
  
}
#tete{
  position:relative;
  height:201px;
  width:840px;
  display:block;
  clear:both;
}

#bandeau_haut{
  height:166px;
  width:840px;
  display:block;
  clear:both;
  background-image:url(img/bandeau_haut.gif);
}


/*menu********************************************************************/

#menu{
  height:37px;
  width:840px;
  display:block;
  clear:inline;
  top:0px;
  margin:0px;
  padding:0px;
  left:0px;
  float:left;
  color:#FFFFFF;
  font-size:15px;
  font-weight:bold;

}

#menu ul li{
  margin:0px;
  padding:0px;
  height:37px;
}

#menu ul{
  height:37px;
  float:left;
  clear:inline;
  display:block;
  margin:0px;
  padding:0px;
}

#menu li{
  height:37px;
  float:left;
  display:block;
  clear:inline;
  list-style:none;
  margin:0px;
  padding:0px;
}

/*acceuil*/
a.link_accueil{
  height:37px;
  width:98px;
  background-image:url(img/accueil_ttgris.jpg);
  color:#FFFFFF;
  float:left;
  text-align:center;
  line-height:40px;
  text-decoration:none;

}

a.link_accueil:hover{
 background-image:url(img/accueil_gris.jpg);
  color:#000000;
}

a.link_accueilon{
  height:37px;
  width:98px;
  background-image:url(img/accueil_gris.jpg);
  color:#000000;
  float:left;
  text-align:center;
  line-height:40px;
  text-decoration:none;

}

/*equipe*/
a.link_equipe{
  height:37px;
  width:89px;
  float:left;
  background-image:url(img/equipe_ttgris.jpg);
  color:#FFFFFF;
  text-align:center;
  line-height:40px;  
  text-decoration:none;
}

a.link_equipe:hover{
  background-image:url(img/equipe_gris.jpg);
  color:#000000;
}

a.link_equipeon{
  background-image:url(img/equipe_gris.jpg);
  color:#000000;
  height:37px;
  width:89px;
  float:left;
  text-align:center;
  line-height:40px;
  text-decoration:none;
}


/*service*/

a.link_service{
  height:37px;
  width:92px;
  float:left;
  display:block;
  background-image:url(img/service_ttgris.jpg);
  color:#FFFFFF;
  text-align:center;
  text-decoration:none;
  line-height:40px; 
}

a.link_service:hover{
  background-image:url(img/service_gris.jpg);
  color:#000000;
}

a.link_serviceon{
  height:37px;
  width:92px;
  float:left;
  background-image:url(img/service_gris.jpg);
  color:#000000;
  text-align:center;
  text-decoration:none;
  line-height:40px;
}


/*produit*/

a.link_produit{
   height:37px;
   width:97px;
   float:left;
   background-image:url(img/produit_ttgris.jpg);
   color:#FFFFFF;
   text-align:center;
   text-decoration:none;
   line-height:40px;   
}

a.link_produit:hover{
   background-image:url(img/produit_gris.jpg);
   color:#000000;
}

a.link_produiton{
   background-image:url(img/produit_gris.jpg);
   color:#000000;
   float:left;
   height:37px;
   width:97px;
   text-align:center;
   text-decoration:none;
   line-height:40px;
}


/*faq*/

.link_faq{
  height:37px;
  width:73px;
  float:left;
  background-image:url(img/faq_ttgris.jpg);
  color:#FFFFFF;
  text-align:center;
  text-decoration:none;
  line-height:40px;
}

.link_faq:hover{
   background-image:url(img/faq_gris.jpg);
   color:#000000;
}

.link_faqon{
  height:37px;
  width:73px;
  float:left;
  background-image:url(img/faq_gris.jpg);
  color:#000000;
  text-align:center;
  text-decoration:none;
  line-height:40px;
}

/*annonce*/

a.link_annonce{
  height:37px;
  width:136px;
  float:left;
  background-image:url(img/annonce_ttgris.jpg);
  color:#FFFFFF;
  text-align:center;
  text-decoration:none;
  line-height:40px;
  
}

a.link_annonce:hover{
  background-image:url(img/annonce_gris.jpg);
  color:#000000;
}

a.link_annonceon{
  background-image:url(img/annonce_gris.jpg);
  color:#000000;
  height:37px;
  width:136px;
  text-align:center;
  text-decoration:none;
  line-height:40px;
  float:left;
}

/*contact*/
a.link_contact{
   width:96px;
   height:37px;
   float:left;
   background-image:url(img/contact_ttgris.jpg);
   color:#FFFFFF;
   line-height:40px;
   text-align:center;
   text-decoration:none;
}
 
a.link_contact:hover{
   background-image:url(img/contact_gris.jpg);
   color:#000000;
}

a.link_contacton{
   width:96px;
   height:37px;
   float:left;
   line-height:40px;
   text-align:center;
   text-decoration:none;
   background-image:url(img/contact_gris.jpg);
   color:#000000;
}

/*corps***************************************************************************************/

#corps{
   width:840px;
   height:auto;
   display:block;
   clear:both;
   float:left;
   background-image:url(img/fond_contenu.jpg);
   background-repeat:repeat-y;
}

#contenu{
   width:665px;
   height:auto;
   display:block;
   clear:inline;
   float:left;
   margin-top:10px;
}
#contenu_gauche_haut{
   width:665px;
   height:16px;
   display:block;
   clear:both;
   float:left;
   background-image:url(img/cadre_haut.jpg);
}
#contenu_gauche{
   width:665px;
   height:auto;
   display:block;
   clear:both;
   float:left;
   top:0px;
   background-image:url(img/cadre_centre.jpg);
}

.texte_contenu{
   width:600px;
   height:auto;
   float:left;
   display:block;
   clear:both;
   margin-left:30px;
}

#texte_contenu_gd{
   width:665px;
   height:auto;
   float:left;
   display:block;
   clear:both;
   margin-top:10px;
}
/*menue droit*********/

#menu_droit{
   width:173px;
   height:auto;
   display:block;
   float:right;
   clear:inline;
   margin-top:10px;
}

#menu_doit_actu{
   width:173px;
   height:43px;
   float:right;
   display:block;
   clear:inline;
   background-image:url(img/menu_droit_actu.jpg);
   font-size:13px;
   font-weight:bold;
   color:#FFFFFF;
   line-height:37px;
   text-indent:20px;
}

#menu_fond{
   width:173px;
   height:auto;
   float:right;
   display:block;
   clear:inline;
   background-image:url(img/fond_menu_droit.jpg);
  
}



.contenu_menu_droit{
   width:145px;
   height:auto;
   margin-left:20px;
  
}


.contenu_menu_droit_pub{
   width:158px;
   height:auto;
   margin-left:10px;
   font-size:12px;
   color:#242424;
}

#menu_droit_telechargement{
   width:173px;
   height:53px;
   float:right;
   display:block;
   clear:inline;
   background-image:url(img/menu_droit_telechargement.jpg);
   font-size:13px;
   font-weight:bold;
   color:#FFFFFF;
   line-height:55px;
   text-indent:20px;

}

#menu_droit_pub{
   width:173px;
   height:43px;
   float:right;
   display:block;
   clear:inline;
   background-image:url(img/menu_droit_pub.jpg);
   background-repeat:no-repeat;
   font-size:13px;
   font-weight:bold;
   color:#FFFFFF;
   line-height:53px;
   text-indent:20px;
}


#fin_menu_droit{
   width:173px;
   height:11px;
   float:right;
   clear:inline;
   display:block;
   background-image:url(img/fin_menu_droit.jpg);
   background-repeat:no-repeat;
}

/*bandeau_bas***************************************************************************************/

#bandeau_bas{
  width:840px;
  height:121px;
  float:left;
  clear:both;
  display:block;
}

#silouhette{
  width:840px;
  height:64px;
  float:left;
  display:block;
  clear:both;
  background-image:url(img/silouhette_cadre.jpg);
  background-repeat:no-repeat;
}

#adresse{
  width:840px;
  height:57px;
  float:left;
  clear:both;
  display:block;
  background-image:url(img/bandeau_bas.jpg);
  background-repeat:no-repeat;

}

#texte_adresse{
  width:650px;
  height:auto;
  float:left;
  margin-top:30px;
  margin-left:10px;
    font-size:12px;
  color:#242424;
}

#mention{
  width:840px;
  height:30px;
  float:left;
  display:block;
  clear:inline;
}

#legales{
  width:200px;
  float:left;
  display:block;
  clear:inline;
  height:30px;
  font-size:10px;
  color:#FFFFFF;
  
}

#itemos{
  width:110px;
  float:right;
  display:block;
  clear:inline;
  height:30px;
  font-size:10px;
  color:#FFFFFF;
  
}

/*page generale***********************************************/
.cadre_module{
   width:590px;
   height:auto;
   float:left;
   clear:both;
   display:block;
   border:#393939 5px solid;
   background-color:#FFFFFF;
   margin-left:28px;
   margin-top:20px;
}


.texte_contenu{
   width:600px;
   height:auto;
   float:left;
   display:block;
   clear:both;
   margin-left:30px;
}

.texte_contenu_marge{
   width:600px;
   height:auto;
   float:left;
   display:block;
   clear:both;
   margin-left:30px;
   margin-top:20px;
}
/*page index************************************************************************/



#fond_machine{
   width:665px;
   height:350px;
   float:left;
   clear:both;
   display:block;
   background-image:url(img/haut_machine_index.jpg);
   background-repeat:no-repeat;
}

#texte_machine{
   width:500px;
   float:left;
   display:block;
   clear:both;
   margin-left:28px;
   margin-top:20px;
}
/*page contact************************************************************************/

.encart_adresse{
   width:150px;
   height:auto;
   float:left;
   display:block;
   clear:inline;
   border:#393939 5px solid;
   background-color:#FFFFFF;
   margin-left:20px;
}
.contenu_contact{
   width:450px;
   height:auto;
   float:left;
   display:block;
   clear:inline;
   margin-left:20px;
}

/*texte************************************************************************************/

.texte_titre{
   font-size:16px;
   font-weight:bold;
   color:#242424;
}

.texte{
   font-size:12px;
   color:#242424;
}

.texte_gris{
   font-size:12px;
   color:#999999;
}

.texte_bold{
   font-size:12px;
   color:#242424;
   font-weight:bold;
}

