@import "composantsBS4/bs2.scss";
@import "composantsBS4/autocomplete.scss";
@import "composantsBS4/buttons.scss";
@import "composantsBS4/modal.scss";
@import "composantsBS4/datepicker.scss";
@import "composantsBS4/grid-col-xs.scss";
@import "fixA11y.scss";

#contenu_page>.row {
  margin-right: -0.25rem;
  margin-left: -0.25rem;
}

.bg-infotraf {
  background: transparent;
  padding: 1px 0 0 0 !important
}

.img_actu_scroll {
  width: 300px;
  height: 400px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
  background-size: contain
}

.lien_actu,
.lien_actu:hover,
.lien_actu:focus {
  text-decoration: none;
  display: block;
  position: relative;
}

.lien_actu strong {
  text-decoration: underline;
}

.lien_actu p {
  color: $black;
}

a {
  color: $primary-dark;
}


main.fontAAA {
  font-size: 1.3em;
}

.bg-gradient {
  background: $white;
}

.btn-dark {
  border-color: $dark
}

.btn:not(.btn-link) {
  -webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  border-radius: 0.2rem
}

.btn:not(.btn-link):hover,
.btn:not(.btn-link):focus {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.05);
}

.btn.btn-flag {
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
  border: 0;
  position: relative;
}

.btn.btn-outline-light.btn-flag.active {
  background: transparent
}

.btn.btn-flag.active:after {
  font-family: actipage !important;
  content: "\f160";
  background: $white;
  color: $color-contrast-alpha-b;
  border-radius: 50rem;
  font-size: 0.45rem;
  width: 12px;
  height: 12px;
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  border: 1px solid $color-contrast-alpha-b
}

.btn#btnsearch {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-link .rounded-circle {
  width: 50px;
  height: 50px;
  position: relative;
  margin: 2px
}

.page .indice[data-code] {
  height: 40px !important
}

.page .indice.indice_on[data-code] {
  padding: 3px;
  -webkit-box-shadow: 0 0 0 3px inset #3d167f;
  -moz-box-shadow: 0 0 0 3px inset #3d167f;
  box-shadow: inset 0 0 0 3px #3d167f;
}

.btn-primary,
.btn-success,
.btn-danger,
.btn-info,
.btn-secondary,
.btn-dark {
  border-color: transparent
}

.bg-gray400 {
  background: $gray-400 !important
}

.bg-gray200 {
  background: $gray-200 !important
}

.bg-gray100 {
  background: $white !important
}

.bg-gray400,
.bg-gray400 a {
  color: $white
}

.bg-gray200,
.bg-gray200 a {
  color: $white
}

.btn-visit {
  z-index: 10;
}

.btn-visit .btn {
  border-color: $white !important
}


.appear {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: appear;
  animation-name: appear;
  z-index: 2
}

@-webkit-keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes appear {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}



.w-30 {
  width: 30%!important;
}

.result-iti .results .card {
  transition: all .3s
}

.result-iti .results:hover .card {
  opacity: 0.5
}

.result-iti .results:hover .card:hover {
  opacity: 1
}

#itineraire_accueil .card,
#calcul-iti .card {
  background: $white !important;
  z-index: 10;
}

#itineraire_accueil .card .card-header {
  background: $secondary;
  border-radius: 0 !important
}

#itineraire_accueil .card {
  -webkit-box-shadow: 0px 0px 0px 1rem rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 0px 1rem rgba(0, 0, 0, 0.3);
}

#calcul-iti .card {
  -webkit-box-shadow: 0px 0px 0px 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 0px 1rem rgba(0, 0, 0, 0.15);
}

.skip-links .sr-only {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute;
  /* reset */
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 0;
  top: -999999px;
  left: -999999px;
  background: $white;
  color: $black
}

.skip-links .sr-only:focus {
  background-color: $white;
  border-radius: 4px;
  clip: auto;
  color: $secondary;
  display: block;
  font-size: 1em;
  height: 50px;
  line-height: 20px;
  padding: 15px 15px;
  position: absolute;
  left: 5px;
  top: 5px;
  text-decoration: none;
  text-transform: none;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar */
}

[class^="picto-"],
[class*=" picto-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'actipage' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="picto"].icon-2x {
  line-height: 1em !important;
  font-size: 1.5em !important;
}

[class^="picto"].icon-3x {
  line-height: 1.1em !important;
  font-size: 2em !important;
}

[class^="picto"].icon-4x {
  line-height: 1.2em !important;
  font-size: 3em !important;
}

[class^="picto"].icon-fw {
  display: inline-block;
  width: 1.1428571428571428em;
  text-align: right;
  padding-right: 0.2857142857142857em;
}

#tarteaucitronClosePanel {
  font-size: 0.85em !important
}

.captcha-holder .captcha-modal__icons .captcha-image {
  float: left;
}

#back-top {
  position: fixed;
  bottom: 20px;
  right: -100px;
  visibility: none;
  -webkit-transition: right 1s, color 0.3s, background 0.3s;
  -o-transition: right 1s, color 0.3s, background 0.3s;
  transition: right 1s, color 0.3s, background 0.3s;
  z-index: 150;
}

#back-top.visible {
  right: 20px;
}

.ariane {
  background: $gray-100
}

.lowercase {
  text-transform: lowercase;
}

main a:not([class]),
a.underline,
.underline {
  text-decoration: underline;
}

main a:not([class]):visited {
  color: $color-link-visited
}

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

main a:hover,
main a:focus {
  text-decoration: underline;
}

iframe:not([src*=prosoluce], .skiptranslate),

iframe:not([src*=hcaptcha]) {
  width: 100% !important;
  max-width: 100% !important
}
.h-captcha iframe[src*=hcaptcha]{
  min-height: auto !important;
  width: 303px !important;
  max-width: none !important;
}
 

iframe[src*=prosoluce] {
  display: block;
  margin: 0 auto
}

iframe:not(.skiptranslate) {
  border: 0;
  border: none;
  min-height: 500px
}



p.has_iframe {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 0px;
  overflow: hidden;
  padding-bottom: 56.25%;
}

p.has_iframe iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: 0;
}

p.has_iframe4-3,
main .actimodule #iframe {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  padding-bottom: 0px;
  overflow: hidden;
  padding-bottom: 75%;
}

p.has_iframe4-3 iframe,
main .actimodule #iframe iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  border: 0;
}

.badge {
  font-family: $bold;
  font-weight: normal;
}

img {
  max-width: 100%;
  height: auto;
}

figcaption {
  background: $gray-200;
  font-size: 0.8em;
  text-align: center;
  padding: 10px
}

figure img {
  margin: 0 auto;
  display: block;
  width: 100%
}

table caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  background: $gray-200;
  font-size: 0.8em;
  text-align: center;
  caption-side: top;
  color: $black
}

main ol {
  list-style: none;
  counter-reset: li
}

main ol li:not([class]) {
  counter-increment: li
}

main ol li:not([class])::before {
  content: counter(li);
  color: $primary;
  font-family: $bold;
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
  margin-right: 0.5em;
  text-align: right;
  direction: rtl
}

main ul {
  list-style: none;
  padding-left: 1em
}

#contenu_page .picto_line {
  width: 35px
}

.colmod {
  padding-left: 0.25rem;
  padding-right: 0.25rem
}

main #actiNav ul li::before {
  display: none
}

.card {
  border-radius: 0 !important;
  border-color: transparent;
}

[data-module="Partie gauche"],
[data-module="Raccourci"],
.home .indice-actu {
  @include flex;
  @include flex-column;
  @include flex-1
}

.indice-actu .carousel {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0 1.25rem 1.25rem 1.25rem;
}

.indice-actu .carousel .actu a {
  color: #fff !important;
}

.indice-actu h3 {
  color: $warning-contrast !important;
  text-transform: uppercase;
  padding: 1.25rem;
  border: none;
  margin-bottom: 0;
  @include flex;
  @include flex-justify-between;
  @include flex-align-center
}

.indice-actu h3 .btn {
  padding: 0;
  color: $white !important;
  @include flex;
  @include flex-justify-end;
  @include flex-align-center
}

.indice-actu h3 .btn:after {
  content: "" !important
}

.indice-actu .carousel .actu a:focus,
.indice-actu .carousel .actu a:hover,
.indice-actu .carousel .actu:hover a {
  text-decoration: underline !important;
}

.row.is-flex .indice-actu .carousel-control {
  top: auto !important;
  padding: 0.75rem 1.25rem;
}

.row.is-flex .indice-actu .carousel-control.left {
  left: 0;
}

.row.is-flex .indice-actu .carousel-control.right {
  right: 0;
}



[data-module="Partie gauche"] .flex-1,
[data-module="Raccourci"] .flex-1 {
  @include flex;
  @include flex-column;
  @include flex-1
}

.card-header {
  text-transform: uppercase;
  font-family: $bold
}

.card>p:last-child {
  margin-bottom: 0
}

.card {
  border: none !important
}

.home .card {
  @include flex;
  @include flex-row;
  @include flex-align-center;
  text-transform: uppercase
}

.warp.contrast #contenu_page img,
.warp.contrast #contenu_page iframe {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

main a[target="_blank"]:not(.stretched-link)::after,
.bs-docs-sidebar a[target="_blank"]:not(.stretched-link)::after,
.sub-nav a[target="_blank"]:not(.stretched-link)::after {
  font-family: 'actipage';
  content: "\f14c";
  font-size: 0.6em;
  color: $gray-600;
  margin-left: 0.3em;
}


main a.btn-primary[target="_blank"]:not(.stretched-link)::after,
.bs-docs-sidebar a.btn-primary[target="_blank"]:not(.stretched-link)::after,
.sub-nav a.btn-primary[target="_blank"]:not(.stretched-link)::after {
  color: $primary-contrast
}

main table tr td a.btn[target="_blank"]::after {
  display: none !important
}

.bs-docs-sidebar a[target="_blank"]:not(.stretched-link)::after {
  margin-left: 0.5em
}

.sub-nav a[target="_blank"]:not(.stretched-link)::after {
  color: $secondaryAA;
  margin-left: 0.5em
}

table {
  width: 100%;
  max-width: 100%;
  vertical-align: middle
}

table td,
table th {
  vertical-align: middle !important
}

.breadcrumb {
  @include flex;
  @include flex-wrap;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0;
  font-size: 0.9rem
}

.breadcrumb li a {
  color: $primary;
  margin-right: 0.5rem;
  font-size: 0.9em;
  text-decoration: none
}

.breadcrumb li:last-child a {
  color: $secondary;
  text-decoration: none
}

.breadcrumb li a:after {
  content: "/";
  padding-left: 0.5rem;
  text-decoration: none !important;
  color: #8686bf
}

#zonecontenu .breadcrumb {
  font-size: 0.8em;
  padding-bottom: 1.5rem;
  width: 100%
}

#zonecontenu .breadcrumb li a {
  color: $gray-500;
}

#zonecontenu .breadcrumb li:last-child a {
  color: $secondary;
}

#zonecontenu .breadcrumb li a:after {
  color: $gray-500
}

#zonecontenu .breadcrumb li a:hover,
#zonecontenu .breadcrumb li a:focus {
  text-decoration: underline
}

.navbar-dark .navbar-toggler {
  color: $primary-contrast
}

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

.page .nav.bs-docs-sidenav {
  background: $gray-100;
}

#accescontenu {
  transition: font-size .3s
}

.page .nav.bs-docs-sidenav>li {
  /*border-bottom: 1px solid $primary;*/
  display: block;
  width: 100%;
  padding: 0.5rem 1.25rem;
  /*background: $gray-100;*/
  transition: background .3s
}

.page .nav.bs-docs-sidenav>li.active,
.page .nav.bs-docs-sidenav>li:hover {
  background: $info;
}

.page .nav.bs-docs-sidenav>li.active {
  position: relative;
}

.page .nav.bs-docs-sidenav>li.active:after {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -15px;
  right: -30px;
  border: solid 15px transparent;
  border-left-color: #FFF;
  z-index: 1;
}

.page .nav.bs-docs-sidenav>li>div>a {
  color: $gray-600;
  display: block;
  text-transform: uppercase;
}

.page .nav.bs-docs-sidenav>li.active>div>a {
  color: $info-contrast
}

.page .nav.bs-docs-sidenav>li:not(.active)>div>a,
.page .nav.bs-docs-sidenav>li:not(.active)>ul.show>li>a {
  color: $secondary !important
}

.page .nav.bs-docs-sidenav>li>div>a:hover,
.page .nav.bs-docs-sidenav>li:hover>div>a {
  color: $info-contrast !important
}

.page .nav.bs-docs-sidenav>li>div>a:focus {
  color: $black !important
}

.page .nav.bs-docs-sidenav>li>ul {
  padding: 0;
  margin: 0.5rem 0;
  -webkit-box-shadow: inset 1px 0px 0px 0px $gray-100;
  -moz-box-shadow: inset 1px 0px 0px 0px $gray-100;
  box-shadow: inset 1px 0px 0px 0px $gray-100;
}

.page .nav.bs-docs-sidenav>li:not(.active) {
  -webkit-box-shadow: inset 0px 0px 0px 0px $secondary;
  -moz-box-shadow: inset 0px 0px 0px 0px $secondary;
  box-shadow: inset 0px 0px 0px 0px $secondary;
  transition: all .3s
}

.page .nav.bs-docs-sidenav>li:not(.active)>div>a {
  padding-left: 0;
  transition: padding .3s
}

.page .nav.bs-docs-sidenav>li:not(.active):hover {
  -webkit-box-shadow: inset 4px 0px 0px 0px $primary;
  -moz-box-shadow: inset 4px 0px 0px 0px $primary;
  box-shadow: inset 4px 0px 0px 0px $primary;
}

.page .nav.bs-docs-sidenav>li:not(.active):hover>div>a {
  padding-left: 0.25rem
}

.page .nav.bs-docs-sidenav>li>ul>li {
  padding: 0.25rem 1rem;
  margin: 0;
  display: block;
  width: 100%;
  -webkit-box-shadow: inset 0px 0px 0px 0px $secondary;
  -moz-box-shadow: inset 0px 0px 0px 0px $secondary;
  box-shadow: inset 0px 0px 0px 0px $secondary;
  transition: all .3s
}

.page .nav.bs-docs-sidenav>li>ul>li.active,
.page .nav.bs-docs-sidenav>li>ul>li:hover {
  -webkit-box-shadow: inset 2px 0px 0px 0px $secondary;
  -moz-box-shadow: inset 2px 0px 0px 0px $secondary;
  box-shadow: inset 2px 0px 0px 0px $secondary;
}

.page .nav.bs-docs-sidenav>li>ul>li>a,
.page .nav.bs-docs-sidenav>li:hover>ul.show>li>a {
  color: $gray-600 !important;
  transition: all .3s;
  padding-left: 0
}

.page .nav.bs-docs-sidenav>li:hover>ul.show>li>a {
  color: $secondary !important
}

.page .nav.bs-docs-sidenav>li>ul>li>a:hover,
.page .nav.bs-docs-sidenav>li>ul>li>a:focus {
  padding-left: 0.25rem
}

.page .nav.bs-docs-sidenav>li>ul>li {
  padding-right: 0 !important
}

.page .nav.bs-docs-sidenav>li>ul>li.active>a,
.page .nav.bs-docs-sidenav>li>ul>li>a:hover,
.page .nav.bs-docs-sidenav>li>ul>li>a:focus {
  color: $secondary;
}

.page .nav.bs-docs-sidenav>li>ul>li.active>a {
  font-family: $bold;
}

.page .nav.bs-docs-sidenav ul li.active>a,
.page .nav.bs-docs-sidenav ul li>a:hover,
.page .nav.bs-docs-sidenav ul li>a:focus {
  color: $secondary !important
}

.page .nav.bs-docs-sidenav li>ul.show>li>a[target="_blank"]:not(.stretched-link)::after {
  color: $white
}

.page .nav.bs-docs-sidenav li:hover>ul.show>li>a[target="_blank"]:not(.stretched-link)::after,
.page .nav.bs-docs-sidenav li.active>ul.show>li>a[target="_blank"]:not(.stretched-link)::after {
  color: $secondary
}

.bs-docs-sidenav>li:not(.active)>div>.btn-transparent {
  color: $white;
}

:not(.datepicker)>div>table thead tr th,
:not(.datepicker)>div>table thead tr td {
  background: $secondary;
  color: $secondary-contrast
}


/* Formulaires */

.input-group-text {
  border-radius: 50rem;
}

main form {
  margin-bottom: 2rem
}

.bg-grey {
  background-color: $gray-200 !important;
  border-color: $gray-200 !important;
}

.alert.alert-success {
  color: $success-contrast;
  background: $success;
  border-radius: 0
}

.alert.alert-danger {
  color: $danger-contrast;
  background: $danger;
  border-radius: 0
}

.alert.alert-warning {
  color: $warning-contrast;
  background: $warning;
  border-radius: 0
}

.alert.alert-info {
  color: $info-contrast;
  background: $info;
  border-radius: 0
}

.alert.alert-success a {
  color: $success-contrast;
}

.alert.alert-danger a {
  color: $danger-contrast;
}

.alert.alert-warning a {
  color: $warning-contrast;
}

.alert.alert-info a {
  color: $info-contrast;
}

#criters h2,
#resultats h2 {
  font-size: 1.25em;
  color: $secondary;
  background: transparent;
  padding: 0;
}

.card-footer .btn {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

main form .card,
main form .well,
.actimodule .card,
main .mce-toc,
main .well.well-info,
.wizard .col.bg-light {
  background-color: $gray-100 !important;
  border: none;
  border-radius: 0;
}

main .well-danger h2,
main .well-warning h2,
main .well-info h2 {
  background-color: $color-contrast-alpha-light-b
}

main .well {
  background-color: $gray-100 !important;
  color: $black
}

main .well h1,
main .well h3,
main .well h4,
main .well h5 {
  color: $black
}

main .well a:not(.btn),
main .well a:not(.btn):after {
  color: $black
}

.wizard .col.bg-primary {
  background-color: $primary-dark !important;
}

.wizard .col.bg-primary:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -10px;
  bottom: -20px;
  border: solid 10px transparent;
  border-top-color: $primary-dark;
  z-index: 1;
}

main .well {
  position: relative;
  @include flex;
  @include flex-column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1rem;
  border: none;
}

main form .card,
main form .well,
.actimodule .card {
  font-size: 0.9em
}

main form .well,
main .mce-toc {
  padding: 1rem 1.25rem !important;
  margin-bottom: 1.5rem !important;
}

main .mce-toc ul {
  margin-bottom: 0
}

main form fieldset {
  background-color: white;
  border: 1px solid #ddd;
  padding: 0.5rem 1rem;
  margin-bottom: 2rem
}

main span.label {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: normal;
  font-family: $bold;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .2rem;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  -o-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

main span.label-info {
  background-color: $info;
  color: $info-contrast;
}

main span.label-success {
  background-color: $success;
  color: $success-contrast;
}

main span.label-danger {
  background-color: $danger;
  color: $danger-contrast;
}

main form legend,
.legend {
  background-color: $white;
  font-weight: normal;
  font-family: $bold;
  padding: 0rem 1rem;
  width: auto;
  margin-left: -1rem;
  color: $primary;
  margin-bottom: 0;
  font-size: 1em
}

.col-form-label {
  font-size: 1em
}

p.legend {
  background-color: transparent;
  color: $secondary;
}

main form label,
main form .col-form-label {
  font-family: $bold
}

.arrow_box {
  position: relative;
}

.arrow_box:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: transparent;
  border-bottom-color: $warning;
  border-width: 10px;
  margin-left: -10px;
}


#slider img {
  margin-left: -17%;
  height: 30vw;
}

main.fontAAA {
  font-size: 1.3em;
}

.warp #contenu_page {
  color: $color-noir;
  background: $color-blanc;
  padding: 1rem;
}

.row-share {
  padding-right: 1.5rem;
  padding-left: 1.5rem
}

.warp.contrast #contenu_page {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.warp.contrast #contenu_page img {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.warp .messagecontrast {
  display: none;
}

.warp.contrast .messagecontrast {
  display: block;
}


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



#myBanner {
  z-index: 1
}

.carouselButtons {
  display: block !important;
  top: 1rem;
  bottom: auto;
  right: 1rem;
  position: absolute;
  z-index: 2;
}

.playButton,
.pauseButton {
  background: rgba(0, 0, 0, 0.25);
  color: $white;
  height: 25px;
  width: 25px;
  @include flex;
  @include flex-align-center;
  @include flex-justify-center;
}

.glyphicon-play,
.glyphicon-pause {
  @include flex;
  @include flex-align-center;
  @include flex-justify-center;
}

.playButton:hover,
.pauseButton:hover,
.playButton:focus,
.pauseButton:focus {
  background: rgba(255, 255, 255, 0.7);
  padding: 5px;
  color: $black;
  text-decoration: none
}

span.glyphicon.glyphicon-play::before,
span.glyphicon.glyphicon-pause::before {
  font-family: actipage !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

span.glyphicon.glyphicon-play::before {
  content: "\f155";
}

span.glyphicon.glyphicon-pause::before {
  content: "\f153";
}

.picto-arrow-right::before {
  content: "\f157" !important;
}

.picto-arrow-left::before {
  content: "\f14f" !important;
}

.rounded-lg {
  border-radius: 0.7rem !important;
}

html,
body {
  font-family: $regular
}

strong {
  font-family: $bold;
  font-weight: normal
}

.light {
  font-family: $light;
  font-weight: normal
}

body {
  padding-top: 60px;
  font-size: 1rem;
}

a {
  color: #066EBC
}

#zonesidebar p {
  text-transform: uppercase;
  font-size: 0.8rem
}

.tools .nav {
  width: auto;
  margin-top: 5px
}

.tools .nav>li>.btn.augmente,
.tools .nav>li>.btn.reduce {
  display: none
}

.tools .nav>li>.btn.block {
  display: inline-block
}

.tools .nav>li>.btn.none {
  display: none
}

.tools a,
.tools button,
.tools p {
  color: $primary;
  font-size: 0.9em
}

.home .hr-acces-rapides {
  display: none
}

.none {
  display: none!important
}

.btn-lg,
.btn-group-lg>.btn {
  border-radius: 50rem;
}

footer,
footer .sidebar,
footer>#wrapper-foot>.container:last-child,
footer .row-foot {
  font-size: 0.8rem
}

footer .bg-gray400 {
  text-transform: none;
}

footer .sidebar a:hover,
footer .sidebar a:focus {
  text-decoration: underline
}

footer .bg-gray200 .col-md-8 a {
  border-right: 1px solid $white;
  padding: 0.25rem 0.75rem;
  transition: background .3s
}

footer .bg-gray200 .col-md-8 a:hover,
footer .bg-gray200 .col-md-8 a:focus {
  background: $gray-400
}

footer .bg-gray200 .col-md-8 a:last-child {
  border-right: 0px
}

footer .logo {
  height: 40px
}

footer ul {
  list-style: none
}

footer ul li,
footer ul li a,
footer,
footer a {
  color: $gray-800
}

footer .row-foot a {
  text-decoration: underline;
  color: $gray-800
}

footer ul li a:hover,
footer ul li a:focus,
footer ul li a.active {
  color: $white;
  text-decoration: underline;
  background: rgba(0, 0, 0, 0.2);
  text-decoration: none !important
}

footer ul li a.active {
  font-family: $bold
}

footer .footsocial {
  text-align: center;
}

.nav-menu>li>a {
  font-family: $regular;
  text-transform: uppercase;
  @include flex-align-center;
  @include flex;
}

.logo {
  height: 60px
}

.offcanvas-collapse.offcanvas-right,
.offcanvas-collapse.offcanvas-left {
  position: fixed;
  top: 60px;
  /* Height of navbar */
  bottom: 0;
  width: 100%;
  overflow-y: auto;
  transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -o-transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  transition: transform .3s ease-in-out, visibility .3s ease-in-out;
  transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

.offcanvas-collapse.offcanvas-right {
  left: 100%;
  background: $white
}

.offcanvas-collapse.offcanvas-left {
  right: 100%;
}

.offcanvas-collapse.offcanvas-right.open {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.offcanvas-collapse.offcanvas-left.open {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}


/* ----------------- megamenu ----------------- */

.navbar.navbar-expand-lg {
  background: $white
}

.navbar {
  margin-bottom: 0
}

.nav>.nav-item {
  @include flex;
  @include flex-column;
}

.nav-menu>li>div.d-flex.flex-row.w-100>a:first-child {
  @include flex-1
}

.sub-nav {
  padding: 0 1.5rem !important;
}

.sub-nav li {
  list-style-type: none;
}

.nav-menuli a {
  color: $secondary-contrast;
}

.nav-menuli.active a {
  color: $secondary-contrast;
}

.nav-menu>li>div>a {
  padding: 17px 0;
}

.nav-menu>li {
  border-bottom: 1px solid $white
}

.sub-nav-group {
  padding: 0;
  margin-bottom: 25px
}

.sub-nav-group li a {
  display: block;
  padding: 10px 0;
  font-size: 1em
}

.sub-sub-nav-group li a {
  padding: 5px 0 !important;
  font-size: 0.9em
}

.sub-nav-group>li>a,
.sub-nav-group li.active a {
  font-family: $regular;
  font-size: 0.9em
}

#navbarsleft>.container {
  padding: 0 !important
}

#navbarsleft>.container>nav>ul>li {
  padding: 0;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.offcanvas-collapse.offcanvas-left {
  padding-top: 0 !important
}

.btn.collapsed .picto-moins {
  display: none
}

.btn:not(.collapsed) .picto-moins {
  display: block
}

.btn:not(.collapsed) .picto-plus {
  display: none
}

.nav-menu {
  width: 100%;
}

.nav-menu>li .sub-sub-nav {
  border-left: 1px solid $primary-contrast;
  margin-bottom: 1rem
}

.nav-menu>li.active .sub-sub-nav {
  border-left: 1px solid $secondaryAA;
  margin-bottom: 1rem
}

.sub-sub-nav .sub-sub-nav-group {
  padding-left: 1rem
}

.rounded-lg.rounded-bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.nav-tabs {
  border-bottom: none;
}

.nav-tabs .nav-link {
  border: transparent;
  border-radius: 0 !important
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  -webkit-box-shadow: inset 0px 4px 0px 0px $info;
  box-shadow: inset 0px 4px 0px 0px $info;
}


/* SWITCH TOGGLE */

.switch-toggle a {
  display: none
}

.switch-toggle .btn {
  border-radius: 50rem !important
}

@media only screen {
  .switch-toggle {
    position: relative;
    display: block;
    padding: 0!important
  }
  .switch-toggle::after {
    clear: both;
    content: '';
    display: table
  }
  .switch-toggle *,
  .switch-toggle :after,
  .switch-toggle :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  .switch-toggle a {
    display: block;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
  }
  .switch-toggle label,
  .switch-toggle>span {
    line-height: 2em
  }
  .switch-toggle input:focus+label,
  .switch-toggle input:focus~span a {
    outline-width: 2px;
    outline-style: solid;
    outline-color: Highlight
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:0) {
  .switch-toggle input:focus+label,
  .switch-toggle input:focus~span a {
    outline-color: -webkit-focus-ring-color;
    outline-style: auto
  }
}

@media only screen {
  .switch-toggle input {
    position: absolute;
    left: 0;
    opacity: 0
  }
  .switch-toggle input+label {
    position: relative;
    z-index: 2;
    display: block;
    float: left;
    padding: 0 .5em;
    margin: 0;
    text-align: center
  }
  .switch-toggle a {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 1;
    width: 10px;
    height: 100%
  }
  .switch-toggle label:nth-child(2):nth-last-child(4),
  .switch-toggle label:nth-child(2):nth-last-child(4)~a,
  .switch-toggle label:nth-child(2):nth-last-child(4)~label {
    width: 50%;
    padding: 0.2rem;
  }
  .switch-toggle label:nth-child(2):nth-last-child(4)~input:checked:nth-child(3)+label~a {
    left: 50%
  }
  .switch-toggle.switch-candy {
    background-color: #2d3035;
    border-radius: 50rem;
    -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .2);
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, .3), 0 1px 0 rgba(255, 255, 255, .2)
  }
  .switch-toggle.switch-candy label {
    color: $white;
    font-weight: normal;
    font-family: $bold;
    text-align: center;
    text-shadow: 1px 1px 1px #191b1e
  }
  @media only screen and (-webkit-max-device-pixel-ratio:2) and (max-device-width:80em) {
    .switch-toggle {
      -webkit-animation: webkitSiblingBugfix infinite 1s
    }
  }
  @-webkit-keyframes webkitSiblingBugfix {
    from {
      -webkit-transform: translate3d(0, 0, 0)
    }
    to {
      -webkit-transform: translate3d(0, 0, 0)
    }
  }
  .switch-toggle input:checked+label {
    color: #fff
  }
}

.on-slider {
  z-index: 3;
  position: relative;
}

.separator {
  @include flex;
  @include flex-align-center text-align: center;
}

.separator::before,
.separator::after {
  content: '';
  @include flex-1;
  border-bottom: 1px solid $gray-400;
}

.separator::before {
  margin-right: .25em;
}

.separator::after {
  margin-left: .25em;
}

#navbarsright {
  background-color: $white !important
}

.overflow-cards {
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
}

.overflow-cards::-webkit-scrollbar {
  display: none;
}

@media (min-width:1200px) {
  .mb-lg-6,
  .my-lg-6 {
    margin-bottom: 6rem !important;
  }
  .mt-lg-6,
  .my-lg-6 {
    margin-top: 6rem !important;
  }
  .pb-lg-6,
  .py-lg-6 {
    padding-bottom: 6rem !important;
  }
  .pt-lg-6,
  .py-lg-6 {
    padding-top: 6rem !important;
  }
}

.btn-transparent {
  background-color: transparent !important;
  border-color: transparent !important;
}

.flex1 {
  @include flex-1
}

.bg-primary {
  color: $primary-contrast
}

.bg-secondary {
  color: $secondary-contrast
}

.bg-danger {
  color: $danger-contrast
}

.bg-info {
  color: $info-contrast
}

.bg-success {
  color: $success-contrast
}

.bg-warning {
  color: $warning-contrast
}

.bg-light {
  color: $light-contrast
}

.bg-dark {
  color: $dark-contrast
}

header #form_recherche {
  width: 100%;
}

header #form_recherche .input-group-append .btn {
  background-color: transparent !important;
  color: $primary !important;
  border-color: $gray-100 !important
}

header #form_recherche .form-control-sm {
  padding: 1.5rem 0.5rem;
  border-color: $gray-100
}

header .btn-flag {
  width: 35px;
  height: 30px;
  padding: 0;
  border-radius: 0 !important
}

footer .btn-social,
.raccourcis .btn-social {
  width: 44px;
  height: 44px;
  line-height: 17px;
  padding: 0.75rem
}

.nav-menu>li>a {
  font-size: 0.9rem;
}

#form_recherche2>.row:first-child {
  margin-bottom: 2rem
}

#form_recherche2 .col-md-9 .form-group {
  margin-bottom: 0
}

#form_recherche2 .col-md-3 {
  @include flex;
  @include flex-row;
  @include flex-align-center
}

#form_recherche2 .col-md-3 .checkbox label {
  margin-bottom: 0
}

.nav-menu>li.active .btn-primary,
.nav-menu>li.active .btn-primary:hover,
.nav-menu>li.active .btn-primary:focus {
  color: $primary-contrast;
}

.nav-menu>li .btn-primary {
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.btn-link .bg-primary {
  transition: all .3s
}

.btn-link:hover .bg-primary,
.btn-link:focus .bg-primary {
  background: $primary-dark !important;
  color: $primary-contrast !important
}

.bs-docs-sidenav .btn-transparent {
  text-decoration: none;
  color: $gray-500;
  padding-right: 0;
}

.page .nav.bs-docs-sidenav>li:hover .btn-transparent {
  color: $secondary
}

.page .nav.bs-docs-sidenav .btn-transparent:focus {
  padding: .375rem .75rem;
  background: $secondary !important;
  color: $color-blanc !important
}

.nav-menu>li.active {
  background: $secondary
}

.sub-nav-group li.active a,
.sub-sub-nav-group li.active a {
  font-family: $bold;
}

.sub-nav-group>li.active>a:before,
.sub-sub-nav-group>li.active>a:before {
  font-family: actipage !important;
  content: "\f160";
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block
}

.sub-sub-nav-group>li.active>a:before {
  margin-right: 10px
}

.page .nav.bs-docs-sidenav {
  margin-bottom: 1.5rem
}

.nav-menu>li div a {
  color: $primary-contrast;
}

@media (min-width: 992px) {
  .page .nav.bs-docs-sidenav {
    margin-bottom: 0
  }
  .sub-nav-group li.active a {
    font-family: $regular;
  }
  .sub-nav-group li.active a:before {
    font-family: actipage !important;
    content: "";
    margin-right: 0px;
    display: none
  }
  .nav-menu>li.active li:not(.active) a,
  .nav-menu>li:not(.active) li:not(.active) a {
    color: $info-contrast;
    background: $info
  }
  .nav-menu>li.active li.active a {
    background: $gray-100
  }
  .nav-menu>li.active .sub-sub-nav-group li:not(.active) a,
  .nav-menu>li:not(.active) .sub-sub-nav-group li:not(.active) a {
    color: $gray-500;
    background: transparent
  }
  .nav-menu>li.active .sub-sub-nav-group li:not(.active) a:hover,
  .nav-menu>li:not(.active) .sub-sub-nav-group li:not(.active) a:hover,
  .nav-menu>li.active .sub-sub-nav-group li:not(.active) a:focus,
  .nav-menu>li:not(.active) .sub-sub-nav-group li:not(.active) a:focus {
    color: $gray-900 !important;
    background: transparent !important
  }
  .nav-menu>li.active {
    background: $gray-100
  }
  #navbarsleft>.container>nav>ul>li:hover {
    -webkit-box-shadow: inset 0px 10px 0px 0px $primary, inset 0px -10px 0px 0px $primary;
    -moz-box-shadow: inset 0px 10px 0px 0px $primary, inset 0px -10px 0px 0px $primary;
    box-shadow: inset 0px 10px 0px 0px $primary, inset 0px -10px 0px 0px $primary;
  }
  .page .nav.bs-docs-sidenav>li:last-child {
    margin-bottom: 0 !important
  }
  .page .nav.bs-docs-sidenav {
    padding-top: 0 !important;
    margin-top: 1.5rem !important;
    margin-bottom: 1rem !important
  }
  .nav-menu li a {
    color: $primary-contrast;
  }
  .nav-menu li.active a {
    color: $black;
  }
  #navbarsleft {
    background-color: $primary !important;
    transition: background-color .3s;
  }
  .nav-menu>li>a {
    color: $primary-contrast;
  }
  .bs-docs-sidenav .btn-transparent .icon-2x {
    font-size: 1.2em !important
  }
  header #form_recherche {
    width: 225px
  }
  header #form_recherche .form-control-sm {
    padding: 0.25rem 0.5rem;
  }
  .sub-nav-group li a {
    display: block;
    color: $primary;
  }
  .page .nav.bs-docs-sidenav:after {
    height: 0px;
    background-color: transparent;
  }
  .nav-menu>li .sub-sub-nav {
    border-left: 1px solid $secondary;
  }
  .sub-nav-group {
    margin-top: 25px
  }
  .breadcrumb {
    font-size: 1.1rem
  }
  .bs-js-navbar-collapse.collapse {
    display: block !important;
  }
  #form_recherche #Recherche_Texte {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  #form_recherche .input-group>.input-group-append>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 0.375rem 0.5rem;
    height: 31px;
    line-height: 15px
  }
  #navbarsright {
    background-color: transparent !important
  }
  .switch-toggle label,
  .switch-toggle>span {
    line-height: 1.2em;
  }
  .nav>.nav-item {
    @include flex;
    @include flex-row;
  }
  #headheight>.navbar>div.d-block>.d-flex {
    height: $banner-height
  }
  .offcanvas-collapse.offcanvas-right {
    width: auto;
  }
  .on-slider {
    margin-top: $sliderheightmdonslideneg !important;
    height: $sliderheightmdonslide;
    background: $white !important;
    margin-bottom: 0 !important;
  }
  .bg-primary .btn-outline-light {
    color: $primary-contrast;
    border-color: $primary-contrast;
  }
  #slider img {
    margin: 0 auto;
    height: $sliderheightmd;
  }
  .accessible-megamenu {
    @include flex;
    @include flex-row;
    @include flex-justify-between;
  }
  .nav-menu>li {
    @include flex-1;
    text-align: center;
    @include flex;
    @include flex-column;
    @include flex-justify-center
  }
  @media screen and (min-width: 1200px) {
    .nav-menu>li {
      flex: auto;
    }
  }
  .nav-menu>li:hover,
  .nav-menu>li.active:hover {
    background-color: $info
  }
  .nav-menu>li:hover>a,
  .nav-menu>li.active:hover>a,
  .nav-menu>li>a:hover,
  .nav-menu>li.active>a:hover {
    color: $info-contrast
  }
  .sub-nav-group li a:hover,
  .sub-nav-group li a:focus,
  .sub-nav-group li.active a:hover,
  .sub-nav-group li.active a:focus {
    background: $info-dark !important;
    color: $info-contrast !important;
  }
  .nav-menu>li {
    border-bottom: none;
  }
  .nav-menu li a {
    border-bottom: none;
    padding: 20px 5px
  }
  .sub-nav.open {
    display: block;
    z-index: 16;
    -webkit-box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.1);
  }
  .sub-nav {
    position: absolute;
    display: none;
    bottom: 1px;
    padding: 0.5em 1em;
    background-color: $white;
    text-align: left;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
  .sub-nav-group {
    padding: 0;
    @include flex;
    @include flex-wrap;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    max-width: 960px;
  }
  .sub-nav-group>li {
    width: 25%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
    padding: 0 1rem
  }
  .sub-nav-group li a {
    padding: 10px
  }
  body {
    padding-top: 0px;
  }
  .fixed-top {
    position: relative;
    top: auto;
    right: none;
    left: none;
    z-index: 1030;
  }
  .offcanvas-collapse.offcanvas-right,
  .offcanvas-collapse.offcanvas-left {
    position: relative;
    left: auto;
    right: auto;
    visibility: visible;
    top: auto;
    bottom: auto;
    overflow-y: visible;
  }
  .offcanvas-collapse.offcanvas-right {
    position: absolute;
    top: 0;
    right: 0
  }
  .offcanvas-collapse.offcanvas-right.open,
  .offcanvas-collapse.offcanvas-left.open {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .logo {
    height: 70px
  }
}

@media (min-width: 1200px) {
  .switch-toggle label,
  .switch-toggle>span {
    line-height: 2em;
  }
  #slider img {
    margin: 0 auto;
    height: $sliderheightlg;
  }
  .on-slider {
    margin-top: $sliderheightlgonslideneg !important;
    height: $sliderheightlgonslide;
  }
  .sub-nav-group {
    max-width: 1140px;
  }
}

.direct-link {
  width: 65px;
  height: 65px
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
  transition: all .3s;
}

.home main .container.container-home .card a.stretched-link:hover::after,
.home main .container.container-home .card a.stretched-link:focus::after {
  box-shadow: inset 0 0 0 5px rgba(0, 0, 0, 0.3)
}


/* ---------------------------- MENU SWIPE */

.nav-scroller,
.nav-scroller-wrapper {
  @include flex;
  background-color: $white;
}

.nav-scroller {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.nav-scroller-nav {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  @include flex-align-self;
  padding-bottom: 30px;
  margin-bottom: -30px;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.nav-scroller-content {
  position: relative;
  @include inline-flex;
  @include flex-align-center;
  white-space: nowrap;
  min-height: 44px;
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  -o-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.nav-scroller-content.no-transition {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

ul.nav-scroller-content {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-scroller-item {
  display: block;
  font-size: 1.125rem;
  text-align: center;
}

.nav-scroller-content .nav-scroller-item img,
.nav-scroller-content .nav-scroller-item div {
  -webkit-box-shadow: 0px 0px 0px 0px inset transparent;
  -moz-box-shadow: 0px 0px 0px 0px inset transparent;
  box-shadow: 0px 0px 0px 0px inset transparent;
}

.nav-scroller-content .nav-scroller-item:hover img,
.nav-scroller-content .nav-scroller-item:focus img,
.nav-scroller-content .nav-scroller-item:hover div,
.nav-scroller-content .nav-scroller-item:focus div {
  -webkit-box-shadow: 0px 0px 0px 3px inset $secondary;
  -moz-box-shadow: 0px 0px 0px 3px inset $secondary;
  box-shadow: 0px 0px 0px 3px inset $secondary;
}

.nav-scroller-content .nav-scroller-item img {
  transition: padding .3s
}

.nav-scroller-content .nav-scroller-item:hover img,
.nav-scroller-content .nav-scroller-item:focus img {
  padding: 3px;
}

.nav-scroller-content .nav-scroller-item div {
  transition: all .3s
}

.nav-scroller-item:not(:last-child) {
  border-right: 0px solid transparent;
}

.nav-scroller-item:last-child {
  padding-right: 0px !important;
}

.nav-scroller-btn {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 48px;
  padding: 0;
  font-size: 0.5rem;
  color: $black;
  border: none;
  -webkit-transition: color .3s, opacity .3s;
  -o-transition: color .3s, opacity .3s;
  transition: color .3s, opacity .3s;
  cursor: pointer;
}

.nav-scroller-btn:hover {
  color: $primary;
}

.nav-scroller-btn:focus {
  outline: 0;
}

.nav-scroller-btn:not(.active) {
  opacity: 0;
  pointer-events: none;
}

.nav-scroller-btn--left {
  left: 0;
  text-align: left;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.2+0,0+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000', GradientType=1);
  /* IE6-9 */
}

.nav-scroller-btn--right {
  right: 0;
  text-align: right;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.2+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000', GradientType=1);
  /* IE6-9 */
}

.home .container p:last-child {
  margin-bottom: 0 !important
}

#itineraire_accueil>.card,
#calcul-iti>.card {
  border-radius: 0 !important;
}

.home main .container.container-home .card a:hover,
.home main .container.container-home .card a:focus {
  text-decoration: none
}

#iti_step_2,
#iti_step_3 {
  font-size: 0.9em
}


/* ---------------------------------------- MODULE CALCUL ITI */

.rounded-circle.stop {
  z-index: 2;
}

.line-result {
  z-index: 1;
  position: absolute;
  left: 50%;
  width: 8px;
  margin-left: -4px;
  top: .6rem;
  bottom: .6rem;
}

.line-marche {
  height: 100%;
  width: 2px;
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -1px;
  background: $gray-400 !important;
}

.progress {
  height: auto;
  overflow: auto;
}

.progress-bar {
  min-width: 70px
}

.progress-bar.progress-marche {
  min-width: 35px
}

.stop-dep .stop-point.point,
.stop-end .stop-point.point,
.stop-via .stop-point.point {
  display: block;
  width: 24px;
  height: 24px;
  min-width: 24px;
  border-radius: 100%;
  border: 8px solid #000;
  z-index: 2;
  background: #fff!important
}

.marche .stop-dep .stop-point.point,
.marche .stop-end .stop-point.point {
  display: block;
  width: 8px;
  height: 8px;
  min-width: 8px;
  border-radius: 100%;
  border: none;
  z-index: 2;
  background: $gray-400 !important
}

.stop-dep .stop-point.line,
.stop-end .stop-point.line,
.stop-via .stop-point.line {
  width: 8px;
  position: absolute;
  margin-left: -4px;
  z-index: 1;
  left: 50%
}

.marche .stop-dep .stop-point.line,
.marche .stop-end .stop-point.line,
.marche .stop-via .stop-point.line {
  width: 2px;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  background: $gray-400 !important;
}

.stop-dep .stop-point.line {
  top: 50%;
  bottom: 0
}

.stop-end .stop-point.line {
  bottom: 50%;
  top: 0
}

.line-road,
.stop-via .stop-point.line {
  bottom: 0;
  top: 0
}

.line-road {
  height: 102%;
  width: 8px;
  position: absolute;
  display: block;
  left: 50%;
  margin-left: -4px;
  background-color: black
}

.progress {
  height: auto;
  font-size: 1em
}

.proposition {
  border: .2rem solid #e9ecef;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  position: relative
}

.pulse {
  transform: scale(1);
  animation: pulse 1s infinite;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.proposition .card-body {
  -webkit-box-shadow: inset 0px 0px 0px 1px $gray-400;
  box-shadow: inset 0px 0px 0px 1px $gray-400;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.proposition:hover .card-body {
  -webkit-box-shadow: inset 0px 0px 0px 4px $primary;
  box-shadow: inset 0px 0px 0px 4px $primary;
  cursor: pointer;
}

.proposition .card-footer {
  border: none;
}

.proposition .badge-secondary {
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

.resultdetail-iti .marche>.d-flex:first-child,
.resultdetail-iti .marche>.d-flex:last-child {
  display: none !important
}

.resultdetail-iti .marche:first-child>.d-flex:first-child,
.resultdetail-iti .marche.hasattentebefore>.d-flex:first-child,
.resultdetail-iti .marche:last-child>.d-flex:last-child,
.resultdetail-iti .marche.hasattentenext>.d-flex:last-child {
  @include flex;
}

.resultdetail-iti .jumbotron bg-warning {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.col-btn-perturb {
  position: inherit
}

#closePrehomeDef,
.modal-footer .btn-primary {
  box-shadow: none;
  border-width: 0 !important;
  width: 100%;
  margin-top: 0 !important
}

.modal-footer .btn-primary {
  display: none !important
}

.modal-footer {
  padding: 0.25rem
}

@media (min-width: 576px) {
  .modal-footer {
    padding: 0.75rem
  }
  #closePrehomeDef {
    margin-top: 0.25rem
  }
  #closePrehomeDef,
  .modal-footer .btn-primary {
    width: auto;
    display: block !important;
    border-width: 1px !important;
  }
  .btn-link .h4 {
    font-size: 1.10rem;
  }
  .border-sm-0 {
    border: none !important
  }
  #itineraire_accueil>.card,
  #calcul-iti>.card {
    border-radius: 0.7rem !important;
  }
  #itineraire_accueil .card .card-header {
    border-top-left-radius: 0.7rem !important;
    border-top-right-radius: 0.7rem !important;
  }
}

.well {
  margin-bottom: 1.5rem
}

.well p:last-child {
  margin-bottom: 0 !important
}

#contenu_page address {
  padding-left: 15px;
  border-left: 3px solid $primary;
}

footer ul li a {
  padding: 0.75rem 1rem 0.75rem 1rem;
}

.bg-photo {
  padding-top: 40%
}



@media (min-width: 768px) {

  .bg-photo {
    padding-top: 0
  }
  main form legend,
  .legend,
  .col-form-label {
    font-size: 1.1em
  }
  .warp #contenu_page {
    padding: 1.5rem 1rem;
  }
  .btn-link .h4 {
    font-size: 1.25rem;
  }
  .container {
    padding: 0 15px
  }
  footer .footsocial {
    text-align: right;
  }
  footer .btn-social {
    width: 30px;
    height: 30px;
    line-height: 15px;
    padding: 0.375rem
  }
  .nav-scroller-btn--left {
    left: 0
  }
  .nav-scroller-btn--right {
    right: 0;
  }
}

.nav-scroller-btn--right .picto-arrow-right {
  background: $white !important;
  padding: 10px 0 10px 10px !important;
  border-radius: 50rem 0 0 50rem !important;
}

.nav-scroller-btn--left .picto-arrow-left {
  background: $white !important;
  padding: 10px 10px 10px 0 !important;
  border-radius: 0 50rem 50rem 0 !important;
}

.nav-scroller--controls-inline .nav-scroller-btn:not(.active) {
  color: #ddd;
  opacity: 1;
}

.nav-scroller--expand .nav-scroller-nav,
.nav-scroller--expand .nav-scroller-content {
  width: 100%;
}

.nav-scroller--right .nav-scroller-nav {
  margin-left: auto;
}

.indice-line {
  width: 45px;
  height: 45px;
  max-width: none !important;
  @include flex;
  @include flex-column;
  @include flex-justify-center;
  color: $white;
  font-family: $bold
}

.scroll_indice .all_info {
  display: none
}


/* GESTION GRID */



.row.is-flex {
  @include flex;
  @include flex-wrap;
}

/* FIX hauteur is-flex*/
.container-home .row.is-flex[class*='h']{
  height: auto !important;
}

.row.is-flex:before {
  display: block;
}

.row.is-flex>[class*='col-'] {
  @include flex;
  @include flex-column;
  @include flex-nowrap;
  overflow: auto;
}

.page .row.is-flex>[class*='col-'],
.page .row.is-flex>[class*="col-"]>div {
  @include flex;
  @include flex-column;
  @include flex-nowrap;
  overflow: auto;
  @include flex-1;
}

.is-flex .well {
  height: 100%;
}

.is-flex .well {
  @include flex;
  @include flex-row;
  @include flex-nowrap;
  @include flex-justify-center;
  @include flex-stretch;
  @include flex-align-center;
}

.is-flex a.linkhome {
  @include flex-1;
  @include flex;
  @include flex-row;
  @include flex-nowrap;
  @include flex-justify-center;
  @include flex-align-center;
}

a.linkhome.color1,
.colmod>.color1>.carousel {
  background: $primary;
  color: $primary-contrast;
}

a.linkhome.color2,
.colmod>.color2>.carousel {
  background: $dark;
  color: $dark-contrast;
}

a.linkhome.color3,
.colmod>.color3>.carousel {
  background: $secondary;
  color: $secondary-contrast;
}

a.linkhome.color4,
.colmod>.color4>.carousel {
  background: $warning;
  color: $warning-contrast;
}

a.linkhome.color5,
.colmod>.color5>.carousel {
  background: $danger;
  color: $danger-contrast;
}


/* Gestion flexbox IE9*/

.row.is-flex {
  max-height: 100%;
}

.no-flexbox header {
  display: table !important;
  width: 100%;
}

.no-flexbox header>.container {
  display: table-cell !important;
  vertical-align: middle;
}

.no-flexbox .content-logo,
.no-flexbox .sidebar-nav {
  display: table-cell !important;
  margin: 0 auto
}

.no-flexbox .sidebar-nav {
  display: block !important;
  margin: 0 auto
}

.no-flexbox .content-logo {
  vertical-align: middle
}

.btn-link .h4 {
  font-size: .9rem;
}

@media (min-width: 992px) {
  .home .footsocial {
    display: none !important
  }
  .no-flexbox .onslider>.row {
    display: table !important;
    width: 100%;
  }
  .no-flexbox .onslider>.row>[class^="col-"] {
    display: table-cell !important;
  }
}

@media (min-width: 768px) {
  .btn-link .h4 {
    font-size: 1.25rem;
  }
  .no-flexbox .sub-nav.open {
    display: table !important;
    width: 100%;
  }
  .no-flexbox .sub-nav.open ul {
    display: table-cell !important;
  }
}


.no-flexbox .home #wrapper-nav .container .row.is-flex,
.no-flexbox .home #wrapper-content .container .row.is-flex,
.no-flexbox .home #wrapper-content2 .container .row.is-flex,
.no-flexbox .home #wrapper-content3 .container .row.is-flex,
.no-flexbox .home #wrapper-footer .container .row.is-flex,
.no-flexbox .home #wrapper-footer2 .container .row.is-flex {
  display: table !important;
  width: 100%;
}

.no-flexbox .home #wrapper-nav .row.is-flex>[class*='col-'],
.no-flexbox .home #wrapper-content .row.is-flex>[class*='col-'],
.no-flexbox .home #wrapper-content2 .row.is-flex>[class*='col-'],
.no-flexbox .home #wrapper-content3 .row.is-flex>[class*='col-'],
.no-flexbox .home #wrapper-footer .row.is-flex>[class*='col-'],
.no-flexbox .home #wrapper-footer2 .row.is-flex>[class*='col-'] {
  display: table-cell !important;
}

@media(min-width: 768px) {
  .row.is-flex [class*='col-'] .row.is-flex {
    height: 100%
  }
}

@media(min-width: 1200px) {
  .warp #contenu_page {
    padding-top: 0
  }
  .row.is-flex [class*='col-'] .row.is-flex {
    height: 100%
  }
}


/* - Hauteurs modules home --------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 768px) {
  .h100 {
    height: $h-100-tablet !important;
  }
  .h90 {
    height: $h-90-tablet !important;
  }
  .h75 {
    height: $h-75-tablet !important;
  }
  .h70 {
    height: $h-70-tablet !important;
  }
  .h60 {
    height: $h-60-tablet !important;
  }
  .h50 {
    height: $h-50-tablet !important;
  }
  .h30 {
    height: $h-30-tablet !important;
  }
  .h25 {
    height: $h-25-tablet !important;
  }
  .h15 {
    height: $h-15-tablet !important;
  }
  .h10 {
    height: $h-10-tablet !important;
  }
  .is-flex .h100.linkhome {
    height: $h-100-tablet !important;
  }
  body:not(#tinymce) .is-flex .h100>[data-module="carousel"],
  .is-flex .h100>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h100>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h100>[data-module="carousel"] .carousel-control,
  .is-flex .h100>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h100>[data-module="diaporama"],
  .is-flex .h100>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h100>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h100>[data-module="diaporama"] .carousel-control,
  .is-flex .h100>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h100>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h100,
  .is-flex [data-module="carousel"].h100 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h100 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h100 .carousel-control,
  .is-flex [data-module="carousel"].h100 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h100,
  .is-flex [data-module="diaporama"].h100 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h100 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h100 .carousel-control,
  .is-flex [data-module="diaporama"].h100 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h100 {
    height: $h-100-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h100>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h100 .carousel {
    height: $h-100-tablet - 110px !important;
  }
  .is-flex .h90.linkhome {
    height: $h-90-tablet !important;
  }
  body:not(#tinymce) .is-flex .h90>[data-module="carousel"],
  .is-flex .h90>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h90>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h90>[data-module="carousel"] .carousel-control,
  .is-flex .h90>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h90>[data-module="diaporama"],
  .is-flex .h90>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h90>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h90>[data-module="diaporama"] .carousel-control,
  .is-flex .h90>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h90>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h90,
  .is-flex [data-module="carousel"].h90 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h90 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h90 .carousel-control,
  .is-flex [data-module="carousel"].h90 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h90,
  .is-flex [data-module="diaporama"].h90 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h90 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h90 .carousel-control,
  .is-flex [data-module="diaporama"].h90 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h90 {
    height: $h-90-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h90>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h90 .carousel {
    height: $h-90-tablet - 110px !important;
  }
  .is-flex .h75.linkhome {
    height: $h-75-tablet !important;
  }
  body:not(#tinymce) .is-flex .h75>[data-module="carousel"],
  .is-flex .h75>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h75>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h75>[data-module="carousel"] .carousel-control,
  .is-flex .h75>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h75>[data-module="diaporama"],
  .is-flex .h75>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h75>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h75>[data-module="diaporama"] .carousel-control,
  .is-flex .h75>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h75>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h75,
  .is-flex [data-module="carousel"].h75 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h75 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h75 .carousel-control,
  .is-flex [data-module="carousel"].h75 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h75,
  .is-flex [data-module="diaporama"].h75 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h75 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h75 .carousel-control,
  .is-flex [data-module="diaporama"].h75 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h75 {
    height: $h-75-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h75>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h75 .carousel {
    height: $h-75-tablet - 110px !important;
  }
  .is-flex .h70.linkhome {
    height: $h-70-tablet !important;
  }
  body:not(#tinymce) .is-flex .h70>[data-module="carousel"],
  .is-flex .h70>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h70>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h70>[data-module="carousel"] .carousel-control,
  .is-flex .h70>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h70>[data-module="diaporama"],
  .is-flex .h70>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h70>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h70>[data-module="diaporama"] .carousel-control,
  .is-flex .h70>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h70>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h70,
  .is-flex [data-module="carousel"].h70 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h70 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h70 .carousel-control,
  .is-flex [data-module="carousel"].h70 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h70,
  .is-flex [data-module="diaporama"].h70 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h70 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h70 .carousel-control,
  .is-flex [data-module="diaporama"].h70 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h70 {
    height: $h-70-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h70>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h70 .carousel {
    height: $h-70-tablet - 110px !important;
  }
  .is-flex .h60.linkhome {
    height: $h-60-tablet !important;
  }
  body:not(#tinymce) .is-flex .h60>[data-module="carousel"],
  .is-flex .h60>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h60>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h60>[data-module="carousel"] .carousel-control,
  .is-flex .h60>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h60>[data-module="diaporama"],
  .is-flex .h60>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h60>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h60>[data-module="diaporama"] .carousel-control,
  .is-flex .h60>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h60>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h60,
  .is-flex [data-module="carousel"].h60 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h60 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h60 .carousel-control,
  .is-flex [data-module="carousel"].h60 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h60,
  .is-flex [data-module="diaporama"].h60 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h60 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h60 .carousel-control,
  .is-flex [data-module="diaporama"].h60 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h60 {
    height: $h-60-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h60>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h60 .carousel {
    height: $h-60-tablet - 110px !important;
  }
  .is-flex .h50.linkhome {
    height: $h-50-tablet !important;
  }
  body:not(#tinymce) .is-flex .h50>[data-module="carousel"],
  .is-flex .h50>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h50>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h50>[data-module="carousel"] .carousel-control,
  .is-flex .h50>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h50>[data-module="diaporama"],
  .is-flex .h50>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h50>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h50>[data-module="diaporama"] .carousel-control,
  .is-flex .h50>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h50>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h50,
  .is-flex [data-module="carousel"].h50 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h50 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h50 .carousel-control,
  .is-flex [data-module="carousel"].h50 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h50,
  .is-flex [data-module="diaporama"].h50 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h50 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h50 .carousel-control,
  .is-flex [data-module="diaporama"].h50 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h50 {
    height: $h-50-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h50>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h50 .carousel {
    height: $h-50-tablet - 110px !important;
  }
  .is-flex .h30.linkhome {
    height: $h-30-tablet !important;
  }
  body:not(#tinymce) .is-flex .h30>[data-module="carousel"],
  .is-flex .h30>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h30>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h30>[data-module="carousel"] .carousel-control,
  .is-flex .h30>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h30>[data-module="diaporama"],
  .is-flex .h30>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h30>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h30>[data-module="diaporama"] .carousel-control,
  .is-flex .h30>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h30>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h30,
  .is-flex [data-module="carousel"].h30 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h30 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h30 .carousel-control,
  .is-flex [data-module="carousel"].h30 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h30,
  .is-flex [data-module="diaporama"].h30 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h30 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h30 .carousel-control,
  .is-flex [data-module="diaporama"].h30 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h30 {
    height: $h-30-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h30>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h30 .carousel {
    height: $h-30-tablet - 110px !important;
  }
  .is-flex .h25.linkhome {
    height: $h-25-tablet !important;
  }
  body:not(#tinymce) .is-flex .h25>[data-module="carousel"],
  .is-flex .h25>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h25>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h25>[data-module="carousel"] .carousel-control,
  .is-flex .h25>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h25>[data-module="diaporama"],
  .is-flex .h25>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h25>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h25>[data-module="diaporama"] .carousel-control,
  .is-flex .h25>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h25>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h25,
  .is-flex [data-module="carousel"].h25 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h25 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h25 .carousel-control,
  .is-flex [data-module="carousel"].h25 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h25,
  .is-flex [data-module="diaporama"].h25 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h25 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h25 .carousel-control,
  .is-flex [data-module="diaporama"].h25 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h25 {
    height: $h-25-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h25>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h25 .carousel {
    height: $h-25-tablet - 110px !important;
  }
  .is-flex .h15.linkhome {
    height: $h-15-tablet !important;
  }
  body:not(#tinymce) .is-flex .h15>[data-module="carousel"],
  .is-flex .h15>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h15>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h15>[data-module="carousel"] .carousel-control,
  .is-flex .h15>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h15>[data-module="diaporama"],
  .is-flex .h15>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h15>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h15>[data-module="diaporama"] .carousel-control,
  .is-flex .h15>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h15>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h15,
  .is-flex [data-module="carousel"].h15 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h15 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h15 .carousel-control,
  .is-flex [data-module="carousel"].h15 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h15,
  .is-flex [data-module="diaporama"].h15 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h15 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h15 .carousel-control,
  .is-flex [data-module="diaporama"].h15 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h15 {
    height: $h-15-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h15>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h15 .carousel {
    height: $h-15-tablet - 110px !important;
  }
  .is-flex .h10.linkhome {
    height: $h-10-tablet !important;
  }
  body:not(#tinymce) .is-flex .h10>[data-module="carousel"],
  .is-flex .h10>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h10>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h10>[data-module="carousel"] .carousel-control,
  .is-flex .h10>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h10>[data-module="diaporama"],
  .is-flex .h10>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h10>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h10>[data-module="diaporama"] .carousel-control,
  .is-flex .h10>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h10>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h10,
  .is-flex [data-module="carousel"].h10 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h10 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h10 .carousel-control,
  .is-flex [data-module="carousel"].h10 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h10,
  .is-flex [data-module="diaporama"].h10 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h10 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h10 .carousel-control,
  .is-flex [data-module="diaporama"].h10 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h10 {
    height: $h-10-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h10>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h10 .carousel {
    height: $h-10-tablet - 110px !important;
  }
  body:not(#tinymce) .is-flex .h100>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h100 {
    height: $h-100-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h90>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h90 {
    height: $h-90-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h75>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h75 {
    height: $h-75-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h70>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h70 {
    height: $h-70-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h60>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h60 {
    height: $h-60-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h50>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h50 {
    height: $h-50-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h30>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h30 {
    height: $h-30-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h25>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h25 {
    height: $h-25-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h15>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h15 {
    height: $h-15-tablet - 7px !important;
  }
  body:not(#tinymce) .is-flex .h10>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h10 {
    height: $h-10-tablet - 7px !important;
  }
  .is-flex [data-module="infotrafic"] #bloc_actu_ligne {
    overflow: auto
  }
  .is-flex .h100>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h100 #bloc_actu_ligne {
    height: $h-100-tablet - 120px !important;
  }
  .is-flex .h90>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h90 #bloc_actu_ligne {
    height: $h-90-tablet - 120px !important;
  }
  .is-flex .h75>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h75 #bloc_actu_ligne {
    height: $h-75-tablet - 120px !important;
  }
  .is-flex .h70>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h70 #bloc_actu_ligne {
    height: $h-70-tablet - 120px !important;
  }
  .is-flex .h60>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h60 #bloc_actu_ligne {
    height: $h-60-tablet - 120px !important;
  }
  .is-flex .h50>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h50 #bloc_actu_ligne {
    height: $h-50-tablet - 120px !important;
  }
  .is-flex .h30>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h30 #bloc_actu_ligne {
    height: $h-30-tablet - 120px !important;
  }
  .is-flex .h25>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h25 #bloc_actu_ligne {
    height: $h-25-tablet - 120px !important;
  }
  .is-flex .h15>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h15 #bloc_actu_ligne {
    height: $h-15-tablet - 120px !important;
  }
  .is-flex .h10>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h10 #bloc_actu_ligne {
    height: $h-10-tablet - 120px !important;
  }
}

@media screen and (min-width: 992px) {
  .h100 {
    height: $h-100 !important;
  }
  .h90 {
    height: $h-90 !important;
  }
  .h75 {
    height: $h-75 !important;
  }
  .h70 {
    height: $h-70 !important;
  }
  .h60 {
    height: $h-60 !important;
  }
  .h50 {
    height: $h-50 !important;
  }
  .h30 {
    height: $h-30 !important;
  }
  .h25 {
    height: $h-25 !important;
  }
  .h15 {
    height: $h-15 !important;
  }
  .h10 {
    height: $h-10 !important;
  }
  .panel-iti,
  .is-flex .h100.linkhome {
    height: $h-100 !important;
  }
  body:not(#tinymce) .is-flex .h100>[data-module="carousel"],
  body:not(#tinymce) .is-flex .h100>[data-module="diaporama"],
  .is-flex .h100>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h100>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h100>[data-module="carousel"] .carousel-control,
  .is-flex .h100>[data-module="carousel"] .carousel,
  .is-flex .h100>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h100>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h100>[data-module="diaporama"] .carousel-control,
  .is-flex .h100>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h100>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h100,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h100,
  .is-flex [data-module="carousel"].h100 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h100 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h100 .carousel-control,
  .is-flex [data-module="carousel"].h100 .carousel,
  .is-flex [data-module="diaporama"].h100 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h100 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h100 .carousel-control,
  .is-flex [data-module="diaporama"].h100 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h100 {
    height: $h-100 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h100>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h100 .carousel {
    height: $h-100 - 110px !important;
  }
  .is-flex .h90.linkhome {
    height: $h-90 !important;
  }
  body:not(#tinymce) .is-flex .h90>[data-module="carousel"],
  .is-flex .h90>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h90>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h90>[data-module="carousel"] .carousel-control,
  .is-flex .h90>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h90>[data-module="diaporama"],
  .is-flex .h90>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h90>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h90>[data-module="diaporama"] .carousel-control,
  .is-flex .h90>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h90>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h90,
  .is-flex [data-module="carousel"].h90 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h90 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h90 .carousel-control,
  .is-flex [data-module="carousel"].h90 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h90,
  .is-flex [data-module="diaporama"].h90 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h90 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h90 .carousel-control,
  .is-flex [data-module="diaporama"].h90 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h90 {
    height: $h-90 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h90>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h90 .carousel {
    height: $h-90 - 110px !important;
  }
  .is-flex .h75.linkhome {
    height: $h-75 !important;
  }
  body:not(#tinymce) .is-flex .h75>[data-module="carousel"],
  .is-flex .h75>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h75>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h75>[data-module="carousel"] .carousel-control,
  .is-flex .h75>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h75>[data-module="diaporama"],
  .is-flex .h75>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h75>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h75>[data-module="diaporama"] .carousel-control,
  .is-flex .h75>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h75>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h75,
  .is-flex [data-module="carousel"].h75 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h75 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h75 .carousel-control,
  .is-flex [data-module="carousel"].h75 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h75,
  .is-flex [data-module="diaporama"].h75 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h75 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h75 .carousel-control,
  .is-flex [data-module="diaporama"].h75 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h75 {
    height: $h-75 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h75>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h75 .carousel {
    height: $h-75 - 110px !important;
  }
  .is-flex .h70.linkhome {
    height: $h-70 !important;
  }
  body:not(#tinymce) .is-flex .h70>[data-module="carousel"],
  .is-flex .h70>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h70>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h70>[data-module="carousel"] .carousel-control,
  .is-flex .h70>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h70>[data-module="diaporama"],
  .is-flex .h70>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h70>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h70>[data-module="diaporama"] .carousel-control,
  .is-flex .h70>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h70>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h70,
  .is-flex [data-module="carousel"].h70 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h70 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h70 .carousel-control,
  .is-flex [data-module="carousel"].h70 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h70,
  .is-flex [data-module="diaporama"].h70 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h70 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h70 .carousel-control,
  .is-flex [data-module="diaporama"].h70 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h70 {
    height: $h-70 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h70>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h70 .carousel {
    height: $h-70 - 110px !important;
  }
  .is-flex .h60.linkhome {
    height: $h-60 !important;
  }
  body:not(#tinymce) .is-flex .h60>[data-module="carousel"],
  .is-flex .h60>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h60>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h60>[data-module="carousel"] .carousel-control,
  .is-flex .h60>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h60>[data-module="diaporama"],
  .is-flex .h60>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h60>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h60>[data-module="diaporama"] .carousel-control,
  .is-flex .h60>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h60>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h60,
  .is-flex [data-module="carousel"].h60 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h60 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h60 .carousel-control,
  .is-flex [data-module="carousel"].h60 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h60,
  .is-flex [data-module="diaporama"].h60 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h60 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h60 .carousel-control,
  .is-flex [data-module="diaporama"].h60 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h60 {
    height: $h-60 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h60>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h60 .carousel {
    height: $h-60 - 110px !important;
  }
  .is-flex .h50.linkhome {
    height: $h-50 !important;
  }
  body:not(#tinymce) .is-flex .h50>[data-module="carousel"],
  .is-flex .h50>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h50>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h50>[data-module="carousel"] .carousel-control,
  .is-flex .h50>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h50>[data-module="diaporama"],
  .is-flex .h50>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h50>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h50>[data-module="diaporama"] .carousel-control,
  .is-flex .h50>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h50>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h50,
  .is-flex [data-module="carousel"].h50 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h50 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h50 .carousel-control,
  .is-flex [data-module="carousel"].h50 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h50,
  .is-flex [data-module="diaporama"].h50 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h50 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h50 .carousel-control,
  .is-flex [data-module="diaporama"].h50 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h50 {
    height: $h-50 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h50>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h50 .carousel {
    height: $h-50 - 110px !important;
  }
  .is-flex .h30.linkhome {
    height: $h-30 !important;
  }
  body:not(#tinymce) .is-flex .h30>[data-module="carousel"],
  .is-flex .h30>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h30>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h30>[data-module="carousel"] .carousel-control,
  .is-flex .h30>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h30>[data-module="diaporama"],
  .is-flex .h30>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h30>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h30>[data-module="diaporama"] .carousel-control,
  .is-flex .h30>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h30>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h30,
  .is-flex [data-module="carousel"].h30 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h30 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h30 .carousel-control,
  .is-flex [data-module="carousel"].h30 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h30,
  .is-flex [data-module="diaporama"].h30 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h30 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h30 .carousel-control,
  .is-flex [data-module="diaporama"].h30 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h30 {
    height: $h-30 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h30>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h30 .carousel {
    height: $h-30 - 110px !important;
  }
  .is-flex .h25.linkhome {
    height: $h-25 !important;
  }
  body:not(#tinymce) .is-flex .h25>[data-module="carousel"],
  .is-flex .h25>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h25>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h25>[data-module="carousel"] .carousel-control,
  .is-flex .h25>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h25>[data-module="diaporama"],
  .is-flex .h25>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h25>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h25>[data-module="diaporama"] .carousel-control,
  .is-flex .h25>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h25>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h25,
  .is-flex [data-module="carousel"].h25 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h25 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h25 .carousel-control,
  .is-flex [data-module="carousel"].h25 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h25,
  .is-flex [data-module="diaporama"].h25 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h25 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h25 .carousel-control,
  .is-flex [data-module="diaporama"].h25 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h25 {
    height: $h-25 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h25>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h25 .carousel {
    height: $h-25 - 110px !important;
  }
  .is-flex .h15.linkhome {
    height: $h-15 !important;
  }
  body:not(#tinymce) .is-flex .h15>[data-module="carousel"],
  .is-flex .h15>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h15>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h15>[data-module="carousel"] .carousel-control,
  .is-flex .h15>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h15>[data-module="diaporama"],
  .is-flex .h15>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h15>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h15>[data-module="diaporama"] .carousel-control,
  .is-flex .h15>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h15>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h15,
  .is-flex [data-module="carousel"].h15 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h15 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h15 .carousel-control,
  .is-flex [data-module="carousel"].h15 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h15,
  .is-flex [data-module="diaporama"].h15 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h15 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h15 .carousel-control,
  .is-flex [data-module="diaporama"].h15 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h15 {
    height: $h-15 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h15>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h15 .carousel {
    height: $h-15 - 110px !important;
  }
  .is-flex .h10.linkhome {
    height: $h-10 !important;
  }
  body:not(#tinymce) .is-flex .h10>[data-module="carousel"],
  .is-flex .h10>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h10>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h10>[data-module="carousel"] .carousel-control,
  .is-flex .h10>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h10>[data-module="diaporama"],
  .is-flex .h10>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h10>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h10>[data-module="diaporama"] .carousel-control,
  .is-flex .h10>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h10>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h10,
  .is-flex [data-module="carousel"].h10 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h10 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h10 .carousel-control,
  .is-flex [data-module="carousel"].h10 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h10,
  .is-flex [data-module="diaporama"].h10 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h10 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h10 .carousel-control,
  .is-flex [data-module="diaporama"].h10 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h10 {
    height: $h-10 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h10>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h10 .carousel {
    height: $h-10 - 110px !important;
  }
  body:not(#tinymce) .is-flex .h100>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h100 {
    height: $h-100 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h90>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h90 {
    height: $h-90 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h75>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h75 {
    height: $h-75 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h70>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h70 {
    height: $h-70 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h60>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h60 {
    height: $h-60 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h50>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h50 {
    height: $h-50 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h30>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h30 {
    height: $h-30 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h25>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h25 {
    height: $h-25 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h15>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h15 {
    height: $h-15 - 7px !important;
  }
  body:not(#tinymce) .is-flex .h10>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h10 {
    height: $h-10 - 7px !important;
  }
  .is-flex .h100>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h100 #bloc_actu_ligne {
    height: $h-100 - 150px !important;
  }
  .is-flex .h90>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h90 #bloc_actu_ligne {
    height: $h-90 - 150px !important;
  }
  .is-flex .h75>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h75 #bloc_actu_ligne {
    height: $h-75 - 150px !important;
  }
  .is-flex .h70>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h70 #bloc_actu_ligne {
    height: $h-70 - 150px !important;
  }
  .is-flex .h60>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h60 #bloc_actu_ligne {
    height: $h-60 - 150px !important;
  }
  .is-flex .h50>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h50 #bloc_actu_ligne {
    height: $h-50 - 150px !important;
  }
  .is-flex .h30>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h30 #bloc_actu_ligne {
    height: $h-30 - 150px !important;
  }
  .is-flex .h25>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h25 #bloc_actu_ligne {
    height: $h-25 - 150px !important;
  }
  .is-flex .h15>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h15 #bloc_actu_ligne {
    height: $h-15 - 150px !important;
  }
  .is-flex .h10>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h10 #bloc_actu_ligne {
    height: $h-10 - 150px !important;
  }
}

@media screen and (min-width: 1915px) {
  .h100 {
    height: $h-100xl !important;
  }
  .h90 {
    height: $h-90xl !important;
  }
  .h75 {
    height: $h-75xl !important;
  }
  .h70 {
    height: $h-70xl !important;
  }
  .h60 {
    height: $h-60xl !important;
  }
  .h50 {
    height: $h-50xl !important;
  }
  .h30 {
    height: $h-30xl !important;
  }
  .h25 {
    height: $h-25xl !important;
  }
  .h15 {
    height: $h-15xl !important;
  }
  .h10 {
    height: $h-10xl !important;
  }
  .panel-iti,
  .is-flex .h100.linkhome {
    height: $h-100xl !important;
  }
  body:not(#tinymce) .is-flex .h100>[data-module="carousel"],
  body:not(#tinymce) .is-flex .h100>[data-module="diaporama"],
  .is-flex .h100>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h100>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h100>[data-module="carousel"] .carousel-control,
  .is-flex .h100>[data-module="carousel"] .carousel,
  .is-flex .h100>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h100>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h100>[data-module="diaporama"] .carousel-control,
  .is-flex .h100>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h100>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h100,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h100,
  .is-flex [data-module="carousel"].h100 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h100 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h100 .carousel-control,
  .is-flex [data-module="carousel"].h100 .carousel,
  .is-flex [data-module="diaporama"].h100 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h100 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h100 .carousel-control,
  .is-flex [data-module="diaporama"].h100 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h100 {
    height: $h-100xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h100>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h100 .carousel {
    height: $h-100xl - 110px !important;
  }
  .is-flex .h90.linkhome {
    height: $h-90xl !important;
  }
  body:not(#tinymce) .is-flex .h90>[data-module="carousel"],
  .is-flex .h90>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h90>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h90>[data-module="carousel"] .carousel-control,
  .is-flex .h90>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h90>[data-module="diaporama"],
  .is-flex .h90>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h90>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h90>[data-module="diaporama"] .carousel-control,
  .is-flex .h90>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h90>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h90,
  .is-flex [data-module="carousel"].h90 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h90 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h90 .carousel-control,
  .is-flex [data-module="carousel"].h90 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h90,
  .is-flex [data-module="diaporama"].h90 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h90 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h90 .carousel-control,
  .is-flex [data-module="diaporama"].h90 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h90 {
    height: $h-90xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h90>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h90 .carousel {
    height: $h-90xl - 110px !important;
  }
  .is-flex .h75.linkhome {
    height: $h-75xl !important;
  }
  body:not(#tinymce) .is-flex .h75>[data-module="carousel"],
  .is-flex .h75>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h75>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h75>[data-module="carousel"] .carousel-control,
  .is-flex .h75>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h75>[data-module="diaporama"],
  .is-flex .h75>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h75>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h75>[data-module="diaporama"] .carousel-control,
  .is-flex .h75>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h75>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h75,
  .is-flex [data-module="carousel"].h75 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h75 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h75 .carousel-control,
  .is-flex [data-module="carousel"].h75 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h75,
  .is-flex [data-module="diaporama"].h75 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h75 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h75 .carousel-control,
  .is-flex [data-module="diaporama"].h75 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h75 {
    height: $h-75xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h75>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h75 .carousel {
    height: $h-75xl - 110px !important;
  }
  .is-flex .h70.linkhome {
    height: $h-70xl !important;
  }
  body:not(#tinymce) .is-flex .h70>[data-module="carousel"],
  .is-flex .h70>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h70>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h70>[data-module="carousel"] .carousel-control,
  .is-flex .h70>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h70>[data-module="diaporama"],
  .is-flex .h70>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h70>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h70>[data-module="diaporama"] .carousel-control,
  .is-flex .h70>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h70>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h70,
  .is-flex [data-module="carousel"].h70 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h70 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h70 .carousel-control,
  .is-flex [data-module="carousel"].h70 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h70,
  .is-flex [data-module="diaporama"].h70 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h70 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h70 .carousel-control,
  .is-flex [data-module="diaporama"].h70 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h70 {
    height: $h-70xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h70>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h70 .carousel {
    height: $h-70xl - 110px !important;
  }
  .is-flex .h60.linkhome {
    height: $h-60xl !important;
  }
  body:not(#tinymce) .is-flex .h60>[data-module="carousel"],
  .is-flex .h60>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h60>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h60>[data-module="carousel"] .carousel-control,
  .is-flex .h60>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h60>[data-module="diaporama"],
  .is-flex .h60>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h60>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h60>[data-module="diaporama"] .carousel-control,
  .is-flex .h60>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h60>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h60,
  .is-flex [data-module="carousel"].h60 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h60 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h60 .carousel-control,
  .is-flex [data-module="carousel"].h60 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h60,
  .is-flex [data-module="diaporama"].h60 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h60 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h60 .carousel-control,
  .is-flex [data-module="diaporama"].h60 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h60 {
    height: $h-60xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h60>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h60 .carousel {
    height: $h-60xl - 110px !important;
  }
  .is-flex .h50.linkhome {
    height: $h-50xl !important;
  }
  body:not(#tinymce) .is-flex .h50>[data-module="carousel"],
  .is-flex .h50>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h50>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h50>[data-module="carousel"] .carousel-control,
  .is-flex .h50>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h50>[data-module="diaporama"],
  .is-flex .h50>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h50>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h50>[data-module="diaporama"] .carousel-control,
  .is-flex .h50>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h50>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h50,
  .is-flex [data-module="carousel"].h50 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h50 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h50 .carousel-control,
  .is-flex [data-module="carousel"].h50 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h50,
  .is-flex [data-module="diaporama"].h50 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h50 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h50 .carousel-control,
  .is-flex [data-module="diaporama"].h50 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h50 {
    height: $h-50xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h50>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h50 .carousel {
    height: $h-50xl - 110px !important;
  }
  .is-flex .h30.linkhome {
    height: $h-30xl !important;
  }
  body:not(#tinymce) .is-flex .h30>[data-module="carousel"],
  .is-flex .h30>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h30>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h30>[data-module="carousel"] .carousel-control,
  .is-flex .h30>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h30>[data-module="diaporama"],
  .is-flex .h30>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h30>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h30>[data-module="diaporama"] .carousel-control,
  .is-flex .h30>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h30>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h30,
  .is-flex [data-module="carousel"].h30 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h30 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h30 .carousel-control,
  .is-flex [data-module="carousel"].h30 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h30,
  .is-flex [data-module="diaporama"].h30 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h30 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h30 .carousel-control,
  .is-flex [data-module="diaporama"].h30 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h30 {
    height: $h-30xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h30>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h30 .carousel {
    height: $h-30xl - 110px !important;
  }
  .is-flex .h25.linkhome {
    height: $h-25xl !important;
  }
  body:not(#tinymce) .is-flex .h25>[data-module="carousel"],
  .is-flex .h25>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h25>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h25>[data-module="carousel"] .carousel-control,
  .is-flex .h25>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h25>[data-module="diaporama"],
  .is-flex .h25>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h25>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h25>[data-module="diaporama"] .carousel-control,
  .is-flex .h25>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h25>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h25,
  .is-flex [data-module="carousel"].h25 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h25 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h25 .carousel-control,
  .is-flex [data-module="carousel"].h25 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h25,
  .is-flex [data-module="diaporama"].h25 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h25 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h25 .carousel-control,
  .is-flex [data-module="diaporama"].h25 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h25 {
    height: $h-25xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h25>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h25 .carousel {
    height: $h-25xl - 110px !important;
  }
  .is-flex .h15.linkhome {
    height: $h-15xl !important;
  }
  body:not(#tinymce) .is-flex .h15>[data-module="carousel"],
  .is-flex .h15>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h15>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h15>[data-module="carousel"] .carousel-control,
  .is-flex .h15>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h15>[data-module="diaporama"],
  .is-flex .h15>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h15>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h15>[data-module="diaporama"] .carousel-control,
  .is-flex .h15>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h15>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h15,
  .is-flex [data-module="carousel"].h15 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h15 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h15 .carousel-control,
  .is-flex [data-module="carousel"].h15 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h15,
  .is-flex [data-module="diaporama"].h15 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h15 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h15 .carousel-control,
  .is-flex [data-module="diaporama"].h15 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h15 {
    height: $h-15xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h15>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h15 .carousel {
    height: $h-15xl - 110px !important;
  }
  .is-flex .h10.linkhome {
    height: $h-10xl !important;
  }
  body:not(#tinymce) .is-flex .h10>[data-module="carousel"],
  .is-flex .h10>[data-module="carousel"] .carousel-inner>.carousel-item>img,
  .is-flex .h10>[data-module="carousel"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h10>[data-module="carousel"] .carousel-control,
  .is-flex .h10>[data-module="carousel"] .carousel,
  body:not(#tinymce) .is-flex .h10>[data-module="diaporama"],
  .is-flex .h10>[data-module="diaporama"] .carousel-inner>.carousel-item>img,
  .is-flex .h10>[data-module="diaporama"] .carousel-inner>.carousel-item>a>img,
  .is-flex .h10>[data-module="diaporama"] .carousel-control,
  .is-flex .h10>[data-module="diaporama"] .carousel,
  body:not(#tinymce) .is-flex .h10>[data-module="infotrafic"],
  body:not(#tinymce) .is-flex [data-module="carousel"].h10,
  .is-flex [data-module="carousel"].h10 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="carousel"].h10 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="carousel"].h10 .carousel-control,
  .is-flex [data-module="carousel"].h10 .carousel,
  body:not(#tinymce) .is-flex [data-module="diaporama"].h10,
  .is-flex [data-module="diaporama"].h10 .carousel-inner>.carousel-item>img,
  .is-flex [data-module="diaporama"].h10 .carousel-inner>.carousel-item>a>img,
  .is-flex [data-module="diaporama"].h10 .carousel-control,
  .is-flex [data-module="diaporama"].h10 .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h10 {
    height: $h-10xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h10>[data-module="infotrafic"] .carousel,
  body:not(#tinymce) .is-flex [data-module="infotrafic"].h10 .carousel {
    height: $h-10xl - 110px !important;
  }
  body:not(#tinymce) .is-flex .h100>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h100 {
    height: $h-100xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h90>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h90 {
    height: $h-90xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h75>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h75 {
    height: $h-75xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h70>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h70 {
    height: $h-70xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h60>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h60 {
    height: $h-60xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h50>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h50 {
    height: $h-50xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h30>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h30 {
    height: $h-30xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h25>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h25 {
    height: $h-25xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h15>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h15 {
    height: $h-15xl - 7px !important;
  }
  body:not(#tinymce) .is-flex .h10>[data-module="twitter"],
  body:not(#tinymce) .is-flex [data-module="twitter"].h10 {
    height: $h-10xl - 7px !important;
  }
  .is-flex .h100>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h100 #bloc_actu_ligne {
    height: $h-100xl - 130px !important;
  }
  .is-flex .h90>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h90 #bloc_actu_ligne {
    height: $h-90xl - 130px !important;
  }
  .is-flex .h75>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h75 #bloc_actu_ligne {
    height: $h-75xl - 130px !important;
  }
  .is-flex .h70>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h70 #bloc_actu_ligne {
    height: $h-70xl - 130px !important;
  }
  .is-flex .h60>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h60 #bloc_actu_ligne {
    height: $h-60xl - 130px !important;
  }
  .is-flex .h50>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h50 #bloc_actu_ligne {
    height: $h-50xl - 130px !important;
  }
  .is-flex .h30>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h30 #bloc_actu_ligne {
    height: $h-30xl - 130px !important;
  }
  .is-flex .h25>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h25 #bloc_actu_ligne {
    height: $h-25xl - 130px !important;
  }
  .is-flex .h15>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h15 #bloc_actu_ligne {
    height: $h-15xl - 130px !important;
  }
  .is-flex .h10>[data-module="infotrafic"] #bloc_actu_ligne,
  .is-flex [data-module="infotrafic"].h10 #bloc_actu_ligne {
    height: $h-10xl - 130px !important;
  }
}



.tetinfotraf {
  border-bottom: 1px solid $color-contrast-alpha-light-b;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .linkhome {
    padding: 30px 0 !important;
  }
  .carousel-home {
    margin-bottom: 0px !important
  }
  .carousel-home .carousel .carousel-caption {
    position: relative !important;
    padding: 30px 50px;
    width: auto;
    left: 0px;
    right: 0px;
  }
  .carousel-home .center-carousel {
    width: 100%
  }
  .row.is-flex .col-xs-4 .linkhome {
    padding: 15px 0 !important
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .container-home>.is-flex.h100 {
    height: auto !important
  }
  .tetinfotraf {
    padding-bottom: 5px;
    margin-bottom: 8px;
  }
}

@media (max-width: 767px) {
  .linkhome {
    padding: 30px 0 !important;
  }
}

.carousel .playButton.btn-link:focus,
.carousel .pauseButton.btn-link:focus,
.carousel .playButton.btn-link:hover,
.carousel .pauseButton.btn-link:hover {
  background: $color-contrast-a;
  color: $color-contrast-b
}

.ie10 .sub-nav.open li {
  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
  list-style-position: -999999px
}

div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table thead {
  display: none;
}

div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table tbody,
div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table tr,
div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table th,
div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table td {
  display: block;
}

div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table td {
  vertical-align: middle;
}

div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table {
  border: 0 !important;
  background: transparent !important;
  vertical-align: middle;
}

div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table td[data-title]::before {
  content: attr(data-title);
  font-weight: normal;
  font-family: $bold;
  float: left;
  width: 100%;
  padding: 0.5rem;
  margin: 0px 0px 0.5rem 0px;
  color: $secondary-contrast;
  background: $secondary;
  text-align: center;
}

div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table tr {
  border: 1px solid $gray-400;
  margin-bottom: 2em;
  text-align: center;
}

div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table td,
div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table th {
  padding-bottom: 0.75rem;
  padding-top: 0.75rem
}

.iti-detail td:last-child::before {
  display: none
}

@media screen and (min-width: 768px) {
  div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table thead,
  div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table tbody {
    display: table-header-group;
  }
  div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table tr {
    display: table-row;
    padding: 0;
  }
  div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table th,
  div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table td {
    display: table-cell;
  }
  div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table td {
    vertical-align: middle;
  }
  div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table table {
    border: 0 !important;
    background: transparent !important;
    vertical-align: middle;
  }
  div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table td[data-title]::before {
    display: none
  }
  div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table tr {
    border: none;
    margin-bottom: 0;
    text-align: center;
  }
  div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table tbody tr {
    border-bottom: 1px solid $gray-400;
  }
  div:not(.table-responsive, .datepicker-days, .datepicker-months, .datepicker-years, .datepicker-decades, .datepicker-centuries)>table td {
    padding-bottom: 0.75rem
  }
}

  div.nav-scroller-content>table thead,
  div.nav-scroller-content>table tbody {
    display: table-header-group;
  }
  div.nav-scroller-content>table tr {
    display: table-row;
    padding: 0;
  }
  div.nav-scroller-content>table th,
  div.nav-scroller-content>table td {
    display: table-cell;
  }
  div.nav-scroller-content>table td {
    vertical-align: middle;
  }
  div.nav-scroller-content>table table {
    border: 0 !important;
    background: transparent !important;
    vertical-align: middle;
  }
  div.nav-scroller-content>table td[data-title]::before {
    display: none
  }
  div.nav-scroller-content>table tr {
    border: none;
    margin-bottom: 0;
    text-align: center;
  }
  div.nav-scroller-content>table tbody tr {
    border-bottom: 1px solid $gray-400;
  }
  div.nav-scroller-content>table td {
    padding-bottom: 0.75rem
  }


.container-page main ul {
  list-style-image: $puce-li;
  padding-left: 20px;
}

.container-page main ul.checkboxes {
  list-style-image: none;
  padding-left: 0px;
  margin-bottom: 0
}

.container-page main ul.checkboxes li {
  margin-bottom: 0.5rem
}

.container-page main ul.checkboxes li:last-child {
  margin-bottom: 0
}

.container-page main .well-info ul,
.container-page main .well-danger ul,
.container-page main .well-warning ul,
{
  list-style-image: $puce-li-blanc;
}

main input[type="text"].form-control,
main input[type="date"].form-control,
main input[type="time"].form-control,
main input[type="tel"].form-control,
main input[type="number"].form-control,
main input[type="email"].form-control,
main select.form-control,
main textarea.form-control {
  border: 1px solid #ddd;
  border-radius: 0;
  background: transparent
}

main input[type="text"].form-control:focus,
main input[type="date"].form-control:focus,
main input[type="time"].form-control:focus,
main input[type="tel"].form-control:focus,
main input[type="number"].form-control:focus,
main input[type="email"].form-control:focus {
  border-bottom: 1px solid $primary;
  background: $white
}

.tooltip-inner {
  color: #fff;
  background-color: $gray-900;
  border-radius: .25rem;
  font-family: $regular;
  font-size: 0.8em
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
  border-top-color: $gray-900;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
  border-right-color: $gray-900;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
  border-bottom-color: $gray-900;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
  border-left-color: $gray-900;
}

.btn-visit .btn:hover {
  cursor: pointer !important
}



@media (min-width: 992px) {
  .sub-nav.open {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 50%, #f3f4f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 50%, #f3f4f6 100%);
    background: linear-gradient(to bottom, #ffffff 50%, #f3f4f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f4f6', GradientType=0);
    -webkit-box-shadow: 0px 30px 20px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 30px 20px 0px rgba(0, 0, 0, 0.5);
  }
}


/* Pictos en dur des menus */

.sub-nav-group>li>a[data-titre]:before {
  font-family: 'actipage' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.5rem;
  line-height: 1em !important;
  font-size: 1.5em !important;
  color: $warning !important
}

.nav-menu>li .sub-sub-nav {
  margin-left: 1.3rem;
}

.sub-nav-group>li.active>a[data-titre]:before {
  color: $secondary-contrast !important
}

@media (min-width: 992px) {
  .sub-nav-group>li>a[data-titre]:before {
    font-size: 1.8em !important;
    color: $secondary !important
  }
  .nav-menu>li .sub-sub-nav {
    margin-left: 0;
  }
  #navbarsleft>.container>nav>ul>li>a {
    position: relative;
  }
  .sub-nav-group>li.active>a[data-titre]:before {
    color: $secondary !important
  }
}

.sub-nav-group>li>a {
  @include flex;
  @include flex-align-start;
}


/*** iPhone and iOS Form Input Zoom Fixes ***/


/* Fix Input Zoom on devices older than iPhone 5: */

@media screen and (device-aspect-ratio: 2/3) {
  select,
  .form-control,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"] {
    font-size: 16px;
  }
}


/* Fix Input Zoom on iPhone 5, 5C, 5S, iPod Touch 5g */

@media screen and (device-aspect-ratio: 40/71) {
  select,
  .form-control,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="url"] {
    font-size: 16px;
  }
}


/* Fix Input Zoom on iPhone 6, iPhone 6s, iPhone 7  */

@media screen and (device-aspect-ratio: 375/667) {
  select,
  .form-control,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="tel"],
  input[type="url"] {
    font-size: 16px;
  }
}


/* Fix Input Zoom on iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus, iPhone 8, iPhone X, XS, XS Max  */

@media screen and (device-aspect-ratio: 9/16) {
  select,
  .form-control,
  textarea,
  input[type="text"],
  input[type="password"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="date"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type="number"],
  input[type="email"],
  input[type="tel"],
  input[type="url"] {
    font-size: 16px;
  }
}

.nav-scroller-btn.active:focus [class*=" picto-arrow-"] {
  background: $secondary !important;
  color: $color-blanc !important
}



summary {
  display: list-item;
  cursor: pointer;
  background: $secondary;
  color: $secondary-contrast;
  padding: 0.75em;
}

/* Carousels */

.carousel-item img {
    max-width: 100%;
}
/*
@media (min-width: 576px) {
  .carousel-item img{
    max-width: none;
  }
}
*/

.carousel-item{
  display: flex !important;
  justify-content: center;
}
.carousel-item a{
  flex: 1;
}

.center-carousel {
  left: 50%;
  top: 50%;
  position: relative;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.row.is-flex .carousel-control,
.carousel-control {
  display: block;
  width: 40px !important;
  z-index: 1
}


.row.is-flex .carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 1rem 1.25rem;
  width: auto !important;
  @include flex;
  @include flex-column;
  @include flex-justify-center color: $white;
  text-decoration: none !important;
}

.page .carousel-control {
  position: absolute;
  top: auto;
  bottom: 0;
  padding: 1rem 1.25rem;
  width: auto !important;
  @include flex;
  @include flex-column;
  @include flex-justify-center color: $white;
  text-decoration: none !important;
}

.carousel-home .carousel .carousel-control {
  z-index: 2;
}
.carousel-home .carousel-control {
  width: 40px
}

.carousel-fade .carousel-control.left {
  left: 0
}

.carousel-fade .carousel-control.right {
  right: 0;
  text-align: right
}

.carousel-home .carousel-control .picto-arrow-left,
.carousel-home .carousel-control .picto-arrow-right {
  top: auto;
  bottom: 30px;
  color: $white;
  text-shadow: none !important;
}

.carousel-home .carousel .playButton.btn-link,
.carousel-home .carousel .pauseButton.btn-link {
  color: $color-contrast-a;
}
.carousel-control:hover,
.carousel-control:focus {
  background-color: rgba(0, 0, 0, 0.25)
}
.carousel-item a[target="_blank"]::after {
  content: "" !important;
  display: none;
}
.carousel-indicators {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: auto;

  z-index: 15;
  @include flex;
  @include flex-justify-end;
  @include flex-row;
  @include flex-1;

  list-style: none;

  margin: 0 !important;
  padding: 0.25rem
}


.carousel-indicators li {
  @include flex-1;
  width: 20px;
  margin: 0 !important;
  border: none !important;
  height: 2px !important;
  opacity: .2
}

.carousel-indicators li.active {
  opacity: 1
}

/*@import "composantsBS4/carousel.scss";*/

#myBanner {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: mybanner;
  animation-name: mybanner;
}

@-webkit-keyframes mybanner {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes mybanner {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media (min-width: 768px) {
  #myBanner .center-carousel {
    height: 100% !important;
    max-width: none !important;
    width: auto !important;
  }
}
@media (min-width: 992px) {

  #myBanner .center-carousel {
    height: auto !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}




#myBanner .carousel-inner>.carousel-item {
  position: relative;
  @include flex;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}

#myBanner .carousel-inner>.carousel-item>img,
#myBanner .carousel-inner>.carousel-item>a>img {
  line-height: 1;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
  #myBanner .carousel-inner>.carousel-item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  #myBanner .carousel-inner>.carousel-item.next,
  #myBanner .carousel-inner>.carousel-item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  #myBanner .carousel-inner>.carousel-item.prev,
  #myBanner .carousel-inner>.carousel-item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  #myBanner .carousel-inner>.carousel-item.next.left,
  #myBanner .carousel-inner>.carousel-item.prev.right,
  #myBanner #myBanner .carousel-inner>.carousel-item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}

#myBanner .carousel-inner>.active,
#myBanner .carousel-inner>.next,
#myBanner .carousel-inner>.prev {
  display: block;
}

#myBanner .carousel-inner>.active {
  left: 0;
}

#myBanner .carousel-inner>.next,
#myBanner .carousel-inner>.prev {
  position: absolute;
  top: 0;
  width: 100%;
}

#myBanner .carousel-inner>.next {
  left: 100%;
}

#myBanner .carousel-inner>.prev {
  left: -100%;
}

#myBanner .carousel-inner>.next.left,
#myBanner .carousel-inner>.prev.right {
  left: 0;
}

#myBanner .carousel-inner>.active.left {
  left: -100%;
}

#myBanner .carousel-inner>.active.right {
  left: 100%;
}


#myBanner.carousel {
  width: 100%
}

#myBanner .carousel-inner>.carousel-item {
  display: block;
}

#myBanner .carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: .6s;
  transition-property: opacity;
}

#myBanner .carousel-fade .carousel-item.active,
#myBanner .carousel-fade .carousel-item-next.carousel-item-left,
#myBanner .carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

#myBanner .carousel-fade .active.carousel-item-left,
#myBanner .carousel-fade .active.carousel-item-right {
  opacity: 0;
}

#myBanner .carousel-fade .carousel-item-next,
#myBanner .carousel-fade .carousel-item-prev,
#myBanner .carousel-fade .carousel-item.active,
#myBanner .carousel-fade .active.carousel-item-left,
#myBanner .carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}

[data-module="diaporama"] > .carousel{
  background: $color-blanc !important;
}