/* Styles Généraux */
body {
    padding: 0px;
    margin: 0px;
    background-color: #fff;
	background-repeat:repeat;
    font-family:'CenturyGothicRegular',Sans-Serif;
	font-size:14px;
	background-image: url(../images/background.jpg); 
	background-repeat:no-repeat;
	background-position:top 20px center;
}

.container {
    width: 1100px;
    margin: auto;
    text-align: left;
    position: relative;
}

#twitter-widget-0{
   width: 100% !important;  
}


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


/* Header */
.animate { padding:0 0 0px 0!important; margin-top:-10px; }


.navheader {
  list-style: none;
  padding: 0;
  height:84px;
  padding-top: 0px;
  background-color: #000;
  top:0;
}


.navheader.visible {
  left:0;
  width: 100%;
  margin-left: 0px;
  background: #000;
  position: fixed;
  top: -30px; 
  z-index:999999;
  height:64px;
  padding:0px!important;  
}

/* Menu secondaire */
.containerMenuVisible { display:none; z-index:999; border-top:solid 5px #fff; background-color:#000!important;}
.navheader.visible .containerMenu { display:none; }
.navheader.visible .containerMenuVisible { display:block; }


.currentprogtop { display:block; float:left; height:50px; color:#fff; font-size:25px; text-decoration:none; line-height:50px; background-color:#0a4e91; width:500px; padding-left:15px; }
.currentprogtop span.fa { color:#fff; font-size:25px; margin:0px; padding:0px; float:left; line-height:50px; }
.currentprogtop h3 { color:#fff; font-size:22px; margin:0px; padding:0px; float:left;  line-height:50px; margin-left:15px; font-family:'Conv_BebasNeue Book',Sans-Serif;	}
.currentprogtop h3 span { color:#a5ccf3; margin-left:10px;	}
.currentprogtop h3 strong { color:#d7ebff; margin-left:10px; float:right;	}
.currentprogtop:hover {background-color:#084581; color:#fff; }

.barreonairtop { background-color:#1b2d55;   width:100%; height:50px; margin-top:-58px; z-index:99; position:fixed; top:0px;  }
.currenttitletop { display:block; float:left; height:50px; color:#fff; font-size:25px; text-decoration:none; line-height:50px; background-color:#1b2d55; width:570px; padding-left:15px; }
.currenttitletop span.fa { color:#fff; font-size:25px; margin:0px; padding:0px; float:left; line-height:50px; }
.currenttitletop h3 { color:#fff; font-size:22px; margin:0px; padding:0px; float:left;  line-height:50px; margin-left:15px; font-family:'Conv_BebasNeue Book',Sans-Serif;	}
.currenttitletop h3 span { color:#a5ccf3; margin-left:10px;	}
.currenttitletop h3 strong { color:#d7ebff; margin-left:10px; float:right;	}
.currenttitletop:hover {background-color:#14213f; color:#fff; }






.logomini {
    position: absolute;
    top: 0px;
    left: 0px;
	background-color:#000000;
	height:50px; width:80px;
	text-align:center;
	padding-top:8px;
}

.containerMenuVisible ul.menuTop {
    padding: 0px;
    margin: 0px;
    list-style: none;
    list-style-position: inherit;
	position:absolute; 
	top:0px; 
	left:50px;
    height: 69px;
}




.logo {
    position: absolute;
    top: 10px;
    left: 0px; z-index:999;
}

/* Navigation TOP */
.containerMenu {
    border-top: solid 8px #d2d2d2;
    padding-bottom: 5px;
    -webkit-transition: all .2s ease-in;
    -moz-transition:  all .2s ease-in;
    -o-transition:  all .2s ease-in;
    transition:  all .2s ease-in;	
	z-index:999;
}




ul.menuTop {
    padding: 0px;
    margin: 0px;
    list-style: none;
    list-style-position: inherit;
    height: 69px;
}

ul.menuTop * {z-index:999;}

ul.menuTop li {
    float: left;
    display: block;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    text-decoration: none;
    position: relative;
    margin-right: 15px;
}

.containerMenu  ul.menuTop li:first-child {
    margin-left: 265px;
}

ul.menuTop li:last-child {
}

ul.menuTop li a {
    color: #fff;
    font-weight: normal;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    line-height: 49px;
    white-space: nowrap;
    display: block;
    width: 100%;
    position: relative;
    padding: 10px 0px 10px 0px;
    margin: 0px 25px 0px 25px;
    text-decoration: none;
    font-size: 23px;
    font-family:'Conv_BebasNeue Bold',Sans-Serif;
}

ul.menuTop li:hover > a:after {
    content: "";
    display: block;
    height: 8px;
    width: 100%;
    background: #ea702a;
    position: absolute;
    top: -8px;
    transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -webkit-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    -ms-transition: all .2s linear 0;
}

ul.menuTop li:hover > a:before {
    top: 0;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #000;
    border-top-color: #ea702a;
    border-width: 10px;
    margin-left: -10px;
    transition: all .5s linear 0;
    -moz-transition: all .5s linear 0;
    -webkit-transition: all .5s linear 0;
    -o-transition: all .5s linear 0;
    -ms-transition: all .5s linear 0;
}

ul.menuTop li ul {
    width: 240px;
	position:absolute;
    top: 69px;
    left: 0px;
    background-color: #ffffff; 
	border-left:solid 1px #dfdfdf;
    padding: 0px;
	z-index:999999;
    border-bottom: solid 5px #ea702a;
}


.containerMenuVisible ul.menuTop li ul {
    width: 220px;
    position: absolute;
    top: 58px;
    left: 0px;
    background-color: #fff; border-left:solid 1px #dfdfdf;
    padding: 0px;
    clear: both;
	z-index:999;
    border-bottom: solid 5px #ea702a;
}

ul.menuTop li ul:after {
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    background: #ea702a;
    position: absolute;
    top: 100%;
    -moz-box-shadow: 0px 3px 5px 0px #abbdc3;
    -webkit-box-shadow: 0px 3px 5px 0px #abbdc3;
    -o-box-shadow: 0px 3px 5px 0px #abbdc3;
    box-shadow: 0px 3px 5px 0px #abbdc3;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#abbdc3, Direction=180, Strength=5);
}

ul.menuTop li ul li {
    display: block;
    float: none;
    text-align: left;
}

ul.menuTop li ul li:first-child {
    margin-left: 0px!important;
}

ul.menuTop li ul li a {
    line-height: 2!important;
    display: block;
    float: none;
    text-align: left; color:#000;
    padding: 0px 0px 0px 0px;
    font-size: 18px;
    font-family:'Conv_BebasNeue Book',Sans-Serif;	
}


ul.menuTop li ul li a {
    -webkit-transition: padding-left .2s ease-in;
    -moz-transition:  padding-left .2s ease-in;
    -o-transition:  padding-left .2s ease-in;
    transition:  padding-left .2s ease-in;
}


ul.menuTop li ul li a span {
	visibility:hidden;
    -webkit-transition: visibility .2s ease-in;
    -moz-transition:  visibility .2s ease-in;
    -o-transition:  visibility .2s ease-in;
    transition:  visibility .2s ease-in;
}



ul.menuTop li ul li a:hover {
  color: #ea702a;
 padding-left:10px;
}


ul.menuTop li ul li a:hover span { visibility:visible;
}



ul.menuTop li ul li a:after, ul.menuTop li ul li a:before {
    display: none!important;
}



ul.menuTop li:hover ul li:first-child {
    margin-top: 5px;
}

ul.menuTop li:hover ul li:last-child {
    margin-bottom: 5px;
}

ul.menuTop li ul:after {
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    background: #ea702a;
    position: absolute;
    top: 100%;
    -moz-box-shadow: 0px 3px 5px 0px #abbdc3;
    -webkit-box-shadow: 0px 3px 5px 0px #abbdc3;
    -o-box-shadow: 0px 3px 5px 0px #abbdc3;
    box-shadow: 0px 3px 5px 0px #abbdc3;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#abbdc3, Direction=180, Strength=5);
}









ul.menuTopFirst {
    padding: 0px;
    margin: 0px;
    list-style: none;
    list-style-position: inherit;
	position:relative; 
    height: 39px;
}

.containermenutopfirst { background-color:#fff; z-index:99999; -moz-box-shadow: 0px 0px 10px 0px #656565;
-webkit-box-shadow: 0px 0px 10px 0px #656565;
-o-box-shadow: 0px 0px 10px 0px #656565;
box-shadow: 0px 0px 10px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=10);  }

ul.menuTopFirst * {z-index:9999;}

ul.menuTopFirst li {
    float: left;
    display: block;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
    text-decoration: none;
    position: relative;
    margin-right: 15px;
}



ul.menuTopFirst li a {
    color: #333;
    font-weight: normal;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
	letter-spacing:-1px;
    line-height: 29px;
    white-space: nowrap;
    display: block;
    width: 100%;
    position: relative;
    padding: 5px 0px 5px 0px;
    margin: 0px 25px 0px 25px;
    text-decoration: none;
    font-size:15px;
    font-family:'nirmala_uibold',Sans-Serif; 
}

ul.menuTopFirst li ul {
    width: 240px;
	position:absolute;
    top: 39px;
    left: 0px;
    background-color: #ffffff; 
    padding: 0px;
	z-index:9999999;
}



ul.menuTopFirst li ul li {
    display: block;
    float: none;
    text-align: left;
}

ul.menuTopFirst li ul li:first-child {
    margin-left: 0px!important;
}

ul.menuTopFirst li ul li a {
    line-height: 2!important;
    display: block;
	letter-spacing:0px;
	font-weight:normal;
    float: none;
    text-align: left; color:#000;
    padding: 0px 0px 0px 0px;
    font-size: 12px;
    font-family:"nirmala_uiRegular";	
}


ul.menuTopFirst li ul li a {
    -webkit-transition: padding-left .2s ease-in;
    -moz-transition:  padding-left .2s ease-in;
    -o-transition:  padding-left .2s ease-in;
    transition:  padding-left .2s ease-in;
}


ul.menuTopFirst li ul li a span {
	visibility:hidden;
    -webkit-transition: visibility .2s ease-in;
    -moz-transition:  visibility .2s ease-in;
    -o-transition:  visibility .2s ease-in;
    transition:  visibility .2s ease-in;
}



ul.menuTopFirst li ul li a:hover {
  color: #ea702a;
 padding-left:10px;
}


ul.menuTopFirst li ul li a:hover span { visibility:visible;
}



ul.menuTopFirst li ul li a:after, ul.menuTopFirst li ul li a:before {
    display: none!important;
}



ul.menuTopFirst li:hover ul li:first-child {
    margin-top: 5px;
}

ul.menuTopFirst li:hover ul li:last-child {
    margin-bottom: 5px;
}


.menuTopprim { margin-left:50px!important; }

/* Liste des radios en header */
.radioslist { background-color:#000; margin-top:50px; margin-bottom:50px; padding:25px 0px 25px 0px;}
.radioslist .itemStation { width:25%; float:left; text-decoration:none!important;  }
.radioslist .itemStation * {  text-decoration:none!important; }
.radioslist .itemStation h3 { line-height:1;  font-family:"nirmala_uibold"; text-transform:uppercase; font-size:50px; margin:0px; padding:0px; font-weight:100!important;  letter-spacing: -2px; }
.radioslist .itemStation h4 { line-height:1; font-family:"nirmala_uiregular"; text-transform:uppercase; font-size:18px; color:#fff; margin:0px; padding:0px; font-weight:100!important;}


.kiff h3 { color:#ea702a;  }
.kiff div { background-color:#ea702a; }
.kiff div span.fa {color:#9d420e;}
.kiff div:hover {background-color:#9d420e;}
.kiff div:hover span.fa {color:#ea702a;}

.kool h3 { color:#e85ee9; }
.kool div { background-color:#e85ee9; }
.kool div span.fa {color:#bb50bc;}
.kool div:hover {background-color:#bb50bc;}
.kool div:hover span.fa {color:#e85ee9;}

.rock h3 { color:#6089f2; }
.rock div { background-color:#6089f2; }
.rock div span.fa {color:#4c6dc1;}
.rock div:hover {background-color:#4c6dc1;}
.rock div:hover span.fa {color:#6089f2;}

.hits h3 { color:#fd0528; }
.hits div { background-color:#fd0528; }
.hits div span.fa {color:#c2011c;}
.hits div:hover {background-color:#c2011c;}
.hits div:hover span.fa {color:#fd0528;}

.radioslist .itemStation div  {position:relative; padding:15px; color:#fff; margin-top:15px; margin-bottom:15px;  -webkit-transition: all .2s ease-in;
-moz-transition:  all .2s ease-in;
-o-transition:  all .2s ease-in;
transition:  all .2s ease-in; overflow:hidden;}

.radioslist .itemStation div:hover  { cursor:pointer;}






.radioslist .itemStation div span.fa { position:absolute; right:15px; top:15px; text-transform:uppercase; font-size:50px; margin:0px; padding:0px; font-weight:100!important;  letter-spacing: -2px; margin:0px!important; -webkit-transition: all .1s ease-in;
-moz-transition:  all .1s ease-in;
-o-transition:  all .1s ease-in;
transition:  all .1s ease-in;}


.radioslist .itemStation:hover  div span.fa { position:absolute; right:85px; top:-25px; text-transform:uppercase; font-size:120px; margin:0px; padding:0px; font-weight:100!important;  letter-spacing: -2px; margin:0px!important;     transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -khtml-transform: rotate(-20deg);}


.radioslist .itemStation div span { display:block; margin-bottom:0px; }
.radioslist .itemStation div strong { display:block; margin-bottom:2px; }

/* Formulaire de recherche top */
.rechercheTop { position:absolute; top:20px; right:0px;  }
.rechercheTop input { border:solid 1px #000; padding:5px 20px 5px 5px; color:#000; background-color:#fff; position:relative;  width:220px;     -webkit-transition: all .2s ease-in;
-moz-transition:  all .2s ease-in;
-o-transition:  all .2s ease-in;
transition:  all .2s ease-in;

}


.rechercheTop input:focus { background-color:#ccc; border:solid 1px #fff; color:#000; -moz-box-shadow: 0px 0px 3px 0px #656565;
-webkit-box-shadow: 0px 0px 3px 0px #656565;
-o-box-shadow: 0px 0px 3px 0px #656565;
box-shadow: 0px 0px 3px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=3); }

.rechercheTop button { position:absolute; top:3px; font-size:15px; cursor:pointer; right:0px; border:none; background-color:transparent; color:#000;   }
.rechercheTop button:hover {  color:#ea702a;   }


/* Header shadow */
.shadowTop { z-index:0; -moz-box-shadow: 0px 5px 8px 0px #656565;     background-color: #fff;

-webkit-box-shadow: 0px 5px 8px 0px #656565;
-o-box-shadow: 0px 5px 8px 0px #656565;
box-shadow: 0px 5px 8px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=8); padding:25px; margin-bottom:25px;
 }


/* Header promo */
.subHeader { padding:5px 0px 5px 0px; }
.lignePromos { height:100px; }
.promoApps { border:solid 2px #dfdfdf; float:left; width:293px; height:86px; }
.promoApps img:first-child { float:left;  margin:15px 0px 0 10px;}
.promoApps img:last-child { float:right; margin:20px 10px 0 0;
 -webkit-transition: all .2s ease-in;
-moz-transition:  all .2s ease-in;
-o-transition:  all .2s ease-in;
transition:  all .2s ease-in;}
.promoApps img:hover { opacity:0.3; cursor:pointer; }
.promo728x90 { float:right; }


/* Ligne onAir */
.datasOnAir { height:190px; margin-top:25px; margin-bottom:25px; border-bottom: solid 1px #ccc; }

/* Current datas */
.currentInfos { width:460px; height: 160px;  float:left; overflow:hidden;  }
.currentInfos .coverTop { width:155px; height: 155px;  float:left;  position:relative;}
.currentInfos .coverTop img { width:155px; height: 155px;  }

.currentInfos .currentDatas { width:295px; height: 155px;  float:left; overflow:hidden;  margin-left:10px;}


/* Emission en cours */
.emissionencours { position:relative;  width:295px; height:97px; }
.emissionencours img { position:absolute; width:295px; height:97px; }
.emissionencours h3 { margin:10px 0 0 0; padding:0px; font-size:23px;  font-family:'Conv_BebasNeue Bold',Sans-Serif; font-weight:normal; color:#1f3159; text-align:right;  position:absolute; z-index:2; text-align:right; width:100%; }

#titreencours h3 { margin:0px 0 0 0; padding:0px; font-size:30px;  font-family:'Conv_BebasNeue Bold',Sans-Serif; font-weight:normal; color:#1f3159; text-align:left; width:100%; }

#titreencours h4 { margin:0px 0 0 0; padding:0px; font-family:'CenturyGothicRegular',Sans-Serif; font-size:15px; text-transform:uppercase;  font-weight:normal; color:#0a4e91; text-align:left; width:100%; }


/* Top header */
.topheader { height:90px; margin-bottom:25px; width:100%; }
.topheader .item { width:33.3%; height:90px; float:left; }
.topheader .item .itemleft { width:90px; height:90px; float:left;}
.topheader .item .itemleft img { width:90px; height:90px;}
.topheader .item .itemright { width:226px; height:90px; float:left; margin-left:10px; }
.topheader .item .itemright h3 { margin:0px 0 0 0; padding:0px; font-size:40px;  font-family:'Conv_BebasNeue Bold',Sans-Serif; font-weight:normal; color:#f07c2c; text-align:left; text-transform:uppercase; line-height:0.7;  }
.topheader .item .itemright h4 { margin:7px 0 0 0; padding:0px; font-size:26px;  font-family:'Conv_BebasNeue Book',Sans-Serif; font-weight:normal; color:#f07c2c; text-align:left; text-transform:uppercase; line-height:0.9; }
.topheader .item .itemright h5 { margin:0px 0 0 0; padding:0px; font-family:'CenturyGothicRegular',Sans-Serif; font-size:15px;  font-weight: 100!important; color:#f07c2c; text-align:left; text-transform:uppercase; line-height:0.9;  }

.topheader .item .itemright a { color:#f07c2c; font-size:12px; text-transform:uppercase; text-decoration:none; }


/* Slider Accueil */
.containerslider { margin-left:17px; margin-bottom:25px;}

/* Box */
.shadow { -moz-box-shadow: 0px 0px 8px 0px #656565;
-webkit-box-shadow: 0px 0px 8px 0px #656565;
-o-box-shadow: 0px 0px 8px 0px #656565;
box-shadow: 0px 0px 8px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=NaN, Strength=8); padding:25px; background-color:#fff; margin-bottom:25px;
}


/* Liste d'articles */
.listeArticle { position:relative; width:100%; position:absolute; z-index:1; }
.boutonPlus { position:absolute; right:-42px; top:180px; display:block; width:68px; height:139px; z-index:0; background-image:url(../images/boutonplusoff.png);  -webkit-transition: all .2s ease-in;-moz-transition:  all .2s ease-in;-o-transition:  all .2s ease-in;transition:  all .2s ease-in; background-repeat:no-repeat; background-position:-15px; }

.boutonPlus:hover {background-image:url(../images/boutonpluson.png); background-position:0px;  }



.articlehorizontal { height:480px; width:33.2%; float:left; border:solid 1px #c6c8ca; -webkit-transition: all .2s ease-in;-moz-transition:  all .2s ease-in;-o-transition:  all .2s ease-in; transition:  all .2s ease-in;  z-index:1;  }
.articlehorizontal:hover { background-color:#ededed; cursor:pointer; }
.articlehorizontal:hover a.gris { background-color:#0a4e91; color:#fff;  border-right:solid 3px #c6c8ca;}
.articlehorizontal:first-child { border-right:solid 0px #c6c8ca;  }
.articlehorizontal.last-child { border-left:solid 0px #c6c8ca; }


.articlehorizontal .imagecontainer { border-bottom:solid 3px #f07c2c; width:100%; height:225px; position:relative;  }
.articlehorizontal .imagecontainer img { width:100%; height:225px; }




.articlehorizontal:hover img { opacity:0.9!important}

.articlehorizontal .bulletarticle { background-color:#fff; border:solid 1px #ebebeb; padding:10px; position:absolute; bottom:-25px; left:43%;  font-size:20px; -webkit-border-radius:55%; -moz-border-radius:55%; -o-border-radius:55%;-khtml-border-radius:55%; border-radius:55%; padding-top:7px; padding-bottom:7px; color:#f07c2c;  -webkit-transition: all .2s ease-in;-moz-transition:  all .2s ease-in;-o-transition:  all .2s ease-in;transition:  all .2s ease-in;}

.articlehorizontal:hover .bulletarticle { background-color:#f07c2c;   color:#fff;  padding:14px;  padding-top:10px; padding-bottom:10px; font-size:30px;  bottom:-30px; left:40%;  }

.articlehorizontal .articlecontainer { padding:15px; }
.articlehorizontal .articlecontainer h3, .articlehorizontal .articlecontainer p { margin:0px; padding:0px; }
.articlehorizontal .articlecontainer h3 {  font-family:'Conv_BebasNeue Bold',Sans-Serif; font-size:28px; margin-bottom:15px; margin-top:25px; margin-bottom:25px; }
.articlehorizontal .articlecontainer p {  font-family:'CenturyGothicRegular',Sans-Serif; font-size:15px;  margin-bottom:15px; }


/* Boutons */
a.bouton {  padding:8px 15px 8px 15px; text-decoration:none; float:right; -webkit-transition: all .2s ease-in;
-moz-transition:  all .2s ease-in;
-o-transition:  all .2s ease-in;
transition:  all .2s ease-in;   font-size:15px; font-family:'CenturyGothicRegular',Sans-Serif;  }

a.gris { background-color:#c6c8ca; color:#fff;  border-right:solid 3px #0a4e91; }
a.gris:hover { background-color:#0a4e91; color:#fff;  border-right:solid 3px #c6c8ca;}


/* Colonnes */
.colonneGauche { width:730px; float:left; margin-top:25px;  }
.colonneDroite { width:300px; float:right; margin-top:25px;  }

.colonneGaucheaccueil { width:49%; float:left; margin-top:25px;  }
.colonneDroiteaccueil { width:49%; float:right; margin-top:25px;  }

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

/* C quoi ce titre ? */
.ctkoicetitre { background-color:#e6e6e6; width:auto; height:150px; padding:10px; }
.txtckoicetitre { width:120px; float:left; padding-left:30px; padding-top:38px;  }
.txtckoicetitre  h3 { font-family:'Conv_BebasNeue Bold',Sans-Serif; font-size:35px; color:#f07c2c; margin:0px; padding:0px; }
.containerctkoi {  float:right; width:530px; height:150px; background-color:#3a9bd9; }
.currentctkoi { width:60%; float:left; position:relative;  height:150px; padding-top:35px;  }
.currentctkoi  h3 { font-family:'Conv_BebasNeue Bold',Sans-Serif; font-size:26px; color:#f07c2c; margin:0px; padding:0px; margin-left:160px; }

.currentctkoi  h4 { font-family:'Conv_BebasNeue Book',Sans-Serif; font-size:26px; color:#fff; margin:0px; padding:0px; margin-left:160px; }

.currentctkoi  h6 { font-family:'Conv_BebasNeue Light',Sans-Serif; font-size:18px; color:#fff; margin:0px; padding:0px; margin-left:160px; }



.lstctkoi { width:40%; float:left; overflow:hidden; padding-top:10px; }


.ch-grid { position:absolute; top:-27px; left:-75px; }
.ch-img-1 { background-image:url(../images/jackson.jpg);}
.ch-img-1 i { color:#fff; font-size:50px; padding-top:15px;}


.titreblocmaster { font-family: "nirmala_uiregular"; font-weight:normal; font-size:35px; margin:0px; padding:10px; color:#333; background-color:#fff; text-transform:uppercase; letter-spacing:-2px; border-bottom:solid 3px #ea702a; }
.titrebloc { font-family: "nirmala_uiregular"; font-weight:normal; font-size:35px; margin:0px; padding:0px; color:#000; text-transform:uppercase; letter-spacing:-2px; }
.titrebloc span { color:#ea702a; border-bottom:solid 3px #ea702a;  }

.titrebloc span:before {
    top: 80px;
    left: 280px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: #fff;
    border-top-color: #ea702a;
    border-width: 10px;
    margin-left: -10px;
    transition: all .5s linear 0;
    -moz-transition: all .5s linear 0;
    -webkit-transition: all .5s linear 0;
    -o-transition: all .5s linear 0;
    -ms-transition: all .5s linear 0;
}

/* Liste des titres diffusés */
.itemctkoilst  {  height:37px;  margin-top:10px; padding:5px;}
.itemctkoilst:hover  { background-color:#59aadd; cursor:pointer; }
.itemctkoilst .left { float:left; width:37px; height:37px;}
.itemctkoilst .left img {  width:37px; height:37px;}

.itemctkoilst .right { float:left; width:140px; height:37px; overflow:hidden; padding-left:15px;}
.itemctkoilst .right h3 { font-family:'Conv_BebasNeue Bold',Sans-Serif; font-size:18px; color:#f07c2c; margin:0px; padding:0px; }

.itemctkoilst .right h4 { font-family:'Conv_BebasNeue Book',Sans-Serif; font-size:14px; color:#fff; margin:0px; padding:0px; }


/* Liste d'articles verticaux */
.listeArticles { margin:25px 0px 0px 0px; position:relative;}
.listeArticleslst { margin:0px 0px 0px 0px; position:relative;}

.boutonPlusbas { position:absolute; left:-67px; top:220px; display:block; width:68px; height:139px; z-index:0; background-image:url(../images/boutonplusleftoff.png);  -webkit-transition: all .2s ease-in;-moz-transition:  all .2s ease-in;-o-transition:  all .2s ease-in;transition:  all .2s ease-in; background-repeat:no-repeat; background-position:15px; z-index:99; }

.boutonPlusbas:hover {background-image:url(../images/boutonpluleftson.png); background-position:0px;  }



.articlesVerticaux  { border:solid 1px #ededed; height:225px; width:100%;  -webkit-transition: all .2s ease-in;-moz-transition:  all .2s ease-in;-o-transition:  all .2s ease-in; transition:  all .2s ease-in;  z-index:1; }
.articlesVerticaux:hover { background-color:#ededed; cursor:pointer; }
.articlesVerticaux .imagecontainer { width:330px; height:225px; position:relative; float:left; }
.articlesVerticaux .imagecontainer img { width:330px; height:225px; }
.articlesVerticaux .articlecontainer { width:378px; padding-left:20px;  height:225px; position:relative; float:left; }
.articlesVerticaux .todo { width:708px!important; padding-left:20px;  height:225px; position:relative; float:left; }

.articlesVerticaux .articlecontainer h3, .articlesVerticaux .articlecontainer p { margin:0px; padding:0px; }
.articlesVerticaux .articlecontainer h3 {  font-family:'Conv_BebasNeue Bold',Sans-Serif; font-size:28px; margin-bottom:15px; margin-top:25px; margin-bottom:25px; }
.articlesVerticaux .articlecontainer p {  font-family:'CenturyGothicRegular',Sans-Serif; font-size:15px;  margin-bottom:15px; }


.articlesVerticaux .bulletarticle { background-color:#fff; border:solid 1px #ebebeb; padding:10px; position:absolute;  font-size:20px; -webkit-border-radius:55%; -moz-border-radius:55%; -o-border-radius:55%;-khtml-border-radius:55%; border-radius:55%; padding-top:7px; padding-bottom:7px; color:#f07c2c;  -webkit-transition: all .2s ease-in;-moz-transition:  all .2s ease-in;-o-transition:  all .2s ease-in;transition:  all .2s ease-in; top:40%; right:-20px; }

.articlesVerticaux:hover .bulletarticle { background-color:#f07c2c;   color:#fff;  padding:14px;  padding-top:10px; padding-bottom:10px; font-size:30px;  top:35%; right:-25px;    }
.articlesVerticaux:hover a.gris { background-color:#0a4e91; color:#fff;  border-right:solid 3px #c6c8ca;}



.articlesVerticauxnonclicable  { border:solid 1px #ededed; height:225px; width:100%;  -webkit-transition: all .2s ease-in;-moz-transition:  all .2s ease-in;-o-transition:  all .2s ease-in; transition:  all .2s ease-in;  z-index:1; }
.articlesVerticauxnonclicable .imagecontainer { width:330px; height:225px; position:relative; float:left; }
.articlesVerticauxnonclicable .imagecontainer img { width:330px; height:225px; }
.articlesVerticauxnonclicable .articlecontainer { width:378px; padding-left:20px;  height:225px; position:relative; float:left; }
.articlesVerticauxnonclicable .todo { width:708px!important; padding-left:20px;  height:225px; position:relative; float:left; }

.articlesVerticauxnonclicable .articlecontainer h3, .articlesVerticauxnonclicable .articlecontainer p { margin:0px; padding:0px; }
.articlesVerticauxnonclicable .articlecontainer h3 {  font-family:'Conv_BebasNeue Bold',Sans-Serif; font-size:28px; margin-bottom:0px; margin-top:15px; margin-bottom:10px; color:#000; }

.articlesVerticauxnonclicable .articlecontainer h4 {  font-family:'CenturyGothicRegular',Sans-Serif; font-weight:normal; font-size:28px; margin-bottom:0px; margin-top:0px; margin-bottom:20px; color:#ea702a; }

.articlesVerticauxnonclicable .articlecontainer p {  font-family:'CenturyGothicRegular',Sans-Serif; font-size:15px;  margin-bottom:15px; }


.articlesVerticauxnonclicable .bulletarticle { background-color:#fff; border:solid 1px #ebebeb; padding:10px; position:absolute;  font-size:20px; -webkit-border-radius:55%; -moz-border-radius:55%; -o-border-radius:55%;-khtml-border-radius:55%; border-radius:55%; padding-top:7px; padding-bottom:7px; color:#f07c2c;  -webkit-transition: all .2s ease-in;-moz-transition:  all .2s ease-in;-o-transition:  all .2s ease-in;transition:  all .2s ease-in; top:40%; right:-20px; }



ul.navpillsgris { list-style:none; list-style-position:inside; margin:0px; padding:0px; border-bottom:solid 1px #ccc; margin-bottom:25px; padding-bottom:25px;}
ul.navpillsgris li { line-height:2; margin:0px; padding:0px;}
ul.navpillsgris li  a {   font-family:'CenturyGothicRegular',Sans-Serif; font-size:20px; text-decoration:none; margin-bottom:0px; margin-top:15px; margin-bottom:10px; color:#000;     transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -webkit-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    -ms-transition: all .2s linear 0;}


ul.navpillsgris li.active  a {   color:#f07c2c;     transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -webkit-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    -ms-transition: all .2s linear 0;}



ul.navpillsgris li a:hover {   color:#f07c2c;     transition: all .2s linear 0;
    -moz-transition: all .2s linear 0;
    -webkit-transition: all .2s linear 0;
    -o-transition: all .2s linear 0;
    -ms-transition: all .2s linear 0;}




/* Footer */
.footer { background-color:#000; padding:15px; text-align:center; }
.footer ul li:first-child { margin-left:0px; }
.footer ul li { display:inline; margin-left:50px; }
.footer ul li a { color:#fff; font-size:12px; text-decoration:none; }
.footer ul li a:hover { text-decoration:underline;}

/* Review colonne */
.reviewcolonne ul { list-style:none; list-style-position:inside; margin:0px; padding:0px; }
.reviewcolonne ul li { float:left; width:50%; margin:0px; padding:0px; }

.socialbar { width:60px; background-color:#ea702a; position:fixed; left:0px; top:150px;  }
ul.socialbar  { list-style:none; list-style-position:inside; margin:0px; padding:0px; text-align:center;  }
.socialbar  li  { width:60px; border-bottom:solid 1px #ca5f22; background-color:#ea702a;  
	-webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    }
.socialbar  li:hover   {  width:100px; border-bottom:solid 1px #fff;}
.socialbar  li:last-child  {  border-bottom:solid 0px #404f70; }
.socialbar  li a { display:block; font-size:20px; line-height:3; color:#fff; text-decoration:none;}
.socialbar  li a:hover { background-color:#fff; color:#ca5f22;}

/* Sidebar left */
a.linkclose { display:block; line-height:3; background-color:#1b2d55; color:#fff; text-decoration:none; font-size:20px; padding-left:20px;  }

#modal { display:none; }
.itemModal { margin-top:10px; border-bottom:solid 1px #ccc; padding-bottom:20px;}
.itemModal h3 { font-family:'Conv_BebasNeue Bold',Sans-Serif; font-size:22px; color:#f07c2c; margin:0px; padding:0px 0px 0px 10px; }
.itemModal form { padding:10px; }
.itemModal form input { padding:10px; width:221px; border:solid 0px; display:block; float:left; }
.btn-bleu-color { display:block; float:left; padding:2px 0px 0px 8px; background-color:transparent; color:#1b2d55; text-decoration:none; font-size:25px; border:solid 0px #fff!important; cursor:pointer; }



/* Fil d'ariane */
#breadcrumbs-two{ list-style:none; list-style-position:inside; margin:0px; padding:0px; margin-bottom:0px; background-color:#ededed; }
#breadcrumbs-two{
	  /* Clear floats */
	  overflow: hidden;
	  width: 100%;
	}
	
	#breadcrumbs-two li{
	  float: left;
	  margin: 0 0 0 15px;
	}
	
	#breadcrumbs-two a{
	  background: #e5e2e2;
	  padding: .7em 25px .7em 25px;
	  float: left;
	  text-decoration: none;
	  color: #3e3e3e;
	  position: relative;
	   font-family: "nirmala_uiBold";  font-weight:100; font-size:15px;
	}
	
	#breadcrumbs-two a:hover{
	  background: #d3d1d1; color:#333; 
	}
	
	#breadcrumbs-two a::before{
	  content: "";
	  position: absolute;
	  top: 50%; 
	  margin-top: -1.5em;   
	  border-width: 1.5em 0 1.5em 1em;
	  border-style: solid;
	  border-color: #e5e2e2 #e5e2e2 #e5e2e2 transparent;
	  left: -1em;
	}
	
	#breadcrumbs-two a:hover::before{
	  border-color: #d3d1d1 #d3d1d1 #d3d1d1 transparent;
	}
	
	#breadcrumbs-two a::after{
	  content: "";
	  position: absolute;
	  top: 50%; 
	  margin-top: -1.5em;   
	  border-top: 1.5em solid transparent;
	  border-bottom: 1.5em solid transparent;
	  border-left: 1em solid #e5e2e2;
	  right: -1em;
	}
	
	#breadcrumbs-two a:hover::after{
	  border-left-color: #d3d1d1;
	}
	
	#breadcrumbs-two .current,
	#breadcrumbs-two .current:hover{
	  background: none;  text-shadow:none!important; 
	}
	
	#breadcrumbs-two .current:hover{
	  background: none; color:#fff;
	}	
	
	
	#breadcrumbs-two .current::after,
	#breadcrumbs-two .current::before{
	  content: normal;
}



.titre_article { font-family: "nirmala_uiBold"; font-weight:normal; font-size:35px; margin:0px; padding:0px; margin-bottom:20px; color:#333; background-color:#fff; letter-spacing:-2px; line-height:1!important;  }

.chapo_article { font-family: "nirmala_uiregular"; font-weight:normal; font-size:35px; margin:0px; padding:0px; margin-bottom:20px; color:#333; background-color:#fff; letter-spacing:-2px;line-height:1!important;  }

.img_article_big { border:solid 1px #ccc; margin:10px 0px 20px 0px; }
.image_mini { border:solid 1px #ccc; margin:10px 0px 20px 0px; }


.contenu_article { font-size:15px;  font-family: "nirmala_uiregular"; font-weight:normal; margin-bottom:15px; }

#partage_article { padding:15px; background-color:#eeeeee; margin:15px 0px 15px 0px;}




/* Historique des titres diffuses */
.wellsearch {  background-image:none; box-shadow:none; margin-bottom:25px; }
.wellsearch input { background-color:#fff; padding:5px; border:solid 1px #ccc; }
.wellsearch a { color:#fff; }
.wellsearch a:hover, .wellsearch a:focus { color:#ccc; text-decoration:none; }
.historique tr td { border-bottom:solid 1px #ccc; padding-bottom:5px; margin-bottom:5px; margin-top:5px; padding-top:5px; }
.historique tr td img.pochetteHistorique { padding:3px; border:solid 1px #ccc;}
.historique tr td h6 { color:#0c0c0c;  font-size:17px; text-align:center;  font-family: "nirmala_uiregular";  font-weight:normal; margin:0px; padding:0px; line-height:1.3;}
.historique tr td h3 {  font-size:20px;  font-family: "nirmala_uiBold";  font-weight:normal; margin:0px 0px 0px 0px; padding:0px; line-height:1.3;}
.historique tr td h4 {  font-size:17px; color:#666;   font-family: "nirmala_uiregular";  font-weight:100;  margin:0px; padding:0px; line-height:1.3; margin-bottom:10px;}
.voice { cursor:pointer;}

.voteUp { background-color:#060; padding:8px; color:#fff; font-size:20px; }
.voteDown { background-color: #900; padding:8px; color:#fff; font-size:20px; }


.btnacheter  { background-color:#000; text-decoration:none; color:#fff; padding:5px 10px 5px 15px; margin-top:15px; }