/* @import url('https://fonts.googleapis.com/css?family=Open+Sans'); */

:root {
    --first-color-black: #333;
    --first-color-blue: #3A84CB;
    --first-color-red: #f3575A;
    --alt-color-red: #f45759;
    --first-color-red-opacity: #f3575A99;
}

@import url(fonts.css);
html {
    margin: 0;
    padding: 0;
}

#banniere .region-subnav,
#banniere .region-subnav .block-views,
#banniere .region-subnav .block-views .view-header-home,
#banniere .region-subnav .block-views .view-header-home .view-content,
#banniere .region-subnav .block-views .view-header-home .view-content .views-row,
#banniere .region-subnav .block-views .view-header-home .view-content .views-row .field-atom,
#banniere .region-subnav .block-views .view-header-home .view-content .views-row .field-atom .field-items,
#banniere .region-subnav .block-views .view-header-home .view-content .views-row .field-atom .field-items .field-item,
#banniere .region-subnav .block-views .view-header-home .view-content .views-row .field-atom .field-items .field-item .image {
    height: 100%;
}

a {
    color: var(--first-color-blue);
}

body {
    border: 10px solid var(--alt-color-red);
    font-family: "Open Sans";
}

.field-code-embed .field-info {
  margin-left: 6rem;
}

.front #banniere {
  background-color: #f0f0f0 !important;
}

#block-block-4 img{
  display: block;
}

#winBorderTop,
#winBorderBottom {
    position: fixed;
    width: 100%;
    height: 10px;
    background-color: var(--alt-color-red);
    z-index: 1000;
}


#winBorderTop {
    top: 0;
}

#winBorderBottom {
    bottom: 0;
}

.visually-hidden {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  word-wrap: normal;
}

/* MENU PRINCIPAL */


header#navbar {
    padding: 0;
    width: 100%;
    max-width: 100vw;
    margin: 0 auto;
    background-color: #F0F0F0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    border: 0 none;
}

header#navbar div.navbar-header a.navbar-brand {
    display: none;
}

header#navbar a.logo {
    width: 71px;
    height: 53px;
    margin-top: 0.8em;
    margin-left: 1.5em;
    position: fixed;
    z-index: 2;
}

header#navbar>main.container {
    max-width: 1200px;
    margin: 0 auto;
}

header#navbar a.logo img {
    height: 100%;
}

header#navbar nav[role=navigation] {
    text-align: right;
}

header#navbar nav[role=navigation]>div.region-navigation {
    display: inline-block;
}

header#navbar nav[role=navigation]>div.region-navigation section#block-tb-megamenu-main-menu>div.tb-megamenu-main-menu {
    background-color: #fff;
}

header#navbar ul.tb-megamenu-nav li a,
header#navbar ul.tb-megamenu-nav>li>a,
header#navbar ul.tb-megamenu-nav li[data-type='menu_item']>a {
    color: #155190;
    font-size: 16px;
    border: 0 none;
    line-height: 2.8em;
    padding-left: 0;
    padding-right: 0;
    margin: 0 0.9rem;
    background-color: transparent;
}

header#navbar .tb-megamenu .nav > .active > a,
header#navbar .tb-megamenu .nav > .active > a:hover,
header#navbar .tb-megamenu .nav > .active > a:focus {
    color: var(--alt-color-red);
    background-color: transparent;
}

header#navbar ul.tb-megamenu-nav li a:hover,
header#navbar ul.tb-megamenu-nav li a:focus{
    color: var(--alt-color-red);
}

header#navbar ul.tb-megamenu-nav li a:focus-visible {
  border: black 2px solid;
  border-radius: 5px;
}

header#navbar div.pos-fiexd {
    position: fixed;
    z-index: 150;
    background-color: white;
    right: 10px;
    left: 10px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.10);
}


header#navbar ul.tb-megamenu-nav li div.view-content div.views-row>div.field-atom div.image a {
    margin: 0;
}

header#navbar ul.tb-megamenu-nav li div.view-content div.views-row>div.views-field-title a {
    white-space: normal;
    line-height: 1.2em !important;
    padding-top: 0.5em !important;
    font-size: 14px;
    text-decoration: none;
}

header#navbar ul.tb-megamenu-nav li div.field-scald-thumbnail img {
    max-width: 100%;
    height: auto;
}

header#navbar ul.tb-megamenu-nav li[data-type='menu_item'][data-level='1']:last-child>a img {
    width: auto;
    height: 20px;
    display: inline-block;
}

header#navbar ul.tb-megamenu-nav li[data-type='menu_item'][data-level='1']:last-child>a,
header#navbar ul.tb-megamenu-nav li[data-type='menu_item'][data-level='1']:last-child>a:focus {
    background-color: #155190 !important;
    color: #fff;
    /* padding: 0.5em 1.3em !important; */
    /* margin: 1.7em 1em 0 1em !important; */
    padding: 0.5em 1em !important;
    margin: 1.3em 1em 0 1em !important;
    display: inline-block !important;
    line-height: 1em !important;
    font-size: 1em !important;
    border-radius: 3px !important;
}

header#navbar ul.tb-megamenu-nav li[data-type='menu_item'][data-level='1']:last-child>a:hover,
header#navbar ul.tb-megamenu-nav li[data-type='menu_item'][data-level='1']:last-child>a:focus{
    background-color: var(--alt-color-red) !important;
}

header#navbar ul.tb-megamenu-nav li a span.caret {
    display: none;
}

header#navbar ul.tb-megamenu-nav li a[title=Accueil] {
    background: url("../images/a_accueil.png") left top no-repeat !important;
    width: 18px;
    height: 18px;
    color: transparent !important;
    padding: 0;
    margin-top: 1.6em;
}


.field-title .title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border-width: 0;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu {
    position: fixed;
    left: 10px;
    right: 10px;
    top: 8.5em;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown .views-row:hover .img-responsive {
    outline: 2px solid #c5c5c5;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu div.mega-dropdown-inner-wrapper {
    background-color: white;
    box-shadow: 0px 5px 7px -1px rgba(0, 0, 0, 0.15);
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu div.mega-dropdown-inner {
    max-width: 1200px;
    margin: 0 auto;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown.open {
    border-bottom: 4px solid var(--first-color-red);
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown.active-trail>a {
    color: var(--first-color-red) !important;
}

.tb-megamenu .nav li.dropdown.active>.dropdown-toggle,
.tb-megamenu .nav li.dropdown.open.active>.dropdown-toggle,
.tb-megamenu .nav>li.dropdown.open.active>a:hover,
.tb-megamenu .nav > .active > a,
.tb-megamenu .nav > .active > a:hover {
    background-color: transparent;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu div.mega-dropdown-inner div.label-menu {
    color: var(--first-color-red);
    text-transform: uppercase;
    font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.8em;
    padding-top: 1em;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu div.mega-dropdown-inner ul.tb-megamenu-subnav li a {
    color: #052f5f;
    margin-left: 0 !important;
    padding: 0.25em 1.5em !important;
    background: url("../images/subnav_li_a_fond.png") 4px 1.3em no-repeat;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em !important;
    font-weight: bold;
}

ul.tb-megamenu-nav li.tb-megamenu-item div.tb-megamenu-submenu {
    border: 0 none;
    box-shadow: 0 0 0 0;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.mega-col-nav>div.tb-megamenu-column-inner {
    padding: 0;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu div.mega-dropdown-inner div.label-menu::before {
    /* &mdash : tiret cadratin, tiret de dialogue */
    content: "— ";
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(1) {
    width: 25%;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) {
    width: 70%;
    position: relative;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.block-inner .block-title {
    text-transform: uppercase;
    font-family: CervoNeueSemiBold, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    color: #155190;
    padding-top: 2em;
    padding-left: 1.6em;
  font-weight: 500;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>div {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #e1e1e1;
    text-align: center;
    vertical-align: top;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>div>div {
    width: 80%;
    display: inline-block;
    text-align: left;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>div div.image {
    height: 10em;
    overflow: hidden;
    vertical-align: middle;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>div div.image img {
    width: 100%;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>div div.field-sous-titre,
ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>div div.field-type {
    color: var(--first-color-red);
    text-transform: uppercase;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>div div.views-field-title {
    font-size: 1em;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>div div.views-field-title span {
    margin: 0;
    padding: 0;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>div div.views-field-title a {
    color: #000 !important;
    margin: 0 !important;
    line-height: 1em !important;
    padding-top: 1em;
    font-weight: 600;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>div div.field-chapo-1 {
    font-size: 0.9em;
    padding-bottom: 1em;
}

ul.tb-megamenu-nav li[data-id="1089"] ul.tb-megamenu-subnav {
    column-count: 2;
}

ul.tb-megamenu-nav li[data-id="1089"] div.tb-megamenu-column:nth-child(1) {
    width: 48% !important;
}

ul.tb-megamenu-nav li[data-id="1089"] div.tb-megamenu-column:nth-child(2) {
    width: 47% !important;
}

ul.tb-megamenu-nav li[data-id="1089"] div.tb-megamenu-column:nth-child(2) div.view-content>div {
    width: 49% !important;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>.views-row a {
    width: 87%;
    display: inline-block;
    text-align: left;
    font-size: 1em !important;
    margin: 0;
    padding: 3px 0;
    text-decoration: none;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>.views-row a>div {
    width: 100%;
    line-height: normal;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>.views-row a>div.field-sous-titre,
ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>.views-row a>div.field-type {
    margin-top: 5px;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>.views-row a>div.views-field-title {
    font-weight: 700;
    color: var(--first-color-black);
    margin-top: 10px;
}

ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>.views-row a>div.field-chapo-1,
ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) div.view-content>.views-row a>div.field-accroche-menu {
    color: var(--first-color-black);
    white-space: normal;
    font-size: 0.9em;
}

/* BARRES VERTICALES */
div.InnerBarreVert {
    width: 100%;
    height: 10000px;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    opacity: 0.3;
}

div.InnerBarreVert div {
    width: 25%;
    height: 100%;
    max-width: 25%;
    min-width: 25%;
}

div.InnerBarreVert div:nth-child(2) {
    height: 100%;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}

div.InnerBarreVert div:nth-child(3) {
    /*width: 100%; /*Pas besoin + si present ne s'affiche pas sous Safari */
    border-right: 1px solid #f5f5f5;
}


/* BANNIERE */

#banniere {
    background-color: #1aa1cd;
    position: relative;
    overflow: hidden;
    max-height: 530px;
    /*min-height: 268px;*/
    min-height: 350px;
    margin-top: 79px;
    height: calc((100vh - 232px));
}

#banniere div.image-cont {
    max-width: 1862px;
    margin: auto;
    overflow: hidden;
    position: relative;
}

#banniere div.image {
    text-align: center;
    margin: 0 auto;
}


#banniere img,
#banniere picture {
    height: 100%;
    width: auto;
    max-width: none;
    display: inline-block !important;
}

#banniere div.InnerBarreVert {
    position: relative;
    top: -530px;
}

/* FIL D'ARIANE */

body.page-accueil section#block-easy-breadcrumb-easy-breadcrumb {
    display: none;
}


/* LISTE CHAINES HAUT */

header#navbar+main.main-container {
    width: 100% !important;
    padding: 0;
    overflow: hidden;
}

section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:first-child,
.postface .view-vos-cha-nes {
    background-color: #155190;
    opacity: 0.95;
}

section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:first-child div.pane-content div.view-content,
.postface .view-vos-cha-nes .view-content {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

div.pane-vos-cha-nes div.pane-content div.view-content div.views-row,
.postface .view-vos-cha-nes .views-row {
    display: inline-block;
    padding: 1.2em 3%;
}

div.pane-vos-cha-nes div.pane-content div.view-content div.views-row img,
.postface .view-vos-cha-nes .views-row img {
    height: 1.1em;
    width: auto;
}

.page-accueil .bandeau-newsletter-home .pane-content {
    text-align: center;
    background-color: rgb(241, 241, 241);
}

.page-accueil .bandeau-newsletter-home a {
    display: inline-block;
    font-size: 1.3em;
    font-weight: bold;
    color: rgb(35, 59, 151);
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding: 0.7em 2em 0.7em 2em;
    border: 1px solid rgb(35, 59, 151);
    border-radius: 50px;
    background-color: #f7f7f7;
    text-decoration: none !important;
    margin: 10px 0 10px 0;
}

.page-accueil .bandeau-newsletter-home a:hover {
    color: #fff;
}

.page-accueil .bandeau-newsletter-home a:hover svg .st0 {
    fill: #fff;
}

.page-accueil .bandeau-newsletter-home span {
    display: inline-block;
    margin-right: 1em;
}

.page-accueil .buttons_home_cover a {
    display: inline-block;
    font-size: 1.3em;
    font-weight: bold;
    color: rgb(22, 76, 114);
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding: 0.7em 2em 0.7em 2em;
    border: 1px solid rgb(189, 212, 228);
    border-radius: 50px;
    background-color: rgb(189, 212, 228);
    text-decoration: none !important;
    margin: 10px 0 10px 0;
}

.page-accueil .buttons_home_cover a:hover {
    color: #fff;
}

.page-accueil .buttons_home_cover a:first-child {
    margin-right: 10px;
}

.page-accueil .buttons_home_cover {
    bottom: 3em;
    position: absolute;
    margin-left: 9%;
    z-index: 10;
}

.page-accueil .buttons_home_cover span svg {
    fill: #ffffff;
}

.views-row .views-field-path .field-content a:focus-visible {
  outline-offset: 3px;
}

/* HOME ACTUALITES */

div.pane-actualites {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

div.pane-actualites div.InnerBarreVert {
    position: absolute;
    top: 0;
    opacity: 1;
}

div.pane-actualites div.pane-content {
    position: relative;
}

div.pane-actualites div.pane-content div.view-content {
    display: flex;
    flex-wrap: wrap;
}

div.pane-actualites h2.pane-title {
    margin-top: 1em;
}

div.pane-actualites div.pane-content div.view-content div.views-row {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    flex: 0.5;
    vertical-align: top;
}

div.pane-actualites div.pane-content div.view-content div.views-row-1,
div.pane-actualites div.pane-content div.view-content div.views-row-2 {
    padding-top: 5em;
}

div.pane-actualites div.pane-content div.view-content div.views-row-2,
div.pane-actualites div.pane-content div.view-content div.views-row-4 {
    margin-bottom: 4em;
}

div.pane-actualites div.pane-content div.view-content div.views-row-even {
    margin-top: -5em;
}

div.pane-actualites div.pane-content div.view-content div.views-row>div {
    margin: 0 6%;
}

div.pane-actualites div.pane-content div.view-content div.views-row>div div.image {
    width: 100%;
    height: 25em;
    overflow: hidden;
}

div.pane-actualites div.pane-content div.view-content div.views-row>div img.img-responsive {
    height: auto;
    width: 100%;
}

div.pane-actualites div.pane-content div.view-content div.views-row div.field-type {
    text-align: right;
    margin-top: -1.8em;
}

div.pane-actualites div.pane-content div.view-content div.views-row div.field-type span {
    color: var(--first-color-red);
    background-color: #fff;
    font-size: 1em;
    text-transform: uppercase;
    font-family: "Open Sans";
    font-weight: bold;
    padding: 0.5em 1em;
    letter-spacing: 1.5px;
}

div.pane-actualites div.pane-content div.view-content div.views-row div.views-field-title {
    padding: 1.5em 0;
    background-color: #fff;
}

div.pane-actualites div.pane-content div.view-content div.views-row div.views-field-title a {
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
}

div.pane-actualites div.pane-content div.view-content div.views-row:hover div.views-field-title a {
    color: rgb(255, 73, 70);
}

div.pane-actualites div.pane-content div.view-content div.views-row div.field-chapo-1 {
    height: auto;
    overflow: hidden;
    padding-bottom: 45px;
    background-color: #fff;
}

div.pane-actualites div.more-link {
    margin-left: 52.5%;
    margin-top: -9em;
}


/* JEUX ET QUIZZ */

div.pane-jeux-et-quizz {
    background-color: #ececec;
    padding-bottom: 60px;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz {
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
    margin-top: 4em;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .view-content {
    display: flex;
    flex-wrap: wrap;
    /*flex-wrap: nowrap;*/
    /*gap: 20px;*/
    /*padding-top: 25px;*/
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row {
    /*height: 262px;*/
    overflow: hidden;
    width: 48%;
    max-width: 48%;
    min-width: 48%;
    margin: 0 1%;
    -webkit-box-shadow: 0px 30px 18px -23px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 30px 18px -23px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 30px 18px -23px rgba(0, 0, 0, 0.25);
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row>div {
    /*height: 237px;*/
    height: 100%;
    border: 2px solid #fff;
    vertical-align: top;
    margin-top: 30px;
    text-align: left;
    font-family: "Open Sans";
    position: relative;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-atom,
div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-image-bandeau-home {
    /*height: 234px;*/
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.image {
    position: absolute;
    right: 0;
    /*bottom: 0;*/
    top: -27px;
    bottom: 28px;
    overflow-x: hidden;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.image img {
    height: 100%;
    width: auto;
    max-width: none;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-atom {
    overflow: hidden;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-atom div.field-scald-thumbnail div.field-items div.field-item {
    text-align: right;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-atom div.field-scald-thumbnail div.field-items div.field-item img {
    display: inline-block;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.views-field-type {
    /*margin-top: -234px;*/
    margin-left: -2px;
    /*height: 234px;*/
    width: 100%;
    position: relative;
    color: var(--first-color-red);
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 35px;
    padding-top: 26px;
    margin-bottom: 5px;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.views-field-title,
div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-titre-menu {
    /*margin-top: -185px;*/
    position: relative;
    font-size: 1.2em;
    padding: 0 0 0 35px;
    font-weight: bold;
    width: 43%;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row .views-field-title .field-content {
  font-size: 1em;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.views-field-title a,
div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-titre-menu a {
    color: #000;
    text-decoration: none;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-chapo-1,
div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-accroche-menu {
    position: relative;
    margin-left: 35px;
    margin-top: 6px;
    font-size: 1;
    color: #575757;
    width: 41%;
}

div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row .btn-petit {
    margin-left: 35px;
    margin-top: 26px;
}


/* HOME CARROUSSEL */

div.pane-carrousel {
    background-color: rgba(21, 81, 144, 1);
}

div.pane-carrousel div.pane-content div.view-content {
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    height: 490px;
    position: relative;
}

div.pane-carrousel .slick__slide {
    width: 100%;
}

div.pane-carrousel .slide__content .image {
    width: 100%;
    position: relative;
}

div.pane-carrousel .slide__content .image img {
    height: 490px;
    width: auto;
}

div.pane-carrousel .slide__content .image img+div {
    background: url("../images/carroussel_gauche_fond.png") left top no-repeat;
    width: 30%;
    height: 490px;
    position: absolute;
    right: 99em;
    top: 0;
}

div.pane-carrousel .slide__content .field-atom {
    height: 490px;
}

div.pane-carrousel div.carrousel-description {
    position: absolute;
    top: 0;
    left: 60%;
    width: 40%;
    background: url("../images/carroussel_droite_fond.png") left top no-repeat;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fade-in {
    opacity: 0;
    -webkit-animation: fadeIn ease-in 1;
    -moz-animation: fadeIn ease-in 1;
    animation: fadeIn ease-in 1;

    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    animation-duration: 0.5s;

    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

div.pane-carrousel div.carrousel-description .field-title h3 {
    color: #fff;
    text-transform: uppercase;
    font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 38px !important;
    font-style: italic;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    width: 87%;
    margin-top: 15%;
    margin-left: 6.5%;
    margin-bottom: 6%;
    margin-right: 6.5%;
}

div.pane-carrousel div.carrousel-description .field-chapo-1 {
    color: #fff;
    margin-left: 6.5%;
    margin-right: 6.5%;
    width: 87%;
    margin-bottom: 6%;
}

div.pane-carrousel div.carrousel-description .field-lien a {
    display: inline-block;
    color: #fff !important;
    margin-left: 6.5%;
    font-size: 1.2em;
    font-weight: bold;
    padding: 0.8em 1.6em 0.8em 4.5em;
    border: 1px solid #84a2c3;
    border-radius: 50px;
    background: url("../images/bouton_fleche_carroussel_fond.png") 1.5em center no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-color: #35699f;
    text-decoration: none;
    margin-bottom: 5%;
}

div.pane-carrousel div.carrousel-description .field-lien a:hover {
    background-color: rgb(2, 56, 114);
}

div.pane-carrousel .slide__content .field-lien a {
    color: #fff !important;
}

div.pane-carrousel .slick__arrow {
    position: absolute;
    top: 0;
    right: 47%;
    width: 45%;
    top: 40%;
    z-index: 999;
}

div.pane-carrousel .slick__arrow .slick-arrow,
#blueimp-gallery .prev,
#blueimp-gallery .next {
    width: 44px;
    height: 44px;
    color: transparent;
    border: 2px solid #fff;
    background-color: var(--first-color-red);
    border-radius: 30px;
    opacity: 1;
}

/*.slick .slick-dots li button:focus-visible,*/
div.pane-carrousel .slick__arrow .slick-arrow:focus-visible{
  border: 3px solid black;
}

.slick .slick-dots li button:focus-visible.slick-dots {
  border: 2px solid black;
}

#blueimp-gallery .prev,
#blueimp-gallery .next {
    width: 42px;
    height: 42px;
    background-color: #fff !important;
    color: transparent !important;
    text-shadow: none;
}

#blueimp-gallery section {
    width: 100%;
    text-align: center;
    position: absolute;
    margin-left: 15px;
    z-index: 1;
}

#blueimp-gallery .diapo-legende {
    border: none !important;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.3);
    padding: 10px;
}

#blueimp-gallery .diapo-legende-wrapper>.diapo-legende>* {
    margin: 0;
}

#blueimp-gallery .diapo-legende-wrapper>.diapo-legende>.title {
    font-size: 22px;
    font-weight: 600;
}

#blueimp-gallery .diapo-legende-wrapper>.diapo-legende>.credit {
    font-size: 12px;
    margin-top: 5px;
}

#blueimp-gallery .close {
    z-index: 1;
}

div.pane-carrousel .slick__arrow .slick-prev,
#blueimp-gallery .prev {
    background: url("../images/slick_prev_fond.png") left center no-repeat;
}

div.pane-carrousel .slick__arrow .slick-next,
#blueimp-gallery .next {
    float: right;
    background: url("../images/slick_next_fond.png") left center no-repeat;
}

.blueimp-gallery>.indicator>li:hover:after {
    background: transparent;
}

div.pane-carrousel .slick__arrow .slick-arrow:focus {
    outline: 0 none;
}

div.pane-carrousel .slick-dots {
    position: absolute;
    top: 31em;
    text-align: center;
    /*width: 61%;*/
    left: 26%;
    padding: 5px 6px 3px 0;
    border-radius: 16px;
}

div.pane-carrousel .slick-dots.tablist-focus {
    outline: 2px solid black;
}

div.pane-carrousel .slick-dots li {
    display: inline-block;
}

#blueimp-gallery ol.indicator li {
    padding: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    color: transparent;
    border-radius: 18px;
    margin: 0 4px;
}

#blueimp-gallery ol.indicator li {
    background-color: #fff;
    border: 3px solid #fff;
    width: 14px;
    height: 14px;
}

.blueimp-gallery>.indicator>li:hover:after {
    display: none;
}

#blueimp-gallery ol.indicator li.active,
#blueimp-gallery ol.indicator li:hover {
    background-color: var(--first-color-red);
}

div.pane-carrousel .slick-dots li.slick-active button {
    background: url("../images/slick_puce_sel_fond.png") center center;
}


/* HOME CONTENU */

div.pane-menu-block {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

div.pane-menu-block div.InnerBarreVert {
    position: absolute;
    opacity: 1;
}

div.pane-menu-block div.pane-content {
    padding-top: 0.5em;
    padding-bottom: 3em;
}

div.pane-menu-block div.pane-content ul {
    display: flex;
    flex-wrap: wrap;
}

div.pane-menu-block div.pane-content ul li {
    width: 25%;
    min-width: 25%;
    max-width: 25%;
    text-align: center;
    padding: 2em;
}

div.pane-menu-block div.pane-content ul li:not(*:root) {
    width: 24.9%;
    min-width: 24.9%;
    max-width: 24.9%;
}

div.pane-menu-block div.pane-content ul li a {
    color: #000 !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div.pane-menu-block div.pane-content ul li div.titre {
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 1.2em;
}

div.pane-menu-block div.pane-content ul li:hover div.titre {
    color: rgb(231, 58, 103);
}

div.pane-menu-block div.pane-content ul li div.desc {
    font-size: 0.9em;
}

div.pane-menu-block div.pane-content ul li div.vignette {
    max-width: 50%;
    overflow: hidden;
    margin: auto;
}

div.pane-menu-block div.pane-content ul li div.vignette img {
    max-width: 50%;
    height: auto;
    position: relative;
    z-index: 10;
}

.nav>li>a:focus,
div.pane-menu-block div.pane-content ul li * {
    background: transparent !important;
}

.nav>li>a:hover {
    background: transparent;
}


/* HOME ANIMATEURS */
.page-accueil .pane-animateurs-content .more-link {
    text-align: center;
}

.page-accueil .pane-animateurs-content .more-link a .btn-arrow svg {
    fill: rgb(21, 83, 144) !important;
}

/* div.pane-animateurs-content {
    background: url("../images/pane_animateurs_fond.png") center 8em no-repeat;
    transform: skewY(-16deg);
    padding-bottom: 9em;
} */
/*
div.pane-animateurs-content>* {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

div.pane-animateurs div.InnerBarreVertCont {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

div.pane-animateurs div.InnerBarreVert {
    position: absolute;
    top: -100px;
    opacity: 1;
} */

/* div.pane-animateurs-content h2.pane-title {
    transform: skewY(0deg);
    position: relative;
    top: -2em;
    margin-bottom: 0;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs {
    display: flex;
    flex-wrap: wrap;
    font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    position: relative;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div {
    width: 49%;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content {
    order: 1;
    margin-bottom: 13em;
    margin-left: 0.4em;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-footer {
    order: 2;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-footer>h3,
div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-footer>div {
    order: 2;
    background-color: var(--alt-color-red);
    color: #fff;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-footer>h3 {
    font-size: 5em;
    padding: 0.1em 0.3em 0.3em 0.3em;
    display: inline-block;
    margin-top: 3.5em;
    margin-left: 0.53em;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-footer>div {
    font-family: CervoNeue, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 2em;
    margin-left: 1.3em;
    margin-top: 0.5em;
    padding: 0.5em;
    width: 16em;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.more-link {
    order: 3;
    margin-top: -12.5em;
    position: relative;
    right: 0.5em;
    background: url("../images/pane_animateurs_more_link_fond.png") top right no-repeat;
    text-align: right;
    padding-right: 8.5em;
    padding-top: 1.8em;
    margin-left: 0.9em;
} */

/* div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.more-link a {
    color: #fff;
    font-family: CervoNeue, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1.6em;
    line-height: 1.4em;
    text-decoration: none;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.more-link a span {
    font-size: 1.8em;
    display: block;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.more-link:hover a,
div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.more-link:hover a span {
    color: var(--alt-color-red);
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #4978a9;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div {
    width: 49%;
    text-align: right;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-prenom {
    order: 1;
    color: #fff;
    font-family: CervoNeue, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1.6em;
    position: relative;
    right: -18%;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-nom {
    order: 3;
    color: #fff;
    font-size: 2.5em;
    margin-top: -2em;
    margin-bottom: 0.7em;
    padding-top: 0.4em;
    position: relative;
    right: -18%;
    ;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-photo {
    order: 2;
    text-align: right;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-photo div.image {
    width: 83px;
    height: 83px;
    overflow: hidden;
    border: 2px solid #e4ebf2;
    border-radius: 50px;
    display: inline-block;
    margin: 3em 4em 0 0;
    transform: skewY(16deg);
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-photo div.image .img-responsive {
    width: 100%;
    height: auto;
    vertical-align: top;
    transform: scale(1.3);
    transition: all 0.5s ease-in;
}

div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a:hover>div>div.field-photo div.image .img-responsive {
    transform: scale(1.4);
    transition: all 0.5s ease-in;
} */


/* HOME RESEAUX SOCIAUX*/

div.pane-social-media-link-widget {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

div.pane-social-media-link-widget h2.pane-title {
    margin-top: 0.5em;
}

div.pane-social-media-link-widget ul.social-media-links {
    text-align: center;
    padding-top: 1em;
}

div.pane-social-media-link-widget ul.social-media-links li img {
    width: 3em;
}

div.pane-status-sociaux {
    padding-top: 3em;
}

div.pane-status-sociaux div.view-content div.view-header,
div.pane-status-sociaux div.view-content div.view-body>div {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

div.pane-status-sociaux div.view-content div.view-header {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 0 3em;
}

div.pane-status-sociaux div.view-content div.view-header+div {
    display: flex;
    flex-wrap: wrap;
}

div.pane-status-sociaux div.view-content div.view-header+div>div {
    width: 50%;
}

div.pane-status-sociaux div.view-content div.view-header span.titre {
    font-size: 1.8em;
}

div.pane-status-sociaux div.view-content div.view-header span.strong {
    font-weight: bold;
}

div.pane-status-sociaux div.view-content div.view-body>div.view-body-col2 {
    margin-top: -14em;
}

div.pane-status-sociaux div.view-content div.view-body twitter-widget.twitter-tweet {
    max-width: 520px !important;
    margin: 0 auto 2em auto !important;
    width: 100% !important;
}

div.pane-status-sociaux div.view-content div.view-body iframe.instagram-media,
div.pane-status-sociaux div.view-content div.view-body iframe.twitter-tweet-rendered,
div.pane-status-sociaux div.view-content div.view-body .twitter-tweet-rendered,
.SandboxRoot>.EmbeddedTweet {
    max-width: 520px !important;
    margin: 0 auto 2em auto !important;
}

div.pane-status-sociaux div.view-content div.view-body-col2 div.view-footer {
    display: flex;
}

div.pane-status-sociaux div.view-content div.view-header a:first-of-type,
div.pane-status-sociaux div.view-content div.view-body-col2 div.view-footer a:first-child {
    margin-left: 1.5em;
    margin-top: 2em;
    padding-right: 2em;
    padding-left: 1em;
}

div.pane-status-sociaux div.view-content div.view-body-col2 div.view-footer a:first-child+div {
    display: flex;
    width: 45%;
    padding-left: 2.5em;
    margin-top: 2.8em;
}

div.pane-status-sociaux div.view-content div.view-body-col2 div.view-footer a:first-child+div img {
    width: 46px;
    height: 46px;
    margin-right: 1em;
}


/* HOME SUIVEZ NOUS */

div.pane-status-sociaux {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}


/* HOME LISTE CHAINE BAS */

section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes {
    position: relative;
}

section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.view-content {
    display: flex;
    flex-wrap: wrap;
}

section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row {
    display: inline-block;
    width: 25%;
    max-width: 25%;
    vertical-align: top;
    text-align: center;
    padding: 0;
}

section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row div.image {
    width: 100%;
    margin: auto;
}

section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row div.image img:hover {
    transform: scale(1.1);
    transition: 1s ease;
}

section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row div.image:nth-child(1),
section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row div.image:nth-child(2),
section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row div.image:nth-child(3),
section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row div.image:nth-child(4) {

    border-bottom: 1px solid #f5f5f5;
}


section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row div.image img {
    height: 42px;
    width: auto;
    max-width: 170px;
    margin: 6em auto;
}

.page-accueil div.pane-vos-cha-nes:last-child h2.pane-title {
    padding: 1em 0 20px;
}

.page-accueil div.pane-vos-cha-nes:last-child .view-header {
    text-align: center;
    font-weight: 800;
}

/* PAGE LISTE DES ACTUS, LISTE DES CHAINES */

#page-header {
  background: #f0f0f0 url("../images/Pattern_Neutre.gif") center top;
  overflow: hidden;
    padding-bottom: 70px;
    margin-top: 30px;
    min-height: 210px;
}

#page-header .titre-wrapper {
    margin: auto;
    max-width: 1200px;
    text-align: left;
}

body:not(.node-type-article) #page-header h1,
body:not(.node-type-article) #page-header div.sous-titre {
    display: block;
    width: 51%;
    padding-left: 15px;
    max-height: 125px;
}

body.node-type-animateur #page-header h1 {
    width: 100%;
    white-space: nowrap;
    text-align: left;
    padding-left: 30px !important;
}

body.node-type-animateur #page-header h1 span {
    max-width: 100%;
    white-space: pre-wrap;
}

body.liste-articles {
    background-color: #f5f5f5;
}

.field-filtre-chaines {}

div.view-filters,
div.pane-menu-menu-ancre-annuaire,
.field-filtre-chaines {
    background-color: #fff;
    position: relative;
    z-index: 10;
}

div.view-filters>form[id^="views-exposed-form-"]:not(*:root),
div.pane-menu-menu-ancre-annuaire>div:not(*:root),
.field-filtre-chaines form[id^="views-exposed-form-"]:not(*:root) {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0.8em 0;
    position: relative;
    z-index: 100;
}

div.view-filters>form[id^="views-exposed-form-"],
div.pane-menu-menu-ancre-annuaire>div,
.field-filtre-chaines form[id^="views-exposed-form-"] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0.8em 0;
    position: relative;
    z-index: 100;
}

div.pane-menu-menu-ancre-annuaire>div {
    padding: 1.3em 0;
}

div.view-filters>form[id^="views-exposed-form-"] div.views-exposed-widget label,
div.pane-menu-menu-ancre-annuaire span.pane-title,
.field-filtre-chaines form[id^="views-exposed-form-"] div.views-exposed-widget label {
    display: inline-block;
    font-family: CervoneueExtraLight, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1.8em;
    border-bottom: 2px solid var(--alt-color-red);
    margin-left: 1em;
    font-weight: 600;
}

div.view-filters>form[id^="views-exposed-form-"] div.views-widget,
div.pane-menu-menu-ancre-annuaire>div>div.pane-content,
.field-filtre-chaines form[id^="views-exposed-form-"] div.views-widget {
    display: inline-block;
}

div.view-filters form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link,
div.pane-menu-menu-ancre-annuaire ul.nav li,
.field-filtre-chaines form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link {
    display: inline-block;
    margin: 10px 0;
}

div.view-filters form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link a,
div.pane-menu-menu-ancre-annuaire ul.nav li a,
.field-filtre-chaines form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link a {
    font-weight: bold;
    font-size: 1em;
    padding: 1.25em 2.3em;
    border-radius: 30px;
    -webkit-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.15);
    margin-left: 1.5em;
    color: #000;
    display: inline-block;
    transition: all 0.5s ease;
}

div.pane-menu-menu-ancre-annuaire ul.nav li a {
    padding: 1.25em 2.2em;
}

div.pane-menu-menu-ancre-annuaire ul.nav li a:not(*:root) {
    padding: 1.25em 2em;
}

div.view-filters form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link a:hover,
div.pane-menu-menu-ancre-annuaire ul.nav li a:hover,
.field-filtre-chaines form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link a:hover {
    transition: all 0.5s ease;
    text-decoration: none !important;
    color: #fff;
}

div.view-filters form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link:first-child a,
div.pane-menu-menu-ancre-annuaire ul.nav li:first-child a,
.field-filtre-chaines form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link:first-child a {
    margin-left: 2.5em;
}

div.view-filters form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link:first-child a:not(*:root),
div.pane-menu-menu-ancre-annuaire ul.nav li:first-child a:not(*:root),
.field-filtre-chaines form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link:first-child a:not(*:root) {
    margin-left: 1.5em;
}

div.view-filters form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link a.active,
.field-filtre-chaines form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link a.active {
    background-color: var(--alt-color-red);
    color: #fff;
    text-decoration: underline;
}


/* PAGE LISTE DES ACTUS*/

.view-actualites[class*="view-display-id-page"] div.attachment-before {
    max-width: 1200px;
    margin: 1.5em auto 0 auto;
    background-color: #f5f5f5;
    padding: 0 0.8%;
    position: relative;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.view-id-actualites {
    position: relative;
    z-index: 10;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.view-id-actualites div.view-content div.views-row {
    display: flex;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.view-id-actualites div.view-content div.views-row>div {
    width: 50%;
    height: auto;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row>div {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    height: 26.2em;
    overflow: hidden;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row>div:nth-child(2) {
    padding: 2em 2em 1em 2em;
    background-color: #fff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    position: relative;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row>div div.field-type a {
    color: var(--first-color-red);
    text-transform: uppercase;
    font-size: 0.9em;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row>div>div {
    margin-bottom: 15px;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row div.field-atom>div,
.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row div.field-scald-thumbnail>div {
    padding-bottom: 0;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .views-field-title {
    max-height: 6em;
    overflow: hidden;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .views-field-title a {
    color: #000;
    font-size: 31px;
    font-weight: bold;
    text-decoration: none;
    line-height: normal;
    font-family: CervoNeue, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row:hover .views-field-title a {
    color: var(--alt-color-red);
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .field-chapo-1 {
    font-size: 1em;
    font-weight: bold;
    max-height: 4em;
    overflow: hidden;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .field-chapo-2 {
    font-size: 0.9em;
    max-height: 4em;
    overflow: hidden;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .footer-actu {
    position: absolute;
    bottom: 1em;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .field-nom,
.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .field-prenom,
.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .views-field-created {
    display: inline-block;
    color: #a3a3a3;
    font-size: 0.8em;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .field-nom,
.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .field-prenom {
    font-size: 1em;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .views-field-created .field-content {
    position: absolute;
    bottom: 10px;
}

.view-actualites[class*="view-display-id-page"]>h2,
.view-actualites[class*="view-display-id-page"]>div.view-content,
.view-actualites[class*="view-display-id-page"]>ul.pager-load-more,
.liste-emissions .panel-twocol-63-37-stacked,
.liste-emissions .fond-blanc-wrapper {
    max-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 10;
}

.view-actualites[class*="view-display-id-page"]>ul.pager-load-more a {
    display: inline-block;
    font-size: 1.3em;
    font-weight: bold;
    color: #fff;
    padding: 0.6em 1.5em;
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    background-color: var(--alt-color-red);
    margin: 1em 0 2em;
    margin-top: 1em;
    margin-left: 0px;
}

.view-actualites[class*="view-display-id-page"]>ul.pager-load-more a:hover {
    color: #fff;
}

.view-actualites[class*="view-display-id-page"]>h2 {
    font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    margin: 2em auto 1em auto;
    font-size: 2em;
    text-transform: uppercase;
    font-style: italic;
}

.view-actualites[class*="view-display-id-page"]>div.view-content,
.liste-emissions .panel-twocol-63-37-stacked,
.liste-emissions .view-emissions .view-content,
.liste-emissions .view-emissions .view-header {
    display: flex;
    flex-flow: row wrap;
    padding: 0 0.2%;
    position: relative;
    z-index: 10;
}

.liste-emissions .view-emissions .view-header {
    margin-top: 30px;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div {
    display: inline-block;
    width: 23%;
    margin: 0 1% 1em 0.95%;
    position: relative;
    background-color: #fff;
    transition: 1s ease;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div:hover {
    -webkit-box-shadow: 0px 7px 8px 1px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 7px 8px 1px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 7px 8px 1px rgba(0, 0, 0, 0.18);
    transition: 1s ease;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div:nth-child(1) {
    order: 21
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div:nth-child(1) {
    background-color: var(--alt-color-red);
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div:nth-child(1)>div:first-child {
    width: 100%;
    min-height: 191px;
    background: url("../images/view_actualites_newsletter.jpg") left center no-repeat;
    margin-top: -19px;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div:nth-child(1)>div:nth-child(2) {
    color: #fff;
    font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding: 1em;
    margin: -4em auto 1em auto;
    text-align: center;
    width: 75%;
    transform: skewY(-16deg);
    font-size: 2.8em;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div:nth-child(1)>div:nth-child(3) {
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    margin: 0 1.5em 1.5em 1.5em;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div:nth-child(1)>div a {
    display: inline-block;
    font-size: 1em;
    font-weight: bold;
    color: #000 !important;
    padding: 0.6em 1.5em 0.6em 1em;
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    background-color: #f7f7f7;
    margin: 4em 0 0 0;
    text-decoration: none;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.field-atom,
.view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.field-scald-thumbnail {
    overflow: hidden;
    margin-bottom: 1em;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.field-atom img,
.view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.field-scald-thumbnail img {
    min-width: 100%;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.field-type {
    margin: 0 1.5em 0.5em 1.8em;
    height: 1.5em;
    overflow: hidden;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.field-type {
    color: var(--first-color-red);
    text-transform: uppercase;
    font-size: 0.8em;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.views-field-title {
    margin: 0 1.5em 1em 1.5em;
    font-size: 1em;
    font-weight: bold;
    overflow: hidden;
    max-height: 5.5em;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.views-field-title a {
    color: #000;
    text-decoration: none;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.views-field-title a:hover {
  color: var(--alt-color-red);
  text-decoration: underline;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.field-chapo-1 {
    font-size: 0.9em;
    max-height: 8.5em;
    overflow: hidden;
    margin: 0 1.5em 4em 1.5em;
}

.view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.views-field-created {
    color: #a3a3a3;
    font-size: 0.8em;
    position: absolute;
    bottom: 1em;
    margin: 0 1.5em;
}

.view-actualites[class*="view-display-id-page"] div.attachment-before div.view-id-actualites div.view-content div.views-row .field-items {
    margin-bottom: 0px;
}

/* PAGE LISTE DES CHAINES */

body.page-votre-tele-vos-chaines div.view-vos-cha-nes {
    background-color: #f5f5f5;
    padding-bottom: 8em;
}

body.page-votre-tele-vos-chaines #block-easy-breadcrumb-easy-breadcrumb div.InnerBarreVert {
    position: absolute;
    top: 0;
    left: 0;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content {
    max-width: 1200px;
    margin: auto;
    position: relative;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content div.InnerBarreVert,
.liste-emissions div.InnerBarreVert {
    position: absolute;
    left: 0;
    top: -30px;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content div.InnerBarreVert,
body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content div.InnerBarreVert div:nth-child(2),
.liste-emissions div.InnerBarreVert,
.liste-emissions div.InnerBarreVert div:nth-child(2) {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content div.InnerBarreVert div:nth-child(3),
.liste-emissions div.InnerBarreVert div:nth-child(3) {
    border-right: 1px solid #d4d4d4;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row {
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    margin: 2em 0;
    border-bottom: 4px solid #e7e7e7;
    background-color: #fff;
    position: relative;
    z-index: 10;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div {
    flex: 1;
    overflow: hidden;
    height: 375px;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-scald-thumbnail {
    height: auto;
    display: flex;
    align-items: center;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row.views-row-even>div:nth-child(1) {
    order: 2
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div div.image img,
body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div div.field-scald-thumbnail img {
    width: 100%;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content div.views-row div.field-scald-thumbnail img {
    transition: 1s ease;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content div.views-row:hover div.image img,
body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content div.views-row:hover div.field-scald-thumbnail img {
    transform: scale(1.2);
    transition: 1s ease;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div>*,
body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-scald-thumbnail+div>* {
    margin: 3em;
    text-decoration: none;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div>a:first-child,
body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-scald-thumbnail+div>a:first-child {
    display: inline-block;
    margin: 3em 2em 0 3em;
    font-family: CervoNeueSemiBold, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #000;
    text-decoration: none;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div>a:first-child div,
body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-scald-thumbnail+div>a:first-child div {
    font-size: 3em;
    line-height: 1em;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div div.field-chapo-1,
body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-scald-thumbnail+div div.field-chapo-1 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    max-height: 6em;
    overflow: hidden;
    margin: 1em 3em 0 3em;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div div.field-lien,
body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-scal-thumbnail+div div.field-lien {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    margin: 1em 3em 0 3em;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div div.field-lien a,
body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-scal-thumbnail+div div.field-lien a {
    color: var(--first-color-red);
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div div.field-comptes-sociaux,
body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-scal-thumbnail+div div.field-comptes-sociaux {
    margin: 2em 3em 3em 3em;
}

body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div div.field-comptes-sociaux ul li a img,
body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-scal-thumbnail+div div.field-comptes-sociaux ul li a img {
    width: 2.5em;
    height: 2.5em;
}

.field-comptes-sociaux ul {
    list-style-type: none;
}

.view-vos-cha-nes.view-display-id-page .field-comptes-sociaux ul {
    padding: 0 !important;
}

.view-vos-cha-nes.view-display-id-page .field-comptes-sociaux ul li {
    float: left;
    margin: 5px !important;
    padding: 0 !important;
}

/* PAGE LISTE DES PROGRAMMES */

section #block-system-main .view-display-id-page_programmes {
    background-color: #f5f5f5;
}

section #block-system-main .view-display-id-page_programmes div.view-content {
    display: flex;
    flex-flow: row wrap;
    max-width: 1200px;
    margin: auto;
}

section #block-system-main .view-display-id-page_programmes div.view-content div.views-row {
    width: 25%;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    padding: 2em 1% 3em 1%;
    transition: 1s ease;
}

section #block-system-main .view-display-id-page_programmes div.view-content div.views-row a {
    display: block;
    text-decoration: none;
    transition: 1s ease;
}

section #block-system-main .view-display-id-page_programmes div.view-content div.views-row a:hover {
    -webkit-box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 4px 8px 1px rgba(0, 0, 0, 0.18);
    transition: 1s ease;
}

section #block-system-main .view-display-id-page_programmes div.view-content div.views-row div.field-image-de-liste img {
    width: 100%;
}

section #block-system-main .view-display-id-page_programmes div.view-content div.views-row div.field-informations-de-diffusion,
section #block-system-main .view-display-id-page_programmes div.view-content div.views-row div.views-field-title {
    background-color: #fff;
}

section #block-system-main .view-display-id-page_programmes div.view-content div.views-row div.field-informations-de-diffusion {
    color: var(--first-color-red);
    text-transform: uppercase;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding: 2em 3em 0 3em;
    font-size: 0.8em;
}

section #block-system-main .view-display-id-page_programmes div.view-content div.views-row div.views-field-title {
    color: #000;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    padding: 1em 1.9em 2em 1.9em;
    font-size: 1.3em;
}

/* Page de detail d'une actu, d'un contenu */

body.node-type-article,
body.page-node,
.page-cartes-dedicacees,
[class *='page-assistez-participez-aux-emissions'],
.liste-emissions {
    background-color: #f5f5f5;
}

body.node-type-article main.main-container h1,
body.page-votre-tele main.main-container h1,
body.page-a-la-une-programmes-tv h1,
body.page-node h1,
body.liste-articles h1.page-header,
body.liste-animateurs h1.page-header,
body.page-assistez-participez h1.page-header,
body[class *="page-assistez-participez-aux-emissions"] h1.page-header,
body.page-cartes-dedicacees h1.page-header,
body.liste-emissions h1.page-header {
    transform: none;
    background: none;
    color: var(--first-color-red);
    width: 100%;
    font-size: 44px;
    margin: 0.5em 0 0 !important;
    text-align: left;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0.25em;
    font-family: CervoNeueSemiBold, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body.titre-blanc h1.page-header,
body.titre-blanc h1.page-header *,
body.titre-blanc #page-header .sous-titre * {
    color: #fff !important;
}

body.node-type-article main.main-container h1 span,
body.page-votre-tele main.main-container h1 span,
body.page-a-la-une-programmes-tv h1 span,
body.page-node h1 span,
body.liste-articles h1 span,
body.liste-animateurs h1 span {
    display: inline-block;
}

body.node-type-article main.main-container h1+div.sous-titre,
body.page-votre-tele main.main-container h1+div.sous-titre,
body.page-a-la-une-programmes-tv main.main-container h1+div.sous-titre,
body.page-node h1+div.sous-titre,
body.liste-articles h1.page-header+div.sous-titre,
body.liste-animateurs h1.page-header+div.sous-titre,
body.page-assistez-participez h1.page-header+div.sous-titre {
    font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1.2em;
}

body.node-type-article main.main-container h1+div.sous-titre span,
body.page-votre-tele main.main-container h1+div.sous-titre span,
body.page-a-la-une-programmes-tv h1+div.sous-titre span,
body.page-node h1+div.sous-titre span {
    display: inline-block;
}

body.node-type-article main.main-container h2 {
    font-family: CervoNeueSemiBold, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    transform: none;
    background: none;
    color: #000;
    width: 100%;
    font-size: 1.5em;
    margin: 0 auto;
    font-style: italic;
    text-transform: uppercase;
    text-align: left;
    padding-left: 0px;
}

body.node-type-article div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body {
    padding-top: 0 !important;
}

div.panel-panel.header+div.panel-panel.line {
    max-width: 1200px;
    margin: auto;
    position: relative;
}

div.panel-panel.line .unit .inside {
    margin: 0;
}

div.panel-panel.header+div.panel-panel.line div.panel-panel.left {
    width: 75%;
    background-color: #fff;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    vertical-align: top;
    display: inline-block;
}

div.panel-panel.header+div.panel-panel.line div.panel-panel.right {
    width: 24%;
    vertical-align: top;
    display: inline-block;
    /* position: fixed; */
}

div.panel-panel.header+div.panel-panel.line div.panel-panel.right div.service-links {
    margin: 4em 0 0 1em;
}

div.panel-panel.header+div.panel-panel.line div.panel-panel.right div.service-links a {
    display: block;
    height: 42px;
    width: 42px;
    margin-bottom: 1.5em;
}

div.panel-panel.header+div.panel-panel.line div.panel-panel.right div.service-links a img {
    width: 3em;
}

div.panel-panel.header+div.panel-panel.line div.inside div.pane-content div.field-atom img {
    width: 100%;
}

div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-author {
    background-color: #f5f5f5;
    font-size: 1em;
    line-height: 3.5em;
}

div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-author span {
    color: #7f7f7f;
    font-size: 0.9em;
}

div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-field-animateurs-associes {
    padding: 2em 5% 0 5%;
}

div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-author {
    padding-left: 15px;
    padding-bottom: 0;
}

div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-field-chapo-1 {
    font-size: 21px;
    font-weight: bolder;
    color: #053162;
    line-height: 28px;
    margin: 5rem 6rem 3rem 6rem;
}

div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body {
    margin-top: 1.5em;
    text-align: left;
    font-size: 14px;
    padding: 60px 60px 8rem 60px;
}

div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body img {
    max-width: 100% !important;
    height: auto !important;
}

div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body iframe.instagram-media {
    width: 100%;
}

div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body blockquote {
    padding: 0;
    border: 0 none;
    margin: 0;
    position: relative;
}

div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body blockquote::before {
    font-family: Georgia;
    content: "“";
    color: var(--first-color-red);
    font-size: 6em;
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    position: relative;
    top: 0.25em;
}

div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body blockquote p {
    display: inline-block;
    vertical-align: middle;
    padding: 1em 20px;
    border-left: 2px solid #043161;
    color: #043161;
    font-weight: normal;
    font-style: italic;
}

@keyframes animateurHover {
    from {
        background-position: 0px 350%;
    }

    to {
        background-position: 0px 100%;
    }
}

@keyframes animateur {
    0% {
        background-image: url(../images/animateurs_vignette_hover_fond.png);
        background-position: 0 100%
    }

    100% {
        background-image: url(../images/animateurs_vignette_hover_fond.png);
        background-position: 0 350%;
    }
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-animateur {
    border: 2px solid #fff;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
    height: 27em;
    position: relative;
    z-index: 100;
    animation: animateur 0.7s ease;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-animateur:hover {
    background-image: url(../images/animateurs_vignette_hover_fond.png);
    animation: animateurHover 0.7s ease;
}

div.pane-node-field-animateurs-associes>div.pane-content {
    display: flex;
}

div.pane-node-field-animateurs-associes>h2 {
    padding-left: 1em;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes {
    margin-right: 20px;
    margin-bottom: 20px;
    width: 33.3%;
    vertical-align: top;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    transition: 1s ease;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes a {
    text-decoration: none;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes:hover {
    -webkit-box-shadow: 0px 7px 8px 1px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 7px 8px 1px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 7px 8px 1px rgba(0, 0, 0, 0.18);
    transition: 1s ease;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-animateur div.image {
    width: 17.5em;
    height: 17.5em;
    overflow: hidden;
    border-radius: 17em;
    border: 4px solid #fff;
    margin: 1em auto;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-animateur a div.field-prenom,
div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-animateur a div.field-nom,
div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-animateur a div.field-fonction {
    text-align: center;
    color: #000;
    font-size: 14px;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-animateur a div.field-nom {
    font-weight: bold;
    font-size: 14px;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-animateur a div.field-fonction {
    text-align: center;
    font-size: 0.8em;
    position: absolute;
    bottom: 1em;
    width: 100%;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-article {
    height: 26em;
    background-color: #fff;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-article a {
    color: var(--first-color-black);
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-article a:hover {
    text-decoration: none;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-article div.image {
    height: 170px;
    overflow: hidden;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-article div.image img {
    width: 100%;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-article div.field-scald-thumbnail {
    margin-bottom: 1em;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-article div.field-type {
    color: var(--first-color-red);
    text-transform: uppercase;
    font-size: 0.8em;
    margin: 0 1.5em 0.5em 1.8em;
    height: 1.5em;
    overflow: hidden;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-article div.field-title {
    margin: 0 1.5em 1em 1.5em;
    font-size: 1em;
    font-weight: bold;
    overflow: hidden;
    max-height: 5.5em;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-article div.field-title h2 {
    font-style: normal;
    text-transform: none;
    font-size: 1em;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    padding: 0;
}

div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-article div.field-chapo-1 {
    font-size: 0.9em;
    max-height: 8.5em;
    overflow: hidden;
    margin: 0 1.5em 4em 1.5em;
}

body.node-type-article div.postface {
    background-color: #fff;
    position: sticky;
}

body.node-type-article div.postface div.region-postface {
    max-width: 1200px;
    margin: auto;
}

body.node-type-article div.postface div.region-postface section.block-block {
    width: 75%;
}

body.node-type-article div.postface div.region-postface section.block-block>* {
    display: inline-block;
    width: 32%;
    padding: 0 1.5%;
    vertical-align: middle;
}

body.node-type-article div.postface section.block-block h6 {
    font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    font-size: 1.5em;
    margin: 0 auto;
    font-style: italic;
    text-transform: uppercase;
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    line-height: 2em;
    margin-left: 2.5%;
}

body.node-type-article div.postface section.block-block h6 .newsletter-btn-fond {
    display: inline-block;
    width: 46px;
    height: 35px;
    vertical-align: middle;
    margin-right: 10px;
}

body.node-type-article div.postface section.block-block a.btn-rouge {
    width: 95%;
    text-align: center;
    background-color: #f7f7f7;
    padding: 0.7em 2em;
}

body.node-type-article footer {
    margin-top: 0;
}

.header {
    padding: 0;
}

.footer {
    border-top: 0 none !important;
    margin-top: 0 !important;
    padding-bottom: 0;
    position: sticky;
}

body.node-type-article iframe {
    max-width: 100% !important;
    min-width: auto !important;
}

.media_embed iframe[src *="tf1.fr/embedplayer"] {
    height: 315px;
    width: 560px;
}


/* Page type article */

body.liste-articles h1.page-header,
body.liste-animateurs h1.page-header,
body.page-node h1 {
    padding-left: 15px !important;
}

body.liste-articles #block-easy-breadcrumb-easy-breadcrumb div.InnerBarreVert {
    position: absolute;
    top: 0;
    left: 0;
}

body.liste-articles div.view-actualites div.attachment div.InnerBarreVert {
    position: absolute;
    left: 0;
    top: -30px;
}

body.liste-articles div.view-actualites div.attachment div.InnerBarreVert,
body.liste-articles div.view-actualites div.attachment div.InnerBarreVert div:nth-child(2),
.panel-twocol-63-37-stacked div.InnerBarreVert,
.panel-twocol-63-37-stacked div.InnerBarreVert div:nth-child(2) {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}

body.liste-articles div.view-actualites div.attachment div.InnerBarreVert div:nth-child(3),
.panel-twocol-63-37-stacked div.InnerBarreVert div:nth-child(3) {
    border-right: 1px solid #d4d4d4;
}


body.page-node #block-system-main>article {
    max-width: 1200px;
    margin: auto;
    position: relative;
}

body.page-node #block-system-main>article div.paragraphs-items div.entity-paragraphs-item {
    background-color: #fff;
    padding: 0.7%;
    margin-bottom: 3em;
    border-bottom: 4px solid #e3e3e3;
    position: relative;
    z-index: 10;
}

.page-node.node-type-contact .paragraphs-items {
    margin-top: 3em;
}

body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header {
    position: relative;
}

body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header .field-sous-titre {
    font-family: CervoNeueMediumItalic, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    font-size: 3em;
    font-weight: 400;
    top: 1.3em;
    margin-left: 1em;
    position: absolute;
    z-index: 10;
}

body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header div.field-atom img {
    width: 100%;
}

body.page-node #block-system-main div.paragraphs-items div.field-paragraphes div.group-left div.field-image-de-liste {
    text-align: left;
}

body.page-node #block-system-main div.paragraphs-items div.field-paragraphes div.group-right div.field-image-de-liste {
    text-align: right;
}

.view-emissions .views-row .node-emissions {
    display: flex;
}

.view-emissions .views-row.views-row-even .group-left {
    order: 2;
}

.view-emissions .views-row.views-row-even .group-right {
    order: 1;
}

body.page-node #block-system-main div.paragraphs-items div.field-paragraphes div.group-left div.field-image-de-liste img,
body.page-node #block-system-main div.paragraphs-items div.field-paragraphes div.group-right div.field-image-de-liste img,
.view-emissions .group-left .field-atom img {
    width: 86%;
    margin: 5%;
    display: inline-block;
}

body.page-node #block-system-main div.paragraphs-items div.field-paragraphes div.field-chapo-1,
body.page-node #block-system-main div.paragraphs-items div.field-paragraphes div.field-chapo-2 {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 86%;
    margin: 5%;
    font-size: 1em;
}

body.page-node #block-system-main div.paragraphs-items div.field-paragraphes div.field-chapo-1 p a,
body.page-node #block-system-main div.paragraphs-items div.field-paragraphes div.field-chapo-2 p a {
    color: var(--alt-color-red);
}

body.page-node #block-system-main div.paragraphs-items div.field-paragraphes div.field-chapo-1 p.rteindent1,
body.page-node #block-system-main div.paragraphs-items div.field-paragraphes div.field-chapo-2 p.rteindent1 {
    border-left: 3px solid var(--alt-color-red);
    font-weight: bold;
    margin: 1.5em 0;
}


/* LISTE DES ANIMATEURS */

body.node-type-animateur #page-header>div.region-header {
    background-color: rgb(104, 133, 166);
}

.page-votre-tele-animateurs .node-animateur.node-teaser a:hover,
.page-votre-tele-animateurs .node-animateur.node-teaser a:focus {
    text-decoration: none;
}

body.node-type-animateur #block-easy-breadcrumb-easy-breadcrumb,
body.node-type-animateur #block-easy-breadcrumb-easy-breadcrumb span.easy-breadcrumb_segment-separator,
body.node-type-animateur #block-easy-breadcrumb-easy-breadcrumb a,
body.titre-blanc #block-easy-breadcrumb-easy-breadcrumb,
body.titre-blanc #block-easy-breadcrumb-easy-breadcrumb span.easy-breadcrumb_segment-separator,
body.titre-blanc #block-easy-breadcrumb-easy-breadcrumb a {
    color: #fff;
}

body.page-votre-tele-animateurs div.view-filters {
    background-color: #f6f6f6;
}

.page-accueil .background_animateur {
    background: url(../images/Spots.jpg) no-repeat center top;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content,
body.node-type-animateur div.field-animateurs-associes div.field-items,
.page-accueil .pane-animateurs {
    display: flex;
    max-width: 1200px;
    margin: auto;
    position: relative;
    flex-wrap: wrap;
    padding-bottom: 4em;
}

.page-accueil .pane-animateurs .pane-animateurs-content .view-content {
    display: flex;
    max-width: 1200px;
    margin: auto;
    position: relative;
    flex-wrap: wrap;
}

body.page-votre-tele-animateurs div.view-content div.InnerBarreVert,
.liste-emission div.InnerBarreVert,
.page-accueil .pane-animateurs div.InnerBarreVert {
    position: absolute;
}

body.page-votre-tele-animateurs div.view-content div.InnerBarreVert,
body.page-votre-tele-animateurs div.view-content div.InnerBarreVert div:nth-child(2),
.liste-emission div.InnerBarreVert,
.liste-emission div.InnerBarreVert div:nth-child(2) {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}

body.page-votre-tele-animateurs div.view-content div.InnerBarreVert div:nth-child(3),
.liste-emission div.InnerBarreVert div:nth-child(3) {
    border-right: 1px solid #d4d4d4;
}

.page-accueil .pane-animateurs div.InnerBarreVert {
    opacity: 1;
}

/*
body.page-votre-tele-animateurs .view-animateurs div.view-content>h3 {
    flex: 1;
    min-width: 100%;
    font-family: CervoNeue, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    transform: skewY(-16deg);
    color: var(--alt-color-red);
    position: relative;
    top: -7em;
    font-weight: bold;
    margin-left: 0.5em;
    margin-top: 3em;
    z-index: 1;
}
*/

body.page-votre-tele-animateurs .view-animateurs div.view-content>h3 {
    flex: 1;
    min-width: 100%;
    font-family: CervoNeue, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    transform: skewY(-16deg);
    color: var(--alt-color-red);
    position: relative;
    top: -7em;
    font-weight: bold;
    margin-left: 0.5em;
    margin-top: 6em;
    z-index: 1;
    margin-bottom: -5em;
    font-size: 7em;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>h3:first-child {
    margin-top: 2.5em;
}

/*body.page-votre-tele-animateurs .view-animateurs div.view-content>h3 span{*/
/*    font-size: 4em;*/
/*    flex: 1;*/
/*    min-width: 100%;*/
/*    font-family: CervoNeue, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
/*    transform: skewY(-16deg);*/
/*    color: var(--alt-color-red);*/
/*    position: relative;*/
/*    top: -7em;*/
/*    font-weight: bold;*/
/*    margin-left: 0.5em;*/
/*    margin-top: 3em;*/
/*    z-index: 1;*/
/*}*/

.page-accueil .pane-animateurs .pane-animateurs-content {
    width: 100%;
    z-index: 10;
    background: url(/sites/all/themes/tf1_et_vous/images/Spots.jpg) no-repeat center top;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div:not(.InnerBarreVert),
body.node-type-animateur div.field-animateurs-associes div.field-items>div,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div {
    flex: 0.25;
    min-width: 25%;
    max-width: 25%;
    padding: 1%;
}

.page-accueil .pane-animateurs-content .more-link a:hover {
    color: #ffffff;
    background-color: rgb(21, 83, 144);
}

.page-accueil .pane-animateurs-content .more-link a:hover span svg {
    fill: #ffffff !important;
}

@keyframes animateurVignetteHover {
    from {
        background-position: 0px 350%;
    }

    to {
        background-position: 0px 100%;
    }
}

@keyframes animateurVignette {
    0% {
        background-image: url(../images/animateurs_vignette_hover_fond.png);
        background-position: 0 100%
    }

    100% {
        background-image: url(../images/animateurs_vignette_hover_fond.png);
        background-position: 0 350%;
    }
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div:not(.InnerBarreVert)>div,
body.node-type-animateur div.field-animateurs-associes div.field-items>div:not(.InnerBarreVert)>div,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div {
    border: 2px solid #fff;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: #f0f0f0;
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.20);
    height: 27em;
    position: relative;
    z-index: 100;
    animation: animateurVignette 0.7s ease;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div:not(.InnerBarreVert)>div:hover,
body.node-type-animateur div.field-animateurs-associes div.field-items>div:not(.InnerBarreVert)>div:hover,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div:hover {
    background-image: url(../images/animateurs_vignette_hover_fond.png);
    animation: animateurVignetteHover 0.7s ease;
}

.plus-animateur {
    background: url(../images/animateurs_vignette_fond.jpg) right bottom no-repeat;
    z-index: 150;
    position: absolute;
    right: 1px;
    bottom: 1px;
    width: 41px;
    height: 41px;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div:hover div.field-photo div.image .img-responsive,
body.node-type-animateur div.field-animateurs-associes div.field-items>div:hover div.field-photo div.image .img-responsive,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div:hover div.field-scald-thumbnail div.field-items .img-responsive {
    transform: scale(1.1);
    transition: all 0.5s ease;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div>div:hover div.field-prenom,
body.page-votre-tele-animateurs .view-animateurs div.view-content>div>div:hover div.field-nom,
body.page-votre-tele-animateurs .view-animateurs div.view-content>div>div:hover div.field-fonction,
body.node-type-animateur div.field-animateurs-associes div.field-items>div>div:hover div.field-prenom,
body.node-type-animateur div.field-animateurs-associes div.field-items>div>div:hover div.field-nom,
body.node-type-animateur div.field-animateurs-associes div.field-items>div>div:hover div.field-fonction,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div:hover div.field-prenom,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div:hover div.field-nom,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div:hover div.field-fonction {
    color: #fff;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div>div:hover a:hover,
body.node-type-animateur div.field-animateurs-associes div.field-items>div>div:hover a:hover {
    text-decoration: none;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div div.field-photo div.image,
body.node-type-animateur div.field-animateurs-associes div.field-items>div div.field-photo div.image,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div div.field-scald-thumbnail div.field-items {
    width: 17.5em;
    height: 17.5em;
    overflow: hidden;
    border-radius: 17em;
    border: 4px solid #fff;
    margin: 1em auto;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div div.field-photo div.image:not(*:root),
body.node-type-animateur div.field-animateurs-associes div.field-items>div div.field-photo div.image:not(*:root),
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div div.field-scald-thumbnail div.field-items:not(*:root) {
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div div.field-photo div.image .img-responsive,
body.node-type-animateur div.field-animateurs-associes div.field-items>div div.field-photo div.image .img-responsive,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div div.field-scald-thumbnail div.field-items .img-responsive {
    width: 100%;
    overflow: hidden;
    transition: all 0.5s ease;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div div.field-prenom,
body.page-votre-tele-animateurs .view-animateurs div.view-content>div div.field-nom,
body.node-type-animateur div.field-animateurs-associes div.field-items>div div.field-prenom,
body.node-type-animateur div.field-animateurs-associes div.field-items>div div.field-nom,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div div.field-prenom,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div div.field-nom {
    text-align: center;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div div.field-nom,
body.node-type-animateur div.field-animateurs-associes div.field-items>div div.field-nom,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div div.field-nom {
    font-weight: bold;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content a,
body.node-type-animateur div.field-animateurs-associes div.field-items a {
    color: #000;
}

body.page-votre-tele-animateurs .view-animateurs div.view-content>div div.field-fonction,
body.node-type-animateur div.field-animateurs-associes div.field-items>div div.field-fonction,
.page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div div.field-fonction {
    text-align: center;
    font-size: 0.8em;
    position: absolute;
    bottom: 1em;
    width: 100%;
}

.page-accueil .pane-animateurs .pane-title {
    padding: 1em 0 20px;
}

.page-accueil .pane-animateurs .pane-title {
    color: #ffffff;
}

.page-accueil .pane-animateurs .pane-title .h2-fond-bas {
    background-color: rgb(21, 81, 144);
}

.page-accueil .pane-animateurs .view-header {
    text-align: center;
    margin-bottom: 35px;
    color: #ffffff;
}

.page-accueil .pane-animateurs .pane-content .node-animateur a:hover {
    text-decoration: none;
}


/* DETAIL d'UN ANIMATEUR */

body.node-type-animateur {
    background-color: #fff;
    position: relative;
}

body.node-type-animateur #block-easy-breadcrumb-easy-breadcrumb {
    position: relative;
}

body.node-type-animateur #block-easy-breadcrumb-easy-breadcrumb div.InnerBarreVert {
    position: absolute;
    top: 0 !important;
    left: 0;
}

body.node-type-animateur #block-easy-breadcrumb-easy-breadcrumb .easy-breadcrumb {
    position: inherit;
    z-index: 10;
}

body.node-type-animateur #page-header .header-animateur {
    background-position: center top !important;
    height: 1051px;
}

body.node-type-animateur #page-header .header-animateur>div {
    max-width: 1200px;
    margin: auto;
}

body.node-type-animateur #page-header .header-animateur div.group-left div.field-image-header-anim img {
    max-width: none;
    margin-left: -359px;
}


body.node-type-animateur div.header-animateur div.field-prenom-nom h1 {
    transform: skewY(-16deg);
    font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #fff;
    margin-top: -10.5em !important;
    text-align: center;
}


body.node-type-animateur div.header-animateur div.field-chapo-1 {
    transform: skewY(-16deg);
    font-family: CervoNeue, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 40px;
    width: 80%;
    margin: 2.1em 10% 0;
}

body.node-type-animateur div.header-animateur div.field-signature img {
    margin: 2em auto 0 auto;
}


body.node-type-animateur div.header-animateur div.field-prenom-nom span {
    display: inline-block;
    margin: auto;
    background-color: #155190;
    padding: 0 0.25em;
}

body.node-type-animateur div.header-animateur div.field-prenom-nom span:nth-of-type(1) {
    font-size: 1.5em;
    margin-bottom: 5px;
    display: inline-block;
}

body.node-type-animateur div.header-animateur div.field-prenom-nom span:nth-of-type(2) {
    font-size: 2em;
    text-transform: uppercase;
}

body.node-type-animateur #page-header {
    height: 1088px;
    background-image: none;
}

.header-animateur-bottom {
    height: 560px;
    width: 100%;
    background-color: transparent;
    background-image: url("../images/header-animateur-bottom.png");
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: center bottom !important;
    margin: -573px auto 0 auto;
    position: relative;
}

body.node-type-animateur div.region-content div.center-wrapper {
    display: flex;
    max-width: 1200px;
    margin: auto;
    position: relative;
    flex-wrap: wrap;
    top: -8em;
}

body.node-type-animateur div.region-content div.center-wrapper div.InnerBarreVert {
    position: absolute;
    top: -300px;
    left: 0;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}

body.node-type-animateur div.region-content div.center-wrapper div.InnerBarreVert div:nth-child(2) {
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}

body.node-type-animateur div.region-content div.center-wrapper div.InnerBarreVert div:nth-child(3) {
    border-right: 1px solid #d4d4d4;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-panel {
    width: 50%;
}

body.node-type-animateur div.region-content div.panel-display div.center-wrapper:nth-child(2)>div.panel-col-first {
    position: relative;
    padding: 0 0 2em 3em;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first h3 {
    margin-top: 1.5em;
}

body.node-type-animateur div.region-content div.center-wrapper div.paragraphs-items-field-dates-cles h3 {
    margin-left: 40px;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-dates-cles {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1.2em;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-dates-cles div.field-date,
body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-dates-cles div.field-evenement {
    display: inline-block;
    vertical-align: top;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-dates-cles div.field-date {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    color: var(--alt-color-red);
    font-style: italic;
    width: 35%;
    text-align: right;
    padding-right: 1em;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-dates-cles div.field-evenement {
    width: 61%;
    padding: 0 0 0.7em 3em;
    background: url("../images/date_liste.jpg") left -35px no-repeat;
    font-size: 15px;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-dates-cles:first-of-type div.field-evenement {
    background: url("../images/date_liste_deb.jpg") left 6px no-repeat;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-dates-cles:last-of-type div.field-evenement {
    background: url("../images/date_liste_fin.jpg") left -54px no-repeat;
}

body.node-type-animateur div.region-content div.panel-display div.center-wrapper:nth-child(2)>div.panel-col-last {
    top: -32.5em;
    right: 0;
    background: url("../images/animateur_col_droite_fond.png") center top no-repeat;
    font-size: 13px !important;
    z-index: 10;
    margin-top: -32.5em;
    background-color: transparent;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-last div.inside div.field-body div.field-items {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1.2em;
    padding: 2em 3em;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-last div.inside div.field-comptes-sociaux {
    text-align: center;
    margin-bottom: 30px;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-last div.inside div.field-comptes-sociaux .field-label {
    font-size: 1.3em;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-last div.inside div.field-comptes-sociaux .field-label span {
    font-weight: bold;
    margin-bottom: 1em;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-last div.inside div.field-comptes-sociaux .field-items ul {
    padding-right: 7px !important;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-last div.inside div.field-comptes-sociaux .field-items ul li {
    float: none;
    display: inline-block;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-last div.inside div.field-afficher-tweet {
    padding: 0 4.5em 0 4.5em;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-last div.inside div.field-afficher-tweet h3 {
    margin-top: 0;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama {
    padding-right: 3em;
    padding-left: 3em;
    margin-top: 30px;
    ;
}

div.field-diaporama blockquote {
    display: none;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-last div.inside div.field-afficher-tweet h3,
body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first h3,
body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-label div.lab {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.7em;
    margin-bottom: 1em;
}

body.node-type-animateur div.paragraphs-items-field-dates-cles h3 span,
body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-last div.inside div.field-afficher-tweet h3 span,
body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first h3 span,
body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-label div.lab span {
    font-weight: bold;
}

body.node-type-animateur div.region-content div.panel-display div.center-wrapper:nth-child(4)>div.panel-col-first {
    position: relative;
}

body.node-type-animateur div.region-content div.panel-display div.center-wrapper:nth-child(4)>div.panel-col-last {
    position: relative;
}

body.node-type-animateur div.region-content div.panel-display div.center-wrapper:nth-child(4)>div.panel-col-last iframe.twitter-timeline {
    border: 1px solid #ccd7dd !important;
    border-radius: 6px;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-label div.lab,
body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-label div[id^="launch-diapo"] {
    display: inline-block;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-label div[id^="launch-diapo"] {
    font-size: 1.1em;
    color: #737373;
    float: right;
    cursor: pointer;
    padding-top: 9px;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-label div[id^="launch-diapo"]:hover {
    color: rgb(231, 58, 103);
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-items div.field-item {
    width: 96%;
    border: 1px solid #cdcdcd;
    overflow: hidden;
    margin: 0 2% 2em 2%;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-items img {
    width: 100%;
    height: auto;
    cursor: pointer;
}

body.node-type-animateur div.region-content div.center-wrapper div.panel-col-first div.field-diaporama div.field-atom:hover div.field-items img {
    transform: scale(1.05);
    transition: 1s ease;
}

body.node-type-animateur div.region-content div.center-wrapper div.panel-col-first div.field-diaporama div.field-atom div.field-items img {
    transition: 1s ease;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.dedicace-wrapper div.dedicace-txt,
body.node-type-animateur div.dedicace-txt {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 60px;
    left: 65px;
    color: var(--first-color-black);
    cursor: pointer;
}

body.node-type-animateur div.region-content div.panel-col-bottom {
    position: relative;
    top: -2em;
}

body.node-type-animateur div.region-content div.panel-col-bottom h2 {
    margin-top: 0;
    padding-top: 0;
}

body.node-type-animateur div.region-content div.panel-col-bottom div.field-animateurs-associes div.field-items {
    margin-top: 6em;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-atom div.field-items div.field-item,
body.node-type-animateur div.field-atom div.field-items div.field-item {
    border: 0 none;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-atom div.field-items div.field-item,
body.node-type-animateur div.field-atom div.field-items div.field-item {
    margin: 0;
    width: 100%;
}

body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-atom,
body.node-type-animateur .field-atom {
    border: 4px solid #fff;
    -webkit-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.3);
    margin: 0 2% 3em 2%;

}

.dedicace-wrapper {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    position: relative;
}

.dedicace-wrapper span {
    font-weight: 700;
}

.featherlight-content,
.featherlight-content iframe {
    height: 50em !important;
}

/* GENERIQUE */

.page-accueil .view-actualites .more-link a,
.view-status-sociaux .view-header a,
.view-status-sociaux .view-footer a,
.btn-rouge,
#sliding-popup .agree-button {
    display: inline-block;
    font-size: 1.3em;
    font-weight: bold;
    color: #000;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding: 0.7em 2.5em 0.7em 2em;
    border: 1px solid #dfdfdf;
    border-radius: 50px;
    margin: 3em 0;
    background-color: #f7f7f7;
    text-decoration: none !important;
}

.page-accueil .pane-animateurs-content .more-link a {
    display: inline-block;
    font-size: 1.3em;
    font-weight: bold;
    color: rgb(21, 83, 144);
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding: 0.7em 2.5em 0.7em 2em;
    border: 1px solid rgb(21, 83, 144);
    border-radius: 50px;
    margin: 3em 0;
    background-color: #ffffff;
    text-decoration: none !important;
}

.page-accueil .pane-animateurs-content .more-link a:focus-visible {
    outline: 3px solid black;
}

.page-accueil .view-actualites .more-link a:hover,
.view-status-sociaux .view-header a:hover,
.view-status-sociaux .view-footer a:hover,
.btn-rouge:hover {
    color: #fff;
}

.page-accueil .view-actualites .more-link a:hover svg,
.view-status-sociaux .view-header a:hover svg,
.view-status-sociaux .view-footer a:hover svg,
body.node-type-article div.postface section.block-block a:hover .btn-rouge-fond svg {
    fill: #fff !important;
}

.btn-rouge-fond,
.page-accueil .btn-arrow {
    display: inline-block;
    width: 27px;
    height: 20px;
    vertical-align: middle;
    margin-right: 1em;
}

.btn-petit {
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    color: #000;
    margin: 1em 0 2em;
    position: relative;
    text-align: center;
}

.btn-petit a {
    color: #000;
    text-decoration: none;
    padding: 0.6em 1.5em;
    border: 1px solid #dadada;
    border-radius: 50px;
    background-color: #eaeaea;
}

.btn-petit:hover a {
    color: #fff;
}

.page-accueil .pane-title {
    color: rgb(21, 82, 145);
    font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding: 1em 0 0;
    text-align: center;
    width: 100%;
    min-width: 349px;
    font-size: 3.2em;
    position: relative;
    z-index: 1;
    font-style: italic;
    text-transform: uppercase;
    border-bottom: 0 none;
    font-weight: 800;
}

.h2-fond-bas {
    display: block;
    width: 60px;
    height: 5px;
    margin: auto;
    background-color: var(--alt-color-red);
}

.h2-fond-bas {
    margin-top: 20px;
}

.not-front h2.pane-title,
h1.page-header {
    color: #fff;
    font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding: 1em 0;
    margin: 2em auto 1em auto;
    text-align: center;
    width: 100%;
    min-width: 349px;
    transform: skewY(-16deg);
    font-size: 2.8em;
    position: relative;
    z-index: 1;
    border-bottom: 0 none;
}

.not-front .h2-fond-haut,
.not-front .h2-fond-bas {
    display: block;
    width: 108px;
    height: 8px;
    margin: auto;
    background-color: var(--alt-color-red);
}

.not-front .h2-fond-haut {
    margin-bottom: 8px;
}

.not-front .h2-fond-bas {
    margin-top: 8px;
}

.not-front .h2-text {
    display: block;
    width: 100%;
    max-width: 349px;
    height: 67px;
    line-height: 67px;
    position: relative;
    background-color: var(--alt-color-red);
    margin: auto;
}

#block-easy-breadcrumb-easy-breadcrumb {
    margin: auto;
    max-width: 1200px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 1em 1.5em;
    font-size: 1em;
    position: relative;
    z-index: 5;
}

#block-easy-breadcrumb-easy-breadcrumb div.easy-breadcrumb>span {
    vertical-align: top;
}

#block-easy-breadcrumb-easy-breadcrumb div.easy-breadcrumb>span {
    display: inline-block;
}

#block-easy-breadcrumb-easy-breadcrumb .easy-breadcrumb_segment-separator {
    font-size: 2em;
    color: #043161;
    font-family: Helvetica Neue;
    display: inline-block;
    transform: scaleX(0.5);
    line-height: 0.8em;
    padding: 0 0.2em;
}

body.cke_editable {
    border: transparent;
}


/* FOOTER */

footer {
    background-color: var(--alt-color-red);
    width: 100% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

footer .region-footer {
    max-width: 1200px;
    margin: 0 auto;
}

footer .region-footer {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

footer .region-footer .block-menu-block {
    width: 24%;
    color: #fff;
}

footer .region-footer .block-menu-block:nth-child(5) {
    margin-top: -13em;
}

footer .region-footer .block-block img {
    width: 46px;
    height: 46px;
    margin-bottom: 0.5em;
}

footer .region-footer .block-block p a {
    color: #fff;
    display: inline-block;
}

footer .region-footer .block-menu-block .block-title {
    display: block;
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0.9em;
    background: url(../images/footer_titre_fond.png) bottom left no-repeat;
}

footer .region-footer .block-menu-block div.menu-block-wrapper {
    margin-top: 0.5em;
}

footer [class *="region-footer"] a {
    color: #fff;
    padding: 0;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

footer .region-footer .block-menu-block>* {
    margin: -1em 10% 10% 10%;
}

footer .region-footer-second {
    background-color: rgba(0, 0, 0, .15);
}

footer .region-footer-second section {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    text-align: left;
}

footer .region-footer-second section p {
    display: inline-block;
    color: #fff;
    vertical-align: top;
    line-height: 2.6em;
}

footer .region-footer-second section p img {
    width: 183px;
    height: auto;
    margin-right: 0.5em;
    vertical-align: top;
    padding-top: 0.5em;
}

footer .region-footer-second section p:nth-child(1) {
    margin: 0 0 0 2%;
    font-family: CervoNeue, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1.3em;
}

footer .region-footer-second section p:nth-child(2) {
    float: right;
    margin: 0.5em 2% 0 0;
    text-align: right;
    font-size: 12px;
}

footer .nav>li>a:hover,
footer .nav>li>a:focus,
footer .nav>li.open>a,
footer .nav>li.open>a:hover,
footer .nav>li.open>a:focus {
    text-decoration: underline;
    background-color: transparent !important;
}

.icon-tiktok:before {
    content: ' ';
}

.social-links .icon {
    color: transparent;
}

.field-comptes-sociaux .social-links img {
    width: 40px;
}

.page-node.node-type-page #block-system-main .field-body {
    padding-top: 2em;
}

.page-node.node-type-page #block-system-main div.panel-panel.header+div.panel-panel.line div.panel-panel.left {
    background-color: transparent;
}

.page-node.node-type-page #block-system-main div.panel-panel.header+div.panel-panel.line div.panel-panel.left .inside {
    background-color: #fff;
}


/* DETAIL D'UNE CHAINE */
body.node-type-chaines #page-header {
    height: 232px;
}

body.node-type-chaines #block-easy-breadcrumb-easy-breadcrumb div.InnerBarreVert,
body.page-node #block-easy-breadcrumb-easy-breadcrumb div.InnerBarreVert {
    position: absolute;
    top: 50px;
    left: 0;
}

body.node-type-chaines .pane-node-field-image-header {
    position: absolute;
    top: -232px;
    height: 232px;
    width: 3000px;
    left: -1500px;
    margin-left: 50%;
}


body.node-type-chaines .pane-node-field-image-header div.image {
    height: 100%;
    margin: auto;
}

body.node-type-chaines .pane-node-field-image-header img {
    height: 100%;
    width: auto;
    margin: auto;
}

body.node-type-chaines .pane-node-field-image-header img {
    height: 100%;
    width: auto;
    margin: auto;
}

body.node-type-chaines h1.page-header {
    display: none !important;
}

body.node-type-chaines .pane-node-field-image-header+img {
    position: absolute;
    left: 0;
    margin-left: 20px;
    top: -115px;
    height: 50px;
    width: auto;
}

body.node-type-chaines main.main-container>div.row,
body.page-node main.main-container>div.row,
.page-cartes-dedicacees main.main-container>div.row {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
}

body.page-node-152 main.main-container>div.row,
body.page-node-80 main.main-container>div.row {
    position: static;
}

body.page-node-152 main.main-container>div.row div.InnerBarreVert,
body.page-node-80 main.main-container>div.row div.InnerBarreVert {
    display: none;
}

body.node-type-chaines main.main-container>div.row div.InnerBarreVert,
body.page-node main.main-container>div.row div.InnerBarreVert,
body.page-cartes-dedicacees main.main-container>div.row div.InnerBarreVert {
    position: absolute;
    top: 0;
    left: 0;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
}

body.node-type-chaines main.main-container>div.row div.InnerBarreVert div,
body.page-node main.main-container>div.row div.InnerBarreVert div,
body.page-cartes-dedicacees main.main-container>div.row div.InnerBarreVert div {
    border-color: #d4d4d4;
}

body.page-node main.main-container>div.row div.InnerBarreVert+section,
body.page-cartes-dedicacees main.main-container>div.row div.InnerBarreVert+section {
    padding: 2px;
}

body.node-type-chaines main.main-container>div.row div.InnerBarreVert+section div.field-chapo-2 {
    font-size: 21px;
    font-weight: bolder;
    color: #053162;
    line-height: 28px;
    margin: 5rem 6rem 3rem 6rem;
}

body.node-type-chaines main.main-container>div.row div.InnerBarreVert+section div.field-pre-dates-clees {
    font-size: 14px;
    margin: 0 6rem 2.5rem 6rem;
}

body.node-type-chaines main.main-container>div.row div.InnerBarreVert+section div.paragraphs-items-field-dates-cles {
    margin: 0 6rem 2.5rem 6rem;
}

body.node-type-chaines main.main-container>div.row div.InnerBarreVert+section div.paragraphs-items-field-dates-cles h3.field-label {
    font-size: 21px;
    font-weight: bolder;
    color: #053162;
    margin-bottom: 1.2em;
}


body.node-type-chaines div.paragraphs-items-field-dates-cles {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 1.2em;
}

body.node-type-chaines div.paragraphs-items-field-dates-cles div.field-date,
body.node-type-chaines div.paragraphs-items-field-dates-cles div.field-evenement {
    display: inline-block;
    vertical-align: top;
}

body.node-type-chaines div.paragraphs-items-field-dates-cles div.field-date {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: bold;
    color: var(--alt-color-red);
    font-style: italic;
    width: 22%;
    text-align: right;
    padding-right: 1em;
    min-width: 60px;
}

body.node-type-chaines div.paragraphs-items-field-dates-cles div.field-evenement {
    width: 54%;
    padding: 0 0 0.7em 3em;
    background: url("../images/date_liste.jpg") left -35px no-repeat;
    font-size: 15px;
}

body.node-type-chaines div.paragraphs-items-field-dates-cles div.field-dates-cles:first-of-type div.field-evenement {
    background: url("../images/date_liste_deb.jpg") left 6px no-repeat;
}

body.node-type-chaines div.paragraphs-items-field-dates-cles div.field-dates-cles:last-of-type div.field-evenement {
    background: url("../images/date_liste_fin.jpg") left -54px no-repeat;
}

body.node-type-chaines main.main-container>div.row div.InnerBarreVert+section div.field-body {
    font-size: 14px;
    margin: 0 6rem 2.5rem 6rem;
    padding: 0 !important;
}

/* PAGE NOUS SUIVRE */

body.page-assistez-participez main.main-container>div.row div.region-content div.pane-menu-menu-ancre-annuaire+div {
    max-width: 1200px;
    margin: auto;
    position: relative;
    padding-top: 2em;
}

body.page-assistez-participez main.main-container {
    background-color: #f5f5f5;
}

body.page-assistez-participez main.main-container>div.row div.InnerBarreVert {
    position: absolute;
    left: 0;
    top: 0;
    border-left: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    z-index: 1;
    max-height: 100%;
}

body.page-assistez-participez #block-easy-breadcrumb-easy-breadcrumb div.InnerBarreVert {
    position: absolute;
    top: 0;
    left: 0;
}

body.page-assistez-participez main.main-container>div.row div.InnerBarreVert div {
    border-color: #d4d4d4;
}


body.page-assistez-participez main.main-container div.row>section {
    background-color: #f5f5f5;
}


body.page-assistez-participez div.pane-annuaire {
    width: 100%;
    ;
    max-width: 1200px;
    margin: auto;
    padding: 10px;
    background-color: #fff;
    border-bottom: 5px solid #e3e3e3;
    margin-top: 2em;
    padding-bottom: 5em;
    position: relative;
    z-index: 10;
}

body.page-assistez-participez div.InnerBarreVert+a+div.pane-annuaire {
    margin-top: 0;
}

body.page-assistez-participez div.pane-menu-menu-ancre-annuaire+div.panel-separator+div.pane-annuaire {
    margin-top: 4em;
}

body.page-assistez-participez div.pane-annuaire div.view-content {
    display: flex;
    flex-wrap: wrap;
}

body.page-assistez-participez div.pane-annuaire div.view-content h3 {
    width: 100%;
}

body.page-assistez-participez div.pane-annuaire div.view-content>div {
    width: 50%;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row {
    display: flex;
    padding: 0 2em 0 4em;
}

body.page-assistez-participez div.pane-annuaire div.view-content>div.views-row:nth-child(2n),
body.page-assistez-participez div.pane-annuaire div.view-content>div:nth-child(2n) div.views-row {
    padding: 0 2em 0 2em;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div {
    width: 50%;
    border-bottom: 1px solid #e1e1e1;
    padding: 1px 0;
    width: 50%;
}

body.page-assistez-participez div.pane-annuaire div.view-content>div h3 {
    font-size: 24px;
    color: #155190;
    font-weight: 800;
    padding-left: 2.4em;
}

body.page-assistez-participez div.pane-annuaire div.view-content>div:nth-child(2) h3 {
    padding-left: 1.2em;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div:nth-child(2) {
    min-width: 160px;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div.views-field-title span {
    font-size: 18px;
    font-weight: 600;
    line-height: 32px;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row:hover>div.views-field-title span {
    color: var(--alt-color-red);
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div li a img {
    width: 22px;
    height: 22px;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    opacity: 0.3;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row:hover>div li a img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    opacity: 1;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div ul {
    margin-bottom: 0;
    position: relative;
    height: 32px;
    overflow: hidden !important;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div ul li {
    position: absolute;
    width: 22px;
    height: 22px;
    margin-right: 0 !important;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div ul li.service-facebook {
    right: 120px;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div ul li.service-twitter {
    right: 90px;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div ul li.service-instagram {
    right: 60px;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div ul li.service-youtube {
    right: 30px;
}

body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div ul li.service-tiktok {
    right: 0;
}


body.page-assistez-participez h2.pane-title {
    color: #fff;
    background-color: #155190;
    font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    padding: 0.5em 1em;
    margin: 0 auto 1em auto;
    text-align: center;
    width: 100%;
    min-width: auto;
    transform: none;
    font-size: 48px;
    font-style: italic;
    text-align: left;

}

body.page-node-133 #block-system-main .field-body.pane-node-body {
    padding-top: 0em;
}

body.page-node-133 div.panel-panel.header+div.panel-panel.line div.left div.inside>div.pane-node-body {
    padding: 0;
}

body.page-node-133 .region .field-body iframe,
.page-cartes-dedicacees iframe {
    width: 100%;
    height: 930px;
}

.service-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.service-links li a {
    color: transparent;
}

#sliding-popup .decline-button {
    display: none;
}

#sliding-popup .agree-button {
    margin: 10px 0;
}

#sliding-popup .agree-button:hover {
    color: #fff !important;
}

#sliding-popup .popup-content #popup-buttons {
    margin: 0;
}

#backtotop {
    height: 45px;
    width: 45px;
    background-size: 100%;
    z-index: 250;
    ;
}

.field-diaporama+.image {
    display: none;
}

/** Page Newsletter **/
.page-node-132 div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body {
    height: 1130px;
    width: 100%;
}

.page-node-132 div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body iframe {
    height: 1600px;
    width: 100%;
    padding: 0 2rem 0 2rem;
}

.page-node-132 #block-system-main .field-body {
    padding-top: 0 !important;
}

/** Tableaux Politique Cookies **/
.page-node-80 .container .field-body table {
    text-align: center;
}

.page-node-80 .container .field-body td,
.page-node-80 .container .field-body th {
    text-align: center;
    padding: 20px 8px;
    vertical-align: middle;
    width: 2.46%;
    border: 1px solid #ccc;
}

/** Page Assistez & Participez aux émissions 2 **/
.liste-emissions .col-sm-12 {
    padding: 0;
}

.view-emissions .ds-2col>.group-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.liste-emissions .fond-blanc-wrapper {
    margin-top: 2em;
    padding-bottom: 8em;
}

.liste-emissions .fond-blanc {
    background: #fff;
    position: relative;
    z-index: 2;
}

.liste-emissions .view-emissions .view-header {
    padding: 60px 60px 30px !important;
}

.view-emissions .views-row {
    width: 100%;
    ;
}

.view-emissions .group-left .field-atom img {
    width: 80% !important;
    margin: 5% 5% 5% 10% !important;
    display: inline-block;
}

.view-emissions .views-row.views-row-even .group-left .field-atom img {
    width: 80% !important;
    margin: 5% 10% !important;
    display: inline-block;
}

.view-emissions .group-right .field-title,
.view-emissions .group-right .field-body,
.view-emissions .views-row.views-row-even .group-right .field-title,
.view-emissions .views-row.views-row-even .group-right .field-body {
    width: 100% !important;
    padding: 0% 10% 0% 10% !important;
    display: inline-block;
    text-align: center;
}

.view-emissions .group-right .field-body p {
    font-size: 14px !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.view-emissions .group-right .field-title h2 {
    font-size: 18px !important;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-weight: 700;
    margin-top: 30px;
}

/** Page Assistez & Participez aux émissions **/

.page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.field-chapo-1 {
    padding-top: 5%;
    margin: 5% 5% 2% 5% !important;
    font-size: 14px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-node.node-type-page #block-system-main div.paragraphs-items div.entity-paragraphs-item {
    background-color: #fff;
}

.page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-right div.field-image-de-liste img {
    width: 86%;
    margin: 5% 5% 5% 6% !important;
    display: inline-block;
}

.page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-right div.field-image-de-liste {
    text-align: inherit !important;
}

.page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-right div.field-chapo-1 {
    padding-top: 0px !important;
    font-size: 14px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-left div.field-chapo-1 {
    padding-top: 0px !important;
    margin: 5% 5% 5% 10% !important;
    font-size: 14px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-left div.field-image-de-liste {
    margin: 5% 5% 5% 10% !important;
    width: 100%;
}

.page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-left div.field-image-de-liste img {
    margin: 0 !important;
}

/** Page dédicaces **/

body.page-cartes-dedicacees .main-container .row .panel-panel.line {
    margin-top: 1.5em !important;
}

.page-accueil div.pane-actualites .pane-title {
    text-align: left;
    margin: 0 3%;
}

.page-accueil div.pane-actualites .pane-title .h2-fond-bas {
    margin: 20px 0;
}

@media only screen and (min-width: 1241px) and (max-width: 1420px) {
    div.pane-carrousel .slide__content .image img+div {
        display: none;
    }

    .page-accueil .buttons_home_cover {
        margin-left: 13%;
    }

}

/** Diaporama Article **/
.page-node .slick .slide {
    text-align: center;
    overflow: hidden;
}

.page-node .slick .media {
    cursor: pointer;
    padding: 0 2.5px;
    display: inline-block;
    max-width: 100%;
}

.page-node .slick .media img {
    transition: 1s ease;
}

.page-node .slick .media:hover img {
    transform: scale(1.2);
    transition: 1s ease;
}

.page-node .slick .media img {
    max-height: 190px;
    height: 100%;
    width: auto;
}

.page-node .slick ul {
    position: absolute;
    top: auto;
    right: 15px;
    bottom: 15px;
    left: 15px;
    margin: 0 40px;
    padding: 0;
    list-style: none;
    text-align: center;
    line-height: 10px;
}

.slick .slick-dots li {
    padding: 0;
    width: 18px;
    height: 18px;
    display: inline-block;
    color: transparent;
    border-radius: 18px;
    margin: 0 4px;
    outline: none;
}

.slick .slick-dots li button {
    width: 18px;
    height: 18px;
    border: 3px solid #fff;
    background-color: #fff;
    color: transparent;
    border-radius: 18px;
    margin: 0 4px;
    outline: none;
    padding: 0;
}



.slick .slick-dots li.slick-active button {
    background-color: var(--first-color-red);
}
.slick .slick-dots li:hover button,
.slick .slick-dots li button:focus,
.slick .slick-dots li:focus-visible button {
  background-color: var(--first-color-red-opacity);

}

.page-node .slick-track>div:not(.slick-current) img {
    height: 0;
}

.page-node .slick .slick-list {
    height: auto !important;
}

/** Réseaux sociaux page chaînes **/

body.node-type-chaines .field-comptes-sociaux {
    background: url("../images/Bloc_Social_Chaines.jpg");
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    margin: 0 6rem 5rem 6rem;
    background-size: auto;
    height: 169px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-position: center !important;
}

body.node-type-chaines .field-comptes-sociaux .field-label {
    padding-left: 5%;
    padding-bottom: 1%;
    font-size: 21px;
    font-weight: bolder;
    color: #053162;
}

body.node-type-chaines .field-comptes-sociaux .field-items .service-facebook {
    margin-left: 5% !important;
}

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

    #block-easy-breadcrumb-easy-breadcrumb,
    div.panel-panel.header+div.panel-panel.line div.inside div.pane-node-field-atom div.pane-content div.field-atom,
    body.node-type-article main.main-container h1 span,
    body.page-votre-tele main.main-container h1 span,
    body.page-node main.main-container h1 span,
    body.page-a-la-une-programmes-tv main.main-container h1 span,
    body.node-type-article main.main-container h1+div.sous-titre span,
    body.page-votre-tele main.main-container h1+div.sous-titre span,
    body.page-a-la-une-programmes-tv h1+div.sous-titre span,
    body.page-node h1+div.sous-titre span {
        margin: 0 15px;
    }

    div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-animateur div.image,
    .page-accueil .pane-animateurs .pane-animateurs-content .view-content>div div.field-scald-thumbnail div.field-items {
        width: 15em;
        height: 15em;
    }

    header#navbar a.logo {
        margin: 15px;
    }

    div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-author {
        padding-left: 15px;
    }

    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div>a:first-child div {
        font-size: 2em;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>div>div,
    body.node-type-animateur div.field-animateurs-associes div.field-items>div>div,
    .page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div {
        height: 25em !important;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>div div.field-photo div.image,
    body.node-type-animateur div.field-animateurs-associes div.field-items>div div.field-photo div.image {
        width: 15em;
        height: 15em;
    }

    div.pane-carrousel div.carrousel-description .field-title h3 {
        font-size: 38px !important;
        width: 70%;
        margin-top: 15%;
        margin-left: 6.5%;
        margin-bottom: 6%;
    }

    div.pane-carrousel div.carrousel-description .field-chapo-1 {
        width: 70%;
    }

    div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-chapo-1+div.views-field-view-node {
        position: absolute;
        right: 2em;
        bottom: 10px;
    }

    .tb-megamenu .nav-collapse .nav>li.active>a:hover,
    .tb-megamenu .nav-collapse .nav>li.active>a:focus {
        background-color: transparent;
    }

    div.pane-carrousel .slide__content .image img+div {
        display: none;
    }

    div.pane-carrousel .slide__content .image {
        width: 200%;
    }

    .page-accueil .buttons_home_cover {
        margin-left: 13%;
    }
}

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

/*  #banniere img {*/
/*    width: 100vw;*/
/*    object-fit: contain;*/
/*  }*/

/*  .page-accueil .buttons_home_cover {*/
/*    top: calc((100% - -135px) / 2);*/
/*    left: -80px;*/
/*  }*/
/*}*/

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

    .page-accueil .buttons_home_cover {
        margin-left: 15%;
    }

    div.pane-actualites div.pane-content div.view-content div.views-row>div div.image {
        height: 19em;
    }

    div.pane-status-sociaux div.view-content div.view-body-col2 div.view-footer {
        display: block;
    }

    div.pane-status-sociaux div.view-content div.view-body-col2 div.view-footer a:first-child {
        margin-left: 2em;
        margin-top: 1em;
    }

    div.pane-status-sociaux div.view-content div.view-body-col2 div.view-footer a:first-child+div {
        width: 100%;
        margin-top: 0;
    }

    div.pane-carrousel div.carrousel-description .field-title h3 {
        font-size: 38px !important;
        width: 90%;
        margin-top: 15%;
        margin-left: 6.5%;
        margin-bottom: 6%;
    }

    div.pane-carrousel div.carrousel-description .field-chapo-1 {
        width: 90%;
    }

    div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-animateur div.image,
    .page-accueil .pane-animateurs .pane-animateurs-content .view-content>div div.field-scald-thumbnail div.field-items {
        width: 13em;
        height: 13em;
    }

    body.node-type-animateur div.header-animateur div.field-prenom-nom h1 {
        margin-top: -12em !important;
    }

    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div>a:first-child div {
        font-size: 1.5em;
    }

    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div div.field-chapo-1,
    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div div.field-lien a {
        font-size: 0.9em;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>div>div,
    body.node-type-animateur div.field-animateurs-associes div.field-items>div>div,
    .page-accueil .pane-animateurs .pane-animateurs-content .view-content>div>div {
        height: 23em !important;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>div div.field-photo div.image,
    body.node-type-animateur div.field-animateurs-associes div.field-items>div div.field-photo div.image {
        width: 13em;
        height: 13em;
    }

    body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.dedicace-wrapper div.dedicace-txt {
        top: 52px;
        left: 45px;
    }

    div.pane-status-sociaux div.view-content div.view-body .field-code-embed {
        width: 90% !important;
        margin: auto;
    }

    div.view-filters form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link:first-child a,
    div.pane-menu-menu-ancre-annuaire ul.nav li:first-child a {
        margin-left: 1.5em;
    }

    div.view-filters form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link,
    div.pane-menu-menu-ancre-annuaire ul.nav li {
        margin: 10px 0;
    }

    body.page-node-133 .region .field-body iframe {
        width: 100%;
        height: 815px;
    }

    .page-node.node-type-animateur .field-diaporama .field-label {
        display: flex;
        flex-direction: column;
        margin-bottom: 1em;
    }

    body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-label div.lab {
        margin-bottom: 0;
    }

    .page-node-132 div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body {
        height: 1200px;
        width: 100%;
    }

    .page-accueil .view-actualites .more-link a,
    .view-status-sociaux .view-header a,
    .view-status-sociaux .view-footer a,
    .btn-rouge,
    #sliding-popup .agree-button,
    .page-accueil .pane-animateurs-content .more-link a,
    .page-accueil .bandeau-newsletter-home a {
        font-size: 1.1em;
    }

    body.node-type-article div.postface section.block-block h6 {
        font-size: 1.4em
    }
}

@media only screen and (min-width:993px) and (max-width:1240px) {
    .pane-carrousel .slide__content .image {
        max-width: 1320px;
        margin-left: 50%;
        transform: translateX(-50%);
    }
}

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

    .InnerBarreVert div {
        border: 0 none;
    }

    .InnerBarreVert div:first-child {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
        border-right: 1px solid #f5f5f5;
    }

    .InnerBarreVert div:nth-child(2),
    .InnerBarreVert div:nth-child(3),
    .InnerBarreVert div:nth-child(4) {
        display: none;
    }

    /* MENU PRINCIPAL */
    header#navbar nav[role=navigation] {
        text-align: left;
    }

    header#navbar div.container,
    header#navbar main.container {
        height: 85px;
        width: 100%;
    }

    header#navbar nav[role=navigation]>div.region-navigation {
        width: calc(100% - 90px);
        position: absolute;
        top: 10px;
        right: 0;
    }

    header#navbar nav[role=navigation]>div.region-navigation .tb-megamenu button.btn-navbar {
        background: none;
        background: url("../images/picto_open.png") center center no-repeat;
        background-color: var(--alt-color-red);
        width: 45px;
        height: 45px;
        float: right;
        margin-top: 12px;
        margin-right: 12px;
        text-shadow: 0 none !important;
        -webkit-box-shadow: 0 none !important;
        -moz-box-shadow: 0 none !important;
        box-shadow: 0 none !important;
        border: 0 none !important;
        border-radius: 80px;
        background-size: 100% !important;
    }

    .off {
        background: none !important;
        background: url("../images/picto_close.png") center center no-repeat !important;
        background-color: var(--alt-color-red) !important;
    }

    ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu {
        border-left: 0 none;
        border-right: 0 none;
    }

    .tb-megamenu .nav-collapse {
        top: 65px;
        left: -90px;
        width: calc(100% + 90px);
        background-color: #f2f2f2;
    }

    .tb-megamenu .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(1) {
        width: 100%;
        background-color: #f2f2f2;
    }

    .tb-megamenu .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.tb-megamenu-column:nth-child(2) {
        display: none;
    }

    .tb-megamenu .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu {
        top: 0;
    }

    .tb-megamenu .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu {
        position: relative;
    }

    .tb-megamenu .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu div.mega-dropdown-inner {
        max-width: 100%;
    }

    .tb-megamenu .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown {
        border-bottom: 0 none;
        background-color: white;
    }

    header#navbar li.tb-megamenu-item.level-1:first-child {
        display: none;
    }

    header#navbar li.tb-megamenu-item.level-1>a {
        color: var(--first-color-red);
        text-transform: uppercase;
        font-family: CervoNeueMedium, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1.5em;
        line-height: 1.5em;
        margin-left: 1.5em;
        margin-top: 0.2em;
    }

    ul.tb-megamenu-nav li[data-id="1089"] ul.tb-megamenu-subnav {
        column-count: 1;
    }

    header#navbar li.tb-megamenu-item.level-1:not(.active)>a::before {
        /* &mdash : tiret cadratin, tiret de dialogue */
        content: "— ";
    }

    header#navbar ul.tb-megamenu-nav.nav.level-0 {
        padding-bottom: 1.5em;
        background-color: white;
    }

    .tb-megamenu .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu div.mega-dropdown-inner div.label-menu {
        display: none;
    }

    ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown.open>div.tb-megamenu-submenu div.mega-dropdown-inner div.label-menu::before {
        /* &mdash : tiret cadratin, tiret de dialogue */
        content: "";
    }

    .tb-megamenu .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu div.mega-dropdown-inner ul.tb-megamenu-subnav li a {
        color: #052f5f;
        margin-left: 0 !important;
        padding: 0.25em 1.5em !important;
        background: url("../images/subnav_li_a_fond.png") 4px 0.8em no-repeat;
        font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1em !important;
        font-weight: normal;
        line-height: 2em !important;
    }

    .tb-megamenu .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown div.mega-col-nav>div.tb-megamenu-column-inner {
        padding: 0 0 0 2em;
        background-color: white;
    }

    header#navbar nav[role=navigation]>div.region-navigation .tb-megamenu button.btn-navbar i {
        display: none;
    }
    /*
    header#navbar nav[role=navigation]>div.region-navigation .tb-megamenu [data-level='1']:last-child {
        display: none;
    }
    */

    header#navbar ul.tb-megamenu-nav li[data-type='menu_item']:not([data-level="1"])>a {
        color: #155190 !important;
    }

    header#navbar ul.tb-megamenu-nav li[data-type='menu_item']>a:hover {
        color: var(--alt-color-red) !important;
    }

    header#navbar ul.tb-megamenu-nav > li[data-type='menu_item']:last-child>a:hover {
        color: white !important;
    }

    ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu div.mega-dropdown-inner-wrapper {
        box-shadow: none;
    }

    header#navbar ul.tb-megamenu-nav.nav.level-0 {
        box-shadow: 0px 5px 7px -1px rgba(0, 0, 0, 0.15);
    }

    div.pane-carrousel div.carrousel-description .field-title h3 {
        font-size: 38px !important;
        width: 90%;
        margin-top: 15%;
        margin-left: 6.5%;
        margin-bottom: 6%;
    }

    div.pane-carrousel div.carrousel-description .field-chapo-1 {
        width: 90%;
    }

    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-prenom,
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-nom {
        right: -11%;
    }

    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-footer>div {
        width: 100%;
    }

    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-footer>h3 {
        font-size: 4.5em;
    }

    div.pane-status-sociaux div.view-content div.view-body-col2 div.view-footer a:first-child+div {
        display: none;
    }

    body.page-a-la-une-actualites #block-system-main>div.view-actualites>div.view-content>div {
        width: 48%;
    }

    div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes {
        width: 40%;
        margin-bottom: 1em;
    }

    body.node-type-article main.main-container h1,
    body.page-votre-tele main.main-container h1,
    body.page-a-la-une-programmes-tv h1,
    body.page-node h1,
    body.liste-articles h1.page-header,
    body.liste-animateurs h1.page-header,
    body.page-assistez-participez h1.page-header {
        font-size: 2.8em;
    }

    body.node-type-article div.postface section.block-block h6 .newsletter-btn-fond {
        width: 35px;
        height: 40px;
        margin: 1em 0;
    }

    body.node-type-article div.postface div.region-postface section.block-block>* {
        width: 100%;
        text-align: center;
    }

    body.node-type-article div.postface section.block-block a.btn-rouge {
        width: 31%;
        margin-top: 1.5em;
    }

    body.node-type-article div.postface section.block-block h6 .newsletter-btn-fond {
        margin-right: 25px;
    }

    body.node-type-article div.postface div.region-postface section.block-block {
        width: 100%;
        text-align: center;
    }

    .view-actualites[class*="view-display-id-page"] div.view-filters div.form-item div.form-type-bef-link a {
        font-size: 0.8em;
    }

    div.view-filters form[id^="views-exposed-form-"] div.form-item div.form-type-bef-link a,
    div.pane-menu-menu-ancre-annuaire ul.nav li a {
        font-size: 0.8em;
    }

    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div div.field-comptes-sociaux ul li a img {
        width: 2em;
        height: 2em;
    }

    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div>a:first-child {
        margin: 2em 2em 0 2em;
    }

    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div div.field-chapo-1 {
        margin: 1em 2em 0 2em;
    }

    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div div.field-lien {
        margin: 1em 2em 0 2em;
    }

    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div div.field-comptes-sociaux {
        margin: 1em 2em 2em 2em;
    }

    section #block-system-main .view-display-id-page_programmes div.view-content div.views-row {
        width: 33%;
    }

    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header div.field-sous-titre {
        top: 1em;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>div,
    body.node-type-animateur div.field-animateurs-associes div.field-items>div,
    .page-accueil .pane-animateurs .pane-animateurs-content .view-content>div {
        flex: 0.33;
        min-width: 33% !important;
        max-width: 33% !important;
        padding: 3% !important;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>h3:first-child,
    body.node-type-animateur div.field-animateurs-associes div.field-items>h3:first-child {
        margin-top: 2.5em;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>h3 div,
    body.node-type-animateur div.field-animateurs-associes div.field-items>h3 div {
        font-size: 3em;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>h3,
    body.node-type-animateur div.field-animateurs-associes div.field-items>h3 {
        top: -5em;
    }

    body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.field-label div[id^="launch-diapo"] {
        font-size: 1em;
    }

    body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.dedicace-wrapper div.dedicace-txt {
        top: 40px;
        left: 30px;
    }

    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header div.field-sous-titre {
        top: 1em;
    }

    div.pane-status-sociaux div.view-content div.view-header {
        padding: 0 1.5em;
    }

    div.pane-status-sociaux div.view-content div.view-header a:first-of-type {
        margin-left: 0;
    }

    section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row {
        width: 50%;
        max-width: 50%;
    }

    body.node-type-animateur .InnerBarreVert {
        display: none !important;
    }

    body.page-node-133 .region .field-body iframe {
        width: 100%;
        height: 735px;
    }

    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-scald-thumbnail+div>.field-comptes-sociaux {
        margin: 2em 3em 3em 3em !important;
    }

    .view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .colorChangeFont,
    .view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .field-chapo-2,
    .view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .views-field-created .field-content {
        display: none;
    }

    /** Page Newsletter **/
    .page-node-132 div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body {
        height: 1285px;
        width: 100%;
    }

    .page-node-132 div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body {
        margin: 0;
        margin-top: 1.5em;
    }

    div.pane-carrousel div.pane-content div.view-content {
        max-width: auto;
        height: auto;
    }

    div.pane-carrousel div.carrousel-description .field-title h3 {
        margin-top: 5%;
    }

    div.pane-carrousel .slide__content .field-atom {
        height: auto;
    }

    div.pane-carrousel .slide__content .image {
        width: auto;
        height: 100%;
        text-align: center;
    }

    div.pane-carrousel .slide__content .image img+div {
        display: none;
    }

    div.pane-carrousel .slide__content .image img {
        height: auto;
        width: auto;
    }

    div.pane-carrousel .slick-dots {
        display: none !important;
    }

    div.pane-carrousel .slick__arrow {
        position: absolute;
        top: 200px;
        left: 5%;
        width: 90%;
    }

    div.pane-carrousel .slide__content .views-field-title {
        background: none;
        background-color: #155190;
        width: 90%;
        height: 14em;
        padding: 1.5em 2em;
        margin: -70px auto 0 auto;
        font-size: 0.4em;
        font-family: CervoNeue;
        font-weight: normal;
    }

    div.pane-carrousel div.carrousel-description {
        width: 80%;
        margin: auto;
        background: none;
        position: relative;
        left: 0;
    }

    .page-accueil .buttons_home_cover {
        margin-left: 20%;
    }
}

@media only screen and (max-width: 979px) {
    .tb-megamenu .nav-collapse.in ul.level-0 {
        height: calc(100vh - 115px) !important;
        overflow-y: scroll !important;
    }

    body.node-type-animateur .dedicace-wrapper {
        display: none;
    }
}

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

    #banniere img {
      object-fit: unset;
    }

    body {
        border: 4px solid var(--alt-color-red);
    }

    header#navbar nav[role=navigation]>div.region-navigation .tb-megamenu div.nav-collapse {
      margin-top: 40px;
    }

    ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega.dropdown>div.tb-megamenu-submenu div.mega-dropdown-inner-wrapper {
        box-shadow: none;
    }

    .page-node.node-type-animateur #page-header {
        background-color: #fff !important;
    }

    body.node-type-animateur .panel-col-top+.center-wrapper .panel-col-last {
        order: 1;
    }

    body.node-type-animateur div.region-content div.panel-display .panel-col-top+.center-wrapper .panel-col-first {
        order: 2;
    }

    .header-animateur-bottom {
        margin-top: -530px;
    }

    #winBorderTop,
    #winBorderBottom {
        height: 4px;
    }

    .tb-megamenu .nav-collapse.in {
        position: fixed;
        width: calc(100% - 8px);
        left: 4px;
        height: calc(100% - 93px);
        top: 78px;
    }

    #banniere {
        height: auto;
        max-height: none;
    }

    #banniere div.image {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }

    #banniere img,
    #banniere picture {
        height: auto;
        width: 100%;
    }

    #banniere div.InnerBarreVert {
        display: none;
    }

    header#navbar div.pos-fiexd {
        right: 4px;
        left: 4px;
    }

    section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes {
        display: block;
    }

    #block-easy-breadcrumb-easy-breadcrumb {
        font-size: 0.8em;
    }

    h2.pane-title,
    h1.page-header {
        padding: 1em 0;
        font-size: 1.8em;
        margin-bottom: 2em;
        min-width: 240px;
    }

    .page-accueil .buttons_home_cover {
        display: none;
    }

    .page-accueil .pane-menu-block-1 .pane-title,
    .page-accueil .pane-actualites .pane-title {
        margin-bottom: 1em !important;
    }

    .page-accueil .pane-actualites .pane-title {
        text-align: center !important;
    }

    .page-accueil div.pane-actualites .pane-title .h2-fond-bas {
        margin: 20px auto;
    }

    .h2-fond {
        margin-bottom: -56px;
        width: 240px;
        height: 71px;
    }

    div.pane-actualites div.pane-content div.view-content div.views-row {
        width: 100%;
    }

    div.pane-actualites div.pane-content div.view-content div.views-row,
    div.pane-actualites div.pane-content div.view-content div.views-row-even,
    div.pane-actualites div.pane-content div.view-content div.views-row-odd {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    div.pane-actualites div.pane-content div.view-content div.views-row div.field-chapo-1 {
        padding-bottom: 2em;
        font-size: 0.8em;
    }

    div.pane-actualites div.pane-content div.view-content div.views-row>div div.image {
        height: auto;
    }

    div.pane-actualites div.pane-content div.view-content div.views-row>div img.img-responsive {
        min-height: auto;
        width: 100%;
    }

    div.pane-actualites div.pane-content div.view-content div.views-row div.field-type a {
        font-size: 0.8em;
    }

    div.pane-actualites div.pane-content div.view-content div.views-row div.field-type {
        margin-top: -1.6em;
    }

    div.pane-actualites div.pane-content div.view-content div.views-row div.views-field-title {
        padding-top: 1em;
    }

    div.pane-actualites div.pane-content div.view-content div.views-row div.views-field-title a {
        font-size: 0.8em;
    }

    div.pane-actualites div.more-link {
        margin-left: 1.5em;
        margin-top: -1em;
    }

    .page-accueil .view-actualites .more-link a,
    .btn-rouge,
    .page-accueil .pane-animateurs-content .more-link a,
    .page-accueil .bandeau-newsletter-home a {
        font-size: 1em;
    }

    .btn-rouge-fond {
        width: 21px;
        height: 21px;
    }

    div.pane-jeux-et-quizz {
        background-image: none;
    }

    div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row {
        width: 90%;
        max-width: 90%;
        min-width: 90%;
        margin: 3em 5% 0 5%;
    }

    div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.image {
        display: none;
    }

    div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row>div {
        background-color: #fff;
    }

    .btn-petit {
        background-color: #fff;
    }

    div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.views-field-title {
        width: 100%;
    }

    div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-chapo-1,
    div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-accroche-menu {
        width: 70%;
    }

    div.pane-jeux-et-quizz {
        height: auto;
        padding-bottom: 2.5em;
        margin-bottom: 2em;
    }

    div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row div.field-chapo-1+div.views-field-view-node {
        position: unset;
    }

    div.pane-carrousel div.pane-content div.view-content {
        max-width: auto;
        height: auto;
    }

    div.pane-carrousel div.carrousel-description .field-title h3 {
        margin-top: 5%;
    }

    div.pane-carrousel .slide__content .field-atom {
        height: auto;
    }

    div.pane-carrousel .slide__content .image {
        width: auto;
        height: 100%;
        text-align: center;
    }

    div.pane-carrousel .slide__content .image img+div {
        display: none;
    }

    div.pane-carrousel .slide__content .image img {
        height: auto;
        width: auto;
    }

    div.pane-carrousel .slick-dots {
        display: none !important;
    }

    div.pane-carrousel .slick__arrow {
        position: absolute;
        top: 200px;
        left: 5%;
        width: 90%;
    }

    div.pane-carrousel .slide__content .views-field-title {
        background: none;
        background-color: #155190;
        width: 90%;
        height: 14em;
        padding: 1.5em 2em;
        margin: -70px auto 0 auto;
        font-size: 0.4em;
        font-family: CervoNeue;
        font-weight: normal;
    }

    div.pane-carrousel div.carrousel-description {
        width: 80%;
        margin: auto;
        background: none;
        position: relative;
        left: 0;
    }

    /* div.pane-menu-block h2.pane-title {
        margin-bottom: 1em;
    } */

    div.pane-menu-block div.pane-content ul li {
        width: 50%;
        min-width: 50%;
        max-width: 50%;
    }

    div.pane-menu-block div.pane-content ul li:not(*:root) {
        width: 49.9%;
        min-width: 49.9%;
        max-width: 49.9%;
    }

    /*
    div.pane-animateurs-content h2.pane-title {
        top: 0;
    }
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div {
        width: 100%;
    }
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-footer {
        display: none;
    }
    div.pane-animateurs-content {
        background: none;
        padding-bottom: 2em;
    }
    div.pane-animateurs-content div.view-content,
    div.pane-animateurs-content div.more-link {
        background-color: #155190 !important;
    }
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content {
        margin-bottom: 0;
        margin-left: 0;
    }
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.more-link {
        margin-top: 0;
        right: 0;
        background: url("../images/pane_animateurs_more_link_fond_mbl.png") center right no-repeat;
        padding-bottom: 2.5em;
        padding-right: 5.5em;
        margin-left: 0;
    }
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.more-link a {
        font-size: 0.9em;
    }
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.more-link a span {
        font-size: 1.8em;
    }
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-photo div.image {
        width: 60px;
        height: 60px;
        margin: 1.5em 3em 0 0;
    }
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-prenom {
        font-size: 1.1em;
        right: -30%;
    }
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-nom {
        font-size: 1.4em;
        padding-top: 0.2em;
        right: -30%;
        margin-bottom: 1em;
    } */

    .page-accueil .pane-animateurs .pane-title {
        margin-bottom: 30px;
    }

    .page-accueil .pane-social-media-link-widget .pane-title {
        margin-bottom: 30px;
    }

    div.pane-status-sociaux div.view-content div.view-header,
    div.pane-status-sociaux div.view-content div.view-body>div {
        width: 100%;
    }

    div.pane-social-media-link-widget ul.social-media-links {
        padding-top: 0;
    }

    div.pane-social-media-link-widget ul.social-media-links li img {
        width: 2em;
    }

    div.pane-status-sociaux div.view-content div.view-header {
        font-size: 0.8em;
    }

    div.pane-status-sociaux div.view-content div.view-header,
    div.pane-status-sociaux div.view-content div.view-body-col2 div.view-footer {
        width: 80%;
        margin: auto;
        display: block;
    }

    div.pane-status-sociaux div.view-content div.view-header span.titre {
        font-size: 1.5em;
    }

    div.pane-status-sociaux {
        padding-top: 1em;
    }

    div.pane-status-sociaux div.view-content div.view-header+div>div {
        width: 100%;
    }

    div.pane-status-sociaux div.view-content div.view-body>div.view-body-col2 {
        margin-top: 0;
    }

    div.pane-status-sociaux div.view-content div.view-body iframe.instagram-media {
        min-width: 200px !important;
    }

    section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child h2.pane-title {
        margin-bottom: 0;
    }

    section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row {
        width: 49%;
        padding-top: 0;
        padding-bottom: 0;
    }

    section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row div.image img {
        min-width: auto;
        height: auto;
        width: 90%;
        position: relative;
    }

    .view-actualites[class*="view-display-id-page"]>div.view-content>div {
        width: 100%;
    }

    #page-header>h1.page-header {
        font-size: 2em;
    }

    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header div.field-sous-titre {
        top: 0.7em;
    }

    body.node-type-article div.postface section.block-block h6 .newsletter-btn-fond {
        width: 35px;
        height: 40px;
    }

    body.node-type-article div.postface div.region-postface section.block-block>* {
        width: 100%;
        text-align: center;
    }

    body.node-type-article div.postface section.block-block a.btn-rouge {
        width: 31%;
    }

    body.node-type-article div.postface section.block-block h6 .newsletter-btn-fond {
        margin-right: 25px;
    }

    body.node-type-article div.postface div.region-postface section.block-block {
        width: 100%;
        text-align: center;
    }

    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header div.field-sous-titre {
        font-size: 2.5em;
        top: 0.7em;
    }

    footer .region-footer .block-menu-block {
        width: 49%;
    }

    footer .region-footer .block-menu-block h2.block-title {
        font-size: 1em;
    }

    footer .region-footer .block-menu-block a {
        font-size: 0.8em;
    }

    footer .region-footer .block-menu-block:nth-child(5) {
        margin-top: 0;
    }

    footer .region-footer .block-menu-block>* {
        margin: 0em 10% 10% 10%;
    }

    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row {
        display: block;
    }

    section #block-system-main .view-display-id-page_programmes div.view-content div.views-row {
        width: 50%;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>div,
    body.node-type-animateur div.field-animateurs-associes div.field-items>div,
    .page-accueil .pane-animateurs .pane-animateurs-content .view-content>div {
        flex: 0.33;
        min-width: 50% !important;
        max-width: 50% !important;
        padding: 2% 8% !important;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>h3,
    body.node-type-animateur div.field-animateurs-associes div.field-items>h3 {
        top: -4em;
    }

    body.node-type-animateur div.region-content div.panel-display div.center-wrapper:nth-child(2)>div.panel-col-last {
        position: unset;
    }

    body.node-type-animateur div.region-content div.center-wrapper {
        background-color: #fff;
        top: -9em;
    }

    body.node-type-animateur div.region-content div.center-wrapper>div {
        width: 100%;
    }

    body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama,
    body.node-type-animateur .dedicace-wrapper {
        display: none;
    }

    body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-last div.inside div.field-afficher-tweet {
        display: none;
    }

    body.node-type-animateur div.region-content div.panel-col-bottom div.field-animateurs-associes div.field-items {
        margin-top: 0;
        justify-content: center;
    }

    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-nom,
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-prenom {
        right: -32%;
    }

    body.node-type-animateur div.region-content div.center-wrapper>div.panel-panel {
        width: 100%;
    }

    body.node-type-animateur div.region-content div.panel-display div.center-wrapper:nth-child(2)>div.panel-col-last {
        top: 0;
        margin-top: 0;
    }

    body.node-type-animateur div.header-animateur div.field-chapo-1 {
        display: none;
    }

    body.node-type-animateur div.header-animateur div.field-signature img {
        display: none;
    }

    body.node-type-animateur div.header-animateur div.field-prenom-nom span {
        margin-left: 0;
    }

    body.node-type-animateur .header-animateur .ds-2col>.group-left {
        width: 100%;
    }

    body.node-type-animateur .header-animateur .ds-2col>.group-left h1 span {
        margin-left: 0;
    }

    div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-author {
        line-height: 1.2em;
        padding: 15px 0 20px;
    }

    body.node-type-chaines main.main-container>div.row div.InnerBarreVert+section div.field-chapo-2 {
        font-size: 14px;
        line-height: 20px;
        margin: 2rem 2rem 1rem 2rem;
    }

    body.node-type-chaines main.main-container>div.row div.InnerBarreVert+section div.field-pre-dates-clees {
        font-size: 13px;
        margin: 0 2rem 1rem 2rem;
    }

    body.node-type-chaines main.main-container>div.row div.InnerBarreVert+section div.paragraphs-items-field-dates-cles {
        margin: 0 2rem 1rem 2rem;
    }

    body.node-type-chaines main.main-container>div.row div.InnerBarreVert+section div.paragraphs-items-field-dates-cles h3.field-label {
        font-size: 14px;
    }

    body.node-type-chaines div.paragraphs-items-field-dates-cles div.field-date {
        font-size: 12px;
    }

    body.node-type-chaines div.paragraphs-items-field-dates-cles div.field-evenement {
        padding: 0 0 0.7em 2em;
        font-size: 12px;
    }

    body.node-type-chaines main.main-container>div.row div.InnerBarreVert+section div.field-body {
        font-size: 13px;
        margin: 0 2rem 1rem 2rem;
    }

    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header div.field-sous-titre {
        top: 0.8em;
    }

    body.page-assistez-participez div.pane-annuaire div.view-content div.views-row {
        width: 100%;
    }

    body.page-assistez-participez div.pane-annuaire div.view-content div.views-row,
    body.page-assistez-participez div.pane-annuaire div.view-content div.views-row:nth-child(2n) {
        padding: 0 2em 0 2em;
    }

    body.page-assistez-participez div.pane-annuaire div.view-content {
        display: block;
    }

    body.page-assistez-participez div.pane-annuaire div.view-content>div {
        width: 100%;
    }

    body.page-assistez-participez div.pane-annuaire div.view-content>div h3 {
        padding-left: 1.2em;
    }

    body.page-node-133 .region .field-body iframe {
        width: 100%;
        height: 625px;
    }

    .view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .views-field-title a {
        font-size: 25px;
    }

    body.node-type-animateur div.region-content div.center-wrapper>div.panel-col-first div.field-diaporama div.dedicace-wrapper div.dedicace-txt {
        left: 70px;
        top: 285px;
    }

    .ds-2col-stacked>.group-left {
        float: none !important;
        width: 100% !important;
    }

    .ds-2col-stacked>.group-right {
        float: none !important;
        width: 100% !important;
    }

    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-left div.field-image-de-liste img,
    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-right div.field-image-de-liste img {
        width: 91%;
        margin-bottom: 2%;
    }

    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.field-chapo-1,
    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.field-chapo-2 {
        width: 91%;
        margin-bottom: 2%;
    }

    div.pane-node-field-animateurs-associes>div.pane-content {
        display: block;
    }

    div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes {
        margin: 0 auto;
        margin-bottom: 1em;
    }

    /** Page Assistez et participez aux émissions **/
    .page-node.node-type-page .ds-2col>.group-left,
    .page-node.node-type-page .ds-2col>.group-right {
        width: 100%;
    }

    .page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.field-chapo-1 {
        padding-top: 5%;
        margin: 5% 5% 5% 6% !important;
        width: 87%;
    }

    .page-node.node-type-page #block-system-main div.paragraphs-items div.entity-paragraphs-item {
        background-color: #fff;
    }

    .page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-right div.field-image-de-liste img {
        width: 86%;
        margin: 5% 5% 5% 6% !important;
        display: inline-block;
    }

    .page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-right div.field-image-de-liste {
        text-align: inherit !important;
        margin-top: 0 !important;
    }

    .page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-right div.field-chapo-1 {
        padding-top: 0px !important;
        margin-top: 0 !important;
    }

    .page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-left div.field-chapo-1 {
        padding-top: 0px !important;
        margin: 0% 5% 5% 6% !important;
    }

    .page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-left div.field-image-de-liste {
        margin: 5% 5% 5% 6% !important;
        width: 100%;
    }

    .page-node.node-type-page #block-system-main div.paragraphs-items div.field-paragraphes div.group-left div.field-image-de-liste img {
        margin: 0 !important;
    }

    .view-actualites[class*="view-display-id-page"] div.attachment-before div.view-id-actualites div.view-content div.views-row {
        display: block;
    }

    .view-actualites[class*="view-display-id-page"] div.attachment-before div.view-id-actualites div.view-content div.views-row>div {
        width: 100%;
        height: auto;
    }

    .view-actualites[class*="view-display-id-page"] div.attachment-before div.view-id-actualites div.view-content div.views-row .field-items {
        margin-bottom: 0px;
    }

    .view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .views-field-title a {
        font-size: 25px;
    }

    div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-field-chapo-1 {
        font-size: 14px;
        line-height: 20px;
        margin: 2rem 2rem 1rem 2rem;
        ;
    }

    div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body {
        font-size: 13px;
        margin: 0 2rem 1rem 2rem;
        padding: 0;
    }

    div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes {
        width: 50%;
    }

    div.view-filters,
    div.pane-menu-menu-ancre-annuaire {
        display: none;
    }

    .page-assistez-participez-suivez-nous div.pane-menu-menu-ancre-annuaire {
        display: block !important;
    }

    /** Page assistez et participez aux émissions 2 **/

    .view-emissions .views-row .node-emissions {
        display: block;
    }

    .view-emissions .ds-2col>.group-left,
    .view-emissions .ds-2col>.group-right {
        width: 100%;
    }

    .liste-emissions .view-emissions .view-header {
        padding: 60px 77px 0px !important;
    }

    .view-emissions .group-left .field-atom img {
        margin-bottom: 0 !important;
    }

    .view-emissions .group-right .field-title,
    .view-emissions .group-right .field-body,
    .view-emissions .views-row.views-row-even .group-right .field-title,
    .view-emissions .views-row.views-row-even .group-right .field-body {
        padding: 0% 10% 2% 10% !important;
    }

    .view-emissions .views-row.views-row-even .group-left .field-atom img {
        margin: 5% 10% 0% !important;
    }

    /** Assistez et participez **/

    .page-node.node-type-page .ds-2col {
        display: flex;
        flex-direction: column;
    }

    .page-node.node-type-page .paragraphs-item-texte-image .group-left {
        order: 2;
    }

    .page-node.node-type-page .paragraphs-item-texte-image .group-right {
        order: 1;
    }

    /** Réseaux sociaux page chaînes **/

    body.node-type-chaines .field-comptes-sociaux {
        margin: 0 2rem 1rem 2rem;
    }

    body.node-type-chaines .field-comptes-sociaux .field-label {
        font-size: 14px;
    }
}

@media only screen and (max-width: 670px) {
    .tb-megamenu .nav-collapse {
        position: fixed;
        width: calc(100% - 8px);
        left: 4px;
        height: calc(100% - 93px);
        overflow-y: scroll;
        top: 78px;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>div>div,
    body.node-type-animateur div.field-animateurs-associes div.field-items>div>div {
        height: 22em !important;
    }

    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-nom,
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-prenom {
        right: -25%;
    }

    div.pane-menu-block div.pane-content ul {
        width: 80%;
        margin: auto;
    }

    div.pane-menu-block div.pane-content ul li,
    div.pane-menu-block div.pane-content ul li:not(*:root) {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }

    div.pane-menu-block div.pane-content ul li a {
        padding: 10px 0;
    }

    div.pane-menu-block div.pane-content ul li div.leaf {
        position: relative;
    }

    div.pane-menu-block div.pane-content ul li div.leaf>div.vignette {
        display: inline-block;
        width: 28%;
        text-align: right;
        vertical-align: top;
    }

    div.pane-menu-block div.pane-content ul li div.leaf>div.titre,
    div.pane-menu-block div.pane-content ul li div.leaf>div.desc {
        display: inline-block;
        width: 70%;
        text-align: left;
        vertical-align: top;
        padding-left: 2em;
    }

    div.pane-menu-block div.pane-content ul li div.leaf>div.desc {
        position: absolute;
        top: 1.5em;
        right: 0;
        font-size: 1.1em;
    }

    div.pane-menu-block div.pane-content ul li div.leaf>div.titre {
        margin-top: 0;
    }

    #page-header {
        min-height: 200px;
    }

    .views-exposed-form .form-item,
    .views-exposed-form .form-submit {
        margin-bottom: 10px;
    }

    body.page-a-la-une-actualites #block-system-main>div.view-actualites>div.view-content>div {
        width: 100%;
        min-height: 300px;
    }

    .view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.field-atom,
    .view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.field-scald-thumbnail {
        max-height: 390px;
    }

    #page-header>h1.page-header {
        font-size: 2em;
    }

    div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes {
        width: 47%;
    }

    div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes div.node-article div.image {
        height: 74px;
        overflow: hidden;
    }

    div.panel-panel.header+div.panel-panel.line div.panel-panel.right {
        width: 23%;
    }

    footer .region-footer-second section {
        text-align: center;
    }

    footer .region-footer-second section p {
        float: none !important;
    }

    footer .region-footer-second section p:nth-child(2) {
        margin-left: 0 !important;
        margin-right: 0 !important;
        font-size: 0.8em;
    }

    section #block-system-main .view-display-id-page_programmes div.view-content div.views-row {
        width: 100%;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>div,
    body.node-type-animateur div.field-animateurs-associes div.field-items>div,
    .page-accueil .pane-animateurs .pane-animateurs-content .view-content>div {
        flex: 0.4;
        min-width: 66% !important;
        max-width: 66% !important;
        padding: 2% 12% !important;
        margin: 0 auto !important;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>div div.field-photo div.image,
    body.node-type-animateur div.field-animateurs-associes div.field-items>div div.field-photo div.image,
    .page-accueil .pane-animateurs .pane-animateurs-content .view-content>div div.field-scald-thumbnail div.field-items {
        width: 12em;
        height: 12em;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>h3,
    body.node-type-animateur div.field-animateurs-associes div.field-items>h3 {
        top: -3em;
    }

    div.pane-menu-block div.pane-content ul {
        width: 100%;
    }

    div.pane-menu-block div.pane-content ul li div.leaf>div.titre,
    div.pane-menu-block div.pane-content ul li div.leaf>div.desc {
        font-size: 1em;
        padding-left: 0.5em;
    }

    div.pane-status-sociaux div.view-content div.view-header a:first-of-type,
    div.pane-status-sociaux div.view-content div.view-body-col2 div.view-footer a:first-child {
        font-size: 1.2rem;
    }

    div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row>div {
        font-size: 0.8em;
    }

    div.pane-actualites div.pane-content div.view-content div.views-row {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        flex: 1;
    }

    section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row div.image {
        min-height: 150px;
    }

    body.node-type-animateur div.header-animateur .group-left,
    body.node-type-animateur div.header-animateur .group-right {
        width: 100%;
    }

    body.node-type-animateur div.header-animateur div.field-prenom-nom span:nth-of-type(1),
    body.node-type-animateur div.header-animateur div.field-prenom-nom span:nth-of-type(2) {
        font-size: 1.5em !important;
    }

    body.node-type-animateur div.header-animateur div.field-chapo-1 {
        font-size: 2em !important;
    }

    body.node-type-article div.postface section.block-block h6 .newsletter-btn-fond {
        margin-right: 20px;
    }

    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header div.field-sous-titre {
        font-size: 2em;
    }

    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header div.field-sous-titre {
        top: 0.8em;
        left: -0.5em;
    }

    body.page-node-133 .region .field-body iframe {
        width: 100%;
        height: 575px;
    }

    body:not(.node-type-article) #page-header div.sous-titre {
        display: none;
    }

    .view-actualites[class*="view-display-id-page"] div.attachment-before div.views-row .views-field-title a {
        font-size: 20px;
    }

    body.node-type-article div.postface section.block-block a.btn-rouge {
        width: 40%;
    }

    div.panel-panel.header+div.panel-panel.line {
        display: flex;
        flex-direction: column;
    }

    div.panel-panel.header+div.panel-panel.line div.panel-panel.left {
        order: 2;
    }

    div.panel-panel.header+div.panel-panel.line div.panel-panel.right {
        order: 1;
    }

    div.panel-panel.header+div.panel-panel.line div.panel-panel.right div.service-links {
        position: static !important;
        visibility: visible !important;
    }

    div.panel-panel.header+div.panel-panel.line div.panel-panel.left,
    div.panel-panel.header+div.panel-panel.line div.panel-panel.right {
        width: 100%;
    }

    div.panel-panel.header+div.panel-panel.line div.panel-panel.right div.service-links {
        display: flex !important;
        justify-content: flex-start;
        margin: 1em;
    }

    div.panel-panel.header+div.panel-panel.line div.panel-panel.right div.service-links a {
        margin: 0 1em 0 0;
    }


    .view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.field-atom,
    .view-actualites[class*="view-display-id-page"]>div.view-content>div.views-row div.field-scald-thumbnail {
        max-height: 390px;
    }

    div.pane-carrousel .slide__content .image img {
        height: auto;
        width: auto;
    }

    div.pane-carrousel .slick__arrow {
        top: 117px;
    }

    div.pane-jeux-et-quizz div.view-jeux-et-quizz .views-row {
        height: 220px;
    }

    .page-accueil .pane-animateurs .view-header {
        width: 75%;
        margin: 35px auto;
    }

}


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

    body.node-type-animateur div.header-animateur div.field-prenom-nom h1 {
        margin-top: -14em !important;
    }

    .tb-megamenu .nav-collapse {
        position: fixed;
        width: calc(100% - 8px);
        left: 4px;
        height: calc(100% - 93px);
        overflow-y: scroll;
        top: 78px;
    }

    body.node-type-animateur {
        min-width: 300px;
    }

    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header div.field-sous-titre {
        font-size: 1.8em;
    }

    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-nom,
    div.pane-animateurs-content div.pane-content div.view-animateurs.view-id-animateurs>div.view-content>a>div>div.field-prenom {
        right: -15%;
    }

    section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row div.image img {
        width: 70%;
    }

    section#block-system-main>div.panel-display>div.panel-panel>div>div.pane-vos-cha-nes:last-child div.pane-content div.views-row div.image {
        min-height: 135px;
    }

    /* div.panel-panel.header+div.panel-panel.line div.panel-panel.left,
    div.panel-panel.header+div.panel-panel.line div.panel-panel.right {
        width: 100%;
    } */

    /* div.panel-panel.header+div.panel-panel.line div.panel-panel.right div.service-links {
        display: flex;
        justify-content: space-between;
        margin-left: 2em;
        margin-right: 2em;
    } */


    body.page-assistez-participez h2.pane-title {
        font-size: 23px;
        padding: 0.5em 0.5em;
    }

    body.page-assistez-participez div.pane-annuaire div.view-content div.views-row>div.views-field-title span {
        font-size: 12px;
        line-height: 18px;
    }


    body.page-node #block-system-main>article div.paragraphs-items div.field-paragraphes div.group-header div.field-sous-titre {
        font-size: 1.8em;
        top: 0.2em;
        margin-left: 1em;
    }

    body.page-node-133 .region .field-body iframe {
        width: 100%;
        height: 560px;
    }

    body.page-votre-tele-animateurs .view-animateurs div.view-content>div,
    body.node-type-animateur div.field-animateurs-associes div.field-items>div,
    .page-accueil .pane-animateurs .pane-animateurs-content .view-content>div {
        flex: 0.4;
        min-width: 87% !important;
        max-width: 87% !important;
    }

    body.page-node-15 div.field-animateurs-associes div.field-items>div {
        flex: 0.4;
        min-width: 92% !important;
        max-width: 92% !important;
    }

    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-image-de-liste+div>a:first-child div,
    body.page-votre-tele-vos-chaines .view-vos-cha-nes div.view-content>div.views-row>div.field-scald-thumbnail+div>a:first-child div {
        font-size: 2.3em;
    }

    body.node-type-article div.postface section.block-block a.btn-rouge {
        width: 60%;
    }

    .page-node-132 div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body {
        height: 1550px;
        width: 100%;
    }

    .page-node-132 div.panel-panel.header+div.panel-panel.line div.inside>div.pane-node-body {
        padding: 0 2rem 8rem 2rem;
    }

    div.pane-node-field-animateurs-associes div.pane-content div.field-animateurs-associes {
        width: 70%;
    }

    /** Actualités **/
    .view-actualites[class*="view-display-id-page"]>h2 {
        display: none;
    }

    .view-actualites[class*="view-display-id-page"] div.attachment-before {
        padding: 0;
        margin: 1.5em 1% 1em 0.95%;
    }

    div.pane-carrousel .slick__arrow {
        top: 70px;
    }

    /** Réseaux sociaux - chaînes **/

    body.node-type-chaines .field-comptes-sociaux {
        background: none;
        height: 120px;
    }

    body.node-type-chaines .field-comptes-sociaux .field-label {
        padding-left: 0 !important;
    }

    body.node-type-chaines .field-comptes-sociaux .field-items .service-facebook {
        margin-left: 0 !important;
    }

    .field-comptes-sociaux .field-items {
      overflow: hidden;
    }
}

@media screen AND ( min-width: 1950px) {
  .buttons_home_cover {
    left: calc((100vw - 1990px) / 2);
  }
}