
/* A la une */

div#une {
float: left;
margin: 40px 0 0 0;
padding: 0;
width: 612px;
}

div#une h2 {
margin: 0 0 5px 0;
padding: 0;
height: 20px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 0 0;
}

div#une h2.fr {
width: 85px;
background-image: url(../img/une_alaune_fr.jpg)
}

div#une h2.en {
width: 48px;
background-image: url(../img/une_alaune_en.jpg)
}

div#une div.une_fiche {
margin: 10px 0 0 0;
padding: 10px;
width: 580px;
background-color: #fff;
}

div#une div.une_fiche h3 {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
}

div#une div.une_fiche h3 {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 1.1em;
text-transform: uppercase;
}

div#une div.une_fiche h3 a {
padding-right: 5px;
}

div#une div.une_fiche h3 a:hover {
border-right: 10px solid #fcdc02;
}

div#une div.une_fiche a.suite {
float: right;
padding-right: 5px;
font-weight: bold;
font-size: .9em;
text-transform: uppercase;
border-right: 10px solid #fff;
}

div#une div.une_fiche a.suite:hover {
border-right: 10px solid #fcdc02;
}



/* Edito */

div#edito {
float: right;
margin: 40px 0 0 0;
padding: 0;
width: 294px;
}

div#edito h2 {
margin: 0 0 5px 0;
padding: 0;
height: 20px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 0 0;
}

div#edito h2.fr {
width: 49px;
background-image: url(../img/une_edito_fr.jpg)
}

div#edito h2.en {
width: 52px;
background-image: url(../img/une_edito_en.jpg)
}

div#edito div.une_fiche {
margin: 0;
padding: 10px;
background-color: #fff;
}

div#edito div.une_fiche a.suite {
float: right;
padding-right: 5px;
font-weight: bold;
font-size: .9em;
text-transform: uppercase;
border-right: 10px solid #fff;
}

div#edito div.une_fiche a.suite:hover {
border-right: 10px solid #fcdc02;
}



/* En images */

div#enimages {
margin: 40px 0 0 0;
padding: 0;
}

div#enimages h2 {
margin: 0 0 5px 0;
padding: 0;
height: 20px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 0 0;
}

div#enimages h2.fr {
width: 88px;
background-image: url(../img/une_enimages_fr.jpg)
}

div#enimages h2.en {
width: 84px;
background-image: url(../img/une_enimages_en.jpg)
}

div#enimages img {
float: left;
margin: 0 9px 0 0;
border: 2px solid #fff;
}


div#enimages a.all {
float: right;
display: block;
width: 108px;  
height: 72px;
border-top: 10px solid #fff;
background: transparent url(../img/une_all_galeries_fr.jpg) no-repeat right bottom;
}

div#enimages a.all:hover {
border-top: 10px solid #fcdc02;
}

div#enimages a.fr {
background: transparent url(../img/une_all_galeries_fr.jpg) no-repeat right bottom;
}

div#enimages a.en {
background: transparent url(../img/une_all_galeries_en.jpg) no-repeat right bottom;
}



/* En vidéo */

div#envideo {
float: left;
margin: 40px 0 0 0;
padding: 0;
width: 512px;
}

div#envideo h2 {
margin: 0 0 5px 0;
padding: 0;
height: 20px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 0 0;
}

div#envideo h2.fr {
width: 77px;
background-image: url(../img/une_envideo_fr.jpg)
}

div#envideo h2.en {
width: 69px;
background-image: url(../img/une_envideo_en.jpg)
}

div#envideo h3 {
margin: 0 0 5px 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}

div#envideo div.une_fiche {
margin: 0;
padding: 10px;
background-color: #fff;
}

div#envideo div.une_fiche div#player {
float: left;
margin: 0;
padding: 0;
}

div#envideo div.une_fiche div#infos {
float: right;
margin: 0;
padding: 0;
}

div#envideo div.une_fiche a.suite {
float: right;
padding-right: 5px;
font-weight: bold;
font-size: .9em;
text-transform: uppercase;
border-right: 10px solid #fff;
}

div#envideo div.une_fiche a.suite:hover {
border-right: 10px solid #fcdc02;
}



/* Artiste à la une */

div#artistealaune {
float: right;
margin: 40px 0 0 0;
padding: 0;
width: 394px;
}

div#artistealaune h2 {
margin: 0 0 5px 0;
padding: 0;
height: 20px;
background-color: #fff;
background-repeat: no-repeat;
background-position: 0 0;
}

div#artistealaune h2.fr {
width: 157px;
background-image: url(../img/une_artistealaune_fr.jpg)
}

div#artistealaune h2.en {
width: 181px;
background-image: url(../img/une_artistealaune_en.jpg)
}


div#artistealaune img {
width: 394px;
}

div#artistealaune div.une_fiche {
margin: 5px 0 0 0;
padding: 10px;
background-color: #fff;
}

div#artistealaune div.une_fiche h3 {
margin: 0 0 5px 0;
padding: 0;
font-size: 1em;
font-weight: bold;
}

div#artistealaune div.une_fiche a.suite {
float: right;
padding-right: 5px;
font-weight: bold;
font-size: .9em;
text-transform: uppercase;
border-right: 10px solid #fff;
}

div#artistealaune div.une_fiche a.suite:hover {
border-right: 10px solid #fcdc02;
}