@charset "UTF-8";
/*--------------------SCSS/ABSTRACT/_COLORS.SCSS------------------------------*/
/*0 Noir*/
/*Noir*/
/*1 blanc*/
/*gris très clair*/
/*-------------------*/
/*2 vert 1 logo clair*/
/*2 vert 2 logo clair*/
/*2 marron foncé*/
/*2 vert 3 logo foncé*/
/*2 violet foncé*/
/*2 violet clair*/
/*2 vert medium*/
/*--------------------SCSS/ABSTRACT/_MIXINS.SCSS------------------------------*/
/*--------------------SCSS/BASE/_NORMALIZE.SCSS------------------------------*/
div, span {
  /* Document
   ========================================================================== */
  /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

html {
  line-height: 1.3;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
  padding: 0;
  min-height: 100vh; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6 {
  width: auto; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

ul, ol {
  padding: 0.75em 0 0.75em 0;
  margin: 0 0 0 35px; }

ul.nav, ul.menu {
  margin: 0;
  padding: 0;
  list-style: none; }

ul.nav li a, ul.menu li a {
  text-decoration: none; }

canvas, img, svg, video {
  max-width: 100%;
  height: auto;
  box-sizing: border-box; }

table img {
  max-width: none; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b, strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code, kbd, samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button, input, optgroup, select, textarea {
  /*font-family: inherit; /* 1 */
  /* font-size: 100%; /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button, input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button, select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/*::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}*/
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

div.modal-content {
  height: auto !important; }

div.modal-header {
  color: black; }

#editor div.editor-xtd-buttons {
  display: none !important; }

/*--------------------SCSS/BASE/_OFFLINE.SCSS------------------------------*/
.outer {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
  overflow: hidden; }

.offline-card {
  width: 100%;
  max-width: 30em;
  margin: 60px auto;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden; }

.header {
  position: relative;
  padding: 1em 2em 2em 2em;
  margin: 0;
  color: white;
  text-align: center;
  background-color: #5e98b8;
  border-radius: 5px 5px 0 0; }

.login {
  padding: 40px 20px 20px; }

.form-control {
  max-width: none; }

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

.logo-icon {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  padding: 12px;
  margin-top: 2px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.075);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.logo-icon svg {
  display: block;
  width: 38px; }

/*--------------------SCSS/BASE/_BASE.SCSS------------------------------*/
body {
  font-family: "latoregular", "Verdana", "Helvetica", "Geneva", "DejaVu Sans", sans-serif;
  background-color: gray;
  color: #096d31; }
  body img {
    padding: 0;
    margin: 0; }

h1 {
  font-family: "latoheavy";
  font-size: 2rem; }

h2 {
  font-family: "latobold";
  font-size: 1.3rem; }

h3 {
  font-family: "latobold";
  font-size: 1.2rem; }

h4 {
  font-family: "latobold";
  font-size: 1.1rem; }

h5 {
  font-family: "latobold";
  font-size: 1rem; }

h6 {
  font-family: "latobold";
  font-size: 1rem; }

#left h2, #right h2, #cadres div h2 {
  font-family: "latobold";
  font-size: 2vw;
  margin: 0;
  padding-top: 0; }

#left h3, #right h3, #cadres div h3 {
  margin: 0;
  padding-top: 0; }

input.btn {
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  text-align: center;
  font-weight: bold;
  font-style: normal;
  padding: 0.3em;
  background-color: #17a638;
  color: white;
  border-radius: 10px; }

input.btn:hover {
  background-color: #1f140b;
  color: white; }

/* Tooltip text */
.tooltip .tooltiptext {
  display: none;
  width: auto;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s; }

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent; }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  display: block;
  opacity: 1;
  box-shadow: 5px 5px 10px gray; }

span.icon-plus:after, span.icon-minus:after {
  display: block;
  width: 1.2em;
  height: 1.2em; }

span.icon-plus:after {
  content: "+"; }

span.icon-minus:after {
  content: "-"; }

/*--------------------SCSS/BASE/_FONTS.SCSS------------------------------*/
@font-face {
  font-family: "latobold";
  src: url("../fontes/lato-bold-webfont.woff2") format("woff2"), url("../fontes/lato-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "latoheavy";
  src: url("../fontes/lato-heavy-webfont.woff2") format("woff2"), url("../fontes/lato-heavy-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "latoitalic";
  src: url("../fontes/lato-italic-webfont.woff2") format("woff2"), url("../fontes/lato-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "latoregular";
  src: url("../fontes/lato-regular-webfont.woff2") format("woff2"), url("../fontes/lato-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "robotobold";
  src: url("../fontes/roboto-bold-webfont.woff2") format("woff2"), url("../fontes/roboto-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "roboto";
  src: url("../fontes/roboto-regular-webfont.woff2") format("woff2"), url("../fontes/roboto-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "roboto_light";
  src: url("../fontes/roboto-light-webfont.woff2") format("woff2"), url("../fontes/roboto-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "bauhaus_bold";
  src: url("../fontes/bauhausstd-bold-webfont.woff2") format("woff2"), url("../fontes/bauhausstd-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "bauhaus_light";
  src: url("../fontes/bauhausstd-light-webfont.woff2") format("woff2"), url("../fontes/bauhausstd-light-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "bauhaus_regular";
  src: url("../fontes/bauhausstd-medium-webfont.woff2") format("woff2"), url("../fontes/bauhausstd-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
/*--------------------SCSS/BASE/_IMAGES.SCSS------------------------------*/
#video {
  position: fixed;
  z-index: 0;
  height: 100%; }

/*div[itemprop=articleBody] img {
    display:block;
    @include center;
    width:50%;
    margin-top:5px;
    margin-bottom:5px;
    transition:1s width;
    &:hover {
    width:95%;
    border:5px solid black;
    }

}

div[itemprop=articleBody] img {
    display:block;
    @include center;
    width:50%;
}
*/
div.404 {
  width: 100% !important;
  height: auto !important;
  display: block; }
  div.404 img {
    width: 100% !important;
    height: auto !important; }
    div.404 img :hover {
      width: 100%;
      border: none; }

/*--------------------SCSS/BASE/_LIENS.SCSS------------------------------*/
ul a, li a {
  display: block;
  width: 100%;
  height: 100%; }

article a {
  color: white; }
  article a:hover {
    color: #17a638; }

footer a {
  color: #43414b; }
  footer a:hover {
    color: #17a638; }

a.jcepopup[type="image/jpeg"]:before, a.jcepopup[href^="http"]:before {
  content: none !important; }

a.modal, a.pagenav {
  border: none !important; }

a.modal::after, a.pagenav::after {
  content: none !important; }

#cadres a, #cadres button {
  display: inline-block;
  padding: 0.15rem;
  margin-top: 0.2rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.2);
  color: black;
  text-decoration: none; }

#cadres a:hover, #cadres button:hover {
  background-color: white;
  color: #1f140b; }

/*--------------------SCSS/BASE/_FORM.SCSS------------------------------*/
form, fieldset {
  padding: 1rem;
  margin: 0; }

fieldset legend {
  font-size: 1rem;
  line-height: 1.1;
  font-weight: bold;
  padding: 0.5rem; }

div.control-group div.controls input {
  padding: 0.5rem;
  margin: 0; }

label {
  margin: 0.2rem 0; }

button {
  padding: 0.2rem;
  margin: 0.2rem 0;
  background-color: #096d31;
  color: white;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none; }
  button.input-password-toggle {
    font-size: smaller;
    font-weight: normal; }

select {
  padding: 0.2rem;
  margin: 0.2rem 0;
  background-color: #524f59;
  color: white;
  border-radius: 5px;
  font-weight: bold;
  text-decoration: none; }

/*--------------------SCSS/SECTIONS/_BODY.SCSS------------------------------*/
body {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: minmax(0px, max-content) minmax(0px, max-content) auto auto auto;
  grid-template-areas: "header" "top-nav" "fond_mobile" "contenu" "footer";
  background: #096d31; }

/*--------------------SCSS/SECTIONS/_HEADER.SCSS------------------------------*/
header {
  grid-area: header;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto auto auto auto;
  grid-template-areas: "contact" "logo" "breadcrumb" "baseline" "panier";
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(white));
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, white 100%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, white 100%); }

#contact {
  grid-area: contact;
  position: sticky;
  top: 0;
  background-color: white;
  box-shadow: 0 3px 10px rgba(9, 109, 49, 0.5);
  padding: 0.5rem;
  display: grid;
  grid-template-columns: auto auto auto 25px 25px 25px;
  grid-template-rows: auto 25px;
  grid-template-areas: "tel . mail mail mail mail" ". . . shop fb inst";
  gap: 0.2rem;
  color: #096d31;
  font-size: 0.8rem;
  border-bottom: 1px solid rgba(23, 166, 56, 0.2); }
  #contact span.tel {
    grid-area: tel;
    text-align: left; }
    #contact span.tel::before {
      content: url(../images/icones/phone_1.svg);
      display: inline-block;
      width: 15px;
      padding-right: 5px; }
  #contact span.mail {
    grid-area: mail;
    text-align: right; }
    #contact span.mail a {
      box-sizing: border-box;
      list-style-type: none;
      text-decoration: none;
      color: #096d31; }
      #contact span.mail a::before {
        content: url(../images/icones/mail_1.svg);
        display: inline-block;
        width: 15px;
        padding-right: 5px; }
  #contact span.shop {
    display: none;
    grid-area: shop;
    width: 25px;
    height: 25px; }
    #contact span.shop a {
      text-align: right; }
      #contact span.shop a img {
        width: 100%; }
  #contact span.fb {
    display: none;
    grid-area: fb;
    width: 25px;
    height: 25px; }
    #contact span.fb a {
      text-align: right; }
      #contact span.fb a img {
        width: 100%; }
  #contact span.inst {
    display: none;
    grid-area: inst;
    width: 25px;
    height: 25px; }
    #contact span.inst a {
      text-align: right; }
      #contact span.inst a img {
        width: 100%; }

#logo {
  grid-area: logo;
  text-align: center;
  padding-top: 2vw; }
  #logo img { 
    width: 49vw;
    max-width: 14rem; }

#breadcrumb {
  grid-area: breadcrumb;
  font-size: 0.6rem;
  color: #17a638;
  margin-bottom: 0.2rem; }

#breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 2rem;
  list-style: none; }

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.2rem; }

nav.mod-breadcrumbs__wrapper li a {
  color: #17a638;
  text-decoration: none; }
  nav.mod-breadcrumbs__wrapper li a :after {
    content: " >"; }
nav.mod-breadcrumbs__wrapper li.active span {
  color: #43414b; }

#baseline {
  grid-area: baseline;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  font-family: bauhaus_regular;
  font-size: 1rem;
  padding: 0.5em 0;
  border-bottom: 1px solid rgba(23, 166, 56, 0.2); }

div#panier {
  grid-area: panier;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  padding: 0.2em;
  width: 90%;
  max-width: 300px;
  text-align: center;
  border: 1px solid #17a638;
  border-radius: 1rem;
  background-color: white; }
  div#panier p, div#panier h1, div#panier h2, div#panier h3, div#panier h4 {
    margin: 0;
    padding: 0; }

/*--------------------SCSS/SECTIONS/_TOP-NAV.SCSS------------------------------*/
#top-nav {
  grid-area: top-nav;
  display: grid;
  grid-template-rows: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content);
  grid-template-areas: "nav" "infos" "nav_alt";
  text-align: center;
  z-index: 50; }

div#infos {
  grid-area: infos;
  z-index: 40;
  background-color: white; }

/*--------------------SCSS/SECTIONS/_MENUS.SCSS------------------------------*/
#nav {
  /*------------Menus accueil------------*/
  grid-area: nav; }

ul#menu_accueil {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0.2rem;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: repeat(4, auto);
  grid-template-areas: "menu_0 menu_0" "menu_1 menu_2" "menu_3 menu_4" "menu_5 menu_5";
  background-color: white;
  gap: 0.2rem; }
  ul#menu_accueil li {
    font-family: "bauhaus_regular";
    font-variant-caps: small-caps;
    font-size: 1.2rem;
    line-height: 1;
    letter-spacing: 1px;
    padding: 0.5rem;
    background-color: #096d31;
    -webkit-animation: move_menu_accueil 2s;
    animation: move_menu_accueil 2s; }
    ul#menu_accueil li.item-101 {
      /*Accueil*/
      grid-area: menu_0;
      display: block;
      width: 10vw;
      height: 10vw;
      margin-right: auto;
      margin-left: auto;
      background: none;
      background-image: url(../images/icones/icone_home_1.png);
      background-position: center center;
      background-size: contain;
      background-repeat: no-repeat;
      padding: 0; }
      ul#menu_accueil li.item-101 a {
        opacity: 0; }
    ul#menu_accueil li.item-112 {
      /*Les + Udana*/
      grid-area: menu_1; }
    ul#menu_accueil li.item-113 {
      /*Nos formations*/
      grid-area: menu_2; }
    ul#menu_accueil li.item-114 {
      /*La formatrice*/
      grid-area: menu_4; }
    ul#menu_accueil li.item-120 {
      /*contactez-nous*/
      grid-area: menu_5; }
    ul#menu_accueil li.item-268 {
      /*Financer la formation*/
      grid-area: menu_3; }
    ul#menu_accueil li a, ul#menu_accueil li span {
      color: white;
      vertical-align: middle; }
    ul#menu_accueil li ul {
      display: none; }
      ul#menu_accueil li ul li {
        animation: initial;
        background-color: initial;
        padding: 0;
        margin: 0.2rem; }
        ul#menu_accueil li ul li a, ul#menu_accueil li ul li span {
          font-size: 1.5rem; }
    ul#menu_accueil li:hover > ul {
      display: block; }
  ul#menu_accueil li:hover {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    border-radius: 0px;
    background-color: #4fae32; }
  ul#menu_accueil li.item-101:hover {
    background: none;
    background-image: url(../images/icones/icone_home_2.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat; }
  ul#menu_accueil li.item-101.active, ul#menu_accueil li.item-101.current {
    background: none;
    background-image: url(../images/icones/icone_home_2.png);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat; }
  ul#menu_accueil .active, ul#menu_accueil .current {
    background-color: #4fae32; }

@-webkit-keyframes move_menu_accueil {
  from {
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes move_menu_accueil {
  from {
    -webkit-transform: scale(0);
    transform: scale(0); }
  to {
    -webkit-transform: scale(1);
    transform: scale(1); } }

#nav_haut {
  grid-area: nav;
  font-family: "bauhaus_bold";
  font-size: 6vw;
  background-color: white; }
  #nav_haut div.moduletable ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #nav_haut div ul {
    padding: 10px 10vw; }
  #nav_haut div ul li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0.2rem;
    margin: 0.1rem;
    background-color: rgba(238, 238, 238, 0.5); }
    #nav_haut div ul li:nth-child(0), #nav_haut div ul li:nth-child(1) {
      /*Accueil*/
      border-top-left-radius: 18px;
      border-top-right-radius: 18px; }
    #nav_haut div ul li:nth-child(2) {
      /*Les + Udana*/
      border-top-right-radius: 18px;
      border-bottom-right-radius: 18px; }
    #nav_haut div ul li:nth-child(3) {
      /*Pilates...*/
      border-top-left-radius: 18px;
      border-top-right-radius: 18px; }
    #nav_haut div ul li:nth-child(4) {
      /*La formatrice*/
      border-top-right-radius: 18px; }
    #nav_haut div ul li a {
      color: #002816; }
  #nav_haut ul li {
    font-variant: small-caps; }
  #nav_haut li:hover {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    background-color: #4fae32; }
    #nav_haut li:hover a {
      color: white; }
  #nav_haut li.current {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    background-color: #096d31; }
    #nav_haut li.current a {
      color: white; }
  #nav_haut li:active {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    background-color: #096d31; }
    #nav_haut li:active a {
      color: white; }
  #nav_haut li {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    background-color: rgba(238, 238, 238, 0.5); }
    #nav_haut li a {
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -o-transition: all 0.4s;
      color: #002816; }
    #nav_haut li ul {
      padding: 0;
      margin: 0; }
      #nav_haut li ul li {
        padding: 0;
        margin: 0; }
        #nav_haut li ul li a {
          font-size: 1.2rem; }

/*--------------------SCSS/SECTIONS/_FOND_MOBILE.SCSS------------------------------*/
div#fond_mobile {
  grid-area: fond_mobile;
  background-image: url(../images/fond_mobile.jpg);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat; }
  div#fond_mobile div[id^=mod-custom] {
    display: grid;
    grid-template-columns: auto;
    grid-template-areas: "image" "citations";
    background-size: 0px 0px; }
    div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile {
      grid-area: image;
      width: 50vw;
      height: 50vw;
      border-radius: 25vw;
      margin-top: 5vw;
      margin-left: auto;
      margin-right: auto;
      background-size: cover;
      background-position: center center;
      box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); }
      div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile.accueil {
        background-image: url("../images/fond_accueil_600.jpg"); }
      div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile.choix_udana {
        background-image: url("../images/choix_udana.jpg"); }
      div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile.formation {
        background-image: url("../images/formations.jpg"); }
      div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile.formatrice {
        background-image: url("../images/formatrice.jpg"); }
      div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile.contact {
        background-image: url("../images/contact.jpg"); }
      div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile.financement {
        background-image: url("../images/financement.jpg"); }

#citations {
  grid-area: citations;
  width: 80%;
  z-index: 50;
  margin-left: auto;
  margin-right: auto;
  cursor: default; }
  #citations div.newsflash {
    opacity: 0;
    animation: fadein 3s linear 3s forwards;
    align-self: flex-end;
    font-family: "bauhaus_bold";
    color: white;
    font-size: 5vw;
    line-height: 1.2;
    text-align: center;
    text-shadow: 0px 5px 10px black; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
#citations div.newsflash em {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-style: italic;
  font-size: small; }

/*--------------------SCSS/SECTIONS/_CONTENU.SCSS------------------------------*/
#contenu {
  grid-area: contenu;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(10vw, max-content) minmax(0, max-content);
  grid-template-areas: "message" "main-top" "article" "main-bottom" "left" "right"; }

div#message {
  grid-area: message; }

div#main-top {
  grid-area: main-top;
  background-color: white; }

div#article {
  grid-area: article;
  background-color: white;
  padding: 1rem 1rem 5rem 1rem;
  font-size: 0.8rem; }
  div#article img {
    display: block;
    width: 100%; }
    div#article img.rond {
      border-radius: 10rem;
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -o-transition: all 0.4s; }
  div#article ul li {
    list-style-type: square !important; }

div#main-bottom {
  grid-area: main-bottom;
  background-color: white; }

#left {
  grid-area: left; }
  #left div#mod-custom144, #left div#mod-custom166, #left div#mod-custom167 {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 1rem;
    margin: 1rem;
    border: 1px solid #17a638;
    border-radius: 1rem;
    height: auto; }
  #left div.moduletable {
    background-color: white;
    padding: 1rem;
    margin: 1rem;
    border: 1px solid #17a638;
    border-radius: 1rem;
    height: auto; }

#right {
  grid-area: right;
  font-size: 0.8rem; }
  #right div.moduletable {
    background-color: white;
    padding: 1rem;
    margin: 1rem;
    border: 1px solid #17a638;
    border-radius: 1rem;
    height: auto; }

.images {
  display: grid;
  grid-template-columns: repeat(3, 30%);
  grid-gap: 3vw;
  grid-template-rows: minmax(0, auto) minmax(0, auto);
  grid-template-areas: "img1 img2 img3" "img4 img5 img6"; }
  .images img[class*="img"] {
    position: relative; }

div#article img.rond:hover {
  border-radius: 0;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
  z-index: 100000; }

#contenu p a {
  display: inline;
  width: auto;
  background-size: 100%;
  padding: 0 0 0.2em 0; }
  #contenu p a.button {
    padding: 0.5rem;
    margin: 0.2rem 0;
    background-color: #096d31;
    color: white;
    border-radius: 5px;
    font-weight: bold;
    font-size: 1rem;
    font-variant: small-caps;
    text-decoration: none; }
    #contenu p a.button:hover {
      background-color: #17a638; }

/*SYSTEM*/
#system-message {
  background-color: #17a638;
  padding: 0.5rem; }

.com-content-categories__children {
  border-top: 1px solid #1f140b !important; }

.com-content-categories__item {
  border-bottom: 1px solid #1f140b !important; }

#article .com-content-article__body ul {
  overflow: visible; }
  #article .com-content-article__body ul li {
    list-style-type: circle;
    margin-left: 1rem; }

#article h2 {
  color: #17a638;
  border-bottom: 1px dotted #17a638; }
  #article h2 before {
    content: url(../images/); }
#article h3 {
  color: #17a638; }
#article h4 {
  color: #17a638; }
#article h5 {
  color: #17a638; }

#article h1[itemprop="headline"] {
  font-family: "bauhaus_bold"; }

#article dl.article-info {
  font-size: 0.6rem;
  opacity: 0.5; }

span.badge {
  color: gray;
  font-size: small; }

/*------------------------------
        TABLEAUX
--------------------------------*/
table {
  table-layout: fixed;
  width: auto;
  border-collapse: collapse;
  border: 1px solid #17a638; }
  table.indicateurs {
    font-size: 1.5rem;
    font-weight: bold; }
  table tbody tr, table tbody td {
    border: 1px solid #17a638; }
  table td {
    padding: 0.5rem; }

/*---------------------------------------
                    CONTACT
---------------------------------------------*/
/*custom comme les articles*/
div.contact {
  padding: 0 1rem; }
  div.contact .com-contact__container div, div.contact .com-contact__container dl {
    margin-top: 1rem;
    margin-bottom: 0.5rem; }
div.contact .contact-form form#contact-form fieldset.m-0 {
  border: none; }
  div.contact .contact-form form#contact-form .control-group .controls button {
    background-color: #524f59;
    border: none;
    padding: 0.8rem; }
    div.contact .contact-form form#contact-form .control-group .controls button:hover {
      scale: 1.2; }
    div.contact .contact-form form#contact-form .control-group .controls button {
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -o-transition: all 0.4s; }
div.contact a {
  color: #524f59; }

article time {
  font-size: 0.6rem; }

dl.article-info, dl.article-info dt {
  margin: 0;
  padding: 0;
  border: 0; }

dl.article-info dd {
  margin-left: 0.5em; }

ul.pagenav {
  height: 2em;
  margin-top: 1em;
  padding-top: 0.5em;
  border-top: 1px dashed #C4D5E7;
  clear: both; }

ul.pagenav li.previous, ul.pagenav li.next {
  display: inline;
  padding: 0 0.5em 0 0.5em; }

ul.pagenav li.previous {
  float: left; }

ul.pagenav li.next {
  float: right; }

div.pagination {
  width: 100%;
  height: 30px; }

div.pagination ul {
  float: right;
  list-style-type: none;
  margin: 0;
  padding: 0; }

div.pagination ul li {
  float: left;
  margin: 0 2px;
  padding: 0 3px; }

div.pagination p {
  float: left;
  margin: 0 5px; }

div.article-index ul {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0; }

div.article-index ul.nav li {
  float: left;
  margin: 0 2px;
  padding: 0 3px; }

div.article-index ul.nav li:after, div.article-index ul.nav li:first-child:before {
  content: "|"; }

div.pagenavcounter {
  text-align: center; }

div.popover {
  display: block;
  position: absolute;
  padding: 1em;
  border: 1px solid gray;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  background-color: white;
  color: gray;
  min-width: 100px;
  max-width: 300px;
  z-index: 30000; }

div.icons {
  display: block;
  width: auto;
  min-height: 2.5em;
  padding: 0.5rem;
  margin: 0.5rem 0;
  position: relative;
  font-size: small;
  color: gray;
  background-color: #096d31; }

div.icons div a, div.icons div u li a {
  padding: 0;
  border-bottom: none; }

div.icons div ul {
  color: #1f140b;
  margin: -5px 0 0 0; }

div.icons div ul li a {
  color: #1f140b; }

.btn-group ul li {
  font-size: 0.8rem;
  display: inline-block; }

div.icons div.btn-group button {
  display: none; }

.invalid {
  border: red; }

/*--------------------SCSS/OPTIONS/_PANIER.SCSS------------------------------*/
#hikashop_cart_module a.hikashop_small_cart_checkout_link {
  padding: 0.5rem; }
  #hikashop_cart_module a.hikashop_small_cart_checkout_link ::before {
    content: "Vous avez ajouté: "; }
  #hikashop_cart_module a.hikashop_small_cart_checkout_link span {
    color: #4fae32; }

div.hikashop_quantity_form, div.hikashop_product_quantity_div {
  display: inline-flex; }

div.hikashop_product_quantity_change_div_plus_default a, div.hikashop_product_quantity_change_div_minus_default a {
  height: 22px; }

span.hikashop_product_price_full span.hikashop_product_price {
  font-family: "comfortaa_light", "Verdana", "Helvetica", "Geneva", "DejaVu Sans", sans-serif !important;
  font-style: normal !important;
  color: #4fae32;
  font-size: 1.5rem; }

span.hikashop_checkout_cart_final_total {
  font-family: "comfortaa_light", "Verdana", "Helvetica", "Geneva", "DejaVu Sans", sans-serif !important;
  font-style: normal !important;
  color: #4fae32;
  font-size: 1.5rem; }

div.hikashop_checkout_cart {
  margin-top: 2rem; }

#hikashop_order_listing select#filter_order_range {
  float: none !important;
  margin-bottom: 10px; }

span[class^="hikashop_checkout_payment"] img, div.hikashop_product_image img {
  width: auto !important; }

ul li.hikashop_product_list_item {
  list-style-type: none; }

span.hikashop_product_price_per_unit {
  padding-left: 0.5rem;
  font-variant: small-caps; }

#panier:empty {
  background-color: red; }

/*--------------------SCSS/OPTIONS/_COMPTEURS.SCSS------------------------------*/
div#compteurs {
  padding: 5px 5px 5px 5px;
  font-size: 6vw;
  font-weight: bolder;
  color: white;
  line-height: 1;
  text-align: center; }
  div#compteurs.presentiel ::before {
    content: "";
    animation: countdown1 2s ease-in forwards; }

@keyframes countdown1 {
  0% {
    content: "0"; }
  1% {
    content: "1"; }
  2% {
    content: "2"; }
  3% {
    content: "3"; }
  4% {
    content: "4"; }
  5% {
    content: "5"; }
  6% {
    content: "6"; }
  7% {
    content: "7"; }
  8% {
    content: "8"; }
  9% {
    content: "9"; }
  10% {
    content: "10"; }
  11% {
    content: "11"; }
  12% {
    content: "12"; }
  13% {
    content: "13"; }
  14% {
    content: "14"; }
  15% {
    content: "15"; }
  16% {
    content: "16"; }
  17% {
    content: "17"; }
  18% {
    content: "18"; }
  19% {
    content: "19"; }
  21% {
    content: "21"; }
  22% {
    content: "22"; }
  23% {
    content: "23"; }
  24% {
    content: "24"; }
  25% {
    content: "25"; }
  26% {
    content: "26"; }
  27% {
    content: "27"; }
  28% {
    content: "28"; }
  29% {
    content: "29"; }
  20% {
    content: "20"; }
  30% {
    content: "30"; }
  31% {
    content: "31"; }
  32% {
    content: "32"; }
  33% {
    content: "33"; }
  34% {
    content: "34"; }
  35% {
    content: "35"; }
  36% {
    content: "36"; }
  37% {
    content: "37"; }
  38% {
    content: "38"; }
  39% {
    content: "39"; }
  40% {
    content: "40"; }
  41% {
    content: "41"; }
  42% {
    content: "42"; }
  43% {
    content: "43"; }
  44% {
    content: "44"; }
  45% {
    content: "45"; }
  46% {
    content: "46"; }
  47% {
    content: "47"; }
  48% {
    content: "48"; }
  49% {
    content: "49"; }
  40% {
    content: "40"; }
  50% {
    content: "50"; }
  51% {
    content: "51"; }
  52% {
    content: "52"; }
  53% {
    content: "53"; }
  54% {
    content: "54"; }
  55% {
    content: "55"; }
  56% {
    content: "56"; }
  57% {
    content: "57"; }
  58% {
    content: "58"; }
  59% {
    content: "59"; }
  50% {
    content: "50"; }
  60% {
    content: "60"; }
  61% {
    content: "61"; }
  62% {
    content: "62"; }
  63% {
    content: "63"; }
  64% {
    content: "64"; }
  65% {
    content: "65"; }
  66% {
    content: "66"; }
  67% {
    content: "67"; }
  68% {
    content: "68"; }
  69% {
    content: "69"; }
  70% {
    content: "70"; }
  71% {
    content: "71"; }
  72% {
    content: "72"; }
  73% {
    content: "73"; }
  74% {
    content: "74"; }
  75% {
    content: "75"; }
  76% {
    content: "76"; }
  77% {
    content: "77"; }
  78% {
    content: "78"; }
  79% {
    content: "79"; }
  80% {
    content: "80"; }
  81% {
    content: "81"; }
  82% {
    content: "82"; }
  83% {
    content: "83"; }
  84% {
    content: "84"; }
  85% {
    content: "85"; }
  86% {
    content: "86"; }
  87% {
    content: "87"; }
  88% {
    content: "88"; }
  89% {
    content: "89"; }
  90% {
    content: "90"; }
  91% {
    content: "91"; }
  92% {
    content: "92"; }
  93% {
    content: "93"; }
  94% {
    content: "94"; }
  95% {
    content: "95"; }
  96% {
    content: "96"; }
  97% {
    content: "97"; }
  98% {
    content: "98"; }
  99% {
    content: "99"; }
  100% {
    content: "100"; } }
div#compteurs span.valeur_presentiel {
  font-size: 4rem; }
  div#compteurs.reussite ::before {
    content: "";
    animation: countdown2 2s ease-in forwards; }

@keyframes countdown2 {
  0% {
    content: "0"; }
  1% {
    content: "1"; }
  2% {
    content: "2"; }
  3% {
    content: "3"; }
  4% {
    content: "4"; }
  5% {
    content: "5"; }
  6% {
    content: "6"; }
  7% {
    content: "7"; }
  8% {
    content: "8"; }
  9% {
    content: "9"; }
  10% {
    content: "10"; }
  11% {
    content: "11"; }
  12% {
    content: "12"; }
  13% {
    content: "13"; }
  14% {
    content: "14"; }
  15% {
    content: "15"; }
  16% {
    content: "16"; }
  17% {
    content: "17"; }
  18% {
    content: "18"; }
  19% {
    content: "19"; }
  21% {
    content: "21"; }
  22% {
    content: "22"; }
  23% {
    content: "23"; }
  24% {
    content: "24"; }
  25% {
    content: "25"; }
  26% {
    content: "26"; }
  27% {
    content: "27"; }
  28% {
    content: "28"; }
  29% {
    content: "29"; }
  20% {
    content: "20"; }
  30% {
    content: "30"; }
  31% {
    content: "31"; }
  32% {
    content: "32"; }
  33% {
    content: "33"; }
  34% {
    content: "34"; }
  35% {
    content: "35"; }
  36% {
    content: "36"; }
  37% {
    content: "37"; }
  38% {
    content: "38"; }
  39% {
    content: "39"; }
  40% {
    content: "40"; }
  41% {
    content: "41"; }
  42% {
    content: "42"; }
  43% {
    content: "43"; }
  44% {
    content: "44"; }
  45% {
    content: "45"; }
  46% {
    content: "46"; }
  47% {
    content: "47"; }
  48% {
    content: "48"; }
  49% {
    content: "49"; }
  40% {
    content: "40"; }
  50% {
    content: "50"; }
  51% {
    content: "51"; }
  52% {
    content: "52"; }
  53% {
    content: "53"; }
  54% {
    content: "54"; }
  55% {
    content: "55"; }
  56% {
    content: "56"; }
  57% {
    content: "57"; }
  58% {
    content: "58"; }
  59% {
    content: "59"; }
  50% {
    content: "50"; }
  60% {
    content: "60"; }
  61% {
    content: "61"; }
  62% {
    content: "62"; }
  63% {
    content: "63"; }
  64% {
    content: "64"; }
  65% {
    content: "65"; }
  66% {
    content: "66"; }
  67% {
    content: "67"; }
  68% {
    content: "68"; }
  69% {
    content: "69"; }
  70% {
    content: "70"; }
  71% {
    content: "71"; }
  72% {
    content: "72"; }
  73% {
    content: "73"; }
  74% {
    content: "74"; }
  75% {
    content: "75"; }
  76% {
    content: "76"; }
  77% {
    content: "77"; }
  78% {
    content: "78"; }
  79% {
    content: "79"; }
  80% {
    content: "80"; }
  81% {
    content: "81"; }
  82% {
    content: "82"; }
  83% {
    content: "83"; }
  84% {
    content: "84"; }
  85% {
    content: "85"; }
  86% {
    content: "86"; }
  87% {
    content: "87"; }
  88% {
    content: "88"; }
  89% {
    content: "89"; }
  90% {
    content: "90"; }
  91% {
    content: "91"; }
  92% {
    content: "92"; }
  93% {
    content: "93"; }
  94% {
    content: "94"; }
  95% {
    content: "95"; }
  96% {
    content: "96"; }
  97% {
    content: "97"; }
  98% {
    content: "98"; }
  99% {
    content: "99"; }
  100% {
    content: "100"; } }
div#compteurs span.valeur_reussite {
  font-size: 4rem; }
  div#compteurs.satisfaction ::before {
    content: "";
    animation: countdown3 2s ease-in forwards; }

@keyframes countdown3 {
  0% {
    content: "0"; }
  1% {
    content: "1"; }
  2% {
    content: "2"; }
  3% {
    content: "3"; }
  4% {
    content: "4"; }
  5% {
    content: "5"; }
  6% {
    content: "6"; }
  7% {
    content: "7"; }
  8% {
    content: "8"; }
  9% {
    content: "9"; }
  10% {
    content: "10"; }
  11% {
    content: "11"; }
  12% {
    content: "12"; }
  13% {
    content: "13"; }
  14% {
    content: "14"; }
  15% {
    content: "15"; }
  16% {
    content: "16"; }
  17% {
    content: "17"; }
  18% {
    content: "18"; }
  19% {
    content: "19"; }
  21% {
    content: "21"; }
  22% {
    content: "22"; }
  23% {
    content: "23"; }
  24% {
    content: "24"; }
  25% {
    content: "25"; }
  26% {
    content: "26"; }
  27% {
    content: "27"; }
  28% {
    content: "28"; }
  29% {
    content: "29"; }
  20% {
    content: "20"; }
  30% {
    content: "30"; }
  31% {
    content: "31"; }
  32% {
    content: "32"; }
  33% {
    content: "33"; }
  34% {
    content: "34"; }
  35% {
    content: "35"; }
  36% {
    content: "36"; }
  37% {
    content: "37"; }
  38% {
    content: "38"; }
  39% {
    content: "39"; }
  40% {
    content: "40"; }
  41% {
    content: "41"; }
  42% {
    content: "42"; }
  43% {
    content: "43"; }
  44% {
    content: "44"; }
  45% {
    content: "45"; }
  46% {
    content: "46"; }
  47% {
    content: "47"; }
  48% {
    content: "48"; }
  49% {
    content: "49"; }
  40% {
    content: "40"; }
  50% {
    content: "50"; }
  51% {
    content: "51"; }
  52% {
    content: "52"; }
  53% {
    content: "53"; }
  54% {
    content: "54"; }
  55% {
    content: "55"; }
  56% {
    content: "56"; }
  57% {
    content: "57"; }
  58% {
    content: "58"; }
  59% {
    content: "59"; }
  50% {
    content: "50"; }
  60% {
    content: "60"; }
  61% {
    content: "61"; }
  62% {
    content: "62"; }
  63% {
    content: "63"; }
  64% {
    content: "64"; }
  65% {
    content: "65"; }
  66% {
    content: "66"; }
  67% {
    content: "67"; }
  68% {
    content: "68"; }
  69% {
    content: "69"; }
  70% {
    content: "70"; }
  71% {
    content: "71"; }
  72% {
    content: "72"; }
  73% {
    content: "73"; }
  74% {
    content: "74"; }
  75% {
    content: "75"; }
  76% {
    content: "76"; }
  77% {
    content: "77"; }
  78% {
    content: "78"; }
  79% {
    content: "79"; }
  80% {
    content: "80"; }
  81% {
    content: "81"; }
  82% {
    content: "82"; }
  83% {
    content: "83"; }
  84% {
    content: "84"; }
  85% {
    content: "85"; }
  86% {
    content: "86"; }
  87% {
    content: "87"; }
  88% {
    content: "88"; }
  89% {
    content: "89"; }
  90% {
    content: "90"; }
  91% {
    content: "91"; }
  92% {
    content: "92"; }
  93% {
    content: "93"; }
  94% {
    content: "94"; }
  95% {
    content: "95"; }
  96% {
    content: "96"; }
  97% {
    content: "97"; }
  98% {
    content: "98"; }
  99% {
    content: "99"; }
  100% {
    content: "98"; } }
div#compteurs span.valeur_satisfaction {
  font-size: 4rem; }

/*--------------------SCSS/OPTIONS/_CALENDRIER.SCSS------------------------------*/
div#icagenda div.btn-group-vertical button {
  font-size: 1.2rem;
  padding: 0.5rem; }
  div#icagenda div.btn-group-vertical button span.ic-register-deadline {
    font-size: 1.2rem;
    padding: 0.5rem; }

div#ictip {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.3rem; }
  div#ictip span.ictip-date-format {
    font-size: 1.4rem !important;
    font-weight: bold; }
  div#ictip a.close {
    border: 2px solid red;
    padding: 0.5rem;
    margin: 1.2rem;
    height: 31px !important; }
    div#ictip a.close div {
      height: 20px; }

div.ictip-event {
  padding: 0 !important; }

div.ictip-event-title {
  margin: 50px 0 0 0 !important; }

div.ictip-info div.ictip-time {
  font-size: 1.5rem !important;
  line-height: 1.2 !important; }
div.ictip-info div.ictip-location {
  font-size: 1.2rem !important;
  line-height: 1.1 !important;
  margin: 1rem 0; }
div.ictip-info div.ictip-desc {
  font-size: 1.5rem !important;
  line-height: 1.1 !important; }

span.iCreg {
  font-size: 1.2rem !important;
  line-height: 1.1 !important; }

legend.visually-hidden {
  display: none; }

form#icagenda-registration fieldset div.control-group div.control-label {
  margin-top: 1rem; }

/*--------------------SCSS/SECTIONS/_FOOTER.SCSS------------------------------*/

footer {
    display:grid;
   grid-template-columns:auto;
  grid-template-rows:auto auto auto auto auto;
  grid-template-areas:"valid" "menu" "part" "labels" "liens";
  margin-top: 1em;
  text-align: center;
  background-color: white;
  font-size: 0.8rem;
  color: #17a638; }
div.partenaires{grid-area:part;}
div.validations{grid-area:valid;border-bottom:1px solid lightgray;}
div.labels{grid-area:labels;}
div.partenaires a img {width: 150px;padding: 0 1rem;}
div.partenaires p {padding: 0;}
div.validations a img {width: 100vw;padding: 1rem;max-width: 500px;}
div.labels a img,div.labels img  {width:100px; margin:0.5rem;}
.liens {grid-area:liens;padding: 0.2rem; margin-top: 1rem; }
.liens .footimage { width: 30vw;margin-left: auto;margin-right: auto;text-align: center; }
.liens .footimage img {width: 18rem; }

a._footer {
  list-style-type: none; }

#menu_footer {
  display:grid;
  grid-template-columns:auto;
  grid-template-rows:auto auto auto auto auto auto auto auto;
  grid-template-areas:"1" "2" "3" "4" "5" "6" "7" "8";
  padding-top:1rem;
  margin-left: auto;
  margin-right: auto;
  width: auto; }
#menu_footer li {
    padding: 0 0.5rem }


/*--------------------SCSS/MEDIAQUERIES/_480-639px.SCSS------------------------------*/
@media (min-device-width: 480px) and (max-device-width: 639px) {
  #citations {
    grid-area: citations; }
    #citations div.newsflash {
      font-size: 4vw; }
  ul#menu_accueil {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(9, auto);
    grid-template-rows: auto auto;
    grid-template-areas: "menu_0 menu_1 menu_1 menu_1 menu_1 menu_2 menu_2 menu_2 menu_2" "menu_3 menu_3 menu_3 menu_4 menu_4 menu_4 menu_5 menu_5 menu_5"; }
    ul#menu_accueil li {
      font-size: 1.2rem; }
      ul#menu_accueil li.item-101 {
        /*Accueil*/
        grid-area: menu_0;
        width: 6vw;
        height: 6vw; }
  #contenu {
    grid-area: contenu;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(10vw, max-content);
    grid-template-areas: "message" "main-top" "article" "left" "right" "main-bottom"; }
  div#message {
    grid-area: message; }
  div#article img {
    display: block;
    width: 45%; }
}


/*--------------------SCSS/MEDIAQUERIES/_640-799px.SCSS------------------------------*/
@media (min-device-width: 640px) and (max-device-width: 799px) {
  div#fond_mobile {
    grid-area: fond_mobile; }
    div#fond_mobile div[id^=mod-custom] {
      display: grid;
      width: 100vw;
      grid-template-columns: 30vw auto;
      grid-template-areas: "image citations";
      background-size: cover;
      background-repeat: no-repeat; }
      div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile {
        grid-area: image;
        width: 25vw;
        height: 25vw;
        border-radius: 12.5vw;
        margin: 1vw;
        margin-left: auto;
        margin-right: auto;
        background-size: cover;
        background-position: center center;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile.accueil {
          background-image: url("../images/fond_accueil_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.choix_udana {
          background-image: url("../images/fond_choix_udana_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.formation {
          background-image: url("../images/fond_formation_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.formatrice {
          background-image: url("../images/fond_formatrice_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.contact {
          background-image: url("../images/fond_mobile_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.financement {
          background-image: url("../images/fond_financement_600.jpg"); }
  #citations {
    grid-area: citations; }
    #citations div.newsflash {
      font-size: 3.5vw; }
  ul#menu_accueil {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(5, auto);
    grid-template-rows: auto auto;
    grid-template-areas: "menu_0 menu_1 menu_2 menu_2 menu_3" "menu_4 menu_4 menu_4 menu_5 menu_5"; }
    ul#menu_accueil li {
      font-size: 1.2rem; }
      ul#menu_accueil li.item-101 {
        /*Accueil*/
        grid-area: menu_0;
        width: 1.8rem;
        height: auto; }
  #contenu {
    grid-area: contenu;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(10vw, max-content);
    grid-template-areas: "message message" "main-top main-top" "article article" "left right" "main-bottom main-bottom"; }
  div#message {
    grid-area: message; }
  div#compteurs {
    font-size: 2rem; }
    div#compteurs span.valeur_presentiel {
      font-size: 4rem; }
  div#article img {
    display: block;
    width: 45%; }
}

/*--------------------SCSS/MEDIAQUERIES/_800-1023px.SCSS------------------------------*/
@media (min-device-width: 800px) and (max-device-width: 1023px) {
  div#contact {
    grid-area: contact;
    position: sticky;
    top: 0;
    background-color: white;
    box-shadow: none;
    grid-template-columns: auto auto auto 25px 25px 25px;
    grid-template-rows: 25px;
    grid-template-areas: "tel mail . shop fb inst"; }
  #top-nav {
    grid-template-columns: auto auto 300px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "nav nav nav" "infos infos infos" "nav_alt nav_alt nav_alt";
    text-align: center;
    z-index: 50; }
  ul#menu_accueil {
    text-align: center;
    display: grid;
    padding: 0.2rem;
    grid-template-columns: repeat(5, auto);
    grid-template-rows: auto auto;
    grid-template-areas: "menu_0 menu_1 menu_2 menu_2 menu_3" "menu_4 menu_4 menu_4 menu_5 menu_5";
    gap: 0.2rem; }
    ul#menu_accueil li {
      font-size: 1.2rem; }
      ul#menu_accueil li.item-101 {
        /*Accueil*/
        grid-area: menu_0;
        width: 2rem;
        height: auto; }
  div#fond_mobile {
    grid-area: fond_mobile; }
    div#fond_mobile div[id^=mod-custom] {
      display: grid;
      width: 100vw;
      grid-template-columns: 30vw auto;
      grid-template-areas: "image citations";
      background-size: cover;
      background-repeat: no-repeat; }
      div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile {
        grid-area: image;
        width: 25vw;
        height: 25vw;
        border-radius: 12.5vw;
        margin: 1vw;
        margin-left: auto;
        margin-right: auto;
        background-size: cover;
        background-position: center center;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile.accueil {
          background-image: url("../images/fond_accueil_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.choix_udana {
          background-image: url("../images/fond_choix_udana_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.formation {
          background-image: url("../images/fond_formation_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.formatrice {
          background-image: url("../images/fond_formatrice_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.contact {
          background-image: url("../images/fond_mobile_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.financement {
          background-image: url("../images/fond_financement_600.jpg"); }
  #citations {
    grid-area: citations;
    width: 90%; }
    #citations div.newsflash {
      font-size: 3vw; }
  #contenu {
    grid-area: contenu;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(10vw, max-content);
    grid-template-areas: "message message" "main-top main-top" "article article" "left right" "main-bottom main-bottom"; }
    div#article img {
      display: block;
      width: 30%; }
  div#message {
    grid-area: message; }
  div#compteurs {
    font-size: 2rem; }
    div#compteurs span.valeur_presentiel {
      font-size: 4rem; }

footer {
    display:grid;
   grid-template-columns:auto auto auto;
  grid-template-rows:auto auto auto;
  grid-template-areas:"valid valid valid" "part menu labels" "liens liens liens";
  margin-top: 1em;
  text-align: center;
  background-color: white;
  font-size: 0.8rem;
  color: #17a638; }
div.partenaires{grid-area:part;}
div.validations{grid-area:valid;border-bottom:1px solid lightgray;}
div.labels{grid-area:labels;}
div.partenaires a img {width: 150px;padding: 0 1rem;}
div.partenaires p {padding: 0;}
div.validations a img {width: 100vw;padding: 1rem;max-width: 500px;}
div.labels a img,div.labels img  {width:100px; margin:0.5rem;}
.liens {grid-area:liens;padding: 0.2rem; margin-top: 1rem; }
.liens .footimage { width: 30vw;margin-left: auto;margin-right: auto;text-align: center; }
.liens .footimage img {width: 18rem; }

a._footer {
  list-style-type: none; }

#menu_footer {
  display:grid;
  grid-template-columns:auto;
  grid-template-rows:auto auto auto auto auto auto auto auto;
  grid-template-areas:"1" "2" "3" "4" "5" "6" "7" "8";
  padding-top:1rem;
  margin-left: auto;
  margin-right: auto;
  width: auto; }
#menu_footer li {
    padding: 0 0.5rem }
      
 }


/*--------------------SCSS/MEDIAQUERIES/_1024-1280px.SCSS------------------------------*/
@media (min-device-width: 1024px) and (max-device-width: 1280px) {
  header {
    grid-area: header;
    display: grid;
    grid-template-columns: 18.75rem auto minmax(auto, 30rem);
    grid-template-areas: "logo . contact" "logo . baseline" "logo . panier" "breadcrumb breadcrumb breadcrumb";
    /*background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(white));*/
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, white 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, white 100%); }
  div#contact {
    position: relative;
    background-color: transparent;
    box-shadow: none;
    grid-template-columns: auto auto 25px 25px 25px;
    grid-template-rows: 25px;
    grid-template-areas: "tel mail shop fb inst";
    margin-right: 0; }
    div#contact span.mail {
      text-align: center; }
  #baseline {
    grid-area: baseline;
    margin-right: 0.5rem;
    font-size: 1.2rem;
    text-align: right; }
  #top-nav {
    grid-area: top-nav;
    display: grid;
    width: 100vw;
    grid-template-columns: 37vw auto 300px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "nav nav nav" "infos infos infos" "nav_alt nav_alt nav_alt";
    text-align: center;
    z-index: 50; }
  ul#menu_accueil {
    text-align: center;
    display: grid;
    padding: 0.2rem;
    grid-template-columns: repeat(6, auto);
    grid-template-rows: auto;
    grid-template-areas: "menu_0 menu_1 menu_2 menu_3 menu_4 menu_5";
    gap: 0.2rem; }
    ul#menu_accueil li {
      font-size: 1.2rem; }
      ul#menu_accueil li.item-101 {
        /*Accueil*/
        grid-area: menu_0;
        width: 2rem;
        height: auto; }
  div#fond_mobile {
    grid-area: fond_mobile; }
    div#fond_mobile div[id^=mod-custom] {
      display: grid;
      width: 100vw;
      grid-template-columns: 30vw auto;
      grid-template-areas: "image citations";
      background-size: cover;
      background-repeat: no-repeat; }
      div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile {
        grid-area: image;
        width: 25vw;
        height: 25vw;
        border-radius: 12.5vw;
        margin: 1vw;
        margin-left: auto;
        margin-right: auto;
        background-size: cover;
        background-position: center center;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile.accueil {
          background-image: url("../images/fond_accueil_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.choix_udana {
          background-image: url("../images/fond_choix_udana_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.formation {
          background-image: url("../images/fond_formation_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.formatrice {
          background-image: url("../images/fond_formatrice_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.contact {
          background-image: url("../images/fond_mobile_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.financement {
          background-image: url("../images/fond_financement_600.jpg"); }
  #citations {
    grid-area: citations;
    width: 100%; }
    #citations div.newsflash {
      font-size: 3vw;
      align-self: center;
      padding: 2vw; }
  #contenu {
    grid-area: contenu;
    display: grid;
    grid-template-columns: 25% 50% 25%;
    grid-template-rows: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content);
    grid-template-areas: ". message ." "main-top main-top main-top" "left article right" "main-bottom main-bottom main-bottom"; }
  div#message {
    grid-area: message; }
    div#article img {
      display: block;
      width: 45%; }
  div#compteurs {
    font-size: 2rem; }
    div#compteurs span.valeur_presentiel {
      font-size: 4rem; }
    
footer {
    display:grid;
   grid-template-columns:auto auto auto;
  grid-template-rows:auto auto auto;
  grid-template-areas:"valid valid valid" "part menu labels" "liens liens liens";
  margin-top: 1em;
  text-align: center;
  background-color: white;
  font-size: 0.8rem;
  color: #17a638; }
div.partenaires{grid-area:part;}
div.validations{grid-area:valid;border-bottom:1px solid lightgray;}
div.labels{grid-area:labels;}
div.partenaires a img {width: 150px;padding: 0 1rem;}
div.partenaires p {padding: 0;}
div.validations a img {width: 100vw;padding: 1rem;max-width: 500px;}
div.labels a img,div.labels img  {width:100px; margin:0.5rem;}
.liens {grid-area:liens;padding: 0.2rem; margin-top: 1rem; }
.liens .footimage { width: 30vw;margin-left: auto;margin-right: auto;text-align: center; }
.liens .footimage img {width: 18rem; }

a._footer {
  list-style-type: none; }

#menu_footer {
  display:grid;
  grid-template-columns:auto;
  grid-template-rows:auto auto auto auto auto auto auto auto;
  grid-template-areas:"1" "2" "3" "4" "5" "6" "7" "8";
  padding-top:1rem;
  margin-left: auto;
  margin-right: auto;
  width: auto; }
#menu_footer li {
    padding: 0 0.5rem }
}
/*--------------------SCSS/MEDIAQUERIES/_1280-1599px.SCSS------------------------------*/
@media (min-device-width: 1280px) and (max-device-width: 1599px) {
  header {
    grid-area: header;
    display: grid;
    grid-template-columns: max-content auto max-content;
    grid-template-areas: "logo . contact" "logo . baseline" "logo . panier" "breadcrumb breadcrumb breadcrumb";
    }
     div#contact {
    position: relative;
    background-color: transparent;
    box-shadow: none;
    grid-template-columns: auto auto 25px 25px 25px;
    grid-template-rows: 25px;
    grid-template-areas: "tel mail shop fb inst";
    margin-right: 0;
    font-size: 1rem; }
    div#contact span.mail {
      text-align: center; }
    div#contact span.mail, div#contact span.tel {
      margin-right: 2rem; }
  #logo img {
    width: 25rem;
    max-width: 30rem;
    padding: 1rem; }
  #baseline {
    grid-area: baseline;
    margin-right: 1rem;
    font-size: 2rem;
    text-align: right; }
  #top-nav {
    grid-area: top-nav;
    display: grid;
    width: 100vw;
    grid-template-columns: 37vw auto 300px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "nav nav nav" "infos infos infos" "nav_alt nav_alt nav_alt";
    text-align: center;
    z-index: 50; }
  ul#menu_accueil {
    text-align: center;
    display: grid;
    padding: 0.2rem;
    grid-template-columns: repeat(6, auto);
    grid-template-rows: auto;
    grid-template-areas: "menu_0 menu_1 menu_2 menu_3 menu_4 menu_5";
    gap: 0.2rem; }
    ul#menu_accueil li {
      font-size: 1.2rem; }
      ul#menu_accueil li.item-101 {
        /*Accueil*/
        grid-area: menu_0;
        width: 2rem;
        height: auto; }
  div#fond_mobile {
    grid-area: fond_mobile; }
    div#fond_mobile div[id^=mod-custom] {
      display: grid;
      width: 100vw;
      grid-template-columns: 300px auto;
      grid-template-rows: 300px;
      grid-template-areas: "image citations";
      background-size: cover;
      background-repeat: no-repeat; }
      div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile {
        grid-area: image;
        width: 250px;
        height: 250px;
        border-radius: 125px;
        margin: 1vw;
        margin-left: auto;
        margin-right: auto;
        background-size: cover;
        background-position: center center;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile.accueil {
          background-image: url("../images/fond_accueil_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.choix_udana {
          background-image: url("../images/fond_choix_udana_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.formation {
          background-image: url("../images/fond_formation_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.formatrice {
          background-image: url("../images/fond_formatrice_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.contact {
          background-image: url("../images/fond_mobile_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.financement {
          background-image: url("../images/fond_financement_600.jpg"); }
  #citations {
    grid-area: citations;
    width: 100%; }
    #citations div.newsflash {
      font-size: 2.5rem;
      align-self: center;
      padding: 2vw; }
  #contenu {
    grid-area: contenu;
    display: grid;
    grid-template-columns: 25% 50% 25%;
    grid-template-rows: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content);
    grid-template-areas: ". message ." "main-top main-top main-top" "left article right" "main-bottom main-bottom main-bottom"; }
  div#message {
    grid-area: message; }
    div#article img {
      display: block;
      width: 45%; }
  div#compteurs {
    font-size: 2rem; }
    div#compteurs span.valeur_presentiel {
      font-size: 4rem; }

footer {
    display:grid;
   grid-template-columns:auto auto auto;
  grid-template-rows:auto auto auto;
  grid-template-areas:"valid valid valid" "part menu labels" "liens liens liens";
  margin-top: 1em;
  text-align: center;
  background-color: white;
  font-size: 0.8rem;
  color: #17a638; }
div.partenaires{grid-area:part;}
div.validations{grid-area:valid;border-bottom:1px solid lightgray;}
div.labels{grid-area:labels;}
div.partenaires a img {width: 150px;padding: 0 1rem;}
div.partenaires p {padding: 0;}
div.validations a img {width: 100vw;padding: 1rem;max-width: 500px;}
div.labels a img,div.labels img  {width:100px; margin:0.5rem;}
.liens {grid-area:liens;padding: 0.2rem; margin-top: 1rem; }
.liens .footimage { width: 30vw;margin-left: auto;margin-right: auto;text-align: center; }
.liens .footimage img {width: 18rem; }
a._footer {
  list-style-type: none; }

#menu_footer {
  display:grid;
  grid-template-columns:auto;
  grid-template-rows:auto auto auto auto auto auto auto auto;
  grid-template-areas:"1" "2" "3" "4" "5" "6" "7" "8";
  padding-top:1rem;
  margin-left: auto;
  margin-right: auto;
  width: auto; }
#menu_footer li {
    padding: 0 0.5rem }
}
/*--------------------SCSS/MEDIAQUERIES/_1600px-more.SCSS------------------------------*/
@media (min-device-width: 1600px) {
  header {
    grid-area: header;
    display: grid;
    grid-template-columns: max-content auto max-content;
    grid-template-areas: "logo . contact" "logo . baseline" "logo . panier" "breadcrumb breadcrumb breadcrumb";}
  
  div#contact {
    position: relative;
    background-color: transparent;
    box-shadow: none;
    grid-template-columns: auto auto 25px 25px 25px;
    grid-template-rows: 25px;
    grid-template-areas: "tel mail shop fb inst";
    margin-right: 0;
    font-size: 1.2rem; }
    div#contact span.mail {
      text-align: center; }
    div#contact span.mail, div#contact span.tel {
      margin-right: 2rem; }
  #logo img {
    width: 30rem;
    max-width: 40rem;
    padding: 1rem; }
  #baseline {
    grid-area: baseline;
    margin-right: 1rem;
    font-size: 2.5rem;
    text-align: right; }
  #top-nav {
    grid-area: top-nav;
    display: grid;
    width: 100%;
    grid-template-columns: 37vw auto 300px;
    grid-template-rows: auto auto auto;
    grid-template-areas: "nav nav nav" "infos infos infos" "nav_alt nav_alt nav_alt";
    text-align: center;
    z-index: 50; }
  ul#menu_accueil {
    text-align: center;
    display: grid;
    padding: 0.2rem;
    grid-template-columns: repeat(6, auto);
    grid-template-rows: auto;
    grid-template-areas: "menu_0 menu_1 menu_2 menu_3 menu_4 menu_5";
    gap: 0.2rem; }
    ul#menu_accueil li {
      font-size: 1.2rem; }
      ul#menu_accueil li.item-101 {
        /*Accueil*/
        grid-area: menu_0;
        width: 2rem;
        height: auto; }
  div#fond_mobile {
    grid-area: fond_mobile; }
    div#fond_mobile div[id^=mod-custom] {
      display: grid;
      grid-template-columns: 300px auto;
      grid-template-rows: 300px;
      grid-template-areas: ". image citations .";
      background-size: cover;
      background-repeat: no-repeat; }
      div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile {
        grid-area: image;
        width: 250px;
        height: 250px;
        border-radius: 125px;
        margin: 1vw;
        margin-left: auto;
        margin-right: auto;
        background-size: cover;
        background-position: center center;
        box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile.accueil {
          background-image: url("../images/fond_accueil_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.choix_udana {
          background-image: url("../images/fond_choix_udana_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.formation {
          background-image: url("../images/fond_formation_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.formatrice {
          background-image: url("../images/fond_formatrice_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.contact {
          background-image: url("../images/fond_mobile_600.jpg"); }
        div#fond_mobile div[id^=mod-custom] div.image_module_fond_mobile div.financement {
          background-image: url("../images/fond_financement_600.jpg"); }
  #citations {
    grid-area: citations;
    width: 100%; }
    #citations div.newsflash {
      font-size: 2vw;
      align-self: center;
      padding: 1.5vw; }
  #contenu {
    grid-area: contenu;
    display: grid;
    grid-template-columns: 25% 50% 25%;
    grid-template-rows: minmax(0, max-content) minmax(0, max-content) minmax(0, max-content) minmax(0, max-content);
    grid-template-areas: ". message ." "main-top main-top main-top" "left article right" "main-bottom main-bottom main-bottom"; }
  div#message {
    grid-area: message; }
    div#article img {
      display: block;
      width: 45%; }
  div#compteurs {
    font-size: 2rem; }
    div#compteurs span.valeur_presentiel {
      font-size: 4rem; }
  footer {
    display:grid;
   grid-template-columns:auto auto auto;
  grid-template-rows:auto auto auto;
  grid-template-areas:"valid valid valid" "part menu labels" "liens liens liens";
  margin-top: 1em;
  text-align: center;
  background-color: white;
  font-size: 0.8rem;
  color: #17a638; }
div.partenaires{grid-area:part;}
div.validations{grid-area:valid;border-bottom:1px solid lightgray;}
div.labels{grid-area:labels;}
div.partenaires a img {width: 150px;padding: 0 1rem;}
div.partenaires p {padding: 0;}
div.validations a img {width: 100vw;padding: 1rem;max-width: 500px;}
div.labels a img,div.labels img  {width:100px; margin:0.5rem;}
.liens {grid-area:liens;padding: 0.2rem; margin-top: 1rem; }
.liens .footimage { width: 30vw;margin-left: auto;margin-right: auto;text-align: center; }
.liens .footimage img {width: 18rem; }

}

/*--------------------SCSS/MEDIAQUERIES/_TV.SCSS------------------------------*/
@media tv(min-device-width: 1920px) and (max-resolution:72dpi) {
  body {
    font-size: 1.3rem; }
  div.deco_article_haut {
    background-image: url(../images/deco_article_haut_2000.png); }
  div.deco_article_bas {
    background-image: url(../images/deco_article_bas_2000.png); }
  div#article {
    background-image: url(../images/fond_article_2000.png); }
}

/*--------------------SCSS/MEDIAQUERIES/_PAYSAGE.SCSS------------------------------*/
@media screen and (orientation: landscape) {
  @-webkit-keyframes fond {
    from {
      background-size: 100% auto; }
    to {
      background-size: 120% auto; } }
  @keyframes fond {
    from {
      background-size: 100% auto; }
    to {
      background-size: 120% auto; } } }
/*--------------------SCSS/MEDIAQUERIES/_PORTRAIT.SCSS------------------------------*/
@media screen and (orientation: portrait) {
  @-webkit-keyframes fond {
    from {
      background-size: auto 100%; }
    to {
      background-size: auto 120%; } }
  @keyframes fond {
    from {
      background-size: auto 100%; }
    to {
      background-size: auto 120%; } } }