/*
    GENERAL
*/

#module > div{
    position: relative;
    width: 100%;
    z-index: 1;
}

    /* Block width */

.width1{
    width: 230px;
    float: left;
}

.width2{/* 230 * 2 + 20 (margin) */
    width: 480px;
    float: left;
}


.width3{/* 230 * 3 + 20 * 2 (margin) */
    width: 730px;
    float: left;
}

.width4{
    width: 100%;
    float: left;
}

.marginleft20{
    margin-left: 20px;
}

    /*   Block Height   */

.height260{ /*  Ex: block recent    */
    height: 260px;
    margin-bottom: 20px;
}


.height380{ /*  Ex: block une    */
    height: 400px;
}

.height440{ /* ex: block autopromo */
    height: 460px;
   /* margin-bottom: 20px;*/
}

.height820{ /* ex: ads */
    height: 820px;
    margin-bottom: 20px;
}

.height840{ /* ex: fresh */
    height: 840px;
    margin-bottom: 20px;
}

.height1220{    /* fresh + affiche */
    height: 1220px;
    margin-bottom: 20px;
}

.heightall{
    height: 100%;
}

/*   REMOTE   */

.remote{
    position: absolute;
    text-align: right;
    width: 60px;
    z-index: 2;
}

.remote_right1{
    left: 170px;
}

.remote_right2{
    left: 420px;
}

.remote_top380{
    top: 360px;
}

.remote_top440{
    top: 440px;
}

.remote_top1220{
    top: 1220px;
}


/*
    BLOCKS
*/

/*   Une   */

#une_header_background{
    position: absolute;
    height: 400px;
    width: 250px;
    left: 740px;
    z-index:1;
    background-color: #000000;
}

#home_une{
    overflow: hidden;
}

#home_une span{
    display: block;
}


#une_title{
    position: relative;
    float: left;
    top: 180px;
    height: 190px;
    width: 650px;
    left: 10px;
    z-index:2;
}


.une_coeur{
    height: 40px;
}

#une_header{
    position: relative;
    float: right;
    height: auto;
    width: 220px;
    top: 30px;
    z-index:2;
    padding-right: 10px;
}

#une_image{
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}

/*   Articles recents   */

#home_recent{
    overflow: hidden;
    padding-top: 20px;
}

div.recent{
    
    float: left;
    height: 100%;
    width: 230px;
    margin-left: 20px;
    margin-right:0px;
}

#recent_1{
    margin-left: 0px;
    
}

.recent > div{
    position:relative;
    border-top: 1px solid #F14624;
    padding-top: 5px;
    
}

.recent span{
    display: block;
    
}

.recent_stick{
    position: absolute;
    top: 240px;
    left: 190px;
    width: 40px;
    background-color: white;   
}

.recent_coeur{
    position: absolute;
    top: -16px;
}

/*    Blocks   */


#home_block > div{
    position: relative;
    float: left;
    height: 100%;
}

/*  Chroniques fraîches  */

ul#fresh_types{
    padding-top: 5px;
}

ul#fresh_types > li{
    display: inline;
}

.fresh_article{
    position: relative;
    float: left;
    width: 230px;
    height: 170px;
    margin-top: 20px;
    cursor:pointer;
}

.odd{
    left: 20px;
}

/*  A l'affiche    */

#home_affiche ul{
    padding-top: 3px;
}


#home_affiche li{
    display: inline;
}

#home_affiche select{
    width: 120px;
}

#affiche_plays > div{
    height: 70px;
    overflow: hidden;
    margin-top: 10px;
}

.affiche_play{
    height: 100%;
    width: 250px;
    position: relative;
    float: left;
}

.affiche_date{
    height: 100%;
    width: 220px;
    position: relative;
    float: left;
}

.affiche_date span{
    display: block;
}

/*  autopromo + video  */


#home_autopromo{
    position: relative;
}

.promo{
    background-color: white;
    position: absolute;
    top: 40px;
    width: 100%;
    height: 320px;
    overflow: hidden;
}

.promo span{
    display: block;
}


/*  video  */
#home_video{
    position: relative;
}

.video{
    position: absolute;
    top: 60px;
    left: 0px;
    height: 400px;
    width: 230px;
    background-color: white;
    overflow: hidden;
    z-index: 0;
}

.video span{
    padding-top: 10px;
    display: block;
    height: 180px;
    overflow: hidden;
}

.video_embed{
    position: absolute;
    top: 190px;
}

/*  Les plus lus / l'avis du public  */

#most_read > div{
    height: 70px;
    margin-top: 10px;
    width: 100%;
}

/* Petites annonce  */


#want_ads > div{
    margin-top: 10px;
}

#want_ads span{
    display: block;
}

#want_ad_link{
    position: relative;
    top: 10px;
}