@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    font-family: 'Montserrat', sans-serif;
    overflow-x: hidden;
    width: auto;
    height: auto;
    scroll-behavior: smooth;
}

body {
    scroll-behavior: smooth;
}


/* Nav */

.nav-section {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin-right: 80px;
    gap: 40px;
    list-style: none;
    border-bottom: none;
    font-size: 22px;
    margin-top: 18px;
    margin-bottom: 18px;
}

.link-nav-section {
    text-decoration: none;
}

a {
    text-decoration: none;
    padding-bottom: 5px;
    color: #4169e1;
    font-weight: 500;
}

a:hover {
    text-decoration: none;
}

.under-nav {
    font-weight: 500;
    padding-bottom: 0;
}

.under-nav:hover {
    font-weight: 700;
    border-bottom: 2px solid #4169e1;
}

.nav-underligne-limit {
    height: 180px;
    width: auto;
    border-bottom: 2px solid #1E90FF;
    background-color: #1E90FF;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2000 1500'%3E%3Cdefs%3E%3CradialGradient id='a' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23104B84'/%3E%3Cstop offset='1' stop-color='%231E90FF'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='750' x2='1550' y2='750'%3E%3Cstop offset='0' stop-color='%23176ec2'/%3E%3Cstop offset='1' stop-color='%231E90FF'/%3E%3C/linearGradient%3E%3Cpath id='s' fill='url(%23b)' d='M1549.2 51.6c-5.4 99.1-20.2 197.6-44.2 293.6c-24.1 96-57.4 189.4-99.3 278.6c-41.9 89.2-92.4 174.1-150.3 253.3c-58 79.2-123.4 152.6-195.1 219c-71.7 66.4-149.6 125.8-232.2 177.2c-82.7 51.4-170.1 94.7-260.7 129.1c-90.6 34.4-184.4 60-279.5 76.3C192.6 1495 96.1 1502 0 1500c96.1-2.1 191.8-13.3 285.4-33.6c93.6-20.2 185-49.5 272.5-87.2c87.6-37.7 171.3-83.8 249.6-137.3c78.4-53.5 151.5-114.5 217.9-181.7c66.5-67.2 126.4-140.7 178.6-218.9c52.3-78.3 96.9-161.4 133-247.9c36.1-86.5 63.8-176.2 82.6-267.6c18.8-91.4 28.6-184.4 29.6-277.4c0.3-27.6 23.2-48.7 50.8-48.4s49.5 21.8 49.2 49.5c0 0.7 0 1.3-0.1 2L1549.2 51.6z'/%3E%3Cg id='g'%3E%3Cuse href='%23s' transform='scale(0.12) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.2) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.25) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(0.3) rotate(-20)'/%3E%3Cuse href='%23s' transform='scale(0.4) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(0.5) rotate(20)'/%3E%3Cuse href='%23s' transform='scale(0.6) rotate(60)'/%3E%3Cuse href='%23s' transform='scale(0.7) rotate(10)'/%3E%3Cuse href='%23s' transform='scale(0.835) rotate(-40)'/%3E%3Cuse href='%23s' transform='scale(0.9) rotate(40)'/%3E%3Cuse href='%23s' transform='scale(1.05) rotate(25)'/%3E%3Cuse href='%23s' transform='scale(1.2) rotate(8)'/%3E%3Cuse href='%23s' transform='scale(1.333) rotate(-60)'/%3E%3Cuse href='%23s' transform='scale(1.45) rotate(-30)'/%3E%3Cuse href='%23s' transform='scale(1.6) rotate(10)'/%3E%3C/g%3E%3C/defs%3E%3Cg transform='rotate(0 0 0)'%3E%3Cg transform='rotate(0 0 0)'%3E%3Ccircle fill='url(%23a)' r='3000'/%3E%3Cg opacity='0.5'%3E%3Ccircle fill='url(%23a)' r='2000'/%3E%3Ccircle fill='url(%23a)' r='1800'/%3E%3Ccircle fill='url(%23a)' r='1700'/%3E%3Ccircle fill='url(%23a)' r='1651'/%3E%3Ccircle fill='url(%23a)' r='1450'/%3E%3Ccircle fill='url(%23a)' r='1250'/%3E%3Ccircle fill='url(%23a)' r='1175'/%3E%3Ccircle fill='url(%23a)' r='900'/%3E%3Ccircle fill='url(%23a)' r='750'/%3E%3Ccircle fill='url(%23a)' r='500'/%3E%3Ccircle fill='url(%23a)' r='380'/%3E%3Ccircle fill='url(%23a)' r='250'/%3E%3C/g%3E%3Cg transform='rotate(0 0 0)'%3E%3Cuse href='%23g' transform='rotate(10)'/%3E%3Cuse href='%23g' transform='rotate(120)'/%3E%3Cuse href='%23g' transform='rotate(240)'/%3E%3C/g%3E%3Ccircle fill-opacity='0.1' fill='url(%23a)' r='3000'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}

.part-one-section {
    display: flex;
    flex-direction: row;
    margin-bottom: 100px;
}

.cercle {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    overflow: hidden;
    outline: 2px solid #1E90FF;
    margin-top: -100px;
    margin-left: 180px;
}

.cercle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.part-one-text-section {
    margin-left: 32.160px;
}

.title-part-one {
    font-weight: 800;
    color: #1E90FF;
    font-size: 76px;
    margin-bottom: 0;
    margin-top: 20px;
}


.text-part-one {
    margin-top: 0;
    width: 800px;
    font-weight: 500;
    color: black;
    font-size: 24px;
    margin-bottom: 16px;
}

.strong-txt {
    font-weight: 600;
}

.part-left {
    display: flex;
    flex-direction: column;
    margin-left: 180px;
    margin-right: 180px;
}

.title-section-left {
    color: #1E90FF;
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 60px;
}

.text-section-left {
    color: black;
    font-weight: 500;
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 48px;
}

.line-separation {
    margin-top: 180px;
    border-bottom: 4px solid #1E90FF;
}

.line-separation-big {
    margin-top: 180px;
    border-bottom: 4px solid #1E90FF;
    width: 100%;
}

.line-separation-cv {
    margin-top: 180px;
    border-bottom: 4px solid #1E90FF;
    margin-bottom: 111.840px;
}


.part-right {
    display: flex;
    flex-direction: column;
    margin-left: 180px;
    margin-right: 180px;
}

.title-section-right {
    color: #1E90FF;
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 60px;
    display: flex;
    justify-content: flex-end;
}


.text-section-right {
    color: black;
    font-weight: 500;
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 48px;
    text-align: start;
}

.li-txt {
    color: black;
    font-weight: 500;
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 16px;
    text-align: start;
}

.li-txt-last {
    color: black;
    font-weight: 500;
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 16px;
    text-align: start;
    margin-bottom: 60px;
}

.center-cv {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 180px;
    margin: auto;
    margin-top: 34px;
}

.cv-img-size {
    width: 180px;
}

/* Form */

.part-Forms {
    margin: auto;
}

.title-section-center {
    color: #1E90FF;
    font-weight: 700;
    font-size: 48px;
    margin-bottom: 34px;
    display: flex;
    justify-content: center;
    margin-top: 111.840px;
}


.text-section-center {
    color: black;
    font-weight: 500;
    font-size: 34px;
    margin-top: 0;
    margin-bottom: 16px;
    width: auto;
    margin: auto;
    display: flex;
    text-align: center;
    margin-bottom: 48px;
    margin-left: 34px;
    margin-right: 34px;
}


.form-row {
    display: flex;
    flex-direction: row;
    gap: 12px;
    justify-content: center;
}

.from-column-last {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

input {
    height: 40px;
    width: 400px;
    border: 2px solid #1E90FF;
    margin-bottom: 16px;
}


#object {
    width: 820px;
    justify-content: center;
}

#message {
    width: 820px;
    height: 160px;
}

#submit {
    border-radius: 25px;
    display: flex;
    justify-content: center;
    background-color: white;
    color: black;
    font-size: 16px;
    font-weight: 600;
    width: 50%;
    width: 320px;
}

#submit:hover {
    cursor: pointer;
}

input::placeholder {
    font-weight: 600;
    opacity: 0.8;
    color: black;
    font-size: 16px;
}

.label {
    justify-content: center;
    display: flex;
}

.margin-bot-form {
    margin-bottom: 180px;
}

.background-section-img {
    background: linear-gradient(180deg, rgba(145,203,254,1) 0%, rgba(117,183,255,1) 50%, rgba(46,157,255,1) 100%);
    margin-left: 0;
    margin-right: 0;
    display: flex;
    justify-content: center;
}

/* Footer */

.footer {
    width: auto;
    height: auto;
    background-color: #1E90FF;
    padding: 48px;
    padding-bottom: 16px;
    display: flex;
    justify-content: center;
}

.footer-line-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: auto;
    margin-top: 16px;
}

.img-illu-footer {
    height: 60px;
}

.txt-footer-line {
    color: black;
    font-weight: 500;
    font-size: 24px;
    margin: 0;
    margin-left: 16px;
}

.footer-line-row-phrase {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 24px;
}

.img-illu-footer-phrase {
    height: 60px;
    margin-left: 24px;
}


.footer-line-white {
    border-bottom: 2px solid white;
    width: 600px;
    margin: auto;
    margin-top: 16px;
    margin-bottom: 16px;
}


.txt-footer-line-phrase {
    color: black;
    font-weight: 500;
    font-size: 24px;
    margin: 0;
}


.desc-footer {
    display: flex;
    justify-content: center;
}




/*Animation*/

@keyframes myAnim {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-25px);
    }
}


/* animations.css */

[class*="reveal"] {
    opacity: 0;
    transform: translateY(-30px);
}

.reveal-visible {
    opacity: 1;
    transform: translateY(0);
    transition-duration: 1.4s;
}

.reveal-2 {
    transition-delay: .1s;
}

.reveal-3 {
    transition-delay: .2s;
}

.reveal-4 {
    transition-delay: .3s;
}

.reveal-5 {
    transition-delay: .7s;
}


.shadow-section {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


/*Btn scroll top*/

.scroll-to-top-overlay {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #1E90FF;
    color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    cursor: pointer;
    z-index: 9999;
    animation: myAnim 5s ease-in-out 0s infinite alternate-reverse both;
    border: 2px solid white;
}

.scroll-to-top-overlay.show {
    opacity: 1;
}

.scroll-to-top-overlay .scroll-to-top-icon {
    font-size: 24px;
}

/* burger menu*/

.menu-burger {
    position: fixed;
    top: 33px;
    right: 33px;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 9999;
    display: none;
}

.menu-burger.active {
    transform: rotate(45deg);
}

.menu-burger .bar {
    width: 100%;
    height: 3px;
    background-color: #1E90FF;
    margin-bottom: 5px;
    transition: background-color 0.3s ease;
}

.menu-burger .bar.active:nth-child(1) {
    transform: rotate(-90deg) translate(-2px, 2px);
}

.menu-burger .bar.active:nth-child(2) {
    opacity: 0;
}

.menu-burger .bar.active:nth-child(3) {
    transform: rotate(0) translate(-9px, -9px);
    top: 11px;
    position: absolute;
    right: -11px;
}

.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9998;
    transition: opacity 0.3s ease;
    opacity: 0;
    pointer-events: none;
}

.menu-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.menu-links {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.menu-link {
    margin-bottom: 28px;
}

.menu-link a {
    display: inline-block;
    padding: 10px 20px;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.menu-link a:hover {
    color: #ccc;
}

.close-icon {
    width: 30px;
    height: 30px;
    position: relative;
}

.close-icon-line {
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #000;
    transition: background-color 0.3s ease;
}

.close-icon-line:first-child {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.close-icon-line:last-child {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}

.menu-burger.active .close-icon-line {
    background-color: #fff;
}

/* Vidéo Section */

.card {
    width: 320px;
    height: 320px;
    background-color: #1e8fff41;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin: 0 17px 48px;
    border: solid 2px #1E90FF;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;

}

.card h3 {
    font-size: 18px;
    margin-top: 10px;
}

.margin-href {}

/* Vidéo */

.container-video {
    display: flex;
    margin-bottom: 32px;
    justify-content: center;
}

.main-video {
    width: auto;
    /* Ajustez la largeur selon vos besoins */
    margin-right: 16px;
    /* Espacement entre la vidéo et les catégories */
}

.sidebar {
    width: auto;
    overflow-y: auto;
    /* Ajoute une barre de défilement verticale si nécessaire */
}

.video-list {
    display: flex;
    flex-direction: column;
    max-height: 450px;
    /* Ajustez la hauteur maximale selon vos besoins */
    overflow-y: auto;
    /* Ajoute une barre de défilement verticale si nécessaire */
}

.video {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.video-thumbnail {
    width: 120px;
    height: 90px;
    margin-right: 10px;
}

.video-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-title {
    flex-grow: 1;
    font-weight: 500;
    white-space: normal;
    /* Permet au texte de se retourner à la ligne */
}

.video.active {
    background-color: #f0f0f0;
}


/**/
.btn-contact-forms {
    border: solid 2px #1E90FF;
    width: 280px;
    padding: 8px 16px 8px 16px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 24px;
    margin: auto;
}

.qvt-logo{
    display: flex;
    justify-content: flex-end;
    margin-top: -160px;
}
.img-logo-qvt{
    width: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 80px;
}