/*  ---------------------------------------------------------------- */
/*  Feuille de style specifique a l'affichage du site public         */
/*  La feuille de style d'impression y fait reference par defaut     */
/*  ---------------------------------------------------------------- */

/*
  styles commun FCK / site public
*/
body {
  font-family : Verdana, sans-serif;
  margin : 0px;
  background-color : #ffffff;
  color : #441B04;
}

/*
  background image pour le site public
*/
#public_body {
  background-image : url('../images/grd_fond.jpg');
  background-repeat : no-repeat;
  background-attachment : fixed;
  text-align : center;
}

.mibr{
  line-height: 6px;
}

.clear{
  clear : both;
}

a{color:#441B04; text-decoration:underline;}
a:hover{color:#441B04; text-decoration:none;}

#conteneur{
  position : relative;
  margin-left : auto;
  margin-right : auto;
  margin-top : 0px;
  width : 922px;
  text-align : left;
}

#bandeau_haut{
  position : relative;
  width : 922px;
  height : 247px;
  background-image : url('../images/banniere.png');
  background-repeat : no-repeat;
}

#lien_retour_accueil{
  position : absolute;
  width : 240px;
  height : 100px;
  left : 51px;
  top : 20px;
  cursor : pointer;
}

#text_accueil{
  position : relative;
  width : 240px;
  height : 25px;
  left : 51px;
  top : 128px;
  font-family : Georgia, serif;
  text-align : center;
  font-size : 0.90em;
}

#sous_menu{
  position : absolute;
  width : 612px;
  height : 40px;
  overflow : hidden;
  top : 157px;
  margin-left : 292px;
  background : #e9c25b; /*url('../images/bande_ssmenu.png');*/
  background-repeat : repeat-x;
  font-size : 0.80em;
  z-index : 50;
}

#animation{
  position : absolute;
  top : 42px;
  left : 292px;
  width : 612px;
  height : 155px;
  z-index : 40;
}

#sous_menu a{color:#441B04; text-decoration:none;}
#sous_menu a:hover{color:#441B04; text-decoration:none; font-weight:bold;}
#sous_menu .on{color:#441B04; text-decoration:none; font-weight:bold; font-size:1.25em;}

#flech_gauche{
  position : relative;
  float : left;
  width : 35px;
  height : 40px;
  background-image : url('../images/fleche_gauche.png');
  background-repeat : no-repeat;
  background-position : center center;
}

#ens_sous_menu{
  position : relative;
  float : left;
  width : 540px;
  overflow : hidden;
  top : 8px;
}

#anim_sous_menu{
  visibility : hidden;
  position : relative;
  width : 120px;
  padding-top : 3px;
  left : 0px;
}

#flech_droite{
  position : relative;
  float : left;
  width : 35px;
  height : 40px;
  background-image : url('../images/fleche_droite.png');
  background-repeat : no-repeat;
  background-position : center center;
}

#titre{
  position : absolute;
  width : 590px;
  height : 50px;
  padding-left : 10px;
  padding-right : 10px;
  top : 198px;
  margin-left : 293px;
  text-align : center;
}

/* Hack IE */
*html #titre{
  width : 610px;
}

#titre h1{
  font-family : Georgia, serif;
  font-weight : bold;
  font-size : 1.25em;
  color : #ffffff;
  text-transform : uppercase;
  margin-top : 0px;
}

#milieu{
  position : relative;
  width : 922px;
  background-image : url('../images/fond.png');
  background-repeat : repeat-y;
  height : 330px;
  z-index : 100;
}

#conteneur_menu{
  position : absolute;
  width : 292px;
  left : 25px;
  height : 310px;
  z-index : 100;
}

#fond_menu{
  position : relative;
  width : 242px;
  height : 250px;
  padding-left : 26px;
  -padding-left : 0px;
  padding-right : 24px;
  -padding-right : 0px;
  background-image : url('../images/fond_menu.png');
  background-repeat : repeat-y;
  text-align : center;
}

/* hack IE */
*html #fond_menu{
  width : 292px;
  height : 230px;
}

#contenu_menu{
  position : relative;
  top : -90px;
  margin-top : 0px;
  height : 370px;
  -height : 380px;
  overflow: hidden;
  font-size : 0.85em;
  font-weight : bold;
  color : #441B04;
}

/* hack IE */
*html #contenu_menu{
  top : 0px;
  -top : 10px;
  margin-top : -110px;
}

.menu{
  position : relative;
  margin-bottom : 7px;
}

*html .menu{
  width : 242px;
}

.menu_video{
  position : relative;
  margin-bottom : 7px;
}

*html .menu_video{
  width : 242px;
}

#contenu_menu .menu a{color:#441B04; text-decoration:none;}
#contenu_menu .menu a:hover{color:#ffffff; text-decoration:none; background-color:#381A04; width:242px;}

#contenu_menu .menu_video a{color:#cc0000; text-decoration:none;}
#contenu_menu .menu_video a:hover{color:#cc0000; text-decoration:none; background-color:#381A04; width:242px;}

.menu_on{
  position : relative;
  height : 20px;
  width : 232px;
  padding : 5px;
  -padding : 0px;
  padding-top : 7px;
  padding-bottom : 7px;
  margin-bottom : 7px;
  color : #ffffff;
  background-color : #381A04;
}

*html .menu_video_on{
  height : 34px;
  width : 242px;
}
.menu_video_on{
  position : relative;
  height : 20px;
  width : 232px;
  padding : 5px;
  -padding : 0px;
  padding-top : 7px;
  padding-bottom : 7px;
  margin-bottom : 7px;
  color : #cc0000;
  background-color : #381A04;
}

*html .menu_on{
  height : 34px;
  width : 242px;
}

.lien_menu{
  position : relative;
  width : 232px;
  height : 20px;
  padding : 5px;
  -padding : 0px;
  padding-top : 7px;
  padding-bottom : 7px;
  cursor : pointer;
}

*html .lien_menu{
  height : 34px;
  width : 242px;
}

a .lien_menu{ text-decoration:none;}
a:hover .lien_menu{ text-decoration:none; background-color:#381A04;}

#bas_menu{
  position : relative;
  width : 292px;
  height : 74px;
  background-image : url('../images/bas_menu.png');
  background-repeat : no-repeat;
}

#lien_site_vente{
  position : relative;
  height : 60px;
  width : 292px;
  cursor : pointer;
}

#logo_ab{
  position : absolute;
  height : 37px;
  width : 31px;
  bottom : -27px;
  left : 23px;
  background : url('../images/logo_ab_petit.jpg');
  background-repeat : no-repeat;
}

#conteneur_texte{
  position : relative;
  width : 575px;
  height : 345px;
  padding-top : 10px;
  margin-left : 320px;
  z-index : 100;
  font-size : 0.75em;
  overflow : hidden;
  color : #441B04;
}

.titre{
  position : relative;
  font-size : 1.35em;
  font-weight : bold;
}

#texte{
  position : relative;
  width : 575px;
  height : 325px;
  overflow : hidden;
  line-height : 18px;
}

#texte td p{
  margin : 0px;
}

/* galerie photos */
.portfolio td{
  text-align : left;
}

.portfolio img{
  border : 0px;
}

/* produit */
.tab_produit{
  line-height : 15px;
  height : 325px;
}

.sous_titre_produit{
  text-transform : uppercase;
}

/* Les points de ventes */
.bloc{
  float : left;
  padding : 10px;
  height : 130px;
  width : 260px;
  line-height : 16px;
}

* html .bloc{ width : 280px; -width : 265px;}

.nomrevendeur{
  font-weight : bold;
  font-size : 120%;
}

.adresse_lab{
  position : relative;
  float : left;
  font-style : italic;
  width : 65px;
}

.adresse{
  position : relative;
  float : left;
  width : 190px;
}

.adresse p{
  margin : 0px;
}

/* pagination */
#pagination{
  position : relative;
  text-align : right;
}

/* contact */
.contact td{
  text-align : left;
}

#pied_page{
  position : relative;
  width : 922px;
  height : 65px;
  background-image : url('../images/pied_fond.png');
  background-repeat : no-repeat;
  z-index : 50;
}