@import url('https://fonts.googleapis.com/css2?family=STIX+Two+Text:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Corinthia:wght@400;700&display=swap');


h1, h2, h3, h4, p, a, span{
  font-family: "STIX Two Text", serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}
h1, h2, h3, h4, p{
  color: #17253E !important;
}
h2{
  font-weight: 600 !important;
}
h1 span, h2 span, h3 span, h4 span{
  color: #C7A95B !important;
}





#site-header{
  /*background-color: rgba(255, 255, 255, 0); !important;*/
  position: fixed;
  z-index: 99;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.custom-logo-link img{
  width: 215px;
}
.site-navigation a{
  color: #17253E;
  transition: all ease 0.3s;
  font-size: 19px;
}
.site-navigation a:hover{
  color: #C7A95B;
}
#menu-item-29 a{
  border: 0px;
  background-image: linear-gradient(to left, #17253D 50%, #C7A95B 50% ) !important;
  position: relative;
  padding: 15px 35px;
  background-size: 200% 100%;
  background-position: left;
  transition: all linear 0.3s;
  color: #ffffff;
  margin-left: 40px;
  /*border: 1px solid #390A57;*/
}
#menu-item-29 a:hover{
  background-position: right !important;
}
.site-navigation ul.menu li{
  align-items: center;
}
.site-logo{
  padding-left: 20px;
}
.sub-menu{
}
.site-navigation ul.menu li.menu-item-has-children:after{
  display: none;
}
@media (max-width: 1200px){
  .site-header .header-inner{
    max-width: 980px;
  }
}



.elementor-button{
  border: 0px;
  background-image: linear-gradient(to left, #17253D 50%, #C7A95B 50% ) !important;
  position: relative;
  padding: 15px 25px;
  background-size: 200% 100%;
  background-position: left;
  transition: all linear 0.3s;
  color: #ffffff;
  border-radius: 0px;
}
.elementor-button:hover{
  background-position: right !important;
}
.btn-alt a{
  border: 0px;
  background-image: linear-gradient(to left, #C7A95B 50%, #17253D 50% ) !important;
  position: relative;
  padding: 15px 25px;
  background-size: 200% 100%;
  background-position: left;
  transition: all linear 0.3s;
  color: #ffffff;
  border-radius: 0px;
}
.btn-alt a:hover{
  background-position: right !important;
}



.text-right .theme-bloc h4{
  color: #ffffff !important;
  margin-bottom: 40px;
  margin-top: 80px;
  position: relative;
  padding-left: 30px;
  font-family: "Corinthia", cursive !important;
  font-weight: 400;
  font-size: 40px;
}
.text-right .theme-bloc h4::after{
  content: '';
  display: block;
  position: absolute;
  background-image: url('../hello-elementor/assets/after-hexa.svg');
  background-size: 9px 10px;
  width: 9px;
  height: 10px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.theme-bloc{
  z-index: 1;
}
.text-left .theme-bloc h4{
  color: #ffffff !important;
  margin-bottom: 40px;
  margin-top: 80px;
  position: relative;
  padding-right: 30px;
  font-family: "Corinthia", cursive !important;
  font-weight: 400;
  font-size: 40px;
}
.text-left .theme-bloc h4::after{
  content: '';
  display: block;
  position: absolute;
  background-image: url('../hello-elementor/assets/after-hexa.svg');
  background-size: 9px 10px;
  width: 9px;
  height: 10px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

h2{
  position: relative;
  display: inline;
  margin-bottom: 20px;
}
.text-zone h2::before{
  content: '';
  display: block;
  position: absolute;
  background-color: #C7A95B !important;
  width: 80%;
  height: 1px;
  left: 0;
  bottom: -10px;
}
.h2-centered h2{
  position: relative;
  display: inline;
  margin-bottom: 20px;
}
.h2-centered h2::before{
  content: '';
  display: block;
  position: absolute;
  background-color: #C7A95B !important;
  width: 80%;
  height: 1px;
  left: 0;
  bottom: -10px;
}

.text-right{
  position: relative;
}
.text-right::after{
  display: block;
  position: absolute;
  content: '';
  background-image: url('../hello-elementor/assets/blocky.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  right: 40px;
  top: 40px;
}
.text-left{
  position: relative;
}
.text-left::after{
  display: block;
  position: absolute;
  content: '';
  background-image: url('../hello-elementor/assets/blocky.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  left: 40px;
  top: 40px;
}



.tryp-right .content-bloc{
  background-color: #ffffff;
  left: -100px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  position: relative;
}
.tryp-right .content-bloc::after{
  display: block;
  position: absolute;
  content: '';
  background-image: url('../hello-elementor/assets/tryp-corner.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 49px;
  height: 50px;
  right: 0px;
  top: 0px;
}
.tryp-right .zone-icon{
  left: 50px;
  top: -60px;
  height: 200px;
  width: 200px;
}

.tryp-left .content-bloc{
  background-color: #ffffff;
  right: -100px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 1;
}
.tryp-left .content-bloc::after{
  display: block;
  position: absolute;
  content: '';
  background-image: url('../hello-elementor/assets/tryp-corner.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 49px;
  height: 50px;
  left: 0px;
  top: 0px;
  transform: scaleX(-1);
}
.tryp-left .zone-icon{
  right: 50px;
  top: -60px;
  height: 200px;
  width: 200px;
}

.bloc-central{
  position: relative;
}
.bloc-central::after{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.bloc-central-content{
  position: relative;
  z-index: 1;
}
.bloc-central-content h2{
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}
.bloc-central-content h2::after{
  content: '';
  display: block;
  position: absolute;
  background-image: url('../hello-elementor/assets/after-hexa.svg');
  background-size: 9px 10px;
  width: 9px;
  height: 10px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.bloc-central-content h2::before{
  content: url('../hello-elementor/assets/after-hexa.svg');
  display: block;
  position: absolute;
  width: 9px;
  height: 10px;
  left: 0;
  transform: translateY(-50%);
}

.banner-home{
  position: relative;
}
.banner-home::after{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.6);
}
.banner-content{
  position: relative;
  z-index: 1;
}



.text-right-img, .text-left-img{
  position: relative;
}
.text-right-img::after, .text-left-img::after{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(23, 37, 61, 0.4);
}


#site-footer{
  padding: 50px 20px;
  background-color: #E7EFFA;
}
.link-copyright{
  color: #C7A95B;
}
.chevauche-right{
  left: -100px;
  top: 50px;
  z-index: 2
}
.chevauche-left{
  position: relative;
  z-index: 1;
}
.chevauchant::after{
  display: block;
  position: absolute;
  content: '';
  background-image: url('../hello-elementor/assets/blocks-plein1.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 250px;
  height: 195px;
  left: 70%;
  top: 350px;
  transform: translate(-50%, -50%);
}
.h2-alt-t span{
  color: #ffffff !important;
  font-family: "Corinthia", cursive !important;
  font-weight: 400;
  font-size: 50px;
  margin-bottom: 40px;
  position: relative;
}
.chevauchant-r .chevauche-right{
  left: 100px;
  top: 50px;
  z-index: 2
}
.chevauchant-r::after{
  display: block;
  position: absolute;
  content: '';
  background-image: url('../hello-elementor/assets/blocks-plein2.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 250px;
  height: 195px;
  left: 30%;
  top: 350px;
  transform: translate(-50%, -50%);
}
.h2-alt span{
  font-family: "Corinthia", cursive !important;
  font-weight: 400;
  font-size: 50px;
  margin-bottom: 40px;
  position: relative;
  color: #17253E !important;
}
.h2-alt span::after, .h2-alt-t span::after{
  content: '';
  display: block;
  position: absolute;
  background-color: #C7A95B !important;
  width: 80%;
  height: 1px;
  left: 0;
  bottom: -10px;
}
.extra-contact a{
  color: #17253E !important;
  transition: all ease 0.3s;
}
.extra-contact a:hover{
  color: #C7A95B !important;
}

.c1 input, .c2 input{
  width: 48%;
}
.c1 .nom, .c2 .email{
  margin-right: 2%;
}
.c1 .prenom, .c2 .tel{
  margin-left: 2%;
}
.sujet{
  margin-bottom: 15px;
}
.c1 input, .c2 input, .c3 textarea, .c3 input{
  border: 1px solid #17253E;
}
.c1 input::placeholder, .c2 input::placeholder, .c3 textarea::placeholder, .c3 input::placeholder{
  color: #000000 !important;
}
.c1 input:active, .c2 input:active, .c3 textarea:active, .c3 input:active{
  border: 1px solid #17253E !important;
}
.c1 input:focus-visible, .c2 input:focus-visible, .c3 textarea:focus-visible, .c3 input:focus-visible{
  border: 1px solid #17253E !important;
}
.c4 p{
  text-align: center;
}
.c4 input{
  background-color: #C7A95B !important;
  position: relative;
  padding: 15px 25px;
  transition: all ease 0.3s;
  color: #ffffff;
  font-weight: 500 !important;
  border: 1px solid rgba(0,0,0,0);
  transition: all ease 0.3s;
  border-radius: 0px;
}
.c4 input:hover{
  color: #ffffff;
  background-color: #17253E !important;
}