@charset "utf-8";
/*
-- CSS document for home page
*/
/* 1d1d1b,0a4979,992510 */

.header-container {height:560px}

.ombrage01 {left:0; overflow:hidden; position:absolute; top:0; width:100%}
	.ombrage01 img {height:95px; margin:0 auto; width:1364px}

/* Centre haut */

/*.pubCenterTop {}*/
.slider_pub {margin:40px 0 0; position:relative; width:960px; height: 250px;}

/*.webPub {float:right}*/
#pubdroite {float:right !important; overflow:hidden; width:300px !important; height: 250px !important;}

/* Le meilleur de la musique */
.leadTitle {color:#992510; font-size:36px; font-weight:bold; font-weight:900; line-height:90px; margin:-9px 0 0!important; text-transform:uppercase}

.musicSection {width:100%}
.musicSection h1 {color:#fff; font-size:25px; margin:0 0 5px 25px; text-transform:uppercase}

/* NOUVEAUTÉS */
.lNouveautes,.top20 {background:#1d1d1b url('../Images/vline_red.gif') left 15px no-repeat; float:left; font-family:Arial,Helvetica,sans-serif; height:425px; padding:10px 0; position:relative; width:400px}
.lNouveautes h1,.top20 h1 {font-weight:bold; font-weight:800}
.top20 {float:right; width:530px}

.artistSong {color:#e6e6e6}
.artistSong li {overflow:hidden; padding:6px 5px 6px 25px}
.artistSong li:nth-of-type(2)	{background:#333}
.artistSong li.odd	{background:#333}

.artistSong img	{float:left; height:112px; width:112px}
.artistSong h2,.artistSong p	{float:right; width:244px}
.artistSong p {margin-bottom:5px !important}

a.ico_player01 {background-color:transparent; background-image:url('../Images/bouton2.gif'); background-position:left top; background-repeat:no-repeat; display:block; float:left; height:24px; margin:5px 0 0 12px; -webkit-transition:all 400ms; transition:all 400ms; width:24px}
	a:hover.ico_player01 {background-image:url('../Images/bouton2h.gif'); background-position:left top}

a.suite01 {background:#992510 url('../Images/redArrow01.gif') 90% 4px no-repeat; bottom:15px; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:20px; height:33px; line-height:35px; overflow:hidden; position:absolute; right:15px; text-align:center; text-decoration:none; text-transform:uppercase; width:130px}
	a:hover.suite01 {background-position:90% -46px; color:#1d1d1b}

/* TOP 20 */
.topBox20 {height:168px; overflow:hidden; position:absolute; right:33px; top:-38px; width:474px}

.top20Artist {position:absolute; right:0px; top:0px}

a.ico_playerTop01 {background-color:transparent; background-image:url('../Images/bouton2.gif'); background-position:left top; background-repeat:no-repeat; display:block; height:24px; left:275px; position:absolute; top:90px; -webkit-transition:all 400ms; transition:all 400ms; width:24px}
	a:hover.ico_playerTop01 {background-image:url('../Images/bouton2h.gif'); background-position:left top}

.infosTop01 {color:#e6e6e6; left:3px; position:absolute; text-align:right; top:127px; width:297px}

.number01,.number120 {background:url('../Images/bgdFstNumber.png') left top no-repeat; color:#000 !important; display:block; font-family:Arial,Helvetica,sans-serif; font-size:35px; font-weight:bold; font-weight:900; height:37px; line-height:38px; position:absolute; right:129px; text-align:center; top:129px; width:36px; z-index:5}

.number120 {background:url('../Images/bgdScdNumber.png') left top no-repeat; font-size:23px !important; height:29px; line-height:33px; left:26px; top:89px; width:28px}

/* TOP 2-3-4 */
.top234 {bottom:0; height:294px; left:0; position:absolute}
.top234 li {float:left; height:100%; padding:0 28px; position:relative; width:120px}
.top234 li:nth-of-type(2)	{background:#333}
.top234 li.odd	{background:#333}

.top234 img {margin:0 auto 15px}
.top234 h2,.top234 p {color:#e6e6e6; font-size:13px; margin-left:3px}

.top234 a.ico_player01 {margin:0 0 0 3px !important}

/* Section Les Hits et Demandes spéciales */
.hitmusic {width:960px}

.lesHits,.specialdemands {background:#1d1d1b url('../Images/vline_red.gif') left 30px no-repeat; float:left; height:85px; margin-top:22px; padding:25px 0 20px; width:400px}
.specialdemands {float:right; width:530px}

.lesHits h1,.specialdemands h1 {color:#777; font-size:30px; margin:0 0 5px 40px; text-transform:uppercase}

a.hitsMusicLinks {background:#1d1d1b url('../Images/redArrow02.gif') 70% -48px no-repeat; color:#fff; display:block; font-size:26px; margin-left:40px; text-shadow:2px 2px 1px #000; text-transform:uppercase}
	a:hover.hitsMusicLinks {background-position:70% -1px; color:#992510; text-decoration:none}

/* Trouver une chanson */
.findSong {background:#1d1d1b url('../Images/vline_red.gif') left 30px no-repeat; border-bottom:12px solid #992510; font-family:Arial,Helvetica,sans-serif; margin:22px 0 0; overflow:hidden; padding:25px 0; position:relative; width:960px}

.btmSectionSong {
    background:#1d1d1b url('../Images/vline_red.gif') left 30px no-repeat; 
    border-bottom:12px solid #992510; 
    display:none; 
    height:450px; 
    overflow:hidden; 
    padding:25px 0; 
    position:relative; 
    width:960px;
}
    .btmSectionSong #findSongList {
        margin-top: 6px;
        margin-left: 140px;
    }
    .btmSectionSong .findSongBtm .txTitle {
        color: #fff;
    }

.findSong h1,.btmSectionSong h1 {color:#fff; font-size:27px; font-weight:bold; font-weight:700; margin:0 0 15px 27px; text-transform:uppercase}
.findSong h1	{margin: 0 0 0 27px}

.btmSectionSong form {
    padding: 0 40px 25px 25px;
    color: #fff;
    font-family:Arial,Helvetica,sans-serif; font-size:21px;
}
    .btmSectionSong form label {
        font-family:Arial,Helvetica,sans-serif; font-size:21px;
        color: #fff;
        width: 135px;
        display: inline-block;
        vertical-align: top;
        line-height: 30px;
    }
    .btmSectionSong form select {
        height: 30px;
        line-height: 30px;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        padding: 5px 15px;
    }
    .btmSectionSong form div {
        margin-bottom: 20px;
    }

.blockSong {height:125px; margin:-2px 0 25px 90px; width:835px}

.hourTime {background:#992510; color:#fff; float:left; font-family:Arial,Helvetica,sans-serif; font-size:21px; height:33px; line-height:35px; margin:0; text-align:center; width:130px}

#artistSong {float:left; height:118px; margin:0 0 0 56px; width:118px}

.artistSongInfos {float:left; margin:-2px 0 0 33px}
.artistSongInfos h1, .artistSongInfos h2 {color:#e6e6e6; font-size:19px; font-weight:normal; text-transform:uppercase}
.artistSongInfos h1 {font-weight:bold; margin:0 0 5px !important}

a.btmSectionHover {background:url('../Images/downArrow01.gif') left top no-repeat; bottom:0; height:34px; left:436px; position:absolute; -webkit-transition:all 400ms; transition:all 400ms; width:76px}
a:hover.btmSectionHover {opacity:0.7; filter:alpha(opacity=75)}

/* Mid Section */
#midSection	{background:url('../Images/bgdTopBlue.png') left top repeat-x,url('../Images/bgdBtmBlue.png') left bottom repeat-x; background-color:#0a4979; overflow:hidden}

.midRound {left:415px; position:absolute; top:-22px}

.divWrapper02 h1,#midSection h1 {color:#fff; font-size:35px; font-weight:bold; font-weight:700; margin:0 0 0 35px; padding:35px 0 0; text-transform:uppercase}

.btmShadow02 {left:45px; position:absolute; top:414px; z-index:5}

.lSide {float:left; margin:48px 0 40px 35px; position:relative; width:426px}

.lSide h1 {color:#fff; font-size:35px; margin:0 0 20px !important; padding:0 !important; text-transform:uppercase}

ul.extraudios {margin:20px 0;}
ul.extraudios li {display:block; overflow:hidden; position:relative; z-index:5}
ul.extraudios li:nth-of-type(odd)	{background:#588eb5}
ul.extraudios li:nth-of-type(even)	{background:#24608d}
ul.extraudios li.odd	{background:#588eb5}
ul.extraudios li.even	{background:#24608d}

.date02 {color:#1d1d1b; float:left; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:normal; line-height:1em; padding-top:27px; text-align:center; text-transform:uppercase; width:90px}
.date02 span {font-size:40px}

.inSide {color:#fff; float:left; font:16px Arial,Helvetica,sans-serif !important; margin-top:10px; width:272px}
.inSide h2 {font-weight:normal}
.inSide p {margin-bottom:1px !important}
.inSide p a {color:#fff; display:block}

a.ico_player03 {background:url('../Images/bouton03.gif') left top no-repeat; display:inline-block; /*float:left;*/ height:39px; margin-top:25px; width:37px; z-index:10}
	a:hover.ico_player03 {background-image:url('../Images/bouton03hv.gif')}

a.ico_arrow03 {background:url('../Images/ico-arrow03_rgt.png') left top no-repeat; display:inline-block; /*float:left;*/ height:34px; margin:26px 0 0 20px; width:20px; z-index:10}
	a:hover.ico_arrow03 {background-position:left bottom}

/*a.ico_player03,a:hover.ico_player03,a.ico_arrow03,a:hover.ico_arrow03 {-webkit-transition:all 400ms; transition:all 400ms}*/

a.archive01 {background:#1d1d1b; color:#fff; font-size:20px; height:35px; line-height:33px; position:absolute; right:0; text-align:center; text-decoration:none; text-transform:uppercase; top:42px; width:130px}
	a:hover.archive01 {background:#fff; color:#0a4979}

	a.archive01 span {vertical-align:2px}

/* Bottom Section */
#btmSection {position:relative}

.lside02,.lside03,.lside04,.lside05 {background:url('../Images/bgd05.png') center repeat; float:left; font-family:Arial,Helvetica,sans-serif; margin:40px 0 0; min-height:510px; overflow:hidden; position:relative; width:460px}
.lside03 {background-image:none; float:right}
.lside05 {float:right}

.lside04,.lside05 {margin:315px 0 40px; min-height:340px; position:relative}

.lside02 h1,.lside03 h1,.lside04 h1,.lside05 h1 {font-size:35px; font-weight:bold; padding:25px 25px 0; text-transform:uppercase}
.lside04 h2,.lside05 h2 {color:#1d1d1b; font-family:Arial,Helvetica,sans-serif; font-size:24px; font-weight:normal; margin:0 0 10px 25px}

.eventsBoxes {height:114px; overflow:hidden; width:406px}

.eventsBoxes a.imgEvent {float:left; height:110px; margin-top:3px; width:148px}
	.eventsBoxes a:hover.imgEvent {opacity:0.7; filter:alpha(opacity=75)}

.innerEventsBoxes {height:112px; float:left; margin-left:22px; width:234px}

.eventsBoxes h2	{color:#1d1d1b; font-size:16px; margin-bottom:2px}
.eventsBoxes p {color:#fff; font-size:12px; line-height:17px; margin-bottom:9px !important}

.eventsBoxes a {background:#1d1d1b; color:#fff; display:block; font-size:20px; height:30px; line-height:31px; position:relative; text-align:center; text-decoration:none; text-transform:uppercase; -webkit-transition:all 400ms; transition:all 400ms; width:130px}
	.eventsBoxes a:hover {background:#ccc; color:#1d1d1b}

.eventsBoxes a span {position:absolute; right:6px; top:1px}

.allEventsLink { display: inline-block; text-indent: -99999px; margin-left: 25px; margin-top: 5px;
    background: url(/images/viewAllEvents.gif) no-repeat top; width: 231px; height: 32px; }
    .allEventsLink:hover { background-position: bottom; }

/* Zone Tweeter */
.twiterBox {background:url('../Images/zone_twiter.png') left top no-repeat; height:100px; margin:0 !important; padding:15px 0; width:467px}

.twiterBox h2 {color:#1d1d1b; font-size:25px; font-weight:normal; margin-bottom:10px; text-transform:uppercase}

.twiterBox p {color:#fff; font-size:16px}

.twiterBox h2,.twiterBox p {margin-left:150px; width:290px}

.twiterBox a { color: #fff; text-decoration: underline; }
.twiterBox a:hover { text-decoration: none; }

/* FB likebox */
.fbContentBox {background:url('../Images/bgd05.png') center repeat; height:306px; margin-top:30px; padding:22px}

#likeBoxFb {background:#fff}

/* Bottom section */
.btmMidSection {background:url('../Images/bgd05.png') center repeat; left:0; height:250px; position:absolute; top:582px; width:100%; z-index: 999; }

.boxContest {float:left; height:180px; overflow:hidden; padding:25px; width:310px}

.boxContest h1 {color:#1d1d1b; font-size:35px; margin-bottom:20px; text-transform:uppercase}
.boxContest h2 a,.boxContest p a {color:#1d1d1b; font-family:Arial,Helvetica,sans-serif}
.boxContest h2 {font-weight:normal; margin-bottom:7px; text-transform:uppercase}
.boxContest p a {color:#fff;}
.boxContest a:hover { text-decoration: none; }

.middlePub {float:right; height:200px; margin:24px 24px 0 0; width:532px}

/* MétéoMédia */
.mediaL,.mediaR {background:url('../Images/bgd05.png') center repeat; float:left; height:110px; margin:0 0 36px; padding:15px; width:430px;}
.mediaR {float:right}
.mediaL div,.mediaR div {background:#fff; height:94px; padding:16px 0 0}
.mediaL iframe,.mediaR iframe {display:block; margin:0 auto}

/* vertical carousel (for events) */
.home-events-carousel { position: relative; overflow: hidden; height: 384px; margin:8px 0 0 25px; }
.home-events-carousel ul { height: 20000em; position: relative; list-style: none; margin: 0; padding: 0; }
.home-events-carousel li { height: 114px; padding: 7px 0; }