@charset "UTF-8";

/* BREAKPOINT
TINY
480 @media (max-width: 575px) { ... }

SMALL landscape phone
@media (min-width: 576px) and (max-width: 767px) { ... }

MEDIUM tablet
@media (min-width: 768px) and (max-width:991px)  { ... }

LARGE
@media (min-width: 992px) and (max-width:1023px)  { ... }

EXTRA
@media (min-width: 1200px)
*/

/* ----------------------------- */
/* ==Reset (base)                */
/* ----------------------------- */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 0;
  min-height: 0;
}

html {
  font-size: 62.5%; /* set base font-size to equiv "10px", which is adapted to rem unit */
  font-family: sans-serif;
  line-height: 1.15;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
          overflow: scroll;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
   /* Style de la case à cocher et de l'info-bulle */
 .checkbox-container {
   position: relative;
 }

.tooltip {
  visibility: hidden;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 125%; /* Position au-dessus de la case */
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
  white-space: nowrap;
  pointer-events: none; /* Empêche l'info-bulle de bloquer le survol */
}

.checkbox-container:hover .tooltip {
  visibility: visible;
  opacity: 1;
}

body {
  margin: 0;
  font-family: Roboto, Graphik, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1.4rem;
  direction: ltr;
  font-weight: 400;
  line-height: 1.5;
  background-color: #edecec;
  text-align: left;
  color: #000
}

@media (min-width: 576px) {
  body {
    font-size: 1.6rem;
  }
}

@-ms-viewport {
  width: device-width
}

@-o-viewport {
  width: device-width
}

@viewport {
  width: device-width
}

h1, h2, h3, h4, h5, h6,
.h1-like, .h2-like, .h3-like, .h4-like, .h5-like, .h6-like  {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.15;
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0
}


article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block
}


[tabindex="-1"]:focus {
  outline: none !important
}


p,
address,
ol,
ul,
blockquote,
dl,
pre,
dt,
dd {
  margin-top: 0;
  margin-bottom: 1rem;
}

address {
  font-style: normal;
  line-height: inherit
}

dd {
  margin-top: 0;
  margin-bottom: 0.5rem;
  line-height: 1.15;
  margin-left: 0
}

dt {
  font-weight: 700
}

ol ol,
ol ul,
ul ol,
ul ul,
li ul,
li ol,
nav ul,
nav ol,
li p,
li .p-like {
  margin-top: 0;
  margin-bottom: 0;
}

ul,
ol {
  padding-left: 2em
}

nav ul,
nav ol {
  list-style: none;
  padding: 0;
}

/* Embed content */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

img,
table,
td,
blockquote,
pre,
code,
input,
textarea,
select,
video,
svg,
iframe {
  max-width: 100%;
}

iframe,
img,
input,
select,
textarea {
  height: auto;
}

img {
  border-style: none;
  height: auto
}

iframe {
  border-style: none;
}

svg:not([fill]) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden
}

/* Table */
table {
  border-collapse: collapse;
}

table,
.table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
  margin-bottom: 2rem
}

.table {
  display: table;
  border: 1px solid #acb3c2;
  background: transparent
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; /*1px*/
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 1rem 0 2rem;
  clear: both;
  padding: 0;
  color: inherit;
}

/* hidden but not for an assistive technology like a screen reader, Yahoo! method */
.visuallyhidden,.visually-hidden,.sr-only,.tabs-content-item[aria-hidden="true"] {
  position: absolute !important;
  border: 0 !important;
  height: 1px !important;
  top: auto;
  width: 1px !important;
  margin: -1px;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  word-wrap: normal!important
}

[hidden] {
  display: none !important
}

/* ==IMPORTANT ACCESSIBLE */
@media (prefers-reduced-motion: reduce){
*{ animation: 0s ease 0s 1 normal none running none !important;
 transition: none 0s ease 0s !important;
 }
}
/* new reborn */


/* === aria reborn === */
/*
	* Change the cursor on busy elements in all browsers.
 */
[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers.
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers.
 */
[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers.
 */
[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/* Remove the tapping delay on clickable elements in all browsers */
a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
      touch-action: manipulation
}

/*
 * 1. Change the inconsistent appearance in all browsers.
 * 2. Add typography inheritance in all browsers.
 */
button,
input,
select,
optgroup,
textarea {
  margin: 0;
  /*background-color: transparent;*/
  /* 1 */
  color: inherit;
  /* 1 */
  font-family: inherit;
  /* 2 */
  font-size: inherit;
  /* 2 */
  line-height: inherit;
  /* 2 */
  letter-spacing: inherit;
  /* 2 */
  vertical-align: middle;
}

/* correction IE */
button,
input {
  overflow: visible
}
/* correction firefox */
button,
select {
  text-transform: none
}

button,
html [type="button"],
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none
}

form,
fieldset {
  border: none;
}

fieldset {
  margin: 0;
  padding: 0; /*2rem*/
}

legend, fieldset legend {
  display: table; /*block*/
  max-width: 100%;
  padding: 0 0.5rem;/*mettre 0 ??*/
  border: 0;
  color: inherit;
  white-space: normal;
  font-size: 1.5rem; /*old value*/
  line-height: inherit; /*old value*/
}

label {
  display: inline-block;
  margin-bottom: .5rem;  /*old value*/
  cursor: pointer
}

textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
  white-space: pre-wrap;
}

b,
strong {
  font-weight: 700
}

small {
  font-size: 80%
}


a {
  color: #126a8b;
  text-decoration: none;
  background-color: transparent
}

a:focus, a:hover, a:active {
  color: #2e65b4;
  text-decoration: underline
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none
}

a:not([href]):not([tabindex]):focus {
  outline: 0
}

figure {
  margin: 0 0 1rem
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #999999;
  text-align: left;
  caption-side: bottom
}

th {
  text-align: inherit
}

button {
  border-radius: 0.5rem
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}


input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
     -moz-appearance: listbox;
          appearance: listbox
}


[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: textfield; /*old value none*/
     -moz-appearance: textfield;
          appearance: textfield;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
          appearance: button
}


/* ==AUTRE KNACSS            */

/* Headings */
h1, .h1-like {
  font-size: 1.8rem;
  font-weight: 500
}

h2, .h2-like {
  font-size: 1.6rem;
  font-weight: 500
}

h3, .h3-like {
  font-size: 1.4rem;
  font-weight: 500
}

h4, .h4-like {
  font-size: 1.4rem;
  font-weight: 500
}

@media (min-width: 576px) {
  h1, .h1-like {
    font-size: 2rem;
    letter-spacing: -0.05rem;
  }
  h2, .h2-like {
    font-size: 1.8rem;
    letter-spacing: -0.05rem;
  }
  h3, .h3-like {
    font-size: 1.6rem;
  }
  h4, .h4-like {
    font-size: 1.4rem;
  }
}

/* Styling elements */

em,
.italic,
cite,
i,
var {
  font-style: italic
}

/*-2-*/


/*-3-*/


.flex-container, .flex-container--row,
.flex-row, .flex-container--column,
.flex-column, .flex-container--row-reverse,
.flex-row-reverse, .flex-container--column-reverse,
.flex-column-reverse,
.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap
}

/*-4-*/

.flex-item-fluid,
.item-fluid {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0%;
          flex: 1 1
}

/* ==Helpers                          */
/* Typo Helpers  */
.u-bold {
  font-weight: 700
}

.u-italic {
  font-style: italic
}

.u-normal {
  font-weight: normal;
  font-style: normal
}

.u-uppercase {
  text-transform: uppercase
}

.u-lowercase {
  text-transform: lowercase
}

.u-smaller {
  font-size: 0.6em
}

.u-small {
  font-size: 0.8em
}
/* Ajout u-simi car small trop petit */
.u-simi {font-size: 0.9em}

.u-big {
  font-size: 1.2em
}

.u-bigger {
  font-size: 1.5em
}

.u-biggest {
  font-size: 2em
}

.u-txt-wrap {
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto
}

.u-txt-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis
}

/* text and contents alignment */
.txtleft,
.u-txt-left {
  text-align: left
}

.txtright,
.u-txt-right {
  text-align: right
}

.txtcenter,
.u-txt-center {
  text-align: center
}

/* blocks that need to be placed under floats */
.clear,
.u-clear {
  clear: both
}

/* blocks that must contain floats */
.clearfix::after,
.u-clearfix::after {
  content: "";
  display: table;
  clear: both;
  border-collapse: collapse
}

/* simple blocks alignment */
.left .u-left {
  margin-right: auto
}

.right,
.u-right {
  margin-left: auto
}

.center,
.u-center {
  margin-left: auto;
  margin-right: auto
}

/* Global Micro Layout */
/* ------------------- */
/* module, gains superpower "BFC" Block Formating Context */


/* floating elements */
.fl,
.u-fl {
  float: left
}

.fr,
.u-fr {
  float: right
}
/*-7-*/

/* inline-block */
.inbl,
.u-inbl {
  display: inline-block;
  vertical-align: top
}

/* State Helpers */
/* ------------- */
/* invisible for all */
.hidder,
.is-hidden,
.js-hidden,
[hidden] {
  display: none !important
}

/*-8-*/

.w100 {
  width: 100%
}

.w95 {
  width: 95%
}

.w90 {
  width: 90%
}

.w85 {
  width: 85%
}

.w80 {
  width: 80%
}

.w75 {
  width: 75%
}

.w70 {
  width: 70%
}

.w65 {
  width: 65%
}

.w60 {
  width: 60%
}

.w55 {
  width: 55%
}

.w50 {
  width: 50%
}

.w45 {
  width: 45%
}

.w40 {
  width: 40%
}

.w35 {
  width: 35%
}

.w30 {
  width: 30%
}

.w25 {
  width: 25%
}

.w20 {
  width: 20%
}
.w23 {
  width: 23%
}
.w17 {
  width: 17%
}
.w15 {
  width: 15%
}

.w10 {
  width: 10%
}

.w5 {
  width: 5%
}

.w66 {
  width: calc(100% / 3 * 2)
}

.w33 {
  width: calc(100% / 3)
}

.wauto {
  width: auto
}
/*-9-*/
/* Spacing Helpers */
/*-10 sans les tailles 0 et L -*/

.mas {
  margin: 1rem
}

.mam {
  margin: 2rem
}

.pas {
  padding: 1rem
}

.pam {
  padding: 2rem
}


.mts {
  margin-top: 1rem
}

.mtm {
  margin-top: 2rem
}

.mrs {
  margin-right: 1rem
}

.mrm {
  margin-right: 2rem
}

.mbs {
  margin-bottom: 1rem
}

.mbm {
  margin-bottom: 2rem
}


.mls {
  margin-left: 1rem
}

.mlm {
  margin-left: 2rem
}


.pts {
  padding-top: 1rem
}

.ptm {
  padding-top: 2rem
}


.prs {
  padding-right: 1rem
}

.prm {
  padding-right: 2rem
}


.pbs {
  padding-bottom: 1rem
}

.pbm {
  padding-bottom: 2rem
}

.pls {
  padding-left: 1rem
}

.plm {
  padding-left: 2rem
}
.maxs {margin:0.3rem}

.paxs  {padding:0.3rem}
.plrs {padding-right: 1rem;padding-left:1rem}


/* tiny screens */
/* ------------ */
@media (max-width: 575px) {
  /* quick small resolution reset */
  .mod,
  .col,
  fieldset {
    display: block !important;
    float: none !important;
    clear: none !important;
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border: 0;
  }
  .flex-container, .flex-container--row,
  .flex-row, .flex-container--column,
  .flex-column, .flex-container--row-reverse,
  .flex-row-reverse, .flex-container--column-reverse,
  .flex-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}


/* --------------------------------------- */
/* ==Grillade : ultra light Grid System    */
/* --------------------------------------- */
@media (min-width: 359px) {
  [class*=" grid-"],
  [class^="grid-"] {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: dense;
  }
  [class*=" grid-"].has-gutter,
  [class^="grid-"].has-gutter {
    grid-gap: 1rem;
  }
  [class*=" grid-"].has-gutter-l,
  [class^="grid-"].has-gutter-l {
    grid-gap: 2rem;
  }
  [class*=" grid-"].has-gutter-xl,
  [class^="grid-"].has-gutter-xl {
    grid-gap: 4rem;
  }
}

@media (min-width: 359px) {
  .autogrid,
  .grid {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
  }
  .autogrid.has-gutter,
  .grid.has-gutter {
    grid-column-gap: 1rem;
  }
  .autogrid.has-gutter-l,
  .grid.has-gutter-l {
    grid-column-gap: 2rem;
  }
  .autogrid.has-gutter-xl,
  .grid.has-gutter-xl {
    grid-column-gap: 4rem;
  }
}

[class*="grid-2"] {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: repeat(2, 1fr);
}

[class*="grid-3"] {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: repeat(3, 1fr);
}

[class*="grid-4"] {
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(4, 1fr);
}


[class*="col-1"] {
  grid-column: auto/span 1
}

[class*="row-1"] {
  grid-row: auto/span 1
}

[class*="col-2"] {
  grid-column: auto/span 2
}

[class*="row-2"] {
  grid-row: auto/span 2
}

[class*="col-3"] {
  grid-column: auto/span 3
}

[class*="row-3"] {
  grid-row: auto/span 3
}

[class*="col-4"] {
  grid-column: auto/span 4
}

[class*="row-4"] {
  grid-row: auto/span 4
}

/* intermediate breakpoints */
/*@media (min-width: 480px) and (max-width: 767px) {*/
@media (max-width: 767px) {
  [class*="grid-"][class*="-small-1"] {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
  }
  [class*="col-"][class*="-small-1"] {
    -ms-grid-column: span 1;
    grid-column: auto / span 1;
  }

  [class*="grid-"][class*="-small-2"] {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
  [class*="col-"][class*="-small-2"] {
    -ms-grid-column: span 2;
    grid-column: auto / span 2;
  }

  [class*="grid-"][class*="-small-3"] {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
  [class*="col-"][class*="-small-3"] {
    -ms-grid-column: span 3;
    grid-column: auto / span 3;
  }

  [class*="grid-"][class*="-small-4"] {
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
  [class*="col-"][class*="-small-4"] {
    -ms-grid-column: span 4;
    grid-column: auto / span 4;
  }

  [class*="-small-all"] {
    -ms-grid-column-span: all;
    grid-column: 1 / -1;
  }
}

.item-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1
}

.item-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1
}

.grid-offset {
  visibility: hidden
}

.col-all {
  grid-column: 1 / -1
}

.row-all {
  grid-row: 1 / -1
}

/* ----------------------------- */
/* ==Media object                */
/* ----------------------------- */
/* recommended HTML : <div class="media"><img class="media-figure"><div class="media-content"></div></div> */
/* see http://codepen.io/raphaelgoetter/pen/KMWWwj */
@media (min-width: 480px) {
  .media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .media-content {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1;
  }
  .media-figure--center {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .media--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

/* ----------------------------- */
/* ==skip links                  */
/* ----------------------------- */
/* see https://www.alsacreations.com/article/lire/572-Les-liens-d-evitement.html */
/* styling skip links */
.skip-links {
  position: absolute
}

.skip-links a {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0.5em;
  background: black;
  color: white;
  text-decoration: none
}

.skip-links a:focus {
  position: static;
  overflow: visible;
  clip: auto
}
a.skip-link {
    padding: 10px 20px;
    top: 32px
}

/* ----------------------------- */
/* ==Tables                      */
/* ----------------------------- */


.table--zebra tbody tr:nth-child(odd) {
  background: #f9dbdb
}

.table caption {
  caption-side: bottom;
  padding: 1rem;
  color: #333;
  font-style: italic;
  text-align: right
}

.table td,
.table th {
  padding: 0.3rem 0.6rem;
  min-width: 2rem;
  vertical-align: middle;
  border: 1px #acb3c2 dotted;
  text-align: left;
  cursor: default
}

.table thead {
  color: #2d2d2d;
  background: #ddd
}

.table--auto {
  table-layout: auto
}

/* ----------------------------- */
/* ==Forms                       */
/* ----------------------------- */
/* thanks to HTML5boilerplate and https://shoelace.style/ */
/* forms items */
[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
  outline: none;
  font-family: inherit;
  font-size: inherit;
  border: 1px solid #126a8b;
  border-radius:4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  outline:none;
  /*-webkit-box-shadow: 0 0 0 1px #9a1111 inset;
          box-shadow: 0 0 0 1px #9a1111 inset;*/
  color: #2d2d2d;
  vertical-align: middle;
  padding: 0.5rem 1rem;
  margin: 0;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  -webkit-transition-property: background-color, color, border, -webkit-box-shadow;
  transition-property: background-color, color, border, -webkit-box-shadow;
  transition-property: box-shadow, background-color, color, border;
  transition-property: box-shadow, background-color, color, border, -webkit-box-shadow;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none
}

/*input[type=text], input[type=email], textarea {
   width:100%;
   max-width:250px;
   margin:8px 0;
   padding:8px;
   box-sizing:border-box;
}
input[type=text], input[type=email]{
height:35px;
}
textarea {
height:75px
}
*/

.form-icon:focus,.form-input:focus
 {
    box-shadow: 0 0 4px 0 #126a8b;
    -webkit-box-shadow: 0 0 4px 0 #126a8b;
    -moz-box-shadow: 0 0 4px 0 #126a8b;
}
.form-icon:hover,.form-input:hover
 {
    box-shadow: 0 0 4px 0 #126a8b;
    -webkit-box-shadow: 0 0 4px 0 #126a8b;
    -moz-box-shadow: 0 0 4px 0 #126a8b;
}
.form-icon {
  display: inline-block;
  width: 3rem;
  background-color: #126a8b;
  color: #fff;
  padding: 0.5rem 0rem 0.5rem;
  /*margin-left: 15px;*/
  -webkit-border-radius: 4px 0px 0px 4px;
  -moz-border-radius: 4px 0px 0px 4px;
  border-radius: 4px 0px 0px 4px;
  /*-webkit-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
  -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.09);
  box-shadow: 1px 2px 5px rgba(0,0,0,.09);*/
  border:  1px solid #9a1111;
  transition:.25s;
}
.form-input {
  margin-left: -5px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  border: 1px solid #9a1111;
  max-width:85%;
}

@media (max-width:991px) /*and (max-width:545px)*/ {
    .formicon {
      display:none;
    }
}

[type="submit"] {
  background-color: #333;
  color: #fff;
  cursor: pointer
}

input[readonly] {
  background-color: #ebf1fc;
  color:#58677d
}

select {
  padding-right: 2rem;
  /*border-radius: 0;*/
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20style%3D%22isolation%3Aisolate%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20d%3D%22%20M%209.96%2011.966%20L%203.523%205.589%20C%202.464%204.627%200.495%206.842%201.505%207.771%20L%201.505%207.771%20L%208.494%2014.763%20C%209.138%2015.35%2010.655%2015.369%2011.29%2014.763%20L%2011.29%2014.763%20L%2018.49%207.771%20C%2019.557%206.752%2017.364%204.68%2016.262%205.725%20L%2016.262%205.725%20L%209.96%2011.966%20Z%20%22%20fill%3D%22inherit%22/%3E%3C/svg%3E");
  background-position: right .6rem center;
  background-repeat: no-repeat;
  background-size: 1.2rem
}

/* hiding IE11 arrow */
select::-ms-expand {
  display: none
}



/* 'x' appears on right of search input when text is entered. This removes it */
/*[type="search"]::-webkit-search-decoration, [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-results-button, [type="search"]::-webkit-search-results-decoration {
  display: none
}*/

::-webkit-input-placeholder {
  color: #777
}
/* reborn
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
*/

::-moz-placeholder {
  color: #777
}

:-ms-input-placeholder {
  color: #777
}

::-ms-input-placeholder {
  color: #777
}

::placeholder {
  color: #777
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #777
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #777
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #777
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #777
}

input::placeholder,
textarea::placeholder {
  color: #777
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}


/* ----------------------------- */
/* ==Buttons                     */
/* ----------------------------- */
/* preferably use <button> for buttons !*/
/* use .btn-- or .button-- classes for variants */
.btn,
.button,
[type="button"],
button, .btn--primary,
.button--primary, .btn--success,
.button--success, .btn--info,
.button--info, .btn--warning,
.button--warning, .btn--danger,
.button--danger, .btn--inverse,
.button--inverse, .btn--ghost,
.button--ghost,
.btn--bleu, .btn--orange, .btn--rouge, .btn--vert, .btn--gris,.btn--rouge {
  display: inline-block;
  padding: 1rem 1.5rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transition: 0.25s;
  transition: 0.25s;
  -webkit-transition-property: background-color, color, border, -webkit-box-shadow;
  transition-property: background-color, color, border, -webkit-box-shadow;
  transition-property: box-shadow, background-color, color, border;
  transition-property: box-shadow, background-color, color, border, -webkit-box-shadow;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
  color: #2d2d2d;
  border: none;
  border-radius: 0.5rem;
  background-color: #e7e9ed;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  /*background-image: url("../icon/3dbg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%*/
}

.btn:focus,
.button:focus,
[type="button"]:focus,
button:focus {
  -webkit-tap-highlight-color: transparent
}

/*-11 used button-*/
.btn--success,
.button--success {
  background-color: #0da000;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none
}

.btn--success:active, .btn--success:focus, .btn--success:hover,
.button--success:active,
.button--success:focus,
.button--success:hover {
  background-color: #449d44
}


.btn--warning,
.button--warning {
  background-color: #ffbf5f;
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none
}

.btn--warning:active, .btn--warning:focus, .btn--warning:hover,
.button--warning:active,
.button--warning:focus,
.button--warning:hover {
  background-color: #ec971f
}

.btn--danger,
.button--danger {
  background-color: #c91111;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none
}

.btn--danger:active, .btn--danger:focus, .btn--danger:hover,
.button--danger:active,
.button--danger:focus,
.button--danger:hover {
  background-color: #c9302c
}

.btn--ghost,
.button--ghost {
  background-color: transparent;
  color: #fff;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
          box-shadow: 0 0 0 1px #fff inset
}

.btn--ghost:active, .btn--ghost:focus, .btn--ghost:hover,
.button--ghost:active,
.button--ghost:focus,
.button--ghost:hover {
  background-color: rgba(0, 0, 0, 0)
}

.btn--small,
.button--small {
  padding: 0.7rem 1rem;
  font-size: .8em
}

.btn--big,
.button--big {
  padding: 1.5rem 2rem;
  font-size: 1.4em
}

.btn--block,
.button--block {
  width: 100% !important;
  display: block
}/* ----------------------------- */
/* ==Checkbox, radio, switch     */
/* ----------------------------- */
/* use .checkbox class on input type=checkbox */
/* recommended HTML : <input type="checkbox" class="checkbox" id="c1"><label for="c1">click here</label> */
/* use .radio class on input type=radio */
/* recommended HTML : <input type="radio" class="radio" name="radio" id="r1"><label for="r1">Click here</label> */
/* use .switch class on input type=checkbox */
.checkbox {
  border-radius: 4px
}

/*.switch {
  border-radius: 3em
}*/

.radio {
  border-radius: 50%
}

/*.switch,*/
.checkbox,
.radio {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: text-bottom;
  outline: 0;
  cursor: pointer
}

/*.switch ~ label,*/
.checkbox ~ label,
.radio ~ label {
  cursor: pointer
}

/*.switch::-ms-check,*/
.checkbox::-ms-check,
.radio::-ms-check {
  display: none
}
/*-12 switch-*/

.checkbox {
  width: 2rem;
  height: 2rem;
  -webkit-box-shadow: inset 0 0 0 1px #126a8b;
          box-shadow: inset 0 0 0 1px #2e65b4;
  background-color: #fff;
  -webkit-transition: background-color .15s;
  transition: background-color .15s
}

.checkbox:checked {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%220%200%208%208%22%20enable-background%3D%22new%200%200%208%208%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M6.4%2C1L5.7%2C1.7L2.9%2C4.5L2.1%2C3.7L1.4%2C3L0%2C4.4l0.7%2C0.7l1.5%2C1.5l0.7%2C0.7l0.7-0.7l3.5-3.5l0.7-0.7L6.4%2C1L6.4%2C1z%22%20%2F%3E%0A%3C%2Fsvg%3E");
  background-size: 60% 60%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #2e65b4
}

.radio {
  width: 2rem;
  height: 2rem;
  background-size: 0% 0%;
  -webkit-transition: background-size .15s;
  transition: background-size .15s;
  -webkit-box-shadow: inset 0 0 0 1px #2e65b4;
          box-shadow: inset 0 0 0 1px #2e65b4;
  background-color: #fff
}

.radio:checked {
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20standalone%3D%22no%22%3F%3E%3Csvg%20version%3D%221.1%22%20width%3D%22100%22%20height%3D%22100%22%0AviewBox%3D%220%200%2080%2080%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2224%22%20style%3D%22fill%3A%23126a8b%22/%3E%3C/svg%3E");
  background-size: 90% 90%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff
}

/*-13 tabs et arrows-*/


/* ----------------------------- */
/* ==Tags                      */
/* ----------------------------- */
/* use .tag-- classes for variants */
.tag, .tag--primary, .tag--success, .tag--info, .tag--warning, .tag--danger, .tag--inverse, .tag--ghost, .tag--rouge, .tag--icon,.tag--icon2 {
  display: inline-block;
  padding: 3px 0.5rem;
  vertical-align: baseline;
  /*white-space: nowrap;*/
  white-space: normal;
  color: #2d2d2d;
  border-radius: 0.5rem;
  background-color: #e7e9ed;
  line-height: 1
}

.tag--icon {
	padding: 0.5rem 0.5rem;
	background-color: #c7c7c725;
	color: #2e65b4;
  -webkit-box-shadow: none;
  box-shadow: none
}
.tag--icon2 {
	padding: 0.1rem 0.5rem;
	font-size: 1.1em;
	background-color: #c7c7c725;
	color: #2e65b4;
  -webkit-box-shadow: none;
  box-shadow: none
}

.tag--primary {
  background-color: #0275D8;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none
}

.tag--success {
  background-color: #0da000;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none
}

.tag--info {
  background-color: #5BC0DE;
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none
}

.tag--warning {
  background-color: #ffbf5f;
  color: #000;
  -webkit-box-shadow: none;
          box-shadow: none
}

.tag--danger,.tag--rouge {
  background-color: #c91111;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none
}
.tag--inverse{background-color:#f9cccc;color:#191111;-webkit-box-shadow:none;box-shadow:none}
/*-tags used-*/


.tag--small {
  font-size: 1.2rem
}

.tag--big {
  font-size: 2rem
}

.tag--block {
  width: 100% !important;
  display: block
}

.tag.disabled, .disabled.tag--primary, .disabled.tag--success, .disabled.tag--info, .disabled.tag--warning, .disabled.tag--danger, .disabled.tag--inverse, .disabled.tag--ghost, .tag--disabled {
  opacity: 0.5;
  cursor: not-allowed
}
/*
.tag:empty, .tag--primary:empty, .tag--success:empty, .tag--info:empty, .tag--warning:empty, .tag--danger:empty, .tag--inverse:empty, .tag--ghost:empty {
  display: none
}
*/
/*ajout d'une regle pour eviter surlignement*/
[class*=grid] .tag--danger {
  display: block
}

.tag--danger a,.tag--danger a:hover,.tag--ghost a,.tag--ghost a:hover,.tag--info a,.tag--info a:hover,.tag--inverse a,.tag--inverse a:hover,.tag--primary a,.tag--primary a:hover,.tag--success a,.tag--success a:hover,.tag--warning a,.tag--warning a:hover,.tag a,.tag a:hover {
  color: unset;
  text-decoration: none
}

/* ----------------------------- */
/* ==Badges                      */
/* ----------------------------- */
/* use .badge-- classes for variants */
.badge, .badge--primary, .badge--success, .badge--info, .badge--warning, .badge--danger, .badge--inverse, .badge--ghost {
  display: inline-block;
  padding: 0.5rem;
  border-radius: 50%;
  color: #2d2d2d;
  background-color: #e7e9ed;
  line-height: 1
}

.badge::before, .badge--primary::before, .badge--success::before, .badge--info::before, .badge--warning::before, .badge--danger::before, .badge--inverse::before, .badge--ghost::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  padding-top: 100%
}
/*-15 used badges-*/


.badge--danger {
  background-color: #c91111;
  color: #fff
}
.userbadge {
  background-image: url(../icon/fondbille.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.userbadge a,.userbadge a:hover,.userbadge a:focus,.userbadge a:active {
  text-decoration: none;
  color:inherit;
}


/*- unused alert box-*/
/* ----------------------------- */
/* ==STYLES PERSO                */
/* ----------------------------- */

/* CONTENEUR */
.container {
    width: 100%;
	margin-top: 0;
	margin-bottom: 0;
    margin-right: auto;
    margin-left: auto
}

/* SITE HEADER */
#header {
  padding: 0
}
.site-header {text-align: center;margin: 0 auto;background-color: rgb(89,11,11)}
@media (max-width: 480px) {
  .site-header {
  background-image: -moz-linear-gradient(0deg, rgba(44,11,11,1) 0%, rgba(201,17,17,1) 40%, rgba(201,17,17,1) 75%, rgba(221,92,92,1) 90%, rgba(201,17,17,1) 100%);
  background-image: -webkit-linear-gradient(0deg, rgba(44,11,11,1) 0%, rgba(201,17,17,1) 45%, rgba(201,17,17,1) 75%, rgba(221,92,92,1) 90%, rgba(201,17,17,1) 100%);
  background-image: linear-gradient(0deg, rgba(44,11,11,1) 0%, rgba(201,17,17,1) 45%, rgba(201,17,17,1) 75%, rgba(221,92,92,1) 90%, rgba(201,17,17,1) 100%);
  background-image: -o-linear-gradient(top, rgba(44,11,11,1) 0%, rgba(201,17,17,1) 45%, rgba(201,17,17,1) 75%, rgba(221,92,92,1) 90%, rgba(201,17,17,1) 100%)
  }
}
@media (min-width: 481px) and (max-width: 1023px) {
  #header {
    background-image: url(../icon/banniere768.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}
@media (min-width: 1024px) {
  #header {
    background-image: url(../icon/banniere1024.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
  }
}
/*.site-header p {
  margin: 0
}*/
#bienvenue{color:#fff;padding:0;vertical-align:middle;font-size:.8em;text-align:center}

/* BARRE MENU */

.myhead .container .flex-container, .myhead .container .flex-container--row, .myhead .container .flex-row, .myhead .container .flex-container--column, .myhead .container .flex-column, .myhead .container .flex-container--row-reverse, .myhead .container .flex-row-reverse, .myhead .container .flex-container--column-reverse, .myhead .container .flex-column-reverse
{
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
.menu .container .flex-container, .menu .container .flex-container--row, .menu .container .flex-row, .menu .container .flex-container--column, .menu .container .flex-column, .menu .container .flex-container--row-reverse, .menu .container .flex-row-reverse, .menu .container .flex-container--column-reverse, .menu .container .flex-column-reverse
{
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
.show-on-focus {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: 0;
    overflow: hidden;
    clip: rect(1px,1px,1px,1px);
    top: 0;
    left: 0
}

.show-on-focus:focus {
    z-index: 20;
	background-color:#f2f3f4;
    width: auto;
    height: auto;
    clip: auto
}


.menu {
	position: -webkit-sticky;
	position: sticky;
  box-shadow: 0px 5px 10px black;
	top: 0;
	width: 100%;
	z-index: 99
}

.grad {
background-color: rgba(79,87,91,0.3);
background-image: -moz-linear-gradient(0deg, rgba(181,176,176,0.5) 5%, rgba(79,87,91,0.5) 20%, rgba(79,87,91,0.5) 25%, rgba(255,255,255,0.5) 70%, rgba(206,200,200,0.5) 100%);
background-image: -webkit-linear-gradient(0deg, rgba(181,176,176,0.5) 5%, rgba(79,87,91,0.5) 20%, rgba(79,87,91,0.5) 25%, rgba(255,255,255,0.5) 70%, rgba(206,200,200,0.5) 100%);
background-image: linear-gradient(0deg, rgba(181,176,176,0.5) 5%, rgba(79,87,91,0.5) 20%, rgba(79,87,91,0.5) 25%, rgba(255,255,255,0.5) 70%, rgba(206,200,200,0.5) 100%);
background-image: -o-linear-gradient(top, rgba(181,176,176,0.5) 5%, rgba(79,87,91,0.5) 20%, rgba(79,87,91,0.5) 25%, rgba(255,255,255,0.5) 70%, rgba(206,200,200,0.5) 100%)
}
/* => bouton menu */
.navigation {
  border: 4px ridge rgb(119 119 119 / 30%);
	/*margin : 3px;
	border-radius: 1.5rem;
	border: solid 1px #c91111*/
}
.btnNav {
	/*position: relative;
	top: .5rem;
	float: right;
	border-radius: 50%;
	*/
	padding: 0;
	height: 1.6rem;
	width: 2rem;
	font-size: 2em;
	box-sizing: content-box;
	background-image: linear-gradient(to right, currentColor, currentColor);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 3px;
	background-color: transparent;
	border: 1rem solid transparent;
	outline: 0;
	color: #126a8b;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: .25s cubic-bezier(.17, .67, .89, 1.4);
	transition-property: transform;
	will-change: transform
}
.btnNav:focus {
  outline: 0
}

.btnNav::after,
.btnNav::before {
	content: "";
	border-radius :3px;
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	height: 3px;
	background: currentColor;
	transition: .25s;
	transition-property: transform, top;
	will-change: transform, top
}

.btnNav::before {
	top: 0
}

.btnNav::after {
	bottom: 0
}

.btnNav.active {
	background-image: none;
	/*background-color: #126a8b;
	border-color: #126a8b*/
}

.btnNav.active::after,
.btnNav.active::before {
	top: 50%
}

.btnNav.active::before {
	transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, 45deg)
}

.btnNav.active::after {
	transform: translate3d(0, -50%, 0) rotate3d(0, 0, 1, -45deg)
}

/* MENU LATERAL */
.closeBtn {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #126a8b;
  padding: 0 5px;
  background: #f5f4f3
}
.closeBtn:focus {
  outline: 3px solid #3d68a7
}

::-moz-focus-inner {
  border: 0;
  border-style: none;
  padding: 0;
}
:-moz-focusring {
  outline: 1px dotted ButtonText;
}
:-moz-ui-invalid {
  box-shadow: none;
}


.menu-desktop {
	color:#126a8b
}
.menu-desktop a {
	text-decoration: none;
	font-weight: 500
}
.menu-desktop ul {
	transition: all .3s ease;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 0;
    list-style-type: none;
    margin-left: auto
}
.menu-desktop li {
	list-style-type: none;
    cursor: pointer;
    display: block;
    /*position: relative;*/
    padding: 10px 0
}
.menu-desktop ul li i.icon-arrow--down::after {
	background-color : #126a8b!important
}
.menu-desktop li a:after {
  content: "";
  display: block;
  margin: auto;
  height: 2px;
  width: 0;
  background: transparent;
  transition: width .5s ease,background-color .5s ease
}

.menu-desktop li a:hover:after {
  width: 100%;
  background: #126a8b
}

.navMenu {
  width: 0;
  text-align : left;
  color: #fff;
  background: #4f575b;
  overflow: hidden;
  position: fixed;
  height: 100%;
  transition: width .4s linear;
  z-index: 100;
  left: 0;
  top: 0;
  transition: all 0.5s ease 0s
}

.navMenu.active {
	width: 100%
}
.navMenu.hidden {
  width: 0
}
.vh {
  visibility: hidden
}

.hamburger-z {
  z-index: 1
}

.navMenu a {
  text-decoration: none;
  font-weight: 500;
  color: #fff;
  font-size: 1.2em
}
.MenuContent {
	width:50%;
	height:80vh;
	margin : auto auto;
	overflow: auto
}
.navMenu .MenuContent ul li, .navMenu .MenuContent ul ul, .navMenu .MenuContent ul ul ul li {
	list-style-type: none;
	padding : 3px 1rem
}

.navMenu .MenuContent ul li a:after {
  content: "";
  display: block;
  margin: auto;
  height: 2px;
  width: 0;
  background: transparent;
  transition: width .5s ease,background-color .5s ease
}

.navMenu .MenuContent ul li a:hover:after {
  width: 100%;
  background: #fff
}


@media (max-width: 767px) {
  .navMenu {
    width: 100%;
  }
  .MenuContent {
	width:100%
}
}


.menu { height:45px}

.menu .site-logo {
	padding:0px 0px 0px 0px;
	margin:auto 0px
}
.menu .site-logo img {
	max-height:45px;
	max-width: 100%
}
.menu .site-logo amp-img img {
    max-height: 60px
}



.centerv {
  vertical-align: middle;
  margin-top: auto;
  margin-bottom: auto
}

.menu-mobile, .menu-messenger, .menu-panier {
	padding: 6px 0 0 0;
    font-size: 2rem
}



@media (max-width:991px)  {
	.container {
		padding-right: 10px;
		padding-left: 10px;
        max-width:990px
	}
	.menu-desktop {display:none}
	#navLateral ul {
		display: flex;
		flex-direction:row;
	}
	#navLateral {
		width:100%;
		top: auto;
		bottom: 0;
		box-sizing: border-box;
	}
	#navLateral ul {flex-direction: row;
	box-sizing: border-box;
		}
	#navLateral ul li {padding: 0 10px 0 10px}
}

@media (min-width: 992px) {
	.menu-mobile {display:none}
		#navLateral ul {
		display: flex;
		flex-direction:column;
	}
	#navLateral {
		right: 0;
		top: auto;
		bottom: 5%;
	}
	#navLateral ul {flex-direction: column}
	#navLateral ul li {padding: 10px 0 10px 0}
}
@media (min-width: 992px) {
  .container {
    padding-right: 10px;
    padding-left: 10px;
        max-width:1170px
  }
}
@media (min-width: 1360px) {
  .container {
    padding-right: 10px;
    padding-left: 10px;
        max-width:1360px
  }
}

.menu-search {
	padding: 8px 0 0 0
}
.menu .menu-desktop .menu-search .search-submit {
    display: block;
    padding-bottom: .5rem;
}
.search-field {
    line-height: 1;
    flex-grow: 1
}

.search-field input[type=submit]:hover {
    background-color: transparent
}

.search-field .widget-search {
    width: 100%
}

.search-field input[type=search] {
    background-color: #fff
}
.menu-desktop .menu-search {
  width: 100%;
  position: relative;
  display: flex
}
/*
.menu-desktop .search-field {
	margin: 0;
	padding: 10px 0;
	box-sizing: border-box;
line-height: 1;
flex-grow: 1;
display: inline-block;
display: inline-block;
border: 1px solid #ddd;
transition: all .3s ease;
appearance: none;
  width: 100%;
  border: 3px solid #00B4CC;
  border-right: none;
  padding: 5px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9DBFAF
}
.menu-desktop .search-field:focus{
  color: #00B4CC
}
.menu-desktop .search-submit {
  width: 40px;
  height: 50px;
  border: 1px solid #00B4CC;
  background: #00B4CC;
  text-align: center;
  color: #fff;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  font-size: 20px
}
*/
.menu-desktop .search-field {
direction: ltr;
height:30px;
word-break: break-word;
margin: 0;
padding-left: 12px;
box-sizing: border-box;
line-height: 1;
flex-grow: 1;
display: inline-block;
border: 1px solid #222;
  border-right: none;
  border-radius: 10px 0 0 10px;
  outline: none;
transition: all .3s ease;
appearance: none;
width: 100%;
background-color: #fafbfc;
/*color: #ffffff;*/
height: 30px;
font-size: 14px
}
/*.search-field::placeholder  {
color : #777}*/
/*#menu-cherche::placeholder {
color : #ccc}*/
.menu-desktop .search-submit {
  width: 30px;
  height:30px;
  padding:0;
  /*height: 50px;*/
  display: inline-block;
border: 1px solid #222;
  border-left: none;
  border-radius: 0 10px 10px 0;
  outline: none;
  background: #126a8b;
  text-align: center;
  color: #fff;
  fill:#fff;
  cursor: pointer;
  font-size: 20px
}

#navLateral {
-webkit-tap-highlight-color: rgba(0,0,0,0);
background: rgba(255,255,255,0.7);
box-sizing: border-box;
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
position: fixed;
z-index: 91;
transition: all 0.5s;
/*box-shadow: 0 3px 12px rgba(0, 0, 0, .15);
transition: box-shadow 150ms linear;*/
opacity:0.75
}

.grow { transition: all .2s ease-in-out}
.grow:hover { transform: scale(1.1)}

#navLateral ul {
	transition: all .3s ease;
    margin:0;
	padding:0;
    flex-wrap: wrap;
	justify-content: space-between;
    align-items: center;
    list-style-type: none
}
#navLateral li {
	list-style-type: none;
	color : #126a8b;
	background-color : #fff;
    cursor: pointer;
    display: block;
	border-radius:10px
}
#navLateral ul li:hover {
opacity:1
}

body, .maincontent {
	scroll-behavior: smooth
}
#maincontentid {
	scroll-behavior: smooth;
  padding-top: 1rem;
}


/* SOUS NAVIGATION*/
.subnav {
  float: left;
  overflow: hidden
}
.subnav-content {
  display: none;
  position: absolute;
  padding : 2px 5px;
  background-color: #126a8b;
  z-index: 100;
  border-radius: 5px 5px 10px 10px
}

.subnav-content a {
  float: left;
  color: #fff;
  text-decoration: none
}

.subnav-content a:hover {
  background-color: #f2f3f4;
  color: #126a8b
}

.subnav:hover .subnav-content {
  display: block
}

/* STYLE PERSO */
.grilled {
  background : rgb(224 228 245 / 65%);;
  border-radius: 2rem 2rem 1rem 1rem;
  -moz-border-radius-topleft: 2rem;
  -moz-border-radius-topright: 2rem;
  -moz-border-radius-bottomright: 1rem;
  -moz-border-radius-bottomleft: 1rem;
  border-radius: 0rem 2rem 0rem 1rem;
  border: 1px solid #126a8b
}

@media (max-width:480px) /*and (max-width:545px)*/ {
  [class*="major"] {
    grid-column: auto/span 2
  }
}

#ancreur,.double {
  border: 1px dotted #126a8b
}

#ancreur {
  height: 15rem;
  overflow-y: scroll;
  padding-left: 1rem
}

#ancreur a {
  text-decoration: none;
  color: #555555
}

#ancreur a:hover {
  color: #e50000;
  text-decoration: underline
}
.paside{ padding: 2rem 3rem;
 }

section {
  margin-top: .5rem
}

.txt-index a {
  text-decoration: none
}

.img-index {
  margin-bottom: 1rem;
}


.color-vert {
  color: #2e9e5b
}

.color-rouge {
  color: #c91111
}
.dewrap {
  white-space: normal !important;
}
.color-orange {
  color: #ffbf5f
}
.color-bleu {
  color: #2e65b4
}

.color-orange a,.color-orange a:hover {
  color: unset;
  text-decoration: none
}

.color-gris {
  color: #ccc
}

.color-gris a {
  color: unset;
  text-decoration: none
}

/*== Fil ARIANE ==*/
.ariane {
  padding: 0;
  line-height: 2;
}
.ariane li,.ariane ol {
  float: left;
  list-style-type: none;
  text-transform: capitalize;
  min-width: 4em;
  padding: 0 0.8em 0.8em 0
}

.ariane li a {
  color: #555555;
  text-decoration: none;
  display: inline-block
}

.ariane li a:active,.ariane li a:focus,.ariane li a:hover {
  color: #e50000;
  text-decoration: underline
}


.ariane .subnav-content {
    background-color: #f2f3f4;
}

.ariane li a span.toolrouge{
	display:none;
	color:#fff;
	background:rgba(201,17,17,1);
	padding:8px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:auto;
	text-align:center;
	position: absolute;
	z-index:10
}
.ariane li a:hover span.toolrouge{
	display:block
}
/*== TRIER par check*/
.tri input[type="radio"] {
    display:none;
}
.tri label {
  text-align:center;
  letter-spacing: -1px;
  background-color: #efefef;
  cursor:pointer;
  margin:0 4px;
  padding : 2px 3px 2px 0;
  background-image: url("../icon/3dbg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%
}
.tri input[type="radio"]:checked + label {
  background:#126a8b;
  border:0!important;
  color:#fff;
  background-image: url("../icon/3dbg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%
}

/*== ASPECT ratio */
[style*="--aspect-ratio"] > :first-child {
  width: 100%
}
[style*="--aspect-ratio"] > img {
  height: auto
}
@supports (--custom:property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
/*== FIN ASPECT ratio */

::selection {
  background: #f9cccc;
  color:#191111
}
::-moz-selection {
  background: #f9cccc;
   color:#191111
}

/* == BACKGROUND ==*/
.blue500 {
  background-color: #0275d8
}

.rouge500 {
  background-color: #c91111
}

.head500 {
  background-color: #ddd
}

/* == TABLE ODDEVEN==*/
.oddeven {
border:medium solid #22AAFF;
border-collapse:collapse;
table-layout:auto;}
.oddeven th, .oddeven td {
font-size:13px;
border:thin solid #22AAFF;
padding:5px;}
.oddeven th{background-color:#55acee;color:#fff;position: -webkit-sticky;position: sticky;top: -2;z-index: 2;white-space:nowrap; border-right: white 1px solid;}
.oddeven tbody tr:nth-child(even) {background-color: #ebf1fc;}
.oddeven tbody tr:nth-child(odd) {background-color: #fff;}
.oddeven .tdbig {
	font-size:16px;
}
.oddeven td a{color:#0443c2;text-decoration:none}
.oddeven td a:visited{color:#005b53}

/* == FADETTE TABLE ==*/
.fadette {
  font-family: monospace,"Lucida Sans Typewriter","Lucida Typewriter","DejaVu Sans Mono",Courier
}

.fadette table {
  table-layout: auto
}

.fadette table th {
  border-bottom: 1px dashed #666
}

.fadette table tfoot {
  border-top: 1px dashed #666
}

/* == CUT NO CUT ==*/
.nocut {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.iscut {
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}

/*== COMPTE CSS */
.boxcnx {
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  border-radius: 2rem;
  background-color: #efefef;
  border:1px #126a8b dotted;
}
.boxcnx-in {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top:1rem;
  padding-bottom:1rem
}
.boxcnx-in label {
  margin-bottom:0;
  vertical-align:top
}
.hrcnx {
  margin: 5px 0 5px 0;
  border: 0 dotted;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #126a8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #126a8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #126a8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #126a8b, #f0f0f0)
}

/* ==FONT == */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('fonts/Roboto-Regular-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: normal;
  font-display: swap;
  src: url('fonts/Roboto-Italic-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url('fonts/RobotoCondensed-Bold-webfont.woff') format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: bold;
  font-display: swap;
  src: url('fonts/RobotoCondensed-BoldItalic-webfont.woff') format('woff');
}

@font-face {
  font-family: 'sgx';
  src: url('fonts/sgx.eot?70796137');
  src: url('fonts/sgx.eot?70796137#iefix') format('embedded-opentype'),
       url('fonts/sgx.svg?70796137#sgx') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'sgx';
  src: url('fonts/sgx.eot?70796137');
  src: url('fonts/sgx.eot?70796137#iefix') format('embedded-opentype'),
       url('fonts/sgx.woff2?70796137') format('woff2'),
       url('fonts/sgx.woff?70796137') format('woff'),
       url('fonts/sgx.ttf?70796137') format('truetype'),
       url('fonts/sgx.svg?70796137#sgx') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap
}
[class^="k-"]:before, [class*=" k-"]:before {
  font-family: "sgx";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  font-size: 120%; 
  
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


/*PRINCIPAUX ITEMS ICONES*/
.k-attention:before { content: '\2699'; } /* '⚙' */
.k-folder:before { content: '\e011'; } /* '' */
.k-folder-add:before { content: '\e012'; } /* '' */
.k-folder-delete:before { content: '\e013'; } /* '' */
.k-archive:before { content: '\e014'; } /* '' */
.k-box:before { content: '\e015'; } /* '' */
.k-contacts:before { content: '\e035'; } /* '' */
.k-vcard:before { content: '\e036'; } /* '' */
.k-doc-remove:before { content: '\e039'; } /* '' */
.k-bell:before { content: '\e04c'; } /* '' */
.k-compass:before { content: '\e07d'; } /* '' */
.k-doc-add:before { content: '\e08f'; } /* '' */
.k-address:before { content: '\e0ad'; } /* '' */
.k-printy:before { content: '\e0b6'; } /* '' */
.k-feather:before { content: '\e0cd'; } /* '' */
.k-edit:before { content: '\e0ce'; } /* '' */
.k-warning:before { content: '\e0d2'; } /* '' */
.k-attention-filled:before { content: '\e0ee'; } /* '' */
.k-doc-text:before { content: '\e0f4'; } /* '' */
.k-chat:before { content: '\e0fd'; } /* '' */
.k-chat-alt:before { content: '\e0fe'; } /* '' */
.k-direction-outline:before { content: '\e116'; } /* '' */
.k-location:before { content: '\e117'; } /* '' */
.k-direction:before { content: '\e118'; } /* '' */
.k-map:before { content: '\e119'; } /* '' */
.k-doc:before { content: '\e11c'; } /* '' */
.k-music-outline:before { content: '\e800'; } /* '' */
.k-music:before { content: '\e801'; } /* '' */
.k-search-outline:before { content: '\e802'; } /* '' */
.k-videocam-outline:before { content: '\e803'; } /* '' */
.k-search:before { content: '\e804'; } /* '' */
.k-mail:before { content: '\e805'; } /* '' */
.k-heart:before { content: '\e806'; } /* '' */
.k-heart-filled:before { content: '\e807'; } /* '' */
.k-th-outline:before { content: '\e808'; } /* '' */
.k-star:before { content: '\e809'; } /* '' */
.k-star-filled:before { content: '\e80a'; } /* '' */
.k-user-outline:before { content: '\e80b'; } /* '' */
.k-user:before { content: '\e80c'; } /* '' */
.k-users-outline:before { content: '\e80d'; } /* '' */
.k-users:before { content: '\e80e'; } /* '' */
.k-user-add-outline:before { content: '\e80f'; } /* '' */
.k-user-add:before { content: '\e810'; } /* '' */
.k-user-delete-outline:before { content: '\e811'; } /* '' */
.k-user-delete:before { content: '\e812'; } /* '' */
.k-th:before { content: '\e813'; } /* '' */
.k-video:before { content: '\e814'; } /* '' */
.k-videocam:before { content: '\e815'; } /* '' */
.k-picture-outline:before { content: '\e816'; } /* '' */
.k-picture:before { content: '\e817'; } /* '' */
.k-camera-outline:before { content: '\e818'; } /* '' */
.k-camera:before { content: '\e819'; } /* '' */
.k-th-large-outline:before { content: '\e81a'; } /* '' */
.k-th-large:before { content: '\e81b'; } /* '' */
.k-th-list-outline:before { content: '\e81c'; } /* '' */
.k-th-list:before { content: '\e81d'; } /* '' */
.k-ok-outline:before { content: '\e81e'; } /* '' */
.k-ok:before { content: '\e81f'; } /* '' */
.k-cancel-outline:before { content: '\e820'; } /* '' */
.k-cancel:before { content: '\e821'; } /* '' */
.k-cancel-alt:before { content: '\e822'; } /* '' */
.k-cancel-alt-filled:before { content: '\e823'; } /* '' */
.k-cancel-circled-outline:before { content: '\e824'; } /* '' */
.k-cancel-circled:before { content: '\e825'; } /* '' */
.k-plus-outline:before { content: '\e826'; } /* '' */
.k-plus:before { content: '\e827'; } /* '' */
.k-minus-outline:before { content: '\e828'; } /* '' */
.k-minus:before { content: '\e829'; } /* '' */
.k-divide-outline:before { content: '\e82a'; } /* '' */
.k-divide:before { content: '\e82b'; } /* '' */
.k-eq-outline:before { content: '\e82c'; } /* '' */
.k-eq:before { content: '\e82d'; } /* '' */
.k-info-outline:before { content: '\e82e'; } /* '' */
.k-info:before { content: '\e82f'; } /* '' */
.k-home-outline:before { content: '\e830'; } /* '' */
.k-home:before { content: '\e831'; } /* '' */
.k-link-outline:before { content: '\e832'; } /* '' */
.k-link:before { content: '\e833'; } /* '' */
.k-attach-outline:before { content: '\e834'; } /* '' */
.k-attach:before { content: '\e835'; } /* '' */
.k-lock:before { content: '\e836'; } /* '' */
.k-lock-filled:before { content: '\e837'; } /* '' */
.k-lock-open:before { content: '\e838'; } /* '' */
.k-lock-open-filled:before { content: '\e839'; } /* '' */
.k-pin-outline:before { content: '\e83a'; } /* '' */
.k-pin:before { content: '\e83b'; } /* '' */
.k-eye-outline:before { content: '\e83c'; } /* '' */
.k-eye:before { content: '\e83d'; } /* '' */
.k-tag:before { content: '\e83e'; } /* '' */
.k-tags:before { content: '\e83f'; } /* '' */
.k-bookmark:before { content: '\e840'; } /* '' */
.k-thumbs-up:before { content: '\e843'; } /* '' */
.k-thumbs-down:before { content: '\e844'; } /* '' */
.k-download-outline:before { content: '\e845'; } /* '' */
.k-download:before { content: '\e846'; } /* '' */
.k-upload-outline:before { content: '\e847'; } /* '' */
.k-upload:before { content: '\e848'; } /* '' */
.k-upload-cloud-outline:before { content: '\e849'; } /* '' */
.k-upload-cloud:before { content: '\e84a'; } /* '' */
.k-reply-outline:before { content: '\e84b'; } /* '' */
.k-reply:before { content: '\e84c'; } /* '' */
.k-forward-outline:before { content: '\e84d'; } /* '' */
.k-forward:before { content: '\e84e'; } /* '' */
.k-code-outline:before { content: '\e84f'; } /* '' */
.k-code:before { content: '\e850'; } /* '' */
.k-export-outline:before { content: '\e851'; } /* '' */
.k-export:before { content: '\e852'; } /* '' */
.k-pencil:before { content: '\e853'; } /* '' */
.k-pen:before { content: '\e854'; } /* '' */
.k-rss-outline:before { content: '\e855'; } /* '' */
.k-rss:before { content: '\e856'; } /* '' */
.k-phone-outline:before { content: '\e857'; } /* '' */
.k-phone:before { content: '\e858'; } /* '' */
.k-menu-outline:before { content: '\e859'; } /* '' */
.k-menu:before { content: '\e85a'; } /* '' */
.k-cog-outline:before { content: '\e85b'; } /* '' */
.k-cog:before { content: '\e85c'; } /* '' */
.k-wrench-outline:before { content: '\e85d'; } /* '' */
.k-wrench:before { content: '\e85e'; } /* '' */
.k-basket:before { content: '\e85f'; } /* '' */
.k-calendar-outlilne:before { content: '\e860'; } /* '' */
.k-calendar:before { content: '\e861'; } /* '' */
.k-mic-outline:before { content: '\e862'; } /* '' */
.k-mic:before { content: '\e863'; } /* '' */
.k-volume-off:before { content: '\e864'; } /* '' */
.k-volume-low:before { content: '\e865'; } /* '' */
.k-volume-middle:before { content: '\e866'; } /* '' */
.k-volume-high:before { content: '\e867'; } /* '' */
.k-headphones:before { content: '\e868'; } /* '' */
.k-clock:before { content: '\e869'; } /* '' */
.k-wristwatch:before { content: '\e86a'; } /* '' */
.k-stopwatch:before { content: '\e86b'; } /* '' */
.k-lightbulb:before { content: '\e86c'; } /* '' */
.k-block-outline:before { content: '\e86d'; } /* '' */
.k-block:before { content: '\e86e'; } /* '' */
.k-resize-full-outline:before { content: '\e86f'; } /* '' */
.k-resize-full:before { content: '\e870'; } /* '' */
.k-resize-normal-outline:before { content: '\e871'; } /* '' */
.k-resize-normal:before { content: '\e872'; } /* '' */
.k-move-outline:before { content: '\e873'; } /* '' */
.k-move:before { content: '\e874'; } /* '' */
.k-popup:before { content: '\e875'; } /* '' */
.k-zoom-in-outline:before { content: '\e876'; } /* '' */
.k-zoom-in:before { content: '\e877'; } /* '' */
.k-zoom-out-outline:before { content: '\e878'; } /* '' */
.k-zoom-out:before { content: '\e879'; } /* '' */
.k-popup-1:before { content: '\e87a'; } /* '' */
.k-left-open-outline:before { content: '\e87b'; } /* '' */
.k-left-open:before { content: '\e87c'; } /* '' */
.k-right-open-outline:before { content: '\e87d'; } /* '' */
.k-right-open:before { content: '\e87e'; } /* '' */
.k-down:before { content: '\e87f'; } /* '' */
.k-left:before { content: '\e880'; } /* '' */
.k-right:before { content: '\e881'; } /* '' */
.k-up:before { content: '\e882'; } /* '' */
.k-down-outline:before { content: '\e883'; } /* '' */
.k-left-outline:before { content: '\e884'; } /* '' */
.k-right-outline:before { content: '\e885'; } /* '' */
.k-up-outline:before { content: '\e886'; } /* '' */
.k-down-small:before { content: '\e887'; } /* '' */
.k-left-small:before { content: '\e888'; } /* '' */
.k-right-small:before { content: '\e889'; } /* '' */
.k-up-small:before { content: '\e88a'; } /* '' */
.k-cw-outline:before { content: '\e88b'; } /* '' */
.k-cw:before { content: '\e88c'; } /* '' */
.k-arrows-cw-outline:before { content: '\e88d'; } /* '' */
.k-arrows-cw:before { content: '\e88e'; } /* '' */
.k-loop-outline:before { content: '\e88f'; } /* '' */
.k-loop:before { content: '\e890'; } /* '' */
.k-loop-alt-outline:before { content: '\e891'; } /* '' */
.k-loop-alt:before { content: '\e892'; } /* '' */
.k-shuffle:before { content: '\e893'; } /* '' */
.k-play-outline:before { content: '\e894'; } /* '' */
.k-play:before { content: '\e895'; } /* '' */
.k-stop-outline:before { content: '\e896'; } /* '' */
.k-stop:before { content: '\e897'; } /* '' */
.k-pause-outline:before { content: '\e898'; } /* '' */
.k-pause:before { content: '\e899'; } /* '' */
.k-fast-fw-outline:before { content: '\e89a'; } /* '' */
.k-fast-fw:before { content: '\e89b'; } /* '' */
.k-rewind-outline:before { content: '\e89c'; } /* '' */
.k-rewind:before { content: '\e89d'; } /* '' */
.k-record-outline:before { content: '\e89e'; } /* '' */
.k-record:before { content: '\e89f'; } /* '' */
.k-eject-outline:before { content: '\e8a0'; } /* '' */
.k-eject:before { content: '\e8a1'; } /* '' */
.k-eject-alt-outline:before { content: '\e8a2'; } /* '' */
.k-eject-alt:before { content: '\e8a3'; } /* '' */
.k-bat1:before { content: '\e8a4'; } /* '' */
.k-bat2:before { content: '\e8a5'; } /* '' */
.k-bat3:before { content: '\e8a6'; } /* '' */
.k-bat4:before { content: '\e8a7'; } /* '' */
.k-bat-charge:before { content: '\e8a8'; } /* '' */
.k-plug:before { content: '\e8a9'; } /* '' */
.k-target-outline:before { content: '\e8aa'; } /* '' */
.k-target:before { content: '\e8ab'; } /* '' */
.k-wifi-outline:before { content: '\e8ac'; } /* '' */
.k-wifi:before { content: '\e8ad'; } /* '' */
.k-desktop:before { content: '\e8ae'; } /* '' */
.k-laptop:before { content: '\e8af'; } /* '' */
.k-tablet:before { content: '\e8b0'; } /* '' */
.k-mobile:before { content: '\e8b1'; } /* '' */
.k-contrast:before { content: '\e8b2'; } /* '' */
.k-globe-outline:before { content: '\e8b3'; } /* '' */
.k-globe:before { content: '\e8b4'; } /* '' */
.k-globe-alt-outline:before { content: '\e8b5'; } /* '' */
.k-globe-alt:before { content: '\e8b6'; } /* '' */
.k-sun:before { content: '\e8b7'; } /* '' */
.k-sun-filled:before { content: '\e8b8'; } /* '' */
.k-cloud:before { content: '\e8b9'; } /* '' */
.k-flash-outline:before { content: '\e8ba'; } /* '' */
.k-flash:before { content: '\e8bb'; } /* '' */
.k-moon:before { content: '\e8bc'; } /* '' */
.k-waves-outline:before { content: '\e8bd'; } /* '' */
.k-waves:before { content: '\e8be'; } /* '' */
.k-rain:before { content: '\e8bf'; } /* '' */
.k-cloud-sun:before { content: '\e8c0'; } /* '' */
.k-drizzle:before { content: '\e8c1'; } /* '' */
.k-snow:before { content: '\e8c2'; } /* '' */
.k-cloud-flash:before { content: '\e8c3'; } /* '' */
.k-cloud-wind:before { content: '\e8c4'; } /* '' */
.k-wind:before { content: '\e8c5'; } /* '' */
.k-plane-outline:before { content: '\e8c6'; } /* '' */
.k-plane:before { content: '\e8c7'; } /* '' */
.k-leaf:before { content: '\e8c8'; } /* '' */
.k-lifebuoy:before { content: '\e8c9'; } /* '' */
.k-briefcase:before { content: '\e8ca'; } /* '' */
.k-brush:before { content: '\e8cb'; } /* '' */
.k-pipette:before { content: '\e8cc'; } /* '' */
.k-power-outline:before { content: '\e8cd'; } /* '' */
.k-power:before { content: '\e8ce'; } /* '' */
.k-check-outline:before { content: '\e8cf'; } /* '' */
.k-check:before { content: '\e8d0'; } /* '' */
.k-gift:before { content: '\e8d1'; } /* '' */
.k-temperatire:before { content: '\e8d2'; } /* '' */
.k-chart-outline:before { content: '\e8d3'; } /* '' */
.k-chart:before { content: '\e8d4'; } /* '' */
.k-chart-alt-outline:before { content: '\e8d5'; } /* '' */
.k-chart-alt:before { content: '\e8d6'; } /* '' */
.k-chart-bar-outline:before { content: '\e8d7'; } /* '' */
.k-chart-bar:before { content: '\e8d8'; } /* '' */
.k-chart-pie-outline:before { content: '\e8d9'; } /* '' */
.k-chart-pie:before { content: '\e8da'; } /* '' */
.k-ticket:before { content: '\e8db'; } /* '' */
.k-credit-card:before { content: '\e8dc'; } /* '' */
.k-clipboard:before { content: '\e8dd'; } /* '' */
.k-database:before { content: '\e8de'; } /* '' */
.k-key-outline:before { content: '\e8df'; } /* '' */
.k-key:before { content: '\e8e0'; } /* '' */
.k-flow-split:before { content: '\e8e1'; } /* '' */
.k-flow-merge:before { content: '\e8e2'; } /* '' */
.k-flow-parallel:before { content: '\e8e3'; } /* '' */
.k-flow-cross:before { content: '\e8e4'; } /* '' */
.k-certificate-outline:before { content: '\e8e5'; } /* '' */
.k-certificate:before { content: '\e8e6'; } /* '' */
.k-scissors-outline:before { content: '\e8e7'; } /* '' */
.k-scissors:before { content: '\e8e8'; } /* '' */
.k-flask:before { content: '\e8e9'; } /* '' */
.k-wine:before { content: '\e8ea'; } /* '' */
.k-coffee:before { content: '\e8eb'; } /* '' */
.k-beer:before { content: '\e8ec'; } /* '' */
.k-anchor-outline:before { content: '\e8ed'; } /* '' */
.k-anchor:before { content: '\e8ee'; } /* '' */
.k-puzzle-outline:before { content: '\e8ef'; } /* '' */
.k-puzzle:before { content: '\e8f0'; } /* '' */
.k-tree:before { content: '\e8f1'; } /* '' */
.k-calculator:before { content: '\e8f2'; } /* '' */
.k-infinity-outline:before { content: '\e8f3'; } /* '' */
.k-infinity:before { content: '\e8f4'; } /* '' */
.k-pi-outline:before { content: '\e8f5'; } /* '' */
.k-pi:before { content: '\e8f6'; } /* '' */
.k-at:before { content: '\e8f7'; } /* '' */
.k-at-circled:before { content: '\e8f8'; } /* '' */
.k-looped-square-outline:before { content: '\e8f9'; } /* '' */
.k-looped-square-interest:before { content: '\e8fa'; } /* '' */
.k-sort-alphabet-outline:before { content: '\e8fb'; } /* '' */
.k-sort-alphabet:before { content: '\e8fc'; } /* '' */
.k-sort-numeric-outline:before { content: '\e8fd'; } /* '' */
.k-sort-numeric:before { content: '\e8fe'; } /* '' */
.k-dribbble-circled:before { content: '\e8ff'; } /* '' */
.k-dribbble:before { content: '\e900'; } /* '' */
.k-facebook-circled:before { content: '\e901'; } /* '' */
.k-facebook:before { content: '\e902'; } /* '' */
.k-flickr-circled:before { content: '\e903'; } /* '' */
.k-flickr:before { content: '\e904'; } /* '' */
.k-github-circled:before { content: '\e905'; } /* '' */
.k-github:before { content: '\e906'; } /* '' */
.k-lastfm-circled:before { content: '\e907'; } /* '' */
.k-lastfm:before { content: '\e908'; } /* '' */
.k-linkedin-circled:before { content: '\e909'; } /* '' */
.k-linkedin:before { content: '\e90a'; } /* '' */
.k-pinterest-circled:before { content: '\e90b'; } /* '' */
.k-pinterest:before { content: '\e90c'; } /* '' */
.k-skype-outline:before { content: '\e90d'; } /* '' */
.k-skype:before { content: '\e90e'; } /* '' */
.k-tumbler-circled:before { content: '\e90f'; } /* '' */
.k-tumbler:before { content: '\e910'; } /* '' */
.k-twitter-circled:before { content: '\e911'; } /* '' */
.k-twitter:before { content: '\e912'; } /* '' */
.k-vimeo-circled:before { content: '\e913'; } /* '' */
.k-printx:before { content: '\e914'; } /* '' */
.k-print:before { content: '\e915';font-size: 110%;} /* '' */
.k-books:before { content: '\e916'; } /* '' */
.k-mail-1:before { content: '\e917'; } /* '' */
.k-folder-1:before { content: '\e918'; } /* '' */
.k-book:before { content: '\e919'; } /* '' */
.k-ccw:before { content: '\e91a'; } /* '' */
.k-cw-1:before { content: '\e91b'; } /* '' */
.k-mail-2:before { content: '\e91c'; } /* '' */
.k-email:before { content: '\e91d'; } /* '' */
.k-reply-all:before { content: '\e91e'; } /* '' */
.k-logout:before { content: '\e91f'; } /* '' */
.k-cw-circle:before { content: '\e920'; } /* '' */
.k-arrows-cw-1:before { content: '\e921'; } /* '' */
.k-target-1:before { content: '\e922'; } /* '' */
.k-pause-circled:before { content: '\e923'; } /* '' */
.k-barcode:before { content: '\e925'; } /* '' */
.k-barcode128:before { content: '\e924'; } /* '' */
.k-folder-op:before { content: '\f068'; } /* '' */
.k-export-1:before { content: '\f081'; } /* '' */
.k-idee:before { content: '\f317'; } /* '' */
.k-folder-oq:before { content: '\f4c2'; } /* '' */
.k-location-outline:before { content: '🎤'; } /* '\1f3a4' */
.k-comment:before { content: '📞'; } /* '\1f4de' */
.k-warning-empty:before { content: '🔧'; } /* '\1f527' */
.k-trash:before { content: '🕔'; } /* '\1f554' */
.k-news:before { content: '🚫'; } /* '\1f6ab' */


[class^="doc-"]:before, [class*=" doc-"]:before {
  display: inline-block;
  text-decoration: inherit;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  vertical-align: middle;
  content: "";
}

.doc-ac:before {
	background-image: url(iconcss/doc-ac.png);
	height: 24px;width: 20px;background-size: 20px 24px
}
.doc-av:before {
	background-image: url(iconcss/doc-av.png);
	height: 24px;width: 20px;background-size: 20px 24px
}
.doc-bl:before {
	background-image: url(iconcss/doc-bl.png);
	height: 24px;width: 20px;background-size: 20px 24px
}
.doc-c:before {
	background-image: url(iconcss/doc-c.png);
	height: 24px;width: 20px;background-size: 20px 24px
}
.doc-f:before {
	background-image: url(iconcss/doc-f.png);
	height: 24px;width: 20px;background-size: 20px 24px
}
.doc-fs:before {
	background-image: url(iconcss/doc-fs.png);
	height: 24px;width: 20px;background-size: 20px 24px
}
.doc-l:before {
	background-image: url(iconcss/doc-l.png);
	height: 24px;width: 20px;background-size: 20px 24px
}
.doc-m:before {
	background-image: url(iconcss/doc-m.png);
	height: 24px;width: 20px;background-size: 20px 24px
}
.doc-t:before {
	background-image: url(iconcss/doc-t.png);
	height: 24px;width: 20px;background-size: 20px 24px
}
.doc-ckvert:before {
	background-image: url(iconcss/chk-vert.png);
	height: 25px;width: 25px;background-size: 25px 25px
}
.doc-ckorange:before {
	background-image: url(iconcss/chk-orange.png);
	height: 25px;width: 25px;background-size: 25px 25px
}
.doc-ckrouge:before {
	background-image: url(iconcss/chk-rouge.png);
	height: 25px;width: 25px;background-size: 25px 25px;
  cursor: pointer;
}


/*== PETITE LOUPE SUR IMAGES =================================*/
.zoom {
position: absolute;
top: .5em;
right: .5em;
/*font-size: 2em;*/
z-index: 9;
width: 36px;
height: 36px;
background: #fff;
/*text-indent: -9999px;*/
border-radius: 100%;
box-sizing: content-box;
background-color: #126a8b;
color :#fff;
}



/*== Modal ContentBox==*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(119,0,0); /* Fallback color */
    background-color: rgba(119,0,0,0.4); /* Black w/ opacity */
}
.modal-content {
    position: relative;
    top:10vh;
    background-color: #fefefe; /**/
    margin: auto; /*margin: 15% auto; 15% from the top and centered */
    padding: 0; /*padding: 20px;*/
    border: 1px solid #888; /**/
    width: 80%; /* Could be more or less, depending on screen size */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    animation-name: animatetop;
    animation-duration: 0.4s
}
/* Modal Header */
.modal-header,.modal-footer {
    padding: 2px 16px;
    background-color: #126a8b;
    color: white
}

/* Modal Body */
.modal-body {padding: 2px 16px}

/* Add Animation */
@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}
/* The Close Button */
.close {
    /*color: #666;*/
    float: right;
    font-size: 28px;
    font-weight: bold
}

.close:hover,
.close:focus {
    color: #666;
    text-decoration: none;
    cursor: pointer
}
#LesRelaisColis {
  width:100%;
  border:0
}

/*== Nouveau COMPTE CLIENT ==*/
/*Nouveau compte client*/


.divy::after {
    border: 1px dotted #000
}

.fa{
  padding: 0.1rem 0.5rem;
  font-size: 22px;
  background-color: #c7c7c725;
  border-radius: 5px;
}
.fa-regular {
  padding: 0.3rem 0.5rem;
  font-size: 22px;
  background-color: #c7c7c725;
  border-radius: 5px;
  color: #2e65b4;
  cursor: pointer;
}
.txtsuivi {
  padding-left: 10px; 
}
.fa-phone {
  font-size: 14px;
  margin-right: 5px;
}

.fa-phone-volume {
  font-size: 16px;
  margin-right: 5px;
}
.date-titre {
  width: 7%;
}
.fa-rotate-left {
  padding-left: 10px;
  font-size: 16px;
}