/*----------------------------------------------------------------*/
/*                          GENERIQUE                             */
/*----------------------------------------------------------------*/
body {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    color               : #000000;
    text-decoration     : none;
    margin              : 0px;
    padding             : 0px;
    background          : #ebe9e3 url(images/fd_page.gif) top center repeat-y;
}

a, a:visited, a:link {
    color               : #F47200;
    background-color    : inherit;
    text-decoration     : none;
}
a:hover, a:active {
    text-decoration     : underline;
}

p {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    margin-top          : 5px;
    margin-bottom       : 5px;
}

h1 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 16px;
    font-weight         : bold;
    color               : #256DA1;
    background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h2 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 13px;
    font-weight         : bold;
    color               : #0074BF;
    background-color    : inherit;
    margin-top          : 0px;
    margin-bottom       : 1px;
}
h3 {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 11px;
    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 0px;
    padding             : 0px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
ol {
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    margin              : 0px 0px 0px 7px;
    padding             : 0px;
}
li {
    margin              : 0px 0px 0px 16px;
    padding             : 0px;
    list-style-type     : square;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
form {
    border              : 0px;
    margin              : 0px;
    padding             : 0px;
}
input {
    vertical-align      : middle;
}


/*----------------------------------------------------------------*/
/*                          SPECIFIQUE                            */
/*----------------------------------------------------------------*/
table.container {
    color               : inherit;
    background-color    : #fff;
    width               : 1027px;
}
span.titre_page {
    color               : #000;
    background-color    : inherit;
    font-size           : 18px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    margin              : 10px;
    padding             : 0px;
    font-weight         : bold;
    text-transform      : uppercase;
    margin-top          : 9px;
}
span.ss_titre_page {
    color               : #000;
    background-color    : inherit;
    font-size           : 18px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    margin              : 10px;
    padding             : 0px;
    font-weight         : bold;
    margin-top          : 9px;
}
div.contenu_page_classique {
    float               : left;
    padding             : 10px;
    width               : 762px;
    height              : 450px;
    overflow            : auto;
}
div.contact {
    color               : #623017;
    background-color    : #FFFFFF;
    padding             : 5px;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
}
div.copyright {
    color               : #623017;
    background-color    : inherit;
    font-family         : Verdana, Arial, Helvetica, sans-serif;
    font-size           : 10px;
    padding             : 5px;
}
div.copyright a, div.copyright a:visited, div.copyright a:active, div.copyright a:hover, div.copyright a:link {
    text-decoration     : none;
}
div.copyright img {
    vertical-align      : middle;
}

/* Menu */
div.menu {
    background-color    : #f0efef;
    color               : inherit;
    padding-left        : 5px;
    padding-right       : 5px;
    padding-top         : 2px;
    height              : 20px;
    float               : left;
}
div.menu a, div.menu a:visited, div.menu a:link {
    display             : block;
    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    padding             : 2px 5px;
    color               : #677a8d;
    background-color    : inherit;
    text-decoration     : none;
    letter-spacing      : -1px;
}
div.menu a:active, div.menu a:hover,
div.menu a.on, div.menu a.on:visited, div.menu a.on:link, div.menu a.on:active, div.menu a.on:hover {
    display             : block;
    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 12px;
    font-weight         : bold;
    padding             : 2px 5px;
    color               : #0074BF;
    background-color    : inherit;
    text-decoration     : none;
}

/* Sous Menu */
div.ssmenu {
    position            : absolute;
    left                : 0px;
    top                 : -300px;
    z-index             : 5;
    visibility          : hidden;
}
div.ssmenu div {
    margin-top          : 10px;
    color               : inherit;
}
div.ssmenu a, div.ssmenu a:visited, div.ssmenu a:link {
    display             : block;
    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 11px;
    padding             : 2px 5px;
    color               : #da680d;
    background-color    : inherit;
    text-decoration     : none;
    border-bottom       : 1px solid #dddcdc;
}
div.ssmenu a:active, div.ssmenu a:hover {
    display             : block;
    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 11px;
    padding             : 2px 5px;
    color               : #da680d;
    background-color    : inherit;
    text-decoration     : none;
    border-bottom       : 1px solid #dddcdc;
}

/* --------------------------------------------*/
/* ---------->>> TRES SPECIFIQUE <<<-----------*/
/* --------------------------------------------*/

div.drapeaux {
    float               : right;
    width               : 50px;
}

div.titre_niv1 {
    text-transform      : uppercase;
    color               : #fff;
    font-weight         : bold;
    font-size           : 16px;
    background          : #fff url(images/fd_niv1.gif) top left no-repeat;
    padding-left        : 32px;
    height              : 19px;
    padding-top         : 1px;
    margin-top          : 9px;
    margin-left         : 6px;
}

/* ------------------------------------------*/
/* ---------->>> BLOC DEMANDES <<<-----------*/
/* ------------------------------------------*/

div.demandes {
    background-color    : #efe6df;
    float               : right;
    width               : 220px;
    height              : 133px;
}

div.demandes ul {
    margin              : 35px 13px 0 28px;
    padding             : 0;
}

div.demandes ul li {
    border-top          : 1px solid #7c7255;
    list-style-type     : none;
    margin              : 0;
    padding             : 10px 0;
}

div.demandes ul li a:link, div.demandes ul li a:visited {
    color               : #7c7255;
    text-decoration     : none;
    font-weight         : bold;
    letter-spacing      : -1px;
}
div.demandes ul li a:hover, div.demandes ul li a:active {
    text-decoration     : underline;
    font-weight         : bold;
    letter-spacing      : -1px;
}

div.demandes ul li img {
    vertical-align      : middle;
    margin-right        : 4px;
}

/* ----------------------------------------*/
/* ---------->>> MENU GAUCHE <<<-----------*/
/* ----------------------------------------*/

div.menu_gauche {
    float               : left;
    background-image    : url(images/fd_menu_gauche.gif);
    background-repeat   : repeat-y;
    width               : 196px;
}

/* ----------------------------------------*/
/* ---------->>> ZONE DROITE <<<-----------*/
/* ----------------------------------------*/

div.zone_droite {
    margin-top          : 4px;
    float               : right;
}

/* ---------------------------------------*/
/* ---------->>> CADRE BLEU <<<-----------*/
/* ---------------------------------------*/

div.cadre_bleu {
    width               : 782px;
    height              : 548px;
    border              : 1px solid #677a8d;
    margin-right        : 11px;
    margin-bottom       : 8px;
}
div.une_home {
    border              : 1px solid #677a8d;
    background-color    : #677a8d;
}
div.une_gauche {
    border              : 1px solid #677a8d;
    background-color    : #ffa800;
    float               : left;
    width               : 385px;
    margin-right        : 8px;
}
div.une_droite {
    /*border              : 1px solid #677a8d;*/
    float               : left;
    width               : 385px;
}

div.une_home div.titre {
    color               : #fff;
    font-size           : 20px;
    font-weight         : bold;
    margin-left         : 25px;
    margin-right        : 10px;
}

div.une_gauche div.titre {
    background-image    : url(images/puce_actu_gauche.html);
    background-repeat   : no-repeat;
    background-position : 10px 3px;
    padding-left        : 27px;
    color               : #2d2c7f;
    font-size           : 12px;
    font-weight         : bold;
    margin-right        : 10px;
}
div.une_gauche div.contenu {
    color               : #542323;
    margin-left         : 27px;
}

div.une_gauche div.contenu a.lien1:link, div.une_gauche div.contenu a.lien1:visited, div.une_gauche div.contenu a.lien1:hover, div.une_gauche div.contenu a.lien1:active {
    color               : #00a4e8;
    text-decoration     : underline;
}

div.une_droite div.titre {
    color               : #808081;
    font-size           : 12px;
    font-weight         : bold;
    margin-left         : 5px;
    margin-right        : 10px;
}

div.une_droite div.contenu {
    color               : #808081;
    margin-left         : 5px;
}
div.une_droite div.contenu a.lien1:link, div.une_droite div.contenu a.lien1:visited, div.une_droite div.contenu a.lien1:hover, div.une_droite div.contenu a.lien1:active {
    color               : #00a4e8;
    text-decoration     : underline;
}
div.une_home div.contenu {
    color               : #fff;
    margin-left         : 25px;
}

div.une_home div.contenu a.lien1:link, div.une_home div.contenu a.lien1:visited, div.une_home div.contenu a.lien1:hover, div.une_home div.contenu a.lien1:active {
    color               : #fff;
}
div.une_home div.contenu a.lien2:link, div.une_home div.contenu a.lien2:visited, div.une_home div.contenu a.lien2:hover, div.une_home div.contenu a.lien2:active {
    color               : #00a4e8;
    text-decoration     : underline;
}

/* --------------------------------------*/
/* ---------->>> MENU BAS  <<<-----------*/
/* --------------------------------------*/

div.menu_bas {
    color               : #000;
    clear               : both;
    background-color    : #f0efef;
}
div.menu_bas table {
    background-color    : #fff;
}
div.menu_bas a, div.menu_bas a:visited, div.menu_bas a:link {
    display             : block;
    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 12px;
    padding             : 2px 5px;
    color               : #000;
    background-color    : inherit;
    text-decoration     : none;
    letter-spacing      : -1px;
}
div.menu_bas a:active, div.menu_bas a:hover,
div.menu_bas a.on, div.menu_bas a.on:visited, div.menu_bas a.on:link, div.menu_bas a.on:active, div.menu_bas a.on:hover {
    display             : block;
    font-family         : verdana, Helvetica, sans-serif;
    font-size           : 12px;
    padding             : 2px 5px;
    color               : #757575;
    background-color    : inherit;
    text-decoration     : none;
}

/* ----------------------------------------*/
/* ---------->>> MENU GAUCHE <<<-----------*/
/* ----------------------------------------*/

ul.menu_gauche li{
    list-style-type:none;
    margin: 0;
    padding:0px;
}
ul.menu_gauche, ul.menu_gauche ul{
    margin: 0px;
    padding:0px;
}
ul.menu_gauche ul{
    margin-left:15px;
}

ul.menu_gauche li ul {
    margin-bottom: 0px;
}

ul.menu_gauche li {
    margin-top:2px;
    margin-bottom: 0px;
}
ul.menu_gauche li ul {
    margin-bottom: 20px;
}
ul.menu_gauche li ul li ul {
    margin-bottom: 0px;
}
ul.menu_gauche li.niv1 {
    padding: 10px 0px;
}

ul.menu_gauche a {
    white-space: nowrap;
}

ul.menu_gauche a.lien_menu_speciaux:link, ul.menu_gauche a.lien_menu_speciaux:visited, ul.menu_gauche a.lien_menu_speciaux:hover, ul.menu_gauche a.lien_menu_speciaux:active {
    color       : #da680d;
}

ul.menu_gauche a.lien_menu_speciaux_on:link, ul.menu_gauche a.lien_menu_speciaux_on:visited, ul.menu_gauche a.lien_menu_speciaux_on:hover, ul.menu_gauche a.lien_menu_speciaux_on:active {
    color       : #57b3e1;
}

ul.menu_gauche li ul a {
    font-weight : bold;
}

ul.menu_gauche li ul ul a {
    font-weight : normal;
}

div.zone_recherche {
    background-image    : url(images/recherche.gif);
    width               : 196px;
    height              : 53px;
    color               : #ffa800;
    font-size           : 12px;
    padding-top         : 9px;
}

form.recherche {
    margin              : 0 0 0 10px;
    padding             : 0;
    height              : 50px;
}

/* --------------------------------------*/
/* ---------->>> CATALOGUE <<<-----------*/
/* --------------------------------------*/

.produit_standard {
    background-color    : #ebe9e3;
}
.produit_special {
    background-color    : #c2d2d5;
}
div.zone_titre_categorie {
    clear               : left;
}

div.zone1_titre_categorie {
    width               : 26px;
    height              : 20px;
    float               : left;
    margin-left         : 5px;
}

div.zone2_titre_categorie {
    height              : 20px;
    float               : left;
    color               : #fff;
    font-size           : 16px;
    font-weight         : bold;
    padding-left        : 7px;
    padding-right       : 40px;
    text-transform      : uppercase;
}

div.zone_nom_produit {
    clear               : both;
    margin-left         : 34px;
    margin-top          : 30px;
    height              : 25px;
}

div.fleche_nom_produit {
    width               : 17px;
    height              : 13px;
    float               : left;
    margin-top          : 5px;
    margin-right        : 5px;
}

div.zone_nom_produit div.nom_produit {
    float               : left;
    font-size           : 18px;
    font-weight         : bold;
    margin-right        : 10px;
}

div.zone_nom_produit div.baseline {
    float               : left;
    font-size           : 12px;
    margin-top          : 6px;
    margin-right        : 10px;
}

div.zone_nom_produit div.reference {
    float               : left;
    font-size           : 12px;
    font-weight         : bold;
    margin-top          : 6px;
}

p.description_produit {
    margin-left         : 33px;
    margin-right        : 10px;
}

div.titre_sur_demande {
    color               : #fff;
    font-size           : 11px;
    font-weight         : bold;
    padding             : 5px;
}

p.sur_demande {
    margin-left         : 3px;
}

div.trait {
    width               : 515px;
    margin-left         : 27px;
}

div.liste_nom_produit {
    background-image    : url(images/fleche.gif);
    background-position : 0 2px;
    background-repeat   : no-repeat;
    padding-left        : 14px;
    text-tranform       : uppercase;
    font-size           : 10px;
    font-weight         : bold;
}

div.liste_baseline {
    padding-left        : 14px;
    font-size           : 10px;
}

div.liste_reference {
    padding-left        : 14px;
    font-size           : 10px;
    font-weight         : bold;
}

div.liste_lien {
    padding-left        : 14px;
    font-size           : 10px;
    margin-bottom       : 10px;
}

div.liste_lien a:link, div.liste_lien a:visited, div.liste_lien a:hover, div.liste_lien a:active {
    text-decoration     : underline;
}

p.pagination {
    text-transform      : uppercase;
    font-weight         : bold;
}

/* -----------------------------*/
/* ---------->>>  <<<-----------*/
/* -----------------------------*/

*:focus {
    outline             : none;
}

*.debug {
    border              : 1px dashed red;
}