/*-----------------------------------------------------
  Corps du document
-----------------------------------------------------*/
body {
  font-family: Helvetica, Arial;
  font-size: 10pt;
}

a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.inputClass {
  font-family: Helvetica, Arial;
  font-size: 10px;
  color: #7c7c7c;
  /*height: 18px;*/
}

input {
  font-family: Helvetica, Arial;
  font-size: 10px;
  color: #7c7c7c;
  /*height: 18px;*/
}

/*-----------------------------------------------------
  Main DIV (944px large) contenant tout le site 
-----------------------------------------------------*/
div.main {
  margin-right: auto;
  margin-left: auto;
  width: 944px;  
}

div.main_module {
  width: 756px;
  float: left;
}

div.main_client {
 width: 188px;
 float: left;
}

/*-----------------------------------------------------
  Entete pour toutes les pages
-----------------------------------------------------*/
div.header {
  width: 944px;  
}

/* Entete - Logo */
div.header_logo {
  /*background: url(../img/logo96.gif);*/
  background-position: top;
  background-repeat: no-repeat;
  width: 216px;
  height: 118px;
  float: left;
  cursor: pointer;
}

/* Entete - Drapeaux pays livraison */
div.header_flags {
  width: 728px;
  height: 43px;
  float: left;
  text-align: left;          
}

/* Drapeau non sélectionné */
div.flag_top {
  width: 30px;  
  height: 22px;
  float: left;
  cursor: pointer;  
}

div.flag_top div {
  padding-left: 3px;
  padding-top: 3px;
}

/* Drapeau MOUSE OVER */
div.flag_top_hover {
  background: url(../img/flags/flag_hover.gif);
  width: 30px;  
  height: 22px;
  float: left;
  cursor: pointer;
}

div.flag_top_hover div {
  padding-left: 3px;
  padding-top: 3px;
}

/* Drapeau sélectionné */
div.flag_top_selected {
  background: url(../img/flags/flag_select.gif);
  width: 30px;  
  height: 22px;
  float: left;
}

div.flag_top_selected div {
  padding-left: 3px;
  padding-top: 3px;
}

/* Séparateur entre les drapeaux */
div.flag_top_spacer {
  width: 8px;
  height: 22px;
  float: left;
}

div.flag_top_spacer_left {
  width: 6px;
  height: 22px;
  float: left;
}

/*-----------------------------------------------------
  Onglets de l'entete
-----------------------------------------------------*/
div.onglets {
  width: 728px;
  height: 78px;
  float: left;  
} 

/* Onglet Accueil */
div.onglet_accueil_on_fr {
  background: url(../img/header/fr_accueil_on.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 113px;
  height: 78px;
  float: left;
  cursor: pointer;    
}

div.onglet_accueil_off_fr {
  background: url(../img/header/fr_accueil_off.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 113px;
  height: 78px;
  float: left;
  cursor: pointer;    
}

div.onglet_accueil_on_en {
  background: url(../img/header/en_accueil_on.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 113px;
  height: 78px;
  float: left;
  cursor: pointer;    
}

div.onglet_accueil_off_en {
  background: url(../img/header/en_accueil_off.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 113px;
  height: 78px;
  float: left;
  cursor: pointer;    
}

/* Onglet Qui sommes-nous? */
div.onglet_qui_on_fr {
  background: url(../img/header/fr_qui_on.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 145px;
  height: 78px;
  float: left;    
  cursor: pointer;
}

div.onglet_qui_off_fr {
  background: url(../img/header/fr_qui_off.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 145px;
  height: 78px;
  float: left;
  cursor: pointer;    
}

div.onglet_qui_on_en {
  background: url(../img/header/en_qui_on.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 145px;
  height: 78px;
  float: left;    
  cursor: pointer;
}

div.onglet_qui_off_en {
  background: url(../img/header/en_qui_off.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 145px;
  height: 78px;
  float: left;
  cursor: pointer;    
}

/* Onglet Nos engagements */
div.onglet_engagement_on_fr {
  background: url(../img/header/fr_engagements_on.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 138px;
  height: 78px;
  float: left;
  cursor: pointer;    
}

div.onglet_engagement_off_fr {
  background: url(../img/header/fr_engagements_off.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 138px;
  height: 78px;
  float: left;    
  cursor: pointer;
}

div.onglet_engagement_on_en {
  background: url(../img/header/en_engagements_on.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 138px;
  height: 78px;
  float: left;
  cursor: pointer;    
}

div.onglet_engagement_off_en {
  background: url(../img/header/en_engagements_off.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 138px;
  height: 78px;
  float: left;    
  cursor: pointer;
}

/* Onglet contactez-nous */
div.onglet_contact_on_fr {
  background: url(../img/header/fr_contact_on.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 127px;
  height: 78px;
  float: left;    
  cursor: pointer;
}

div.onglet_contact_off_fr {
  background: url(../img/header/fr_contact_off.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 127px;
  height: 78px;
  float: left;    
  cursor: pointer;
}

div.onglet_contact_on_en {
  background: url(../img/header/en_contact_on.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 127px;
  height: 78px;
  float: left;    
  cursor: pointer;
}

div.onglet_contact_off_en {
  background: url(../img/header/en_contact_off.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  width: 127px;
  height: 78px;
  float: left;    
  cursor: pointer;
}

/* Onglet téléphone */
div.onglet_tel_fr {
  background: url(../img/header/fr_tel1.jpg);
  background-position: center 13px;
  background-repeat: no-repeat;
  width: 180px;
  height: 78px;
  float: left;    
  cursor: pointer;
}

div.onglet_tel_en {
  background: url(../img/header/en_tel1.jpg);
  background-position: center 13px;
  background-repeat: no-repeat;
  width: 180px;
  height: 78px;
  float: left;    
  cursor: pointer;
}

/*----------------------------------------------------- 
  Bloc jaune pour top menu 
-----------------------------------------------------*/
div.top_menu {
  background: url(../img/header/bloc_jaune.gif);
  background-position: top left;
  background-repeat: no-repeat;
  width: 944px;
  height: 51px;
}

div.top_menu_search {
  width: 944px;
}

div.search_loupe {
 padding-top: 7px;
 padding-left: 5px;
 width: 40px;
 float: left;
}

div.search_loupe2 {
 margin-left: 10px;
 margin-top: 5px;
}

div.search_recherche {
  width: 80px;
  height: 51px;
  float: left;
}

div.search_recherche1 {
  margin-top: 15px;
}

div.search_keywords {
  width: 125px;
  height: 51px;
  float: left;
}

div.search_keywords1 {
   margin-top: 15px;
}

div.search_ok {
  width: 40px;
  height: 51px;
  float: left;
}

div.search_ok1 {
   margin-left: 10px;
   margin-top: 14px;
}

div.search_trait {
  width: 30px;
  height: 51px;
  float: left;
}

div.search_trait1 {
   margin-left: 10px;
   margin-top: 14px;
}

div.search_select {
  width: 160px;
  height: 51px;
  float: left;
}

div.search_select1 {
  margin-top: 15px;
}

/* Séparateur du top menu */
div.top_blank {
  height: 2px;
  width: 944px;   
}

/* Séparateur pour les DIV flottants */
div.break_align {
  margin-left: 0px;
  margin-right: 0px;
  height: 0px;
  clear: both;
}

/*-----------------------------------------------------
  Pied de page
-----------------------------------------------------*/
div.footer {  
  width: 944px;
  height: 36px;
}

div.footer_links {
  background: url(../img/footer/back.gif);
  background-position: top;
  background-repeat: no-repeat;
  width: 844px;
  height: 36px;  
  float: left;
  line-height: 12px;
  color: #ffffff;
  font-size: 8pt;
  font-weight: normal;
}

div.footer_lang {
  background: url(../img/footer/back.gif);
  background-position: top;
  background-repeat: no-repeat;
  float:left;
  width: 100px;
  height: 36px;    
}

div.footer_lang div {
   margin-top: 7px;
   margin-left: 15px;
}

div.footer div a {
  color: #ffffff;
  text-decoration: none;
}

div.footer div a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/*-----------------------------------------------------
  Menu de gauche (Nos produits)
-----------------------------------------------------*/
div.prod {
  width: 197px;
  float: left;  
}

div.prod_top {
  background: url(../img/prod/top.gif);
  width: 197px;
  height: 30px;  
}

div.prod_top_produits_fr {
  background: url(../img/prod/top_produits_fr.jpg);
  width: 197px;
  height: 36px;  
}

div.prod_top_produits_en {
  background: url(../img/prod/top_produits_en.jpg);
  width: 197px;
  height: 36px;  
}


div.prod_top div {
  margin-left: 50px;
  margin-top: 10px;
  color: #ff7e00;
  font-size: 11pt;
  font-weight: bold;
}

div.prod_mid {
  background: url(../img/prod/mid.gif);
  background-repeat: repeat-y;
  width: 197px;  
  /*height: 20px;*/
}

div.prod_famille {
  width: 157px;
  height: 19px;
  padding-top: 2px;
  padding-left: 10px;
  color: #7b7b7b;
  font-size: 12px;
  cursor: pointer;
}

div.prod_famille_selected {
  width: 157px;
  height: 19px;  
  padding-top: 2px;
  padding-left: 10px;
  background: url(../img/prod/select.gif);
  background-position: 10px 0px;
  background-repeat: no-repeat;
  color: #ff7e00;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

div.prod_famille_hover {
  width: 157px;
  height: 19px;  
  padding-top: 2px;
  padding-left: 10px;
  background: url(../img/prod/select.gif);
  background-position: 10px 0px;
  background-repeat: no-repeat;
  color: #ff7e00;
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
}

div.prod_categorie_list {
  display: none;
}

div.prod_categorie_list_visible {
  display: block;
}

div.prod_categorie {
  width: 157px;
  /*height: 19px;*/
  padding-top: 2px;
  padding-left: 25px;
  color: #7b7b7b;
  font-size: 10px;
  cursor: pointer;
}

div.prod_categorie_hover {
  width: 157px;
  /* height: 19px; */  
  padding-top: 2px;
  padding-left: 25px;
  /*background: url(../img/prod/select.gif);
  background-position: 10px 0px;
  background-repeat: no-repeat;*/
  color: #ff7e00;
  font-size: 10px;
  text-decoration: none;
  font-weight: normal;
  cursor: pointer;
}

div.prod_categorie_selected {
  width: 157px;
  /* height: 19px; */  
  padding-top: 2px;
  padding-left: 25px;
  /*background: url(../img/prod/select.gif);
  background-position: 10px 0px;
  background-repeat: no-repeat;*/
  color: #ff7e00;
  font-size: 10px;
  text-decoration: none;
  font-weight: normal;
  font-style: normal;
  cursor: pointer;
}

/*div.prod_mid div {
  padding-top: 3px;
  margin-left: 10px; 
  color: #7b7b7b;
  font-size: 10pt;
}*/

div.prod_mid_sep {
  background: url(../img/prod/mid_sep.gif);
  background-position: center left;
  background-repeat: no-repeat;
  width: 157px;  
  height: 1px;
}

div.prod_bottom {
  background: url(../img/prod/bottom.gif);
  width: 197px;  
  height: 21px;
}

/*-----------------------------------------------------
  DIV du milieu (contenu) 
-----------------------------------------------------*/
div.mid {
  width: 559px;
  float: left;
}

/*-----------------------------------------------------
  Menu de droite (Section client)
-----------------------------------------------------*/
div.client {
  width: 188px;  
  float: left;  
}

div.client_top_fr {
  background: url(../img/client/top_fr1.jpg);
  background-position: top;
  background-repeat: no-repeat;
  width: 188px;
  /* height: 225px; */  
}

div.client_top_en {
  background: url(../img/client/top_en1.jpg);
  background-position: top;
  background-repeat: no-repeat;
  width: 188px;
  /* height: 225px; */  
}

div.client_mid {
  background: url(../img/client/mid.gif);
  background-position: top;
  background-repeat: repeat-y;
  width: 188px;  
  /* height: 20px; */
}

div.client_bottom {
  background: url(../img/client/bottom.gif);
  width: 188px;  
  height: 53px;
}

/*
  Bottom : addresses, infos et email   
*/
div.bottom {  
  width: 944px;
  /*float: left;*/
}

div.bottom_spacer {
  width: 944px;
  height: 5px;
}

div.bottom_text {
  width: 944px;
  color: #7b7b7b;
  font-size: 8pt;
}

div.bottom_address {
  width: 180px;
  float:left;
  line-height: 12px;
}

div.bottom_email {
  width: 360px;
  float:left;  
}

div.bottom_email a {
  color: #000000;
  text-decoration: none;
}

div.bottom_email a:hover {
  text-decoration: underline;
}

div.bottom_images {
  width: 584px;
  float: left;
  text-align: right;
}

div.left {
  width: 756px;
  float: left;
}

div.famille_cat {
  width: 125px;
  height: 126px;
  background: url(../img/prod/bloc_gris.gif);
  background-position: top;
  background-repeat: no-repeat;
  float: left;
  cursor: pointer;   
}

div.famille_cat_hover {
  width: 125px;
  height: 126px;
  background: url(../img/prod/bloc_orange.gif);
  background-position: top;
  background-repeat: no-repeat;
  float: left;
  color: #ffffff;
  cursor: pointer;   
}

div.famille_cat a {
  text-decoration: none;
  cursor: pointer;
}

div.famille_cat a:hover {
  text-decoration: none;
  width: 125px;
  height: 126px;
  background: url(../img/prod/bloc_orange.gif);
  background-position: top;
  background-repeat: no-repeat;
  float:left;
  cursor: pointer;
}

.ellipsis span {
   /*white-space:nowrap;*/
   text-overflow: ellipsis; /* for internet explorer */
   overflow: hidden;
   /*width:190px;*/
   display: block;
}

html>body .ellipsis {
   clear: both;
}

html>body .ellipsis span:after {
   content: "...";
}

/*html>body .ellipsis span {
   max-width:382px;
   max-height:50px;
   width:auto;
   height:50px;
   float:left;
} */