/* On importe les différentes feuilles de style */
@import "./form.css";           /*css formulaires*/
@import "./tableau.css";        /*css tableaux (th, td...)*/
 /* Plan de la feuille de style
------------------------------
    1. Structure
    2. Balises html
    3. Elements communs
        3.0. les textes
        3.1. les liens      (regles generales)
        3-2. le haut (top, prelude)
        3-3. menu de gauche : catégories de produits
        3-4. fiche détail article
        3-5. le pied de page (footer) 
    4. Specificites
*/
/*
A RETENIR : CODES COULEURS CHARTE LRDM
jaune : FFEB00
bleu  : 0062AB
rouge : E10029
orange : F39900
abricot : FAC145
chaire : FFE6BB
noir : 1A171B
magenta : ff00ff
*/
/* ==============================================================
        STRUCTURE
   ============================================================= */
html { overflow: -moz-scrollbars-vertical; }
body {
    background-color: #1A171B;
    background: url('./../image/back.gif');
    color: #fff;
    font-family: "Verdana", Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding-top: 0px;
	margin: 0px 0px 0px 0px;
}
/* ==============================================================
        BALISES HTML
   ============================================================= */
img { border: 0; }  
h2 {  color:#FFEB00;}  
ul {
    list-style: none;
     padding: 0;
     margin: 0;
}
li { padding: 0; }
.list {
    list-style: none;
    padding-left: 2px;
    line-height: 18px;
}

/* ==============================================================
         les textes
/*  ============================================================= */
.txt_01, .txt_01:link, .txt_01:hover, .txt_01:visited { color: #FFF }
.txt_02, .txt_02:link, .txt_02:hover, .txt_02:visited { color: #1A171B }
.txt_02_panier, .txt_02_panier:link, .txt_02_panier:hover, .txt_02_panier:visited { color: #1A171B; font-size: 9px; text-align: center;}
.txt_03, .txt_03:link, .txt_03:hover, .txt_03:visited { color: #ff00ff }
.txt_04, .txt_04:link, .txt_04:hover, .txt_04:visited  { color: #0062AB }
.txt_05 { color: #F39900 } 
.txt_01_b, .txt_01_b:link, .txt_01_b:hover, .txt_01_b:visited { color: #FFF; font-weight: 700 }
.txt_02_b { color: #1A171B; font-weight: 700 }
.txt_02_b_gd { color: #1A171B; font-weight: 700; font-size: 16px }
.txt_03_b { color: #ff00ff; font-weight: 700 }
.txt_04_b { color: #0062AB; font-weight: 700 }
.txt_05_b { color: #F39900; font-weight: 700 }
.txt_06_b {color:#E10029; font-weight: 700}
.txt_07_b {color:#cccccc; font-weight: 700;} 
.little_txt_02, .little_txt_02:link, .little_txt_02:hover, .little_txt_02:visited   { color: #1A171B; font-size: 9px; }  
.lisere {                                               /*lisere blanc derriere texte */ 
    background-image: url('./../image/lisere.gif') ;
    background-position: 0 50%;
    background-repeat: repeat-x
}
.no_back_lisere { background-color: #0062AB;}
.no_back {  background: none }

/* ==============================================================
         les liens      (regles generales)
/*  ============================================================= */
a:link, a:active, a:visited,  a:hover{
    color: #fff;
    text-decoration: none;
}
.txt_05_b:link, .txt_05_b:active, .txt_05_b:visited,  .txt_05_b:hover{
    color: #F39900;
    text-decoration: none;
}
 
 /* ==============================================================
        HEADER
/*  ============================================================= */
.prelude  {
    color: #FFF ;          
    font-size: 11pt;
    font-weight: 700;
    text-align: left;
}
.mag_titre {   
    font-size: 12pt;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;        
}
.photo {border:#FFF 1px solid} 
.table_info {
    background-color: #FFEB00;
    border: #fff 1px solid;
    width: 372px;
    text-align: center;
}

.table_ami {
    background-color: #FFEB00;
	background-image:url('./../image/lrdm_facteur.gif');
    background-repeat:no-repeat;
	background-position: left bottom;
	border: #fff 1px solid;
    width: 372px;
}

.no_detail {
    background-color: #FFEB00;
	background-image:url('./../image/pouce.gif');
    background-repeat:no-repeat;
	background-position:bottom;
	border: #fff 1px solid;
    text-align: left;
    padding:0px 0px 0px 0px;
}

  
.info_gen {
    border: #fff 1px solid;
    color:#FFF;
    line-height: 15px;
}
.infos {
    border: #000 1px solid;
    color:#000;
    font-size:11px;
    width: 165px;
    height: 130px;
    text-align: left;
}
.txt_infos {
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    height: 70px;
}
.titre_info {
    font-size: 18px;
    color: #ffffff;
    font-weight: 700;
}

  /* ==============================================================
        FOOTER
/*  ============================================================= */
.footer {
    color: #FFF;
    font-size: 10px;
    text-align: center;
}