/* .main_title{
    display: none;
} */

.top_infogerance{
    position           : fixed;
    top                : 120px;
    width              : 100%;
    background-color   : #045764;
    background-position: 60% 0;
    background-repeat  : no-repeat;
    z-index            : -1;
    height             : 400px;
}

@media screen and (max-width: 425px) {
    .top_infogerance {
        top: 65px;
    }
    
    .bloc_infogerance_info h1 {
        top: -450px;
    }
}

.top_infogerance video {
    aspect-ratio: 2050 / 480;
    height: 400px;
    width: auto;
    min-width: 100%;
    object-fit: cover;
}

.top_infogerance_content{
    width   : 957px;
    height  : 550px;
    position: relative;
    margin  : 0 auto; 
}

.contenu_row {
    width    : 90%;
    max-width: 1200px;
    margin   : 0 auto;
}

.contenu_plus_infoway .contenu_row p {
    font-size: 1.1rem;
    line-height: 1.5;
}

/*-----------------------------  ----------------------------------------*/

.contenu_infogerance{
    position        : relative;
    margin-top      : 400px;
    padding         : 5rem 0 3rem;
    background-color: white;
}

#infogerance-chez-infoway {
    scroll-margin-top: 2rem;
}

.content-img_infogerance{
    width    : 100%;
    max-width: 956px;
    margin   : 0 auto;
    position : relative;
}

.bloc_infogerance_info{
    width    : 100%;
    max-width: 956px;
    margin   : 0 auto;
    position : relative;
}

.bloc_infogerance_info h1 {
    color    : #FFFFFF;
    font-size: 2.5rem;
    font-weight: 100;
    position : absolute;
    top      : -430px;
    left     : 35%;
    width    : 55%;
}

@media screen and (max-width: 600px) {
    .bloc_infogerance_info h1 {
        top      : -450px;
    }
}

@media screen and (max-width: 500px) {
    .bloc_infogerance_info h1 {
        font-size: 2rem;
    }
}

.icone_infogerance{
    width   : 240px;
    position: absolute;
    top     : -332px;
    left    : 1%;
}

.logo_saas{
    position: absolute;
    top     : -220px;
    right   : 1%;
}

.bloc_infogerance::after {
    content         : '';
    position        : absolute;
    background-color: #FFFFFF;
    height          : 90px;
    width           : 40%;
    top             : -70px;
    right           : -25px;
    transform       : skewX(-45deg)
}

.bloc_infogerance::before {
    content         : '';
    position        : absolute;
    background-color: #FFFFFF;
    height          : 90px;
    width           : 60%;
    top             : -70px;
    left            : -25px;
    transform       : skewX(45deg);
}

/*--------------------------------- Process  ----------------------------------------*/

.contenu_process{
    display: flex;
    flex-wrap: wrap;
}

.contenu_process .box {
    width: calc(50% - 1rem);
    display: flex;
    gap: 1rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
}

.contenu_process .box:nth-child(n+3) {
    padding-top: 2rem;
}

.contenu_process .box .icone {
    max-width: 190px;
}

.contenu_process .box-title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #045764;
    margin-top: 0.5rem;
}

.contenu_process .box .box-content {
    width: 80%;
    margin: auto;
    margin-top: 0;
}

.contenu_process .box .box-content p, 
.contenu_process .box .box-content ul {
    font-size: 1.1rem;
    line-height: 1.5;
    width: 100%;
    margin-block: 5px;  
}

.contenu_process .box .box-content ul {
    padding-left: 20px;
    box-sizing: border-box;
}

.contenu_process .box .box-content ul li {
    list-style: "✓";
    padding-left: 20px;
}

.contenu_process .row {
    display: flex;
}

.contenu_process .row .col {
    width     : 100% ;
    text-align: center;
}

.info_process{
    font-size  : 20px;
    font-weight: 600;
    color      : #045764;
}

.info_process p {
    width : 90%;
    margin: 0 auto;
}

.info_process span{
    font-weight: 500;
    color      : #045764;
}

/*--------------------------------- SAAS  ----------------------------------------*/

.contenu_saas{
    box-sizing: border-box;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2rem;
    margin-block: 2rem;
    background-color: #e4e4e4;
}

.img_sass{
    width       : 15%;
    text-align  : center;
    margin-right: 20px;
}

.saas_info{
    width    : 80%;
    padding  : 20px 0;
    color    : #4c4c4c;
    font-size: 17px;
}

/*--------------------------------- plus infoway  ----------------------------------------*/


.contenu_plus_infoway {
    margin: auto;
    padding: 0 40px 30px;
    box-sizing: border-box;
}

.contenu_plus_infoway h2, .contenu_row h2 {
    text-align: center;
    font-size: 30px;
    color: #045764;
    padding-bottom: 15px;
    font-weight: 500;
    text-transform: uppercase;
}
.contenu_plus_infoway h2 span {
    font-weight: 700;
}

/*--------------------------------- Group  ----------------------------------------*/

.contenu_group_row{
    display: flex;
    padding: 10px 0;
}

.contenu_group_col{
    text-align: center;
    width     : 45%;
}

.info_group h3{
    font-size     : 25px;
    font-weight   : 600;
    color         : #34AFC2;
    text-transform: uppercase;
    text-align : center;
}

.info_group p {
    font-size: 19px;
    color    : #838484;
    width    : 75%;
    margin   : 0 auto;
}

/*--------------------------------- Contenu partenaires  ----------------------------------------*/

.contenu_partenaire {
    margin-bottom: 4rem;
}

.btn {
    font-size      : 1.2rem;
    padding        : 0.8rem 1.5rem;
    width: fit-content;
    margin: auto;
    margin-top: 4rem;
}

.contenu_partenaire h2 span {
    font-weight: 700;
}

.contenu_partenaire h3 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.contenu_partenaire_content {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    align-items: center;
    gap: 2rem;
    margin-top: 2rem;
}

.contenu_partenaire_content .image {
    max-height: 500px;
    border-radius: 10px;
    width: 50%;
}

.contenu_partenaire_content .image,
.contenu_partenaire_text {
    font-size: 1.1rem;
    line-height: 1.5;
}

.contenu_partenaire_text p {
    margin-top: 10px;
}

.contenu_partenaire_text ul {
    padding-left: 20px;
    margin-top: 1rem;
}

.contenu_partenaire_text ul li {
    list-style: "✓";
    padding-left: 20px;
}

/*--------------------------------- MEDIA Desktop ----------------------------------------*/

@media screen and (min-width:2000px) {
    #myVideo{
        width: 100%;
    }
}

@media screen and (max-width:956px) {

    /* process */
    .contenu_process {
        flex-direction: column;
    }

    .contenu_process .box {
        width: 100%;
    }

    .contenu_process .row .col {
        width         : 50%;
        padding-bottom: 30px;
    }
    .contenu_process .row .col_reactivite {
        width         : 100%;
        padding-bottom: 0;
    }

    .contenu_saas {
        padding: 1rem 1rem;
    }

    .saas_info {
        width: 90%;
    }

    .contenu_partenaire_content {
        flex-direction: column;
    }

    .contenu_process .box .box-content {
        width: 100%;
        box-sizing: border-box;
    }

    .contenu_partenaire_content .image {
        width: 100%;
    }
}

/*--------------------------------- MEDIA Tablette ----------------------------------------*/

@media screen and (max-width:768px) {

    .contenu_plus_infoway {
        padding: 0 0 30px;
    }

    .contenu_plus_infoway .contenu_row p {
        text-align: justify;
    }

    .icone_infogerance{
        display: none;
    }

    .bloc_infogerance_info h1 {
        /*font-size: 35px;*/
        width: 90%;
        left: 0;
    }

    /* saas */

    .contenu_saas{
        display: block;
    }
    .img_sass{
        width: 100%;
    }
    .saas_info{
        margin: 0 auto;
    }
    /* group */
    .contenu_group_row{
        display: block;
    }

    .contenu_group_col{
        width  : 100%;
        padding: 20px 0 ;
    }

    .icon_border{
        display: none;
    }

    .info_group{
        width : 65%;
        margin: 0 auto;
    }

    .info_group p {
        width : 75%;
        margin: 0 auto;
    }

    .info_group_calendaire h3 {
        text-align: center;
    }

    .contenu_row h2 br {
        display: none;
    } 

}

/*@media screen and (max-width:600px) {*/
/*    .icone_infogerance{*/
/*        display: none;*/
/*    }*/
/*    .bloc_infogerance_info h2{*/
/*        font-size: 35px;*/
/*        top: -410px;*/
/*        left: 10%;*/
/*        width: 80%;*/
/*    }*/

/*}*/

/*--------------------------------- MEDIA Mobile ----------------------------------------*/

@media screen and (max-width:425px) {

    /* process*/

    .contenu_process .row {
        display: block;
    }

    .contenu_process .row .col{
       width: 100%;
    }



}