@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800,800i);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800,800i);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, .slide .rectangle--gris div div,
.slide .rectangle--gris p,
.slide .rectangle--gris h2,
.slide .rectangle--gris h3, .rectangle--gris h3, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

@-moz-document url-prefix() {
  img {
    box-sizing: initial;
  }
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

strong {
  font-weight: 400;
}

@font-face {
  font-family: "Century Gothic";
  src: url("../font/century-gothic/CenturyGothic-Bold.eot");
  src: url("../font/century-gothic/CenturyGothic-Bold.eot?#iefix") format("embedded-opentype"), url("../font/century-gothic/CenturyGothic-Bold.woff2") format("woff2"), url("../font/century-gothic/CenturyGothic-Bold.woff") format("woff"), url("../font/century-gothic/CenturyGothic-Bold.ttf") format("truetype"), url("../font/century-gothic/CenturyGothic-Bold.svg#CenturyGothic-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Century Gothic";
  src: url("../font/century-gothic/CenturyGothic-Italic.eot");
  src: url("../font/century-gothic/CenturyGothic-Italic.eot?#iefix") format("embedded-opentype"), url("../font/century-gothic/CenturyGothic-Italic.woff2") format("woff2"), url("../font/century-gothic/CenturyGothic-Italic.woff") format("woff"), url("../font/century-gothic/CenturyGothic-Italic.ttf") format("truetype"), url("../font/century-gothic/CenturyGothic-Italic.svg#CenturyGothic-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Century Gothic";
  src: url("../font/century-gothic/CenturyGothic.eot");
  src: url("../font/century-gothic/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("../font/century-gothic/CenturyGothic.woff2") format("woff2"), url("../font/century-gothic/CenturyGothic.woff") format("woff"), url("../font/century-gothic/CenturyGothic.ttf") format("truetype"), url("../font/century-gothic/CenturyGothic.svg#CenturyGothic") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*@import 'settings';*/
/*@import 'reset';*/
@font-face {
  font-family: "Century Gothic";
  src: url("../font/century-gothic/CenturyGothic-Bold.eot");
  src: url("../font/century-gothic/CenturyGothic-Bold.eot?#iefix") format("embedded-opentype"), url("../font/century-gothic/CenturyGothic-Bold.woff2") format("woff2"), url("../font/century-gothic/CenturyGothic-Bold.woff") format("woff"), url("../font/century-gothic/CenturyGothic-Bold.ttf") format("truetype"), url("../font/century-gothic/CenturyGothic-Bold.svg#CenturyGothic-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Century Gothic";
  src: url("../font/century-gothic/CenturyGothic-Italic.eot");
  src: url("../font/century-gothic/CenturyGothic-Italic.eot?#iefix") format("embedded-opentype"), url("../font/century-gothic/CenturyGothic-Italic.woff2") format("woff2"), url("../font/century-gothic/CenturyGothic-Italic.woff") format("woff"), url("../font/century-gothic/CenturyGothic-Italic.ttf") format("truetype"), url("../font/century-gothic/CenturyGothic-Italic.svg#CenturyGothic-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Century Gothic";
  src: url("../font/century-gothic/CenturyGothic.eot");
  src: url("../font/century-gothic/CenturyGothic.eot?#iefix") format("embedded-opentype"), url("../font/century-gothic/CenturyGothic.woff2") format("woff2"), url("../font/century-gothic/CenturyGothic.woff") format("woff"), url("../font/century-gothic/CenturyGothic.ttf") format("truetype"), url("../font/century-gothic/CenturyGothic.svg#CenturyGothic") format("svg");
  font-weight: normal;
  font-style: normal;
}
.only-desktop {
  display: none !important;
}

.only-tablet {
  display: none !important;
}

.only-smartphone {
  display: block !important;
}

.no-desktop {
  display: block !important;
}

.no-tablet {
  display: block !important;
}

.no-smartphone {
  display: none !important;
}

.from-tablet {
  display: none !important;
}

.from-desktop {
  display: none !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  height: 100%;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  color: #403d44;
}

.promo-top {
  width: 100%;
  padding: 5px 20px;
  margin-bottom: 20px;
  background: #0f8bf2;
  color: #ffffff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.promo-top p {
  text-align: center;
}
.promo-top .promo-top-link {
  display: inline-block;
  margin-left: 20px;
  color: #ffffff;
  text-decoration: underline;
}
.promo-top .fas {
  display: inline-block;
  margin-left: 10px;
  font-size: 1.5em;
  color: #ffffff;
}
.promo-top .promo-top-container {
  display: none;
}

.promo-top-content .annonce {
  position: absolute;
  left: -5px;
  bottom: -5px;
  width: 200px;
}
header {
  width: 100%;
  top: 0;
  z-index: 100;
  position: relative;
}
header .logo {
  display: block;
  padding: 12px 0;
  border-bottom: 2px solid #e6e6e6;
}
header .logo img {
  width: 230px;
}
header .social_media {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
header .social_media a {
  display: inline-block;
  margin-right: 20px;
}
header .social_media a:last-child {
  margin-right: 0;
}
header .social_media img {
  width: 40px;
}

p {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding-bottom: 2px;
  font-weight: 400;
  text-align: left;
  padding: 5px 0;
}

strong {
  font-weight: 600;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

em {
  font-style: italic;
}

sup {
  vertical-align: super;
  font-size: xx-small;
}

.clear {
  clear: both;
}

.zoom img {
  transition: all 0.35s ease 0s;
}
.zoom:hover img {
  transform: perspective(1000px) translate3d(0, 0, 21px);
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.8);
}

h1,
h2,
.slide .rectangle--gris div div,
.slide .rectangle--gris p,
.slide .rectangle--gris h2,
.slide .rectangle--gris h3,
.rectangle--gris h3,
h3,
h4 {
  margin: 1em 0;
  font-size: 1.8em;
}

h1 {
  font-weight: 800;
  text-align: center;
  font-size: 24px;
  line-height: 28px;
  text-transform: uppercase;
}
h1 .miki_edit,
h1 .change_content__container {
  display: inline-block;
}

h2, .slide .rectangle--gris div div,
.slide .rectangle--gris p,
.slide .rectangle--gris h2,
.slide .rectangle--gris h3, .rectangle--gris h3 {
  color: #403d44;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  padding-bottom: 25px;
  line-height: 28px;
  text-transform: uppercase;
}

h3 {
  text-transform: uppercase;
  text-align: center;
  font-size: 18px;
  font-weight: 800;
  color: #403d44;
}

h4 {
  color: #403d44;
  font-size: 20px;
  margin: 25px 0 10px 0;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 25px;
}

h5 {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 17px;
  padding: 5px 0;
}

h1,
h2,
.slide .rectangle--gris div div,
.slide .rectangle--gris p,
.slide .rectangle--gris h2,
.slide .rectangle--gris h3,
.rectangle--gris h3,
h3,
h4,
h5 {
  line-height: 1.2em;
}

.nice-select {
  display: inline-block;
  float: none;
  color: #0f5aa3;
  border: solid 2px #0f5aa3;
  padding-left: 10px;
  padding-right: 30px;
  line-height: 50px;
  height: 52px;
}
.nice-select:after {
  border-color: #0f5aa3;
}
.nice-select:hover {
  border: solid 2px #0f5aa3;
}
.nice-select:hover:after {
  border-color: #0f8bf2;
}

label + select + .nice-select {
  margin-left: 20px;
}

.miki_alert {
  margin-bottom: 50px;
}

.titre-souligne--blanc {
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  display: block;
  line-height: 1.5em;
  padding: 8px 16px;
  margin-top: 75px;
  padding-top: 75px;
  border-bottom: 5px solid #ffffff;
  color: #ffffff;
}

.incline {
  width: 80%;
  padding: 15px 40px;
  transform: rotate(-7deg) skewx(-7deg);
  text-transform: uppercase;
  flex-wrap: nowrap;
  font-weight: 800;
}

.incline--bleu {
  background-color: rgba(15, 90, 163, 0.8);
  color: #ffffff;
}

.incline--blanc {
  background-color: rgba(255, 255, 255, 0.8);
  color: #0f5aa3;
}

.incline--bleu-clair {
  background-color: rgba(15, 139, 242, 0.8);
  color: #ffffff;
}

.incline--top {
  display: block;
}
.incline--top .swiper-container {
  position: absolute;
  z-index: 999;
}
.incline--top .container-espace {
  padding: 8em 0 0 0;
}
.incline--top .image-trapeze--slide {
  height: 400px;
  overflow: hidden;
}
.incline--top .image-trapeze--slide img {
  height: 400px;
  max-width: none;
}
.incline--top .element--absolute {
  margin-top: 1em;
}
.incline--top .rectangle--gris {
  height: auto;
}
.incline--top .rectangle--gris p {
  font-size: 18px;
}
.incline--top .incline {
  position: absolute;
  z-index: 999;
  padding: 15px 40px 15px 80px;
  display: flex;
}
.incline--top .incline figure {
  margin: 0 10px;
}
.incline--top .incline figure img {
  width: 70px;
}
.incline--top .incline figure h3 {
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: 0.8px;
  margin: 0;
}
.incline--top .incline-1 {
  top: 1.5em;
}
.incline--top .incline-2 {
  top: 9.5em;
}
.incline--top .incline-3 {
  top: auto;
  bottom: 9em;
}

.section--incline {
  width: 100%;
  position: absolute;
  max-width: 1300px;
  margin-top: 40px;
}
.section--incline .incline {
  position: absolute;
}
.section--incline .button1 {
  background-color: rgba(15, 139, 242, 0.85);
}

.rectangle--gris {
  background: rgba(207, 205, 205, 0.8); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(207, 205, 205, 0.8) 0%, rgba(255, 255, 255, 0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#cfcdcd", endColorstr="#ffffff",GradientType=1 ); /* IE6-9 */
  margin: 50px 15px 25px 15px;
  padding: 40px 30px 40px 30px;
  height: 72%;
}
.rectangle--gris h3 {
  margin: 0;
}
.rectangle--gris span {
  display: block;
  font-weight: 800;
  color: #0f5aa3;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 25px;
  overflow: hidden;
}
.rectangle--gris p {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 20px;
  text-align: center;
  line-height: 28px;
  padding: 0 35px;
}
.rectangle--gris.news {
  padding-top: 60px;
}
.rectangle--gris.news h3 {
  font-size: 18px;
}
.rectangle--gris.news .news__text {
  font-weight: 800;
  color: #0f5aa3;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  max-height: 12.5em;
  font-size: 14px;
}
.rectangle--gris.news .news__text.with-button {
  max-height: 9em;
}
.rectangle--gris.news .news__text p {
  font-size: 14px;
}
.rectangle--gris.news .news__button {
  text-align: center;
}
.rectangle--gris.news .button1 {
  margin-bottom: 5px;
  margin-top: 20px;
  font-size: 16px;
  padding: 10px 40px;
}

.image-trapeze--droit {
  position: relative;
  -webkit-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
  -o-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
  -ms-clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
  clip-path: polygon(0 0, 100% 5%, 100% 95%, 0% 100%);
  max-width: 100%;
  overflow: hidden;
}
.image-trapeze--droit img {
  max-width: none;
  height: 545px;
}

.image-trapeze--gauche {
  position: relative;
  -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
  clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 90%);
  height: 530px;
  max-width: none;
}

.element--absolute {
  position: absolute;
  z-index: 999;
  padding-top: 4em;
  height: 100%;
  max-width: 1300px;
  width: 100%;
}

.badge {
  background-color: #cfcdcd;
  color: #0f5aa3;
  display: inline-block;
  font-size: 1em;
  line-height: 1.5em;
  margin: 10px 0;
  padding: 20px;
  width: 100%;
}
.badge .delete {
  margin-left: 10px;
  cursor: pointer;
}
.badge.badge--alert {
  background-color: #ff9800;
  color: #ffffff;
}
.badge.badge--success {
  background-color: #4caf50;
  color: #ffffff;
}
.badge.badge--danger, .badge.badge--error {
  background-color: #f44336;
  color: #ffffff;
}
.badge.badge--notice {
  background-color: #2196f3;
  color: #ffffff;
}
.badge.badge--icon {
  display: flex;
  align-items: center;
}
.badge.badge--icon i.fas {
  font-size: 2.5em;
  margin: 0 10px 0 0;
}
.badge ul,
.badge ul.liste-rond {
  margin-bottom: 0;
}
.badge li {
  margin-top: 10px;
}

.container {
  margin: 0 auto;
  position: relative;
}
.container::after {
  clear: both;
  content: "";
  display: block;
}

.box-container,
.box-container-3,
.box-container-2 {
  width: calc(83.3333333333% - 36.6666666667px);
  float: left;
  margin-left: 20px;
  margin-bottom: 3em;
  margin-left: 0;
}
.box-container h4,
.box-container .texte-cote,
.box-container .bloc-texte > p,
.box-container-3 h4,
.box-container-3 .texte-cote,
.box-container-3 .bloc-texte > p,
.box-container-2 h4,
.box-container-2 .texte-cote,
.box-container-2 .bloc-texte > p {
  text-align: center;
}

.section__content {
  margin: 0 10px;
}
.section__content a {
  color: #0f5aa3;
  font-weight: bold;
  transition: opacity 0.35s ease 0s;
}
.section__content a:hover {
  opacity: 0.6;
}
.section__content h2, .section__content .slide .rectangle--gris div div, .slide .rectangle--gris div .section__content div,
.section__content .slide .rectangle--gris p,
.slide .rectangle--gris .section__content p,
.section__content .slide .rectangle--gris h2,
.slide .rectangle--gris .section__content h2,
.section__content .slide .rectangle--gris h3,
.slide .rectangle--gris .section__content h3, .section__content .rectangle--gris h3, .rectangle--gris .section__content h3 {
  text-transform: uppercase;
  border-bottom: 5px solid #0f5aa3;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 8px 16px;
  margin-bottom: 1.5em;
}

.outer-container {
  margin: 0 auto;
}
.outer-container::after {
  clear: both;
  content: "";
  display: block;
}

.section-beige {
  background-color: #0f8bf2;
}

.icon-arrondi {
  position: relative;
  border-radius: 50%;
  background-color: #0f8bf2;
  width: 90px;
  height: 90px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.icon-arrondi a {
  width: 100%;
}
.icon-arrondi img {
  width: 100%;
  padding: 18px;
}
.icon-arrondi.selected {
  background-color: #0f5aa3;
}
.icon-arrondi .fa,
.icon-arrondi .fas,
.icon-arrondi .svg-inline--fa {
  color: #ffffff;
  font-size: 5em;
}

.icon-tablet {
  display: none;
}

.slide {
  display: none;
  position: relative;
  z-index: 10;
}
.slide .slide-shadow {
  position: absolute;
  z-index: -1;
  content: "";
  background: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0));
  width: 100%;
  height: 350px;
  left: 0px;
  top: 15px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 85%, 100% 0);
  -o-clip-path: polygon(0 0, 0 100%, 100% 85%, 100% 0);
  -ms-clip-path: polygon(0 0, 0 100%, 100% 85%, 100% 0);
  clip-path: polygon(0 0, 0 100%, 100% 85%, 100% 0);
}
.slide .rectangle--gris div div,
.slide .rectangle--gris p,
.slide .rectangle--gris h2,
.slide .rectangle--gris p,
.slide .rectangle--gris h2,
.slide .rectangle--gris h3,
.slide .rectangle--gris h3 {
  margin: 0;
  padding: 0;
  justify-content: center;
}

.swiper-button-next,
.swiper-button-prev {
  z-index: 999 !important;
}

.learning {
  display: none;
}

.slide-prices {
  position: relative;
}
.slide-prices .swiper-container {
  padding: 75px 30px 60px;
  height: 550px;
}
.slide-prices .swiper-slide {
  height: 380px;
}
.slide-prices .swiper-slide .swiper-slide-caption {
  background-color: white;
  transform: skewY(-2deg);
  filter: drop-shadow(7px 7px 0px rgba(0, 0, 0, 0.2));
  height: 100%;
}
.slide-prices .swiper-slide .swiper-slide-caption .swiper-slide-wrap {
  transform: skewY(2deg);
  display: flex;
  flex-direction: column;
  padding: 40px 0;
  height: 100%;
}
.slide-prices .swiper-slide .swiper-slide-caption .swiper-slide-wrap > * {
  margin-top: 0;
  margin-bottom: 20px;
}
.slide-prices .swiper-slide .swiper-slide-caption .swiper-slide-wrap > *:last-child {
  margin-bottom: 0;
}
.slide-prices .swiper-slide h4 {
  color: #0f5aa3;
  text-align: center;
  font-size: 1.3rem;
  padding: 0 40px;
}
.slide-prices .swiper-slide p {
  text-align: center;
  font-size: 16px;
  padding: 0 40px;
  margin-bottom: 0 !important;
}
.slide-prices .swiper-slide .price {
  display: flex;
  width: 100%;
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.slide-prices .swiper-slide .price > * {
  display: flex;
  justify-content: center;
  align-content: center;
  padding: 25px 0;
}
.slide-prices .swiper-slide .price__new {
  width: 60%;
  font-size: 1.7rem;
  font-weight: bold;
  background-color: #0f8bf2;
  color: white;
  transform: skewY(-2deg);
}
.slide-prices .swiper-slide .price__new > span {
  transform: skewY(2deg);
}
.slide-prices .swiper-slide .price__old {
  width: 40%;
  font-size: 1.1rem;
}
.slide-prices .swiper-slide .price__old span {
  position: relative;
  display: block;
}
.slide-prices .swiper-slide .price__old span::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: tomato;
  width: 100%;
  height: 2px;
  transform: rotate(-10deg) translateX(-50%) translateY(-12px);
}
.slide-prices .swiper-slide a {
  display: table;
  margin: 0 auto;
  padding: 10px 10%;
  border: 3px #0f5aa3 solid;
  color: #0f5aa3;
  text-transform: uppercase;
  font-size: 1.1rem;
}
.slide-prices .swiper-slide a:hover {
  color: white;
  background-color: #0f8bf2;
  border-color: #0f8bf2;
}
.slide-prices .swiper-button-next, .slide-prices .swiper-button-prev {
  color: white;
  background: transparent;
}
.slide-prices .swiper-button-next::after, .slide-prices .swiper-button-prev::after {
  font-size: 23px;
  font-weight: bold;
}
.slide-prices .swiper-button-next:hover, .slide-prices .swiper-button-prev:hover {
  color: #0f8bf2;
}
.slide-prices .swiper-button-next {
  top: 30px;
  right: 40px;
}
.slide-prices .swiper-button-prev {
  top: 50px;
  left: 40px;
}
.slide-prices .swiper-pagination {
  top: 30px !important;
  height: 15px;
}
.slide-prices .swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  background-color: white;
  opacity: 1;
}
.slide-prices .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #0f8bf2;
}
.slide-prices::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background-color: #0f5aa3;
  z-index: -1;
  transform: skewY(-2deg);
  filter: drop-shadow(7px 7px 0px rgba(0, 0, 0, 0.15));
}

@media only screen and (max-width: 750px) {
  .slide-prices::after {
    transform: skew(0);
  }
}
.section--incline .swiper-container {
  height: 100%;
}
.section--incline .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
  bottom: 110px;
}
.section--incline .swiper-button-next,
.section--incline .swiper-container-rtl .swiper-button-prev {
  background-image: url("../images/arrow-right.svg") !important;
  right: 25px !important;
}
.section--incline .swiper-button-next:after,
.section--incline .swiper-container-rtl .swiper-button-prev:after {
  display: none;
}
.section--incline .swiper-button-prev,
.section--incline .swiper-container-rtl .swiper-button-next {
  background-image: url("../images/arrow-left.svg") !important;
  left: 25px !important;
}
.section--incline .swiper-button-prev:after,
.section--incline .swiper-container-rtl .swiper-button-next:after {
  display: none;
}
.section--incline .swiper-pagination-bullet {
  display: inline-block !important;
  padding-bottom: 0 !important;
  margin: 0 5px;
  width: 10px !important;
  height: 10px !important;
  background: #0f5aa3 !important;
}
.section--incline .swiper-pagination-bullet-active {
  background: #0f8bf2 !important;
}
.section--incline .slide-shadow {
  position: absolute;
  z-index: -1;
  content: "";
  background: linear-gradient(rgba(0, 0, 0, 0.02), rgb(0, 0, 0));
  width: 100%;
  height: 32em;
  left: 0px;
  top: -15px;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 11%);
  -o-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 11%);
  -ms-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 11%);
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 11%);
}

.container-page {
  margin-top: 3em;
}
.container-page:last-child {
  margin-bottom: 6em;
}
.container-page a {
  border-bottom: solid 1px transparent;
  transition: all 0.35s ease 0s;
}
.container-page a:hover {
  border-color: #ffffff;
}
.container-page img {
  border-radius: 5px;
}

.footer, .footer--blanc, .footer--bleu {
  display: grid;
  grid-template-columns: 1fr;
  -moz-column-gap: 25px;
       column-gap: 25px;
  row-gap: 25px;
  padding: 75px 50px 50px 50px;
  text-align: center;
}
.footer h3, .footer--blanc h3, .footer--bleu h3 {
  text-align: center;
}
.footer .titre-souligne--blanc, .footer--blanc .titre-souligne--blanc, .footer--bleu .titre-souligne--blanc {
  padding: 8px 0;
  margin-top: 1em;
  margin-bottom: 1em;
}
.footer a, .footer--blanc a, .footer--bleu a {
  display: inline-block;
  color: #ffffff;
  margin-bottom: 10px;
}

.box--footer {
  border-bottom: 1px solid #ffffff;
  padding-bottom: 1.5em;
}
.box--footer h4 {
  margin: 0;
  padding-bottom: 25px;
  padding-top: 15px;
}
.box--footer .bloc-texte {
  padding-bottom: 20px;
}
.box--footer .icon-arrondi {
  display: none;
}

.footer--details {
  display: none;
}

.footer--bleu {
  background-color: #0f5aa3;
  color: #ffffff;
}
.footer--bleu .box-container h3 {
  border-bottom: 0.5px solid #e6e6e6;
  color: #ffffff;
}
.footer--bleu .titre-souligne--blanc {
  border-bottom: 5px solid #ffffff;
  color: #ffffff;
}
.footer--bleu .droits-reserves {
  color: #ffffff;
}

.footer--blanc {
  background-color: #ffffff;
  color: #0f5aa3;
}
.footer--blanc .box-container h3 {
  border-bottom: 0.5px solid #ffffff;
  color: #0f5aa3;
}
.footer--blanc .titre-souligne--blanc {
  border-bottom: 5px solid #0f5aa3;
  color: #403d44;
}
.footer--blanc h4 {
  color: #0f5aa3;
}
.footer--blanc .box--footer {
  border-bottom: 1px solid #0f5aa3;
}
.footer--blanc .droits-reserves {
  color: #403d44;
}
.footer--blanc .button3 {
  background-color: #0f5aa3;
  color: #ffffff;
}
.footer--blanc .button3:hover {
  background-color: #0f8bf2;
}

.goToTop {
  display: block;
  position: fixed;
  bottom: 100px;
  right: 30px;
  font-size: 3em;
  color: #0f5aa3;
  z-index: 9999;
}
.goToTop:before {
  font-family: "Font Awesome 5 Regular";
  content: "\f35b";
  display: none;
}
.goToTop .fa,
.goToTop .fas,
.goToTop .svg-inline--fa {
  display: inline-block;
  vertical-align: middle;
  border: solid 3px white;
  border-radius: 25px;
  background: white;
}

.fa-layers-counter {
  font-size: 1.5em;
}

.popper,
.tooltip {
  position: absolute;
  background: #0f8bf2;
  color: #ffffff;
  max-width: 400px;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  padding: 10px;
  text-align: center;
}

.popper .popper__arrow,
.tooltip .tooltip-arrow {
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
  border-color: #0f8bf2;
}

.popper[x-placement^=top],
.tooltip[x-placement^=top] {
  margin-bottom: 5px;
}

.popper[x-placement^=top] .popper__arrow,
.tooltip[x-placement^=top] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.popper[x-placement^=bottom],
.tooltip[x-placement^=bottom] {
  margin-top: 5px;
}

.tooltip[x-placement^=bottom] .tooltip-arrow,
.popper[x-placement^=bottom] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}

.tooltip[x-placement^=right],
.popper[x-placement^=right] {
  margin-left: 5px;
}

.popper[x-placement^=right] .popper__arrow,
.tooltip[x-placement^=right] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.popper[x-placement^=left],
.tooltip[x-placement^=left] {
  margin-right: 5px;
}

.popper[x-placement^=left] .popper__arrow,
.tooltip[x-placement^=left] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.tooltip ul {
  margin-bottom: 0 !important;
}

.grecaptcha-badge {
  display: none;
}

.swal-modal .swal-button--confirm {
  background-color: #0f8bf2;
  border: 1px solid #0f8bf2;
}
.swal-modal a {
  color: #0f5aa3;
  font-weight: bold;
  transition: opacity 0.35s ease 0s;
}
.swal-modal a:hover {
  opacity: 0.6;
}

.article_promo {
  background: #ffffff !important;
  border-top: solid 10px #0f5aa3;
  color: #000000 !important;
  width: 100%;
  z-index: 8000 !important;
}
.article_promo h4 {
  margin-top: 0;
  text-align: center;
}
.article_promo p {
  text-align: center;
}
.article_promo a.button2, .article_promo a.button2-1 {
  margin-top: 20px;
}
.article_promo .notification_close {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 1em;
  color: #0f5aa3;
  cursor: pointer;
}

.menu_user__container {
  text-align: center;
  margin-bottom: 50px;
}
.menu_user__container nav.menu_user {
  display: flex;
  justify-content: center;
}
.menu_user__container nav.menu_user ul {
  width: auto;
}
.menu_user__container nav.menu_user ul li {
  line-height: 2em;
  padding-right: 10px !important;
}
.menu_user__container nav.menu_user ul li.active a {
  color: #0f8bf2;
}

.page-accueil .section--icon .box-container {
  border-bottom: 2px solid #e6e6e6;
  margin-right: 0;
}
.page-accueil .box--icon:nth-child(3) {
  border-bottom: none;
  margin-bottom: 1em;
}
.page-accueil .section__content a.box--icon:hover figure {
  transition: background 0.35s ease 0s;
  background: rgba(15, 139, 242, 0.7);
}
.page-accueil .footer--bleu {
  margin-top: 520px;
}

.page-cours-voiture .goToTopTemplate,
.page-cours-moto .goToTopTemplate,
.page-cours-moto-filtres .goToTopTemplate,
.page-cours-moto-filtres-2021 .goToTopTemplate,
.page-cours-velo .goToTopTemplate,
.page-cours-suivants .goToTopTemplate,
.page-events-inscription-edit .goToTopTemplate,
.page-mes-cours .goToTopTemplate {
  display: none;
}
.page-cours-voiture .event_message,
.page-cours-moto .event_message,
.page-cours-moto-filtres .event_message,
.page-cours-moto-filtres-2021 .event_message,
.page-cours-velo .event_message,
.page-cours-suivants .event_message,
.page-events-inscription-edit .event_message,
.page-mes-cours .event_message {
  width: 820px;
  max-width: 100%;
  margin: 50px auto 50px auto;
}
.page-cours-voiture .event_message p,
.page-cours-moto .event_message p,
.page-cours-moto-filtres .event_message p,
.page-cours-moto-filtres-2021 .event_message p,
.page-cours-velo .event_message p,
.page-cours-suivants .event_message p,
.page-events-inscription-edit .event_message p,
.page-mes-cours .event_message p {
  font-family: "Merriweather Sans", sans-serif;
  text-align: center;
  line-height: 1.5em;
}
.page-cours-voiture .event_message .special,
.page-cours-moto .event_message .special,
.page-cours-moto-filtres .event_message .special,
.page-cours-moto-filtres-2021 .event_message .special,
.page-cours-velo .event_message .special,
.page-cours-suivants .event_message .special,
.page-events-inscription-edit .event_message .special,
.page-mes-cours .event_message .special {
  color: #0f5aa3;
}
.page-cours-voiture .moto_filters,
.page-cours-moto .moto_filters,
.page-cours-moto-filtres .moto_filters,
.page-cours-moto-filtres-2021 .moto_filters,
.page-cours-velo .moto_filters,
.page-cours-suivants .moto_filters,
.page-events-inscription-edit .moto_filters,
.page-mes-cours .moto_filters {
  width: 820px;
  max-width: 100%;
  margin: 50px auto 50px auto;
  text-align: center;
}
.page-cours-voiture .city_choice,
.page-cours-moto .city_choice,
.page-cours-moto-filtres .city_choice,
.page-cours-moto-filtres-2021 .city_choice,
.page-cours-velo .city_choice,
.page-cours-suivants .city_choice,
.page-events-inscription-edit .city_choice,
.page-mes-cours .city_choice {
  width: 820px;
  max-width: 100%;
  margin: 0 auto 0 auto;
  text-align: center;
  display: flex;
}
.page-cours-voiture .city_choice .icon-arrondi,
.page-cours-moto .city_choice .icon-arrondi,
.page-cours-moto-filtres .city_choice .icon-arrondi,
.page-cours-moto-filtres-2021 .city_choice .icon-arrondi,
.page-cours-velo .city_choice .icon-arrondi,
.page-cours-suivants .city_choice .icon-arrondi,
.page-events-inscription-edit .city_choice .icon-arrondi,
.page-mes-cours .city_choice .icon-arrondi {
  width: 50px;
  height: 50px;
}
.page-cours-voiture .city_choice .icon-arrondi img,
.page-cours-moto .city_choice .icon-arrondi img,
.page-cours-moto-filtres .city_choice .icon-arrondi img,
.page-cours-moto-filtres-2021 .city_choice .icon-arrondi img,
.page-cours-velo .city_choice .icon-arrondi img,
.page-cours-suivants .city_choice .icon-arrondi img,
.page-events-inscription-edit .city_choice .icon-arrondi img,
.page-mes-cours .city_choice .icon-arrondi img {
  padding: 10px;
}
.page-cours-voiture .city_choice h3,
.page-cours-moto .city_choice h3,
.page-cours-moto-filtres .city_choice h3,
.page-cours-moto-filtres-2021 .city_choice h3,
.page-cours-velo .city_choice h3,
.page-cours-suivants .city_choice h3,
.page-events-inscription-edit .city_choice h3,
.page-mes-cours .city_choice h3 {
  font-size: 1em;
}
.page-cours-voiture .city_choice a.selected figure,
.page-cours-moto .city_choice a.selected figure,
.page-cours-moto-filtres .city_choice a.selected figure,
.page-cours-moto-filtres-2021 .city_choice a.selected figure,
.page-cours-velo .city_choice a.selected figure,
.page-cours-suivants .city_choice a.selected figure,
.page-events-inscription-edit .city_choice a.selected figure,
.page-mes-cours .city_choice a.selected figure {
  background-color: #0f5aa3;
}
.page-cours-voiture .city_choice a.selected .fa,
.page-cours-voiture .city_choice a.selected .fas,
.page-cours-voiture .city_choice a.selected .svg-inline--fa,
.page-cours-moto .city_choice a.selected .fa,
.page-cours-moto .city_choice a.selected .fas,
.page-cours-moto .city_choice a.selected .svg-inline--fa,
.page-cours-moto-filtres .city_choice a.selected .fa,
.page-cours-moto-filtres .city_choice a.selected .fas,
.page-cours-moto-filtres .city_choice a.selected .svg-inline--fa,
.page-cours-moto-filtres-2021 .city_choice a.selected .fa,
.page-cours-moto-filtres-2021 .city_choice a.selected .fas,
.page-cours-moto-filtres-2021 .city_choice a.selected .svg-inline--fa,
.page-cours-velo .city_choice a.selected .fa,
.page-cours-velo .city_choice a.selected .fas,
.page-cours-velo .city_choice a.selected .svg-inline--fa,
.page-cours-suivants .city_choice a.selected .fa,
.page-cours-suivants .city_choice a.selected .fas,
.page-cours-suivants .city_choice a.selected .svg-inline--fa,
.page-events-inscription-edit .city_choice a.selected .fa,
.page-events-inscription-edit .city_choice a.selected .fas,
.page-events-inscription-edit .city_choice a.selected .svg-inline--fa,
.page-mes-cours .city_choice a.selected .fa,
.page-mes-cours .city_choice a.selected .fas,
.page-mes-cours .city_choice a.selected .svg-inline--fa {
  color: #4caf50;
}
.page-cours-voiture .category_choice h3,
.page-cours-moto .category_choice h3,
.page-cours-moto-filtres .category_choice h3,
.page-cours-moto-filtres-2021 .category_choice h3,
.page-cours-velo .category_choice h3,
.page-cours-suivants .category_choice h3,
.page-events-inscription-edit .category_choice h3,
.page-mes-cours .category_choice h3 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-cours-voiture .category_choice h3 .icon-arrondi,
.page-cours-moto .category_choice h3 .icon-arrondi,
.page-cours-moto-filtres .category_choice h3 .icon-arrondi,
.page-cours-moto-filtres-2021 .category_choice h3 .icon-arrondi,
.page-cours-velo .category_choice h3 .icon-arrondi,
.page-cours-suivants .category_choice h3 .icon-arrondi,
.page-events-inscription-edit .category_choice h3 .icon-arrondi,
.page-mes-cours .category_choice h3 .icon-arrondi {
  margin: 0 10px 0 0;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.page-cours-voiture .category_choice h3 .icon-arrondi span,
.page-cours-moto .category_choice h3 .icon-arrondi span,
.page-cours-moto-filtres .category_choice h3 .icon-arrondi span,
.page-cours-moto-filtres-2021 .category_choice h3 .icon-arrondi span,
.page-cours-velo .category_choice h3 .icon-arrondi span,
.page-cours-suivants .category_choice h3 .icon-arrondi span,
.page-events-inscription-edit .category_choice h3 .icon-arrondi span,
.page-mes-cours .category_choice h3 .icon-arrondi span {
  color: #ffffff;
}
.page-cours-voiture .school_choice,
.page-cours-moto .school_choice,
.page-cours-moto-filtres .school_choice,
.page-cours-moto-filtres-2021 .school_choice,
.page-cours-velo .school_choice,
.page-cours-suivants .school_choice,
.page-events-inscription-edit .school_choice,
.page-mes-cours .school_choice {
  width: 820px;
  max-width: 100%;
  margin: 0 auto 50px auto;
  text-align: center;
}
.page-cours-voiture .liste-fleche, .page-cours-voiture .page-shop .shop-categories ul, .page-shop .shop-categories .page-cours-voiture ul,
.page-cours-moto .liste-fleche,
.page-cours-moto .page-shop .shop-categories ul,
.page-shop .shop-categories .page-cours-moto ul,
.page-cours-moto-filtres .liste-fleche,
.page-cours-moto-filtres .page-shop .shop-categories ul,
.page-shop .shop-categories .page-cours-moto-filtres ul,
.page-cours-moto-filtres-2021 .liste-fleche,
.page-cours-moto-filtres-2021 .page-shop .shop-categories ul,
.page-shop .shop-categories .page-cours-moto-filtres-2021 ul,
.page-cours-velo .liste-fleche,
.page-cours-velo .page-shop .shop-categories ul,
.page-shop .shop-categories .page-cours-velo ul,
.page-cours-suivants .liste-fleche,
.page-cours-suivants .page-shop .shop-categories ul,
.page-shop .shop-categories .page-cours-suivants ul,
.page-events-inscription-edit .liste-fleche,
.page-events-inscription-edit .page-shop .shop-categories ul,
.page-shop .shop-categories .page-events-inscription-edit ul,
.page-mes-cours .liste-fleche,
.page-mes-cours .page-shop .shop-categories ul,
.page-shop .shop-categories .page-mes-cours ul {
  width: 820px;
  margin: 50px auto 50px auto;
}
.page-cours-voiture .liste-couleur2,
.page-cours-moto .liste-couleur2,
.page-cours-moto-filtres .liste-couleur2,
.page-cours-moto-filtres-2021 .liste-couleur2,
.page-cours-velo .liste-couleur2,
.page-cours-suivants .liste-couleur2,
.page-events-inscription-edit .liste-couleur2,
.page-mes-cours .liste-couleur2 {
  max-width: 820px;
  margin: 0 auto 100px auto;
}
.page-cours-voiture .liste-couleur2 li,
.page-cours-moto .liste-couleur2 li,
.page-cours-moto-filtres .liste-couleur2 li,
.page-cours-moto-filtres-2021 .liste-couleur2 li,
.page-cours-velo .liste-couleur2 li,
.page-cours-suivants .liste-couleur2 li,
.page-events-inscription-edit .liste-couleur2 li,
.page-mes-cours .liste-couleur2 li {
  padding: 20px;
}
.page-cours-voiture .liste-couleur2 li.for_girls,
.page-cours-moto .liste-couleur2 li.for_girls,
.page-cours-moto-filtres .liste-couleur2 li.for_girls,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls,
.page-cours-velo .liste-couleur2 li.for_girls,
.page-cours-suivants .liste-couleur2 li.for_girls,
.page-events-inscription-edit .liste-couleur2 li.for_girls,
.page-mes-cours .liste-couleur2 li.for_girls {
  background: #f23a90;
}
.page-cours-voiture .liste-couleur2 li.for_girls:hover,
.page-cours-moto .liste-couleur2 li.for_girls:hover,
.page-cours-moto-filtres .liste-couleur2 li.for_girls:hover,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls:hover,
.page-cours-velo .liste-couleur2 li.for_girls:hover,
.page-cours-suivants .liste-couleur2 li.for_girls:hover,
.page-events-inscription-edit .liste-couleur2 li.for_girls:hover,
.page-mes-cours .liste-couleur2 li.for_girls:hover {
  background: #f12785;
}
.page-cours-voiture .liste-couleur2 li.for_girls h1,
.page-cours-voiture .liste-couleur2 li.for_girls h2,
.page-cours-voiture .liste-couleur2 li.for_girls .rectangle--gris h3,
.rectangle--gris .page-cours-voiture .liste-couleur2 li.for_girls h3,
.page-cours-voiture .liste-couleur2 li.for_girls .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-cours-voiture .liste-couleur2 li.for_girls div,
.page-cours-voiture .liste-couleur2 li.for_girls .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-voiture .liste-couleur2 li.for_girls p,
.page-cours-voiture .liste-couleur2 li.for_girls .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-voiture .liste-couleur2 li.for_girls h2,
.page-cours-voiture .liste-couleur2 li.for_girls .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-voiture .liste-couleur2 li.for_girls h3,
.page-cours-voiture .liste-couleur2 li.for_girls h3,
.page-cours-voiture .liste-couleur2 li.for_girls h4,
.page-cours-voiture .liste-couleur2 li.for_girls a,
.page-cours-voiture .liste-couleur2 li.for_girls p,
.page-cours-moto .liste-couleur2 li.for_girls h1,
.page-cours-moto .liste-couleur2 li.for_girls h2,
.page-cours-moto .liste-couleur2 li.for_girls .rectangle--gris h3,
.rectangle--gris .page-cours-moto .liste-couleur2 li.for_girls h3,
.page-cours-moto .liste-couleur2 li.for_girls .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-cours-moto .liste-couleur2 li.for_girls div,
.page-cours-moto .liste-couleur2 li.for_girls .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-moto .liste-couleur2 li.for_girls p,
.page-cours-moto .liste-couleur2 li.for_girls .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-moto .liste-couleur2 li.for_girls h2,
.page-cours-moto .liste-couleur2 li.for_girls .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-moto .liste-couleur2 li.for_girls h3,
.page-cours-moto .liste-couleur2 li.for_girls h3,
.page-cours-moto .liste-couleur2 li.for_girls h4,
.page-cours-moto .liste-couleur2 li.for_girls a,
.page-cours-moto .liste-couleur2 li.for_girls p,
.page-cours-moto-filtres .liste-couleur2 li.for_girls h1,
.page-cours-moto-filtres .liste-couleur2 li.for_girls h2,
.page-cours-moto-filtres .liste-couleur2 li.for_girls .rectangle--gris h3,
.rectangle--gris .page-cours-moto-filtres .liste-couleur2 li.for_girls h3,
.page-cours-moto-filtres .liste-couleur2 li.for_girls .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-cours-moto-filtres .liste-couleur2 li.for_girls div,
.page-cours-moto-filtres .liste-couleur2 li.for_girls .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-moto-filtres .liste-couleur2 li.for_girls p,
.page-cours-moto-filtres .liste-couleur2 li.for_girls .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-moto-filtres .liste-couleur2 li.for_girls h2,
.page-cours-moto-filtres .liste-couleur2 li.for_girls .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-moto-filtres .liste-couleur2 li.for_girls h3,
.page-cours-moto-filtres .liste-couleur2 li.for_girls h3,
.page-cours-moto-filtres .liste-couleur2 li.for_girls h4,
.page-cours-moto-filtres .liste-couleur2 li.for_girls a,
.page-cours-moto-filtres .liste-couleur2 li.for_girls p,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls h1,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls h2,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls .rectangle--gris h3,
.rectangle--gris .page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls h3,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls div,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls p,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls h2,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls h3,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls h3,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls h4,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls a,
.page-cours-moto-filtres-2021 .liste-couleur2 li.for_girls p,
.page-cours-velo .liste-couleur2 li.for_girls h1,
.page-cours-velo .liste-couleur2 li.for_girls h2,
.page-cours-velo .liste-couleur2 li.for_girls .rectangle--gris h3,
.rectangle--gris .page-cours-velo .liste-couleur2 li.for_girls h3,
.page-cours-velo .liste-couleur2 li.for_girls .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-cours-velo .liste-couleur2 li.for_girls div,
.page-cours-velo .liste-couleur2 li.for_girls .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-velo .liste-couleur2 li.for_girls p,
.page-cours-velo .liste-couleur2 li.for_girls .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-velo .liste-couleur2 li.for_girls h2,
.page-cours-velo .liste-couleur2 li.for_girls .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-velo .liste-couleur2 li.for_girls h3,
.page-cours-velo .liste-couleur2 li.for_girls h3,
.page-cours-velo .liste-couleur2 li.for_girls h4,
.page-cours-velo .liste-couleur2 li.for_girls a,
.page-cours-velo .liste-couleur2 li.for_girls p,
.page-cours-suivants .liste-couleur2 li.for_girls h1,
.page-cours-suivants .liste-couleur2 li.for_girls h2,
.page-cours-suivants .liste-couleur2 li.for_girls .rectangle--gris h3,
.rectangle--gris .page-cours-suivants .liste-couleur2 li.for_girls h3,
.page-cours-suivants .liste-couleur2 li.for_girls .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-cours-suivants .liste-couleur2 li.for_girls div,
.page-cours-suivants .liste-couleur2 li.for_girls .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-suivants .liste-couleur2 li.for_girls p,
.page-cours-suivants .liste-couleur2 li.for_girls .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-suivants .liste-couleur2 li.for_girls h2,
.page-cours-suivants .liste-couleur2 li.for_girls .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-suivants .liste-couleur2 li.for_girls h3,
.page-cours-suivants .liste-couleur2 li.for_girls h3,
.page-cours-suivants .liste-couleur2 li.for_girls h4,
.page-cours-suivants .liste-couleur2 li.for_girls a,
.page-cours-suivants .liste-couleur2 li.for_girls p,
.page-events-inscription-edit .liste-couleur2 li.for_girls h1,
.page-events-inscription-edit .liste-couleur2 li.for_girls h2,
.page-events-inscription-edit .liste-couleur2 li.for_girls .rectangle--gris h3,
.rectangle--gris .page-events-inscription-edit .liste-couleur2 li.for_girls h3,
.page-events-inscription-edit .liste-couleur2 li.for_girls .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-events-inscription-edit .liste-couleur2 li.for_girls div,
.page-events-inscription-edit .liste-couleur2 li.for_girls .slide .rectangle--gris p,
.slide .rectangle--gris .page-events-inscription-edit .liste-couleur2 li.for_girls p,
.page-events-inscription-edit .liste-couleur2 li.for_girls .slide .rectangle--gris h2,
.slide .rectangle--gris .page-events-inscription-edit .liste-couleur2 li.for_girls h2,
.page-events-inscription-edit .liste-couleur2 li.for_girls .slide .rectangle--gris h3,
.slide .rectangle--gris .page-events-inscription-edit .liste-couleur2 li.for_girls h3,
.page-events-inscription-edit .liste-couleur2 li.for_girls h3,
.page-events-inscription-edit .liste-couleur2 li.for_girls h4,
.page-events-inscription-edit .liste-couleur2 li.for_girls a,
.page-events-inscription-edit .liste-couleur2 li.for_girls p,
.page-mes-cours .liste-couleur2 li.for_girls h1,
.page-mes-cours .liste-couleur2 li.for_girls h2,
.page-mes-cours .liste-couleur2 li.for_girls .rectangle--gris h3,
.rectangle--gris .page-mes-cours .liste-couleur2 li.for_girls h3,
.page-mes-cours .liste-couleur2 li.for_girls .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-mes-cours .liste-couleur2 li.for_girls div,
.page-mes-cours .liste-couleur2 li.for_girls .slide .rectangle--gris p,
.slide .rectangle--gris .page-mes-cours .liste-couleur2 li.for_girls p,
.page-mes-cours .liste-couleur2 li.for_girls .slide .rectangle--gris h2,
.slide .rectangle--gris .page-mes-cours .liste-couleur2 li.for_girls h2,
.page-mes-cours .liste-couleur2 li.for_girls .slide .rectangle--gris h3,
.slide .rectangle--gris .page-mes-cours .liste-couleur2 li.for_girls h3,
.page-mes-cours .liste-couleur2 li.for_girls h3,
.page-mes-cours .liste-couleur2 li.for_girls h4,
.page-mes-cours .liste-couleur2 li.for_girls a,
.page-mes-cours .liste-couleur2 li.for_girls p {
  color: #ffffff;
}
.page-cours-voiture .previous_event_change,
.page-cours-moto .previous_event_change,
.page-cours-moto-filtres .previous_event_change,
.page-cours-moto-filtres-2021 .previous_event_change,
.page-cours-velo .previous_event_change,
.page-cours-suivants .previous_event_change,
.page-events-inscription-edit .previous_event_change,
.page-mes-cours .previous_event_change {
  max-width: 820px;
  margin: 0 auto 20px auto;
}
.page-cours-voiture h4,
.page-cours-moto h4,
.page-cours-moto-filtres h4,
.page-cours-moto-filtres-2021 h4,
.page-cours-velo h4,
.page-cours-suivants h4,
.page-events-inscription-edit h4,
.page-mes-cours h4 {
  margin: 0 0 20px 0;
}
.page-cours-voiture .miki-event__right,
.page-cours-moto .miki-event__right,
.page-cours-moto-filtres .miki-event__right,
.page-cours-moto-filtres-2021 .miki-event__right,
.page-cours-velo .miki-event__right,
.page-cours-suivants .miki-event__right,
.page-events-inscription-edit .miki-event__right,
.page-mes-cours .miki-event__right {
  line-height: 1.3em;
}
.page-cours-voiture .miki-event__dates,
.page-cours-moto .miki-event__dates,
.page-cours-moto-filtres .miki-event__dates,
.page-cours-moto-filtres-2021 .miki-event__dates,
.page-cours-velo .miki-event__dates,
.page-cours-suivants .miki-event__dates,
.page-events-inscription-edit .miki-event__dates,
.page-mes-cours .miki-event__dates {
  margin-top: 20px;
  line-height: 1.5em;
}
.page-cours-voiture .miki-event__dates span,
.page-cours-moto .miki-event__dates span,
.page-cours-moto-filtres .miki-event__dates span,
.page-cours-moto-filtres-2021 .miki-event__dates span,
.page-cours-velo .miki-event__dates span,
.page-cours-suivants .miki-event__dates span,
.page-events-inscription-edit .miki-event__dates span,
.page-mes-cours .miki-event__dates span {
  display: inline-block;
  margin-right: 10px;
}
.page-cours-voiture .miki-event__dates span:first-child,
.page-cours-moto .miki-event__dates span:first-child,
.page-cours-moto-filtres .miki-event__dates span:first-child,
.page-cours-moto-filtres-2021 .miki-event__dates span:first-child,
.page-cours-velo .miki-event__dates span:first-child,
.page-cours-suivants .miki-event__dates span:first-child,
.page-events-inscription-edit .miki-event__dates span:first-child,
.page-mes-cours .miki-event__dates span:first-child {
  width: 60px;
}
.page-cours-voiture .miki-event__dates span:last-child,
.page-cours-moto .miki-event__dates span:last-child,
.page-cours-moto-filtres .miki-event__dates span:last-child,
.page-cours-moto-filtres-2021 .miki-event__dates span:last-child,
.page-cours-velo .miki-event__dates span:last-child,
.page-cours-suivants .miki-event__dates span:last-child,
.page-events-inscription-edit .miki-event__dates span:last-child,
.page-mes-cours .miki-event__dates span:last-child {
  margin-right: 0;
}
.page-cours-voiture .miki-event__price,
.page-cours-moto .miki-event__price,
.page-cours-moto-filtres .miki-event__price,
.page-cours-moto-filtres-2021 .miki-event__price,
.page-cours-velo .miki-event__price,
.page-cours-suivants .miki-event__price,
.page-events-inscription-edit .miki-event__price,
.page-mes-cours .miki-event__price {
  margin-top: 20px;
  line-height: 1.5em;
}
.page-cours-voiture .miki-event__price span,
.page-cours-moto .miki-event__price span,
.page-cours-moto-filtres .miki-event__price span,
.page-cours-moto-filtres-2021 .miki-event__price span,
.page-cours-velo .miki-event__price span,
.page-cours-suivants .miki-event__price span,
.page-events-inscription-edit .miki-event__price span,
.page-mes-cours .miki-event__price span {
  width: 68px;
  display: inline-block;
  margin-right: 20px;
}
.page-cours-voiture .miki-event__price.promo,
.page-cours-voiture .miki-event__price .promo,
.page-cours-moto .miki-event__price.promo,
.page-cours-moto .miki-event__price .promo,
.page-cours-moto-filtres .miki-event__price.promo,
.page-cours-moto-filtres .miki-event__price .promo,
.page-cours-moto-filtres-2021 .miki-event__price.promo,
.page-cours-moto-filtres-2021 .miki-event__price .promo,
.page-cours-velo .miki-event__price.promo,
.page-cours-velo .miki-event__price .promo,
.page-cours-suivants .miki-event__price.promo,
.page-cours-suivants .miki-event__price .promo,
.page-events-inscription-edit .miki-event__price.promo,
.page-events-inscription-edit .miki-event__price .promo,
.page-mes-cours .miki-event__price.promo,
.page-mes-cours .miki-event__price .promo {
  background: #4caf50;
  color: #ffffff;
  padding: 10px;
  font-weight: bold;
  display: inline-block;
}
.page-cours-voiture .miki-event__price.promo span,
.page-cours-voiture .miki-event__price .promo span,
.page-cours-moto .miki-event__price.promo span,
.page-cours-moto .miki-event__price .promo span,
.page-cours-moto-filtres .miki-event__price.promo span,
.page-cours-moto-filtres .miki-event__price .promo span,
.page-cours-moto-filtres-2021 .miki-event__price.promo span,
.page-cours-moto-filtres-2021 .miki-event__price .promo span,
.page-cours-velo .miki-event__price.promo span,
.page-cours-velo .miki-event__price .promo span,
.page-cours-suivants .miki-event__price.promo span,
.page-cours-suivants .miki-event__price .promo span,
.page-events-inscription-edit .miki-event__price.promo span,
.page-events-inscription-edit .miki-event__price .promo span,
.page-mes-cours .miki-event__price.promo span,
.page-mes-cours .miki-event__price .promo span {
  width: 180px;
}
.page-cours-voiture .miki-event__places,
.page-cours-moto .miki-event__places,
.page-cours-moto-filtres .miki-event__places,
.page-cours-moto-filtres-2021 .miki-event__places,
.page-cours-velo .miki-event__places,
.page-cours-suivants .miki-event__places,
.page-events-inscription-edit .miki-event__places,
.page-mes-cours .miki-event__places {
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 20px;
  background: #4caf50;
  color: white;
  padding: 5px;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.3);
  background: #e05757;
  position: relative;
  width: 196px;
}
.page-cours-voiture .miki-event__places.two_places_available,
.page-cours-moto .miki-event__places.two_places_available,
.page-cours-moto-filtres .miki-event__places.two_places_available,
.page-cours-moto-filtres-2021 .miki-event__places.two_places_available,
.page-cours-velo .miki-event__places.two_places_available,
.page-cours-suivants .miki-event__places.two_places_available,
.page-events-inscription-edit .miki-event__places.two_places_available,
.page-mes-cours .miki-event__places.two_places_available {
  background: #ff9800;
}
.page-cours-voiture .miki-event__places.four_places_available,
.page-cours-moto .miki-event__places.four_places_available,
.page-cours-moto-filtres .miki-event__places.four_places_available,
.page-cours-moto-filtres-2021 .miki-event__places.four_places_available,
.page-cours-velo .miki-event__places.four_places_available,
.page-cours-suivants .miki-event__places.four_places_available,
.page-events-inscription-edit .miki-event__places.four_places_available,
.page-mes-cours .miki-event__places.four_places_available {
  background: #ff9800;
}
.page-cours-voiture .miki-event__places .miki-event__places--bar,
.page-cours-moto .miki-event__places .miki-event__places--bar,
.page-cours-moto-filtres .miki-event__places .miki-event__places--bar,
.page-cours-moto-filtres-2021 .miki-event__places .miki-event__places--bar,
.page-cours-velo .miki-event__places .miki-event__places--bar,
.page-cours-suivants .miki-event__places .miki-event__places--bar,
.page-events-inscription-edit .miki-event__places .miki-event__places--bar,
.page-mes-cours .miki-event__places .miki-event__places--bar {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  height: 28px;
  height: 100%;
  background: #4caf50;
}
.page-cours-voiture .miki-event__places span,
.page-cours-moto .miki-event__places span,
.page-cours-moto-filtres .miki-event__places span,
.page-cours-moto-filtres-2021 .miki-event__places span,
.page-cours-velo .miki-event__places span,
.page-cours-suivants .miki-event__places span,
.page-events-inscription-edit .miki-event__places span,
.page-mes-cours .miki-event__places span {
  position: relative;
  z-index: 20;
}
.page-cours-voiture .miki-event__places--bar,
.page-cours-moto .miki-event__places--bar,
.page-cours-moto-filtres .miki-event__places--bar,
.page-cours-moto-filtres-2021 .miki-event__places--bar,
.page-cours-velo .miki-event__places--bar,
.page-cours-suivants .miki-event__places--bar,
.page-events-inscription-edit .miki-event__places--bar,
.page-mes-cours .miki-event__places--bar {
  display: none;
}
.page-cours-voiture .miki-event:nth-child(odd) .miki-event__places--bar--progress,
.page-cours-moto .miki-event:nth-child(odd) .miki-event__places--bar--progress,
.page-cours-moto-filtres .miki-event:nth-child(odd) .miki-event__places--bar--progress,
.page-cours-moto-filtres-2021 .miki-event:nth-child(odd) .miki-event__places--bar--progress,
.page-cours-velo .miki-event:nth-child(odd) .miki-event__places--bar--progress,
.page-cours-suivants .miki-event:nth-child(odd) .miki-event__places--bar--progress,
.page-events-inscription-edit .miki-event:nth-child(odd) .miki-event__places--bar--progress,
.page-mes-cours .miki-event:nth-child(odd) .miki-event__places--bar--progress {
  background-color: #0f5aa3;
}
.page-cours-voiture .miki-event:nth-child(odd):hover .miki-event__places--bar--progress,
.page-cours-moto .miki-event:nth-child(odd):hover .miki-event__places--bar--progress,
.page-cours-moto-filtres .miki-event:nth-child(odd):hover .miki-event__places--bar--progress,
.page-cours-moto-filtres-2021 .miki-event:nth-child(odd):hover .miki-event__places--bar--progress,
.page-cours-velo .miki-event:nth-child(odd):hover .miki-event__places--bar--progress,
.page-cours-suivants .miki-event:nth-child(odd):hover .miki-event__places--bar--progress,
.page-events-inscription-edit .miki-event:nth-child(odd):hover .miki-event__places--bar--progress,
.page-mes-cours .miki-event:nth-child(odd):hover .miki-event__places--bar--progress {
  background-color: #0d5090;
}
.page-cours-voiture .miki-event:nth-child(even) .miki-event__places--bar--progress,
.page-cours-moto .miki-event:nth-child(even) .miki-event__places--bar--progress,
.page-cours-moto-filtres .miki-event:nth-child(even) .miki-event__places--bar--progress,
.page-cours-moto-filtres-2021 .miki-event:nth-child(even) .miki-event__places--bar--progress,
.page-cours-velo .miki-event:nth-child(even) .miki-event__places--bar--progress,
.page-cours-suivants .miki-event:nth-child(even) .miki-event__places--bar--progress,
.page-events-inscription-edit .miki-event:nth-child(even) .miki-event__places--bar--progress,
.page-mes-cours .miki-event:nth-child(even) .miki-event__places--bar--progress {
  background-color: #d9d9d9;
}
.page-cours-voiture .miki-event:nth-child(even):hover .miki-event__places--bar--progress,
.page-cours-moto .miki-event:nth-child(even):hover .miki-event__places--bar--progress,
.page-cours-moto-filtres .miki-event:nth-child(even):hover .miki-event__places--bar--progress,
.page-cours-moto-filtres-2021 .miki-event:nth-child(even):hover .miki-event__places--bar--progress,
.page-cours-velo .miki-event:nth-child(even):hover .miki-event__places--bar--progress,
.page-cours-suivants .miki-event:nth-child(even):hover .miki-event__places--bar--progress,
.page-events-inscription-edit .miki-event:nth-child(even):hover .miki-event__places--bar--progress,
.page-mes-cours .miki-event:nth-child(even):hover .miki-event__places--bar--progress {
  background-color: #e6e6e6;
}
.page-cours-voiture h2, .page-cours-voiture .rectangle--gris h3, .rectangle--gris .page-cours-voiture h3, .page-cours-voiture .slide .rectangle--gris div div, .slide .rectangle--gris div .page-cours-voiture div,
.page-cours-voiture .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-voiture p,
.page-cours-voiture .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-voiture h2,
.page-cours-voiture .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-voiture h3,
.page-cours-moto h2,
.page-cours-moto .rectangle--gris h3,
.rectangle--gris .page-cours-moto h3,
.page-cours-moto .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-cours-moto div,
.page-cours-moto .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-moto p,
.page-cours-moto .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-moto h2,
.page-cours-moto .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-moto h3,
.page-cours-moto-filtres h2,
.page-cours-moto-filtres .rectangle--gris h3,
.rectangle--gris .page-cours-moto-filtres h3,
.page-cours-moto-filtres .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-cours-moto-filtres div,
.page-cours-moto-filtres .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-moto-filtres p,
.page-cours-moto-filtres .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-moto-filtres h2,
.page-cours-moto-filtres .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-moto-filtres h3,
.page-cours-moto-filtres-2021 h2,
.page-cours-moto-filtres-2021 .rectangle--gris h3,
.rectangle--gris .page-cours-moto-filtres-2021 h3,
.page-cours-moto-filtres-2021 .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-cours-moto-filtres-2021 div,
.page-cours-moto-filtres-2021 .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-moto-filtres-2021 p,
.page-cours-moto-filtres-2021 .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-moto-filtres-2021 h2,
.page-cours-moto-filtres-2021 .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-moto-filtres-2021 h3,
.page-cours-velo h2,
.page-cours-velo .rectangle--gris h3,
.rectangle--gris .page-cours-velo h3,
.page-cours-velo .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-cours-velo div,
.page-cours-velo .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-velo p,
.page-cours-velo .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-velo h2,
.page-cours-velo .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-velo h3,
.page-cours-suivants h2,
.page-cours-suivants .rectangle--gris h3,
.rectangle--gris .page-cours-suivants h3,
.page-cours-suivants .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-cours-suivants div,
.page-cours-suivants .slide .rectangle--gris p,
.slide .rectangle--gris .page-cours-suivants p,
.page-cours-suivants .slide .rectangle--gris h2,
.slide .rectangle--gris .page-cours-suivants h2,
.page-cours-suivants .slide .rectangle--gris h3,
.slide .rectangle--gris .page-cours-suivants h3,
.page-events-inscription-edit h2,
.page-events-inscription-edit .rectangle--gris h3,
.rectangle--gris .page-events-inscription-edit h3,
.page-events-inscription-edit .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-events-inscription-edit div,
.page-events-inscription-edit .slide .rectangle--gris p,
.slide .rectangle--gris .page-events-inscription-edit p,
.page-events-inscription-edit .slide .rectangle--gris h2,
.slide .rectangle--gris .page-events-inscription-edit h2,
.page-events-inscription-edit .slide .rectangle--gris h3,
.slide .rectangle--gris .page-events-inscription-edit h3,
.page-mes-cours h2,
.page-mes-cours .rectangle--gris h3,
.rectangle--gris .page-mes-cours h3,
.page-mes-cours .slide .rectangle--gris div div,
.slide .rectangle--gris div .page-mes-cours div,
.page-mes-cours .slide .rectangle--gris p,
.slide .rectangle--gris .page-mes-cours p,
.page-mes-cours .slide .rectangle--gris h2,
.slide .rectangle--gris .page-mes-cours h2,
.page-mes-cours .slide .rectangle--gris h3,
.slide .rectangle--gris .page-mes-cours h3 {
  display: flex;
  align-items: center;
}
.page-cours-voiture h2 .icon-arrondi, .page-cours-voiture .rectangle--gris h3 .icon-arrondi, .rectangle--gris .page-cours-voiture h3 .icon-arrondi, .page-cours-voiture .slide .rectangle--gris div div .icon-arrondi, .slide .rectangle--gris div .page-cours-voiture div .icon-arrondi,
.page-cours-voiture .slide .rectangle--gris p .icon-arrondi,
.slide .rectangle--gris .page-cours-voiture p .icon-arrondi,
.page-cours-voiture .slide .rectangle--gris h2 .icon-arrondi,
.slide .rectangle--gris .page-cours-voiture h2 .icon-arrondi,
.page-cours-moto h2 .icon-arrondi,
.page-cours-moto .rectangle--gris h3 .icon-arrondi,
.rectangle--gris .page-cours-moto h3 .icon-arrondi,
.page-cours-moto .slide .rectangle--gris div div .icon-arrondi,
.slide .rectangle--gris div .page-cours-moto div .icon-arrondi,
.page-cours-moto .slide .rectangle--gris p .icon-arrondi,
.slide .rectangle--gris .page-cours-moto p .icon-arrondi,
.page-cours-moto .slide .rectangle--gris h2 .icon-arrondi,
.slide .rectangle--gris .page-cours-moto h2 .icon-arrondi,
.page-cours-moto-filtres h2 .icon-arrondi,
.page-cours-moto-filtres .rectangle--gris h3 .icon-arrondi,
.rectangle--gris .page-cours-moto-filtres h3 .icon-arrondi,
.page-cours-moto-filtres .slide .rectangle--gris div div .icon-arrondi,
.slide .rectangle--gris div .page-cours-moto-filtres div .icon-arrondi,
.page-cours-moto-filtres .slide .rectangle--gris p .icon-arrondi,
.slide .rectangle--gris .page-cours-moto-filtres p .icon-arrondi,
.page-cours-moto-filtres .slide .rectangle--gris h2 .icon-arrondi,
.slide .rectangle--gris .page-cours-moto-filtres h2 .icon-arrondi,
.page-cours-moto-filtres-2021 h2 .icon-arrondi,
.page-cours-moto-filtres-2021 .rectangle--gris h3 .icon-arrondi,
.rectangle--gris .page-cours-moto-filtres-2021 h3 .icon-arrondi,
.page-cours-moto-filtres-2021 .slide .rectangle--gris div div .icon-arrondi,
.slide .rectangle--gris div .page-cours-moto-filtres-2021 div .icon-arrondi,
.page-cours-moto-filtres-2021 .slide .rectangle--gris p .icon-arrondi,
.slide .rectangle--gris .page-cours-moto-filtres-2021 p .icon-arrondi,
.page-cours-moto-filtres-2021 .slide .rectangle--gris h2 .icon-arrondi,
.slide .rectangle--gris .page-cours-moto-filtres-2021 h2 .icon-arrondi,
.page-cours-velo h2 .icon-arrondi,
.page-cours-velo .rectangle--gris h3 .icon-arrondi,
.rectangle--gris .page-cours-velo h3 .icon-arrondi,
.page-cours-velo .slide .rectangle--gris div div .icon-arrondi,
.slide .rectangle--gris div .page-cours-velo div .icon-arrondi,
.page-cours-velo .slide .rectangle--gris p .icon-arrondi,
.slide .rectangle--gris .page-cours-velo p .icon-arrondi,
.page-cours-velo .slide .rectangle--gris h2 .icon-arrondi,
.slide .rectangle--gris .page-cours-velo h2 .icon-arrondi,
.page-cours-suivants h2 .icon-arrondi,
.page-cours-suivants .rectangle--gris h3 .icon-arrondi,
.rectangle--gris .page-cours-suivants h3 .icon-arrondi,
.page-cours-suivants .slide .rectangle--gris div div .icon-arrondi,
.slide .rectangle--gris div .page-cours-suivants div .icon-arrondi,
.page-cours-suivants .slide .rectangle--gris p .icon-arrondi,
.slide .rectangle--gris .page-cours-suivants p .icon-arrondi,
.page-cours-suivants .slide .rectangle--gris h2 .icon-arrondi,
.slide .rectangle--gris .page-cours-suivants h2 .icon-arrondi,
.page-events-inscription-edit h2 .icon-arrondi,
.page-events-inscription-edit .rectangle--gris h3 .icon-arrondi,
.rectangle--gris .page-events-inscription-edit h3 .icon-arrondi,
.page-events-inscription-edit .slide .rectangle--gris div div .icon-arrondi,
.slide .rectangle--gris div .page-events-inscription-edit div .icon-arrondi,
.page-events-inscription-edit .slide .rectangle--gris p .icon-arrondi,
.slide .rectangle--gris .page-events-inscription-edit p .icon-arrondi,
.page-events-inscription-edit .slide .rectangle--gris h2 .icon-arrondi,
.slide .rectangle--gris .page-events-inscription-edit h2 .icon-arrondi,
.page-mes-cours h2 .icon-arrondi,
.page-mes-cours .rectangle--gris h3 .icon-arrondi,
.rectangle--gris .page-mes-cours h3 .icon-arrondi,
.page-mes-cours .slide .rectangle--gris div div .icon-arrondi,
.slide .rectangle--gris div .page-mes-cours div .icon-arrondi,
.page-mes-cours .slide .rectangle--gris p .icon-arrondi,
.slide .rectangle--gris .page-mes-cours p .icon-arrondi,
.page-mes-cours .slide .rectangle--gris h2 .icon-arrondi,
.slide .rectangle--gris .page-mes-cours h2 .icon-arrondi {
  margin-right: 20px;
  width: 50px;
  height: 50px;
}
.page-cours-voiture h2 .icon-arrondi span, .page-cours-voiture .rectangle--gris h3 .icon-arrondi span, .rectangle--gris .page-cours-voiture h3 .icon-arrondi span, .page-cours-voiture .slide .rectangle--gris div div .icon-arrondi span, .slide .rectangle--gris div .page-cours-voiture div .icon-arrondi span,
.page-cours-voiture .slide .rectangle--gris p .icon-arrondi span,
.slide .rectangle--gris .page-cours-voiture p .icon-arrondi span,
.page-cours-moto h2 .icon-arrondi span,
.page-cours-moto .rectangle--gris h3 .icon-arrondi span,
.rectangle--gris .page-cours-moto h3 .icon-arrondi span,
.page-cours-moto .slide .rectangle--gris div div .icon-arrondi span,
.slide .rectangle--gris div .page-cours-moto div .icon-arrondi span,
.page-cours-moto .slide .rectangle--gris p .icon-arrondi span,
.slide .rectangle--gris .page-cours-moto p .icon-arrondi span,
.page-cours-moto-filtres h2 .icon-arrondi span,
.page-cours-moto-filtres .rectangle--gris h3 .icon-arrondi span,
.rectangle--gris .page-cours-moto-filtres h3 .icon-arrondi span,
.page-cours-moto-filtres .slide .rectangle--gris div div .icon-arrondi span,
.slide .rectangle--gris div .page-cours-moto-filtres div .icon-arrondi span,
.page-cours-moto-filtres .slide .rectangle--gris p .icon-arrondi span,
.slide .rectangle--gris .page-cours-moto-filtres p .icon-arrondi span,
.page-cours-moto-filtres-2021 h2 .icon-arrondi span,
.page-cours-moto-filtres-2021 .rectangle--gris h3 .icon-arrondi span,
.rectangle--gris .page-cours-moto-filtres-2021 h3 .icon-arrondi span,
.page-cours-moto-filtres-2021 .slide .rectangle--gris div div .icon-arrondi span,
.slide .rectangle--gris div .page-cours-moto-filtres-2021 div .icon-arrondi span,
.page-cours-moto-filtres-2021 .slide .rectangle--gris p .icon-arrondi span,
.slide .rectangle--gris .page-cours-moto-filtres-2021 p .icon-arrondi span,
.page-cours-velo h2 .icon-arrondi span,
.page-cours-velo .rectangle--gris h3 .icon-arrondi span,
.rectangle--gris .page-cours-velo h3 .icon-arrondi span,
.page-cours-velo .slide .rectangle--gris div div .icon-arrondi span,
.slide .rectangle--gris div .page-cours-velo div .icon-arrondi span,
.page-cours-velo .slide .rectangle--gris p .icon-arrondi span,
.slide .rectangle--gris .page-cours-velo p .icon-arrondi span,
.page-cours-suivants h2 .icon-arrondi span,
.page-cours-suivants .rectangle--gris h3 .icon-arrondi span,
.rectangle--gris .page-cours-suivants h3 .icon-arrondi span,
.page-cours-suivants .slide .rectangle--gris div div .icon-arrondi span,
.slide .rectangle--gris div .page-cours-suivants div .icon-arrondi span,
.page-cours-suivants .slide .rectangle--gris p .icon-arrondi span,
.slide .rectangle--gris .page-cours-suivants p .icon-arrondi span,
.page-events-inscription-edit h2 .icon-arrondi span,
.page-events-inscription-edit .rectangle--gris h3 .icon-arrondi span,
.rectangle--gris .page-events-inscription-edit h3 .icon-arrondi span,
.page-events-inscription-edit .slide .rectangle--gris div div .icon-arrondi span,
.slide .rectangle--gris div .page-events-inscription-edit div .icon-arrondi span,
.page-events-inscription-edit .slide .rectangle--gris p .icon-arrondi span,
.slide .rectangle--gris .page-events-inscription-edit p .icon-arrondi span,
.page-mes-cours h2 .icon-arrondi span,
.page-mes-cours .rectangle--gris h3 .icon-arrondi span,
.rectangle--gris .page-mes-cours h3 .icon-arrondi span,
.page-mes-cours .slide .rectangle--gris div div .icon-arrondi span,
.slide .rectangle--gris div .page-mes-cours div .icon-arrondi span,
.page-mes-cours .slide .rectangle--gris p .icon-arrondi span,
.slide .rectangle--gris .page-mes-cours p .icon-arrondi span {
  color: #ffffff;
}

.page-event_details .event {
  max-width: 820px;
  margin: 0 auto;
  padding-bottom: 30px;
  border-bottom: dashed 1px #0f5aa3;
  margin-bottom: 30px;
}
.page-event_details .title--icon {
  color: #0f5aa3;
  font-size: 4em;
  padding: 0 10px;
  float: left;
  margin-right: 20px;
  width: 100px;
  text-align: center;
}
.page-event_details h6 {
  margin-left: 120px;
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 4em;
}
.page-event_details .event__image img {
  max-height: 250px;
}
.page-event_details .event__title {
  margin-bottom: 50px;
}
.page-event_details .event__details {
  width: 500px;
  margin: 0 auto;
}
.page-event_details .event__description-container {
  width: 500px;
  margin: 0 auto;
  color: #403d44;
  margin-bottom: 50px;
}
.page-event_details .event__description-container .event__description {
  margin-left: 20px;
}
.page-event_details .event__description-container .event__description p {
  font-family: "Merriweather Sans", sans-serif;
  padding: 0;
}
.page-event_details .event__dates {
  overflow: hidden;
  margin-bottom: 50px;
  font-weight: 100;
}
.page-event_details .event__dates label {
  width: 70px;
  display: inline-block;
  font-weight: 400;
}
.page-event_details .event__dates__date {
  margin-left: 20px;
  margin-top: 20px;
  line-height: 1.2em;
}
.page-event_details .event__dates__date:last-child {
  margin-bottom: 0;
}
.page-event_details .event__place-container {
  overflow: hidden;
  margin-bottom: 50px;
  font-weight: 100;
}
.page-event_details .event__place-container .event__place {
  margin-left: 20px;
  margin-bottom: 20px;
  margin-top: 20px;
}
.page-event_details .event__place-container .event__place:last-child {
  margin-bottom: 0;
}
.page-event_details .event__places-container {
  overflow: hidden;
  margin-bottom: 50px;
}
.page-event_details .event__places-container h6 {
  background: #4caf50;
  color: white;
  padding: 5px 10px;
  line-height: 2em;
  margin-bottom: 0;
  margin-top: 0.5em;
  margin-left: 0;
  display: inline-block;
}
.page-event_details .event__places-container h6.two_places_available {
  background: #ff9800;
}
.page-event_details .event__places-container h6.four_places_available {
  background: #ff9800;
}
.page-event_details .inscription,
.page-event_details .inscription--small {
  clear: both;
  text-align: center;
  margin: 20px 0;
}
.page-event_details .inscription a,
.page-event_details .inscription--small a {
  font-size: 1em;
}
.page-event_details .inscription--small {
  margin-left: 20px;
  margin-bottom: 50px;
}
.page-event_details .event__bottom {
  max-width: 820px;
  margin: 0 auto;
}
.page-event_details .share {
  margin-bottom: 30px;
}
.page-event_details .share .fa,
.page-event_details .share .fas,
.page-event_details .share .svg-inline--fa {
  color: #0f5aa3;
  font-size: 1.5em;
  vertical-align: middle;
  margin-right: 10px;
}
.page-event_details .share .addthis_inline_share_toolbox {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}

.page-event-inscription h1 {
  margin-bottom: 0;
}
.page-event-inscription h2, .page-event-inscription .rectangle--gris h3, .rectangle--gris .page-event-inscription h3, .page-event-inscription .slide .rectangle--gris div div, .slide .rectangle--gris div .page-event-inscription div,
.page-event-inscription .slide .rectangle--gris p,
.slide .rectangle--gris .page-event-inscription p,
.page-event-inscription .slide .rectangle--gris h2,
.slide .rectangle--gris .page-event-inscription h2,
.page-event-inscription .slide .rectangle--gris h3,
.slide .rectangle--gris .page-event-inscription h3 {
  margin: 50px 0;
  padding: 0;
}
.page-event-inscription .container-page {
  margin-top: 0;
}
.page-event-inscription .event__price_partner_discount--link {
  display: none;
  margin-top: 10px;
}
.page-event-inscription .event__price_partner_discount {
  margin-bottom: 50px;
}
.page-event-inscription .event__date {
  margin-bottom: 20px;
  width: 100%;
}
.page-event-inscription .event__date:last-child {
  margin-bottom: 50px;
}
.page-event-inscription .event__date label {
  margin-bottom: 20px;
  display: block;
}
.page-event-inscription .event__date .event__date_label {
  width: 100px;
  display: inline-block;
}
.page-event-inscription .event__date .event__dates__date {
  margin-bottom: 10px;
  line-height: 1.2em;
}
.page-event-inscription .event__price label {
  margin-right: 20px;
}
.page-event-inscription .event__price .nice-select {
  margin: 5px 0 20px 0;
}
.page-event-inscription .event__price--alone {
  margin-bottom: 10px;
  line-height: 1.2em;
}
.page-event-inscription .event__price_nb_persons_discount div {
  margin-bottom: 10px;
}
.page-event-inscription .event__price_nb_persons_discount div:last-of-type {
  margin-bottom: 0;
}
.page-event-inscription .event__price_partner_discount_text,
.page-event-inscription .event__price_partner_discount_price_text,
.page-event-inscription .event__price_nb_persons_discount_text {
  font-weight: bold;
}
.page-event-inscription .price_text {
  margin-top: 20px;
  padding-left: 10px;
  font-style: italic;
  line-height: 1.5em;
}
.page-event-inscription .participant_data {
  margin-top: 75px;
}
.page-event-inscription .participant_found_infos {
  margin-bottom: 50px;
}
.page-event-inscription .participant_found_infos .participant_found_infos__data {
  line-height: 1.8em;
}
.page-event-inscription .share {
  margin: 50px 0;
  text-align: center;
}
.page-event-inscription .share .addthis_inline_share_toolbox {
  margin-top: 20px;
}
.page-event-inscription .share .at-share-btn {
  border: solid 1px white;
}
.page-event-inscription .not_me {
  color: #efd12d;
}
.page-event-inscription .its_me {
  text-align: left;
}

.page-panier table.panier {
  width: 80%;
  box-shadow: 0 0px 40px 0px rgba(0, 0, 0, 0.15);
  margin: 0 auto;
}
.page-panier table.panier th {
  font-weight: bold;
  font-size: 1.2em;
  padding: 18px 25px;
  background: #0f5aa3;
  color: #ffffff;
}
.page-panier table.panier tr:nth-child(odd) {
  background: rgba(15, 90, 163, 0.1);
}
.page-panier table.panier tr:nth-child(even) {
  background: #ffffff;
}
.page-panier table.panier td {
  padding: 16px 25px;
}
.page-panier table.panier tr td:nth-child(3),
.page-panier table.panier tr th:nth-child(3) {
  display: none;
}
.page-panier table.panier .total_title {
  display: inline-block;
  margin-right: 20px;
}
.page-panier table.panier .total_value {
  display: inline-block;
  width: 120px;
}
.page-panier table.panier .remove_product,
.page-panier table.panier .remove_product_pack {
  color: #f44336;
  font-size: 1.5em;
  margin: 0 5px;
}
.page-panier table.panier .edit_product {
  font-size: 1.5em;
  margin: 0 5px;
}
.page-panier table.panier .panier__old_price {
  text-decoration: line-through;
}
.page-panier table.panier .discount_info {
  color: #0f5aa3;
}
.page-panier .code_promo {
  width: 80%;
  margin: 20px auto 0 auto;
  text-align: right;
}
.page-panier .payment-choices,
.page-panier .payment,
.page-panier .payment_waiting {
  width: 80%;
  margin: 50px auto 0 auto;
  text-align: center;
}
.page-panier .payment-choices label,
.page-panier .payment label,
.page-panier .payment_waiting label {
  display: inline-block;
  cursor: pointer;
}
.page-panier .payment-choices input,
.page-panier .payment input,
.page-panier .payment_waiting input {
  cursor: pointer;
}
.page-panier .payment-choices {
  width: 95%;
}
.page-panier .form--inline {
  width: 80%;
  margin: 0 auto;
}

.page-team .school_choice {
  width: 820px;
  max-width: 100%;
  margin: 50px auto 0 auto;
  text-align: center;
}
.page-team .school_choice .icon-arrondi {
  width: 50px;
  height: 50px;
}
.page-team .school_choice .icon-arrondi img {
  padding: 10px;
}
.page-team .school_choice h3 {
  font-size: 1em;
}
.page-team .school_choice a {
  display: block;
  width: 100%;
}
.page-team .school_choice a.selected figure {
  background-color: #0f5aa3;
}
.page-team .school_choice a.selected .fa,
.page-team .school_choice a.selected .fas,
.page-team .school_choice a.selected .svg-inline--fa {
  color: #0f5aa3;
}
.page-team .trainer {
  line-height: 1.5em;
}
.page-team .trainer .trainer__tel {
  margin-bottom: 20px;
}
.page-team .trainer .trainer__comment {
  margin-top: 20px;
}

.page-contact .slide .element--absolute,
.page-contact2 .slide .element--absolute,
.page-form .slide .element--absolute {
  width: auto;
}
.page-contact .school_contact,
.page-contact2 .school_contact,
.page-form .school_contact {
  text-align: center;
  margin-bottom: 50px;
  line-height: 1.5em;
}
.page-contact .fa-phone,
.page-contact2 .fa-phone,
.page-form .fa-phone {
  margin-right: 10px;
}
.page-contact .places_map,
.page-contact2 .places_map,
.page-form .places_map {
  height: 350px;
  width: 100%;
}
.page-contact .schools-list,
.page-contact2 .schools-list,
.page-form .schools-list {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  -moz-column-gap: 25px;
       column-gap: 25px;
  row-gap: 25px;
}
.page-contact .schools-list .school,
.page-contact2 .schools-list .school,
.page-form .schools-list .school {
  --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
  padding: 2rem;
}
.page-contact .schools-list .school h3,
.page-contact2 .schools-list .school h3,
.page-form .schools-list .school h3 {
  text-align: left;
}
.page-contact .schools-list .school .school__name,
.page-contact2 .schools-list .school .school__name,
.page-form .schools-list .school .school__name {
  margin-bottom: 0.75em;
}
.page-contact .schools-list .school .school__address,
.page-contact2 .schools-list .school .school__address,
.page-form .schools-list .school .school__address {
  margin-bottom: 0.5em;
}
.page-contact .schools-list .school .school__city,
.page-contact2 .schools-list .school .school__city,
.page-form .schools-list .school .school__city {
  margin-bottom: 0.75em;
}

.page-questionnaire .section--form .container {
  width: 100%;
  margin: 0 10px;
}
.page-questionnaire .nice-select .list {
  max-width: calc(100vw - 20px);
}
.page-questionnaire .nice-select .option {
  white-space: normal;
  line-height: 1.5em;
  min-height: 1.5em;
  margin: 20px 0;
}
.page-questionnaire .form-group {
  margin-bottom: 40px;
}
.page-questionnaire label {
  display: block;
  margin-bottom: 10px;
}
.page-questionnaire label + select + .nice-select {
  margin-left: 0;
}

.template-formulaires header {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
  position: relative;
  overflow: hidden;
  position: absolute;
  background-color: #ffffff;
  height: auto;
  border-bottom: none;
  padding: 0;
  max-width: 1301px;
  margin-left: auto;
  margin-right: auto;
}
.template-formulaires header .logo {
  border-bottom: 0;
  float: none;
  padding-top: 20px;
  padding-bottom: 30px;
}
.template-formulaires header .logo img {
  width: 250px;
}
.template-formulaires .section--form {
  color: #ffffff;
}
.template-formulaires p {
  color: #ffffff;
  text-align: center;
}
.template-formulaires a {
  font-weight: 800;
  text-decoration: underline;
  color: #ffffff;
  transition: opacity 0.35s ease 0s;
}
.template-formulaires a:hover {
  opacity: 0.8;
}
.template-formulaires h2, .template-formulaires .rectangle--gris h3, .rectangle--gris .template-formulaires h3, .template-formulaires .slide .rectangle--gris div div, .slide .rectangle--gris div .template-formulaires div,
.template-formulaires .slide .rectangle--gris p,
.slide .rectangle--gris .template-formulaires p,
.template-formulaires .slide .rectangle--gris h2,
.slide .rectangle--gris .template-formulaires h2,
.template-formulaires .slide .rectangle--gris h3,
.slide .rectangle--gris .template-formulaires h3 {
  line-height: 1.8em;
}
.template-formulaires h2, .template-formulaires .slide .rectangle--gris div div, .slide .rectangle--gris div .template-formulaires div,
.template-formulaires .slide .rectangle--gris p,
.slide .rectangle--gris .template-formulaires p,
.template-formulaires .slide .rectangle--gris h2,
.slide .rectangle--gris .template-formulaires h2,
.template-formulaires .slide .rectangle--gris h3,
.slide .rectangle--gris .template-formulaires h3,
.template-formulaires h3 {
  color: #ffffff;
}

.page-shop .section__content {
  margin-top: 50px;
}
.page-shop .shop-categories {
  width: 100%;
  margin-bottom: 50px;
}
.page-shop .shop-categories ul ul {
  margin-left: 20px;
}
.page-shop .shop-categories li {
  margin-bottom: 10px;
}
.page-shop .shop-categories li.active a {
  color: #bc315a;
}
.page-shop .shop-articles {
  width: 100%;
}
.page-shop .shop-articles li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: dotted #0f8bf2 2px;
}
.page-shop .shop-articles figure {
  width: 100%;
  margin-bottom: 20px;
}
.page-shop .shop-articles figure img {
  max-width: 100%;
}
.page-shop .shop-articles h3 {
  margin-top: 0;
  text-align: left;
}
.page-shop .shop-articles .article__title {
  text-align: center;
}
.page-shop .shop-articles .article__description {
  text-align: center;
}
.page-shop .shop-articles .article__content {
  width: 100%;
  text-align: center;
}
.page-shop .shop-articles .article__price {
  text-align: center;
  margin-top: 20px;
}
.page-shop .shop-articles .article__buttons {
  text-align: center;
  margin-top: 20px;
}

.page-product_details .swiper-container {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}
.page-product_details .swiper-slide {
  background-size: cover;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.page-product_details .gallery-top {
  height: auto;
  width: 100%;
}
.page-product_details .gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}
.page-product_details .gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}
.page-product_details .gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.page-product_details .swiper-slide a {
  display: block;
  height: 100%;
  width: 100%;
}
.page-product_details .article__pictures {
  width: 100%;
  margin-bottom: 20px;
}
.page-product_details .article__content {
  width: 100%;
}
.page-product_details .article__pictures + .article__content {
  width: 100%;
}
.page-product_details h3 {
  margin-top: 0;
}
.page-product_details .article__description {
  text-align: center;
}
.page-product_details .article__price {
  text-align: center;
  margin-top: 20px;
}
.page-product_details .article__quantity {
  margin-bottom: 20px;
  text-align: center;
}
.page-product_details .article__submit {
  text-align: center;
}
.page-product_details .attached_articles {
  margin-top: 100px;
  display: flex;
  flex-wrap: wrap;
}
.page-product_details .attached_articles h3 {
  width: 100%;
}
.page-product_details .attached_articles .attached_article {
  width: 100%;
  margin-bottom: 20px;
}
.page-product_details .attached_articles .attached_article figure {
  margin-bottom: 10px;
}
.page-product_details .attached_articles .attached_article .attached_articles__title {
  text-align: center;
}
.page-product_details .attached_articles .attached_article .attached_articles__price {
  margin-top: 10px;
  text-align: center;
}
.page-product_details .attached_articles .attached_article .attached_articles__buttons {
  margin-top: 10px;
  text-align: center;
}
.page-product_details .attached_articles .attached_article .attached_articles__buttons .add_to_cart {
  display: inline-block;
  margin: 0;
  cusros: pointer;
}
.page-product_details .attached_articles .attached_article .attached_articles__buttons .remove_from_cart {
  display: none;
  margin: 0;
  cusros: pointer;
}
.page-product_details .attached_articles .attached_article.added {
  border: solid 3px green;
  position: relative;
}
.page-product_details .attached_articles .attached_article.added .add_to_cart {
  display: none;
}
.page-product_details .attached_articles .attached_article.added .remove_from_cart {
  display: inline-block;
}
.page-product_details .attached_articles .attached_article.added:after,
.page-product_details .attached_articles .attached_article.added svg {
  display: none;
  color: green;
  font-family: "Font Awesome 5 Solid";
  font-weight: 900;
  font-size: 2em;
  content: "\f00c";
  position: absolute;
  bottom: -2px;
  right: 2px;
}
.page-product_details .attached_articles .attached_article.added svg {
  display: block;
}
.page-product_details .article__buttons {
  text-align: right;
  margin-top: 20px;
}
.page-product_details .button1 {
  margin-left: 20px;
}

.page-tarifs .outer-container .miki_edit {
  padding: 0 10px;
}
.page-tarifs .outer-container .miki_edit h3 {
  margin-top: 50px;
}

.page-check-compte .buttons-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  padding: 50px 20px;
}
.page-check-compte .buttons-container a {
  margin: 0;
}
.page-check-compte .buttons-container a i {
  margin-right: 10px;
  vertical-align: sub;
}
.form__group {
  margin-bottom: 20px;
}
.form__group input:not([class*=mce]):not([type=submit]),
.form__group textarea,
.form__group select {
  padding: 10px;
  margin: 5px 0;
  font-size: 13px;
  border: none;
  font-family: "Merriweather Sans", sans-serif;
  box-sizing: border-box;
  border: solid 2px #0f5aa3;
}
.form__group input:not([class*=mce]):not([type=submit]):focus,
.form__group textarea:focus,
.form__group select:focus {
  outline: none;
}
.form__group input:not([class*=mce]):not([type=submit]),
.form__group textarea {
  width: 100%;
}
.form__group input:not([class*=mce]):not([type=submit])::-moz-placeholder, .form__group textarea::-moz-placeholder {
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  color: #5a5956;
}
.form__group input:not([class*=mce]):not([type=submit])::placeholder,
.form__group textarea::placeholder {
  font-size: 13px;
  line-height: 20px;
  font-weight: 300;
  color: #5a5956;
}

.checkbox {
  display: flex;
  width: 100%;
}

.form__info {
  font-size: 0.8em;
  margin: 5px 0 10px 0;
}

input[type=checkbox] {
  width: 20px;
  position: relative;
  margin: 0;
  margin-bottom: 10px;
}

input:not([type=submit]):-moz-read-only {
  background: #bfbfbf;
}

input:not([type=submit]):read-only {
  background: #bfbfbf;
}

.contact__container label {
  color: #999999;
}
.contact__container input {
  background-color: #febb11;
  border: 3px solid #c9ae82;
  padding: 8px 10px;
}
.contact__container input::-moz-placeholder {
  font-size: 14px;
  color: #999999;
  text-transform: none;
  font-weight: bold;
  font-weight: 200;
}
.contact__container input::placeholder {
  font-size: 14px;
  color: #999999;
  text-transform: none;
  font-weight: bold;
  font-weight: 200;
}
.contact__container .button1 {
  margin-top: 30px;
}

.form__login .form__group input {
  position: absolute;
  height: 4em; /* hauteur du parent */
  line-height: 4em; /* hauteur de ligne (identique) */
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.form__login .form__group--button {
  margin-top: 4em;
}
.form__login .form__group input:not([class*=mce]):not([type=submit]), .form__login .form__group textarea {
  width: 80%;
  margin-left: 20px;
  padding: 10px 25px;
  color: #0f8bf2;
  font-weight: 800;
  font-size: 14px;
}
.form__login .form__group input:not([class*=mce]):not([type=submit])::-moz-placeholder, .form__login .form__group textarea::-moz-placeholder {
  color: #0f8bf2;
  font-weight: 800;
  font-size: 14px;
}
.form__login .form__group input:not([class*=mce]):not([type=submit])::placeholder, .form__login .form__group textarea::placeholder {
  color: #0f8bf2;
  font-weight: 800;
  font-size: 14px;
}
.form__login .icon-arrondi {
  display: inline-block;
  width: 4em;
  height: 4em;
}
.form__login .icon-arrondi img {
  padding: 12px;
}
.form__login .button1 {
  margin-bottom: 15px;
}
.form__login p {
  padding-bottom: inherit !important;
}

.section--form {
  padding-top: 25px;
}
.section--form .container {
  margin-right: auto;
  margin-left: auto;
  width: 80%;
  padding-top: 20px;
  margin-bottom: 50px;
}
.section--form label {
  font-size: 14px;
}
.section--form p {
  font-size: 14px;
}

.form__group--button {
  text-align: center;
  margin: 50px 0;
}
.form__group--button .button6 {
  margin-top: 50px;
  margin-bottom: 10px;
}
.form__group--button p {
  padding-bottom: 50px;
}

.date-picker {
  width: 70%;
  height: auto;
  max-height: 35px;
  background: white;
  position: relative;
  overflow: hidden;
  transition: all 0.3s 0s ease-in-out;
}

.date-picker .input {
  width: 100%;
  height: 35px;
  font-size: 0;
  cursor: pointer;
}

.date-picker .input .result, .date-picker .input button {
  display: inline-block;
  vertical-align: top;
}

.date-picker .input .result {
  width: 55%;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  padding: 0 10px;
  color: #403d44;
  box-sizing: border-box;
}

.date-picker .input button {
  width: 45%;
  height: 35px;
  background-color: #0f8bf2;
  color: white;
  line-height: 35px;
  border: 0;
  font-size: 18px;
  padding: 0;
  cursor: pointer;
}
.date-picker .input button i span {
  font-family: "Merriweather Sans", sans-serif;
  font-size: 13px;
  padding: 0 8px;
}

.date-picker .input button:hover {
  background-color: #0f8bf2;
}

.date-picker .input button:focus {
  outline: 0;
}

.date-picker .calendar {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  overflow: hidden;
}

.date-picker .ui-datepicker-inline {
  position: relative;
  width: 100%;
}

.date-picker .ui-datepicker-header {
  height: 100%;
  line-height: 50px;
  background: #0f8bf2;
  color: #fff;
  margin-bottom: 10px;
}

.date-picker .ui-datepicker-prev, .date-picker .ui-datepicker-next {
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  border: 2px solid #fff;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-top: 12px;
}

.date-picker .ui-datepicker-prev {
  float: left;
  margin-left: 12px;
}

.date-picker .ui-datepicker-prev:after {
  transform: rotate(45deg);
  margin: -43px 0px 0px 8px;
}

.date-picker .ui-datepicker-next {
  float: right;
  margin-right: 12px;
}

.date-picker .ui-datepicker-next:after {
  transform: rotate(-135deg);
  margin: -43px 0px 0px 6px;
}

.date-picker .ui-datepicker-prev:after, .date-picker .ui-datepicker-next:after {
  content: "";
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.date-picker .ui-datepicker-prev:hover, .date-picker .ui-datepicker-next:hover, .date-picker .ui-datepicker-prev:hover:after, .date-picker .ui-datepicker-next:hover:after {
  border-color: #e6e6e6;
}

.date-picker .ui-datepicker-title {
  text-align: center;
}

.date-picker .ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}

.date-picker .ui-datepicker-calendar thead tr th span {
  display: block;
  width: 100%;
  color: #8392A7;
  margin-bottom: 5px;
  font-size: 13px;
}

.date-picker .ui-state-default {
  display: block;
  text-decoration: none;
  color: #b5b5b5;
  line-height: 40px;
  font-size: 12px;
}

.date-picker .ui-state-default:hover {
  background: rgba(0, 0, 0, 0.02);
}

.date-picker .ui-state-highlight {
  color: #0f8bf2;
}

.date-picker .ui-state-active {
  color: #0f8bf2;
  background-color: rgba(131, 146, 167, 0.12);
  font-weight: 600;
}

.date-picker .ui-datepicker-unselectable .ui-state-default {
  color: #eee;
  border: 2px solid transparent;
}

.date-picker.open {
  max-height: 400px;
}

.date-picker.open .input button {
  background: #0f8bf2;
}

.template-formulaires .form__group input:not([class*=mce]):not([type=submit]),
.template-formulaires .form__group textarea,
.template-formulaires .form__group select {
  border: none;
}
.template-formulaires .section--form {
  background-color: #0f5aa3;
}
.template-formulaires .section--form label {
  color: #ffffff;
}
.template-formulaires .form__info {
  color: #ffffff;
}

@media only screen and (min-width: 750px) {
  .section--form .container {
    width: 60%;
  }
  .form__group--50 {
    display: flex;
  }
  .form__group--50 .form__group {
    width: 100%;
  }
  .form__group--50 .form__group:nth-child(2) {
    margin-left: 20px;
  }
  .form__group--50 .form__group.small-group {
    width: 25%;
  }
  .date-picker {
    width: 60%;
  }
}
@media only screen and (min-width: 1100px) {
  .section--form .container {
    width: 45%;
  }
  .date-picker {
    width: 40%;
  }
}
.menu_navigation {
  display: none;
}

#nav-icon {
  width: 40px;
  height: 40px;
  position: relative;
  margin: 0 auto;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  cursor: pointer;
  margin-top: 25px;
  margin-right: 25px;
}
#nav-icon span:nth-child(1) {
  top: 0px;
  transform-origin: left center;
}
#nav-icon span:nth-child(2) {
  top: 14px;
  transform-origin: left center;
}
#nav-icon span:nth-child(3) {
  top: 28px;
  transform-origin: left center;
}
#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #0f5aa3;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}

#nav-icon.open span:nth-child(1) {
  transform: rotate(45deg);
  background: #0f5aa3;
}
#nav-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
  background: #0f5aa3;
}
#nav-icon.open span:nth-child(3) {
  transform: rotate(-45deg);
  top: 29px;
  left: 0px;
  background: #0f5aa3;
}

.main_menu {
  font-weight: 500;
  display: block;
  width: 100%;
  cursor: pointer;
  min-width: 1px;
  margin: 0;
  text-align: center;
  position: relative;
  top: auto;
  left: auto;
  padding-top: 10px;
}
.main_menu li {
  position: relative;
  list-style: none;
}
.main_menu li a {
  color: #0f5aa3;
  display: block;
  text-decoration: none;
  padding: 10px 20px;
}
.main_menu li a:focus {
  outline: none;
}
.main_menu li .children {
  display: none;
}
.main_menu .icon-arrondi {
  background-color: #0f5aa3;
  width: 40px;
  height: 40px;
}
.main_menu .icon-arrondi img {
  padding: 5px;
}
.main_menu .icon-arrondi:hover {
  background-color: #0f8bf2;
}

/* first level */
.main_menu ul {
  z-index: 10;
  width: 100%;
  padding: 0;
  justify-content: space-between;
}
.main_menu ul li {
  margin: 0 10px;
}
.main_menu ul li a {
  height: auto;
  display: block;
  transition: all 0.2s ease-in-out;
  text-align: center;
  color: #403d44;
  font-size: 20px;
  font-weight: bold;
  padding: 10px 7px;
  text-transform: uppercase;
}
.main_menu ul li a span,
.main_menu ul li a.hover span {
  border-bottom: none;
}
.main_menu ul li.active > a {
  color: #0f5aa3;
}
.main_menu ul li:hover a {
  color: #0f5aa3;
}
.main_menu ul li:hover a .feuille-menu {
  display: block;
}
.main_menu ul li:hover a .feuille-menu:before, .main_menu ul li:hover a .feuille-menu:after {
  display: block;
}
.main_menu:target > ul {
  display: block;
}
.main_menu > ul > li:not(.active).hover {
  border-bottom: transparent;
  background-color: transparent;
}

/* second level */
.main_menu li ul {
  display: none;
  opacity: 0;
  visibility: hidden;
  left: 0;
  right: auto;
  top: 100%;
  z-index: 20;
  width: 100%;
  padding: 10px 20px 25px;
  position: static;
  border: none;
  background: none;
  transition: opacity 0.2s ease-in;
}
.main_menu li ul li a span {
  font-weight: 500;
  white-space: nowrap;
}
.main_menu li ul ul.active {
  display: block;
}
.main_menu li ul li:first-child {
  margin-top: 0;
}
.main_menu li ul li {
  width: 100%;
  margin: 0;
}
.main_menu li ul a {
  font-size: 22px;
  border: none;
  width: 100%;
  display: block;
  text-align: left;
  color: #ffffff;
}
.main_menu li:nth-last-child(-n+2) ul {
  left: auto;
  right: 0;
}
.main_menu li.hover > ul {
  background: none;
  width: auto;
  display: block;
  opacity: 1;
  visibility: visible;
  margin-top: 0px;
}
.main_menu li.hover > ul li a {
  padding-bottom: 10px;
}

/* third level */
.main_menu ul ul {
  display: none;
}
.main_menu ul ul .sous-menu-2.active {
  display: block;
}
.main_menu ul ul li ul {
  left: 0;
  top: 0;
  border: none;
  visibility: visible;
  opacity: 1;
  width: 100%;
  display: none;
  padding: 0 0 0 20px;
  position: relative;
  box-shadow: 0 10px 10px -8px rgba(107, 107, 107, 0);
  -moz-box-shadow: 0 10px 10px -8px rgba(107, 107, 107, 0);
  -webkit-box-shadow: 0 10px 10px -8px rgba(107, 107, 107, 0);
  z-index: 11;
}
.main_menu ul ul li ul li a {
  padding: em(5) em(10) em(5) em(30);
  width: 100%;
  font-weight: 400;
}
.main_menu ul ul li.hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

.cart_icon .fa-stack {
  height: 1em;
  line-height: 1em;
}
.cart_icon .fa-stack[data-count]:after {
  position: absolute;
  right: 0%;
  top: -50%;
  content: attr(data-count);
  font-size: 40%;
  padding: 0.6em;
  border-radius: 999px;
  line-height: 0.75em;
  color: white;
  text-align: center;
  min-width: 1em;
  font-weight: bold;
  background: #DF0000;
  border-style: solid;
}
.cart_icon .fa-circle {
  color: #ffffff;
}
.cart_icon .red-cart {
  color: #403d44;
}
.cart_icon .red-cart:hover {
  color: #085180;
}

@media only screen and (min-width: 1100px) {
  header {
    background-color: #ffffff;
    border-bottom: 2px solid #febb11;
    height: 110px;
    padding: 30px 20px;
  }
  .main_menu {
    /* first level */
    padding-top: 0;
    /* second level */
    /* third level */
  }
  .main_menu ul {
    display: flex;
  }
  .main_menu ul li {
    height: 40px;
  }
  .main_menu ul li a {
    font-size: 15px;
  }
  .main_menu ul li .facebook {
    padding-top: 0;
  }
  .main_menu ul .children {
    display: none;
  }
  .main_menu ul li:hover a:not(.no-underline) span {
    border-bottom: 2px solid #0f5aa3;
    padding-bottom: 10px;
  }
  .main_menu ul li:hover a:hover {
    opacity: 0.8;
  }
  .main_menu ul ul {
    position: absolute;
    padding: 10px 20px;
    margin-top: 0;
    background: #0f5aa3;
    width: auto;
  }
  .main_menu ul ul li a {
    padding-bottom: 10px;
  }
  .main_menu li:hover > ul {
    display: block;
    opacity: 1;
    visibility: visible;
  }
  .main_menu li:hover li a {
    color: #ffffff;
  }
  .main_menu ul ul li ul {
    padding: 0 0 0 20px;
    box-shadow: 0 10px 10px -8px rgba(107, 107, 107, 0);
    -moz-box-shadow: 0 10px 10px -8px rgba(107, 107, 107, 0);
    -webkit-box-shadow: 0 10px 10px -8px rgba(107, 107, 107, 0);
  }
  .main_menu ul ul li ul li a {
    padding: 5px 15px;
  }
  .user_infos {
    width: 48px;
  }
}
@media only screen and (max-width: 1100px) {
  .sliding-menu-content {
    padding-left: 0;
    z-index: 7999;
    position: fixed;
    top: 0px;
    right: auto;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    transform: translateY(100%);
    transition: all 0.25s linear;
    background: #ffffff;
    z-index: 7999;
  }
  .sliding-menu-content ul {
    padding: 0;
    margin: 0;
    width: 50%;
    padding-top: 55px;
    margin-right: auto;
    margin-left: auto;
  }
  .sliding-menu-content li {
    list-style: none;
  }
  .sliding-menu-content a {
    text-decoration: none;
  }
  .sliding-menu-content .recherche-gris {
    display: none;
  }
  .sliding-menu-content li.opened {
    background-color: transparent;
    color: #0f5aa3 !important;
  }
  .sliding-menu-content li a {
    display: block;
    padding: 1em;
  }
  .sliding-menu-content.is-visible {
    transform: translateY(0);
  }
  .sliding-menu-fade-screen {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    z-index: 7998;
  }
  .sliding-menu-fade-screen.is-visible {
    opacity: 0.4;
    visibility: visible;
  }
  .sliding-menu-button {
    transform: translateX(0);
    transition: all 0.25s linear;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    text-align: right;
    outline: none;
    z-index: 7999;
    top: 0;
    right: 0;
    height: 60px;
    width: 100%;
    position: absolute;
  }
  .sliding-menu-button .button_menu {
    width: 40px;
    height: auto;
    margin-top: 10px;
    margin-right: 20px;
    top: 0;
    right: 0;
    z-index: 999;
  }
  .sliding-menu-button.is-visible {
    position: fixed;
  }
}
.button--center-container {
  margin-top: 20px;
  text-align: center;
}

.button, .button6, .button5, .button4, .button3, .button2, .button2-1, .button1 {
  display: inline-block;
  cursor: pointer;
  font-size: 18px;
  border: none;
  line-height: 1.2em;
  text-decoration: none !important;
  font-weight: normal !important;
  white-space: normal;
  transition: all 0.3s ease 0s;
}
.button:hover, .button6:hover, .button5:hover, .button4:hover, .button3:hover, .button2:hover, .button2-1:hover, .button1:hover {
  opacity: 1 !important;
}
.button .fa, .button6 .fa, .button5 .fa, .button4 .fa, .button3 .fa, .button2 .fa, .button2-1 .fa, .button1 .fa, .button .fas, .button6 .fas, .button5 .fas, .button4 .fas, .button3 .fas, .button2 .fas, .button2-1 .fas, .button1 .fas, .button .svg-inline--fa, .button6 .svg-inline--fa, .button5 .svg-inline--fa, .button4 .svg-inline--fa, .button3 .svg-inline--fa, .button2 .svg-inline--fa, .button2-1 .svg-inline--fa, .button1 .svg-inline--fa {
  font-size: 2em;
  margin-left: 10px;
  vertical-align: middle;
}

.button1 {
  font-family: "Merriweather Sans", sans-serif;
  font-weight: 600 !important;
  text-transform: uppercase;
  padding: 18px 60px;
  text-align: center;
  border-radius: 10px;
  font-size: 18px;
  background: #0f8bf2;
  color: #ffffff !important;
  box-shadow: 1px 5px 1px -1px rgba(0, 0, 0, 0.75);
  transition: all 0.3s ease 0s;
}
.button1:hover {
  background: #0f5aa3;
}

.button2, .button2-1 {
  background-color: #0f5aa3;
  color: #ffffff !important;
  border: 2px solid #ffffff;
  font-weight: normal !important;
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding: 10px;
  transition: all 0.35s ease 0s;
}
.button2:hover, .button2-1:hover {
  background-color: #ffffff;
  color: #0f5aa3 !important;
  border: 2px solid #0f5aa3;
}

.button2-1 {
  background-color: #ffffff;
  color: #0f5aa3 !important;
  border: 2px solid #0f5aa3;
}
.button2-1:hover {
  background-color: #0f5aa3;
  color: #ffffff !important;
  border: 2px solid #ffffff;
}

.button3 {
  font-weight: 800 !important;
  text-transform: uppercase;
  padding: 18px 60px;
  text-align: center;
  border-radius: 10px;
  font-size: 18px;
  background: #ffffff;
  color: #0f5aa3 !important;
  margin-top: 30px;
  box-shadow: 1px 5px 1px -1px rgba(0, 0, 0, 0.75);
  transition: all 0.3s ease 0s !important;
}
.button3:hover {
  background: #0f5aa3;
  color: #ffffff !important;
}

.button4 {
  color: #403d44 !important;
  border: 2px solid #403d44;
  font-weight: 800 !important;
  text-transform: uppercase;
  padding: 12px 18px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 60px;
  display: table;
  margin-right: auto;
  margin-left: auto;
  transition: all 0.3s ease 0s !important;
}
.button4:hover {
  background-color: #0f5aa3;
  color: #ffffff !important;
  font-weight: 600 !important;
}

.button5 {
  background-color: transparent;
  color: #cfcdcd !important;
  border: solid 2px #cfcdcd !important;
  font-weight: normal !important;
  padding: 18px 35px;
  border-radius: 10px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 60px;
  transition: all 0.3s ease 0s !important;
}
.button5:hover {
  background-color: rgba(207, 205, 205, 0.2);
}

.button6 {
  text-transform: uppercase;
  background-color: transparent;
  color: #ffffff !important;
  font-weight: normale !important;
  border: solid 2px #ffffff !important;
  padding: 18px 35px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 60px;
  transition: all 0.3s ease 0s;
}
.button6:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.button-rond {
  background-color: #403d44;
  border-radius: 50%;
  padding: 7px 13px;
  font-size: 25px;
  font-weight: 400 !important;
  text-decoration: none;
  color: #cfcdcd !important;
  transition: all 0.35s ease 0s;
}
.button-rond:hover {
  background-color: #0f5aa3;
  color: #403d44 !important;
}

/*
	Pour tous les snippets génériques
*/
/********************************************
 * Pour les styles "Global" (Smartphone)
 *******************************************/
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-wrapper iframe,
.video-wrapper object,
.video-wrapper object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-box {
  overflow: hidden;
  margin: 10px 0;
}
.video-box h3 {
  padding: 0;
  margin: 20px 0 10px 0;
  text-align: center;
}
.video-box p {
  text-align: center;
}

.container--document {
  padding: 10px;
  border-bottom: 1px solid #ffffff;
  text-align: left;
}
.container--document .document--image {
  overflow: hidden;
  text-align: center;
}
.container--document .document--image img {
  height: auto;
}
.container--document h4 {
  text-transform: uppercase;
  clear: both;
  margin-top: 18px;
  margin-bottom: 20px;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  font-size: 22px;
  line-height: 1em;
  letter-spacing: 1px;
}
.container--document .document--description {
  padding-bottom: 30px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  color: #0f5aa3;
  font-weight: 400;
}
.container--document:first-child {
  border-top: solid 1px #ffffff;
}

.image-right {
  text-align: center;
}

.image-left {
  text-align: center;
}

.liste-rond, .promo-top-content ul, .tooltip ul {
  list-style: circle outside;
  padding-left: 20px;
  margin: 0 auto 20px auto;
  text-align: left;
}
.liste-rond > li, .promo-top-content ul > li, .tooltip ul > li {
  line-height: 1.2em;
}

.liste-numero, .promo-top-content ol {
  list-style-type: none;
  margin: 0 auto 20px auto;
  text-align: left;
  counter-reset: li;
}
.liste-numero > li, .promo-top-content ol > li {
  padding: 5px;
  border-bottom: dotted 1px #cfcdcd;
  overflow: hidden;
}
.liste-numero > li:before, .promo-top-content ol > li:before {
  display: inline-block;
  content: counter(li);
  counter-increment: li;
  text-align: center;
  font-size: 18px;
  line-height: 1em;
  padding: 0 10px 0 5px;
  margin-right: 10px;
  vertical-align: middle;
  border-right: dotted 1px #cfcdcd;
}

.liste-fleche, .page-shop .shop-categories ul {
  list-style-type: none;
  text-align: left;
}
.liste-fleche > li, .page-shop .shop-categories ul > li {
  padding: 5px 5px 5px 38px !important;
  border-bottom: dotted 1px #cfcdcd;
  overflow: hidden;
  position: relative;
}
.liste-fleche > li .fa, .page-shop .shop-categories ul > li .fa, .liste-fleche > li .fas, .page-shop .shop-categories ul > li .fas, .liste-fleche > li .svg-inline--fa, .page-shop .shop-categories ul > li .svg-inline--fa {
  position: absolute;
  top: 0;
  left: 5px;
  height: 100%;
  font-weight: 900;
  text-align: center;
  font-size: 18px;
  line-height: 1em;
  padding: 0 10px 0 5px;
  margin-right: 10px;
  vertical-align: middle;
  border-right: dotted 1px #cfcdcd;
}
.liste-fleche > li:before, .page-shop .shop-categories ul > li:before {
  font-family: "Font Awesome 5 Solid";
  content: "\f105";
  display: none;
}

.liste-couleur > li {
  padding: 5px;
  overflow: hidden;
}
.liste-couleur > li:nth-child(odd) {
  background-color: #fafafa;
}
.liste-couleur > li:nth-child(even) {
  background-color: #ffffff;
}
.liste-couleur > li:hover {
  background-color: #ffffff;
  color: #cfcdcd;
}
.liste-couleur > li:hover a, .liste-couleur > li:hover a:hover {
  color: #cfcdcd;
  text-decoration: none;
  border: none;
}

.liste-couleur2 > li {
  padding: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.liste-couleur2 > li:nth-child(odd) {
  background-color: #0f5aa3;
  color: #ffffff;
}
.liste-couleur2 > li:nth-child(odd) h1, .liste-couleur2 > li:nth-child(odd) h2, .liste-couleur2 > li:nth-child(odd) .slide .rectangle--gris div div, .slide .rectangle--gris div .liste-couleur2 > li:nth-child(odd) div, .liste-couleur2 > li:nth-child(odd) h3, .liste-couleur2 > li:nth-child(odd) h4, .liste-couleur2 > li:nth-child(odd) a, .liste-couleur2 > li:nth-child(odd) p {
  color: #ffffff;
}
.liste-couleur2 > li:nth-child(odd):hover {
  background-color: #0d5090;
}
.liste-couleur2 > li:nth-child(even) {
  background-color: #d9d9d9;
}
.liste-couleur2 > li:nth-child(even):hover {
  background-color: #e6e6e6;
}
.liste-prix {
  overflow: hidden;
}
.liste-prix .tarifs-group__item {
  margin: 80px 0;
}
.liste-prix .tarifs-group__title {
  position: relative;
  background-color: #0f8bf2;
  padding: 10px 0;
}
.liste-prix .tarifs-group__title::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 50vw;
  top: 0;
  right: 100%;
  background-color: #0f8bf2;
  z-index: 1;
}
.liste-prix .tarifs-group__title h2, .liste-prix .tarifs-group__title .rectangle--gris h3, .rectangle--gris .liste-prix .tarifs-group__title h3, .liste-prix .tarifs-group__title .slide .rectangle--gris div div, .slide .rectangle--gris div .liste-prix .tarifs-group__title div,
.liste-prix .tarifs-group__title .slide .rectangle--gris p,
.slide .rectangle--gris .liste-prix .tarifs-group__title p,
.liste-prix .tarifs-group__title .slide .rectangle--gris h2,
.slide .rectangle--gris .liste-prix .tarifs-group__title h2 {
  max-width: 700px;
  margin: 0 auto;
  border: 0;
  font-weight: 900;
  color: white;
  padding-left: 25px;
  padding-right: 25px;
}
.liste-prix .tarifs-list__item {
  background-color: #F6F6F6;
  position: relative;
}
.liste-prix .tarifs-list__item:nth-child(even) {
  background-color: #e9e9e9;
}
.liste-prix .tarifs-list__innerwrap {
  max-width: 700px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: start;
  padding: 50px 0;
  background-color: #F6F6F6;
}
.liste-prix .tarifs-list__item:nth-child(even) .tarifs-list__innerwrap {
  background-color: #e9e9e9;
}
.liste-prix .tarifs-list__text {
  width: 80%;
  padding-left: 25px;
}
.liste-prix .tarifs-list__text h3 {
  margin-top: 0;
  text-align: left;
}
.liste-prix .tarifs-list__text .button2, .liste-prix .tarifs-list__text .button2-1 {
  font-size: 0.9rem;
  margin-top: 10px;
}
.liste-prix .tarifs-list__price {
  width: 20%;
  padding-right: 25px;
  text-align: right;
  font-weight: bold;
}
.liste-prix .tarifs-group__item:nth-child(even) .tarifs-group__title {
  background-color: #185ba2;
}
.liste-prix .tarifs-group__item:nth-child(even) .tarifs-group__title::after {
  background-color: #185ba2;
}

.link {
  margin-bottom: 40px;
}
.link:last-child {
  margin-bottom: 0;
}
.link h6 {
  margin-bottom: 10px;
  font-size: 1.2rem;
  font-weight: bold;
}
.link a {
  display: block;
  margin-top: 5px;
}

blockquote {
  text-align: center;
  font-size: 1.2em;
  line-height: 1.5em;
}
blockquote .citation__author {
  margin-top: 20px;
  font-size: 1em;
  line-height: 1em;
  text-align: center;
}
blockquote .citation__text {
  position: relative;
}
blockquote .citation__text .citation__text__quote_left {
  display: none;
  float: left;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  margin-right: 50px;
}
blockquote .citation__text .citation__text__quote_right {
  display: none;
  float: right;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  margin-left: 50px;
}
blockquote .citation__text .citation__text__content {
  margin: 20px 50px 0 50px;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.5em;
}
blockquote .citation__text:before {
  content: "“";
  font-size: 55px;
  font-weight: 400;
  margin-right: 20px;
  position: absolute;
  top: -10px;
  left: 0px;
}
blockquote .citation__text:after {
  content: "”";
  font-size: 55px;
  font-weight: 400;
  margin-left: 20px;
  position: absolute;
  bottom: -1em;
  right: 0px;
}

.bloc-bleu {
  background: #403d44;
  color: #cfcdcd;
  text-align: center;
  padding: 50px;
  margin: 50px 0;
}
.bloc-bleu h3 {
  font-weight: bold;
  margin: 0 0 40px 0;
}
.bloc-bleu p {
  color: #cfcdcd;
}
.bloc-bleu a {
  color: #cfcdcd;
  text-decoration: underline;
  border: none;
}
.bloc-bleu a:hover {
  color: #cfcdcd;
}

.container-cours {
  width: 100%;
  padding-bottom: 5em;
}
.container-cours figure {
  max-width: 100%;
  width: 380px;
  height: 250px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin: 0 auto;
}
.container-cours figure .mce-content-body {
  height: 100%;
}
.container-cours img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 110%;
  max-height: 110%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.container-cours h4,
.container-cours .texte-cote,
.container-cours .bloc-texte > p {
  text-align: center;
}
.container-cours .informations--formation {
  transition: all 0.35s ease 0s;
  max-width: 380px;
  background-color: #ffffff;
  border-radius: 15px;
  padding: 20px 15px;
  margin: 15px auto 0 auto;
  justify-content: space-around;
}
.container-cours .informations--formation span {
  display: block;
  text-transform: uppercase;
  color: #403d44;
  font-weight: 600;
  text-align: center;
  line-height: 18px;
  margin-bottom: 10px;
}
.container-cours .informations--formation a {
  transition: all 0.35s ease 0s;
  text-decoration: none;
  color: #cfcdcd;
  text-align: center;
  line-height: 18px;
}
.container-cours .informations--formation a:hover {
  color: #403d44;
}

.container-flex {
  align-items: stretch;
  clear: both;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  padding-top: 1em;
}
.container-flex::after {
  clear: both;
  content: "";
  display: block;
}

footer .container-flex {
  display: flex;
}

.details-permis {
  padding: 0 10px 20px 10px;
}
.details-permis .icon-arrondi {
  background-color: rgba(15, 139, 242, 0.8);
}
.details-permis .icon-arrondi img {
  padding: 10px;
}
.details-permis h3 {
  color: #ffffff;
  font-weight: 800;
}
.details-permis .button2, .details-permis .button2-1 {
  background-color: transparent;
}

.section--permis .outer-container {
  max-width: 900px;
}
.section--permis .permis-etape {
  border-bottom: 1px solid #e6e6e6;
  padding-top: 3em;
  margin: 0 10px;
}
.section--permis .permis-etape:last-child {
  border-bottom: none;
}
.section--permis .icon-arrondi {
  margin-left: 0;
  margin-right: 3em;
  text-align: center;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section--permis .icon-arrondi span {
  font-family: "Century Gothic", "sans-serif";
  color: #ffffff;
  font-weight: 800;
  font-size: 60px;
  line-height: 1.5em;
}
.section--permis h3 {
  font-size: 25px;
  margin: 0;
  text-align: left;
}
.section--permis h4 {
  font-size: 25px;
  margin: 34px 0;
  text-align: center;
}
.section--permis h2, .section--permis .rectangle--gris h3, .rectangle--gris .section--permis h3, .section--permis .slide .rectangle--gris div div, .slide .rectangle--gris div .section--permis div,
.section--permis .slide .rectangle--gris p,
.slide .rectangle--gris .section--permis p,
.section--permis .slide .rectangle--gris h2,
.slide .rectangle--gris .section--permis h2,
.section--permis .slide .rectangle--gris h3,
.slide .rectangle--gris .section--permis h3 {
  margin-top: 3.5em;
}
.section--permis p {
  padding: 5px 0;
}
.section--permis .permis-etape__info {
  display: none;
  text-align: center;
  clear: left;
  padding-top: 1px;
}
.section--permis .permis-etape__texte {
  margin: 0 0 3em 0;
}
.section--permis .permis-etape__num {
  height: auto;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  overflow: hidden;
}
.section--permis .Show {
  margin-left: 0;
}
.section--permis .button4 {
  margin-left: auto;
  margin-right: auto;
}

/****************************
 * Pour les styles "Tablet"
 ***************************/
@media only screen and (min-width: 750px) {
  .container-2-colonnes-auto { /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-gap: 100px; /* Firefox */
    column-gap: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
  .container-2-colonnes-auto p {
    font-size: 14px;
  }
  .container-3-colonnes-auto { /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-gap: 100px; /* Firefox */
    column-gap: 100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    padding: 5px 25px 15px 25px;
  }
  .container-3-colonnes-auto p {
    font-size: 14px;
  }
  .container-2-colonnes-fixe {
    display: flex;
    margin-bottom: 75px;
  }
  .container-2-colonnes-fixe .colonne-1 {
    width: calc(40% - 30px);
    margin-left: auto;
    margin-right: auto;
  }
  .container-2-colonnes-fixe .colonne-2 {
    width: calc(40% - 30px);
    margin-left: auto;
    margin-right: auto;
  }
  .container--document {
    width: 50%;
    border-right: solid 1px #ffffff;
    border-bottom: solid 1px #ffffff;
    position: relative;
  }
  .container--document:nth-child(2n+1) {
    border-left: solid 1px #ffffff;
  }
  .container--document:nth-child(2n) {
    border-top: solid 1px #ffffff;
  }
  .container--document h4 {
    padding-left: 8px;
  }
  .container--document .document--image img {
    width: 100%;
    max-width: 250px;
  }
  .image-right {
    float: right;
    margin-left: 40px;
    margin-bottom: 40px;
    margin-top: 40px;
    z-index: 20;
  }
  .image-left {
    float: left;
    margin-right: 40px;
    margin-bottom: 40px;
    margin-top: 40px;
    z-index: 20;
  }
  .container-cours {
    width: calc(41.6666666667% - 28.3333333333px);
    float: left;
    margin-left: 20px;
  }
  .container-cours .informations--formation {
    display: flex;
  }
  .container-cours .informations--formation span {
    text-align: left;
    margin-bottom: 0;
  }
  .container-cours .informations--formation a {
    text-align: right;
    width: 124px;
  }
  .container-flex {
    padding-top: 2em;
    display: flex;
  }
  .section--permis h4 {
    text-align: left;
  }
  .section--permis .permis-etape__num {
    width: 50%;
    overflow: visible;
  }
  .section--permis .permis-etape__info {
    clear: none;
    padding: 0;
  }
}
/****************************
 * Pour les styles "Desktop"
 ***************************/
@media only screen and (min-width: 1100px) {
  .container--document {
    width: 25%;
  }
  .container--document:nth-child(2n+1) {
    border-left: none;
  }
  .container--document:nth-child(2n) {
    border-top: none;
  }
  .container--document:nth-child(4n+1) {
    border-left: solid 1px #ffffff;
  }
  .container--document:nth-child(2), .container--document:nth-child(3), .container--document:nth-child(4) {
    border-top: solid 1px #ffffff;
  }
  .container-3-colonnes-auto {
    padding-bottom: 5em;
  }
  .section--permis .permis-etape {
    margin: 0;
  }
}
/**
 * Pour les notifications
 */
@keyframes fade-in {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes slide-show {
  to {
    transform: translateY(0);
  }
}
.notification-top-left {
  position: fixed;
  z-index: 1000;
  display: block;
  align-items: center;
  padding: 20px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  max-width: 350px;
  margin: 20px;
  top: 0;
  left: 0;
  transform: translateX(- 420px);
}
@keyframes slide-in-left {
  to {
    transform: translateX(0);
  }
}
.notification-top-left.do-show {
  animation: slide-in-left 1s ease-in-out forwards, slide-in-left 1s ease-in-out reverse forwards 10s;
}
.notification-top-left[data-notification-status=notice] {
  background-color: #29B6F6;
}
.notification-top-left[data-notification-status=warning] {
  background-color: #FFCA28;
}
.notification-top-left[data-notification-status=error] {
  background-color: #EF5350;
}
.notification-top-left[data-notification-status=success] {
  background-color: #66BB6A;
}
.notification-top-left[data-notification-status=question] {
  background-color: #8D6E63;
}
.notification-top-left[data-notification-status=plain] {
  background-color: #333;
}
.notification-top-left[data-notification-status=promo] {
  background-color: #ff0000;
}

.notification-top-right {
  position: fixed;
  z-index: 1000;
  display: block;
  align-items: center;
  padding: 20px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  max-width: 350px;
  margin: 20px;
  top: 0;
  right: 0;
  transform: translateX(420px);
}
@keyframes slide-in-right {
  to {
    transform: translateX(0);
  }
}
.notification-top-right.do-show {
  animation: slide-in-right 1s ease-in-out forwards, slide-in-right 1s ease-in-out reverse forwards 10s;
}
.notification-top-right[data-notification-status=notice] {
  background-color: #29B6F6;
}
.notification-top-right[data-notification-status=warning] {
  background-color: #FFCA28;
}
.notification-top-right[data-notification-status=error] {
  background-color: #EF5350;
}
.notification-top-right[data-notification-status=success] {
  background-color: #66BB6A;
}
.notification-top-right[data-notification-status=question] {
  background-color: #8D6E63;
}
.notification-top-right[data-notification-status=plain] {
  background-color: #333;
}
.notification-top-right[data-notification-status=promo] {
  background-color: #ff0000;
}

.notification-bottom-right {
  position: fixed;
  z-index: 1000;
  display: block;
  align-items: center;
  padding: 20px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  max-width: 350px;
  margin: 20px;
  bottom: 0;
  right: 0;
  transform: translateX(420px);
}
@keyframes slide-in-right {
  to {
    transform: translateX(0);
  }
}
.notification-bottom-right.do-show {
  animation: slide-in-right 1s ease-in-out forwards, slide-in-right 1s ease-in-out reverse forwards 10s;
}
.notification-bottom-right[data-notification-status=notice] {
  background-color: #29B6F6;
}
.notification-bottom-right[data-notification-status=warning] {
  background-color: #FFCA28;
}
.notification-bottom-right[data-notification-status=error] {
  background-color: #EF5350;
}
.notification-bottom-right[data-notification-status=success] {
  background-color: #66BB6A;
}
.notification-bottom-right[data-notification-status=question] {
  background-color: #8D6E63;
}
.notification-bottom-right[data-notification-status=plain] {
  background-color: #333;
}
.notification-bottom-right[data-notification-status=promo] {
  background-color: #ff0000;
}

.notification-bottom-left {
  position: fixed;
  z-index: 1000;
  display: block;
  align-items: center;
  padding: 20px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  visibility: hidden;
  opacity: 0;
  max-width: 350px;
  margin: 20px;
  bottom: 0;
  left: 0;
}
.notification-bottom-left.do-show {
  animation: fade-in 1s ease-in-out forwards, fade-in 1s ease-in-out reverse forwards 10s;
}
.notification-bottom-left[data-notification-status=notice] {
  background-color: #29B6F6;
}
.notification-bottom-left[data-notification-status=warning] {
  background-color: #FFCA28;
}
.notification-bottom-left[data-notification-status=error] {
  background-color: #EF5350;
}
.notification-bottom-left[data-notification-status=success] {
  background-color: #66BB6A;
}
.notification-bottom-left[data-notification-status=question] {
  background-color: #8D6E63;
}
.notification-bottom-left[data-notification-status=plain] {
  background-color: #333;
}
.notification-bottom-left[data-notification-status=promo] {
  background-color: #ff0000;
}

.notification-top {
  position: fixed;
  z-index: 1000;
  display: block;
  align-items: center;
  padding: 20px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.notification-top.do-show {
  animation: slide-show 1s forwards, slide-show 1s reverse forwards 10s;
}
.notification-top[data-notification-status=notice] {
  background-color: #29B6F6;
}
.notification-top[data-notification-status=warning] {
  background-color: #FFCA28;
}
.notification-top[data-notification-status=error] {
  background-color: #EF5350;
}
.notification-top[data-notification-status=success] {
  background-color: #66BB6A;
}
.notification-top[data-notification-status=question] {
  background-color: #8D6E63;
}
.notification-top[data-notification-status=plain] {
  background-color: #333;
}
.notification-top[data-notification-status=promo] {
  background-color: #ff0000;
}

.notification-bottom {
  position: fixed;
  z-index: 1000;
  display: block;
  align-items: center;
  padding: 20px;
  color: #fff;
  line-height: 1.3;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.35);
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
}
.notification-bottom.do-show {
  animation: slide-show 1s forwards, slide-show 1s reverse forwards 10s;
}
.notification-bottom[data-notification-status=notice] {
  background-color: #29B6F6;
}
.notification-bottom[data-notification-status=warning] {
  background-color: #FFCA28;
}
.notification-bottom[data-notification-status=error] {
  background-color: #EF5350;
}
.notification-bottom[data-notification-status=success] {
  background-color: #66BB6A;
}
.notification-bottom[data-notification-status=question] {
  background-color: #8D6E63;
}
.notification-bottom[data-notification-status=plain] {
  background-color: #333;
}
.notification-bottom[data-notification-status=promo] {
  background-color: #ff0000;
}

/**
 * Fin des notifications
 */
/**
 * Le CSS pour les effets d'affichage Miki
 */
.mikiEffect-slideFromLeft {
  position: relative;
  left: -300px;
  opacity: 0;
}

.mikiEffect-slideFromRight {
  position: relative;
  right: -300px;
  opacity: 0;
}

.mikiEffect-slideFromBottom {
  position: relative;
  bottom: -300px;
  opacity: 0;
}

.mikiEffect-fade {
  opacity: 0;
}

figure.hover_effect1 {
  color: #fff;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  color: #000000;
  text-align: center;
}
figure.hover_effect1 * {
  box-sizing: border-box;
  transition: all 0.6s ease;
}
figure.hover_effect1 img {
  opacity: 1;
  width: 100%;
  transition: opacity 0.35s;
}
figure.hover_effect1:after {
  background: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  opacity: 0.75;
  transform: skew(-45deg) scaleX(0);
  transition: all 0.3s ease-in-out;
}
figure.hover_effect1 figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  z-index: 1;
}
figure.hover_effect1 h5, figure.hover_effect1 p {
  margin: 0;
  width: 100%;
  opacity: 0;
}
figure.hover_effect1 h5 {
  padding: 0 30px;
  display: inline-block;
  font-weight: 400;
  text-transform: uppercase;
}
figure.hover_effect1 p {
  padding: 0 50px;
  font-size: 0.8em;
  font-weight: 500;
}
figure.hover_effect1 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.hover_effect1:hover:after, figure.hover_effect1.hover:after {
  transform: skew(-45deg) scaleX(1);
  transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
figure.hover_effect1:hover figcaption h5, figure.hover_effect1.hover figcaption h5, figure.hover_effect1:hover figcaption p, figure.hover_effect1.hover figcaption p {
  transform: translate3d(0%, 0%, 0);
  transition-delay: 0.2s;
}
figure.hover_effect1:hover figcaption h5, figure.hover_effect1.hover figcaption h5 {
  opacity: 1;
}
figure.hover_effect1:hover figcaption p, figure.hover_effect1.hover figcaption p {
  opacity: 0.7;
}

figure.hover_effect2 {
  font-family: "Raleway", Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 230px;
  max-width: 315px;
  width: 100%;
  color: #000000;
  text-align: center;
  perspective: 50em;
}
figure.hover_effect2 * {
  box-sizing: padding-box;
  transition: all 0.2s ease-out;
}
figure.hover_effect2 img {
  max-width: 100%;
  vertical-align: top;
}
figure.hover_effect2 figcaption {
  top: 50%;
  left: 20px;
  right: 20px;
  position: absolute;
  opacity: 0;
  z-index: 1;
}
figure.hover_effect2 h5, figure.hover_effect2 p {
  margin: 0;
}
figure.hover_effect2 h5 {
  font-weight: 600;
}
figure.hover_effect2 p {
  font-weight: 400;
  text-transform: uppercase;
}
figure.hover_effect2 i {
  font-size: 32px;
}
figure.hover_effect2:after {
  background-color: #ffffff;
  position: absolute;
  content: "";
  display: block;
  top: 20px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  transition: all 0.4s ease-in-out;
  transform: rotateX(-90deg);
  transform-origin: 50% 50%;
  opacity: 0;
}
figure.hover_effect2 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}
figure.hover_effect2:hover figcaption, figure.hover_effect2.hover figcaption {
  transform: translateY(-50%);
  opacity: 1;
  transition-delay: 0.2s;
}
figure.hover_effect2:hover:after, figure.hover_effect2.hover:after {
  transform: rotateX(0);
  opacity: 0.9;
}

/* Shine */
figure.hover_effect3 {
  position: relative;
  overflow: hidden;
}
figure.hover_effect3::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
}
figure.hover_effect3:hover::before {
  animation: shine 0.75s;
}
@keyframes shine {
  100% {
    left: 125%;
  }
}

/* Zoom In #1 */
figure.hover_effect4 {
  overflow: hidden;
}
figure.hover_effect4 img {
  transform: scale(1);
  transition: 0.3s ease-in-out;
}
figure.hover_effect4:hover img {
  transform: scale(1.3);
}

/* Zoom Out #1 */
figure.hover_effect5 {
  overflow: hidden;
}
figure.hover_effect5 img {
  transform: scale(1.5);
  transition: 0.3s ease-in-out;
}
figure.hover_effect5:hover img {
  transform: scale(1);
}

@media only screen and (min-width: 750px) {
  .only-desktop {
    display: none !important;
  }
  .only-tablet {
    display: block !important;
  }
  .only-smartphone {
    display: none !important;
  }
  .no-desktop {
    display: block !important;
  }
  .no-tablet {
    display: none !important;
  }
  .no-smartphone {
    display: block !important;
  }
  .from-tablet {
    display: block !important;
  }
  .slide {
    display: block;
  }
  .slide .image-trapeze--slide {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 350px;
  }
  .slide .swiper-container {
    position: absolute;
    z-index: 999;
  }
  .slide .element--absolute {
    width: 100%;
  }
  .slide .incline {
    position: absolute;
    z-index: 999;
    padding: 15px 40px 15px 80px;
    display: flex;
    left: -2px;
    width: auto;
    white-space: nowrap;
  }
  .slide .incline figure {
    margin: 0 10px;
  }
  .slide .incline figure img {
    width: 70px;
  }
  .slide .incline figure h3 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.8px;
    margin: 0;
  }
  .slide .incline-1 {
    top: 1.5em;
  }
  .slide .incline-2 {
    top: 9.5em;
  }
  .slide .incline-3 {
    top: auto;
    bottom: 9em;
  }
  .incline {
    width: auto;
  }
  .swiper-container {
    width: 100%;
    height: 350px;
    max-width: 1300px;
  }
  .swiper-container-2 {
    width: 100%;
    height: auto;
    max-width: 1300px;
  }
  .learning {
    display: none;
  }
  .section--incline .swiper-pagination {
    bottom: 148px;
  }
  .section--incline .swiper-button-next,
  .section--incline .swiper-container-rtl .swiper-button-prev {
    right: 12% !important;
  }
  .section--incline .swiper-button-prev,
  .section--incline .swiper-container-rtl .swiper-button-next {
    left: 12% !important;
  }
  .section--incline .swiper-button-next,
  .section--incline .swiper-button-prev {
    top: 40%;
  }
  .incline--top {
    display: block;
  }
  .incline--top .image-trapeze--slide {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0% 100%);
    position: relative;
    max-width: 100%;
    overflow: hidden;
    max-height: 450px;
    height: auto;
  }
  .incline--top .image-trapeze--slide img {
    height: auto;
    max-width: 100%;
  }
  .nice-select {
    padding-left: 38px;
    padding-right: 58px;
  }
  .element--absolute {
    width: 100%;
  }
  .rectangle--gris {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
  }
  .rectangle--gris.news {
    padding-top: 40px;
  }
  .rectangle--gris.news h3 {
    font-size: 24px;
  }
  .rectangle--gris.news .news__text {
    max-height: 11em;
    font-size: 18px;
  }
  .rectangle--gris.news .news__text.with-button {
    max-height: 6em;
  }
  .rectangle--gris.news .news__text p {
    font-size: 18px;
  }
  .rectangle--gris.news .button1 {
    font-size: 18px;
    padding: 18px 60px;
  }
  .section--incline .incline {
    padding-left: 100px;
  }
  .section--icon .box-container {
    border-bottom: none;
  }
  .box-container {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .box-container:last-child {
    margin-right: auto;
  }
  .box-container-3 {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .box-container-3:last-child {
    margin-right: auto;
  }
  .box-container-2 {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .box-container-2:last-child {
    margin-right: auto;
  }
  .section__content {
    margin: 0;
  }
  .container-espace {
    padding-left: 100px;
    padding-right: 100px;
  }
  .image-trapeze--droit {
    -webkit-clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
    clip-path: polygon(0 0, 100% 10%, 100% 90%, 0% 100%);
    height: 540px;
  }
  .image-trapeze--droit img {
    max-width: 100%;
    height: auto;
  }
  .footer, .footer--bleu, .footer--blanc {
    grid-template-columns: 1fr 1fr;
    margin-top: 490px;
    text-align: left;
  }
  .footer h3, .footer--bleu h3, .footer--blanc h3 {
    text-align: left;
  }
  .footer .titre-souligne--blanc, .footer--bleu .titre-souligne--blanc, .footer--blanc .titre-souligne--blanc {
    margin-left: 0;
  }
  .box--footer {
    border-bottom: none;
  }
  .box--footer .icon-arrondi {
    display: block;
  }
  .footer--bleu .box-container h3 {
    border-bottom: none;
  }
  .footer--bleu .icon-arrondi {
    background-color: #ffffff;
    width: 110px;
    height: 110px;
  }
  .footer--bleu .box--footer .icon-arrondi {
    background-color: #0f8bf2;
    width: 50px;
    height: 50px;
  }
  .footer--bleu .box--footer .icon-arrondi img {
    padding: 12px;
  }
  .footer--bleu .box--footer h4 {
    font-size: 17px;
    line-height: 20px;
    padding: 15px 0;
  }
  .footer--blanc .box-container h3 {
    border-bottom: none;
  }
  .footer--blanc .icon-arrondi {
    background-color: #0f5aa3;
    width: 110px;
    height: 110px;
  }
  .footer--blanc .box--footer {
    border-bottom: none;
  }
  .footer--blanc .box--footer .icon-arrondi {
    background-color: #0f8bf2;
    width: 50px;
    height: 50px;
  }
  .footer--blanc .box--footer .icon-arrondi img {
    padding: 12px;
  }
  .footer--blanc .box--footer h4 {
    font-size: 17px;
    line-height: 20px;
    padding: 15px 0;
  }
  .icon-mobile {
    display: none;
  }
  .icon-tablet {
    display: block;
  }
  .section--cours .cours--num {
    width: 50%;
  }
  .article_promo {
    width: 400px;
  }
  .goToTop {
    right: calc((100vw - 1300px) / 2 + 30px);
    bottom: 50px;
  }
  .template-footer-bleu-avec-section-bas .slide .incline,
  .template-footer-bleu-sans-section-bas .slide .incline,
  .template-footer-blanc-avec-section-bas .slide .incline,
  .template-footer-blanc-sans-section-bas .slide .incline {
    left: -1px;
  }
  .template-footer-bleu-sans-section-bas .footer-container,
  .template-footer-blanc-sans-section-bas .footer-container {
    position: relative;
  }
  .template-footer-bleu-sans-section-bas .footer-container footer,
  .template-footer-blanc-sans-section-bas .footer-container footer {
    -webkit-clip-path: polygon(0 0, 100% 8%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 8%, 100% 100%, 0 100%);
  }
  .template-footer-bleu-sans-section-bas .footer-container .footer, .template-footer-bleu-sans-section-bas .footer-container .footer--bleu, .template-footer-bleu-sans-section-bas .footer-container .footer--blanc,
  .template-footer-blanc-sans-section-bas .footer-container .footer,
  .template-footer-blanc-sans-section-bas .footer-container .footer--bleu,
  .template-footer-blanc-sans-section-bas .footer-container .footer--blanc {
    margin-top: 50px;
  }
  .template-footer-bleu-sans-section-bas .footer-container .slide-shadow,
  .template-footer-blanc-sans-section-bas .footer-container .slide-shadow {
    position: absolute;
    z-index: -1;
    content: "";
    background: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0));
    width: 100%;
    height: 350px;
    left: 0px;
    top: -15px;
    -webkit-clip-path: polygon(0 0, 100% 19%, 100% 100%, 0% 100%);
    -o-clip-path: polygon(0 0, 100% 19%, 100% 100%, 0% 100%);
    -ms-clip-path: polygon(0 0, 100% 19%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 19%, 100% 100%, 0% 100%);
  }
  .page-accueil .section--icon .box-container {
    border-bottom: none;
  }
  .page-cours-voiture .miki-event__left,
  .page-cours-velo .miki-event__left,
  .page-cours-moto .miki-event__left,
  .page-cours-moto-filtres .miki-event__left,
  .page-cours-moto-filtres-2021 .miki-event__left,
  .page-cours-suivants .miki-event__left,
  .page-events-inscription-edit .miki-event__left,
  .page-mes-cours .miki-event__left {
    width: calc(66.6666666667% - 33.3333333333px);
    float: left;
    margin-left: 20px;
  }
  .page-cours-voiture .miki-event__right,
  .page-cours-velo .miki-event__right,
  .page-cours-moto .miki-event__right,
  .page-cours-moto-filtres .miki-event__right,
  .page-cours-moto-filtres-2021 .miki-event__right,
  .page-cours-suivants .miki-event__right,
  .page-events-inscription-edit .miki-event__right,
  .page-mes-cours .miki-event__right {
    width: calc(33.3333333333% - 26.6666666667px);
    float: left;
    margin-left: 20px;
    text-align: right;
  }
  .page-cours-voiture .miki-event__places,
  .page-cours-velo .miki-event__places,
  .page-cours-moto .miki-event__places,
  .page-cours-moto-filtres .miki-event__places,
  .page-cours-moto-filtres-2021 .miki-event__places,
  .page-cours-suivants .miki-event__places,
  .page-events-inscription-edit .miki-event__places,
  .page-mes-cours .miki-event__places {
    margin-top: 0;
  }
  .page-cours-voiture .miki-event__dates span,
  .page-cours-velo .miki-event__dates span,
  .page-cours-moto .miki-event__dates span,
  .page-cours-moto-filtres .miki-event__dates span,
  .page-cours-moto-filtres-2021 .miki-event__dates span,
  .page-cours-suivants .miki-event__dates span,
  .page-events-inscription-edit .miki-event__dates span,
  .page-mes-cours .miki-event__dates span {
    margin-right: 20px;
  }
  .page-cours-voiture .miki-event__dates span:first-child,
  .page-cours-velo .miki-event__dates span:first-child,
  .page-cours-moto .miki-event__dates span:first-child,
  .page-cours-moto-filtres .miki-event__dates span:first-child,
  .page-cours-moto-filtres-2021 .miki-event__dates span:first-child,
  .page-cours-suivants .miki-event__dates span:first-child,
  .page-events-inscription-edit .miki-event__dates span:first-child,
  .page-mes-cours .miki-event__dates span:first-child {
    width: 70px;
  }
  .page-event_details .event__description-container .event__description {
    margin-left: 120px;
  }
  .page-event_details .event__dates__date {
    margin-left: 120px;
  }
  .page-event_details .event__place-container .event__place {
    margin-left: 120px;
  }
  .page-event_details .inscription--small {
    margin-left: 120px;
  }
  .page-event_details .share {
    float: right;
    margin: 0;
  }
  .page-event-inscription h2, .page-event-inscription .rectangle--gris h3, .rectangle--gris .page-event-inscription h3, .page-event-inscription .slide .rectangle--gris div div, .slide .rectangle--gris div .page-event-inscription div,
  .page-event-inscription .slide .rectangle--gris p,
  .slide .rectangle--gris .page-event-inscription p,
  .page-event-inscription .slide .rectangle--gris h2,
  .slide .rectangle--gris .page-event-inscription h2,
  .page-event-inscription .slide .rectangle--gris h3,
  .slide .rectangle--gris .page-event-inscription h3 {
    width: 45%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    line-height: 2.5em;
  }
  .page-event-inscription .event__date label {
    float: left;
    margin-bottom: 0;
    display: inline;
  }
  .page-event-inscription .event__date .event__dates__date {
    margin-left: 100px;
  }
  .page-event-inscription .event__price label {
    float: left;
    margin-bottom: 0;
    display: inline;
  }
  .page-event-inscription .event__price .event__price--alone {
    margin-left: 100px;
    margin-bottom: 10px;
  }
  .page-event-inscription .event__price .event__price_discounts {
    margin-left: 100px;
    margin-bottom: 50px;
  }
  .page-event-inscription .price_text {
    margin-left: 130px;
  }
  .page-event-inscription .several_events .event__price .event__price--alone {
    margin-left: 350px;
  }
  .page-event-inscription .several_events .event__price .event__price_discounts {
    margin-left: 0;
  }
  .page-contact .schools-list,
  .page-contact2 .schools-list,
  .page-form .schools-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .page-panier table.panier tr td:nth-child(3),
  .page-panier table.panier tr th:nth-child(3) {
    display: table-cell;
  }
  .page-panier table.panier .total_value {
    width: 150px;
  }
  .page-panier .addresses {
    display: flex;
    justify-content: space-evenly;
  }
  .page-panier .shipping_address {
    margin-right: 40px;
  }
  .page-panier .code_promo {
    width: 100%;
    margin: 20px auto 0 auto;
    text-align: right;
  }
  .page-panier .transporter {
    text-align: center;
  }
  .page-panier .payment-choices,
  .page-panier .payment,
  .page-panier .payment_waiting {
    width: 80%;
    margin: 50px auto 0 auto;
    text-align: center;
  }
  .page-panier .payment-choices label,
  .page-panier .payment label,
  .page-panier .payment_waiting label {
    display: inline-block;
    cursor: pointer;
  }
  .page-panier .payment-choices input,
  .page-panier .payment input,
  .page-panier .payment_waiting input {
    cursor: pointer;
  }
  .page-panier .addresses {
    margin-top: 50px;
    line-height: 1.3em;
  }
  .page-team .school_choice {
    display: flex;
    justify-content: center;
    margin-bottom: 50px;
  }
  .page-team .school_choice a {
    display: inline-block;
    width: auto;
  }
}
@media only screen and (min-width: 1100px) {
  .only-desktop {
    display: block !important;
  }
  .only-smartphone {
    display: none !important;
  }
  .only-tablet {
    display: none !important;
  }
  .no-desktop {
    display: none !important;
  }
  .no-tablet {
    display: block !important;
  }
  .no-smartphone {
    display: block !important;
  }
  .from-desktop {
    display: block !important;
  }
  header .logo {
    float: left;
    border-bottom: none;
    padding: 0;
  }
  header .logo img {
    width: 230px;
  }
  header .link_to_menu {
    float: right;
    overflow: visible;
  }
  header .social_media {
    justify-content: flex-end;
    margin-right: 20px;
    margin-top: 0;
  }
  header .social_media a {
    margin-right: 10px;
  }
  header .social_media img {
    width: 30px;
  }
  .image-trapeze--droit {
    max-width: 1300px;
  }
  .icon-arrondi {
    width: 110px;
    height: 110px;
  }
  .container-espace {
    padding-left: 200px;
    padding-right: 200px;
  }
  .slide p, .incline--top p {
    font-size: 17px;
  }
  .slide .incline-2, .incline--top .incline-2 {
    top: 8em;
  }
  .slide .incline-3, .incline--top .incline-3 {
    bottom: 5em;
  }
  .box-container-3 {
    width: calc(25% - 25px);
    float: left;
    margin-left: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .box-container-3:last-child {
    margin-right: auto;
  }
  .box-container-2 {
    width: calc(16.6666666667% - 23.3333333333px);
    float: left;
    margin-left: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .box-container-2:last-child {
    margin-right: auto;
  }
  .section--incline .swiper-pagination {
    bottom: 175px;
  }
  .section--incline .swiper-button-next, .section--incline .swiper-container-rtl .swiper-button-prev {
    right: 14% !important;
  }
  .section--incline .swiper-button-prev, .section--incline .swiper-container-rtl .swiper-button-next {
    left: 14% !important;
  }
  .rectangle--gris.news .news__text {
    max-height: none;
  }
  .learning {
    display: block;
    position: absolute;
    z-index: 2;
    top: 190px;
    right: 60px;
  }
  .footer, .footer--bleu, .footer--blanc {
    grid-template-columns: 0.9fr 0.9fr 0.9fr 1.3fr;
  }
  .page-shop .section__content {
    margin-top: 50px;
  }
  .page-shop .shop-container {
    display: flex;
  }
  .page-shop .shop-categories {
    width: 400px;
    margin-right: 50px;
    margin-bottom: 0;
  }
  .page-shop .shop-articles {
    width: 100%;
  }
  .page-shop .shop-articles li {
    display: flex;
  }
  .page-shop .shop-articles figure {
    width: calc(33% - 20px);
    margin-right: 20px;
    margin-bottom: 0;
  }
  .page-shop .shop-articles figure + .article__content {
    width: 66%;
  }
  .page-shop .shop-articles .article__content {
    text-align: left;
  }
  .page-shop .shop-articles .article__title {
    text-align: left;
  }
  .page-shop .shop-articles .article__description {
    text-align: left;
  }
  .page-shop .shop-articles .article__price {
    text-align: right;
  }
  .page-shop .shop-articles .article__buttons {
    text-align: right;
  }
  .page-product_details .article {
    display: flex;
  }
  .page-product_details .article__title {
    text-align: left;
  }
  .page-product_details .article__description {
    text-align: left;
  }
  .page-product_details .article__pictures {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 0;
    height: 400px;
  }
  .page-product_details .article__pictures + .article__content {
    width: calc(50% - 10px);
  }
  .page-product_details .article__price {
    text-align: right;
  }
  .page-product_details .article__quantity {
    display: inline-block;
    margin-bottom: 0;
    text-align: right;
  }
  .page-product_details .article__submit {
    display: inline-block;
    text-align: right;
  }
  .page-product_details .attached_articles {
    margin-top: 100px;
    display: flex;
  }
  .page-product_details .attached_articles .attached_article {
    width: 200px;
    padding: 23px;
    border-right: dotted 1px;
  }
  .page-product_details .attached_articles .attached_article.added {
    padding: 20px;
  }
  .page-contact .schools-list,
  .page-contact2 .schools-list,
  .page-form .schools-list {
    grid-template-columns: repeat(3, 1fr);
  }
}