/*
	Theme Name: Losange v3
	Theme URI: 
	Description: 
	Version: 1.
	Author: Jolifish

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");

/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
  font-size: 62.5%;

  scroll-behavior: smooth;
}
body {
  font: 400 11px/1.4 "Open Sans",sans-serif;
  color: #333;
}
/* clear */
.clear:before,
.clear:after {
  content: " ";
  display: table;
}

.clear:after {
  clear: both;
}
.clear {
  *zoom: 1;
}
img {
  max-width: 100%;
  vertical-align: bottom;
}
a {
  color: #444;
  text-decoration: none;
}
a:hover {
  color: #444;
}
a:focus {
  outline: 0;
}
a:hover,
a:active {
  outline: 0;
}
input:focus {
  outline: 0;
  border: 1px solid #04a4cc;
}

.ripple {
  width: 10px;
  height: 10px;
  background-color: #036;
  position: fixed;
  border-radius: 50%;
}

@keyframes ripple-effect {
  to {
    transform: scale(10);
    opacity: 0.01;
  }
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
  max-width: 1280px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
/* header */
.header {
}
/* logo */
.logo {
}
.logo-img {
}
/* nav */
.nav {
}
/* sidebar */
.sidebar {
}
/* footer */
.footer {
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
  font-family: "Font-Name";
  src: url("fonts/font-name.eot");
  src: url("fonts/font-name.eot?#iefix") format("embedded-opentype"),
    url("fonts/font-name.woff") format("woff"),
    url("fonts/font-name.ttf") format("truetype"),
    url("fonts/font-name.svg#font-name") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width: 320px) {
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (min-width: 1140px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-resolution: 144dpi) {
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}
::-webkit-selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}
::-moz-selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.sticky {
}
.bypostauthor {
}

.ui-widget.ui-widget-content {
  z-index: 99999;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

h2 {
  font-size: 22px;
  font-weight: 700;
  color: #000;
  width: 90%;
  margin: 0px auto;
}

a {
  color: #036;
}

.modals {
  position: fixed;
  display: flex;
  right: 5%;
  bottom: 5%;
  z-index: 10;
  flex-direction: column;
  align-items: flex-end;

}

@media screen and (max-width: 768px) {
  .modals {
    z-index: 5;
  }
}

.modals .trigger {
  position: relative;
  display: flex;
  margin: 10px 0px;
  background: linear-gradient(to right, #0765a4 50%, #036 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  height: 65px;
  border-radius: 50px;
  cursor: pointer;
  transition: 0.3s all 0.2s ease-out;
}
.modals .trigger:hover,
.modals.not-seen-home .trigger {
  background-position: left bottom;
}

.modals .trigger .icon {
  width: 65px;
  height: 65px;
  background: #0765a4;
  border-radius: 50px;
  padding: 7px;
}

.modals .trigger .title {
  font-size: 14px;
  color: #fff;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
  width: 0px;
  opacity: 0;
  transition: 0.3s all ease;
}

.modals .trigger:hover .title,
.modals.not-seen-home .trigger .title {
  width: 100px;
  opacity: 1;
  padding: 0px 15px 0px 10px;
}

.modals .trigger a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.modal-elig {
  display: none;
  opacity: 0;
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  padding: 20px 5%;
  overflow: auto;
  background: #036;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  z-index: 9999;
  transition: 0.3s all ease;
}
.modal-elig.toggled {
  opacity: 1;
}

.modal-elig h2 {
  color: #fff !important;
}

.modal-elig .close .icon {
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-left: auto;
  transition: 0.3s all ease;
}
.modal-elig .close .icon:hover {
  opacity: 0.7;
}
.modal-elig .close .icon svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}

.modal-elig .form-elig {
  max-width: 900px;
  margin: auto;
}

.modal-elig .content-modal {
  margin: auto;
  max-width: 900px;
}

.form-container {
  background: #036;
  padding: 20px;
  color: #fff;
  font-weight: 400;
  border-radius: 7px;
}

.form-container h2 {
  color: #fff;
  text-align: center;
  margin: 15px auto;
}

.form-container h2:first-of-type {
  font-size: 18px;
  font-weight: 600;
  font-style: italic;
  text-align: center;
  margin: 15px auto;
}

.form-elig {
  background: #036;
  padding: 20px;
  color: #fff;
  font-weight: 400;
}

.form-elig .toggle_form {
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.form-elig .toggle_form .toggle {
  background: #036;
  border: none;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  border-radius: 7px;
  padding: 10px 20px;
  cursor: pointer;
  border: 1px solid #fff;
  margin: 5px;
  transition: 0.3s all ease;
}
.form-elig .toggle_form .toggle:hover,
.form-elig .toggle_form .toggle.selected {
  background: #fff;
  color: #036;
}

#form_test {
  display: none;
  opacity: 0;
  transition: 0.3s all ease;
}
form#form_test.toggled {
  opacity: 1;
}

#form_test .ui-widget {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

#form_test .ui-widget button {
  width: 120px;
  height: 50px;
  background: #fff;
  border: none;
  color: #036;
  font-size: 16px;
  font-weight: 600;
  border-radius: 7px;
  transition: 0.3s all ease;
  margin: auto;
  margin-top: 20px;
}
#form_test .ui-widget button:hover {
  opacity: 0.7;
}

#form_test .ui-widget label {
  font-size: 16px;
  margin-bottom: 5px;
}

#form_test .ui-widget input {
  font-size: 14px;
  border: 1px solid transparent;
  transition: 0.3s all ease;
  padding: 10px;
  border-radius: 0px;
  box-shadow: none;
  background: transparent;
  color: #fff;
  background-position: right !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border-bottom: 1px solid #fff;
  transition: 0.3s all ease;
}
#form_test .ui-widget input:focus {
  box-shadow: none;
  border: 1px solid #fff;
  background: #fff;
  box-shadow: 1px 1px 6px -1px #ccc;
  border-radius: 4px;
  color: #000;
}
#form_test .ui-widget input:disabled {
  cursor: not-allowed;
}
#form_test .ui-widget input::placeholder {
  color: #fff;
}
#form_test .ui-widget input:focus::placeholder {
  color: #ccc;
}

#form_test input.ui-autocomplete-loading,
#form_test input.loading {
  background-image: url("img/loader.svg") !important;
  /* Animation de chargement à personnaliser */
  animation-name: input-loading;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

@keyframes input-loading {
  from {
    background: #fff;
  }
  50% {
    background: rgba(255, 255, 255, 0.6);
  }
  to {
    background: #fff;
  }
}

.ui-autocomplete {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
  font-weight: 400;
  font-size: 16px;
}

#form_test .accept-conditions,
#form_test #contactme_container {
  margin-bottom: 5px;
}

#form_test .accept-conditions input,
#form_test #contactme_container input {
  border: 1px solid #ccc;
}

#form_test .accept-conditions label,
#form_test #contactme_container label {
  font-size: 16px;
  cursor: pointer;
  user-select: none;
}
#form_test .accept-conditions label a,
#form_test #contactme_container label a {
  color: #fff;
  text-decoration: underline;
  transition: 0.3s all ease;
}
#form_test .accept-conditions label a:hover,
#form_test #contactme_container label a:hover {
  opacity: 0.7;
}

#form_test .addaddress {
  text-align: center;
  margin-top: 20px;
}

#form_test .addaddress a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  transition: 0.3s all ease;
}
#form_test .addaddress a:hover {
  opacity: 0.7;
}

.eligibilite-loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 51, 102, 0.8);
  z-index: 9000;
  top: 0px;
  left: 0px;
  justify-content: center;
  align-items: center;
  display: none;
  opacity: 0;
  transition: 0.3s all ease;
}
.eligibilite-loader.toggled {
  opacity: 1;
}

.eligibilite-loader .loader {
  width: 150px !important;
  height: 150px !important;
}
.eligibilite-loader .loader svg {
  width: 100%;
  height: 100%;
}

.page-template-template-eligibilite .title_elig {
  font-size: 35px;
  text-align: center;
  padding: 30px 0px 10px 0px;
  color: #fff;
  font-weight: 600;
  background: #036;
  margin-bottom: 50px;
  border-radius: 7px;
}

.page-template-template-eligibilite .eligibilite-msg {
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  padding: 20px 20px;
  margin-bottom: 20px;
  margin-top: 10px !important;
  color: #fff;
  background: #036;
}

p.intro {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 0px;
  color: #000;
}

svg:not(:root) {
  width: 100%;
}

#timelineDesktop .st0 {
  fill: #fff;
}

#timeLine #timelineDesktop .st1 {
  fill: url(#SVGID_1_);
}

#timeLine #timelineDesktop .st2 {
  fill: #bdccd4;
}

#timeLine #timelineDesktop .st3 {
  fill: url(#SVGID_2_);
}

#timeLine #timelineDesktop .st4 {
  fill: #4d4d4d;
}

#timeLine #timelineDesktop .st6 {
  font-size: 14.2518px;
}

#timeLine #timelineDesktop .st7 {
  fill: #fff;
}

#timeLine #timelineDesktop .st8 {
  fill: #fff;
  fill-opacity: 0;
}

#timeLine #timelineDesktop .st9 {
  opacity: 1e-2;
  fill: #fefefe;
  enable-background: new;
}

#timeLine #timelineDesktop .st10 {
  opacity: 1e-2;
  fill: #fdfdfd;
  enable-background: new;
}

#timeLine #timelineDesktop .st11 {
  opacity: 1e-2;
  fill: #fbfbfb;
  enable-background: new;
}

#timeLine #timelineDesktop .st12 {
  opacity: 1e-2;
  fill: #fafafa;
  enable-background: new;
}

#timeLine #timelineDesktop .st13 {
  opacity: 1e-2;
  fill: #f9f9f9;
  enable-background: new;
}

#timeLine #timelineDesktop .st14 {
  opacity: 1e-2;
  fill: #f8f8f8;
  enable-background: new;
}

#timeLine #timelineDesktop .st15 {
  opacity: 1e-2;
  fill: #f7f7f7;
  enable-background: new;
}

#timeLine #timelineDesktop .st16 {
  opacity: 1e-2;
  fill: #f6f6f6;
  enable-background: new;
}

#timeLine #timelineDesktop .st17 {
  opacity: 1e-2;
  fill: #f4f4f4;
  enable-background: new;
}

#timeLine #timelineDesktop .st18 {
  opacity: 0.1099;
  fill: #f3f3f3;
  enable-background: new;
}

#timeLine #timelineDesktop .st19 {
  opacity: 0.1209;
  fill: #f2f2f2;
  enable-background: new;
}

#timeLine #timelineDesktop .st20 {
  opacity: 0.1319;
  fill: #f1f1f1;
  enable-background: new;
}

#timeLine #timelineDesktop .st21 {
  opacity: 0.1429;
  fill: #f0f0f0;
  enable-background: new;
}

#timeLine #timelineDesktop .st22 {
  opacity: 0.1538;
  fill: #eee;
  enable-background: new;
}

#timeLine #timelineDesktop .st23 {
  opacity: 0.1648;
  fill: #ededed;
  enable-background: new;
}

#timeLine #timelineDesktop .st24 {
  opacity: 0.1758;
  fill: #ececec;
  enable-background: new;
}

#timeLine #timelineDesktop .st25 {
  opacity: 0.1868;
  fill: #ebebeb;
  enable-background: new;
}

#timeLine #timelineDesktop .st26 {
  opacity: 0.1978;
  fill: #eaeaea;
  enable-background: new;
}

#timeLine #timelineDesktop .st27 {
  opacity: 0.2088;
  fill: #e8e8e8;
  enable-background: new;
}

#timeLine #timelineDesktop .st28 {
  opacity: 0.2198;
  fill: #e7e7e7;
  enable-background: new;
}

#timeLine #timelineDesktop .st29 {
  opacity: 0.2308;
  fill: #e6e6e6;
  enable-background: new;
}

#timeLine #timelineDesktop .st30 {
  opacity: 0.2418;
  fill: #e5e5e5;
  enable-background: new;
}

#timeLine #timelineDesktop .st31 {
  opacity: 0.2527;
  fill: #e4e4e4;
  enable-background: new;
}

#timeLine #timelineDesktop .st32 {
  opacity: 0.2637;
  fill: #e3e3e3;
  enable-background: new;
}

#timeLine #timelineDesktop .st33 {
  opacity: 0.2747;
  fill: #e1e1e1;
  enable-background: new;
}

#timeLine #timelineDesktop .st34 {
  opacity: 0.2857;
  fill: #e0e0e0;
  enable-background: new;
}

#timeLine #timelineDesktop .st35 {
  opacity: 0.2967;
  fill: #dfdfdf;
  enable-background: new;
}

#timeLine #timelineDesktop .st36 {
  opacity: 0.3077;
  fill: #dedede;
  enable-background: new;
}

#timeLine #timelineDesktop .st37 {
  opacity: 0.3187;
  fill: #ddd;
  enable-background: new;
}

#timeLine #timelineDesktop .st38 {
  opacity: 0.3297;
  fill: #dbdbdb;
  enable-background: new;
}

#timeLine #timelineDesktop .st39 {
  opacity: 0.3407;
  fill: #dadada;
  enable-background: new;
}

#timeLine #timelineDesktop .st40 {
  opacity: 0.3516;
  fill: #d9d9d9;
  enable-background: new;
}

#timeLine #timelineDesktop .st41 {
  opacity: 0.3626;
  fill: #d8d8d8;
  enable-background: new;
}

#timeLine #timelineDesktop .st42 {
  opacity: 0.3736;
  fill: #d7d7d7;
  enable-background: new;
}

#timeLine #timelineDesktop .st43 {
  opacity: 0.3846;
  fill: #d5d5d5;
  enable-background: new;
}

#timeLine #timelineDesktop .st44 {
  opacity: 0.3956;
  fill: #d4d4d4;
  enable-background: new;
}

#timeLine #timelineDesktop .st45 {
  opacity: 0.4066;
  fill: #d3d3d3;
  enable-background: new;
}

#timeLine #timelineDesktop .st46 {
  opacity: 0.4176;
  fill: #d2d2d2;
  enable-background: new;
}

#timeLine #timelineDesktop .st47 {
  opacity: 0.4286;
  fill: #d1d1d1;
  enable-background: new;
}

#timeLine #timelineDesktop .st48 {
  opacity: 0.4396;
  fill: #d0d0d0;
  enable-background: new;
}

#timeLine #timelineDesktop .st49 {
  opacity: 0.4505;
  fill: #cecece;
  enable-background: new;
}

#timeLine #timelineDesktop .st50 {
  opacity: 0.4615;
  fill: #cdcdcd;
  enable-background: new;
}

#timeLine #timelineDesktop .st51 {
  opacity: 0.4725;
  fill: #ccc;
  enable-background: new;
}

#timeLine #timelineDesktop .st52 {
  opacity: 0.4835;
  fill: #cbcbcb;
  enable-background: new;
}

#timeLine #timelineDesktop .st53 {
  opacity: 0.4945;
  fill: #cacaca;
  enable-background: new;
}

#timeLine #timelineDesktop .st54 {
  opacity: 0.5055;
  fill: #c8c8c8;
  enable-background: new;
}

#timeLine #timelineDesktop .st55 {
  opacity: 0.5165;
  fill: #c7c7c7;
  enable-background: new;
}

#timeLine #timelineDesktop .st56 {
  opacity: 0.5275;
  fill: #c6c6c6;
  enable-background: new;
}

#timeLine #timelineDesktop .st57 {
  opacity: 0.5385;
  fill: #c5c5c5;
  enable-background: new;
}

#timeLine #timelineDesktop .st58 {
  opacity: 0.5495;
  fill: #c4c4c4;
  enable-background: new;
}

#timeLine #timelineDesktop .st59 {
  opacity: 0.5604;
  fill: #c2c2c2;
  enable-background: new;
}

#timeLine #timelineDesktop .st60 {
  opacity: 0.5714;
  fill: #c1c1c1;
  enable-background: new;
}

#timeLine #timelineDesktop .st61 {
  opacity: 0.5824;
  fill: silver;
  enable-background: new;
}

#timeLine #timelineDesktop .st62 {
  opacity: 0.5934;
  fill: #bfbfbf;
  enable-background: new;
}

#timeLine #timelineDesktop .st63 {
  opacity: 0.6044;
  fill: #bebebe;
  enable-background: new;
}

#timeLine #timelineDesktop .st64 {
  opacity: 0.6154;
  fill: #bdbdbd;
  enable-background: new;
}

#timeLine #timelineDesktop .st65 {
  opacity: 0.6264;
  fill: #bbb;
  enable-background: new;
}

#timeLine #timelineDesktop .st66 {
  opacity: 0.6374;
  fill: #bababa;
  enable-background: new;
}

#timeLine #timelineDesktop .st67 {
  opacity: 0.6484;
  fill: #b9b9b9;
  enable-background: new;
}

#timeLine #timelineDesktop .st68 {
  opacity: 0.6593;
  fill: #b8b8b8;
  enable-background: new;
}

#timeLine #timelineDesktop .st69 {
  opacity: 0.6703;
  fill: #b7b7b7;
  enable-background: new;
}

#timeLine #timelineDesktop .st70 {
  opacity: 0.6813;
  fill: #b5b5b5;
  enable-background: new;
}

#timeLine #timelineDesktop .st71 {
  opacity: 0.6923;
  fill: #b4b4b4;
  enable-background: new;
}

#timeLine #timelineDesktop .st72 {
  opacity: 0.7033;
  fill: #b3b3b3;
  enable-background: new;
}

#timeLine #timelineDesktop .st73 {
  opacity: 0.7143;
  fill: #b2b2b2;
  enable-background: new;
}

#timeLine #timelineDesktop .st74 {
  opacity: 0.7253;
  fill: #b1b1b1;
  enable-background: new;
}

#timeLine #timelineDesktop .st75 {
  opacity: 0.7363;
  fill: #afafaf;
  enable-background: new;
}

#timeLine #timelineDesktop .st76 {
  opacity: 0.7473;
  fill: #aeaeae;
  enable-background: new;
}

#timeLine #timelineDesktop .st77 {
  opacity: 0.7582;
  fill: #adadad;
  enable-background: new;
}

#timeLine #timelineDesktop .st78 {
  opacity: 0.7692;
  fill: #acacac;
  enable-background: new;
}

#timeLine #timelineDesktop .st79 {
  opacity: 0.7802;
  fill: #ababab;
  enable-background: new;
}

#timeLine #timelineDesktop .st80 {
  opacity: 0.7912;
  fill: #aaa;
  enable-background: new;
}

#timeLine #timelineDesktop .st81 {
  opacity: 0.8022;
  fill: #a8a8a8;
  enable-background: new;
}

#timeLine #timelineDesktop .st82 {
  opacity: 0.8132;
  fill: #a7a7a7;
  enable-background: new;
}

#timeLine #timelineDesktop .st83 {
  opacity: 0.8242;
  fill: #a6a6a6;
  enable-background: new;
}

#timeLine #timelineDesktop .st84 {
  opacity: 0.8352;
  fill: #a5a5a5;
  enable-background: new;
}

#timeLine #timelineDesktop .st85 {
  opacity: 0.8462;
  fill: #a4a4a4;
  enable-background: new;
}

#timeLine #timelineDesktop .st86 {
  opacity: 0.8571;
  fill: #a2a2a2;
  enable-background: new;
}

#timeLine #timelineDesktop .st87 {
  opacity: 0.8681;
  fill: #a1a1a1;
  enable-background: new;
}

#timeLine #timelineDesktop .st88 {
  opacity: 0.8791;
  fill: #a0a0a0;
  enable-background: new;
}

#timeLine #timelineDesktop .st89 {
  opacity: 0.8901;
  fill: #9f9f9f;
  enable-background: new;
}

#timeLine #timelineDesktop .st90 {
  opacity: 0.9011;
  fill: #9e9e9e;
  enable-background: new;
}

#timeLine #timelineDesktop .st91 {
  opacity: 0.9121;
  fill: #9c9c9c;
  enable-background: new;
}

#timeLine #timelineDesktop .st92 {
  opacity: 0.9231;
  fill: #9b9b9b;
  enable-background: new;
}

#timeLine #timelineDesktop .st93 {
  opacity: 0.9341;
  fill: #9a9a9a;
  enable-background: new;
}

#timeLine #timelineDesktop .st94 {
  opacity: 0.9451;
  fill: #999;
  enable-background: new;
}

#timeLine #timelineDesktop .st95 {
  opacity: 0.956;
  fill: #989898;
  enable-background: new;
}

#timeLine #timelineDesktop .st96 {
  opacity: 0.967;
  fill: #979797;
  enable-background: new;
}

#timeLine #timelineDesktop .st97 {
  opacity: 0.978;
  fill: #959595;
  enable-background: new;
}

#timeLine #timelineDesktop .st98 {
  opacity: 0.989;
  fill: #949494;
  enable-background: new;
}

#timeLine #timelineDesktop .st99 {
  fill: #939393;
}

#timeLine #timelineDesktop .st100 {
  fill: #bbb;
}

#timeLine #timelineDesktop .st101 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 1.9302;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st102 {
  fill: none;
}

#timeLine #timelineDesktop .st103 {
  fill: none;
  stroke: #fff;
  stroke-width: 1.9494;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st104 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.5665;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st105 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st107 {
  font-size: 22.8029px;
}

#timeLine #timelineDesktop .st108 {
  fill: #bbb;
}

#timeLine #timelineDesktop .st109 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.5665;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st110 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st111 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st112 {
  fill: #bbb;
}

#timeLine #timelineDesktop .st113 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st114 {
  fill: none;
  stroke: #fff;
  stroke-width: 1.9648;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st115 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.58;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st116 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st117 {
  fill: #bbb;
}

#timeLine #timelineDesktop .st118 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st119 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.5868;
  stroke-miterlimit: 10;
}

#timeLine #timelineDesktop .st120 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st0 {
  fill: #fff;
}

#timeLine #timelineTablet .st1 {
  fill: url(#SVGID_1_);
}

#timeLine #timelineTablet .st2 {
  fill: #bdccd4;
}

#timeLine #timelineTablet .st3 {
  fill: url(#SVGID_2_);
}

#timeLine #timelineTablet .st4 {
  fill: url(#SVGID_3_);
}

#timeLine #timelineTablet .st5 {
  fill: url(#SVGID_4_);
}

#timeLine #timelineTablet .st6 {
  fill: #4d4d4d;
}

#timeLine #timelineTablet .st8 {
  font-size: 14.2518px;
}

#timeLine #timelineTablet .st9 {
  fill: #fff;
}

#timeLine #timelineTablet .st10 {
  fill: #fff;
  fill-opacity: 0;
}

#timeLine #timelineTablet .st11 {
  opacity: 1e-2;
  fill: #fefefe;
  enable-background: new;
}

#timeLine #timelineTablet .st12 {
  opacity: 1e-2;
  fill: #fdfdfd;
  enable-background: new;
}

#timeLine #timelineTablet .st13 {
  opacity: 1e-2;
  fill: #fbfbfb;
  enable-background: new;
}

#timeLine #timelineTablet .st14 {
  opacity: 1e-2;
  fill: #fafafa;
  enable-background: new;
}

#timeLine #timelineTablet .st15 {
  opacity: 1e-2;
  fill: #f9f9f9;
  enable-background: new;
}

#timeLine #timelineTablet .st16 {
  opacity: 1e-2;
  fill: #f8f8f8;
  enable-background: new;
}

#timeLine #timelineTablet .st17 {
  opacity: 1e-2;
  fill: #f7f7f7;
  enable-background: new;
}

#timeLine #timelineTablet .st18 {
  opacity: 1e-2;
  fill: #f6f6f6;
  enable-background: new;
}

#timeLine #timelineTablet .st19 {
  opacity: 1e-2;
  fill: #f4f4f4;
  enable-background: new;
}

#timeLine #timelineTablet .st20 {
  opacity: 0.1099;
  fill: #f3f3f3;
  enable-background: new;
}

#timeLine #timelineTablet .st21 {
  opacity: 0.1209;
  fill: #f2f2f2;
  enable-background: new;
}

#timeLine #timelineTablet .st22 {
  opacity: 0.1319;
  fill: #f1f1f1;
  enable-background: new;
}

#timeLine #timelineTablet .st23 {
  opacity: 0.1429;
  fill: #f0f0f0;
  enable-background: new;
}

#timeLine #timelineTablet .st24 {
  opacity: 0.1538;
  fill: #eee;
  enable-background: new;
}

#timeLine #timelineTablet .st25 {
  opacity: 0.1648;
  fill: #ededed;
  enable-background: new;
}

#timeLine #timelineTablet .st26 {
  opacity: 0.1758;
  fill: #ececec;
  enable-background: new;
}

#timeLine #timelineTablet .st27 {
  opacity: 0.1868;
  fill: #ebebeb;
  enable-background: new;
}

#timeLine #timelineTablet .st28 {
  opacity: 0.1978;
  fill: #eaeaea;
  enable-background: new;
}

#timeLine #timelineTablet .st29 {
  opacity: 0.2088;
  fill: #e8e8e8;
  enable-background: new;
}

#timeLine #timelineTablet .st30 {
  opacity: 0.2198;
  fill: #e7e7e7;
  enable-background: new;
}

#timeLine #timelineTablet .st31 {
  opacity: 0.2308;
  fill: #e6e6e6;
  enable-background: new;
}

#timeLine #timelineTablet .st32 {
  opacity: 0.2418;
  fill: #e5e5e5;
  enable-background: new;
}

#timeLine #timelineTablet .st33 {
  opacity: 0.2527;
  fill: #e4e4e4;
  enable-background: new;
}

#timeLine #timelineTablet .st34 {
  opacity: 0.2637;
  fill: #e3e3e3;
  enable-background: new;
}

#timeLine #timelineTablet .st35 {
  opacity: 0.2747;
  fill: #e1e1e1;
  enable-background: new;
}

#timeLine #timelineTablet .st36 {
  opacity: 0.2857;
  fill: #e0e0e0;
  enable-background: new;
}

#timeLine #timelineTablet .st37 {
  opacity: 0.2967;
  fill: #dfdfdf;
  enable-background: new;
}

#timeLine #timelineTablet .st38 {
  opacity: 0.3077;
  fill: #dedede;
  enable-background: new;
}

#timeLine #timelineTablet .st39 {
  opacity: 0.3187;
  fill: #ddd;
  enable-background: new;
}

#timeLine #timelineTablet .st40 {
  opacity: 0.3297;
  fill: #dbdbdb;
  enable-background: new;
}

#timeLine #timelineTablet .st41 {
  opacity: 0.3407;
  fill: #dadada;
  enable-background: new;
}

#timeLine #timelineTablet .st42 {
  opacity: 0.3516;
  fill: #d9d9d9;
  enable-background: new;
}

#timeLine #timelineTablet .st43 {
  opacity: 0.3626;
  fill: #d8d8d8;
  enable-background: new;
}

#timeLine #timelineTablet .st44 {
  opacity: 0.3736;
  fill: #d7d7d7;
  enable-background: new;
}

#timeLine #timelineTablet .st45 {
  opacity: 0.3846;
  fill: #d5d5d5;
  enable-background: new;
}

#timeLine #timelineTablet .st46 {
  opacity: 0.3956;
  fill: #d4d4d4;
  enable-background: new;
}

#timeLine #timelineTablet .st47 {
  opacity: 0.4066;
  fill: #d3d3d3;
  enable-background: new;
}

#timeLine #timelineTablet .st48 {
  opacity: 0.4176;
  fill: #d2d2d2;
  enable-background: new;
}

#timeLine #timelineTablet .st49 {
  opacity: 0.4286;
  fill: #d1d1d1;
  enable-background: new;
}

#timeLine #timelineTablet .st50 {
  opacity: 0.4396;
  fill: #d0d0d0;
  enable-background: new;
}

#timeLine #timelineTablet .st51 {
  opacity: 0.4505;
  fill: #cecece;
  enable-background: new;
}

#timeLine #timelineTablet .st52 {
  opacity: 0.4615;
  fill: #cdcdcd;
  enable-background: new;
}

#timeLine #timelineTablet .st53 {
  opacity: 0.4725;
  fill: #ccc;
  enable-background: new;
}

#timeLine #timelineTablet .st54 {
  opacity: 0.4835;
  fill: #cbcbcb;
  enable-background: new;
}

#timeLine #timelineTablet .st55 {
  opacity: 0.4945;
  fill: #cacaca;
  enable-background: new;
}

#timeLine #timelineTablet .st56 {
  opacity: 0.5055;
  fill: #c8c8c8;
  enable-background: new;
}

#timeLine #timelineTablet .st57 {
  opacity: 0.5165;
  fill: #c7c7c7;
  enable-background: new;
}

#timeLine #timelineTablet .st58 {
  opacity: 0.5275;
  fill: #c6c6c6;
  enable-background: new;
}

#timeLine #timelineTablet .st59 {
  opacity: 0.5385;
  fill: #c5c5c5;
  enable-background: new;
}

#timeLine #timelineTablet .st60 {
  opacity: 0.5495;
  fill: #c4c4c4;
  enable-background: new;
}

#timeLine #timelineTablet .st61 {
  opacity: 0.5604;
  fill: #c2c2c2;
  enable-background: new;
}

#timeLine #timelineTablet .st62 {
  opacity: 0.5714;
  fill: #c1c1c1;
  enable-background: new;
}

#timeLine #timelineTablet .st63 {
  opacity: 0.5824;
  fill: silver;
  enable-background: new;
}

#timeLine #timelineTablet .st64 {
  opacity: 0.5934;
  fill: #bfbfbf;
  enable-background: new;
}

#timeLine #timelineTablet .st65 {
  opacity: 0.6044;
  fill: #bebebe;
  enable-background: new;
}

#timeLine #timelineTablet .st66 {
  opacity: 0.6154;
  fill: #bdbdbd;
  enable-background: new;
}

#timeLine #timelineTablet .st67 {
  opacity: 0.6264;
  fill: #bbb;
  enable-background: new;
}

#timeLine #timelineTablet .st68 {
  opacity: 0.6374;
  fill: #bababa;
  enable-background: new;
}

#timeLine #timelineTablet .st69 {
  opacity: 0.6484;
  fill: #b9b9b9;
  enable-background: new;
}

#timeLine #timelineTablet .st70 {
  opacity: 0.6593;
  fill: #b8b8b8;
  enable-background: new;
}

#timeLine #timelineTablet .st71 {
  opacity: 0.6703;
  fill: #b7b7b7;
  enable-background: new;
}

#timeLine #timelineTablet .st72 {
  opacity: 0.6813;
  fill: #b5b5b5;
  enable-background: new;
}

#timeLine #timelineTablet .st73 {
  opacity: 0.6923;
  fill: #b4b4b4;
  enable-background: new;
}

#timeLine #timelineTablet .st74 {
  opacity: 0.7033;
  fill: #b3b3b3;
  enable-background: new;
}

#timeLine #timelineTablet .st75 {
  opacity: 0.7143;
  fill: #b2b2b2;
  enable-background: new;
}

#timeLine #timelineTablet .st76 {
  opacity: 0.7253;
  fill: #b1b1b1;
  enable-background: new;
}

#timeLine #timelineTablet .st77 {
  opacity: 0.7363;
  fill: #afafaf;
  enable-background: new;
}

#timeLine #timelineTablet .st78 {
  opacity: 0.7473;
  fill: #aeaeae;
  enable-background: new;
}

#timeLine #timelineTablet .st79 {
  opacity: 0.7582;
  fill: #adadad;
  enable-background: new;
}

#timeLine #timelineTablet .st80 {
  opacity: 0.7692;
  fill: #acacac;
  enable-background: new;
}

#timeLine #timelineTablet .st81 {
  opacity: 0.7802;
  fill: #ababab;
  enable-background: new;
}

#timeLine #timelineTablet .st82 {
  opacity: 0.7912;
  fill: #aaa;
  enable-background: new;
}

#timeLine #timelineTablet .st83 {
  opacity: 0.8022;
  fill: #a8a8a8;
  enable-background: new;
}

#timeLine #timelineTablet .st84 {
  opacity: 0.8132;
  fill: #a7a7a7;
  enable-background: new;
}

#timeLine #timelineTablet .st85 {
  opacity: 0.8242;
  fill: #a6a6a6;
  enable-background: new;
}

#timeLine #timelineTablet .st86 {
  opacity: 0.8352;
  fill: #a5a5a5;
  enable-background: new;
}

#timeLine #timelineTablet .st87 {
  opacity: 0.8462;
  fill: #a4a4a4;
  enable-background: new;
}

#timeLine #timelineTablet .st88 {
  opacity: 0.8571;
  fill: #a2a2a2;
  enable-background: new;
}

#timeLine #timelineTablet .st89 {
  opacity: 0.8681;
  fill: #a1a1a1;
  enable-background: new;
}

#timeLine #timelineTablet .st90 {
  opacity: 0.8791;
  fill: #a0a0a0;
  enable-background: new;
}

#timeLine #timelineTablet .st91 {
  opacity: 0.8901;
  fill: #9f9f9f;
  enable-background: new;
}

#timeLine #timelineTablet .st92 {
  opacity: 0.9011;
  fill: #9e9e9e;
  enable-background: new;
}

#timeLine #timelineTablet .st93 {
  opacity: 0.9121;
  fill: #9c9c9c;
  enable-background: new;
}

#timeLine #timelineTablet .st94 {
  opacity: 0.9231;
  fill: #9b9b9b;
  enable-background: new;
}

#timeLine #timelineTablet .st95 {
  opacity: 0.9341;
  fill: #9a9a9a;
  enable-background: new;
}

#timeLine #timelineTablet .st96 {
  opacity: 0.9451;
  fill: #999;
  enable-background: new;
}

#timeLine #timelineTablet .st97 {
  opacity: 0.956;
  fill: #989898;
  enable-background: new;
}

#timeLine #timelineTablet .st98 {
  opacity: 0.967;
  fill: #979797;
  enable-background: new;
}

#timeLine #timelineTablet .st99 {
  opacity: 0.978;
  fill: #959595;
  enable-background: new;
}

#timeLine #timelineTablet .st100 {
  opacity: 0.989;
  fill: #949494;
  enable-background: new;
}

#timeLine #timelineTablet .st101 {
  fill: #939393;
}

#timeLine #timelineTablet .st102 {
  fill: #bbb;
}

#timeLine #timelineTablet .st103 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 1.9302;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st104 {
  fill: none;
  stroke: #fff;
  stroke-width: 1.9494;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st105 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.5665;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st106 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st108 {
  font-size: 22.8029px;
}

#timeLine #timelineTablet .st109 {
  fill: #bbb;
}

#timeLine #timelineTablet .st110 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.5665;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st111 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st112 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st113 {
  fill: #bbb;
}

#timeLine #timelineTablet .st114 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st115 {
  fill: none;
  stroke: #fff;
  stroke-width: 1.9648;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st116 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.58;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st117 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st118 {
  fill: #bbb;
}

#timeLine #timelineTablet .st119 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st120 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.5868;
  stroke-miterlimit: 10;
}

#timeLine #timelineTablet .st121 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st0 {
  fill: url(#SVGID_1_);
}

#timeLine #timelineMobile .st1 {
  fill: #fff;
}

#timeLine #timelineMobile .st2 {
  fill: url(#SVGID_2_);
}

#timeLine #timelineMobile .st3 {
  fill: url(#SVGID_3_);
}

#timeLine #timelineMobile .st4 {
  fill: #dae1e5;
}

#timeLine #timelineMobile .st5 {
  fill: none;
}

#timeLine #timelineMobile .st6 {
  fill: #4d4d4d;
}

#timeLine #timelineMobile .st8 {
  font-size: 14.2518px;
}

#timeLine #timelineMobile .st9 {
  fill: #fff;
}

#timeLine #timelineMobile .st10 {
  opacity: 0;
  fill: #fff;
}

#timeLine #timelineMobile .st11 {
  opacity: 1e-2;
  fill: #fefefe;
}

#timeLine #timelineMobile .st12 {
  opacity: 1e-2;
  fill: #fdfdfd;
}

#timeLine #timelineMobile .st13 {
  opacity: 1e-2;
  fill: #fbfbfb;
}

#timeLine #timelineMobile .st14 {
  opacity: 1e-2;
  fill: #fafafa;
}

#timeLine #timelineMobile .st15 {
  opacity: 1e-2;
  fill: #f9f9f9;
}

#timeLine #timelineMobile .st16 {
  opacity: 1e-2;
  fill: #f8f8f8;
}

#timeLine #timelineMobile .st17 {
  opacity: 1e-2;
  fill: #f7f7f7;
}

#timeLine #timelineMobile .st18 {
  opacity: 1e-2;
  fill: #f6f6f6;
}

#timeLine #timelineMobile .st19 {
  opacity: 1e-2;
  fill: #f4f4f4;
}

#timeLine #timelineMobile .st20 {
  opacity: 0.1099;
  fill: #f3f3f3;
}

#timeLine #timelineMobile .st21 {
  opacity: 0.1209;
  fill: #f2f2f2;
}

#timeLine #timelineMobile .st22 {
  opacity: 0.1319;
  fill: #f1f1f1;
}

#timeLine #timelineMobile .st23 {
  opacity: 0.1429;
  fill: #f0f0f0;
}

#timeLine #timelineMobile .st24 {
  opacity: 0.1538;
  fill: #eee;
}

#timeLine #timelineMobile .st25 {
  opacity: 0.1648;
  fill: #ededed;
}

#timeLine #timelineMobile .st26 {
  opacity: 0.1758;
  fill: #ececec;
}

#timeLine #timelineMobile .st27 {
  opacity: 0.1868;
  fill: #ebebeb;
}

#timeLine #timelineMobile .st28 {
  opacity: 0.1978;
  fill: #eaeaea;
}

#timeLine #timelineMobile .st29 {
  opacity: 0.2088;
  fill: #e8e8e8;
}

#timeLine #timelineMobile .st30 {
  opacity: 0.2198;
  fill: #e7e7e7;
}

#timeLine #timelineMobile .st31 {
  opacity: 0.2308;
  fill: #e6e6e6;
}

#timeLine #timelineMobile .st32 {
  opacity: 0.2418;
  fill: #e5e5e5;
}

#timeLine #timelineMobile .st33 {
  opacity: 0.2527;
  fill: #e4e4e4;
}

#timeLine #timelineMobile .st34 {
  opacity: 0.2637;
  fill: #e3e3e3;
}

#timeLine #timelineMobile .st35 {
  opacity: 0.2747;
  fill: #e1e1e1;
}

#timeLine #timelineMobile .st36 {
  opacity: 0.2857;
  fill: #e0e0e0;
}

#timeLine #timelineMobile .st37 {
  opacity: 0.2967;
  fill: #dfdfdf;
}

#timeLine #timelineMobile .st38 {
  opacity: 0.3077;
  fill: #dedede;
}

#timeLine #timelineMobile .st39 {
  opacity: 0.3187;
  fill: #ddd;
}

#timeLine #timelineMobile .st40 {
  opacity: 0.3297;
  fill: #dbdbdb;
}

#timeLine #timelineMobile .st41 {
  opacity: 0.3407;
  fill: #dadada;
}

#timeLine #timelineMobile .st42 {
  opacity: 0.3516;
  fill: #d9d9d9;
}

#timeLine #timelineMobile .st43 {
  opacity: 0.3626;
  fill: #d8d8d8;
}

#timeLine #timelineMobile .st44 {
  opacity: 0.3736;
  fill: #d7d7d7;
}

#timeLine #timelineMobile .st45 {
  opacity: 0.3846;
  fill: #d5d5d5;
}

#timeLine #timelineMobile .st46 {
  opacity: 0.3956;
  fill: #d4d4d4;
}

#timeLine #timelineMobile .st47 {
  opacity: 0.4066;
  fill: #d3d3d3;
}

#timeLine #timelineMobile .st48 {
  opacity: 0.4176;
  fill: #d2d2d2;
}

#timeLine #timelineMobile .st49 {
  opacity: 0.4286;
  fill: #d1d1d1;
}

#timeLine #timelineMobile .st50 {
  opacity: 0.4396;
  fill: #d0d0d0;
}

#timeLine #timelineMobile .st51 {
  opacity: 0.4505;
  fill: #cecece;
}

#timeLine #timelineMobile .st52 {
  opacity: 0.4615;
  fill: #cdcdcd;
}

#timeLine #timelineMobile .st53 {
  opacity: 0.4725;
  fill: #ccc;
}

#timeLine #timelineMobile .st54 {
  opacity: 0.4835;
  fill: #cbcbcb;
}

#timeLine #timelineMobile .st55 {
  opacity: 0.4945;
  fill: #cacaca;
}

#timeLine #timelineMobile .st56 {
  opacity: 0.5055;
  fill: #c8c8c8;
}

#timeLine #timelineMobile .st57 {
  opacity: 0.5165;
  fill: #c7c7c7;
}

#timeLine #timelineMobile .st58 {
  opacity: 0.5275;
  fill: #c6c6c6;
}

#timeLine #timelineMobile .st59 {
  opacity: 0.5385;
  fill: #c5c5c5;
}

#timeLine #timelineMobile .st60 {
  opacity: 0.5495;
  fill: #c4c4c4;
}

#timeLine #timelineMobile .st61 {
  opacity: 0.5604;
  fill: #c2c2c2;
}

#timeLine #timelineMobile .st62 {
  opacity: 0.5714;
  fill: #c1c1c1;
}

#timeLine #timelineMobile .st63 {
  opacity: 0.5824;
  fill: silver;
}

#timeLine #timelineMobile .st64 {
  opacity: 0.5934;
  fill: #bfbfbf;
}

#timeLine #timelineMobile .st65 {
  opacity: 0.6044;
  fill: #bebebe;
}

#timeLine #timelineMobile .st66 {
  opacity: 0.6154;
  fill: #bdbdbd;
}

#timeLine #timelineMobile .st67 {
  opacity: 0.6264;
  fill: #bbb;
}

#timeLine #timelineMobile .st68 {
  opacity: 0.6374;
  fill: #bababa;
}

#timeLine #timelineMobile .st69 {
  opacity: 0.6484;
  fill: #b9b9b9;
}

#timeLine #timelineMobile .st70 {
  opacity: 0.6593;
  fill: #b8b8b8;
}

#timeLine #timelineMobile .st71 {
  opacity: 0.6703;
  fill: #b7b7b7;
}

#timeLine #timelineMobile .st72 {
  opacity: 0.6813;
  fill: #b5b5b5;
}

#timeLine #timelineMobile .st73 {
  opacity: 0.6923;
  fill: #b4b4b4;
}

#timeLine #timelineMobile .st74 {
  opacity: 0.7033;
  fill: #b3b3b3;
}

#timeLine #timelineMobile .st75 {
  opacity: 0.7143;
  fill: #b2b2b2;
}

#timeLine #timelineMobile .st76 {
  opacity: 0.7253;
  fill: #b1b1b1;
}

#timeLine #timelineMobile .st77 {
  opacity: 0.7363;
  fill: #afafaf;
}

#timeLine #timelineMobile .st78 {
  opacity: 0.7473;
  fill: #aeaeae;
}

#timeLine #timelineMobile .st79 {
  opacity: 0.7582;
  fill: #adadad;
}

#timeLine #timelineMobile .st80 {
  opacity: 0.7692;
  fill: #acacac;
}

#timeLine #timelineMobile .st81 {
  opacity: 0.7802;
  fill: #ababab;
}

#timeLine #timelineMobile .st82 {
  opacity: 0.7912;
  fill: #aaa;
}

#timeLine #timelineMobile .st83 {
  opacity: 0.8022;
  fill: #a8a8a8;
}

#timeLine #timelineMobile .st84 {
  opacity: 0.8132;
  fill: #a7a7a7;
}

#timeLine #timelineMobile .st85 {
  opacity: 0.8242;
  fill: #a6a6a6;
}

#timeLine #timelineMobile .st86 {
  opacity: 0.8352;
  fill: #a5a5a5;
}

#timeLine #timelineMobile .st87 {
  opacity: 0.8462;
  fill: #a4a4a4;
}

#timeLine #timelineMobile .st88 {
  opacity: 0.8571;
  fill: #a2a2a2;
}

#timeLine #timelineMobile .st89 {
  opacity: 0.8681;
  fill: #a1a1a1;
}

#timeLine #timelineMobile .st90 {
  opacity: 0.8791;
  fill: #a0a0a0;
}

#timeLine #timelineMobile .st91 {
  opacity: 0.8901;
  fill: #9f9f9f;
}

#timeLine #timelineMobile .st92 {
  opacity: 0.9011;
  fill: #9e9e9e;
}

#timeLine #timelineMobile .st93 {
  opacity: 0.9121;
  fill: #9c9c9c;
}

#timeLine #timelineMobile .st94 {
  opacity: 0.9231;
  fill: #9b9b9b;
}

#timeLine #timelineMobile .st95 {
  opacity: 0.9341;
  fill: #9a9a9a;
}

#timeLine #timelineMobile .st96 {
  opacity: 0.9451;
  fill: #999;
}

#timeLine #timelineMobile .st97 {
  opacity: 0.956;
  fill: #989898;
}

#timeLine #timelineMobile .st98 {
  opacity: 0.967;
  fill: #979797;
}

#timeLine #timelineMobile .st99 {
  opacity: 0.978;
  fill: #959595;
}

#timeLine #timelineMobile .st100 {
  opacity: 0.989;
  fill: #949494;
}

#timeLine #timelineMobile .st101 {
  fill: #939393;
}

#timeLine #timelineMobile .st102 {
  fill: #bbb;
}

#timeLine #timelineMobile .st103 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 1.9302;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st104 {
  fill: none;
  stroke: #fff;
  stroke-width: 1.9494;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st105 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.5665;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st106 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st108 {
  font-size: 22.8029px;
}

#timeLine #timelineMobile .st109 {
  fill: #bbb;
}

#timeLine #timelineMobile .st110 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.5665;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st111 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st112 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st113 {
  fill: #bbb;
}

#timeLine #timelineMobile .st114 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st115 {
  fill: none;
  stroke: #fff;
  stroke-width: 1.9648;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st116 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.58;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st117 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st118 {
  fill: #bbb;
}

#timeLine #timelineMobile .st119 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st120 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 2.5868;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile .st121 {
  fill: #bbb;
  stroke: #fff;
  stroke-width: 3;
  stroke-miterlimit: 10;
}

#timeLine #timelineMobile,
#timeLine #timelineTablet {
  display: none;
}

@media (max-width: 991px) {
  #timeLine #timelineTablet {
    display: block;
  }
  #timeLine #timelineDesktop {
    display: none;
  }
}

@media (max-width: 767px) {
  #timeLine #timelineMobile {
    display: block;
    width: inherit;
    height: inherit;
    margin: auto;
  }
  #timeLine #timelineDesktop,
  #timeLine #timelineTablet {
    display: none;
  }
}

.timeline.cas-2 #timeLine #timelineDesktop .st117,
.timeline.cas-2 #timeLine #timelineDesktop .st118,
.timeline.cas-2 #timeLine #timelineDesktop .st119,
.timeline.cas-2 #timeLine #timelineDesktop .st120,
.timeline.cas-2 #timeLine #timelineMobile .st118,
.timeline.cas-2 #timeLine #timelineMobile .st119,
.timeline.cas-2 #timeLine #timelineMobile .st120,
.timeline.cas-2 #timeLine #timelineMobile .st121,
.timeline.cas-2 #timeLine #timelineTablet .st118,
.timeline.cas-2 #timeLine #timelineTablet .st119,
.timeline.cas-2 #timeLine #timelineTablet .st120,
.timeline.cas-2 #timeLine #timelineTablet .st121 {
  fill: #ff7000;
}

.timeline.cas-3 #timeLine #timelineDesktop .st112,
.timeline.cas-3 #timeLine #timelineDesktop .st113,
.timeline.cas-3 #timeLine #timelineDesktop .st115,
.timeline.cas-3 #timeLine #timelineDesktop .st116,
.timeline.cas-3 #timeLine #timelineMobile .st113,
.timeline.cas-3 #timeLine #timelineMobile .st114,
.timeline.cas-3 #timeLine #timelineMobile .st116,
.timeline.cas-3 #timeLine #timelineMobile .st117,
.timeline.cas-3 #timeLine #timelineTablet .st113,
.timeline.cas-3 #timeLine #timelineTablet .st114,
.timeline.cas-3 #timeLine #timelineTablet .st116,
.timeline.cas-3 #timeLine #timelineTablet .st117 {
  fill: gold;
}

.timeline.cas-4 #timeLine #timelineDesktop .st108,
.timeline.cas-4 #timeLine #timelineDesktop .st109,
.timeline.cas-4 #timeLine #timelineDesktop .st110,
.timeline.cas-4 #timeLine #timelineDesktop .st111,
.timeline.cas-4 #timeLine #timelineMobile .st109,
.timeline.cas-4 #timeLine #timelineMobile .st110,
.timeline.cas-4 #timeLine #timelineMobile .st111,
.timeline.cas-4 #timeLine #timelineMobile .st112,
.timeline.cas-4 #timeLine #timelineTablet .st109,
.timeline.cas-4 #timeLine #timelineTablet .st110,
.timeline.cas-4 #timeLine #timelineTablet .st111,
.timeline.cas-4 #timeLine #timelineTablet .st112 {
  fill: #0068a8;
}

.timeline.cas-5 #timeLine #timelineDesktop .st100,
.timeline.cas-5 #timeLine #timelineDesktop .st101,
.timeline.cas-5 #timeLine #timelineDesktop .st104,
.timeline.cas-5 #timeLine #timelineDesktop .st105,
.timeline.cas-5 #timeLine #timelineMobile .st102,
.timeline.cas-5 #timeLine #timelineMobile .st103,
.timeline.cas-5 #timeLine #timelineMobile .st105,
.timeline.cas-5 #timeLine #timelineMobile .st106,
.timeline.cas-5 #timeLine #timelineTablet .st102,
.timeline.cas-5 #timeLine #timelineTablet .st103,
.timeline.cas-5 #timeLine #timelineTablet .st105,
.timeline.cas-5 #timeLine #timelineTablet .st106 {
  fill: #aecd00;
}

.operateur_particulier_gutenberg_block,
.operateur_pro_gutenberg_block,
.operateur_partenaire_gutenberg_block {
  margin-top: 20px;
}

.operateur_particulier_gutenberg_block .title,
.operateur_pro_gutenberg_block .title,
.operateur_partenaire_gutenberg_block .title {
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  padding: 40px 20px 0px 20px;
  text-align: center;
  background: #036;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.operateur_particulier_gutenberg_block .operateurs,
.operateur_pro_gutenberg_block .operateurs,
.operateur_partenaire_gutenberg_block .operateurs {
  background: #036;
  padding: 40px 20px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.operateur_particulier_gutenberg_block .operateurs a,
.operateur_pro_gutenberg_block .operateurs a,
.operateur_partenaire_gutenberg_block .operateurs a {
  width: 250px;
  height: 150px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-content: center;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: 15px;
  transition: 0.3s all ease;
}
.operateur_particulier_gutenberg_block .operateurs a:hover,
.operateur_pro_gutenberg_block .operateurs a:hover,
.operateur_partenaire_gutenberg_block .operateurs a:hover {
  opacity: 0.7;
}

.page-template-template-eligibilite .flex_blocs {
  margin: 40px 0px;
}

.page-template-template-eligibilite .adresse_testee {
  width: 100%;
  padding: 20px;
  position: relative;
  font-size: 22px;
  font-weight: 600;
  color: #000;
  margin-top: 40px;
}

.page-template-template-eligibilite
  .adresse_testee
  .events
  > div:first-of-type {
  margin-top: 40px;
}

.page-template-template-eligibilite .adresse_testee .events > div {
  display: flex;
  align-items: center;
  margin: 20px 0px 20px 0px;
  font-size: 19px;
}

.page-template-template-eligibilite .adresse_testee .events > div img {
  margin-right: 15px;
  width: 30px;
  height: auto;
}

.page-template-template-eligibilite .adresse_testee a.underline {
  font-weight: 500;
  text-decoration: underline;
  margin-right: 5px;
  color: #036;
}

.page-template-template-eligibilite .adresse_testee span.title {
}

.repeater-bloc-type-fiche-bloc {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: center;
}

.fiche_selection_gutenberg_block {
  width: 400px;
  padding: 20px;
  display: flex;
  margin: 20px;
}

.fiche_selection_gutenberg_block > .content {
  background: #555;
  color: #fff;
  font-size: 14px;
  position: relative;
  opacity: 0;
  width: 100%;
  transform: translateY(50px);
  transition: 1s all ease;
}
.fiche_selection_gutenberg_block:nth-child(2) > .content,
.fiche_selection_gutenberg_block:nth-child(5) > .content {
  transition: 1s all 0.3s ease;
}
.fiche_selection_gutenberg_block:nth-child(4) > .content {
  transition: 1s all ease;
}
.fiche_selection_gutenberg_block:nth-child(3) > .content,
.fiche_selection_gutenberg_block:nth-child(6) > .content {
  transition: 1s all 0.6s ease;
}

.fiche_selection_gutenberg_block.scrolled > .content {
  opacity: 1;
  transform: translateY(0);
}

.fiche_selection_gutenberg_block .fiche_selection_gutenberg_block > .content {
  opacity: 1;
  transform: translateY(0);
}

.fiche_selection_gutenberg_block > .content .image,
.fiche_selection_gutenberg_block > .content .video {
  height: 200px;
}
.fiche_selection_gutenberg_block > .content .image img,
.fiche_selection_gutenberg_block > .content .video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.fiche_selection_gutenberg_block > .content > .title,
.fiche_selection_gutenberg_block > .content > .content {
  padding: 10px 20px;
  color: #fff;
}

.fiche_selection_gutenberg_block
  .fiche_selection_gutenberg_block
  > .content
  > .title
  h3 {
  color: #fff;
}

.fiche_selection_gutenberg_block > .content > .title h3 {
  margin-bottom: 0;
}

.fiche_selection_gutenberg_block > .content > .content {
  padding-bottom: 40px;
}

.fiche_selection_gutenberg_block > .content .btn {
  font-size: 16px;
  padding: 10px 30px;
  background: #036;
  border-radius: 5px;
  color: #ffff;
  font-weight: bold;
  opacity: 1;
  transition: 0.3s;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  bottom: -20px;
  cursor: pointer;
  opacity: 0;
  transform: translateY(20px);
  transition: 0.3s all ease;
}

.fiche_selection_gutenberg_block.scrolled > .content .btn {
  opacity: 1;
  transform: translateY(0);
}
.fiche_selection_gutenberg_block
  .fiche_selection_gutenberg_block
  > .content
  .btn {
  opacity: 1;
  transform: translateY(0);
}
.fiche_selection_gutenberg_block > .content .btn:hover {
  background: #fff;
  color: #036;
}

.fiche_selection_gutenberg_block.perso > .content > .content {
  padding-bottom: 80px !important;
}

.fiche_selection_gutenberg_block.perso > .content .btn {
  bottom: 20px;
  margin: 0px 20px 0px auto;
  max-width: calc(100% - 40px);
  padding: 0px;
}
.fiche_selection_gutenberg_block.perso > .content .btn a {
  padding: 10px 30px;
  color: #fff;
  background: #036;
  font-size: 16px;
  border-radius: 5px;
  color: #ffff;
  font-weight: bold;
  display: flex;
  transition: 0.3s all ease;
}
.fiche_selection_gutenberg_block > .content .btn a:hover {
  background: #fff;
  color: #036;
}

.fiche_selection_gutenberg_block .fiche-modal {
  position: fixed;
  right: -100vw;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(0.5px);
  transition: 0.3s opacity ease;
}
.fiche_selection_gutenberg_block .fiche-modal.show {
  right: 0;
  opacity: 1;
}

.fiche_selection_gutenberg_block .fiche-modal .contenu {
  width: 60vw;
  max-width: 700px;
  color: #000;
  background: #fff;
  padding: 50px 40px 35px 45px;
  font-size: 16px;
  font-weight: 400;
  transform: translateY(-50px);
  opacity: 0;
  transition: 0.5s all ease-in-out;
  overflow: auto;
  position: relative;
}
.fiche_selection_gutenberg_block .fiche-modal.show .contenu {
  transform: translateY(0);
  opacity: 1;
}

.fiche_selection_gutenberg_block .fiche-modal .contenu h2,
.fiche_selection_gutenberg_block .fiche-modal .contenu h3 {
  color: #000;
}

.fiche_selection_gutenberg_block .fiche-modal .contenu > .title {
  font-size: 24px;
  text-align: center;
  font-weight: 700;
  margin-bottom: 50px;
}

.fiche_selection_gutenberg_block .fiche-modal .close {
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: 0.3s all ease;
  position: absolute;
  z-index: 2;
  left: calc(40vw + 10px);
  top: 20px;
}
.fiche_selection_gutenberg_block .fiche-modal .close:hover {
  opacity: 0.7;
}

.fiche_selection_gutenberg_block .fiche-modal .close svg {
  width: 100%;
  height: 100%;
  fill: #000;
}

@media only screen and (min-width: 1100px) {
  .fiche_selection_gutenberg_block .fiche-modal .close {
    left: auto;
    right: 655px;
  }
}

@media only screen and (max-width: 760px) {
  .fiche_selection_gutenberg_block > .content {
    transition: 1s all ease !important;
  }
  .fiche_selection_gutenberg_block .fiche-modal .contenu {
    width: 100vw;
    height: 100vh;
    border-radius: 4px;
  }

  .modal-elig {
    padding-bottom: 100px;
  }

  .fiche_selection_gutenberg_block .fiche-modal .close {
    left: 15px;
  }
}

.page-template-default .page-content > .content {
  margin: 50px auto;
}

.page-template-default .page-content .head {
  margin-bottom: 50px;
  padding-top: 170px;
}
.page-template-default .page-content .head h1 {
  margin: 0 auto;
  font-size: 28px;
  letter-spacing: 0.8px;
  color: #000;
  text-align: center;
  width: 90%;
}

.page-template-template-page-sommaire .page-content > .content {
  max-width: 1400px;
  margin: 100px auto;
}

.page-template-template-page-sommaire .page-content .head {
  display: flex;
  min-height: 500px;
  margin-bottom: 50px;
  padding-top: 130px;
  position: relative;
}

.page-template-template-page-sommaire .page-content .head img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  left: 0;
  top: 0;
  filter: brightness(0.75);
  z-index: -1;
}

.page-template-template-page-sommaire .page-content .head .title {
  width: 50%;
  margin-top: 70px;
}

.page-template-template-page-sommaire .page-content .head .title h1 {
  margin: 0;
  font-size: 26px;
  background: #fff;
  width: fit-content;
  padding: 20px 30px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  box-shadow: 1px 1px 1px #dcd;
  letter-spacing: 0.8px;
  color: #000;
  text-align: center;
}

.page-template-template-page-sommaire .page-content .head .sommaire {
  width: 50%;
  padding: 70px 60px 70px 40px;
}

.page-template-template-page-sommaire .page-content .head .sommaire .list-h {
  background: #fff;
  padding: 20px 30px;
  border-radius: 4px;
  box-shadow: 1px 1px 1px #dcd;
}

.page-template-template-page-sommaire .page-content .head .sommaire .list-h li {
  list-style-type: none;
  margin-bottom: 10px;
}
.page-template-template-page-sommaire
  .page-content
  .head
  .sommaire
  .list-h
  li.H2 {
  margin-top: 30px;
}
.page-template-template-page-sommaire
  .page-content
  .head
  .sommaire
  .list-h
  li.H2:first-of-type {
  margin-top: 10px;
}

.page-template-template-page-sommaire
  .page-content
  .head
  .sommaire
  .list-h
  li.H3 {
  padding-left: 20px;
}
.page-template-template-page-sommaire
  .page-content
  .head
  .sommaire
  .list-h
  li.H4 {
  padding-left: 40px;
}

.page-template-template-page-sommaire
  .page-content
  .head
  .sommaire
  .list-h
  li.H2
  a {
  font-weight: 600;
  opacity: 1;
}

.page-template-template-page-sommaire
  .page-content
  .head
  .sommaire
  .list-h
  li
  a {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  opacity: 0.9;
  transition: 0.3s all ease;
}
.page-template-template-page-sommaire
  .page-content
  .head
  .sommaire
  .list-h
  li
  a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 960px) {
  .page-template-template-page-sommaire .page-content .head {
    flex-direction: column;
  }
  .page-template-template-page-sommaire .page-content .head .title {
    width: 100%;
    padding: 0px 5%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .page-template-template-page-sommaire .page-content .head .title h1 {
    margin: auto;
    border-radius: 4px;
  }
  .page-template-template-page-sommaire .page-content .head .sommaire {
    width: 100%;
    padding: 0px 5% 50px;
  }
  .page-template-template-page-sommaire
    .page-content
    .head
    .sommaire
    .list-h
    li.H3 {
    list-style: disc;
  }
}

.dl_selection_gutenberg_block .content {
  background: #036;
  border: 1px solid #036;
  padding: 10px 20px;
  border-radius: 4px;
  max-width: 400px;
  transition: 0.3s all ease;
  opacity: 0;
  transform: translateY(50px);
}
.dl_selection_gutenberg_block.scrolled .content {
  opacity: 1;
  transform: translateY(0px);
}
.dl_selection_gutenberg_block .content:hover {
  background: #fff;
}

.dl_selection_gutenberg_block .content a {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.dl_selection_gutenberg_block .content a .name {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  display: flex;
  flex-direction: column;
}
.dl_selection_gutenberg_block .content a .name .type {
  font-style: italic;
}
.dl_selection_gutenberg_block .content:hover a .name {
  color: #036;
}

.dl_selection_gutenberg_block .content a .icone {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  margin-left: 10px;
}

.dl_selection_gutenberg_block .content a .icone svg {
  width: 100%;
  height: 100%;
  fill: #fff;
}
.dl_selection_gutenberg_block .content a .icone svg path {
  fill: #fff;
}
.dl_selection_gutenberg_block .content:hover a .icone svg {
  fill: #036;
}
.dl_selection_gutenberg_block .content:hover a .icone svg path {
  fill: #036;
}

.image_text_gutenberg_block {
  width: 90%;
  margin: 50px auto;
  position: relative;
  color: #000;
  display: flex;
  background: #eee;
  transform: translateX(-10vw);
  opacity: 0;
  transition: 1s all ease;
  max-width: 1400px;
}

.image_text_gutenberg_block.scrolled {
  transform: translateX(0);
  opacity: 1;
}

.image_text_gutenberg_block .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.image_text_gutenberg_block .texte {
  padding: 36px;
  font-size: 16px;
  color: #000;
}

.image_text_gutenberg_block .texte h2 {
  margin-top: 0;
  margin-bottom: 20px;
  width: 100%;
}

.image_text_gutenberg_block .texte p,
.image_text_gutenberg_block .texte span {
  margin: 0px;
}

@media only screen and (max-width: 760px) {
  .image_text_gutenberg_block .texte,
  .image_text_gutenberg_block .image {
    width: 100% !important;
  }
  .image_text_gutenberg_block .image {
    height: 200px;
  }
  .image_text_gutenberg_block {
    flex-wrap: wrap;
  }
}

.page-template-template-telechargements h1 {
  margin-bottom: 20px;
}

.page-template-template-telechargements .selection {
  margin: 30px auto 0px;
  padding: 0px 50px 0px 50px;
  max-width: 1400px;
  text-align: center;
}

.page-template-template-telechargements .selection .title-select {
  font-size: 22px;
  font-weight: 400;
  color: #000;
  text-align: center;
  margin-bottom: 20px;
}

.page-template-template-telechargements .selection select {
  border: 1px solid #ccc;
  box-shadow: 0 1px 3px 0px rgb(0 0 0 / 14%);
  padding: 10px;
  font-size: 18px;
}

.page-template-template-telechargements .downloads {
  display: flex;
  flex-direction: column;
  margin: 20px auto 0px;
  padding: 0px 50px 50px 50px;
  max-width: 1400px;
}

.page-template-template-telechargements .term-title {
  font-size: 26px;
  font-weight: 400;
  color: #000;
  position: relative;
  margin-top: 40px;
  display: none;
  opacity: 0;
  transform: translateX(50px);
  transition: 1s all ease;
}
.page-template-template-telechargements .term-title.show {
  opacity: 1;
  transform: translateX(0px);
}

.page-template-template-telechargements .files {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
  display: none;
  opacity: 0;
  transform: translateY(50px);
  transition: 1s all ease;
}
.page-template-template-telechargements .files.show {
  opacity: 1;
  transform: translateY(0px);
}

.page-template-template-telechargements .files .download-file {
  flex: 0 50%;
}

.page-template-template-telechargements .files .file {
  background: #036;
  border: 1px solid #036;
  padding: 10px 20px;
  border-radius: 4px;
  max-width: 400px;
  margin: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 0.3s all ease;
}
.page-template-template-telechargements .files .file:hover {
  background: #fff;
}

.page-template-template-telechargements .files .file .svg {
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  margin-left: 20px;
}

.page-template-template-telechargements .files .file .svg svg {
  width: 100%;
  height: 100%;
}

.page-template-template-telechargements .files .file .svg svg path {
  fill: #fff !important;
}
.page-template-template-telechargements .files .file:hover .svg svg path {
  fill: #036 !important;
}

.page-template-template-telechargements .files .file .name {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  display: flex;
  flex-direction: column;
}
.page-template-template-telechargements .files .file:hover .name {
  color: #036;
}

.page-template-template-telechargements .files .file .name span.title {
  margin: 5px 0px 0px 0px;
}
.page-template-template-telechargements .files .file .name span.desc {
  font-size: 13px;
  font-style: italic;
  margin: 5px 35px 5px 0px;
}
.page-template-template-telechargements .files .file .name span.type {
  font-size: 13px;
  font-style: italic;
  margin: 5px 35px 5px 0px;
}

.page-template-template-telechargements .files .file a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
}

@media only screen and (max-width: 1120px) {
  .page-template-template-telechargements .files .download-file {
    flex: 0 100%;
  }
}

@media only screen and (max-width: 768px) {
  .page-template-template-telechargements .files .file {
    flex-direction: column;
  }
  .page-template-template-telechargements .files .file .svg {
    width: 100%;
    margin-left: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-template-template-telechargements .files .file .svg svg {
    height: 20px;
  }
  .page-template-template-telechargements .files .file .name {
    margin: 0px;
    padding: 15px 5px;
  }
  .page-template-template-telechargements .files .file .name span.desc {
    margin: 5px 0px 5px 0px;
  }
}

/* ===== Accordéons documents opérateur ===== */
.page-template-template-telechargements .files.accordion {
  flex-direction: column;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1000px;
  margin-top: 25px;
}

.page-template-template-telechargements .acc-group {
  width: 100%;
  margin-bottom: 14px;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12);
}

.page-template-template-telechargements .acc-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #036;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  padding: 16px 22px;
  cursor: pointer;
  user-select: none;
  transition: background 0.25s ease;
}
.page-template-template-telechargements .acc-header:hover {
  background: #024b8f;
}

.page-template-template-telechargements .acc-header .chevron {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-left: 15px;
  transition: transform 0.3s ease;
}
.page-template-template-telechargements .acc-group:not(.open) .acc-header .chevron {
  transform: rotate(-90deg);
}

.page-template-template-telechargements .acc-body {
  background: #f3f3f5;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}
.page-template-template-telechargements .acc-group.open .acc-body {
  max-height: 2000px;
}

.page-template-template-telechargements .acc-body ul {
  list-style: disc;
  margin: 0;
  padding: 18px 26px 18px 44px;
}
.page-template-template-telechargements .acc-body li {
  margin: 7px 0;
  color: #036;
}
.page-template-template-telechargements .acc-body li a {
  color: #036;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: color 0.2s ease;
}
.page-template-template-telechargements .acc-body li a:hover {
  color: #0066cc;
  text-decoration: underline;
}

a.btn_focus {
  border-radius: 8px;
  background: #036;
  color: #fff;
  padding: 10px 15px;
  font-weight: 700;
  display: flex;
  width: fit-content;
  transition-duration: 0.3s;
}

a.btn_focus:hover {
  background: #fff;
  color: #036;
}

.dl_selection_gutenberg_block {
  width: 95%;
  max-width: 1400px;
  margin: 15px auto;
}

.les-operateurs .page-content > .content {
  margin: auto;
  font-weight: 400;
  font-size: 18px;
  color: #000;
}

.les-operateurs .page-content > .content h2 {
  max-width: 1400px;
}

.les-operateurs .page-content > .content p {
  width: 90%;
  max-width: 1400px;
  margin: 10px auto;
}

.les-operateurs .page-content > .content .wp-block-columns,
.les-operateurs .page-content > .content .operateur_particulier_gutenberg_block,
.les-operateurs .page-content > .content .operateur_pro_gutenberg_block,
.les-operateurs .page-content > .content .operateur_partenaire_gutenberg_block {
  width: 90%;
  max-width: 1400px;
  margin: 10px auto;
}

.operateur_particulier_gutenberg_block,
.operateur_pro_gutenberg_block,
.operateur_partenaire_gutenberg_block {
  transform: translateX(-70vw);
  opacity: 0;
  transition: 1s all ease;
}

.operateur_particulier_gutenberg_block.scrolled,
.operateur_pro_gutenberg_block.scrolled,
.operateur_partenaire_gutenberg_block.scrolled {
  transform: translateX(0);
  opacity: 1;
}

.operateur_particulier_gutenberg_block .operateurs a,
.operateur_pro_gutenberg_block .operateurs a,
.operateur_partenaire_gutenberg_block .operateurs a {
  transform: translateY(50px);
  opacity: 0;
  transition: 1s all 0.5s ease;
}
.operateur_particulier_gutenberg_block.scrolled .operateurs a,
.operateur_pro_gutenberg_block.scrolled .operateurs a,
.operateur_partenaire_gutenberg_block.scrolled .operateurs a {
  transform: translateY(0px);
  opacity: 1;
}

.page-template-template-operateurs-params .search_town {
  background: #036;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0px 40px 0px;
}

.page-template-template-operateurs-params form#searchform {
  width: 90%;
}

.page-template-template-operateurs-params form#searchform input {
  background: #f7f7f7;
  color: #787878;
  transition: all 0.5s;
  width: 100%;
  border: none;
  padding: 10px 15px;
  border-radius: 4px;
  font-size: 14px;
}

.page-template-template-operateurs-params div#data_fetch_operateurs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: auto;
  margin-top: 10px;
}
.page-template-template-operateurs-params div#data_fetch_operateurs a {
  color: #fff;
  font-size: 16px;
  width: 100%;
  position: relative;
  transition: 0.3s all ease;
  padding: 5px 15px 5px 0px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}
.page-template-template-operateurs-params div#data_fetch_operateurs a:hover {
  padding-left: 10px;
}

@media only screen and (max-width: 456px) {
  .page-template-template-operateurs-params .search_town {
    padding: 50px 0px 40px 0px;
  }
}

@media only screen and (max-width: 800px) {
  .page-template-template-operateurs-params-iframe .operateurs {
    padding: 20px 20px 50px 20px;
  }

  .page-template-template-operateurs-params-iframe .operateurs a {
    width: 200px;
    height: 125px;
  }
}

/* Page Publications L49 */

.page-template-template-l49 .st_div {
  display: flex;
}

.page-template-template-l49 .next_days {
  width: 100%;
  overflow: hidden;
  padding: 0px 5%;
}

.page-template-template-l49 h1 {
  margin-top: 0;
  font-size: 34px;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  padding: 80px 0px 0px 0px;
  width: 90%;
  margin: auto;
  text-align: center;
}

.page-template-template-l49 h2 {
  color: #abaaaa;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 20px auto 0px auto;
  max-width: 1400px;
}

.page-template-template-l49 .event {
  position: relative;
  margin: 40px auto;
  max-width: 1400px;
  display: flex;
  border-radius: 4px;
}
.page-template-template-l49 .event:last-of-type {
  margin: 20px auto;
}
.page-template-template-l49 .event .tag {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 1px 10px 2px 10px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border-radius: 4px;
}

.page-template-template-l49 .event .textes {
  width: 100%;
  padding: 20px 15px 20px 15px;
}

.page-template-template-l49 .event .textes .date {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  margin: 10px 0px 10px 0px;
}

.page-template-template-l49 .event .textes .description {
  font-size: 15px;
  margin-top: 10px;
  font-weight: 300;
  color: #000;
}

.page-template-template-l49 .event .downloads {
  width: 335px;
  flex-shrink: 0;
  margin-left: 100px;
  display: flex;
  padding-bottom: 5px;
}

.page-template-template-l49 .event .downloads:before {
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 60px;
  width: 290px;
  border-radius: 4px;
}
.page-template-template-l49 .event .downloads_even:before {
  background: #036;
}
.page-template-template-l49 .event .downloads_odd:before {
  background: #036;
}

.page-template-template-l49 .event .downloads .formulaire,
.page-template-template-l49 .event .downloads .map {
  width: 50%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-template-template-l49 .event .downloads .formulaire a,
.page-template-template-l49 .event .downloads .map a {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.page-template-template-l49 .event .downloads .formulaire img,
.page-template-template-l49 .event .downloads .map img {
  width: 25px;
  height: auto;
  margin-right: 10px;
  transition: 0.3s all ease;
}
.page-template-template-l49 .event .downloads .formulaire a:hover img,
.page-template-template-l49 .event .downloads .map a:hover img {
  transform: scale(1.2);
}

.page-template-template-l49 .search_town {
  background: #036;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0px 40px 0px;
  margin-top: 30px;
}

.page-template-template-l49 .nd_div {
  display: flex;
}

.page-template-template-l49 .later {
  width: 100%;
  display: none;
  padding: 0px 5%;
}

.page-template-template-l49 .search_town form#searchform {
  width: 90%;
}

.page-template-template-l49 .search_town div#datafetch_commune_l49 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: auto;
  margin-top: 10px;
}
.page-template-template-l49 .search_town div#datafetch_commune_l49 a {
  color: #fff;
  font-size: 16px;
  width: 100%;
  position: relative;
  transition: 0.3s all ease;
  padding: 5px 15px 5px 0px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}
.page-template-template-l49 .search_town div#datafetch_commune_l49 a:hover {
  padding-left: 10px;
}

@media only screen and (max-width: 950px) {
  .page-template-template-l49 .event {
    flex-direction: column;
  }

  .page-template-template-l49 .event .downloads {
    width: 100%;
    margin-left: 0px;
    padding: 40px 15px 45px 15px;
  }

  .page-template-template-l49 .event .downloads_odd:before,
  .page-template-template-l49 .event .downloads_even:before {
    width: 0px;
    right: 0px;
    height: 0px;
    background: none;
  }
}

/* Page Publications L49 REGION */

.page-template-template-l49region .st_div {
  display: flex;
}

.page-template-template-l49region .next_days {
  width: 100%;
  overflow: hidden;
  max-width: 1400px;
  margin: auto;
}

.page-template-template-l49region h1 {
  margin-top: 0;
  font-size: 34px;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  padding: 120px 0px 0px 0px;
  width: 90%;
  margin: auto;
  text-align: center;
}

.page-template-template-l49region h2 {
  color: #abaaaa;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 20px 10px 0px 10px;
}

.page-template-template-l49region .event {
  position: relative;
  margin: 30px 20px 20px 20px;
  display: flex;
}
.page-template-template-l49region .event:last-of-type {
  margin: 30px 20px 50px 20px;
}
.page-template-template-l49region .event .tag {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 1px 10px 2px 10px;
  font-size: 16px;
  font-weight: 400;
  border-radius: 4px;
  color: #fff;
}

.page-template-template-l49region .event .textes {
  width: 100%;
  padding: 20px 15px 20px 15px;
}

.page-template-template-l49region .event .textes .date {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  margin: 10px 0px 10px 0px;
}

.page-template-template-l49region .event .textes .description {
  font-size: 15px;
  margin-top: 10px;
  font-weight: 300;
  color: #000;
}

.page-template-template-l49region .event .downloads {
  width: 300px;
  flex-shrink: 0;
  margin-left: 100px;
  display: flex;
}

.page-template-template-l49region .event .downloads:before {
  content: " ";
  position: absolute;
  top: 0px;
  bottom: 0;
  right: 60px;
  width: 300px;
  transform: skewX(-40deg);
}
.page-template-template-l49region .event .downloads_even:before {
  background: #036;
}
.page-template-template-l49region .event .downloads_odd:before {
  background: #036;
}

.page-template-template-l49region .event .downloads .formulaire,
.page-template-template-l49region .event .downloads .map {
  width: 50%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-template-template-l49region .event .downloads .formulaire a,
.page-template-template-l49region .event .downloads .map a {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}

.page-template-template-l49region .event .downloads .formulaire img,
.page-template-template-l49region .event .downloads .map img {
  width: 25px;
  height: auto;
  margin-right: 10px;
  transition: 0.3s all ease;
}
.page-template-template-l49region .event .downloads .formulaire a:hover img,
.page-template-template-l49region .event .downloads .map a:hover img {
  transform: scale(1.2);
}

.page-template-template-l49region .search_town {
  background: #036;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0px 40px 0px;
}

.page-template-template-l49region .nd_div {
  display: flex;
}

.page-template-template-l49region .later {
  width: 100%;
  display: none;
}

.page-template-template-l49region .search_town form#searchform {
  width: 90%;
}

.page-template-template-l49region .search_town div#datafetch_commune_l49 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: auto;
  margin-top: 10px;
}
.page-template-template-l49region .search_town div#datafetch_commune_l49 a {
  color: #fff;
  font-size: 16px;
  width: 100%;
  position: relative;
  transition: 0.3s all ease;
  padding: 5px 15px 5px 0px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}
.page-template-template-l49region
  .search_town
  div#datafetch_commune_l49
  a:hover {
  padding-left: 10px;
}

@media only screen and (max-width: 950px) {
  .page-template-template-l49region .event {
    flex-direction: column;
  }

  .page-template-template-l49region .event .downloads {
    width: 100%;
    margin-left: 0px;
    padding: 20px 15px 20px 15px;
  }

  .page-template-template-l49region .event .downloads_odd:before,
  .page-template-template-l49region .event .downloads_even:before {
    width: 0px;
    right: 0px;
    height: 0px;
    background: none;
  }
}

.page-template-template-l49 form#searchform input,
.page-template-template-l49region form#searchform input {
  font-size: 14px;
  border: 1px solid transparent;
  transition: 0.3s all ease;
  padding: 10px;
  border-radius: 0px;
  box-shadow: none;
  background: transparent;
  color: #fff;
  background-position: right !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border-bottom: 1px solid #fff;
  transition: 0.3s all ease;
  width: 100%;
}

.page-template-template-l49 form#searchform input::placeholder,
.page-template-template-l49region form#searchform input::placeholder {
  color: #fff;
}

.info-home {
  max-width: 1400px;
  margin: 50px auto;
  background: #036;
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  padding: 10px 20px;
  border-radius: 4px;
  box-shadow: 1px 1px 2px 1px #036;
}

.bp-widget-side {
  bottom: 30px !important;
  left: auto !important;
  right: 30px !important;
  width: 360px !important;
  height: 600px !important;
  top: auto !important;
}

iframe#bp-widget.bp-widget-widget {
  display: none;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.bot#show-bp {
  position: relative;
}

.bot#show-bp.message:after {
  content: "1";
  position: absolute;
  top: -8px;
  right: 20px;
  background: red;
  width: 25px;
  height: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
  border-radius: 100%;
}

.logos .bot#show-bp.message:after {
  top: 8px;
}

.logos.logos-responsive.logos_scrolled .bot#show-bp.message:after {
  top: -10px;
  right: 40px;
}

.home .bot#show-bp.message:after {
  top: -8px !important;
  right: 20px !important;
}

@media only screen and (max-width: 768px) {
  .bot#show-bp.message:after {
    top: -5px !important;
    right: 10px !important;
  }
}

/* Page Agenda de la Fibre */

.page-template-template-agenda .loader {
  display: flex;
  justify-content: center;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  align-items: center;
  background: rgba(255, 255, 255, 0.6);
  z-index: 50000;
}
.page-template-template-agenda .loader.none {
  width: 0px;
  height: 0px;
  top: 0px;
  left: 0px;
  background: rgba(255, 255, 255, 0);
  z-index: -1;
  display: none;
  visibility: hidden;
  opacity: 0;
}

.page-template-template-agenda .st_div {
  display: flex;
  max-width: 1400px;
  margin: auto;
  width: 95%;
}

.page-template-template-agenda .next_days {
  width: 100%;
  overflow: hidden;
}

.page-template-template-agenda h1 {
  margin-top: 0;
  font-size: 34px;
  font-weight: 500;
  color: #000;
  text-transform: uppercase;
  padding: 80px 0px 0px 0px;
  width: 90%;
  margin: auto;
  text-align: center;
}

.page-template-template-agenda h1.responsive_title {
  display: none;
}

.page-template-template-agenda h2 {
  color: #abaaaa;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 20px 10px 0px 10px;
}

.page-template-template-agenda .event {
  position: relative;
  margin: 30px 20px 20px 20px;
  padding: 20px 15px 20px 15px;
  border-radius: 4px;
}
.page-template-template-agenda .event:last-of-type {
  margin: 30px 20px 50px 20px;
}
.page-template-template-agenda .event .tag {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 1px 10px 2px 10px;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  border-radius: 4px;
}

.page-template-template-agenda .event .city {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  position: absolute;
  top: -17px;
  right: 15px;
  font-size: 16px;
  font-weight: 400;
  color: #036;
}
.page-template-template-agenda .event .city svg {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.page-template-template-agenda .event .date {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  margin: 10px 0px 10px 0px;
}

.page-template-template-agenda .event .description {
  font-size: 15px;
  margin-top: 10px;
  font-weight: 300;
  color: #000;
  max-height: 20px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: 0.3s all ease;
}

.page-template-template-agenda .event .description p:first-of-type,
.page-template-template-agenda .event .description p:last-of-type {
  margin: 0;
}

.description_toggled {
  max-height: 500px !important;
  white-space: normal !important;
}

.page-template-template-agenda .event .more {
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: -15px;
  right: 50%;
  margin-right: -15px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  cursor: pointer;
  transition: 0.3s all ease;
}

.page-template-template-agenda .event .more i {
  font-size: 16px;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-template-template-agenda .event .more i.fas.fa-minus {
  display: none;
}

.page-template-template-agenda .calendar {
  width: 400px;
  flex-shrink: 0;
  margin-top: 80px;
  position: relative;
  display: block;
  margin-bottom: 40px;
  border: 1px solid rgb(0, 0, 0, 0.1);
  border-right: none;
  padding: 15px;
  height: max-content;
}

.page-template-template-agenda .search_town {
  background: #036;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 0px 40px 0px;
  margin-bottom: 50px;
}

.page-template-template-agenda .nd_div {
  display: flex;
}

.page-template-template-agenda .later {
  width: 100%;
  overflow: hidden;
  padding: 0px 5%;
}

.page-template-template-agenda .retro h2 {
  margin-left: 20px;
}

.page-template-template-agenda .photos {
  width: 400px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
}

.page-template-template-agenda .photos .photo {
  flex: 0 48%;
  position: relative;
  margin: 1%;
  height: 150px;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

.page-template-template-agenda .photos .photo a {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 0.3s all ease;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  font-size: 16px;
}

.page-template-template-agenda .photos .photo:hover a {
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
}

.page-template-template-agenda .photos {
  width: 400px;
  flex-shrink: 0;
}

.page-template-template-agenda .search_town form#searchform {
  width: 90%;
}

.page-template-template-agenda .search_town div#datafetch_commune_event {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: auto;
  margin-top: 10px;
}
.page-template-template-agenda .search_town div#datafetch_commune_event a {
  color: #fff;
  font-size: 16px;
  width: 100%;
  position: relative;
  transition: 0.3s all ease;
  padding: 5px 15px 5px 0px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}
.page-template-template-agenda
  .search_town
  div#datafetch_commune_event
  a:hover {
  padding-left: 10px;
}

@media only screen and (max-width: 1100px) {
  .page-template-template-agenda .st_div {
    flex-direction: column-reverse;
  }

  .page-template-template-agenda .calendar {
    width: 100%;
    border-left: none;
    border-top: none;
    margin: 0px;
  }

  .page-template-template-agenda .nd_div {
    flex-direction: column;
  }

  .page-template-template-agenda .photos {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .page-template-template-agenda h1.responsive_title {
    margin-bottom: 30px;
    padding-top: 50px;
  }
}

@media only screen and (max-width: 456px) {
  .town .label {
    top: -32px;
  }

  .page-template-template-agenda .search_town {
    padding: 50px 0px 40px 0px;
  }
}

.page-template-template-agenda .search_town {
  background: #036;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-top: 20px;
}

.page-template-template-agenda .search_town form#searchform {
  width: 90%;
}

.page-template-template-agenda .search_town div#datafetch_commune_event {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin: auto;
  margin-top: 10px;
}
.page-template-template-agenda .search_town div#datafetch_commune_event a {
  color: #fff;
  font-size: 16px;
  width: 100%;
  position: relative;
  transition: 0.3s all ease;
  padding: 5px 15px 5px 0px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}
.page-template-template-agenda
  .search_town
  div#datafetch_commune_event
  a:hover {
  padding-left: 10px;
}

.page-template-template-agenda form#searchform input {
  font-size: 14px;
  border: 1px solid transparent;
  transition: 0.3s all ease;
  padding: 10px;
  border-radius: 0px;
  box-shadow: none;
  background: transparent;
  color: #fff;
  background-position: right !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  border-bottom: 1px solid #fff;
  transition: 0.3s all ease;
  width: 100%;
}

.page-template-template-agenda form#searchform input::placeholder {
  color: #fff;
}

.wp-block-embed__wrapper {
  text-align: center;
  width: 90%;
  margin: auto;
}
iframe#nPerfSpeedTest {
  margin: auto !important;
}

.page-template-template-eligibilite .video-bandeau {
  width: 100%;
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-template-template-eligibilite .video-bandeau .video {
  backface-visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  clip: rect(0, auto, auto, 0);
}
.page-template-template-eligibilite .video-bandeau .video video {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -10;
}

.page-template-template-eligibilite .video-bandeau .texts {
  font-size: 40px;
  font-weight: 500;
  color: #fff;
  text-align: center;
  z-index: 1;
  width: 90%;
}

.page-template-template-eligibilite .video-bandeau .texts .subtitle {
  font-size: 32px;
}

.page-template-template-eligibilite .video-bandeau .texts .btn a {
  font-size: 16px;
  font-weight: bold;
  opacity: 1;
  transition: 0.3s;
  background: #036;
  border-radius: 5px;
  padding: 10px 30px;
  color: #fff;
  transition: 0.3s all ease;
}
.page-template-template-eligibilite .video-bandeau .texts .btn a:hover {
  opacity: 0.7;
}

.page-template-template-eligibilite .adresse {
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  background: #323232;
  padding: 25px 5%;
}

.page-template-template-eligibilite .under-bandeau {
  display: flex;
  align-items: stretch;
}

.page-template-template-eligibilite .under-bandeau .left {
  width: 400px;
  flex-shrink: 0;
}

.page-template-template-eligibilite .under-bandeau .left #map {
  width: 100%;
  height: 100%;
}

.page-template-template-eligibilite .under-bandeau .right {
  width: 100%;
}

.page-template-template-eligibilite .under-bandeau .right > div {
  margin-top: 0;
}

.page-template-template-eligibilite .under-bandeau .right > div .title {
  border-radius: 0px;
}

.page-template-template-eligibilite .fiches {
  padding: 20px 5%;
  margin: 40px 0px;
}

.page-template-template-eligibilite .fiches > .title {
  text-align: center;
  font-size: 24px;
  color: #000;
  font-weight: 600;
  margin-bottom: 10px;
}

.page-template-template-eligibilite .fiches .subtitle {
  text-align: center;
  font-size: 18px;
  color: #000;
  font-weight: 400;
}

.page-template-template-eligibilite .cards {
  display: flex;
  align-items: stretch;
  justify-content: space-around;
  position: absolute;
  bottom: -100px;
  left: 0;
  right: 0;
  margin: auto;
  padding: 0px 5%;
}

.page-template-template-eligibilite .cards .card {
  width: 300px;
  background: #ccc;
  box-shadow: 1px 1px 3px 0px #aaa;
  padding: 20px;
  border-radius: 4px;
  margin: 10px;
  opacity: 0.8;
}

.page-template-template-eligibilite .cards .card .title {
  font-size: 28px;
  color: #4c4b4c;
  text-align: center;
  font-weight: 600;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.page-template-template-eligibilite .cards .card .title h3 {
  margin: 0;
}

.page-template-template-eligibilite .cards .card .subtitle {
  font-size: 22px;
  color: #4c4b4c;
  text-align: center;
  font-weight: 400;
  margin-bottom: 10px;
}

.page-template-template-eligibilite .cards .card .text {
  font-size: 16px;
  color: #4c4b4c;
  text-align: center;
  font-weight: 400;
}

.page-template-template-eligibilite .cards.code-2 .card.first {
  background: #18cb75;
  opacity: 1;
}
.page-template-template-eligibilite .cards.code-2 .card.first .title,
.page-template-template-eligibilite .cards.code-2 .card.first .subtitle,
.page-template-template-eligibilite .cards.code-2 .card.first .text {
  color: #fff;
}

.page-template-template-eligibilite .cards.code-3 .card.first,
.page-template-template-eligibilite .cards.code-3 .card.second {
  background: #18cb75;
  opacity: 1;
}
.page-template-template-eligibilite .cards.code-3 .card.first .title,
.page-template-template-eligibilite .cards.code-3 .card.first .subtitle,
.page-template-template-eligibilite .cards.code-3 .card.first .text,
.page-template-template-eligibilite .cards.code-3 .card.second .title,
.page-template-template-eligibilite .cards.code-3 .card.second .subtitle,
.page-template-template-eligibilite .cards.code-3 .card.second .text {
  color: #fff;
}

.page-template-template-eligibilite .cards.code-4 .card.first,
.page-template-template-eligibilite .cards.code-4 .card.second,
.page-template-template-eligibilite .cards.code-4 .card.third {
  background: #18cb75;
  opacity: 1;
}
.page-template-template-eligibilite .cards.code-4 .card.first .title,
.page-template-template-eligibilite .cards.code-4 .card.first .subtitle,
.page-template-template-eligibilite .cards.code-4 .card.first .text,
.page-template-template-eligibilite .cards.code-4 .card.second .title,
.page-template-template-eligibilite .cards.code-4 .card.second .subtitle,
.page-template-template-eligibilite .cards.code-4 .card.second .text,
.page-template-template-eligibilite .cards.code-4 .card.third .title,
.page-template-template-eligibilite .cards.code-4 .card.third .subtitle,
.page-template-template-eligibilite .cards.code-4 .card.third .text {
  color: #fff;
}

.form-container {
  max-width: 900px;
  margin: auto;
  margin-bottom: 50px;
  width: 90%;
  margin-top: 100px;
}

@media only screen and (max-width: 1080px) {
  .page-template-template-eligibilite .video-bandeau .texts {
    font-size: 28px;
    margin-bottom: 10px;
  }

  .page-template-template-eligibilite .video-bandeau .texts .subtitle {
    font-size: 24px;
    margin-bottom: 10px;
  }

  .page-template-template-eligibilite .under-bandeau {
    flex-direction: column;
  }

  .page-template-template-eligibilite .under-bandeau .left {
    height: 400px;
    width: 80%;
    margin: 40px auto;
  }

  .page-template-template-eligibilite .cards {
    flex-direction: column;
    position: relative;
    justify-content: center;
    align-items: center;
    transform: translateY(-200px);
    bottom: auto;
    margin-bottom: -200px;
  }
}

@media only screen and (max-width: 780px) {
  .page-template-template-eligibilite .video-bandeau .texts {
    font-size: 22px;
    margin-bottom: 8px;
  }

  .page-template-template-eligibilite .video-bandeau .texts .subtitle {
    font-size: 18px;
    margin-bottom: 8px;
  }
}

header nav .modals {
  display: none;
}

header nav.show .modals {
  display: flex;
  position: relative;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  bottom: auto;
  right: auto;
  flex-direction: row;
  padding: 20px 5% 20px 5%;
  margin: auto;
  background-position: left bottom;
  flex-wrap: wrap;
}

header nav.show .modals > div {
  margin: 10px 5px;
}

.modals-home-mobile .modals {
  display: none;
}

header nav.show .modals .title {
  width: 100px;
  opacity: 1;
  padding: 0px 15px 0px 10px;
}

.modals-home-mobile .title-modals {
  width: 90%;
  margin: auto;
  text-align: center;
  font-size: 18px;
  color: #000;
  font-weight: 400;
  margin-top: 50px;
  display: none;
}

@media only screen and (max-width: 750px) {
  .modals {
    display: none;
  }
  header nav.show .modals {
    display: flex;
  }
  .modals-home-mobile .title-modals {
    display: block;
  }
  .modals-home-mobile .modals {
    display: flex;
    position: relative;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    bottom: auto;
    right: auto;
    flex-direction: row;
    padding: 20px 5% 20px 5%;
    max-width: 700px;
    margin: auto;
    background-position: left bottom;
    flex-wrap: wrap;
  }
  .modals-home-mobile .modals .title {
    width: 100px;
    opacity: 1;
    padding: 0px 15px 0px 10px;
  }
}

.ref-modal {
  position: fixed;
  left: 0;
  top: 0;
  background: #036;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px 5%;
  display: none;
  opacity: 0;
  z-index: 9999;
  transition: 0.3s all ease;
}

.ref-modal .title {
  padding: 0;
  margin: 0;
  color: #fff;
  text-transform: none;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
}

.ref-modal .subtitle {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  max-width: 800px;
  margin-bottom: 20px;
}

.ref-modal .form {
  width: 90%;
  max-width: 700px;
}

.ref-modal input {
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  font-family: inherit;
  padding: 12px 0;
  height: 40px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 2px solid #c8ccd4;
  background: none;
  border-radius: 0;
  color: #fff;
  transition: all 0.15s ease;
}

.ref-modal input::placeholder {
  color: #fff;
}

.ref-modal .validation {
  margin: 20px auto 0px auto;
  width: 80%;
}

.ref-modal .validation .btn {
  text-align: center;
  background: #fff;
  width: 100%;
  font-size: 18px;
  color: #000;
  font-weight: 400;
  padding: 5px;
  cursor: pointer;
  transition: 0.3s all ease;
}
.ref-modal .validation .btn:hover {
  opacity: 0.7;
}

.ref-modal .ui-autocomplete {
  z-index: 100000;
}

.ref-modal .close {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 50px;
  top: 50px;
  cursor: pointer;
  transition: 0.3s all ease;
}
.ref-modal .close:hover {
  opacity: 0.7;
}

.ref-modal .close svg {
  fill: #fff;
}

.referencement_new_address_map {
  padding-bottom: 30px;
  padding-top: 120px;
}

.referencement_new_address_map h1 {
  text-align: center;
  padding: 0px 5%;
}

.referencement_new_address_map .subtitle {
  font-size: 19px;
  text-align: center;
  color: #777;
  font-weight: 600;
  margin-top: 5px;
  margin-bottom: 40px;
  text-transform: uppercase;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.referencement_new_address_map #map {
  margin: 0px auto 0px auto;
  width: 90%;
  max-width: 1200px;
  height: 600px;
  z-index: 1;
}

.referencement_new_address_map .popup .title {
  text-align: center;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.referencement_new_address_map .popup .infos {
  font-weight: 500;
  font-size: 13px;
  color: #000;
}

.referencement_new_address_map .popup .boutons {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.referencement_new_address_map .popup .boutons .bouton {
  width: 50%;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 0px 4px #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #000;
  font-size: 13px;
  min-height: 30px;
  text-align: center;
  cursor: pointer;
  transition: 0.3s all ease;
}
.referencement_new_address_map .popup .boutons .bouton:hover {
  box-shadow: 0px 0px 4px #000;
}

.referencement_new_address_map .popup .boutons .bouton.validate {
  margin-right: 5px;
}
.referencement_new_address_map .popup .boutons .bouton.wrong {
  margin-left: 5px;
  font-weight: 900;
}

.referencement_new_address_map .not-found {
  margin: 50px auto;
}

.referencement_new_address_map .not-found .bouton {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.referencement_new_address_map .not-found .bouton a {
  font-size: 14px;
  padding: 10px 30px;
  background: #036;
  border: 1px solid #036;
  border-radius: 5px;
  color: #ffff;
  font-weight: bold;
  transition: 0.3s;
  text-align: center;
  width: 90%;
  max-width: 900px;
  margin-top: 10px;
  cursor: pointer;
  transition: 0.3s all ease;
}
.referencement_new_address_map .not-found .bouton a:hover {
  background: #fff;
  color: #036;
}

.referencement_new_address_map .no-houses {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  border-radius: 5px;
  color: #dc3545;
  background: #f5c6cb;
  padding: 15px;
  align-items: center;
  margin: 20px 5% 20px 5%;
}

.message_after {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  padding: 20px 5%;
  display: none;
}
.message_after.message_after_valide {
  color: #9c0;
  padding: 120px 5%;
}
.message_after.message_after_racco_long {
  color: #777;
  padding-top: 120px;
}

.message_after .bouton {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}

.message_after .bouton a {
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 0px 4px #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #000;
  font-size: 15px;
  min-height: 30px;
  text-align: center;
  cursor: pointer;
  padding: 7px 15px;
  transition: 0.3s all ease;
}
.message_after .bouton a:hover {
  box-shadow: 0px 0px 4px #000;
}

form.post-password-form {
  font-size: 18px;
  padding: 50px 40px;
  text-align: center;
}

form.post-password-form input[type="submit"] {
  background: #fff;
  border: 1px solid #33cc66;
  padding-left: 15px;
  padding-right: 15px;
  color: #33cc66;
  transition: 0.3s all ease;
}

form.post-password-form input[type="submit"]:hover {
  background: #33cc66;
  border: 1px solid #33cc66;
  padding-left: 15px;
  padding-right: 15px;
  color: #fff;
  transition: 0.3s all ease;
}

.page-template-template-newaddress .contenu {
  min-height: calc(100vh - 520px);
  padding-top: 120px;
}

.page-template-template-newaddress .contenu h1 {
  text-align: center;
  padding: 0px 5%;
}

@media (max-width: 767px) {
  .ref-modal .title {
    font-size: 22px;
  }
  .ref-modal .subtitle {
    font-size: 18px;
  }
}

.page-id-11616 .page-content > .content h2 {
  margin-top: 40px;
}
.page-id-11616 .page-content > .content p {
  font-size: 16px;
  padding: 0px 5%;
  color: #000;
}

.newsletter .nf-field-label a {
  color: #fff;
  text-decoration: underline;
  transition: 0.3s all ease;
}
.nf-field-label a:hover {
  opacity: 0.7;
}

.page-template-template-eligibilite .container-faq {
  width: 90%;
  margin: 40px auto;
  max-width: 1200px;
  padding: 25px 20px;
  box-shadow: 1px 1px 4px 1px #ccc;
  border-radius: 4px;
  transform: translateY(50px);
  opacity: 0;
  transition: 1s all ease;
}

.page-template-template-eligibilite .container-faq.scrolled {
  transform: translateY(0px);
  opacity: 1;
}

.page-template-template-eligibilite .container-faq > .title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  margin-bottom: 15px;
  border-bottom: none;
}

.page-template-template-eligibilite .container-faq .subcategorie .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.page-template-template-eligibilite .container-faq .subcategorie .title p {
  width: 79%;
  margin: 10px 0px;
  font-size: 17px;
  font-weight: 400;
}

.page-template-template-eligibilite .container-faq .subcategorie .title svg {
  width: 25px;
  height: 25px;
  border-radius: 50px;
  transform: rotate(-90deg);
  transition: 0.3s all ease;
}
.page-template-template-eligibilite
  .container-faq
  .subcategorie
  .title
  svg
  path {
  fill: #036;
}

.page-template-template-eligibilite
  .container-faq
  .subcategorie
  .title:hover
  svg,
.page-template-template-eligibilite
  .container-faq
  .subcategorie
  .title.clicked
  svg {
  transform: rotate(0deg);
}

.page-template-template-eligibilite .container-faq .subcategorie .description {
  display: none;
  margin-left: 20px;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #036;
  opacity: 0;
  font-size: 16px;
  font-weight: 400;
  transform: translateX(-100px);
  transition: 1s all ease;
}
.page-template-template-eligibilite
  .container-faq
  .subcategorie
  .description.animate {
  opacity: 1;
  transform: translateX(0);
}

.page-template-template-eligibilite
  .container-faq
  .subcategorie
  .description.show-faq {
  display: block;
}

.single-post .image_text_gutenberg_block {
  background: #fff;
}

.footer .copyright {
  padding: 7px;
  margin: 0;
  display: flex;
  justify-content: center;
  opacity: 1;
  flex-wrap: wrap;
  font-size: 11px;
}

.footer .copyright a {
  margin: 0 3px;
}

#content-modal-234324 .texte_gutenberg_block p {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#content-modal-234324 .texte_gutenberg_block p a {
  width: 47%;
  margin-bottom: 17px;
}

#content-modal-304156 .texte_gutenberg_block p {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#content-modal-304156 .texte_gutenberg_block p a {
  width: 47%;
  margin-bottom: 17px;
}
#content-modal-304156 .texte_gutenberg_block p a img {
  height: auto;
}

/* Contact pro */

.page-template-template-contact-pro .content-contact-pro {
  margin-top: 80px;
}

.page-template-template-contact-pro .content-contact-pro .image {
  height: 500px;
  width: 100%;
}

.page-template-template-contact-pro .content-contact-pro .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-template-template-contact-pro .content-contact-pro .content {
  font-size: 18px;
  width: 90%;
  max-width: 1000px;
  margin: auto;
}

.page-template-template-contact-pro .content-contact-pro .content .notice {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  font-size: 18px;
  padding: 10px 20px;
  border-radius: 4px;
  margin-top: 50px;
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .notice.success {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.page-template-template-contact-pro .content-contact-pro .content .title {
  margin-top: 50px;
  margin-bottom: 50px;
}

.page-template-template-contact-pro .content-contact-pro .content .title h1 {
  font-size: 38px;
  text-align: center;
  margin: 0;
}

.page-template-template-contact-pro .content-contact-pro .content .description {
  text-align: center;
  margin-bottom: 30px;
}

.page-template-template-contact-pro .content-contact-pro .content .form {
  margin-bottom: 50px;
}

.page-template-template-contact-pro .loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999999;
  display: none;
  justify-content: center;
  align-items: center;
}
.page-template-template-contact-pro .loader.active {
  display: flex;
}

.page-template-template-contact-pro .lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.page-template-template-contact-pro .lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #036;
  border-radius: 50%;
  animation: lds-ring-pro-contact 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #036 transparent transparent transparent;
}
.page-template-template-contact-pro .lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.page-template-template-contact-pro .lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.page-template-template-contact-pro .lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring-pro-contact {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  position: relative;
}

.page-template-template-contact-pro .content-contact-pro .content .form .row {
  margin: 0px 10px;
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .flex-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .flex-row
  .input-group {
  width: calc(50% - 20px);
  margin: 10px;
  min-width: 280px;
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group.checkbox {
  flex-direction: row;
  margin-top: 20px;
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group.checkbox
  a {
  text-decoration: underline;
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group
  label {
  font-size: 16px;
  color: #036;
  font-weight: 500;
  margin-bottom: 5px;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group.checkbox
  label {
  margin-bottom: 0;
  margin-left: 10px;
  cursor: pointer;
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group
  input {
  padding: 7px 10px;
  border: 1px solid #036;
  border-radius: 5px;
  font-size: 16px;
  position: relative;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group
  input:focus {
  border: 2px solid #036;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group
  input:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group
  input.loading {
  animation: blinkingInput 1s infinite;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group
  input.hide {
  display: none;
}

@keyframes blinkingInput {
  0% {
    background: rgba(0, 51, 102, 0.46);
  }
  50% {
    background: #fff;
  }
  100% {
    background: rgba(0, 51, 102, 0.46);
  }
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group.checkbox
  input {
  width: 16px;
  cursor: pointer;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group.checkbox
  input:disabled {
  cursor: not-allowed;
  opacity: 0.7;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group.checkbox
  input:disabled
  + label {
  cursor: not-allowed;
  opacity: 0.7;
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group
  select {
  padding: 7px 10px;
  border: 1px solid #036;
  border-radius: 5px;
  font-size: 16px;
  position: relative;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .input-group
  select:focus {
  outline: 0;
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .autocomplete {
  position: relative;
  display: inline-block;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  top: 100%;
  left: 0;
  right: 0;
  font-size: 14px;
  font-weight: 400;
  max-height: 291px;
  overflow: auto;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .autocomplete-items
  div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .autocomplete-items
  div:hover {
  background-color: #e9e9e9;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  .autocomplete-active {
  background-color: #036 !important;
  color: #ffffff;
}

.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  button[type="submit"] {
  margin: auto;
  width: 339px;
  font-size: 15px;
  justify-content: center;
  padding: 15px 15px;
  color: #fff;
  background: #036;
  border-radius: 5px;
  font-weight: bold;
  display: flex;
  transition: 0.3s all ease;
  border: 1px solid #036;
  cursor: pointer;
  margin-top: 40px;
}
.page-template-template-contact-pro
  .content-contact-pro
  .content
  .form
  button[type="submit"]:hover {
  background: #fff;
  color: #036;
}

.btn-elig-home {
  font-size: 16px;
  padding: 10px 30px;
  background: #036;
  border: 1px solid #036;
  border-radius: 5px;
  color: #ffff;
  font-weight: bold;
  transition: 0.3s;
  text-align: center;
  width: 300px;
  margin: 50px auto 20px;
  cursor: pointer;
}
.btn-elig-home:hover {
  background: #fff;
  color: #036;
}

.btn-elig-head {
  font-size: 14px;
  padding: 10px 30px;
  background: #036;
  border: 1px solid #036;
  border-radius: 5px;
  color: #ffff;
  font-weight: bold;
  transition: 0.3s;
  text-align: center;
  width: 271px;
  margin-top: 10px;
  cursor: pointer;
}
.btn-elig-head:hover {
  background: #fff;
  color: #036;
}

.parallax_gutenberg_block .content .links {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.parallax_gutenberg_block .content .links a {
  text-align: center;
}

.parallax_gutenberg_block .content .links a:last-of-type {
  color: #e20621;
  border: 1px solid #e20621;
}
.parallax_gutenberg_block .content .links a:last-of-type:hover {
  background: #e20621;
  color: #fff;
}

.btn-actus-home {
  font-size: 16px;
  padding: 10px 30px;
  background: #036;
  border: 1px solid #036;
  border-radius: 5px;
  color: #ffff;
  font-weight: bold;
  transition: 0.3s;
  text-align: center;
  width: 300px;
  margin: 50px auto 20px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-actus-home:hover {
  background: #fff;
  color: #036;
}

/* Équipe */

.page-template-template-equipe .modals {
  display: none;
}

.page-template-template-equipe .content-equipe {
  margin-top: 120px;
  padding-top: 60px;
}

.page-template-template-equipe .content-equipe h1 {
  font-size: 41px;
  line-height: 54px;
  text-align: center;
  margin-bottom: 60px;
  color: #1d1d1d;
  padding: 0px;
  margin-top: 0;
}

.page-template-template-equipe .content-equipe .container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.page-template-template-equipe .content-equipe .container .member {
  position: relative;
  width: 14.2857142857%;
  height: calc(100vw - 85.7142857143vw);
}

.page-template-template-equipe .content-equipe .container .member .background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.page-template-template-equipe .content-equipe .container .member .photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 0.6s all ease-in;
}
.page-template-template-equipe
  .content-equipe
  .container
  .member
  .photo.active {
  opacity: 1;
}
.page-template-template-equipe .content-equipe .container .member .photo.hide {
  opacity: 0;
}

.page-template-template-equipe .content-equipe .container .member .photo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}

.page-template-template-equipe .content-equipe .container .member .filter {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  transition: 0.3s all ease-in;
}

.page-template-template-equipe .content-equipe .container .member .titre {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-size: 22px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  opacity: 0;
  z-index: 2;
  transition: 0.3s all ease-in;
}

.page-template-template-equipe .content-equipe .container .member .titre:hover {
  opacity: 1;
}

.page-template-template-equipe
  .content-equipe
  .container
  .member
  .titre:hover
  + .filter {
  background: rgba(0, 0, 0, 0.4);
}

@media (max-width: 800px) {
  .page-template-template-equipe .content-equipe .container .member {
    width: 33.3333%;
    height: calc(100vw - 66.6667vw);
  }
}

.modal-home-temp {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  display: block;
  background-color: rgba(131, 131, 131, 0.8);
  z-index: 2000;
  font-size: initial;
}

.modal-home-wrapper {
  text-align: end;
  width: 90%;
  background-color: #ffffff;
  color: #002e59;
  top: 50%;
  position: relative;
  margin: auto;
  transform: translateY(-50%);
  border-radius: 15px;
  padding: 30px;
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.43);
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.43);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.43);
  max-width: 840px;
  overflow: scroll;
  max-height: 600px;
}

.modal-home-wrapper p {
  text-align: start;
  margin: 0;
  font-weight: 400;
}

.modal-home-wrapper span {
  font-weight: bold;
}

.modal-home-wrapper a {
    font-weight: 700;
}

.modal-home-wrapper button {
  padding: 7px 40px;
  color: #ffffff;
  background-color: #002e59;
  border: none;
  border-radius: 10px;
  font-weight: bold;
  font-size: 18px;
  cursor: pointer;
  transition: 0.3s;
}

.modal-home-wrapper button:hover {
  background-color: rgba(0, 46, 89, 0.8);
}

.page-id-445332 .wp-block-columns {
    max-width: 1280px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.page-id-445332 .image_gutenberg_block img, .page-id-445237 .image_gutenberg_block img {
    object-fit: contain;
}

.page-id-445332 .wp-block-columns a {
    text-decoration: underline;
}