@charset "UTF-8";
/* WARN: appelez uniquement des helpers (prefixé par _ pour éviter les feuilles css de style dupliquées) pour les sass qui generent un fichier css, utiliser */
/* States */
/* Buttons */
/* Social */
/* Header */
/* Breakpoints */
/* States */
/* Buttons */
/* Social */
/* Header */
/* Breakpoints */
/** Common buttons for FTVi */
/** Common inputs for FTVi */
/** Mixin to display an input type text with a button on the right (borderless) */
/** Create a responsive sprite item Example: @include responsive-sprite($big-france-2, 0.7); */
/** Responsive mixin */
/** clearfix */
/** create pure css show hide */
@font-face { font-family: "ftvi-fonticon"; src: url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.eot"); src: url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.eot?#iefix") format("eot"), url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.woff2") format("woff2"), url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.woff") format("woff"), url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.ttf") format("truetype"), url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.svg#ftvi-fonticon") format("svg"); }

.ftvi-icon-TV:before, .ftvi-icon-a-la-une:before, .ftvi-icon-arrow-puce:before, .ftvi-icon-audio:before, .ftvi-icon-chevron-down:before, .ftvi-icon-chevron-light-down:before, .ftvi-icon-chevron-up:before, .ftvi-icon-direct-tv:before, .ftvi-icon-email:before, .ftvi-icon-facebook:before, .ftvi-icon-google-plus:before, .ftvi-icon-home-full:before, .ftvi-icon-home:before, .ftvi-icon-lightning:before, .ftvi-icon-live:before, .ftvi-icon-podcast:before, .ftvi-icon-quote:before, .ftvi-icon-quotes:before, .ftvi-icon-radio:before, .ftvi-icon-rss:before, .ftvi-icon-search:before, .ftvi-icon-twitter:before, .ftvi-icon-user:before, nav.breadcrumb ul li:first-child a:before, blockquote.ftvi_content_quote:before, blockquote.ftvi_content_quote:after, p.ftvi_content_quote:before, p.ftvi_content_quote:after { font-family: "ftvi-fonticon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; }

.ftvi-icon-TV:before { content: ""; }

.ftvi-icon-a-la-une:before { content: ""; }

.ftvi-icon-arrow-puce:before { content: ""; }

.ftvi-icon-audio:before { content: ""; }

.ftvi-icon-chevron-down:before { content: ""; }

.ftvi-icon-chevron-light-down:before { content: ""; }

.ftvi-icon-chevron-up:before { content: ""; }

.ftvi-icon-direct-tv:before { content: ""; }

.ftvi-icon-email:before { content: ""; }

.ftvi-icon-facebook:before { content: ""; }

.ftvi-icon-google-plus:before { content: ""; }

.ftvi-icon-home-full:before { content: ""; }

.ftvi-icon-home:before { content: ""; }

.ftvi-icon-lightning:before { content: ""; }

.ftvi-icon-live:before { content: ""; }

.ftvi-icon-podcast:before { content: ""; }

.ftvi-icon-quote:before { content: ""; }

.ftvi-icon-quotes:before { content: ""; }

.ftvi-icon-radio:before { content: ""; }

.ftvi-icon-rss:before { content: ""; }

.ftvi-icon-search:before { content: ""; }

.ftvi-icon-twitter:before { content: ""; }

.ftvi-icon-user:before { content: ""; }

/* WARN: appelez uniquement des helpers (prefixé par _ pour éviter les feuilles css de style dupliquées) pour les sass qui generent un fichier css, utiliser */
/* States */
/* Buttons */
/* Social */
/* Header */
/* Breakpoints */
/* States */
/* Buttons */
/* Social */
/* Header */
/* Breakpoints */
/** Common buttons for FTVi */
/** Common inputs for FTVi */
/** Mixin to display an input type text with a button on the right (borderless) */
/** Create a responsive sprite item Example: @include responsive-sprite($big-france-2, 0.7); */
/** Responsive mixin */
/** clearfix */
/** create pure css show hide */
@font-face { font-family: "ftvi-fonticon"; src: url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.eot"); src: url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.eot?#iefix") format("eot"), url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.woff2") format("woff2"), url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.woff") format("woff"), url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.ttf") format("truetype"), url("/skin/www/css/font/ftvi-fonticon/ftvi-fonticon.svg#ftvi-fonticon") format("svg"); }

.ftvi-icon-TV:before, .ftvi-icon-a-la-une:before, .ftvi-icon-arrow-puce:before, .ftvi-icon-audio:before, .ftvi-icon-chevron-down:before, .ftvi-icon-chevron-light-down:before, .ftvi-icon-chevron-up:before, .ftvi-icon-direct-tv:before, .ftvi-icon-email:before, .ftvi-icon-facebook:before, .ftvi-icon-google-plus:before, .ftvi-icon-home-full:before, .ftvi-icon-home:before, .ftvi-icon-lightning:before, .ftvi-icon-live:before, .ftvi-icon-podcast:before, .ftvi-icon-quote:before, .ftvi-icon-quotes:before, .ftvi-icon-radio:before, .ftvi-icon-rss:before, .ftvi-icon-search:before, .ftvi-icon-twitter:before, .ftvi-icon-user:before, nav.breadcrumb ul li:first-child a:before, blockquote.ftvi_content_quote:before, blockquote.ftvi_content_quote:after, p.ftvi_content_quote:before, p.ftvi_content_quote:after { font-family: "ftvi-fonticon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; }

.ftvi-icon-TV:before { content: ""; }

.ftvi-icon-a-la-une:before { content: ""; }

.ftvi-icon-arrow-puce:before { content: ""; }

.ftvi-icon-audio:before { content: ""; }

.ftvi-icon-chevron-down:before { content: ""; }

.ftvi-icon-chevron-light-down:before { content: ""; }

.ftvi-icon-chevron-up:before { content: ""; }

.ftvi-icon-direct-tv:before { content: ""; }

.ftvi-icon-email:before { content: ""; }

.ftvi-icon-facebook:before { content: ""; }

.ftvi-icon-google-plus:before { content: ""; }

.ftvi-icon-home-full:before { content: ""; }

.ftvi-icon-home:before { content: ""; }

.ftvi-icon-lightning:before { content: ""; }

.ftvi-icon-live:before { content: ""; }

.ftvi-icon-podcast:before { content: ""; }

.ftvi-icon-quote:before { content: ""; }

.ftvi-icon-quotes:before { content: ""; }

.ftvi-icon-radio:before { content: ""; }

.ftvi-icon-rss:before { content: ""; }

.ftvi-icon-search:before { content: ""; }

.ftvi-icon-twitter:before { content: ""; }

.ftvi-icon-user:before { content: ""; }

/* ========================================================================== @= Zone Breadcrumb ========================================================================== */
nav.breadcrumb { display: block; padding: 20px 0; max-width: 1200px; text-align: left; margin: 0 auto; }

nav.breadcrumb ul { margin: 0; padding: 0; }

nav.breadcrumb ul li { color: #000; display: inline-block; font: 15px/18px arial,sans-serif; }

nav.breadcrumb ul li a { color: #1e1e1e; text-decoration: underline; overflow: hidden; vertical-align: top; display: inline-block; }

nav.breadcrumb ul li::after { content: "\00a0/\00a0"; color: #1e1e1e; }

nav.breadcrumb ul li:first-child a { color: #323232; font-size: 11px; text-decoration: none; width: 13px; }

nav.breadcrumb ul li:first-child a:before { content: ""; }

nav.breadcrumb ul li:last-child:after { content: ""; }

nav.breadcrumb .home, nav.breadcrumb .icon-home { display: inline-block; overflow: hidden; text-indent: -100%; vertical-align: bottom; width: 0px; }

/* WARN: appelez uniquement des helpers (prefixé par _ pour éviter les feuilles css de style dupliquées) pour les sass qui generent un fichier css, utiliser */
/* States */
/* Buttons */
/* Social */
/* Header */
/* Breakpoints */
/* States */
/* Buttons */
/* Social */
/* Header */
/* Breakpoints */
/** Common buttons for FTVi */
/** Common inputs for FTVi */
/** Mixin to display an input type text with a button on the right (borderless) */
/** Create a responsive sprite item Example: @include responsive-sprite($big-france-2, 0.7); */
/** Responsive mixin */
/** clearfix */
/** create pure css show hide */
/* FTVi Slider block */
.ftvi-slider { position: relative; }

.ftvi-slider .ftvi-slider-wrapper { -webkit-transition: height 0.4s; -moz-transition: height 0.4s; -ms-transition: height 0.4s; transition: height 0.4s; }

.ftvi-slider .ftvi-slider-wrapper ul { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; z-index: -1; visibility: hidden; }

.ftvi-slider .ftvi-slider-wrapper ul li { display: inline-block; vertical-align: top; margin-left: 28px; position: relative; width: 209px; }

.ftvi-slider .ftvi-slider-wrapper ul li a { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; color: #1e1e1e; cursor: pointer; display: block; font: bold 13px/16px arial, sans-serif; font-weight: bold; }

.ftvi-slider .ftvi-slider-wrapper ul li a span { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; opacity: 0; }

.ftvi-slider .ftvi-slider-wrapper ul li a:hover { color: #195f91; }

.ftvi-slider .ftvi-slider-wrapper ul li img { display: block; margin-bottom: 5px; image-rendering: optimizeSpeed; /*                     */ image-rendering: -moz-crisp-edges; /* Firefox             */ image-rendering: -o-crisp-edges; /* Opera               */ image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */ image-rendering: optimize-contrast; /* CSS3 Proposed       */ -ms-interpolation-mode: nearest-neighbor; /* IE8+                */ }

.ftvi-slider .ftvi-slider-wrapper ul li:first-child { margin-left: 0 !important; }

.ftvi-slider .ftvi-slider-wrapper ul.active { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; z-index: 1; visibility: visible; }

.ftvi-slider .ftvi-slider-wrapper ul.active li { display: inline-block; }

.ftvi-slider .ftvi-slider-wrapper ul.active li a span { opacity: 1; }

.ftvi-slider .ftvi-slider-wrapper:after { content: ""; display: block; clear: both; }

.ftvi-slider .ftvi-slider-next { display: block; border-radius: 3px; position: absolute; top: 38px; right: 0; cursor: pointer; height: 50px; width: 30px; background: none; border: 0; }

.ftvi-slider .ftvi-slider-next:before { content: ""; display: inline-block; /* By using an em scale, the arrows will size with the font */ width: 35px; height: 35px; border-right: 1px solid #979797; border-top: 1px solid #979797; -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -webkit-transform: rotate(405deg); transform: rotate(405deg); }

.ftvi-slider .ftvi-slider-next:hover::before { border-color: #1e1e1e; /* For the arrow (which is a border) */ }

.ftvi-slider .ftvi-slider-next:before { position: absolute; right: 8px; top: 8px; }

.ftvi-slider:after { content: ""; display: block; clear: both; }

/* Accueil mag + mag Fr2 / Fr3 */
.header-magazine.hd-france-2 { background: url("/skin/www/img/magazine/header/france-2.jpg") no-repeat top center #fff; }

.header-magazine.hd-france-3 { background: url("/skin/www/img/magazine/header/france-3.jpg") no-repeat top center #fff; }

.header-magazine.hd-franceinfo { background: url("/skin/www/img/magazine/header/franceinfo.jpg") no-repeat top center #fff; }

.header-magazine.hd-replay-magazine { background: url("/skin/www/img/magazine/header/magazine.jpg") no-repeat top center/contain #fff; }

/* Mag France 2 */
.header-magazine.hd-13h15 { background: url("/skin/www/img/magazine/header/13h15.jpg") no-repeat top center #fff; }

.header-magazine.hd-nous-les-europeens { background: url("/skin/www/img/magazine/header/nous-les-europeens.jpg") no-repeat top center #fff; }

.header-magazine.hd-19h-le-dimanche { background: url("/skin/www/img/magazine/header/19h-le-dimanche.jpg") no-repeat top center #fff; }

.header-magazine.hd-cash-investigation { background: url("/skin/www/img/magazine/header/cash-investigation.jpg") no-repeat top center #fff; }

.header-magazine.hd-complement-d-enquete { background: url("/skin/www/img/magazine/header/complement-d-enquete.jpg") no-repeat top center #fff; background-size: contain; }

.header-magazine.hd-des-paroles-et-des-actes { background: url("/skin/www/img/magazine/header/des-paroles-et-des-actes.jpg") no-repeat top center #fff; }

.header-magazine.hd-dimanche-en-politique { background: url("/skin/www/img/magazine/header/dimanche-en-politique.jpg") no-repeat top center #fff; }

.header-magazine.hd-envoye-special { background: url("/skin/www/img/magazine/header/envoye-special.jpg") no-repeat top center #fff; }

.header-magazine.hd-envoye-special-la-suite { background: url("/skin/www/img/magazine/header/envoye-special-la-suite.jpg") no-repeat top center #fff; }

.header-magazine.hd-envoye-special-le-samedi { background: url("/skin/www/img/magazine/header/envoye-special-le-samedi.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-angle-eco { background: url("/skin/www/img/magazine/header/l-angle-eco.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-emission-politique { background: url("/skin/www/img/magazine/header/l-emission-politique.jpg") no-repeat top center #fff; }

.header-magazine.hd-mon-envoye-special { background: url("/skin/www/img/magazine/header/mon-envoye-special.jpg") no-repeat top center #fff; }

.header-magazine.hd-mots-croises { background: url("/skin/www/img/magazine/header/mots-croises.jpg") no-repeat top center #fff; }

.header-magazine.hd-point-route, .header-magazine.hd-trafic { background: url("/skin/www/img/magazine/header/point-route.jpg") no-repeat top center #fff; }

.header-magazine.hd-un-oeil-sur-la-planete { background: url("/skin/www/img/magazine/header/un-oeil-sur-la-planete.jpg") no-repeat top center #fff; }

.header-magazine.hd-20h30-le-samedi { background: url("/skin/www/img/magazine/header/20h30-le-samedi.jpg") no-repeat top center #fff; }

.header-magazine.hd-vous-avez-la-parole { background: url("/skin/www/img/magazine/header/vous-avez-la-parole.jpg") no-repeat top center #fff; }

.header-magazine.hd-affaires-sensibles { background: url("/skin/www/img/magazine/header/affaires-sensibles.jpg") no-repeat top center #fff; }

.header-magazine.hd-elysee-2022 { background: url("/skin/www/img/magazine/header/elysee-2022.jpg") no-repeat top center #fff; }

.header-magazine.hd-20h22 { background: url("/skin/www/img/magazine/header/20h22.jpg") no-repeat top center #fff; }

.header-magazine.hd-campagne-audiovisuelle-officielle-pour-l-election-du-president-de-la-republique { background: url("/skin/www/img/magazine/header/campagne-audiovisuelle-officielle-pour-l-election-du-president-de-la-republique.jpg") no-repeat top center #fff; }

.header-magazine.hd-france-2022 { background: url("/skin/www/img/magazine/header/france-2022.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-evenement { background: url("/skin/www/img/magazine/header/l-evenement.jpg") no-repeat top center #fff; }

.header-magazine.hd-sur-la-ligne { background: url("/skin/www/img/magazine/header/sur-la-ligne.jpg") no-repeat top center #fff; }

/* France 3 */
.header-magazine.hd-avenue-de-l-europe { background: url("/skin/www/img/magazine/header/avenue-de-l-europe.jpg") no-repeat top center #fff; }

.header-magazine.hd-pieces-a-conviction { background: url("/skin/www/img/magazine/header/pieces-a-conviction.jpg") no-repeat top center #fff; }

.header-magazine.hd-questions-au-gouvernement { background: url("/skin/www/img/magazine/header/questions-au-gouvernement.jpg") no-repeat top center #fff; }

.header-magazine.hd-votre-tele-et-vous { background: url("/skin/www/img/magazine/header/votre-tele-et-vous-v2.jpg") no-repeat top center #fff; }

/* Franceinfo */
.header-magazine.hd-l-eco { background: url("/skin/www/img/magazine/header/l-eco.jpg") no-repeat top center #fff; }

.header-magazine.hd-la-faute-a-l-europe { background: url("/skin/www/img/magazine/header/la-faute-a-l-europe.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-instant-politique { background: url("/skin/www/img/magazine/header/l-instant-politique.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-instant-t { background: url("/skin/www/img/magazine/header/l-instant-t.jpg") no-repeat top center #fff; }

.header-magazine.hd-ouvrez-le-1 { background: url("/skin/www/img/magazine/header/ouvrez-le-1.jpg") no-repeat top center #fff; }

.header-magazine.hd-vrai-ou-fake-l-emission { background: url("/skin/www/img/magazine/header/vrai-ou-fake-l-emission.jpg") no-repeat top center #fff; }

.header-magazine.hd-cultissime { background: url("/skin/www/img/magazine/header/cultissime.jpg") no-repeat top center #fff; }

.header-magazine.hd-le-monde-dans-tous-ses-etats { background: url("/skin/www/img/magazine/header/le-monde-dans-tous-ses-etats.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-instant-reportage { background: url("/skin/www/img/magazine/header/l-instant-reportage.jpg") no-repeat top center #fff; }

.header-magazine.hd-soyons-claire { background: url("/skin/www/img/magazine/header/soyons-claire.jpg") no-repeat top center #fff; }

.header-magazine.hd-drole-d-europe { background: url("/skin/www/img/magazine/header/drole-d-europe.jpg") no-repeat top center #fff; }

.header-magazine.hd-scan { background: url("/skin/www/img/magazine/header/scan.jpg") no-repeat top center #fff; }

.header-magazine.hd-les-sports-chronique { background: url("/skin/www/img/magazine/header/les-sports-chronique.jpg") no-repeat top center #fff; }

.header-magazine.hd-questions-politiques { background: url("/skin/www/img/magazine/header/questions-politiques.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-agenda-eco { background: url("/skin/www/img/magazine/header/l-agenda-eco.jpg") no-repeat top center #fff; }

.header-magazine.hd-la-chronique-culture { background: url("/skin/www/img/magazine/header/la-chronique-culture.jpg") no-repeat top center #fff; }

.header-magazine.hd-la-justice-decodee { background: url("/skin/www/img/magazine/header/la-justice-decodee.jpg") no-repeat top center #fff; }

.header-magazine.hd-temps-additionnel { background: url("/skin/www/img/magazine/header/temps-additionnel.jpg") no-repeat top center #fff; }

.header-magazine.hd-alors-on-pense { background: url("/skin/www/img/magazine/header/alors-on-pense.jpg") no-repeat top center #fff; }

.header-magazine.hd-interview-sport { background: url("/skin/www/img/magazine/header/interview-sport.jpg") no-repeat top center #fff; }

.header-magazine.hd-ligne-directe { background: url("/skin/www/img/magazine/header/ligne-directe.jpg") no-repeat top center #fff; }

.header-magazine.hd-zero-emission { background: url("/skin/www/img/magazine/header/zero-emission.jpg") no-repeat top center #fff; }

.header-magazine.hd-restez-a-la-maison { background: url("/skin/www/img/magazine/header/restez-a-la-maison.jpg") no-repeat top center #fff; }

.header-magazine.hd-le-monde-demain { background: url("/skin/www/img/magazine/header/le-monde-demain.jpg") no-repeat top center #fff; }

.header-magazine.hd-a-l-origine { background: url("/skin/www/img/magazine/header/a-l-origine.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-info-s-eclaire { background: url("/skin/www/img/magazine/header/l-info-s-eclaire.jpg") no-repeat top center #fff; }

.header-magazine.hd-votre-instant-politique { background: url("/skin/www/img/magazine/header/votre-instant-politique.png") no-repeat top center #fff; }

.header-magazine.hd-inattendu { background: url("/skin/www/img/magazine/header/inattendu.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-ombre-en-lumiere { background: url("/skin/www/img/magazine/header/l-ombre-en-lumiere.jpg") no-repeat top center #fff; }

.header-magazine.hd-derriere-la-sequence { background: url("/skin/www/img/magazine/header/derriere-la-sequence.jpg") no-repeat top center #fff; }

.header-magazine.hd-parlez-vous { background: url("/skin/www/img/magazine/header/parlez-vous.jpg") no-repeat top center #fff; }

.header-magazine.hd-incassable { background: url("/skin/www/img/magazine/header/incassable.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-interview-culture { background: url("/skin/www/img/magazine/header/l-interview-culture.jpg") no-repeat top center #fff; }

.header-magazine.hd-les-matins-presidentiels { background: url("/skin/www/img/magazine/header/les-matins-presidentiels.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-interview-politique-mag { background: url("/skin/www/img/magazine/header/l-interview-politique-mag.jpg") no-repeat top center #fff; }

.header-magazine.hd-campagne-audiovisuelle-officielle-pour-les-elections-legislatives-2022 { background: url("/skin/www/img/magazine/header/campagne-audiovisuelle-officielle-pour-les-elections-legislatives-2022.jpg") no-repeat top center #fff; }

.header-magazine.hd-arret-sur-info { background: url("/skin/www/img/magazine/header/arret-sur-info.jpg") no-repeat top center #fff; }

.header-magazine.hd-correspondants { background: url("/skin/www/img/magazine/header/correspondants.jpg") no-repeat top center #fff; }

.header-magazine.hd-l-invite-politique { background: url("/skin/www/img/magazine/header/l-invite-politique.jpg") no-repeat top center #fff; }

.header-magazine.hd-melodies-nocturnes { background: url("/skin/www/img/magazine/header/melodies-nocturnes.jpg") no-repeat top center #fff; }

/* JT France 2 */
.header-jt.hd-13-heures { background: url("/skin/www/img/jt/header/13-heures.jpg") no-repeat top center #fff; }

.header-jt.hd-20-heures { background: url("/skin/www/img/jt/header/20-heures.jpg") no-repeat top center #fff; }

.header-jt.hd-6h30 { background: url("/skin/www/img/jt/header/6h30.jpg") no-repeat top center #fff; }

.header-jt.hd-8-heures { background: url("/skin/www/img/jt/header/8-heures.jpg") no-repeat top center #fff; }

/* JT France 3 */
.header-jt.hd-12-13 { background: url("/skin/www/img/jt/header/12-13.jpg") no-repeat top center #fff; }

.header-jt.hd-19-20 { background: url("/skin/www/img/jt/header/19-20.jpg") no-repeat top center #fff; }

.header-jt.hd-soir-3 { background: url("/skin/www/img/jt/header/soir-3.jpg") no-repeat top center #fff; }

/* Partenaire / Groupe */
.header-partner.hd-allodocteurs { background: url("/skin/www/img/group/header/allodocteurs.png") no-repeat top center #fff; }

.header-partner.hd-brut { background: url("/skin/www/img/group/header/brut.png") no-repeat top center #fff; }

/* WARN: appelez uniquement des helpers (prefixé par _ pour éviter les feuilles css de style dupliquées) pour les sass qui generent un fichier css, utiliser */
/* States */
/* Buttons */
/* Social */
/* Header */
/* Breakpoints */
/* States */
/* Buttons */
/* Social */
/* Header */
/* Breakpoints */
/** Common buttons for FTVi */
/** Common inputs for FTVi */
/** Mixin to display an input type text with a button on the right (borderless) */
/** Create a responsive sprite item Example: @include responsive-sprite($big-france-2, 0.7); */
/** Responsive mixin */
/** clearfix */
/** create pure css show hide */
/* FTVi Slider block */
.ftvi-slider { position: relative; }

.ftvi-slider .ftvi-slider-wrapper { -webkit-transition: height 0.4s; -moz-transition: height 0.4s; -ms-transition: height 0.4s; transition: height 0.4s; }

.ftvi-slider .ftvi-slider-wrapper ul { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; z-index: -1; visibility: hidden; }

.ftvi-slider .ftvi-slider-wrapper ul li { display: inline-block; vertical-align: top; margin-left: 28px; position: relative; width: 209px; }

.ftvi-slider .ftvi-slider-wrapper ul li a { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; transition: color 0.3s; color: #1e1e1e; cursor: pointer; display: block; font: bold 13px/16px arial, sans-serif; font-weight: bold; }

.ftvi-slider .ftvi-slider-wrapper ul li a span { -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; opacity: 0; }

.ftvi-slider .ftvi-slider-wrapper ul li a:hover { color: #195f91; }

.ftvi-slider .ftvi-slider-wrapper ul li img { display: block; margin-bottom: 5px; image-rendering: optimizeSpeed; /*                     */ image-rendering: -moz-crisp-edges; /* Firefox             */ image-rendering: -o-crisp-edges; /* Opera               */ image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */ image-rendering: optimize-contrast; /* CSS3 Proposed       */ -ms-interpolation-mode: nearest-neighbor; /* IE8+                */ }

.ftvi-slider .ftvi-slider-wrapper ul li:first-child { margin-left: 0 !important; }

.ftvi-slider .ftvi-slider-wrapper ul.active { -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity: 1; z-index: 1; visibility: visible; }

.ftvi-slider .ftvi-slider-wrapper ul.active li { display: inline-block; }

.ftvi-slider .ftvi-slider-wrapper ul.active li a span { opacity: 1; }

.ftvi-slider .ftvi-slider-wrapper:after { content: ""; display: block; clear: both; }

.ftvi-slider .ftvi-slider-next { display: block; border-radius: 3px; position: absolute; top: 38px; right: 0; cursor: pointer; height: 50px; width: 30px; background: none; border: 0; }

.ftvi-slider .ftvi-slider-next:before { content: ""; display: inline-block; /* By using an em scale, the arrows will size with the font */ width: 35px; height: 35px; border-right: 1px solid #979797; border-top: 1px solid #979797; -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -webkit-transform: rotate(405deg); transform: rotate(405deg); }

.ftvi-slider .ftvi-slider-next:hover::before { border-color: #1e1e1e; /* For the arrow (which is a border) */ }

.ftvi-slider .ftvi-slider-next:before { position: absolute; right: 8px; top: 8px; }

.ftvi-slider:after { content: ""; display: block; clear: both; }

/* ========================================================================== @= Zone "Les + chauds" ========================================================================== */
.hot-contents { text-align: left; background-color: #f0f0f0; overflow: hidden; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #dedede; }

.hot-contents .title { color: #1e1e1e; font: 24px/50px BrownRegular, sans-serif; height: 50px; text-transform: uppercase; }

.hot-contents .hot-container { width: 1200px; margin: 0 auto; position: relative; padding: 0 0 10px; }

.hot-contents .close-btn-wrapper { position: relative; }

.hot-contents .close { height: 20px; width: 20px; display: block; position: absolute; top: -30px; right: 0; }

.hot-contents .close:before, .hot-contents .close:after { position: absolute; left: 10px; content: ' '; height: 20px; width: 1px; background-color: #979797; }

.hot-contents .close:hover:before, .hot-contents .close:hover:after { background-color: #1e1e1e; }

.hot-contents .close:before { -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.hot-contents .close:after { -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.hot-contents .close:hover { opacity: .75; }

/* WARN: appelez uniquement des helpers (prefixé par _ pour éviter les feuilles css de style dupliquées) pour les sass qui generent un fichier css, utiliser */
/* States */
/* Buttons */
/* Social */
/* Header */
/* Breakpoints */
/* States */
/* Buttons */
/* Social */
/* Header */
/* Breakpoints */
/** Common buttons for FTVi */
/** Common inputs for FTVi */
/** Mixin to display an input type text with a button on the right (borderless) */
/** Create a responsive sprite item Example: @include responsive-sprite($big-france-2, 0.7); */
/** Responsive mixin */
/** clearfix */
/** create pure css show hide */
#footer-persistant { -moz-box-shadow: 0px 1px 15px #888; -webkit-box-shadow: 0px 1px 15px #888; box-shadow: 0px 1px 15px #888; z-index: 12; display: block; position: fixed; width: 100%; background-color: rgba(255, 255, 255, 0.9); transform: translateY(100px); transition: transform ease-out 0.5s; bottom: 0; }

#footer-persistant.active { transform: translateY(0); }

#footer-persistant .share { margin: 0; }

#footer-persistant .share .btn { text-align: left; height: 40px; width: 110px; }

#footer-persistant .share .btn .ftvi-icon { display: inline-block; vertical-align: middle; line-height: 40px; }

#footer-persistant .share .label { position: static; display: inline-block; vertical-align: middle; width: calc(100% - 44px); font: 14px BrownBold, Arial, sans-serif; text-align: right; }

#footer-persistant .share-wrapper { margin-left: 0; }

/* Si le footer persistant actif, on ajoute du padding sur le footer-transverse */
#footer-persistant.active ~ #footer-transverse > div { padding-bottom: 46px; }

.footer-persistant-container { width: 1200px; min-height: 46px; margin: 0 auto; position: relative; }

#footer-persistant-read-more { float: right; width: 440px; margin: 10px 0; text-align: left; }

#footer-persistant-read-more .read-more-text { color: #686868; }

#footer-persistant-read-more:hover i:before { border-right: 2px solid #195f91; border-top: 2px solid #195f91; }

#footer-persistant-read-more:hover * { color: #195f91; }

#footer-persistant-read-more p { display: inline-block; vertical-align: middle; width: 413px; }

#footer-persistant-read-more .read-more-next { display: inline-block; vertical-align: middle; width: 27px; }

#footer-persistant-read-more .read-more-next:before { content: ""; display: inline-block; /* By using an em scale, the arrows will size with the font */ width: 20px; height: 20px; border-right: 2px solid #686868; border-top: 2px solid #686868; -moz-transform: rotate(405deg); -ms-transform: rotate(405deg); -webkit-transform: rotate(405deg); transform: rotate(405deg); }

#footer-persistant-read-more .read-more-next:hover::before { border-color: #195f91; /* For the arrow (which is a border) */ }

#socialMediaBar { margin: 0 0 0 260px; position: absolute; top: 50%; margin-top: -20px; display: block; width: 340px; max-width: 680px; }

/* ========================================================================== @= Config ========================================================================== */
body { padding: 0; margin: 0; border: 0; font: 13px/17px Arial, sans-serif; color: #222; }

p { margin-top: 0px; }

figure { border: 0; margin: 0; padding: 0; }

a { color: #000; text-decoration: none; }

a:active, a:focus-visible { outline: 2px solid #0082e6; outline-offset: 4px; }

a:hover { color: #FFC300; }

img { display: block; max-width: 100%; }

ul { margin: 0px; padding: 0px; list-style-type: none; }

li { margin: 0px; padding: 0px; }

textarea { overflow: auto; vertical-align: top; }

table { border-collapse: collapse; border-spacing: 0; }

.cf:before, .cf:after { content: ""; display: table; }

.cf:after { clear: both; }

.ie .cf { zoom: 1; }

*:focus, *:focus-visible { outline: 2px solid #0082e6; outline-offset: 4px; }

@media not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { *:focus { outline: 2px solid #0082e6; outline-offset: 4px; } } }

/**** ftvi buttons ****/
html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

.container { width: 1200px; margin: 0 auto 30px; }

/****************************************************************************** @= Header magazine + JT */
.header-magazine, .header-jt, .header-partner { display: block; height: 140px; width: 100%; margin: 0; -moz-box-shadow: 0 7px 10px #f2f2f2; -webkit-box-shadow: 0 7px 10px #f2f2f2; box-shadow: 0 7px 10px #f2f2f2; text-indent: 100%; white-space: nowrap; overflow: hidden; }

/* ========================================================================== @= Zone Content ========================================================================== */
/* ----- HEADER ----- */
article { margin: 30px 0 0; }

article:before, article:after { content: ""; display: table; }

article:after { clear: both; }

article > h1 { text-align: center; font: 46px/52px BrownBold,serif; color: #1e1e1e; margin: 0 115px 20px; }

article > h1 > span.ftv-vrai-fake { display: inline-block; text-transform: uppercase; background-color: #f4c203; color: #1e1e1e; vertical-align: top; font: bold 16px/17px arial,sans-serif; height: 17px; padding: 10px; margin-top: 7px; }

article > h2, article > h1 + span, article > .chapo { text-align: center; font: 18px/23px BrownBold,sans-serif; color: #717171; margin: 0 200px 30px; }

article > figure, article > div > figure { margin-bottom: 40px; }

article figure { position: relative; /* Classic figcaption (for video, iframes, etc) */ /* Figcaption after an img tag */ }

article figure img { display: block; margin-bottom: 5px; object-fit: cover; }

article figure figcaption { display: block; font: 13px/16px arial,sans-serif; color: #999; margin-top: 5px; }

article figure img + figcaption { -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; background-color: #FFC300; box-sizing: border-box; color: #1e1e1e; position: absolute; bottom: 0px; padding: 10px; opacity: 0; width: 100%; }

article figure:hover img + figcaption { opacity: 1; }

/* ----- CONTENT ----- */
article div.text { float: left; width: 580px; }

article.content-full-page .text-full { width: 940px; }

article div.text-diaporama { margin: 0 140px 30px 140px !important; width: auto; }

article.content-media-poll > .text, article.content-slideshow-poll > .text, article.content-full-page > .text { margin: 0 0 30px; }

article.content-media-poll > .text, article.content-slideshow-poll > .text { margin: 0 0 30px; }

article .text a { color: #000; border-bottom: 2px solid #195f91; }

article .text a:hover { color: #195f91; }

article p, article > .text, article > .left-wrapper > .text { margin: 0 0 20px; font: 17px/24px arial, sans-serif; color: #222; }

article h2.bullet, article h2.number, article h2.subheader { font: 24px/27px BrownBold, serif; color: #000; letter-spacing: -0.3px; }

article h2.bullet { position: relative; margin: 30px 0 30px; padding: 0 0 0 37px; }

article h2.bullet:before { content: ""; height: 25px; vertical-align: middle; width: 25px; background: #FFC300; border-radius: 50%; margin: 0 12px 5px 0; position: absolute; left: 0; color: #000; vertical-align: middle; }

article h2.subheader { margin: 30px 0 30px; }

article h2.number { margin: 0 0 30px; }

article h2.number span { display: inline-block; font: 25px/35px BrownBold, serif; color: #000; background-color: #FFC300; border-radius: 50%; min-width: 36px; height: 36px; text-align: center; margin-right: 10px; font-weight: bold; }

/****************************************************************************** @= Citation */
blockquote.ftvi_content_quote { position: relative; border-left: 6px solid #FFC300; padding: 20px; margin: 45px 0; }

blockquote.ftvi_content_quote:before { content: ""; }

blockquote.ftvi_content_quote:after { content: ""; }

blockquote.ftvi_content_quote:before, blockquote.ftvi_content_quote:after { position: absolute; bottom: 0; font-size: 80px; line-height: 84px; color: #FFC300; z-index: -1; }

blockquote.ftvi_content_quote:before { right: 0; }

blockquote.ftvi_content_quote:after { right: 60px; }

blockquote.ftvi_content_quote p.ftvi_citation_quote { font: italic 24px/24px 'BrownRegular', arial, sans-serif; color: #000; }

.contentBody blockquote.ftvi_content_quote p.ftvi_citation_quote { margin-bottom: 20px; }

blockquote.ftvi_content_quote p.ftvi_citation_quote:before { content: "”"; }

blockquote.ftvi_content_quote p.ftvi_citation_quote:after { content: "”"; }

blockquote.ftvi_content_quote footer cite.ftvi_citation_author, blockquote.ftvi_content_quote div cite.ftvi_citation_author { font: normal 28px BrownBold, Arial, sans-serif; }

blockquote.ftvi_content_quote footer cite.ftvi_citation_author:before, blockquote.ftvi_content_quote div cite.ftvi_citation_author:before { content: "— "; }

blockquote.ftvi_content_quote footer p.ftvi_citation_source, blockquote.ftvi_content_quote div p.ftvi_citation_source { font: italic 24px 'BrownRegular', Arial, sans-serif; }

blockquote.ftvi_content_quote footer p.ftvi_citation_source::before, blockquote.ftvi_content_quote footer p.ftvi_citation_source::after, blockquote.ftvi_content_quote div p.ftvi_citation_source::before, blockquote.ftvi_content_quote div p.ftvi_citation_source::after { content: ""; display: none; }

/* Citations avec des SPANs */
p.ftvi_content_quote { position: relative; border-left: 6px solid #FFC300; padding: 20px; margin: 45px 0; }

p.ftvi_content_quote:before { content: ""; }

p.ftvi_content_quote:after { content: ""; }

p.ftvi_content_quote:before, p.ftvi_content_quote:after { position: absolute; bottom: 0; font-size: 80px; line-height: 84px; color: #FFC300; z-index: -1; }

p.ftvi_content_quote:before { right: 0; }

p.ftvi_content_quote:after { right: 60px; }

p.ftvi_content_quote .ftvi_citation_quote { font: italic 24px/24px 'BrownRegular', arial, sans-serif; color: #000; display: block; margin: 0 0 20px; }

p.ftvi_content_quote .ftvi_citation_quote:before, p.ftvi_content_quote .ftvi_citation_quote:after { content: "”"; }

p.ftvi_content_quote .ftvi_citation_author { font: normal 28px BrownBold, Arial, sans-serif; }

p.ftvi_content_quote .ftvi_citation_author:before { content: "— "; }

p.ftvi_content_quote .ftvi_citation_source { font: italic 24px 'BrownRegular', Arial, sans-serif; display: block; margin: 0 0 20px; }

p.ftvi_content_quote .ftvi_citation_source:before, p.ftvi_content_quote .ftvi_citation_source:after { content: ""; display: none; }

.contentBody p.ftvi_content_quote .ftvi_citation_quote { margin-bottom: 20px; }

/* ----- ON VOUS RECOMMANDE ----- */
.content-full-page aside.a-lire-aussi { margin: 0 0 30px; }

aside.a-lire-aussi { margin: 60px 0 30px; }

.rebond-block + aside.a-lire-aussi { margin: 30px 0; }

aside.a-lire-aussi span.title { display: block; font: 18px/21px BrownRegular, sans-serif; text-transform: uppercase; margin-bottom: 20px; color: #6e6e6e; }

aside.a-lire-aussi ul { padding: 0; margin: 0; }

aside.a-lire-aussi li { font: 18px/21px BrownBold,serif; margin-bottom: 20px; padding-left: 30px; position: relative; }

aside.a-lire-aussi li:before { content: ""; background-image: url(/skin/dist/www/img/common/common-spritesmith-03b12cf88d.png); background-position: -150px -62px; width: 19px; height: 14px; left: 0; top: 5px; position: absolute; display: inline-block; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { aside.a-lire-aussi li:before { background-image: url(/skin/dist/www/img/common/common-spritesmith-2x-2694266fb3.png); background-size: 175px 151px; } }

aside.a-lire-aussi li:last-child { margin-bottom: 0; }

aside.a-lire-aussi li a { color: #000; text-decoration: none; border-bottom: 0px; }

aside.a-lire-aussi li a:hover { color: #195f91; }

/* ----- liens editoriaux elections ----- */
/* ----- SUJETS ASSOCI�S ----- */
aside.tags { margin: 40px 0 20px; }

aside.tags .title { display: block; font: 18px/21px BrownRegular, sans-serif; text-transform: uppercase; margin-bottom: 20px; color: #6e6e6e; }

aside.tags ul { padding: 0; margin: 0; }

aside.tags li { display: inline-block; margin: 0 10px 5px 0; font: bold 17px/50px arial, sans-serif; }

aside.tags li a { background-color: #fafafa; border-radius: 4px; padding: 10px; border: 1px solid #000; color: #000; text-decoration: none; }

aside.tags li a:hover, aside.tags li a:focus, aside.tags li a:active { color: #414141; border: 1px solid #414141; text-decoration: none; }

/* -----  Partners block make.org ----- */
.partner-block { border-top: 1px solid #e1e1e1; margin: 30px 0 0; padding: 30px 20px 0 0; }

.col-left p { font: bold 12px/15px arial, sans-serif; }

.col-left .newsletter + .right-now { margin: 500px 0 0 0; }

.col-left .box-tag { margin: 500px 0 0 0; }

/* ----- NEWSLETTER ----- */
div.newsletter.bottom { display: block; margin: 30px 0 0; padding: 30px 20px 30px 0; overflow: hidden; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #fff; }

div.newsletter.bottom span.title { display: block; margin-bottom: 30px; color: #000; font: 20px/26px BrownBold,sans-serif; text-transform: uppercase; }

div.newsletter.bottom span.icon { display: block; background-image: url(/skin/dist/www/img/common/common-spritesmith-03b12cf88d.png); background-position: 0px 0px; width: 57px; height: 60px; margin-right: 20px; float: left; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { div.newsletter.bottom span.icon { background-image: url(/skin/dist/www/img/common/common-spritesmith-2x-2694266fb3.png); background-size: 175px 151px; } }

div.newsletter.bottom span.container-right { display: block; float: left; width: 462px; }

div.newsletter.bottom span.text { display: block; font: 14px/17px arial,sans-serif; color: #000; margin: 0 0 5px; clear: both; }

.col-left div.newsletter input[type="email"], div.newsletter.bottom input[type="email"] { border: 1px solid #414141; border-right: 0px; box-sizing: border-box; color: #000; display: inline-block; font: 14px/30px arial,sans-serif; height: 38px; padding: 0 10px; width: calc(100% - 40px); }

.col-left div.newsletter input[type="button"], div.newsletter.bottom input[type="button"] { background-color: #323232; display: inline-block; width: 40px; height: 38px; font: 14px/38px BrownRegular,sans-serif; color: #fff; border: 0; }

/* ----- Newsletters RGPD ----- */
.newsletter .newsletter-rgpd a { text-decoration: underline; color: #424242; border-bottom: 0 none; }

.newsletter .newsletter-rgpd a:hover, .newsletter .newsletter-rgpd a:focus { text-decoration: none; }

.newsletter .newsletter-rgpd { margin: 0 20px 20px; font: 12px/15px arial,sans-serif; }

.col-left .newsletter .newsletter-rgpd { margin: 10px 0 0; }

.newsletter.bottom .newsletter-rgpd { display: inline-block; margin: 10px 0 0; }

/* ----- A LIRE SUR CULTUREBOX / FRANCETV SPORT ----- */
aside.read-more { display: block; margin: 30px 0 0; padding: 0 0 40px; overflow: hidden; border-bottom: 1px solid #e1e1e1; }

aside.read-more span.title { display: block; margin-bottom: 30px; color: #000; font: 20px/26px BrownBold,sans-serif; text-transform: uppercase; }

aside.read-more.ftvsport span.title .logo { background: url("/skin/www/img/group/francetvsport189x29.png") no-repeat top left #fff; width: 190px; height: 28px; display: inline-block; margin-left: 5px; vertical-align: bottom; }

aside.read-more.allodocteurs span.title .logo { background: url("/skin/www/img/group/allodocteurs.png") no-repeat top left #fff; background-position-y: 5px; width: 163px; height: 42px; background-size: 85%; display: inline-block; margin-left: 5px; vertical-align: top; }

aside.read-more ul { padding: 0; margin: 0; }

aside.read-more li { font: 18px/21px BrownBold,serif; position: relative; padding-left: 30px; margin-bottom: 15px; }

aside.read-more li:before { content: ""; background-image: url(/skin/dist/www/img/common/common-spritesmith-03b12cf88d.png); background-position: -150px -62px; width: 19px; height: 14px; left: 0; top: 5px; position: absolute; display: inline-block; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { aside.read-more li:before { background-image: url(/skin/dist/www/img/common/common-spritesmith-2x-2694266fb3.png); background-size: 175px 151px; } }

aside.read-more li:last-child { margin-bottom: 0; }

aside.read-more li a { color: #000; text-decoration: none; border: 0; }

aside.read-more a:hover { color: #195f91; }

/* ----- COMMENTAIRES ----- */
div.comments { display: block; margin: 40px 0 0; overflow: hidden; }

div.comments .gig-comments-container * { font-family: BrownRegular, sans-serif; font-size: 14px; }

div.comments span.title { display: block; margin-bottom: 17px; color: #1e1e1e; font: 20px/26px BrownBold,sans-serif; text-transform: uppercase; }

div.comments div.desc { font-family: Brownregular,sans-serif; font-size: 14px; line-height: 17px; margin-bottom: 25px; }

div.comments div.desc.hide-desc { display: none; }

/* ========================================================================== @= Zone Col-left ========================================================================== */
.left-wrapper { width: 840px; float: left; clear: both; }

.col-left { display: block; float: left; width: 200px; margin-right: 60px; min-height: 500px; }

/* ----- AVATAR + AUTEUR + TIME ----- */
.col-left .avatar { width: 40px; height: 40px; display: inline-block; vertical-align: middle; margin: 0 5px 0 0; }

.author-wrapper .author { display: block; font: 14px/15px BrownBold, sans-serif; color: #1e1e1e; }

.author-wrapper .author.before { margin: 0 0 3px; }

.author-wrapper .author a { display: block; }

.author-wrapper .group, .author-wrapper .team { font: 13px BrownBold, Arial, sans-serif; color: #6e6e6e; margin: 2px 0 1px; display: block; }

.col-left .avatar ~ .author { float: right; }

.col-left .author-wrapper { overflow: hidden; margin: 0 0 10px 0; }

.author-wrapper .authors-list { width: 150px; display: inline-block; vertical-align: middle; }

.author-wrapper .authors-list.noavatar { width: 100%; }

.author-wrapper .authors-list a { display: block; }

.col-left a.author:hover { color: #195f91; }

.col-left .publish-date { padding: 0 0 14px; margin: 0 0 14px; border-bottom: 1px solid #e2e2e2; color: #1e1e1e; font: 12px/15px arial,sans-serif; }

/* ----- NEWSLETTER ----- */
.col-left div.newsletter { background-color: #f6f6f6; paddin