@charset "utf-8";
/* 
-- Main content 
-- font-family:'Raleway',sans-serif; // titres et sous-titres
*/
html,body	{width:100%;/*z-index:0*/}
body {
	background:#1D1D1B;
	color:#1D1D1B;
	font-family:'Raleway',Arial,Helvetica,sans-serif;
	font-size:15px;
	height:100%;
	position:relative
}

* {margin:0;padding:0}

a   {color:#1d1d1b; cursor:pointer; outline:none; text-decoration:none}
a:hover	{/*color:#333;*/ text-decoration:underline}
a img	{border:none} /* IE */
img     {display:block}

h1 {
	font-size:20px;
}
h2 {
	font-size:18px
}
p {
	line-height:21px;
	margin:0 0 11px
}

/* HTML5 */
article	{margin-bottom:1em}

/* Tableau */
table	{border-collapse:collapse}
caption	{display:none}
td {padding:3px}

/* Listes setup */
ol li	{list-style:decimal}
ul li	{list-style:none}

.listStyleDisc ul li	{list-style:disc outside}
.listStyleDisc ul li ul li	{list-style:circle outside}

header li,footer li {background-image:none !important; list-style:none}

/** Global **/
.bg {
	background:url(../Images/header01.jpg) center top no-repeat;
	overflow:hidden;
	position:relative;
	width:100%;
	/*z-index:5*/
}

#topSection,#midSection,#btmSection,#internSection {width:100%}
#midSection {background:url('../Images/bgdTopBlue.png') left top repeat-x,url('../Images/bgdBtmBlue.png') left bottom repeat-x; background-color:#0a4979}
#btmSection {background:rgba(160,160,160,1) url('../Images/bande1_fixe02.png') center bottom no-repeat}

#topSection {background:#fff url('../Images/bande_fixe_top02.png') -260% bottom no-repeat}
#topSection .wrapper {padding-bottom:30px}

#internSection {background: #fff; padding-bottom: 25px;}

#topSection .wrapper,#midSection .wrapper,#btmSection .wrapper, #internSection .wrapper {position:relative; /*z-index:300*/}


/* Contour du site */
.wrapper	{margin:0 auto; position:relative; width:960px; z-index:300}

/* ---------------- HEADER ------------------ */
.header-container	{height:200px; position:relative}

.header-container h1#logo {height:128px; left:9px; position:absolute; overflow:hidden; text-indent:-9999px; top:150px; width:270px}
	.header-container h1#logo a {display:block}

#pubBox {height:92px; left:10px; position:absolute; top:22px; width:730px}

#menuSocial {position:absolute; overflow:hidden; right:14px; top:22px; width:94px}
#menuSocial li {float:left}
#menuSocial a {background-position:left top; background-repeat:no-repeat; display:block; float:left; height:39px; margin:0 7px 5px 0; text-indent:-9999px; width:39px}
/*#menuSocial a:hover {background-position:left bottom}*/
	#menuSocial a:hover {opacity:0.7; filter:alpha(opacity=75)}

#menuSocial a#hfb {background-image:url('../Images/facebook_logo.gif')}
#menuSocial a#htw {background-image:url('../Images/tweeter_logo.gif')}
#menuSocial a#hmail {background-image:url('../Images/mailLogo.gif')}
#menuSocial a#hfone {background-image:url('../Images/phoneLogo.gif')}

/* Écouter en direct */
.directBox {height:140px; left:10px; overflow:hidden; position:absolute; top:312px; width:440px}

.directBox img {border:1px solid #938d8d; float:left; padding:1px}

.rightDirBox {float:right; overflow:hidden; width:290px}

.enDirect {background:#333; font-size:16px; font-weight:700; height:42px; line-height:1.4em; padding:9px; text-transform:uppercase}
.enDirect .gray85 {color:#858585; position:relative}
.shadow {color:#fff; text-shadow:2px 2px 2px #000}

a.player_ico {background:url('../Images/playerIco.gif') left top no-repeat; display:block; height:44px; position:absolute; right:8px; top:8px; -webkit-transition:all 400ms; transition:all 400ms; width:43px}
	a.player_ico:hover {opacity:0.7; filter:alpha(opacity=75)}

.datePlay,a.findSong {background:#992510; color:#fff; display:block; float:left; font-family:Arial,Helvetica,sans-serif; font-size:16px; height:26px; line-height:26px; text-align:center; width:74px}

a.findaSong {background:#808080 url('../Images/arrow01.gif') 95% 6px no-repeat; color:#fff; float:right; height:26px; line-height:26px; padding-left:10px; text-align:left; text-decoration:none; width:194px}
	a.findaSong:hover {background-position:96% 6px; text-decoration:none !important}

.nameSong {background:#fff; color:#000; display:block; float:left; height:30px; line-height:30px; overflow:hidden; padding:0 10px; text-overflow:ellipsis; width:270px; white-space:nowrap}

#hAnimator {bottom:60px; position:absolute; right: -40px; }

/* MENU et sous-menus // Principal */
.hmenu	{background:#1d1d1b; border-bottom:1px solid #0a0a09; bottom:0; height:60px; left:0; position:absolute; width:100%; z-index:998}
.hmenu li	{background-image:none; border-right:1px solid #992510; float:left; margin-top:21px; position:relative}
.hmenu li.last	{border-right:none !important}

.hmenu a	{color:#eee; display:block; font-family:'Raleway',sans-serif; font-size:16px; font-weight:700; padding:0 29px; text-transform:uppercase}
	.hmenu a:hover	{color:#992510; text-decoration:none}

/* ----------- POUR LES MENUS HORIZONTAUX ---------------- */
.hmenu li ul	{display:none; position:absolute; width:290px; border: 1px solid black;}
.hmenu li:hover ul	{display:block}

.hmenu li ul li	{border-bottom:2px solid #cdcccb; float:none; margin:0 !important; position: relative; z-index: 9999}
	.hmenu li ul li:last-child {border-bottom:none !important}

.hmenu li ul li a	{background:#992b21; color:#fff; display:block; font-family:Arial,Helvetica,sans-serif; padding:9px 3px 9px 30px}
	.hmenu li ul li a:hover	{background:#808285 url('../Images/smArrow05.gif') 0 50% no-repeat; color:#010101}

        
/* ---------------- CONTENT ----------------- */
#content{position:relative}

#colonnegauche	{background:#999; float:left; overflow:hidden; width:570px}
#colonnedroite	{background:#777; float:right; overflow:hidden; width:300px}
#colonnemilieu	{background:#ddd; clear:both; width:100%}
	
/* Contenu général */
#internContent {margin:0 auto; min-height:300px; overflow:hidden; padding:40px 0; width:850px}

.leftContent {float:left; padding:25px 20px 50px 0; width:640px}
.rightContent {float:right; padding:143px 0 0; width:300px}


/* ---------------- FOOTER ------------------ */
.outerFooter	{background:url('../Images/footer01.jpg') center top no-repeat; position:relative; width:100%; z-index:200}

#footerContent {
	color:#fff;
	height:650px;
	margin:0 auto;
	position:relative; 
	width:960px
}

#footerContent h1#footerlogo {height:88px; left:386px; position:absolute; overflow:hidden; text-indent:-9999px; top:20px; width:188px}
	#footerContent h1#footerlogo a {display:block}

.footerMenu,.footerFormContact,.mediasBox {float:left; margin:200px 0 25px 40px; overflow:hidden; width:266px}
.footerFormContact {width:330px}
.mediasBox {margin:450px 0 25px 45px; width:150px}

.footerMenu h1,.footerFormContact h1	{color:#992510; font-size:28px; margin:0 0 30px -2px; text-transform:uppercase}
.footerFormContact h1 {margin:0 0 18px -2px}

.footerMenu li {margin-bottom:12px}
.footerMenu li a	{color:#999; font-weight:500; text-transform:uppercase}
	.footerMenu li a:hover	{color:#fff; text-decoration:none}

	a:hover.actus {color:#999 !important; cursor:default; text-decoration:none}

/* 2e niveau */
.footerMenu ul {margin-top:7px}

.footerFormContact p {margin-bottom:17px}
.footerFormContact label {}
.footerFormContact .field-validation-error { color: red; }
.footerFormContact input {}
.footerFormContact textarea {height:76px}
.footerFormContact input, .footerFormContact textarea {background:#fff; border:0; padding:7px; font:14px Arial,Helvetica,sans-serif !important; width:300px}

.field-validation-error {font-size:14px !important}

input.btnSubmitFooter {background:#fff; cursor:pointer; height:36px; line-height:22px; margin:10px 0 0 157px; text-align:center; width:157px !important}
input:hover.btnSubmitFooter {opacity:0.8;filter:alpha(opacity=80)}

.mediasBox {overflow:hidden}
.mediasBox a	{background-position:left top; background-repeat:no-repeat; display:block; float:left; height:90px; margin-bottom:25px; text-indent:-9999px; width:142px}
	.mediasBox a:hover	{background-position:left bottom !important}

.mediasBox ul {clear:both; float:left; margin-bottom:20px; overflow:hidden; width:100%}
.mediasBox ul li {float:left; margin-right:25px}
.mediasBox ul li a	{background-position:left top; background-repeat:no-repeat; display:block; float:left; height:31px; margin:0 !important; text-indent:-9999px; width:37px}
	.mediasBox ul li a:hover {background-position:left bottom !important}

.mediasBox ul li a#footerFb {background:url('../Images/ico-facebook.png'); height:32px; width:15px}
.mediasBox ul li a#footerTw {background:url('../Images/ico-tweeter.png')}


.copyrights  {background:#333; bottom:0; height:55px; left:0; position:absolute; width:100%}
.copyrights p {color:#999; font:12px Arial,Helvetica,sans-serif; line-height:55px; margin:0 auto !important; overflow:hidden; position:relative; text-align:center; width:960px}
.bandes_grises {bottom:-3px; left:-44px; position:absolute}

/* PLAN DU SITE // NOUS JOINDRE */
.sitemap ul li 	{background:url(../Images/puces/4.gif) left 4px no-repeat; margin-top:12px; padding-left:20px}
.sitemap li 	{display:block; float:none}
.sitemap a		{border-bottom:1px dotted #999; color:#333; padding-bottom:2px; text-decoration:none !important}
    .sitemap a:hover 	{color:#777}

/* 2e et 3e niveau */
.sitemap ul,
.sitemap ul ul,
.sitemap ul ul ul	{margin:10px 0}
.sitemap ul ul li	{background:url(../Images/puces/5.gif) left 6px no-repeat; margin-top:12px; padding-left:17px}

.sitemap ul 	{margin:20px 0 0 45px}
   
/* 3e niveau // puce */
.sitemap ul ul ul li	{background:url(../Images/puces/6.gif) left 6px no-repeat !important; margin-top:12px; padding-left:17px}

/* MUSIQUE */
.cntBoxes {margin:0 0 30px; /*padding-left:3px;*/ width:620px}

.cntBoxes h2 {color:#992510; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-weight:800; margin:0 0 15px; text-transform:uppercase}

.cntBoxes p {font-family:Arial,Helvetica,sans-serif; margin:0 0 25px}

.cntBoxes ul {margin-bottom:15px}

.cntBoxes ul li	{height:94px; overflow:hidden; width:610px}

.cntBoxes ul li:nth-child(odd)	{background:#808080}
.cntBoxes ul li:nth-child(even) {background:#b3b3b3}

.rankNumber,.thumbPlayable,.player03,.noplayer03,.songDescription {display:block; float:left; height:94px}
.rankNumber,.songDescription {font-family:Arial,Helvetica,sans-serif}
.rankNumber {font-weight:bold; font-size:35px; font-weight:800; line-height:92px; text-align:center; width:64px}
.thumbPlayable {height:94px; width:94px}
a.player03 {background:#f2f2f2 url('../Images/player03.gif') center center no-repeat; height:94px; width:30px}
	a:hover.player03 {background:#982820 url('../Images/player03h.gif') center center no-repeat}
a.noplayer03 { width: 30px; }

.songDescription {display:table; font-size:19px; height:94px; margin:0 !important; text-transform:uppercase; width:415px}
.songDescription span {display:table-cell; padding:0 15px 0 25px; vertical-align:middle}

	a.alternateBGColorPlayer {background:#e6e6e6 url('../Images/player003.gif') center center no-repeat !important}
	a:hover.alternateBGColorPlayer {background:#982820 url('../Images/player03h.gif') center center no-repeat !important}

.findSongBtm {width:608px}

.findSongBtm li	{background:none !important; border-bottom:2px solid #aaa; height:125px !important; margin-bottom:15px; overflow:hidden}
.findSongBtm li:last-child {border-bottom:none}

.findSongBtm img {float:left; margin-left:50px}

.findSongBtm .txTitle {color:#992510; float:left; font-size:18px; margin-left:30px; text-transform:uppercase; width: 300px; }
.findSongBtm .txTitle span {/*display:block;*/ font-weight:normal !important; /*height:85px; overflow:hidden; width:330px*/}

.hour02 {background:#992510; color:#fff; float:left; font-family:Arial,Helvetica,sans-serif; line-height:27px; text-align:center; width:85px}

/* Colonne droite */
#pubdroite {}

.leftMenu {clear:both; float:left; margin:22px 0; width:300px}
.leftMenu li {border-bottom:2px solid #ccc}
.leftMenu li:last-child {border-bottom:none}

.leftMenu a {background:#992510; color:#fff; display:block; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-weight:700; line-height:49px; padding-left:35px; text-decoration:none; text-transform:uppercase}
	.leftMenu a:hover {background:#f2f2f2 url('../Images/lArrow03.gif') 0 50% no-repeat; color:#000}

.rLikeBox {background:#808080; clear:both; float:left; height:532px; padding:30px 0 0; width:300px}

.rLikeBox h2 {color:#fff; font-size:31px; font-weight:bold; font-weight:800; line-height:1.25em; padding:0 5px 0 24px; text-transform:uppercase}

#likeBoxRight {background:#fff; border-color:#ddd; border-style:ridge groove groove ridge; border-width:4px; height:402px; margin:20px 0 20px 24px; width:246px}

.twitBox {background:#808080; float:left; margin-top:22px; padding:25px; overflow:hidden; width:250px}
.twitBox p {color:#fff; margin-top:20px}
.twitBox a { color: #fff; text-decoration: underline; }
.twitBox a:hover { text-decoration: none; }


/* PROGRAMMATION */
.dayzMenu {background:#333; margin-top:10px; height: 34px; padding-left:5px; width:615px}
.dayzMenu li {float:left}
.dayzMenu a	{color:#fff; display:block; font-size:14px; height: 43px; font-weight:bold; font-weight:700; line-height:34px; padding:0 15px; text-decoration:none; text-transform:uppercase}
    .dayzMenu a.actif, .dayzMenu a:hover { color:#b3b3b3; background: url(/Images/arrowTop002.gif) no-repeat center bottom; }

.animTime,.progDate img,.progList img,.animDescription {display:block; float:left; height:94px}
.animTime {font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:20px; font-weight:800; line-height:86px; text-align:center; width:80px}

.animDescription {color:#fff; font-size:17px; display:table; height:94px; padding:0 10px 0 22px; width:315px}
.animDescription p {display:table-cell; font-family:'Raleway',Arial,Helvetica,sans-serif; vertical-align:middle}
.animDescription a {color:#000 !important; display:block; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; font-weight:700; margin-top:3px; text-transform:uppercase}

.progDate {font-size:20px; font-weight:bold; font-weight:700; line-height:65px; margin:0 !important; position:relative; text-transform:uppercase; width:95%}

.progDate img {height:9px !important; left:35px; position:absolute; top:0; width:9px}

/* PROG. - Détails */
.boxBanner { margin: 25px 0 0 0; width: 584px; min-height: 45px; position: relative; }

.boxTop {background:#333; margin:0 0 40px; width:584px; padding: 0 0 0 0;}

.top20Box {background:#982820; color:#fff; font-size:34px; height:45px; line-height:45px; margin:0 !important; overflow:hidden; position:absolute; right:0; text-transform:uppercase; bottom:0;}

.nameAnim {color:#b3b3b3; font-size:39px; line-height:40px; margin:12px 0 0 30px}
.detailsTime {color:#fff; font-size:20px; line-height:25px; text-transform:uppercase; padding: 12px 30px;}

.collAnimBoxes {margin-bottom:30px; overflow:hidden}
.collAnimBoxes h2 {font-size:23px; line-height:46px; text-transform:uppercase}
.collAnimBoxes p {background:#ccc; font-size:20px; height:94px; line-height:94px; width:584px}
.collAnimBoxes img {float:left; margin-right:20px}


/* NOUS JOINDRE // #plandusite-infos \\ */
#coordonnees  {float:left; min-height:100px; width:330px}
#coordonnees h2 {margin:20px 0 10px}
#coordonnees a		{border-bottom:1px dotted #333; color:#333; padding-bottom:2px; text-decoration:none !important}
    #coordonnees a:hover 	{color:#777}

.infos_client   	{margin-top:25px; width:100%}

/* Specs pour les td // colonnes */
.infos_client tr:nth-child(odd) {background-color:#f5f5f5;}
.infos_client tr:nth-child(even) {background-color:#f9f9f9;}

.infos_client td:nth-child(1n+0) {width:30%;}/* 1ères colonnes */
.infos_client td:nth-child(2n+0) {width:65%;}/* 2e colonnes */

.infos_client td	{border-bottom:none; padding:3px 0}

/* Nous joindre // Google Map */
#googlemap  {background:#e5e5e5; float:right; height:400px; width:500px}
#googlemap iframe   {border:3px ridge #000; overflow:hidden}

#googlemap a {border-bottom:none; text-decoration:none}
    #googlemap a:hover {text-decoration:underline}


/* Nouvelle(s) */
.newsBoxes	{background:#eee; display:block; margin:40px auto 0; padding:9px 10px 60px; position:relative; width:98%}
.newsBoxes p	{margin:0 !important; padding:5px 3px; width:98%}
.newsBoxes a:first-letter	{text-transform:uppercase}

.newsDate	{color:#005192; padding:3px 2px 7px !important}

a.enSavoirPlus,a.returnToNews	{border:1px solid #777; border-radius:5px; bottom:10px; font-size:13px; padding:5px 15px; position:absolute; right:12px; text-align:center; text-decoration:none !important}
	a.enSavoirPlus:hover,a.returnToNews:hover	{border:1px solid #999; color:#00f}

	a.returnToNews 	{width:160px}

.menuHoraire {overflow:hidden; text-transform:uppercase; width:100%}
.menuHoraire li {float:left; margin-right:10px}

.actionLink,.menuHoraire a {
    display: inline-block;
    background: #982820 url(/Images/action-link-arrow.gif) no-repeat right center;
    color: #fff;
    cursor: pointer;
    font: 21px/32px 'Myriad Pro', sans-serif;
    border: none;
    border-left: 4px solid #1d1c1a;
    padding: 0 30px 0 20px;
}
.actionLink:hover, .menuHoraire a:hover, actionLink.actif, .menuHoraire a.actif {
    text-decoration: none;
    background-color: #808080;
}

/* .beautyForm */
.beautyForm {
    background: #f0f0f0;
    padding: 25px 40px 25px 25px;
}
    .beautyForm label {
        font: 16px arial,sans-serif;
        color: #000000;
        width: 135px;
        display: inline-block;
        vertical-align: top;
        line-height: 30px;
    }
    .beautyForm input.text-box, .beautyForm select, .beautyForm textarea {
        height: 30px;
        line-height: 30px;
        border: 1px solid #e1e1e1;
        border-radius: 5px;
        width: 382px;
        padding: 0 15px;
    }
    .beautyForm select {
        padding: 5px 15px;
        width: 410px;
    }
    .beautyForm textarea {
        height: 150px;
    }
    .beautyForm input.text-box.input-validation-error,
    .beautyForm select.input-validation-error,
    .beautyForm textarea.input-validation-error {
        border-color: red;
    }
    .beautyForm div {
        margin-bottom: 20px;
    }
    .beautyForm .field-validation-error {
        color: red;
        margin-left: 140px;
    }
/* /.beautyForm */

ul.internPagination {
    margin-top: 20px;
}

    ul.internPagination li {
        display: inline-block;
        margin-bottom: 10px;
    }
        ul.internPagination li.left {
            float: left;
        }
        ul.internPagination li.right {
            float: right;
        }

        ul.internPagination li span, ul.internPagination li a {
            display: block;
            color: #fff;
            font: 22px/50px 'Myriad Pro', sans-serif;
            width: 50px;
            text-align: center;
        }
        ul.internPagination li.long span, ul.internPagination li.long a {
            width: auto;
            padding: 0 10px;
        }

        ul.internPagination li span {
            background: #808080;
        }

        ul.internPagination li a {
            background: #982820;
        }

            ul.internPagination li a:hover {
                background: #808080;
                text-decoration: none;
            }

/* Bon à savoir */
/*a.info:hover	{background-color:#ff0; z-index:25}
a.info span		{display:none}*/

/* rollover */
/*.rollOver 		{background-position:0 0; background-repeat:no-repeat; display:block; float:left}
.rollOver:hover 	{background-position:bottom right}
.rollOver span 	{display:none}
.icone 			{height:34px; width:354px}*/

/* lien de la même couleur que le texte du contenant */
a.invisible			{color:inherit; cursor:pointer; text-decoration:none}
a.invisible:hover	{text-decoration:underline}
/* * html a.invisible, *+html a.invisible	{color:expression(this.parentNode.currentStyle.color);}*/ 

/* CLEAR FIX  */
.clearfix:after	{clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden}
.clearfix		{display:inline-block}
html[xmlns] .clearfix	{display:block}
* html .clearfix	{height:1%}


/* Ajustements */
.clear		{clear:both}
.displayNone	{display:none}
.hidden		{overflow:hidden}
.uppercase	{text-transform:uppercase}
.visibilityHidden	{visibility:hidden}

/* Extras */
.compilation a {font-family:Arial,Helvetica,sans-serif}

.lp {left:-9999px; position:absolute}

.w960 {width:960px}