/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
  font-family: Source Sans Pro;
  font-weight: 600;
	vertical-align: baseline;
}
a{
    text-decoration: none;
    color: #FFF;
}
a:visited { text-decoration: none; color:white; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body{
    margin:0;
}
.home{
    background-image: url('/images/back-honey.png');
    width: 100%;
    height: 60vw;
}
.carouselBoxing{
    border-radius: 3.375rem;
    background: rgba(0, 47, 67, 0.40);
    backdrop-filter: blur(8px);
    width: 90vw;
    height: 50vw;
}
.box-carousel{
    padding: 5vw;
}
.menu{
    margin: auto;
    margin-right: 5vw;
}
.menu-choice{
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 25vw;
    color: var(--white, #FFF);
    font-family: Source Sans Pro;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; 
}
.header{
    display: flex;
    padding-top: 3vw;
}
.logo{
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 5vw;
}
.carousel-title{
    font-size: 4vw;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 1vw;
    color: var(--grey-15, #EEE);
}
.contentCarousel{
    margin-top: 5vw;
    margin-left: 5vw;
    margin-right: 48vw;
}
.presign{
    padding: 0.25vw;
    border-radius: 0.5rem;
    border: 2px solid #FFF;
}
.carouselParagraphe{
    color: var(--white, #FFF);
    font-family: Source Sans Pro;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.valueTitle{
    color: var(--aqua-40, #21738B);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Source Sans Pro;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
    margin-left: 5vw;
    margin-top: 2vw;
    margin-bottom: 2vw;
}
.boxValue{
    display: flex;
    margin-left:5vw;
    margin-right:5vw;
    margin-bottom: 2vw;
}

.titleValue{
    color: var(--aqua-80, #002F43);
    font-family: Source Sans Pro;
    font-size: 2vw;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
}
.insideValue{
    width: 22vw;
    margin-right: 10vw;
}
.valuePara{
    color: var(--aqua-80, #002F43);
font-family: Source Sans Pro;
font-size: 1.25vw;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
.signing{
    background: rgba(0, 47, 67, 0.60);
    padding-bottom: 5vw;
}
.signingTitleText{
    color: var(--white, #FFF);
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Source Sans Pro;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 300;
    line-height: 120%; /* 3rem */
    margin-left: 5vw;
    padding-top: 2vw;
    margin-bottom: 2vw;
}
.paraSigning{
    color: var(--white, #FFF);
    font-family: Source Sans Pro;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    padding-top:1vw;
}
.formSigning{
    border-radius: 1.9375rem;
    background: var(--white, #FFF);
    margin-top: 2vw;
    margin-left: 5vw;
    margin-right: 5vw;
}
.groupSigning{
    width: 42vw;
    margin-left: 5vw;
}
.bigGroupSign{
    display: flex;
}
footer{
    background: var(--ubee, #FFA629);
    display: flex;
    padding-left: 14vw;
    padding-right: 14vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
    margin-top: 11vw;
}
.logoFooter{
    margin-right: 11vw;
}
.arrowFooter{
    margin: auto;
    margin-right: 11vw;
}
.groupTexteFooter{
    color: var(--white, #FFF);
    font-family: Source Sans Pro;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.joinFooter{
    font-size: 2.25vw;
    font-weight: 700;
    margin-top: 4vw;
}


.carousel{
  width: fit-content;
  height: -webkit-fill-available;
}
.carousel-inner{
  height: inherit;
}
.carousel-indicators{
  top: 40vw;
}
  .phoneVisual{
    position: absolute;
    right: 0vw;
    top: -5vw;
    height: 50vw;
  }
  .carousel-button{
    display: flex;
    padding: 1vw 1.25vw;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    background: var(--aqua-40, #21738B);
    max-width: 25vw;
    margin-top: 2vw;
    border-radius: 1.875rem;
    color: white;
    text-decoration: none;
  }
  .boxSign{
    display: flex;
    margin: auto;
    margin-left: 5vw;
    color: #002F43;
    padding-top: 2vw;
    justify-content: space-evenly;
  }
  .btnSign{
    background: var(--aqua-40, #21738B);
    border-color: var(--aqua-40, #21738B);
    border-radius: 1.875rem;
    color: #FFFFFF;
    margin-left: 15vw;
    margin-bottom: 2vw;
  }
input{
    width: 35vw;
    height: 2vw;
    border-radius: 0.5rem;
    background: var(--background-background-tertiary, #E8E8E8);
    display: flex;
    height: 3.5rem;
    padding: 0.875rem 1rem;
    align-items: center;
    gap: 1rem;
    align-self: stretch;
  }
  .signPlace{
    display: flex;
    flex-direction: column;
    width: 50vw;
    font-size: 1vw;
  }
  button{
    display: flex;
    padding: 1rem 1.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
  }
  .termsText{
    color: var(--aqua-80, #002F43);
    font-family: Source Sans Pro;
    font-size: 1vw;
    font-style: normal;
    font-weight: 600;
    line-height: 1.25rem; /* 125% */
    width: 25vw;
  }
  .checkBox{
    display: flex;
    margin-top: 5vw;
    margin-left: 5vw;
  }
  .inputCheckbox{
    width: 3vw;
    margin-left: 14vw;
    height: 2vw;
    border-radius: 0.5rem;
    background: var(--background-background-tertiary, #E8E8E8);
  }
  .buttonSign{
    margin: auto;
    margin-top: 3vw;
  }

* {
    box-sizing: border-box;
    font-family: Source Sans Pro;
    font-weight: 600;
    font-size: 0.875vw;
}
fieldset {
    border: none;
}
fieldset > label {
    display: inline-block;
    width: 100px;
    font-weight: bold;
    vertical-align: top;
    font-size: 1vw;
    line-height: 28px;
}
fieldset > label::after {
    content: ":";
}
select,
details {
    display: inline-block;
    width: 30vw;
    background-color: white;
    cursor: pointer;
}
select,
summary {
    border: 1px solid var(--lt-gray);
    border-collapse: collapse;
    border-radius: 4px;
    padding: 4px;
    width: 30vw;
    background-color: white;
    cursor: pointer;
}


.listeSign {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-top: 2px;
    border: 1px solid var(--dk-gray);
    box-shadow: 0 0 5px 1px var(--lt-gray);
    z-index: 10;
    background-color: white;
    position: relative;
}
.itemSign {
    margin: 0px;
    padding: 0px;
}
li > label {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
li > label:hover,
li > label:has(input:checked) {
    background-color: var(--dk-gray);
    color: gray;
    border: 1px solid #002F43;
}
.boxJobs{
  border-radius: 4px;
  /* height: 34px; */
  width: fit-content;
  margin-left: 15px;
  padding-left: 10px;
}
.formCheck{
    width: 2vw;
}
.imagePhone{
    width: 25vw;
}
.imageValue{
    width: 23vw;
}
.form-control{
    width: 30vw;
}
.imageLogoFooter{
    width: 15vw;
}
.imageArrowFooter{
    width: 6vw;
}
.font-carou-button{
    font-size: 1.25vw;
}
@media screen and (max-width:700px) {
    .carouselBoxing {
        height: 52vw;
    }
}

.sl-nav {
    display: inline;
  }
  .sl-nav ul {
    margin:0;
    padding:0;
    list-style: none;
    position: relative;
    display: inline-block;
  }
  .sl-nav li {
    cursor: pointer;
  }
  .sl-nav li ul {
    display: none;
  }

  .sl-nav li:hover ul {
    position: absolute;
    top:2.6vw;
    right: 0.5vw;
    display: block;
    background: var(--color-light);
    z-index: 1;
    border-radius:1vw;
    box-shadow: 0px 0px 20px var(--color-dark);
    background-color: white;
  }
  .sl-nav li:hover .triangle {
    position: absolute;
    top: 1.5vw;
    right: -0.9vw;
    z-index:10;
    height: 1.2vw;
    overflow:hidden;
    width: 2.3vw;
    background: transparent;
  }
  .sl-nav li:hover .triangle:after {
    content: '';
    display: block;
    z-index: 20;
    width: 1.5vw;
    transform: rotate(45deg) translateY(0px) translatex(0.6vw);
    height: 1.5vw;
    background: var(--color-light);
    border-radius:2px 0px 0px 0px;
    box-shadow: 0px 0px 2vw var(--color-dark);
  }
  .sl-nav li:hover .top-bubble{
    position:absolute;
    left:-2vw;
    width:12vw;
    height:4.5vw;
    background:transparent;
  }
  .sl-nav li ul li {
    position: relative;
    text-align: left;
    background: transparent;
    padding: 0.5vw 0.5vw;
    padding-bottom:0;
    z-index: 2;
    font-size: 1.66vw;
    color: #3c3c3c;
  }
  .sl-nav li ul li:last-of-type {
    padding-bottom: 0.5vw;
  }
  .sl-nav li ul li span {
    padding-left: 0.5vw;
  }
  .sl-nav li ul li span:hover{
    color:#00A2BA;
  } 
  .sl-nav li ul li span.active {
    color: #FFCE1C;
  }
  .sl-flag {
    display: inline-block;
    box-shadow: 0px 0px 3px var(--color-dark);
    width: 1.5vw;
    height: 1.5vw;
    background: #aaa;
    border-radius: 50%;
    position: relative;
  }
  .flag-fr {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAIAAAAVyRqTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMjUyMkUxODE3NzkxMUUyODY3Q0FBOTFCQzlGNjlDRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDQjc4RjdFMDE3NzkxMUUyODY3Q0FBOTFCQzlGNjlDRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEyNTIyRTE2MTc3OTExRTI4NjdDQUE5MUJDOUY2OUNGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEyNTIyRTE3MTc3OTExRTI4NjdDQUE5MUJDOUY2OUNGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NYcTvAAAADBJREFUeNpiZFCYz4Ab/L+fgEf2q7YTHlkmBpqBUaNHjR41etToUaNHjaad0QABBgAMOgSHJZqdhAAAAABJRU5ErkJggg==');
    background-size: cover;
    background-position: center center;
  }
  .flag-usa {
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpERTc5MkI3RjE3OEExMUUyQTcxNDlDNEFCRkNENzc2NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpERTc5MkI4MDE3OEExMUUyQTcxNDlDNEFCRkNENzc2NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEyMTE0RjIyMTc4QTExRTJBNzE0OUM0QUJGQ0Q3NzY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRFNzkyQjdFMTc4QTExRTJBNzE0OUM0QUJGQ0Q3NzY2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+60cYSwAAAyhJREFUeNrElN1PU3cYxz/tOQUBD/aNymtbUAq2IOiUWXmZA40Iy2BzcW53y7JlyZLtZuE/8NaY7Gbe7WJbdJnTDOdQCbLKrERUotgCSodQ7AsFpK28yKT7rfsL2gv7JCcn+eV3zpPv5/l+H9X2xp65SqtJGfr1Fg3vNPD02SIhfwRniwP3pdvsOVxPaCHGs7+DOA/VJs8crXXEs3P48OfTfMIcU+SRaqlMzm8SNut2VuefIxvyydZIxFbWyX35iviLNZRiPZJaxdLyCkoiQUyc6cwFTPvC9FRkcbJMy7JaTrmxHIuvxaZm5xW7+Jl3NkKRaRt5OVlMjvuoqa9gwr9AgS4PvTYP78hjdtVVEAw9J+Kdxv7Td+hL8tGTeslGg8Jeexk3/riLs62O+cU441NBDjbZGbg+SlNbPYvRF9zzzHCoycFA/yhvCtRqnZbr5a1YEjGm5S2po1ZXfRHVaCTlWLODq24v1eWFGPVbuXH5Dh3vORm88xhziR5zoZ5rl9y0dx/ggS/EzGSQs5Ua3s39h7CUlbri0mKdUGzmijBXqzBXYH4Z931fsmlf7zBvd+wjIigMDI/TcbyRvt+GOSgUZ62uU3S2h8IdRgrTQK1S2T6PyhpZ+aB9LxcF2hpbCUUF27hy4S+Of/wWfUMeykuNVIin9/xNuj9qYWR8juknIc5szNC1voA/DdSypayAhlor57/vp/NEC7OBRfpveek+0cwvP/7JsfedhEWcLg8+pOtkMxfOuTjc5WSrSc+S6ymSQYtGyk5dsVT9/4zbhZmu3Z5IztggXOwSZjvSuZ+hUR9mEan/KAz+PkJb5z7GngSYdXu46T9Ho3EL6ZSKnZ9Fax0W5aFrDNuB6mROA6El7BYTnns+bPt3srK2gV+QcIjIPRLzrxL3ZkLLfB0c40udRCAd1EfFNioxaSG+Sl2NmchSnCKjwh6HBWlzk/rd1uTyMOTn8MbuctRiieyqLKbKbqXs4gSvQmFephOnRCIRFW+F11yyp/3TtD/eSKjYTM4rjcZh110yUZlDPfnVqcwovkppRhRnDrX/2x+UjKDuJXcuE4r/FWAAjBMttNdoYOEAAAAASUVORK5CYII=');
    background-size: cover;
    background-position: center center;
    }

  .small-arrow{
    position:relative;
    display: inline-block;
    top:0vw;
    left:0.2vw;
    width:1vw;
    height:1vw;
    border-bottom: 0.2vw solid var(--color-light);
    border-left:0.2vw solid var(--color-light);
    transition: transform 0.5s ease;
  } 
  .sl-nav li:hover .small-arrow{
    transform: rotate(-90deg) translateY(-0.3vw) translateX(0.6vw);
    transform-origin: center;
  }
  a:focus, a:hover {
    text-decoration: none;
    color:#00A2BA;
  }
  .mt-100{
    width: 30vw;
  }
  .imgLogo{
    width: 13.5vw;
  }
  .dropDownLeft{
    padding-left: 5px;
  }
  .select2{
    width: 30vw;
  }
  .invalid-feedback{
    color: red;
  }
  .fontLang{
    font-size: 1.25vw;
  }

@media screen and (max-width:800px){
  .signPlace{
  font-size: 2vw;
  }
}