@charset "UTF-8";
@font-face { font-family: "Agency FB"; src: url("../font/AgencyFB.woff") format("woff"); src: url("../font/AgencyFB.woff2") format("woff2"); }

/* Regles generales */
*, *:after, *:before { box-sizing: border-box; }

html { font-size: 62.5%; }

html::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F6F6F6; }

html::-webkit-scrollbar { width: 12px; background-color: #F6F6F6; }

html::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #FCA83B; }

body { font-size: 1.4rem; max-width: 100vw; overflow-x: hidden; /* 14px par défaut */ font-family: 'Roboto', sans-serif; background-color: #ffffff; }

body strong { font-family: 'Roboto', sans-serif; font-weight: 500; }

body a, body a:visited {color: #001C40; text-decoration: none; }

body a:hover, body a:visited {color: #FCA83B; text-decoration: none; }

body img { max-width: 100%; height: auto; vertical-align: middle; }

p::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F6F6F6; }

p::-webkit-scrollbar { width: 6px; background-color: #F6F6F6; }

p::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #ffffff; }

select::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F6F6F6; }

select::-webkit-scrollbar { width: 6px; background-color: #F6F6F6; }

select::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #FCA83B; }

textarea::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F6F6F6; }

textarea::-webkit-scrollbar { width: 6px; background-color: #F6F6F6; }

textarea::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #FCA83B; }

/********************/
/* HEADER:         */
/******************/
header { width: 100vw; position: fixed; top: 0; z-index: 10; height: 18vh; }

header .nav-bar { background-color: #001C40; height: 30%; max-width: 100vw; display: flex; justify-content: space-between; flex-direction: row; align-items: center; overflow: hidden; padding: 0 5vw; z-index: 10; }

header .nav-bar__icon-size { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; width: 2.3rem; }

header .nav-bar__icon-style { fill: #ffffff; width: 100%; transition: ease-out .5s; }

header .nav-bar__icon-style:hover { fill: #FCA83B; cursor: pointer; }

header .nav-bar .nav-contact { width: 40%; height: 70%; display: flex; justify-content: flex-start; align-items: center; flex-direction: row; }

header .nav-bar .nav-lang { width: 40%; height: 70%; display: flex; justify-content: flex-end; align-items: center; flex-direction: row; }

header .nav-bar .nav-lang li { display: flex; flex-direction: row; justify-content: center; align-items: center; height: 100%; width: 2.3rem; }

header .nav-bar .nav-lang li a img { width: 3000px !important; height: 16px !important;
}

header .nav-bar li { margin: 0 2vw; }

header .main-menu { background-color: #ffffff; height: 55%; padding: 2% 5vw; display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: relative; }

header .main-menu .logo { flex: 2; }

header .main-menu__nav { width: 50%; margin: 0; }

header .main-menu__iconlist { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; height: 50%; }

header .main-menu__iconlist li.iconlist-size { width: 5vw; height: 5vw; margin: 0 3vw; }

header .main-menu__icons { fill: #000000; cursor: pointer; transition: ease-out .5s; }

header .main-menu__icons:hover { fill: #FCA83B; }

header .main-menu__active { position: fixed; bottom: 0; left: -100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 100vw; height: 100vh; z-index: -1; background-color: #FCA83B; overflow: hidden; transform: translate(-100%); transition: ease-out 500ms; }

header .main-menu__active li { display: flex; flex-direction: column; align-content: center; width: 50vw; height: fit-content; margin: 8% 0; }

header .main-menu__active li a { font-family: "Agency FB", sans-serif; color: #ffffff; font-size: 3rem; text-transform: uppercase; text-align: center; }

header .main-menu__search { position: absolute; bottom: -2.4rem; right: -100%; transform: translate(100%); width: fit-content; height: 24px; transition: ease-out 0.25s; z-index: 15; }

header .main-menu__search form div { display: flex; flex-direction: row; justify-content: end; }

header .main-menu__search label { display: none; }

header .main-menu__search input[type="submit"] { width: 8vw; border: none; background: #FCA83B url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14"> <g id="rechercher" > <path fill="rgb(256, 256, 256)" d="M8.425,0.042c-3.079,0-5.575,2.496-5.575,5.575c0,1.281,0.437,2.458,1.163,3.399l-3.821,3.822 c-0.256,0.256-0.256,0.671,0,0.927c0.128,0.128,0.296,0.192,0.464,0.192s0.336-0.064,0.464-0.192l3.809-3.809 c0.957,0.772,2.172,1.236,3.497,1.236c3.079,0,5.575-2.496,5.575-5.575S11.504,0.042,8.425,0.042z M8.425,9.88 c-2.351,0-4.263-1.912-4.263-4.263s1.912-4.263,4.263-4.263s4.263,1.912,4.263,4.263S10.776,9.88,8.425,9.88z"/> </g> </svg>'); background-size: 70%; background-position: center center; background-repeat: no-repeat; margin: 0; cursor: pointer; }

header .main-menu__search input[type="search"] { border: 1px #FCA83B solid; border-right: 0px; background-color: #ffffff;}

header input[type="checkbox"] { display: none; }

header #icone-burger:checked ~ ul { transform: translate(0%); left: 0%; }

header #icone-search:checked ~ div { transform: translate(0%); right: 0%; }

@media screen and (max-height: 400px) { header { height: 100px; }
  header .main-menu__search { bottom: -43%; }
  header .main-menu__active { height: 79vh; }
  header .main-menu__active li { margin: 2% 0; } }

@media screen and (min-width: 530px) { header .main-menu__iconlist { height: 50%; }
  header .main-menu__iconlist li.iconlist-size { width: 4vw; height: 4vw; }
  header .main-menu__active li { display: flex; flex-direction: column; align-content: center; margin: 4% 0; }
  header .main-menu__search input[type="submit"] { background-size: 35%; } }

@media screen and (max-height: 290px) { header .main-menu__active { height: 79vh; }
  header .main-menu__active li { margin: 1% 0; }
  header .main-menu__active li a { font-size: 1.8rem; margin: 1% 0; } }

@media screen and (min-width: 768px) { header .main-menu__active { padding-bottom: 10%; }
  header .main-menu__active li { margin: 6% 0; }
  header .main-menu__active li a { font-size: 4rem; }
  header .main-menu__search { bottom: -3rem; height: 30px; }
  header .main-menu__search input[type="submit"] { background-size: 40%; }
  header .main-menu__search input[type="search"] { width: 35vw; border: 2px #FCA83B solid; } }

@media screen and (min-width: 1024px) { header .main-menu__nav { width: 80%; margin: 0; }
  header .main-menu__iconlist { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; height: 50%; }
  header .main-menu__iconlist .container-desktop { height: 100%; width: 100%; }
  header .main-menu__iconlist li.iconlist-size { width: 2.5vw; height: 2.5vw; margin: 0 1vw; }
  header .main-menu__iconlist li.iconlist-size:nth-child(2) { display: none; }
  header .main-menu_desktop { display: flex; flex-direction: row; justify-content: flex-end; }
  header .main-menu_desktop li { margin: 0 1vw; }
  header .main-menu_desktop li a { font-family: 'Roboto', sans-serif; font-weight: 300; color: #000000; font-size: 1.8rem; transition: ease-out .5s; }
  header .main-menu_desktop li a:hover { color: #FCA83B; font-weight: 400; }
  header .main-menu__search { bottom: -4.5rem; height: 45px; }
  header .main-menu__search input[type="submit"] { background-size: 35%; }
  header .main-menu__search input[type="search"] { width: 35vw; border: 2px #FCA83B solid; }
  .main-menu_desktop ul { display: flex; flex-direction: row; justify-content: flex-end; } }

@media screen and (min-width: 1440px) { header .main-menu__iconlist li.iconlist-size { width: 1.7vw; height: 1.7vw; margin: 0 1vw; }
  header .main-menu_desktop { margin-right: 5vw; }
  header .main-menu_desktop li { margin: 0 1.5vw; }
  header .main-menu_desktop li a { font-size: 2rem; }
  header .main-menu__search input[type="submit"] { background-size: 30%; } }

@media screen and (min-width: 1720px) { header .main-menu__search input[type="submit"] { background-size: 25%; } }

@media screen and (min-width: 2560px) { header .main-menu .logo { width: 170%; max-width: 170%; }
  header .nav-bar__icon-size { width: 4.5rem; }
  header .nav-bar .nav-lang li { width: 4.5rem; }
  header .main-menu_desktop li { margin: 0 2vw; }
  header .main-menu_desktop li a { font-size: 3.4rem; }
  header .main-menu__iconlist li.iconlist-size { width: 1.7vw; height: 1.7vw; margin: 0 1vw; }
  header .main-menu__search { bottom: -6.5rem; height: 65px; }
  header .main-menu__search form { width: initial; }
  header .main-menu__search input[type="submit"] { background-size: 25%; }
  header .main-menu__search input[type="search"] { width: 35vw; } 
  header .nav-bar .nav-lang li a img { width: 3000px !important; height: 30px !important;} }

@media screen and (max-width: 1023px) { header .main-menu__iconlist .container-desktop { display: none; } }

@media screen and (max-height: 500px) { header { height: 100px; }
  header .main-menu__active { height: 83vh; }
  header .main-menu__active li { margin: 6% 0; }
  header .main-menu__search { bottom: -54%; } }

.footer { background-color: #001C40; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5vw; width: 100vw; }

.footer p a { color: #ffffff}

.footer p a:hover { color: #FCA83B}

.footer h3 { font-family: "Agency FB", sans-serif; color: #ffffff; font-size: 3rem; text-align: center; text-transform: uppercase; }

.footer__iconslist { display: flex; flex-direction: row; justify-content: center; }

.footer__icons { fill: #ffffff; width: 20px; margin: 2vw; cursor: pointer; }

.footer__icons:hover { fill: #FCA83B; }

.footer__button-outlined { font-family: 'Agency FB', sans-serif; text-transform: uppercase; font-weight: 400; font-size: 1.5rem; line-height: 1.4rem; margin: 4%; color: #ffffff; width: 55%; border: #ffffff 1.5px solid; padding: 1vh 2vw; text-align: center; display: flex; justify-content: center; position: relative; overflow: hidden; z-index: 1; }

.footer__button-outlined:after { position: absolute; transition: ease-out 300ms; content: ''; width: 100%; left: -120%; bottom: 0; height: 100%; background: #ffffff; z-index: -1; transform: skewX(-50deg); }

.footer__button-outlined:hover:after { left: 0%; transform: skewX(0deg); }

.footer__button-outlined:hover p { color: #001C40; }

.footer__button-outlined p { color: #ffffff; text-align: center; }

.footer__legal { color: #ffffff; font-size: 1rem; line-height: 1.5rem; margin-top: 4%; }

.footer__legal a:hover { color: #FCA83B; font-weight: 500; }

.footer .footer-nav { display: flex; flex-direction: row; }

@media screen and (min-width: 530px) { .footer { padding: 4vw; }
  .footer h3 { font-size: 4rem; }
  .footer__icons { width: 20px; margin: 0 1.5vw; }
  .footer__button-outlined { font-family: 'Agency FB', sans-serif; font-weight: 400; font-size: 1.7rem; line-height: 1.4rem; margin: 3% 0 4%; width: 30%; border: #ffffff 2px solid; padding: 1.3vw 2vw; }
  .footer__legal { font-size: 1.5rem; line-height: 2.5rem; margin-top: 2%; } }

@media screen and (min-width: 1024px) { .footer h3 { font-size: 5rem; }
  .footer__icons { width: 25px; margin: 0 1.5vw; }
  .footer__button-outlined { font-size: 2.5rem; line-height: 2.4rem; width: 30%; margin: 2% 0 4%; border: #ffffff 3px solid; padding: 1.3vw 2vw; }
  .footer__legal { font-size: 1.8rem; } }

@media screen and (min-width: 1024px) { .footer { padding: 2vw; }
  .footer h3 { font-size: 4.5rem; }
  .footer__icons { width: 20px; margin: 0 1.5vw; }
  .footer__button-outlined { font-size: 2rem; line-height: 2.4rem; width: 20%; margin: 1% 0 2%; border: #ffffff 3px solid; padding: 0.5vw; }
  .footer__legal { font-size: 1.5rem; margin-top: 1%; }
  .footer__iconslist { margin-top: 1%; } }

@media screen and (min-width: 2560px) { .footer h3 { font-size: 6.5rem; }
  .footer__button-outlined { font-size: 4rem; line-height: 4.4rem; padding: 0.9vw; }
  .footer__icons { width: 40px; }
  .footer__legal { font-size: 2.5rem; } }

@media screen and (max-width: 768px) { .footer__button-outlined:after { display: none; }
  .footer__button-outlined:hover { border-color: #FCA83B; }
  .footer__button-outlined:hover p { color: #FCA83B; } }

/********************/
/* frontpage:      */
/******************/
main { margin-top: 15vh; }

main .home { height: 86vh; width: 100vw; }

main .home .container-avion { width: 100vw; height: 40%; display: flex; flex-direction: column; overflow: hidden; }

main .home .container-avion .background-avion-cercle { position: relative; width: 90%; height: 100%; align-self: flex-end; }

main .home .container-avion .background-avion-cercle .cercle { position: absolute; top: 0; right: 0; z-index: -1; }

main .home .container-avion .background-avion-cercle .avion { position: absolute; width: 75vw; top: 50%; right: 15vw; transform: rotate(-15deg); }

main .home h1 { font-family: "Agency FB", sans-serif; color: #FCA83B; font-size: 5rem; margin-left: 5vw; margin-top: 8%; text-transform: uppercase; }

main .home h1 span { display: block; max-width: 80vw; font-family: "Roboto", sans-serif; font-size: 2rem; font-weight: 300; text-transform: initial; color: #000000; margin-top: 2%; }

main .home h1 span strong { font-family: "Roboto", sans-serif; font-weight: 500; color: #000000; }

main .home .button-outlined { border: 3px #001C40 solid; font-family: 'Roboto', sans-serif; padding: 2% 2%; font-size: 1.5rem; max-width: 70vw; display: flex; justify-content: center; margin: 6% 0 8% 4vw; position: relative; color: #001C40; overflow: hidden; }

main .home .button-outlined:after { position: absolute; transition: ease-out 300ms; content: ''; width: 100%; left: -120%; bottom: 0; height: 100%; background: #001C40; z-index: -1; transform: skewX(-50deg); }

main .home .button-outlined:hover:after { left: 0%; transform: skewX(0deg); }

main .home .button-outlined:hover p { color: #ffffff; }

main .home .button-outlined p { color: #001C40; text-align: center; }

main .home .section-suivante { display: flex; justify-content: center; margin-top: 7vh; }

main .home .section-suivante .button-next { width: 12vw; fill: #001C40; }

main .home .section-suivante .button-next:hover { fill: #FCA83B; }

main .apropos { background-color: #001C40; clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 5%, 100% 0, 100% 100%, 0% 100%); height: fit-content; display: flex; flex-direction: column; justify-content: space-between; width: 100vw; }

main .apropos article { padding: 15vh 8vw 10vh; }

main .apropos article h2 { font-family: "Agency FB", sans-serif; color: #FCA83B; font-size: 3rem; text-transform: uppercase; text-align: center; }

main .apropos article p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.5rem; color: #ffffff; line-height: 2.8rem; margin-top: 6vh; }

main .apropos__stat { background-color: #FCA83B; display: flex; justify-content: center; align-items: center; padding: 8vw; }

main .apropos__stat .stat-list { width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; }

main .apropos__stat .stat-list .stat-items { width: 50%; padding: 15px; }

main .apropos__stat .stat-list .stat-items p { font-family: 'Agency FB', sans-serif; font-size: 4rem; color: #ffffff; text-align: center; }

main .apropos__stat .stat-list .stat-items p:nth-child(2) { font-size: 3.2rem; margin-top: 2%; }

main .apropos__stat .stat-list .stat-items p span { display: block; font-size: 2.5rem; margin-top: 25%; }

main .formation { background-color: #F6F6F6; padding: 10% 8vw 20%; display: flex; flex-direction: column; align-items: center; width: 100vw; }

main .formation h2 { font-family: "Agency FB", sans-serif; color: #001C40; font-size: 3rem; text-transform: uppercase; text-align: center; }

main .formation h2 span { display: block; font-size: 2.3rem; color: #FCA83B; }

main .formation p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.1rem; line-height: 1.4rem; margin-top: 5.5%; }

main .formation_imglink { position: relative; width: 224px; height: 128px; overflow: hidden; margin: 3%; }

main .formation_imglink figcaption { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(252, 168, 59, 0.5); display: flex; justify-content: center; align-items: center; padding: 2vw; }

main .formation_imglink figcaption p { color: #ffffff; font-size: 2.5rem; line-height: 3rem; width: 100%; }

main .formation__grouplink { margin-top: 10%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }

main .consulting { height: fit-content; padding-bottom: 20%; background: #F6F6F6; width: 100vw; }

main .consulting__content { width: 98vw; height: fit-content; padding: 6vh 3vw; z-index: 1; position: relative; }

main .consulting__content:after { position: absolute; content: ' '; width: 150%; left: -50%; z-index: -2; top: 0; height: 100%; background: #001C40; border-top-left-radius: 167% 173%; border-top-right-radius: 128% 120%; border-bottom-left-radius: 100% 87%; border-bottom-right-radius: 176% 184%; }

main .consulting__container { position: relative; }

main .consulting__container h2 { font-family: "Agency FB", sans-serif; color: #FCA83B; font-size: 3rem; text-transform: uppercase; }

main .consulting__container h2 span { display: block; font-size: 2.3rem; }

main .consulting__container p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.1rem; line-height: 1.4rem; margin-top: 4.5%; color: #ffffff; width: 75%; }

main .consulting__button-outlined { border: #ffffff 1.5px solid; font-family: 'Roboto', sans-serif; padding: 1vh 2vw; font-size: 1.5rem; font-weight: 500; line-height: 1.4rem; margin: 4.5% 0; display: flex; justify-content: center; width: 55%; position: relative; overflow: hidden; }

main .consulting__button-outlined:after { position: absolute; transition: ease-out 300ms; content: ''; width: 100%; left: -120%; bottom: 0; height: 100%; background: #ffffff; z-index: -1; transform: skewX(-50deg); }

main .consulting__button-outlined:hover:after { left: 0%; transform: skewX(0deg); }

main .consulting__button-outlined:hover p { color: #001C40; }

main .consulting__button-outlined .text-button { color: #ffffff; text-align: center; line-height: initial; margin-top: 0; width: 100%;}

main .consulting img { width: 80%; z-index: -2; position: absolute; bottom: -45%; right: 0; }

main .certif { display: flex; flex-direction: column; justify-content: center; padding: 10% 8vw 4%; background-color: #F6F6F6; width: 100vw; }

main .certif h2 { font-family: "Agency FB", sans-serif; color: #001C40; font-size: 3rem; text-align: center; }

main .certif h2:after { display: block; content: ''; border-bottom: #FCA83B 4px solid; width: 50%; margin: 1vh auto; }

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

main .certif__logo img { width: 50%; margin: 3vw; }

main .certif__logo p { width: 50%; margin: 1vw; font-size: 1.1rem; color: #001C40; }

@media screen and (min-width: 425px) { main .home { height: 100vh; }
  main .home .container-avion { height: 50%; }
  main .home h1 { margin-top: 5%; }
  main .home .section-suivante { margin-top: 0vh; }
  main .home .section-suivante .button-next { width: 10vw; } }

@media screen and (min-width: 768px) { main .home .container-avion { height: 50%; }
  main .home .container-avion .background-avion-cercle .avion { position: absolute; width: 50vw; top: 50%; right: 29vw; }
  main .home .container-avion .background-avion-cercle .cercle { width: 95%; top: -100px; }
  main .home h1 { margin-top: 2%; }
  main .home h1 span { max-width: 60vw; font-size: 3rem; line-height: 3.5rem; color: #000000; margin-top: 2%; }
  main .home .button-outlined { border: 4px #001C40 solid; font-size: 2rem; max-width: 40vw; margin: 5% 0 0% 4vw; }
  main .home .section-suivante { margin-top: 8vh; }
  main .home .section-suivante .button-next { width: 8vw; }
  main .apropos { margin-top: 10%; }
  main .apropos article { padding: 10% 8vw 5%; display: flex; flex-direction: column; align-items: center; }
  main .apropos article h2 { font-size: 6rem; }
  main .apropos article p { font-size: 1.8rem; line-height: 2.8rem; margin-top: 2vh; width: 50vw; }
  main .apropos__stat { height: initial; padding: 6vw; }
  main .apropos__stat .stat-list .stat-items { width: 33%; }
  main .apropos__stat .stat-list .stat-items p { font-size: 6rem; }
  main .apropos__stat .stat-list .stat-items p span { font-size: 4rem; margin-top: 30%; }
  main .formation { padding: 2% 8vw 10vh; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
  main .formation h2 { font-size: 5rem; margin: 5% 5vw 5%; width: 100vw; }
  main .formation h2 span { font-size: 4.3rem; margin-top: 2%; }
  main .formation p { font-size: 1.1rem; line-height: 1.4rem; margin: 2vw 5.5% 5.5% 5.5%; width: 32%; }
  main .formation_imglink { width: 224px; height: 128px; margin: 3%; }
  main .formation_imglink figcaption { padding: 2vw; }
  main .formation__grouplink { margin-top: 5%; width: 100vw; }
  main .consulting { padding-bottom: 20%; }
  main .consulting__content { padding: 6vh 3vw; }
  main .consulting__content:after { width: 150%; left: -50%; top: 0; height: 100%; border-top-left-radius: 167% 173%; border-top-right-radius: 128% 120%; border-bottom-left-radius: 100% 87%; border-bottom-right-radius: 176% 184%; }
  main .consulting__container h2 { font-size: 5rem; margin-top: 5%; }
  main .consulting__container h2 span { font-size: 4.3rem; }
  main .consulting__container p { font-size: 1.6rem; line-height: 2rem; margin-top: 4.5%; }
  main .consulting__button-outlined { font-weight: 500; line-height: 1.4rem; margin: 5% 5% 0 5%; width: 30%; border: #ffffff 1.5px solid; padding: 1vh 2vw; }
  main .consulting img { width: 80%; bottom: -48%; right: 0; }
  main .certif { padding: 5% 4% 8vw 4%; }
  main .certif h2 { font-size: 4rem; margin-top: 0; margin-bottom: 2%; }
  main .certif__logo p { font-size: 2rem; line-height: 2.2rem; } }

@media screen and (min-width: 1024px) { main .home .container-avion { height: 98%; }
  main .home .container-avion .background-avion-cercle .avion { width: 51vw; top: 63%; right: 12vw; }
  main .home .container-avion .background-avion-cercle .cercle { width: 85%; top: 0px; right: -7vw; }
  main .home h1 { margin-top: 2%; position: absolute; width: 40vw; top: 20%; font-size: 7rem; }
  main .home h1 span { max-width: 60vw; font-size: 4rem; line-height: 4.5rem; margin-top: 2%; }
  main .home .button-outlined { font-size: 2.5rem; line-height: 3rem; max-width: 35vw; position: absolute; top: 70%; padding: 1%; }
  main .home .section-suivante { display: none; }
  main .apropos { margin-top: 0%; padding: 5vw 0 0; }
  main .apropos article { padding: 10% 8vw 10%; }
  main .apropos article h2 { font-size: 6.5rem; }
  main .apropos article p { font-size: 2rem; line-height: 3rem; margin-top: 6vh; }
  main .apropos__stat { height: initial; padding: 6vw; }
  main .apropos__stat .stat-list .stat-items p { font-size: 6.5rem; }
  main .apropos__stat .stat-list .stat-items p span { margin-top: 2%; font-size: 4.8rem; }
  main .formation h2 { font-size: 6rem; }
  main .formation h2 span { font-size: 5.3rem; margin-top: 0%; }
  main .formation p { font-size: 1.9rem; line-height: 2.2rem; margin: 2vw 1% 5.5% 1%; width: 47%; }
  main .formation_imglink { width: 274px; height: 157px; margin: 0.7%; }
  main .formation_imglink figcaption p { font-size: 3.5rem; line-height: 4.5rem; width: 100%; }
  main .formation__grouplink { margin-top: 2%; }
  main .consulting { padding-bottom: 20%; }
  main .consulting__content { padding: 6vh 3vw; }
  main .consulting__content:after { width: 150%; left: -50%; top: 0; height: 100%; border-top-left-radius: 167% 173%; border-top-right-radius: 128% 120%; border-bottom-left-radius: 100% 87%; border-bottom-right-radius: 176% 184%; }
  main .consulting__container h2 { font-size: 6rem; }
  main .consulting__container h2 span { font-size: 5.3rem; }
  main .consulting__container p { font-size: 2rem; line-height: 3rem; margin-top: 4.5%; }
  main .consulting__button-outlined { font-size: 2rem; line-height: 2.4rem; margin: 4% 5% 0 0%; width: 30%; border: #ffffff 3px solid; padding: 1.2% 2vw; }
  main .certif { display: flex; flex-direction: column; align-items: center; padding: 5% 4% 4vw 4%; }
  main .certif h2 { font-size: 6rem; }
  main .certif__logo { width: 60vw; }
  main .certif__logo p { font-size: 2rem; line-height: 2.2rem; } }

@media screen and (min-width: 1100px) { main .home .container-avion .background-avion-cercle .avion { width: 51vw; top: 55%; right: 10vw; }
  main .home .container-avion .background-avion-cercle .cercle { top: -5vw; }
  main .home .button-outlined { font-size: 2.2rem; line-height: 3rem; max-width: 25vw; position: absolute; top: 64%; padding: 1%; margin-left: 5vw; }
  main .home .section-suivante { display: none; }
  main .formation_imglink { width: 340px; height: 195px; }
  main .formation p { font-size: 1.5rem; line-height: 2rem; }
  main .consulting { padding-bottom: 5%; }
  main .consulting__content { padding: 6vh 3vw; width: 90vw; }
  main .consulting__content:after { width: 150%; left: -50%; top: 0; height: 100%; border-top-left-radius: 167% 173%; border-top-right-radius: 128% 120%; border-bottom-left-radius: 100% 87%; border-bottom-right-radius: 176% 184%; }
  main .consulting__container p { width: 60%; }
  main .consulting img { width: 40%; bottom: -18%; }
  main .consulting__button-outlined { font-size: 2rem; line-height: 2.4rem; margin: 4% 5% 0 0%; width: 30%; border: #ffffff 3px solid; padding: 1.2% 2vw; }
  main .certif { display: flex; flex-direction: column; align-items: center; padding: 5% 4% 4vw 4%; }
  main .certif h2 { font-size: 6rem; }
  main .certif__logo { width: 60vw; }
  main .certif__logo p { font-size: 2rem; line-height: 2.2rem; } }

@media screen and (min-width: 1440px) { main .home { height: 75vh; }
  main .home .container-avion .background-avion-cercle .cercle { top: -10vw; }
  main .home .button-outlined { top: 50%; } }

@media screen and (min-width: 1720px) { main .formation_imglink { width: 390px; height: 223px; }
  main .consulting__content { width: 80vw; }
  main .consulting img { width: 35%; bottom: -16%; } }

@media screen and (min-width: 1920px) { main .home .button-outlined { top: 35%; } }

@media screen and (max-width: 768px) { main .home .button-outlined:after { display: none; }
  main .home .button-outlined:hover { border-color: #FCA83B; }
  main .home .button-outlined:hover p { color: #FCA83B; }
  main .consulting__button-outlined:after { display: none; }
  main .consulting__button-outlined:hover { border-color: #FCA83B; }
  main .consulting__button-outlined:hover p { color: #FCA83B; } }

@media screen and (max-width: 451px) { main .consulting img { position: absolute; bottom: -45%; right: 0; } }

@media screen and (max-width: 426px) { main .consulting img { position: absolute; bottom: -42%; right: 0; } }

@media screen and (max-width: 375px) { main .consulting__button-outlined { font-size: 1rem; }
  main .consulting img { position: absolute; bottom: -35%; right: 0; } }

@media screen and (max-width: 280px) { main .consulting img { position: absolute; bottom: -25%; right: 0; } }

@media screen and (max-height: 500px) { main .home { height: fit-content; }
  main .home .container-avion { height: 80vh; }
  main .apropos { height: fit-content; }
  main .apropos article p { line-height: 2rem; }
  main .apropos footer { height: fit-content; }
  main .formation { padding: 10% 8vw 12%; } }

@media screen and (max-height: 280px) { main { margin-top: 13%; } }

@media screen and (min-height: 1366px) { main .home { height: 40vh; } }

@media screen and (min-height: 1024px) { main .home { height: 66vh; }
  main .home .section-suivante { margin-top: 5vh; }
  main .home .section-suivante .button-next { width: 10vw; } 
  main .home .button-outlined { top: 65%; } }

@media screen and (min-width: 1920px) { main .home { height: 85vh; }
  main .home .container-avion { height: 104%; }
  main .apropos__stat .stat-list .stat-items p:nth-child(2) { font-size: 5.2rem; } }

@media screen and (min-width: 2560px) { main .home h1 { font-size: 12rem; }
  main .home h1 span { font-size: 6rem; line-height: 7.5rem; }
  main .home .button-outlined { border: 5px #001C40 solid; font-size: 4rem; line-height: 4.5rem; padding: 1% 2%; }
  main .home .container-avion .background-avion-cercle .avion { width: 35vw; top: 57%; right: 20vw; }
  main .apropos article { padding: 5% 8vw 5%; }
  main .apropos article h2 { font-size: 8.5rem; }
  main .apropos article p { font-size: 3rem; line-height: 4rem; margin-top: 9vh; width: 30vw; }
  main .apropos__stat .stat-list .stat-items p { font-size: 11.5rem; }
  main .apropos__stat .stat-list .stat-items p span { font-size: 6.8rem; }
  main .formation h2 { font-size: 8rem; }
  main .formation h2 span { font-size: 6.3rem; }
  main .formation p { font-size: 3rem; line-height: 4rem; }
  main .formation_imglink { width: 508px; height: 291px; }
  main .formation_imglink img { width: 100%; }
  main .consulting__container h2 { font-size: 8rem; }
  main .consulting__container h2 span { font-size: 7.3rem; }
  main .consulting__container p { font-size: 3rem; line-height: 4rem; }
  main .consulting__button-outlined { font-size: 3rem; line-height: 3.4rem; margin: 4% 5% 0 0%; border: #FFFFFF 4px solid; padding: 1.4% 2vw; }
  main .consulting img { width: 40%; bottom: -20%; }
  main .certif h2 { font-size: 8rem; }
  main .certif__logo p { font-size: 4rem; line-height: 4.2rem; }
  main .home .button-outlined { top: 55%;} }

/********************/
/* formation      */
/******************/
main .accordeonformation { background-color: #F6F6F6; padding: 8vw 8vw 8%; display: flex; flex-direction: column; }

main .accordeonformation__boutonpdf { font-family: 'Agency FB', sans-serif; font-size: 2rem; line-height: 2.1rem; color: #ffffff; background-color: #FCA83B; padding: 2% 4vw; text-align: center; width: fit-content; display: flex; align-self: flex-end; transition: ease-out .4s; }

main .accordeonformation__boutonpdf:hover { background-color: #001C40; }

main .accordeonformation__boutonpdf p { align-self: center; color: #fff;}

main .home-formation { height: 86vh; position: relative; overflow: hidden; }

main .home-formation .bulle-titre { width: 90%; height: 50%; padding: 12% 3vw; z-index: 1; position: relative; margin-bottom: 2vh; }

main .home-formation .bulle-titre:after { position: absolute; content: ' '; width: 136%; left: -32%; top: -39%; z-index: -1; height: 140%; background: #001C40; border-top-left-radius: 100% 100%; border-top-right-radius: 100% 100%; border-bottom-left-radius: 100% 100%; border-bottom-right-radius: 100% 100%; }

main .home-formation .bulle-titre h1 { font-family: "Agency FB", sans-serif; color: #ffffff; font-size: 5rem; }

main .home-formation .bulle-description { width: 90%; height: 50%; padding: 6vh 3vw; z-index: 1; position: relative; display: flex; justify-content: flex-end; align-items: flex-end; }

main .home-formation .bulle-description:after { position: absolute; content: ' '; width: 136%; right: -42%; bottom: -39%; z-index: -1; height: 140%; background: #FCA83B; border-top-left-radius: 100% 100%; border-top-right-radius: 100% 100%; border-bottom-left-radius: 100% 100%; border-bottom-right-radius: 100% 100%; }

main .home-formation .bulle-description p { width: 65%; max-height: 80%; font-family: 'Roboto', sans-serif; font-size: 1.2rem; line-height: 1.5rem; color: #ffffff; overflow-Y: scroll; }

.is-open span svg.icon-accordeon { transform: rotate(-180deg); }

button.accordeon { width: 100%; font-family: "Agency FB", sans-serif; color: #001C40; font-size: 2rem; text-align: start; background-color: transparent; border-bottom: 2px #001C40 solid; border-top: none; border-left: none; border-right: none; transition: 500ms; margin: 8% 0vw 5%; padding: 0 0 4px; cursor: pointer; }

button.accordeon:focus { outline: none; border-bottom: 2px #FCA83B solid; }

button.accordeon:hover { color: #FCA83B; }

button.accordeon:hover > span > svg.icon-accordeon { fill: #FCA83B; transition: 500ms; }

.accordeon-content { max-height: 0; overflow: hidden; transition: max-height ease-in 500ms; }

.icon-accordeon { width: 5vw; margin-left: 2%; }

.formation-list { display: flex; flex-direction: row; flex-wrap: wrap; }

.formation-list li { width: 100%; margin: 1%; }

.formation-card { width: 100%; background-color: #FCA83B; padding: 5% 3%; display: flex; flex-direction: column; justify-content: center; min-height: 17vw; overflow: hidden; }

.formation-card__img { display: none; overflow: hidden; opacity: 55%; min-width: 100%; }

.formation-card__texte { width: 100%; height: 100%; font-family: "Agency FB", sans-serif; padding: 0 3vw; color: #ffffff;}

.formation-card__titre { font-family: "Agency FB", sans-serif; font-size: 1.5rem; color: #ffffff; }

.formation-card__description { font-family: "Roboto", sans-serif; font-weight: 300; display: none; }

@media screen and (max-height: 250px) { main { margin-top: 85px; }
  main .home-formation { height: 150vh; }
  main .home-formation .bulle-titre { height: 39%; }
  main .home-formation .bulle-titre h1 { font-size: 3rem; } }

@media screen and (min-width: 375px) { .formation-list li { width: 48%; }
  .formation-card { padding: 10% 2%; min-height: 33vw; }
  .formation-card__titre { font-size: 1.7rem; line-height: 1.9rem; } }

@media screen and (max-height: 500px) { main .home-formation { height: 150vh; }
  main .home-formation .bulle-titre { height: 39%; } }

@media screen and (min-width: 425px) { .formation-card { min-height: 26vw; } }

@media screen and (min-width: 768px) { main .accordeonformation { background-color: #F6F6F6; padding: 0vw 8vw 8%; display: flex; flex-direction: column; }
  main .accordeonformation__boutonpdf { font-size: 3rem; line-height: 2.1rem; padding: 2% 4vw; margin: 0; }
  main .home-formation { display: flex; flex-direction: column; }
  main .home-formation .bulle-titre { width: 60%; height: 50%; padding: 6.5% 3vw; margin-bottom: 2vh; }
  main .home-formation .bulle-titre:after { width: 94%; left: -14%; top: -27%; height: 150%; }
  main .home-formation .bulle-titre h1 { font-size: 6rem; }
  main .home-formation .bulle-description { width: 60%; height: 50%; padding: 6vh 3vw; align-self: flex-end; }
  main .home-formation .bulle-description:after { width: 101%; right: -6%; bottom: -41%; height: 165%; }
  main .home-formation .bulle-description p { width: 82%; max-height: 91%; font-size: 1.8rem; line-height: 2rem; }
  button.accordeon { font-size: 4rem; border-bottom: 3px #001C40 solid; padding: 0 0 8px; }
  button.accordeon:focus { border-bottom: 3px #FCA83B solid; }
  .formation-list li { width: 48%; margin: 1%; }
  .formation-card__titre { font-size: 3rem; line-height: 3.6rem; } }

@media screen and (max-width: 768px) { button.accordeon:hover { color: initial; }
  button.accordeon:hover > span > svg.icon-accordeon { fill: initial; } }

@media screen and (max-width: 280px) { button.accordeon { font-size: 1.8rem; }
  main .home-formation .bulle-titre h1 { font-size: 4.9rem; } }

@media screen and (min-width: 1024px) { main .home-formation .bulle-titre { width: 50%; padding: 4% 3vw; }
  main .home-formation .bulle-titre:after { width: 110%; left: -12%; top: -75%; height: 215%; }
  main .home-formation .bulle-description { width: 50%; }
  main .home-formation .bulle-description:after { width: 110%; right: -8%; bottom: -60%; height: 195%; }
  main .home-formation .bulle-description p { margin-right: 2.5vw; }
  .icon-accordeon { width: 2vw; margin-left: 2%; }
  .formation-list li { width: 32.5%; margin: 0.4%; }
  .formation-card { padding: 0; position: relative; min-height: inherit; }
  .formation-card:hover > .formation-card__texte > .formation-card__titre { transform: translateX(-110%); opacity: 0; transition: ease-out .2s; }
  .formation-card:hover > .formation-card__texte > .formation-card__description { transition: ease-out .2s; transition-delay: .4s; opacity: 100; }
  .formation-card__titre { position: absolute; width: 90%; top: 7%; left: 6%; }
  .formation-card__description { display: block; position: absolute; width: 90%; top: 7%; left: 6%; opacity: 0; font-size: 1.2rem; line-height: 1.5rem; }
  .formation-card__img { display: block; overflow: hidden; }
  button.accordeon { font-size: 3.2rem; } }

@media screen and (min-width: 1100px) { main .home-formation .bulle-titre:after { top: -110%; height: 275%; }
  main .home-formation .bulle-description:after { bottom: -110%; height: 275%; }
  main .home-formation .bulle-description p { max-height: 100%; } }

@media screen and (min-width: 1440px) { .formation-card__titre { top: 10.5%; font-size: 4rem; line-height: 5rem; }
  .formation-card__description { top: 9%; font-size: 1.6rem; line-height: 2.4rem; } }

@media screen and (min-width: 1720px) { .icon-accordeon { width: 1.5vw; margin-left: 1.5%; }
  .formation-card__img { width: 100%; }
  .formation-card__titre { font-size: 4.7rem; line-height: 6rem; top: 15.5%; }
  .formation-card__description { top: 11%; font-size: 1.8rem; line-height: 2.6rem; } }

@media screen and (min-width: 2560px) { main .home-formation .bulle-description p { width: 82%; font-size: 3rem; line-height: 4rem; max-height: 110%; }
  main .home-formation .bulle-titre h1 { font-size: 12.5rem; }
  main .accordeonformation__boutonpdf { font-size: 5rem; } 
  button.accordeon { font-size: 6.2rem; }
  .formation-card__titre { font-size: 6.5rem; line-height: 7.5rem; top: 15.5%; }
  .formation-card__description { top: 10%; font-size: 2.8rem; line-height: 3.8rem; } }

/********************/
/* fiche formation      */
/******************/
.fiche_formation { display: flex; flex-direction: column; }

.fiche_formation h1 { font-family: "Agency FB", sans-serif; color: #001C40; font-size: 2.8rem; line-height: 3rem; margin: 2rem 4vw; }

.fiche_formation .zone-bouton { width: 100%; display: flex; flex-direction: row; justify-content: flex-end; align-self: center; }

.fiche_formation .zone-bouton .bouton-pdf { font-family: 'Agency FB', sans-serif; font-size: 2rem; line-height: 2.1rem; margin: 2vw; color: #ffffff; background-color: #FCA83B; padding: 3% 3vw; text-align: center; display: flex; }

.fiche_formation .zone-bouton .bouton-pdf:hover { background-color: #001C40; color: #ffffff;}

.fiche_formation .zone-bouton .bouton-pdf a { align-self: center; color: #ffffff;}

.objectif { background-color: #FCA83B; }

.methode-custom { background-color: #001C40; }

.public { margin: 0 1% 1% 0; }

.prerequis { margin: 0 0 1% 1%; }

.duree { margin: 1% 1% 0 0; }

.prix { margin: 1% 0 0 1%; }

.bloc__formation { width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2rem 4vw; margin: 2% 0 0; overflow-y: scroll; }

.bloc__formation::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F6F6F6; }

.bloc__formation::-webkit-scrollbar { width: 6px; background-color: #F6F6F6; }

.bloc__formation::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #FCA83B; }

.bloc__formation h2 { width: 100%; font-family: "Agency FB", sans-serif; color: #ffffff; font-size: 2.5rem; margin-bottom: 10%; }

.bloc__formation p { font-family: "Roboto", sans-serif; color: #ffffff; font-size: 1.5rem; line-height: 1.8rem; align-self: flex-start;}

.bloc__formation section { width: 100%; }

.bloc__formation ul { margin-left: 4vw; margin-top: 5%; list-style: initial; font-family: "Roboto", sans-serif; color: #ffffff; font-size: 1.5rem; line-height: 1.8rem; align-self: flex-start;}

.bloc__formation ul li { margin-bottom: 1rem; }

.bloc__formation section.first { margin-bottom: 10%; }

.bloc__petit-bloc { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; margin: 2% 0 2% 0; }

.bloc__petit-bloc article::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #F6F6F6; }

.bloc__petit-bloc article::-webkit-scrollbar { width: 6px; background-color: #F6F6F6; }

.bloc__petit-bloc article::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #FCA83B; }

.bloc__petit-bloc article { background-color: #8A8A8A; width: 49vw; height: 49vw; padding: 2rem 4vw; display: flex; flex-direction: column; align-items: center; overflow-y: scroll;}

article.public p::after { display: block; content: ''; border-bottom: #ffffff 2px solid;width: 50%;margin: 2vh auto;}

article.public p:last-child::after { display: none;}

.bloc__petit-bloc article h2 { font-family: "Agency FB", sans-serif; color: #ffffff; font-size: 2.4rem; margin-bottom: 12%; justify-self: flex-start; }

.bloc__petit-bloc article p { font-family: "Agency FB", sans-serif; color: #ffffff; font-size: 1.6rem; line-height: 1.8rem; text-align: center; }

.fiche-formation__formulaire { background-color: #EEEEEE; padding: 10% 10vw 20%; }

.fiche-formation__formulaire h2 { font-family: "Agency FB", sans-serif; color: #001C40; font-size: 3rem; text-transform: uppercase; margin-bottom: 15vw; }

input[type="submit"] { border: none; font-size: 1.2rem; background-color: #001C40; color: #ffffff; padding: 10px 5px; margin-top: 5vw; cursor: pointer; }

input[type="submit"]:hover { background-color: #FCA83B; }

select { width: 100%; margin: 3% 0; border: #001C40 2px solid; padding: 2vw; }

select optgroup { color: #FCA83B; margin: 1rem; }

select option { color: #000000; margin: 0.5rem; }

label.label-select { color: #001C40; font-size: 1.8rem; font-weight: normal; }

textarea { font-family: 'Roboto', sans-serif; border: 2px solid #001C40; width: 100%; margin-bottom: 15px; padding: 2vw; resize: none; }

textarea::placeholder { font-family: 'Roboto', sans-serif; font-size: 1.8rem; color: #001C40; margin-bottom: 45px; }

/* form starting stylings ------------------------------- */
form { display: flex; flex-direction: row; flex-wrap: wrap; }

form p { font-size: 1rem; }

label.consent { position: initial; color: black; font-size: 1.2rem; }

label.consent a { color: #FCA83B; }

input#consent { width: initial; margin: 0.5vw 2vw; }

.group { position: relative; margin-bottom: 45px; width: 100%; }

div.checkbox-consent { margin-top: 5vw; display: flex; }

.demi-champs { width: 50%; }

form input { font-size: 1.8rem; padding: 10px 10px 5px 15px; display: block; width: 100%; border: none; border-bottom: 2px solid #001C40; background-color: transparent; }

input:focus { outline: none; }

/* LABEL ======================================= */
.group label { color: #001C40; font-size: 1.8rem; font-weight: normal; position: absolute; pointer-events: none; left: 15px; top: 10px; transition: 0.3s ease-out all; -moz-transition: 0.3s ease-out all; -webkit-transition: 0.3s ease-out all; }

/* active state */
.group input:focus ~ label, form .group .has-value ~ label{ top: -10px; left: 5px; font-size: 1.4rem; color: #FCA83B; }

/* BOTTOM BARS ================================= */
.bar { position: relative; display: block; width: 100%; }

.bar:before, .bar:after { content: ''; height: 3px; width: 0; bottom: 0px; position: absolute; background: #FCA83B; transition: 0.5s ease-out all; -moz-transition: 0.5s ease-out all; -webkit-transition: 0.5s ease-out all; }

.bar:before { left: 50%; }

.bar:after { right: 50%; }

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after { width: 50%; }

/* HIGHLIGHTER ================================== */
.highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; }

/* active state */
input:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; }

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter { from { background: #001C40; }
  to { width: 0;
    background: transparent; } }

@-moz-keyframes inputHighlighter { from { background: #001C40; }
  to { width: 0;
    background: transparent; } }

@keyframes inputHighlighter { from { background: #001C40; }
  to { width: 0;
    background: transparent; } }

@media screen and (min-width: 280px) { .fiche_formation .zone-bouton .bouton-pdf { font-size: 1.8rem; }
  .group label { font-size: 1.7rem; } }

@media screen and (min-width: 375px) { input[type="submit"] { font-size: 1.4rem; }
  .bloc__formation { padding: 2rem 4vw; margin: 1% 0; }
  .bloc__formation h2 { font-size: 3rem; margin-bottom: 5%; }
  .bloc__formation p { font-size: 1.8rem; line-height: 2.2rem; }
  .bloc__formation ul { font-size: 1.8rem; line-height: 2.2rem; }
  .bloc__formation section.first { margin-bottom: 5%; }
  .bloc__petit-bloc article h2 { font-size: 3rem; margin-bottom: 12%; }
  .bloc__petit-bloc article p { font-size: 2.2rem; line-height: 2.4rem; } }

@media screen and (min-width: 768px) { .fiche-formation__formulaire { padding: 10% 10vw 10%; }
  .resp-input { width: 50%; }
  .objectif { background-color: #FCA83B; width: 58vw; }
  .methode-custom { background-color: #001C40; width: 40vw; }
  .fiche_formation { flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
  .fiche_formation h1 { font-size: 4rem; line-height: 4.5rem; margin: 2rem 4vw; }
  .fiche_formation .zone-bouton .bouton-pdf { font-size: 3rem; }
  .fiche_formation .bloc__formation { padding: 4vw; max-height: 45vw; justify-content: flex-start; }
  .fiche_formation .bloc__formation h2 { width: 100%; font-size: 3.5rem; margin-bottom: 5%; }
  .fiche_formation .bloc__formation p { font-size: 2rem; line-height: 2.5rem; }
  .fiche_formation .bloc__formation ul { margin-left: 4vw; font-size: 2rem; line-height: 2.5rem; }
  .fiche_formation .bloc__formation ul li { margin-bottom: 2%; }
  .fiche_formation .bloc__formation section.first { margin-bottom: 4%; }
  .fiche_formation .bloc__petit-bloc { margin-top: 1%; width: 100vw; }
  .fiche_formation .bloc__petit-bloc article { height: 25vw; }
  .fiche_formation .bloc__petit-bloc article h2 { font-size: 3.5rem; margin-bottom: 12%; }
  .fiche_formation .bloc__petit-bloc article p { font-size: 2rem; line-height: 2.5rem; }
  label.consent { font-size: 1.4rem; line-height: 1.9rem; } }

@media screen and (min-width: 1024px) { .fiche_formation h1 { font-size: 6rem; line-height: 6.5rem; margin: 2rem 4vw; }
  .fiche_formation .bloc__petit-bloc { margin-top: 1%; width: 100vw; }
  .fiche_formation .bloc__petit-bloc article { padding: 4vw 2vw; width: 23vw; height: 23vw; }
  .fiche_formation .bloc__petit-bloc article p { font-size: 2.5rem; line-height: 3rem; }
  .public { margin: 0 1% 0 0; }
  .prerequis { margin: 0 1% 0 1%; }
  .duree { margin: 0 1% 0 1%; }
  .prix { margin: 0% 0 0 1%; }
  .fiche-formation__formulaire h2 { font-size: 5rem; margin-bottom: 8vw; }
  .group label { font-size: 2rem; }
  label.label-select { font-size: 2rem; }
  form p { font-size: 1.5rem; line-height: 2rem; }
  label.consent { font-size: 2rem; line-height: 2.2rem; }
  input[type="submit"] { font-size: 2rem; } }

@media screen and (min-width: 1440px) { .accordeonformation__boutonpdf { padding: 1.5% 3vw; }
  button.accordeon { margin: 7% 0vw 0%; }
  .formation-list { margin-top: 4vw; }
  .fiche_formation .zone-bouton .bouton-pdf { margin: 2vw 1vw; padding: 1.4% 2vw; } }

@media screen and (min-width: 1720px) { .fiche_formation .bloc__petit-bloc article h2 { font-size: 5rem; }
  .fiche_formation .bloc__petit-bloc article p { font-size: 3rem; line-height: 4.5rem; } }

@media screen and (min-width: 1720px) { .fiche_formation .zone-bouton .bouton-pdf { font-size: 3rem; }
  .fiche_formation .bloc__formation h2 { font-size: 5.5rem; }
  .fiche_formation .bloc__formation p { font-size: 2rem; line-height: 2.5rem; }
  .fiche_formation .bloc__petit-bloc article { width: 23.2vw; }
  .fiche_formation .bloc__petit-bloc article h2 { font-size: 7rem; }
  .fiche_formation .bloc__petit-bloc article p { font-size: 5rem; line-height: 4.5rem; }
  .fiche-formation__formulaire h2 { font-size: 7rem; margin-bottom: 5vw; }
  .fiche-formation__formulaire { display: flex; flex-direction: column; align-items: center; }
  .fiche-formation__formulaire form { width: 60vw; }
  .fiche-formation__formulaire form p { font-size: 1.5rem; line-height: 2rem; }
  .group { margin-bottom: 90px; }
  .group label { font-size: 2.5rem; top: -3px; }
  .group input:focus ~ label, form .group .has-value ~ label { top: -30px; font-size: 2rem; }
  label.label-select { font-size: 4rem; }
  select { padding: 1vw; width: 100%; margin: 2vw 0; }
  select optgroup { font-size: 2.5rem; }
  textarea { padding: 1vw; }
  textarea::placeholder { font-size: 2.5rem; }
  div.checkbox-consent { margin-top: 2vw; }
  label.consent { font-size: 1.8rem; line-height: 4.7rem; }
  input#consent[type="checkbox"] { width: 25px; height: 25px; margin: 0.5vw 2vw; }
  input[type="submit"] { font-size: 2rem; padding: 2%; margin-top: 3vw; } }

@media screen and (min-width: 1920px) { .fiche_formation .bloc__petit-bloc article p {font-size: 3.5rem; line-height: 4.5rem;}}

.home-consulting { background-color: #001C40; clip-path: polygon(0% 0%, 100% 0, 100% 90%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 95%, 0% 100%); height: fit-content; display: flex; flex-direction: column; justify-content: space-between; padding: 8vh 8vw 5vh; }

.home-consulting h1 { font-family: "Agency FB", sans-serif; color: #FCA83B; font-size: 3rem; text-transform: uppercase; }

.home-consulting h1 span { display: block; font-size: 2.3rem; }

.home-consulting p { font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 1.5rem; color: #ffffff; line-height: 2rem; margin-top: 6%; }

.home-consulting .section-suivante { display: flex; justify-content: center; margin-top: 10%; }

.home-consulting .section-suivante .button-next { width: 12vw; fill: #ffffff; cursor: pointer; }

.home-consulting .section-suivante .button-next:hover { fill: #FCA83B; }

svg#anim-ecran { width: 60%; }

svg#anim-ecran #loupe { animation: animloupe 5s ease-in-out 0s infinite alternate; transform-origin: 39% 26%; transform-box: fill-box; }

@keyframes animloupe { 0% { transform: translateY(0) translateX(0); }
  15% { transform: translateY(41%) translateX(-63%) rotate(-14deg); }
  30% { transform: translateY(26%) translateX(-195%) rotate(15deg); }
  45% { transform: translateY(-10%) translateX(-103%) rotate(-6deg); }
  60% { transform: translateY(-37%) translateX(-60%) rotate(45deg); }
  75% { transform: translateY(-39%) translateX(-137%) rotate(71deg); }
  90% { transform: translateY(-39%) translateX(29%) rotate(9deg); }
  100% { transform: translateY(0%) translateX(0%); } }

.consulting-activité { display: flex; flex-direction: column; align-items: center; padding: 10% 8vw 10%; }

.consulting-activité__texte { display: flex; flex-direction: column; align-items: center; }

.consulting-activité__texte h2 { font-family: "Agency FB", sans-serif; color: #FCA83B; font-size: 3rem; margin: 10% 0; }

.consulting-activité__texte ul { margin-left: 5vw; align-self: flex-start;}

.consulting-activité__texte ul li { margin: 10% 0 0 5vw; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 2rem; line-height: 2.5rem; color: #001C40; position: relative; }

.consulting-activité__texte ul li::before { content: "•"; font-size: 5rem; color: #FCA83B; position: absolute; top: 0; left: -8vw; }

.consulting-activité__texte .button-outlined { border: 2px #001C40 solid; font-family: 'Roboto', sans-serif; padding: 2% 2%; font-size: 1.5rem; max-width: 70vw; display: flex; justify-content: center; margin: 10% 4vw 8% 4vw; }

.consulting-activité__texte .button-outlined:hover { border-color: #FCA83B; }

.consulting-activité__texte .button-outlined:hover p { color: #FCA83B; }

.consulting-activité__texte .button-outlined p { color: #001C40; text-align: center; }

.consulting-clients { background-color: #001C40; padding: 10% 8vw 5%; display: flex; flex-direction: column; justify-content: center; }

.consulting-clients h2 { width: 100%; font-family: "Agency FB", sans-serif; color: #FCA83B; font-size: 3rem; text-transform: uppercase; text-align: center; margin-bottom: 15%; }

.consulting-clients .section-list-icons { display: flex; justify-content: center; flex-direction: row; flex-wrap: wrap; }

.consulting-clients .section-list-icons div { display: flex; flex-direction: column; align-items: center; width: 38vw; margin: 0vw 2vw 12vw; }

.consulting-clients .section-list-icons div:hover svg { transform: rotateY(350deg); }

.consulting-clients .section-list-icons div svg { width: 30%; fill: #ffffff; margin: 4vw; transition: ease-out .6s; }

.consulting-clients .section-list-icons div p { color: #ffffff; text-align: center; font-size: 1.1rem; line-height: 1.5rem; }

.consulting-autoritée { padding: 10% 8vw 15%; display: flex; flex-direction: column; align-items: center; }

.consulting-autoritée h2 { width: 100%; font-family: "Agency FB", sans-serif; color: #001C40; font-size: 3rem; line-height: 3.5rem; text-transform: uppercase; text-align: center; margin-bottom: 15%; }

.consulting-autoritée div { display: flex; flex-direction: column; align-items: center; width: 38vw; margin: 0vw 2vw 12vw; }

.consulting-autoritée div svg { width: 100%; fill: #ffffff; margin: 4vw; }

.consulting-autoritée div p.nom { font-family: 'Roboto', sans-serif; font-weight: 500; text-transform: uppercase; }

.consulting-autoritée div p.description { margin-top: 5%; text-align: center; font-size: 1.1rem; line-height: 1.5rem; }

.consulting-autoritée p.accroche { font-family: "Agency FB", sans-serif; font-size: 2rem; text-align: center; color: #001C40; }

.consulting-langue { padding: 10% 8vw 15%; display: flex; flex-direction: column; align-items: center; background-color: #FCA83B; }

.consulting-langue h2 { width: 100%; font-family: "Agency FB", sans-serif; color: #001C40; font-size: 3rem; line-height: 3.5rem; text-transform: uppercase; text-align: center; margin-bottom: 15%; }

.consulting-langue div { display: flex; flex-direction: column; align-items: center; width: 70vw; margin: 0vw 2vw 12vw; }

.consulting-langue div svg { width: 50%; fill: #ffffff; margin: 4vw; border: #ffffff 5px solid; }

.consulting-langue div p { font-family: 'Roboto', sans-serif; text-align: center; margin-top: 5%; }

@media screen and (min-width: 768px) { .home-consulting { padding: 8vh 8vw 5vh; }
  .home-consulting h1 { font-size: 5rem; }
  .home-consulting h1 span { font-size: 4.3rem; }
  .home-consulting p { font-size: 1.8rem; line-height: 2.2rem; width: 60vw; }
  .home-consulting .section-suivante { margin-top: 5%; }
  .home-consulting .section-suivante .button-next { width: 7vw; }
  .consulting-activité__texte h2 { font-size: 4rem; margin: 5% 0 10%; }
  .consulting-activité__texte ul li { margin: 10% 0 0 5vw; font-size: 2.5rem; line-height: 3rem; }
  .consulting-activité__texte .button-outlined { border: 3px #001C40 solid; padding: 1% 2%; font-size: 2.2rem; width: 40vw; margin: 10% 4vw 8% 4vw; }
  .consulting-clients { padding: 10% 8vw 5%; }
  .consulting-clients h2 { font-size: 5rem; margin-bottom: 10%; }
  .consulting-clients .section-list-icons div { width: 24vw; }
  .consulting-clients .section-list-icons div svg { width: 30%; }
  .consulting-clients .section-list-icons div p { font-size: 1.8rem; line-height: 2.3rem; }
  .consulting-autoritée { padding: 10% 8vw 15%; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
  .consulting-autoritée h2 { font-size: 5rem; line-height: 5.5rem; margin-bottom: 15%; width: 100vw; }
  .consulting-autoritée div { width: 20vw; margin: 0vw 2vw 12vw; }
  .consulting-autoritée div .easa { width: 153.6px; height: 153.6px; }
  .consulting-autoritée div p.nom { font-size: 2rem; line-height: 2.5rem; }
  .consulting-autoritée div p.description { font-size: 1.8rem; line-height: 2.2rem; }
  .consulting-autoritée p.accroche { align-self: center; font-size: 3rem; margin: auto; }
  .consulting-langue { padding: 8% 8vw 5%; flex-direction: row; justify-content: center; flex-wrap: wrap; }
  .consulting-langue h2 { width: 70%; font-size: 5rem; line-height: 5.5rem; text-transform: inherit; text-align: center; margin-bottom: 2%; }
  .consulting-langue div { width: 30vw; margin: 0vw 2vw 0; }
  .consulting-langue div svg { width: 40%; margin: 2vw; }
  .consulting-langue div p { font-family: 'Roboto', sans-serif; text-align: center; margin-top: 5%; }
  p.info { font-size: 1.4rem; line-height: 1.9rem; } }

@media screen and (min-width: 1024px) { .home-consulting { padding: 8vh 8vw 5vh; }
  .home-consulting h1 { font-size: 6rem; }
  .home-consulting h1 span { font-size: 5.3rem; }
  .home-consulting p { font-size: 1.8rem; line-height: 2.8rem; width: 50vw; }
  .home-consulting .section-suivante { margin-top: 5%; }
  .home-consulting .section-suivante .button-next { width: 7vw; }
  .consulting-activité { flex-direction: row; padding: 0% 5vw 0%; }
  .consulting-activité svg#anim-ecran { width: 80%; margin-right: 4vw; }
  .consulting-activité__texte h2 { font-size: 4rem; margin: 5% 0 0%; }
  .consulting-activité__texte ul li { font-size: 2.5rem; line-height: 3rem; margin: 5% 0 0 5vw; }
  .consulting-activité__texte ul li::before { left: -4vw; }
  .consulting-activité__texte .button-outlined { border: 3px #001C40 solid; padding: 1% 2%; font-size: 2.2rem; width: 40vw; margin: 10% 4vw 8% 4vw; position: relative; overflow: hidden; }
  .consulting-activité__texte .button-outlined:after { position: absolute; transition: ease-out 300ms; content: ''; width: 100%; left: -120%; bottom: 0; height: 100%; background: #001C40; z-index: -1; transform: skewX(-50deg); }
  .consulting-activité__texte .button-outlined:hover:after { left: 0%; transform: skewX(0deg); }
  .consulting-activité__texte .button-outlined:hover { border-color: #001C40; }
  .consulting-activité__texte .button-outlined:hover p { color: #ffffff; }
  .consulting-clients { padding: 8% 8vw 5%; }
  .consulting-clients h2 { font-size: 6rem; margin-bottom: 5%; }
  .consulting-clients .section-list-icons div { width: 24vw; margin: 0vw 2vw 4vw; }
  .consulting-clients .section-list-icons div svg { width: 30%; }
  .consulting-clients .section-list-icons div p { font-size: 1.8rem; line-height: 2.3rem; }
  .consulting-autoritée { padding: 10% 8vw 10%; }
  .consulting-autoritée h2 { font-size: 6rem; line-height: 6.5rem; margin-bottom: 5%; width: 100vw; }
  .consulting-autoritée div { width: 20vw; margin: 0vw 2vw 12vw; }
  .consulting-autoritée div .easa { width: 20vw; height: 20vw; }
  .consulting-autoritée p.accroche { align-self: center; font-size: 4rem; margin: auto; }
  .consulting-langue { padding: 4% 8vw 6%; }
  .consulting-langue h2 { font-size: 6rem; line-height: 6.5rem; text-transform: inherit; text-align: center; margin-bottom: 4%; }
  .consulting-langue div { width: 40vw; margin: 0vw 1vw 0; display: flex; flex-direction: row; align-items: center; }
  .consulting-langue div svg { width: 60%; margin: 2vw; }
  .consulting-langue div p { font-family: 'Roboto', sans-serif; font-size: 2rem; text-align: left; margin-top: 0%; width: 40vw; }
  p.info { font-size: 1.4rem; line-height: 1.9rem; } }

@media screen and (min-width: 1440px) { .home-consulting .section-suivante .button-next { width: 4vw; }
  .consulting-activité__texte .button-outlined { width: 25vw; }
  .consulting-clients { padding: 5% 8vw 3%; }
  .consulting-clients .section-list-icons div { width: 18vw; }
  .consulting-clients .section-list-icons div svg { width: 15%; margin: 2vw; }
  .consulting-autoritée { justify-content: center; padding: 10% 8vw 8%; }
  .consulting-autoritée div { width: 14vw; margin: 0vw 6vw 8vw; }
  .consulting-autoritée div svg { margin: 4vw 4vw 2vw; }
  .consulting-autoritée div .easa { width: 14vw; height: 14vw; } }

@media screen and (min-width: 1720px) { .consulting-activité svg#anim-ecran { width: 50%; } }

@media screen and (min-width: 2560px) { .consulting-autoritée { padding: 7% 8vw 6%; }
  .home-consulting h1 { font-size: 8rem; }
  .home-consulting h1 span { font-size: 6.3rem; }
  .home-consulting p { font-size: 3rem; line-height: 4.8rem; }
  .consulting-activité svg#anim-ecran { width: 30%; margin-right: 0; margin-left: 5vw; }
  .consulting-activité__texte h2 { font-size: 6rem; }
  .consulting-activité__texte ul { margin-left: 10vw; }
  .consulting-activité__texte ul li::before { left: -3vw; font-size: 6rem; }
  .consulting-activité__texte ul li { font-size: 3.5rem; line-height: 5rem; }
  .consulting-activité__texte .button-outlined { border: 4px #001C40 solid; font-size: 3rem; margin: 5% 4vw 8% 4vw; }
  .consulting-clients h2 { font-size: 8rem; margin-bottom: 5%; }
  .consulting-clients .section-list-icons div p { font-size: 2.8rem; line-height: 3.3rem; }
  .consulting-autoritée h2 { font-size: 8rem; }
  .consulting-autoritée div p.nom { font-size: 3rem; }
  .consulting-autoritée div p.description { font-size: 2.8rem; line-height: 3.2rem; }
  .consulting-autoritée p.accroche { font-size: 6rem; }
  .consulting-langue h2 { font-size: 8rem; }
  .consulting-langue div p { font-size: 3rem; line-height: 4rem; }
  .fiche-formation__formulaire h2 { font-size: 7rem; width: 75%; } }

.contact { background-color: #EEEEEE; padding-top: 15%; }

.contact h1 { font-family: "Agency FB", sans-serif; color: #FCA83B; font-size: 3rem; text-transform: uppercase; margin-left: 5vw; }

.contact h1 span { display: block; font-size: 2.3rem; }

.contact h2 { font-family: "Agency FB", sans-serif; color: #001C40; font-size: 3rem; line-height: 3.5rem; margin: 10%; text-align: center; margin: 5% 10% 2%; }

.check-devis { display: flex; flex-direction: column; align-items: center; position: relative; }

.check-devis p.oui { position: absolute; top: 8px; left: 65%; }

.check-devis p.non { position: absolute; top: 8px; right: 65%; }

.tgl { display: none; }

.tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn { box-sizing: border-box; }

.tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection { background: none; }

.tgl + .tgl-btn { outline: 0; display: block; width: 4em; height: 2em; position: relative; cursor: pointer; user-select: none; }

.tgl + .tgl-btn:after, .tgl + .tgl-btn:before { position: relative; display: block; content: ""; width: 50%; height: 100%; }

.tgl + .tgl-btn:after { left: 0; }

.tgl + .tgl-btn:before { display: none; }

.tgl:checked + .tgl-btn:after { left: 50%; }

.tgl-light + .tgl-btn { background: #8A8A8A; border-radius: 2em; padding: 2px; transition: all .4s ease; }

.tgl-light + .tgl-btn:after { border-radius: 50%; background: #fff; transition: all .2s ease; }

.tgl-light:checked + .tgl-btn { background: #FCA83B; }

.contact-devis { display: none; }

.contact-select { border: none; padding: 0.8vw; }

.contact-message { display: block; }

input#cb1:checked ~ .contact-devis, input#cb1:not(:checked) ~ .contact-message { display: block; }

input#cb1:not(:checked) ~ .contact-devis, input#cb1:checked ~ .contact-message { display: none; }

@media screen and (min-width: 768px) { .contact { padding-top: 10%; }
  .contact h1 { font-size: 5rem; }
  .contact h1 span { font-size: 4.3rem; }
  .contact h2 { font-size: 4.5rem; line-height: 5.5rem; }
  .check-devis p.oui { font-size: 2rem; top: 11px; left: 60%; }
  .check-devis p.non { font-size: 2rem; top: 11px; right: 60%; }
  .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn { box-sizing: border-box; }
  .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection { background: none; }
  .tgl + .tgl-btn { width: 6em; height: 3em; }
  .fiche-formation__formulaire { padding: 4% 10vw 10%; } }

@media screen and (min-width: 1024px) { .contact { padding-top: 5%; }
  .contact h2 { font-size: 4.3rem; }
  .contact h2 span { font-size: 6rem; }
  .fiche-formation__formulaire { padding: 5% 20vw 10%; } }

@media screen and (min-width: 1440px) { .contact h2 { margin: 3% 10% 4%; font-size: 4.3rem; } }

@media screen and (min-width: 1720px) { .check-devis p.non { right: 55%; }
  .check-devis p.oui { left: 55%; } }

@media screen and (min-width: 2560px) { .contact h1 { font-size: 7rem; margin-left: 20vw; }
  .contact h2 { font-size: 6.3rem; }
  .check-devis p.oui { font-size: 3rem; top: 7px; }
  .check-devis p.non { font-size: 3rem; top: 7px; } }

.legale-titre { background-color: #001C40; clip-path: polygon(0% 0%, 100% 0, 100% 90%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 95%, 0% 100%); height: fit-content; display: flex; flex-direction: column; justify-content: space-between; padding: 4vh 5vw; }

.legale-titre h1 { font-family: "Agency FB", sans-serif; color: #FCA83B; font-size: 3rem; text-transform: uppercase; }

main.legalecontent { margin-bottom: 5vw;}

main.legalecontent h2 { font-family: "Agency FB", sans-serif; color: #FCA83B; font-size: 4rem; line-height: 4.5rem; margin: 10% 5vw 5%; }

main.legalecontent h3 { font-family: "Agency FB", sans-serif; color: #001C40; font-size: 3rem; line-height: 3.5rem; margin: 15% 5vw 5%; }

main.legalecontent p { font-family: 'Roboto', sans-serif; font-size: 1.4rem; line-height: 1.8rem; margin: 0 5vw 5%; }

main.legalecontent p a { color: #FCA83B;}

main.legalecontent .legale-blocs article p a { color: #ffffff}

main.legalecontent p a:hover { color: #001C40;}

main.legalecontent ul {font-size: 1.4rem; line-height: 1.8rem; margin: 1.5vw 5vw 1vw; list-style: disc; list-style-position: inside;}

main.legalecontent ul li { margin: 0.6vw 0vw; }

main.legalecontent section.legale-blocs { text-align: center; display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; }

main.legalecontent .legale-blocs article { width: 49vw; background-color: #FCA83B; padding: 4% 2%; max-width: 80vw; }

main.legalecontent .legale-blocs article.proprietaire { margin: 0 1vw 1vw 0; }

main.legalecontent .legale-blocs article.directeurpublication { margin: 0 0 1vw 1vw; }

main.legalecontent .legale-blocs article.webmaster { margin: 1vw 1vw 0 0; }

main.legalecontent .legale-blocs article.hebergeur { margin: 1vw 0 0 1vw; }

main.legalecontent .legale-blocs article h4 { font-size: 1.2rem; color: #ffffff; margin-bottom: 10%; }

main.legalecontent .legale-blocs article p { font-size: 0.9rem; line-height: 1.1rem; color: #ffffff; text-align: center; margin: 0 5%; }

main.legalecontent .legale-blocs article p.little { margin-top: 5%; font-size: 0.7rem; line-height: 1rem; }

main.legalecontent .credit { margin-top: 10%; } 

@media screen and (min-width: 768px) { .legale-titre h1 { font-size: 5rem; }
  main.legalecontent h2 { font-size: 5rem; line-height: 5.5rem; margin: 10% 5vw 5%; }
  main.legalecontent h3 { font-size: 4rem; line-height: 4.5rem; margin: 5% 5vw 5%; }
  main.legalecontent p { font-size: 1.8rem; line-height: 2.2rem; margin: 0 5vw 3%; }
  main.legalecontent ul {font-size: 1.8rem; line-height: 2.2rem; }
  main.legalecontent ul li { margin: 1.5vw 0vw; }
  main.legalecontent .legale-blocs article.proprietaire { margin: 0 1vw 1vw 0; }
  main.legalecontent .legale-blocs article.directeurpublication { margin: 0 0 1vw 1vw; }
  main.legalecontent .legale-blocs article.webmaster { margin: 1vw 1vw 0 0; }
  main.legalecontent .legale-blocs article.hebergeur { margin: 1vw 0 0 1vw; }
  main.legalecontent .legale-blocs article h4 { font-size: 2.2rem; margin-bottom: 10%; }
  main.legalecontent .legale-blocs article p { font-size: 1.5rem; line-height: 2rem; color: #ffffff; text-align: center; margin: 0 5%; }
  main.legalecontent .legale-blocs article p.little { margin-top: 5%; font-size: 1.2rem; line-height: 1.7rem; }
  main.legalecontent .credit { margin-top: 5%; } }

@media screen and (min-width: 1440px) { main.legalecontent h1 { padding: 2vw; }
  main.legalecontent h2 { font-size: 5rem; line-height: 5.5rem; margin: 3% 5vw 6%; }
  main.legalecontent .legale-blocs article { width: 24vw; padding: 2%; }
  main.legalecontent .legale-blocs article h4 { font-size: 2.8rem; margin-bottom: 6%; }
  main.legalecontent .legale-blocs article.proprietaire { margin: 0 0.5vw 0 0; }
  main.legalecontent .legale-blocs article.directeurpublication { margin: 0 0.5vw 0 0.5vw; }
  main.legalecontent .legale-blocs article.webmaster { margin: 0 0.5vw 0 0.5vw; }
  main.legalecontent .legale-blocs article.hebergeur { margin: 0 0 0 0.5vw; }
  main.legalecontent .legale-blocs article p { font-size: 1.6rem; line-height: 2rem; }
  main.legalecontent .legale-blocs article p .little { font-size: 1.4rem; } }

@media screen and (min-width: 1440px) { main.legalecontent h1 { padding: 2vw; }
  main.legalecontent h2 { font-size: 6rem; line-height: 5.5rem; margin: 3% 5vw 3%; }
  main.legalecontent h3 { font-size: 4rem; line-height: 4.5rem; margin: 3% 5vw 3%; }
  main.legalecontent p { font-size: 2rem; line-height: 2.4rem; margin: 0 5vw 2%; }
  main.legalecontent ul { font-size: 2rem; line-height: 2.4rem; }}

  @media screen and (min-width: 1920px) { main.legalecontent h3 { font-size: 4rem; line-height: 4.5rem; margin: 3% 5vw 2%; }
  main.legalecontent ul li { margin: 0.5vw 0vw; }  }
@media screen and (min-width: 2560px) { main.legalecontent h1 { font-size: 8rem; padding: 2vw; }


  main.legalecontent h2 { font-size: 7rem; line-height: 7.5rem; margin: 3% 5vw 3%; }
  main.legalecontent h3 { font-size: 6rem; line-height: 6.5rem; margin: 3.5% 5vw 2%; }
  main.legalecontent p { font-size: 2.8rem; line-height: 3.4rem; margin: 0 5vw 1%; }
  main.legalecontent ul {font-size: 2.8rem; line-height: 3.8rem;}
  main.legalecontent ul li {margin: 0.8vw 0vw;}
  main.legalecontent .legale-blocs article h4 { font-size: 4rem; margin-bottom: 6%; }
  main.legalecontent .legale-blocs article p { font-size: 2.8rem; line-height: 3.2rem; margin: 0 5vw 1%; }
  main.legalecontent .legale-blocs article p.little { font-size: 2rem; line-height: 2.5rem; }
  main.legalecontent .credit { margin-top: 3%; } }

.erreur404 {display: flex; flex-direction: column; align-items: center; min-height: 43vh; padding-bottom: 5vw;}
.erreur404 h1 { font-family: "Agency FB", sans-serif; color: #001C40; font-size: 6rem; line-height: 5.5rem; margin: 1% 5vw; }
.erreur404 h2 { font-family: "Agency FB", sans-serif; color: #FCA83B; font-size: 4rem; line-height: 4.5rem; margin: 0%; max-width: 40vw; text-align: center;}
.erreur404 a { font-family: 'Agency FB', sans-serif; font-weight: 400; font-size: 2.5rem; color: #ffffff; background-color: #001C40; padding: 1% 2vw; text-align: center; display: flex; align-items: center; justify-content: center; margin: 4% 2vw 1%; padding: 1.5% 5%; }
.erreur404 a p {color: #ffffff;}
.erreur404 a:hover { background-color: #FCA83B;}
.erreur404 .buttons {display: flex; flex-direction: row; justify-content: center; width: 50%;}

@media screen and (max-width: 425px) {
  .erreur404 { height: 57vh;}
  .erreur404 h1 { font-size: 4rem; line-height: 4.5rem; margin: 6% 5vw; }
  .erreur404 h2 { font-size: 3rem; line-height: 3.5rem; max-width: 80vw;}
  .erreur404 a { font-size: 2rem; padding: 4% 4vw; margin: 4% 2vw 1%; max-width: 80vw;}
  .erreur404 .buttons {flex-direction: column; }
}

@media screen and (max-width: 1024px) { .erreur404 { min-height: 49vh;} }

@media screen and (max-width: 1920px) { .erreur404 { min-height: 53vh;} }

@media screen and (max-width: 2560px) { .erreur404 { min-height: 51vh;} }

.searchpage { display: flex; flex-direction: column; justify-content: center; align-items: center; padding-bottom: 10%; min-height:50vh;
}
.searchpage h1 {color: #001C40; text-align: center; font-family: 'Agency FB', sans-serif; font-size: 4rem; margin-bottom: 10%;}
.searchpage h1 span {color: #FCA83B; display: block;}
.searchpage ul li { padding: 5%; background-color: #001C40; margin-bottom: 5%; min-width: 80vw;}
.searchpage ul li h2 {font-family: 'Agency FB', sans-serif; font-size: 2.2rem;}
.searchpage ul li:hover { background-color: #FCA83B ;}
.searchpage ul a { color: #ffffff;}
.searchpage > div > p {max-width: 80vw;}

@media screen and (min-width: 768px) {
  .searchpage h1 {font-size: 5rem; margin-bottom: 10%;}
  .searchpage ul li h2 {font-size: 3.5rem;}
  .searchpage ul li { padding: 4%;}
}
@media screen and (min-width: 1024px) {
  .searchpage ul li { padding: 4%; margin-bottom: 2%;}
}
@media screen and (min-width: 1440px) {
  .searchpage h1 {font-size: 5.5rem; margin-bottom: 8%;}
  .searchpage ul li { padding: 2%; margin-bottom: 1%;}
}

@media screen and (min-width: 1920px) {
  .searchpage h1 {font-size: 6.5rem; margin-bottom: 6%;}
}

@media screen and (min-width: 2560px) {
  .searchpage h1 {font-size: 7rem;}
  .searchpage ul li { padding: 2%; margin-bottom: 2%; min-width: 60vw;}
  .searchpage ul li h2 { font-size: 5rem; }
}