/*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE6/7/8/9 & FF3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE6/7/8/9 & FF3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE7/8/9, FF3, S4.
 * Known issue: no IE6 support.
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
	background:#fff;
}

/*
 * Addresses margins handled incorrectly in IE6/7.
 */

body {
    margin: 0;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 * people.opera.com/patrickl/experiments/keyboard/test
 */

a:active,
a:hover {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7.
 * Addresses font sizes within `section` and `article` in FF4+, Chrome, S5.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in FF3+, S4/5, Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome.
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in S4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 * gist.github.com/413930
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE6/7/8/9, FF3.
 * 2. Improves image quality when scaled in IE7.
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE9.
 */

svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11.
 */

figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9.
 * 2. Corrects text not wrapping in FF3.
 * 3. Corrects alignment displayed oddly in IE6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses FF3/4 setting `line-height` on `input` using `!important` in the
 * UA stylesheet.
 */

button,
input {
    line-height: normal; /* 1 */
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	appearance: button;
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

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

/*
 * 1. Addresses box sizing set to content-box in IE8/9.
 * 2. Removes excess padding in IE8/9.
 * 3. Removes excess padding in IE7.
 *    Known issue: excess padding remains in IE6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in S5, Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in S5, Chrome (include `-moz`
 *    to future-proof).
 */

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

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X.
 */

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

/*
 * Removes inner padding and border in FF3+.
 */

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

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

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

/* =============================================================================
   TELE SATELLITE ET NUMERIQUE
   ========================================================================== */

:root {
    --border-top-size: 20px;
}

@font-face {
  font-family: 'fontello';
  src: url('/css/fonts/fontello.eot?31646033');
  src: url('/css/fonts/fontello.eot?31646033#iefix') format('embedded-opentype'),
       url('/css/fonts/fontello.woff2?31646033') format('woff2'),
       url('/css/fonts/fontello.woff?31646033') format('woff'),
       url('/css/fonts/fontello.ttf?31646033') format('truetype'),
       url('/css/fonts/fontello.svg?31646033#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 100;
  font-display: swap;
  src: url("/css/fonts/Inter-Thin.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-Thin.woff?v=3.15") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 100;
  font-display: swap;
  src: url("/css/fonts/Inter-ThinItalic.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-ThinItalic.woff?v=3.15") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 200;
  font-display: swap;
  src: url("/css/fonts/Inter-ExtraLight.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-ExtraLight.woff?v=3.15") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 200;
  font-display: swap;
  src: url("/css/fonts/Inter-ExtraLightItalic.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-ExtraLightItalic.woff?v=3.15") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 300;
  font-display: swap;
  src: url("/css/fonts/Inter-Light.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-Light.woff?v=3.15") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 300;
  font-display: swap;
  src: url("/css/fonts/Inter-LightItalic.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-LightItalic.woff?v=3.15") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 400;
  font-display: swap;
  src: url("/css/fonts/Inter-Regular.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-Regular.woff?v=3.15") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 400;
  font-display: swap;
  src: url("/css/fonts/Inter-Italic.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-Italic.woff?v=3.15") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 500;
  font-display: swap;
  src: url("/css/fonts/Inter-Medium.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-Medium.woff?v=3.15") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 500;
  font-display: swap;
  src: url("/css/fonts/Inter-MediumItalic.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-MediumItalic.woff?v=3.15") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 600;
  font-display: swap;
  src: url("/css/fonts/Inter-SemiBold.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-SemiBold.woff?v=3.15") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 600;
  font-display: swap;
  src: url("/css/fonts/Inter-SemiBoldItalic.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-SemiBoldItalic.woff?v=3.15") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 700;
  font-display: swap;
  src: url("/css/fonts/Inter-Bold.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-Bold.woff?v=3.15") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 700;
  font-display: swap;
  src: url("/css/fonts/Inter-BoldItalic.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-BoldItalic.woff?v=3.15") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 800;
  font-display: swap;
  src: url("/css/fonts/Inter-ExtraBold.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-ExtraBold.woff?v=3.15") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 800;
  font-display: swap;
  src: url("/css/fonts/Inter-ExtraBoldItalic.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-ExtraBoldItalic.woff?v=3.15") format("woff");
}

@font-face {
  font-family: 'Inter';
  font-style:  normal;
  font-weight: 900;
  font-display: swap;
  src: url("/css/fonts/Inter-Black.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-Black.woff?v=3.15") format("woff");
}
@font-face {
  font-family: 'Inter';
  font-style:  italic;
  font-weight: 900;
  font-display: swap;
  src: url("/css/fonts/Inter-BlackItalic.woff2?v=3.15") format("woff2"),
       url("/css/fonts/Inter-BlackItalic.woff?v=3.15") format("woff");
}

/* -------------------------------------------------------
Variable font.
Usage:

  html { font-family: 'Inter', sans-serif; }
  @supports (font-variation-settings: normal) {
    html { font-family: 'Inter var', sans-serif; }
  }
*/
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: normal;
  font-named-instance: 'Regular';
  src: url("/css/fonts/Inter-roman.var.woff2?v=3.15") format("woff2");
}
@font-face {
  font-family: 'Inter var';
  font-weight: 100 900;
  font-display: swap;
  font-style: italic;
  font-named-instance: 'Italic';
  src: url("/css/fonts/Inter-italic.var.woff2?v=3.15") format("woff2");
}


/* --------------------------------------------------------------------------
[EXPERIMENTAL] Multi-axis, single variable font.

Slant axis is not yet widely supported (as of February 2019) and thus this
multi-axis single variable font is opt-in rather than the default.

When using this, you will probably need to set font-variation-settings
explicitly, e.g.

  * { font-variation-settings: "slnt" 0deg }
  .italic { font-variation-settings: "slnt" 10deg }

*/
@font-face {
  font-family: 'Inter var experimental';
  font-weight: 100 900;
  font-display: swap;
  font-style: oblique 0deg 10deg;
  src: url("/css/fonts/Inter.var.woff2?v=3.15") format("woff2");
}

/*
##########################################################################
#                                                                        #
# FIXES                                                                  #
#                                                                        #
##########################################################################
*/

.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    padding: var(--border-top-size) 0px 20px 0px;
    background-color: #eaedef;
    font-family: "Inter", Arial, Helvetica, sans-serif;
	background: rgb(234,237,239);
	background: radial-gradient(circle, rgba(234,237,239,1) 58%, rgba(167,167,167,1) 100%);
	background-position:center center;background-size:cover;background-attachment:fixed;
	color:#000;
	background-position:center center;
	background-size:cover;
}
#body-adultes {background-color:#b82a40;background-image:url('/images/tmpl/body-adultes.jpg');}
#body-streaming {background-color:#e0ebe5;background-image:url('/images/tmpl/body-streaming.jpg');}
#body-espace {background-color:#030406;background-image:url('/images/tmpl/body-espace.jpg');}
#body-internet-par-satellite {background-color:#64aaf2;background-image:url('/images/tmpl/body-internet-par-satellite.jpg');}
#body-reseaux-sociaux {background-color:#00aeef;background-image:url('/images/tmpl/body-reseaux-sociaux.jpg');}
#body-telecoms {background-color:#1a243d;background-image:url('/images/tmpl/body-telecoms.jpg');}

.body {
    margin-right: auto;
    margin-left: auto;
    max-width: 1201px;
	box-shadow: 0px 0px 50px rgba(0, 0, 0, 0.8);
    background-color: #fff;
}

.noscroll {
    overflow: hidden;
}

.img-responsive {
    width: 100%;
    height: auto;
    border: none;
}

.content_push {
	display:none;
	height:49px;
}

.lien {
	color:#c42027;
}
.btn-lien {
	display: inline-block;
	color:#c42027;
	border:1px solid #c42027;
	border-radius:10px;
	padding:2px 8px 2px 8px;
	text-decoration: none;
	font-size:13px;
	vertical-align: middle;
}
.btn-lien::after {
	content: ' ➔';
}
.btn-reactions {
	display:inline-block;
	width:30px;
	height:auto;
	border:none;
	vertical-align: middle;
  }

.br {
	display:none;
}

.center {
	text-align:center;
}

.spacer {
	height:20px;
}

.clearer {
	clear:both;
}

#canvas {
    position:fixed;
    top:0;
    left:0;
	width:100%;
	height:100%;
    z-index:-1;
}


/* ############################################################ */
/* #                                                          # */
/* #                 BOUTON GENERIQUES                        # */
/* #                                                          # */
/* ############################################################ */
/* a */
.cta {
	background-color:#4399ce;
	color:#fff !important;
	font-weight:bold;
	text-decoration: none;
	text-shadow: 0px -1px 0 #2f698d;
	padding:13px 10px 13px 10px;
	border-radius:3px;
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	white-space: nowrap;
}
.cta:hover {
	background-color:#26536f;
	text-decoration: none !important;
}
.cta.vert {
	background-color:#71a30e;
}
.cta.vert:hover {
	background-color:#4e700a;
}

/* ############################################################ */
/* #                                                          # */
/* #                        ADS                               # */
/* #                                                          # */
/* ############################################################ */
.droite {
	display:block;
	position:sticky;
	top:10px;
}
.disp {
	background-color:#f0f0f0;
	padding-bottom:10px;
}
.disp img, .droite img {
	display:block;
	width:100%;
	height:auto;
	border:none;
}
/* ############################################################ */
/* #                                                          # */
/* #                        UNE                               # */
/* #                                                          # */
/* ############################################################ */

#top {
	display:flex;
	align-items:center;
    background-color: #383838;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-shadow: 0px -1px #000;
}

#top #tm {
	flex:0 0 30px;
	padding-left:13px;
	text-align:center;
	cursor:hand;
	cursor:pointer;
}

#top .date {
	flex:1 1 auto;
    color: #ffcc00;
    padding: 9px 0 9px 12px;
}

#top .shortcuts {
	flex:1 1 auto;
    color: #878787;
    text-align: right;
    padding: 9px 12px 9px 0;
}

#top .shortcuts a {
    color: #878787;
    text-decoration: none;
}

#top .shortcuts a:hover {
    color: #ffcc00;
}

#hdr {
	display:flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, rgba(0,0,0,0) 70%, rgba(255,255,255,0.2) 100%);
    background-color: rgba(196, 32, 39, 0.95);
    border-top: solid 1px #e77a7f;
    border-bottom: solid 1px #a1161c;
}

.bl {
    background-color: #211f1f;
    height: 6px;
}
footer {
	background-color: #211f1f;
	margin-top:100px;
	padding:50px 50px 20px 50px;
}
footer p {
	text-align: center;
	font-size:14px;
	color:#9a9a9a;
}
footer .sections {
	display:flex;
	flex-wrap: wrap;
	row-gap: 40px;
	color:#fff;
	font-weight: bold;
}
footer .sections .section {
	flex:0 0 25%;
	font-size:16px;
}
footer .sections .section ul {
	list-style:none;
	margin:0;
	padding:0;
}
footer .sections .section ul li {
	padding:0;
}
footer .sections .section ul li a {
	font-size:14px;
	color:#b6b6b6;
	text-decoration:none;
	font-weight: normal;
}
footer .sections .section ul li a:hover {
	color:#ffcc00;
}
#logo {
	flex:1 1 auto;  
    padding: 5px 12px 5px 12px;
}

.logo {
    width: 100%;
    max-width: 446px;
    height: auto;
    border: none;
	display:block;
}
.logo-carre {
	display:none;
	width:100%;
	height:auto;
	max-height:80px;
	border:none;
	margin:0 auto;
}

.bnr {
	flex:1 1 auto;
    padding: 5px 12px 5px 12px;
    text-align: center;
}

.bnr img {
	margin:0 auto;
    width: 100%;
    max-width: 580px;
    height: auto;
    border: none;
	display:block;
}

#subheader {
	background-color:#fff;
    display: table;
    width: 100%;
    clear: both;
}

.wide {
    display: table-cell;
    text-align: center;
    padding: 10px 10px 10px 10px;
}
.wide img, .fil img {
    width: 100%;
    height: auto;
    border: none;
}
.mob_une {
	display:none;
}
.mob_une a img {
    width: 100%;
    height: auto;
    border: none;
	display:block;
}
.couv {
    display: flex;
	flex-direction:column;
	height:calc(100vh - var(--border-top-size));
}

.couv .une {
	position:relative;
	flex: 1 0 auto;
    background-size: auto 93%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
	background-attachment:fixed;
	background-color: #000;
}

.couv .une .bg {
    background-image: url('/images/tmpl/ombre.png');
    background-position: top left;
    background-repeat: repeat-x;
}

.couv .une .contents {
	position:absolute;
	bottom:0;
	width:100%;
}

.couv .une .bandeau {
    position: relative;
    background-color: #fff;
    width: 220px;
    height: 67px;
    margin: 0 0 30px 0;
    padding: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.couv .une .bandeau .vignette {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 101px;
    height: 67px;
}

.couv .une .bandeau .vignette img {
    width: 100%;
    height: auto;
    border: none;
}

.couv .une .titre {
    width: 75%;
    padding: 0 0 0 20px;
    font-family: 'Bebas Neue', cursive;
    line-height: 44px;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.9);
}

.couv .une .titre a {
    text-decoration: none;
    color: #ffffff;
    font-size: 62px;
}

.couv .une .boutons {
    margin: 10px 20px 10px 20px;
}

.couv .une .bouton {
    display: inline-block;
}

.couv .une .bouton .rouge,
.une .bouton .fushia,
.une .bouton .gris,
.une .bouton .vert,
.une .bouton .blanc {
    display: inline-block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	font-weight:600;
	cursor:hand;
	cursor:pointer;
}

.couv .une .bouton .rouge {
    position: relative;
    background-color: #c42027;
    color: #fff;
    padding: 4px 4px 4px 10px;
}

.couv .une .bouton .rouge:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(196, 32, 39, 0);
    border-left-color: #c42027;
    border-width: 13px;
    margin-top: -13px;
}

.couv .une .bouton .gris {
    background-color: #eaedef;
    color: #333333;
    padding: 4px 10px 4px 20px;
}

.couv .une .bouton .fushia {
    background-color: #ff0097;
    color: #fff;
    padding: 4px 10px 4px 10px;
	margin-left: 10px;
}

.couv .une .bouton .blanc {
    background-color: #fff;
    color: #333333;
    padding: 4px 10px 4px 20px;
}

.couv .une .bouton .vert {
    position: relative;
    background-color: #97bf0d;
    color: #fff;
    margin-left: 10px;
    padding: 4px 10px 4px 10px;
	cursor:hand;
	cursor:pointer;
}

.couv .une .bouton .vert:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #97bf0d;
    border-bottom: 0;
    border-left: 0;
    margin-left: -4px;
    margin-bottom: -8px;
}

.couv .une .articles {
    display: flex;
	width:100%;
    padding: 20px 0 20px 0;
    clear: both;
    background-image: url('/images/tmpl/bg_une.png');
    background-position: bottom left;
    background-repeat: repeat-x;
}

.couv .une .articles article {
    flex: 1 33%;
    margin: 0 20px 0 20px;
}

.couv .une .articles article .titres {
    color: #fff;
    font-size: 20px;
    position: relative;
}

.couv .une .articles article .titres a {
    color: #fff;
    text-decoration: none;
}

.couv .une .articles article .image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 180px;
    margin-bottom: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
	border:solid 1px #fff;
	cursor:hand;
	cursor:pointer;
	transition: transform .2s;
}
.couv .une .articles article .image:hover {
	transform: scale(1.1);
}

.couv .une .articles article .titres .coms {
    position: absolute;
    top: -25px;
    right: 5px;
	cursor:hand;
	cursor:pointer;
}

.couv .une .articles article .titres .bouton .comtop {
    position: relative;
    background-color: #97bf0d;
    color: #fff;
    padding: 2px 8px 2px 8px;
    display: inline-block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    font-size: 15px;
}

.couv .une .articles article .titres .bouton .comtop:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #97bf0d;
    border-bottom: 0;
    border-left: 0;
    margin-left: -4px;
    margin-bottom: -8px;
}

.dts {
	position:relative;
	display:inline-block;
	vertical-align:middle;
}
.dts .cmts {
    position: absolute;
    bottom: -8px;
    left:0;
	cursor:hand;
	cursor:pointer;
}
.dts .cmts .cmtstp {
    position: relative;
    background-color: #97bf0d;
    color: #fff;
    padding: 1px 8px 2px 8px;
    display: inline-block;
    font-size: 13px;
}
.dts .cmts .cmtstp:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #97bf0d;
    border-bottom: 0;
    border-left: 0;
    margin-left: -4px;
    margin-bottom: -8px;
}

.actu {
    background-color: #fff;
    margin: 0 auto;
    padding-bottom: 10px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+67,efefef+100 */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 67%, rgba(239, 239, 239, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 67%, rgba(239, 239, 239, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 67%, rgba(239, 239, 239, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
    /* IE6-9 */
}

div .legende {
	text-align:center;
	/*font-style:italic;*/
	font-size:12px;
	color:#333;
}

.actu p a {
	color:#c42027;
	text-decoration:none;
	font-weight:bold;
}

.actu p a:hover {
	text-decoration:underline;
}

.actu .rubrique {
	display:inline-block;
	max-width:60%;
	margin:4px 0 4px 0;
}
.actu .rubrique span {
	display: inline-block;
	font-size:13px;
	color:#676767;
	padding:4px;
	margin:1px 0 1px 0;
	background-color:#eeeeee;
	white-space: nowrap;
}
.actu .rubrique span a {
	text-decoration:none;
	color:#676767;
}
.actu .rubrique.tp {
	/*	margin:20px 0 8px 20px; */
	padding:20px 0 4px 20px;

}
.actu .fastcoms {
	display:inline-block;
	position:relative;
	font-size:13px;
	color:#fff;
	padding:4px 8px 4px 8px;
	margin-left:5px;
	background-color:#97bf0d;
	cursor:pointer;
	cursor:hand;
}
.actu .fastcoms:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #97bf0d;
    border-bottom: 0;
    border-left: 0;
    margin-left: -4px;
    margin-bottom: -6px;
}
.actu .fastviews {
	display:inline-block;
	position:relative;
	font-size:13px;
	color:#fff;
	padding:4px;
	margin-left:5px;
	background-color:#ff0097;
}

.actu h3 {
    margin: 0 20px 10px 20px;
}

.actu h3 a {
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}

.actu ul, .actu p {
	margin: 15px 20px 10px 20px;
}

.actu .illustration {
	position:relative;
}

.actu .illustration .grad {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.actu .illustration .visuel {
	background-color:#000;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
.actu .illustration .visuel img {
	width:100%;
	height:auto;
	opacity:0;
}
.actu .illustration .visuel video {
	width:100%;
	height:auto;
}
.actu .illustration .cc {
	width:100%;
    position:absolute;
	bottom:0;
}

.actu .prep {
	position:relative;
	margin:0 10px 0 10px;
	padding: 10px;
	background-color:#fff;
}

.actu .prep h1 {
	margin:0;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}

.actu .auteur {
	margin:0 20px 0 20px;
	font-size:12px;
}

.actu .date {
	margin:0 20px 0 20px;
	font-size:12px;
}
.actu .illustration .cc .dropshadow {
	background-color:#fff;
	height:20px;
	margin:0 10px 0 10px;
	box-shadow: 0 -5px 5px rgba(0,0,0,0.4);
}
.actu ul li {
	margin-bottom:5px;
}
.actu .visuels .ombre {
    position: absolute;
    width: 100%;
    height: 20px;
    top: 0;
    left: 0;
    background-image: url('/images/tmpl/ombre.png');
    background-repeat: repeat-x;
}
.actu .novisuels .ombre {
   display:none;
}
.actu .prep .picto {
	position: absolute;
	width: calc(100% / 4);
	height: auto;
	top: 0;
	right: 10px;
}
.actu .prep .picto img {
    width: 100%;
    height: auto;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}
.actu .placeholder {
	float:right;
	width:30%;
	height:61px;
	/*margin-right:10px;*/
}
.actu .placeholderno {
	float:right;
	width:30%;
	height:150px;
	margin-right:10px;
}
.actu .article p {
	font-size: 17px;
	line-height:1.5;
}
.actu .article ul li {
	font-size: 17px;
	line-height:1.5;
}
.actu .article ul li a {
	color:#c42027;
}
.actu .article img {
	width:100%;
	height:auto;
}
.actu .article note {
	font-size:12px;
	color:#444;
}
.actu .article note a {
	color:#444;
}
.actu .article dl.lestops {
	counter-reset: mon-compteur;
	margin:50px 0 60px 0;
}
.actu .article dl.lestops dt {
	position: relative;
	padding: 7px 10px 0 0;
}
.actu .article dl.lestops dt a {
	font-size:18px;
	font-weight: normal;
	color:#204972;
	text-decoration:none;
}
.actu .article dl.lestops dt:before {
	content: counter(mon-compteur);
	counter-increment: mon-compteur;
	position: absolute;
	left: 10px;
	top: 0;
	font-size:50px;
	font-weight:bold;
	color:#fff;
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
}
.actu .article dl.lestops dd {
	margin: 0 0 30px 0;
	line-height: 1.5;
}
.actu .article dl.lestops dt, .actu .article dl.lestops dd {
	padding-left: 55px;
}
.haute {
    top: 25px;
}
.simple-table {
	width:100%;
	margin:0 auto 20px auto;
	border-collapse: collapse;
	box-sizing:border-box;
}
.simple-table td {
	border:solid 1px #ccc;
	padding:5px 3px 5px 3px;
	margin:0;
}
.simple-table td:first-child {
	font-weight:bold;
	text-align:center;
	width:30px;
}
.simple-table td.preums {
	text-align:left;
	font-size:16px;
	background-color:#ddd;
	padding:8px;
}
.actu .novisuels {
    position: relative;	
}
.actu .novisuels .logos {
	position: absolute;
	width: calc(100% / 4);
	height: auto;
	top: 10px;
	right: 10px;	
}

.actu .novisuels .logos img {
    width: 100%;
    height: auto;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

.actu .novisuels .logos img a {
    border: none;
}

.actu .visuels {
    position: relative;
    min-height: 20px;
}

.actu .visuels .logos {
	position: absolute;
	width: calc(100% / 4);
	height: auto;
	bottom: -50px;
	right: 10px;
}

.actu .visuels .logos img {
    width: 100%;
    height: auto;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

.actu .visuels .logos img a {
    border: none;
}

.actu .visuels .visuel video {
	width:100%;
	height:auto;
	cursor:hand;
	cursor:pointer;
}

.actu .chapo {
    margin: 10px 20px 20px 20px;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 17px;
	line-height: 1.5;
}
.actu .chapo a {
	font-weight:bold;
	color:#c42027;
	text-decoration:none;
}
.actu .chapo a:hover {
	text-decoration:underline;
}

.actu .btns {
    margin: 10px 20px 10px 20px;
}

.actu .btns .btn {
    display: inline-block;
	vertical-align: middle;
}

.actu .btns .btn .red,
.actu .btns .btn .blue,
.actu .btns .btn .fushia,
.actu .btns .btn .grey,
.actu .btns .btn .green,
.actu .btns .btn .white,
.actu .btns .btn .white2 {
    display: inline-block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	font-weight:600;
	cursor:hand;
	cursor:pointer;
}

.actu .btns .btn .fushia .edit a {
    color: #fff;
	text-decoration:none;
}

.actu .btns .btn .red {
    position: relative;
    background-color: #c42027;
    color: #fff;
    padding: 4px 4px 4px 10px;
}

.actu .btns .btn .blue {
    position: relative;
    background-color: #0062a2;
    color: #fff;
    padding: 4px 4px 4px 10px;
}

.actu .btns .btn .fushia {
    position: relative;
    background-color: #ff0097;
    color: #fff;
    padding: 4px 4px 4px 10px;
}

.actu .btns .btn .grey {
    background-color: #eaedef;
    color: #333333;
    padding: 4px 10px 4px 20px;
}

.actu .btns .btn .white {
    background-color: #fff;
    color: #333333;
    padding: 4px 10px 4px 20px;
}

.actu .btns .btn .white2 {
	vertical-align: middle;
    background-color: #c42027;
    color: #333333;
    padding: 6px 10px 6px 10px;
	margin-left:12px;
}

.actu .btns .btn .white2 img {
	height:16px;
	width:auto;
	border:none;
	display:block;
	padding:0;
}

.actu .btns .btn .green {
    position: relative;
    background-color: #97bf0d;
    color: #fff;
    margin-left: 10px;
    padding: 4px 10px 4px 10px;
}

.actu .btns .btn .red:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(196, 32, 39, 0);
    border-left-color: #c42027;
    border-width: 13px;
    margin-top: -13px;
}

.actu .btns .btn .green:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #97bf0d;
    border-bottom: 0;
    border-left: 0;
    margin-left: -4px;
    margin-bottom: -8px;
}

.poll {
	padding:10px 20px;
}
.poll .question {
	padding:10px 0 10px 0;
	font-weight:bold;
	font-size: 17px;
}
.poll .poll_reponse.progress {
	text-align:center;
	font-weight:bold;
	color:#204972;
	border:solid 1px #204972;
	border-radius:5px;
	padding:10px 0 10px 0;
	margin:5px 0 5px 0;
	cursor:pointer;
	cursor:hand;
}
.poll .poll_reponse.progress:hover {
	background-color:#204972;
	color:#fff;
}
.poll .poll_resultat {
	position: relative;
	width:100%;
	margin:5px 0 5px 0;
}
.poll .poll_resultat.progress {
	width:0px;
	padding:5px 0 5px 0;
	background-color:#204972;
	white-space: nowrap;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
}
.poll .poll_resultat.progress .data {
	padding-left:5px;
	color:#fff;
	text-shadow:2px 2px 1px #204972;
}
.poll .poll_details {
	display:none;
	font-size:14px;
	color:#a0a0a0;
}
.poll .poll_details_visible {
	font-size:14px;
	color:#a0a0a0;
}

#meme-sujets {
	background-color:#f0f0f0;
	padding:10px 20px;
}
.inset {
	border-bottom:solid 1px rgba(255,255,255,0.5);
	border-top:solid 1px rgba(0,0,0,0.1);
}
.pad {
	margin:40px 20px 30px 20px;
}
#meme-sujets .sujet {
	padding:10px 0 10px 0;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}

#meme-sujets .sujet a {
    text-decoration: none;
    color: #204972;
}
#reactions {
	padding:20px;
}
#reactions h4 {
	margin:0 0 20px 0;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}
.post {
	display:table;
	width:100%;
}
.thread {
	background-image:url('/images/tmpl/fil.svg');
	background-repeat: repeat-y;
	background-position:top center;
	width:50px;
	max-width:50px;
	box-sizing: border-box;
}
.thrd {
	display:table-cell;
	position:relative;
	width:50px;
	max-width:50px;
	box-sizing: border-box;
}
.vline {
	position:absolute;
	top:0;
	left:24px;
	height:100%;
	width:1px;
	border-left:2px solid #eaedef;
}
.cline {
	position:absolute;
	top:0;
	left:24px;
	height:18px;
	width:25px;
	border: 2px solid #eaedef;
	border-top:none;
	border-right:none;
}
.xline {
	position:absolute;
	height:1px;
	width:25px;
	top:16px;
	left:0;
	border-bottom:2px solid #eaedef;
}
.posted {
	display:none;
	padding:10px 0 40px 0;
}
.post.ignore .commentaire {
	font-size:14px;
	color:#b8b8b8;
	vertical-align:middle;
	padding-bottom:40px;
}
.post.ignore .commentaire a {
	font-size:12px;
	color:#b8b8b8;
	border:solid 1px #d2d5d7;
	padding:2px 5px 2px 5px;
	border-radius:5px;
}
.post.ignore .commentaire a:hover {
	color:#fff;
	background-color:#b8b8b8;
	text-decoration:none;
}
.info-coms {
	background-color: lightblue;
	color: white;
	padding: 15px;
	position: relative;
}
.info-coms .icon { 
	background-color: white;
	border-radius: 50%;
	color: black;
	font-weight: bold;
	width: 24px;
	height: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 15px;
	right: 15px;
}
.avatar {
	display:table-cell;
	vertical-align:top;
	position:relative;
	width:50px;
}
.badge {
	padding: 6px 15px 5px 15px;
	color:#fff;
	font-family:'Courier New';
	font-size: 30px;
	text-transform:uppercase;
	font-weight:bold;
	border-radius:50%;
}
.avatar .pp {
	border-radius:50%;
	border:none;
	width:50px;
	height:auto;
}
.avatar img {
	cursor:hand;
	cursor:pointer;
}
.lvl {
	position:absolute;
	text-align:center;
	width:100%;
	top:42px;
}
.level_tsn {
	border:none;
	top:42px;
}
.level_bat {
	top:43px;
}
.level_bat img {
	width:26px;
	height:auto;
	border:none;
}
.member-profil .details .x,
.member-profil .details .facebook,
.member-profil .details .instagram, 
.member-profil .details .linkedin, 
.member-profil .details .www {
	display:inline-block;
	margin:2px;
}
.commentaire {
	display:table-cell;
	vertical-align:top;
	padding-left:10px;
	padding-bottom:40px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.commentaire .modif {
	margin-top:5px;
	font-size:12px;
	color:#898989;
}
.commentaire .membre {
	font-weight:bold;
	margin-bottom:10px;
}
.commentaire .com_date {
	color:#898989;
	font-size:14px;
	font-weight:normal;
}
.commentaire a {
	color:#c42027;
	text-decoration:none;
}
.commentaire a:hover {
	text-decoration:underline;
}
.commentaire .comment.folded {
  height: auto;
  overflow: hidden;
  position: relative;
}
.commentaire .comment.folded .comment-content {
  height: 1px;
  overflow: hidden;
}
.commentaire .comment.folded .hidden-message {
  display: inline-block;
  cursor: pointer;
  color: #898989;
  font-size:14px;
  text-decoration: none;
}
.commentaire .spoiler {
	filter: blur(5px);
	user-select: none;
}  
.commentaire .spoiler:hover {
	filter: none;
}
.commentaire blockquote {
	color:#525151;
	font-size: calc(100% - 2px);
	margin-top:10px;
	margin-bottom:20px;
	margin-left:10px;
	padding-left:10px;
	font-style:italic;
	border-left: 2px solid #eaedef;
}
#userPost {
	background-color: #fff;
	display:none;
}
#userPost .post .commentaire {
	padding:0;
}
.newComment {
	background: #eaedef;
	margin:10px 0 10px 0;
	padding:10px 0 40px 0;
	flex:1 1 auto;
	text-align: center;
}
.newComment a {
	font-family: Inter, sans-serif;
	color: #fff;
	font-size: 17px;
	padding:11px;
	border: 0px #4399ce solid;
	border-radius:5px;
	background-color: #4399ce;
	text-shadow: -1px -1px 1px #26536f;
	text-transform:uppercase;
	text-decoration: none;
}
.userInput {
	position:relative;
}
.userInput .chat {
	position:absolute;
	top:15px;
	left:-11px;
	z-index:1;
}
.userInput .chat img {
	width:13px;
	height:auto;
	border:none;
	display:block;
}
.autoExpand {  
  display: block;
  box-sizing: border-box;
  overflow-y:auto;
  padding: 10px 12px 10px 10px;
  margin:0 0 10px 0;
  width: calc(100% - 2px);
  border-radius: 6px;
  border: solid 1px #898989;
  resize: vertical;
  scrollbar-width: 4px;
  scrollbar-color: #c42027 transparent;
}
.autoExpand::-webkit-scrollbar {
	width: 8px;
  }
  .autoExpand::-webkit-scrollbar-thumb {
	width: 4px;
	background-color: #c42027;
	border-radius: 3px;
  }
  .autoExpand::-webkit-scrollbar-track {
	width: 8px;
	background-color: #eaedef;
  }
.autoExpand:focus {
    border: solid 1px #898989;
    outline: none;
}
.postControls {
	width:100%;
	display:flex;
	column-gap: 10px;
}
.postComment {
	flex:1 1 auto;
	display:none;
	font-family: Inter, sans-serif;
	color: #fff;
	font-size: 17px;
	padding:11px;
	border: 0px #4399ce solid;
	border-radius:5px;
	background-color: #4399ce;
	text-shadow: -1px -1px 1px #26536f;
	text-transform:uppercase;
}
.postReset {
	flex:0 0 50%;
	display:none;
	font-family: Inter, sans-serif;
	color: #fff;
	font-size: 17px;
	padding:11px;
	font-size:17px;
	border: 0px #c42027 solid;
	border-radius:5px;
	background-color: #c42027;
	text-shadow: -1px -1px 1px #6d0d11;
	text-transform:uppercase;
}
#updTimer {
	display:none;
	color:#898989;
	font-size:12px;
	margin-bottom:6px;
}
.prentf {
	padding:10px 10px 20px 10px;
}
.ntf {
	font-size:12px;
	color:#898989;
	margin-bottom:10px;
	display: inline-block;
}
.inputAvis {  
	display: block;
	box-sizing: padding-box;
	overflow: hidden;
	padding: 10px;
	margin:0 0 10px 0;
	width: 100%;
	border-radius: 6px;
	border: solid 1px #898989;
	resize: vertical;
  }
  .inputAvis:focus {
	  border: solid 1px #898989;
	  outline: none;
  }
.postAvis {
	flex:1 1 auto;
	font-family: Inter, sans-serif;
	color: #fff;
	font-size: 17px;
	padding:11px;
	font-size:17px;
	border: 0px #4399ce solid;
	border-radius:5px;
	background-color: #4399ce;
	text-shadow: -1px -1px 1px #26536f;
	text-transform:uppercase;
}
.see_more {
	margin-top:8px;
}
.see_more a {
	position:relative;
	padding-left: 25px;
}
.see_more a::before {
	content: "❯"; 
	position: absolute;
	left: 5px;
	top: 0;
	transform: Rotate(90deg);
  }
.comrep {
	flex:0 1 auto;
	display:inline-block;
	vertical-align:middle;
	padding: 2px 8px 2px 5px;
	margin-right:20px;
	color: #898989;
	font-size:12px;
	cursor:hand;
	cursor:pointer;
	border:solid 1px #898989;
	border-radius: 9px;
}
.comrep svg {
	vertical-align: top;
	width: 16px;
	height: 16px;
	border:none;
}
.comtools {
	margin-top:10px;
	display:flex;
	align-items:center;
	align-content:center;
}
.comvote {
	flex:0 0 100px;
}
.comvote .com-pu, .comvote .comscore, .comvote .com-pd {
	display:inline-block;
	vertical-align:middle;
	min-width:24px;
	text-align:center;
}
.comvote svg {
	stroke:#898989;
}
.comvote svg:hover {
	stroke:#898989;
	fill:#eaedef;
	cursor:hand;
	cursor:pointer;
}
.comvote .com-pu .com-cls-0 {
	stroke:#898989;
}
.comvote .com-pu .com-cls-1 {
	stroke:#c42027;
}
.comvote .com-pu .com-cls-2 {
	stroke:#898989;
}
.comvote .com-pd .com-cls-0 {
	stroke:#898989;
}
.comvote .com-pd .com-cls-1 {
	stroke:#898989;
}
.comvote .com-pd .com-cls-2 {
	stroke:#4652bd;
}
.comvote .comscore {
	padding:0 0 4px 0;
	font-size:12px;
	color:#898989;
}
.cntxtm {
	padding-top:4px;
	cursor:hand;
	cursor: pointer;
}
.com-context-menu {
	display: none;
	position: fixed;
	background-color: white;
	border: 1px solid #eaedef;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.com-context-menu .menu-item {
	display: flex;
	align-items: center;
	padding: 10px;
	color:#000;
	text-decoration:none;
	font-family: arial;
	font-size:12px;
	font-weight:bold;
}
.com-context-menu .menu-item:hover {
	background-color: #eaedef;
}
.com-context-menu .menu-item img {
	margin-right: 10px;
	width:16px;
	height:auto;
	border:none;
}
/* Avis lire -- start */
.avis-global {
	display:flex;
	width:100%;
	margin-bottom:40px;
}
.avis-global .code {
	flex:1 1 auto;
}
.avis-global .cartouche {
	flex:0 0 160px;
	margin-top:10px;
	margin-left:10px;
	text-align:center;
}
#stars {
	display:flex;
	align-items:center;
}
#clr {
	margin:0 0 8px 8px;
}
#clr.avis-btn a {
	font-size:11px;
}
.rating {
	display : flex;
	width:160px;
	margin:0 0 10px 0;
}
.rating label {
	width      : 30px;
	height     : 29px;
	padding    : 30px 0 0;
	overflow   : hidden;
	background : url('/images/tmpl/etoile.gif') no-repeat top left;
	cursor:pointer;
	cursor:hand;
}
.rating input {
	position : absolute;
	left     : -100vw;
}
.rating:not(:hover) input:indeterminate + label,
.rating:not(:hover) input:checked ~ input + label,
.rating input:hover ~ input + label{
	background-position : -30px 0;
}
.rating:not(:hover) input:focus-visible + label{
	background-position : -60px 0;
}
/* Avis lire -- stop */
/* TP -- start */
#avis-theme {
	background-color:#f0f0f0;
	padding:10px 20px;
}
#avis-theme .theme {
	padding:10px 0 10px 0;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}
.avis-ligne {
	display:flex;
	align-items: center;
	width:100%;
	margin:10px 0 0 0;
}
.avis-col-longue {
	flex:1 1 auto;
	font-size:14px;
}
.avis-col-longue .avis-nom {
	font-size:16px;
	font-weight: bold;
}
.avis-col-courte {
	flex:0 0 auto;
	padding:0 0 0 10px;
}
/* TP -- stop */
/* Avis bloc -- start */
.avis-bloc {
	display:block;
}
	.epgavis {
		display:table-cell;
		vertical-align:middle;
	}
	.epgavis .avis-bloc {
		padding:0 0 10px 0;
	}
	.avis-col-courte .avis-bloc {
		max-width:140px;
	}
.avis-etoiles {
	text-align:center;
}
	.epgavis .avis-etoiles {
		display:inline-block;
		vertical-align:middle;
		margin-right:15px;
	}
.avis-etoiles img {
	display:block;
	width:100%;
	height:auto;
	border:none;
}
	.epgavis .avis-etoiles img {
		max-width:110px;
	}
.avis-etoiles.inline {
	display:inline-block;
	vertical-align:middle;
}
.avis-total {
	font-size:12px;
	color:#898989;
}
	.avis-total a {
		color:#c42027;
	}
	.epgavis .avis-total {
		display:inline-block;
		vertical-align:middle;
		line-height:normal;
	}
	#programmestv .prgtr .hepgt .epgavis .avis-total a {
		color:#c42027;
		text-decoration: underline;
	}
	.avis-col-courte .avis-total {
		text-align: center;
		margin-top:5px;
	}
.avis-note {
	max-width:100px;
	margin-bottom:4px;
}
.avis-lire, .avis-btn {
	/* display:inline-block;
	vertical-align:middle; */
}
.avis-lire a, .avis-btn a {
	background-color: #fff;
	padding:4px 8px 4px 8px;
	border:solid 1px #898989;
	border-radius:13px;
	font-size:12px;
	color:#898989;
	text-decoration:none;
}
.avis-lire a:hover, .avis-btn a:hover {
	border:solid 1px #c42027;
	color:#c42027;
	text-decoration:none;
}
	.avis-col-courte .avis-lire, .avis-col-courte .avis-btn {
		margin-top:5px;
		text-align: center;
	}
/* Avis bloc -- stop */
.logos-chaines-tv {
	position: sticky;
	position: -webkit-sticky;
	top:10px;
	display:flex;
	flex-wrap:wrap;
	padding:0 20px 0 20px;
}
.span_droite .logos-chaines-tv {
	padding:0;
}
.span_droite .logos-chaines-tv div {
	flex:0 0 25%;
	padding:5px;
	text-align:center;
	background-color:#fff;
}
.logos-chaines-tv div {
	flex:0 0 20%;
	padding:3px;
}
.logos-chaines-tv div a img {
	width:100%;
	height:auto;
	border:1px solid #eaedef;
	background-color:#fff;
}
.logos-chaines-tv div a img:hover {
	border:1px solid #c42027;
}
.box-droite {
	position: sticky;
	position: -webkit-sticky;
	top:10px;
}
.box-droite .h-pro {
	background-color:#ffcc00;
	font-size:20px;
	color:#000;
	font-weight:bold;
	text-align:center;
	padding:20px 10px 20px 10px;
	margin-bottom:20px;
}
.box-droite .sh-pro {
	color:#000;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding:10px;
}
.box-droite .t-pro {
	text-align:center;
	padding:10px;
}
.box-droite .b-pro {
	text-align:center;
	padding:50px 10px 10px 10px;
}
.ce-soir-chaine {
	display:flex;
	align-items: center;
	border-bottom:1px solid #eaedef;
}
.ce-soir-logo {
	flex:0 0 30px;
}
.ce-soir-logo a img{
	border:none;
	width:100%;
	height:auto;
	display:block;
}
.ce-soir-horaire {
	flex:0 0 50px;
	font-size:12px;
	text-align:center;
}
.ce-soir-programme {
	padding:2px 0 2px 0;
	flex:1;
	font-size:12px;
	font-weight:bold;
}
.ce-soir-programme a {
	text-decoration:none;
	color:#000;
}
.ce-soir-programme .details {
	font-size:11px;
	color:#898989;
	font-weight:normal;
}
#programmestv {
	display:table;
	border-collapse: collapse;
    box-sizing: border-box;
    width: calc(100% - 40px);
    margin: 0 20px 0 20px;
}
#programmestv .prgtr {
	display:table-row;
	border-top:solid 1px rgba(255,255,255,0.5);
	border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
#programmestv .prgtr .epgavis {
	margin-top:5px;
}
#programmestv .prgtr .hepgl {
	display:table-cell;
	vertical-align:middle;
	width:60px;
	/*border-bottom:solid 1px rgba(0,0,0,0.1);*/
}
#programmestv .prgtr .hepgl img {
	width:90%;
	height:auto;
	border:none;
}
#programmestv .prgtr .hepgt {
	display:table-cell;
	vertical-align:middle;
	padding:5px 0 5px 10px;
	/*border-top:solid 1px rgba(255,255,255,0.5);
	border-bottom:solid 1px rgba(0,0,0,0.1);*/
}
#programmestv .prgtr .hepgt a {
	color:#000;
	text-decoration:none;
}
#programmestv .prgtr .hepgt .hepgd {
	font-size:12px;
	color:#333;
}
.filtres_tv {
	margin:20px;
	gap: 5px;
	display:flex;
	flex-wrap: wrap;
	justify-items: space-between;
	align-items: flex-start;
}
.filtre_tv {
	flex:0 1 auto;
	margin-bottom:8px;
}
.filtre_tv a {
	color:#000;
	text-decoration:none;
	background-color: #d4d4d4;
	border-radius: 13px;
	padding:4px 8px 4px 8px;
}
.filtre_tv a:hover {
	color:#fff;
	background-color: #c42027;
}
.fltr {
	position:relative;
	display:flex;
	align-items:center;
	column-gap: 15px;
	border-bottom: 1px solid #eaedef ;
	padding:4px 0 4px 0;
	cursor:hand;
	cursor:pointer;
}
.fltr::after {
	content: ""; 
	position: absolute;
	right: 20px;  
	top: 50%;  
	transform: translateY(-50%) rotate(45deg); 
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width:1px 1px 0 0; 
	border-color: #d0d0d0 #d0d0d0 transparent transparent;
	transition: all 0.3s ease-in-out;
}
.fltr:hover::after {
	right: 5px;
	border-color: #c42027 #c42027 transparent transparent;
}
.fltr.large {
	padding:10px 0 10px 0;
	border-bottom: none;
}
.fltr .fltr-chaine {
	flex:0 0 32px;
}
.fltr .fltr-chaine img {
	width:48px;
	height:auto;
	border:none;
	display:block;
}
.fltr .fltr-details {
	flex:1 1 auto;
}
.fltr .fltr-horaire {
	flex:0 0 65px;
	font-size:12px;
	color:#333;
	text-align: right;
}
.fltr .fltr-details .fltr-titre {
	font-size:16px;
}
.fltr .fltr-details .fltr-titre a {
	color:#333;
	text-decoration: none;
}
.fltr .fltr-details .fltr-titre span {
	font-size:14px;
}
.fltr .fltr-details .fltr-cats {
	font-size:12px;
	color:#333;
	padding-top:2px;
}
.fltr .epgavis {
	margin-top:5px;
}
.jauge-temps {
	background: #ecc7c9;
	height: 5px;
	border-radius: 3px;
	width: 100%;
	margin-bottom:20px;
  }
.jauge-temps .temps-ecoule {
	background: #c42027;
	height: 5px;
	border-radius: 3px;
	width: 0; 
  }
.autres-articles {
	position:relative;
	width:100%;
}
.aa {
	position:absolute;
	width:100%;
}
#aa, #bb {
	margin:0;padding:0;
}
#bb {
	position:absolute;
	display:flex;
	width:100%;
	column-gap: 10px;
}
#bb li {
	flex:1 0 50%;
	list-style-type : none;
}
.flx {
	cursor:hand;cursor:pointer;
	padding:0;margin:0;
}
.flx .flximg {
	position: relative;
	min-height:170px;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
	cursor:hand;
	cursor:pointer;
}
.flx .flximg .coms {
    position: absolute;
    bottom: -10px;
    right: 5px;
	cursor:hand;
	cursor:pointer;
}
.flx .flximg .coms .comtop {
    position: relative;
    background-color: #97bf0d;
    color: #fff;
    padding: 2px 8px 2px 8px;
    display: inline-block;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    font-size: 15px;
}
.flx .flximg .coms .comtop:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #97bf0d;
    border-bottom: 0;
    border-left: 0;
    margin-left: -4px;
    margin-bottom: -8px;
}
.flx .flxttl {
	padding-top:10px;
	padding-bottom:50px;
	font-size:14px;
	line-height:1.2;
}
.flx .flxttl a {
	text-decoration:none;
	color: #000;
}
.flx .flxttl .ph {
	width:30px;
	height:10px;
	float:right;
}
#macaron{ display:none;position:absolute;top:10%;right:3%; width: 100px; height: 100px; border-radius: 50px; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
#macaron div { position:absolute; left: 13px; top: 15px; width: 75px; height: 70px; font-size:12px; font-weight:bold; text-align:center; cursor:pointer;cursor:hand;}

.youtube {
	overflow:hidden; 
	padding-bottom:56.25%; 
	position:relative; 
	height:0;
}

.youtube iframe {
	left:0; 
	top:0; 
	height:100%;
	width:100%;
	position:absolute;
}
	

.pagination {
	height:50px;
	margin: 6px 0 5px 0;
}
.loader-ellips {
  font-size: 20px; /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto;
}

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555; /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0;
}
.loader-ellips__dot:nth-child(3) { left: 1.5em; }
.loader-ellips__dot:nth-child(4) { left: 3em; }

@keyframes reveal {
  from { transform: scale(0.001); }
  to { transform: scale(1); }
}

@keyframes slide {
  to { transform: translateX(1.5em) }
}

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse;
}
.page-load-status {
  display: none; 
  padding-top: 20px;
  border-top: 1px solid #DDD;
  text-align: center;
  color: #777;
}
.view-more-button {
  display:none;
  font-size: 20px;
  padding: 10px 20px;
  border-radius: 5px;
  background: #c42027;
  color:#fff;
  border: none;
  margin:20px auto 20px auto;
  width:350px;
  text-align:center;
  cursor:pointer;
  cursor:hand;
}
.retour {
	text-align:right;
}
.suite, .retour {
	position:relative;
}
.suite a {
	background:#277bcd;
	color:#fff;
	text-decoration:none;
	padding:15px 0 15px 15px;
	min-width:120px;
	float:right;
}
.suite a:after {
	position:absolute;
	top:50%;
	right:0;
	font-family:fontello;
	font-size:16px;
	content: '\e800';
	padding:15px;
}
.retour a {
	background:#277bcd;
	color:#fff;
	text-decoration:none;
	padding:15px 15px 15px 0;
	min-width:120px;
	float:left;
}
.retour a:before {
	position:absolute;
	top:50%;
	left:0;
	font-family:fontello;
	font-size:16px;
	content: '\e801';
	padding:15px;
}
.suite a:hover, .retour a:hover {
	background:#c42027;
	transition: background-color 0.2s linear;
}
.page {
	font-family:inter;
	font-size:18px;
	line-height: 1.5;
	text-rendering: optimizeLegibility;
	color:#464646;
}
#px {
	width:1px;
	height:1px;
	border:none;
}
/* ############################################################ */
/* #                                                          # */
/* #                          COMMUNS                         # */
/* #                                                          # */
/* ############################################################ */

#antennistes {
    display: table-cell;
    text-align: center;
    padding: 10px 10px 10px 6px;
}

#antennistes img {
    width: 100%;
    max-width: 300px;
    height: auto;
    border: none;
}

main {
    min-height: 1000px;
}

.lettres {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lettres div {
	flex:1 1 auto;
	border:1px solid #eaedef;
	box-sizing: border-box;
	text-align: center;
}
.definition {
	padding:20px 0 20px 0;
	text-align:justify;
}
.definition h2 {
	margin-bottom:10px;
}
.definition img {
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:10px auto 10px auto;
}

/* ############################################################ */
/* #                                                          # */
/* #                       NAVIGATION                         # */
/* #                                                          # */
/* ############################################################ */

.burger {
    display: none;
    position: fixed;
    top: 10px;
    left: 5px;
    padding: 3px 7px 3px 7px;
}

.steak {
    width: 25px;
    height: 3px;
    background-color: white;
    margin: 5px 0;
}

.user {
    display: none;
    position: fixed;
    top: 10px;
    right: 10px;
	width: 34px;
	height: 34px;
}
.user img {
	width:100%;
	height:auto;
	border:none;
}

.on {
    visibility: visible;
    opacity: 1
}

.off {
    visibility: visible;
    opacity: 1
}

#nav {
	position: sticky;
	position: -webkit-sticky;
	top:10px;
	z-index:999999;
    width: 100%;
    max-width: 200px;
    list-style-type: none;
    line-height: 120%;
    font-size: 15px;
    color: #525151;
    -webkit-transition: visibility .1s, opacity .1s;
    -moz-transition: visibility .1s, opacity .1s;
    -o-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s;
}

#nav a.menuitem {
    padding: 3px 2px 3px 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eaedef;
    display: block;
    position: relative;
    width: auto;
    text-decoration: none;
    color: #525151;
	text-overflow:ellipsis;
	white-space:nowrap;
}

#nav a.opened {
    background-color: #c42027;
    color: #ffffff;
}

#nav a.closed {
    background-color: #ffffff;
    color: #525151;
}

#nav a.menuitem .statusicon {
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
}

#nav a.menuitem:hover {
    background-color: #c42027;
    color: #ffffff;
}

#nav div.submenu {
    background: #ffe9ea;
}

#nav div.submenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#nav div.submenu ul li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #ffd7d9;
}

#nav div.submenu ul li a {
    display: block;
    font-size: 13px;
    color: #000;
    text-decoration: none;
    padding: 3px 2px 3px 3px;
}

#nav div.submenu ul li a:hover {
    color: #c42027;
}

/* ############################################################ */
/* #                                                          # */
/* #                     BOUTONS NAVIGATION                   # */
/* #                                                          # */
/* ############################################################ */

.btnpg {
	position:fixed;
	top:45%;
	width:81px;
	height:81px;
	box-shadow:0px 0px 5px rgba(204,204,204,0.5);
	cursor:hand;cursor:pointer;
	background-size:cover;
	z-index:9999999;
}
.pgr {
	background-image:url(/images/tmpl/btnpg_d.png);
	right:-5px;
}
.pgl {
	background-image:url(/images/tmpl/btnpg_l.png);
	left:-5px;
}

/* ############################################################ */
/* #                                                          # */
/* #                      PLUGIN TOTOP                        # */
/* #                                                          # */
/* ############################################################ */

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:81px;
	height:81px;
	border:none;
	text-indent:-999px;
	background:url(/images/tmpl/btnpg_up.png) no-repeat left top;
	background-size:cover;
	box-shadow:0px 0px 5px rgba(204,204,204,0.5);
}

#toTopHover {
	width:81px;
	height:81px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	background-size:cover;
}

#toTop:active, #toTop:focus {
	outline:none;
}

/* ############################################################ */
/* #                                                          # */
/* #                          TABS                            # */
/* #                                                          # */
/* ############################################################ */

#tabsholder {
	position: sticky;
	position: -webkit-sticky;
	top:10px;
	margin-bottom:10px;
}
#tabsholder .tabs {
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
}
#tabsholder .tabs div {
	flex:0 1 auto;
	padding: 10px 3px 10px 3px;
	cursor:pointer;
	cursor:hand;
	font-size:13px;
	text-align:center;
	color:#525151;
	border:1px solid #eaedef;
	box-sizing: border-box;
}
#tabsholder .tabs div:hover {
	color:#c42027;
	border:1px solid #eaedef;
}
#tabsholder .tabs div.current {
	background:#c42027;
	color:#fff;
	border:1px solid #c42027;
}
#tabsholder .contents .tabscontent {
	display:table;
	table-layout: fixed;
	width:100%;
	border-left:solid 1px #eaedef;
	border-right:solid 1px #eaedef;
}
#tabsholder .contents .tabscontent .tr {
	display:table-row;
	height:70px;
}
#tabsholder .contents .tabscontent .tr .flch {
	display:table-cell;
	vertical-align:middle;
	width:70px;
	padding:0px 4px 0px 4px;
	border-bottom:solid 1px #eaedef;
}
#tabsholder .contents .tabscontent .tr .flch img {
	border:none;
	width:100%;
	height:auto;
}
#tabsholder .contents .tabscontent .tr .line, #tabsholder .contents .tabscontent .trr .line {
	display:table-cell;
	vertical-align:middle;
	padding:0px 5px 0px 10px;
	border-bottom:solid 1px #eaedef;
}
#tabsholder .contents .tabscontent .tr .line a, #tabsholder .contents .tabscontent .trr .line a {
	font-size:14px;
	text-decoration:none;
	color:#000;
}
#tabsholder .contents .tabscontent .tr .cms {
	display:table-cell;
	vertical-align:middle;
	border-bottom:solid 1px #eaedef;
	width:35px;
	text-align:center;
}
#tabsholder .contents .tabscontent .tr .cms .compte {
	position: relative;
	margin-right:8px;
	padding:2px;
	background-color:#97bf0d;
	font-size:14px;
	color:#fff;
	float: right;
	width:25px;
	text-align:center;
}
#tabsholder .contents .tabscontent .tr .cms .compte:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #97bf0d;
    border-bottom: 0;
    border-left: 0;
    margin-left: -4px;
    margin-bottom: -8px;
}
#tabsholder .contents .tabscontent .trr {
	display:table-row;
	height:40px;
}
#tabsholder .contents .tabscontent .trr .flch {
	display:table-cell;
	vertical-align:middle;
	width:50px;
	padding:0px 4px 0px 4px;
	border-bottom:solid 1px #eaedef;
	text-align:center;
	font-size:20px;
}
/* ############################################################ */
/* #                                                          # */
/* #                         BLOCS                            # */
/* #                                                          # */
/* ############################################################ */

.bloc {
	position: sticky;
	position: -webkit-sticky;
	top:10px;
	border:1px solid #eaedef;
	box-sizing: border-box;
}
.bloc div {
	max-width: none;
	width:auto;
}
.bloc .header {
	padding:10px;
	background:#c42027;
	color:#fff;
	font-weight: bold;
	border:1px solid #c42027;
}
.bloc .btext {
	padding:10px;
	font-size:14px;
	color:#000;
}
.bloc .btext a {
	color:#c42027;
}
.bloc .btext h2 {
	font-weight:600;
	font-size:15px;
	color:#204972;
	margin:0;
	padding:0;
}
.bloc .btext .brow {
	display:flex;
	column-gap:10px;
	align-items: center;
	border-bottom:1px solid #eaedef;
}
.bloc .btext .brow .flch {
	flex:0 0 70px;
	padding-bottom:20px;
}
.bloc .btext .brow .flch img {
	border:none;
	width:100%;
	height:auto;
	display:block;
}
.bloc .btext .brow .line {
	padding-bottom:20px;
}
.bloc .btext .brow .line a {
	font-size:14px;
	text-decoration:none;
	color:#000;
}
.bloc .brev {
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
}
.bloc .brev a {
	flex:0 0 130px;
}
.bloc .brev img {
	width:100%;
	border:none;
	display:block;
	margin:5px;
}
.bloc .btext .btn-link {
	width:auto;
	margin-right:5px;
}
.bloc .btext .btn-link a {
	font-size:12px;
	display:inline-block;
}
.bloc .separater {
	border-top:1px solid #eaedef;
}

/* ############################################################ */
/* #                                                          # */
/* #                         SOCIAL                           # */
/* #                                                          # */
/* ############################################################ */

.share {
	display:flex;
	justify-content:flex-start;
	margin:20px 20px 0 20px;
}
.share div {
	flex:0 1 auto;
	padding:16px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:50% 50%;
	margin:2px;
	border-radius:3px;
}
.share #ico_fb {
	background-color:#3b5998;
	background-image:url('/images/tmpl/ico_fb.svg');
	cursor:hand; cursor:pointer;
}
.share #ico_x {
	background-color:#000;
	background-image:url('/images/tmpl/ico_x.svg');
	cursor:hand; cursor:pointer;
}
.share #ico_li {
	background-color:#0077b5;
	background-image:url('/images/tmpl/ico_li.svg');
	cursor:hand; cursor:pointer;
}
.share #ico_ri {
	background-color:#ff4500;
	background-image:url('/images/tmpl/ico_ri.svg');
	cursor:hand; cursor:pointer;
}
.share #ico_wa {
	background-color:#25d366;
	background-image:url('/images/tmpl/ico_wa.svg');
	cursor:hand; cursor:pointer;
}
.share #ico_url {
	background-color:#c42027;
	background-image:url('/images/tmpl/ico_url.svg');
	cursor:hand; cursor:pointer;
}
.share #ico_mail {
	background-color:#ffcc00;
	background-image:url('/images/tmpl/ico_mail.svg');
	cursor:hand; cursor:pointer;
}
#facebook {
	background-color:#3b5998;
	background-image:url('/images/tmpl/ico_fb.svg');
	cursor:hand; cursor:pointer;
}
#x {
	background-color:#000000;
	background-image:url('/images/tmpl/ico_x.svg');
	cursor:hand; cursor:pointer;
}
#linkedin {
	background-color:#0077b5;
	background-image:url('/images/tmpl/ico_li.svg');
	cursor:hand; cursor:pointer;
}
#reddit {
	background-color:#ff4500;
	background-image:url('/images/tmpl/ico_ri.svg');
	cursor:hand; cursor:pointer;
}
#whatsapp {
	background-color:#25d366;
	background-image:url('/images/tmpl/ico_wa.svg');
	cursor:hand; cursor:pointer;
}
#copy_url {
	background-color:#c42027;
	background-image:url('/images/tmpl/ico_url.svg');
	cursor:hand; cursor:pointer;
}
#mail {
	background-color:#ffcc00;
	background-image:url('/images/tmpl/ico_mail.svg');
	cursor:hand; cursor:pointer;
}
.marque-page {
	position:relative;
}
.marque-page .mpage {
	position:absolute;
	top:-17px;
	left:16px;
}
.ntools {
	position:absolute;
	top:-27px;
	left:6px;
	width:80px;
	height:32px;
}
.mpage {
	display:inline-block;
	width:30px;
	height:32px;
	margin-right:8px;
	background-repeat:no-repeat;
	cursor:hand; cursor:pointer;
	vertical-align:middle;
}
.mpage.isOn {
	background-image:url('/images/tmpl/ico_mpage_1.svg');
}
.mpage.isOff {
	background-image:url('/images/tmpl/ico_mpage_0.svg');
}
#rappel {
	display:none;
}
.rappel {
	display:inline-block;
	width:30px;
	height:32px;
	background-repeat:no-repeat;
	cursor:hand; cursor:pointer;
	background-image:url('/images/tmpl/ico_rappel_0.svg');
	background-position:center center;
	background-size:cover;
	vertical-align:middle;
}
.rappel.isOn {
	background-image:url('/images/tmpl/ico_rappel_1.svg');
}
.rappel:hover, .rappel.isOn:hover {
	background-image:url('/images/tmpl/ico_rappel_1.svg');
}
#social {
    margin-top: 10px;
    text-align: center;
}

#social img {
    margin: 0px 4px 0px 4px;
	width:32px;
	height:32px;
	border-radius:3px;
	border:none;
}

.content {
    display: flex;
    align-items: stretch;
    margin: 0 10px 0 10px;
}
.span_menu {
    flex: 0 0 160px;
    border-top: solid 5px #c42027;
    padding-top: 10px;
}

.span_centre {
	flex: 1 1 auto;
    border-top: solid 5px #eaedef;
    margin: 0 12px 0 12px;
    padding-top: 10px;
	padding-bottom:10px;
}

.span_droite {
	position: sticky;
	position: -webkit-sticky;
    flex: 0 0 300px;
    padding-top: 10px;
    border-top: solid 5px #eaedef;
}

.span_droite div {
    width: 100%;
    max-width: 300px;
}

.span_droite div img {
    /*background-color: #f68e56;*/
    width: 100%;
    height: auto;
}
.generic {
	padding:0 20px 0 20px;
}
.generic a {
	color:#c42027;
	text-decoration:none;
}
.generic a:hover {
	text-decoration:underline;
}
.generic h1 {
	margin-top:10px;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}
.generic h2 {
	margin-top:10px;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}
.generic h3 {
	margin-top:10px;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #000;
    letter-spacing: -1px;
}
.generic p {
	line-height:1.5;
}
.theme_coms {
	height:70px;
	margin-top:10px;
	margin-bottom:10px;
}
.theme_coms img {
	width:auto;
	height:100%;
	border:none;
}
.table {
	display:table;
	width:100%;
	border-collapse:collapse;
}
.table .rang, .table .row {	
	display:table-row;
	width:100%;
}
.table .rang .cell {
	display:table-cell;
}
.table .row:hover {	
	background-color:#eaedef;
	cursor:hand;
	cursor:pointer;
}
.table .row .cell_list, .table .row .cell_list2 {
	display:table-cell;
	padding:10px 0 10px 0;
	border-bottom:solid 1px #ccc;
	vertical-align:middle;
}
.table .row .cell_list2 .theme {
	display:none;
}
.table .row .cell_list2 .theme a {
	font-size:12px;
	font-weight:normal;
	color:#000;
	background-color:#eaedef;
	padding:2px 4px 2px 2px;
}
.table .row .cell_list:first-child {
	padding:5px 10px 5px 4px;
	width:10%;
}
.table .row .cell_list:last-child {
	padding:5px 5px 5px 20px;
}
.table .row .cell_list2 .topic a {
	letter-spacing:-1px;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color: #204972;
}
.table .row .cell_list .totcoms {
	position: relative;
	margin-right:8px;
	padding:2px;
	background-color:#97bf0d;
	font-size:14px;
	color:#fff;
	float: right;
	width:25px;
	text-align:center;
}
.table .row .cell_list .totcoms:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #97bf0d;
    border-bottom: 0;
    border-left: 0;
    margin-left: -4px;
    margin-bottom: -8px;
}
.genre {
	background-color: #eaedef;
	margin:20px 0 10px 0;
	padding:10px;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}
.liste {
	padding:0 10px 0 10px;
}
.liste .chaine {
	border-bottom:1px solid #eaedef;
	padding:2px 0 2px 0;
	cursor:hand;
	cursor:pointer;
}
.liste .chaine:hover {
	background-color:#fbfbfb;
}
.liste .chaine:last-child {
	border-bottom:none;
}
.liste .chaine .chaine-infos {
	font-size:13px;
	display:none;
	margin-left:5px;
	padding-left:5px;
	border-left:#eaedef solid 1px;
}
.liste .chaine .chaine-nom {
	display:inline-block;
}
.liste .chaine .chaine-tech {
	display:inline-block;
}
.liste .chaine .chaine-infos .sats {
	margin:4px 0 4px 0;
}
.liste .chaine .chaine-infos .sats .sat {
	display:inline-block;
	margin-right:10px;
}
.liste .chaine .chaine-infos .sats .sat a::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url('/images/tmpl/ico_sat.svg') no-repeat center center;
	background-size: contain;
	margin-right: 5px;
	vertical-align: middle;
  }
  
.thematique {
	display:flex;
	align-items:center;
	margin:20px 20px 40px 10px;
	padding-left:10px;
	border-left:5px solid #0072bc;
}
.thematique h1 {
	margin:0 ;
	flex:0 0 auto;
	font-size:36px;
}
.thematique h2 {
	margin:0 0 0 20px;
	flex:1 1 auto;
	font-size:20px;
	font-weight:normal;
	color:#767676;
}
.actu .article h2, .actu .article h3 {
	margin-left:10px;
	margin-right:10px;
}
.archives_jour {
	font-size:16px;
	font-weight:bold;
}
.archives {
	margin-bottom:50px;
	width:100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
	align-content:flex-start;
    flex-wrap: wrap;
}
.archives_annee {
	flex:0 1 25%;
}
.archives_annee h3 {
	margin-bottom:5px;
	color:#c42027;
}
.archives_annee a {
	font-size:14px;
	text-decoration:none;
	color:#333333;
}
.archives_annee a:hover {
	text-decoration:underline;
	color:#c42027;
}
.archives_tp {
	font-size:14px;
}
.archives_tp a {
	text-decoration:none;
	color:#333333;
}
.archives_tp a:hover {
	text-decoration:underline;
	color:#c42027;
}
.archives_coms {
	background-color:#97bf0d;
	color:#fff;
	font-weight:bold;
	font-size:14px;
	padding:1px 4px 1px 4px;
	border-radius:3px;
	min-width:20px;
}

/* ############################################################ */
/* #                                                          # */
/* #                           CSP                            # */
/* #                                                          # */
/* ############################################################ */

.acsp a {
	word-break: break-all;
}

.acsp h1 {
	letter-spacing:normal;
}

.acsp h2 {
	background-color:#eaedef;
	color:#000;
	font-size:16px;
	letter-spacing:normal;
	text-transform:uppercase;
	padding: 8px 4px 8px 4px;
}

.acsp .blkqt {
	padding-left:30px;
}

/* ############################################################ */
/* #                                                          # */
/* #                      CHAINES TNT                         # */
/* #                                                          # */
/* ############################################################ */

.chaine-tnt {
	text-align:center;
	vertical-align:middle;
	padding:2px 4px 2px 4px;
}

.chaine-tnt img {
	width:100%;
	height:auto;
	border:1px solid #eaedef;
}
.origine-chaines {
	width:20%;
	text-align:center;
	vertical-align:middle;
	padding:0 5px 15px 5px;
}
.drapeaux {
	display:flex;
	flex-wrap:wrap;
	align-items:top;
	gap:10px;
}
.drapeau {
	flex:0 0 15%;
	margin-bottom:15px;
	padding:0 3px 0 3px;
	text-align:center;
}
.drapeau img {
	width:100%;
	height:auto;
	border:none;
	border:1px solid #fff;
	border-radius:50%;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.langue-chaine a {
	font-size:14px;
	color:#000;
	line-height:8px;
	text-decoration:none;
}
.langue-chaine a:hover {
	color:#c42027;
}

.csp {
	margin:20px 0 20px 0;
	padding:10px 0 30px 0;
	cursor:pointer;
	cursor:hand;
	border-bottom:1px solid #eaedef;
}
.csp h3 {
    margin: 0;
    font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}
.csp .avis {
	padding:5px 0 5px 0;
}
.csp .delai {
	display:inline-block;
	padding:4px 8px 4px 0px;
	font-weight:bold;
	font-size:14px;
}
.csp .delai.valide {
	color:#00c0ff;
}
.csp .delai.expire {
	color:#c42027;
}
.wrapper_centre_droite {
	display:flex;
	flex:1 1 auto;
	flex-direction: row;
}

.magic-radio,
.magic-checkbox {
position: absolute;
display: none; }

.magic-radio[disabled],
.magic-checkbox[disabled] {
cursor: not-allowed; }

.magic-radio + label,
.magic-checkbox + label {
position: relative;
display:inline;
padding-left: 20px;
cursor: pointer;
vertical-align: middle; }
.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
  animation-duration: 0.4s;
  animation-fill-mode: both;
  animation-name: hover-color; }
.magic-radio + label:before,
.magic-checkbox + label:before {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 15px;
  height: 15px;
  content: '';
  border: 1px solid #c0c0c0;
  background-color: #fff;}
.magic-radio + label:after,
.magic-checkbox + label:after {
  position: absolute;
  display: none;
  content: ''; }

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
cursor: not-allowed;
color: #e4e4e4; }
.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
  cursor: not-allowed; }
.magic-radio[disabled] + label:hover:before,
.magic-checkbox[disabled] + label:hover:before {
  border: 1px solid #e4e4e4;
  animation-name: none; }
.magic-radio[disabled] + label:before,
.magic-checkbox[disabled] + label:before {
  border-color: #e4e4e4; }

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
animation-name: none; }

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
display: block; }

.magic-radio + label:before {
border-radius: 50%; }

.magic-radio + label:after {
top: 6px;
left: 6px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #3e97eb; }

.magic-radio:checked + label:before {
border: 1px solid #3e97eb; }

.magic-radio:checked[disabled] + label:before {
border: 1px solid #c9e2f9; }

.magic-radio:checked[disabled] + label:after {
background: #c9e2f9; }

.magic-checkbox + label:before {
border-radius: 3px; }

.magic-checkbox + label:after {
top: 1px;
left: 5px;
box-sizing: border-box;
width: 5px;
height: 10px;
transform: rotate(45deg);
border-width: 2px;
border-style: solid;
border-color: #fff;
border-top: 0;
border-left: 0; }

.magic-checkbox:checked + label:before {
border: #3e97eb;
background: #3e97eb; }

.magic-checkbox:checked[disabled] + label:before {
border: #c9e2f9;
background: #c9e2f9; }

@keyframes hover-color {
	from {
	  border-color: #c0c0c0; }
	to {
	  border-color: #3e97eb; }
}
 
 
/* ############################################################ */
/* #                                                          # */
/* #                            MP                            # */
/* #                                                          # */
/* ############################################################ */

.mp_read0 {
	font-weight:bold;
	color:#c42027;
}
.mp_read1 {
	font-weight:normal;
	color:#000 !important;
}
  







.blocker {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  width: 100%; height: 100%;
  overflow: auto;
  z-index: 9999998;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.75);
  text-align: center;
}
.blocker:before{
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}
.blocker.behind {
  background-color: transparent;
}
.modal {
	display: none;
	vertical-align: middle;
	position: relative;
	z-index: 9999999;
	box-sizing: border-box;
	background: #f0f0f0;
	padding: 15px 30px;
	border: solid 4px #d5d5d5;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
	text-align: left;
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 1.4;
}

.modal p a {
	color:#c42027;
}

.modal h1 {
	margin-top:20px;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}

.ffield {
	margin:0 0 15px 0;
	position:relative;
}

.ffield select {
	width:100%;
	border: 1px solid #d5d5d5;
	font-size: 17px;
	color: #000;
	border-radius: 5px;
	padding:11px;
}

.ffield input[type=text], .ffield input[type=email], .ffield input[type=password], .ffield input[type=datetime-local] {
	border:solid 1px #d5d5d5;
	border-radius:5px;
	width:100%;
	padding:11px;
	font-size:17px;
	color:#000;
}

.ffield textarea {
	border:solid 1px #d5d5d5;
	border-radius:5px;
	width:100%;
	padding:11px;
	font-size:17px;
	color:#000;
}


#dt {
	display:none;
}

.fflex {
	display:flex;
	width:100%;
	flex-direction:row;
	column-gap: 10px
}

.flxauto {
	flex:1 1 auto;
}

.flx20pc {
	flex:0 0 20%;
}

.flx25pc {
	flex:0 0 25%;
}

.flx30pc {
	flex:0 0 30%;
}

.flx50pc {
	flex:0 0 50%;
}

.flx60pc {
	flex:0 0 60%;
}

.flx75pc {
	flex:0 0 75%;
}

.pwdShowHideIcon {
	position:absolute;
	top:25%;
	right:15px;
	border:none;
	width:20px;
	height:20px;
	cursor:hand;
	cursor:pointer;
	opacity:0.5;
}

.fmsg {
	display:none;
	background-color:#c42027;
	border-radius:5px;
	padding:5px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

.modal .ffield input[type=checkbox] { 
	display:none; 
} 
 
.modal .ffield input[type=checkbox] + label { 
	padding-left:27px; 
	height:18px; 
	display:inline-block; 
	line-height:18px; 
	background-repeat:no-repeat; 
	background-position:0 0; 
	font-size:17px; 
	vertical-align:middle; 
	cursor:pointer; 
} 
 
.modal .ffield input[type=checkbox]:checked + label { 
	background-position:0 -18px; 
} 
 
.modal .ffield label { 
	background-image:url(/images/tmpl/checkbox.png); 
	-webkit-touch-callout:none; 
	-webkit-user-select:none; 
	-khtml-user-select:none; 
	-moz-user-select:none; 
	-ms-user-select:none; 
	user-select:none; 
} 

.ffield input[type=submit] {
	width:100%;
	font-family: Inter, sans-serif;
	color: #dcf6ff;
	font-size: 17px;
	padding:11px;
	font-size:17px;
	border: 0px #00c0ff solid;
	border-radius:5px;
	background-color: #00c0ff;
	text-shadow: -1px -1px 1px #0095c6;
	text-transform:uppercase;
}
.ffield input[type=button] {
	width:100%;
	font-family: Inter, sans-serif;
	color: #dcf6ff;
	font-size: 17px;
	padding:11px;
	font-size:17px;
	border: 0px #00c0ff solid;
	border-radius:5px;
	background-color: #00c0ff;
	text-shadow: -1px -1px 1px #0095c6;
	text-transform:uppercase;
}
.ffield label {
	font-size:14px;
	color:#999999;
	margin-bottom:2px;
}
#step2, #step3 {
	display:none;
}
#modify {
	border: 0px #ff4d00 solid;
	background-color: #ff4d00;
	text-shadow: -1px -1px 1px #b53600;
}
#validate {
	border: 0px #107a1c solid;
	background-color: #107a1c;
	text-shadow: -1px -1px 1px #094510;
}
.modal #rib table {
	width:100%;
	box-sizing:border-box;
}
.modal #rib table tr td {
	padding:2px;
	text-align:center;
	border:1px solid #a0a0a0;
	font-size:14px;
}
.modal .links, .modal .rules {
	margin:5px 0 5px 0;
	text-align:center;
}
.modal .links a {
	color:#333;
	text-decoration:none;
	font-size:15px;
}
.modal .links a:hover {
	color:#c42027;
	text-decoration:underline;
}
.modal .rules p {
	color:#333;
	font-size:15px;
}
.modal .suppression {
	font-size:12px;
	color:#333;
	text-align:center;
}
.modal .suppression a {
	color:#c42027;
}
.modal a.close-modal {
  position: absolute;
  top: -15px;
  right: -15px;
  display: block;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA1IDc5LjE2NDU5MCwgMjAyMC8xMi8wOS0xMTo1Nzo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFBM0UzQzhGOUQzRDExRUJBMzg1QUMzMDg4QUU1NTc1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFBM0UzQzkwOUQzRDExRUJBMzg1QUMzMDg4QUU1NTc1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUEzRTNDOEQ5RDNEMTFFQkEzODVBQzMwODhBRTU1NzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUEzRTNDOEU5RDNEMTFFQkEzODVBQzMwODhBRTU1NzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6jRrr6AAAEkElEQVR42uSbX0hTURzHf3PLYVpoq4joHxQF9pBFBv1RiKKXkiKKWT1Us4iKwAoiyIr+PEQUKpWSD2b00iIqMSEiCEwMskgf9EEaiJVEIEaaY6Wt32/+7lrzbrt3O/dsu33hy+b+nJ3PPeee8zvH37G0LlgCBmkhehk6H70YvQA9G+1A5/BnhtED6H50L7oH3Y3uRHuMqJRNcHmF6PXoYvQadF6Mz+ey6eIUhbw+iG5Dt6BfottTCdiO3oYuQW9mgESVx2WRv6Gb0U3oJ2hfIgVbEuzSpeytIEeN6PtsqS1M3dWF3oe2gjzRhd2C3oiu526vSxl6ewT6KLoOXSYZVpGVf7uO62IxqoXnoY+jyyE1tBR9E70IXYnuE9nCBeirKQQbqnKuW4Eo4FXoy2gnpK6cXMdViXZpumrneHpIdSl1rEB3xNPCdM+eThPYUOjTXHddwBYeoJyQfnJy3S16gI+k6AClZyA7ohWYgorDkP46zCwxgV08x6W7ljJLVOBSDhfNon3MpAps5zetJgK2MpNdDXibxFWPTG1ltgnAJWBelYQDF6ZZgBFPQFIYCrxe0E7F38hl1kywrVsd3yI9zu9FUS4zBoGLRcNOuVEJUy6d1115+yEXTL12JfAoWAFGqyt3Om2gXUJniYS1zZ0DlkmTILNoLYx6PPC775Mm2Oz9ewPPM5cXwG9rBoy9ey8KeAb6IbUwbaXmiSrVtnJFADZ4AbKyNLV0KGzwtY0bAhdQkIhxGQHni+w3v54+gx937v7b6jGg1WBHP36CoWPHwf/lq8jq5VOXPsCtLEzUDak7UrcMQkfo3hJhSZ8JmJZS80WXrAVaMizpOwGfwSfTjCg9GrRlhgMm79klEzbwE3QPO4yc8X2361Xv6awd22XDkhwEnGN0mKMGnQRYUk4GSBJB+161qr7nvXtPBmwwlh6W8UM0QNmL1qlf9pPlRoSTahom4AEZsOGjsZ55WqAGCLhfNizds96Hj5IB3U/AvTJh/V4vjFTfBO+1at0RmQD1EnCPTNihsxdgtPV11CnLQOgeAu4WXWrm7p0xYWPN0wZBdxMwJZAMClstYSWzD5ZpgtUCLXC1RIydBEzZMm2iSiWon2/faYaNBj1y/4HI+ZkYPUrg0SKy34xcrw6MxFph1aDpkf4WqACjktRCG1zPRe5rUVe0LlqoGTb8tojne1FEmUCb0O1KC1MeVLPIX6CuGG+lBcMCs7UroaWiJjCvmkJjaUWU9NVoQthGZpsATBlulPA1ZiLYMWbyqQEDv9lgIuAGCMvaU1sP01zQZQLYLmaBWMA0QdeaALhWLaCKtONRg65KY9gqZgCtwH4YT+dzpyGsm+vu1wNMotzFK6IDEoPVzHWOmHcZaxOPMtoupgl0M9e1I9qHtOxavoHxdD53infjCq4rJAqstPSpFB3IqrhuHZoWJjoKpvviBPoDjCd9JTuXq4unnppIA1SiwMrofQtN/6VOxhEAJVxsgDiPAMR75qGN/QL+k0MeobH3YxB/jCd88S7sGI+Ic0s+HiXdoP+gViQZdlDL8r8dxfsjwAAT1qZffxWHSQAAAABJRU5ErkJggg==');
}
.modal .modaltabs {
	width:100%;
	min-width:600px;
}
.modal .tab {
	background-color:#fff;
	border:solid 1px #d5d5d5;
	border-top:none;
	padding:20px;
	border-radius:5px;
	border-top-left-radius:0;
}
#t1, #t2, #t3 {
	display:inline-block;
	width:33%;
	border:solid 1px #d5d5d5;
	padding:10px 20px 10px 20px;
	font-weight:bold;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	cursor:hand;cursor:pointer;
	box-sizing:border-box;
	background-color:transparent;
}
#t3 {
	width:34%;
}
#t1.tab_on, #t2.tab_on, #t3.tab_on {
	background-color:#fff;
	border-bottom:solid 1px #fff;
}

#tab_preferences, #tab_reseaux {
	display:none;
}
.modal-spinner {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  padding: 12px 16px;
  border-radius: 5px;
  background-color: #111;
  height: 40px;
}
.modal-spinner > div {
  border-radius: 100px;
  background-color: #fff;
  height: 20px;
  width: 2px;
  margin: 0 1px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.modal-spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.modal-spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.modal-spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
#momo {
	background-color: #fff;
	padding: 15px 10px 15px 30px;
}
#momo .modal-content {
	height:90vh;
	overflow-y: auto;
	max-width:800px;
	padding-right:20px;
}
#momo .modal-content .generic {
	padding:0;
}
#momo .modal-content::-webkit-scrollbar {
    width: 5px; 
}

#momo .modal-content::-webkit-scrollbar-track {
    background: #eaedef;
	border-radius: 3px;
}

#momo .modal-content::-webkit-scrollbar-thumb {
    background: #d6d6d6	; 
	border-radius: 3px;
}

#momo .modal-content::-webkit-scrollbar-thumb:hover {
    background: #555;
}
@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}
.offres {
	width:100%;
}
.offres .offre {
	width:100%;
	padding:20px 0 20px 0;
	display:flex;
	align-items: center;
	border-bottom:solid 1px #eaedef;
}
.offres .offre:last-of-type {
	border-bottom:none;
}
.offres .offre .offre-nom {
	flex:0 0 280px;
	display:flex;
	flex-wrap: nowrap;
	align-items: center;
}
.offres .offre .offre-nom .offre-logo {
	flex:0 0 90px;
}
.offres .offre .offre-nom .offre-logo img {
	width:100%;
	height:auto;
	border:none;
}
.offres .offre .offre-nom .offre-marque {
	flex:0 0 auto;
	padding:0 20px 0 10px;
}
.offres .offre .offre-details {
	display:flex;
	align-items: center;
	justify-content: space-between;
	flex:1 1 auto;
}
.offres .offre .offre-details .offre-specs {
	flex:0 1 auto;
}
.offres .offre .offre-details .offre-specs ul {
	list-style:none;
	margin:0;
	padding-left:16px;
}
.offres .offre .offre-details .offre-specs ul li:before {
	position: absolute;
	top: 0px;
	left: -16px;
	color:#c42027;
	font-weight:bold;
	font-size:16px;
    content: "+";
}
.offres .offre .offre-details .offre-specs ul li {
	position:relative;
	padding-top:2px;
	font-size:12px;
}
.offres .offre .offre-details .offre-specs ul li a {
	color:#c42027;
}
.offres .offre .offre-details .offre-specs .offre-genre {
	font-size:13px;
	font-weight:bold;
}
.offres .offre .offre-details .offre-specs .offre-tarif {
	font-size:13px;
	font-weight:bold;
}
.offres .offre .offre-details .offre-specs .offre-info {
	margin-top:10px;
	font-size:13px;
}
.offres .offre .offre-details .offre-specs .offre-possat a {
	font-size:13px;
}
.offres .offre .offre-details .offre-specs .offre-possat img {
	width:14px;
	height:auto;
	vertical-align: middle;
}
.offres .offre .offre-details .offre-avis {
	flex: 0 0 110px;
	text-align: center;
}
.offres .offre .offre-details .offre-specs .offre-url.btn-link {
	margin-top:10px;
	border:solid 1px #898989;
}
.offres .offre .offre-details .offre-specs .offre-url.btn-link a {
	font-size:12px;
	color:#898989;
}
.btn-link {
	display:inline-block;
	position: relative;
	padding:4px 28px 4px 8px;
	vertical-align:middle;
	border:solid 1px #204972;
	border-radius:13px;
}
.btn-link a {
	text-decoration:none;
	color:#204972 !important;
	font-size:15px;
    display: flex;
    align-items: center; 
    justify-content: space-between;
}
.btn-link a:hover {
	text-decoration:none !important;
	color:#c42027 !important;
}
.btn-link a::after {
	content: ' ➔';
    position: absolute; 
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}
.etoiles {
	width:auto;
	height:10px;
	border:none;
}
.intro {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:relative;
}
.intro .intro_txt {
	padding:100px 20px 5px 20px;
	color:#fff;
	text-shadow:0 0 5px rgba(0,0,0,0.9);
	font-size:18px;
	line-height:24px;
}
.intro .intro_txt h1 {
	color:#fff;
	line-height:36px;
}
.intro .intro_txt #installateurs {
	padding-right:200px;
	background-image:url('/images/antenniste.png');
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 100%;
}
.epgcontent {
	padding:20px;
	background-size:17%;
}
.epgcontent h1 {
	display:inline-block;
	margin:0;
	font-size:20px;
	text-transform:uppercase;
	text-shadow:none;
	color:#333;
	font-weight:bold;
}
.epg_tools {
	position:absolute;
	top:15px;
	right:15px;
	width:100px;
	height:20px;
	text-align: right;
}
.rap_tv {
	border:1px solid #eaedef;
	border-radius:3px;
	margin:0 0 0 5px;
	padding:5px;
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	cursor:hand; cursor:pointer;
	background-image:url('/images/tmpl/ico_rappel_1.svg');
	background-position:center center;
	background-size:20px 20px;
	display:inline-block;
	vertical-align: middle;
}
#rap_tv_url {
	display:none;
}
.prtg {
	border:1px solid #eaedef;
	border-radius:3px;
	padding:5px;
	margin:0 5px 0 0;
	width:30px;
	height:30px;
	display:inline-block;
	vertical-align: middle;
}
.prtg a img {
	width:100%;
	height:auto;
	border:none;
	display:block;
}
#partage .supports {
	min-width:200px;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-items: center;
	flex-wrap: wrap;
	gap:10px;
}
#partage .supports .support {
	flex:0 0 25%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:50% 50%;
	border-radius:5px;
}
#partage .supports .support a img {
	width:100%;
	height:100%;
	display:block;
	border:none;
}
.tabs {
	margin:0 auto;
}
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
	display:block;
	clear:both;
	content:'';
}
.tab-links {
	margin:0;
	padding:0;
	display:table;
	width:100%;
	border-collapse:collapse;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.tab-links li {
	background-color: #fff;
	border:none;
	border-top:solid 1px #a7a7a7;
	border-bottom:solid 1px #a7a7a7;
	display:table-cell;
	text-align:center;
	width:25%;
	padding-top:8px;
	padding-bottom:8px;
}
.tab-links li:first-child {
	border-left:solid 1px #a7a7a7;
}
.tab-links li:last-child {
	border-right:solid 1px #a7a7a7;
}
.tab-links a {
	font-size:14px;
	font-weight:bold;
	color:#c4c4c4;
	text-decoration:none;
	transition:all linear 0.15s;
}
.tab-links li.active {
	border:solid 1px #a7a7a7;
	border-bottom:solid 1px #fff;
	color:#000;
}
li.active a, li.active a:hover {
	color:#000;
}

.installateurs-marques {
	display:flex;
	flex-wrap: wrap;
	box-sizing:border-box;
	justify-content:space-between;
}
.installateurs-marques-logos {
	flex:0 0 14%;
	padding:2px;
}
.installateurs-marques-logos img {
	width:100%;
	height:auto;
	border:1px solid #eaedef;
}
.installateurs-pays {
	display:flex;
	flex-wrap: wrap;
	gap:10px;
	box-sizing:border-box;
}
.installateurs-pays-bloc {
	flex: 0 0 calc(33.33% - 10px * 2 / 3);
	box-sizing:border-box;
}
.installateurs-pays-bloc .pays {
	display:flex;
	align-items: center;
	box-sizing:border-box;
	border:1px solid #eaedef;
	font-size:16px;
}
.installateurs-pays-bloc .pays .nat {
	flex:0 0 25%;
	box-sizing:border-box;
	margin-left:10px;
	padding:20px 0 20px 0;
}
.installateurs-pays-bloc .pays .nat img {
	width:100%;
	max-height:30px;
	height:auto;
	border:none;
	display:block;
}
.installateurs-pays-bloc .pays .nat-nom {
	flex:1 0 auto;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
	line-height:14px;
}
.installateurs-pays-bloc .choix {
	padding:40px 10px 40px 10px;
	box-sizing:border-box;
	border:1px solid #eaedef;
	border-top:none;
	text-align: center;
	font-size:13px;
}
.dropdown-communes {
	display: table;
	text-align:center;
	padding:10px;
	border:solid 1px #d5d5d5;
	border-radius:5px;
	margin:30px auto 30px auto;
}
.dropdown-communes select {
	border:none;
	width:100%;
}
.installateur-bloc {
	padding:25px;
	border-bottom: solid 1px #d5d5d5;
}
.installateur-bloc:hover {
	background-color: #eaedef;
}
.installateur-bloc .installateur-societe {
	font-size:24px;
	font-weight:bold;
	color:#000;
}
.installateur-bloc .installateur-contact {
	font-size:14px;
	color:#333;
}
.installateur-bloc .installateur-adresse {
	display:none;
}
.installateur-bloc .installateur-services {
	display:flex;
	flex-wrap: wrap;
	margin-top:10px;
	margin-bottom:20px;
}
.installateur-bloc .installateur-services .service {
	flex:1 0 50%;
	font-size: 13px;
	color:#333;
}
.installateur-bloc .installateur-services .service:before {
	content: '\2713';
	display: inline-block;
	color:#333;
	padding: 0 6px 0 0;
}
.installateur-bloc .installateur-contacts {
	margin-top:10px;
	margin-bottom:10px;
}
.installateur-bloc .installateur-contacts .installateur-tel, .installateur-bloc .installateur-contacts .installateur-mobile, .installateur-bloc .installateur-contacts .installateur-bouton, .installateur-bloc .installateur-contacts .installateur-web {
	display:inline-block;
	line-height:35px;
}
.installateur-bloc .installateur-contacts .installateur-tel a, .installateur-bloc .installateur-contacts .installateur-mobile a, .installateur-bloc .installateur-contacts .installateur-bouton a, .installateur-bloc .installateur-contacts .installateur-web a {
	border-radius: 15px;
	font-size: 14px;
	padding:5px 20px 5px 10px;
	color:#fff;
	text-decoration:none;
}
.installateur-bloc .installateur-contacts .installateur-tel a b, .installateur-bloc .installateur-contacts .installateur-mobile a b {
	font-weight:normal;
}
.installateur-bloc .installateur-contacts .installateur-tel a span, .installateur-bloc .installateur-contacts .installateur-mobile a span {
	display:none;
}
.installateur-bloc .installateur-contacts .installateur-tel a, .installateur-bloc .installateur-contacts .installateur-mobile a {
	padding-left:35px;
	background-color:#12732a;
	background-image:url("data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjZmZmIiBoZWlnaHQ9IjIwcHgiIHdpZHRoPSIyMHB4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0iTTI1NiwzMmMxMjMuNSwwLDIyNCwxMDAuNSwyMjQsMjI0UzM3OS41LDQ4MCwyNTYsNDgwUzMyLDM3OS41LDMyLDI1NlMxMzIuNSwzMiwyNTYsMzIgTTI1NiwwQzExNC42MjUsMCwwLDExNC42MjUsMCwyNTYgczExNC42MjUsMjU2LDI1NiwyNTZzMjU2LTExNC42MjUsMjU2LTI1NlMzOTcuMzc1LDAsMjU2LDBMMjU2LDB6IE0zOTguNzE5LDM0MS41OTRsLTEuNDM4LTQuMzc1IGMtMy4zNzUtMTAuMDYzLTE0LjUtMjAuNTYzLTI0Ljc1LTIzLjM3NUwzMzQuNjg4LDMwMy41Yy0xMC4yNS0yLjc4MS0yNC44NzUsMC45NjktMzIuNDA2LDguNWwtMTMuNjg4LDEzLjY4OCBjLTQ5Ljc1LTEzLjQ2OS04OC43ODEtNTIuNS0xMDIuMjE5LTEwMi4yNWwxMy42ODgtMTMuNjg4YzcuNS03LjUsMTEuMjUtMjIuMTI1LDguNDY5LTMyLjQwNkwxOTguMjE5LDEzOS41IGMtMi43ODEtMTAuMjUtMTMuMzQ0LTIxLjM3NS0yMy40MDYtMjQuNzVsLTQuMzEzLTEuNDM4Yy0xMC4wOTQtMy4zNzUtMjQuNSwwLjAzMS0zMiw3LjU2M2wtMjAuNSwyMC41IGMtMy42NTYsMy42MjUtNiwxNC4wMzEtNiwxNC4wNjNjLTAuNjg4LDY1LjA2MywyNC44MTMsMTI3LjcxOSw3MC44MTMsMTczLjc1YzQ1Ljg3NSw0NS44NzUsMTA4LjMxMyw3MS4zNDQsMTczLjE1Niw3MC43ODEgYzAuMzQ0LDAsMTEuMDYzLTIuMjgxLDE0LjcxOS01LjkzOGwyMC41LTIwLjVDMzk4LjY4OCwzNjYuMDYzLDQwMi4wNjMsMzUxLjY1NiwzOTguNzE5LDM0MS41OTR6Ii8+PC9zdmc+");
	background-position:8px center;
	background-repeat: no-repeat;
	font-size: 15px;
}
.installateur-bloc .installateur-contacts .installateur-bouton a, .installateur-bloc .installateur-contacts .installateur-bouton a {
	padding-left:35px;
	background-color:#0d75a2;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMjggMjI0djUxMmE2NCA2NCAwIDAgMCA2NCA2NGg2NDBhNjQgNjQgMCAwIDAgNjQtNjRWMjI0SDEyOHptMC02NGg3NjhhNjQgNjQgMCAwIDEgNjQgNjR2NTEyYTEyOCAxMjggMCAwIDEtMTI4IDEyOEgxOTJBMTI4IDEyOCAwIDAgMSA2NCA3MzZWMjI0YTY0IDY0IDAgMCAxIDY0LTY0eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik05MDQgMjI0IDY1Ni41MTIgNTA2Ljg4YTE5MiAxOTIgMCAwIDEtMjg5LjAyNCAwTDEyMCAyMjRoNzg0em0tNjk4Ljk0NCAwIDIxMC41NiAyNDAuNzA0YTEyOCAxMjggMCAwIDAgMTkyLjcwNCAwTDgxOC45NDQgMjI0SDIwNS4wNTZ6Ii8+PC9zdmc+");
	background-position:10px center;
	background-repeat: no-repeat;
	font-size: 15px;
}
.installateur-bloc .installateur-contacts .installateur-web a b, .installateur-bloc .installateur-contacts .installateur-web a b {
	font-weight: normal;
}
.installateur-bloc .installateur-contacts .installateur-web a, .installateur-bloc .installateur-contacts .installateur-web a {
	padding-left:35px;
	background-color:#b12bb5;
	background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNXB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTUuNjM2MDUgNS42MzYwNUM3LjE5ODE1IDQuMDczOTUgOS43MzA4MSA0LjA3Mzk1IDExLjI5MjkgNS42MzYwNUwxNC4xMjEzIDguNDY0NDhDMTUuNjgzNCAxMC4wMjY2IDE1LjY4MzQgMTIuNTU5MiAxNC4xMjEzIDE0LjEyMTNDMTMuNzMwOCAxNC41MTE5IDEzLjA5NzYgMTQuNTExOSAxMi43MDcxIDE0LjEyMTNDMTIuMzE2NiAxMy43MzA4IDEyLjMxNjYgMTMuMDk3NiAxMi43MDcxIDEyLjcwNzFDMTMuNDg4MiAxMS45MjYxIDEzLjQ4ODIgMTAuNjU5NyAxMi43MDcxIDkuODc4NjlMOS44Nzg2OSA3LjA1MDI2QzkuMDk3NjQgNi4yNjkyMiA3LjgzMTMxIDYuMjY5MjIgNy4wNTAyNiA3LjA1MDI2QzYuMjY5MjIgNy44MzEzMSA2LjI2OTIyIDkuMDk3NjQgNy4wNTAyNiA5Ljg3ODY5TDcuNzU3MzcgMTAuNTg1OEM4LjE0NzkgMTAuOTc2MyA4LjE0Nzg5IDExLjYwOTUgNy43NTczNyAxMkM3LjM2Njg1IDEyLjM5MDUgNi43MzM2OCAxMi4zOTA1IDYuMzQzMTYgMTJMNS42MzYwNSAxMS4yOTI5QzQuMDczOTUgOS43MzA4MSA0LjA3Mzk1IDcuMTk4MTUgNS42MzYwNSA1LjYzNjA1Wk0xMS4yOTI5IDkuODc4N0MxMS42ODM0IDEwLjI2OTIgMTEuNjgzNCAxMC45MDI0IDExLjI5MjkgMTEuMjkyOUMxMC41MTE5IDEyLjA3NCAxMC41MTE5IDEzLjM0MDMgMTEuMjkyOSAxNC4xMjEzTDE0LjEyMTMgMTYuOTQ5OEMxNC45MDI0IDE3LjczMDggMTYuMTY4NyAxNy43MzA4IDE2Ljk0OTggMTYuOTQ5OEMxNy43MzA4IDE2LjE2ODcgMTcuNzMwOCAxNC45MDI0IDE2Ljk0OTggMTQuMTIxM0wxNi4yNDI3IDEzLjQxNDJDMTUuODUyMSAxMy4wMjM3IDE1Ljg1MjEgMTIuMzkwNSAxNi4yNDI3IDEyQzE2LjYzMzIgMTEuNjA5NSAxNy4yNjYzIDExLjYwOTUgMTcuNjU2OSAxMkwxOC4zNjQgMTIuNzA3MUMxOS45MjYxIDE0LjI2OTIgMTkuOTI2MSAxNi44MDE5IDE4LjM2NCAxOC4zNjRDMTYuODAxOSAxOS45MjYxIDE0LjI2OTIgMTkuOTI2MSAxMi43MDcxIDE4LjM2NEw5Ljg3ODcgMTUuNTM1NkM4LjMxNjYgMTMuOTczNSA4LjMxNjYgMTEuNDQwOCA5Ljg3ODcgOS44Nzg3QzEwLjI2OTIgOS40ODgxNyAxMC45MDI0IDkuNDg4MTcgMTEuMjkyOSA5Ljg3ODdaIiBmaWxsPSIjZmZmIi8+PC9zdmc+");
	background-position:8px center;
	background-repeat: no-repeat;
	font-size: 15px;
}
.installateur-nope {
	font-weight: bold;
	text-align:center;
	padding:50px 0 50px 0;
}
.ariane {
	position: relative;
	margin:20px 0 20px 0;
	padding-bottom: 10px;
	overflow-x:auto;
}
.ariane-inner {
	display: flex;
	column-gap: 10px;
}
.ariane-inner div:not(:last-child) a::after {
    content: ' ➔';
}
.ariane-inner div {
	flex: 0 0 auto;
}
.ariane-inner div a {
	font-weight:bold;
	color:#c42027;
	text-decoration:none;
}
.ariane-container {
	position:relative;
}
.prgstk {
	background-color:#fff;
	position:sticky;
	position:-webkit-sticky;
	z-index:1;
	padding-top:5px;
	top:0px;
}
.prgstk.inverse {
	padding-top:0;
	top:0;
	position:static;
}
.prgstk.inverse .grille div.active {
	border:solid 1px #a7a7a7;
	border-top:none;
}
.prgstk.inverse .tabs .tab-links li {
	border-top:solid 1px #a7a7a7;
	border-bottom:solid 1px #a7a7a7
}
.prgstk.inverse .tabs .tab-links li.active {
	border-top:none;
}
.grille {
	display:table;
	width:100%;
	border-collapse:collapse;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0;
}
.grille div {
	display:table-cell;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#000;
}
.grille div a {
	text-decoration:none;
	color:#c4c4c4;
}
.grille div.active {
	border:solid 1px #a7a7a7;
	border-bottom:none;
}
.grille div.active a, .grille div.active a:hover {
	color:#000;
}
.epg {
	display:none;
	width:100%;
	border:solid 1px #a7a7a7;
	border-top:none;
	border-bottom:none;
}
.epg.active {
	display:block;
}
.epgnc {
	width:100%;
	padding:50px;
	text-align: center;
	border-left:1px solid #a7a7a7;
	border-right:1px solid #a7a7a7;
	font-weight: bold;
}
.epgrow {
	display:flex;
	flex-direction:row;
	align-items:stretch;
	align-content:center;
}
	.epgsel {
		background-color:#fff;
		border:solid 3px #c42027;
	}
	.cursors {
		cursor:hand;
		cursor:pointer;
	}
.epghoraire {
	flex:0 0 70px;
	align-self: stretch;
	padding:15px 0 15px 0;
 	background-color:#eaedef;
	color:#646464;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
	.epgbgrouge {
		background-color:#c42027;
		color:#fff;
	}
.epgbar {
	background-image:url(/images/epg/epg_jauge.gif);
	background-repeat:no-repeat;
	background-position:left;
	background-size:0 100%;
	padding:15px 0 15px 10px;
}
.epgprogramme {
	width:230px;
	padding-right:30px;
	font-size:14px;
	color:#646464;
	font-weight:bold;
}
	.epgprogramme span {
		display:none;
		font-size:12px;
		font-weight:normal;
	}
	.maintenant {
		color:#000;
		font-weight:bold;
	}
	.epgprogramme img {
		width:13px;
		height:auto;
		border:none;
	}
.jw {
	background-color:#e3edf7;
	border-radius:7px;
	margin-top:10px;
	padding:3px 7px 7px 7px;
}
.jw p {
	color:#204972;
}
.srchimg, .copy0r, .slct0r, .slctup, .imgup {
	display:inline-block;
	margin-left:20px;
	cursor:pointer;
	cursor:hand;
	width:32px;
	height:32px;
	vertical-align:middle;
}
.srchimg img, .copy0r img, .slct0r img, .slctup img {
	width:100%;
	height:auto;
	border:none;
}
.epg_man {
	display:table;
	clear:both;
	background-color:#fff;
	border:2px solid #ff0097;
	margin:10px 0 0 0px;
	padding:4px;
}
.epg_man form {
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:0;
	width:32px;
	height:32px;
}
.epg_man form input[type=file] {
	display:none;
}
.epg_man form img {
	width:100%;
	height:auto;
	border:none;
	cursor:pointer;
	cursor:hand;
}
.noprog {
	width:100%;
	padding:15px;
	text-align:center;
	font-size:14px;
	color:#646464;
	font-weight:bold;
}
.epgsoustitre {
	font-size:12px;
	font-weight:normal;
}
.epgcategorie {
	margin: auto 0 auto 0;
	padding-left:10px;
	background-image:url(/images/epg/epg_vsep.gif);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:12px;
}
.epgep {
	font-size:12px;
	border-bottom:solid 1px #e9e9e9;
	margin-bottom:5px;
	padding-bottom:5px;
	font-size:12px;
}
.epgresume {
	display:none;
	position:relative;
	background-color:#fdfdfd;
	border-bottom:solid 1px #a7a7a7;
}
.epgresume:last-child {
	border-bottom:none;
}
.epgclassif {
	border-top:solid 1px #e9e9e9;
	margin-top:5px;
	padding-top:5px;
	font-size:12px;
	font-weight:bold;
}
.epgshd {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:9px;
}
.epgshd img {
	width:100%;
	height:9px;
	display:block;
}
.epgvisuel img {
	width:100%;
	height:auto;
	border:none;
}
.epgdesc {
	position:relative;
	padding:20px;
	font-size:14px;
	line-height:22px;
}
.epgplus {
	background-image:url(/images/epg/epg_plus.gif);
	background-repeat:no-repeat;
	background-position:290px center;
	z-index:10;
}
.epgphoto {
	width:75px;
	margin:0 0 5px 10px;
	height: auto;
	float:right;
}
.epgphoto img {
	width:75px;height:75px;
}
.epgmoment {
	margin:10px auto 0px auto;
	background-color:#fff;
	border-bottom:solid 1px #a7a7a7;
	font-weight:bold;
	color:#204972;
}
.epgcl {
	background-color:#fff;
	width:42px;
	height:42px;
	border:solid 1px #c4c4c4;
	margin:0px 0px 2px 0px;
	padding:4px;
}
.clear {
	clear: both;
}
.admin {
	display:inline-block;
	background-color:#ff0097;
	padding:5px 10px 5px 10px;
}
.admin a {
	color:#fff;
	font-size:13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
}
.admin a:hover {
	text-decoration:none;
}

.frequences {
	margin:0 20px 0 20px;
	font-size:14px;
}

.frequences .satellite {
	display:table;
	box-sizing: border-box;
	width:100%;
	border:solid 1px #e0e0e0;
	border-top:none;
	margin-bottom:20px;
}

.frequences .satflex {
	display:flex;
	width:100%;
}

.frequences .sat {
	flex: 0 0 auto; 
	box-sizing: border-box;
	padding:5px 15px 5px 5px;
	border:solid 1px #e0e0e0;
	border-bottom:none;
	background-color:#fff;
	color:#204972;
	font-size:16px;
}

.frequences .ellite {
	flex: 1 1 auto;
	box-sizing: border-box;
	border-bottom:solid 1px #e0e0e0;
}

.frequences .satellite .row {
	display:table-row;
}

.frequences .satellite .row:nth-of-type(even) {
	background-color:#fff;
}

.frequences .satellite .row:nth-of-type(odd) {
	background-color:#fafafa;
}

.frequences .satellite .chaine {
	display:table-cell;
	width:35%;
	padding:5px;
}

.frequences .satellite .changement {
	display:table-cell;	
	width:45%;
	padding:5px;
}

.frequences .satellite .details {
	display:table-cell;	
	width:10%;
	padding:5px;
	text-align:center;
}
.frequences .satellite .details a {
	color:#c42027;
	text-decoration:none;
}

.frqs {
	width:100%;
	display:flex;
	column-gap: 10px;
}
.frqs:last-of-type .frqsdata:last-child {
    border-bottom: none;
}
.frqsday {
	flex:0 0 100px;
	text-align:right;
	padding:10px 0 10px 0;
}
.frqsdata {
	padding:10px 0 10px 0;
	flex:1 0 auto;
	border-bottom: 1px solid #eaedef;
}
.frqsrow {
	display:flex;
	align-items: center;
	margin-bottom:5px;
	column-gap: 10px;
}
.frqsrow:last-child {
	margin-bottom:0;
}
.frqschnl {
	flex:0 0 auto;
	font-weight: bold;
}
.frqsnfo {
	flex:0 1 auto;
}
.frqsnfo a img {
	border:none;
	width:18px;
	height:auto;
	display:inline-block;
	vertical-align: middle;
	padding-bottom:2px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 26px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #8dc63f;
}

input:focus + .slider {
  box-shadow: 0 0 1px #8dc63f;
}

input:checked + .slider:before {
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}

.slider.round {
  border-radius: 20px;
}

.slider.round:before {
  border-radius: 50%;
}

.settings {
	display:table;
	width:100%;
}
.setting {
	display:table-row;
}
.param {
	margin-bottom:5px;
}
.param_info {
	display:table-cell;
	font-size:14px;
	color:#999;
}
.param_inter {
	display:table-cell;
	width:60px;
	text-align:right;
}
.param_input, .param_input_disabled, .param_date {
	display:table-cell;
	overflow-wrap: break-word;
	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}
.param_date {
	text-align:right;
}
.param_input input[type=text], .param_input_disabled input[type=text] {
	border:solid 1px #d5d5d5;
	border-radius:5px;
	width:100%;
	padding:11px;
	font-size:17px;
	color:#000;
}
.param_valid {
	display:table-cell;
	text-align:center;
	padding-top:10px;padding-bottom:20px;
}
.param_spacer {
	height:20px;
}
.notif {
	display:none;
	position:absolute;
	top:50%;
	left:15%;
	right:15%;
	padding:20px;
	background-color:#97bf0d;
	border:solid 3px #fff;
	color:#fff;
	font-weight:bold;
	text-align:center;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
	transform: translateY(-50%);
	border-radius:5px;
}
.temp {
	position:relative;
	margin-bottom:10px;
	height:109px;
	width:100%;
}
.agenda {
	position:absolute;
	/*max-width:556px;*/
	width:100%;	
}
.agenda .cartouche {
	height:109px;
	float:left;
	margin-right:8px;
	padding:0 5px 0 5px;
	background-color:#f6f6f6;
	color:#204972;
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	text-align: center;
	border:solid 1px #eaedef;
}
#agenda {
	margin:0;padding:0;
}
#agenda li div {cursor:hand;cursor:pointer;}
.cal {
	position:relative;
	height:109px;
	background-color:#f6f6f6;
	border:solid 1px #eaedef;
	font-family: "Inter", Arial, Helvetica, sans-serif;
}
.cal .jour {
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	width:100%;
	text-align:right;
	font-size:96px;
	color:#fff;
	font-weight:bold;
}
.cal .date {
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	font-weight:bold;
	text-transform:uppercase;
	font-size:12px;
}
.cal .date .periode {
	padding:2px 4px 2px 4px;
	background-color:#204972;
	color:#fff;
}
.cal .date .interval {
	padding:2px 4px 2px 4px;
	color:#204972;
}
.cal .date .interval.J-1 {
	background-color:#c42027;
	color:#fff;
}
.cal .event {
	position:absolute;
	top:50%;
	left:5px;
	right:5px;
	transform: translateY(-50%);
	color:#204972;
}
.cal .event .lieu {
	font-size:12px;
	color:#c42027;
}
.cal .event .nom {
	font-size:14px;
	font-weight:bold;
}



@media only screen and (max-width: 1280px) {

	:root {
		--border-top-size:0px;
	}

    body {
        margin:0;
		padding:0;
    }
}

@media only screen and (max-width: 819px) {
	.logo {
		display:none;
	}
	.logo-carre {
		display:block;
	}
	.installateurs-pays {
		display:block !important;
	}
	.installateurs-pays-bloc .pays .nat {
		flex: 0 0 auto !important;
		padding:10px 0 10px 0 !important;
	}
	.installateurs-pays-bloc .choix {
		padding:30px 10px 30px 10px !important;
	}
}

@media only screen and (max-width: 888px) {
	#top {
		font-size: 12px;
	}
    .wrapper_centre_droite {
        flex-direction: column;
    }
    .span_droite {
		flex:1 0 auto;
        margin: 10px 12px 0 12px;
    }
    .span_droite div {
        max-width: none;
    }
	.actu .article {
		padding-left:0;
		padding-right:0;
	}
	.actu .article h2, .actu .article h3 {
		margin-left:20px;
		margin-right:20px;
	}
	.share {
		display:flex;
		justify-content:center;
		margin:20px 20px 0 20px;
	}
	.share div {
		flex:1 1 auto;
	}
	.share div:first-child {
		margin-left:0;
	}
	.share div:last-child {
		margin-right:0;
	}
	.avis-col-longue .avis-nom {
		font-size:14px;
	}
	.avis-col-courte .avis-bloc {
		max-width:120px;
	}
	.avis-col-courte .avis-btn a {
		font-size:10px;
	}
	.ariane-container::after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 50px;
		background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	}
	.fltr {
		column-gap: 10px;
	}
	.fltr::after {
		right: 0;  
	}
	.fltr:hover::after {
		right: -5px;
	}
	.fltr .fltr-chaine img {
		width:32px;
	}
	.fltr .fltr-horaire {
		flex:0 0 45px;
		font-size:11px;
	}
	.fltr .fltr-details .fltr-titre {
		font-size:13px;
	}
	.fltr .fltr-details .fltr-titre span {
		font-size:12px;
	}
	.fltr .fltr-details .fltr-cats {
		font-size:11px;
	}
	footer .sections .section {
		padding-right:5px;
		padding-left:5px;
		padding-bottom:60px;
	}

}

@media only screen and (max-width: 640px) {
	
    #top {
        display: none;
    }
	header {
		position:fixed;
		width:100%;
		top:0;
		z-index:99999;
		box-shadow:0 2px 5px rgba(0,0,0,0.5);
	}
	#logo {
        padding: 8px 5px 5px 5px;
        text-align: center;
    }
    .logo {
		display:block;
		margin:0 auto;
        max-width: 200px;
    }
	.logo-carre {
		display:none;
	}
    .bnr {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: auto; 
		padding:0;
        background: white; 
        z-index: 1000;
    }
	.bnr .header {
		border-top:solid 3px #211f1f;
	}
	.bnr .header img {
		width:100%;
	}
    .burger, .user {
        display: block;
    }

    .span_menu {
        flex: 0 0 0;
    }
	
    .span_centre {
        margin: 0 12px 0 0;
    }
    #nav {
        position: fixed;
        top: 52px;
        left: 0;
        width: 260px;
        background-color: #fff;
        font-size: 14px;
        margin: 0;
        padding: 10px;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
        max-height: 100%;
        overflow-y: auto;
    }

    #nav a.menuitem {
        padding: 6px 4px 6px 4px;
    }

    #nav div.submenu ul li a {
        font-size: 14px;
        padding: 6px 4px 6px 4px;
    }
	
    .on {
        visibility: hidden;
        opacity: 0
    }

    .off {
        visibility: visible;
        opacity: 1
    }
	.generic a {
		word-break: break-word;
	}
	.comment {
		font-size:14px;
	}
	.see_more a {
		font-size:14px;
	}
	.avis-date {
		font-size:14px;
		font-weight:normal;
	}
    .content {
        display: block;
		margin:0;
		padding-bottom:50px;
    }
	.br {
		display:block;
	}
	
	.acsp .blkqt {
		padding-left:15px;
	}
	.drapeau {
		flex:1 0 20%;
		padding:0 2px 0 2px;
	}
	.langue-chaine {
		padding-top:4px;
		line-height: 11px;
	}
	.langue-chaine a {
		font-size:10px;
	}
    .span_menu {
        display: block;
        margin: 0;
        border: none;
        padding: 0;
    }

    .span_centre {
        display: block;
		margin: 0 12px 0 12px;
        padding:0;
    }

    .span_droite {
        display: block;
        margin: 10px 12px 0 12px;
    }

    .span_droite div {
        max-width: none;
    }
	
	.content_push {
		display:block;
	}
	
	.btnpg {
		top:70%;
	}
	
	#toTop {
		bottom:55px;
	}
	
	.btnpg, #toTop, #toTopHover {
		width:71px;
		height:71px;
	}

	.actu .btns .btn .white2 {
		padding: 4px 10px 5px 10px;
	}
	
	.actu .visuels .logos {
		bottom: -30px;
	}
	
	.thematique {
		display:block;
		margin:10px 20px 10px 10px;
		padding-left:10px;
		border-left:5px solid #0072bc;
	}
	.thematique h1 {
		margin:0 ;
		flex:none;
		font-size:24px;
	}
	.thematique h2 {
		margin:0;
		flex:none;
		font-size:16px;
	}
	
	.generic ul {
		padding-left:20px;
	}
	
	.generic ul li.archives_tp {
		margin-bottom:4px;
	}
	
	.table .row .cell_list:first-child {
		display:none;
	}
	
	.archives {
		display:block;
	}
	
	.archives_annee div {
		display:inline-block;
	}
	
	.archives_annee div a::before {
		content: "• ";
		color:#000;
	}
	.avis-global .cartouche {
		flex:0 0 120px;
	}
	.blocker {
	  padding: 13px !important; 
	}
	
	.modal {
		padding:10px !important; 
	}
	
	.modal .inner h1 {
		margin:0 0 10px 0;
	}
	
	.modal .links p a {
		font-size:12px;
	}
	
	.modal .rules p {
		font-size:12px;
	}
	
	.modal .modaltabs {
		min-width:0px !important; 
	}
	
	.fflex {
		display:block !important;
		gap:unset;
	}
	
	.flxauto {
		flex:none !important;
	}
	
	.flx20pc {
		flex:none !important;
	}
	
	.flx25pc {
		flex:none !important;
	}

	.flx30pc {
		flex:none !important;
	}
	
	.flx50pc {
		flex:none !important;
	}

	.flx60pc {
		flex:none !important;
	}
	
	.flx75pc {
		flex:none !important;
	}

	.param_date {
		display:block !important; 
		text-align:left !important; 
	}
	
	#t1, #t2, #t3 {
		min-width:auto;
		color:transparent;
		background-size:auto 60%;
		background-position:center center;
		background-repeat:no-repeat;
	}
	#t1 {
		background-image:url('/images/tmpl/profil_general.svg');
	}
	#t2 {
		background-image:url('/images/tmpl/profil_preferences.svg');
	}
	#t3 {
		background-image:url('/images/tmpl/profil_reseaux.svg');
	}
	.logos-chaines-tv div {
		flex:0 0 33%;
	}
	.offres .offre {
		display:block;
		padding: 0 0 20px 0;
	}
	.offres .offre .offre-nom {
		width:100%;
		position:relative;
	}
	.offres .offre .offre-nom .offre-marque,
	.offres .offre .offre-nom .offre-logo {
		display:inline-block;
		vertical-align: middle;
	}

	.offres .offre .offre-nom .offre-logo {
		width:120px;
		position:absolute;
		right:0;
		text-align: center;
	}

	.offres .offre .offre-nom .offre-logo img {
		width:80px;
	}

	.offres .offre .offre-nom .offre-marque {
		padding:20px 0 20px 0;
	}

	.offres .offre .offre-details {
		width:100%;
	}
	.offres .offre .offre-details .offre-avis .avis-bloc .avis-total, 
	.offres .offre .offre-details .offre-avis .avis-bloc .avis-total a {
		font-size:11px;
	}
	.offres .offre .offre-details .offre-avis {
		width:120px;
		text-align: center;
	}
	.offres .offre .offre-details .offre-avis .avis-bloc .avis-lire {
		margin-right:0;
	}
	.offres .offre .offre-details .offre-avis .avis-bloc .avis-lire a {
		font-size:11px;
	}
	.epgcontent {
		padding-left:10px;
		padding-right:10px;
		background-size:20%;
	}
	.ariane-container {
		position: sticky;
		z-index: 1;
		background-color: #fff;
		top: 50px;
	}
	.ariane {
		padding-top: 20px;
	}
	.prgstk {
		background-color:#fff;
		position:sticky;
		position:-webkit-sticky;
		top:100px;
		z-index:2;
		padding-top:5px;
	}
	.epgrow {
		width:100%;
	}
	.epghoraire {
		flex-basis:50px;
	}
	.epgprogramme {
		width:100%;
	}
	.epgprogramme span {
		display:block;
	}
	.epgprogramme br {
		display:none;
	}
	.epgsoustitre {
		font-weight:bold !important;
	}
	.epgcategorie {
		flex:none;
		display:none;
	}
	.epgplus {
		background-position:right center;
	}
	.frqs {
		width:100%;
		display:block;
	}
	.frqs:last-of-type .frqsdata:last-child {
		border-bottom: none;
	}
	.frqsday {
		flex:none;
		text-align:left;
		padding:10px 0 10px 0;
	}
	.frqsdata {
		padding:10px 0 10px 0;
		flex:none;
		border-bottom: 1px solid #eaedef;
	}
	.frqsrow {
		display:block;
		margin-bottom:5px;
	}
	.frqsrow:last-child {
		margin-bottom:0;
	}
	.frqschnl {
		flex:none;
	}
	.frqsnfo {
		flex:none;
	}
	#userPost .ntf {
		text-align: center;
	}
	.thread {
		width:25px;
		max-width:25px;
	}
	.thrd {
		width:25px;
		max-width:25px;
	}
	.vline {
		left:12px;
	}
	.cline {
		left:12px;
		height:9px;
		width:12px;
	}
	.xline {
		width:12px;
		top:8px;
	}
	.commentaire .membre {
		font-size: 14px;
		margin-bottom:5px;
	}
	.commentaire .com_date {
		font-size:12px;
	}
	.badge {
		padding: 3px 8px 2px 8px;
		font-size: 15px;
	}
	.avatar {
		width:25px;
	}
	.avatar .pp {
		width:25px;
	}
	.lvl {
		top:21px;
	}
	.lvl img {
		width:75%;
		height:auto;
	}
	.level_tsn {
		top:25px;
		left:-3px;
	}
	.level_tsn img {
		width:30px;
		height:auto;
	}
	.level_bat {
		top:21px;
	}
	.level_bat img {
		width:18px;
	}
	.commentaire {
		padding-bottom:30px;
	}
	.comtools {
		width:100%;
	}
	.comvote {
		flex:0 0 auto;
		margin-right:10px;
	}
	.comrep {
		margin-right:5px;
		flex:0 1 auto;
		height:22px;
		overflow-x:hidden;
		text-overflow: ellipsis;
		white-space:nowrap;
	}
	.comrep svg {
		vertical-align: top;
		width: 16px;
		height: 16px;
		border:none;
	}
	footer {
		padding-left:20px;
		padding-right:20px;
		padding-bottom:60px;
	}
	footer .sections {
		row-gap: 40px;
	}
	footer .sections .section {
		flex:0 0 50%;
		font-size:14px;
	}
	footer .sections .section ul li a {
		font-size:11px;
	}
	footer .spacer {
		height:70px;
	}
}

@media only screen and (max-width: 600px) {

    #antennistes {
        display: none;
    }

    #subheader {
        display: none;
    }

	.mob_une {
		display:block;
	}

    .mgbnr {
        display: block;
        padding: 10px;
    }

    .mgbnr img {
        margin: 0 auto;
    }

    .bl {
        height: 3px;
    }

    .couv {
        margin: 0;
        width: 100%;
        height: 100vh;
        min-height: auto;
    }
	
    .couv header {
        flex: 0;
        max-height: auto;
    }

    .couv .une .bandeau {
        position: relative;
        background-color: #fff;
        width: 110px;
        height: 40px;
        margin: 0 0 20px 0;
    }

    .couv .une .bandeau .vignette {
        width: 60px;
        height: 40px;
    }

    .couv .une .titre {
        width: 90%;
        line-height: 30px;
    }

    .couv .une .titre a {
        font-size: 40px;
    }

    .couv .une .articles {
        margin: 0px;
		padding-bottom:60px;
        min-height: 200px;
    }

    .couv .une .articles article {
        margin: 0 10px 0 10px;
    }

    .couv .une .articles article .titres {
        font-weight: normal;
		font-size: 14px;
    }

    .couv .une .articles article .image {
        height: 60px;
    }
	
	.span_centre {
		margin:0;
	}
    
    .actu h3 a {
        font-size:20px;
    }
    
    .actu .chapo {
        font-size:17px;
		line-height:1.4;
    }
	
	.actu .placeholder {
		height:40px;
	}
	
	.btn {
		font-size:14px;
	}
	
	#macaron {
		display:block;
	}
	
	.btnpg, #toTop, #toTopHover {
		width:61px;
		height:61px;
	}

	.table .row .cell_list2 .theme {
		display:block;
	}
	.intro .intro_txt #installateurs {
		padding-right:0;
	}
	.intro .intro_txt h1 {
		font-size:26px;
		line-height: 26px !important;
	}
	.installateurs-marques-logos {
		flex:0 0 33% !important;
	}
	.dropdown-communes {
		width:100%;
		text-align:center;
		padding:10px;
		border:solid 1px #d5d5d5;
		border-radius:5px;
	}
	.dropdown-communes select {
		width:100%;
	}
	.installateur-bloc {
		padding:10px 0 10px 0 !important;
		margin-bottom:25px;
	}
	.installateur-bloc .installateur-societe {
		font-size:18px !important;
	}
	.installateur-bloc .installateur-services {
		display:block !important;
	}
	.installateur-bloc .installateur-contacts .installateur-tel a b, .installateur-bloc .installateur-contacts .installateur-mobile a b {
		display:none;
	}
	.installateur-bloc .installateur-contacts .installateur-tel a span, .installateur-bloc .installateur-contacts .installateur-mobile a span {
		display:inline-block !important;
	}
	.installateur-bloc .installateur-contacts .installateur-web  a {
		background-position:center center !important;
		padding-left:30px !important;
	}
	.installateur-bloc .installateur-contacts .installateur-web a b {
		display:none;
	}
	.epgavis {
		display:block;
	}

}

@media only screen and (max-width: 320px) {

	.actu .article {
		margin-left:0;
		margin-right:0;
	}

}



/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
	transition: all 1s;
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */
.lSSlideOuter .lSPager.lSpg {
    margin: 10px 0 0;
    padding: 0;
    text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
    cursor: pointer;
    display: inline-block;
    padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #222222;
    border-radius: 30px;
    display: inline-block;
    height: 8px;
    overflow: hidden;
    text-indent: -999em;
    width: 8px;
    position: relative;
    z-index: 99;
    -webkit-transition: all 0.5s linear 0s;
    transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #428bca;
}
.lSSlideOuter .media {
    opacity: 0.8;
}
.lSSlideOuter .media.active {
    opacity: 1;
}
/* End of pager */

/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
    list-style: none outside none;
    padding-left: 0;
    margin: 0;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
    -moz-transform: translate3d(0px, 0px, 0px);
    -ms-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate3d(0px, 0px, 0px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
	transition-property: transform;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
    overflow: hidden;
    -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
    transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
    display: block;
    height: auto;
    max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after {
    content: " ";
    display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
    clear: both;
}
/* End of Gallery*/

/* slider actions */
.lSAction > a {
    width: 32px;
    display: block;
    top: 50%;
    height: 32px;
    background-image: url('/images/tmpl/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -16px;
    opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
    background-position: 0 0;
    left: 10px;
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 10px;
}
.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}


/* vertical */
.lSSlideOuter.vertical {
    position: relative;
}
.lSSlideOuter.vertical.noPager {
    padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
    position: absolute !important;
    right: 0;
    top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
    width: 100% !important;
    max-width: none !important;
}

/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
    left: 50%;
    margin-left: -14px;
    margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
    background-position: 31px -31px;
    bottom: 10px;
    top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
    background-position: 0 -31px;
    bottom: auto;
    top: 10px;
}
/* vertical */


/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}
/* Rtl */

@-webkit-keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@keyframes rightEnd {
    0% {
        left: 0;
    }

    50% {
        left: -15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@keyframes topEnd {
    0% {
        top: 0;
    }

    50% {
        top: -15px;
    }

    100% {
        top: 0;
    }
}
@-webkit-keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@keyframes leftEnd {
    0% {
        left: 0;
    }

    50% {
        left: 15px;
    }

    100% {
        left: 0;
    }
}
@-webkit-keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
@keyframes bottomEnd {
    0% {
        bottom: 0;
    }

    50% {
        bottom: -15px;
    }

    100% {
        bottom: 0;
    }
}
.lSSlideOuter .rightEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
.lSSlideOuter .leftEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .rightEnd {
    -webkit-animation: topEnd 0.3s;
    animation: topEnd 0.3s;
    position: relative;
}
.lSSlideOuter.vertical .leftEnd {
    -webkit-animation: bottomEnd 0.3s;
    animation: bottomEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
    -webkit-animation: leftEnd 0.3s;
    animation: leftEnd 0.3s;
    position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
    -webkit-animation: rightEnd 0.3s;
    animation: rightEnd 0.3s;
    position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.article {
	margin:0 10px 0 10px;
	padding: 10px 10px 20px 10px;
}

.article h1 {
	margin:0;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}
.article h2 {
	margin:0;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 600;
    text-decoration: none;
    color: #204972;
    letter-spacing: -1px;
}

.article p, .article ul li {
	font-size: 17px;
	line-height:1.5;
}

.article p a {
	color:#c42027;
	text-decoration:none;
	font-weight:bold;
}

.article p a:hover {
	text-decoration:underline;
}

.encadre {
	margin:10px 0 10px 0;
}
.encadre h3 {
	margin:0;
	padding:20px;
	font-family: "Inter", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: -1px;
}
.encadre div {
	padding:0px 20px 10px 20px;
	font-size: 17px;
	line-height:1.5;
}
.encadre div p {
	font-size: 17px;
	line-height:1.5;	
}
.encadre div a, .encadre div p a {
	color:#c42027;
	text-decoration:none;
	font-weight:bold;
}
.encadre div a:hover, .encadre p a:hover {
	text-decoration:underline;
}
.gris {
	background-color:#eaedef;
	color:#333;
}
.gris h3 {
	background-color:#c6d3dc;
	color:#000;
}