/*Le logo est affiché en permanance sur l'Accueil*/
.logo-navbar {
display: block;
}
.heightAdFixer {
width: 100%;
height: 0;
}
.smcx-embed {
width: inherit !important;
max-width: inherit !important;
height: inherit !important;
}
.smcx-iframe-container {
max-width: inherit !important;
height: 1590px !important;
}
.smcx-widget {
z-index: inherit !important;
}
div.smcx-widget iframe {
width: inherit !important;
min-width: inherit !important;
}
#inReVideo {
width: 400px;
height: 225px;
background-color: #0E659B;
margin: 0 auto 3%;
}
#inReImage {
width: 584px;
height: 150px;
background-color: #2b542c;
margin: 0 auto 3%;
-webkit-transition: width 2s; /* For Safari 3.1 to 6.0 */
transition: width 2s;
}
.backAdSpaceTop {
padding-top: 20px;
}
.body {
pointer-events: none;
}
.body > * {
pointer-events: auto;
}
.interstitielResponsive {
max-width: 100%;
width: 100vh;
height: 100vh;
}
.logo > img {
display: block;
height: auto;
width: 100%;
max-width: 150px;
max-height: 150px;
}
.carousel-control {
filter: none !important;
}
/*CONTACT LOGO*/
.iContact {
background-image: url('../img/static/phone.png') !important;
}
/**** NAVBAR ****/
/* GLOBAL NAVBAR PARAMS */
nav {
position: fixed;
top:0;
background-color: red;
height: 47px;
font-family: HelveticaNeue, Arial Narrow;
text-transform: uppercase;
color: white;
font-weight: 300;
z-index: 999;
width: 100%;
}
nav .black {
background-color: #242E40;
}
nav .nav-logo {
margin: 5px;
cursor: pointer;
}
nav .nav-logo img {
width: 35px;
}
nav .player-red {
color: red;
}
nav .col1, nav .col-2 {
display: flex;
float: left;
}
nav .col1 {
width: 41vw;
align-items: center;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
height: 100%;
font-family: HelveticaNeueHeavy, Arial Narrow;
}
nav .col-2 {
width: 45%;
font-size: 17px;
}
nav .col-3 {
display: flex;
float: right;
height: 100%;
width: max-content;
align-items: center;
justify-content: flex-end;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
cursor: pointer;
font-size: 15px;
}
/* SPECIFIC PARAMS */
nav .hamburger {
display: none;
width: 10%;
height: 100%;
background-color: red;
justify-content: center;
float: left;
}
nav .col1 .search img, nav .col1 .player img {
width: 35px;
}
nav .col1 .search img {
margin-left: 15px;
}
nav .col1 .player, nav .col1 .player a {
align-items: center;
height: 100%;
display: flex;
width: 100%;
justify-content: center;
font-weight: 800;
font-size: 1.6vw;
text-decoration: none;
color: white;
}
nav .col-2 ul {
width: 100%;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
height: 100%;
align-items: center;
}
nav .col-2 ul li {
float: left;
list-style: none;
margin-left: 13%;
transition: color 0.2s ease-in;
cursor: pointer;
height: 100%;
display: flex;
align-items: center;
}
nav .col-2 ul li a {
text-decoration: none;
color: white;
display: flex;
align-items: center;
}
/*Sub Menu*/
nav .col-2 ul li ul {
position: absolute;
top: 45px;
background: #313f54;
flex-direction: column;
/* text-transform: capitalize;*/
display: none;
height: auto;
width: 200px;;
opacity: 0;
transition: all 0.2s ease-in;
margin-left: -70px;
}
nav.col-2 ul li ul a {
color: #242E40;
}
/* Hover on menu */
nav .col-2 ul li:hover > ul, nav .arrow-up, .col-2 ul li ul {
opacity: 1;
transition: all 0.2s ease-in;
display: flex;
}
nav .col-2 ul li:hover, nav .col-2 ul li a:hover {
color: #242E40;
transition: color 0.2s ease-in;
}
nav .col-2 .arrow-up {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #313f54;
position: absolute;
top: -10px;
left: 84px;
}
nav .col-2 ul li ul li a:hover {
color: #7d8793;
}
nav .col-2 ul li ul li {
padding-bottom: 10px;
color: white;
width: 90%;
border-bottom: solid 1px;
border-color: #242E40;
padding-left: 15px;
padding-top: 15px;
margin-left: 0;
cursor: pointer;
}
/* Location menu */
nav .col-3 {
padding-right: 5px;
}
nav .col-3 span {
padding: 0 5px 0 8px;
}
nav .col-3 img {
display: none;
width: 25px;
}
nav .col-3 .arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid white;
}
/* Mobile menu */
nav .mobile-menu {
position: relative;
height: 100vh;
background-color: #313f54;
width: 0;
z-index: 1;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
font-weight: 600;
}
nav .mobile-menu ul {
list-style: none;
padding-left: 0;
font-family: HelveticaNeue, Arial Narrow;
}
nav.mobile-menu ul li:first-child {
padding-top: 0;
}
nav .mobile-menu ul li {
border-bottom: solid 1px;
width: 100%;
padding: 15px 0 15px 5px;
padding-left: 15px;
border-bottom-color: #242E40;
cursor: pointer;
}
nav .mobile-menu ul li a {
color: white;
}
nav .mobile-menu ul li ul li a:first-child, .mobile-menu ul li ul li a{
border-bottom: 0;
padding-top: 5px;
padding-bottom: 5px;
text-transform: capitalize;
color: #d7dadd;
font-weight: 200;
}
nav .mobile-menu ul li ul {
display: none;
}
nav .mobile-menu ul li ul li {
border: none;
}
nav .overlay {
position: absolute;
width: 100vw;
height: 100vh;
background: black;
opacity: 0;
top: 0px;
z-index: -1;
display: none;
overflow-x: hidden;
}
/* CITY SELECTOR */
#city-container {
background: #242E40;
color: white;
width: 75%;
display: none;
padding: 15px;
border-radius: 30px;
}
#city-container p {
font-family: HelveticaNeueHeavy, Arial Narrow;
text-align: center;
border-bottom: solid 2px red;
border-top: solid 2px red;
width: max-content;
width: -moz-max-content; /* Firefox/Gecko */
margin: auto;
font-size: 25px;
padding: 10px 0 10px 0;
margin-top: 30px;
}
#city-container .wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.city {
width: max-content;
display: flex;
flex-direction: column;
margin-top: 20px;
text-transform: uppercase;
}
.city span{
font-family: HelveticaNeue, Arial Narrow;
font-weight: 600;
color: red;
text-align: center;
font-size: 20px;
margin-bottom: 20px;
}
.city ul {
display: flex;
list-style: none;
flex-direction: column;
padding: 0;
}
.city li{
border-radius: 25px;
border: solid 1px red;
width: max-content;
padding: 10px 20px 10px 20px;
font-size: 20px;
margin-left: 15px;
transition: background-color 0.2s ease-in;
cursor: pointer;
margin-bottom: 15px;
text-align: center;
width: 250px;
}
.city .active, .city li:hover {
background: red;
transition: background-color 0.2s ease-in;
}
#international {
margin-bottom: 0px !important;
}
.people-category {
margin-top: 10px;
}
blockquote {
font-style:italic ;
font-size:20px ;
}
/* RESPONSIVE */
@media screen and (max-width: 1440px) {
/* NAVBAR */
nav .col-2 {
width: 50%;
}
nav .col-3{
width: 40px;
}
nav .col-3 img {
display: flex;
}
nav .col-3 span, nav .col-3 .arrow-down {
display: none;
}
}
@media only screen and (max-width: 1349px) {
.nav-justified > li > a {
font-size: 10px !important;
}
}
@media only screen and (min-width: 1349px) {
#photo-video .col-lg-3:last-child{
display: none;
}
}
@media only screen and (max-width: 1349px) and (min-width: 1020px) {
#international .col-lg-3:last-child {
display: none;
}
.last-row {
display: none;
}
.lol .container .video-thumb:last-child {
display: none;
}
.most-readed .col-lg-3:last-child {
display: none;
}
}
@media screen and (max-width: 768px) {
/* NAVBAR */
nav .hamburger {
display: flex;
}
nav .col1 {
width: 82%;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
nav .col1 .player, nav .col1 .player a {
margin-right: 0;
justify-content: center;
font-size: 4vw;
}
nav .col1 .search, .col-2 ul {
display: none;
}
nav .col-2 {
width: 0;
}
nav .col-2 ul {
display: none;
}
nav .col-3 {
background-color: red;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
justify-content: center;
width: 8%;
padding-right: 0;
}
nav .mobile-menu ul li {
font-size: 20px;
}
/* CITY SELECTOR */
#city-container {
height: 500px;
width: 95%;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
#city-container p {
font-size: 4vw;
}
.city li {
font-size: 15px;
padding: 5px 20px 5px 20px;
width: 200px;
}
.img-header-carousel {
width: 175% !important;
}
/* Social bar */
.social-bar {
-webkit-mask-image: -webkit-gradient(linear, left 76%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
}
}
@media screen and (max-width: 425px) {
nav .hamburger{
width: 14%;
}
nav .col1 {
width: 74%;
}
nav .col1 .nav-logo img {
width: 25px;
}
nav .col1 .player a {
font-size: 4vw;
}
nav .col1 .player img {
width: 25px;
}
nav .col-3 {
width: 12%;
}
.lol .title {
margin-top: 35px !important;
margin-bottom: 29px !important;
}
}
@media screen and (max-width: 425px) {
nav .col1 .nav-logo {
display: none;
}
.carousel-control img {
top: 128% !important;
width: 25px !important;
}
}
/*** END NAVBAR ****/
/* SLIDER */
/*.carousel-control:hover {
background-color: transparent !important;
transition: all 0.2s ease-in !important;
}
#carousel-example-generic .active > li {
background-color: red !important;
color: white !important;
transition: all 0.2s ease-in !important;
}
#carousel-example-generic .active:hover > li {
background-color: red !important;
border-radius: 100px !important;
transition: all 0.2s ease-in !important;
}
#carousel-example-generic li:hover {
background-color: red !important;
border-radius: 100px !important;
transition: all 0.2s ease-in !important;
color: white;
}
#carousel-example-generic li:not(.active) a:hover {
background-color: transparent !important;
padding: 0;
margin: 0;
transition: all 0.2s ease-in !important;
}*/
.nav-carousel{
display: flex;
justify-content: space-around;
background-color: #242E40;
height: 31px;
align-items: center;
}
.slider-navbar li {
width: 15%;
transition: all 0.2s ease-in !important;
}
.slider-navbar .active a {
background-color: transparent !important;
border-radius: 100px !important;
transition: all 0.2s ease-in !important;
color: red !important;
}
.slider-navbar .active a:hover {
background-color: transparent !important;
border-radius: 100px !important;
transition: all 0.2s ease-in !important;
color: white!important ;
}
.slider-navbar .active:hover {
background-color: transparent !important;
border-radius: 100px !important;
transition: all 0.2s ease-in !important;
color: white!important ;
}
.slider-navbar li:hover {
background-color: transparent !important;
border-radius: 100px !important;
transition: all 0.2s ease-in !important;
color: white !important;
}
/*
* Sharing object styling
*/
.iconshare {
height: 50px;
width: 50px;
float: left;
}
.fbshare {
background-image: url('../img/ico/social/Facebook-03.svg');
}
.fbshare-blue {
background-image: url('../img/ico/social/Facebook-blue.svg');
}
.twittershare {
background-image: url('../img/ico/social/Twitter-02.svg');
}
.twittershare-blue{
background-image: url('../img/ico/social/Twitter-blue.svg');
}
.iconshare:hover {
opacity: 0.8;
}
/*
* Social bar Widget
*/
.social-widget .hide {
display: none;
}
.social-widget #close {
opacity: 0;
}
.social-widget .social-bar {
position: fixed;
bottom: 10px;
right: 10px;
overflow: hidden;
opacity: 0;
height: 0;
}
.social-widget .social-bar-btn {
position: fixed;
bottom: 10px;
right: 10px;
border-radius: 50%;
background-color: #242e40;
transition: background-color 0.2s ease-in;
width: 50px;
height: 50px;
cursor: pointer;
}
.social-widget .social-bar-btn:hover {
background-color: #576b91;
transition: background-color 0.2s ease-in;
}
.social-widget li {
list-style: none;
width: 50px;
height: 50px;
background-color: #242e40;
border-radius: 50%;
margin-bottom: 15px;
transition: background-color 0.2s ease-in;
cursor: pointer;
}
.social-widget li:hover {
background-color: red;
transition: background-color 0.2s ease-in;
}
.social-widget #morphing {
overflow: inherit;
width: 33px;
fill: white;
}
/*
Réglages Globaux, changer les FONTS ici
Toutes les FONTS du sites sont disponibles ci dessous
ATTENTION: 2 Fonts sont dans la partie Media Query, en Fin de ce fichier
---------------------------------------------FONTS START---------------------------------------------
*/
body {
font-family: HelveticaNeue, Arial Narrow;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0px;
text-align: left;
font-family: HelveticaNeueBlackCondensed, 'Roboto Condensed', Arial Narrow;
}
h2 {
color: #FF0019;
font-size: 30px;
}
h3 {
color: #000;
font-size: 30px;
}
#listen p {
font-size: 22px;
font-family: HelveticaNeueHeavy, Arial Narrow;
color: white;
height: 47px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
line-height: 48px;
}
.tickets{
background-color: red;
color: red;
background-color: white;
border: solid 2px #FF0019;
font-family: HelveticaNeueBlackCondensed
}
.date-tickets{
color: red;
background-color: white;
border: solid 2px #FF0019;
font-family: HelveticaNeueBlackCondensed;
}
.navbar {
background-color: #FF0019 !important;
background-repeat: repeat-x;
font-family: HelveticaNeueCondensed, Arial Narrow;
border: 0;
min-height: 40px;;
}
.list-item p{
width: 100%;
font-family: HelveticaNeueCondensed, Arial Narrow;
font-size: 20px;
font-weight: 100;
vertical-align:middle;
display:inline-block;
text-align: center;
}
.see-more {
width: 280px;
height: 40px;
margin: 0 auto !important;
font-size: 24px !important;
font-family: HelveticaNeueLightCondensed, Arial Narrow;
}
.bar {
height: 50px;
margin: 40px 0px 10px 0 !important;
padding-left: 15px;
font-weight: 800;
font-size: 25px;
font-family: HelveticaNeueLightCondensed, Arial Narrow;
}
.clip {
background-color: #1a1a1a !important;
height: 250px;
color: white;
padding: 0 !important;
margin-bottom: 0px !important;
font-family: HelveticaNeueLightCondensed, Arial Narrow;
font-size: 20px;
}
.titre_big {
color: #FF0019;
font-size: 42px;
font-family: HelveticaNeueBlackCondensed, Arial Narrow;
line-height: 110%;
padding: 0px;
text-align: justify;
}
.intro {
font-size: 18px;
padding: 10px;
text-align: justify;
font-family: HelveticaNeueHeavy, Arial Narrow;
}
.text b {
font-family: HelveticaNeueHeavy, Arial Narrow;
}
.subtitle1 {
color: #FF0019;
font-size: 30px;
font-family: HelveticaNeueBoldCondensed, Arial Narrow;
text-align: left;
}
.subtitle2 {
color: #000;
font-size: 30px;
font-family: HelveticaNeueBoldCondensed, Arial Narrow;
text-align: left;
}
.adm {
font-family: Arial Narrow ;
font-size:10px ;
text-decoration: none ;
color:#FFFFFF ;
}
.horoscoop-lien {
width: 300px;
height: 40px;
margin: 0 auto !important;
font-size: 16px !important;
font-family: HelveticaNeueLightCondensed, Arial Narrow;
letter-spacing: 2px;
line-height: 35px;
text-align: center;
border-radius: 20px;
border: #951B80 2px solid;
color: #951B80 !important;
-webkit-transition: color .5s, background-color 1s;
-moz-transition: color .5s, background-color 1s;
-o-transition: color .5s, background-color 1s;
transition: color .5s, background-color 1s;
}
.under-bar.red {
font-family: HelveticaNeueLightCondensed, Arial Narrow;
font-size: 0.8em;
margin-top: 20px;
}
.titre {
font-family: HelveticaNeueBlackCondensed, Arial Narrow;
color: #5EA9DD;
margin-left: 15px;
}
.url {
font-family: HelveticaNeueHeavy, Arial Narrow;
color: #FF0019;
-webkit-transition: color 1s;
-moz-transition: color 1s;
-o-transition: color 1s;
transition: color 1s;
}
.answer {
font-family: HelveticaNeueCondensed, Arial Narrow;
font-size: 16px;
display: table-cell;
vertical-align: middle;
}
.title-bar p, .title-bar h1, .title-bar h2 {
font-family: HelveticaNeueCondensed, Arial Narrow;
font-size: 24px;
position: relative;
width: 300px;
margin-left: auto;
margin-right: auto;
border-radius: 20px;
text-align: center;
}
.infos,
.community,
.people {
text-align: center;
font-family: HelveticaNeueBlackCondensed, Arial Narrow;
color: white;
font-size: 20px;
}
.pastille h3 {
padding-left: 2px;
padding-top: 12px;
font-family: HelveticaNeueBoldCondensed, Arial Narrow;
line-height: 30px;
width: auto;
color: white !important;
text-align: left;
margin-left: 5px;
margin-right: 5px;
font-size: 18px !important;
padding-right: 6px;
}
.temperature p{
font-size: 53px;
font-family: HelveticaNeueLightCondensed, Arial Narrow;
text-align: center;
}
.meteo-title {
color: rgb(255, 255, 0);
font-family: HelveticaNeueBlack, Arial Narrow;
}
.meteo-reste {
position: absolute;
width: calc(100% - 30px);
margin-top: -15px;
font-family: HelveticaNeueBoldCondensed;
}
.mobile-promo {
margin-left: -15px;
width: 300px;
height: 250px;
padding-top: 12px;
background-color: #ff0019;
color: white;
text-align: center;
font-family: HelveticaNeueLightCondensed, Arial Narrow;
font-size: 32px;
line-height: 25px;
letter-spacing: 1px;
}
.findTitle p {
padding-left: 15px;
font-family: HelveticaNeueCondensed, Arial Narrow;
letter-spacing: 1px;
}
.findTitle .title p {
font-size: 32px;
padding-left: 8px;
font-family: HelveticaNeueBlackCondensed, Arial Narrow;
}
.horoscoopPage .title p,
.meme-sujet .title p,
.emissions .title p {
padding-top: 10px;
font-family: HelveticaNeueBlackCondensed, Arial Narrow;
font-size: 32px;
text-align: center;
color: white;
}
.playlistAndNews p {
height: 40px;
text-align: center;
font-size: 32px;
font-family: HelveticaNeueBlackCondensed, Arial Narrow;
}
.sport .title {
font-size: 32px;
height: 47px;
text-align: center;
margin-bottom: 0px !important;
font-family: HelveticaNeueBlackCondensed, Arial Narrow;
}
.sport .table td {
vertical-align: middle;
font-size: 14px;
font-family: HelveticaNeueCondensed, Arial Narrow;
height: 50px;
padding: 0 2px;
}
#fFindTitle .vPetite-400 {
background-color: white !important;
font-family: HelveticaNeueCondensed, Arial Narrow;
font-size: 24px;
margin-bottom: 0px;
}
.formulaireHoroscoop {
padding: 25px;
top: 0px;
font-size: 18px;
font-family: HelveticaNeueCondensed;
border-radius: 50px;
color: white;
background-color: #FF9ED0;
}
.prog-title {
background-color: #939FB9;
width: 25%;
margin: 15px auto;
padding-top: 5px;
padding-bottom: 5px;
font-family: HelveticaNeueBlackCondensed;
font-size: 20px;
color: white;
text-align: center;
border-radius: 25px;
}
.anims-title {
background-color: #565563;
width: 25%;
margin: 15px auto;
padding-top: 5px;
padding-bottom: 5px;
font-family: HelveticaNeueBlackCondensed;
font-size: 20px;
color: white;
text-align: center;
border-radius: 25px;
}
.anim-div-name {
float: left;
font-family: HelveticaNeueBlackCondensed;
font-size: 22px;
background-color: #6D6C7A;
height:50px;
width: 100%;
color: white;
text-align: center;
vertical-align: middle;
line-height: 50px;
text-transform: uppercase;
}
.anim-div-name {
color: white;
}
.liColors {
padding: 5%;
}
.rs-div-logo {
font-family: HelveticaNeueBlackCondensed;
font-size: 22px;
line-height: 50px;
background-color: #565563;
height: 100px;
color: white;
text-align: center;
text-transform: uppercase;
}
.powerdance-anciens {
float: left;
font-family: HelveticaNeueBlackCondensed;
font-size: 22px;
padding-left: 10px;
height: 50px;
width: 100%;
color: black;
text-align: center;
vertical-align: middle;
line-height: 50px;
text-transform: uppercase;
}
.nav-justified > li > a {
text-transform: uppercase;
font-size: 1em;
line-height: 15px;
font-family: HelveticaNeue, ArialNarrow;
padding: 0;
-moz-transition: background 0.2s;
transition: background 0.2s;
background: transparent !important;
}
.artiste-name {
padding: 0 !important;
text-transform: uppercase;
font-family: HelveticaNeueBlackCondensed;
}
.title_play_music {
font-family: HelveticaNeueBlackCondensed;
font-size: 30px;
color: #fff;
}
.span_title_play_music {
line-height: 17px;
font-size: 22px;
font-family: HelveticaNeueLightCondensed;
}
/*---------------------------------------------FONTS END---------------------------------------------*/
/*
-----------------------------------
Les FONT FACE, a supprimer si FONT Google utilisé.
-----------------------------------
*/
@font-face {
font-family: 'HelveticaNeue';
src: url('../fonts/HelveticaNeueLTStd-Roman.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('../fonts/HelveticaNeueLTStd-Bd.otf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueCondensed';
src: url('../fonts/helvetica_neue/hn_lt_std_cn.woff') format('woff'),
url('../fonts/HelveticaNeueLTStd-Cn.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueBlack';
src: url('../fonts/HelveticaNeueLTStd-Blk.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueHeavy';
src: url('../fonts/helvetica_neue/hn_lt_std_hv.woff') format('woff'),
url('../fonts/HelveticaNeueLTStd-Hv.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueHeavyCondensed';
src: url('../fonts/HelveticaNeueLTStd-HvCn.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueMediumCondensed';
src: url('../fonts/HelveticaNeueLTStd-MdCn.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueBlackCondensed';
src: url('../fonts/helvetica_neue/hn_lt_std_blk_cn.woff') format('woff'),
url('../fonts/HelveticaNeueLTStd-BlkCn.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DinBlack';
src: url('../fonts/ufonts.com_din-black.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueLight';
src: url('../fonts/HelveticaNeueLTStd-Lt.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueLightCondensed';
src: url('../fonts/helvetica_neue/hn_lt_std_lt_cn.woff') format('woff'),
url('../fonts/HelveticaNeueLTStd-LtCn.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeueBoldCondensed';
src: url('../fonts/helvetica_neue/hn_lt_std_bld_cn.woff') format('woff'),
url('../fonts/HelveticaNeueLTStd-BdCn.otf') format('truetype');
font-weight: normal;
font-style: normal;
}
/*FIN FONT FACE*/
.adm:hover { color:#C0C0C0; }
div { box-sizing: border-box; }
.red {
background-color: #FF0019;
color: white;
}
.lred {
background-color: #f696a1;
color: white;
}
.llred {
background-color: #ffffff;
color: black;
}
.yellow {
background-color: #fff700;
color: black;
}
.lyellow {
background-color: #fff975;
color: black;
}
.llyellow {
background-color: #fffce9;
color: black;
}
.m0 { margin: 0px !important; }
.mbot0 { margin-bottom: 0px !important; }
.mtop0 { margin-top: 0px !important; }
.mleft0 { margin-left: 0px !important; }
.mright0 { margin-right: 0px !important; }
.p0 { padding: 0px !important; }
.pbot0 { padding-bottom: 0px !important; }
.ptop0 { padding-top: 0px !important; }
.pleft0 { padding-left: 0px !important; }
.pright0 { padding-right: 0px !important; }
.container [class*="col"] {
margin-bottom: 15px !important;
}
#player {
position: relative;
width: 100%;
}
#listen img{
margin-top: -5px;
margin-left: 5px;
}
/***Gestion des opes***/
.opes {
margin: 0px !important;
margin-top: -15px !important;
}
.opes a {
color: white;
}
.opes .carousel-titles{
position: absolute;
bottom: 0px;
width: 100%;
}
.opes ol {
width: 100%;
height: 18px;
z-index: 15;
float: left;
margin-bottom: 0px !important;
padding-left: 0px !important;
padding-right: 40% !important;
}
.carousel-caption {
top: 2px;
padding: 0px;
height: 100%;
width: 250px;
z-index: 25;
color: white;
left: 19% !important;
position: absolute;
flex-direction: column;
display: flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
text-shadow: none;
justify-content: center;
align-items: center;
vertical-align: middle;
}
.carousel-caption span{
display: inline-block;
width: 220px;
padding: 5px 5px;
border-radius: 25px;
font-size: 18px;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
margin-top: 5px;
}
/*Smartphone < 659*/
@media only screen and (max-width: 659px) { /* 1 colonne */
.copyIcon {
display: none;
}
.ticket-mobile{
width: 100%;
height: 40px;
color: white;
background-color: black;
text-transform: uppercase;
text-align: center;
}
#left-ticket-mobile{
width: 100%;
float: left;
background-color: red;
}
#right-ticket-mobile{
width: 100%;
height: 40px;
line-height: 40px;
float: left;
background-color: #242E40;
}
.meme-sujet {
margin-top: 15px;
}
.vPetite.vTwitter {
margin-top: 15px !important;
}
.carousel-caption{
display: none;
}
.nav-carousel{ display: none;}
#left-part {
padding-right: 2px !important;
width: 75px !important;
}
.dropdown-toggle {
width: 130px !important;
font-size: 18px !important;
}
.dropdown-menu {
box-shadow: rgba(0, 0, 0, 0.172549) 0px 6px 12px 0px !important;
border-top-right-radius: 0;
border-top-left-radius: 0;
right:0;
margin-top:-2px !important;
top:0;
z-index:400;
}
#player {
margin-left: 10px;
height: 47px;
}
#listen img{
float: right;
}
#listen p{
padding-left: 0px;
}
.container-fluid {
min-width: 450px !important;
width: 330px !important;
}
.navbar-default div:not(.navbar-header) a img, .navbar-default div:not(.navbar-header) div a img {
width: 27px;
height: auto;
margin-top: 3px;
margin-left: -4px;
}
.navbar-collapse.collapse {display: none !important;}
.navbar-toggle {
display: block;
float: left;
position: static !important;
margin: 10px 15px 0 0;
}
#top-logo { width: 100px !important; display: block !important; visibility: visible !important;}
#bs-navbar.in {
position: absolute;
display: block !important;
top: 58px;
min-width: 125px !important;
overflow: auto;
}
#bs-navbar.in ul.menu-deroulant { height: 32px; }
.top-icons {
padding-top: 11px !important;
padding-left: 12px !important;
}
.community_off {
width: 0px !important;
padding-top: 20px !important;
padding-left: 10px !important;
display: none;
}
.vignette h4 { font-size: 20px;}
.vignette div { line-height: 100%;}
.vignette .readNext { display: none;}
.descrip0, .descrip1, .descrip2, .descrip3, .descrip4, .descrip5 { display: none; }
}
/*Tablette <1019*/
@media only screen and (min-width: 660px) and (max-width: 1019px) { /* 2 colonnes */
.ticket-mobile{
width: 100%;
height: 40px;
color: white;
background-color: black;
text-transform: uppercase;
text-align: center;
}
#left-ticket-mobile{
width: 50%;
float: left;
background-color: red;
}
#right-ticket-mobile{
width: 100%;
height: 40px;
line-height: 40px;
float: left;
background-color: #242E40;
}
.image-horoscoop {
height: 150px !important;
width: auto !important;
}
.img-horoscoop-index {
height: 156px !important;
width: auto !important;
}
.meme-sujet {
margin-top: 15px;
}
.carousel-caption {display: none;}
.nav-carousel{ display: none;}
.dropdown-menu {
background-color: #fff;
border-top-right-radius: 0;
border-top-left-radius: 0;
right : 0;
margin-right : -5px;
}
#player {
height: 47px;
}
#player:before {
content: '';
position: absolute;
z-index: -1;
top: 0px;
right: 0px;
bottom: 0px;
left: 79px;
}
#listen img{
float: right;
margin-top: 0px;
}
#listen p{
font-size: 20px;
}
.container-fluid {
min-width: 450px !important;
width: 660px !important;
}
.vPetite.pub {
margin-bottom: 15px !important;
}
.vPetite.special {
margin-bottom: 15px !important;
}
.navbar-default div:not(.navbar-header) a img, .navbar-default div:not(.navbar-header) div a img {
width: 27px;
height: auto;
margin-top: 3px;
margin-left: -4px;
}
.navbar-collapse.collapse {display: none !important;}
.navbar-toggle {
display: block;
float: left;
position: static !important;
margin: 10px 15px 0 0;
}
#bs-navbar.in {
position: absolute;
display: block !important;
top: 58px;
width: 100%;
}
#bs-navbar.in ul.menu-deroulant { height: 32px; }
#top-logo { width: 177px !important; display: block !important;}
.logo{display: none;}
.descrip0, .descrip1, .descrip2, .descrip3, .descrip4, .descrip5 { display: none; }
/*Separator & horoscoop*/
.horoscoop-bg{
height: 1000px !important;
}
.separator.horoscoop {
height: 750px !important;
}
}
/*Bureau <1349*/
@media only screen and (min-width: 1020px) and (max-width: 1349px) { /* 3 colonnes */
.ticket-mobile{
display: none;
}
.pods {
max-width: 650px;
}
.opes ol {
display: none;
}
/*.nav-justified > li > a { border-radius: 0.5em; }
.nav-carousel>li[data-slide-to="0"].active a { color: #000000!important; background-color: #ffffff; }
.nav-carousel>li[data-slide-to="1"].active a { color: #000000!important; background-color: #ffffff; }
.nav-carousel>li[data-slide-to="2"].active a { color: #000000!important; background-color: #ffffff; }
.nav-carousel>li[data-slide-to="3"].active a { color: #000000!important; background-color: #ffffff; }
.nav-carousel>li[data-slide-to="4"].active a { color: #000000!important; background-color: #ffffff; }*/
.image-horoscoop {
height: 150px !important;
width: auto !important;
}
.img-horoscoop-index {
height: 156px !important;
width: auto !important;
}
#player {
width: 100%;
height: 47px;
}
.vPetite.pub {
margin-top: 0px !important;
margin-right: 30px !important;
/*margin-bottom: 30px !important;*/
margin-left: 0px !important;
}
.vPetite.pub.pub-list {
margin-bottom: 30px !important;
}
.vPetite.special {
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 15px !important;
margin-left: 0px !important;
}
.navbar-default div:not(.navbar-header) a img, .navbar-default div:not(.navbar-heaer) div a img {
width: 27px;
height: auto;
margin-top: 3px;
margin-left: -4px;
}
.community_off {
width: 0px !important;
padding-top: 16px !important;
padding-left: 10px !important;
display: none;
}
.article.lyellow {height: 270px !important;}
.article.lyellow .read-btn-people2 {display: none;}
.clips {height: 288px !important;}
.descrip0, .descrip1, .descrip2, .descrip3 { width: 25% !important; }
.descrip4, .descrip5 { display: none; }
#bs-navbar {width: 78%!important;}
.horoscoop-container {
padding-left: 5%;
}
.separator.horoscoop-bg{
height: 850px !important;
background-color: #941B81;
}
.separator.horoscoop {
height: 410px !important;
}
#drop3 {
padding-right: 5px !important;
}
}
.navbar-header {
padding-top: 5px;
padding-left: 5px;
float: left;
width: 60px;
}
.navbar-toggle {
background-color: transparent !important;
border: 0 !important;
margin: 7px 5px;
padding: 0;
}
.navbar-toggle .icon-bar {
width: 30px;
height: 4px;
}
a.navbar-brand { padding-top: 5px !important;}
.navbar-brand {
height: 42px !important;
margin-top: -4px;
margin-left: 5px;
padding: 15px 5px;
}
.navbar-cities {
width: 150px;
padding: 0;
float: right;
height: 47px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
box-shadow: rgba(0,0,0,0.8) -5px 0 10px -5px;
}
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
background-color: transparent !important;
}
.navLink {
position: relative;
height: 47px;
}
.navlink:hover{
color: white;
}
#top-logo {
width: 114px;
}
#bs-navbar {
float: left;
width: 30%;
margin-left:3%;
padding-right: 0px;
padding-left: 0px;
}
#left-part {
margin-left: 0px;
position: relative;
float: left;
}
#left-part:before {
content: '';
position: absolute;
z-index: -1;
top: 0px;
right: 79px;
bottom: 0px;
left: 0px;
}
#playing {
float: left;
width: calc((100% - 45px) / 2);
}
.top-icons {
float: left;
width: 50%;
height: 100%;
padding-left: 14px;
padding-top: 10px;
border-right: 1px solid #FFB1BE;
}
.community_off {
width: 70px;
height: 100%;
padding-top: 10px;
padding-left: 15px;
float: left;
border-right: 1px solid #FFB1BE;
}
#account .submenu_container {
display: none;
position: absolute;
z-index: 500;
top: 57px;
width: 200px;
padding: 6px 0;
background-color: red;
right: 0;
}
#account:hover .submenu_container {
display: block;
}
#search_form .submenu_container {
display: none;
position: absolute;
z-index: 500;
top: 57px;
width: 200px;
padding: 6px 0;
background-color: red;
right: 0;
}
#search_form:hover .submenu_container {
display: block;
}
.people { margin-bottom: 0px !important; }
#cities {
width: 136px;
margin: 0;
float: right;
}
.dropdown-menu {
top: 46px;
z-index: 460 !important;
margin-left : -15px;
}
.dropdown-underling {
height: 35px !important;
background-color: white;
color: black;
z-index: 450;
}
#cities li.dropdown ul.dropdown-menu li.dropdown-underling a {
color: black !important;
}
#cities li.dropdown ul.dropdown-menu li.dropdown-underling a:hover {
color: #FF0019 !important;
background-color: #fff !important;
}
.carousel-over {
position: absolute;
left: 7%;
z-index: 5;
margin: auto;
top: 0;
bottom: 30px;
width: 150px;
height: 150px;
}
.container {
background-color: #F8F8F8;
margin-bottom: 0;
margin-top: 0;
padding-right: 0;
padding-left: 0;
}
.carousel-inner {
margin-top: 60px;
}
.carousel-control {
width: 38px !important;
z-index: 300;
opacity: 1;
}
.carousel-control img {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 38px;
height: auto;
}
.carousel-inner .item img{
display: block;
margin: 0px;
width: 100%;
}
.list-item {
float: left;
height: 32px;
background-color: rgba(0, 0, 0, 0.7);
color: white;
text-align:center;
bottom: 0px;
line-height: 32px;
-webkit-transition: color 1s, background-color 1s;
-moz-transition: color 1s, background-color 1s;
-o-transition: color 1s, background-color 1s;
transition: color 1s, background-color 1s;
border-right: 1px solid white;
}
.list-item:hover {
cursor: pointer;
background-color: #F8F8F8;
color: black;
}
.article {
overflow: hidden;
background-color: #ffffff;
color: #000000;
padding: 0;
position: relative;
align-content: center;
margin-bottom: 0px !important;
box-shadow: rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
font-weight: 300;
margin-bottom: 0;
line-height: 100%;
}
.article span {
margin-bottom: 0px !important;
}
.main {
padding-bottom: 15px;
}
.main-article { background-color: #ffffff;}
.main-article img, .main-people img{
max-width: 100%;
}
.image {
overflow: hidden;
}
.image img {
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.article:hover .image img, .image:hover img{
transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-opera-transform: scale(1.1);
-webkit-transform: scale(1.1);
transition: all 1s ease;
}
.vignette {
display: table-cell;
vertical-align: middle;
font-size: 16px;
margin-bottom: 0px;
height: 110px;
}
.main .vignette {
padding: 30px 15px;
height: 250px;
}
.vignette h1, .vignette h2, .vignette h3, .vignette h4, .vignette h5, .vignette h6 {
line-height: 100%;
}
.article .vignette {
padding: 22px 15px;
color: black;
}
.post-pic {
max-width: 100%;
height: auto;
margin: 0 auto;
}
.read-btn-info {
width: 100%;
height: 40px;
text-align: center;
background-color: #f696a1;
font-size: 15px;
padding-top: 10px;
color: white;
position: absolute;
bottom: 0;
}
.read-btn-info2 {
width: 100%;
height: 40px;
text-align: center;
background-color: #FFF5F6;
font-size: 15px;
padding-top: 10px;
color: black;
position: absolute;
bottom: 0;
}
.read-btn-people {
width: 100%;
height: 40px;
text-align: center;
background-color: #fff975;
font-size: 15px;
padding-top: 10px;
color: black;
position: absolute;
bottom: 0;
}
.read-btn-people2 {
width: 100%;
height: 30px;
text-align: center;
background-color: #fffce9;
font-size: 15px;
padding-top: 5px;
color: black;
position: absolute;
bottom: 0;
}
.ad {
margin: 0;
padding: 0 !important;
margin-bottom: 30px !important;
// background-image: url('/img/str/ad_bg.png');
background-color: #F0F0F0 ;
background-position: center;
background-repeat: no-repeat;
}
.questionoftheday {
background-color: #FF0019;
height: 250px !important;
padding: 0px !important;
margin-bottom: 0px !important;
}
.questionbuzz {
background-color: #fffce9 !important;
height: 320px;
border: 7px solid #fff700;
padding: 0px !important;
}
.see-more-infos,
.see-more-people,
.see-more-community,
.see-more-reportage,
.infos-category,
.elections-category,
.community-category,
.anims-category,
.cadeaux-category,
.prog-category,
.people-category,
.plans-category,
.premium-category,
.reportages-category {
letter-spacing: 2px;
line-height: 45px;
text-align: center;
border-radius: 30px;
-webkit-transition: color .5s, background-color 1s;
-moz-transition: color .5s, background-color 1s;
-o-transition: color .5s, background-color 1s;
transition: color .5s, background-color 1s;
margin-top: 15px;
}
.see-more-infos:hover,
.see-more-community:hover,
.see-more-people:hover,
.see-more-reportage:hover {
color: white !important;
-webkit-transition: color .5s, background-color 1s;
-moz-transition: color .5s, background-color 1s;
-o-transition: color .5s, background-color 1s;
transition: color .5s, background-color 1s;
}
#france-monde-title {
margin-top: 0 !important;
margin-bottom: 20px !important;
}
#france-monde-title .infos-category .community-category {
margin-top: 0;
}
.see-more-infos {
border: #29abe2 1px solid;
color: #29abe2 !important;
}
.see-more-community {
border: #10C060 1px solid;
color: #10C060 !important;
}
.people-category {
border: #FBB03B 1px solid;
color: white;
background-color: #FBB03B;
}
.anims-category {
border: #565563 1px solid;
color: white;
background-color: #565563;
}
.cadeaux-category {
border: #FF7386 1px solid;
color: white;
background-color: #FF7386;
}
.prog-category {
border: #939FB9 1px solid;
color: white;
background-color: #939FB9;
}
.reportages-category {
border: #808080 1px solid;
color: white;
background-color: #808080;
}
.infos-category {
color: #fff;
border: #29abe2 1px solid;
background-color: #29abe2;
display: flex;
align-items: center;
justify-content: center;
}
.community-category {
color: #fff;
border: #10C060 1px solid;
background-color: #10C060;
display: flex;
align-items: center;
justify-content: center;
}
.elections-category {
color: #fff;
border: #29abe2 1px solid;
background-color: #0040A0;
display: flex;
align-items: center;
justify-content: center;
}
.info-regionales {
margin-bottom: 8px !important;
}
.premium-category {
color: #fff;
border: #AF8B1A 1px solid;
background-color: #AF8B1A;
}
.plans-category {
color: #fff;
border: #67A9B7 1px solid;
background-color: #67A9B7;
}
.see-more-infos:hover {
background-color: #29abe2;
}
.see-more-community:hover {
background-color: #10C060;
}
.see-more-people {
border: #FBB03B 1px solid;
color: #FBB03B !important;
}
.see-more-people:hover {
background-color: #FBB03B;
}
.see-more-reportage {
border: #bdbdbd 1px solid;
color: #bdbdbd !important;
}
.see-more-reportage:hover {
background-color: #bdbdbd;
}
.under-bar {
height: 50px;
padding-top: 8px;
}
.clip .pastille.people {
background-color: white;
}
.clip .pastille.people h3{
color: #1a1a1a !important;
}
.clip .image {
width: 300px;
}
.clip-title {
color: white;
height: 110px;
position: relative;
}
.clip-title-button {
position: absolute;
top: 50%;
left: 20%;
transform: translate(-50%, -50%);
}
.clip-title-name {
position: absolute;
top: 50%;
left: 65%;
transform: translate(-50%, -50%);
padding-right: 40px;
}
.display { margin-top: 36px; }
.row.wrapper .row {
padding: 0 15px 0 15px;
}
.article-principal-titre h1 {
color: #000000;
margin-top: 5px;
line-height: 110% !important;
text-align: left;
}
.titre {
color: black;
font-size: 21px;
font-weight: 800;
cursor: pointer;
}
.text {
font-size: 18px;
padding: 0px;
padding-top: 10px;
margin-bottom: 0px;
text-align: justify;
}
.rules {
color: black;
padding: 15px !important;
font-size: 12px;
background-color: #fbccd1;
}
a, a h1, a h2, a h3, a h4, a h5, a h6 { color: black; }
a:link , a:link h1, a:link h2, a:link h3, a:link h4, a:link h5, a:link h6 { text-decoration: none;}
a:visited , a:visited h1, a:visited h2, a:visited h3, a:visited h4, a:visited h5, a:visited h6 {text-decoration: none;}
.title-bar.horoscoop p a:hover,
.title-bar.radio p a:hover,
.title-bar.meteo p a:hover,
a:hover, a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
color: #FF0019;
text-decoration: none;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
a:active , a:active h1, a:active h2, a:active h3, a:active h4, a:active h5, a:active h6 { text-decoration: none;}
.img_txt {
position: absolute;
font-weight: bold;
height: 25px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
color: white;
z-index: 10;
}
.first-of-column { margin-bottom: 30px !important; }
.menu-deroulant, .menu-deroulant ul {
padding: 0;
margin: 0;
list-style: none;
}
.menu-deroulant {
/* on centre le menu dans la page */
text-align: center;
width: 100%;
}
.menu-deroulant li {
/* on place les liens du menu horizontalement */
display: inline-block;
}
.menu-deroulant li:hover{
-moz-transition: background-color 0.3s linear;
transition: background-color 0.3s linear;
background-color: #E80000;
}
.menu-deroulant li ul:not(.list) { width: 100%; }
.menu-deroulant li ul:not(.list) li {
border: 0;
margin: 0;
padding: 0 !important;
height: 25px !important;
width: 100%;
}
.menu-deroulant li ul:not(.list) li div{ width: 100%; }
.menu-deroulant ul li {
/* on enlève ce comportement pour les liens du sous menu */
display: inherit;
}
.menu-deroulant a {
text-decoration: none;
display: block;
color:#000;
}
.menu-deroulant li ul li div a {
padding: 0 !important;
height: 20px !important;
}
.menu-deroulant ul, .menu-deroulant > div {
position: absolute;
/* on cache les sous menus complètement sur la gauche */
left: -999em;
text-align: left;
}
.menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
left: 0;
}
div.list div.mbot0 table:not(.twitter) a, div.list div.mbot0 table:not(.twitter) .texte {
-moz-transition: all 0.4s ease;
transition: all 0.4s ease;
}
div.list div.mbot0:hover table:not(.twitter) a, div.list div.mbot0:hover table:not(.twitter) .texte {
color: white !important;
}
div.main-nav-hover {
position: absolute;
margin-top: 47px;
width: auto;
height: auto;
}
div.main-nav-hover ul.list {
margin-top: 0px;
background-color: white;
background: rgba(255, 255, 255, 0.95);
border-bottom-right-radius: 18px;
z-index: 900;
opacity: 0;
}
ul.list {
padding: .4375rem 0 0;
width: 200px;
}
.img-twitter{
background-image: url('/img/static/picto_fb_circle_pink.png');
}
ul.list li.item.title {
color: #FF0019;
height: 41px;
}
ul.list li.item {
color: black;
height: 37px;
margin: 0 15px;
border-bottom: solid 1px lightgrey;
font-size: 16px !important;
background-color: transparent;
}
ul.list li.item:last-child{
border-bottom: none;
}
ul.list li.item a {
color: black !important;
height: 37px !important;
padding-top: 0 !important;
}
ul.list li.item a:hover {
color: #FF0019 !important;
}
/* Menu latéral en format réduit ( < 1011px) */
#bs-navbar.collapsing {
display: none;
}
#bs-navbar.in {
position: fixed;
display: block !important;
overflow: visible;
-webkit-overflow-scrolling: touch;
top: 46px;
left: 10px;
min-height: 100vh;
width: 200px;
z-index: 910;
font-size: 22px;
background-color: grey;
border: #FF0015 1px solid;
}
#bs-navbar.in div.main-nav-hover ul.list {
margin-top: -1px;
border-top: none;
border-left: 1px solid #FF0019;
}
#bs-navbar.in ul.bant {
float: left;
}
#bs-navbar.in ul.menu-deroulant li {
float: left !important;
width: 100% !important;
}
#bs-navbar.in li.item {
max-width: 180px;
}
#bs-navbar2.collapsing {
display: none;
}
#bs-navbar2.in {
position: fixed;
display: block !important;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
top: 208px;
left: 10px;
height: 104px !important;
width: 175px !important;
z-index: 910;
font-size: 22px;
background-color: grey;
border: #FF0015 1px solid;
}
#bs-navbar2.in div.main-nav-hover ul.list {
margin-top: -1px;
border-top: none;
border-left: 1px solid #FF0019;
}
#bs-navbar2.in ul.menu-deroulant {
float: left;
}
#bs-navbar2.in ul.menu-deroulant li {
float: left !important;
width: 100% !important;
}
#bs-navbar2.in li.item {
max-width: 270px;
}
/* Fin menu latéral */
.twitter tr { background-color: #fff; }
.giftText {
position: absolute;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
max-width: 450px;
z-index: 25;
color: white;
text-shadow : 1px 1px 4px #000000 ;
font-size: 120%;
vertical-align: middle;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.under-bar.red {
border-bottom: solid 3px #1A1A1A;
color: white;
padding-left: 40px !important;
font-size: 14px !important;
height: 25px;
line-height: 13px;
background-image: linear-gradient(to right, rgba(26,26,26,1) 50%, rgba(248, 248, 248, 1) 10%);
}
.image-article {
text-align: center;
width: 100%;
height: auto;
}
.image-article > img {
width: 100%;
height: auto;
max-height: 281px;
}
.long-article {
height: 390px !important;
}
.col-lg-5.col-md-8.col-xs-12 {
margin-right: 15px;
margin-left: 15px;
}
.col-lg-5.scol-md-8.col-sm-12 {
margin-right: 15px;
margin-left: 15px;
}
.image-horoscoop{
cursor: pointer;
width: 150px;
height: auto;
float: left;
}
.img-horoscoop-index {
cursor: pointer;
height: auto;
}
.modal-content {
border-radius: 45px;
}
.modal-backdrop {
background-color: #951B80;
}
.modal-body {
color: #951B80;
}
.horoscoop-lien:hover, .horoscoop-lien.active {
background-color: #951B80;
color: white !important;
-webkit-transition: color .5s, background-color 1s;
-moz-transition: color .5s, background-color 1s;
-o-transition: color .5s, background-color 1s;
transition: color .5s, background-color 1s;
}
.horoscoop-lien-selected{
background-color: #ffc0cb;
color: white!important;
}
.rules {
display: none;
}
.article-img-unit > img {
width: 100%;
height: auto;
}
.col-lg-12.red.mbot0 {
background-color: white;
border-bottom: solid 3px #FF0019;
color: black !important;
}
h3 {
font-size: 20px;
}
.article-text {
margin: 10px 10px !important;
font-size: 18px;
line-height: 110%;
}
.article-title {
font-size: 18px;
/* text-transform: uppercase; */
}
p.article-title {
font-size: 18px;
/* text-transform: uppercase; */
font-weight: 300;
font-family: "HelveticaNeueBlackCondensed", "Roboto Condensed", "Arial Narrow";
line-height: 18px;
margin-bottom: 0px;
transition-duration: 0.5s;
transition-property: color;
transition-timing-function: ease;
}
p.article-title:hover {
color: red;
}
.article-aux {
font-size: 12px;
color: silver!important;
font-style: italic;
}
.premium-title {
padding-left: 28px !important;
padding-right: 28px !important;
}
.main .article-title {
padding-left: 29px;
padding-right: 29px;
font-size: 42px !important;
}
#dBody {
background-color: #f8f8f8;
display: block;
margin-top:46px;
}
.llred {
padding: 0 !important;
}
.caret {
float: right;
margin-top: 12px;
border-top: 8px dashed;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}
.dropdown-toggle {
margin-left: 0px;
}
.ad-meteo > a > img {
width: 100%;
height: auto;
}
textarea {
resize:none
}
.titre_big > div {
color: black;
padding: 5px 10px;
}
.credit-photo {
height: 25px;
top: -25px;
position: relative;
color: white;
text-align: left;
line-height: 25px;
font-size: 11px;
padding-left: 170px;
}
.article-details {
height: auto !important;
}
.subtitle {
border: none !important;
}
.shareIcon {
-webkit-transition: transform 0.7s;
-moz-transition: transform 0.7s;
-o-transition: transform 0.7s;
transition: transform 0.7s;
border-radius: 25px;
}
.shareIcon:hover {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.6);
opacity: 0.8;
}
.share-text {
float: left;
display: none;
color: white;
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.8);
line-height: 50px;
}
.socials-share:hover div .share-text {
display: block;
}
table.twitter {
width: 300px;
}
.comment-twitter {
margin-bottom: 20px;
}
textarea:focus,
input:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(1, 1, 1, 0.2);
outline: 0 none;
}
.url > img {
display: none;
}
.url:hover {
color: black;
}
h3, h2 {
-webkit-transition: color 0.5s;
-moz-transition: color 0.5s;
-o-transition: color 0.5s;
transition: color 0.5s;
}
input {
border-radius: 0;
}
input[type="button"] {
-webkit-font-size: all 1s;
-moz-font-size: all 1s;
-o-font-size: all 1s;
transition: all 1s;
}
/*** Gestion des vignettes***/
.vPetite {
width: 300px;
height: 250px !important;
margin-left: auto !important;
margin-right: auto !important;
background-color: #ffffff;
box-shadow: rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px;
}
.vPetite-400 {
width: 300px;
height: 400px !important;
margin-left: auto !important;
margin-right: auto !important;
background-color: #ffffff;
box-shadow: rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px;
}
.mostRead {
height: inherit !important;
}
.pub.special {
box-shadow: rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px;
width: auto;
}
.vLarge {
width: 630px;
height: 530px !important;
box-shadow: 1px 1px 4px #ccc;
margin-left: auto !important;
margin-right: auto !important;
}
.questionButton{
width: 250px;
min-height: 60px;
border-radius: 30px;
display: table;
color: white;
font-size: 16px;
margin: 0 auto;
/*Firefox ne tient pas compte de min-height sinon :-D*/
height: 1px;
}
.questionButton:not(.answerButton):hover {
background-color: #ffffff !important;
color: #000;
-webkit-transition: color 0.5s, background-color 0.5s;
-moz-transition: color 0.5s, background-color 0.5s;
-o-transition: color 0.5s, background-color 0.5s;
transition: color 0.5s, background-color 0.5s;
}
.resultdiv{
display:table;
float:right;
width:60px;
height:60px;
background-color:#fff;
border-radius:30px;
box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
.number-result{
display:table-cell;
vertical-align:middle;
text-align:center;
color:#f00;
}
.title-bar {
height: 40px;
letter-spacing: 2px;
}
.title-bar p a, .title-bar h1 a {
color: white !important;
}
.title-bar h1, .title-bar h2 {
padding: 5px 0 5px 0;
}
.infos {
background-color: #29abe2;
}
.community {
background-color: #10C060;
}
.elections {
background-color: #0040A0;
}
.premium {
background-color: #af8b1a;
}
.reportages {
background-color: #808080;
}
.people {
background-color: #FBB03B;
}
.reportage {
background-color: #808080;
}
.pastille {
margin-top: -20px;
width: auto;
height: 35px;
position: absolute;
z-index: 20;
border-radius: 0 30px 30px 0;
}
.main .pastille {
margin-top: -30px;
width: auto;
height: 60px;
border-radius: 0 50px 50px 0;
}
.pastille-unitaire-main h3 {
text-align: center !important;
}
.main .pastille h3{
padding-top: 15px;
width: auto;
line-height: 30px;
font-size: 26px;
text-align: left;
}
.reportage {
color: #21252a !important;
}
/*Separateur meteo & radio*/
.separator {
position: absolute !important;
left: 0;
margin-top: -10px;
width: 100%;
}
.hiver .meteo p,
.hiver .meteo {
background-color: #a1a1a1;
}
.printemps .meteo p,
.printemps .meteo {
background-color: #9dd089;
}
.ete .meteo p,
.ete .meteo {
background-color: #29abe2;
}
.automne .meteo p,
.automne .meteo {
background-color: #f68c1f;
}
.separator.meteo {
height: 230px;
}
.radio p,
.radio {
background-color: #8DB4D3;
}
.separator.radio {
height: 220px !important;
}
.horoscoop p,
.horoscoop {
background-color: #941B81;
}
.separator.horoscoop {
height: 410px;
width: 100%;
}
.separator.banniere{
height:200px;
background: url('https://www.radioscoop.com/dyn/img.php?id=238484&w=1080&h=320');
}
.title-bar.horoscoop p a,
.title-bar.radio p a,
.title-bar.meteo p a{
color: #f8f8f8;
}
.title-bar.horoscoop,
.title-bar.radio,
.title-bar.meteo {
background-image: url('/img/ico/title-bar-white.png');
background-repeat: repeat-x;
margin-bottom: 0px! important;
}
.title-bar.radio {
margin-top: 3px;
}
.radio.sous-titre p,
.meteo.sous-titre p {
position: relative;
text-align: center;
color: #f8f8f8;
margin: auto;
height: 30px;
}
.meteo.sous-titre {
margin-top: 20px;
}
.meteo-day {
color: #f8f8f8;
font-size: 18px;
}
.meteo-day p {
margin-bottom: 0px;
text-align: center
}
/*Separator & horoscoop*/
.separator.horoscoop-bg{
height: 750px;
background-color: #941B81;
}
/*Player Facebook*/
.cc {
background-image: none !important;
width: 40px !important;
height: 40px;
margin-top: 57px;
}
.cc.left .glyphicon {
margin-top:-15px;
left: 0px;
}
.cc.right .glyphicon {
margin-top:-15px;
right: 0px;
}
.new-bloc {
margin-top: 37px;
}
.new-bloc .row {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mobile-promo img{
margin-left: 10px;
cursor:pointer;
height: 50px;
width: 250px;
margin-left: 0px;
margin-top: 5px;
}
.mobile-promo img:hover {
opacity: 0.85;
-webkit-transition: opacity 0.25s;
-moz-transition: opacity 0.25s;
-o-transition: opacity 0.25s;
transition: opacity 0.25s;
}
.findTitle {
margin-left: -15px;
width: 300px;
height: 250px;
padding-top: 20px;
background-color: #1a1a1a;
color: white;
font-size: 20px;
line-height: 25px;
}
.findTitle select {
font-size: 18px;
color: black;
width: 120px;
height: 28px;
border: none;
border-radius: 10px;
padding-left: 10px;
outline: none;
cursor: pointer;
-webkit-transition: border-radius 1.5s;
-moz-transition: border-radius 1.5s;
-o-transition: border-radius 1.5s;
transition: border-radius 1.5s;
}
.findTitle select:hover {
border-radius: 0px;
-webkit-transition: border-radius 1.5s;
-moz-transition: border-radius 1.5s;
-o-transition: border-radius 1.5s;
transition: border-radius 1.5s;
}
.emissions {
cursor: pointer;
padding-left: 0px;
}
.emissions .title {
background-color: #437194;
width: 300px;
height: 55px;
top: 0px;
right: 0px;
}
.emissions .photo {
background-color: lightgrey;
height: 190px;
width: 300px;
}
.meme-sujet {
background-color: grey;
height: 100%;
overflow: hidden;
}
.vReplay {
padding-left: 0px;
margin-top: 15px;
}
.vPetite.vTwitter {
margin-bottom: 30px !important;
height: 810px !important;
max-height: 810px;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
margin-right: 0px;
}
.playlistAndNews {
background-color: #1a1a1a;
}
.playlistAndNews a{
color: #f8f8f8;
}
.playlistAndNews a:hover{
color: #ff0019;
}
.playlistAndNews .title {
margin-bottom: 0px !important;
}
.sport {
width: 300px;
height: 250px;
}
.sport .table td table td {
font-size: 18px;
}
.sport .table td.mid {
padding: 0;
vertical-align: middle;
}
.sport .table td.mid img {
margin-left: 10px;
}
.sport.football {
background-color: #e0e0ff;
}
.sport.basket {
background-color: #e0ffe0;
}
.sport.rugby {
background-color: #ffe0e0;
}
.table-striped>tbody>tr:nth-of-type(even) {
background-color: #e5e5e5;
}
#dRadio img {
margin-left: 35px;
}
#fFindTitle .vPetite.pub{
margin-top: 0px !important;
}
.formulaire div table tbody tr {
height: 30px;
}
.formulaire div table tbody tr td input{
height: 24px;
width: 175px;
}
.contactHoroscoop {
text-align: center;
color: #951B80;
}
.formulaireHoroscoop .title {
font-size: 26px;
color: #951B80;
text-align: center;
}
.formulaireHoroscoop table {
margin-left: auto;
margin-right: auto;
}
.formulaireHoroscoop table td input{
padding: 5px;
width: 100%;
font-size: 18px;
color: #951B80;
background-color: #FF9ED0;
border: none;
border-bottom: solid 1px white;
}
.formulaireHoroscoop table td input[type="submit"]{
width: auto !important;
padding: 10px 20%;
}
.formulaireHoroscoop .text {
width: 100%;
margin-left: auto;
margin-right: auto;
color: white;
text-align: center;
}
.formulaireHoroscoop input[name="btSubmit"] {
background-color: #951B80;
border-radius: 30px;
color: white;
border: none;
}
/*Couleur du placeholder blanche, ne pas grouper*/
.formulaireHoroscoop table td ::-webkit-input-placeholder {
color: white;
}
.formulaireHoroscoop table td :-moz-placeholder {
/* FF 4-18 */
color: white;
}
.formulaireHoroscoop table td ::-moz-placeholder {
/* FF 19+ */
color: white;
}
.formulaireHoroscoop table td :-ms-input-placeholder {
/* IE 10+ */
color: white;
}
.menu-deroulant li:nth-child(5):hover{
background-color: transparent;
}
.navbar-nav {
float: initial;
}
.navbar-nav li a {
line-height: 31px;
}
.li-social{
width: 4%;
float: left;
}
.li-social:hover ul.list {
list-style: none;
opacity: 1;
-moz-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.social-link {
padding: 0 3px;
}
.social-link img:hover {
transform: scale(1.1);
}
.li-classique {
width: auto;
padding-left: 3%;
padding-right: 20px;
font-family: HelveticaNeue;
}
.li-classique:hover ul.list {
opacity: 1;
-moz-transition: opacity 0.3s linear;
transition: opacity 0.3s linear;
}
.item-login {
border-bottom: none !important;
margin-bottom: 10px !important;
}
.item-login-title {
border-bottom: none !important;
}
.item-socials {
line-height: 15px;
margin: 0 !important;
margin-top: 5px !important;
}
.horoscoop-socials {
width: 134px;
margin: 0 auto;
background-color: #951B80;
border-radius: 65px;
height: 48px;
line-height: 48px;
}
/* enable absolute positioning */
.inner-addon {
position: relative;
}
/* style icon */
.inner-addon .glyphicon {
position: absolute;
padding: 10px;
pointer-events: none;
font-size: 15px;
color: #fff;
}
/* align icon */
.left-addon .glyphicon { left: 0px;}
.right-addon .glyphicon { right: 0px;}
/* add padding */
.left-addon input { padding-left: 30px; }
.right-addon input { padding-right: 30px; }
.horoscoopPage div {
box-shadow: none;
}
.separator.header, .banner-header {
height: auto;
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
.horoscoop-div {
text-align: center;
}
.img-horoscoop {
float: none !important;
}
.comment-div {
padding: 0px 0px;
margin-bottom: -10px;
background-color: #366A91;
border-radius: 65px;
width: 80%;
margin-left: 10%;
}
.comment-div ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #FFFFFF;
}
.comment-div ::-moz-placeholder { /* Firefox 19+ */
color: #FFFFFF;
}
.comment-div :-ms-input-placeholder { /* IE 10+ */
color: #FFFFFF;
}
.comment-div:-moz-placeholder { /* Firefox 18- */
color: #FFFFFF;
}
.vAnims.col-lg-12 {
margin-left: auto !important;
margin-right: auto !important;
background-color: #f8f8f8;
height: auto !important;
min-height: 380px;
width: 290px;
}
.vAnims {
background-color: #6D6C7A !important;
border-bottom: solid 4px #939FB9;
min-height: 520px !important;
}
.vAnims div, .vAnims i {
color: white !important;
}
.prog-div {
margin: auto 20px;
text-align: justify;
color: white;
}
.prog-link {
color: white;
font-size: 22px;
}
.prog-link:hover {
text-decoration: none;
color: white;
}
.prog-main-div {
padding-left: 15px;
text-align: center;
}
.prog-title h2 {
text-align: center;
margin: 5px 0 5px 0;
font-size: 20px !important;
}
.horaires-div {
color: #000000;
text-align: center;
position: absolute;
top: -10px;
background-color: #a1a1a1;
z-index: 10;
width: 120px;
left: 85px;
border-radius: 20px;
padding-right: 15px;
padding-left: 15px;
}
.rs-div {
color: #000000;
text-align: center;
background-color: #939FB9 !important;
margin: auto;
top: -27px;
z-index: 10;
border-radius: 20px;
padding: 5px 6px;
left: -50% !important;
position: relative !important;
}
.new-bloc.banner-header {
margin-top: 17px !important;
margin-bottom: -10px;
}
.selected-day {
color: red;
}
.emissions .carousel-inner {
margin-top: 0px!important;
}
.bloc_playlist{
min-height: 215px;
padding: 0;
position: relative;
}
.container [class*="col"] .bloc_playlist {
margin-bottom: 0px !important;
}
.playlist_music_content{
width: 100%;
height:100%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
background: rgba(141,180,211,0.8);
opacity: 0;
-moz-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.playlist_music_content .defaut{
text-transform: uppercase;
color: #fff;
}
.bloc_playlist .playlist_music_cover{
text-align: center;
position: relative;
top: 50%;
}
.bloc_playlist:hover .playlist_music_content{
opacity: 1;
}
.playlist_number{
background-color: #366A91;
width:50px;
height:50px;
line-height: 30px;
color:#3FA9F5;
text-align:center;
font-size:20px;
font-weight:bold;
border-radius: 25px;
float: left;
position: absolute;
left: 5%;
top: 70%;
}
.number_doughnut {
border: 4px solid #3FA9F5;
border-radius: 50px;
height: 40px;
width: 40px;
margin-top: 5px;
margin-left: 5px;
}
.not-selected-day {
color: white;
}
.div-day:hover .not-selected-day {
color: #939FB9 !important;
background-color: #F8F8F8;
border-radius: 30px;
-webkit-transition: ease-in-out 0.4s all;
-moz-transition: ease-in-out 0.4s all;
-o-transition: ease-in-out 0.4s all;
transition: ease-in-out 0.4s all;
padding: 7px 25%;
}
.selected-day {
color: #939FB9;
background-color: #F8F8F8;
border-radius: 30px;
padding: 7px 30%;
}
.div-day {
width:13%;
display: inline-block;
}
.row-podcast .new-bloc {
height: 220px !important;
}
.anims-title h1 {
text-align: center;
margin: 5px 0 5px 0;
font-size: 20px !important;
}
.anims-title h2 {
text-align: center;
margin: 5px 0 5px 0;
font-size: 20px !important;
}
.absolute-anim-div-name {
position: absolute;
}
.staff {
text-align: center;
}
.replay-container {
margin-top: -30px;
}
.white-container {
background-color: #fff !important;
}
.active-pod-item, .first-pod-item {
background-color: #0F86E0;
}
.pod-item:not(.active-pod-item):not(.first-pod-item){
background-color: #0E659B;
}
.pod-item {
display: inline-block;
width: 100%;
}
.first-pod-item {
border-radius: 30px;
}
.pod-item:last-child {
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.pods {
background-color: #0E659B;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
padding-right: 0 !important;
padding-left: 0 !important;
color: white;
min-height: 530px;
}
.anim-container, .replay-container {
width: 100% !important;
background-color: #fff !important;
}
.pod-item div:first-child {
text-align: center;
}
.active-pod-item:not(.first-pod-item) div:first-child, .active-pod-item:not(.first-pod-item) .socials-div {
height: 16px;
}
.pod-item:not(.first-pod-item):not(.active-pod-item) .socials-div {
display: none;
}
.pod-item:not(.first-pod-item):hover .socials-div {
display: inline-block;
height: 16px;
line-height: 34px;
}
.pod-item:not(.first-pod-item) .socials-div {
text-align: center;
}
.first-pod-item{
height: auto;
line-height: 60px;
}
.pod-item:not(.first-pod-item):hover {
background-color: #0F86E0 !important;
}
.pod-item div:not(.socials-div) {
margin-top: 5px;
margin-bottom: 5px !important}
.pod-item:not(.first-pod-item) .socials-div {
line-height: 34px !important;
}
.first-pod-item div:first-child{
line-height: 60px !important;
height: auto !important;
margin-bottom: 5px !important;
}
.first-pod-item .socials-div * {
width: 24px;
height: 24px;
}
.first-pod-item {
font-size: 18px;
}
.first-pod-item .socials-div {
margin-bottom: 5px !important;
}
.socials-div {
text-align: right;
}
.first-active-pod-item {
margin-top: 5px;
}
.equipe-div-name {
font-size: 17px;
line-height: inherit;
}
#div_scoopa_quizz input, #div_dédicaces_dimanche input, #div_dédicaces_dimanche textarea{
margin: 5px auto;
max-width: 500px;
}
#div_dédicaces_dimanche {
text-align: center;
}
.vForm {
width: 300px;
height: 500px;
box-shadow: 1px 1px 4px #ccc;
margin-left: auto !important;
margin-right: auto !important;
background-color: #f8f8f8;
}
#div_scoopa_quizz {
text-align: center;
}
.socials-nathan {
bottom: 0px;
border-radius:5px;
text-align: center;
height: 150px;
line-height: 150px;
}
.socials-nathan-img img:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
-moz-transform: scale(1.1);
-opera-transform: scale(1.1);
-webkit-transform: scale(1.1);
transition: all 0.2s ease;
}
.powerdance-div-name {
line-height: 25px;
}
.powerdance-anciens a {
font-size: 15px;
color: #32404D;
}
.powerdance-anciens a:hover{
color: #000;
}
.entrees-div, .sorties-div {
margin-top: 10px;
}
.grey-bar {
background-color: #565563;
color: white;
}
.questionButton:not(.answerButton) {
cursor: pointer;
}
.form-bloc {
background-color: white;
text-align: center;
padding-right: 10px;
height: auto !important;
}
.replay-div {
height: 250px;
margin-left: auto !important;
margin-right: auto !important;
}
.myscoop-content-div table {
margin: 0 auto;
width: 50% !important;
}
.myscoop-content-div table img {
max-width: 100% !important;
height: auto;
width: 100% !important;
}
.myscoop-title-img {
width: 100% !important;
max-width: 100% !important;
height: auto;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
height: auto;
width: 100% !important;
top: 0 !important;
left: 0 !important;
z-index: 910;
}
.ui-draggable .ui-dialog-titlebar {
text-align: center;
border: none !important;
background: none !important;
display: inline-block;
height: 64px;
width: 0%;
}
.ui-dialog .ui-dialog-content {
min-height: auto !important;
text-align: center;
}
#ui-id-1 {
display: none;
}
.playlist-separator-radio .new-bloc {
margin-top: 10px !important;
}
.playlist-separator-radio .new-bloc .separator.radio {
margin-bottom: 0px !important;
}
.playlist-container {
padding-bottom: 15px;
padding-top: 20px;
}
.account {
cursor: pointer;
}
.carousel-indicators {
bottom: 40px;
left: 0 !important;
margin-left: 0 !important;
}
.opes ol {
padding-right: 0 !important;
}
.socials-share {
position: absolute;
margin-top: -100px;
right: 20px;
}
.scoop-player-div {
width: 300px !important;
box-shadow: rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px;
}
.tw_link {
color: #FF0019;
}
.twitter .titre {
cursor: pointer;
}
.titre-title {
float: left;
margin-left: 20px;
}
.same-subject a {
font-weight: bold;
}
.same-subject {
height: inherit !important;
}
.block-playlist {
display: block;
background-image: url('/img/static/equalizer.gif');
background-size: cover;
}
.inter-div {
width: 60%;
height: auto;
height: 800px;
background-position: center;
margin: 0 auto;
background-repeat: no-repeat;
cursor: pointer;
overflow: hidden;
}
.adBanner {
background-color: transparent;
height: 1px;
width: 1px;
}
.little-inter-div {
cursor: pointer;
overflow: hidden;
}
.title-name {
padding: 0 !important;
line-height: 18px;
}
#webradios_carousel, #replay_carousel {
margin-top: -40px;
}
.answer:not(.long-answer) {
line-height: 37px;
}
.navbar-cities:hover {
background-color: #E80000;
}
#drop3 {
padding-right: 15px;
}
.cities-menu {
margin-left: 0;
}
.carousel-control {
margin-bottom: 31px;
z-index: 97;
}
.paused-playlist {
opacity: 0;
background-image: none !important;
}
.block-playlist:not(.paused-playlist) {
opacity: 1;
}
.high-ad a img {
width: 300px;
height: 530px;
}
.long-ad a img {
width: 630px;
height: 250px;
}
.nav-justified {
background-color: #242E40;
height: 31px;
}
.questionButton .col-xs-9 .answer {
cursor: default;
}
.questionButton .col-xs-9 {
cursor: default;
}
.vote-ok {
margin-top: 25px;
text-align: center;
display: none;
}
.comment-unit-div {
width: 50%;
height: 65px;
float: left;
background: transparent;
color: rgb(255, 255, 255);
margin-top: -1px;
font-size: 15px;
font-style: italic;
padding-left: 20px;
padding-top: 40px;
border-top: none;
border-right: none;
border-bottom: 1px solid white;
border-left: none;
border-image: initial;
margin-right: 20px;
}
.replay-play-button {
width: 75px !important;
height: 75px !important;
position: absolute;
right: -6px;
top: -8px;
z-index: 100;
}
.replay-buttons {
width: 40px !important;
height: 40px !important;
margin-top: 10px;
cursor: pointer;
text-align: right;
}
.active-pod-item .socials-div {
display: inline-block;
}
.ad.ad-info-list.vPetite.pub, .pubscoopmatin {
overflow: hidden;
}
.pause-replay {
content: url('../img/ico/pause.png') !important;
}
#btn_play_black {
cursor: pointer;
}
.xs-socials {
margin-top: -35px !important;
margin-bottom: -10px !important;
text-align: center;
}
/*li.active a, ul.nav-carousel {
padding: 0;
}
li.active a, ul.nav-carousel li:not(.active):hover a{
height: 31px;
border-radius: 60px;
line-height: 26px;
z-index: 0;
padding: 0;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}*/
.long-answer {
padding: 0 5px;
}
.carousel-over-header {
bottom: 0;
height: 55%;
width: 200px;
}
.formulaire input[type="text"] {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc !important;
border-radius: 4px;
margin-top: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.glyphicon-ok {
color: #951B80 !important;
}
.first-pod-item div:nth-child(2) {
text-overflow: ellipsis;
max-height: 60px;
white-space: nowrap;
overflow: hidden;
text-align: center;
}
.pod-item-unit {
text-align: center;
}
.modal-header .close {
margin-top: 5px;
margin-right: 5px;
background-color: #ffc0cb;
width: 25px;
height: 25px;
border-radius: 25px;
font-size: 15px;
color: white;
opacity: 1;
}
.selectVille {
float: left;
margin: 5px;
height:120px ;
border:solid 1px #A0A0A0 ;
border-radius:5px ;
background:#E0E0E0 ;
padding:5px ;
cursor:pointer;
}
.carousel-control {
background-image: none !important;
}
.new-bloc-meteo {
margin-top: 30px;
}
.row-ville {
padding: 20px;
max-height: 750px;
overflow: auto;
overflow-y: auto;
}
.bloc_select_ville {
border: 1px solid rgb(160, 160, 160);
background: rgb(224, 224, 224);
border-radius: 5px;
min-height: 130px;
text-align: center;
padding: 5px;
margin-bottom: 10px;
cursor: pointer;
}
.bloc_select_ville:hover {
border: 1px solid black;
}
#webradios_carousel .carousel-inner, #replay_carousel .carousel-inner {
overflow: no-content;
}
#emissions {
margin-top: -72px;
position: absolute;
}
#events{
margin-top: -32px;
position: absolute;
}
#animateurs {
margin-top: -47px;
position: absolute;
}
#agenda {
margin-top: -55px;
position: absolute;
}
#cadeaux {
margin-top: -35px;
position: absolute;
}
.modal-dialog {
margin: 76px auto;
}
.fb-video {
margin-bottom: 40px;
}
.replay-separator, .horoscoop-separator-div {
margin-top: 30px;
}
.carousel-inner>.item {
-webkit-transition: transform 0.2s ease-in-out;
-moz-transition: left 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
}
.item-login-title.item-socials {
max-width: 100% !important;
}
.redButton:hover {
background: rgb(249, 108, 75);
color: #fff;
}
.blueButton:not(.answerButton):hover{
background: rgb(46, 107, 138) !important;
color: #fff !important;
}
.redButton:not(.answerButton):hover{
background: rgb(249, 108, 75) !important;
color: #fff !important;
}
.firstQuestionButton {
margin-bottom: 7px;
}
.long-div {
margin-top: 8px;
}
.short-div {
margin-top: 12px;
}
.staff:hover > img:first-child, .vAnims:hover .anim-picture {
transform: scale(1.1);
-webkit-transition: transform 0.7s ease;
-moz-transition: transform 0.7s ease;
-o-transition: transform 0.7s ease;
transition: all 0.7s ease;
}
.staff img, .vAnims img {
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.list_clean {
border: none;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 14px;
}
.div-day a {
-moz-transition: all 0.5s ease;
transition: all 0.2s ease;
}
.cadeaux {
background-color: #FF7386;
}
.plans {
background-color: #67A9B7;
}
.comment-bottom-none {
margin-bottom: -5px !important;
}
.prog-link-disabled {
cursor: default;
}
.horo_icon_round {
margin: 3px;
}
.img_header {
width: 100%;
}
.separator_header {
position: relative;
left: 0;
margin-top: -10px;
width: 100%;
}
.player-square-play {
background: url('../img/static/play_circle_white1.png');
}
.player-square-pause {
background: url('../img/static/pause_circle_white.png');
}
.title_play_music {
margin: auto;
line-height: 38px;
}
#playhead {
cursor: pointer;
}
#pButton {
outline:none;
}
.cropped-img {
clip: rect(0px, 1900px, 300px, 400px);
}
div[id^="MAX_"] {
width: auto !important;
height: auto;
margin: 0 auto !important;
text-align: center;
z-index: 920 !important;
}
div[id^="MAX_"] * {
overflow: hidden;
}
div[id^="MAX_"] img{
max-width: 100% !important;
height: auto;
}
.article-principal-titre {
margin-top: 15px;
padding-left: 50px;
}
.comment-table span {
padding: 10px 15px;
}
.subtitle1div, .subtitle2div {
text-align: left;
}
.bloc-days:hover .selected-day {
color: white;
background-color: transparent;
border-radius: 0;
padding: 0 ;
}
.selected-day:hover {
color: #939FB9 !important;
background-color: #F8F8F8 !important;
border-radius: 30px !important;
padding: 7px 30% !important;
}
.form-edn input{
margin-bottom: 5px;
}
.right-credit {
float: right;
margin-top: -7px;
font-size: 12px;
padding-right: 20px;
}
.modal-backdrop {
z-index: 49 !important;
}
.modal {
z-index: 109 !important;
}
.row-agenda-unit {
margin-top: 27px;
}
#dialog {
padding-left: 0;
margin-left: -15px;
display: inline-block !important;
width: 95% !important;
}
.app-div {
height: 48px;
margin-left: -25px;
text-align: left;
}
.app-div-download {
height: 48px;
line-height: 48px;
margin-left: -20px;
}
.app-div-span {
display: inline-block;
height: 16px;
line-height: 16px;
white-space: nowrap;
text-overflow: ellipsis;
}
.ui-dialog-titlebar-close {
background-color: #F2F2F2;
color: black;
}
.download-app {
color: #33AAFF !important;
text-decoration: none;
outline: 0 !important;
}
.ui-dialog {
background-color: #F2F2F2;
}
.app-div-playstore {
font-size: 11px;
}
#load-more-infos {
cursor: pointer;
}
.socials-share > div > div > .input {
display: none;
}
/*----------------------------------------------------------------------*/
/*
MEDIA QUERIES PART, ORDERED FROM MAX TO MIN
*/
/*----------------------------------------------------------------------*/
@media (max-width: 3000px) {
.logo {
-webkit-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
}
.logo > img {
-webkit-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
}
}
@media (max-width:1600px) {
}
@media (max-width: 1560px){
.col-right {
margin-left: 35% !important;
margin-top: 20px !important;
}
}
@media (min-width: 1550px) {
.image-article-list {
max-height: 160px;
}
}
@media (max-width: 1500px) {
.carousel-caption {
left: 18% !important;
}
.giftText {
font-size: 130%;
}
.under-bar.red {
background-image: linear-gradient(to right, rgba(26,26,26,1) 40%, rgba(248, 248, 248, 1) 10%);
}
@-moz-document url-prefix() {
.carousel-caption {
top: 25% !important;
}
}
}
@media (max-width: 1400px) {
.li-classique {
padding-left: 15px;
padding-right: 15px;
}
.logo > img {
margin-top: auto;
margin-bottom: auto;
width: 60%;
height: auto;
}
}
@media (min-width: 1350px) {
.navbar-cities, #cities, #cities li a {
width: 200px !important;
}
}
@media (max-width: 1350px) {
.col-lg-12.col-md-4.form-jeux {
margin-top: -20px;
}
.first-pod-item .date-item {
display: none;
}
.temperature p {
font-size: 40px;
}
.li-classique {
padding-left: 8px;
padding-right: 8px;
}
.horoscoop-page-unit {
margin-top: 70px;
}
}
@media (max-width: 1300px) {
.pod-item:not(.active-pod-item) div:first-child {
height: auto;
}
.first-pod-item {
height: auto;
}
.pod-item div:first-child {
height: auto !important;
}
}
@media (max-width: 1250px) {
.carousel-caption {
top: 0;
}
.giftText {
font-size: 110%;
}
.under-bar.red {
background-image: linear-gradient(to right, rgba(26,26,26,1) 50%, rgba(248, 248, 248, 1) 10%);
}
}
@media (max-width: 1200px) {
.inter-div {
width: 90%;
}
.vPetite.vTwitter {
height: 580px !important;
max-height: 810px;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
margin-right: 0px;
margin-bottom: inherit !important;
}
}
@media (max-width: 1020px) {
#player {
width: inherit;
}
.col-lg-9.col-md-8.article.main.article-details.main-article.llred.article-principal {
min-height: 100% !important;
}
.text iframe {
width: 100%;
}
.main-article img {
height: auto;
}
.long-ad {
width: 630px !important;
}
.social-li {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
.header-carousel-control {
margin-bottom: 40px !important;
}
.carousel-over {
left: 10%;
}
}
@media (min-width: 1020px) {
.marged-player {
margin-top: -15px !important;
}
}
@media (max-width: 1000px) {
.div-day, .selected-day, .not-selected-day {
display: block !important;
width: 100% !important;
}
.prog-title {
width: 100% !important;
}
.podcasts-list {
padding-bottom: 80px;
}
.anims-title {
width: 100% !important;
}
.main {
height: auto !important;
}
.read-more {
visibility: visible !important;
text-align: center;
}
.article {
height: auto;
box-shadow: rgba(0, 0, 0, 0.137255) 0px 2px 2px 0px;
}
.col-last {
padding: 0;
}
.giftText {
font-size: 100%;
}
.under-bar.red {
background-image: linear-gradient(to right, rgba(26,26,26,1) 60%, rgba(248, 248, 248, 1) 10%);
}
}
@media (max-width: 800px) {
#listen p {
line-height: 48px;
}
.title-bar h1, .title-bar h2 {
padding: 10px 0 5px 0;
}
}
@media (max-width: 689px) {
.article-principal-titre h1 {
text-align: justify !important;
}
.article-principal-titre {
padding-left: 20px !important;
}
.intro, .text {
padding: 20px 20px 0 20px !important;
}
.playlist-new-container {
margin-top: -88px !important;
}
#webradios_carousel .left.carousel-control, #replay_carousel .left.carousel-control{
left: 25px !important;
}
#webradios_carousel .right.carousel-control, #replay_carousel .right.carousel-control {
right: 25px !important;
}
.title-bar.radio {
background-image: none !important;
}
#player {
margin-left: 10px !important;
width: auto;
}
.prog-row {
margin-top: 85px !important;
}
.clip-row {
margin-top: 37px !important;
padding-top: 0px !important;
}
.anim-row {
margin-top: 0 !important;
padding-top: 17px !important;
}
.dario-row{
margin-top: 0 !important;
padding-top: 50px !important;
}
.infos-row {
margin-top: 0 !important;
padding-top: 50px !important;
}
.community-row {
margin-top: 0 !important;
padding-top: 50px !important;
}
.reportages-row {
margin-top: 0 !important;
padding-top: 40px !important;
}
.infos-row-last {
margin-top: 0 !important;
padding-top: 55px !important;
}
.community-row-last {
margin-top: 0 !important;
padding-top: 55px !important;
}
.blog-row {
margin-top: 0 !important;
padding-top: 0 !important;
}
.myscoop-row, .afterwork-row, .dedi-row, .infos-home-row, .community-home-row, .resultat-row {
margin-top: 0 !important;
padding-top: 27px !important;
}
.prog-unit-row {
padding-top: 25px !important;
}
#emissions {
margin-top: -145px !important;
}
#listen p {
padding-left: 0px;
}
#listen img{
width: 50px!important;
height: auto!important;
}
.bloc_playlist {
margin-left: -5px;
}
.horoscoop-item {
height: 60px;
width: 60px !important;
}
.main .article-title {
padding-left: 15px !important;
padding-right: 15px !important;
}
.container-bellow-pub {
background-color: #F8F8F8;
}
.row-ville {
max-height: 400px !important;
}
#drop3 {
padding-right: 2px !important;
font-size: 18px !important;
}
.caret {
margin-top: 12px !important;
border-top: 6px dashed !important;
border-right: 4px solid transparent !important;
border-left: 4px solid transparent !important;
}
.socials-share {
margin-top: -70px;
}
.text table {
width: 100%;
height: auto;
}
.shareIcon {
width: 30px;
height: 30px;
}
.share-text {
margin-top: -10px;
width: 75px !important;
}
.socials-share div div:not(.share-text) {
width: 35px !important;
}
.socials-share div:not(.share-text) {
width: 250px !important;
}
.questionButton {
min-height: 50px;
}
.resultdiv {
width: 50px;
height: 50px;
}
.questionButton .col-xs-9 {
margin-top: 3px !important;
}
.article-img-unit .pastille {
margin-top: -35px;
height: 45px;
}
.article-img-unit .pastille h3 {
line-height: 25px;
}
.scoop-player-div {
width: 290px !important;
}
.container-main {
background-color: #F8F8F8;
}
.new-bloc.banner-header {
margin-bottom: 68px !important;
}
.separator.header {
margin-top: 0 !important;
height: 100px;
}
.class-banner {
height: 100px !important;
}
.separator.radio {
height: 420px;
}
.new-bloc-anims {
margin-top: -80px !important;
}
.new-bloc-prog {
margin-top: -160px !important;
}
.playlist-container {
margin-top: -70px ;
}
.horoscoop-bg {
margin-top: -30px;
}
.horoscoop-first-div {
margin-top: -70px;
}
.replay-play-button {
margin-left: -15px;
margin-right: 0 !important;
margin-top: 5px !important;
top: -18px !important;
}
.first-pod-item div {
font-size: 14px;
}
.first-pod-item .pod-item-unit {
width: 83.33333333%;
}
.horoscoop-socials {
line-height: 52px;
}
.replay-container {
margin-top: -110px;
}
.first-pod-item .socials-div {
margin-top: 10px !important;
}
.row-prog {
margin-top: -80px !important;
}
.meteo-reste {
margin-top: -20px;
}
.prog-title {
width: 100% !important;
margin-top: 100px;
max-width: 290px;
}
.row-podcast {
margin-top: -117px !important;
}
.anims-title {
width: 100% !important;
}
.infos-row-top {
padding-top: 30px !important;
}
.community-row-top {
padding-top: 30px !important;
}
.row-cadeaux-top {
padding-top: 30px !important;
}
.logo-navbar {
display: block;
}
#cadeaux {
padding-top: 15px !important;
}
.horoscoop-container {
margin-left: auto;
margin-right: auto;
width: 330px;
padding-left: 18%;
}
.image-horoscoop {
height: 120px !important;
width: auto !important;
}
.img-horoscoop-index {
height: 156px !important;
width: auto !important;
}
.horoscoop-lien {
width: 100px;
}
.image-article > img {
max-height: 140px !important;
}
.temperature p{
font-size: 30px !important;
}
.temperature p img{
width: 70px !important;
height: 70px !important;
}
.opes {
margin-top: 11px !important;
}
.logo {
display: none;
}
.navbar,
#left-part,
#player {
max-width: 100%;
-webkit-backface-visibility: hidden;
}
.nav-carousel{
display: none;
}
a > .vLarge {
width: 300px !important;
}
.vLarge {
width: 300px !important;
height: 250px !important;
}
.vPetite {
width: 300px !important;
}
.vLarge .vignette {
height: 110px !important;
}
.vLarge .article-title {
font-size: 20px !important;
}
.pastille {
margin-top: -22px !important;
height: 35px !important;
}
.pastille h3{
padding-top: 7px !important;
line-height: 25px !important;
font-size: 18px !important;
}
.separator.horoscoop1 {
background-color: #951B80;
height: 95%;
}
.formulaireHoroscoop {
width: 95%;
}
.container .row {
margin: 0 auto;
margin-top: 12px;
}
.row-agenda {
margin-top: -12px !important;
}
.ad-info-list.vPetite div a img, .vPetite.pub div a img, .findTitle, .mobile-promo, .vPetite.emissions.pub *{
max-width: 290px;
}
.ad-people-list.vPetite div a img, .vPetite.pub div a img, .findTitle, .mobile-promo, .vPetite.emissions.pub *{
max-width: 290px;
}
#emissions_carousel .item img {
max-width: 195px;
margin: 0 auto;
}
.emissions .photo {
height: 195px !important;
}
.title-bar p, .title-bar h1 {
max-width: 290px;
}
.see-more {
max-width: 290px;
}
.new-bloc {
margin-bottom: 80px;
}
.bloc-replay-event {
margin-bottom: 0px !important;
}
.new-bloc-meteo {
margin-bottom: 27px;
}
.replay-separator {
margin-bottom: -27px !important;
}
.separator.meteo {
height: 280px !important;
background: #29ABE2;
margin-bottom: 0px !important;
}
#listen p, #listen {
width: 100px !important;
}
.navbar-cities {
width: auto;
}
#cities {
max-width: 135px;
width: auto;
}
.carousel-inner {
margin-top: 35px;
}
#left-ticket-mobile p, #right-ticket-mobile p {
line-height: 45px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.prog-main-div {
padding-left: 0 !important;
max-width: 290px;
margin: 0 auto;
margin-bottom: 10px;
}
.separator.horoscoop-bg{
height: 1330px !important;
background-color: #941B81;
}
.separator.horoscoop {
height: 1090px !important;
}
.credit-photo {
padding-left: 120px !important;
}
.pastille-unitaire-main h3 {
margin-left: 0px !important;
}
.formulaireHoroscoop .text {
text-align: center;
}
.horoscoop-separator-div {
margin-bottom: 0px !important;
}
}
@media (max-width: 690px) {
#webradios_carousel, #replay_carousel {
margin-top: -20px;
}
}
@media (max-width: 640px) {
div[id^="MAX_"] {
left: auto !important;
}
}
@media (max-width: 600px) {
.descrip0{ width: 100% !important; }
.descrip1 , .descrip2, .descrip3, .descrip4, .descrip5 { display: none; }
.twittershare {
margin-left: 20px;
}
}
@media (max-width: 525px) {
.horo_icon_round {
display: block;
margin: 3px auto;
}
.modal-header .col-xs-4, .modal-header .col-xs-8 {
margin-top: 20px;
}
}
@media (max-width: 415px) {
.prog-row {
margin-top: 150px !important;
}
.podcasts-list {
margin-top: 50px !important;
}
.vPetite.vTwitter {
height: inherit !important;
}
}
@media (max-width: 400px) {
.modal-header .col-xs-4 img {
width: 80px;
height: auto;
margin-left: 10px !important;
margin-top: 50px !important;
}
.modal-body .col-xs-4 {
text-align: center;
}
#drop3 {
margin-left: 0 !important;
}
#player {
margin-right: 0 !important;
}
}
@media (max-width: 320px) {
.marged-ad {
margin-left: -18px;
}
.marged-player {
margin-left: -15px;
}
}
@media (max-width: 300px) {
.navbar-cities {
display: none;
}
}
/*----------------------------------------------------------------------*/
/*
PRECISE MEDIA QUERIES, TARGETING WIDTH AND HEIGHT RANGES
OR WINDOW ORIENTATION / NAVIGATOR
*/
/*----------------------------------------------------------------------*/
/*CAROUSEL WEB RADIO*/
.carousel-showmanymoveone .carousel-control {
width: 4%;
background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
margin-left: 15px;
}
.carousel-showmanymoveone .carousel-control.right {
margin-right: 15px;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3{
display: block;
}
@media all and (min-width: 320px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -33.3%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 33.3%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
display: block;
}
}
@media all and (min-width: 320px) and (transform-3d), all and (min-width: 320px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-2,
.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
display: block;
}
}
@media (min-width: 601px) and (max-width: 767px) {
.descrip0, .descrip1 { width: 50% !important; }
.descrip2, .descrip3, .descrip4, .descrip5 { display: none; }
}
@media all and (min-width: 690px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -66.666%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 66.666%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
display: block;
}
}
@media all and (min-width: 690px) and (transform-3d), all and (min-width: 690px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(66.666%, 0, 0);
transform: translate3d(66.666%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-66.666%, 0, 0);
transform: translate3d(-66.666%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-2,
.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
display: block;
}
}
@media all and (min-width: 1020px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -50%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 50%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-2,
.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
display: block;
}
.row-article-big {
margin-left: 0;
margin-right: 20px;
}
.row-article-big .col-lg-3 {
padding-left: 37px;
}
}
@media all and (min-width: 1020px) and (transform-3d), all and (min-width: 1020px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
@media all and (min-width: 1350px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
.carousel-showmanymoveone .carousel-inner > .prev {
left: -33%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
.carousel-showmanymoveone .carousel-inner > .next {
left: 33%;
}
.carousel-showmanymoveone .carousel-inner > .left,
.carousel-showmanymoveone .carousel-inner > .prev.right,
.carousel-showmanymoveone .carousel-inner > .active {
left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-2,
.carousel-showmanymoveone .carousel-inner .cloneditem-3 {
display: block;
}
}
@media all and (min-width: 1350px) and (transform-3d), all and (min-width: 1350px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
.carousel-showmanymoveone .carousel-inner > .item.next {
-webkit-transform: translate3d(33.333%, 0, 0);
transform: translate3d(33.333%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
.carousel-showmanymoveone .carousel-inner > .item.prev {
-webkit-transform: translate3d(-33.333%, 0, 0);
transform: translate3d(-33.333%, 0, 0);
left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
.carousel-showmanymoveone .carousel-inner > .item.prev.right,
.carousel-showmanymoveone .carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
/*GLOBAL MEDIA RANGES*/
@media (max-device-width: 1280px) and (orientation:landscape) {
#listen p {
line-height: 53px;
}
.playlist_number {
line-height: 35px !important;
}
.title-bar h1, .title-bar h2 {
padding: 10px 0 5px 0;
}
}
@media (min-width: 660px) and (max-width: 689px) {
#drop3 {
padding-right: 18px !important;
}
}
@media (max-width: 1019px) and (min-width: 690px) {
.vPetite.pub {
margin-right: 30px !important;
}
#drop3 {
padding-right: 5px !important;
}
}
@media only screen and (max-device-width:640px) and (orientation:landscape){
.intro {
font-size: 18px;
}
.text {
font-size: 18px;
}
.article-principal-titre > a > div{
font-family: HelveticaNeueBlackCondensed, Arial Narrow;
}
.col-lg-12.col-md-12.col-sm-12.col-xs-12.bar.mleft0.pleft0 {
margin-top: 50px !important;
margin-bottom: 80px !important;
}
.col-lg-12.under-bar.red.mleft0.pleft0{
font-size: 14px;
height: 65px;
line-height: 50px;
}
.article-principal-titre {
margin-bottom: 40px !important;
}
.under-bar.red {
background-image: none;
background-color: rgba(26,26,26, 1) !important;
}
.image-article-list {
max-height: 380px;
}
}
@media only screen and (max-device-width:640px) and (orientation:portrait){
.intro {
font-size: 18px;
}
.text {
font-size: 18px;
}
.twitter > tbody > tr > .defaut {
font-size: 18px !important;
}
.titre {
font-size: 18px !important;
font-family: HelveticaNeueLightCondensed, Arial Narrow;
}
.titre_big {
font-size: 18px !important;
}
.col-lg-12.under-bar.red.mleft0.pleft0{
font-size: 18px !important;
height: 65px;
line-height: 50px;
}
.col-lg-12.col-md-12.col-sm-12.col-xs-12.bar.mleft0.pleft0 {
margin-top: 50px !important;
margin-bottom: 80px !important;
}
.article-principal-titre {
margin-bottom: 40px !important;
}
.article-principal-titre > a > div{
font-family: HelveticaNeueHeavy, Arial Narrow;
}
.under-bar.red {
background-image: none;
background-color: rgba(26,26,26, 1) !important;
}
.ad, .vignette{
margin-bottom: 100px !important;
}
.vignette-last {
margin-bottom: 10px !important;
}
.col-lg-3.ocol-lg-3.col-md-3.col-sm-6.col-xs-12 {
margin-top: 100px !important;
}
.col-md-7.col-most-readed {
margin-top: 100px !important;
}
.image-article-list {
max-height: 380px;
}
}
/*Bureau large >1350*/
@media only screen and (min-width: 1350px) {/* 4 colonnes */
.ticket-mobile{
display: none;
}
.row-event-unit {
margin-top: 27px !important;
}
.image-horoscoop {
height: 150px !important;
width: 150px !important;
}
.img-horoscoop-index {
height: 156px !important;
width: 120px !important;
}
.lg-l {
margin-left: 15px !important;
margin-right: 15px !important;
width: 300px;
}
.opes ol {
display: none;
}
.list-item {
height: 42px !important;
line-height: 42px !important;
}
.navbar-cities, #cities, #cities li a {
width: 180px !important;
}
.navbar {
min-height: 40px !important;
}
.navbar-right{
float: right;
}
.nav>li>a:hover, .nav>li>a:focus {
background-color: transparent !important;
}
.carousel-indicators li { background: #000000; }
.carousel-indicators .active { background: #ff0000; }
#left-part {
height: 47px;
}
#left-part:before {
height: 47px;
right: 113px !important;
}
#player {
width: 100%;
height: 47px;
margin-left: 20px;
}
#listen img{
margin-top: -5px;
margin-left: 45px;
}
#listen p{
font-size: 30px !important;
}
.vPetite.pub {
margin-top: 0px !important;
margin-right: 30px !important;
margin-left: 0px !important;
}
.vPetite.pub.pub-list {
margin-bottom: 30px !important;
}
.vPetite.special {
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 15px !important;
margin-left: 0px !important;
}
.descrip0, .descrip1, .descrip2, .descrip3 { width: 25% !important; }
.descrip4, .descrip5 { display: none; }
.navbar-default div:not(.navbar-header) a img, .navbar-default div:not(.navbar-header) div a img { width: 35px; height: auto; }
#bs-navbar {width: 48%!important;}
.horoscoop-container {
padding-left: 16%;
}
.separator.horoscoop1 {
background-color: #951B80;
height: 95%;
}
}
/*MEDIA QUERY FONT SIZE FOR MENU, ORDERED FROM MIN TO MAX*/
@media (min-width: 631px) and (max-width: 638px) {
#listen a { font-size: 14px !important ;}
}
@media (min-width: 639px) and (max-width: 649px) {
#listen a { font-size: 15px !important ;}
}
@media (min-width: 650px) and (max-width: 672px) {
#listen a { font-size: 16px !important ;}
}
@media (min-width: 673px) and (max-width: 787px) {
#listen a { font-size: 17px !important ;}
}
@media (min-width: 788px) and (max-width: 840px) {
#listen a { font-size: 18px !important ;}
}
@media (min-width: 841px) and (max-width: 889px) {
#listen a { font-size: 20px !important ;}
}
@media (min-width: 890px) and (max-width: 1011px) {
#listen a { font-size: 22px !important ;}
}
@media (min-width: 1043px) and (max-width: 1349px) {
ul.navbar-nav li:not(.dropdown) { font-size: 18px !important; }
}
@media (min-width: 1350px) and (max-width: 1485px) {
ul.navbar-nav li { font-size: 19px !important; }
#listen a { font-size: 16px !important ;}
}
@media (min-width: 1486px) and (max-width: 1620px) {
ul.navbar-nav li { font-size: 20px !important; }
#listen a { font-size: 19px !important ;}
}
@media (min-width: 1621px) and (max-width: 1785px) {
ul.navbar-nav li { font-size: 21px !important; }
}
@media (min-width: 1786px) {
ul.navbar-nav li { font-size: 22px !important; }
}
/* Séparation font menus et font player*/
@media (min-width: 1012px) and (max-width: 1019px) {
#listen a { font-size: 18px !important ;}
}
@media (min-width: 1020px) and (max-width: 1042px) {
#listen a { font-size: 19px !important ;}
}
@media (min-width: 1043px) and (max-width: 1067px) {
#listen a { font-size: 20px !important ;}
}
@media (min-width: 1068px) and (max-width: 1091px) {
#listen a { font-size: 21px !important ;}
}
@media (min-width: 1092px) and (max-width: 1115px) {
#listen a { font-size: 22px !important ;}
}
@media (min-width: 1116px) and (max-width: 1139px) {
#listen a { font-size: 23px !important ;}
}
@media (min-width: 1140px) and (max-width: 1349px) {
#listen a { font-size: 24px !important ;}
}
@media (min-width: 1350px) and (max-width: 1385px) {
#listen a { font-size: 13px !important ;}
}
@media (min-width: 1386px) and (max-width: 1433px) {
#listen a { font-size: 14px !important ;}
}
@media (min-width: 1434px) and (max-width: 1481px) {
#listen a { font-size: 15px !important ;}
}
@media (min-width: 1482px) and (max-width: 1529px) {
#listen a { font-size: 16px !important ;}
}
@media (min-width: 1530px) and (max-width: 1577px) {
#listen a { font-size: 17px !important ;}
}
@media (min-width: 1578px) and (max-width: 1625px) {
#listen a { font-size: 18px !important ;}
}
@media (min-width: 1626px) and (max-width: 1673px) {
#listen a { font-size: 19px !important ;}
}
@media (min-width: 1674px) and (max-width: 1721px) {
#listen a { font-size: 20px !important ;}
}
@media (min-width: 1722px) and (max-width: 1779px) {
#listen a { font-size: 21px !important ;}
}
#popUpDdl {
display: none;
width: 100%;
height: auto;
z-index: 1500;
top: 0;
position: fixed;
background-color: rgba(255,255,255, 0.95);
vertical-align: middle;
padding-bottom: 3px;
padding-top: 1px;
text-align: center;
border-bottom: 1px solid #ccc;
}
#DdlText {
padding-top: 10px;
line-height: 20px;
font-size: 1em;
margin: 0;
font-family: sans-serif;
}
#popUpImg {
width: auto;
height: 60px;
float: left;
border-radius: 20px;
border: 1px solid #ddd;
}
#crossImg{
width: auto;
height: 15px;
float: right;
margin-top: 20px;
margin-right: 5px;
}
#linkIdTrue{
margin-bottom: 5px;
padding: 3px 10px;
border: none;
float: left;
width: 80%;
height: 60px;
}
#linkId {
margin-bottom: 5px;
padding: 3px 10px;
border: none;
float: right;
width: 20%;
height: 60px;
}
.contentFooter {
padding: 20px 0 0 0;
margin: 0;
height: 160px;
background-color: #f8f8f8;
text-align: center;
font-family: Helvetica, Arial, sans-serif;;
}
.contentFooter,
.contentFooter a {
color: #727171;
}
.contentFooter .social {
font-size: 16px;
padding: 5px 0;
}
.contentFooter .social a {
padding: 0 5px;
}
@media only screen and (max-width: 690px) {
.contentFooter .social {
font-size: 16px;
width: 250px;
padding: 0;
margin: auto;
}
.contentFooter .social a {
display: inline-block;
padding: 5px;
}
}
.contentFooter .mentions {
font-size: 13px;
}
.contentFooter .spacer {
padding: 0 5px;
}