/*! Place your custom styles here */
    
.container1 {
    max-width : 100%;
    display: grid;
    place-items: center;
}    

.container2{
    max-width: 124rem;
    padding: 0 !important;
    margin: 0 auto;
    margin-bottom: 2% !important;
    margin-top: 2% !important;
}

.txt{
    padding-top: 1% !important;
    padding-bottom: 1% !important;
}

.pos-left{
    margin-right: 5%;
    margin-left: 5%;
}

.pos-left h2{
    font-size: 36;
}

.pos-right{
    margin-left : 5%;
}

.text-right1{
    margin-left : 5%;
    margin-right: 5%;
}

.text-right1 h2{
    font-size: 36;
}

.reseaux{
    height: 400px;
    width: 80px;
    position: absolute;
    right: 0;
    top: calc(50% - 200px);
    background: #039ac8;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 70px 0 0 70px;
}

.reseaux a{
    text-decoration: none;
}

.reseaux a i{
    height: 50px;
    width: 50px;
    border-radius: 5px;
    margin: 5px 0;
    display: grid;
    place-items: center;
    background: #333;
    color: #fff;
    font-size: 20px;
    transition: 0.6s;
}

.reseaux a i:hover{
    background: #da3604;
}

#solutions_avancees_de_telephonie{
    background-color: #B3F0E8;
    width: 100%;
}

#securite_des_personnes{  
    background-color: #F0FFFF;
    width: 100%;
}

#mobilite{
    background-color: #B3F0E8;
    width: 100%;
}

#support{  
    background-color: #F0FFFF;
    width: 100%;
}

#studio{
    background-color: #B3F0E8;
    width: 100%;
}

.lead{
    color: black;
    font-size: 18;
}

.background-image1{
    height: 420px !important;
}

@media (max-width: 1500px) {
    
    .lead{
        font-size: 16px !important;
    }

    .pos-left {
        margin-top: 1% !important;
        margin-bottom: 1% !important;
    }
}

@media  (max-width: 1122px) {
    .lead{
        font-size: 15.5px !important;
    }
}

@media  (max-width: 1100px) {
    .background-image1{
        height: 330px !important;
    }
}

@media  (max-width: 990px) {
    .pos-left h2{
        font-size: 30;
    }
    
    .lead{
        font-size: 15.5px !important;
    }
    
    .text-right1 h2{
        font-size: 30;
    }

    .background-image1 {
        height: 350px !important;
    }

    .row-expertises1{
        padding-top: 16%;
        margin-top: -40px;
    }
    .pos-left{
        margin-right: 3%;
        margin-left: 5%;
    }
    
    .pos-right{
        margin-left : 66%;
    }
    
    .text-right1{
        margin-left : 2%;
        margin-right: 5%;
    }
    .txt{
        padding-top: 0% !important;
        padding-bottom: 2% !important;
    }
}

@media (max-width: 850px) {
    .lead {
      font-size: 15px !important;
    }
}

@media  (max-width: 770px) {
    .pos-left h2{
        font-size: 24;
    }
    
    .lead{
        font-size: 14;
        line-height: 1.58421053em;
    }
    
    .text-right1 h2{
        font-size: 24;
    }
    .pos-left {
        margin-right: 5%;
        margin-left: 5%;
        margin-top: 3% !important;
        margin-bottom: 3% !important;
    }
    .pos-right{
        margin-left : 58%;
    }
    .text-right1 {
        margin-left: 5%;
        margin-right: 5%;
        margin-top: 3% !important;
        margin-bottom: 3% !important;
    }
    .txt{
        padding-top: 8% !important;
        padding-bottom: 8% !important;
    }
}

.imageblock__content1{
    height: 100%;
    top: 0 !important;
    padding: 0 !important;
} 

.row-expertises1{
    background-color: #898989;
    padding-top: 8%;
    margin-top: -7%;
    margin-right: 0px;
    margin-left: 0px;
}

@media  (max-width: 766px) {
    .masonry__item1{
        padding-top: unset;
        margin: auto;
    }
    .row-expertises1{
        padding-top: 36%;
        margin-top: -40px;
    }
    .background-image1{
        height: 450px !important;
    }
    .imagefooter{
        margin-bottom: 10%;
    }
}

@media  (max-width: 500px) {
    .background-image1{
        height: 340px !important;
    }
    #solutions_avancees_de_telephonie{
        border: solid 5px #000;
    }
    
    #securite_des_personnes{  
        border: solid 5px #000;
    }
    
    #mobilite{
        border: solid 5px #000;
    }
    
    #support{  
        border: solid 5px #000;
    }
    
    #studio{
        border: solid 5px #000;
    }
}

@media (max-width: 400px) {
    .background-image1 {
      height: 250px !important;
    }
}

@media (max-width: 990px){
    footer.space--sm {
        padding-top: 4% !important;
    }
    section.space--sm {
        padding-top: 0% !important;
    }
}

em{
    color:black;
    text-decoration: none;
    font-weight: bold;
    font-family: sans-serif;
    font-style: unset;
}

.taille{
    font-size: 16px;
}

.lien{
    text-decoration:none;
    font-weight: unset;
    font-size: unset;
    font-style: unset;
    font-family: unset;
    letter-spacing: unset;
    line-height: unset;
    color: unset;
}

.lien:hover{
    text-decoration:none;
    font-weight: unset;
    color: unset;
}

.title-sm {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 2% !important;
    line-height: 2.2;
 }

.section-intro {
    text-align: center;
    margin-bottom: 60px;
 }
 
 .section-intro .hline {
    width: 120px;
    height: 2px;
    background-color: rgba(0, 0, 0, 0.1);
    margin: 16px auto 0 auto;
 }
 
.icon-box {
    width: 60px;
    height: 60px;
    background-color: #9076b3;
    color: #9076b3;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    flex: none;
 }

.feature .icon-box {
    width: 34px;
    height: 34px;
    border-radius: 100px;
    font-size: 24px;
 }
 .features {
    background-color: beige !important;
 }


.alignC{
    display: flex;
    justify-content: center !important;
    align-content: center !important;
}

.hover-shadow{
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin: 10px !important;
    width: 30% !important;
    display: flex;
    align-items: center;
}

@media (max-width: 1000px) {
    .hover-shadow{
        width: 44% !important;
    }
}

@media (max-width: 700px) {
    .hover-shadow{
        width: 60% !important;
    }
}

.hideT{
    position: absolute;
    margin-left: unset !important;
    max-width: unset !important;
    margin-bottom: unset !important;
    color: white;
    background-color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
}

.centerT{
    padding: 0 !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
    border: none !important;
    font-size: larger !important;
    margin: 0 !important;
    color: white !important;
}
@media (max-width: 499px) {
    .row-expertises {
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom: 0% !important;
    }
}


@media (min-width: 1900px) {

    .grand-ecran{
        padding-bottom: 0.5% !important;
        padding-top: 0.5% !important;
    }
}

@media (max-width: 1700px) {
    .grand-ecran{
        padding-bottom: 0% !important;
        padding-top: 0% !important;
    }
}


.pExpert {
    padding-bottom: 0% !important;
    margin-bottom: 0% !important;
}

.carousel {
    position: relative;
    height: 100% !important;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100% !important;
}

.carousel-item{
    height: 100% !important;
}

.d-block {
    display: block !important;
    height: 100% !important;
}

.grandExpert{
    padding: 1%; 
    text-align: center; 
    font-size: 46px !important; 
    font-weight: bold; 
    color: black; 
    margin-top: 4%; 
    margin-bottom: 4%;
}

@media (max-width: 990px){
    .grandExpert{
        font-size: 34px !important; 
    }
}

.divPExpert{
    width: 86%;
}

.divPExpert p{
    padding: 1%; 
    text-align: center; 
    font-size: 22px;
}

.p28{
    font-size: 28px !important;
}

@media (max-width: 500px){
    .divPExpert p{
        font-size: 18px;
    }

    .grandExpert{
        font-size: 26px !important; 
    }

    .p28{
        font-size: 24px !important;
    }
}

@media  (min-width: 1600px) {
    .background-image1{
        height: 520px !important;
    }
}