/* PAGE LISTE RAYONS */
#breadcrumb{
    margin-left:40px;
    -margin-left:125px;
}

#page-selected{
    display:none;
}
/* lien ancre*/
    .titre-menuhaut-pdtNovadry , .titre-menuhaut-conseils {
        float:left;
        width:auto;
        margin-left:10px; 
        margin-right:10px;
        margin-top:10px;
    }
    
    .titre-menuhaut-pdtNovadry a , .titre-menuhaut-conseils a {
        float:left;
        color: #88918C;
        text-decoration: underline;
        text-transform:capitalize;
    }
    
    .titre-menuhaut-pdtNovadry a:hover , .titre-menuhaut-conseils a:hover {
        color: #e2001a;
        text-decoration: none;
    }
    
    .separ{
        float:left;
        color: #88918C;
        text-decoration: none;
        margin-top:10px;
    }

/*fin lien ancre */

/* Bloc liste rayons*/
#rayons {
    width:723px;
    height:auto;
    border:0px solid #F00;
    display:block;   
    text-align:center;
    background-image:url(../images/static/background-rayon-h.gif) ;
    background-repeat :no-repeat ;
    float:left;
    padding: 15px 0px 0px;
    margin : 55px 0px 0px 20px ; 
    -margin : 55px 0px 0px 70px ;
}

#rayon-fin{
    height:6px;
    width:723px;
    float:left;
    background-image:url(../images/static/background-rayon-b.gif);
    background-repeat :no-repeat ;
    background-position:bottom left;
    padding: 0px 0px 0px;
    margin : 0px 0px 0px 192px !important;
    *margin : 0px 0px 0px 204px !important; 
    display:block;   
    text-align:center;
}

#rayons .titre-img{
    display:none;
}

#rayons #liste_rayon #liste_rayon-img{
    display:none;
}

.titre-img{
    margin-left: 220px !important;
    *margin-left: 0px !important;
    -margin-left: 0px;
    margin-top:40px !important;
    *margin-top:10px !important;
    -margin-top:10px;
    *background-image:none !important;
}

#liste-rayons{
    height:auto;
}

* html #liste_rayon{
    width:720px;
}

#liste_rayon {
    width:700px;    
    height:auto;
    margin-top:0px;
    border:0px solid #F00;
    display:block;
    text-align:center;
    float:left;
}

#liste_rayon h1 {
    font-weight:bold;
    font-size:12px;
    color: #000000;
    font-family: arial;
    text-align:center;
    text-transform:uppercase;
    margin-bottom:0px;
    border:0px solid #F00;
}

#liste_rayons{
    text-align:center;
    width:150px;
}

#liste_rayon h2 {
    margin-right:
    margin:10px 0px 10px 10px !important;
    *margin:10px 0px 10px 10px !important;
    -margin:10px 0px 0px 10px;
    font-size:11px;
    color:#000000;
    text-align:left;
    display:block;
    background-image: url(../images/static/background-li-liste-produits-conseils.gif);     
     height:112px;
     padding-top:2px;
     padding-left:10px;
     width:212px;
     float:left;
}

.libelle-rayon{
    margin:10px 0px 10px 10px !important;
    *margin:10px 0px 10px 10px !important;
    -margin:10px 0px 0px 10px;
    font-size:11px;
    color:#000000;
    text-align:left;
    display:block;
    background-image: url(../images/static/background-li-liste-produits-conseils.gif);     
    background-repeat:no-repeat;
    height:112px;
    padding-top:2px;
    padding-left:10px;
    width:212px;
    float:left;
}

.libelle-rayon-over{
    margin:10px 0px 10px 10px !important;
    *margin:10px 0px 10px 10px !important;
    -margin:10px 0px 0px 10px;
    font-size:11px;
    color:#000000;
    text-align:center;
    display:block;
    background-image: url(../images/static/background-li-liste-produits-conseils.gif);
    background-repeat:no-repeat;
     height:112px;
     padding-top:2px;
     padding-left:10px;
     width:212px;
     float:left;
}

.libelle-rayon a, .libelle-rayon-over a{
    color: #88918C;
    text-decoration: underline;
}

.libelle-rayon-over a {    
    color: #e2001a;
    text-decoration: none;
}

.libelle-rayon a img, .libelle-rayon-over a img {
    float:left;
    text-decoration: none;
    margin-left:2px;
    margin-bottom:5px;
    margin-top:10px;
}


#footer {
    margin-top:20px;
}

#liste_rayon h1{
    display:none;
}

/* BLOC CONSEILS ET ENTRETIEN (ne pas utiliser sur Stratermic mais bien sur Novadry)*/
.conseil-entretien{
    height:auto;
    width:684px;
}

.close{
    display:none;
}

.open{
    display:block;
    background-color:transparent;
    background-image:url(../images/static/background-div-conseils-entretien-h-novadry.gif);
    background-position:left top;
    background-repeat:no-repeat;
    margin:0;
    padding:0 0 10px;
    width:684px;
    height:auto;
    float:left;
}

#bloc-scroll{
    width:674px;
    height:auto;
    overflow:auto;
    text-align:left;
    margin-left:10px
}

#bloc-scroll div {
    margin-bottom:10px;
    text-align:justify;
    margin-right:10px;
}

.conseil-entretien-fin{
    display:block;
    background-color:transparent;
    background-image:url(../images/static/background-div-conseils-entretien-b-novadry.gif);
    background-position:left top;
    background-repeat:no-repeat;
    height:8px;
    margin:0;
    padding:0 0 10px;
    width:684px;
    float:left;
}


.selectionne{
    background-color:transparent;
    background-image:url(../images/static/background-li-conseils-entretien-g-over-novadry.gif);
    background-color:transparent;
    background-position:left bottom;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    margin:0 1px 0 0;
}

.non-selectionne{
    background-color:transparent;
    background-image:url(../images/static/background-li-conseils-entretien-g-novadry.gif);
    background-color:transparent;
    background-position:left bottom;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    margin:0 1px 0 0;
    padding:0;
}

.non-selectionne p {
    background-color:transparent;
    background-image:url(../images/static/background-li-conseils-entretien-d-novadry.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    color:#7C7C7E;
    cursor:pointer;
    margin:0;
    padding:10px 8px 4px 10px;
}

.selectionne p {
    background-image:url(../images/static/background-li-conseils-entretien-d-over-novadry.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    background-color:transparent;
    color:#FFFFFF;
    padding-bottom:10px;
    padding:10px 8px 4px 10px;
    margin:0px;
}

.conseils-entretien{
    float:left;
    margin-left:10px;
    margin-top:30px;
    height:auto;
}

.titreH2{
    float:left;
    margin-left:10px;
    margin-top:20px;
    text-transform:uppercase;
}

.conseils-entretien h2, .titreH2{
    font-weight:700;
    color:#e2001a;
    font-size:18px;
    text-transform:uppercase;
    float:left;
    width:684px;
    text-align:left;
    margin-bottom:10px;
}

.conseil-entretien div .liens{
    margin-top:10px;
    margin-bottom:10px;
    margin-left:10px;
    margin-right:10px;
    text-align:left;
     color: #e2001a;
}

.conseil-entretien div .liens a {
    color: #e2001a;
     text-decoration:underline;
}

.conseil-entretien div .liens a:hover {
    color: #7c7c7c;
    text-decoration:none;
}

.conseil-entretien div div p {
    font-weight:normal
    color: #7c7c7c;
    font-size: 11px;
}

.conseil-entretien div div .titre {
    font-weight:700;
    color: #7c7c7c;
    font-size: 11px;
    text-transform:uppercase;
    margin-bottom:5px;
}
/* FIN  BLOC CONSEILS ET ENTRETIEN */

/* BLOC DECOUVRER PRODUIT A DROITE */
#bloc-gauche-listeRayon{
    width:172px;
    float:left;
    margin: 200px 0px 0px ;
    text-align:center;
    display:block;
    clear:both;
}

#bloc-produit-gauche{
    float:right !important;
    *float:none !important;
    width:172px;
    background-image: url(../images/static/background-div-decouvrez-page-produits-conseils.gif);
    height:206px;
}

.titre-bloc-produit-gauche{
    margin-top:5px;
    color:#FFFFFF;
}

.img-bloc-produit-gauche{
    margin-top:20px;
}

.lien-bloc-produit-gauche{
    margin-top:10px;
}

.lien-bloc-produit-gauche a{
    text-decoration:underline;
    color: #666666;
}


.lien-bloc-produit-gauche a:hover{
    text-decoration:none;
    color: #e2001a;
}
/* FIN BLOC DECOUVRER PRODUIT A DROITE */
