/**
 * az 
 * géométrie
                                            << navigation_horizontale >>
                                      <<             partie_centrale                 >>
                                     << navigation_verticale >> <<contenu >>
                                                    <<contour_bas >>
                                                        <<pied_page >>
 */
body                                                  {             width:921px;}
#navigation_horizontale           { float:left; width:921px;}
#partie_centrale                         { float:left; width:921px;}  
#navigation_verticale               { float:left; width:207px; padding:0px; }
#contenu                                         { float:left; width:714px; padding:0px; }
#contour_bas                                 { float:left; width:921px; height:31px;}
#pied_page                                     {             width:921px;}

/* navigation horizontale */
#menu_horizontal                         { float:left; width:910px; height:36px; padding:0px; }

/* les boutons */
#ongletGris			{ float:left; width:172px; padding:8px; }
#ongletViolet,
#ongletVert,
#ongletOrange		{ float:left; width:211px; padding:8px; }   

.bouton_rose                                { float:left; /*width:180px;*/ padding:12px; }   
.bouton_commander                      { float:left; /*width:180px;*/ padding:12px; }   
.bouton_tri                                  { float:left; padding:4px;  width:150px; }   
 
.floatLeft                                   { float:left; /*padding:2px; */}   
.floatRight                                 { float:right; /*padding:2px; */}   

/* navigation verticale */
.encadrement                                    { float:left; /*width:180px; padding:0px*/} 
.portlet_navigation_verticale  { float:left; width:172px; padding:8px; } 

.item_navigation_verticale         { float:left; width:150px; padding:0px; } /*nv - 2*padding*/
.subitem_navigation_verticale   { float:left; width:140px; padding:0px; } /*nv - 2*padding*/


/* partie centrale */
#resultat-recherche { float:left;  width:686px; }

#fil_ariane                             { float:left; width:700px; padding:0px; }
#catalogue_central               { float:left; width:686px; padding:0px; }

#contenu-haut,
#contenu-bas                          { float:left;  width:700px; }

#carrousselAZ  {  float:left; width:686px; }

#pages_catalogue                   { float:left; width:686px; padding:0px; }
.page_produit                         { float:left; width:686px; padding:0px; }

.demi_page                               { width:336px; /*height:345px; */}
.deux_tiers                             { width:470px; height:345px; }

.liens_detail_produit         { float:left; width:686px; padding:4px;  height:36px;}

/* animations */
#animationHome                      { float:left;  width:480px;    padding:0px; }

/* vignettes */
.vignette_produit               { float:left; width:336px; padding: 0px; margin: 0px; height:180px; }
.demi_vignette                                { width:172px; height:100px;}
.w160_vignette                                { width:163px; height:100px;}
.prix_vignette                     { /*float:right; */}

/* --------------*/

.petite_police  { font-size:10px!important; }
.petite_largeur  { width:90px!important; }

.bouton_tri{ background-color:#ECEAE9;}
/* les 4 couleurs de fond base */
.az_bg_gris  { background-color: #5a4f4a;}
.az_bg_violet  { background-color: #af418e; }
.az_bg_vert  { background-color: #c9e100; }
.az_bg_orange  { background-color: #fdc700;}
/* les fonds de titre qui en fait, ne sont pas roses, mais gris clair ;-) */ 
.az_bg_rose { background-color: #ECEAE9; }
/* les 4 couleurs de police */
.az_fg_gris  { color: #5a4f4a;}
.az_fg_violet  { color: #af418e; }
.az_fg_vert  { color: #c9e100; }
.az_fg_orange  { color: #fdc700;}
/* les fonds de titre qui en fait, ne sont pas roses, mais gris clair ;-) */ 
.az_fg_rose { color: #ECEAE9; }

 
body {
    font-family:Verdana;
    font-size:11px;
    margin:auto;
    }

.menu_haut {
    text-align: center;
    font-weight: bold;
    /*margin-left:8px;
    margin-top:8px;    
    padding:1px;*/
    }

.violetAZ {    
    color: #AF418E;   
    cursor:pointer;
    text-decoration: none;
    }
    
img.enseigne_une {
    width:100px;
    padding: 4px;
    border:0;
    float: left;
    }
    
    
img.vignette {
    /*width:150px;*/
    padding: 2px;
    border:0;
    float: left;
    }

img.medium {
    /*width:250px;*/
    padding: 4px;
    border:0;
    float:left;
    }
    
p {
    padding-top:4px;
    padding-bottom:4px;
    }
/**
* -------------------------------------------------------------------------------------------------------------------
 * coeur de page.
 *  navigation (h et v) pied de page.
 */
    
#navigation_horizontale {
    background-image:url(../images/border_top.jpg);
    background-repeat:no-repeat;
    }

#partie_centrale {
    background-image:url(../images/border_central.jpg);
    background-position:left center;
    background-repeat:repeat-y;   
    }

#contour_bas {
    background-image:url(../images/border_bottom.jpg);
    background-repeat:no-repeat;
    
    }

#navigation_verticale {
    color:#AF418E;
    }
    
#contenu {
    color:#5A4F4A; /* gris AZ */
    }
    
#pied_page {
    color:#273F4E;
    font-size:11px;
    margin-left:12px;
    text-align:center;
    text-decoration:none;
    }

/**
* -------------------------------------------------------------------------------------------------------------------
 */

/*
 * navigation_verticale -> panier  (ou sélection)
 */ 
#selection_article {
    background-image:url(../images/cadre_selectionarticle.jpg);
    background-repeat:no-repeat;
    float:right;
    font-size:11px;
    height:30px;
    padding:1px;
    width:374px;
    } 

#nombre_article, #voir_panier {
    float:left; 
    padding:0px;
    width:160px;
    }

#nombre_article {
    color:#FFFFFF;
    cursor:pointer;   
    }
    
#voir_panier {
    color:#FDC700;
    cursor:pointer;   
    }

/*
 * navigation_verticale -> logo
 */ 
#altazeo {
    float:left;
    /*height:78px;*/
    /*margin-left:124px;*/
    margin-top:35px;
    /*width:282px;*/
    }
    
/*
 * navigation_verticale -> menu
 */ 
#menu_horizontal {    
    }

/* home */   
#entiteHome    {
    background-repeat:no-repeat;
    cursor:pointer;
    }    

#ongletGris,
#ongletViolet,
#ongletVert, 
#ongletOrange        {
    background-repeat:no-repeat;
    cursor:pointer;
    font-size:14px;
    }    
    
    
#ongletGris {
    color:#FFFFFF;
    background-color:#5A4F4A;
    text-decoration: none;
    }
.lienGris {
    color:#FFFFFF;
    text-decoration: none;
    }
#ongletViolet {
    color:#FEC601; 
    background-color:#af418e;
    }
.lienViolet {
    color:#FEC601; 
    text-decoration: none;
    }
#ongletVert {
    color:#AF418E; 
    background-color:#c9e100; 
    }
.lienVert {
    color:#AF418E; 
    text-decoration: none;
    }
#ongletOrange {
    color:#af418e; 
    background-color:#fdc700; 
    }
.lienOrange {
    color:#af418e; 
    text-decoration: none;
    }
    
/*
 * navigation_verticale -> menu
 */ 
#pub_haut {
    /*background-color:yellow;*/
    float:left;
    /*height:60px;*/
    margin-top:15px;
    /*width:468px;*/
    }

/**
 *
 * navigation verticale, boite de chaque catégorie
 *
 */ 
.encadrement {  /*background-color:#ECEAE9;*/ } 
.portlet_navigation_verticale {    background-color:#ECEAE9; /* rose az*/    cursor:pointer;    }

.titre_navigation_verticale {
    text-align:left;
    font-weight:bold;
    float:left;
    padding:1px;
    font-size:12px;
    }

.bouton_tri .titre_navigation_verticale {
    text-align:center;
    float: none;
}


.liste_navigation_verticale {
    text-align:left;
    padding:2px;
    display:none;
    }
 
.liste_navigation_verticale  a {
    text-align:left;
    padding:2px;
    color: black;
    text-decoration:none;
    }
 
.fleche_navigation_verticale {
    float:right; 
    padding:1px;
    }
 
/**
 *
 * navigation centrale fil d'ariane
 *
 */ 
#fil_ariane {
    font-size:11px;
    }
    
#fil_ariane_home    {
    cursor:pointer;
    }
    
/**
 *
 * navigation centrale catalogue
 *
 */ 
#catalogue_central {
    font-size:11px;
    }

#pages_catalogue {
    font-size:12px;
    text-align:center;
    }
    
.page_produit {
    border:1px solid #ECEAE9; 
    /*background-color: #FFFFFF;*/
    }

    
.vignette_produit {
    /*border:1px solid #ECEAE9;  faire directement dans la page */
    font-size:11px;
    cursor:pointer;
    text-decoration:none;
    }

.w160_vignette                                { border:0px;}
    
    
.detail_produit {
    background-color: #FFFFFF;
    border:2px solid #ECEAE9;
    padding:0.6em;
    position:absolute;
    left:25%;
    top:25%;
    width:50%;
    /*opacity:0.5;*/
    /*text-align:center;*/
    }

    
.liens_detail_produit {
    color:#273F4E;
    font-size:11px;
    text-align:center;
    text-decoration:none;
    clear: right;
    }

.liens_detail_produit  a {
    color:#273F4E;
    text-decoration:none;
    }
    
.bouton_rose {
    background-color: #ECEAE9;
    font-weight: bold;
    cursor:pointer;
    }

.bouton_commander {
    color:#fdc700; 
    background-color:#af418e;
    font-weight: bold;
    cursor:pointer;
    font-size: 14px;
    }
    
.lien_produit_hover:hover {
    font-size: 12px;
}
    

.prix_fiche {
    font-size:14px;
    font-weight:bold;
    text-align:right;
    float:right;
    }

    
.nom_entite               { float:right; clear: right; padding:4px; font-size:14px; font-weight:normal; text-align:right;  text-decoration:none; color:#5A4F4A;  }
.prix_produit           { float:right; clear: right; padding:4px; font-size:12px; font-weight:bold;  text-align:right;   text-decoration:none;   color:#5A4F4A; }
.nom_produit             { float:right; clear: right; padding:4px; font-size:12px; font-weight:normal;  text-align:right;   text-decoration:none; color:#5A4F4A;   }
.nom_enseigne           { float:right; clear: right; padding:4px; font-size:12px; font-weight:normal;  text-align:right;   text-decoration:none; color:#5A4F4A;   }
.descrlong_produit { float:right; width:400px; clear: right; padding:4px; font-size:11px; font-weight:normal;  text-align:left;   text-decoration:none; color:#5A4F4A;   }
.descr200premiers_produit { float:right; width:150px; clear: right; padding:4px; font-size:11px; font-weight:normal;  text-align:left;   text-decoration:none; color:#5A4F4A;   }

.lien_produit {
    color:#5A4F4A;
    text-decoration:none;
    }

.promotion .lien_produit {
    color: red;
}

/* portlets home et entite*/
.titre_portlet { 
    background-image:url(../images/trame_titre_portlet.jpg);
    background-repeat:repeat;
    border:1px solid #ECEAE9;
/*    background-color: #ECEAE9; */
    color:#AF418E;
    font-size: 16px;
    font-weight:bold;
    /*margin-top: 1px;
    margin-bottom: 1px;*/
    padding:4px;
    }


/**
 * POSTS de wp
  **/
.post_title {
    font-size:12px;
    font-weight:bold;
    }
.post_content {
    }

/**
 * publicite sur les 'home'
  */
.publicite_image {
    float:right;
    }
.publicite_titre {
    font-size:14px;
    color:#AF418E;
    padding-bottom:4px;
    }
.publicite_texte {
    font-weight:bold;
    }
    
.publicite_next {
    border:0;
    }
    
/**
 * carroussel
 */
.carroussel_titre_produit {
    width: 220px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    }
.carroussel_description_produit {
    width: 220px;
    text-align: left;
    font-weight: normal;
    font-size: 11px;
    }
    
    
/**
 * newsletter
 */
.newsletter {
    background-color: #5A4F49;
    color: #FDC700;
    display:block;
    }

.news_letter_input    {
    width:116px;
    padding:2px; 
    }
    
.news_letter_bouton    {
    padding:0px; 
    }
    
#ma_selection {
    background-color:#FFFFFF;
    border:2px solid #ECEAE9;
    padding:0.6em;
    position:absolute;
    left:25%;
    top:25%;
    width:50%;
    }

.enseigne_grisee {
    font-style: italic ;
    color: grey;
    cursor:none;
    }
    
.spacer {
  clear: both;
  }

.spacer16 {
  height:16px;
  clear: both;
  }
  
.spacer32 {
  height:32px;
  clear: both;
  }
  
#flashcontent {
	position:relative;
    width:200px;
    height:196px;
    z-index:50;
    float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style:normal;
	color:#333333;
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	padding: 2px;
	text-align:center;
}

#flashcontent A {
}