/*
 * GÉNÉRAL
 * -----------------------------
 */

body {
   font-family: 'Heebo', sans-serif;
   font-size: 15px;
   font-style: normal;
   font-variant: normal;
   font-weight: 400;
   color: #393939;
   line-height: 20px;
   -moz-osx-font-smoothing: grayscale;
   background-color: #f8f8f8;
}

h1 {
   font-family: 'Heebo', sans-serif;
   font-size: 2rem;
   line-height: 2.2rem;
   font-weight: 900;
   color: #203250;
   margin-bottom: 35px;
}

h1 sup {
   top: -7px !important;
   font-size: 60% !important;
   vertical-align: top !important;
}

h2 {
   font-family: 'Heebo', sans-serif;
   font-size: 1.5rem;
   line-height: 1.7rem;
   font-weight: 900;
   color: #203250;
   margin-bottom: 30px;
}

h2 sup {
   top: -4px !important;
   font-size: 60% !important;
   vertical-align: top !important;
}

h3 {
   font-family: 'Heebo', sans-serif;
   font-size: 1.4rem;
   line-height: 1.5rem;
   font-weight: 900;
   color: #203250;
   margin-bottom: 20px;
}

h3 sup {
   top: -3px !important;
   font-size: 60% !important;
   vertical-align: top !important;
}

h4 {
   font-family: 'Heebo', sans-serif;
   font-size: 1.2rem;
   line-height: 1.3rem;
   font-weight: 900;
   color: #203250;
   margin-bottom: 15px;
}

h4 sup {
   top: -3px !important;
   font-size: 60% !important;
   vertical-align: top !important;
}

h5 {
   font-family: 'Heebo', sans-serif;
   font-size: 1.15rem;
   line-height: 1.2rem;
   font-weight: 800;
   color: #203250;
   margin-bottom: 15px;
}

h6 {
   font-family: 'Heebo', sans-serif;
   font-size: 1.05rem;
   line-height: 1.1rem;
   font-weight: 800;
   margin-bottom: 15px;
}

.contenu-utilisateur p {
   text-align: justify;
   margin-bottom: 25px;
}

.contenu-utilisateur a {
   font-weight: 900 !important;
   text-decoration: none;
   color: #203250;
}

.contenu-utilisateur a:hover {
   text-decoration: underline;
}

.contenu-utilisateur strong {
   font-weight: 700;
}

.contenu-utilisateur em {
   font-style: italic;
}

.contenu-utilisateur ul,
.contenu-utilisateur ol {
   padding-left: 25px;
   margin-bottom: 20px;
}

.contenu-utilisateur ul:first-child,
.contenu-utilisateur ol:first-child {
   margin-bottom: 5px;
}

.contenu-utilisateur ul li {
   line-height: 1.35rem;
   list-style-type: disc;
   padding-left: 10px;
}

.contenu-utilisateur ul li ul li {
   list-style-type: circle;
}

.contenu-utilisateur ul li ul li ul li {
   list-style-type: square;
}

.contenu-utilisateur ol li {
   line-height: 1.3rem;
   list-style-type: decimal;
   padding-left: 10px;
}

.contenu-utilisateur ol li ol li {
   list-style-type: lower-alpha;
}

.contenu-utilisateur ol li ol li ol li {
   list-style-type: upper-roman;
}

.contenu-utilisateur sub,
.contenu-utilisateur sup {
   font-size: 0.65rem;
   font-weight: 700;
}

.contenu-utilisateur blockquote {
   display: block;
   width: 100%;
   background-color: #f8f8f8;
   padding: 30px 70px;
   margin-bottom: 26px;
   position: relative;
   border-radius: 20px;
}

.contenu-utilisateur blockquote:before {
   content: '\f10d';
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 700;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 50px;
   color: #bac0c6;
   position: absolute;
   left: 20px;
   top: 25px;
   opacity: 0.2;
}

.contenu-utilisateur blockquote:after {
   content: '\f10e';
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 700;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 50px;
   color: #bac0c6;
   position: absolute;
   right: 20px;
   bottom: 25px;
   opacity: 0.2;
}

.contenu-utilisateur blockquote p {
   width: 100%;
   text-align: center;
   color: #747d86;
   font-size: 1.2rem;
   line-height: 1.5rem;
   font-weight: 500;
   font-style: italic;
   margin: 0;
}

.contenu-utilisateur p img.size-full,
.contenu-utilisateur a img.size-full {
   display: inline-block;
   width: auto !important;
   max-width: 100% !important;
   height: auto;
   border: none !important;
}

.contenu-utilisateur p img.aligncenter,
.contenu-utilisateur a img.aligncenter {
   display: inline-block;
   margin: auto;
}

.contenu-utilisateur p img,
.contenu-utilisateur a img {
   max-width: 100%;
   height: auto;
}

.bkg-cover {
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}

.bkg-contain {
   background-size: contain;
   background-position: center;
   background-repeat: no-repeat;
}

a.cta {
   display: inline-flex;
   align-items: center;
   height: 40px;
   max-height: 40px;
   margin: 0 25px 0 0 !important;
   padding: 2px 30px 0 15px;
   font-size: 0.75rem;
   font-weight: 800;
   line-height: 0.85rem;
   text-decoration: none;
   color: #203250;
   border-top: 1px solid #bac0c6;
   border-right: 1px solid #bac0c6;
   border-bottom: 1px solid #bac0c6;
   border-left: 5px solid #bac0c6;
   overflow: hidden;
   position: relative;
   text-transform: uppercase;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

a.cta:hover {
   background-color: #203250;
   color: #ffffff !important;
}

a.cta:after {
   content: "\f0da";
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 700;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 14px;
   right: 12px;
   top: 12px;
   position: absolute;
   -webkit-transition: all 0.2s ease;
   -moz-transition: all 0.2s ease;
   -o-transition: all 0.2s ease;
   transition: all 0.2s ease;
}

a.cta:hover {
   text-decoration: none;
}

a.cta:last-of-type {
   margin-right: 0px !important;
}

a.cta.silver {
   color: #ffffff;
}

a.cta.silver:hover {
   background-color: #ffffff;
   color: #203250 !important;
}

a.cta.blue {
   background-color: #203250;
   color: #ffffff;
}

a.cta.blue:hover {
   background-color: #ffffff;
   color: #203250 !important;
}

a.cta.white {
   background-color: #ffffff;
   color: #203250 !important;
}

a.cta.white:hover:after {
   right: 10px;
}

.clear {
   clear: both;
}


/* End */



/*
 * PRÉHOME
 * -----------------------------
 */


.background-prehome {
   width: 100vw;
   height: 100vh;
}

.background-prehome .zone-video {
   height: 100vh;
   width: 100%;
   position: relative;
   overflow: hidden !important;
}

.background-prehome .zone-video .video-intro {
   position: absolute;
   width: 100%;
   height: 100vh;
   opacity: 1;
   background-color: #e3e3e3;
   overflow: hidden !important;
}

.background-prehome .zone-video .video-intro .container-video {
   position: absolute;
   top: -50%;
   left: -50%;
   width: 200%;
   height: 200%;
   overflow: hidden !important;
}

.background-prehome .zone-video .video-intro .container-video video {
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   margin: auto;
   min-height: 50%;
   min-width: 50%;
}

.prehome {
   width: 100vw;
   height: 100vh;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 2;
}

.prehome .double-blocs {
   width: 1110px;
   height: 360px;
}

.prehome .bloc-gauche {
   width: 730px;
   height: 360px;
   background-color: rgba(32, 50, 80, 0.85);
   float: left;
   padding: 30px;
}

.prehome .bloc-gauche .affiche {
   width: 200px;
   height: 300px;
   float: left;
   position: relative;
}

.prehome .bloc-gauche .contenu {
   width: 430px;
   height: 300px;
   float: right;
   padding: 20px 0;
   color: #ffffff;
   position: relative;
}

.prehome .bloc-gauche .zone-titre {
   width: 430px;
   height: 200px;
}

.prehome .bloc-gauche .scenario-countdown .zone-titre {
   width: 430px;
   height: 140px;
}

.prehome .bloc-gauche .zone-titre .titre {
   font-size: 3rem;
   line-height: 3rem;
   font-weight: 900;
   text-transform: uppercase;
}

.prehome .bloc-gauche .scenario-countdown .countdown {
   margin-top: 12px;
   left: -15px;
   position: relative;
}

.prehome .bloc-gauche .scenario-countdown .countdown .part .number {
   margin-bottom: 14px;
   font-size: 3.65rem;
}

.prehome .bloc-gauche .scenario-countdown .countdown .part .label {
   font-size: 0.72rem;
}

.prehome .bloc-gauche .scenario-countdown .zone-titre .titre {
   font-size: 2.4rem;
   line-height: 2.4rem;
   font-weight: 900;
   text-transform: uppercase;
   padding-left: 5px;
}

.prehome .bloc-gauche .zone-titre .titre sup {
   top: -6px !important;
   font-size: 60% !important;
   vertical-align: top !important;
}

.prehome .bloc-gauche .zone-cta {
   position: absolute;
   bottom: 20px;
   left: 0;
}

.prehome .bloc-gauche .zone-cta a.cta {
   width: 205px;
}

.prehome .bloc-gauche .zone-cta a.cta:first-of-type {
   margin-right: 20px !important;
}

.prehome .bloc-droite {
   width: 360px;
   height: 360px;
   background-color: rgba(32, 50, 80, 0.85);
   float: right;
   padding: 50px;
   position: relative;
}

.prehome .bloc-droite .titre {
   width: 260px;
   height: 60px;
}

.prehome .bloc-droite .titre h1 {
   font-size: 1.6rem;
   line-height: 1.6rem;
   font-weight: 900;
   color: #ffffff;
   text-transform: uppercase;
   text-align: center;
   margin: 0 !important;
}

.prehome .bloc-droite .logo {
   width: 120px;
   height: 120px;
   margin: 15px auto 0 auto;
   position: relative;
}

.prehome .bloc-droite .logo img {
   display: block;
   width: 120px;
   height: 120px;
}

.prehome .bloc-droite .zone-cta {
   width: 100%;
   position: absolute;
   bottom: 50px;
   left: 0;
   text-align: center;
}

.prehome .bloc-promo-prehome {
   position: relative !important;
}

.prehome .bloc-promo-prehome .image {
   width: 410px;
   height: 300px;
   float: left;
}

.prehome .bloc-promo-prehome .content {
   width: calc(100% - 410px);
   height: 300px;
   float: right;
   padding: 20px 0;
   position: relative;
}

.prehome .bloc-promo-prehome .content .texte {
   width: 100%;
   height: 200px;
   display: flex;
   align-items: center;
   background-color: #203250;
   padding: 20px 30px 20px 10px;
   position: relative;
}

.prehome .bloc-promo-prehome .content .texte p {
   font-size: 1.85rem;
   line-height: 1.85rem;
   font-weight: 900;
   color: #fff;
   text-align: left;
   margin: 0 !important;
   max-height: 160px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}

.prehome .bloc-promo-prehome .content .texte:before {
   content: '';
   position: absolute;
   top: 0;
   left: -30px;
   width: 30px;
   height: 100%;
   background-color: #203250;
}

.prehome .bloc-promo-prehome .content .zone-cta {
   position: absolute;
   bottom: 20px;
   left: 30px;
   width: calc(100% - 60px);
}

.prehome .bloc-promo-prehome .content .zone-cta a {
   width: 100%;
}

.prehome .bloc-promo-prehome:hover .content .zone-cta a {
   background-color: #ffffff;
   color: #203250 !important;
   text-decoration: none;
}

/* End */



/*
 * COUNTDOWN
 * -----------------------------
 */


.countdown {
   width: 400px;
   height: 60px;
}

.countdown .part {
   width: 25%;
   float: left;
   position: relative;
}

.countdown .part:after {
   content: ':';
   position: absolute;
   right: -5px;
   top: 0;
   font-size: 35px;
}

.countdown .part:last-of-type:after {
   display: none;
}

.countdown .part .number {
   text-align: center;
   font-weight: 300;
   font-size: 3rem;
   margin-bottom: 20px;
   color: #ffffff;
}

.countdown .part .label {
   text-align: center;
   font-weight: 400;
   font-size: 0.62rem;
   text-transform: uppercase;
   color: #ffffff;
}


/* End */



/*
 * HEADER
 * -----------------------------
 */


header {
   width: 100%;
   height: 120px;
   position: fixed;
   z-index: 999;
   box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
   -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
   -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.08);
}

header .header-top {
   width: 100%;
   height: 40px;
   background-color: #203250;
   color: #ffffff;
   font-size: 0.7rem;
   font-weight: 600;
   text-transform: uppercase;
   padding: 10px 0;
}

header .header-top .zone-marquee {
   width: calc(100% - 165px);
   height: 40px;
   float: left;
}

header .header-top .zone-marquee .partie-fixe {
   width: 165px;
   height: 20px;
   float: left;
   text-align: center;
   border-right: 1px solid #ffffff;
}

header .header-top .zone-marquee .partie-defilante {
   width: calc(100% - 165px);
   height: 20px;
   float: right;
   padding: 0 20px;
}

header .header-top .zone-marquee .partie-defilante p a {
   color: #bac0c6;
   text-decoration: none;
}

header .header-top .zone-marquee .partie-defilante p sup {
   font-size: 0.48rem;
   font-weight: 700;
}

header .header-top .acces-membres {
   width: 165px;
   height: 20px;
   float: right;
   border-left: 1px solid #ffffff;
   text-align: center;
}

header .header-top .acces-membres a {
   text-decoration: none;
   color: #ffffff;
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

header .header-top .acces-membres a:hover {
   color: #bac0c6;
}

header .header-menu {
   padding: 10px 0;
   height: 80px;
   background-color: #f8f8f8;
}

.zone-logo-burger {
   width: 165px;
   height: 60px;
   float: left;
}

.zone-logo-burger .logo {
   width: 45px;
   height: 60px;
   float: left;
   margin-left: 35px;
}

.zone-logo-burger .logo img {
   display: block;
   width: 45px;
   height: 60px;
}

.zone-logo-burger .icone-burger,
.zone-logo-burger .icone-burger-close {
   margin-top: 23px;
   width: 30px;
   height: 20px;
   float: right;
   margin-right: 30px;
   cursor: pointer;
   padding-top: 8px;
}

header .header-menu .zone-logo-burger .icone-burger .bars {
   width: 30px;
   height: 4px;
   border-radius: 4px;
   background-color: #203250;
   position: relative;
}

header .header-menu .zone-logo-burger .icone-burger .bars:before {
   content: '';
   width: 24px;
   height: 4px;
   border-radius: 4px;
   background-color: #203250;
   position: absolute;
   left: 0;
   top: -8px;
}

header .header-menu .zone-logo-burger .icone-burger .bars:after {
   content: '';
   width: 24px;
   height: 4px;
   border-radius: 4px;
   background-color: #203250;
   position: absolute;
   left: 0;
   top: 8px;
}

header .header-menu .zone-menu {
   width: calc(100% - 330px);
   height: 60px;
   float: left;
}

header .header-menu .zone-menu a.bt-menu {
   width: 100%;
   height: 66px;
   font-size: 0.95rem;
   font-weight: 700;
   text-transform: uppercase;
   color: #424242;
   text-decoration: none;
   border-right: 1px solid #bac0c6;
   position: relative;
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

header .header-menu .zone-menu  > div > div:first-of-type > a.bt-menu {
   border-left: 1px solid #bac0c6;
}

header .header-menu .zone-menu a.bt-menu:before {
   content: '';
   position: absolute;
   left: 0;
   bottom: -4px;
   width: 100%;
   height: 4px;
   background-color: #bac0c6;
   opacity: 0;
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

header .header-menu .zone-menu a.bt-menu:hover {
   color: #203250;
}

header .header-menu .zone-menu a.bt-menu:hover:before,
header .header-menu .zone-menu a.bt-menu:hover:after {
   opacity: 1;
}

header .header-menu .zone-menu .row-menu-over {
   width: 100%;
   min-height: 280px;
   background-color: #f2f2f2;
   margin: 4px 0 0 0;
   display: none;
   padding: 30px 20px 0 20px;
   border-top: 1px solid #bac0c6;
}

header .header-menu .zone-menu .menu-over-active {
   display: flex;
}

header .header-menu .zone-menu .box-menu-over {
   background-color: #ffffff;
   position: relative;
   height: 300px;
   margin-bottom: 30px;
}

header .header-menu .zone-menu .box-menu-over .img {
   display: block;
   width: 100%;
   height: 160px;
}

header .header-menu .zone-menu .box-menu-over .titre {
   width: 100%;
   height: 80px;
   font-size: 1.08rem;
   line-height: 1.18rem;
   font-weight: 900;
   color: #203250;
   text-transform: uppercase;
   padding: 0 20px;
}

header .header-menu .zone-menu .box-menu-over .zone-cta {
   width: 100%;
   position: absolute;
   bottom: 20px;
   left: 20px;
}

header .header-menu .zone-menu .box-menu-over .zone-cta a.cta {
   width: calc(100% - 40px);
}

header .header-menu .zone-menu .box-menu-over:hover .zone-cta a.cta {
   background-color: #203250;
   color: #ffffff !important;
}

.zone-langues {
   width: 165px;
   height: 60px;
   float: right;
}

.zone-langues a.langue {
  display: inline-block;
  width: 25px;
  height: 18px;
  background-color: #bbb;
  margin-right: 15px;
}

.zone-langues a.langue:last-of-type {
  margin-right: 0;
}

.menu-burger {
   width: 100vw;
   height: calc(100vh - 40px);
   position: fixed;
   top: 40px;
   padding: 10px 0;
   left: 0;
   z-index: 9999;
   background-color: #203250;
   visibility: hidden;
   opacity: 0;
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

.menu-burger-active {
   visibility: visible;
   opacity: 1;
}

.menu-burger .zone-logo-burger .icone-burger-close .bars {
   width: 30px;
   height: 4px;
   border-radius: 4px;
   background-color: #fff;
   position: relative;
   transform: rotate(45deg);
}

.menu-burger .zone-logo-burger .icone-burger-close .bars:before {
   content: '';
   width: 30px;
   height: 4px;
   border-radius: 4px;
   background-color: #fff;
   position: absolute;
   left: 0;
   top: 0;
   transform: rotate(90deg);
}

.menu-burger .contenu-menu-burger {
   width: calc(100% - 330px);
   height: 100%;
   float: left;
   overflow-y: scroll !important;
}

.menu-burger .contenu-menu-burger .label-menu-burger {
   width: 100%;
   height: 66px;
   font-size: 1rem;
   font-weight: 600;
   text-transform: uppercase;
   color: #ffffff;
   text-decoration: none;
   border-right: 1px solid #3F4F68;
   position: relative;
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

.menu-burger .contenu-menu-burger  > div > div:first-of-type > .label-menu-burger {
   border-left: 1px solid #3F4F68;
}

.menu-burger .column-menu {
   padding: 5px 30px;
   border-right: 1px solid #3F4F68;
   min-height: calc(100% - 35px)
}

.menu-burger .contenu-menu-burger > div > div:first-of-type > .column-menu {
   border-left: 1px solid #3F4F68;
}

.menu-burger .column-menu .border-column {
   border-top: 1px solid #3F4F68;
   margin-bottom: 30px;
}

.menu-burger .column-menu span.titre-ul {
   display: inline-block;
   margin-bottom: 10px;
   width: 100%;
}

.menu-burger .column-menu span.titre-ul a {
   font-size: 0.9rem;
   font-weight: 600;
   text-transform: uppercase;
   color: #ffffff;
   text-decoration: none;
}

.menu-burger .column-menu ul {
   margin-bottom: 30px;
}

.menu-burger .column-menu ul li {
   padding-left: 15px;
   position: relative;
   margin-bottom: 2px;
}

.menu-burger .column-menu ul li:before {
   content: '•';
   position: absolute;
   left: 0;
   top: 2px;
   font-size: 22px;
   color: #bac0c6;
}

.menu-burger .column-menu ul li a {
   color: #bac0c6;
   font-size: 0.9rem;
   font-weight: 500;
   text-decoration: none;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.menu-burger .column-menu ul li a:hover {
   color: #ffffff;
}

.menu-burger .cta-burger {
   padding: 30px;
   display: none;
}

.menu-burger .cta-burger .border-cta {
   border-top: 1px solid #3F4F68;
   margin-bottom: 30px;
}

.menu-burger .cta-burger a.cta {
   width: 100%;
}

.margin-header {
   height: 120px;
}

/* End */



/*
 * -----------------------------
 */

.zone-slider-homepage {
   width: 100%;
   height: 440px;
   background-color: #dddddd;
   position: relative;
   overflow: hidden !important;
}

.zone-slider-homepage .slider-homepage-background {
   width: 100%;
   height: 440px;
   background-color: #dddddd;
   position: absolute;
   left: 0;
   top: 0;
   overflow: hidden !important;
}

.zone-slider-homepage .slider-homepage-background .background {
   width: 100%;
   height: 440px;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}

.zone-slider-homepage .overlay {
   width: 100%;
   height: 440px;
   background-color: rgba(32, 50, 80, 0.85);
   position: absolute;
   left: 0;
   top: 0;
}

.zone-slider-homepage .zone-contenu {
   width: 100%;
   height: 440px;
   position: absolute;
   left: 0;
   top: 0;
   overflow: hidden !important;
}

.zone-slider-homepage .slider-homepage-contenu {
   width: 100%;
   height: 400px;
}

.zone-slider-homepage .slider-homepage-contenu .zone-texte {
   height: 400px;
}

.zone-slider-homepage .slider-homepage-contenu .zone-texte .texte {
   width: 550px !important;
}

.zone-slider-homepage .slider-homepage-contenu .zone-texte .texte span.titre {
   display: inline-block;
   width: 500px;
   margin-bottom: 22px;
   font-size: 2rem;
   line-height: 2rem;
   font-weight: 900;
   text-transform: uppercase;
   color: #ffffff;
}

.zone-slider-homepage .slider-homepage-contenu .zone-texte .texte p {
   color: #ffffff;
   margin-bottom: 28px;
   height: 80px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
}

.zone-slider-homepage .slider-homepage-contenu .zone-texte .logo-edition img {
   max-width: 280px;
   max-height: 180px;
   display: block;
}

.zone-slider-homepage .padding-homepage-nav {
   padding: 0 25px;
   border-top: 1px solid rgba(255, 255, 255, 0.35);
}

.zone-slider-homepage .slider-homepage-nav {
   width: 100%;
   height: 40px;
}

.zone-slider-homepage .slider-homepage-nav .onglet {
   color: #ffffff;
   font-size: 0.65rem;
   text-transform: uppercase;
   cursor: pointer;
   margin: 0 15px;
   font-weight: 600;
   opacity: 0.6;
   padding: 10px 0;
}

.zone-slider-homepage .slider-homepage-nav .slick-current .onglet {
   opacity: 1;
   position: relative;
}

.zone-slider-homepage .slider-homepage-nav .slick-current .onglet:before {
   content: '\f0d7';
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 800;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 20px;
   color: #ffffff;
   position: absolute;
   top: -10px;
   left: 50%;
   margin-left: -20px;
   opacity: 1 !important;
}

.zone-slider-homepage .slick-prev:before,
.zone-slider-homepage .slick-next:before {
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 500;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 17px;
}

.zone-slider-homepage .slick-prev::before {
   content: '\f104';
}

.zone-slider-homepage .slick-next::before {
   content: '\f105';
}

.banner-course-homepage {
   width: 100%;
   height: 540px;
   background-color: #dddddd;
   position: relative;
}

.banner-course-homepage .banner-background {
   width: 100%;
   height: 540px;
   background-color: #dddddd;
   position: absolute;
   left: 0;
   top: 0;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
}

.banner-course-homepage .overlay {
   width: 100%;
   height: 540px;
   background-color: rgba(32, 50, 80, 0.85);
   position: absolute;
   left: 0;
   top: 0;
   border-bottom: 10px solid #C42D2D;
}

.banner-course-homepage .banner-home-page-contenu .zone-titre {
   width: 100%;
   height: 380px;
}

.banner-course-homepage .banner-home-page-contenu .zone-titre .titre {
   font-size: 4.5rem;
   line-height: 4.3rem;
   font-weight: 900;
   text-transform: uppercase;
   color: #ffffff;
   position: relative;
}


.banner-course-homepage .banner-home-page-contenu .zone-titre .titre sup {
   font-size: 2.3rem;
   font-weight: 700;
   display: inline-block;
}

.banner-course-homepage .banner-home-page-contenu .zone-cta a.cta {
   width: calc(33% - 20px);
   float: left;
   height: 60px;
   max-height: 60px;
   padding: 3px 30px 0 30px;
   font-size: 1rem;
}

.banner-course-homepage .banner-home-page-contenu .zone-cta a.cta:after {
   top: 22px;
}

.banner-course-homepage .banner-home-page-contenu .zone-cta a.cta i {
   font-size: 1rem;
   margin-right: 20px;
   margin-top: -2px;
}

.prochaines-epreuves-homepage {
   padding: 60px 0;
}

.prochaines-epreuves-homepage .epreuve-gauche {
   padding-right: 30px;
}

.prochaines-epreuves-homepage .titre-bloc {
   font-size: 1.3rem;
   line-height: 1.5rem;
   font-weight: 900;
   color: #203250;
   text-transform: uppercase;
   text-align: left;
   margin-bottom: 30px;
}

.prochaines-epreuves-homepage .bloc-epreuve {
   background-color: #ffffff;
   height: 180px;
   position: relative;
}

.prochaines-epreuves-homepage  .epreuve-gauche .bloc-epreuve:after {
   content: '';
   position: absolute;
   right: -30px;
   top: 0;
   width: 1px;
   height: 100%;
   background-color: #bac0c6;
}

.prochaines-epreuves-homepage .bloc-epreuve .affiche {
   width: 120px;
   height: 180px;
   float: left;
   position: relative;
}

.prochaines-epreuves-homepage .bloc-epreuve .infos {
   width: calc(100% - 120px);
   height: 180px;
   float: right;
   padding: 25px 30px 20px 30px;
   position: relative;
}

.prochaines-epreuves-homepage .bloc-epreuve .infos .titre-epreuve {
   font-size: 1.15rem;
   line-height: 1.15rem;
   font-weight: 900;
   color: #203250;
   text-transform: uppercase;
   text-align: left;
   margin-bottom: 12px;
}

.prochaines-epreuves-homepage .bloc-epreuve .infos .titre-epreuve sup{
   font-size: 0.65rem;
   font-weight: 700;
   display: inline-block;
}

.prochaines-epreuves-homepage .bloc-epreuve .infos .date-epreuve {
   font-size: 1rem;
   line-height: 1rem;
   font-weight: 700;
   color: #747d86;
   text-align: left;
}

.prochaines-epreuves-homepage .bloc-epreuve .infos .zone-cta {
   position: absolute;
   bottom: 20px;
   left: 30px;
   width: calc(100% - 60px);
}

.prochaines-epreuves-homepage .bloc-epreuve-countdown .infos .float-countdown-left {
   width: calc(100% - 400px);
   float: left;
}

.prochaines-epreuves-homepage .bloc-epreuve-countdown .infos .titre-epreuve {
   font-size: 1.15rem;
   line-height: 1.15rem;
   font-weight: 900;
   color: #203250;
   text-transform: uppercase;
   text-align: left;
   margin-bottom: 12px;
   padding-right: 10px;
}

.prochaines-epreuves-homepage .bloc-epreuve-countdown .infos .titre-epreuve sup {
   font-size: 0.65rem;
   font-weight: 700;
   display: inline-block;
   margin-bottom: -100px;
}

.prochaines-epreuves-homepage .bloc-epreuve-countdown .infos .float-countdown-right {
   float: right;
   width: 360px;
   padding-right: 30px;
   margin-top: 10px;
}

.prochaines-epreuves-homepage .bloc-epreuve-countdown .infos .float-countdown-right .countdown {
   width: 360px;
}

.prochaines-epreuves-homepage .bloc-epreuve-countdown .infos .float-countdown-right .countdown * {
   color: #203250 !important;
}

.prochaines-epreuves-homepage .bloc-epreuve-countdown .infos .zone-cta {
   height: 40px;
   overflow: hidden;
}

.slider-homepage-prochaines-epreuves {
   padding: 0 5px;
}

.slider-homepage-prochaines-epreuves .padding-bloc {
   padding: 0 15px;
}

.slider-homepage-prochaines-epreuves .slick-next {
   right: -15px !important;
}

.slider-homepage-prochaines-epreuves .slick-prev {
   left: -15px !important;
}

.slider-homepage-prochaines-epreuves .slick-next:before,
.slider-homepage-prochaines-epreuves .slick-prev:before {
   content: '\f104';
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 500;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 20px;
   color: #203250;
   opacity: 1 !important;
}

.slider-homepage-prochaines-epreuves .slick-next:before {
   content: '\f105';
}

.actu-plein-format {
   width: 100%;
   height: 480px;
   margin-bottom: 80px;
   position: relative;
}

.actu-plein-format .slider-actu-plein-format-background {
   position: absolute;
   right: 0;
   top: 0;
   width: 50%;
   height: 480px;
}

.actu-plein-format .slider-actu-plein-format-background .background {
   height: 480px;
}

.actu-plein-format .semi-overlay {
   width: 50%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background-color: rgba(32, 50, 80, 1);
}

.actu-plein-format .slider-actu-plein-format-nav {
   height: 480px;
   padding: 0 120px 0 40px;
}

.actu-plein-format .contenu-actu {
   position: relative;
   left: 0;
   top: 0;
}

.actu-plein-format .contenu-actu .titre {
   display: inline-block;
   margin-bottom: 22px;
   font-size: 1.8rem;
   line-height: 2rem;
   font-weight: 900;
   text-transform: uppercase;
   color: #fff;
}

.actu-plein-format .contenu-actu .titre sup {
	font-size: 0.6em;
}

.actu-plein-format .contenu-actu p {
   text-align: justify;
   color: #fff;
   max-height: 80px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   margin-bottom: 30px;
}

.actu-plein-format .slick-next {
   right: 75px !important;
}

.actu-plein-format .slick-prev {
   left: -5px !important;
}

.actu-plein-format .slick-next:before,
.actu-plein-format .slick-prev:before {
   content: '\f104';
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 500;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 20px;
   color: #ffffff;
   opacity: 1 !important;
}

.actu-plein-format .slick-next:before {
   content: '\f105';
}

.acces-epoques {
   margin-bottom: 50px;
}

.acces-epoques .box {
   margin-bottom: 30px;
}

.acces-epoques .box .titre {
   font-size: 1.3rem;
   line-height: 1.5rem;
   font-weight: 900;
   color: #203250;
   text-transform: uppercase;
   text-align: left;
   margin-bottom: 20px;
}

.acces-epoques .box .image {
   width: 100%;
   height: 180px;
   margin-bottom: 20px;
}

.acces-epoques .box .liens ul li {
   padding-left: 15px;
   margin-bottom: 4px;
   position: relative;
}

.acces-epoques .box .liens ul li:before {
   content: '';
   position: absolute;
   left: 0;
   top: 4px;
   width: 4px;
   height: 10px;
   background-color: #203250;
}

.acces-epoques .box .liens ul li a {
   font-size: 0.8rem;
   line-height: 1rem;
   font-weight: 800;
   color: #203250;
   text-transform: uppercase;
   text-decoration: none;
   display: inline-block;
}

.acces-epoques .box .liens ul li a:hover {
   font-weight: 900;
}

.actu-plein-format.homepage-acm .background {
   height: 480px;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
}

.actu-plein-format.homepage-acm .semi-overlay {
   right: 0 !important;
   left: auto;
}

.actu-plein-format.homepage-acm .zone-contenu {
   height: 480px;
   padding: 0 40px 0 120px;
}

.actu-plein-format.homepage-acm .zone-contenu h1 {
   display: inline-block;
   margin-bottom: 22px;
   font-size: 1.8rem;
   line-height: 2rem;
   font-weight: 900;
   text-transform: uppercase;
   color: #fff;
}

.reseaux-sociaux-bottom {
   margin-bottom: 50px;
}

.reseaux-sociaux-bottom .box-reseau-social {
   width: 100%;
   height: 480px;
   background-color: #FFF;
   margin-bottom: 30px;
}

.social-container-facebook a {
   color: #D6B160;
}

.social-header {
   height:72px;
   text-decoration:none;
   display:block;
   position:relative;
   line-height:72px;
   text-align:right;
   padding-right:30px;
}

.twitter-link {
   background-color:#3f9cd3;
   color:#fff!important;
}

.twitter-link::before {
   content:"\f081";
   font-family:FontAwesome;
   font-style:normal;
   font-weight:400;
   text-decoration:inherit;
   color:#fff;
   font-size:30px;
   padding-left:.5em;
   position:absolute;
   left:0;
}

.facebook-link {
   background-color:#3b609a;
   color:#fff!important;
}

.facebook-link::before {
   content:"\f230";
   font-family:FontAwesome;
   font-style:normal;
   font-weight:400;
   text-decoration:inherit;
   color:#fff;
   font-size:30px;
   padding-left:.5em;
   position:absolute;
   left:0;
}

.instagram-link {
   background-color:#fff;
   color:#000!important;
}

.instagram-link::before {
   content:"\f16d";
   font-family:FontAwesome;
   font-style:normal;
   font-weight:400;
   text-decoration:inherit;
   color:#000;
   font-size:30px;
   padding-left:.5em;
   position:absolute;
   left:0;
}

.social-header::after {
   content:"\f0da";
   font-family:FontAwesome;
   font-style:normal;
   font-weight:400;
   text-decoration:inherit;
   font-size:20px;
   position:absolute;
   right:10px;
}

.social-container iframe {
   margin:auto;
   display:block;
}

.social-container .twitter-timeline {
   top:0!important;
}

.newsletter {
   padding: 80px 0;
   margin-bottom: 80px;
}

.newsletter .box-newsletter {
   padding: 60px 120px;
   background-color: rgba(32, 50, 80, 0.85);
}

.newsletter .box-newsletter .titre {
   display: inline-block;
   margin-bottom: 22px;
   font-size: 1.8rem;
   line-height: 2rem;
   font-weight: 900;
   text-transform: uppercase;
   color: #fff;
}

.newsletter .box-newsletter .row input {
   width: 100%;
   height: 40px;
   background-color: #ffffff;
   border: none !important;
   padding: 0 15px;
   margin: 0 0 20px 0;
}

.newsletter .box-newsletter .row input[type=submit] {
   display: inline-flex !important;
   align-items: center !important;
   height: 40px !important;
   max-height: 40px !important;
   margin: 0 25px 0 0 !important;
   padding: 2px 15px 0 15px !important;
   font-size: 0.75rem !important;
   font-weight: 800 !important;
   line-height: 0.85rem !important;
   text-decoration: none !important;
   color: #ffffff !important;
   background: none !important;
   border-top: 1px solid #bac0c6 !important;
   border-right: 1px solid #bac0c6 !important;
   border-bottom: 1px solid #bac0c6 !important;
   border-left: 5px solid #bac0c6 !important;
   overflow: hidden !important;
   position: relative !important;
   text-transform: uppercase !important;
   -webkit-transition: all 0.25s ease !important;
   -moz-transition: all 0.25s ease !important;
   -o-transition: all 0.25s ease !important;
   transition: all 0.25s ease !important;
}

.newsletter .box-newsletter .row input[type=submit]:hover {
   background-color: #ffffff !important;
   color: #203250 !important;
   text-decoration: none !important;
}


.acces-rapides-homepage {
   margin-bottom: 50px;
}

.box-acces-rapide {
   width: 100%;
   height: 160px;
   border-bottom: 10px solid #bac0c6;
   margin-bottom: 30px;
   position: relative;
   padding: 35px 30px 0 30px;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.box-acces-rapide:hover {
   padding-top: 31px;
}

.box-acces-rapide .img-bkg {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   filter: grayscale(100%);
}

.box-acces-rapide .overlay {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background-color: rgba(32, 50, 80, 0.9);
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.box-acces-rapide .icone {
   display: inline-block;
   width: 100%;
   text-align: center;
   color: #ffffff;
   position: relative;
   font-size: 32px;
   margin-bottom: 20px;
}

.box-acces-rapide .titre {
   display: inline-block;
   font-size: 1.2rem;
   line-height: 1.4rem;
   font-weight: 800;
   text-transform: uppercase;
   color: #fff;
   position: relative;
   width: 100%;
   text-align: center;
}

.banner-pages {
   width: 100%;
   height: 200px;
   position: relative;
}

.banner-pages .img-entete {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   filter: grayscale(100%);
}

.banner-pages .overlay {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background-color: rgba(32, 50, 80, 0.85);
}

.banner-pages .flex-banner {
   height: 200px;
   position: relative;
}

.banner-pages .flex-banner .contenu-gauche h1,
.banner-pages .flex-banner .contenu-gauche .titre-banner {
   margin: 12px 0;
   font-size: 2.4rem;
   line-height: 2.4rem;
   font-weight: 900;
   text-transform: uppercase;
   color: #fff;
}

.banner-pages .flex-banner .contenu-gauche .date-edition {
   font-size: 1rem;
   line-height: 1.1rem;
   font-weight: 500;
   text-transform: uppercase;
   color: #fff;
   margin-bottom: 8px;
}

.banner-pages .flex-banner .contenu-gauche .countdown {
   margin-top: 30px;
   color: #ffffff;
}

.banner-pages .flex-banner img.logo-epreuve {
   max-width: 260px;
   max-height: 100px;
   display: block;
}

.banner-pages-course {
   border-bottom: 15px solid #C42D2D;
}

.breadcrumbs {
   margin: 10px 0 30px 0;
}

.breadcrumbs p {
   font-size: 0.75rem !important;
   font-weight: 600 !important;
   text-transform: uppercase;
   color: #747D86;
}

.breadcrumbs p a {
   color: #203250;
   text-decoration: none;
}

.landing-epreuve-first-part {
   margin-bottom: 40px;
}

.box-event {
   padding: 20px;
   background-color: #ffffff;
   margin-bottom: 30px;
}

.box-event a.affiche {
   display: block;
   float: left;
   width: 220px;
   height: 330px;
   border: 2px solid #f8f8f8;
}

.box-event .contenu {
   float: right;
   width: calc(100% - 240px);
   padding: 18px 0 0 10px;
}

.box-event .contenu .revivez {
   font-size: 1.1rem;
   line-height: 1.2rem;
   font-weight: 600;
   color: #203250;
   text-transform: uppercase;
   margin-bottom: 10px;
}

.box-event .contenu h2 {
   font-size: 1.6rem;
   line-height: 1.75rem;
   font-weight: 900;
   color: #203250;
   text-transform: uppercase;
   margin-bottom: 12px;
}

.box-event .contenu .date {
   font-size: 1rem;
   line-height: 1.1rem;
   font-weight: 800;
   color: #747D86;
   margin-bottom: 15px;
}

.box-event .contenu ul li {
   padding-left: 10px;
}

.box-event .contenu ul li span {
   color: #B9BFC4;
   text-decoration: none;
   font-size: 0.9rem;
   font-weight: 800;
   text-transform: uppercase;
   display: block;
   padding: 7px 0;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.box-event .contenu ul li span i {
   display: inline-block;
   margin-right: 10px;
   color: #B9BFC4;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.box-event .contenu ul li a {
   color: #203250;
   text-decoration: none;
   font-size: 0.9rem;
   font-weight: 800;
   text-transform: uppercase;
   display: block;
   padding: 7px 0;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.box-event .contenu ul li a i {
   display: inline-block;
   margin-right: 10px;
   color: #747D86;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.box-event .contenu ul li.okhover:hover {
   background-color: #203250;
}

.box-event .contenu ul li.okhover:hover a,
.box-event .contenu ul li.okhover:hover a i {
   color: #ffffff;
}

.bandeau-sponsor-stream {
   width: 100%;
   height: 80px;
   margin-bottom: 30px;
}

.bandeau-sponsor-stream a {
   display: block;
   width: 100%;
   height: 80px;
   text-align: center;
}

.bandeau-sponsor-stream a img {
   display: inline-block;
   max-height: 80px;
   max-width: 100%;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve {
   margin-bottom: 30px;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .padding-actu {
   padding: 0 15px;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .padding-actu .actu {
   height: 260px;
   background-color: #ffffff;
   position: relative;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .padding-actu .actu:hover {
   background-color: #203250;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .padding-actu .actu .image {
   height: 150px;
   background-color: #eee;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .padding-actu .actu .contenu {
   padding: 15px 20px;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .padding-actu .actu .contenu .date {
   font-size: 0.9rem;
   font-weight: 400;
   color: #747d86;
   display: inline-block;
   margin-bottom: 8px;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .padding-actu .actu .contenu .titre {
   font-size: 1.2rem;
   font-weight: 800;
   color: #203250;
   display: inline-block;
   height: 40px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .padding-actu .actu .contenu .titre sup {
	font-size: 0.7em;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .padding-actu .actu:hover .contenu .date,
.landing-epreuve-first-part .slider-actus-landing-epreuve .padding-actu .actu:hover .contenu .titre {
   color: #ffffff;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .slick-next {
   right: -15px !important;
   z-index: 2;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .slick-prev {
   left: -15px !important;
   z-index: 2;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .slick-next:before,
.landing-epreuve-first-part .slider-actus-landing-epreuve .slick-prev:before {
   content: '\f104';
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 500;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 20px;
   color: #203250;
   opacity: 1 !important;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .slick-next:before {
   content: '\f105';
}

.landing-epreuve-first-part-course .box-event .contenu ul li a i {
   color: #c42d2d;
}

.landing-epreuve-first-part .live-landing-epreuve {
   width: 100%;
   background-color: #eeeeee;
}

.landing-epreuve-first-part .live-landing-epreuve iframe {
   width: 100%;
   height: 360px;
}

.landing-epreuve-acces-rapides {
   margin-bottom: 40px;
}

.box-partenaires {
   margin-bottom: 50px;
   background-color: #ffffff;
   padding: 15px;
   height: 160px;
}

.box-partenaires .titre {
   font-size: 1.3rem;
   line-height: 1.5rem;
   font-weight: 700;
   color: #203250;
   text-transform: uppercase;
   text-align: center;
   margin-bottom: 20px;
   padding-bottom: 10px;
   border-bottom: 1px solid #bac0c6;
}

.box-partenaires .partenaire {
   height: 75px;
   margin: 0 auto;
}

.box-partenaires .partenaire a img {
   max-width: 100%;
   max-height: 100%;
   margin: 0 auto;
}

.landing-epreuve-acces-rapides-course .box-acces-rapide {
   border-bottom: 10px solid #c42d2d;
}

.col-gauche > div:last-of-type,
.contenu-droite > div:last-of-type {
   margin-bottom: 80px !important;
}

.col-gauche .box-affiche {
   padding: 20px;
   background-color: #ffffff;
   margin-bottom: 30px;
}

.col-gauche .box-affiche .affiche {
   width: 100%;
   padding-top: 56%;
   margin-bottom: 20px;
   position: relative;
}

.col-gauche .box-affiche .affiche a {
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
}

.col-gauche .box-affiche .infos {
   padding: 0 10px;
}

.col-gauche .box-affiche .infos .titre {
   font-size: 1.35rem;
   line-height: 1.35rem;
   font-weight: 900;
   color: #203250;
   text-transform: uppercase;
   text-align: left;
   margin-bottom: 8px;
}

.col-gauche .box-affiche .infos .date {
   font-size: 1rem;
   line-height: 1rem;
   font-weight: 700;
   color: #747d86;
   text-align: left;
}

.col-gauche .box-affiche .infos .titre sup {
   font-size: .65rem;
   font-weight: 700;
   display: inline-block;
   margin-bottom: 0;
   position: relative;
   top: -8px;
}

.col-gauche .button-accordeon {
   margin-bottom: 30px;
}

.col-gauche .button-accordeon .button {
   display: block;
   width: 100%;
   height: 60px;
   background-color: #203250;
   padding: 20px 35px 0 20px;
   border-left: 10px solid #bac0c6;
   cursor: pointer;
   position: relative;
}

.col-gauche .button-accordeon .button:after {
   content: "\f0d7";
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 700;
   color: #ffffff;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 18px;
   right: 20px;
   top: 20px;
   position: absolute;
}

.col-gauche .button-accordeon .button.button-no-child:after {
   display: none;
}

.col-gauche .button-accordeon .button .overlay {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background-color: rgba(32, 50, 80, 0.95);
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.col-gauche .button-accordeon .button .titre-bt {
   color: #ffffff;
   text-decoration: none;
   font-size: 1rem;
   line-height: 1.5rem;
   font-weight: 800;
   text-transform: uppercase;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   height: 20px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}

.col-gauche .button-accordeon .button .titre-bt i {
   display: inline-block;
   width: 25px;
   margin-right: 15px;
}

.col-gauche .button-accordeon .contenu-accordeon {
   background-color: #ffffff;
}

.col-gauche .button-accordeon .contenu-accordeon ul {
   padding: 20px;
}

.col-gauche .button-accordeon .contenu-accordeon ul li {
   padding-left: 10px;
}

.col-gauche .button-accordeon .contenu-accordeon ul li.grandchild {
   padding-left: 32px !important;
}

.col-gauche .button-accordeon .contenu-accordeon ul li.grandchild i {
   font-size: 12px !important;
}

.col-gauche .button-accordeon .contenu-accordeon ul li a,
.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul li a {
   color: #203250;
   text-decoration: none;
   font-size: 0.9rem;
   line-height: 1.5rem;
   font-weight: 800;
   text-transform: uppercase;
   display: block;
   padding: 6px 0 8px 0;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
   height: 35px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}

.col-gauche .button-accordeon .contenu-accordeon ul li a i,
.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul li a i {
   display: inline-block;
   margin-right: 10px;
   color: #747D86;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.col-gauche .button-accordeon .contenu-accordeon ul li:hover,
.col-gauche .button-accordeon .contenu-accordeon ul li.activ,
.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul li:hover,
.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul li a.activ {
   background-color: #203250;
}

.col-gauche .button-accordeon .contenu-accordeon ul li:hover a,
.col-gauche .button-accordeon .contenu-accordeon ul li:hover a i,
.col-gauche .button-accordeon .contenu-accordeon ul li.activ a,
.col-gauche .button-accordeon .contenu-accordeon ul li.activ a i,
.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul li:hover a,
.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul li:hover a i,
.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul li.activ a,
.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul li.activ a i {
   color: #ffffff;
}

.col-gauche .button-accordeon .contenu-accordeon ul li span,
.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul li span {
   color: #B9BFC4;
   text-decoration: none;
   font-size: 0.9rem;
   font-weight: 800;
   text-transform: uppercase;
   display: block;
   padding: 7px 0;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.col-gauche .button-accordeon .contenu-accordeon ul li span i,
.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul li span i {
   display: inline-block;
   margin-right: 10px;
   color: #B9BFC4;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.col-gauche .reseaux-sociaux .box-reseau-social {
   width: 100%;
   height: 480px;
   background-color: #ffffff;
   margin-bottom: 30px;
}

.col-gauche .reseaux-sociaux .box-reseau-social a.social-header {
   font-size: 0.8rem;
}

.contenu-droite .module-contenu-droite {
   background-color: #ffffff;
   padding: 40px;
   margin-bottom: 30px;
}

.contenu-droite .module-contenu-droite.module-the-title {
   background-color: #203250;
   padding: 0 30px;
   height: 75px;
   margin-bottom: 0 !important;
   border-left: 10px solid #bac0c6;
}

.contenu-droite .module-contenu-droite.module-the-title .part-title {
   float: left;
   width: calc(100% - 305px);
   min-height: 75px;
   display: flex;
   align-items: center;
}

.contenu-droite .module-contenu-droite.module-the-title.box-details-actualite .part-title {
   width: 100%;
}

.contenu-droite .module-contenu-droite.module-the-title .part-title h1 {
   margin-bottom: 0 !important;
   font-size: 1.6rem;
   line-height: 1.6rem;
   color: #ffffff;
}

.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown {
   float: right;
   width: 305px;
   height: 75px;
   position: relative;
   display: flex;
   align-items: center;
   cursor: pointer;
}

.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .parent {
   position: relative;
   color: #fff;
   width: 100%;
   text-decoration: none;
   font-size: 1rem;
   line-height: 1.5rem;
   font-weight: 800;
   text-transform: uppercase;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   border-left: 1px solid rgba(255, 255, 255, 0.5);
   padding-left: 30px;
}

.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .parent i {
   display: inline-block;
   width: 25px;
   margin-right: 15px;
}

.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .parent:after {
   content: "\f0d7";
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 700;
   color: #fff;
   text-decoration: inherit;
   font-size: 18px;
   right: 0;
   top: 0;
   position: absolute;
}

.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants {
   position: absolute;
   display: none;
   width: 100%;
   left: 0;
   top: 75px;
   background-color: #ffffff;
   border-left: 1px solid #f2f2f2;
   border-right: 1px solid #f2f2f2;
   border-bottom: 1px solid #f2f2f2;
   z-index: 9;
}

.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown:hover .bloc-enfants {
   display: block;
}

.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul {
   padding: 20px;
}

.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants ul li {
   padding-left: 10px;
   list-style: none;
}

.contenu-droite .programme .box-accordeon {
   margin-bottom: 30px;
}

.contenu-droite .programme .box-accordeon .bt-accordeon {
   padding: 18px;
   font-size: 1.3rem;
   line-height: 1.4rem;
   font-weight: 600;
   color: #203250;
   border: 1px solid #bac0c6;
   cursor: pointer;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.contenu-droite .programme .box-accordeon .bt-accordeon:after {
   content: "\f0d7";
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 700;
   color: #203250;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 18px;
   right: 20px;
   top: 18px;
   position: absolute;
}

.contenu-droite .programme .box-accordeon .contenu-accordeon .table-line {
   padding: 15px;
   color: #747d86;
   font-weight: 600;
}

.contenu-droite .programme .box-accordeon .contenu-accordeon .table-line:nth-child(even) {
   background-color: #f8f8f8;
}

.contenu-droite .programme .box-accordeon .contenu-accordeon .table-line .left {
   width: 160px;
   height: 40px;
   float: left;
   padding-right: 20px;
}

.contenu-droite .programme .box-accordeon .contenu-accordeon .table-line .right {
   width: calc(100% - 160px);
   height: 40px;
   float: right;
   padding-left: 20px;
   border-left: 2px solid #747d86;
}

.contenu-droite .programme .box-accordeon .contenu-accordeon .table-line.important {
   color: #203250 !important;
   font-weight: 800 !important;
}

.contenu-droite .programme .box-accordeon .contenu-accordeon .table-line.live {
   color: #FFF !important;
   background-color: #C03134 !important;
   font-weight: 800 !important;
}

.contenu-droite .villes-depart .box-accordeon {
   margin-bottom: 30px;
}

.contenu-droite .villes-depart .box-accordeon .bt-accordeon {
   padding: 18px;
   font-size: 1.15rem;
   line-height: 1.2rem;
   font-weight: 800;
   color: #203250;
   background-color: #f2f2f2;
   border: 0;
   cursor: pointer;
   position: relative;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.contenu-droite .villes-depart .box-accordeon .bt-accordeon:after {
   content: "\f0d7";
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 700;
   color: #203250;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 18px;
   right: 20px;
   top: 18px;
   position: absolute;
}

.contenu-droite .villes-depart .box-accordeon .contenu-accordeon {
   padding: 22px 18px 18px 18px;
}

.contenu-droite .share {
   font-size: 1.15rem;
   color: #747d86;
   font-weight: 800;
   text-transform: uppercase;
   text-align: right;
}

.contenu-droite .share a {
   display: inline-block;
   margin-left: 15px;
   color: #203250;
   font-size: 1.3rem;
}

.acces-rapides-bottom {
   margin-bottom: 50px;
}

.preview-actu {
   width: 100%;
   height: 260px;
   margin-bottom: 30px;
   position: relative;
   background-color: #ffffff;
}

.preview-actu .image {
   height: 150px;
}

.preview-actu .contenu {
   height: 110px;
   padding: 15px 20px;
   background-color: #ffffff;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.preview-actu:hover .contenu {
   background-color: #203250;
}

.preview-actu .contenu .date {
   font-size: 0.9rem;
   font-weight: 400;
   color: #747d86;
   margin-bottom: 10px;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.preview-actu:hover .contenu .date,
.preview-actu:hover .contenu .titre {
   color: #ffffff;
}

.preview-actu .contenu .titre {
   font-size: 1.1rem;
   font-weight: 800;
   color: #203250;
   height: 40px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.pagination {
   margin-bottom: 80px;
}

.pagination .page-numbers {
   display: inline-block;
   width: 40px;
   height: 40px;
   text-align: center;
   margin-right: 5px;
   padding-top: 10px;
   font-size: 1rem;
   font-weight: 800;
   color: #203250;
}

.pagination .page-numbers:hover {
   background-color: #e8e8e8;
}

.pagination .page-numbers.dots:hover {
   background: none;
}

.pagination .page-numbers.current {
   background-color: #203250 !important;
   color: #ffffff;
}

.pagination a.page-numbers {
   text-decoration: none;
}

.pagination a.next {
   width: 80px;
}

.contenu-droite .box-details-actualite .date {
   font-size: 0.9rem;
   font-weight: 400;
   color: #747d86;
   margin-bottom: 15px;
}

.contenu-droite .box-details-actualite .image-a-la-une {
   width: 100%;
   height: 440px;
   margin-bottom: 35px;
}

.contenu-droite .image-a-la-une {
   width: 100%;
   height: 440px;
   margin-bottom: 35px;
}

.archives {
   margin-bottom: 50px;
}

.bandeau-formulaires {
   width: 100%;
   padding: 20px 30px;
   background-color: #ffffff;
}

.bandeau-formulaires span.titre {
   font-size: 1.05rem;
   line-height: 1.15rem;
   font-weight: 900;
   color: #203250;
   text-transform: uppercase;
   display: inline-block;
   margin-right: 20px;
}

.contenu-droite .box-presidents {
   background-color: #ffffff;
   padding: 40px;
   margin-bottom: 30px;
}

.contenu-droite .box-presidents .president {
   height: 140px;
   width: 100%;
   padding: 10px 0;
   border-bottom: 1px solid #bac0c6;
}

.contenu-droite .box-presidents .president .photo {
   width: 100px;
   height: 120px;
   float: left;
   margin-right: 20px;
}

.contenu-droite .box-presidents .president .contenu {
   width: calc(100% - 120px);
   padding-top: 30px;
}

.contenu-droite .box-presidents .president .contenu .dates {
   font-family: 'Heebo', sans-serif;
   font-size: 1rem;
   line-height: 1rem;
   font-weight: 600;
   text-transform: uppercase;
   color: #203250;
   margin-bottom: 10px;
}

.contenu-droite .box-presidents .president .contenu .nom {
   font-family: 'Heebo', sans-serif;
   font-size: 1.4rem;
   line-height: 1.4rem;
   font-weight: 900;
   text-transform: uppercase;
   color: #203250;
}

.contenu-droite .liste-engages select,
.contenu-droite .liste-engages input {
   text-transform: uppercase;
   font-size: 0.85rem;
   color: #203250 !important;
   margin-bottom: 20px;
}

.contenu-droite .liste-engages .border-engages {
   width: 100%;
   height: 1px;
   background-color: #bac0c6;
   margin-bottom: 20px;
}

.contenu-droite .liste-engages .bt-accordeon {
   position: relative;
   cursor: pointer;
   padding: 5px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.contenu-droite .liste-engages .box-accordeon:nth-child(odd) {
   background-color: #f8f8f8;
}

.contenu-droite .liste-engages .bt-accordeon .num {
   display: inline-block;
   width: 36px;
   height: 36px;
   text-align: center;
   margin-right: 20px;
   padding-top: 9px;
   font-size: 1rem;
   font-weight: 800;
   color: #ffffff;
   background-color: #203250;
   float: left;
}

.contenu-droite .liste-engages .bt-accordeon .infos {
   display: inline-block;
   width: calc(100% - 60px);
   float: right;
   padding-top: 9px;
   height: 36px;
   font-weight: 800;
   color: #203250;
   font-size: 0.9rem;
}

.contenu-droite .liste-engages .bt-accordeon .infos span.voiture {
   color: #747d86;
   font-weight: 600;
}

.contenu-droite .liste-engages .contenu-accordeon {
   padding: 0 20px 0 60px;
}

.contenu-droite .liste-engages .contenu-accordeon ul {
   padding: 10px 0 20px 0;
}

.contenu-droite .liste-engages .contenu-accordeon ul li {
   margin-bottom: 6px;
   font-size: 0.85rem;
   color: #555555;
   font-weight: 500;
   padding-left: 20px;
   position: relative;
}

.contenu-droite .liste-engages .contenu-accordeon ul li:before {
   content: '•';
   font-size: 15px;
   color: #203250;
   position: absolute;
   left: 5px;
   top: 2px;
}

.contenu-droite .liste-engages .contenu-accordeon ul li span {
   color: #203250;
   font-weight: 700;
}

.contenu-droite .documents select,
.contenu-droite .documents input {
   text-transform: uppercase;
   font-size: 0.85rem;
   color: #203250 !important;
   margin-bottom: 20px;
}

.contenu-droite .documents .border-engages {
   width: 100%;
   height: 1px;
   background-color: #bac0c6;
   margin-bottom: 20px;
}

.contenu-droite .documents .box-document {
   padding: 20px 80px 15px 20px;
   position: relative;
}

.contenu-droite .documents .box-document:after {
   content: "\f019";
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 700;
   color: #203250;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 28px;
   right: 20px;
   top: 50%;
   margin-top: -15px;
   position: absolute;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.contenu-droite .documents .box-document:hover:after {
   margin-top: -12px;
}

.contenu-droite .documents .box-document:nth-child(odd) {
   background-color: #f8f8f8;
}

.contenu-droite .documents .box-document .date {
   font-size: 0.9rem;
   line-height: 0.9rem;
   font-weight: 600;
   color: #747d86;
   margin-bottom: 8px;
   position: relative;
}

.contenu-droite .documents .box-document.new-doc .date {
   padding-left: 60px;
}

.contenu-droite .documents .box-document.new-doc .date:before {
   content: 'New';
   font-family: 'Heebo', sans-serif;
   font-style: normal;
   font-weight: 700;
   color: #ffffff;
   text-decoration: inherit;
   position: absolute;
   font-size: 12px;
   left: -6px;
   top: -5px;
   background-color: #c42d2d;
   padding: 3px 14px;
   border-radius: 3px;
}

.contenu-droite .documents .box-document .titre {
   font-size: 1.05rem;
   line-height: 1.15rem;
   font-weight: 900;
   color: #203250;
   margin-bottom: 10px;
   text-transform: uppercase;
}

.contenu-droite .documents .box-document span.tag {
   font-size: 0.8rem;
   font-weight: 600;
   color: #ffffff;
   background-color: #203250;
   display: inline-block;
   margin: 0 5px 5px 0;
   padding: 3px 9px;
   border-radius: 4px;
}

.contenu-droite .images {
   padding-bottom: 10px;
}

.contenu-droite .images a.vignette {
   display: block;
   width: 100%;
   height: 200px;
   margin-bottom: 30px;
   cursor: pointer;
}

.contenu-droite .galeries-images {
   padding-bottom: 25px;
}

.contenu-droite .galeries-images .galerie h4 {
   padding-left: 15px;
}

.contenu-droite .galeries-images .padding-slide {
   padding: 0 15px;
}

.contenu-droite .galeries-images .slider-galerie-image {
   margin-bottom: 30px;
}

.contenu-droite .galeries-images .padding-slide a.vignette {
   display: block;
   width: 100%;
   height: 180px;
   cursor: pointer;
}

.contenu-droite .galeries-images .slider-galerie-image .slick-next {
   right: -15px !important;
}

.contenu-droite .galeries-images .slider-galerie-image .slick-prev {
   left: -15px !important;
}

.contenu-droite .galeries-images .slider-galerie-image .slick-next:before,
.contenu-droite .galeries-images .slider-galerie-image .slick-prev:before {
   content: '\f104';
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 500;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 20px;
   color: #203250;
   opacity: 1 !important;
}

.contenu-droite .galeries-images .slider-galerie-image .slick-next:before {
   content: '\f105';
}

.contenu-droite .videos .box-video {
   width: 100%;
   margin-bottom: 30px;
}

.contenu-droite .videos .box-video .video {
   width: 100%;
   height: 242px;
}

.contenu-droite .videos .box-video .video iframe {
   width: 100%;
   height: 100%;
}

.contenu-droite .videos .box-video .legende {
   height: 60px;
   padding: 0 15px;
   border-bottom: 1px solid #bac0c6;
}

.affiches {
   margin-bottom: 50px;
}

.affiches .zone-tag {
   width: 100%;
   margin-bottom: 20px;
   padding: 0 25px;
}

.affiches .zone-tag .tag {
   background-color: #e8e8e8;
   border-radius: 6px;
   margin-bottom: 10px !important;
   margin-right: 5px !important;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.affiches .zone-tag .tag:hover {
   background-color: #203250;
}

.affiches .zone-tag .form-check .form-check-input {
   margin-left: -8px !important;
   margin-right: 12px !important;
   margin-top: 13px !important;
   cursor: pointer;
}

.affiches .zone-tag .tag label {
   padding: 15px 24px 12px 0;
   cursor: pointer;
   font-size: 0.8rem;
   line-height: 0.9rem;
   font-weight: 600;
   text-transform: uppercase;
   color: #203250;
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.affiches .zone-tag .tag:hover label {
   color: #ffffff;
}

.affiches .box-affiche {
   width: 100%;
   height: 410px;
   margin-bottom: 30px;
   padding: 25px;
   position: relative;
}

.affiches .box-affiche .cadre {
   width: calc(100% - 50px);
   height: calc(100% - 70px);
   position: absolute;
   left: 25px;
   top: 25px;
   background-color: #ffffff;
   padding: 25px;
   border: 4px solid #444444;
   background: rgb(230,230,230);
   background: linear-gradient(20deg, rgba(230,230,230,1) 0%, rgba(245,245,245,1) 100%);
   -webkit-box-shadow: -6px 8px 18px 0px rgba(0,0,0,0.32);
   -moz-box-shadow: -6px 8px 18px 0px rgba(0,0,0,0.32);
   box-shadow: -6px 8px 18px 0px rgba(0,0,0,0.32);
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

.affiches .box-affiche .cadre:hover {
   width: calc(100% - 46px);
   height: calc(100% - 64px);
   position: absolute;
   left: 23px;
   top: 23px;
}

.affiches .box-affiche .cadre .affiche {
   width: 100%;
   height: 100%;
   cursor: pointer;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
}

.affiches .box-affiche .legende {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 30px;
   text-align: center;
   font-size: 0.7rem;
   line-height: 0.75rem;
   font-weight: 500;
   text-transform: uppercase;
   color: #203250;
   padding: 0 50px;
}

.affiches .box-affiche .legende sup {
   top: -1px !important;
   font-size: 70% !important;
   vertical-align: top !important;
}

.itineraire-kml #map {
   height: 450px;
   margin-bottom: 30px;
}

.itineraire-kml .table-iteneraries .table-etape {
   margin-bottom: 30px;
}

.itineraire-kml .table-iteneraries .table-etape:last-of-type {
   margin-bottom: 0px;
}

.itineraire-kml .table-iteneraries .table-etape h2 {
   margin-bottom: 15px;
}

.itineraire-kml .table-iteneraries .click-row {
   padding: 8px;
   font-weight: 500;
   cursor: pointer;
}

.itineraire-kml .table-iteneraries .click-row.activ {
   background-color: #203250 !important;
   color: #ffffff;
}

.itineraire-kml .table-iteneraries .click-row:nth-child(even) {
   background-color: #f8f8f8;
}

.itineraire-kml .table-iteneraries .click-row a {
   color: #203250;
   font-weight: 700;
}

.itineraire-kml .table-iteneraries .click-row.activ a {
   color: #ffffff;
   font-weight: 700;
}

.module-contenu-droite .dataTables_length,
.module-contenu-droite .dataTables_filter {
   margin-bottom: 15px !important;
}

.module-contenu-droite.tablepress .dataTables_filter {
   background-color: #f8f8f8;
   padding: 5px;
   float: none;
   width: 100%;
   margin-bottom: 15px;
   text-align: right;
}

.module-contenu-droite.tablepress .dataTables_filter input {
   width: 280px;
   border: 1px solid #dddddd;
   padding: 5px 10px;
}

.module-contenu-droite.tablepress thead th {
   background-color: #D2D6DC;
}

.module-contenu-droite.tablepress .sorting:hover,
.module-contenu-droite.tablepress .sorting_asc,
.module-contenu-droite.tablepress .sorting_desc {
   background-color: #203250;
   color: #ffffff;
}

.contenu-droite table {
   width: 100%;
}

.module-contenu-droite.liste-newsletters a.vignette-newsletter {
   display: block;
   width: 100%;
   height: 380px;
   margin-bottom: 12px;
}

.module-contenu-droite.liste-newsletters .titre {
   width: 100%;
   text-align: center;
   font-size: 0.9rem;
   font-weight: 800;
   margin-bottom: 8px;
}

.module-contenu-droite.liste-newsletters .date {
   width: 100%;
   text-align: center;
   font-size: 0.8rem;
   font-weight: 400;
   color: #555555;
   margin-bottom: 30px;
}




/*
 * RAJOUTS POST PROD
 * -----------------------------
 */

.contenu-utilisateur .gallery .gallery-item a {
   display: inline-block;
   padding: 10px;
}

.contenu-utilisateur .gallery .gallery-item a img {
   border: none !important;
}

.magazines a.box-mag {
   display: block;
   width: 100%;
   height: 370px;
}

.magazines span {
   display: inline-block;
   width: 100%;
   font-size: 0.9rem;
   text-transform: uppercase;
   font-weight: 600;
   color: #203250;
   text-align: center;
   margin-bottom: 40px;
}

.landing-riverains {
   height:140px;
   background-color:#fff;
   margin-bottom:70px
}

.landing-riverains .image {
   height:140px;
   width:100%
}

.landing-riverains .zone-texte {
   height:140px;
   width:100%;
   text-align:left;
   padding:30px
}

.landing-riverains .zone-texte .titre {
   width:100%;
   font-size:1.6rem;
   line-height:1.75rem;
   font-weight:900;
   color:#203250;
   text-transform:uppercase;
   margin-bottom:12px
}

.landing-riverains .zone-texte .texte {
   width:100%
}

.landing-riverains .zone-texte .texte p {
   margin-bottom:0;
   max-height:100px;
   overflow:hidden;
   display:-webkit-box;
   -webkit-line-clamp:2;
   -webkit-box-orient:vertical

}.landing-riverains .zone-cta {
   width:100%;
   height:140px;
   display:flex;
   align-items:center;
   padding:30px
}

.landing-riverains .zone-cta a.cta {
   width:100%
}

.dataTables_wrapper {
   max-width: 100%;
   overflow-x: scroll;
   overflow-y: hidden;
}








/*
 * FOOTER
 * -----------------------------
 */


.logos-footer {
   border-top: 1px solid #bac0c6;
   height: 140px;
   padding: 30px 0;
}

.logos-footer .logo {
   height: 80px;
   width: 100%;
   margin: 0 15px;
}

.logos-footer .logo a {
   display: block;
   width: 100%;
   height: 80px;
}

.logos-footer .logo a img {
   display: block;
   max-height: 100%;
   max-width: 100%;
   margin: 0 auto;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   -webkit-transition: all 0.15s ease;
   -moz-transition: all 0.15s ease;
   -o-transition: all 0.15s ease;
   transition: all 0.15s ease;
}

.logos-footer .logo a:hover img {
   -webkit-filter: none;
   filter: none;
}

footer {
   width: 100%;
   min-height: 470px;
   position: relative;
   padding: 80px 0;
}

footer .overlay {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background-color: rgba(32, 50, 80, 0.85);
}

footer .logo-footer {
   width: 110px;
   height: 145px;
   position: relative;
}

footer .logo-footer img {
   display: block;
   width: 110px;
   height: 145px;
}

footer .contenu-footer {
   position: relative;
}

footer .contenu-footer .social {
   margin: 10px 0 30px 0;
}

footer .contenu-footer .social a {
   font-size: 20px;
   color: #ffffff;
   display: inline-block;
   margin-right: 20px;
}

footer .contenu-footer .coordonnees {
   color: #ffffff;
   line-height: 1.6rem;
   margin-bottom: 40px;
}

footer .contenu-footer .coordonnees strong {
   font-weight: 800;
}

footer .contenu-footer .coordonnees a,
footer .contenu-footer .copyright a {
   font-weight: 600;
   color: #ffffff;
}

footer .contenu-footer .logos-epreuve {
   margin-bottom: 60px;
}

footer .contenu-footer .logos-epreuves a {
   display: inline-block;
   width: 150px;
   height: 60px;
   margin-bottom: 30px;
}

footer .contenu-footer .logos-epreuves a img {
   display: block;
   max-width: 100%;
   max-height: 100%;
}

footer .contenu-footer .copyright {
   color: #ffffff;
   font-size: 0.8rem;
}






























/*
 * Media Queries
 * -----------------------------
 */


@media screen and (min-width: 1200px) and (max-width: 1399px) {

.prochaines-epreuves-homepage .countdown {
   width: 300px;
}

.prochaines-epreuves-homepage .bloc-epreuve-contdown .infos .titre-epreuve {
   width: calc(100% - 330px);
}

.box-event .contenu h2 {
   font-size: 1.5rem;
   line-height: 1.7rem;
}

.landing-epreuve-first-part-course .live-landing-epreuve iframe {
   height: 310px;
}

.affiches .box-affiche {
   height: 480px;
}

.contenu-droite .box-details-actualite .image-a-la-une {
   height: 360px;
}

.contenu-droite .images a.vignette,
.contenu-droite .galeries-images .padding-slide a.vignette {
   height: 160px;
}

.contenu-droite .videos .box-video .video {
   height: 180px;
}

.module-contenu-droite.liste-newsletters a.vignette-newsletter {
   height: 320px;
}

.magazines a.box-mag {
   height: 270px;
}


}

@media screen and (min-width: 768px) and (max-width: 1199px) {

.prehome .double-blocs {
   width: 1110px;
   height: 500px;
}

.prehome .bloc-gauche {
   float: none;
   margin: 0 auto 20px auto;
}

.prehome .bloc-droite {
   float: none;
   margin: 0 auto;
   width: 730px;
   height: 100px;
   padding: 25px 30px !important;
   position: relative !important;
}

.prehome .bloc-droite .logo {
   width: 80px;
   height: 50px;
   margin: 0;
   float: left;
}

.prehome .bloc-droite .logo img {
   width: 50px;
   height: 50px;
}

.prehome .bloc-droite .titre {
   float: left;
   height: 50px;
   width: 385px;
   margin-top: 15px;
}

.prehome .bloc-droite .titre h1 {
   font-size: 1.4rem;
   line-height: 1.4rem;
   text-align: left;
}

.prehome .bloc-droite .zone-cta {
   width: 205px;
   position: absolute;
   bottom: 30px;
   left: auto;
   right: 30px !important;
   text-align: center;
}

.prehome .bloc-droite .zone-cta a.cta {
   width: 205px;
}

.prochaines-epreuves-homepage .bloc-epreuve .infos .zone-cta a.cta {
   width: auto;
}

.prochaines-epreuves-homepage .epreuve-gauche {
   padding-right: 0;
   margin-bottom: 30px;
}

.prochaines-epreuves-homepage .epreuve-gauche .bloc-epreuve:after {
   display: none;
}

.box-event .contenu h2 {
   font-size: 1.3rem;
   line-height: 1.5rem;
}

.landing-epreuve-first-part-course .live-landing-epreuve iframe {
   height: 210px;
}

.contenu-droite .box-details-actualite .image-a-la-une {
   height: 300px;
}

.contenu-droite .videos .box-video .video {
   height: 144px;
}

.module-contenu-droite.liste-newsletters a.vignette-newsletter {
   height: 320px;
}

.magazines a.box-mag {
   height: 330px;
}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

.prochaines-epreuves-homepage .countdown {
   width: 250px;
}

.prochaines-epreuves-homepage .bloc-epreuve-contdown .infos .titre-epreuve {
   width: calc(100% - 280px);
}

.landing-epreuve-first-part-course .live-landing-epreuve iframe {
   height: 390px;
}

.affiches .box-affiche {
   height: 460px;
}

.contenu-droite .videos .box-video .video {
   height: 346px;
}

.magazines a.box-mag {
   height: 240px;
}

}

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

header .header-top .zone-marquee .partie-defilante {
   width: 100%;
   float: left;
}

.zone-logo-burger {
   width: calc(100% - 110px);
   height: 60px;
   float: left;
}

.zone-logo-burger .logo {
   width: calc(100% - 110px);
   float: right;
   margin-left: 0;
}

.zone-logo-burger .logo img {
   margin: 0 auto;
}

.zone-logo-burger .icone-burger,
.zone-logo-burger .icone-burger-close {
   width: 110px;
   margin-right: 0;
   float: left;
}

.zone-logo-burger .icone-burger .bars {
   width: 30px;
   height: 4px;
   border-radius: 4px;
   background-color: #203250;
   position: relative;
   float: left;
   margin-left: 20px;
}

.zone-logo-burger .icone-burger-close .bars {
   float: left;
   margin-left: 20px;
}

.zone-logo-burger .icone-burger span {
   display: inline-block;
   float: right;
   margin-top: -6px;
   font-size: 1rem;
   text-transform: uppercase;
   font-weight: 700;
   color: #203250;
}

.zone-langues {
   width: 110px;
   height: 60px;
   float: right;
}

.menu-burger .contenu-menu-burger {
   clear: both;
   width: 100vw !important;
   max-width: 100vw !important;
   overflow: hidden !important;
   height: 100vh !important;
   float: none;
   position: relative;
}

.menu-burger .contenu-menu-burger .part-left {
   width: calc(100% - 60px);
   height: 100%;
   position: absolute;
   left: 30px;
   top: 30px;
   opacity: 1;
}

.menu-burger .contenu-menu-burger .part-right {
   width: calc(100% - 60px);
   height: calc(100% - 200px);
   overflow-y: scroll !important;
   background-color: #203250;
   position: absolute;
   right: -100vw;
   top: 30px;
   opacity: 1;
   -webkit-transition: all 0.25s ease;
   -moz-transition: all 0.25s ease;
   -o-transition: all 0.25s ease;
   transition: all 0.25s ease;
}

.menu-burger .contenu-menu-burger .part-right-visible {
   right: 30px;
}

.menu-burger .contenu-menu-burger .bt-responsive,
.menu-burger .contenu-menu-burger .bt-responsive-close {
   width: 100%;
   height: 60px;
   font-size: 1rem;
   font-weight: 600;
   text-transform: uppercase;
   color: #fff;
   text-decoration: none;
   cursor: pointer;
   border-bottom: 1px solid #3F4F68;
   position: relative;
   padding: 0 20px;
}

.menu-burger .contenu-menu-burger .bt-responsive:after {
   content: "\f0da";
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 700;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 14px;
   right: 20px;
   top: 18px;
   position: absolute;
}

.menu-burger .contenu-menu-burger .bt-responsive-close:before {
   content: "\f0d9";
   font-family: 'Font Awesome 5 Pro';
   font-style: normal;
   font-weight: 700;
   text-decoration: inherit;
   /*--adjust as necessary--*/
   font-size: 14px;
   left: 5px;
   top: 18px;
   position: absolute;
}

.menu-burger .contenu-menu-burger .bt-responsive:first-of-type,
.menu-burger .contenu-menu-burger .bt-responsive-close {
   border-top: 1px solid #3F4F68;
}

.menu-burger .zone-cta {
   margin-top: 40px;
}

.menu-burger .zone-cta .cta-burger {
   padding: 0;
   border: 0;
   margin-bottom: 20px;
}

.menu-burger .zone-cta .cta-burger .border-cta {
   display: none;
}

.menu-burger .part-right .column-menu {
   padding: 15px;
   border: none;
}

.zone-slider-homepage .slider-homepage-contenu .zone-texte .logo-edition {
   display: none;
}

.actu-plein-format .semi-overlay {
   width: 100%;
   background-color: rgba(32, 50, 80, 0.85);
}

.actu-plein-format .slider-actu-plein-format-background {
   width: 100%;
}

.actu-plein-format .slider-actu-plein-format-nav,
.actu-plein-format.homepage-acm .zone-contenu {
   padding: 0 40px 0 40px;
}

.actu-plein-format .slick-next {
   right: 5px !important;
}

.actu-plein-format .slick-prev {
   left: 5px !important;
}

.banner-pages.countdown {
   width: 100% !important;
   height: 200px !important;
}

.banner-pages .flex-banner .contenu-gauche .countdown {
   width: 100% !important;
}

.banner-pages .flex-banner img.logo-epreuve {
   display: none;
}

.box-event {
   margin-bottom: 30px;
}

.contenu-droite .box-presidents .president .contenu {
   width: auto;
}

.contenu-droite .box-details-actualite .image-a-la-une {
   height: 340px;
}

.module-contenu-droite.liste-newsletters a.vignette-newsletter {
   height: 240px;
}

.contenu-droite .module-contenu-droite.module-the-title {
   height: 100px;
}

.contenu-droite .module-contenu-droite.module-the-title .part-title {
   width: 100%;
   min-height: 55px;
}

.contenu-droite .module-contenu-droite.module-the-title.box-details-actualite .part-title {
   height: 100px;
}


.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown {
   width: 100%;
   height: 25px;
}

.contenu-droite .module-contenu-droite.module-the-title .part-menu-dropdown .bloc-enfants {
   top: 25px;
}

}


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

.prehome {
   height: calc(100vh - 80px);
}

.prehome .double-blocs {
   width: 350px;
   height: 525px;
}

.prehome .bloc-gauche,
.prehome .bloc-droite {
   width: 350px;
   margin: 0 auto !important;
   float: none !important;
}

.prehome .bloc-gauche {
   height: 345px;
   position: relative;
}

.prehome .bloc-gauche .affiche {
   width: 90px;
   height: 135px;
   float: left;
   position: relative;
}

.prehome .bloc-gauche .contenu {
   width: 170px;
   height: 135px;
   float: right;
   padding: 20px 0;
   color: #ffffff;
   position: relative;
}

.prehome .bloc-gauche .zone-titre {
   width: 170px;
   height: 100px;
}

.prehome .bloc-gauche .scenario-countdown .zone-titre {
   width: 170px;
   height: 50px;
   margin-top: 10px;
}

.prehome .bloc-gauche .zone-titre .titre {
   font-size: 1.5rem;
   line-height: 1.5rem;
   font-weight: 900;
   text-transform: uppercase;
}

.prehome .bloc-gauche .scenario-countdown .zone-titre .titre {
   font-size: 1rem;
   line-height: 1rem;
   font-weight: 900;
   text-transform: uppercase;
}

.prehome .bloc-gauche .zone-cta {
   display: block !important;
   position: absolute;
   bottom: 30px;
   left: 30px;
   width: calc(100% - 60px);
   border-bottom: 1px solid rgba(187, 192, 197, 0.5);
   padding-bottom: 30px;
}

.prehome .bloc-gauche .zone-cta a.cta {
   width: 100%;
   margin-bottom: 10px !important;
}

.prehome .bloc-gauche .zone-cta a.cta:last-of-type {
   margin-bottom: 0 !important;
}

.prehome .bloc-droite {
   height: 180px;
   padding: 0 30px 30px 30px;
}

.prehome .bloc-droite .logo {
   width: 100px;
   height: 80px;
   margin: 0;
   float: left;
}

.prehome .bloc-droite .logo img {
   width: 80px;
   height: 80px;
}

.prehome .bloc-droite .titre {
   float: left;
   height: 70px;
   width: 150px;
   margin-top: 15px;
}

.prehome .bloc-droite .titre h1 {
   font-size: 1.3rem;
   line-height: 1.3rem;
   text-align: left;
}

.prehome .bloc-droite .zone-cta {
   width: calc(100% - 60px);
   left: 30px;
   bottom: 30px;
}

.prehome .bloc-droite .zone-cta a.cta {
   width: 100% !important;
}

.prehome .bloc-gauche .scenario-countdown .countdown .part .number {
   margin-bottom: 14px;
   font-size: 1.8rem;
}

.prehome .bloc-gauche .scenario-countdown .countdown .part .label {
   font-size: 0.45rem;
}

.prehome .bloc-promo-prehome .image {
   width: 100%;
   height: 180px;
   float: none;
}

.prehome .bloc-promo-prehome .content {
   width: 100%;
   height: 160px;
   float: none;
   padding: 0;
}

.prehome .bloc-promo-prehome .content .texte {
   height: 70px;
   background: none;
   padding: 0;
}

.prehome .bloc-promo-prehome .content .texte:before {
   display: none;
}

.prehome .bloc-promo-prehome .content .texte p {
   font-size: 1.15rem;
   line-height: 1.15rem;
}

.prehome .bloc-promo-prehome .content .zone-cta {
   width: 100%;
   left: 0;
}

.countdown {
   width: 175px;
   height: 50px;
}

.countdown .part {
   width: 25%;
   float: left;
}

.countdown .part:after {
   font-size: 20px;
}

.countdown .part .number {
   text-align: center;
   font-weight: 300;
   font-size: 1.6rem;
   margin-bottom: 10px;
}

.countdown .part .label {
   text-align: center;
   font-weight: 400;
   font-size: 0.4rem;
   text-transform: uppercase;
}

.zone-slider-homepage .slider-homepage-contenu .zone-texte .texte,
.zone-slider-homepage .slider-homepage-contenu .zone-texte .texte span.titre {
   width: 350px !important;
}

.banner-course-homepage {
   height: auto;
   padding-bottom: 20px;
}

.banner-course-homepage .banner-background,
.banner-course-homepage .overlay {
   height: 100%;
}

.banner-course-homepage .banner-home-page-contenu .zone-titre {
   height: auto;
   padding: 30px;
}

.banner-course-homepage .banner-home-page-contenu .zone-titre .titre {
   font-size: 2.5rem;
   line-height: 2.3rem;
}

.banner-course-homepage .banner-home-page-contenu .zone-titre .titre sup {
   font-size: 1.3rem;
}

.banner-course-homepage .banner-home-page-contenu .zone-cta {
   padding: 0 30px;
}

.banner-course-homepage .banner-home-page-contenu .zone-cta a.cta {
   width: 100%;
   float: none;
   height: 50px;
   max-height: 50px;
   padding: 2px 30px 0 30px;
   margin: 0 0 20px 0 !important;
}

.banner-course-homepage .banner-home-page-contenu .zone-cta a.cta:after {
   top: 16px;
}

.banner-course-homepage .banner-home-page-contenu .zone-cta a.cta i {
   font-size: 1rem;
   margin-right: 20px;
   margin-top: -2px;
}

.prochaines-epreuves-homepage .bloc-epreuve .infos .zone-cta a.cta {
   width: auto;
}

.prochaines-epreuves-homepage .epreuve-gauche {
   padding-right: 0;
   margin-bottom: 30px;
}

.prochaines-epreuves-homepage .epreuve-gauche .bloc-epreuve:after {
   display: none;
}

.prochaines-epreuves-homepage .countdown {
   display: none;
}

.prochaines-epreuves-homepage .bloc-epreuve-countdown .infos .float-countdown-left {
   width: 100%;
}

.prochaines-epreuves-homepage .bloc-epreuve-countdown .infos .float-countdown-right {
   display: none;
}

.prochaines-epreuves-homepage .bloc-epreuve-contdown .infos .titre-epreuve {
   width: 100%;
}

.prochaines-epreuves-homepage .bloc-epreuve .infos .titre-epreuve {
   margin-bottom: 8px;
}

.slider-homepage-prochaines-epreuves,
.slider-homepage-prochaines-epreuves .padding-bloc {
   padding: 0;
}

.slider-homepage-prochaines-epreuves .slick-next,
.slider-homepage-prochaines-epreuves .slick-prev {
   display: none !important;
}

.actu-plein-format .semi-overlay {
   width: 100%;
   background-color: rgba(32, 50, 80, 0.85);
}

.actu-plein-format .slider-actu-plein-format-background {
   width: 100%;
}

.actu-plein-format .slider-actu-plein-format-nav,
.actu-plein-format.homepage-acm .zone-contenu {
   padding: 0 40px 0 40px;
}

.actu-plein-format .slick-next {
   right: 5px !important;
}

.actu-plein-format .slick-prev {
   left: 5px !important;
}

.newsletter .box-newsletter {
   padding: 40px 40px;
}

footer {
   text-align: center;
   padding: 40px 0;
}

footer .logo-footer {
   width: 100%;
   margin-bottom: 30px;
}

footer .logo-footer img,
footer .contenu-footer .logos-epreuves a img {
   margin: 0 auto;
}

.breadcrumbs p {
   display: none;
}

.box-event .affiche {
   float: none;
   margin: 0 auto 15px auto;
   width: 100%;
   padding-top: 56%;
   height: auto;
}

.box-event .contenu {
   width: 100%;
   float: none;
}

.landing-epreuve-first-part-course .live-landing-epreuve iframe {
   height: 240px;
}

.contenu-droite .programme .box-accordeon .contenu-accordeon .table-line .left {
   width: 100%;
   height: auto;
   float: none;
   margin-bottom: 10px;
   display: block !important;
}

.contenu-droite .programme .box-accordeon .contenu-accordeon .table-line .right {
   width: 100%;
   height: auto;
   float: none;
}

.contenu-droite .images a.vignette {
   height: 160px;
}

.contenu-droite .galeries-images .padding-slide a.vignette {
   height: 140px;
}

.affiches .box-affiche {
   width: 300px;
   margin: 0 auto 30px auto;
}

.contenu-droite .box-details-actualite .image-a-la-une {
   height: 180px;
}

.contenu-droite .module-contenu-droite {
   padding: 20px;
}

.contenu-utilisateur blockquote {
   padding: 20px 40px;
}

.contenu-droite .images a.vignette,
.contenu-droite .galeries-images .padding-slide a.vignette {
   height: 120px;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .slick-next {
   right: -5px !important;
}

.landing-epreuve-first-part .slider-actus-landing-epreuve .slick-prev {
   left: -5px !important;
}

.box-event a.affiche {
   float: none;
}

.magazines a.box-mag {
   height: 200px;
}

.landing-riverains {
   height:auto
}

.landing-riverains .zone-cta {
   height:auto;
   padding-top:0
}

}


@media screen and (min-width: 576px) and (max-width: 766px) {

.affiches .box-affiche {
   width: 100%;
   height: 330px;
   margin: 0 0 30px 0;
}

.contenu-droite .box-details-actualite .image-a-la-une {
   height: 260px;
}


}


/* End of Media Queries */