/* CSS Document */
/* SOMMAIRE */
/* Sections (CSS flags marked with [=])
	
	BOUTONS ET ROLL OVER
	Class divers utiles
	Boutons de la page
	Content
	    Espace_rubrique
	    Encart_droit
    Footer
        ma beaute et moi 
        favoris 
        news
	   
*/
body {background: none;}
/* BOUTONS ET ROLL OVER */
.fake-btn a {
    display: block;
    }
    
/* =Class divers utiles */
.hidden {visibility: hidden;} /*pour masquer le txt qui correspond aux images-boutons*/
.clear {clear: both;}
.separateur {
    background: url(../images/home/separateur.png) no-repeat center;
    clear: both;
    height: 5px;
    margin: 28px 0 23px;
    }
.ml-25 { margin-left:25px; }
/* =Boutons de la page */
.btn {
    display: block;
    margin: 27px 0 0 25px;
    }
.lire_suite {background: url(../images/home/btn_lire_suite.png) no-repeat;}
    .lire_suite:hover, .lire_suite:focus {background: url(../images/home/btn_lire_suite_hover.png) no-repeat;}
.profiter_offre {background: url(../images/home/btn_profiter_offre.png) no-repeat;}
    .profiter_offre:hover, .profiter_offre:focus {background: url(../images/home/btn_profiter_offre_hover.png) no-repeat;}
.devenir_testeuse {background: url(../images/home/btn_devenir_testeuse.png) no-repeat;}
    .devenir_testeuse:hover, .devenir_testeuse:focus {background: url(../images/home/btn_devenir_testeuse_hover.png) no-repeat;}
.voir_commentaires {background: url(../images/home/btn_voir_commentaires.png) no-repeat;}
    .voir_commentaires:hover, .voir_commentaires:focus {background: url(../images/home/btn_voir_commentaires_hover.png) no-repeat;}

/* =Content */
#content 
{
	width: 984px;
	margin-top:297px;
}
#espace_rubrique, #encart_droit, #encart_droit_flash {float: left;}
#espace_rubrique {
    color: #1471d1;
    margin-bottom: 20px;
    width: 644px;
    }
#encart_droit_flash { width: 328px; }
#encart_droit  {width: 328px;}
.flashHome
{
	height:297px;
	position:absolute;
	width:100%;
	top:133px;
	text-align:center;
}
    /* =Espace_rubrique */
    #espace_rubrique h2 {
        float: left;
        margin-left: 25px;
        }
    .IE6 #espace_rubrique h2 {margin-left: 12px;}
    #acces_rapide {
        background: url(../images/home/acces_rapide_bg.png) no-repeat;
        margin-bottom: 20px;
        padding: 15px 0 0 15px;
        height: 63px;
        width: 629px;
        position:relative;
        
        }
        .acces_rapide_txt {
            background: url(../images/home/acces_rapide_txt.png) no-repeat;
            float: left;
            margin-right: 9px;
            margin-top: 10px;
            height: 15px;
            width: 394px;
            }
        #acces_rapide a {
            background: url(../images/home/acces_rapide_btn.gif) no-repeat;
            display: block;
            float: left;
            height: 35px;
            width: 218px;
            }
    #fabuleux_shopping {display: table;} /* ne fonctionne pas sous IE */
        #fabuleux_shopping h2 {
            background: url(../images/home/fabuleux_shopping_titre.png) no-repeat;
            height: 57px;
            width: 210px;
            }
        .bloc_produit {
            display: table-cell;/* ne fonctionne pas sous IE */
            vertical-align: bottom;
            width: 320px;
            }
        .IE6 .bloc_produit, .IE7 .bloc_produit {float: left;}
            #espace_rubrique h3 {
                font-size: 17px;
                text-transform: uppercase;
                margin-left: 25px
                }
            #espace_rubrique h4 {
                font-size: 12px;
                font-weight: bold;
                margin: 0 0 3px 25px;
                text-transform: uppercase;
                }
            #espace_rubrique p {
                font-size: 12px;
                margin-left: 25px;
                width: 245px;
                }
    #paroles_testeuses {display: table;}
        #paroles_testeuses h2 {
            background: url(../images/home/paroles_testeuses_titre.png) no-repeat;
            height: 57px;
            width: 204px;
            }
    #blog {width: 100%;}
        #blog h2 {
            background: url(../images/home/blog_titre.png) no-repeat;
            height: 36px;
            width: 205px;
            }
        .billets_testeuses {
            float: right;
            margin-right: 19px;
            margin-top: -12px;
            }
        .IE6 .billets_testeuses {margin-top: 0px;}
        .temoignage {
            float: left;
            width: 210px;
            margin-bottom:28px;
            }
            .nom {
                border-right: 1px solid;
                padding-right: 5px;
                margin: 0 5px 0 25px; 
                }
            .nom, .date {
                font-size: 9px;
                text-transform: uppercase;
                }
            #espace_rubrique .temoignage h3 {
                font-size: 15px;
                text-transform: none;
                }
            #espace_rubrique .temoignage p {
                font-size: 12px;
                width: 183px;
                }
            
    /* =Encart_droit */
    #encart_droit {
        background: url(../images/home/encart_bg.png) repeat-y;
        margin-left: 12px;
        }
	#encart_droit_flash { margin-left:12px; }
    .IE6 #encart_droit, .IE6 #encart_droit_flash {margin-left: 10px;}
    #encart_droit a.beauty_explorer {
        background: url(../images/home/encart_top_beauty_explorer.jpg) no-repeat 0 0 ;
        display: block;
        margin: 0 0 29px;
        height: 259px;
        width: 330px;
        float: left;
        }
    .vignette {
        float: right;
        margin-right: 18px;
        }
    #encart_droit h3, #encart_droit h3 strong {
        font-weight: normal;
        font-size: 17px;
        margin-left: 9px;
        margin-bottom: 12px;
        text-transform: uppercase;
        }
    #encart_droit h3 strong {font-weight: bold;}
        .eco_responsable {color: #2fc5e8;}
        .naturel {color: #e72cc0;}
        .soiree {color: #5b4fc9;}
    #encart_droit h4 {
        color: #021b7d;
        margin-left: 16px;
        margin-bottom: 2px;
        text-transform: uppercase;
        }
    #encart_droit p {
        color: #1471d1;
        margin-left: 16px;
        }
    #encart_droit a {margin: 18px 0 0 16px;}
    .encart_separateur {
        background: url(../images/home/encart_separateur.png) no-repeat center;
        clear: both;
        height: 5px;
        margin: 26px 5px 15px;
        }
    #encart_droit .titre_flash {
        background: url(../images/home/encart_titre_flash.png) no-repeat;
        height: 55px;
        margin-left: 21px;
        }

/* =Accès rapide */
#pp_acces_rapide
{
	position:absolute;
	top:15px; 
	left:418px;
	width:214px;
	height:186px;
	border:solid 1px #e0e0e0;
	display:none;
}

        #pp_acces_rapide a {
            background: none;
            display:inline;
            float:none;
            height:auto;
            width: auto;
            }

/* =Footer */
.footer .contenu {
    width: 750px;
    margin: 0 auto;
    }
    /* ma beaute et moi */
    .beaute a {background: url(../images/boutons/mabeauteetmoi.png) no-repeat;}
    .IE6 .beaute a {background: url(../images/boutons/mabeauteetmoi.gif) no-repeat;}

    /* favoris */
    .favoris a { background: url(../images/boutons/mesfavoris.png) no-repeat;}
    .IE6 .favoris a {background: url(../images/boutons/mesfavoris.gif) no-repeat;}

    /* news */
    .news a {background: url(../images/boutons/manewsbeaute.png) no-repeat;}
    .IE6 .news a {background: url(../images/boutons/manewsbeaute.gif) no-repeat;}

    .beaute a, .favoris a, .news a {height: 53px;}
    .beaute a:hover, .favoris a:hover, .news a:hover {background-position: 0 100%;}