html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

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

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

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

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

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

@font-face {
  font-family: Kapraneue;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f25b2ed4b7361fffc8be2_KapraNeue-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Kapraneue;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f25b2ed4b7392a9fc8be3_KapraNeue-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt eesti;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f25b2ed4b73ed1bfc8be4_gt_eesti_bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt eesti;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f25b2ed4b73ddb1fc8be5_gt_eesti_regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gt eesti display;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f25b2ed4b7362e4fc8be6_GT-Eesti-Display-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336de77ed225aa7a5ec6_Gotham-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336d59681ef3c63c7b64_Gotham-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336d9b7b09a77960f0ac_Gotham-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336dfc9c574b1f2599db_Gotham-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336d2ab61f5d2a56ab03_Gotham-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336d1981247cf41ccedb_Gotham-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gotham book;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336dfc9c5755202599da_Gotham-Book.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336d198124afc41ccedc_Gotham-BookItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336d08de736c0fb33585_Gotham-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336df1ea3002cd154433_Gotham-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336d260c2c4445bb85ef_Gotham-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336d0c8132508244362a_Gotham-ThinItalic.otf") format("opentype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336db64f64fc8f9220ae_Gotham-XLightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gotham ultra;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336d690126530cd6ebe3_Gotham-Ultra.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336d045b28a03ee21dfe_Gotham-XLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gotham;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f336d66d1ef27f2084c88_Gotham-UltraItalic.otf") format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d733a91208c76abea3_GothamCondSSm-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d7160b357f0c5bdd0c_GothamCondSSm-BlackItalic.otf") format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d7690126da1fd6ecac_GothamCondSSm-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d72ab61ffe6d56ac12_GothamCondSSm-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d772b9abc5615f52e8_GothamCondSSm-BookItalic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d7f1ea300fbc154488_GothamCondSSm-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d784f8f825fa34fc87_GothamCondSSm-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d7160b3518005bdd0d_GothamCondSSm-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d708de7313f0b336c0_GothamCondSSm-XLight.otf") format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d869012649c9d6ecad_GothamCondSSm-XLightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d726e7a44a107f5db7_GothamCondSSm-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Gothamcondssm book;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f33d8791e7d9beecd6470_GothamCondSSm-Book.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Chalkboardse;
  src: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6050789a9b7a8c6f15a025ed_ChalkboardSE.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --second-color: #c4d600;
  --main-color: #2a6654;
  --white: white;
  --white-10: #ffffff1a;
  --light-steel-blue: #a6bbc5;
  --main-color-10: #2a66541a;
  --black: #222;
  --grey-f9f9f9: #f9f9f9;
  --orange-e26212: #e26212;
  --c1_2025: #f6f9ee;
  --g1_2025: #0a6e46;
  --g3_2025: #adeca2;
  --g3: #235647;
  --g4: #123d30;
  --g0_2025: #004028;
  --g2_2025: #54c77a;
  --o1_2025: #ff7b01;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-embed-youtubevideo {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg");
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 54px;
  font-weight: 800;
  line-height: 54px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 42px;
  font-weight: 800;
  line-height: 46px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 800;
  line-height: 40px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 700;
  line-height: 30px;
}

h5 {
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Gothamcondssm, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
}

h6 {
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 18px;
}

p {
  margin-bottom: 0;
}

img {
  max-width: 100%;
  display: inline-block;
}

blockquote {
  color: var(--second-color);
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6257e5b53ff4d45c307bd774_quote-G1.svg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 58px;
  border: 1px #000;
  margin-bottom: 10px;
  margin-left: -10px;
  padding: 15px 15px 25px 50px;
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  line-height: 24px;
}

figcaption {
  color: #2a665499;
  text-align: left;
  margin-top: 5px;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}

.top-header-wallpaper {
  color: #fff;
  background-image: linear-gradient(#000000bf, #000000bf), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f2772791e7d2744cd2fb1_1920X600_GROUPAMA%232_DASHBOARD_HEADER.jpg");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 275px;
  padding-bottom: 60px;
  display: flex;
}

.logo-annonceur {
  width: 300px;
  margin-bottom: -20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.onglet-navigation {
  margin-top: -70px;
  margin-left: 0;
  margin-right: 0;
}

.box-navigation {
  width: 75%;
}

.onglet-navigation-col {
  width: 80%;
  display: none;
}

.onglet-on {
  background-color: var(--main-color);
  color: var(--white);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-top: 1px;
  display: flex;
}

.column {
  z-index: 5;
  padding-left: 0;
  padding-right: 0;
}

.onglet-text {
  padding-top: 2px;
  font-family: Kapraneue, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 18px;
}

.onglet-off {
  z-index: 7;
  background-color: var(--white);
  opacity: 1;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 25%;
  min-width: 150px;
  max-width: 275px;
  height: 50px;
  margin-top: 10px;
  margin-left: -10px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: flex;
  box-shadow: 5px -2px 15px -5px #00000026;
}

.onglet-off.w--current {
  z-index: 4;
  background-color: var(--main-color);
  color: var(--white);
  width: 25%;
  height: 60px;
  padding-top: 5px;
}

.onglet-off.document {
  z-index: 1;
  width: 25%;
}

.column-2 {
  z-index: 3;
  padding-left: 0;
  padding-right: 0;
}

.column-3 {
  z-index: 2;
  padding-left: 0;
  padding-right: 0;
}

.column-4 {
  z-index: 1;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.section {
  border-top: 3px solid var(--main-color);
  background-color: var(--white);
  padding: 50px 10%;
}

.header-title {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Kapraneue, sans-serif;
  font-weight: 600;
}

.body {
  font-family: Gt eesti, sans-serif;
}

.picto-onglet-on {
  width: 24px;
  margin-right: 10px;
}

.picto-onglet {
  background-color: var(--white-10);
  opacity: 1;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  display: flex;
}

.picto-onglet.off {
  opacity: 1;
  background-color: #0000;
  border-radius: 5px;
}

.picto-onglet-img {
  filter: brightness(80%) invert();
  width: 14px;
}

.title-section {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Kapraneue, sans-serif;
}

.date-update {
  color: var(--light-steel-blue);
  margin-top: 15px;
  font-size: 12px;
}

.main-color-highlight {
  color: var(--main-color);
}

.description-section {
  margin-top: 30px;
  margin-bottom: 0;
}

.planning.section {
  height: auto;
  display: none;
}

.database.section, .user-content.section, .document.section {
  display: none;
}

.planning-timeline-box {
  margin-top: 50px;
}

.timeline-box-on-hide {
  background-color: #0000;
  display: none;
}

.timeline-box-on, .timeline-box-off {
  background-color: #0000;
}

.timeline-row-on {
  height: 130px;
}

.cercle-validated {
  background-color: var(--main-color);
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f25b2ed4b736350fc8bd5_check-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100px;
  width: 30px;
  height: 30px;
}

.timeline-col {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.timeline-line-on {
  background-color: var(--main-color);
  width: 3px;
  height: 100px;
}

.timeline-line-off {
  background-color: var(--light-steel-blue);
  width: 1px;
  height: 100px;
}

.timeline-row-title-validated {
  color: var(--main-color);
  margin-top: 5px;
  font-size: 16px;
  line-height: 18px;
}

.livraison-date {
  color: var(--light-steel-blue);
  margin-top: 5px;
  font-size: 11px;
  line-height: 13px;
}

.time-line-description {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 14px;
}

.text-col {
  padding-left: 0;
  padding-right: 0;
}

.cercle-in-progress {
  background-color: var(--light-steel-blue);
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f25b2ed4b730091fc8bd6_suitcase-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 100px;
  width: 30px;
  height: 30px;
}

.timeline-row-title-in-progress {
  margin-top: 5px;
  font-size: 16px;
  line-height: 18px;
}

.timeline-box-btn {
  justify-content: flex-start;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 30px;
  display: none;
}

.btn-main-color-opacity {
  background-color: var(--main-color-10);
  color: var(--main-color);
  text-align: center;
  border-radius: 5px;
  width: 350px;
  padding: 10px 20px;
  font-size: 12px;
}

.btn-main-color-opacity.hide {
  color: var(--black);
  background-color: #a6bbc51a;
  display: none;
}

.divider {
  background-color: #0000;
  border: 1px #000;
  border-top: 1px dotted #a6bbc5;
  width: 100%;
  height: 1px;
  margin-left: 20px;
}

.divider.margin-bottom-top-10 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 0;
}

.divider.mt30 {
  margin-top: 30px;
  margin-left: 0;
}

.line-box {
  flex-direction: column;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.timeline-on-row {
  align-items: flex-start;
  display: flex;
}

.text-box {
  width: 70%;
  margin-left: 10px;
}

.timeline-off-row {
  align-items: flex-start;
  display: flex;
}

.sub-title-header {
  margin-top: 10px;
  font-weight: 700;
}

.files-grid {
  margin-top: 50px;
}

.grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.file-box {
  border: 1px solid #f2f2f2;
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  max-width: 400px;
  height: 320px;
  display: flex;
  overflow: hidden;
}

.file-img {
  background-color: #f2f2f2;
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f25b2ed4b734c20fc8bdb_picto-doc-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30%;
  height: 200px;
}

.file-img.test-2 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f25b2ed4b7329cffc8bde_Capture%20d%E2%80%99%C3%A9cran%202020-12-18%20%C3%A0%2014.16.09.png");
  background-position: 50% 100%;
  background-size: auto 90%;
}

.file-img.convention {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/606ffcdb8bc09afcb2a761d3_Capture%20d%E2%80%99%C3%A9cran%202021-04-09%20%C3%A0%2009.04.38.png");
  background-position: 50% 30px;
  background-size: 70%;
}

.file-box-text {
  padding: 10px;
}

.btn-main-color-full-file {
  background-color: var(--main-color);
  color: var(--white);
  text-align: center;
  width: 100%;
  padding: 10px 20px;
}

.metabase-box {
  margin-top: 50px;
}

.tab-link-tab-3 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  height: 50px;
  margin-left: -10px;
}

.tab-link-tab-3:focus {
  height: 60px;
}

.tab-link-tab-3.onglet-off {
  z-index: 2;
  width: 25%;
  padding-top: 5px;
}

.tab-link-tab-3.onglet-off:focus {
  background-color: var(--main-color);
  color: #fff;
}

.tab-link-tab-3.onglet-off.w--current {
  background-color: var(--main-color);
  color: var(--white);
  height: 60px;
}

.tab-link-tab-2 {
  background-color: var(--white);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 20%;
  height: 50px;
  display: flex;
  box-shadow: 4px -4px 15px -5px #00000026;
}

.tab-link-tab-2:focus {
  height: 60px;
}

.tab-link-tab-2.onglet-off {
  z-index: 3;
  width: 25%;
  padding-top: 5px;
}

.tab-link-tab-2.onglet-off:focus {
  background-color: var(--main-color);
  color: var(--white);
}

.tab-link-tab-2.onglet-off.w--current {
  background-color: var(--main-color);
  color: var(--white);
  height: 60px;
}

.tab-link-tab-1 {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 20%;
  height: 50px;
}

.tab-link-tab-1.w--current {
  background-color: var(--main-color);
  color: var(--white);
  height: 50px;
}

.tab-link-tab-1.w--current:focus {
  background-color: var(--main-color);
  color: var(--white);
  height: 60px;
}

.tab-link-tab-1.onglet-off {
  z-index: 4;
  background-color: var(--white);
  color: var(--black);
  width: 20%;
}

.tabs-menu {
  border-bottom: 1px #000;
  align-items: flex-end;
  width: 80%;
  margin-left: 50px;
  display: flex;
}

.planning-tab-1 {
  padding: 50px;
}

.database-tab-2, .user-content-tab-3 {
  border-top: 3px solid var(--main-color);
  padding: 75px 10% 50px;
}

.document-tab-4 {
  border-style: solid none none;
  border-width: 3px 1px 1px;
  border-color: var(--main-color) black black;
  padding: 75px 10% 50px;
}

.planning-tab-5 {
  border-top: 3px solid var(--main-color);
  padding: 75px 10% 50px;
}

.html-embed {
  height: 500px;
  overflow: hidden;
}

.div-block {
  border-top: 3px solid var(--main-color);
  margin: -50px -100px 50px;
}

.user-content-post-box {
  margin-top: 50px;
}

.bold-text {
  color: var(--main-color);
}

.footer-grinta {
  background-color: var(--grey-f9f9f9);
  text-align: center;
  justify-content: center;
  align-items: center;
  padding: 8vh 20%;
  display: none;
}

.footer-grinta.mentions {
  display: block;
}

.text-14 {
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}

.body-2 {
  color: #0f0f0f;
  font-family: Gotham, sans-serif;
  font-weight: 400;
}

.logo-grinta-footer {
  width: 75px;
  max-width: 75px;
  margin: 1em auto 3em;
  display: block;
}

.link {
  color: var(--black);
  font-family: Gotham, sans-serif;
  font-weight: 300;
}

.row-green-clear {
  background-color: var(--second-color);
  height: 15px;
}

.row-green-dark {
  background-color: var(--main-color);
  height: 15px;
}

.footer-groupama {
  justify-content: center;
  align-items: center;
  padding-top: 8vh;
  padding-bottom: 8vh;
  display: flex;
}

.logo-groupama {
  width: 250px;
  max-width: 250px;
}

.text-box-footer {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.header {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding-bottom: 10vh;
  display: flex;
  overflow: hidden;
}

.header.half-header {
  text-align: left;
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/60813605a6dbbb2f2e1429f6_30052020-HUB_9155%202.jpg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  min-height: 95vh;
  padding-bottom: 0;
}

.header.half-header.saison-1 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6081377c9bfe966ac2b61488_30052020-HUB_9286%202.jpg");
}

.header.half-header.saison-1.teasing {
  z-index: 2;
  background-image: none;
  min-height: 60vh;
  position: relative;
  overflow: visible;
}

.header.half-header.saison-1.lp2 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/61f177310b20c71f318ab868_LP%232-GROUPMA-HEADER-2.jpg");
}

.header.lp-gagnants {
  min-height: 95vh;
}

.header-first-row {
  z-index: 3;
  width: 110%;
  height: 30vh;
  margin-top: -10vh;
  position: relative;
  transform: rotate(-3deg);
}

.header-second-row {
  z-index: 2;
  background-color: var(--main-color);
  color: var(--white);
  width: 110%;
  height: 82vh;
  min-height: 80vh;
  padding-top: 10vh;
  padding-bottom: 9vh;
  position: relative;
  transform: rotate(-3deg);
}

.header-second-row.lp-1-2 {
  height: 82vh;
  min-height: 75vh;
}

.header-second-row.lp-gagnants {
  height: 65vh;
  min-height: 65vh;
}

.header-third-row {
  z-index: 1;
  background-color: var(--second-color);
  width: 110%;
  height: 15px;
  position: relative;
  transform: rotate(-3deg);
}

.header-third-row.dark-green {
  background-color: var(--main-color);
}

.container-anti-rotate {
  position: relative;
  transform: rotate(3deg);
}

.container-anti-rotate.full-height {
  height: 100%;
}

.container-anti-rotate.col {
  display: flex;
}

.header-text-box {
  width: 33vw;
  margin-left: 25vw;
  display: block;
}

.header-text-box.half-header {
  width: 40vw;
  margin-left: 10vw;
}

.text-onest-55 {
  font-family: Onest, sans-serif;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
}

.text-onest-55.margin-bottom-30 {
  text-transform: uppercase;
  font-weight: 900;
}

.text-onest-55.bigger {
  font-size: 55px;
}

.text-onest-55.bigger.margin-bottom-30 {
  margin-bottom: 30px;
}

.text-onest-55.margin-bottom-40 {
  margin-bottom: 40px;
}

.text-onest-55.no-justify {
  text-align: left;
}

.text-onest-55.margin-bottom-20 {
  margin-bottom: 20px;
}

.text-onest-30 {
  font-family: Onest, sans-serif;
  font-size: 30px;
  font-weight: 300;
  line-height: 35px;
}

.text-onest-30.margin-bottom-20 {
  margin-bottom: 20px;
}

.text-onest-30.padding-left-20.smaller-videos {
  font-size: 18px;
  line-height: 25px;
}

.text-onest-30.no-margin {
  margin-top: 0;
  margin-bottom: 0;
}

.text-onest-30.resume {
  width: 75%;
}

.text-onest-30.center {
  text-align: center;
}

.text-field {
  border-radius: 200px;
  width: 70%;
  margin-right: 2%;
  display: inline-block;
}

.form-email-teasing {
  margin-top: 5vh;
}

.cta-orange {
  background-color: var(--orange-e26212);
  text-align: right;
  border-radius: 200px;
  min-height: 45px;
  padding: 13px 3.5vw 10px;
  font-size: 16px;
  font-weight: 500;
}

.cta-orange.margin-top-20 {
  margin-top: 20px;
}

.cta-orange.margin-top-20.reduce-padding {
  padding-left: 1.75vw;
  padding-right: 1.75vw;
}

.cta-orange.forma-cta {
  margin-top: 40px;
}

.email-teasing-field {
  border: 1px solid var(--white);
  color: var(--white);
  background-color: #0000;
  border-radius: 200px;
  width: 70%;
  min-height: 43px;
  margin-bottom: 0;
  margin-right: 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 16px;
  display: inline-block;
}

.email-teasing-field::placeholder {
  color: #fff9;
  font-family: Gotham, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.div-block-2 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.email-teasing-label {
  margin-bottom: 10px;
  font-family: Gotham, sans-serif;
}

.counter-box {
  margin-top: 5vh;
}

.text-onest-16 {
  font-family: Onest, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

.text-onest-16.margin-bottom-20 {
  margin-bottom: 20px;
  line-height: 21px;
}

.text-onest-16.margin-bottom-20.margin-top-40 {
  margin-top: 40px;
}

.text-onest-16.margin-top-30 {
  margin-top: 30px;
}

.text-onest-16.margin-bottom-10 {
  margin-bottom: 10px;
}

.text-onest-16.center {
  text-align: center;
}

.text-onest-16.mt20 {
  margin-top: 20px;
}

.text-onest-16.mt20.margin-bottom-30 {
  margin-bottom: 30px;
}

.image {
  z-index: 3;
  width: 38vw;
  display: none;
  position: absolute;
  inset: -25vh 8vw auto auto;
}

.div-block-3 {
  justify-content: center;
  align-items: flex-end;
  width: 35vw;
  height: 100%;
  margin-left: 25vw;
  display: flex;
}

.image-2 {
  width: 28vw;
  position: relative;
  bottom: -3vh;
}

.header-img-row, .header-img-row.lp-gagnants {
  display: none;
}

.ton-club-ton-maillot-teasing {
  color: var(--main-color);
  padding: 6vh 20vw;
}

.text-container.margin-bottom-50 {
  margin-bottom: 50px;
}

.text-onest-34 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Onest, sans-serif;
}

.text-onest-34.margin-bottom-30 {
  margin-top: 0;
  margin-bottom: 30px;
}

.text-onest-34.margin-top-30 {
  margin-top: 30px;
}

.text-gotham-20 {
  font-family: Gotham book, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
}

.text-gotham-20.margin-bottom-20 {
  margin-bottom: 20px;
}

.text-gotham-20.bold, .text-span {
  font-family: Gotham, sans-serif;
  font-weight: 700;
}

.schema-box {
  text-align: center;
  margin-top: 10vh;
}

.vignette {
  background-color: var(--second-color);
  padding: 6px 22px;
  font-size: 12px;
  line-height: 16px;
  display: inline-block;
  transform: rotate(-3deg);
}

.vignette.numbers {
  padding: 4px 20px;
  position: absolute;
  inset: -2.5vh auto auto 9%;
}

.text-vignette {
  color: var(--white);
  font-size: 14px;
  transform: rotate(3deg);
}

.column-5 {
  border-right: 1.5px dashed var(--main-color);
  justify-content: center;
  display: block;
}

.img-box-header {
  width: 38vw;
  height: 120vh;
  margin-top: -26vh;
  margin-left: 5vw;
  padding-top: 7vh;
  padding-bottom: 7vh;
  display: block;
  overflow: hidden;
}

.img-box-header.lp-gagnants {
  height: 100vh;
}

.img-container-rotate {
  background-color: #0000;
  background-image: none;
  background-size: auto;
  width: 50vw;
  height: 95vh;
  margin-left: -5vw;
  overflow: hidden;
  transform: rotate(-3deg);
}

.img-container-rotate.smaller {
  width: 40vw;
  height: 100%;
}

.img-container-rotate.lp-gagnants {
  height: 85vh;
}

.img-header {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6050864a2ad1695ca2a9f8dd_30052020-HUB_9586.jpg");
  background-position: 18% 0;
  background-size: cover;
  width: 50vw;
  height: 100vh;
  margin-top: -2vh;
  transform: rotate(3deg);
}

.img-header.lp-1 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/605db77f1bdd95771ac7f806_30052020-HUB_9163.jpg");
  background-position: 50% 0;
}

.img-header.lp-2 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6066e5e09677de0e8877d901_30052020-BN7A0246.jpg");
}

.img-header.lp-gagnants {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/608800c6385e4dcf5029e201_30052020-HUB_8957.jpg");
  background-position: 50%;
  height: 90vh;
}

.icon-numbers {
  height: 80px;
  margin-bottom: 20px;
}

.icon-numbers.margin-top-15 {
  height: 60px;
  margin-top: 15px;
  margin-bottom: 25px;
  padding-top: 0;
}

.icon-numbers.padding-top-5 {
  padding-top: 5px;
}

.numbers-main-icon-box {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.columns {
  margin-top: 40px;
  margin-left: -5vw;
  margin-right: -5vw;
}

.numbers-numbers-box {
  margin-top: 70px;
  position: relative;
}

.text-chark-55 {
  font-family: Chalkboardse, sans-serif;
  font-size: 55px;
  font-weight: 400;
  line-height: 65px;
}

.chart-number {
  margin-left: 15px;
  margin-right: 15px;
  display: inline-block;
  position: relative;
}

.chart-number.right {
  margin-left: 10px;
  margin-right: 0;
}

.chart-number.left {
  margin-left: 0;
  margin-right: 10px;
}

.arrow-numbers {
  width: 70px;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
  top: -45px;
}

.groupama-soutient {
  color: var(--main-color);
  padding: 10vh 20vw 15vh;
}

.col-container {
  align-items: center;
  margin-top: 55px;
  display: flex;
}

.col-container._2nd-row {
  margin-top: -12vh;
  display: flex;
}

.groupama-soutient-img-container {
  width: 33vw;
  height: 67vh;
  padding-top: 2vw;
  padding-bottom: 2vw;
  display: inline-block;
  overflow: hidden;
}

.groupama-soutient-img-container.margin-left {
  margin-left: 5vw;
}

.groupama-soutient-img-container.margin-right {
  margin-right: 5vw;
}

.groupama-soutient-img-container.mobile {
  display: none;
}

.img-gropama-soutient {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/605084be9b7a8c5961a05bf0_BN7A0325.jpg");
  background-position: 80% 70%;
  background-repeat: no-repeat;
  background-size: 185%;
  width: 40vw;
  height: 100%;
}

.img-gropama-soutient._2nd {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/63a18f1c3dbd2d0a730afbed_Groupeaction2023-27%20copie%202.jpg");
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: 85%;
  width: 45vw;
  height: 120%;
  margin-top: -5%;
}

.groupama-soutient-text-box {
  width: 20vw;
  margin: 3vw;
  display: inline-block;
}

.groupama-soutient-text-box._1st-row {
  margin-top: -20px;
  padding-bottom: 40px;
}

.groupama-soutient-text-box._2nd-row {
  margin-top: 40px;
}

.text-gotham-20-orange {
  color: var(--orange-e26212);
  object-fit: fill;
  font-weight: 700;
  position: static;
}

.text-gotham-20-orange.right {
  color: var(--orange-e26212);
}

.text-gotham-20-orange.justify-right {
  text-align: right;
}

.videos {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 15vh;
  padding-bottom: 10vh;
  display: flex;
  overflow: hidden;
}

.green-path-rotate {
  background-color: var(--main-color);
  color: var(--white);
  width: 110%;
  padding: 15vh 25vw 20vh;
  position: relative;
  transform: rotate(-3deg);
}

.green-path-rotate.picture-background {
  height: 40vh;
  padding: 0 0;
  overflow: hidden;
}

.green-path-rotate.largger {
  padding-left: 20vw;
  padding-right: 20vw;
}

.title-picto-box {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.picto-title {
  width: 4vw;
  margin-right: 20px;
}

.cycle-picto {
  height: 80px;
  position: absolute;
  inset: -71px auto auto 510px;
}

.grid-2 {
  grid-template-areas: "Area";
}

.video-box.video-3 {
  display: block;
}

.video-box.video-4 {
  display: none;
}

.video {
  width: 100%;
}

.grid-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: ". Area"
                 "Area-2 ."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.field-label {
  padding-left: 5px;
}

.clock-number {
  margin-left: 25px;
  margin-right: 25px;
  font-size: 50px;
  line-height: 60px;
  display: inline-block;
}

.html-embed-3 {
  width: 22vw;
  min-width: 200px;
  margin-left: -10px;
  font-family: Gothamcondssm, sans-serif;
  display: block;
}

.html-embed-3.display-none {
  display: none;
}

.div-block-4 {
  background-color: #0000;
  margin-left: -20px;
  padding: 20px 0;
  display: flex;
}

.div-block-4.ml10 {
  margin-left: 10px;
}

.day-timer {
  margin-left: 0;
  margin-right: 0;
  font-family: Onest, sans-serif;
  font-size: 44px;
  font-weight: 900;
  line-height: 46px;
  display: inline-block;
}

.day-timer.s-3 {
  background-color: var(--second-color);
  width: 100%;
  padding: 10px 12px 3px;
  font-size: 60px;
  font-weight: 700;
  line-height: 50px;
}

.day-timer.s-3.g1 {
  background-color: var(--main-color);
}

.day-timer.s-3.w1 {
  background-color: var(--white);
}

.day-timer.s-3-2 {
  color: var(--main-color);
  font-size: 50px;
}

.day-timer.s4 {
  font-size: 24px;
  line-height: 26px;
}

.hours-timer {
  margin-left: 10px;
  margin-right: 10px;
}

.timer-number-box {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65px;
  display: inline-block;
}

.timer-number-box.mlr10 {
  margin-left: 11px;
  margin-right: 11px;
}

.timer-number-box.mlr10.s-3 {
  width: auto;
}

.clock-text {
  font-size: 11px;
  font-weight: 300;
}

.clock-text.s-3 {
  background-color: var(--second-color);
  color: var(--white);
  padding: 0 2px 5px;
  font-weight: 600;
}

.clock-text.s-3.vert-fonc {
  background-color: var(--main-color);
}

.clock-text.s-3.w1 {
  background-color: var(--white);
  color: var(--main-color);
}

.clock-text.s4 {
  font-family: Onest, sans-serif;
  font-size: 16px;
}

.link-2 {
  color: var(--white);
}

.link-3, .link-4 {
  color: var(--orange-e26212);
}

.success-message {
  background-color: var(--second-color);
  margin-top: 20px;
  margin-bottom: -10px;
  padding: 14px;
}

.text-block {
  text-align: left;
}

.error-message {
  background-color: #e23512b8;
  border-radius: 2px;
  padding: 6px;
}

.text-block-2 {
  font-size: 12px;
}

.body-3 {
  color: #101010;
  padding: 10%;
}

.reminders-date {
  text-align: center;
  background-color: #f4f4f4;
  border-radius: 5px;
  margin-top: 10vh;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
  display: inline-block;
}

.video-container {
  margin-top: 10vh;
  padding-left: 3vw;
}

.video-container.margin-left-30 {
  margin-left: 30px;
}

.main-video {
  margin-bottom: 0;
}

.videos-groupama-1 {
  background-color: var(--main-color);
  color: #fff;
}

.video-video-groupama-1 {
  margin-bottom: 10px;
}

.section-2 {
  background-color: var(--main-color);
  color: var(--white);
  padding-top: 5vh;
  padding-bottom: 4vh;
}

.text-gotham-14 {
  font-family: Gotham book, sans-serif;
  font-style: normal;
}

.text-gotham-14.maring-bottom-30 {
  margin-bottom: 30px;
}

.text-gotham-14.margin-bottom-20 {
  margin-bottom: 20px;
}

.text-gotham-14.margin-bottom-5 {
  margin-bottom: 5px;
}

.text-gotham-14.display-fit {
  display: inline-block;
}

.column-7 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.picture-thibaut {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/60585ad372a8dce43e694592_DSC_9734%202.jpg");
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 40vh;
}

.text-gotham-180 {
  text-align: center;
  font-size: 180px;
  line-height: 150px;
  position: static;
  inset: auto 0% 0% auto;
}

.columns-2 {
  position: relative;
}

.div-block-5 {
  width: 80%;
  display: inline-block;
}

.div-block-6 {
  width: 19%;
  display: inline-block;
}

.image-3 {
  width: 10em;
  position: absolute;
  inset: .5em 1em auto auto;
}

.social-wall-general {
  color: var(--main-color);
}

.container-1500 {
  margin-bottom: 4vh;
  padding-top: 6vh;
  padding-bottom: 6vh;
}

.general-chiffres {
  background-color: var(--main-color);
  color: #fff;
}

.text-gotham-condensed-80 {
  font-family: Gothamcondssm, sans-serif;
  font-size: 80px;
  line-height: 75px;
}

.text-gotham-condensed-80.margin-bottom-40 {
  margin-bottom: 40px;
}

.columns-3 {
  text-align: center;
  margin-top: 50px;
}

.column-8 {
  background-color: var(--c1_2025);
  color: var(--g1_2025);
  border-radius: 30px;
  justify-content: space-between;
  padding: 30px;
}

.summary-general-box {
  background-color: #fff;
  border-radius: 10px;
  position: static;
  overflow: hidden;
  box-shadow: 0 1px 15px #0003;
}

.summary-picture {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6050864a2ad1695ca2a9f8dd_30052020-HUB_9586.jpg");
  background-position: 30%;
  background-size: cover;
  height: 250px;
  position: relative;
}

.summary-picture.saison-1 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/605869550bb7d2d4564020da_HUB_9253.jpg");
  background-position: 50%;
  background-size: 150%;
}

.summary-infos {
  padding: 40px;
  position: relative;
}

.text-span-2 {
  font-family: Gotham, sans-serif;
}

.cta-square-orange {
  background-color: var(--orange-e26212);
  text-align: center;
  border-radius: 3px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-family: Gothamcondssm, sans-serif;
  font-size: 22px;
  line-height: 26px;
  display: block;
}

.cta-square-orange.fit {
  font-style: italic;
  font-weight: 700;
  display: inline-block;
}

.sticker-summary {
  background-color: var(--second-color);
  color: var(--white);
  border-top-right-radius: 100px;
  border-bottom-left-radius: 100px;
  align-items: center;
  height: 40px;
  padding: 5px 25px;
  display: flex;
  position: absolute;
  inset: -20px 5% auto auto;
  box-shadow: 0 0 10px #3333334d;
}

.sticker-summary.ended {
  background-color: var(--main-color);
}

.text-gotham-condensed-18 {
  font-family: Gothamcondssm, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.text-gotham-condensed-18.margin-bottom-20 {
  margin-bottom: 20px;
}

.columns-4 {
  margin-bottom: 50px;
}

.summary-section {
  color: var(--main-color);
}

.sticker-saison {
  color: var(--white);
  background-color: #0006;
  border-bottom-right-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 10px 25px 15px 10px;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-7 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.tonclubtonmaillot-presentation-generale {
  color: var(--main-color);
}

.tonclubtonmaillot-presentation-generale.mt50 {
  margin-top: 50px;
}

.image-4 {
  width: 22vw;
  max-width: 300px;
}

.column-11 {
  text-align: center;
}

.columns-5 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.header-half-size-text-box {
  color: var(--main-color);
  background-image: linear-gradient(to right, #fff 70%, #ffffffe8 83%, #fff0 99%);
  align-items: center;
  width: 70vw;
  height: 95vh;
  margin-right: auto;
  display: flex;
}

.header-big-logo {
  width: 35vw;
  margin-bottom: 30px;
}

.actforsport-footer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 30vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.actforsport-logo {
  width: 6vw;
  padding-top: 20px;
  padding-bottom: 20px;
}

.body-4 {
  font-family: Gotham book, sans-serif;
  overflow: visible;
}

.text-gotham-12 {
  font-size: 12px;
  line-height: 14px;
}

.text-gotham-12.display-fit {
  display: inline-block;
}

.text-gotham-12.legende-reward {
  color: #888;
  margin-top: 30px;
  margin-bottom: -20px;
}

.text-gotham-12.ml35 {
  padding-left: 35px;
}

.lp-1-tonclubtonmaillot-presentation {
  color: var(--main-color);
  padding: 10vh 20vw 15vh;
}

.slider-lp-1-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
  overflow: hidden;
}

.slider-lp-1-rotate {
  background-color: var(--main-color);
  width: 110%;
  height: 50vh;
  display: block;
  overflow: hidden;
  transform: rotate(-3deg);
}

._3d-jersey-img {
  height: 70vh;
  position: absolute;
  inset: -5% auto auto -25%;
}

.slider-container {
  align-items: stretch;
  margin-top: 50px;
  display: flex;
}

.slider {
  width: 100%;
  height: 110%;
  margin-top: -5%;
  transform: rotate(3deg);
}

.slide-1 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/605dbdef55601b6387a77a78_HUB_9305.jpg");
  background-position: 90%;
  background-size: auto 110%;
}

.slide-2 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/605dbdf092408a8dd6e4441b_HUB_9481.jpg");
  background-position: 50% 0;
  background-size: cover;
}

.right-arrow, .left-arrow {
  display: none;
}

.slide-nav {
  margin-bottom: 1vh;
}

.schema-lp-1 {
  border: 1.25px dashed var(--main-color);
  width: 100%;
  padding: 2.5vh 1vw;
}

.schema-lp-1.saison-1 {
  border: 2px solid #e4e4e4;
  height: 60vh;
  min-height: 100px;
  font-family: Gotham book, sans-serif;
}

.schema-lp-1.saison-1.engagement {
  border-style: none;
  width: 310px;
  height: auto;
  margin-left: auto;
}

.column-12 {
  min-height: 50vh;
  padding-top: 11px;
  display: block;
}

.schema-row-1 {
  text-align: center;
  position: relative;
}

.text-chark-45 {
  font-family: Chalkboardse, sans-serif;
  font-size: 45px;
  line-height: 50px;
}

.text-chark-45.margin-bottom-10 {
  margin-bottom: 10px;
}

.text-span-3 {
  font-family: Gotham, sans-serif;
}

.image-5 {
  z-index: -10;
  width: 10em;
  margin-left: -65px;
  margin-right: -65px;
  position: absolute;
  inset: 0% auto;
}

.schema-2-row {
  justify-content: center;
  align-items: center;
  margin-top: 2vh;
  display: flex;
}

.arrow-schema {
  width: 15%;
  max-width: 40px;
  margin-left: 29px;
  margin-right: 29px;
}

.arrow-schema.bigger {
  width: 18%;
  max-width: 43px;
}

.arrow-schema.saison-1 {
  width: 150px;
  max-width: 150px;
  margin-top: -19px;
  margin-bottom: -20px;
}

.schema-3-row {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 15px;
  display: flex;
}

.schema-3-row-col-1 {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 48%;
  display: flex;
}

.schema-3-row-icon {
  width: 30%;
  max-width: 50px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.schema-4-row {
  text-align: center;
  margin-top: 20px;
}

.text-span-4 {
  font-family: Gotham, sans-serif;
}

.schema-5-row {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.column-13 {
  padding-left: 30px;
  padding-right: 30px;
}

.chiffres-lp-1 {
  text-align: center;
  margin-top: 50px;
}

.chiffres-lp-1.lp-gagnants {
  margin-top: 100px;
}

.columns-6 {
  width: 90%;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}

.planning-lp-1 {
  color: var(--main-color);
  text-align: center;
  background-color: #f4f4f4;
  padding: 10vh 20vw 35vh;
}

.planning-container {
  align-items: flex-start;
  margin-top: 50px;
  display: flex;
  position: relative;
}

.planning-bulle {
  z-index: 2;
  background-color: var(--main-color);
  color: var(--white);
  border-radius: 200px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 4vw;
  height: 4vw;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.planning-bulle.active {
  background-color: var(--second-color);
}

.text-chark-20 {
  font-family: Chalkboardse, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.planning-step-box {
  flex-direction: column;
  align-items: center;
  width: 12vw;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.text-span-5 {
  font-family: Gotham, sans-serif;
}

.planning-line {
  z-index: 0;
  background-color: var(--main-color);
  width: 50vw;
  height: 2px;
  position: absolute;
  inset: 2vw auto auto 5vw;
}

.picture-large {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: -25vh;
  padding-top: 15vh;
  padding-bottom: 6vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.picture-large-img {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6050864a2ad1695ca2a9f8dd_30052020-HUB_9586.jpg");
  background-position: 50% 20%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 150%;
  margin-top: -5%;
  position: relative;
  transform: rotate(3deg);
}

.picture-large-img.lp-2 {
  z-index: 3;
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6066e02029f3b26c9bd72173_30052020-HUB_8957.jpg");
  background-position: 50% 0;
}

.resume-programme {
  color: var(--main-color);
  margin-top: 5vh;
  padding: 5vh 20vw 10vh;
}

.resume-title-row {
  align-items: flex-start;
  min-height: 6.5em;
  margin-bottom: 15px;
  display: flex;
}

.resume-title-row.short {
  width: 30vw;
}

.resume-title-row.long {
  align-items: center;
  min-height: 5em;
}

.resume-icon {
  width: 18%;
  max-width: 45px;
  margin-right: 5%;
}

.text-span-6 {
  font-family: Gotham, sans-serif;
}

.column-14, .column-15, .column-16 {
  padding-left: 15px;
  padding-right: 15px;
}

.signature-groupama {
  justify-content: center;
  align-items: center;
  width: 50vw;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.signature-groupama.padding-top-20 {
  padding-top: 20px;
}

.columns-7 {
  margin-bottom: 50px;
}

.image-6 {
  width: 40%;
  display: block;
}

.quote-col {
  align-items: center;
  margin-top: 20px;
  display: none;
}

.image-7 {
  width: 50%;
  margin-top: 75px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-span-7 {
  font-family: Gotham, sans-serif;
}

.signature-img {
  margin-left: 31px;
  margin-right: 31px;
}

.text-onest-26 {
  font-family: Onest, sans-serif;
  font-size: 26px;
  line-height: 28px;
}

.text-onest-26.margin-bottom-20 {
  margin-bottom: 20px;
  font-weight: 300;
}

.text-onest-26.margin-bottom-20.resume-size {
  width: 90%;
  min-height: 65px;
}

.body-5 {
  font-family: Gotham, sans-serif;
  overflow: visible;
}

.experience-expectionnelle {
  z-index: 0;
  background-color: var(--main-color);
  color: var(--white);
  margin-top: -15vh;
  padding: 25vh 20vw 10vh;
  position: relative;
  overflow: hidden;
}

.text-span-8 {
  font-family: Gotham, sans-serif;
}

.experience-execptionnelle-slider {
  margin-top: 75px;
}

.slide-a {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/605db77f1bdd95771ac7f806_30052020-HUB_9163.jpg");
  background-position: 50% 20%;
  background-size: cover;
}

.div-block-8 {
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.tenues-competition {
  color: var(--main-color);
  padding: 10vh 20vw;
}

.column-17 {
  padding-top: 0;
}

.column-17.padding-top-15 {
  padding-top: 15px;
}

.grinta {
  color: var(--main-color);
  padding: 10vh 20vw;
}

.img.padding-right-20 {
  width: 100%;
  padding-right: 20px;
}

.form {
  color: var(--main-color);
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  margin-top: -20vh;
  padding-top: 5vh;
  display: flex;
  overflow: hidden;
}

.form-field {
  color: var(--main-color);
  background-color: #fff;
  border: 1px solid #dadada;
  border-radius: 2px;
  width: 100%;
  margin-bottom: 8px;
  padding: 5px 10px;
  font-family: Gotham, sans-serif;
  box-shadow: inset 0 1px 2px #0000001a;
}

.form-field::placeholder {
  color: #57575780;
  font-family: Gotham, sans-serif;
  font-size: 13px;
  font-style: italic;
  font-weight: 400;
}

.form-field.selector {
  color: var(--main-color);
  background-color: #fff;
  border-style: solid;
}

.form-field.long-text {
  height: 250px;
}

.form-field.special {
  border-radius: 3px;
  height: 35px;
  padding: 0;
}

.form-field.taille {
  color: #101010;
  margin-top: 5px;
  display: block;
}

.form-field.text-area {
  min-height: 100px;
  margin-top: 10px;
}

.checkbox-label {
  color: var(--main-color);
  font-size: 13px;
  line-height: 16px;
}

.text-span-41 {
  color: var(--main-color);
  text-decoration: underline;
}

.addition-relative {
  color: #2a665480;
  position: absolute;
  inset: 15% -10% 0% auto;
}

.link-5, .link-6, .link-7 {
  color: var(--orange-e26212);
  text-decoration: underline;
}

.div-block-9 {
  height: 80vh;
}

.column-18 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0% 0;
  position: fixed;
}

.label-form {
  color: var(--main-color);
  margin-top: 10px;
  font-size: 16px;
  line-height: 20px;
}

.label-form.fits {
  display: inline-block;
}

.label-form.bigger {
  font-size: 20px;
}

.label-radio {
  color: var(--main-color);
  font-family: Gotham, sans-serif;
  font-size: 14px;
}

.check-box {
  color: var(--main-color);
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Gotham, sans-serif;
  display: flex;
}

.form-block {
  max-width: 1000px;
  margin-top: 5vh;
}

.columns-8 {
  align-items: stretch;
  display: flex;
}

.code-post-ville-box {
  padding-left: 10px;
  padding-right: 10px;
}

.code-post-ville-box.left {
  padding-left: 0;
}

.code-post-ville-box.right {
  padding-right: 0;
}

.columns-9 {
  margin-bottom: 15px;
}

.columns-10 {
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
}

.form-rotate {
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  width: 120%;
  display: flex;
  transform: rotate(-3deg);
}

.form-anti-rotate {
  background-color: #0000;
  width: 80vw;
  padding: 5vh 0;
  transform: rotate(3deg);
}

.section-3 {
  background-color: var(--main-color);
  color: var(--white);
  padding: 10vh 20vw 20vh 5vw;
}

.section-3.saison3 {
  background-color: var(--main-color);
}

.columns-11 {
  margin-bottom: 40px;
}

.columns-12, .form-radio-col {
  margin-bottom: 20px;
}

.form-block-2 {
  max-width: 1200px;
  margin-top: 50px;
}

.column-20, .column-21 {
  padding-left: 30px;
  padding-right: 30px;
}

.column-22 {
  padding: 0 30px 0 0;
}

.column-23 {
  padding-left: 30px;
  padding-right: 0;
}

.section-4 {
  background-color: var(--main-color);
  color: var(--white);
  height: 100vh;
  padding: 20vh 20vw 10vh;
}

.link-8 {
  color: var(--white);
  text-decoration: underline;
}

.image-8 {
  margin-bottom: 40px;
}

.background-video {
  height: 100%;
}

.columns-13 {
  margin-top: 80px;
}

.cgu {
  text-align: justify;
  height: auto;
  min-height: 70px;
  padding: 150px 10% 50px;
}

.title-main {
  text-align: center;
  margin-bottom: 40px;
  font-size: 35px;
}

.title-bold-24 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: Gotham, sans-serif;
}

.corps {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
}

.corps.special {
  width: 100%;
  margin-bottom: 15px;
  line-height: 24px;
}

.corps.special.dash-1 {
  padding-left: 10px;
}

.body-6 {
  color: #101010;
  font-family: Gotham, sans-serif;
  font-weight: 300;
  line-height: 22px;
}

.slide-3 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/606c297b81dc1591bafd320e_30052020-BN7A0853.jpg");
  background-position: 100%;
  background-size: cover;
}

.slide-4 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/606c297befba58e315a9234c_30052020-HUB_9037.jpg");
  background-position: 100%;
  background-size: cover;
}

.slide-5 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/606c297c913d9dbbb5db69f9_30052020-HUB_9550.jpg");
  background-position: 100%;
  background-size: cover;
}

.back-cta {
  color: var(--white);
  background-color: #194d3d;
  border-radius: 200px;
  flex-flow: row;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 14px;
  display: inline-block;
}

.image-9 {
  width: 13px;
  margin-right: 8px;
  transform: rotate(90deg);
}

.body-7, .body-8 {
  font-family: Gotham book, sans-serif;
}

.info-bubulle {
  background-color: var(--g3_2025);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  font-size: 10px;
  font-weight: 500;
  display: inline-block;
  position: relative;
  top: -3px;
}

.bubulle-container {
  object-fit: fill;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.text-block-4 {
  color: #004289;
}

.div-block-10 {
  z-index: 10;
  opacity: 1;
  color: #fff;
  background-color: #101010e6;
  border-radius: 10px;
  width: 22vw;
  padding: 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 14px;
  display: none;
  position: absolute;
  top: 3px;
  left: 12px;
}

.text-block-5 {
  color: #ffffffe6;
  font-size: 12px;
}

.link-9 {
  color: #fff;
}

.thanks {
  color: var(--main-color);
  margin-top: 5vh;
  margin-bottom: 0;
  padding-left: 20vw;
  padding-right: 20vw;
}

.thanks.saison-1 {
  margin-top: 10vh;
}

.body-9 {
  font-family: Gotham book, sans-serif;
}

.content-section {
  background-color: #0000;
  margin-top: -10px;
  margin-bottom: 0;
  padding: 5vh 20vw;
  overflow: hidden;
}

.section-titles {
  color: #fff;
  text-align: center;
  background-color: #0f5f31;
  margin-top: 0;
  padding: 30px 50px;
  font-size: 70px;
  font-style: italic;
  line-height: 80px;
}

.map-dot-box {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
}

.map-dot-box.pays-loire {
  position: absolute;
  top: 28%;
  left: 20%;
}

.map-dot-box.paca {
  position: absolute;
  top: 52%;
  left: 70%;
}

.map-dot-box.ile-france {
  position: absolute;
  top: 17%;
  left: 45%;
}

.map-dot-box.bretagne {
  display: flex;
  position: absolute;
  top: 21%;
  left: 8%;
}

.map-dot-box.bourgogne-franche-comte {
  position: absolute;
  top: 28%;
  left: 66%;
}

.map-dot-box.auvergne-rhone-alpes {
  display: flex;
  position: absolute;
  top: 42%;
  left: 59%;
}

.map-dot-box.grand-est {
  display: flex;
  position: absolute;
  top: 17%;
  left: 70%;
}

.map-dot-box.guadeloupe {
  display: flex;
  top: 90%;
  left: 46%;
}

.map-dot-box.centre-val-loire {
  position: absolute;
  top: 27%;
  left: 40%;
}

.map-dot-box.normandie {
  display: flex;
  position: absolute;
  top: 15%;
  left: 22%;
}

.map-dot-box.haut-france {
  position: absolute;
  top: 8%;
  left: 45%;
}

.map-dot-box.occitanie {
  display: flex;
  position: absolute;
  top: 53%;
  left: 40%;
}

.map-dot-box.nouvelle-aquitaine {
  display: flex;
  position: absolute;
  top: 41%;
  left: 29%;
}

.map-dot-box.corse {
  display: flex;
  position: absolute;
  top: 60%;
  left: 93%;
}

.map-dot-box.reunion {
  top: 87%;
  left: 5%;
}

.map-dot-box.mayotte {
  display: block;
  top: 88%;
  left: 91%;
}

.map-dot-box.mayotte.display-none {
  display: none;
}

.map-dot-box.guyane {
  top: 75%;
  left: 71%;
}

.map-dot-box.martinique {
  display: flex;
  top: 77%;
  left: 26%;
}

.columns-14 {
  align-items: center;
  display: flex;
}

.map-dot-inter-circle {
  z-index: 1;
  cursor: pointer;
  background-color: #1142331a;
  border-radius: 100px;
  width: 4em;
  min-width: 4em;
  height: 4em;
  min-height: 4em;
  display: block;
  position: relative;
}

.text-span-42 {
  color: #137843;
}

.text-medium-16 {
  color: #000;
  font-size: 16px;
  font-weight: 500;
}

.italic-box {
  background-color: var(--white);
  min-width: 120%;
  margin-bottom: -20px;
  margin-left: 0;
  padding: 0 0%;
  transform: scale(1.015)rotate(-3deg);
}

.italic-box.display-none {
  transform: none;
}

.map-box {
  width: 500px;
  height: 675px;
  margin-left: 0;
  margin-right: auto;
  display: block;
  position: relative;
}

.map-box.s3 {
  width: 575px;
  height: 776.25px;
  margin-left: auto;
  margin-right: 0;
}

.map-box.s5-map {
  margin-left: auto;
}

.map-dot {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/62723d61739e009103e1f1f5_Fichier%201favicon.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 60%;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
  display: flex;
  position: relative;
}

.map-dot.saison-1-green {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/60813d24f04b45e55da0b79f_bycicle-green.svg");
  background-size: auto 80%;
}

.map-dot.saison-1-orange {
  background-color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/60813d24075d618341a382d3_bycicle-orange.svg");
  background-size: auto 80%;
}

.map-dot.s4-g1 {
  background-color: var(--main-color);
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643d4bdf96deeb9d9e112427_favicon-TCTM.svg");
}

.map-dot.s5-g2 {
  background-color: var(--second-color);
}

.italic-text {
  font-weight: 900;
}

.image-19 {
  opacity: 1;
  width: 100%;
  margin: auto;
  position: absolute;
  inset: 0%;
}

.div-block-11 {
  transform: rotate(0);
}

.content-box {
  width: 100%;
  max-width: 950px;
  margin-top: 0;
  position: relative;
  transform: rotate(3deg);
}

.content-box.display-none {
  transform: none;
}

.text-italic-black-70 {
  color: #ffe71e;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 70px;
  font-style: italic;
  font-weight: 900;
  line-height: 70px;
}

.text-italic-black-70.map-instructions {
  color: #0f5f31;
  margin-top: 0;
  font-size: 40px;
  line-height: 40px;
}

.map-dot-location {
  background-color: var(--white);
  color: var(--main-color);
  text-align: center;
  white-space: normal;
  border-radius: 10px;
  width: auto;
  min-width: 70px;
  max-width: 120px;
  padding: 6px 7px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: block;
  position: absolute;
  bottom: auto;
  right: 2.5em;
  box-shadow: 0 0 5px -2px #00000080;
}

.map-dot-location.s4-g1 {
  background-color: var(--g3);
  color: var(--white);
}

.map-instruction-box {
  color: var(--main-color);
  background-color: #f5f5f5;
  margin-top: -150px;
  margin-left: 0;
  margin-right: 5%;
  padding: 15% 10%;
}

.map-instruction-box.saison-1 {
  border-bottom: 2px solid var(--main-color);
  background-color: #0000;
  padding-bottom: 5%;
  padding-left: 0%;
  padding-right: 0%;
}

.pop-up-map {
  z-index: 5;
  background-color: #101010bf;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.pop-up-map.haut-france, .pop-up-map.grand-est {
  display: none;
}

.pop-up-map.ile-de-france {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.pop-up-map.bretagne, .pop-up-map.pays-loire, .pop-up-map.centre-val-loire, .pop-up-map.bourgogne-franche-comte, .pop-up-map.auvergne-rhone-alpes, .pop-up-map.nouvelle-aquitaine, .pop-up-map.paca, .pop-up-map.occitanie, .pop-up-map.corse, .pop-up-map.mayotte, .pop-up-map.guyane, .pop-up-map.guadeloupe, .pop-up-map.martinique, .pop-up-map.reunion {
  display: none;
}

.pop-up-text-box {
  background-color: var(--g4);
  color: var(--white);
  min-width: 40%;
  max-width: 80%;
  min-height: 40vh;
  max-height: 90vh;
  padding: 20px 36px 30px;
  display: block;
  overflow: visible;
}

.pop-up-text-box.saison-1 {
  background-color: var(--white);
  color: var(--main-color);
  max-width: 50%;
}

.cross-close {
  cursor: pointer;
  background-color: #ffffffe6;
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  padding: 15px;
  display: flex;
  position: absolute;
  inset: 5% 5% auto auto;
}

.image-20 {
  width: 35%;
}

.club-names-winners {
  border-left: 2px solid var(--white);
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
}

.club-names-winners.margin-bottom-20 {
  margin-bottom: 20px;
  font-family: Gotham, sans-serif;
}

.circle-cross-map {
  cursor: pointer;
  background-color: #0000001a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 12px;
  display: flex;
  position: absolute;
  inset: 20px 20px auto auto;
}

.column-26.pt30 {
  padding-top: 30px;
}

.social-wall {
  flex-direction: column;
  align-items: center;
  padding-top: 10vh;
  padding-bottom: 10vh;
  display: flex;
  overflow: hidden;
}

.div-block-12 {
  margin-top: 50px;
}

.map-instruction-box-mobile {
  display: none;
}

.full-picture {
  color: #fff;
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/60804741dd48b830c997aa60_30052020-HUB_9155.jpg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  height: 50vh;
}

.saison-1-resume {
  color: var(--main-color);
}

.saison-1-resume.grey {
  background-color: #f7f7f7;
}

.saison-1-resume-col {
  text-align: left;
}

.resume-picto {
  width: 40px;
  margin-bottom: 30px;
}

.resume-col {
  padding-left: 20px;
  padding-right: 20px;
}

.vertical-line {
  background-color: var(--orange-e26212);
  width: 4px;
  height: 230px;
  position: absolute;
  inset: -105px auto auto 0%;
}

.groupama-soutient-saison-1 {
  color: var(--main-color);
}

.soutient-col-container {
  background-color: #f4f4f4;
  height: 100%;
  padding: 20px;
}

.soutient-saison-1-picture {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6066e02029f3b26c9bd72173_30052020-HUB_8957.jpg");
  background-position: 50%;
  background-size: cover;
  height: 150px;
  margin-bottom: 20px;
}

.soutient-saison-1-picture.fdj {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/608123b5749a3b5117952a7a_DSC_2825.JPG");
  background-position: 70% 30%;
}

.columns-15 {
  align-items: stretch;
  display: flex;
}

.footer-actfor-sport-section {
  text-align: center;
  background-color: #f4f4f4;
  padding-top: 5vh;
  padding-bottom: 5vh;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}

.text-span-43 {
  font-family: Gotham, sans-serif;
  font-weight: 700;
}

.saison-1-lp-1-presentation {
  align-items: stretch;
  margin-top: 50px;
  display: flex;
}

.slider-saison-1-lp1 {
  height: 60vh;
}

.image-21 {
  height: 65vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-22 {
  width: 70px;
}

.schema-saison-1-price {
  width: 130px;
}

.cta-orange-saison-1 {
  background-color: var(--orange-e26212);
  border-radius: 5px;
  padding: 12px 30px;
  font-family: Gothamcondssm, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 500;
  line-height: 30px;
  display: inline-block;
  position: relative;
}

.slider-saison-1-1 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6081287085588903677c3d78_Plan%20de%20travail%201%20copie%208.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slider-saison-1-2 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/608128710473f74866bd6bfe_Plan%20de%20travail%201%20copie%204.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slider-saison-1-3 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/60812870f618822427542a1d_Plan%20de%20travail%201%20copie.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slider-saison-1-4 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/608128700e535acec6d84efb_Plan%20de%20travail%201%20copie%207.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slider-saison-1-5 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/608128715bcb054a40b621de_Plan%20de%20travail%201.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slider-saison-1-6 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/608128705b9a367edb6829fa_Plan%20de%20travail%201%20copie%206.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slider-saison-1-0 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/60812870f061374fe71bc756_Plan%20de%20travail%201%20copie%202.jpg");
  background-position: 0 0;
  background-size: cover;
}

.slider-saison-1-7 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/608128705bcb052ccdb621d6_Plan%20de%20travail%201%20copie%205.jpg");
  background-position: 0 0;
  background-size: cover;
}

.column-29 {
  text-align: center;
}

.column-30 {
  padding-top: 55px;
}

.body-10 {
  font-family: Gotham book, sans-serif;
}

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

.image-24 {
  margin-top: 40px;
}

.image-25 {
  text-align: center;
  object-fit: fill;
  margin-left: 0;
  position: static;
  overflow: visible;
}

.section-5 {
  padding-left: 0;
}

.image-26, .section-6 {
  margin-left: auto;
  margin-right: auto;
}

.div-block-13, .div-block-14 {
  text-align: center;
  margin: 20px;
}

.div-block-15, .div-block-16 {
  text-align: center;
}

.label-select {
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Gotham book, sans-serif;
  display: flex;
}

.text-field-2 {
  border-radius: 5px;
}

.step-circle {
  background-color: var(--g3_2025);
  color: var(--main-color);
  border-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  margin-bottom: 5px;
  display: flex;
}

.step-circle.off {
  color: var(--main-color);
  background-color: #ddd;
}

.step-circle.bigger {
  background-color: var(--g3_2025);
  width: 45px;
  height: 45px;
  padding: 10px;
}

.animation-box {
  height: auto;
  padding-top: 12vh;
  display: block;
}

.reward-section {
  width: 100vw;
  height: 100vh;
  display: block;
}

.reward-section.achat-club-2022 {
  height: auto;
}

.color-pantone-box {
  background-color: #ddd;
  border-radius: 3px;
  width: 30px;
  height: 40px;
  margin-left: 0;
  margin-right: 5px;
  display: inline-block;
}

.grid-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.step-box {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20vw;
  display: flex;
}

.step-box.off {
  cursor: auto;
}

.step-box._2-steps {
  width: 30vw;
}

.text-block-8 {
  color: #fff;
  text-align: center;
}

.reward-label {
  color: var(--g4);
  text-transform: none;
  margin-top: 6px;
  margin-bottom: 0;
  padding-left: 35px;
  font-family: Onest, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

.reward-label.short {
  margin-bottom: 5px;
  padding-left: 0;
  display: inline-block;
}

.reward-label.short.mt0 {
  margin-top: 0;
  margin-left: 5px;
}

.color-text {
  text-align: center;
}

.text-span-44 {
  font-size: 12px;
  font-weight: 400;
}

.heading {
  display: none;
}

.step-line-reward {
  z-index: -1;
  background-color: #ffffff80;
  width: 40vw;
  height: 2px;
  position: absolute;
  top: 18.5px;
}

.step-line-reward.step-0 {
  z-index: -1;
  background-color: #2a665426;
}

.step-line-reward.step-0._2-steps {
  width: 30vw;
}

.step-line-reward._2-steps {
  width: 20vw;
}

.step-line-reward._2-steps.line-up {
  width: 30vw;
}

.image-27 {
  max-width: none;
  max-height: 65vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-27.col, .image-27.manches, .image-27.bande-cuissard {
  display: none;
}

.image-27.logos {
  max-width: 100%;
  max-height: 40%;
  padding: 0;
}

.image-27.logos.bas {
  max-height: 47%;
}

.image-27.epaules, .image-27.poche, .image-27.aiselles, .image-27.buste, .image-27.exterieur-cuissard {
  display: none;
}

.image-27.ailes {
  display: block;
}

.image-27.bas-cuissard, .image-27.bande-superieure, .image-27.bande-inferieure {
  display: none;
}

.text-block-6 {
  font-size: 12px;
  line-height: 16px;
  display: block;
}

.text-block-6.warning-text {
  color: var(--orange-e26212);
  background-color: #e2621226;
  border-radius: 5px;
  margin-left: -5px;
  margin-right: -5px;
  padding: 8px 12px;
  font-family: Onest, sans-serif;
  font-size: 14px;
}

.div-block-18 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.color-palette-box {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.step-container {
  width: 100vw;
  height: 90vh;
}

.step-container.step-3 {
  display: none;
}

.step-container.step-2 {
  height: auto;
  display: none;
  overflow: hidden;
}

.step-container.step-1 {
  height: auto;
  display: none;
  overflow: visible;
}

.step-container.step-0 {
  height: auto;
  margin-top: -5vh;
  padding-bottom: 10vh;
  display: block;
  overflow: visible;
}

.size-logo {
  background-color: #f4f4f4;
  border-radius: 5px;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px;
}

.sticker-calls {
  z-index: 1;
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  align-items: center;
  height: 40px;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: absolute;
  inset: -40px 3% auto auto;
}

.top-bar {
  z-index: 2;
  border-bottom: 8px solid var(--main-color);
  background-color: var(--g4);
  color: var(--white);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 15vh;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 1px 10px #00000026;
}

.top-bar.off {
  display: none;
}

.tab-bar-reward {
  z-index: 1;
  box-shadow: none;
  background-color: #f5f5f5;
  align-items: center;
  width: 100vw;
  height: 10vh;
  margin-top: 90vh;
  display: block;
  position: absolute;
  inset: auto 0% 0%;
}

.tab-bar-reward.off {
  display: none;
}

.next-step-box {
  text-align: center;
  flex-flow: row-reverse;
  justify-content: space-between;
  margin-top: 30px;
  display: flex;
  position: relative;
}

.button-reward {
  background-color: var(--orange-e26212);
  white-space: nowrap;
  cursor: pointer;
  border-radius: 100px;
  padding: 12px 30px;
  font-family: Onest, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}

.button-reward.w--current {
  font-family: Onest, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.button-reward.back {
  background-color: #aaa;
}

.button-reward.back.absolute-left.w--current {
  position: absolute;
  inset: 0% auto auto 0%;
}

.button-reward.welcome {
  padding-left: 50px;
  padding-right: 50px;
}

.button-reward.margin-top-20 {
  margin-top: 20px;
}

.button-reward.margin-top-20.margin-bottom-10 {
  margin-bottom: 10px;
}

.button-reward.absolute-right.w--current {
  position: absolute;
  inset: 0% 0% auto auto;
}

.text-block-9 {
  text-decoration: underline;
}

.left-col-reward {
  z-index: 1;
  background-color: var(--c1_2025);
  min-height: 90vh;
  padding: 40px 30px 70px;
  display: block;
  position: relative;
}

.palette-drawer {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  padding-top: 25px;
  padding-left: 5%;
  padding-right: 5%;
  font-family: Gotham book, sans-serif;
  position: absolute;
  inset: 95% 0% 0%;
  box-shadow: 0 -3px 10px #00000026;
}

.heading-2 {
  margin-bottom: 30px;
}

.number-logo {
  background-color: var(--orange-e26212);
  border-radius: 30px;
  width: 20px;
  height: 20px;
  margin-top: 7px;
  margin-right: 8px;
}

.number-logo.black {
  background-color: var(--black);
}

.columns-16 {
  height: 85vh;
  position: relative;
}

.color-dot {
  border-radius: 5px;
  width: 60px;
  height: 32px;
  margin-bottom: 8px;
}

.color-dot.turquoise {
  background-color: #00bda1;
}

.color-dot.vert {
  background-color: #55c073;
}

.color-dot.bleu-fonce {
  background-color: #0d258a;
}

.color-dot.orange {
  background-color: #fc4902;
}

.color-dot.gris-clair {
  background-color: #cfcfce;
}

.color-dot.jaune-pale {
  background-color: #ffec75;
}

.color-dot.vert-clair {
  background-color: #97df9a;
}

.color-dot.violet-fonce {
  background-color: #853375;
}

.color-dot.vert-fonce {
  background-color: #1e4f22;
}

.color-dot.rouge-fonc {
  background-color: #a2092b;
}

.color-dot.vert-sapin {
  background-color: #0d4a37;
}

.color-dot.blanc {
  background-color: #fff;
  border: 1px solid #000;
}

.color-dot.jaune {
  background-color: #ffdb00;
}

.color-dot.violet-pale {
  background-color: #a28ec1;
}

.color-dot.or {
  background-color: #ffa300;
}

.color-dot.bleu-pale {
  background-color: #c7d6f1;
}

.color-dot.gris-fonce {
  background-color: #535353;
}

.color-dot.bleu-noir {
  background-color: #021e42;
}

.color-dot.bordeau {
  background-color: #962d47;
}

.color-dot.marron-clair {
  background-color: #90583b;
}

.color-dot.aubergine {
  background-color: #632240;
}

.color-dot.rouge {
  background-color: #b92229;
}

.color-dot.rose {
  background-color: #e10c5a;
}

.color-dot.bleu-royal {
  background-color: #0068c8;
}

.color-dot.gris-moyen {
  background-color: #8c8e8a;
}

.color-dot.marron-fonc {
  background-color: #3f342f;
}

.color-dot.mauve {
  background-color: #b7448d;
}

.color-dot.cyan {
  background-color: #0088d8;
}

.color-dot.rose-pale {
  background-color: #f360a2;
}

.color-dot.noir {
  background-color: #000;
}

.tab-bar-container {
  justify-content: space-between;
  align-items: center;
  height: 10vh;
  display: flex;
}

.steps-container {
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  display: flex;
  position: relative;
}

.steps-container.step-0 {
  z-index: 2;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 40px;
}

.select-field {
  border: 1px solid #00000040;
  border-radius: 5px;
  height: 40px;
  margin-bottom: 0;
}

.select-field.maillot, .select-field.cuissard {
  border-color: var(--g1_2025);
  background-color: var(--white);
  font-family: Onest, sans-serif;
}

.div-block-19 {
  background-color: #2a66541a;
  border-radius: 5px;
  margin: 10px -5px;
  padding: 8px 12px;
}

.column-32 {
  padding-left: 0;
  padding-right: 0;
  position: absolute;
  right: 0;
}

.hide-palette {
  cursor: pointer;
  align-items: center;
  height: 50px;
  display: flex;
  position: absolute;
  inset: 20px 5% auto auto;
}

.form-box {
  margin-top: 30px;
}

.img-box {
  object-fit: fill;
  background-image: linear-gradient(#ffffffbf, #ffffffbf), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/668f8ea7793a29a9552e2b6b_Logo_Composite_TonClubTonMaillot_Vecto_EMPTY.png");
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 80%;
  width: 58.3333vw;
  height: 90vh;
  padding-top: 40px;
  position: fixed;
}

.img-box.logos-partenaires {
  background-image: linear-gradient(#ffffffbf, #ffffffbf);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.h3-reward {
  color: var(--g3);
  font-family: Gothamcondssm, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 34px;
}

.body-11 {
  color: #101010;
  font-family: Gotham, sans-serif;
}

.corps-reward {
  color: var(--g3);
  min-height: 150px;
  font-family: Onest, sans-serif;
  font-weight: 400;
}

.corps-reward.grey {
  color: var(--main-color);
}

.upload-field {
  padding-top: 0;
  padding-bottom: 10px;
}

.upload-button {
  background-color: var(--white);
  color: var(--g0_2025);
  font-weight: 300;
}

.upload-text {
  color: #707070;
  padding-left: 10px;
  font-size: 12px;
  font-weight: 400;
  display: inline-block;
}

.heading-3 {
  margin-bottom: 40px;
  font-size: 45px;
}

.item-icon {
  height: 25px;
  margin-bottom: 0;
}

.row-step-0 {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
}

.columns-17 {
  max-width: 800px;
  margin: 30px auto 0;
}

.button {
  background-color: #06f;
  border-radius: 5px;
  padding: 12px 20px;
  font-size: 18px;
}

.usefull-items-box {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--c1_2025);
  text-align: left;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  font-size: 16px;
  line-height: 22px;
  display: flex;
}

.div-block-21 {
  z-index: -2;
  border-top: 1px solid var(--main-color-10);
  border-bottom: 1px none var(--main-color-10);
  color: var(--black);
  text-align: left;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 30px 25px 50px;
}

.div-block-21.margin-top-10 {
  margin-top: 10px;
}

.section-7 {
  color: var(--main-color);
  text-align: center;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.text-block-3 {
  max-width: 350px;
  margin-left: 20px;
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
  display: inline-block;
}

.text-block-10 {
  margin-top: 30px;
}

.image-28 {
  width: 300px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-box-2 {
  text-align: left;
  width: 60%;
}

.text-span-45 {
  font-size: 12px;
  line-height: 16px;
}

.italic-text-2 {
  font-size: 13px;
  line-height: 14px;
}

.body-12 {
  color: #101010;
  font-family: Gotham, sans-serif;
}

.jersey-box {
  position: absolute;
  inset: -10vh auto 0% -10vw;
}

.jersey-picture {
  z-index: 2;
  height: 425px;
  max-height: 80vh;
  position: relative;
  left: -150px;
}

.jersey-picture.guide-taille {
  left: 0;
}

.image-29 {
  z-index: 1;
  width: 80%;
  position: absolute;
  top: 20%;
  right: 25%;
}

.section-8 {
  color: var(--main-color);
  min-height: 100vh;
  padding-top: 10vh;
}

.div-block-22 {
  border-bottom: 10px solid var(--second-color);
  background-color: var(--main-color);
  color: var(--white);
  width: 60vw;
  max-width: 850px;
  margin-left: auto;
  padding: 15px 30px 30px 140px;
  position: relative;
}

.div-block-22.guide-tailles {
  width: 60vw;
  padding-left: 125px;
}

.div-block-22.selection-tailles {
  margin-right: auto;
  padding-left: 30px;
}

.heading-5 {
  margin-bottom: 30px;
}

.doc-box {
  text-align: center;
  margin-top: 40px;
}

.section-9 {
  z-index: 2;
  background-color: #000000bf;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.div-block-24 {
  background-color: #fff;
  border-radius: 5px;
  width: 80vw;
  padding: 3% 5%;
}

.text-block-11 {
  margin-bottom: 40px;
}

.text-gotham-condensed-45 {
  font-family: Gothamcondssm, sans-serif;
  font-size: 45px;
  line-height: 50px;
}

.club-select-box {
  justify-content: space-around;
  align-items: center;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  position: relative;
}

.cta-box {
  text-align: left;
  padding-left: 10px;
}

.select-box {
  width: 100%;
  padding-right: 10px;
}

.container-start-button {
  background-color: var(--main-color);
  color: var(--white);
  border-radius: 5px;
  width: 100%;
  padding: 30px;
  display: block;
  box-shadow: 0 1px 4px #00000026;
}

.container-start-button.tailles {
  text-align: center;
}

.container-start-button.off {
  background-color: var(--g4);
  border-radius: 20px;
  margin-bottom: 50px;
  display: block;
}

.text-block-12 {
  color: var(--main-color);
}

.text-block-13 {
  color: var(--main-color);
  font-size: 16px;
}

.text-block-14 {
  color: var(--main-color);
}

.text-center-steps {
  color: #2a6654bf;
  text-align: center;
  width: 80%;
  margin-top: 5px;
  font-size: 14px;
  line-height: 16px;
}

.text-block-15, .text-block-16 {
  font-family: Gotham book, sans-serif;
}

.ty-page-reward {
  color: var(--main-color);
  min-height: 90vh;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

.success-message-2 {
  color: var(--main-color);
  text-align: left;
  background-color: #0000;
  padding: 5vh 10vw;
}

.link-10 {
  color: var(--orange-e26212);
}

.header-guide-taille {
  padding-top: 10vh;
}

.tab-guide-taille {
  background-color: var(--g3_2025);
  color: var(--g3);
  border-radius: 200px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 16px;
  font-weight: 500;
}

.tab-guide-taille.w--current {
  background-color: var(--g1_2025);
  color: var(--white);
  padding: 12px 45px;
  font-size: 16px;
}

.tabs-menu-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tab-content-guide-taille {
  color: #101010;
  padding-top: 20px;
}

.guide-taille-tableau {
  background-color: var(--c1_2025);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  padding: 20px 15px;
  display: flex;
  position: relative;
}

.img-taille {
  background-color: var(--white);
  border-radius: 20px;
  padding: 0 0 10px;
}

.grand-img-taille {
  width: 57.25%;
}

.corner-sexe-guide-taille {
  background-color: #adeca259;
  border-bottom-right-radius: 200px;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 70px;
  padding: 10px 25px 25px 10px;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-30 {
  width: auto;
  height: 75%;
}

.mask {
  width: auto;
  height: auto;
}

.carte-morpho-type {
  background-color: var(--white);
  border-radius: 10px;
  margin: 10px;
  overflow: hidden;
  box-shadow: 0 5px 6px #00000026;
}

.morphotype-picture {
  justify-content: center;
  height: 350px;
  display: flex;
  overflow: hidden;
}

.image-31 {
  max-width: none;
  height: 120%;
  min-height: 100%;
  display: block;
}

.morphotype-text-zone {
  color: var(--main-color);
  padding: 20px 25px 30px;
}

.slider-2 {
  background-color: var(--white);
  height: auto;
}

.slide-nav-2 {
  display: none;
}

.morphotype-text-label {
  color: var(--main-color);
  background-color: #2a665426;
  border-radius: 4px;
  margin-bottom: 5px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px 10px;
  font-family: Gotham, sans-serif;
}

.slide {
  width: 300px;
}

.section-10 {
  padding-bottom: 10vh;
}

.image-32 {
  display: none;
}

.container-start-button-2 {
  color: #fff;
  background-color: #2a6654;
  border-radius: 5px;
  width: 100%;
  padding: 30px;
  box-shadow: 0 1px 4px #00000026;
}

.button-reward-2 {
  white-space: nowrap;
  cursor: pointer;
  background-color: #e26212;
  border-radius: 5px;
  padding: 12px 20px;
  font-family: Gothamcondssm, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 700;
  line-height: 24px;
}

.body-13 {
  color: #101010;
  font-family: Gotham, sans-serif;
}

.link-11 {
  color: var(--orange-e26212);
}

.error-message-2 {
  z-index: 1;
  background-color: #ffdc8b;
  border-radius: 5px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding: 12px 30px;
  position: fixed;
  inset: auto 0% 10px;
  box-shadow: 0 1px 3px #00000026;
}

.text-block-17 {
  font-family: Gotham book, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.text-span-46 {
  font-family: Gotham, sans-serif;
}

.arrow-scroll-down {
  width: 35px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.arrow-box {
  display: block;
}

.arrow-box.selection-taille {
  margin-top: -20px;
  margin-bottom: 20px;
}

.arrow-box.mt20 {
  margin-top: 20px;
}

.article-shop-picture {
  background-color: var(--main-color-10);
  object-fit: contain;
  width: 100%;
  height: 300px;
  margin-bottom: 10px;
  padding: 20px;
}

.grid-5 {
  grid-template-columns: 1fr 1fr 1fr;
}

.article-shop-checkbox-box {
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.article-box-checkbox {
  cursor: pointer;
  border-style: solid;
  border-color: #f2f2f2;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.article-box-checkbox.w--redirected-checked {
  border-width: 3px;
  border-color: var(--second-color);
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/61b1fa0394354777849f2c32_groupama-check-circle.svg");
  background-position: 10px 10px;
  background-size: 20px 20px;
  border-radius: 5px;
}

.checkbox-label-2 {
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.background-video-2 {
  object-fit: cover;
  width: 100%;
  height: 60vh;
  overflow: hidden;
}

.saison1-logo-teasing {
  background-color: var(--white);
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 30px;
  position: absolute;
  inset: 0% 0% auto;
}

.saison-1-tesing-text-header {
  z-index: 2;
  background-color: var(--white);
  color: var(--main-color);
  text-align: center;
  width: 60vw;
  margin-left: auto;
  margin-right: auto;
  padding: 30px 40px;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  line-height: 24px;
  position: absolute;
  inset: auto 0% -80px;
  box-shadow: 1px 1px 5px #0003;
}

.teasing-saison-1-actions {
  background-color: var(--main-color);
  color: var(--white);
}

.section-11 {
  color: var(--main-color);
}

.image-33 {
  width: 200px;
  margin-left: 20px;
}

.i50 {
  object-fit: contain;
  width: 50px;
  height: 50px;
}

.i50.mb20 {
  margin-bottom: 20px;
}

.i50.mb20.bigger {
  width: 60px;
  height: 60px;
}

.i50.mr20 {
  margin-right: 20px;
}

.image-34 {
  object-fit: cover;
  width: 100%;
  max-height: 400px;
}

.image-35 {
  object-fit: cover;
  width: 100%;
  max-height: 350px;
}

.text-span-47 {
  color: var(--orange-e26212);
  font-weight: 400;
}

.bold-text-2, .bold-text-3, .bold-text-4 {
  text-decoration: underline;
}

.columns-18 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.text-span-48 {
  font-family: Gotham, sans-serif;
}

.column-37 {
  padding-left: 50px;
  padding-right: 50px;
}

.column-38 {
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}

.columns-19 {
  margin-bottom: 50px;
}

.image-36 {
  object-fit: cover;
  width: 100%;
  max-height: 300px;
  margin-bottom: 20px;
}

.mobile {
  display: none;
}

.checkbox {
  border-color: var(--main-color);
  background-color: #2a66540d;
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.checkbox.w--redirected-checked {
  background-color: var(--main-color);
  background-position: 50%;
  background-size: 80%;
}

.checkbox-field, .checkbox-field-2, .checkbox-field-3, .checkbox-field-4 {
  align-items: center;
  display: flex;
}

.section-w1 {
  background-color: var(--white);
}

.section-w1.full-h._90vh {
  object-fit: fill;
  object-position: 50% 0%;
}

.section-w1.full-h._95vh {
  min-height: 95vh;
}

.section-w1.ptb50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-w1.ptb50.background-road-way {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/624aa60ada309f504de8995a_road-way.svg");
  background-position: 50% 150px;
  background-repeat: no-repeat;
  background-size: contain;
}

.section-w1.ptb50.pt30 {
  padding-top: 30px;
}

.section-w1.ptb50.overflow-none.relative.transparent {
  background-color: #0000;
}

.section-w1.ptb50.background-g1-2 {
  background-color: #2a66540d;
}

.section-w1.background-half-grey-circle {
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/624d7e3effb97d8a4885c301_Background%20-%20G1%20-%20Oval.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-w1.p10 {
  padding: 10px;
}

.section-w1.p10.bottomfixed {
  z-index: 3;
  position: fixed;
  inset: auto 0% 0%;
  box-shadow: 0 -1px 10px -4px #00000059;
}

.section-w1.p10.bottomfixed.display-none {
  display: none;
}

.section-w1.bg-grey-circle {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6246eebc7a7e5a182a171ff2_Background%20-%20Grey%20-%20Oval.svg");
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.section-w1.bg-favicon {
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.full-h {
  min-height: 100vh;
}

.image-38 {
  z-index: 2;
  width: 350px;
  padding-top: 30px;
  position: relative;
  bottom: 0;
}

.image-38.c {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.image-38.c.relative {
  position: relative;
}

.image-38.c.pt40 {
  padding-top: 40px;
}

.container1200 {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}

.container1200.blog-head {
  padding-right: 25%;
  position: absolute;
  inset: auto 0% -75px;
}

.container1200.z-index-2 {
  z-index: 2;
  position: relative;
}

.bo1 {
  background-color: var(--orange-e26212);
  color: #fff;
  border-radius: 100px;
  padding: 12px 25px;
  font-family: Onest, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.bo1.mrl20 {
  margin-left: 20px;
  margin-right: 20px;
}

.bo1.full {
  text-align: center;
  width: 100%;
}

.bo1.full.fixed-bottom-box {
  position: absolute;
  top: auto;
  bottom: 30px;
}

.bo1.full.display-none {
  display: none;
}

.bo1.fixed-bottom-box {
  position: absolute;
  inset: auto auto 30px;
}

.bo1.mr10 {
  margin-right: 10px;
}

.bo1.mobile-full-s4 {
  padding-left: 22px;
  padding-right: 22px;
  font-size: 15px;
}

.bo1.mobile-full-s4.display-none {
  display: none;
}

.bo1.fit {
  padding-left: 30px;
  padding-right: 30px;
  text-decoration: none;
  display: inline-block;
}

.bo1.fit.small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.tm {
  font-size: 18px;
  line-height: 24px;
  display: block;
}

.tm.tcc {
  text-align: center;
}

.tm.t-o1 {
  color: var(--orange-e26212);
}

.tm.gothamcondensed {
  margin-top: 0;
  font-family: Gothamcondssm, sans-serif;
  font-size: 21px;
  line-height: 24px;
}

.tm.gothamcondensed.t-g2.t-jr {
  text-align: right;
}

.tm.gothamcondensed.t-g2.t-jr._35 {
  width: 35%;
}

.tm.gothamcondensed.t-w2 {
  color: #ffffff80;
}

.tm.gothamcondensed.t-w1 {
  color: var(--white);
}

.tm.gothamcondensed.fit {
  margin-right: 5px;
  display: inline-block;
}

.tm.t-g2 {
  color: var(--g2_2025);
}

.tm.div80 {
  width: 80%;
}

.tm.div90 {
  width: 90%;
}

.tl {
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
}

.tl.t-w1 {
  color: var(--white);
}

.tl.gothamcondensed {
  font-family: Gothamcondssm, sans-serif;
  font-size: 26px;
  line-height: 28px;
}

.tl.gothamcondensed.mlr10 {
  margin-left: 10px;
  margin-right: 10px;
}

.tl.gothamcondensed.mlr10.s5-caps-black {
  text-transform: uppercase;
  font-weight: 900;
}

.tl.gothamcondensed.t-g2.tcc.mr10 {
  margin-right: 10px;
}

.tl.gothamcondensed.light.smaller {
  font-size: 22px;
  line-height: 26px;
}

.tl.gothamcondensed.fit {
  display: inline-block;
}

.tl.gothamcondensed.fit.mr5 {
  margin-right: 5px;
}

.tl.special {
  width: 65%;
}

.tl.t-g3-2025 {
  color: var(--g3_2025);
}

.tl.semibold {
  font-weight: 600;
}

.ts {
  font-size: 16px;
  line-height: 20px;
}

.ts.tcc.grinta-grey {
  color: #1b2d37;
}

.ts.gothamcondensed {
  font-family: Gothamcondssm, sans-serif;
  line-height: 16px;
}

.ts.gothamcondensed.t-w2 {
  color: #ffffff80;
}

.ts.gothamcondensed.t-g2.t-jr {
  text-align: right;
}

.ts.t-o2 {
  color: #e2621280;
}

.ts.t-g1-2 {
  color: #2a665480;
}

.ts.mr5 {
  margin-right: 5px;
}

.ts.fit {
  display: inline;
}

.ts.mobile-center {
  text-align: left;
}

.ts.map-text {
  width: 100%;
  height: 52px;
  font-weight: 500;
}

.txs {
  font-size: 14px;
  line-height: 16px;
  display: block;
}

.txs.gotham._70 {
  width: 69%;
}

.txs.gotham.mb10 {
  margin-bottom: 10px;
}

.txs.gotham.mb10.height-40 {
  height: 40px;
}

.txs.gotham.mb5 {
  margin-bottom: 5px;
}

.txs.gotham.mb5.height-36 {
  height: 36px;
  line-height: 18px;
}

.txs.t-g2-2025 {
  color: var(--g2_2025);
}

.txxs {
  font-size: 12px;
  line-height: 16px;
}

.txxs.mr5 {
  margin-right: 5px;
}

.txxs.display-mobile {
  display: none;
}

.h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Onest, sans-serif;
  font-size: 60px;
  font-weight: 700;
  line-height: 60px;
}

.h1.gothamcondensed {
  font-family: Gothamcondssm, sans-serif;
  font-size: 80px;
  font-weight: 900;
  line-height: 80px;
}

.h1.gothamcondensed.tcc {
  text-align: center;
}

.h1.gothamcondensed.smaller {
  font-size: 65px;
  line-height: 60px;
}

.gotham {
  font-family: Gotham book, sans-serif;
}

.t-g1 {
  color: var(--main-color);
}

.image-39 {
  max-width: none;
  height: 75vh;
}

.overflow-none {
  overflow: hidden;
}

.p30 {
  padding: 30px;
}

.p30.mt-100 {
  margin-top: -100px;
}

.cc {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-items: center;
  display: flex;
}

.cc.mobile-v.j-ext {
  padding-right: 25px;
}

.cc.mobile-v.j-ext.p0 {
  padding-right: 0;
}

.cc.mobile-v.j-ext.p0.display-none {
  display: none;
}

.cc.t-o1 {
  color: var(--orange-e26212);
}

.cc.jt {
  align-items: flex-start;
}

.cc.jt.j-ext {
  justify-content: space-between;
}

.cc.jb {
  align-items: flex-end;
}

.cc.jc {
  justify-content: center;
}

.cc.v {
  flex-direction: column;
}

.cc.v.jl {
  align-items: flex-start;
}

.cc.v.jl.calendar-size {
  width: 18%;
  margin-right: 20px;
}

.cc.v.p10 {
  padding: 10px;
}

.cc.v.p20.div50.c.dark3 {
  background-color: #10101021;
}

.cc.v.p20.div75.c.dark3 {
  background-color: #1010101a;
  border-radius: 8px;
}

.cc.j-ext {
  justify-content: space-between;
}

.cc.j-ext.div50.c.relative._200px {
  width: 200px;
}

.cc.display-mobile {
  display: none;
}

.timer-s-3 {
  margin-bottom: -45px;
  position: relative;
  top: 0;
}

.timer-s-3.cc.jc {
  justify-content: center;
}

.timer-s-3.cc.v {
  color: var(--white);
  flex-direction: column;
}

.timer-s-3.cc.v.tcc {
  color: var(--main-color);
  text-align: center;
}

.div-block-25 {
  margin-bottom: -50px;
  display: block;
}

.div-block-25.achat-club-page {
  margin-top: -15vh;
}

.div-block-25.achat-club-page.mb20 {
  margin-bottom: 20px;
}

.spacer10 {
  height: 10px;
}

.div-block-26 {
  color: var(--main-color);
}

.div-block-26.cc.pt20 {
  padding-top: 20px;
}

.section-g1 {
  background-color: var(--main-color);
  color: var(--white);
}

.section-g1.ptb50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.section-g1.bg-favicon {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643e62b848f56a5cb7e216a2_Favicon-bg-fade.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto 110%;
}

.container1100 {
  max-width: 1100px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.container1100.relative {
  position: relative;
}

.container1100.header-center {
  position: absolute;
  inset: 0%;
}

.container1100.blog-head {
  position: absolute;
  inset: auto 0% -75px;
}

.div50 {
  width: 50%;
}

.div50.c.tcc {
  text-align: center;
}

.div50.c {
  margin-left: auto;
  margin-right: auto;
}

.div60 {
  width: 60%;
}

.div60.tcc {
  text-align: center;
}

.div60.tcc.c, .div60.c {
  margin-left: auto;
  margin-right: auto;
}

.txl {
  font-size: 32px;
  line-height: 36px;
}

.txl.gothamcondensed {
  font-family: Gothamcondssm, sans-serif;
  font-size: 35px;
  line-height: 35px;
}

.txl.gothamcondensed.smaller {
  font-size: 32px;
  line-height: 32px;
}

.txl.gothamcondensed.mr10 {
  margin-right: 10px;
}

.txl.gothamcondensed.book.tcc {
  display: none;
}

.txl.medium {
  font-weight: 500;
}

.txxl {
  font-size: 44px;
  line-height: 60px;
}

.txxl.gothamcondensed {
  font-family: Gothamcondssm, sans-serif;
}

.txxl.gothamcondensed.tcc {
  text-align: center;
}

.txxxl {
  font-size: 80px;
  line-height: 75px;
}

.txxxl.gothamcondensed {
  font-family: Gothamcondssm, sans-serif;
  font-size: 65px;
  line-height: 60px;
}

.txxxl.gothamcondensed.mr10 {
  margin-right: 10px;
}

.t-g2 {
  color: var(--second-color);
}

.image-40 {
  width: 150px;
  height: auto;
  position: absolute;
  inset: 20px auto auto 30px;
}

.image-40.reverse {
  transform-style: preserve-3d;
  transform: rotateX(0)rotateY(-34deg)rotateZ(170deg);
}

.relative {
  position: relative;
}

.relative.display-mobile {
  display: none;
}

.image-41 {
  width: 180px;
  position: absolute;
  inset: 20px auto auto 50px;
}

.image-41.cycling-bikes {
  opacity: .5;
  transform-style: preserve-3d;
  inset: -10px 0% 0% 10px;
  transform: rotateX(-31deg)rotateY(177deg)rotateZ(11deg);
}

.light {
  font-weight: 300;
}

.spacer50 {
  height: 50px;
}

.container900 {
  max-width: 900px;
  padding-left: 20px;
  padding-right: 20px;
}

.div75 {
  width: 75%;
}

.div75.c {
  margin-left: auto;
  margin-right: auto;
}

.div75.c.tcc {
  text-align: center;
}

.div75.c.p30.w1 {
  background-color: var(--white);
}

.div75.c.p30.w1.rounded10 {
  border-radius: 10px;
}

.div75.c.p30.w1.rounded10.form-teasing--3 {
  z-index: 2;
  border: 1px solid #2a665426;
  border-radius: 5px;
  position: relative;
}

.div75.tcc.c {
  display: block;
}

.div-block-27 {
  border-radius: 5px;
  padding: 15px;
}

.div-block-27.g1 {
  background-color: #2a665426;
}

.i24-map {
  object-fit: contain;
  width: 24px;
  height: 24px;
}

.i24-map.mr10 {
  margin-right: 10px;
}

.i24-map.mr10.mt5 {
  margin-top: 5px;
}

.i24-map.dot-auvergne-rhone-alpes {
  display: none;
}

.div-block-28 {
  width: 70%;
  margin-left: auto;
  position: static;
}

.image-42 {
  width: 25%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.opensans {
  font-family: Open Sans, sans-serif;
}

.columns-21 {
  width: 80%;
}

.spacer30 {
  height: 30px;
}

.form-input-text {
  background-color: #f4f4f4;
  border: 1.5px solid #eaeaea;
  border-radius: 3px;
  min-height: 40px;
}

.form-input-text::placeholder {
  color: #b9b9b9;
  font-style: italic;
}

.form-input-text.long-text {
  min-height: 300px;
}

.mask-2 {
  height: 100%;
}

.slider-3 {
  background-color: #0000;
  height: 100%;
}

.div-block-29 {
  background-color: #2a665499;
  border-radius: 100px;
  width: 61px;
  height: 61px;
  padding: 4px;
  position: relative;
}

.div-block-29.cc.jc {
  justify-content: center;
}

.icon {
  margin: 0;
  position: absolute;
  inset: 10px 0% 0% 10px;
}

.slide-nav-3 {
  bottom: -50px;
}

.image-43 {
  display: none;
}

.div-block-30 {
  width: 70%;
  margin-left: auto;
}

.text-span-49 {
  font-size: 14px;
  position: relative;
  top: -5px;
}

.image-44 {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 95vh;
}

.image-45 {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  max-width: 100%;
  height: 60px;
  position: absolute;
  inset: 0% 0% auto;
}

.image-45.blog {
  height: 55px;
  display: none;
}

.image-46 {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  height: 50px;
  position: absolute;
  inset: auto 0% 0%;
  transform: rotate(180deg);
}

.g1 {
  background-color: var(--main-color);
  color: var(--white);
}

.g1.p30.background-tctm-mark {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/624ac3ef34ef627d17c23d83_TCTM-mark-G1.svg");
  background-position: -120px 15px;
  background-repeat: no-repeat;
  background-size: auto 230px;
  padding-right: 55px;
}

.g1.p30.background-tctm-mark.relative.ptb40 {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-right: 110px;
}

.g1.p30.background-tctm-mark.relative.ptb40.z-index2 {
  z-index: 2;
}

.g1.p30.background-tctm-mark.sommaire {
  padding: 0;
}

.g1.p30.rounded5 {
  border-radius: 5px;
}

.g1.p20 {
  padding: 20px;
}

.g1.p20.header-box-content {
  width: 55%;
  margin-bottom: 75px;
}

.g1.p20.header-box-content.teasing {
  background-color: var(--white);
  color: var(--main-color);
  margin-bottom: 105px;
  padding-left: 28px;
  padding-right: 28px;
}

.g1.p20.header-box-content.programme {
  width: 60%;
  padding-left: 28px;
  padding-right: 28px;
}

.g1.p20.pt30 {
  padding-top: 30px;
}

.g1.p20.pt30.relative.background-tctm-mark {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/624ac3ef34ef627d17c23d83_TCTM-mark-G1.svg");
  background-position: 105% 135%;
  background-repeat: no-repeat;
  background-size: 125%;
}

.g1.p20.pt30.relative.background-tctm-mark.special {
  display: none;
}

.g1.p20.pt30.background-tctm-mark {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/624ac3ef34ef627d17c23d83_TCTM-mark-G1.svg");
  background-position: -100% -10%;
  background-repeat: no-repeat;
  background-size: auto;
}

.g1.p20.rounded5 {
  border-radius: 5px;
}

.g1.p20.rounded5.display-none {
  display: none;
}

.g1.p15 {
  padding: 15px;
}

.g1.p15.rounded10 {
  border-radius: 10px;
}

.g1.p15.rounded10.full-height {
  cursor: pointer;
  height: 100%;
  text-decoration: none;
}

.g1.p15.full-height {
  height: 100%;
  text-decoration: none;
}

.g1.p15.full-height.cc.v.jext {
  justify-content: space-between;
}

.g1.p15.mrl-40 {
  margin-left: -40px;
  margin-right: -40px;
}

.tcc {
  text-align: center;
}

.column-40, .column-41 {
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
}

.image-47 {
  width: 100%;
}

.image-47.grinta-photo-lp1 {
  object-fit: fill;
  object-position: 100% 50%;
  border-top-right-radius: 10px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 0;
  position: relative;
  left: -10px;
}

.div-block-31 {
  margin-bottom: -20px;
  margin-left: -20px;
  margin-right: -20px;
}

.bw2 {
  color: var(--white);
  text-align: center;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 11px 25px;
  font-size: 16px;
  display: inline-block;
}

.bw2.full {
  width: 100%;
  display: block;
}

.bw2.full.mt-50 {
  margin-top: -50px;
}

.image-48 {
  object-fit: cover;
  object-position: 0% 0%;
  width: 100%;
  height: 300px;
}

.div-block-32 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/605dbd345df9e7e3344b5eb9_GROUPAMA-RP-VERT.png");
  background-position: -50% 0;
  background-repeat: no-repeat;
  background-size: 75%;
  width: 100%;
  height: 300px;
}

.div-block-33 {
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  inset: auto 0% 30px;
}

.text-span-50 {
  font-size: 24px;
}

.text-span-51 {
  color: var(--second-color);
}

.div-block-34 {
  z-index: 0;
  background-color: #f4f4f4;
  height: 50%;
  position: absolute;
  inset: auto 0% 0%;
}

.bv2 {
  border: 1px solid var(--main-color);
  color: var(--main-color);
  background-color: #0000;
  border-radius: 100px;
  padding: 11px 25px;
  font-size: 16px;
}

.g2 {
  background-color: var(--second-color);
  color: var(--white);
}

.g2.rounded10 {
  border-radius: 10px;
}

.g2.rounded10.p30.number-teasing-resume {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 150px;
  display: flex;
}

.g2.rounded10.p20 {
  padding: 20px;
}

.g2.rounded10.p20.cc.v.tenue-colonne-resume {
  z-index: 2;
  text-align: center;
  width: 150px;
  position: absolute;
  inset: 50px auto auto 0%;
}

.column-42 {
  padding-left: 75px;
  position: relative;
}

.slide-6 {
  height: 75vh;
}

.slider-4 {
  width: 95%;
  height: 100%;
  margin-left: auto;
}

.mask-3 {
  height: 70vh;
}

.left-arrow-2, .right-arrow-2 {
  display: none;
}

.image-49 {
  object-fit: cover;
  object-position: 50% 35%;
  width: 100%;
  height: 100%;
}

.column-43 {
  padding-right: 50px;
}

.div-block-35 {
  background-color: var(--orange-e26212);
  width: 100%;
  min-width: 9vw;
  height: 2px;
  margin-left: -10px;
}

.div-block-35.g1 {
  background-color: var(--main-color);
}

.div-block-36 {
  border: 1px dashed var(--main-color);
  width: 100%;
  min-width: 9vw;
  height: 1px;
  margin-left: -10px;
}

.div-block-37 {
  width: 100%;
  height: 100%;
  position: relative;
}

.i38 {
  object-fit: contain;
  width: 38px;
  height: 38px;
  display: none;
}

.i38.display-yes, .i38.big-dot-auvergne-rhone-alpes {
  display: block;
}

.list-club-box-item {
  background-color: var(--g0_2025);
  color: var(--white);
  border-radius: 8px;
  width: 100%;
  margin: 3px;
  padding: 10px;
}

.list-clubs {
  width: 100%;
}

.auvergne-rhone-alpes {
  display: none;
}

.auvergne-rhone-alpes.dynamic-list {
  display: block;
  position: relative;
}

.bourgogne-franche-comt, .bretagne, .centre-val-de-loire, .corse, .grand-est, .hauts-de-france, .ile-de-france, .normandie, .nouvelle-aquitaine, .occitanie, .pays-de-la-loire, .provence-alpes-cote-d-azur, .la-r-union, .mayotte, .guadeloupe, .la-guyane, .martinique {
  display: none;
}

.image-50 {
  width: 100%;
  height: 100%;
}

.hit-box {
  cursor: pointer;
  width: 60px;
  height: 60px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.hit-box.cc.jc.auvergne-rhone-alpes {
  position: static;
  inset: 0%;
}

.hit-box.cc.jc.point-auvergne-rhone-alpe {
  top: 37%;
  left: 55%;
}

.hit-box.cc.jc.point-bourgogne {
  top: 25%;
  left: 60%;
}

.hit-box.cc.jc.point-bretagne {
  top: 16%;
  left: 3%;
}

.hit-box.cc.jc.point-corse {
  top: 58%;
  left: 90%;
}

.hit-box.cc.jc.point-centre-val-loire {
  top: 23%;
  left: 38%;
}

.hit-box.cc.jc.point-grand-est {
  top: 12%;
  left: 60%;
}

.hit-box.cc.jc.point-haut-france {
  top: 3%;
  left: 43%;
}

.hit-box.cc.jc.point-ile-france {
  top: 13%;
  left: 43%;
}

.hit-box.cc.jc.point-normandie {
  top: 11%;
  left: 27%;
}

.hit-box.cc.jc.point-nouvelle-aquitaine {
  top: 41%;
  left: 24%;
}

.hit-box.cc.jc.point-occitanie {
  top: 52%;
  left: 39%;
}

.hit-box.cc.jc.point-pays-loire {
  top: 23%;
  left: 16%;
}

.hit-box.cc.jc.point-provence-alpes {
  top: 50%;
  left: 68%;
}

.hit-box.cc.jc.point-reunion {
  top: 85%;
}

.hit-box.cc.jc.point-mayotte {
  top: 87%;
  left: 87%;
}

.hit-box.cc.jc.point-guadeloupe {
  top: 89%;
  left: 42%;
}

.hit-box.cc.jc.point-guyane {
  top: 75%;
  left: 68%;
}

.hit-box.cc.jc.point-martinique {
  top: 75%;
  left: 22%;
}

.dynamic-list {
  width: 100%;
  display: none;
  position: relative;
}

.next, .previous {
  color: #fff;
  background-color: #0000;
  border-color: #fff;
  border-radius: 100px;
}

.i24 {
  object-fit: contain;
  width: 24px;
  height: 24px;
}

.i24.ml10 {
  margin-right: 10px;
}

.i24.ml10.mt5 {
  margin-top: 5px;
}

.i54 {
  object-fit: contain;
  width: 54px;
  height: 54px;
}

.i54.mr20 {
  margin-right: 20px;
}

.i54.mr20.bg-w1 {
  background-color: var(--white);
  border-radius: 5px;
}

.image-51 {
  z-index: 0;
  width: 100px;
  position: absolute;
  inset: 80px auto auto -90px;
}

.image-51.opacity-40 {
  opacity: .4;
}

.div-block-38 {
  z-index: 2;
  position: relative;
}

.h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Onest, sans-serif;
  font-size: 45px;
  font-weight: 600;
  line-height: 49px;
}

.h3.gothamcondensed {
  margin-top: 0;
  font-family: Gothamcondssm, sans-serif;
  font-weight: 900;
}

.h3.book {
  font-weight: 300;
}

.h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Onest, sans-serif;
  font-size: 54px;
  line-height: 58px;
}

.h2.gothamcondensed {
  margin-top: 0;
  font-family: Gothamcondssm, sans-serif;
  font-weight: 900;
  line-height: 50px;
}

.h2.gothamcondensed.tcc {
  font-weight: 900;
}

.h2.gothamcondensed.capitalize {
  text-transform: uppercase;
}

.bold-text-5 {
  font-weight: 900;
}

.columns-22 {
  margin-left: 0;
  display: block;
  position: relative;
  left: auto;
  right: -10px;
}

.column-44 {
  padding: 10px 25px;
}

.column-45 {
  padding: 10px 50px 10px 0;
}

.image-52 {
  object-fit: cover;
  object-position: 40px 10px;
  width: 57%;
  height: 100%;
  position: absolute;
  inset: 0 0% auto auto;
}

.column-46 {
  padding-left: 0;
  padding-right: 0;
}

.image-53 {
  z-index: -1;
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 60%;
  position: absolute;
  inset: auto 0% 0%;
}

.bold-text-6 {
  font-weight: 900;
}

.slider-5 {
  background-color: #0000;
  height: 100%;
}

.mask-4 {
  min-height: 70vh;
}

.slide-tenues {
  height: 100%;
  min-height: 70vh;
  padding-left: 50px;
  padding-right: 50px;
}

.black3 {
  background-color: #0000001a;
}

.black3.rounded10 {
  border-radius: 10px;
}

.black3.rounded10.p30.relative.plr50 {
  padding-left: 50px;
  padding-right: 50px;
}

.w1 {
  background-color: var(--white);
  color: var(--main-color);
}

.w1.p20 {
  padding: 20px;
}

.image-54 {
  height: 40px;
  position: absolute;
  inset: -20px auto auto 30px;
}

.column-47 {
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.columns-23 {
  height: 100%;
  min-height: 70vh;
  display: flex;
}

.image-55 {
  height: 70vh;
  min-height: 70vh;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.icon-2 {
  margin-left: 0;
  transform: scale(1.5);
}

.icon-3 {
  margin-right: 0;
  transform: scale(1.5);
}

.text-span-52 {
  font-weight: 900;
}

.spacer30-2 {
  width: 100%;
  height: 30px;
}

.spacer10-2 {
  width: 100%;
  height: 10px;
}

.quote-grinta-img {
  position: absolute;
  inset: 80px 30px auto auto;
}

.txs-2 {
  font-size: 12px;
}

.i44 {
  object-fit: contain;
  width: 44px;
  height: 44px;
}

.i44.quote-s4, .i44.mr20 {
  margin-right: 20px;
}

.grinta-img-complet {
  object-fit: cover;
  object-position: 90% 50%;
  border-radius: 0 5px 5px 0;
  width: 100%;
  height: 100%;
}

.grid-7 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-7.t-black {
  color: #101010;
}

.div100 {
  width: 100%;
}

.div100.grinta-grey {
  background-color: #152832;
}

.div100.grinta-grey.t-w1.p50, .div100.w1.p50, .div100.p50 {
  padding: 50px;
}

.div100.p50.rounded-top.grinta-grey {
  color: var(--white);
  background-color: #1b2d37;
}

.columns-24 {
  align-items: stretch;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.txl-2 {
  font-size: 24px;
  line-height: 28px;
}

.txl-2.gteesti {
  font-family: Gt eesti, sans-serif;
}

.image-56 {
  width: 90px;
}

.spacer50-2 {
  width: 100%;
  height: 50px;
}

.tm-2 {
  font-size: 16px;
}

.tm-2.gteesti {
  font-family: Gt eesti, sans-serif;
}

.text-span-68 {
  color: #f83535;
}

.p0 {
  padding: 0;
}

.p0.radiusl5 {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}

.i32-classic {
  object-fit: contain;
  width: 32px;
  height: 32px;
}

.column-48 {
  padding-top: 0;
}

.div-block-40 {
  max-width: 200px;
}

.text-span-69, .text-span-70 {
  color: var(--orange-e26212);
}

.no-wrap {
  white-space: nowrap;
}

.couverture-blog {
  object-fit: cover;
  object-position: 50% 30%;
  width: 100%;
  height: 85vh;
}

.couverture-blog.blog-summary {
  object-fit: cover;
  object-position: 50% 25%;
  height: 72vh;
}

.richtext-opensans {
  color: var(--main-color);
  font-family: Open Sans, sans-serif;
}

.richtext-opensans img {
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 0;
}

.logo-header-blog {
  z-index: 2;
  width: 300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  display: block;
  position: relative;
  bottom: 0;
}

.image-58 {
  width: 400px;
  margin-left: 20px;
}

.div-block-42 {
  background-color: #00000040;
  position: absolute;
  inset: 0%;
}

.div-block-42._2 {
  background-color: #0000001a;
  background-image: linear-gradient(10deg, #0009 34%, #0000 61%);
}

.column-51 {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: sticky;
  top: 30px;
}

.image-59 {
  object-fit: cover;
  object-position: 50% 10%;
  border-radius: 0;
  width: 100%;
  height: 125px;
  margin-bottom: 5px;
}

.section-g1-2025 {
  background-color: var(--g1_2025);
  color: var(--white);
}

.section-g1-2025.ptb30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.collection-list {
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.collection-item {
  width: 33%;
  margin-left: 5px;
  margin-right: 5px;
  padding-left: 0;
  padding-right: 0;
}

.div-block-43 {
  cursor: pointer;
  border-radius: 10px;
  width: 300px;
  height: 540px;
  padding: 0;
  display: none;
  overflow: hidden;
  box-shadow: 0 4px 15px -5px #0003;
}

.background-video-3 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.text-span-71 {
  color: var(--white);
}

.italic-text-3, .italic-text-4 {
  color: var(--main-color);
  text-decoration: underline;
}

.h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Onest, sans-serif;
  font-size: 24px;
  font-weight: 600;
}

.h4.bold {
  font-weight: 900;
}

.section-12 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-span-72 {
  color: #000;
  text-decoration: underline;
}

.slide-7 {
  height: 600px;
}

.slider-6 {
  background-color: #0000;
  height: 100%;
}

.left-arrow-4 {
  width: 50px;
  height: 50px;
  inset: auto auto 0% 0%;
}

.right-arrow-4 {
  width: 50px;
  height: 50px;
  inset: auto 0% 0% auto;
}

.grid-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.success-message-3 {
  background-color: #2a66541a;
  border-radius: 10px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.text-block-18 {
  color: var(--orange-e26212);
}

.image-60 {
  display: none;
}

.bg2-2025 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: var(--g2_2025);
  color: var(--white);
  vertical-align: sub;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  padding: 11px 51px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  display: inline-block;
}

.link-12 {
  color: var(--second-color);
  text-decoration: underline;
}

.image-61 {
  z-index: 2;
  object-fit: contain;
  object-position: 50% 0%;
  border-radius: 6px;
  width: 400px;
  height: 375px;
  position: absolute;
  inset: -75px 0% auto auto;
}

.section-grey {
  background-color: #f4f4f4;
}

.text-span-73 {
  font-size: 28px;
  line-height: 30px;
}

.grid-9 {
  grid-template-columns: 1fr;
  width: 100%;
}

.column-52 {
  padding: 0;
}

.columns-25 {
  border-radius: 20px;
  display: flex;
  overflow: hidden;
}

.columns-25.cc {
  align-items: stretch;
}

.image-62 {
  object-fit: cover;
  object-position: 50% 20%;
  width: 100%;
  height: 100%;
  min-height: 400px;
  display: block;
}

.p20 {
  padding: 20px;
}

.p20.o1 {
  background-color: var(--orange-e26212);
  color: var(--white);
}

.p20.g3 {
  background-color: var(--g3);
}

.image-63 {
  width: 400px;
}

.collection-item-2 {
  padding: 10px;
}

.div-block-44 {
  background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
  background-position: 0 0;
  background-size: auto;
  min-height: 200px;
}

.image-64 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.columns-26 {
  align-items: stretch;
  display: flex;
}

.column-54 {
  padding-left: 0;
  padding-right: 0;
}

.icon-4 {
  background-color: #2a6654cc;
  border-radius: 20px;
}

.div-block-45 {
  background-color: #00000040;
  border-radius: 100%;
  width: 55px;
  height: 55px;
  position: absolute;
  inset: 50% 0% 0%;
}

.div-block-45.right {
  left: auto;
}

.icon-5 {
  position: static;
}

.gothambold {
  font-family: Gotham, sans-serif;
  font-weight: 500;
}

.div-block-46 {
  max-height: 55vh;
  overflow: auto;
}

.box-wrapper {
  min-height: 25px;
  max-height: 55vh;
  margin-bottom: 15px;
  overflow: auto;
}

.box-wrapper.small {
  height: auto;
}

.div-block-47 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6255a0df45110210bb028a22_30052020-HUB_9155%20copie.jpg");
  background-position: 0 0;
  background-size: cover;
  height: 65vh;
  margin-bottom: -25vh;
  position: relative;
}

.div-block-47.s4 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6450c9d8cc93b49aec9a946d_TonClubTonMaillot2023-411.jpg");
}

.form-block-3 {
  margin-bottom: 0;
}

.filter-block {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.tm-3 {
  font-size: 18px;
  line-height: 24px;
}

.tm-3.mr10 {
  margin-right: 10px;
}

.filter-button {
  background-color: var(--orange-e26212);
  color: var(--white);
  border-radius: 8px;
  padding: 8px 12px;
  font-family: Gothamcondssm, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-decoration: none;
}

.filter-button.m5 {
  margin: 5px;
}

.sort-button {
  color: #efe9d5;
  background-color: #1b1e21;
  border-radius: 8px;
  padding: 7px 12px;
  font-size: 13px;
  line-height: 18px;
}

.sort-button.m5 {
  margin: 5px;
}

.collection-item-3 {
  align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
  display: flex;
}

.collection-list-2 {
  grid-column-gap: 5px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.date.sort-category {
  display: none;
}

.category-link.filter-category {
  color: var(--orange-e26212);
}

.map-scroll-box-550 {
  height: 550px;
  overflow: scroll;
}

.body-open-sans {
  color: #101010;
  font-family: Open Sans, sans-serif;
}

.body-open-sans.t-g1 {
  color: var(--main-color);
}

.full-size-section {
  min-height: 100vh;
}

.image-65 {
  width: 25vw;
  margin-bottom: 30px;
}

.background-video-4 {
  z-index: 1;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.background-video-4.mobile-display-none {
  width: 100%;
  display: block;
}

.background-video-4.video-engagement {
  display: block;
}

.img-section {
  color: var(--white);
  background-color: #000;
}

.img-section.full-size-section.relative.cc.s4-teasing-section2 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643d493e84fd5d572652a812_TonClubTonMaillot2023-438.jpg");
  background-position: 100% 100%;
  background-size: cover;
}

.img-section.full-size-section.relative.s4-teasing-s2 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643d493e84fd5d572652a812_TonClubTonMaillot2023-438.jpg");
  background-position: 100% 100%;
  background-size: cover;
  padding-top: 15%;
}

.img-section.full-size-section.relative.s4-teasing-s3 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643d4ce6c3e02d0d8d3dfd54_vtt-teasing.jpg");
  background-position: 100% 10%;
  background-size: cover;
}

.img-section.full-size-section.relative.s4-teasing-s5 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643e68118e83ff8d89b39c7b_TonClubTonMaillot2023-342.jpg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 100%;
}

.img-section.full-size-section.relative.s4-teasing-s6 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643e8120d3a00488c808cc09_TonClubTonMaillot2023-48.jpg");
  background-position: 10% 100%;
  background-repeat: no-repeat;
  background-size: 125%;
}

.img-section.full-size-section.relative.s4-lp1-s1 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6440f3004648deb518b9d551_TonClubTonMaillot2023-346.jpg");
  background-position: 100% 20%;
  background-size: cover;
  flex-direction: row;
  align-items: stretch;
  height: 100vh;
}

.img-section.full-size-section.relative.s4-lp1-s4 {
  height: auto;
  min-height: 70vh;
  max-height: 100%;
}

.img-section.full-size-section.relative.s4-lp2-s1 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/64413c672ce249045d2c681f_TonClubTonMaillot2023-332-modifiee.jpg");
  background-position: 50% 20%;
  background-size: cover;
}

.img-section.full-size-section.relative.s4-annonce {
  background-image: linear-gradient(178deg, #000 3%, #0000 10%), linear-gradient(to right, #000 20%, #0000 51%), linear-gradient(to top, #000 61%, #0000 76%), linear-gradient(#000c, #00000069 5%, #0000 13%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/645a05b433be2c047bf5028d_TonClubTonMaillot2023-168.jpg");
  background-position: 0 0, 0 0, 0 0, 0 0, 100% 0;
  background-repeat: repeat, repeat, repeat, repeat, no-repeat;
  background-size: auto, auto, auto, auto, 90%;
}

.img-section.s4-lp1-s3 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6440f30019ec771c4dcb26a3_TonClubTonMaillot2023-435.jpg");
  background-position: 50% 25%;
  background-size: cover;
  position: relative;
}

.img-section.s1-lp-annonce {
  background-image: linear-gradient(#00000026, #00000026), linear-gradient(to top, #000, #00000080 43%, #0000 85%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/644a3ba38341a4053aa25a0a_TonClubTonMaillot2023-433-min.jpg");
  background-position: 0 0, 0 0, 100% 100%;
  background-size: auto, auto, auto 140%;
}

.div-block-48 {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  min-height: 100vh;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  position: relative;
}

.spacer100 {
  height: 100px;
}

.grid-10 {
  grid-column-gap: 35px;
  color: var(--second-color);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  font-weight: 600;
}

.shadows-full-box {
  z-index: 1;
  position: absolute;
  inset: 0%;
}

.shadows-full-box.section-1-teasing {
  background-image: linear-gradient(to top, #000, #000c 7%, #0000001a 34%, #0000001a);
}

.shadows-full-box.section-2-teasing {
  background-image: radial-gradient(circle at 20% 45%, #000000b3, #00000070 40%, #00000026 52%), linear-gradient(#000, #000000d9 12%, #0000 35%);
}

.shadows-full-box.section-3-teasing {
  background-image: linear-gradient(to top, #000000b5 17%, #0000 31% 47%), linear-gradient(#000c, #000000bf 11%, #0000 43%);
}

.shadows-full-box.section-5-teasing {
  background-image: radial-gradient(circle at 10% 25%, #000000a6 24%, #0000 64%), linear-gradient(to top, #000 20%, #000000e6 43%, #0000 65%);
}

.shadows-full-box.section-6-teasing {
  background-image: linear-gradient(to top, #0000004f 27%, #0000 47%), linear-gradient(#000 19%, #0009 50%, #0000001a 61%);
}

.shadows-full-box.section-3-lp1 {
  background-image: linear-gradient(183deg, #000 7%, #0000 24%);
  display: block;
  position: absolute;
}

.shadows-full-box.section-2-lp1 {
  background-image: linear-gradient(to top, #000 4%, #000000db 28%, #0000);
}

.shadows-full-box.page-engagement {
  background-image: linear-gradient(#111d194f, #111d194f);
}

.shadows-full-box.section-3-lp-annonce {
  background-image: linear-gradient(#000, #0000 23%);
}

.shadows-full-box.s5-video {
  background-image: linear-gradient(90deg, #00000080 30%, #0000004d 46%, #0000 60%);
}

.container1300 {
  max-width: 1300px;
  padding-left: 10px;
  padding-right: 10px;
}

.container1300.z-index-2 {
  z-index: 2;
  position: relative;
}

.container1300.s5-header {
  justify-content: flex-end;
  align-items: center;
  min-height: 100vh;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.image-66 {
  width: 90px;
}

.grid-11 {
  color: var(--second-color);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1.25fr;
  font-weight: 600;
}

.vignette-number-s4 {
  background-color: var(--second-color);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.full-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.columns-27 {
  align-items: stretch;
  display: flex;
}

.column-55 {
  height: 100%;
  padding-right: 0;
}

.column-56 {
  padding-left: 0;
}

.div-block-50 {
  display: flex;
}

.div-block-51 {
  max-width: 75%;
}

.s4-form-field {
  color: var(--white);
  background-color: #1c4438;
  border: 1px #000;
  margin-bottom: 0;
}

.s4-form-field::placeholder {
  color: #fff;
  font-style: italic;
}

.s4-form-label {
  font-size: 18px;
  line-height: 24px;
}

.s4-checkbox {
  background-color: #1c4438;
  border-color: #00000080;
  width: 20px;
  min-width: 20px;
  height: 20px;
  margin-right: 10px;
}

.s4-checkbox.w--redirected-checked {
  background-color: var(--second-color);
  background-size: 14px;
  border-color: #00000080;
}

.checkbox-field-5 {
  align-items: center;
  font-size: 14px;
  display: flex;
}

.image-67 {
  position: absolute;
  inset: auto auto 0% 0%;
}

.linkw1 {
  color: var(--white);
}

.linkw1.mr10 {
  margin-right: 10px;
}

.image-68 {
  width: 300px;
}

.i32 {
  object-fit: contain;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

.div-block-52 {
  height: 500px;
  overflow: scroll;
}

.map-list-container-s4 {
  width: 100%;
  height: 550px;
  padding-bottom: 30px;
  position: relative;
  overflow: scroll;
}

.div-block-53 {
  background-color: var(--main-color);
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643e62b848f56a5cb7e216a2_Favicon-bg-fade.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 25vw;
  min-width: 350px;
  height: 100%;
  margin-left: 10vw;
  display: flex;
}

.o1 {
  background-color: var(--orange-e26212);
  color: var(--white);
}

.p15 {
  padding: 15px;
}

.p15.o1.mr20, .p15.g1.mr20 {
  margin-right: 20px;
}

.t-o1 {
  color: var(--orange-e26212);
}

.column-57 {
  display: flex;
}

.columns-28 {
  align-items: center;
  display: flex;
}

.column-58 {
  padding-right: 50px;
}

.column-59 {
  padding-left: 50px;
}

.grid-13 {
  grid-template-rows: auto;
}

.linkg2 {
  color: var(--second-color);
  font-size: 16px;
}

.image-70 {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 260px;
}

.div-block-54 {
  background-color: var(--main-color);
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  display: flex;
}

.linkg1 {
  color: var(--main-color);
  font-size: 16px;
}

.s4-tabbar {
  z-index: 5;
  background-color: var(--main-color);
  color: var(--white);
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/644007952c1fcb70fc459a4a_tabbar-shape.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  position: sticky;
  bottom: 0;
  box-shadow: 0 0 10px -2px #00000040;
}

.slider-cycling-sports {
  background-color: #000;
  width: 100%;
  height: 100vh;
}

.mask-6 {
  width: 100%;
  height: 100%;
}

.div-block-55 {
  background-color: var(--main-color);
  width: 50%;
  padding: 50px 10% 50px 50px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.div-block-55.lp2 {
  padding: 0;
}

.slide-8 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6440f8429df86e7f1af037fc_TonClubTonMaillot2023-348%20copie.jpg");
  background-position: 100%;
  background-size: cover;
  position: relative;
}

.slide-nav-5 {
  inset: auto 41.5% 110px auto;
  transform: scale(.75);
}

.slide-nav-5.lp2 {
  bottom: 200px;
  right: 42%;
}

.left-arrow-5 {
  width: 44px;
  height: 44px;
  inset: auto 115px 50px auto;
}

.right-arrow-5 {
  width: 44px;
  height: 44px;
  inset: auto 75px 50px auto;
}

.slide-9 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/644135f81bfb75651dd8be95_TonClubTonMaillot2023-210.jpg");
  background-position: 50% -20%;
  background-size: cover;
  transform: none;
}

.grid-14 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-position: 100% 0%;
  grid-template-rows: auto;
  grid-template-columns: .4fr .6fr 1fr;
  height: auto;
  min-height: 70vh;
  max-height: 90vh;
}

.div-block-56 {
  background-color: var(--g3);
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643e62b848f56a5cb7e216a2_Favicon-bg-fade.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  height: auto;
  min-height: 70vh;
  padding: 50px;
}

.div-block-56.relative.bloc-3 {
  background-color: var(--g3);
  background-image: none;
  padding-right: 15%;
}

.div-block-56.relative.bloc-3.lp2 {
  height: 100%;
}

.image-71 {
  object-fit: cover;
  height: 100%;
  max-height: 90vh;
}

.image-71._2 {
  object-position: 65% 50%;
}

.slide-10 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6440f2fe6b79b5bc3b0e58e7_TonClubTonMaillot2023-69.jpg");
  background-position: 0%;
  background-size: cover;
}

.slide-11 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6440f2fe71a6694a9937d6b2_TonClubTonMaillot2023-100.jpg");
  background-position: 0%;
  background-size: cover;
}

.div-block-57 {
  background-image: linear-gradient(to top, #000, #0000);
  height: 30px;
  position: absolute;
  inset: auto 0% 0;
}

.div-block-57.w1-gradient {
  background-image: linear-gradient(0deg, #fff, #fff0);
}

.image-72 {
  object-fit: cover;
  width: 50%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% 50%;
}

.grid-15 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
}

.div-block-58 {
  width: 50%;
}

.summary-jersey {
  height: 100%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.summary-jersey.purple {
  right: 75px;
}

.image-73 {
  object-fit: contain;
  width: 33%;
  height: 100%;
  margin-left: 5%;
}

.image-73.larger {
  width: 38%;
}

.slider-jersey-part {
  z-index: 2;
  background-image: linear-gradient(to right, #000c 20%, #0000), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/64413e387b9bca7a740bbc43_TonClubTonMaillot2023-319.jpg");
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
  width: 100%;
  height: 100vh;
}

.slider-jersey-part.lp-annonce {
  background-image: linear-gradient(#000000eb, #0000 10%), linear-gradient(to right, #000c 20%, #0000), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/64413e387b9bca7a740bbc43_TonClubTonMaillot2023-319.jpg");
  background-position: 0 0, 0 0, 100% 0;
  background-size: auto, auto, cover;
}

.div-block-59 {
  padding: 50px;
}

.div-block-59.g3 {
  background-color: var(--g3);
  min-height: 260px;
  padding-top: 75px;
  padding-right: 30%;
}

.grid-16 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.image-74 {
  width: 75px;
  margin-top: -5px;
  margin-left: 5px;
}

.link-13 {
  color: var(--white);
  text-decoration: none;
}

.s4-success {
  text-align: center;
  background-color: #183d32;
  padding: 50px;
}

.text-block-19 {
  color: #c00003;
}

.no-caps {
  text-transform: capitalize;
}

.div-block-60 {
  background-image: linear-gradient(to top, #000000e0 40%, #0000 79%);
  align-items: flex-end;
  padding-bottom: 15%;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: absolute;
  inset: 0%;
}

.link-14 {
  color: var(--white);
}

.section-g3 {
  background-color: var(--g3);
  color: var(--white);
}

.section-g3.bg-logo-tctm {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643e62b848f56a5cb7e216a2_Favicon-bg-fade.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto 300px;
}

.section-g3.overview-none {
  overflow: hidden;
}

.heading-7 {
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-61 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 90vh;
  padding-bottom: 10vh;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.div-block-62 {
  padding-left: 15px;
  padding-right: 15px;
}

.tablet-display-on {
  display: none;
}

.nw {
  white-space: nowrap;
}

.display-none {
  display: none;
}

.grid-17 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.s4-achat-club-header {
  background-image: linear-gradient(185deg, #0009 5%, #0000 39%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6440f2fe71a6694a9937d6b2_TonClubTonMaillot2023-100.jpg");
  background-position: 0 0, 50% 10%;
  background-size: auto, cover;
  min-height: 80vh;
  margin-top: -15vh;
  margin-bottom: -20vh;
}

.s5-label-form {
  color: var(--white);
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 22px;
}

.s5-label-form.fit {
  display: inline-block;
}

.section-g4 {
  background-color: var(--g4);
  color: var(--white);
}

.section-g4.bg-favicon {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643e62b848f56a5cb7e216a2_Favicon-bg-fade.svg");
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: auto 110%;
}

.section-g4._90vh {
  min-height: 90vh;
}

.s5-form-input {
  color: var(--white);
  background-color: #ffffff1a;
  border: 1px #000;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  font-family: Open Sans, sans-serif;
}

.s5-form-input::placeholder {
  color: #ffffffbf;
  font-style: italic;
  font-weight: 300;
}

.s5-form-input.text-area {
  min-height: 300px;
}

.s5-form-text {
  color: var(--white);
  font-family: Open Sans, sans-serif;
  font-weight: 300;
}

.image-75 {
  height: 50%;
  position: absolute;
  inset: auto 15% 15% auto;
}

.image-75.left {
  left: 10%;
  right: auto;
}

.image-76 {
  width: 50px;
}

.cell {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

.cell-2 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
}

.quick-stack {
  padding: 0;
}

.footer {
  color: var(--white);
  background-color: #0d2820;
}

.s5-form {
  z-index: 2;
  margin-top: 0;
  margin-bottom: -35px;
  position: relative;
}

.s5-check {
  background-color: #0000001a;
  border-radius: 2px;
  width: 18px;
  min-width: 18px;
  height: 18px;
  min-height: 18px;
  margin-top: 2px;
  margin-right: 10px;
}

.s5-check.w--redirected-checked {
  background-color: #0d2820;
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6601a191428bb6f9b3c7c0ca_check-white.svg");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border-style: none;
  border-width: 5px;
  border-radius: 2%;
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.cell-3, .cell-4 {
  display: block;
}

.quick-stack-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding: 0;
}

.s5-h2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 44px;
  font-weight: 300;
  line-height: 48px;
}

.s5-h2.tjl {
  text-align: left;
}

.black {
  font-weight: 900;
}

.cell-5, .cell-6 {
  display: block;
}

.html-embed-6 {
  margin-top: -20px;
}

.s5-header-teasing {
  background-color: var(--g4);
  background-image: linear-gradient(270deg, #092920 20%, #092920ab 30%, #09292000 45%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662622feb1e1883f94a24fab_TonClubTonMaillot2023-404.jpg");
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.s5-header-teasing.s5-landing2 {
  background-image: linear-gradient(270deg, #092920 20%, #092920ab 30%, #09292000 45%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662b626942758e890ebe0c1e_TonClubTonMaillot2023-header-2%20(1).jpg");
  background-position: 0 0, 100% 20%;
}

.s5-header-teasing.landing1-header {
  background-image: linear-gradient(270deg, #092920 20%, #092920ab 30%, #09292000 45%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662a6ceee6af3485bc03724d_TonClubTonMaillot2023-21-2.jpeg");
  background-position: 0 0, 0 10%;
}

.s5-header-box {
  background-color: var(--white);
  color: var(--main-color);
  text-align: center;
  border-radius: 12px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: 50px;
  padding: 20px 35px 0;
  display: flex;
}

.image-77 {
  width: 100%;
}

.image-77.desktop {
  width: 108%;
  max-width: 400px;
  margin-top: -10px;
  margin-left: -20px;
  margin-right: -20px;
}

.image-78 {
  display: none;
}

.quick-stack-3 {
  grid-column-gap: 130px;
  grid-row-gap: 130px;
  padding: 0;
}

.cell-7 {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.quick-stack-4 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
}

.quick-stack-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--main-color);
  color: var(--white);
  padding: 0;
}

.cell-8 {
  justify-content: center;
  align-items: flex-start;
  padding: 50px;
}

.div-block-63 {
  width: 100%;
  height: 100%;
  position: relative;
}

.image-79 {
  object-fit: contain;
  object-position: 100% 100%;
  width: 100%;
  height: 100%;
}

.image-80 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.book {
  font-weight: 300;
}

.quick-stack-6 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  padding: 0;
}

.cell-9 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--second-color);
  justify-content: flex-start;
  align-items: center;
}

.image-81 {
  width: 100px;
}

.quick-stack-7 {
  grid-column-gap: 135px;
  grid-row-gap: 135px;
}

.s5-big-img-footer {
  background-color: #123d30;
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662771aa5b18c62087ea8ff3_Gravel-cycle-footer.jpg");
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.s5-big-img-footer.small {
  background-position: 100% 30%;
  background-size: 80%;
}

.image-82 {
  width: 35%;
  display: block;
}

.s5-quote-section {
  color: var(--white);
  padding-top: 175px;
  padding-bottom: 175px;
}

.s5-quote-section.quote1 {
  background-image: linear-gradient(180deg, var(--g4) 5%, #123d30b3 11%, #123d3000 16%), linear-gradient(270deg, #131a15e6 9%, #131a15cc 39%, #131a1500 55%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627b6b4cf7bffa50d1410ec_quote-1-desktop.jpg");
  background-position: 0 0, 0 0, 55% 0;
  background-repeat: repeat, repeat, repeat;
  background-size: auto, auto, cover;
}

.s5-quote-section.quote1.no-gradient {
  background-image: linear-gradient(270deg, #131a15e6 9%, #131a15cc 39%, #131a1500 55%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627b6b4cf7bffa50d1410ec_quote-1-desktop.jpg");
  background-position: 0 0, 55% 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
}

.s5-quote-section.quote2 {
  background-image: linear-gradient(270deg, #131a15e6 5%, #131a1599 40%, #131a1500 60%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627b26a82deda958bcf5fca_quote-2-desktop.jpg");
  background-position: 0 0, 75% 0;
  background-size: auto, cover;
}

.s5-quote-section.quote3 {
  background-image: linear-gradient(270deg, #131a15b3 12%, #131a1599 33%, #131a1500 58%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627b26a82deda958bcf5fca_quote-2-desktop.jpg");
  background-position: 0 0, 100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.s5-quote-section.quote4 {
  background-image: linear-gradient(280deg, #131a15a6 21%, #131a158c 39%, #131a1500 53%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662f558bb795319919f587d5_QUOTE-4-DESKTOP-2.jpg");
  background-position: 0 0, 50% 20%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.s5-quote-section.quote-5 {
  background-image: linear-gradient(90deg, #131a15bf 22%, #131a1580 36%, #131a1500 46%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662f5b1fc4142b4d81720a03_TonClubTonMaillot2023-335.jpg");
  background-position: 0 0, 50% 25%;
  background-size: auto, cover;
}

.div-block-64 {
  text-align: right;
  width: 47%;
  margin-left: auto;
}

.div-block-64.jl {
  text-align: left;
  margin-left: 0;
}

.quick-stack-8 {
  padding: 0;
}

.s5-tabbar {
  z-index: 10;
  background-color: var(--g0_2025);
  display: none;
  position: sticky;
  bottom: 0;
}

.cell-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.success-message-4 {
  background-color: var(--main-color-10);
  text-align: left;
  width: 100%;
  padding: 50px;
}

.quick-stack-9 {
  padding: 10px 0 0;
}

.s5-engagement-box {
  background-color: #2a66541a;
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.s5-engagement-img {
  object-fit: cover;
  width: 35%;
  height: auto;
  display: block;
}

.s5-engagement-img.mobile {
  display: none;
}

.cell-11 {
  display: block;
}

.s5-engagement-text-box {
  flex-flow: column;
  justify-content: space-between;
  width: 70%;
  height: 100%;
  padding: 30px;
  display: flex;
}

.golden-ticket-holder {
  background-color: var(--white);
  color: var(--main-color);
  display: flex;
  position: relative;
}

.golden-ticket-picture {
  object-fit: cover;
  width: 25%;
}

.golden-ticket-text-box {
  color: var(--g4);
  width: 65%;
  padding: 50px;
}

.image-83 {
  max-width: 20%;
  position: absolute;
  inset: 30px 30px auto auto;
}

.s5-dotation-holder {
  background-color: var(--g4);
  color: var(--white);
  display: flex;
}

.s5-dotation-holder.v {
  flex-flow: column;
}

.s5-dotation-picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.s5-dotation-text-holder {
  background-color: var(--g4);
  color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  padding: 0 0 30px;
  display: flex;
}

.p40-30 {
  padding: 30px 40px;
}

.p40-30.pb0 {
  padding-bottom: 0;
}

.p40-30.pl84 {
  padding-left: 84px;
}

.p40-30.g3 {
  background-color: var(--g3);
}

.quick-stack-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--g4);
  color: var(--white);
  padding: 0;
}

.s5-bg-video {
  color: var(--white);
  position: relative;
}

.div-block-65 {
  z-index: 5;
  text-align: left;
  width: 45%;
  position: relative;
}

.s5-resume-row {
  background-color: var(--g4);
  color: var(--white);
  align-items: stretch;
  width: 100%;
  margin-bottom: 15px;
  text-decoration: none;
  display: flex;
}

.quick-stack-11 {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  padding: 0;
}

.cell-12 {
  display: block;
}

.div-block-66 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-66.p10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.quick-stack-12 {
  padding: 0;
}

.s5-vignette {
  background-color: var(--second-color);
  color: var(--white);
  justify-content: center;
  align-items: center;
  width: 24px;
  min-width: 24px;
  height: 24px;
  min-height: 24px;
  margin-top: 6px;
  font-weight: 700;
  display: flex;
}

.s5-vignette.center {
  margin-left: auto;
  margin-right: auto;
}

.quick-stack-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.cell-13 {
  display: block;
}

.mask-7, .slider-7 {
  height: 100%;
}

.s5-slider-img {
  object-fit: cover;
  object-position: 90% 0%;
  width: 100%;
  height: 100%;
}

.right-arrow-6, .left-arrow-6 {
  display: none;
}

.quick-stack-14 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.html-embed-7 {
  width: 100%;
  padding: 10px 30px;
}

.html-embed-7.mb-20 {
  margin-bottom: -20px;
}

.column-60 {
  background-color: var(--g1_2025);
  color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px;
  display: flex;
}

.quick-stack-15, .quick-stack-16 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.div-block-67 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--g4);
  color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 25px 30px;
  display: flex;
}

.div-block-68 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.s5-header-annonce {
  background-image: linear-gradient(270deg, #0000007d 32%, #0000 60%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627b6b4cf7bffa50d1410ec_quote-1-desktop.jpg");
  background-position: 0 0, 0 20%;
  background-size: auto, cover;
}

.image-86 {
  width: 400px;
  margin-left: auto;
  margin-right: 50px;
  display: block;
}

.image-87, .div-block-69 {
  object-fit: contain;
  width: 100%;
  height: 80vh;
}

.reward-svg-embed {
  object-fit: contain;
  width: 100%;
  max-width: 120vh;
  margin-left: auto;
  margin-right: auto;
}

.reward-svg-embed.overlay {
  position: absolute;
  inset: 0%;
}

.image-88, .image-89 {
  position: absolute;
}

.image-89.jersey-shadows {
  left: 1px;
}

.body-onest {
  color: var(--g4);
  font-family: Onest, sans-serif;
}

.quick-stack-17 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.cell-14 {
  background-color: var(--g3);
  color: var(--white);
  justify-content: flex-start;
  align-items: flex-start;
  padding: 100px 30px;
}

.image-90 {
  width: 200px;
}

.cell-15 {
  padding: 50px 70px;
}

.s6-form-label {
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}

.s6-form-label.fit {
  display: inline-block;
}

.s6-form-text {
  font-size: 15px;
  font-weight: 400;
}

.s6-checkbox {
  display: flex;
}

.s6-form-input {
  border: 1px solid var(--g0_2025);
  color: var(--black);
  background-color: #0040280d;
  border-radius: 3px;
  width: 100%;
  height: 50px;
  margin-bottom: 15px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 16px;
}

.s6-form-input::placeholder {
  color: #2222224d;
}

.s6-form-input.text-aera {
  min-height: 300px;
}

.s6-form-input.maillot {
  display: block;
}

.column-61, .column-62, .column-63, .column-64, .column-65, .column-66, .column-67, .column-68 {
  padding: 0;
}

.s6-ty-img {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/680b9001ed9efaa02937d12e_PBProd-11.jpg");
  background-position: 50%;
  background-size: cover;
  height: 55vh;
}

.s6-ty-logo {
  width: 200px;
  margin-bottom: 30px;
  margin-left: -15px;
}

.sectiong0-2025 {
  background-color: var(--g0_2025);
  color: var(--white);
}

.sectionc1-2025 {
  background-color: var(--c1_2025);
  color: var(--g1_2025);
}

.spacer24 {
  height: 24px;
}

.spacer70 {
  height: 70px;
}

.spacer56 {
  height: 56px;
}

.s6-footer-img {
  background-image: linear-gradient(270deg, #00402866 24%, #00402800 48%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681489ffc35acc3e6cecd1cc_PBProd-72.jpg");
  background-position: 0 0, 50% 25%;
  background-size: auto, cover;
}

.s6-footer-img.lp-recrutement {
  background-image: linear-gradient(270deg, #00402866 24%, #00402800 48%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681daea1787170549456e533_s6-footer-picture.jpg");
  background-position: 0 0, 50% 35%;
}

.quick-stack-18 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.s6-logo-footer {
  width: 100%;
}

.sectionw1.t-g1-2025 {
  color: var(--g1_2025);
}

.quick-stack-19 {
  padding: 0;
}

.s6-form-teasing-box {
  background-color: var(--c1_2025);
  border-radius: 30px;
  width: 100%;
  padding: 56px;
}

.s6-form-teasing-box.carrousel {
  padding: 44px 44px 24px;
}

.spacer40 {
  height: 40px;
}

.quick-stack-20 {
  grid-row-gap: 9px;
  padding: 0;
}

.s6-teasing-picture {
  object-fit: cover;
  border-radius: 30px;
  width: 100%;
  height: 100%;
}

.spacer32 {
  height: 32px;
}

.quick-stack-21 {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  padding: 0;
}

.s6_number {
  color: var(--g3_2025);
  white-space: nowrap;
  font-size: 82px;
  font-weight: 600;
  line-height: 90px;
}

.s6-numbers {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.s6-numbers.t-g1-2025 {
  color: var(--g1_2025);
}

.s6-teasing-quote-box {
  color: var(--g0_2025);
  background-image: linear-gradient(90deg, #f6f9eed9 22%, #f6f9eecc 41%, #f6f9ee00 58%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6814822e67707d3507c70d8e_teasing-desktop-PBProd-105.jpg");
  background-position: 0 0, 0%;
  background-size: auto, cover;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  padding: 100px 56px;
}

.image-91 {
  width: 50px;
}

.div-block-71 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.s6-div50-intro {
  width: 50%;
}

.s6-teasing-intro-box {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.spacer8 {
  height: 8px;
}

.quick-stack-22 {
  padding: 0;
}

.cell-16 {
  color: var(--g2_2025);
  justify-content: flex-start;
  align-items: flex-start;
}

.text-block-20 {
  color: var(--g2_2025);
  white-space: nowrap;
  font-size: 64px;
  font-weight: 600;
  line-height: 70px;
}

.text-block-20.t-g1-2025 {
  color: var(--g1_2025);
}

.spacer16 {
  height: 16px;
}

.quick-stack-23 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  padding: 0;
}

.quick-stack-24 {
  padding: 0;
}

.div-block-72 {
  width: 100%;
  height: 100%;
  position: relative;
}

.green-circle-g3 {
  background-color: var(--g3_2025);
  color: var(--g1_2025);
  text-align: center;
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  padding: 30px;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.div-block-73 {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681480f7e726b56d048f9695_PBProd-43.jpg");
  background-position: 50%;
  background-size: cover;
  border-radius: 100%;
  width: 650px;
  height: 650px;
  position: absolute;
  inset: auto auto 0% 125px;
}

.s6-header {
  color: var(--white);
  flex-flow: column;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.s6-header.lp-recrutement {
  background-image: radial-gradient(circle at 50% -200px, #ffffffd9 19%, #fff0 33%), linear-gradient(#0c6e4600 44%, #0b5135bf 72%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681dc985ba51b5a096504a9c_PBProd-105%20(1).jpg");
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.image-92 {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
}

.div-block-74 {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.container700 {
  max-width: 700px;
  padding-left: 10px;
  padding-right: 10px;
}

.i16 {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.i16.ml5 {
  margin-left: 5px;
  margin-right: 0;
}

.flex-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
}

.background-video-5 {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-75 {
  z-index: 2;
  position: relative;
}

.div-block-76 {
  z-index: 1;
  background-image: linear-gradient(0deg, var(--g1_2025), #0a6e4633 55%, #0a6e4600);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.bo1-2025 {
  background-color: var(--o1_2025);
  color: var(--white);
  text-align: center;
  border-radius: 8px;
  padding: 14px 32px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}

.s6-teasing-succed {
  background-color: var(--g3_2025);
  border-radius: 10px;
  padding-top: 32px;
  padding-bottom: 32px;
  font-size: 18px;
}

.div-block-77 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: none;
}

.div-block-78, .code-embed {
  width: 100%;
}

.quick-stack-25 {
  color: var(--white);
  padding: 0;
}

.s6-par-passion-box {
  background-color: var(--g0_2025);
  border-radius: 20px;
}

.s6-par-passion-box.text-holder {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 30px;
}

.s6-par-passion-box.text-holder.c1 {
  background-color: var(--c1_2025);
  color: var(--g0_2025);
}

.s6-par-passion-box.text-holder.g1 {
  background-color: var(--g1_2025);
}

.s6-par-passion-box.banner-picture {
  background-image: linear-gradient(#0c6e4600 35%, #084b308c 70%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681db2c56d55d9ea2600552d_DSC_8411%20(1).jpg");
  background-position: 0 0, 50% 25%;
  background-size: auto, cover;
}

.s6-par-passion-box.calendar-picture {
  background-color: #f8f8f8;
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681dc0f228fd38a2b1bca949_calendar-picture3.jpg");
  background-position: 0%;
  background-size: 105%;
  padding: 56px;
}

.s6-par-passion-box.personnalisation-tenue {
  background-image: linear-gradient(0deg, #022719b3 15%, #02271900 65%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681db8bad7b4620349450dbc_quote-picture.jpg");
  background-position: 0 0, 50% 65%;
  background-size: auto, cover;
}

.s6-par-passion-box.personnalisation-tenue.selection-taille {
  background-image: linear-gradient(0deg, #022719b3 15%, #02271900 65%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/680b9001ed9efaa02937d12e_PBProd-11.jpg");
}

.s6-par-passion-box.engagement-picture {
  background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681db8bad7b4620349450dbc_quote-picture.jpg");
  background-position: 0 100%;
  background-size: 175%;
}

.linkg2-2025 {
  color: var(--g2_2025);
  font-size: 16px;
}

.div-block-79 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 350px;
  padding-top: 150px;
  display: flex;
}

.div-block-80 {
  background-color: var(--g2_2025);
  border-radius: 100%;
  width: 100px;
  height: 100px;
  margin-right: -50px;
}

.s6-dot-numerotation {
  background-color: var(--g2_2025);
  color: var(--white);
  border-radius: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
  display: flex;
}

.s6-dot-numerotation.color-g1 {
  background-color: var(--g1_2025);
}

.s6-testimonial-section {
  color: var(--white);
  background-image: linear-gradient(270deg, #0c6e46a6 40%, #0c6e4600 60%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681db8bad7b4620349450dbc_quote-picture.jpg");
  background-position: 0 0, 50% 75%;
  background-size: auto, cover;
}

.quick-stack-26 {
  padding: 75px 0;
}

.image-93 {
  object-fit: contain;
  width: 75px;
  height: 75px;
  margin-left: auto;
  margin-right: auto;
}

.t-g2-2025 {
  color: var(--g2_2025);
}

.s6-calendar-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--g1_2025);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.s6-calendar-row.active {
  color: var(--g2_2025);
  justify-content: flex-start;
  align-items: center;
}

.div-block-81 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.tabs-menu-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  padding-bottom: 24px;
  display: flex;
}

.s6-dotation-tab-link {
  color: var(--white);
  background-color: #0040284d;
  border-radius: 50px;
  padding-left: 21px;
  padding-right: 21px;
  font-size: 16px;
  transition: all .325s cubic-bezier(.55, .055, .675, .19);
  overflow: hidden;
}

.s6-dotation-tab-link:hover {
  background-color: var(--g3_2025);
  color: var(--g0_2025);
}

.s6-dotation-tab-link.w--current {
  background-color: var(--g3_2025);
  color: var(--g0_2025);
  padding: 10px 22px;
  font-weight: 600;
  overflow: visible;
}

.s6-tab-arrow {
  height: 7px;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% -7px;
}

.quick-stack-27 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--g0_2025);
  border-radius: 20px;
  padding: 0;
  overflow: hidden;
}

.cell-18 {
  padding: 40px;
}

.image-94 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 500px;
}

.image-95 {
  max-width: 15%;
}

.text-block-21 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  line-height: 22px;
}

.div-block-82 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cell-19 {
  display: block;
}

.quick-stack-28 {
  padding: 0;
}

.linkg0_2025 {
  color: var(--g0_2025);
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}

.div-block-83 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--black);
  justify-content: flex-start;
  align-items: center;
  margin-top: -16px;
  margin-bottom: 10px;
  font-style: italic;
  display: flex;
}

.code-embed-2, .code-embed-3, .code-embed-4, .code-embed-5, .code-embed-6, .code-embed-7 {
  flex: 1;
}

.code-embed-8 {
  display: block;
}

.code-embed-9, .code-embed-10, .code-embed-11 {
  flex: 1;
}

.cell-20, .cell-21 {
  justify-content: flex-start;
  align-items: center;
}

.div-block-84 {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quick-stack-29 {
  margin-top: 20px;
  padding: 0;
}

.quick-stack-30 {
  padding: 0;
}

.div-block-86 {
  background-color: var(--grey-f9f9f9);
  opacity: 1;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 5px;
  display: inline-block;
  box-shadow: 0 0 8px -1px #00000040;
}

.s6-annonce-link-nav {
  background-color: var(--g3_2025);
  color: var(--g1_2025);
  border-radius: 100px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px 14px;
  font-weight: 500;
  text-decoration: none;
}

.s6-annonce-link-nav.w--current {
  background-color: var(--g1_2025);
  color: var(--white);
}

.s6-stickynavbawinner {
  z-index: 10;
  justify-content: center;
  align-items: center;
  margin-top: -150px;
  margin-bottom: 100px;
  display: flex;
  position: sticky;
  top: 0;
}

@media screen and (min-width: 1920px) {
  .footer-grinta.mentions {
    padding-top: 4vh;
    padding-bottom: 4vh;
  }

  .header {
    min-height: 100vh;
    padding-bottom: 2vh;
  }

  .header.half-header.saison-1.teasing {
    min-height: 50vh;
  }

  .header.lp-gagnants {
    min-height: 80vh;
  }

  .header-second-row, .header-second-row.lp-1-2 {
    height: 60vh;
    min-height: 60vh;
  }

  .header-second-row.lp-gagnants {
    height: 45vh;
    min-height: 45vh;
  }

  .header-text-box.half-header {
    width: 35vw;
  }

  .text-onest-55.bigger {
    font-size: 80px;
    line-height: 100px;
  }

  .image-2 {
    width: 24vw;
    bottom: -2.5vh;
  }

  .ton-club-ton-maillot-teasing {
    padding-top: 3vh;
    padding-bottom: 4vh;
  }

  .img-box-header {
    height: 88vh;
  }

  .img-box-header.lp-gagnants, .img-container-rotate {
    height: 75vh;
  }

  .img-container-rotate.lp-gagnants {
    height: 60vh;
  }

  .img-header {
    height: 80vh;
  }

  .img-header.lp-gagnants {
    background-position: 50%;
    background-size: auto 110%;
    height: 65vh;
  }

  .groupama-soutient-img-container {
    height: 50vh;
  }

  .img-gropama-soutient {
    background-position: 100% 65%;
    background-size: 150%;
  }

  .img-gropama-soutient._2nd {
    background-position: 45% 20%;
    background-size: 80%;
  }

  .videos {
    padding-top: 10vh;
  }

  .green-path-rotate {
    padding-bottom: 15vh;
  }

  .green-path-rotate.largger {
    padding-top: 12vh;
  }

  .videos-groupama-1 {
    padding: 0 0 100px;
  }

  .column-7 {
    padding-right: 100px;
  }

  .text-gotham-180 {
    line-height: 20px;
  }

  .columns-2 {
    align-items: center;
    display: flex;
  }

  .image-3 {
    width: 12em;
    top: 1em;
    right: 10em;
  }

  .container-1500 {
    max-width: 1500px;
  }

  .column-8, .column-9 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .column-10 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .summary-picture {
    background-position: 30% 30%;
  }

  .summary-picture.saison-1 {
    background-position: 50% 30%;
  }

  .header-half-size-text-box {
    width: 65vw;
  }

  .header-big-logo {
    width: 30vw;
  }

  .actforsport-footer {
    width: 20vw;
  }

  .actforsport-logo {
    width: 5vw;
    padding: 25px 0;
  }

  .lp-1-tonclubtonmaillot-presentation {
    margin-top: -5vh;
    padding-top: 5vh;
    padding-bottom: 10vh;
  }

  .slider-lp-1-rotate {
    height: 45vh;
  }

  ._3d-jersey-img {
    height: 60vh;
  }

  .slider-container {
    margin-top: 100px;
  }

  .schema-lp-1 {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .schema-lp-1.saison-1 {
    height: 45vh;
    min-height: 90%;
  }

  .schema-lp-1.saison-1.engagement {
    width: 400px;
    height: auto;
    margin-right: auto;
  }

  .column-12 {
    min-height: 45vh;
  }

  .schema-3-row {
    justify-content: space-around;
  }

  .schema-3-row-col-1 {
    width: 35%;
  }

  .schema-3-row-col-1.saison-1, .columns-6 {
    width: 40%;
  }

  .planning-lp-1 {
    padding-bottom: 25vh;
  }

  .planning-bulle {
    width: 3vw;
    height: 3vw;
  }

  .planning-line {
    top: 1.5vw;
  }

  .resume-programme {
    padding-bottom: 8vh;
  }

  .resume-programme.lp-2 {
    margin-top: -5vh;
    padding-top: 3vh;
  }

  .resume-icon {
    width: 18%;
    margin-right: 2%;
  }

  .image-7 {
    width: 35%;
  }

  .experience-expectionnelle {
    padding-top: 20vh;
    padding-bottom: 8vh;
  }

  .div-block-9 {
    width: 18vw;
    height: 60vh;
    margin-left: 2vw;
  }

  .content-section {
    margin-top: 0;
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .content-box {
    max-width: 950px;
  }

  .full-picture {
    height: 35vh;
  }

  .soutient-saison-1-picture {
    height: 250px;
  }

  .saison-1-lp-1-presentation {
    max-width: 1100px;
  }

  .slider-saison-1-lp1 {
    height: 45vh;
  }

  .image-21 {
    height: 50vh;
  }

  .saison-1-col-slider-container {
    justify-content: center;
    display: flex;
  }

  .image-27.ailes {
    max-width: 650px;
  }

  .left-col-reward {
    padding-top: 100px;
    padding-left: 80px;
    padding-right: 80px;
  }

  .img-box {
    padding-top: 100px;
  }

  .jersey-box {
    left: -5vw;
  }

  .div-block-22 {
    width: 50vw;
    padding-left: 10vw;
  }

  .background-video-2 {
    height: 50vh;
  }

  .saison-1-tesing-text-header {
    width: 40vw;
  }

  .image-34 {
    object-fit: cover;
    width: 100%;
    max-height: 400px;
  }

  .image-35 {
    text-align: right;
    object-fit: cover;
    width: 100%;
    max-height: 400px;
  }

  .column-36 {
    text-align: right;
  }

  .section-w1.ptb50.background-road-way {
    background-position: 50% 0;
  }

  .section-w1.bg-grey-circle {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    display: block;
  }

  .image-38.c {
    width: 475px;
  }

  .container1200 {
    max-width: 1500px;
  }

  .container1200.blog-head {
    padding-left: 0;
    padding-right: 17%;
  }

  .ts {
    font-size: 17px;
    line-height: 24px;
  }

  .container1100 {
    max-width: 1400px;
  }

  .txxxl.gothamcondensed.black {
    font-size: 72px;
    line-height: 78px;
  }

  .container900.tcc {
    max-width: 1100px;
  }

  .image-45 {
    object-fit: cover;
    object-position: 50% 100%;
    width: 100vw;
  }

  .image-46 {
    object-fit: cover;
    object-position: 50% 100%;
    width: 100vw;
    height: 100px;
  }

  .g1.p20.header-box-content {
    margin-bottom: 175px;
  }

  .mask-3 {
    height: 45vh;
  }

  .div-block-35 {
    min-width: 6vw;
  }

  .div-block-36 {
    width: 90%;
    min-width: 6vw;
  }

  .mask-4, .slide-tenues, .columns-23 {
    min-height: 50vh;
  }

  .image-55 {
    object-fit: contain;
    height: 50vh;
    min-height: 50vh;
  }

  .container1300 {
    max-width: 1500px;
  }

  .container1300.s5-header {
    max-width: 1600px;
  }

  .map-list-container-s4 {
    height: 650px;
  }

  .s5-h2 {
    font-size: 54px;
    line-height: 64px;
  }

  .s5-header-teasing {
    background-image: linear-gradient(270deg, #092920 15%, #092920d6 24%, #092920ab 32%, #09292000 45%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662622feb1e1883f94a24fab_TonClubTonMaillot2023-404.jpg");
    background-position: 0 0, 0 20%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .s5-header-box {
    margin-right: 0;
    transform: scale(1.15);
  }

  .image-77.desktop {
    max-width: 500px;
  }

  .div-block-64 {
    width: 40%;
  }

  .quick-stack-8 {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
  }

  .div-block-66.p10 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .image-85 {
    width: 100%;
  }

  .s6-header.lp-recrutement {
    background-image: radial-gradient(circle at 50% -200px, #ffffffd9 12%, #fff0 21%), linear-gradient(#0c6e4600 44%, #0b513580 72%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681dc985ba51b5a096504a9c_PBProd-105%20(1).jpg");
    background-position: 0 0, 0 0, 50%;
    background-size: auto, auto, cover;
  }

  .div-block-79 {
    min-height: 400px;
    padding-top: 175px;
  }

  .s6-testimonial-section {
    background-position: 0 0, 50%;
  }
}

@media screen and (max-width: 991px) {
  h3 {
    font-size: 32px;
    line-height: 38px;
  }

  .onglet-navigation-col {
    width: 100%;
  }

  .onglet-off {
    min-width: 150px;
  }

  .btn-main-color-opacity {
    width: 400px;
  }

  .text-box {
    width: 90%;
  }

  .tabs-menu {
    width: 100%;
    margin-left: 10px;
  }

  .text-box-footer {
    max-width: 700px;
  }

  .header.half-header {
    background-position: 0%;
    min-height: 90vh;
  }

  .header.half-header.saison-1 {
    background-position: 50%;
  }

  .header.half-header.saison-1.teasing {
    min-height: 40vh;
  }

  .header-first-row {
    height: 32vh;
  }

  .header-second-row {
    height: 75vh;
    min-height: 75px;
    padding-top: 7vh;
    padding-bottom: 6vh;
  }

  .container-anti-rotate.col {
    align-items: flex-start;
  }

  .header-text-box {
    width: 55vw;
    margin-left: 15vw;
  }

  .text-onest-30 {
    font-size: 25px;
  }

  .text-onest-30.title {
    font-size: 30px;
  }

  .cta-orange.margin-top-20.reduce-padding {
    padding-left: 2vw;
    padding-right: 2vw;
  }

  .image {
    width: auto;
    height: 95vh;
    top: -23vh;
    right: -30vw;
  }

  .div-block-3 {
    width: 50vw;
    margin-left: 15vw;
  }

  .image-2 {
    width: 40vw;
  }

  .ton-club-ton-maillot-teasing {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .vignette.numbers {
    top: -15px;
    left: 5%;
  }

  .img-container-rotate.smaller {
    width: 60vw;
  }

  .text-chark-55 {
    font-size: 40px;
    line-height: 45px;
  }

  .arrow-numbers {
    width: 50px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .groupama-soutient {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .col-container {
    align-items: flex-start;
  }

  .col-container._2nd-row {
    margin-top: 20px;
  }

  .groupama-soutient-img-container {
    width: 40vw;
    height: 50vh;
  }

  .img-gropama-soutient {
    background-position: 90% 70%;
    width: 50vw;
  }

  .img-gropama-soutient._2nd {
    background-position: 80% 30%;
    background-size: 90%;
  }

  .groupama-soutient-text-box._1st-row {
    width: 40vw;
    margin-top: -10px;
  }

  .groupama-soutient-text-box._2nd-row {
    width: 40vw;
    margin-top: 10px;
  }

  .green-path-rotate {
    padding-left: 15vw;
    padding-right: 15vw;
  }

  .grid-3 {
    padding-left: 0;
  }

  .day-timer.s-3 {
    padding-top: 6px;
    font-size: 50px;
    line-height: 50px;
  }

  .clock-text.s-3 {
    font-size: 10px;
  }

  .div-block-5 {
    width: 100%;
  }

  .div-block-6 {
    display: none;
  }

  .image-3 {
    margin-bottom: 20px;
    position: static;
  }

  .image-4 {
    width: 30vw;
  }

  .header-half-size-text-box {
    height: 90vh;
  }

  .actforsport-footer {
    width: 50vw;
  }

  .actforsport-logo {
    width: 12vw;
  }

  .lp-1-tonclubtonmaillot-presentation {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  ._3d-jersey-img {
    left: -15%;
  }

  .planning-lp-1 {
    padding: 5vh 5vw 25vh;
  }

  .planning-bulle {
    width: 6vw;
    height: 6vw;
  }

  .planning-step-box {
    width: 20vw;
  }

  .planning-line {
    width: 70vw;
    top: 3vw;
    left: 10vw;
  }

  .picture-large {
    padding-bottom: 6vh;
  }

  .resume-programme {
    padding-top: 3vh;
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .resume-title-row {
    min-height: 8.5em;
  }

  .resume-title-row.short {
    width: 50vw;
  }

  .experience-expectionnelle, .tenues-competition, .grinta {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .form-field.long-text {
    height: 300px;
  }

  .div-block-9 {
    height: 73vh;
  }

  .column-20, .column-21, .column-22, .column-23 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .section-4 {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .div-block-10 {
    width: 50vw;
  }

  .thanks {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .content-section {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .columns-14 {
    display: block;
  }

  .column-25 {
    display: none;
  }

  .column-25.s3 {
    display: block;
  }

  .map-box {
    width: 650px;
    height: 870px;
  }

  .map-box.s3 {
    margin-right: auto;
  }

  .content-box {
    padding-right: 15%;
  }

  .text-italic-black-70 {
    margin-top: 10px;
  }

  .map-instruction-box {
    margin: 0 10%;
    padding: 50px 30px;
  }

  .pop-up-text-box.saison-1 {
    max-width: 60%;
  }

  .cross-quit {
    width: 20px;
  }

  .map-instruction-box-mobile {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
  }

  .step-box._2-steps {
    width: 30vw;
  }

  .color-text {
    font-size: 12px;
    line-height: 14px;
  }

  .step-line-reward._2-steps {
    width: 30vw;
  }

  .size-logo {
    width: 80%;
    margin-top: 30px;
  }

  .color-dot {
    width: 40px;
    height: 20px;
  }

  .img-box {
    padding-top: 50px;
  }

  .text-block-3 {
    margin-top: 15px;
    margin-left: 0;
    display: block;
  }

  .jersey-box {
    left: -15vw;
  }

  .jersey-picture {
    height: 450px;
    top: 26px;
    left: -165px;
  }

  .div-block-22 {
    width: 70vw;
  }

  .div-block-22.guide-tailles {
    width: 80vw;
  }

  .text-center-steps {
    width: 90%;
  }

  .carte-morpho-type {
    margin-left: 8px;
    margin-right: 8px;
  }

  .morphotype-picture {
    height: 300px;
  }

  .slide {
    width: 250px;
  }

  .image-32 {
    display: none;
  }

  .background-video-2 {
    height: 40vh;
  }

  .image-34 {
    height: 400px;
    max-height: 600px;
  }

  .image-35 {
    height: 400px;
    max-height: 400px;
  }

  .column-37 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-37 {
    object-fit: cover;
    height: 375px;
    max-height: 500px;
  }

  .columns-20 {
    margin-bottom: 30px;
  }

  .section-w1.ptb50 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .section-w1.ptb50.background-road-way, .section-w1.bg-favicon {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .image-38 {
    width: 250px;
  }

  .image-38.c {
    width: 275px;
    padding-top: 20px;
  }

  .container1200.blog-head {
    padding-right: 20px;
  }

  .tm.div80 {
    width: 90%;
  }

  .tl {
    font-size: 20px;
    line-height: 24px;
  }

  .txs.gotham.mb5.height-36 {
    height: 32px;
    font-size: 13px;
    line-height: 16px;
  }

  .h1 {
    font-size: 56px;
    line-height: 58px;
  }

  .h1.gothamcondensed {
    font-size: 60px;
    line-height: 60px;
  }

  .h1.gothamcondensed.smaller {
    font-size: 50px;
    line-height: 50px;
  }

  .cc.block-tablette {
    display: block;
  }

  .div50, .div50.c.tablette-larger {
    width: 75%;
  }

  .div50.hold50 {
    width: 50%;
  }

  .txxl {
    font-size: 36px;
    line-height: 44px;
  }

  .txxxl {
    font-size: 54px;
    line-height: 64px;
  }

  .relative.s5-ty-img-holder {
    margin-top: 30vh;
  }

  .div75 {
    width: 90%;
  }

  .columns-21 {
    width: 100%;
  }

  .g1.p30.background-tctm-mark, .g1.p30.background-tctm-mark.relative.ptb40 {
    padding: 20px;
  }

  .g1.p20.header-box-content {
    width: 75%;
  }

  .g1.p20.pt30.relative.background-tctm-mark {
    padding-top: 20px;
  }

  .g1.p15.mrl-40 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .column-40 {
    padding-left: 0;
    padding-right: 10px;
  }

  .column-41 {
    padding-left: 10px;
    padding-right: 0;
  }

  .div-block-32 {
    background-size: 85%;
    height: 250px;
  }

  .image-49 {
    object-position: 50% 25%;
  }

  .column-43 {
    margin-bottom: 40px;
  }

  .div-block-35, .div-block-36 {
    min-width: 7vw;
  }

  .hit-box.cc.jc.point-bourgogne {
    top: 22%;
    left: 56%;
  }

  .hit-box.cc.jc.point-bretagne {
    top: 14%;
    left: 2%;
  }

  .hit-box.cc.jc.point-corse {
    top: 56%;
    left: 87%;
  }

  .hit-box.cc.jc.point-grand-est {
    top: 9%;
  }

  .hit-box.cc.jc.point-haut-france {
    top: 1%;
    left: 41%;
  }

  .hit-box.cc.jc.point-ile-france {
    top: 10%;
    left: 39%;
  }

  .hit-box.cc.jc.point-normandie {
    top: 9%;
    left: 24%;
  }

  .hit-box.cc.jc.point-occitanie {
    top: 50%;
    left: 35%;
  }

  .hit-box.cc.jc.point-pays-loire {
    top: 22%;
  }

  .hit-box.cc.jc.point-provence-alpes {
    top: 47%;
    left: 65%;
  }

  .hit-box.cc.jc.point-mayotte {
    left: 86%;
  }

  .hit-box.cc.jc.point-guadeloupe {
    left: 42%;
  }

  .hit-box.cc.jc.point-guyane {
    top: 74%;
    left: 67%;
  }

  .hit-box.cc.jc.point-martinique {
    left: 21%;
  }

  .h3 {
    font-size: 32px;
    line-height: 36px;
  }

  .h3.gothamcondensed, .h3.t-g1 {
    font-size: 38px;
    line-height: 38px;
  }

  .h2 {
    font-size: 48px;
    line-height: 52px;
  }

  .h2.gothamcondensed {
    font-size: 48px;
    line-height: 48px;
  }

  .h2.gothamcondensed.tcc {
    font-size: 42px;
    line-height: 46px;
  }

  .h2.gothamcondensed.capitalize {
    font-size: 45px;
    line-height: 45px;
  }

  .columns-22 {
    right: auto;
  }

  .column-44, .column-45 {
    padding: 0 5px;
  }

  .image-52 {
    display: none;
  }

  .column-46 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .black3.rounded10.p30.relative.plr50 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .column-47 {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }

  .columns-23 {
    min-height: 45vh;
  }

  .image-55 {
    height: 45vh;
    min-height: 45vh;
  }

  .div-block-39 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .quote-grinta-img {
    top: 75px;
  }

  .grinta-img-complet {
    max-width: 100%;
  }

  .columns-24 {
    display: block;
  }

  .mobile-display-none {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-41 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .image-58 {
    width: 350px;
  }

  .collection-item {
    width: 33%;
  }

  .div-block-43 {
    width: 230px;
    height: 414px;
  }

  .slide-7 {
    height: 550px;
  }

  .image-61 {
    display: none;
  }

  .image-64 {
    height: 100%;
  }

  .image-65 {
    width: 30vw;
  }

  .img-section.full-size-section.relative.s4-teasing-s2 {
    background-position: 75% 100%;
  }

  .img-section.full-size-section.relative.s4-teasing-s3 {
    background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/64412794cf774540c071bf13_TonClubTonMaillot2023-275.jpg");
    background-position: 100% 100%;
    background-size: 100%;
    padding-bottom: 400px;
  }

  .img-section.full-size-section.relative.s4-teasing-s5 {
    background-position: 85% 0;
    background-size: auto 65%;
  }

  .img-section.full-size-section.relative.s4-teasing-s6 {
    background-position: 15% 100%;
    background-size: cover;
  }

  .img-section.full-size-section.relative.s4-lp1-s1 {
    background-position: 70%;
  }

  .img-section.full-size-section.relative.s4-annonce {
    background-image: linear-gradient(178deg, #000 1%, #0000 5%), linear-gradient(to right, #000 4%, #0000 30%), linear-gradient(to top, #000 83%, #0000 91%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/645a05b433be2c047bf5028d_TonClubTonMaillot2023-168.jpg");
    background-position: 0 0, 0 0, 0 0, 60% -30px;
    background-repeat: repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, 175%;
    padding-top: 175px;
  }

  .img-section.s1-lp-annonce {
    background-image: linear-gradient(to bottom, null, null), linear-gradient(to top, #000, #00000080 43%, #0000 85%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/644a3ba38341a4053aa25a0a_TonClubTonMaillot2023-433-min.jpg");
    background-position: 0 0, 0 0, 50% 100%;
  }

  .spacer100 {
    height: 80px;
  }

  .shadows-full-box.section-2-teasing {
    background-image: radial-gradient(circle at 20% 45%, #000000d9 5%, #000000a6 40%, #00000026 52%), linear-gradient(#000, #000000d9 12%, #0000 35%);
  }

  .shadows-full-box.section-3-teasing {
    background-image: linear-gradient(#000 53%, #000000bf 65%, #0000 75%);
  }

  .shadows-full-box.section-5-teasing {
    background-image: radial-gradient(circle at 10% 25%, #000000a6 24%, #0000 49%), linear-gradient(to top, #000 36%, #000000e6 53%, #0000 71%);
  }

  .container1300.s5-header {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .image-66 {
    width: 75px;
  }

  .grid-11 {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .map-list-container-s4 {
    height: 400px;
  }

  .div-block-53 {
    width: 40vw;
    margin-left: 0;
  }

  .columns-28.lp2 {
    display: block;
  }

  .column-58 {
    padding-right: 30px;
  }

  .column-59 {
    padding-left: 30px;
  }

  .column-59.mt50 {
    padding-top: 50px;
  }

  .div-block-55 {
    width: 55.5%;
    min-width: auto;
  }

  .slide-8 {
    background-position: 50%;
  }

  .slide-nav-5 {
    right: 40%;
  }

  .slide-nav-5.lp2 {
    bottom: 226px;
    right: 45%;
  }

  .left-arrow-5 {
    right: 100px;
  }

  .right-arrow-5 {
    right: 50px;
  }

  .slide-9 {
    background-position: 50%;
  }

  .grid-14 {
    grid-template-columns: .7fr 1fr;
  }

  .div-block-56.relative.bloc-3.lp2 {
    height: auto;
  }

  .div-block-56.relative.g1 {
    background-color: var(--main-color);
  }

  .image-71 {
    display: none;
  }

  .image-71._2 {
    display: block;
  }

  .image-71._2.lp2 {
    width: 100%;
    height: 500px;
  }

  .image-71._2-lp2 {
    width: 100%;
    height: 300px;
  }

  .slide-11 {
    background-position: 35%;
  }

  .image-73 {
    width: 40%;
    margin-left: 2.5%;
  }

  .div-block-59 {
    padding: 30px;
  }

  .div-block-59.g3 {
    min-height: 280px;
    padding-top: 50px;
    padding-right: 30%;
  }

  .grid-16 {
    grid-template-columns: 1.75fr;
  }

  .tablet-display-on {
    display: block;
  }

  .tablet-display-none {
    display: none;
  }

  .grid-17 {
    grid-template-columns: 1fr 1fr;
  }

  .quick-stack-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .s5-h2 {
    font-size: 38px;
    line-height: 42px;
  }

  .s5-header-teasing.s5-landing2 {
    background-position: 0 0, 100% 0;
  }

  .s5-header-teasing.landing1-header {
    background-position: 0 0, 30% 10%;
  }

  .s5-header-box {
    width: 50%;
    margin-right: 10px;
    padding: 20px 20px 0;
  }

  .quick-stack-3 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .cell-7 {
    display: block;
  }

  .cell-8 {
    padding: 30px 0 30px 30px;
  }

  .image-80 {
    max-width: 115%;
    right: -10%;
  }

  .quick-stack-6 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .cell-9 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
  }

  .image-81 {
    width: 80px;
  }

  .quick-stack-7 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .s5-quote-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .s5-quote-section.quote1 {
    background-image: linear-gradient(180deg, var(--g4) 5%, #123d30b3 11%, #123d3000 16%), linear-gradient(270deg, #131a15e6 32%, #131a1580 55%, #131a1500 70%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627b6b4cf7bffa50d1410ec_quote-1-desktop.jpg");
    background-position: 0 0, 0 0, 55% 0;
    background-repeat: repeat, repeat, repeat;
    background-size: auto, auto, cover;
  }

  .s5-quote-section.quote1.no-gradient {
    background-image: linear-gradient(270deg, #131a15e6 20%, #131a15cc 42%, #131a1580 58%, #131a1500 69%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627b6b4cf7bffa50d1410ec_quote-1-desktop.jpg");
    background-position: 0 0, 55% 0;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
  }

  .s5-quote-section.quote2 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .s5-quote-section.quote-5 {
    background-position: 0 0, 40% 30%;
    background-size: auto, 120%;
  }

  .div-block-64 {
    width: 60%;
  }

  .quick-stack-8 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .cell-10 {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
  }

  .s5-engagement-img.desktop {
    display: none;
  }

  .s5-engagement-img.mobile {
    display: block;
  }

  .golden-ticket-text-box {
    padding: 30px;
  }

  .image-83 {
    max-width: 15%;
    top: 20px;
    right: 1%;
  }

  .s5-dotation-text-holder {
    padding-bottom: 20px;
  }

  .p40-30 {
    padding: 20px 30px;
  }

  .div-block-65 {
    width: 50%;
  }

  .quick-stack-11 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
  }

  .quick-stack-12 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-68 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: row;
  }

  .image-86 {
    width: 300px;
  }

  .cell-14 {
    display: none;
  }

  .cell-15 {
    padding: 40px 50px;
  }

  .s6-ty-img {
    height: 45vh;
  }

  .s6-form-teasing-box.carrousel {
    padding: 24px 24px 10px;
  }

  .quick-stack-21 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .s6_number {
    font-size: 56px;
    line-height: 60px;
  }

  .s6-teasing-quote-box {
    background-image: linear-gradient(#f6f9ee80, #f6f9ee80 25%, #f6f9ee00 48%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681485527dfaca6e2b883cda_teasing-mobile-PBProd-105.jpg");
    background-position: 0 0, 50%;
    padding: 44px 32px 350px;
  }

  .text-block-20 {
    font-size: 44px;
    line-height: 44px;
  }

  .quick-stack-24 {
    grid-column-gap: 150px;
    grid-row-gap: 150px;
  }

  .div-block-72 {
    width: 85%;
    margin-left: auto;
  }

  .green-circle-g3 {
    width: 200px;
    height: 200px;
    left: auto;
    right: 350px;
  }

  .div-block-73 {
    width: 500px;
    height: 500px;
    left: auto;
    right: 0;
  }

  .cell-17 {
    display: block;
  }

  .quick-stack-25 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .s6-par-passion-box.calendar-picture {
    background-position: 100px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding: 24px;
  }

  .s6-par-passion-box.engagement-picture {
    background-position: 25% 100%;
    background-size: cover;
  }

  .div-block-80 {
    width: 80px;
    height: 80px;
  }

  .quick-stack-26 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .cell-18 {
    padding: 30px;
  }
}

@media screen and (max-width: 767px) {
  h3 {
    font-size: 28px;
    line-height: 32px;
  }

  .top-header-wallpaper {
    height: 200px;
  }

  .logo-annonceur {
    width: 150px;
  }

  .onglet-navigation {
    margin-left: 0;
    margin-right: 0;
  }

  .onglet-text {
    display: none;
  }

  .onglet-off {
    min-width: auto;
    padding-right: 5px;
  }

  .onglet-off.w--current, .onglet-off.document {
    padding-right: 5px;
  }

  .header-title {
    font-size: 25px;
    line-height: 25px;
  }

  .picto-onglet.off {
    margin-right: 0;
  }

  .divider {
    display: none;
  }

  .text-box {
    width: 100%;
  }

  .grid {
    grid-template-columns: 1fr 1fr;
  }

  .tab-link-tab-3.onglet-off, .tab-link-tab-2.onglet-off {
    padding-right: 5px;
  }

  .tabs-menu {
    margin-left: 20px;
  }

  .database-tab-2, .user-content-tab-3, .document-tab-4, .planning-tab-5 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-grinta {
    padding-left: 10%;
    padding-right: 10%;
  }

  .header.half-header {
    background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6081389f5b9a36575a686cee_30052020-HUB_9155%202.jpg");
    background-position: 100%;
    min-height: 60vh;
  }

  .header.half-header.saison-1 {
    background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/60813823eb8702855ace05bd_30052020-HUB_9286%202.jpg");
    background-position: 100%;
  }

  .header-first-row {
    background-color: var(--white);
  }

  .header-second-row {
    height: auto;
    min-height: 60vh;
    padding-top: 9vh;
    padding-bottom: 9vh;
  }

  .header-second-row.lp-1-2 {
    height: auto;
    min-height: 60vh;
    padding-top: 7vh;
    padding-bottom: 6vh;
  }

  .header-second-row.lp-gagnants {
    height: auto;
    min-height: 50vh;
  }

  .header-text-box {
    width: 80vw;
  }

  .text-onest-55 {
    font-size: 40px;
    line-height: 50px;
  }

  .text-onest-55.margin-bottom-30 {
    font-size: 32px;
    line-height: 36px;
  }

  .text-onest-30 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
  }

  .text-onest-30.padding-left-20 {
    margin-bottom: 5px;
    padding-left: 20px;
  }

  .text-onest-30.padding-left-20.smaller-videos {
    font-size: 20px;
  }

  .text-onest-30.title {
    line-height: 35px;
  }

  .cta-orange {
    min-height: 40px;
    padding-top: 10px;
    padding-left: 6.5vw;
    padding-right: 6.5vw;
    font-size: 14px;
    line-height: 18px;
  }

  .cta-orange.margin-top-20.reduce-padding {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .email-teasing-field {
    min-height: 40px;
  }

  .text-onest-16 {
    font-size: 14px;
  }

  .image {
    display: none;
  }

  .div-block-3 {
    align-items: center;
    width: 80vw;
  }

  .image-2 {
    width: 60vw;
    top: 5vh;
    bottom: 0;
  }

  .header-img-row {
    background-color: var(--orange-e26212);
    background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f77c04cfed27179a3e600_HEADER-MOBILE.jpg");
    background-position: 50% 30%;
    background-size: cover;
    width: 110%;
    height: 45vh;
    margin-top: -5vh;
    margin-bottom: -5vh;
    display: block;
    position: relative;
  }

  .header-img-row.lp-1 {
    background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/605db77f1bdd95771ac7f806_30052020-HUB_9163.jpg");
    background-position: 50% 10%;
  }

  .header-img-row.lp-2 {
    background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6066e5e09677de0e8877d901_30052020-BN7A0246.jpg");
  }

  .header-img-row.lp-gagnants {
    background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/608800c6385e4dcf5029e201_30052020-HUB_8957.jpg");
    background-position: 50% 0;
    display: block;
  }

  .text-onest-34.margin-bottom-30 {
    font-size: 24px;
    line-height: 30px;
  }

  .vignette.numbers {
    padding: 2px 10px;
    position: relative;
    top: -55px;
    left: auto;
  }

  .text-vignette.numbers {
    font-size: 11px;
    line-height: 14px;
  }

  .img-box-header {
    display: none;
  }

  .img-container-rotate.smaller {
    width: 90vw;
  }

  .numbers-main-icon-box {
    margin-bottom: 30px;
  }

  .text-chark-55 {
    font-size: 50px;
  }

  .chart-number {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .arrow-numbers {
    width: 70px;
    margin-top: -30px;
    margin-bottom: -30px;
    top: -20px;
    left: 60px;
    transform: rotate(90deg);
  }

  .groupama-soutient {
    padding-top: 2vh;
  }

  .col-container {
    margin-top: 30px;
    display: block;
  }

  .col-container._2nd-row {
    display: block;
  }

  .groupama-soutient-img-container {
    width: 80vw;
    display: block;
  }

  .groupama-soutient-img-container.mobile {
    display: block;
  }

  .groupama-soutient-img-container.desktop {
    display: none;
  }

  .img-gropama-soutient {
    background-position: 100% 65%;
    background-size: auto 200%;
    width: 100vw;
  }

  .img-gropama-soutient._2nd {
    background-position: 0 20%;
    background-size: 93%;
    width: 100vw;
  }

  .groupama-soutient-text-box {
    width: 80vw;
    margin-top: 1vw;
    margin-left: 8vw;
    margin-right: 0;
    padding-right: 9vw;
  }

  .groupama-soutient-text-box._1st-row {
    width: 80vw;
    margin-top: 10px;
    margin-bottom: 0;
    margin-left: 1vw;
  }

  .groupama-soutient-text-box._2nd-row {
    width: 80vw;
    margin-top: 10px;
    margin-left: 1vw;
  }

  .text-gotham-20-orange.right {
    text-align: right;
  }

  .green-path-rotate {
    width: 120%;
    padding-left: 20vw;
    padding-right: 20vw;
  }

  .green-path-rotate.picture-background {
    height: 30vh;
  }

  .green-path-rotate.largger {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .picto-title {
    width: 7vw;
  }

  .cycle-picto {
    left: 260px;
  }

  .video-box {
    width: 60vw;
  }

  .grid-3 {
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
    grid-template-areas: "."
                         "Area";
    justify-items: center;
    width: 75vw;
    padding-left: 0;
  }

  .day-timer {
    font-size: 32px;
    line-height: 38px;
  }

  .day-timer.s-3 {
    font-size: 60px;
    line-height: 65px;
  }

  .timer-number-box.mlr10.s-3 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .clock-text.s4 {
    font-size: 14px;
  }

  .div-block-5 {
    margin-bottom: 30px;
  }

  .container-1500 {
    max-width: 500px;
  }

  .column-8 {
    border-radius: 20px;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
    padding: 20px;
  }

  .column-9, .summary-general-box {
    margin-bottom: 30px;
  }

  .summary-infos {
    padding: 20px;
  }

  .image-4 {
    width: 50vw;
  }

  .column-11 {
    margin-top: 40px;
  }

  .columns-5 {
    display: block;
  }

  .header-half-size-text-box {
    width: 80vw;
    height: 60vh;
    padding-bottom: 50px;
  }

  .actforsport-logo {
    width: 15vw;
  }

  .lp-1-tonclubtonmaillot-presentation {
    padding: 5vh 10vw;
  }

  ._3d-jersey-img {
    height: 65vh;
    left: -15%;
  }

  .slider-container {
    display: block;
  }

  .schema-lp-1.saison-1 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .column-12 {
    padding-top: 50px;
  }

  .column-13 {
    padding-right: 0;
  }

  .columns-6 {
    width: 100%;
  }

  .planning-container {
    text-align: left;
    flex-direction: column;
    margin-top: 20px;
  }

  .planning-bulle {
    width: 8vw;
    height: 8vw;
  }

  .planning-step-box {
    flex-direction: row;
    align-items: center;
    width: 80vw;
    height: 10vh;
  }

  .planning-line {
    width: 2px;
    height: 40vh;
    top: 4vw;
    left: 5.5vw;
  }

  .planning-step-text-box {
    width: 60vw;
    margin-left: 3vw;
  }

  .picture-large-img.lp-2 {
    background-size: cover;
  }

  .resume-programme {
    margin-top: 0;
    padding-top: 5vh;
  }

  .resume-box {
    margin-bottom: 30px;
  }

  .resume-title-row {
    align-items: center;
    min-height: 3em;
  }

  .resume-title-row.short {
    width: 80vw;
  }

  .column-15 {
    margin-bottom: 30px;
  }

  .text-onest-26.margin-bottom-20.resume-size {
    min-height: 0;
  }

  .experience-expectionnelle {
    padding-top: 15vh;
  }

  .form-field.long-text {
    height: 300px;
  }

  .addition-relative {
    display: none;
  }

  .div-block-9 {
    width: 350px;
    height: 700px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .column-18 {
    position: static;
  }

  .column-19 {
    display: none;
  }

  .code-post-ville-box.left {
    padding-right: 0;
  }

  .code-post-ville-box.right {
    padding-left: 0;
  }

  .form-anti-rotate {
    max-width: 400px;
  }

  .section-3 {
    padding-right: 5vw;
  }

  .form-block-2 {
    max-width: 400px;
  }

  .background-video {
    height: 100%;
  }

  .columns-13 {
    margin-top: 50px;
  }

  .column-24 {
    margin-bottom: 30px;
  }

  .div-block-10 {
    width: 40vw;
  }

  .section-titles {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 45px;
    line-height: 50px;
  }

  .map-dot-box.ile-france {
    top: 16%;
  }

  .map-dot-box.bretagne {
    top: 19%;
  }

  .map-dot-box.auvergne-rhone-alpes {
    top: 40%;
    left: 62%;
  }

  .map-dot-box.grand-est {
    top: 16%;
  }

  .map-dot-box.guadeloupe {
    top: 92%;
  }

  .map-dot-box.normandie {
    top: 13%;
  }

  .map-dot-box.haut-france {
    top: 6%;
  }

  .map-dot-box.corse {
    left: 92%;
  }

  .map-dot-box.reunion {
    top: 91%;
  }

  .map-dot-box.mayotte {
    top: 92%;
  }

  .map-dot-box.guyane {
    top: 81%;
  }

  .map-dot-box.martinique {
    top: 82%;
  }

  .map-dot-inter-circle {
    width: 4em;
    min-width: 4em;
    height: 4em;
    min-height: 4em;
  }

  .italic-box {
    padding-top: 0;
  }

  .map-box {
    width: 500px;
    height: 650px;
    margin-left: auto;
  }

  .map-box.s3 {
    width: 517.5px;
    height: 670px;
  }

  .map-dot {
    width: 2.5em;
    height: 2.5em;
  }

  .content-box {
    transform: scale(.95)rotate(3deg);
  }

  .text-italic-black-70.map-instructions {
    font-size: 30px;
    line-height: 35px;
  }

  .map-instruction-box {
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .pop-up-text-box {
    min-width: 60%;
    min-height: 25vh;
  }

  .pop-up-text-box.saison-1 {
    max-width: 80%;
  }

  .pop-up-text-box._2-cols {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 13px;
  }

  .column-26 {
    margin-bottom: 20px;
  }

  .div-block-12 {
    margin-top: 30px;
  }

  .map-instruction-box-mobile {
    margin-bottom: 20px;
  }

  .full-picture {
    height: 30vh;
  }

  .resume-col {
    margin-bottom: 30px;
  }

  .vertical-line {
    display: none;
  }

  .columns-15, .saison-1-lp-1-presentation {
    display: block;
  }

  .slider-saison-1-lp1 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .cta-orange-saison-1 {
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
  }

  .column-27 {
    margin-bottom: 20px;
  }

  .column-28 {
    display: none;
  }

  .column-29 {
    margin-bottom: 20px;
  }

  .column-30 {
    margin-bottom: 20px;
    padding-top: 0;
  }

  .column-31 {
    margin-bottom: 40px;
  }

  .step-circle.bigger {
    width: 35px;
    height: 35px;
  }

  .step-box._2-steps, .step-line-reward.step-0._2-steps, .step-line-reward._2-steps {
    width: 40vw;
  }

  .step-line-reward._2-steps.line-up {
    width: 35vw;
  }

  .button-reward.back.absolute-left {
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .button-reward.absolute-right {
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .color-dot {
    width: 55px;
    height: 30px;
  }

  .column-32 {
    position: static;
  }

  .img-box {
    width: 100vw;
    position: static;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .row-step-0 {
    padding-left: 55px;
    padding-right: 55px;
  }

  .columns-17 {
    max-width: 300px;
  }

  .usefull-items-box {
    margin-bottom: 30px;
  }

  .div-block-21 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .image-28 {
    width: 250px;
    margin-bottom: 20px;
  }

  .jersey-box {
    top: 2.4vh;
    left: -16vw;
  }

  .jersey-picture {
    height: 400px;
    display: none;
  }

  .div-block-22 {
    width: 90vw;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-22.guide-tailles {
    padding-left: 30px;
  }

  .doc-box {
    margin-top: 30px;
  }

  .section-9 {
    display: flex;
  }

  .div-block-24 {
    text-align: center;
    padding: 5%;
  }

  .club-select-box {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .cta-box {
    width: 100%;
    margin-top: 10px;
    padding-left: 0;
  }

  .container-start-button {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .html-embed-4 {
    width: 100%;
  }

  .tab-guide-taille {
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .tab-guide-taille.w--current {
    padding-left: 25px;
  }

  .guide-taille-tableau {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 30px;
    margin-right: 30px;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
  }

  .img-taille, .grand-img-taille {
    width: 100%;
  }

  .slider-2.femmes {
    margin-left: 30px;
    margin-right: 30px;
  }

  .image-32 {
    width: 35%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .container-start-button-2 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .error-message-2 {
    width: 100%;
  }

  .grid-5 {
    grid-template-columns: 1fr 1fr;
  }

  .saison-1-tesing-text-header {
    width: 98vw;
    padding: 20px;
    font-size: 18px;
    line-height: 22px;
  }

  .i50.mb20.bigger {
    margin-top: 20px;
  }

  .column-35 {
    padding-bottom: 30px;
  }

  .image-34, .image-35 {
    height: auto;
    max-height: 300px;
  }

  .column-37 {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .column-38 {
    padding: 0;
  }

  .image-37 {
    height: 275px;
  }

  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .section-w1.full-h.overflow-none {
    min-height: auto;
  }

  .section-w1.ptb50.relative.mobilegrey {
    background-color: #f4f4f4;
  }

  .image-38 {
    width: 50%;
  }

  .container1200 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container1200.blog-head {
    top: 40vh;
    bottom: 0;
  }

  .bo1.mrl20.mobile-m0 {
    margin-left: 0;
    margin-right: 0;
  }

  .bo1.full {
    text-align: center;
    width: 100%;
  }

  .bo1.mobile-full-s4 {
    text-align: center;
    width: 100%;
    display: block;
  }

  .tm {
    font-size: 16px;
    line-height: 20px;
  }

  .tm.mobile-tcc {
    text-align: center;
  }

  .tm.div80, .tm.div90 {
    width: 100%;
  }

  .tl {
    font-size: 18px;
    line-height: 22px;
  }

  .tl.gothamcondensed.mobile-display-none {
    display: none;
  }

  .tl.gothamcondensed.fit.mr5 {
    margin-bottom: 0;
  }

  .tl.special, .ts.mobile-tcc, .ts.mobile-center {
    text-align: center;
  }

  .txs.mobile-display-none {
    display: none;
  }

  .txs.gotham.mb5.height-36 {
    height: 14px;
  }

  .txxs.display-mobile {
    display: block;
    position: relative;
    top: -15px;
  }

  .h1 {
    font-size: 38px;
    line-height: 42px;
  }

  .h1.gothamcondensed {
    font-size: 50px;
    line-height: 50px;
  }

  .image-39 {
    display: none;
  }

  .p30.mt-100 {
    margin-top: 0;
  }

  .p30.mt-100.teasing-padding {
    padding: 15px;
  }

  .cc.mobile-v {
    flex-direction: column;
  }

  .cc.mobile-v.j-ext {
    padding-right: 0;
  }

  .cc.jb.t-o1.mobile-v-jc {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .cc.jb.mobile-v-jc {
    text-align: center;
    flex-direction: column;
    align-items: center;
  }

  .cc.jc.mobile-pl20 {
    padding-left: 10px;
  }

  .cc.teasing-numbers {
    justify-content: center;
    width: 60%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
  }

  .cc.v.jl.calendar-size {
    width: 100%;
    margin-bottom: 20px;
  }

  .cc.v.jl.calendar-size.mobile-h {
    flex-direction: row;
    align-items: center;
  }

  .cc.v.mobile-full {
    width: 100%;
  }

  .cc.display-desktop {
    display: flex;
  }

  .cc.display-mobile {
    align-items: flex-start;
    display: none;
  }

  .timer-s-3.cc.v {
    color: var(--main-color);
    top: 0;
  }

  .timer-s-3.cc.v.tcc.mb0, .div-block-25 {
    margin-bottom: 0;
  }

  .container1100.header-center.cc.jb {
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .div50 {
    width: 90%;
  }

  .div50.c {
    width: 75%;
  }

  .div50.hold50 {
    width: 100%;
  }

  .txl {
    font-size: 24px;
    line-height: 28px;
  }

  .txl.gothamcondensed.smaller {
    font-size: 28px;
    line-height: 30px;
  }

  .txxl {
    font-size: 32px;
    line-height: 34px;
  }

  .txxl.gothamcondensed {
    font-size: 44px;
    line-height: 46px;
  }

  .txxxl {
    font-size: 44px;
    line-height: 54px;
  }

  .txxxl.gothamcondensed {
    font-size: 48px;
    line-height: 50px;
  }

  .image-40 {
    width: 130px;
    left: 30%;
  }

  .image-40.reverse {
    width: 150px;
  }

  .relative.display-mobile {
    display: block;
  }

  .image-41 {
    left: 25%;
  }

  .spacer50 {
    height: 40px;
  }

  .container900 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div75 {
    width: 100%;
  }

  .div75.c.p30.w1.rounded10.form-teasing--3 {
    width: auto;
    margin: 10px;
    padding: 15px;
  }

  .div75.c._80 {
    width: 80%;
  }

  .div-block-28 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .image-42 {
    width: 35%;
    position: absolute;
    top: -20px;
  }

  .spacer30 {
    height: 25px;
  }

  .div-block-29 {
    width: 50px;
    height: 50px;
    padding: 0;
  }

  .icon.teasing {
    top: 5px;
    left: 5px;
  }

  .image-43 {
    width: 100vw;
    margin-top: -20px;
    display: block;
  }

  .div-block-30 {
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100px;
    margin-left: 0;
    padding-left: 35%;
    display: flex;
    position: relative;
  }

  .image-44 {
    object-position: 50% 15px;
    height: 45vh;
    margin-top: -25px;
    display: block;
  }

  .image-45 {
    height: 40px;
  }

  .image-46 {
    display: none;
  }

  .g1.p30.mobile-grey {
    color: var(--main-color);
    background-color: #ececec;
  }

  .g1.p20.header-box-content {
    width: 100%;
    margin-bottom: 0;
  }

  .g1.p20.header-box-content.teasing {
    margin-bottom: 50px;
  }

  .g1.p20.header-box-content.programme {
    width: 100%;
  }

  .g1.p20.pt30.relative.background-tctm-mark.mobile-display-none {
    display: none;
  }

  .g1.p20.pt30.relative.background-tctm-mark.special {
    background-position: -200px 135%;
    background-size: 90%;
    margin-bottom: 30px;
    padding-bottom: 0;
    display: block;
  }

  .g1.p20.pt30.pb0 {
    padding-bottom: 0;
  }

  .g1.p15.mrl-40 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .g1.relative.p30 {
    padding: 25px;
  }

  .column-40 {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .column-41 {
    padding-left: 0;
    padding-right: 0;
  }

  .image-47 {
    object-fit: cover;
    height: 100%;
  }

  .div-block-31 {
    object-fit: fill;
    height: 250px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
  }

  .bw2.full.mt-50 {
    position: relative;
    top: -30px;
  }

  .div-block-32 {
    background-position: -20px 0;
    background-size: 45%;
    height: 250px;
    margin-top: -30px;
  }

  .div-block-34 {
    height: 100%;
    display: none;
  }

  .bv2.mobile-full {
    text-align: center;
    width: 100%;
  }

  .column-43 {
    margin-bottom: 30px;
    padding-right: 10px;
  }

  .div-block-35, .div-block-36 {
    display: none;
  }

  .div-block-37 {
    margin-bottom: 40px;
  }

  .hit-box {
    width: 50px;
    height: 50px;
  }

  .hit-box.cc.jc.point-bretagne {
    top: 16%;
  }

  .hit-box.cc.jc.point-corse {
    top: 58%;
    left: 90%;
  }

  .hit-box.cc.jc.point-ile-france {
    top: 12%;
    left: 43%;
  }

  .hit-box.cc.jc.point-normandie {
    top: 11.5%;
  }

  .hit-box.cc.jc.point-occitanie {
    top: 51%;
    left: 41%;
  }

  .hit-box.cc.jc.point-pays-loire {
    top: 25%;
  }

  .hit-box.cc.jc.point-provence-alpes {
    top: 49%;
    left: 69%;
  }

  .hit-box.cc.jc.point-mayotte {
    left: 87%;
  }

  .hit-box.cc.jc.point-guadeloupe {
    left: 42%;
  }

  .hit-box.cc.jc.point-guyane {
    left: 69%;
  }

  .hit-box.cc.jc.point-martinique {
    left: 22%;
  }

  .i24.mobile-i20 {
    width: 20px;
    height: 20px;
  }

  .image-51 {
    height: 80px;
    left: -17px;
  }

  .h3 {
    font-size: 28px;
    line-height: 32px;
  }

  .h3.gothamcondensed, .h3.t-g1 {
    font-size: 32px;
    line-height: 32px;
  }

  .h2 {
    font-size: 44px;
    line-height: 48px;
  }

  .h2.gothamcondensed {
    font-size: 44px;
    line-height: 44px;
  }

  .h2.gothamcondensed.tcc {
    font-size: 38px;
    line-height: 42px;
  }

  .h2.gothamcondensed.capitalize {
    margin-top: 5px;
    font-size: 36px;
    line-height: 40px;
  }

  .column-44 {
    margin-bottom: 20px;
  }

  .image-52 {
    object-position: 10px 10px;
    width: 55%;
    height: 180px;
    margin-top: -70px;
    margin-left: auto;
    display: block;
    position: relative;
    inset: auto -20px -20px auto;
  }

  .column-46 {
    margin-bottom: 20px;
  }

  .slide-tenues {
    padding-left: 35px;
    padding-right: 35px;
  }

  .column-47 {
    padding-bottom: 50px;
  }

  .columns-23 {
    display: block;
  }

  .image-55 {
    height: 50vh;
    min-height: 50vh;
  }

  .icon-2, .icon-3 {
    transform: scale(1.25);
  }

  .div-block-39 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .quote-grinta-img {
    top: 85px;
  }

  .i44 {
    width: 32px;
    height: 32px;
  }

  .i44.quote-s4 {
    width: 32px;
    height: 32px;
    margin-bottom: 20px;
    margin-right: 10px;
  }

  .grinta-img-complet {
    border-radius: 0 0 10px 10px;
  }

  .grid-7 {
    grid-column-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .grid-7.t-black {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div100.w1.p50.roudnded-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  .columns-24 {
    margin-left: 0;
    margin-right: 0;
  }

  .p0, .p0.radiusl5 {
    border-radius: 0;
  }

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

  .image-57 {
    margin-right: 20px;
  }

  .div-block-40 {
    max-width: 400px;
  }

  .column-50 {
    margin-bottom: 40px;
  }

  .div-block-41 {
    margin-left: 0;
    margin-right: 0;
  }

  .couverture-blog {
    height: 55vh;
  }

  .image-58 {
    width: 300px;
  }

  .column-51 {
    position: static;
  }

  .collection-list {
    display: block;
  }

  .collection-item {
    width: 98%;
    margin-bottom: 10px;
  }

  .div-block-43 {
    width: 400px;
    height: 400px;
  }

  .background-video-3 {
    display: none;
  }

  .slide-7 {
    height: 850px;
  }

  .image-60 {
    display: block;
  }

  .bg2-2025 {
    width: 100%;
  }

  .column-52 {
    display: none;
  }

  .image-64 {
    height: auto;
    min-height: 100px;
  }

  .columns-26 {
    display: block;
  }

  .div-block-45.right {
    left: auto;
  }

  .image-65 {
    width: 40vw;
  }

  .background-video-4.mobile-display-none {
    display: none;
  }

  .background-video-4.display-mobile {
    display: block;
  }

  .img-section.full-size-section.relative.s4-teasing-s2 {
    background-position: 95%;
    background-repeat: no-repeat;
    background-size: auto 120%;
  }

  .img-section.full-size-section.relative.s4-teasing-s5 {
    background-position: 100% 0;
    background-size: 110%;
    padding-top: 200px;
  }

  .img-section.full-size-section.relative.s4-lp1-s1 {
    background-position: 75%;
  }

  .img-section.full-size-section.relative.s4-lp1-s4 {
    min-height: 0;
  }

  .img-section.full-size-section.relative.s4-lp2-s1 {
    background-position: 80%;
  }

  .img-section.s4-lp1-s3 {
    background-position: 25% 25%;
  }

  .spacer100 {
    height: 50px;
  }

  .grid-10 {
    grid-column-gap: 20px;
  }

  .shadows-full-box.section-2-teasing {
    background-image: linear-gradient(#000 8%, #000000d9 48%, #0000 67%);
  }

  .shadows-full-box.section-5-teasing {
    background-image: linear-gradient(177deg, #000000ed 1%, #0000 6%), linear-gradient(to top, #000 74%, #000000e6 84%, #0000 93%);
  }

  .shadows-full-box.section-6-teasing {
    background-image: linear-gradient(to top, #0000004f 24%, #0000 42%), linear-gradient(#000 31%, #0009 64%, #0000001a 75%);
  }

  .shadows-full-box.section-4-lp1 {
    background-image: linear-gradient(to top, #000 1%, #0006 16%, #0000 21%);
  }

  .container1300.s5-header {
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 0;
  }

  .image-66 {
    width: 60px;
  }

  .grid-11 {
    grid-row-gap: 10px;
  }

  .grid-12 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .map-list-container-s4 {
    height: 400px;
  }

  .div-block-53 {
    text-align: center;
    background-color: #0000;
    background-image: linear-gradient(to top, #000 27%, #0000 85%);
    background-position: 0 0;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    min-width: auto;
    padding-top: 30vh;
    display: flex;
  }

  .image-69 {
    width: 60%;
  }

  .p15 {
    padding: 10px;
  }

  .p15.o1.mr20 {
    margin-right: 10px;
  }

  .p15.g1.mr20 {
    margin-right: 10px;
    padding: 10px;
  }

  .columns-28 {
    display: block;
  }

  .column-58 {
    padding-bottom: 30px;
    padding-right: 10px;
  }

  .column-59 {
    padding-top: 30px;
    padding-left: 10px;
  }

  .column-59.mt50 {
    padding-top: 0;
  }

  .grid-13 {
    grid-template-columns: 1fr;
  }

  .linkg2.mobile-g1 {
    color: var(--main-color);
  }

  .image-70 {
    height: 230px;
  }

  .div-block-55 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    inset: auto 0% 30px;
  }

  .div-block-55.lp2 {
    width: 100%;
    position: static;
  }

  .slide-nav-5 {
    left: 50px;
    right: auto;
  }

  .slide-nav-5.lp2 {
    inset: 270px auto auto 21px;
  }

  .left-arrow-5 {
    top: auto;
    bottom: 75px;
    right: 80px;
    transform: scale(.75);
  }

  .right-arrow-5 {
    top: auto;
    bottom: 75px;
    transform: scale(.75);
  }

  .slide-9 {
    background-position: 30%;
  }

  .grid-14 {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .div-block-56 {
    background-size: 80%;
    height: auto;
    min-height: 65vh;
    padding: 30px;
  }

  .image-71._2.lp2 {
    height: 400px;
  }

  .slide-10, .slide-11 {
    background-position: 15%;
  }

  .image-72 {
    width: 100%;
    height: 350px;
    top: auto;
    left: 0%;
  }

  .summary-jersey.purple {
    display: none;
  }

  .image-73 {
    width: 70%;
    height: 400px;
    margin: 20px auto 30px 10%;
    display: block;
  }

  .image-73.larger {
    width: 70%;
  }

  .slider-jersey-part {
    background-position: 0 0, 100% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 450px;
    height: auto;
    min-height: 100vh;
  }

  .div-block-59 {
    height: 260px;
  }

  .div-block-59.g3 {
    min-height: 250px;
    padding-right: 125px;
  }

  .s4-success {
    padding: 30px;
  }

  .div-block-60 {
    padding-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-61 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .tablet-display-on {
    display: block;
  }

  .s5-form {
    margin-bottom: -25px;
  }

  .quick-stack-2 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .s5-h2 {
    font-size: 32px;
    line-height: 38px;
  }

  .s5-h2.tjl.mobile-center {
    text-align: center;
  }

  .s5-header-teasing {
    background-image: linear-gradient(0deg, #092920 22%, #092920ab 44%, #09292000 56%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662622feb1e1883f94a24fab_TonClubTonMaillot2023-404.jpg");
    background-position: 0 0, 30% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 80%;
  }

  .s5-header-teasing.s5-landing2 {
    background-image: linear-gradient(0deg, #092920 45%, #092920ab 54%, #09292000 62%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662b626942758e890ebe0c1e_TonClubTonMaillot2023-header-2%20(1).jpg");
    background-position: 0 0, 25% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 80%;
  }

  .s5-header-teasing.landing1-header {
    background-image: linear-gradient(0deg, #092920 34%, #092920ab 43%, #09292000 54%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662a6ceee6af3485bc03724d_TonClubTonMaillot2023-21-2.jpeg");
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 80%;
  }

  .s5-header-box {
    width: 100%;
    margin-bottom: 50px;
    margin-left: 0;
    margin-right: 0;
    padding: 30px 30px 10px;
  }

  .image-78 {
    margin-bottom: 20px;
    display: block;
  }

  .quick-stack-4 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-bottom: 30px;
  }

  .cell-8 {
    padding: 20px;
  }

  .image-80 {
    height: 100%;
    inset: auto 0% 0% auto;
  }

  .quick-stack-6 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .image-81 {
    width: 60px;
  }

  .s5-big-img-footer {
    background-position: 60% 0;
  }

  .s5-big-img-footer.small {
    background-size: 100%;
  }

  .image-82 {
    width: 42%;
  }

  .s5-quote-section {
    padding-top: 250px;
    padding-bottom: 60px;
  }

  .s5-quote-section.quote1 {
    background-image: linear-gradient(180deg, var(--g4), #123d30b3 6%, #123d3000 12%), linear-gradient(180deg, #131a15e3 10%, #131a15cc 39%, #131a1599 54%, #131a1500 63%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627ba7309f3d5409e13cd95_quote-1-mobile3.jpg");
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    padding-top: 100px;
    padding-bottom: 500px;
  }

  .s5-quote-section.quote1.no-gradient {
    background-image: linear-gradient(#131a15e6 18%, #131a15cc 44%, #131a1500 62%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627ba7309f3d5409e13cd95_quote-1-mobile3.jpg");
  }

  .s5-quote-section.quote2 {
    background-image: linear-gradient(#131a15e6 20%, #131a1599 50%, #131a1500 60%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627b26d4274e41ed3b0c8a4_quote-2-mobile.jpg");
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    padding-top: 50px;
    padding-bottom: 500px;
  }

  .s5-quote-section.quote4 {
    background-image: linear-gradient(#131a15a6 21%, #131a158c 33%, #131a1500 44%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662f558b0b6846bc2e5a60ae_QUOTE-4-mobile.jpg");
    background-position: 0 0, 50% 100%;
    padding-top: 50px;
    padding-bottom: 500px;
  }

  .s5-quote-section.quote-5 {
    background-image: linear-gradient(#131a15cc 30%, #131a1580 40%, #131a1500 49%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662f5c47e6fb78fc175da7e3_TonClubTonMaillot2023-335-mobile.jpg");
    background-position: 0 0, 50% 100%;
    background-size: auto, cover;
    padding-top: 50px;
    padding-bottom: 450px;
  }

  .div-block-64 {
    text-align: left;
    width: 100%;
  }

  .s5-tabbar {
    padding-bottom: 10px;
  }

  .cell-10 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    text-align: center;
    display: block;
  }

  .success-message-4, .s5-engagement-text-box {
    padding: 20px;
  }

  .golden-ticket-holder {
    flex-flow: column;
  }

  .golden-ticket-picture {
    width: 100%;
    height: 200px;
  }

  .golden-ticket-text-box {
    width: 90%;
    padding: 20px;
  }

  .image-83 {
    top: 220px;
  }

  .s5-dotation-text-holder {
    padding-bottom: 0;
  }

  .p40-30 {
    padding: 20px;
  }

  .p40-30.pb0.pl84 {
    padding: 20px 20px 20px 60px;
  }

  .p40-30.pl84.g1 {
    padding-left: 20px;
  }

  .div-block-65 {
    width: 70%;
  }

  .slider-7 {
    max-height: 500px;
  }

  .div-block-67 {
    padding: 20px;
  }

  .div-block-68 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .cell-15 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .s6-ty-logo {
    width: 160px;
    margin-left: -10px;
  }

  .spacer70 {
    height: 32px;
  }

  .s6-footer-img.lp-recrutement {
    background-image: linear-gradient(270deg, #00402866 35%, #00402800 65%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681daea1787170549456e533_s6-footer-picture.jpg");
    background-position: 0 0, 50% 35%;
    background-size: auto, cover;
  }

  .quick-stack-18 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .s6-form-teasing-box {
    border-radius: 24px;
    padding: 32px 24px;
  }

  .s6-form-teasing-box.carrousel {
    padding: 24px 16px 6px;
  }

  .spacer40 {
    height: 30px;
  }

  .quick-stack-20 {
    grid-row-gap: 1px;
  }

  .s6-teasing-picture {
    border-radius: 24px;
  }

  .quick-stack-21 {
    padding-left: 25vw;
    padding-right: 25vw;
  }

  .s6-teasing-quote-box {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    padding: 30px 20px 200px;
  }

  .div-block-72 {
    width: 70%;
  }

  .green-circle-g3 {
    width: 175px;
    height: 175px;
    padding: 10px;
    inset: auto auto 0% 0%;
  }

  .div-block-73 {
    width: 80vw;
    max-width: 420px;
    height: 80vw;
    max-height: 420px;
    inset: auto auto 0% 50px;
  }

  .s6-header.lp-recrutement {
    background-position: 0 0, 0 0, 62%;
  }

  .image-92 {
    width: 250px;
  }

  .container700.tcc.mobile-tjl {
    text-align: left;
  }

  .bo1-2025 {
    width: 100%;
  }

  .s6-par-passion-box.calendar-picture {
    background-position: 95px;
  }

  .div-block-79 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-80 {
    min-width: 80px;
    min-height: 80px;
  }

  .s6-dot-numerotation {
    width: 36px;
    height: 36px;
    font-size: 18px;
    line-height: 22px;
  }

  .s6-testimonial-section {
    background-image: linear-gradient(#004028 15%, #00402800 43%), linear-gradient(#0c6e46a6 35%, #0c6e4600 48%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681db8bad7b4620349450dbc_quote-picture.jpg");
    background-position: 0 0, 0 0, 25% 100%;
    background-size: auto, auto, auto 85%;
  }

  .quick-stack-26 {
    padding-bottom: 300px;
  }

  .image-93 {
    width: 50px;
    height: 50px;
  }

  .s6-calendar-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .div-block-81 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .tabs-menu-3 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: wrap;
    padding-bottom: 16px;
  }

  .s6-dotation-tab-link {
    font-size: 15px;
    line-height: 18px;
  }

  .s6-dotation-tab-link.w--current {
    padding: 9px 21px;
  }

  .s6-tab-arrow {
    display: none;
  }

  .quick-stack-27 {
    border-radius: 16px;
  }

  .cell-18 {
    padding: 24px;
  }

  .image-94 {
    min-height: 250px;
    max-height: 350px;
  }

  .grid-18 {
    grid-template-columns: 1fr;
  }

  .quick-stack-29 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 30px;
  }

  .div-block-85 {
    min-height: 300px;
  }
}

@media screen and (max-width: 479px) {
  .top-header-wallpaper {
    height: 200px;
  }

  .onglet-text {
    display: none;
  }

  .onglet-off {
    z-index: 7;
    margin-left: -5px;
    padding-left: 0;
    padding-right: 0;
  }

  .onglet-off.w--current {
    z-index: 7;
    padding-right: 0;
  }

  .onglet-off.document {
    z-index: 1;
    padding-right: 0;
  }

  .section {
    padding-left: 5%;
    padding-right: 5%;
  }

  .picto-onglet {
    width: 36px;
    height: 36px;
    margin-right: 0;
  }

  .picto-onglet-img {
    width: 16px;
  }

  .timeline-line-on, .timeline-line-off {
    height: 130px;
  }

  .divider {
    display: none;
  }

  .grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .file-box {
    height: 230px;
  }

  .file-img {
    height: 100px;
  }

  .file-title {
    line-height: 16px;
  }

  .btn-main-color-full-file {
    padding: 12px 10px;
    font-size: 14px;
    line-height: 16px;
  }

  .tab-link-tab-3.onglet-off {
    z-index: 5;
    padding-right: 0;
  }

  .tab-link-tab-2.onglet-off {
    z-index: 6;
    justify-content: center;
    padding-right: 0;
  }

  .tabs-menu {
    justify-content: center;
    margin-left: 2px;
  }

  .database-tab-2, .user-content-tab-3, .document-tab-4, .planning-tab-5 {
    padding: 40px 20px;
  }

  .html-embed {
    height: 80vh;
  }

  .footer-grinta.mentions {
    padding-top: 4vh;
    padding-bottom: 4vh;
  }

  .text-14 {
    font-size: 12px;
    font-weight: 300;
    line-height: 14px;
  }

  .header.half-header {
    background-position: 80%;
    min-height: 70vh;
  }

  .header.half-header.saison-1 {
    background-position: 70%;
  }

  .header.lp-gagnants {
    padding-bottom: 5vh;
  }

  .header-first-row {
    height: 28vh;
  }

  .header-second-row {
    height: auto;
    min-height: 65vh;
    padding-top: 6vh;
    padding-bottom: 4vh;
  }

  .header-second-row.lp-1-2 {
    height: auto;
    min-height: 60vh;
    padding-top: 6vh;
  }

  .header-second-row.lp-gagnants {
    height: auto;
    min-height: 45vh;
  }

  .header-text-box.half-header {
    width: 50vw;
  }

  .text-onest-55.margin-bottom-30 {
    margin-top: 0;
  }

  .text-onest-55.margin-bottom-20.special {
    margin-left: 20vw;
  }

  .text-onest-30 {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .text-onest-30.padding-left-20.smaller-videos {
    margin-top: 15px;
  }

  .text-onest-30.resume {
    width: 80%;
  }

  .text-onest-30.title {
    line-height: 32px;
  }

  .cta-orange {
    text-align: center;
    width: 100%;
    display: block;
  }

  .cta-orange.margin-top-20.padding-smaller {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .email-teasing-field {
    width: 100%;
    margin-bottom: 10px;
  }

  .div-block-2 {
    display: block;
  }

  .text-onest-16, .text-onest-16.margin-bottom-20 {
    line-height: 18px;
  }

  .image-2 {
    width: 70vw;
  }

  .header-img-row {
    background-color: #0000;
    background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/604f77c04cfed27179a3e600_HEADER-MOBILE.jpg");
    background-position: 50% 0;
    background-size: cover;
  }

  .header-img-row.lp-1 {
    background-position: 50% 0;
  }

  .header-img-row.lp-gagnants {
    background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/608800c6385e4dcf5029e201_30052020-HUB_8957.jpg");
    display: block;
  }

  .ton-club-ton-maillot-teasing {
    padding-top: 0;
    padding-bottom: 5vh;
    overflow: hidden;
  }

  .text-onest-34 {
    font-size: 24px;
    line-height: 30px;
  }

  .text-gotham-20 {
    font-size: 18px;
    line-height: 20px;
  }

  .text-gotham-20.bold {
    font-size: 16px;
    line-height: 18px;
  }

  .schema-box {
    margin-top: 5vh;
  }

  .vignette.numbers {
    top: -50px;
  }

  .column-5 {
    padding-left: 0;
  }

  .icon-numbers {
    height: 60px;
  }

  .icon-numbers.margin-top-15 {
    height: 40px;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .icon-numbers.padding-top-5 {
    padding-top: 0;
  }

  .numbers-main-icon-box {
    margin-bottom: 35px;
  }

  .numbers-numbers-box {
    margin-top: 40px;
  }

  .text-chark-55 {
    font-size: 40px;
    line-height: 40px;
  }

  .chart-number.right {
    margin-left: 0;
  }

  .chart-number.left {
    margin-right: 0;
  }

  .arrow-numbers {
    width: 65px;
    left: 50px;
  }

  .arrow-numbers.right {
    left: 59px;
  }

  .column-6 {
    padding-right: 0;
  }

  .groupama-soutient {
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

  .groupama-soutient-img-container {
    height: 30vh;
  }

  .img-gropama-soutient {
    background-position: 100% 70%;
    background-size: auto 180%;
  }

  .img-gropama-soutient._2nd {
    background-position: 15% 10%;
    background-size: 90%;
    width: 100vw;
  }

  .groupama-soutient-text-box {
    width: 70vw;
    padding-right: 0;
  }

  .groupama-soutient-text-box._1st-row, .groupama-soutient-text-box._2nd-row {
    width: 80vw;
  }

  .text-gotham-20-orange.right {
    text-align: right;
  }

  .videos {
    padding-top: 12vh;
    padding-bottom: 6vh;
  }

  .green-path-rotate {
    padding-top: 5vh;
    padding-bottom: 10vh;
    display: flex;
  }

  .green-path-rotate.picture-background {
    height: 25vh;
  }

  .green-path-rotate.largger {
    width: 140%;
    padding-bottom: 7vh;
    padding-left: 30vw;
    padding-right: 30vw;
  }

  .picto-title {
    width: 10vw;
  }

  .cycle-picto {
    height: 50px;
    top: -44px;
    left: 215px;
  }

  .video-box {
    width: 80vw;
  }

  .video, .grid-3 {
    display: block;
  }

  .day-timer.s-3 {
    padding: 8px 12px 3px;
    font-size: 55px;
    line-height: 55px;
  }

  .reminders-date {
    margin-top: 5vh;
  }

  .video-container {
    padding-left: 0;
  }

  .video-container.margin-left-30 {
    margin-left: 0;
  }

  .videos-groupama-1 {
    margin-top: -20px;
    padding-bottom: 20px;
  }

  .section-2 {
    padding-top: 0;
  }

  .text-gotham-14.maring-bottom-30 {
    font-size: 13px;
    line-height: 16px;
  }

  .picture-thibaut {
    height: 20vh;
  }

  .container-1500 {
    max-width: 90vw;
    padding-bottom: 0;
  }

  .text-gotham-condensed-80 {
    font-size: 60px;
    line-height: 65px;
  }

  .column-8 {
    margin-bottom: 0;
  }

  .column-9 {
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  .summary-picture {
    height: 150px;
  }

  .cta-square-orange {
    font-size: 18px;
    line-height: 20px;
  }

  .sticker-summary {
    height: 30px;
    top: -15px;
  }

  .text-gotham-condensed-18 {
    font-size: 16px;
    line-height: 16px;
  }

  .columns-4 {
    margin-bottom: 20px;
  }

  .image-4 {
    width: 80vw;
  }

  .column-11 {
    padding-bottom: 50px;
  }

  .header-half-size-text-box {
    width: 75vw;
    height: 70vh;
  }

  .header-big-logo {
    width: 50vw;
  }

  .actforsport-footer {
    width: 80vw;
  }

  .actforsport-logo {
    width: 25vw;
  }

  .lp-1-tonclubtonmaillot-presentation {
    padding: 2vh 10vw 5vh;
  }

  .slider-lp-1-rotate {
    height: 40vh;
  }

  ._3d-jersey-img {
    height: 50vh;
    top: -3%;
    left: -25%;
  }

  .slider-container {
    display: block;
  }

  .schema-lp-1 {
    padding-left: 3vw;
    padding-right: 3vw;
  }

  .schema-lp-1.saison-1, .schema-lp-1.saison-1.engagement {
    width: 100%;
  }

  .column-12 {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .column-13 {
    padding-right: 0;
  }

  .planning-lp-1 {
    padding-bottom: 22vh;
  }

  .planning-bulle {
    width: 13vw;
    height: 13vw;
  }

  .planning-step-box {
    width: 90vw;
    height: 11vh;
  }

  .planning-line {
    height: 45vh;
    top: 9vw;
    left: 9.3vw;
  }

  .planning-step-text-box {
    width: 65vw;
    margin-left: 4vw;
  }

  .picture-large {
    padding-bottom: 5vh;
  }

  .resume-programme {
    padding-bottom: 5vh;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .resume-programme.lp-2 {
    margin-top: -10vh;
  }

  .resume-box {
    margin-bottom: 40px;
  }

  .resume-title-row.short {
    align-items: center;
    width: 85vw;
  }

  .column-14 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-15 {
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .column-16 {
    padding-left: 0;
    padding-right: 0;
  }

  .signature-groupama {
    width: 80vw;
    display: block;
  }

  .signature-groupama.padding-top-20 {
    padding-top: 0;
  }

  .columns-7 {
    margin-bottom: 20px;
  }

  .image-7 {
    width: 30%;
    position: absolute;
    top: -80px;
    left: 190px;
  }

  .signature-img {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .experience-expectionnelle {
    padding-top: 20vh;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .experience-execptionnelle-slider {
    margin-top: 40px;
  }

  .div-block-8 {
    margin-top: 0;
  }

  .tenues-competition {
    padding: 5vh 10vw;
  }

  .grinta {
    padding-bottom: 5vh;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .img.padding-right-20 {
    margin-bottom: 20px;
    padding-right: 0;
  }

  .form-field.long-text {
    height: 400px;
  }

  .div-block-9 {
    width: auto;
    height: 500px;
    margin-bottom: 30px;
  }

  .form-rotate {
    width: 150%;
  }

  .form-anti-rotate {
    max-width: 250px;
    padding-top: 2vh;
  }

  .section-3 {
    padding-top: 5vh;
    padding-right: 5vw;
    overflow: hidden;
  }

  .columns-11 {
    margin-bottom: 20px;
  }

  .form-block-2 {
    max-width: 300px;
  }

  .column-20, .column-21, .column-22, .column-23 {
    padding-left: 0;
    padding-right: 0;
  }

  .columns-13 {
    margin-top: 30px;
  }

  .cgu {
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: hidden;
  }

  .title-main {
    font-size: 25px;
    line-height: 30px;
  }

  .title-bold-24 {
    text-align: left;
    margin-top: 30px;
    font-size: 22px;
    line-height: 25px;
  }

  .div-block-10 {
    width: 65vw;
    left: -30px;
  }

  .thanks {
    margin-top: 2vh;
    margin-bottom: 2vh;
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .content-section {
    background-image: none;
    width: 100%;
    padding-top: 0;
    padding-bottom: 5vh;
    overflow: hidden;
  }

  .section-titles {
    letter-spacing: 1px;
    width: 105%;
    margin-left: -2%;
    padding: 25px 10%;
    font-size: 40px;
    line-height: 50px;
  }

  .map-dot-box.pays-loire {
    top: 25%;
    left: 20%;
  }

  .map-dot-box.paca {
    top: 51%;
    left: 71%;
  }

  .map-dot-box.ile-france {
    top: 16%;
    left: 44%;
  }

  .map-dot-box.bretagne {
    top: 19%;
    left: 5%;
  }

  .map-dot-box.bourgogne-franche-comte {
    top: 27%;
    left: 59%;
  }

  .map-dot-box.auvergne-rhone-alpes {
    top: 40%;
    left: 59%;
  }

  .map-dot-box.grand-est {
    top: 15%;
    left: 65%;
  }

  .map-dot-box.guadeloupe {
    top: 90%;
    left: 51%;
  }

  .map-dot-box.centre-val-loire {
    top: 26%;
    left: 38%;
  }

  .map-dot-box.normandie {
    top: 13%;
    left: 26%;
  }

  .map-dot-box.haut-france {
    top: 6%;
    left: 45%;
  }

  .map-dot-box.occitanie {
    top: 52%;
    left: 41%;
  }

  .map-dot-box.nouvelle-aquitaine {
    top: 40%;
    left: 28%;
  }

  .map-dot-box.corse {
    top: 61%;
    left: 85%;
  }

  .map-dot-box.reunion {
    top: 91%;
  }

  .map-dot-box.mayotte {
    top: 91%;
    left: 83%;
  }

  .map-dot-box.guyane {
    top: 80%;
    left: 71%;
  }

  .map-dot-box.martinique {
    left: 23%;
  }

  .map-dot-inter-circle {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
  }

  .italic-box {
    min-width: 100%;
    margin-left: -10px;
    padding-bottom: 0;
    padding-left: 0%;
  }

  .column-25 {
    padding-left: 0;
    padding-right: 0;
  }

  .map-box {
    width: 310px;
    height: 410px;
  }

  .map-box.s3 {
    width: 300px;
    height: 380px;
  }

  .map-dot {
    background-color: var(--white);
    width: 30px;
    height: 30px;
    box-shadow: 0 0 4px -2px #000;
  }

  .italic-text {
    letter-spacing: 0;
    font-weight: 900;
  }

  .content-box {
    margin-top: 10px;
    padding-right: 0%;
  }

  .text-italic-black-70 {
    font-size: 52px;
    line-height: 56px;
  }

  .map-dot-location {
    font-size: 14px;
    line-height: 16px;
    display: none;
    right: 2em;
  }

  .map-instruction-box {
    margin-bottom: 15px;
    margin-left: 3%;
    margin-right: 3%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .pop-up-text-box {
    min-width: 70%;
    max-width: 95%;
  }

  .pop-up-text-box.saison-1 {
    max-width: 95%;
  }

  .pop-up-text-box._2-cols {
    padding-left: 15px;
    padding-right: 15px;
  }

  .cross-close {
    width: 40px;
    height: 40px;
    padding: 10px;
  }

  .column-26 {
    padding-left: 0;
    padding-right: 0;
  }

  .social-wall {
    padding-top: 10vh;
  }

  .div-block-12 {
    margin-top: 20px;
  }

  .full-picture {
    height: 28vh;
  }

  .resume-col {
    padding-left: 0;
    padding-right: 0;
  }

  .slider-saison-1-lp1 {
    width: 100%;
  }

  .cta-orange-saison-1 {
    position: absolute;
  }

  .column-27, .column-31 {
    padding-left: 0;
    padding-right: 0;
  }

  .step-circle {
    width: 28px;
    height: 28px;
  }

  .grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .step-box {
    width: 30vw;
  }

  .color-text {
    font-size: 11px;
  }

  .step-line-reward {
    width: 60vw;
  }

  .step-line-reward.step-0 {
    width: 50vw;
  }

  .step-line-reward.step-0._2-steps {
    width: 35vw;
    top: 14px;
  }

  .step-line-reward._2-steps.line-up {
    top: 14px;
  }

  .palette-drawer {
    padding-top: 50px;
    top: 98%;
  }

  .color-dot {
    width: 35px;
    height: 22px;
  }

  .steps-container.step-0 {
    align-items: flex-start;
  }

  .hide-palette {
    height: 30px;
  }

  .img-box {
    height: 78vh;
  }

  .img-box.logos-partenaires {
    height: 65vh;
  }

  .heading-3 {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 36px;
  }

  .heading-4 {
    font-size: 16px;
    line-height: 22px;
  }

  .row-step-0 {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .columns-17 {
    margin-bottom: 20px;
  }

  .usefull-items-box {
    margin-bottom: 29px;
  }

  .div-block-21 {
    margin: 0 15px 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section-7 {
    padding-top: 6vh;
    padding-bottom: 6vh;
  }

  .jersey-box {
    display: none;
    inset: -10% 0% auto -16%;
  }

  .jersey-picture {
    height: 300px;
    margin-left: auto;
    margin-right: auto;
  }

  .section-8 {
    padding-top: 5vh;
  }

  .div-block-22 {
    width: 90vw;
    padding-top: 10px;
    padding-left: 30px;
  }

  .doc-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-9 {
    display: flex;
  }

  .div-block-24 {
    text-align: center;
    padding: 10% 7%;
  }

  .text-gotham-condensed-45 {
    font-size: 34px;
    line-height: 36px;
  }

  .club-select-box {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    display: flex;
  }

  .cta-box {
    margin-top: 5px;
  }

  .select-box {
    min-width: 100%;
    padding-right: 0;
  }

  .container-start-button {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-12, .text-block-13 {
    text-align: center;
  }

  .text-center-steps {
    display: none;
  }

  .html-embed-4 {
    min-width: 75vw;
  }

  .tab-guide-taille {
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
  }

  .tab-guide-taille.w--current {
    padding: 10px 20px;
    font-size: 15px;
  }

  .tabs-menu-2 {
    flex-wrap: wrap;
    display: flex;
  }

  .guide-taille-tableau {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .img-taille {
    width: 100%;
  }

  .grand-img-taille {
    width: 115%;
    max-width: 120%;
    margin-left: -2%;
  }

  .image-32 {
    width: 50%;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .column-33, .column-34 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .container-start-button-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .article-shop-picture {
    height: 180px;
  }

  .background-video-2 {
    height: 60vh;
  }

  .saison-1-tesing-text-header {
    width: 95vw;
  }

  .teasing-saison-1-actions {
    padding-bottom: 30px;
  }

  .image-33 {
    width: 150px;
    margin-top: 10px;
    margin-left: 0;
  }

  .i50.mb20 {
    margin-bottom: 0;
  }

  .image-34, .image-35 {
    max-height: 150px;
  }

  .image-37 {
    height: 200px;
  }

  .desktop {
    display: none;
  }

  .section-w1.full-h.overflow-none {
    height: auto;
    min-height: auto;
  }

  .section-w1.full-h._90vh {
    min-height: 90vh;
  }

  .image-38 {
    width: 80%;
  }

  .container1200 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container1200.blog-head {
    padding-right: 10px;
    top: 28vh;
    bottom: 0;
  }

  .bo1.full {
    text-align: center;
    width: 100%;
  }

  .bo1.mr10.mobile-full {
    margin-right: 0;
  }

  .bo1.mobile-full-s4 {
    display: block;
  }

  .tm {
    white-space: pre-wrap;
  }

  .tm.gothamcondensed {
    font-size: 18px;
  }

  .tl.gothamcondensed {
    margin-bottom: 0;
    font-size: 22px;
    line-height: 24px;
  }

  .tl.gothamcondensed.fit.mr5 {
    margin-bottom: 0;
  }

  .tl.tcc.gothamcondensed {
    font-size: 22px;
    line-height: 24px;
  }

  .ts {
    font-size: 14px;
    line-height: 16px;
  }

  .txs {
    font-size: 12px;
    line-height: 14px;
  }

  .txs.gotham.mb5.height-36 {
    height: 16px;
  }

  .txxs.display-mobile {
    top: 0;
  }

  .h1 {
    font-size: 36px;
    line-height: 38px;
  }

  .h1.gothamcondensed {
    font-size: 40px;
    line-height: 40px;
  }

  .h1.gothamcondensed.smaller {
    margin-top: 10px;
    font-size: 38px;
    line-height: 40px;
  }

  .h1.gothamcondensed.smaller.mobile-bigger {
    font-size: 55px;
    line-height: 55px;
  }

  .p30 {
    padding: 20px;
  }

  .p30.mt-100.teasing-padding {
    padding: 10px;
  }

  .cc.jc.ml-30 {
    margin-left: -30px;
  }

  .cc.jc.mr-30 {
    margin-right: -30px;
  }

  .cc.teasing-numbers {
    width: 75%;
  }

  .cc.v.jl.calendar-size.mobile-h {
    flex-direction: row;
  }

  .cc._90px {
    width: 90px;
    margin-right: 20px;
  }

  .cc.display-desktop {
    display: none;
  }

  .cc.display-mobile {
    align-items: flex-start;
    display: flex;
  }

  .cc.float {
    clear: both;
    position: static;
  }

  .section-g1.ptb50 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .container1100 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div50, .div50.c {
    width: 100%;
  }

  .div50.c {
    width: 85%;
  }

  .txl.gothamcondensed {
    font-size: 30px;
    line-height: 32px;
  }

  .txl.gothamcondensed.smaller {
    font-size: 26px;
    line-height: 26px;
  }

  .txxl {
    font-size: 24px;
    line-height: 26px;
  }

  .txxl.gothamcondensed {
    font-size: 38px;
    line-height: 42px;
  }

  .txxl.gothamcondensed.no-wrap {
    font-size: 40px;
    line-height: 40px;
  }

  .txxxl.gothamcondensed {
    font-size: 44px;
  }

  .txxxl.gothamcondensed.mr10 {
    line-height: 70px;
  }

  .txxxl.gothamcondensed.mr10.mobile-no-margin, .txxxl.gothamcondensed.mr10.m0-mobile {
    margin-right: 0;
  }

  .image-40 {
    width: 130px;
    left: 15%;
  }

  .relative.s5-ty-img-holder {
    margin-top: 35vh;
  }

  .image-41 {
    width: 150px;
    left: 15%;
  }

  .spacer50 {
    height: 30px;
  }

  .container900 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-27 {
    padding-left: 0;
    padding-right: 0;
  }

  .i24-map {
    width: 19px;
    height: 19px;
  }

  .image-42 {
    width: 50%;
    left: -15%;
  }

  .columns-21 {
    width: 100%;
  }

  .spacer30 {
    height: 20px;
  }

  .form-input-text {
    margin-left: 0;
  }

  .column-39 {
    padding-left: 0;
    padding-right: 0;
  }

  .image-43 {
    margin-top: -15px;
  }

  .image-44 {
    object-position: 50% 18px;
    height: 35vh;
    position: relative;
  }

  .g1.p30.background-tctm-mark, .g1.p30.background-tctm-mark.relative.ptb40 {
    padding: 18px;
  }

  .g1.p30.mobile-p15 {
    padding: 18px 15px;
  }

  .g1.p20.header-box-content.teasing {
    padding-left: 15px;
    padding-right: 15px;
  }

  .g1.p20.pt30.relative.background-tctm-mark.special {
    margin-bottom: 10px;
  }

  .column-41 {
    padding-top: 10px;
  }

  .div-block-31 {
    height: 200px;
  }

  .div-block-31.bigger {
    height: 250px;
  }

  .div-block-32 {
    background-position: -20px 25px;
    background-size: 75%;
    height: 250px;
  }

  .g2.rounded10.p20.cc.v.tenue-colonne-resume {
    width: 125px;
    padding: 10px;
    top: 10px;
  }

  .column-42 {
    padding-right: 0;
  }

  .slider-4 {
    width: 90%;
    right: -10px;
  }

  .mask-3 {
    height: 325px;
  }

  .image-49 {
    object-position: 25% 35%;
  }

  .column-43 {
    margin-bottom: 20px;
    padding-right: 10px;
  }

  .div-block-37 {
    max-width: 320px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .i38 {
    width: 32px;
    height: 32px;
  }

  .list-club-box-item {
    margin: 2px 0;
    padding: 8px;
  }

  .hit-box {
    width: 40px;
    height: 40px;
  }

  .hit-box.cc.jc.point-auvergne-rhone-alpe {
    top: 36%;
    left: 56%;
  }

  .hit-box.cc.jc.point-bourgogne {
    top: 23%;
  }

  .hit-box.cc.jc.point-bretagne {
    top: 14%;
    left: 1%;
  }

  .hit-box.cc.jc.point-corse {
    top: 56%;
    left: 88%;
  }

  .hit-box.cc.jc.point-centre-val-loire {
    top: 22.3%;
    left: 34%;
  }

  .hit-box.cc.jc.point-grand-est {
    top: 11%;
  }

  .hit-box.cc.jc.point-haut-france {
    top: 1%;
    left: 41%;
  }

  .hit-box.cc.jc.point-ile-france {
    top: 11%;
    left: 40%;
  }

  .hit-box.cc.jc.point-normandie {
    top: 9%;
  }

  .hit-box.cc.jc.point-nouvelle-aquitaine {
    top: 36%;
  }

  .hit-box.cc.jc.point-occitanie {
    top: 49%;
    left: 37%;
  }

  .hit-box.cc.jc.point-pays-loire {
    top: 22%;
    left: 16%;
  }

  .hit-box.cc.jc.point-provence-alpes {
    top: 49%;
    left: 67%;
  }

  .hit-box.cc.jc.point-reunion {
    top: 85%;
  }

  .hit-box.cc.jc.point-mayotte {
    top: 85%;
    left: 85%;
  }

  .hit-box.cc.jc.point-guadeloupe {
    top: 88%;
    left: 41.5%;
  }

  .hit-box.cc.jc.point-guyane {
    top: 74%;
    left: 67%;
  }

  .hit-box.cc.jc.point-martinique {
    top: 75%;
  }

  .i24.mobile-i20 {
    width: 20px;
    height: 20px;
  }

  .i54.mr20 {
    margin-right: 10px;
  }

  .image-51 {
    top: 60px;
  }

  .h3.t-g1 {
    font-size: 24px;
    line-height: 24px;
  }

  .h2, .h2.gothamcondensed {
    font-size: 32px;
    line-height: 34px;
  }

  .h2.gothamcondensed.tcc {
    font-size: 28px;
    line-height: 32px;
  }

  .h2.gothamcondensed.capitalize {
    font-size: 32px;
    line-height: 32px;
  }

  .column-44 {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .column-45 {
    padding-left: 0;
    padding-right: 0;
  }

  .image-52 {
    object-position: 10px 0px;
    width: 75%;
    height: 120px;
    margin-top: -40px;
    bottom: -15px;
    right: -15px;
  }

  .column-46 {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .slide-tenues {
    min-height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .w1.p20.mobile-p10 {
    padding: 10px;
  }

  .column-47 {
    padding-bottom: 0;
  }

  .columns-23 {
    min-height: auto;
  }

  .image-55 {
    height: 45vh;
    min-height: 40vh;
    margin-bottom: 40px;
  }

  .div-block-39 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .grid-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .grid-7.t-black {
    padding-left: 5px;
    padding-right: 5px;
  }

  .div100.w1.p50 {
    padding: 30px;
  }

  .div100.p50.rounded-top.g1.mobile-p20 {
    padding: 20px;
  }

  .columns-24 {
    margin-left: 0;
    margin-right: 0;
  }

  .spacer50-2 {
    height: 25px;
  }

  .column-49 {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .bold-text-7 {
    font-size: 30px;
  }

  .heading-6 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-57 {
    width: 90px;
  }

  .div-block-40 {
    max-width: 150px;
  }

  .column-50 {
    margin-bottom: 0;
  }

  .right-arrow-3 {
    right: -10px;
  }

  .left-arrow-3 {
    left: -10px;
  }

  .slide-nav-4 {
    bottom: -50px;
  }

  .div-block-41 {
    margin-left: 0;
    margin-right: 0;
  }

  .html-embed-5 {
    padding-left: 0;
  }

  .checkbox-label-3 {
    width: 90%;
  }

  .couverture-blog {
    height: 48vh;
  }

  .image-58 {
    width: 100%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .div-block-42._2 {
    background-image: linear-gradient(to top, #00000052 35%, #0000 70%);
    display: block;
  }

  .collection-item {
    width: 97%;
  }

  .div-block-43 {
    width: 280px;
    height: 280px;
  }

  .h4 {
    margin-bottom: 0;
  }

  .slide-7 {
    height: 750px;
  }

  .grid-8 {
    grid-template-columns: 1fr;
  }

  .div-block-45.right {
    left: auto;
  }

  .filter-button.m5 {
    border-width: 1.5px;
    margin: 2px;
    padding: 3px 8px;
    font-size: 12px;
  }

  .sort-button.m5 {
    margin: 2px;
    padding: 4px 10px;
  }

  .image-65 {
    width: 55vw;
  }

  .background-video-4 {
    display: block;
  }

  .img-section.full-size-section.relative.s4-teasing-s2 {
    background-position: 85% 5%;
    background-size: auto 110%;
  }

  .img-section.full-size-section.relative.s4-teasing-s3 {
    background-image: url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/643d51bf0aff9076dccefcbc_tenue-retravaillee.jpg");
    background-position: 10% 102%;
    background-repeat: no-repeat;
    background-size: auto 300px;
    padding-bottom: 180px;
  }

  .img-section.full-size-section.relative.s4-teasing-s5 {
    background-position: 100% 0;
    background-size: 130%;
    padding-top: 150px;
  }

  .img-section.full-size-section.relative.s4-teasing-s6 {
    background-position: 11% 100%;
  }

  .img-section.full-size-section.relative.s4-lp2-s1 {
    background-position: 71%;
  }

  .img-section.full-size-section.relative.s4-annonce {
    background-image: linear-gradient(178deg, #000 1%, #0000 3%), linear-gradient(to right, #000 4%, #0000 29%), linear-gradient(to top, #000 88%, #0000004f 93%, #0000 95%), linear-gradient(#000c, #00000069 2%, #0000 4%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/645a05b433be2c047bf5028d_TonClubTonMaillot2023-168.jpg");
    background-position: 0 0, 0 0, 0 0, 0 0, 70% -10px;
    background-repeat: repeat, repeat, repeat, repeat, no-repeat;
    background-size: auto, auto, auto, auto, 175%;
    padding-top: 100px;
  }

  .img-section.s4-lp1-s3 {
    background-position: 15% 0;
  }

  .img-section.s1-lp-annonce {
    background-image: linear-gradient(#0000, #0000), linear-gradient(to top, #000, #00000080 43%, #0000 85%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/644a3ba38341a4053aa25a0a_TonClubTonMaillot2023-433-min.jpg");
    background-position: 0 0, 0 0, 38% 100%;
  }

  .ps {
    line-height: 18px;
  }

  .grid-10 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .shadows-full-box.section-2-teasing {
    background-image: linear-gradient(#000 11%, #000000d9 48%, #0000 70%);
  }

  .shadows-full-box.section-3-teasing {
    background-image: linear-gradient(#000 19% 75%, #000000bf 78%, #0000 82%);
  }

  .shadows-full-box.section-6-teasing {
    background-image: linear-gradient(to top, #0000008a 24%, #0000 33%), linear-gradient(#000 26%, #0009 58%, #0000001a 68%);
  }

  .shadows-full-box.section-3-lp1 {
    display: none;
  }

  .shadows-full-box.section-2-lp1 {
    background-image: linear-gradient(to top, #000 4%, #000000db 39%, #0000);
  }

  .shadows-full-box.section-4-lp1 {
    display: none;
  }

  .image-66 {
    width: 50px;
  }

  .grid-11 {
    grid-column-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-50 {
    display: block;
  }

  .div-block-51 {
    max-width: 100%;
    max-height: 150px;
    display: none;
  }

  .image-68 {
    margin-top: 0;
  }

  .map-list-container-s4 {
    height: 330px;
  }

  .div-block-53 {
    background-image: linear-gradient(to top, #000 27%, #0000 80%);
    background-position: 0 0;
    min-width: auto;
  }

  .image-69 {
    width: 75%;
  }

  .column-58, .column-59 {
    padding-left: 0;
    padding-right: 0;
  }

  .image-70 {
    height: 150px;
  }

  .s4-tabbar {
    background-position: -70%;
  }

  .div-block-55 {
    padding: 20px;
  }

  .slide-nav-5 {
    bottom: 85px;
    left: 15px;
    transform: scale(.5);
  }

  .slide-nav-5.lp2 {
    top: 285px;
    bottom: auto;
    left: 2px;
  }

  .left-arrow-5 {
    top: auto;
    bottom: 65px;
    right: 50px;
  }

  .right-arrow-5 {
    top: auto;
    bottom: 65px;
    right: 25px;
  }

  .slide-9 {
    background-position: 30%;
  }

  .grid-14 {
    max-height: none;
  }

  .div-block-56 {
    min-height: 60vh;
    padding: 20px;
  }

  .image-71 {
    display: none;
  }

  .image-71._2.lp2 {
    height: 250px;
  }

  .image-71.lp2-3 {
    object-fit: cover;
    object-position: 50% 50%;
    min-height: 550px;
    display: block;
  }

  .slide-10, .slide-11 {
    background-position: 25%;
  }

  .image-72 {
    height: 325px;
  }

  .grid-15 {
    grid-template-columns: 1fr;
  }

  .summary-jersey.purple {
    width: 60%;
    max-width: 100%;
    height: auto;
    display: inline-block;
    inset: auto 0% 0% auto;
  }

  .summary-jersey.blue-gold {
    object-fit: contain;
    object-position: 50% 100%;
    width: 60%;
    display: none;
  }

  .image-73 {
    margin-left: 5%;
  }

  .slider-jersey-part {
    background-color: var(--g3);
    background-image: linear-gradient(to right, #000c 20%, #0000), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/644a394f75b1531989345fbe_64413e387b9bca7a740bbc43_TonClubTonMaillot2023-319-retouch.jpeg");
    background-position: 0 0, 100% 100%;
    background-size: auto, auto 450px;
  }

  .slider-jersey-part.lp-annonce {
    background-position: 0 0, 0 0, 90% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, auto 50%;
  }

  .div-block-59 {
    height: 280px;
    padding: 20px;
  }

  .div-block-59.g3 {
    padding-top: 40px;
    padding-right: 20px;
  }

  .div-block-59.second-bloc {
    height: 230px;
  }

  .div-block-60 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grid-17 {
    grid-template-columns: 1fr;
  }

  .cell-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-end;
  }

  .s5-form {
    margin-bottom: 0;
  }

  .s5-h2 {
    font-size: 28px;
    line-height: 32px;
  }

  .s5-header-teasing {
    background-position: 0 0, 60% 0;
  }

  .s5-header-teasing.s5-landing2 {
    background-position: 0 0, 50% 0;
  }

  .s5-header-teasing.landing1-header {
    background-position: 0 0, 20% 0;
  }

  .s5-header-box {
    padding: 20px 20px 5px;
  }

  .image-78 {
    margin-bottom: 10px;
  }

  .quick-stack-4 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .image-79 {
    min-height: 225px;
  }

  .image-80 {
    height: 110%;
  }

  .quick-stack-6 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .cell-9 {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 50px;
    padding-right: 50px;
  }

  .s5-big-img-footer.small {
    background-position: 0%;
    background-size: 120%;
  }

  .image-82.horizontal {
    width: 56%;
  }

  .s5-quote-section.quote1 {
    background-image: linear-gradient(180deg, var(--g4) 2%, #123d30b3 7%, #123d3000 12%), linear-gradient(180deg, #15221cd9 11%, #131a15cc 38%, #131a1599 56%, #131a1500 70%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627ba7309f3d5409e13cd95_quote-1-mobile3.jpg");
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    padding-top: 80px;
    padding-bottom: 400px;
  }

  .s5-quote-section.quote1.no-gradient {
    background-image: linear-gradient(#131a15e6 40%, #131a15cc 49%, #131a1500 64%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627ba7309f3d5409e13cd95_quote-1-mobile3.jpg");
    background-position: 0 0, 55% 0;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
  }

  .s5-quote-section.quote2 {
    background-image: linear-gradient(#131a15e6 45%, #131a1599 55%, #131a1500 65%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/6627b26d4274e41ed3b0c8a4_quote-2-mobile.jpg");
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-bottom: 400px;
  }

  .s5-quote-section.quote4 {
    background-image: linear-gradient(#131a15a6 25%, #131a158c 38%, #131a1500 45%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/662f558b0b6846bc2e5a60ae_QUOTE-4-mobile.jpg");
    background-position: 0 0, 50% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    padding-bottom: 400px;
  }

  .s5-quote-section.quote-5 {
    padding-bottom: 350px;
  }

  .cell-10 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .s5-engagement-box {
    flex-flow: column;
  }

  .s5-engagement-img {
    object-position: 0% 15%;
    width: 100%;
    height: 155px;
  }

  .s5-engagement-text-box {
    width: 100%;
  }

  .golden-ticket-picture {
    object-position: 50% 40%;
    height: 200px;
  }

  .golden-ticket-text-box {
    width: 100%;
  }

  .image-83 {
    max-width: 70px;
    margin-top: 10px;
    margin-left: 20px;
    display: none;
    position: static;
  }

  .s5-dotation-text-holder.p40-30.s5-map {
    padding: 5px;
  }

  .div-block-65 {
    width: 75%;
  }

  .quick-stack-11 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .slider-7 {
    max-height: 400px;
  }

  .image-84 {
    object-fit: cover;
    min-height: 25vh;
  }

  .image-85 {
    object-fit: cover;
    min-height: 200px;
  }

  .div-block-68 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .image-86 {
    width: 55%;
    margin-right: 10px;
  }

  .cell-15 {
    padding: 30px 10px;
  }

  .heading-8 {
    font-size: 26px;
  }

  .quick-stack-21 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 15vw;
    padding-right: 15vw;
  }

  .s6_number {
    font-size: 32px;
    line-height: 44px;
  }

  .s6-teasing-quote-box {
    background-position: 0 0, 50%;
    padding-bottom: 250px;
  }

  .div-block-71 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .text-block-20 {
    font-size: 32px;
    line-height: 34px;
  }

  .quick-stack-24 {
    grid-column-gap: 100px;
    grid-row-gap: 100px;
  }

  .green-circle-g3 {
    width: 150px;
    height: 150px;
  }

  .div-block-73 {
    max-width: 400px;
    max-height: 400px;
  }

  .s6-par-passion-box {
    border-radius: 14px;
  }

  .s6-par-passion-box.text-holder {
    padding: 20px;
  }

  .s6-par-passion-box.calendar-picture {
    background-image: linear-gradient(#f8f8f8 41%, #f8f8f800 48%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681dc0f228fd38a2b1bca949_calendar-picture3.jpg");
    background-position: 0 0, 60% 100%;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 60%;
    padding: 16px 16px 200px;
  }

  .div-block-79 {
    min-height: 250px;
    padding-top: 100px;
  }

  .div-block-80 {
    width: 70px;
    min-width: 70px;
    height: 70px;
    min-height: 70px;
    margin-right: -45px;
  }

  .s6-testimonial-section {
    background-image: linear-gradient(#004028 20%, #00402800 43%), linear-gradient(#0c6e46a6 35%, #0c6e4600 48%), url("https://cdn.prod.website-files.com/604f25b2ed4b73f884fc8bc8/681db8bad7b4620349450dbc_quote-picture.jpg");
    background-position: 0 0, 0 0, 25% 100%;
    background-size: auto, auto, auto 80%;
  }

  .cell-18 {
    padding: 16px;
  }

  .div-block-85 {
    min-height: 250px;
  }

  .div-block-86 {
    padding: 6px 3px;
  }

  .s6-annonce-link-nav {
    margin-left: 3px;
    margin-right: 3px;
    padding: 7px 11px;
  }

  .s6-stickynavbawinner {
    margin-top: -85px;
    margin-bottom: 0;
  }
}

#w-node-bb737b23-d5ca-431b-525a-b1221789272d-7cfc8bc9, #w-node-bd84695d-a30b-8701-8bcf-bbd22961b3ea-7cfc8bc9, #w-node-_7f401858-21a8-053c-ccf1-96e2a80c68f3-7cfc8bc9, #w-node-_735b4004-d2af-9a69-b2da-91814948eeca-7cfc8bc9, #w-node-f3dd0e4a-c794-86e4-05cf-fad384085cf7-7cfc8bc9 {
  place-self: stretch stretch;
}

#w-node-_8691dad0-287c-43a3-840c-a153e29ef4d3-e29ef4d0 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-f1341f5b-6362-522d-7c8e-6e7e595b525a-2a6935fd {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c9a97691-9ea6-bc5c-d273-86c92b5b2878-2a6935fd {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-ccce1e51-a285-4465-d5c6-7278b606cf58-2a6935fd, #w-node-_7ffc1a97-0519-06fe-afc0-82db6e35481b-2a6935fd, #w-node-e5fcf353-577a-d05d-7384-7e5051f6dbfb-2a6935fd, #w-node-a5d41a32-fc93-0f61-7e50-1d2c882b09b9-2a6935fd, #w-node-cfa977ec-0aac-00bb-64fb-cadd5f47f921-2a6935fd, #w-node-d2e44bac-9fac-3b6f-23b0-412530cee758-2a6935fd, #w-node-_0ccf18fc-5840-e671-1618-cf46f520867f-2a6935fd, #w-node-_91af14e7-3cb8-7b5f-1092-a109ed8cde17-2a6935fd, #w-node-_87ac9d02-0725-1020-1fd0-f74125027018-2a6935fd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_70de36b6-52c9-45c2-be7f-6dbc4eceffd1-4eceffc7 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_70de36b6-52c9-45c2-be7f-6dbc4eceffd2-4eceffc7 {
  grid-column: span 2 / span 2;
}

#w-node-_90b102bd-c3e6-1728-a4a3-33b5858ec8be-1b56f4f4, #w-node-_95f6d6e6-b250-21c6-66d9-7213f6e929d7-1b56f4f4, #w-node-_236e8a5e-11ef-12d3-e2e4-9bce950b8995-1b56f4f4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_88f3ddf9-9a8b-b646-3419-d84700c01ce4-00c01ce1 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
}

#w-node-b95ad01f-3463-0aee-00be-5af949ae88f2-1aa8f154 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b95ad01f-3463-0aee-00be-5af949ae88f3-1aa8f154 {
  grid-column: span 2 / span 2;
}

#w-node-_7da550be-cc9e-af73-8486-e3bb8974127a-1aa8f154, #w-node-_58eb3764-f3ac-8980-a54a-84e67e1998e9-493683a3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_58eb3764-f3ac-8980-a54a-84e67e1998ea-493683a3 {
  grid-column: span 2 / span 2;
}

#w-node-_58bc8b4d-9b81-da4a-2c14-9ee0bde32be9-ded5f3a4, #w-node-_304b1687-b80b-6446-970a-3cda199effe8-ded5f3a4, #w-node-_966db7c8-abc9-8044-2dcd-295d6ef9707c-ded5f3a4, #w-node-b33bf72f-388d-fe36-900e-5fae598f9239-598f922f, #w-node-b33bf72f-388d-fe36-900e-5fae598f923a-598f922f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b33bf72f-388d-fe36-900e-5fae598f9245-598f922f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-b33bf72f-388d-fe36-900e-5fae598f9246-598f922f, #w-node-_58bc8b4d-9b81-da4a-2c14-9ee0bde32be9-e4612925, #w-node-_304b1687-b80b-6446-970a-3cda199effe8-e4612925, #w-node-_966db7c8-abc9-8044-2dcd-295d6ef9707c-e4612925, #w-node-_43c370da-63f9-9ef3-9e40-0a171cd61e66-e1a57f2a, #w-node-_105d88e5-145a-708c-6dfa-2f1c4a071bda-e1a57f2a, #w-node-_9b7561a0-aed1-3d0b-aad5-85316c66884a-e1a57f2a, #w-node-_99e4928c-2680-c332-927e-8431564d630c-e1a57f2a, #w-node-_24cc8d0d-a601-80f3-3392-1426aa75b431-e1a57f2a, #w-node-_8cbf06be-d632-5af4-77c2-70e092ffe6d1-e1a57f2a, #w-node-_43c370da-63f9-9ef3-9e40-0a171cd61e66-8fb4ac15, #w-node-_105d88e5-145a-708c-6dfa-2f1c4a071bda-8fb4ac15, #w-node-_9b7561a0-aed1-3d0b-aad5-85316c66884a-8fb4ac15, #w-node-d4ffa67b-c169-57fa-e961-7fecd8350af2-8fb4ac15, #w-node-d31eee64-81c4-3b09-e92e-987b7f78af8e-8fb4ac15, #w-node-a7e251e6-0158-c76a-9a5e-64871047d624-8fb4ac15, #w-node-d31eee64-81c4-3b09-e92e-987b7f78af8e-bf5f3941, #w-node-a7e251e6-0158-c76a-9a5e-64871047d624-bf5f3941, #w-node-babd0d52-9a95-8890-df50-c43d713b0fec-bf5f3941, #w-node-_807910a3-04e9-98ab-87f0-b0b18169d19a-bf5f3941, #w-node-_807910a3-04e9-98ab-87f0-b0b18169d190-bf5f3941, #w-node-_8dfa6d99-46ce-e607-58f6-5783ea8005c0-bf5f3941, #w-node-_8dfa6d99-46ce-e607-58f6-5783ea8005c6-bf5f3941, #w-node-_2577d195-29f3-829e-ed8a-5fcd555af8f1-bf5f3941, #w-node-_2577d195-29f3-829e-ed8a-5fcd555af8f2-bf5f3941 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b0fdbb18-86b5-d544-6e71-502ddb3aac92-f19c8b83, #w-node-d6637785-e48c-568f-8e92-f938b01228ff-0bc04ec2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b20db184-5d5d-eb79-954a-3c452ebe5339-0bc04ec2, #w-node-b20db184-5d5d-eb79-954a-3c452ebe533d-0bc04ec2, #w-node-b20db184-5d5d-eb79-954a-3c452ebe5341-0bc04ec2 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_60a34ed6-9fcf-1af8-15c2-b7d8985f4105-d32387ee {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9a81e59c-605f-dc82-85ef-4a36b696889e-d32387ee {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b19fc371-0f98-2852-587a-4bf25aa96dc8-d32387ee {
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
}

#w-node-e80911ad-1502-866f-7cf7-7d5849fa416d-d32387ee {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_02d69419-561c-458e-f8bd-d42bff0d2dda-d32387ee {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-b1274dbe-bc8c-9278-3a41-cbb0fe662ff4-d32387ee {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-a70ad9d4-7af6-bd10-bf5e-c1db38277cd7-38277cc8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_8e1d3d8b-08a9-2a47-639c-080f567656d5-085db119 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-f88381b5-44d9-887c-4f3c-c6a42f1d7db2-085db119 {
  grid-template-rows: auto;
  grid-template-columns: 1.1fr 1fr;
}

#w-node-_1c95c856-b95a-11a7-1adf-5bdb8b87a77f-085db119 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  display: none;
}

#w-node-_73265459-d765-6439-86f0-0550909f6760-085db119 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr .5fr;
}

#w-node-b336aeb8-fab8-e7db-d037-f0f0dc1e8b50-dc1e8b44 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_87eab725-164d-50e5-1e09-4f24b498eaa3-513d2a50 {
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-_87eab725-164d-50e5-1e09-4f24b498ead4-513d2a50 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-b5cb6e1a-fb90-eb70-4822-a28cb3b68bf3-513d2a50 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_0ab70fa4-caae-0001-2ee4-913ae298a135-513d2a50, #w-node-_81a40aa3-67de-605d-3cf3-bccb5ec9ac4a-513d2a50 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-bea96bea-57e8-ce07-fdc4-5d8d7f7c76b9-2ac8eb95 {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

#w-node-_300e50fc-2509-535b-de96-8bbdf8d175b7-2ac8eb95 {
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
}

#w-node-_7d5f613b-7c5d-daac-6645-a54620aebe29-8e168e5c {
  grid-template-rows: auto;
  grid-template-columns: .33fr 1fr;
}

#w-node-d24869ef-2707-c614-0747-58300a0020f5-8e168e5c {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-_7b4f3033-e227-29c9-ea36-4d4ee8726e87-23f50707 {
  grid-template-rows: auto;
  grid-template-columns: .33fr 1fr;
}

#w-node-_7b4f3033-e227-29c9-ea36-4d4ee8726e99-23f50707 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-fca925e8-d34b-0472-f980-7449ec9b6314-23f50707, #w-node-fca925e8-d34b-0472-f980-7449ec9b6318-23f50707, #w-node-fca925e8-d34b-0472-f980-7449ec9b631c-23f50707 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c475fcbb-bd14-ed7f-e183-bda95d91cb20-9367b974, #w-node-_1012c9ac-8ce5-9052-1521-b77ebd222b05-9367b974 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b1f10582-9d96-8654-64d3-555de0197f8f-9367b974 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b1f10582-9d96-8654-64d3-555de0197fa0-9367b974 {
  grid-template-rows: auto;
  grid-template-columns: .65fr 1fr;
}

#w-node-_573c392a-eca3-5ca4-0c05-0d6c0375e469-9367b974 {
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
}

#w-node-_573c392a-eca3-5ca4-0c05-0d6c0375e46e-9367b974 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_573c392a-eca3-5ca4-0c05-0d6c0375e477-9367b974, #w-node-_573c392a-eca3-5ca4-0c05-0d6c0375e47b-9367b974, #w-node-_573c392a-eca3-5ca4-0c05-0d6c0375e47f-9367b974 {
  grid-column: span 2 / span 2;
}

#w-node-fb54da1b-8549-ef80-a19b-5ee518a2e4fd-9367b974 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

#w-node-_0b90db64-d368-1074-ed27-caf180463a44-80463a43 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6070bcdf-3541-e896-07f2-1b9604ac2615-a6744354 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_6070bcdf-3541-e896-07f2-1b9604ac2628-a6744354 {
  grid-column: span 2 / span 2;
}

#w-node-_6693126e-897f-665d-bb00-c80ec139a3be-a6744354, #w-node-cdd02f1d-6197-7ffd-68c8-babe1bb158e7-a6744354, #w-node-_8f45489b-90e4-916b-a372-bd305dd9f2b2-a6744354 {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
}

#w-node-_88cc39ed-8e00-3543-c5e1-0647d0d541f1-a6744354 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
}

#w-node-_5118e8b0-a147-d7ef-75a7-2a71fd9469af-a6744354 {
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
}

#clubs.w-node-_56fd8704-fc5a-543f-190f-f096e96a2cd0-23488a9c {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-c466a6dd-3c7c-718e-3510-2f101202c5e0-23488a9c {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .33fr;
}

#w-node-c466a6dd-3c7c-718e-3510-2f101202c5f3-23488a9c {
  grid-column: span 2 / span 2;
}

@media screen and (min-width: 1920px) {
  #w-node-b5cb6e1a-fb90-eb70-4822-a28cb3b68bf3-513d2a50 {
    grid-template-rows: auto;
    grid-template-columns: .35fr 1fr;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_90b102bd-c3e6-1728-a4a3-33b5858ec8be-1b56f4f4, #w-node-_60a34ed6-9fcf-1af8-15c2-b7d8985f4105-d32387ee, #w-node-_02d69419-561c-458e-f8bd-d42bff0d2dda-d32387ee {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a70ad9d4-7af6-bd10-bf5e-c1db38277cd7-38277cc8 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-b336aeb8-fab8-e7db-d037-f0f0dc1e8b50-dc1e8b44 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-bea96bea-57e8-ce07-fdc4-5d8d7f7c76b9-2ac8eb95 {
    grid-template-rows: auto;
    grid-template-columns: .5fr;
  }

  #w-node-_300e50fc-2509-535b-de96-8bbdf8d175b7-2ac8eb95 {
    grid-template-rows: auto;
    grid-template-columns: 1.75fr;
  }

  #w-node-_7d5f613b-7c5d-daac-6645-a54620aebe29-8e168e5c {
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
  }

  #w-node-_7d5f613b-7c5d-daac-6645-a54620aebe2b-8e168e5c {
    grid-column: span 2 / span 2;
  }

  #w-node-_7b4f3033-e227-29c9-ea36-4d4ee8726e87-23f50707 {
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
  }

  #w-node-_7b4f3033-e227-29c9-ea36-4d4ee8726e91-23f50707 {
    grid-column: span 2 / span 2;
  }

  #w-node-c475fcbb-bd14-ed7f-e183-bda95d91cb20-9367b974, #w-node-_1012c9ac-8ce5-9052-1521-b77ebd222b05-9367b974 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b1f10582-9d96-8654-64d3-555de0197fa1-9367b974, #w-node-_573c392a-eca3-5ca4-0c05-0d6c0375e46a-9367b974, #w-node-_573c392a-eca3-5ca4-0c05-0d6c0375e493-9367b974 {
    grid-column: span 2 / span 2;
  }

  #w-node-fb54da1b-8549-ef80-a19b-5ee518a2e4fd-9367b974, #w-node-_0b90db64-d368-1074-ed27-caf180463a44-80463a43, #w-node-_88cc39ed-8e00-3543-c5e1-0647d0d541f1-a6744354, #w-node-_5118e8b0-a147-d7ef-75a7-2a71fd9469af-a6744354, #clubs.w-node-_56fd8704-fc5a-543f-190f-f096e96a2cd0-23488a9c {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_8691dad0-287c-43a3-840c-a153e29ef4d3-e29ef4d0 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-f1341f5b-6362-522d-7c8e-6e7e595b525b-2a6935fd, #w-node-f1341f5b-6362-522d-7c8e-6e7e595b5264-2a6935fd {
    grid-column: span 2 / span 2;
  }

  #w-node-c9a97691-9ea6-bc5c-d273-86c92b5b2878-2a6935fd {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_70de36b6-52c9-45c2-be7f-6dbc4eceffd7-4eceffc7, #w-node-_70de36b6-52c9-45c2-be7f-6dbc4eceffde-4eceffc7 {
    grid-column: span 2 / span 2;
  }

  #w-node-_88f3ddf9-9a8b-b646-3419-d84700c01ce4-00c01ce1 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_2577d195-29f3-829e-ed8a-5fcd555af8f1-bf5f3941 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b0fdbb18-86b5-d544-6e71-502ddb3aac92-f19c8b83, #w-node-d6637785-e48c-568f-8e92-f938b01228ff-0bc04ec2 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b19fc371-0f98-2852-587a-4bf25aa96dc8-d32387ee {
    grid-template-rows: auto;
    grid-template-columns: 1.1fr;
  }

  #w-node-b1274dbe-bc8c-9278-3a41-cbb0fe662ff4-d32387ee, #w-node-a70ad9d4-7af6-bd10-bf5e-c1db38277cd7-38277cc8 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a70ad9d4-7af6-bd10-bf5e-c1db38277e30-38277cc8 {
    order: -9999;
  }

  #w-node-f88381b5-44d9-887c-4f3c-c6a42f1d7db2-085db119 {
    grid-template-rows: auto;
    grid-template-columns: 1.1fr;
  }

  #w-node-_1c95c856-b95a-11a7-1adf-5bdb8b87a77f-085db119, #w-node-_73265459-d765-6439-86f0-0550909f6760-085db119 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_73265459-d765-6439-86f0-0550909f6762-085db119 {
    grid-column: span 1 / span 1;
  }

  #w-node-_73265459-d765-6439-86f0-0550909f6761-085db119 {
    order: -9999;
    grid-column: span 2 / span 2;
  }

  #w-node-_92842211-241e-39c6-5497-25051de214ba-085db119 {
    grid-column: span 1 / span 1;
  }

  #w-node-_87eab725-164d-50e5-1e09-4f24b498eaa3-513d2a50 {
    grid-template-rows: auto;
    grid-template-columns: 1.75fr;
  }

  #w-node-_87eab725-164d-50e5-1e09-4f24b498ead4-513d2a50 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-b5cb6e1a-fb90-eb70-4822-a28cb3b68bf3-513d2a50, #w-node-_0ab70fa4-caae-0001-2ee4-913ae298a135-513d2a50 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0ab70fa4-caae-0001-2ee4-913ae298a137-513d2a50 {
    order: -9999;
  }

  #w-node-d24869ef-2707-c614-0747-58300a0020f5-8e168e5c, #w-node-_7b4f3033-e227-29c9-ea36-4d4ee8726e99-23f50707, #w-node-b1f10582-9d96-8654-64d3-555de0197f8f-9367b974, #w-node-b1f10582-9d96-8654-64d3-555de0197fa0-9367b974, #w-node-_573c392a-eca3-5ca4-0c05-0d6c0375e46e-9367b974 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_573c392a-eca3-5ca4-0c05-0d6c0375e46f-9367b974, #w-node-_573c392a-eca3-5ca4-0c05-0d6c0375e473-9367b974 {
    grid-column: span 2 / span 2;
  }

  #w-node-_0b90db64-d368-1074-ed27-caf180463a44-80463a43 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0b90db64-d368-1074-ed27-caf180463b9d-80463a43 {
    order: -9999;
  }

  #w-node-_6070bcdf-3541-e896-07f2-1b9604ac2616-a6744354, #w-node-_6070bcdf-3541-e896-07f2-1b9604ac261f-a6744354, #w-node-_6693126e-897f-665d-bb00-c80ec139a3bf-a6744354 {
    grid-column: span 2 / span 2;
  }

  #w-node-_6693126e-897f-665d-bb00-c80ec139a3c0-a6744354 {
    order: -9999;
    grid-column: span 2 / span 2;
  }

  #w-node-cdd02f1d-6197-7ffd-68c8-babe1bb158e8-a6744354 {
    grid-column: span 2 / span 2;
  }

  #w-node-cdd02f1d-6197-7ffd-68c8-babe1bb158ea-a6744354 {
    order: -9999;
    grid-column: span 2 / span 2;
  }

  #w-node-_8f45489b-90e4-916b-a372-bd305dd9f2b3-a6744354 {
    grid-column: span 2 / span 2;
  }

  #w-node-_8f45489b-90e4-916b-a372-bd305dd9f2b5-a6744354 {
    order: -9999;
    grid-column: span 2 / span 2;
  }

  #w-node-_88cc39ed-8e00-3543-c5e1-0647d0d541f2-a6744354 {
    order: 9999;
  }

  #w-node-_88cc39ed-8e00-3543-c5e1-0647d0d541f3-a6744354 {
    grid-column: span 2 / span 2;
  }

  #clubs.w-node-_56fd8704-fc5a-543f-190f-f096e96a2cd0-23488a9c {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_56fd8704-fc5a-543f-190f-f096e96a2e29-23488a9c {
    order: -9999;
  }

  #w-node-c466a6dd-3c7c-718e-3510-2f101202c5e1-23488a9c, #w-node-c466a6dd-3c7c-718e-3510-2f101202c5ea-23488a9c {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a7e251e6-0158-c76a-9a5e-64871047d624-8fb4ac15 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-e80911ad-1502-866f-7cf7-7d5849fa416d-d32387ee, #w-node-_8e1d3d8b-08a9-2a47-639c-080f567656d5-085db119 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}