/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    margin              : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    color               : #000000;
    text-decoration     : none;
	background          : #D4E0EE;
}

a, a:visited, a:link {
	color               : #106DB2;
	background-color    : inherit;
	text-decoration     : none;
}
a:hover, a:active {
	text-decoration     : underline;
}
a:focus {
    outline             : none;
}

p {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

h1 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #106DB2;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
    padding             : 2px 0px 5px 32px;
    background-image    : url(images/corporate/puce_titre_page.gif);
    background-repeat   : no-repeat;
}
h2 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 14px;
    font-weight         : bold;
    color               : #535353;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    color               : #000000;
	background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 0px;
}
td {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
ul {
    margin              : 0px 0px 0px 16px;
    padding             : 2px 0px 2px 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    list-style-image    : url(images/corporate/puce.gif);
}
ol {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
}
li {
    padding             : 0px 0px 0px 5px;
    margin              : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input, select, textarea {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    vertical-align      : middle;
}

input.focus, select.focus, textarea.focus {
    background-color    : #CFE2F0;
}
div.contact {
    color : #666666;
    font-family         : Arial, Helvetica, sans-serif;
    font-size           : 11px;
    font-weight : bold;
    padding : 5px 15px;
}
div.contenu_complet {
    background          : #D4E0EE url('images/bg_motif.gif') repeat-y center;
    padding-top         : 5px;
}
div.contenu_complet2 {
   background           : url('images/bg_top.gif') no-repeat top center;
   padding-bottom       : 5px;
}
/*----------------------------------------------------------------*/
/*                        MENTIONS LEGALES                        */
/*----------------------------------------------------------------*/

div.mentionsLegales {
    background          : url('images/bg_bottom.gif') no-repeat top;
    height              : 28px;
}
div.mentionsLegales table td {
    color               : #17569F;
    padding             : 2px 3px 1px 10px;
    margin              : 4px 0px;
    text-align          : right;
}
div.mentionsLegales table td a, div.mentionsLegales table td a:visited {
	color               : #17569F!important;
	text-decoration     : none!important;
}
div.mentionsLegales table td a:hover, div.mentionsLegales table td a:link, div.mentionsLegales table td a:active{
	color               : #17569F!important;
	text-decoration     : underline!important;
}

/*----------------------------------------------------------------*/
/*                 LISTE DES PRODUITS - MENU                      */
/*----------------------------------------------------------------*/

#div_menu_liste_produits {
    position                : absolute;
    z-index                 : 5;
    visibility              : hidden;
    background-position     : top center;
    background-repeat       : no-repeat;
    width                   : 221px;
    height                  : 194px;
}

#div_menu_liste_produits div.liste {
    width                   : 195px;
    height                  : 140px;
    overflow                : auto;
    text-align              : left;
    margin-left             : 15px;
}
#div_menu_liste_produits div.liste a,
#div_menu_liste_produits div.liste a:link,
#div_menu_liste_produits div.liste a:visited {
    color                   : #FFF;
    font-size               : 11px;
    /*display                 : block;*/
}
#div_menu_liste_produits div.liste a:hover {
    font-weight             : bold;
    text-decoration         : none;
}


/*----------------------------------------------------------------*/
/*               ELEMENTS COMMUNS TOUTES LANGUES                  */
/*----------------------------------------------------------------*/
/*
Pour personnaliser une langue, il suffit de préfixer le nom de la classe de "BAFR_" par exemple
(div.batiflex_liste_par_gamme, ...)
*/

/* liste_par_gamme */

div.liste_par_gamme table.titre_gamme {
  border-top: 3px solid #B8B8B8;
  margin: 15px 0px 5px 0px;
  padding-top: 10px;
  cursor: pointer;
}
div.liste_par_gamme table.titre_gamme td.description {
  font-size: 9px;
  text-align: right;
}
div.liste_par_gamme table.produits_gamme td {
  vertical-align: top;
}
div.liste_par_gamme table.produits_gamme a {
  font-weight: bold;
}




/*  Styles actualites   */
table.titre_actualites {
    border-bottom: 3px solid #B8B8B8;
}

table.titre_actualites h3 {
    font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #427A34;
}

table.liste_home_actualites {
    border-bottom: 3px solid #B8B8B8;
}

table.titre_actualites td.lien_actualites a, table.titre_actualites td.lien_actualites a:link, table.titre_actualites td.lien_actualites a:visited, table.titre_actualites td.lien_actualites a:active, table.titre_actualites td.lien_actualites a:hover {
    font-weight         : bold;
    text-decoration     : none;
}
