/*!
Theme Name: STARTEO Starter Theme
Author: Starteo
Author URI: https://www.starteo.pro
Description: 
Version: 1.0
Requires at least: 5.0
Tested up to: 5.7
Requires PHP: 7.2
Text Domain: gbdi-starter
*/

/* Don't overwrite this file. Compile "/assets/main.(less|scss)" to "/assets/css/main.css" */

/* From http://codex.wordpress.org/CSS */

/* GENERAL */
/*
@font-face {
	font-family: "Ganton";
	src: url(assets/_fonts/Ganton.otf) format("opentype");
}
*/

@font-face {
  font-family: "Nothing You Could Say";
  src: url(assets/_fonts/NothingYouCouldSay.ttf) format("truetype");
}

@font-face {
  font-family: "Cocogoose Light";
  src: url(assets/_fonts/CocogoosePro-Light.otf) format("opentype");
}

@font-face {
  font-family: "Cocogoose SemiLight";
  src: url(assets/_fonts/CocogoosePro-SemiLight.otf) format("opentype");
}

@font-face {
  font-family: "Cocogoose";
  src: url(assets/_fonts/CocogoosePro-Regular.otf) format("opentype");
}

html {
  font-size: 16px;
}

body {
  font-family: "Cocogoose Light";
  line-height: 1.875;
  color: #403f40;
}

.back-to-top {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 10px; /* Place the button at the bottom of the page */
  right: 10px; /* Place the button 30px from the right */
  z-index: 999; /* Make sure it does not overlap */
  outline: none; /* Remove outline */
  cursor: pointer; /* Add a mouse pointer on hover */
  font-size: 20px; /* Increase font size */
  color: #403f40;
  background: #f3bb00;
  border: solid 2px #403f40;
  border-radius: 50%;
  padding: 14px 16px;
  transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
  opacity: 0;
  visibility: hidden;
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
}

.back-to-top:hover {
  background-color: #403f40;
  color: #f3bb00;
  border-color: #f3bb00;
}

.tremplin-title-40 {
  font-family: "Nothing You Could Say";
  font-size: 2.5rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.tremplin-title-25,
.tremplin-title-25-upper {
  font-family: "Nothing You Could Say";
  font-size: 1.5625rem;
  line-height: 1.2;
}

.tremplin-title-25-upper {
  text-transform: uppercase;
}

.tremplin-white {
  color: #ffffff;
}

.tremplin-vert {
  color: #68af6c;
}

.tremplin-orange {
  color: #ea6247;
}

.tremplin-rouge {
  color: #df2324;
}

.tremplin-jaune {
  color: #f3bb00;
}

.tremplin-bleu {
  color: #12A5AB;
}

.tremplin-grey-bg {
  background-color: #403f40;
}

.tremplin-grey-bg-light {
  background-color: #eeeeee;
}

.tremplin-bg-vert {
  background-color: #68af6c;
}

.tremplin-bg-orange {
  background-color: #ea6247;
}

.tremplin-bg-rouge {
  background-color: #df2324;
}

.tremplin-bg-jaune {
  background-color: #f3bb00;
}

.tremplin-bg-violet {
  background-color: #970841;
}
/* GENERAL */

/* HEADER */
.tremplin-header-menu {
  position: absolute;
  z-index: 5;
  background-color: #ffffff;
  box-shadow: 6px 6px 7px 0px rgba(0, 0, 0, 0.22);
}

.tremplin-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  padding-left: 0;
  width: 100%;
  gap: 30px;
}

.nav-link {
  padding: 0;
}

.tremplin-menu li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 10px;
  height: 100%;
}

.tremplin-menu li.logo {
  flex: 0 1 auto;
  text-align: center;
}

.tremplin-menu img {
  height: 64px;
}

.tremplin-header-menu .dropdown-menu.show a {
  font-family: "Nothing You Could Say";
  font-size: 1.125rem;
}

.dropdown-toggle:after {
  display: none;
}

.tremplin-header-menu .dropdown-menu.show a:hover {
  background-color: transparent;
}

#menu-item-120 a {
  color: #970841;
}

#menu-item-120 a:hover {
  color: rgba(151, 8, 65, 0.4);
}

#menu-item-119 a {
  color: #68af6c;
}

#menu-item-119 a:hover {
  color: rgba(104, 175, 108, 0.4);
}

#menu-item-118 a {
  color: #ea6247;
}

#menu-item-118 a:hover {
  color: rgba(234, 98, 71, 0.4);
}

#menu-item-117 a {
  color: #df2324;
}

#menu-item-117 a:hover {
  color: rgba(223, 35, 36, 0.4);
}

#menu-item-116 a {
  color: #f3bb00;
}

#menu-item-116 a:hover {
  color: rgba(243, 187, 0, 0.4);
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: transparent;
}

.tremplin-header-rouge {
  color: #df2324;
}

.tremplin-header-rouge:hover {
  color: rgba(223, 35, 36, 0.4);
}

.tremplin-header-bleu {
  color: #12A5AB;
}

.tremplin-header-bleu:hover {
  color: rgba(18, 165, 171, 0.4);
}


/* HEADER */

/* FOOTER */
.tremplin-footer-bg {
  background-image: url("assets/images/tremplin-footer-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 65px;
  padding-bottom: 110px;
}

.tremplin-footer-partenaires-title span {
  display: block;
  transform: rotate(-4deg);
}

.tremplin-footer-partenaires-title {
  position: relative;
  display: inline-block;
  padding: 25px 0;
}

.tremplin-footer-partenaires-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  width: 143px;
  height: 87px;
  background-image: url("assets/images/tremplin_footer_bordure_partenaires.png");
  background-size: 100% 100%;
  pointer-events: none;
}

.tremplin-footer-partenaires {
  margin-top: 95px;
}

.tremplin-footer-slider .slick-track {
  display: flex;
  align-items: center;
  gap: 40px;
}

.tremplin-footer-slide-logo {
  display: flex;
  justify-content: center;
}

.tremplin-footer-slide-logo img {
  max-height: 120px;
  width: auto;
}

.tremplin-footer-nav-prev,
.tremplin-footer-nav-next {
  border: none;
  background-color: transparent;
  width: 27px;
  height: 54px;
  background-size: contain;
  background-repeat: no-repeat;
}

.tremplin-footer-nav-prev {
  background-image: url("assets/images/tremplin-footer-nav-prev.png");
  margin-left: 50px;
}

.tremplin-footer-nav-next {
  background-image: url("assets/images/tremplin-footer-nav-next.png");
  margin-left: 50px;
}

.tremplin-footer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 110px;
}

.tremplin-footer-blocs {
  display: flex;
  flex-direction: column;
  font-family: "Nothing You Could Say";
  font-size: 0.875rem;
}

.tremplin-footer-title {
  line-height: 1.86;
  text-transform: uppercase;
}

.tremplin-footer-title span {
  transform: rotate(-4deg);
}

.tremplin-footer-logo img {
  width: auto;
  height: 70px;
}

.tremplin-footer-adresse-title,
.tremplin-footer-contact-title {
  position: relative;
  display: inline-block;
}

.tremplin-footer-adresse-title::before {
  content: "";
  position: absolute;
  top: -13px;
  left: -10px;
  width: 201px;
  height: 47px;
  background-image: url("assets/images/tremplin-footer-cadre.png");
  background-size: 100% 100%;
  pointer-events: none;
}

.tremplin-footer-contact-title::before {
  content: "";
  position: absolute;
  top: -13px;
  left: 33px;
  width: 201px;
  height: 47px;
  background-image: url("assets/images/tremplin-footer-cadre.png");
  background-size: 100% 100%;
  pointer-events: none;
}

.tremplin-footer-content a {
  color: #ffffff;
}

.tremplin-footer-links a,
.tremplin-footer-links {
  color: #403f40;
  font-family: "Nothing You Could Say";
  font-size: 0.5rem;
}
/* FOOTER */

/* HOME */
.tremplin-home-banner img {
  display: block;
  position: relative;
  height: 517px;
  width: 100%;
  object-fit: cover;
}

.tremplin-home-banner-text span {
  position: absolute;
  display: block;
  top: 255px;
  left: 376px;
  transform: rotate(-4deg);
}

.tremplin-home-banner-text::before {
  content: "";
  position: absolute;
  top: 210px;
  left: 485px;
  width: 170px;
  height: 15px;
  background-image: url("assets/images/tremplin-home-banner-deco.png");
  background-size: 100% 100%;
  pointer-events: none;
}

.tremplin-home-banner-text::after {
  content: "";
  position: absolute;
  top: 403px;
  left: 458px;
  width: 170px;
  height: 15px;
  background-image: url("assets/images/tremplin-home-banner-deco.png");
  background-size: 100% 100%;
  pointer-events: none;
}

.tremplin-home-intro-container {
  padding-right: 0;
  padding-left: 0;
}

.tremplin-home-intro {
  display: flex;
  align-items: stretch;
}

.tremplin-home-intro-left {
  flex: 0 0 37.5%;
  display: flex;
  justify-content: end;
  align-items: center;
  padding-right: 75px;
}

.tremplin-home-intro-left img {
  width: 329px;
  height: 201px;
}

.tremplin-home-intro-deco {
  background-image: url("assets/images/tremplin-home-intro-deco.png");
  height: 157px;
  width: 53px;
  position: relative;
  right: -100px;
}

.tremplin-home-intro-right {
  flex: 0 0 62.5%;
}

.tremplin-home-intro-text {
  padding: 70px 432px 50px 70px;
  font-family: "Cocogoose";
}

.tremplin-home-intro-text strong {
  font-weight: normal;
  background-color: #ffffff;
  padding: 4px;
}

.tremplin-home-president-container {
  display: flex;
  align-items: center;
  gap: 45px;
  position: relative;
  z-index: 3;
}

.tremplin-home-president {
  position: relative;
}

.tremplin-home-president img {
  width: 293px;
  height: 269px;
}

.tremplin-home-president-name {
  font-family: "Cocogoose";
  font-size: 0.75rem;
  line-height: 1.25;
  transform: rotate(-4deg);
  background-color: #403f40;
  width: 170px;
  height: 45px;
  padding: 8px;
  position: absolute;
  top: 156px;
  left: 290px;
}

.tremplin-home-president-function {
  font-family: "Nothing You Could Say";
  transform: rotate(-4deg);
  background-color: #403f40;
  width: 150px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 210px;
  left: 303px;
}

.tremplin-home-president-content {
  font-family: "Nothing You Could Say";
  font-size: 1.125rem;
  line-height: 1.44;
  margin-right: 50px;
  margin-bottom: 30px;
  position: relative;
}

.tremplin-home-president-deco-up {
  background-image: url("assets/images/tremplin-home-deco-text1.png");
  width: 23px;
  height: 16px;
  position: absolute;
  top: -30px;
  left: -30px;
}

.tremplin-home-president-deco-down {
  background-image: url("assets/images/tremplin-home-deco-text2.png");
  width: 23px;
  height: 16px;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

.tremplin-home-president-button {
  display: block;
  width: 201px;
  height: 47px;
  font-family: "Nothing You Could Say";
  font-size: 0.875rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  color: #403f40;
  background-image: url("assets/images/tremplin-home-president-button.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s ease;
}

.tremplin-home-president-button a {
  transform: rotate(-4deg);
}

.tremplin-home-president-button:hover {
  background-image: url("assets/images/tremplin-home-president-button-hover.png");
  color: #eeeeee;
}

.tremplin-homme-digit-container {
  display: flex;
  align-items: center;
  margin-top: 114px;
  position: relative;
  z-index: 3;
}

.tremplin-home-digit-blocks {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 0 60px;
  width: 100%;
}

.tremplin-home-digit-block-1,
.tremplin-home-digit-block-2,
.tremplin-home-digit-block-3 {
  position: relative;
}




.tremplin-home-digit-image-container {
  position: relative;
  text-align: center;
  display: inline-block;
}

.tremplin-home-digit-image-container img {
  display: block;
  max-width: 100%;
  height: auto;
}

.tremplin-home-digit-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Nothing You Could Say";
  font-size: 3.125rem;
  line-height: 0.44;
}

.tremplin-home-digit-number-1,
.tremplin-home-digit-title-1 {
  color: #6ebc80;
}

.tremplin-home-digit-number-2,
.tremplin-home-digit-title-2 {
  color: #0cb2b9;
}

.tremplin-home-digit-number-3,
.tremplin-home-digit-title-3 {
  color: #ef7b5b;
}

.tremplin-home-digit-number-4,
.tremplin-home-digit-title-4 {
  color: #f3bb00;
}

.tremplin-home-digit-title {
  font-family: "Nothing You Could Say";
  font-size: 1.5rem;
  line-height: 1.08;
}

.tremplin-home-digit-content {
  font-family: "Cocogoose";
  font-size: 0.875rem;
  line-height: 1.86;
}

.tremplin-home-card-row {
  position: relative;
  z-index: 1;
}

.tremplin-home-card {
  position: relative;
  z-index: 1;
}

.wpgmza_map .ol-viewport:first-child > .ol-unselectable:first-child .ol-layer:first-child > canvas:last-child{
  filter: grayscale(100%);
}

.wpgmza_infowindow_address{
  display: none;
}

.tremplin-home-steps {
  padding-block: 95px;
}

.tremplin-home-steps-candidate,
.tremplin-home-steps-customer {
  display: flex;
  flex-direction: column;
}

.tremplin-home-steps-title span {
  display: block;
  transform: rotate(-4deg);
}

.tremplin-home-steps-title {
  position: relative;
  display: inline-block;
  padding: 25px 0;
  margin-bottom: 45px;
}

.tremplin-home-steps-title::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 73px;
  width: 143px;
  height: 87px;
  background-image: url("assets/images/tremplin-home-border-white.png");
  background-size: 100% 100%;
  pointer-events: none;
}

.tremplin-home-steps-candidate-title,
.tremplin-home-steps-customer-title {
  font-family: "Nothing You Could Say";
  font-size: 0.875rem;
  line-height: 1.86;
  text-transform: uppercase;
  position: relative;
  display: inline-block;
}

.tremplin-home-steps-candidate-title {
  margin-bottom: 45px;
}

.tremplin-home-steps-customer-title {
  margin-bottom: 25px;
}

.tremplin-home-steps-candidate-title span,
.tremplin-home-steps-customer-title span {
  display: block;
  transform: rotate(-4deg);
}

.tremplin-home-steps-candidate-title::before,
.tremplin-home-steps-customer-title::before {
  content: "";
  position: absolute;
  top: -14px;
  width: 201px;
  height: 47px;
  background-image: url("assets/images/tremplin-home-frame-white.png");
  background-size: 100% 100%;
  pointer-events: none;
}

.tremplin-home-steps-candidate-title::before {
  left: 207px;
}

.tremplin-home-steps-customer-title::before {
  left: 50px;
}

.tremplin-home-steps-candidate-blocks {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.tremplin-home-candidate-deco-up img {
  position: relative;
  top: 35px;
  left: 210px;
}

.tremplin-home-candidate-deco-down img {
  position: relative;
  top: -192px;
  left: 58px;
}

.tremplin-home-steps-candidate-block {
  width: 300px;
}

.tremplin-home-steps-candidate-block-2 {
  margin-left: 285px;
  margin-top: -75px;
}

.tremplin-home-steps-candidate-block-3 {
  margin-left: 97px;
  margin-top: 20px;
}

.tremplin-home-steps-candidate-block-title {
  font-family: "Nothing You Could Say";
  text-transform: uppercase;
  transform: rotate(-4deg);
  display: inline-block;
  text-align: start;
}

.tremplin-home-steps-candidate-block-title-1 {
  background-color: #f3bb00;
  padding: 5px 20px;
}

.tremplin-home-steps-candidate-block-title-2 {
  background-color: #6ebc80;
  padding: 5px 20px;
}

.tremplin-home-steps-candidate-block-title-3 {
  background-color: #aa1952;
  color: #ffffff;
  padding: 5px 20px;
}

.tremplin-home-steps-candidate-block-content {
  font-family: "Cocogoose";
  font-size: 0.875rem;
  line-height: 1.86;
  transform: rotate(-4deg);
}

.tremplin-home-steps-separator {
  position: relative;
  top: 80px;
}

.tremplin-home-steps-customer-title::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 50px;
  width: 201px;
  height: 47px;
  background-image: url("assets/images/tremplin-home-frame-white.png");
  background-size: 100% 100%;
  pointer-events: none;
}

.tremplin-home-steps-customer-subtitle-title {
  font-family: "Cocogoose";
  font-size: 0.82rem;
  line-height: 1.86;
  transform: rotate(-3deg);
  margin-bottom: 45px;
}

.tremplin-home-steps-customer-blocks {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tremplin-home-steps-customer-block {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.tremplin-home-steps-customer-block-title {
  font-family: "Nothing You Could Say";
  display: flex;
  align-items: center;
  justify-content: center;
}

.tremplin-home-steps-customer-block-title-1 span {
  display: block;
  transform: rotate(2deg);
}

.tremplin-home-steps-customer-block-title-2 span,
.tremplin-home-steps-customer-block-title-3 span {
  display: block;
  transform: rotate(-2deg);
}

.tremplin-home-steps-customer-block-title-1 {
  background-image: url("assets/images/tremplin-home-besoin-bg-1.png");
  width: 239px;
  height: 62px;
}

.tremplin-home-steps-customer-block-content {
  font-family: "Cocogoose";
  font-size: 0.82rem;
  line-height: 1.86;
}

.tremplin-home-steps-customer-block-content-1 {
  transform: rotate(2deg);
}

.tremplin-home-steps-customer-block-content-2,
.tremplin-home-steps-customer-block-content-3 {
  transform: rotate(-2deg);
}

.tremplin-home-steps-customer-block-title-2 {
  background-image: url("assets/images/tremplin-home-besoin-bg-2.png");
  width: 266px;
  height: 62px;
}

.tremplin-home-steps-customer-block-title-3 {
  background-image: url("assets/images/tremplin-home-besoin-bg-3.png");
  width: 179px;
  height: 56px;
}

.tremplin-home-structure {
  margin-block: 150px;
}

.tremplin-home-structure-title {
  position: relative;
  display: inline-block;
  margin-bottom: 120px;
}

.tremplin-home-structure-title span {
  display: block;
  transform: rotate(-4deg);
}



.tremplin-home-structure-column-1,
.tremplin-home-structure-column-3 {
  display: flex;
  flex-direction: column;
  gap: 21px;
}

.tremplin-home-structure-column-1 img,
.tremplin-home-structure-column-3 img {
  width: auto;
  height: 100;
  transition: filter 0.3s ease-in-out;
}

.tremplin-home-structure-column-1 img:hover,
.tremplin-home-structure-column-3 img:hover {
  filter: grayscale(80%);
}

.tremplin-home-structure-column-2 img {
  height: 366px;
  width: auto;
  margin-inline: 38px;
}
/* HOME */

/* PAGE - QUI SOMMES NOUS */
.tremplin-who-container {
  padding-block: 200px;
}

.tremplin-who-intro-deco img {
  height: 413px;
  width: auto;
  position: absolute;
  left: 0;
  top: 330px;
}

.tremplin-who-intro-container {
  display: flex;
  align-items: center;
  margin-bottom: 213px;
  position: relative;
}

.tremplin-who-intro {
  font-family: "Cocogoose";
  margin-top: 82px;
  margin-right: 97px;
}

.tremplin-who-intro-title {
  position: relative;
  display: inline-block;
}

.tremplin-who-intro-title::before {
  content: "";
  position: absolute;
  top: -51px;
  left: -28px;
  width: 381px;
  height: 157px;
  background-image: url("assets/images/tremplin-who-intro-title.png");
  background-size: 100% 100%;
  pointer-events: none;
}

.tremplin-who-intro-img img {
  height: 445px;
  width: auto;
}

.tremplin-who-interview-deco {
  position: absolute;
  width: 421px;
  height: auto;
  left: 0;
  top: 876px;
}

.tremplin-who-interview-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 26px;
  position: relative;
}

.tremplin-who-interview-separator {
  width: 165px;
  height: auto;
  margin-bottom: 95px;
}

.tremplin-who-interview-nav-prev,
.tremplin-who-interview-nav-next {
  border: none;
  background-color: transparent;
  width: 96px;
  height: 105px;
  background-size: contain;
  background-repeat: no-repeat;
  transition: background-image 0.3s ease-in-out;
}

.tremplin-who-interview-nav-prev {
  background-image: url("assets/images/tremplin-who-interview-nav-prev.png");
}

.tremplin-who-interview-nav-next {
  background-image: url("assets/images/tremplin-who-interview-nav-next.png");
}

.tremplin-who-interview-nav {
  display: flex;
  align-items: center;
  height: 720px;
}

.tremplin-who-interview-slider .slick-track {
  display: flex;
  align-items: stretch;
}

.tremplin-who-interview-slide + .tremplin-who-interview-slide {
  margin-left: 80px;
}

.tremplin-who-interview-slide .question {
  font-family: "Cocogoose";
  padding-bottom: 45px;
}

.tremplin-who-interview-slide .answer strong {
  font-weight: normal;
  font-family: "Cocogoose SemiLight";
}

.tremplin-who-interview-slide .answer em {
  font-style: normal;
  background-color: #b1b1b1;
  padding: 4px;
  color: #403f40;
}
/* PAGE - QUI SOMMES NOUS */

/* PAGE - FOND DE DOTATION */

.tremplin-defi-banner img {
  height: 737px;
  width: auto;
  object-fit: cover;
}

.tremplin-defi-banner-logo {
  text-align: center;
}

.tremplin-defi-banner-logo img {
  position: relative;
  width: 310px;
  height: auto;
  top: -75px;
}

.tremplin-defi-separator {
  text-align: center;
}

.tremplin-defi-separator img {
  height: 16px;
  width: auto;
}

.tremplin-defi-intro {
  margin-top: 36px;
  margin-bottom: 60px;
  position: relative;
}

.tremplin-defi-grey-block {
  display: flex;
}

.tremplin-defi-intro strong,
.tremplin-defi-engagement strong,
.tremplin-defi-participation strong,
.tremplin-defi-benefits strong {
  font-weight: normal;
  font-family: "Cocogoose SemiLight";
}

.tremplin-defi-deco img {
  height: 205px;
  width: auto;
  position: absolute;
  top: -116px;
  left: -362px;
}

.tremplin-defi-grey-block-container {
  padding-block: 118px;
}

.tremplin-defi-engagement {
  margin-right: 75px;
}

.tremplin-defi-participation-block {
  padding-left: 75px;
  border-left: 2px solid #403f40;
}

.tremplin-defi-participation {
  margin-right: 10px;
}

.tremplin-defi-engagement em,
.tremplin-defi-participation em {
  font-style: normal;
  background-color: #403f40;
  padding: 4px;
  color: #ffffff;
}

.tremplin-defi-benefits-container {
  margin-block: 100px;
}

.tremplin-defi-benefits-block {
  display: flex;
}

.tremplin-defi-benefits-content {
  margin-left: 87px;
}
/* PAGE - FOND DE DOTATION */

/* PAGES - NOS STRUCTURES */
.tremplin-structure-banner {
  padding-top: 197px;
  padding-bottom: 113px;
  position: relative;
}

.tremplin-structure-separator {
  width: 165px;
  height: auto;
}

.structure-banner-block {
  display: flex;
  gap: 78px;
}

.tremplin-structure-banner-logo img {
  width: 373px;
  height: auto;
}

.structure-intro {
  padding-top: 50px;
  width: 324px;
  font-family: "Cocogoose";
}

.tremplin-structure-content {
  margin-top: 120px;
  margin-bottom: 103px;
}

.tremplin-structure-content-block {
  display: flex;
  gap: 83px;
}

.tremplin-structure-content-block-left {
  display: flex;
  flex-direction: column;
  border-right: 2px solid;
  position: relative;
}

.tremplin-structure-content-block .left-violet {
  border-color: #970841;
}

.tremplin-structure-content-block .left-vert {
  border-color: #68af6c;
}

.tremplin-structure-content-block .left-orange {
  border-color: #ea6247;
}

.tremplin-structure-content-block .left-rouge {
  border-color: #df2324;
}

.tremplin-structure-content-block .left-jaune {
  border-color: #f3bb00;
}

.tremplin-structure-content-left {
  width: 557px;
}

.tremplin-structure-content-left strong,
.tremplin-structure-content-right-violet strong {
  font-weight: normal;
  font-family: "Cocogoose SemiLight";
}

.tremplin-structure-content-block .content-violet strong,
.tremplin-structure-content-right-violet strong {
  color: #ffffff;
  background-color: #970841;
  padding: 4px;
}

.tremplin-structure-content-block .content-vert strong {
  color: #ffffff;
  background-color: #68af6c;
  padding: 4px;
}

.tremplin-structure-content-block .content-orange strong {
  color: #ffffff;
  background-color: #ea6247;
  padding: 4px;
}

/* .tremplin-structure-content-block .content-rouge strong {
  color: #ffffff;
  background-color: #df2324;
  padding: 4px;
} */

.tremplin-structure-content-block .content-jaune strong {
  color: #403f40;
  background-color: #f3bb00;
  padding: 4px;
}

.tremplin-structure-content-block-right {
  display: flex;
  flex-direction: column;
}

.tremplin-structure-content-right strong {
  font-weight: normal;
  font-family: "Cocogoose SemiLight";
}

.tremplin-footer-slider .slick-track {
  display: flex;
  align-items: center;
  gap: 40px;
}

.tremplin-footer-slide-logo {
  display: flex;
  justify-content: center;
}

.tremplin-structure-slide-image img {
  max-height: 360px;
  width: auto;
}

.tremplin-structure-nav-prev {
  border: none;
  background-color: transparent;
  width: 96px;
  height: 104px;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: -100px;
  bottom: 127px;
}

.tremplin-structure-nav-prev {
  background-image: url("assets/images/tremplin-structure-nav-prev.png");
}

.tremplin-structure-footer {
  padding-block: 79px;
}

.tremplin-structure-footer-title {
  font-family: "Cocogoose SemiLight";
  text-transform: uppercase;
  display: inline-block;
  background-color: #ffffff;
  padding: 7px 10px 0px 10px;
}

.tremplin-structure-footer .title-orange {
  color: #ea6247;
}

.tremplin-structure-footer .title-rouge {
  color: #df2324;
}

.tremplin-structure-footer .title-jaune {
  color: #403f40;
}

.tremplin-structure-footer-content {
  padding-top: 40px;
  padding-bottom: 24px;
}

.tremplin-structure-footer-contact-block,
.tremplin-structure-footer-logos {
  display: flex;
  justify-content: space-between;
  gap: 45px;
}

.tremplin-structure-footer-schedules {
  font-family: "Nothing You Could Say";
}

.tremplin-structure-footer-phone {
  font-family: "Cocogoose SemiLight";
  text-transform: uppercase;
  display: inline-block;
  background-color: #ffffff;
  padding: 4px;
}

.tremplin-structure-competences-button {
  display: block;
  width: 201px;
  height: 47px;
  font-family: "Nothing You Could Say";
  font-size: 0.875rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  color: #eeeeee;
  background-image: url("assets/images/tremplin-home-president-button-hover.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 0.3s ease;
}

.tremplin-structure-competences-button a {
  transform: rotate(-4deg);
}

.tremplin-structure-competences-button:hover {
  background-image: url("assets/images/tremplin-home-president-button.png");
  color: #403f40;
}

/* PAGES - NOS STRUCTURES */

/* PAGE - VOS BESOINS */
.tremplin-needs-banner img {
  width: auto;
}

.tremplin-needs-banner-title {
  background-image: url("./assets/images/tremplin-needs-background-title.png");
  width: 630px;
  height: 163px;
  margin-inline: auto;
  padding-top: 48px;
  position: relative;
  top: -80px;
}

.tremplin-needs-title-deco img {
  height: 16px;
  width: auto;
}

.tremplin-needs-intro strong {
  font-family: "Cocogoose SemiLight";
  font-weight: normal;
}

.tremplin-needs-block-1 {
  padding-top: 183px;
}

.tremplin-needs-block-3 {
  padding-bottom: 156px;
}

.tremplin-needs-block-img {
  height: 512px;
  width: auto;
}

.tremplin-needs-block-content .logo img {
  height: 113px;
  width: auto;
  margin-bottom: 24px;
}

/* PAGE - VOS BESOINS */

/* PAGE - NOS POSTES */

.tremplin-needs-jobs img {
  /* height: 472px; */
  width: auto;
}

.tremplin-jobs-banner-title {
  background-image: url("./assets/images/tremplin-jobs-background-title.png");
  width: 630px;
  height: 163px;
  margin-inline: auto;
  padding-top: 48px;
  position: relative;
  top: -80px;
}

.tremplin-jobs-filter-annonces {
  margin-bottom: 100px;
  gap: 31px;
}

.btn-filter {
  background-color: transparent;
  border: none;
  display: block;
  height: 90px;
  width: 320px;
  font-family: "Nothing You Could Say";
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  background-image: url("./assets/images/tremplin-jobs-annonce-btn-border.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  /* padding: 16px; */
  transform: rotate(-4deg);
  transition: background-image 0.3s ease-in-out, color 0.3s ease-in-out;
}

.btn-filter-green:hover {
  color: #68af6c;
  background-image: url("./assets/images/tremplin-jobs-annonce-btn-border-green.png");
}

.btn-filter-red:hover {
  color: #df2324;
  background-image: url("./assets/images/tremplin-jobs-annonce-btn-border-red.png");
}

.btn-filter-orange:hover {
  color: #ea6247;
  background-image: url("./assets/images/tremplin-jobs-annonce-btn-border-orange.png");
}

.btn-filter-grey:hover {
  color: #403f40;
  background-image: url("assets/images/tremplin-btn-grey-hover.png");
}

.tremplin-jobs-annonce-title {
  font-family: "Cocogoose SemiLight";
  font-size: 1.25rem;
  line-height: 1.5;
}

.tremplin-jobs-annonce-title p {
  margin-bottom: 0;
}

.tremplin-jobs-annonce-deco img {
  height: 11px;
  width: 113px;
}

.tremplin-jobs-annonce-item {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 724px;
  height: 403px;
  padding: 80px 22px 43px 83px;
}

.tremplin-jobs-annonce-item-ressourceries {
  background-image: url("./assets/images/tremplin-jobs-border-red.png");
}

.tremplin-jobs-annonce-item-brigades-vertes {
  background-image: url("./assets/images/tremplin-jobs-border-green.png");
}

.tremplin-jobs-annonce-item-soutiens {
  background-image: url("./assets/images/tremplin-jobs-border-orange.png");
}

.tremplin-jobs-annonce-description strong {
  font-family: "Cocogoose SemiLight";
  font-weight: normal;
}

.tremplin-jobs-annonce-item .btn-annonce {
  display: block;
  height: 58px;
  width: 198px;
  font-family: "Nothing You Could Say";
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  background-image: url("./assets/images/tremplin-jobs-annonce-btn-border.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 20px;
}
/* PAGE - NOS POSTES */

/* PAGE - CONTACT */

.tremplin-contact {
  padding-top: 208px;
}

.tremplin-contact-infos {
  font-family: "Cocogoose SemiLight";
}

.tremplin-contact-infos a {
  color: #ffffff;
}

.tremplin-contact-separator {
  width: 2px;
  height: 635px;
  background-color: #ffffff;
  margin-inline: auto;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
  width: 100%;
  color: #8e8e8e;
}

label {
  font-family: "Cocogoose SemiLight";
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
  background-color: #434343;
  box-shadow: inset 0px 3px 6px #0000003c;
  border: none;
}

.wpcf7-form select {
  padding: 8px;
  color: #ffffff;
}

.wpcf7-form select:hover {
  background-color: #8e8e8e;
}

.wpcf7-form select option {
  background-color: #0000003c !important;
}

.wpcf7-form input.wpcf7-submit {
  background-color: transparent;
  box-shadow: none;
  display: block;
  height: 58px;
  width: 198px;
  font-family: "Nothing You Could Say";
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  background-image: url("./assets/images/tremplin-jobs-annonce-btn-border.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 8px;
  margin-inline: auto;
}

.wpcf7-form input.wpcf7-submit:hover {
  background-image: url("assets/images/tremplin-btn-hover-white.png");
  color: #403f40;
}

/* PAGE - CONTACT */

/* 404 */
.btn-404 {
  display: block;
  height: 58px;
  width: 198px;
  font-family: "Nothing You Could Say";
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  background-image: url("./assets/images/tremplin-jobs-annonce-btn-border.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 20px;
}

.btn-404 a {
  color: #ffffff;
}
/* 404 */

.tremplin-page a {
  color: #ffffff !important;
}

.grecaptcha-badge{
  display: none;
}