@font-face{
    font-family:Poppins-Medium;
    src:url(fonts/Poppins-Medium.dd8c8fd1.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Poppins-Light;
    src:url(fonts/Poppins-Light.a24a0d3f.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:Lato-Light;
    src:url(fonts/Lato-Light.e6a4ea4d.woff) format("woff");
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:icomoon;
    src:url(fonts/icomoon.08f5644c.eot);
    src:url(fonts/icomoon.08f5644c.eot) format("embedded-opentype"),url(fonts/icomoon.98b63604.ttf) format("truetype"),url(fonts/icomoon.14e79d54.woff) format("woff"),url(images/icomoon.4f163040.svg) format("svg");
    font-weight:400;
    font-style:normal
}
[class*=" icon-"],[class^=icon-],i{
    font-family:icomoon!important;
    speak:none;
    font-style:normal;
    font-weight:400;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.icon-arrow-up-circle:before{
    content:"\E90D"
}
.icon-cancel:before{
    content:"\E90C"
}
.icon-info:before{
    content:"\E90B"
}
.icon-search:before{
    content:"\E900"
}
.icon-access:before{
    content:"\E901";
    color:#86c5f4
}
.icon-adress:before{
    content:"\E902"
}
.icon-down-arrow:before{
    content:"\E903"
}
.icon-family:before{
    content:"\E904";
    color:#d69800
}
.icon-fire:before{
    content:"\E905";
    color:#ed074f
}
.icon-green:before{
    content:"\E906";
    color:#aedd87
}
.icon-paper-plane:before{
    content:"\E907";
    color:#fff
}
.icon-phone:before{
    content:"\E908"
}
.icon-right-arrow:before{
    content:"\E909"
}
.icon-time:before{
    content:"\E90A"
}
.connaitre{
    margin-top:35px
}
footer{
    margin-top:100px
}
.connaitre h2{
    letter-spacing:-1px;
    margin-left:0
}
.connaitre .title--part1{
    margin-left:80px
}
.connaitre .title--part1:before,.connaitre .title--part4:before,.connaitre .title--part7:before{
    content:"E";
    position:absolute;
    font-size:300px;
    color:#e8e8e8;
    z-index:-1;
    line-height:.6;
    top:0;
    left:0
}

.connaitre .title--part2:before{
    content:"O";
    position:absolute;
    font-size:300px;
    color:#e8e8e8;
    z-index:-1;
    line-height:.6;
    top:0;
	margin-left: -17px;
    
}

.connaitre .title--part20:before{
    content:"U";
    position:absolute;
    font-size:300px;
    color:#e8e8e8;
    z-index:-1;
    line-height:.6;
    top:0;
    margin-left:-55px;
}

.connaitre .title--part21:before{
    content:"S";
    position:absolute;
    font-size:300px;
    color:#e8e8e8;
    z-index:-1;
    line-height:.6;
    top:0;
    right:30
}

.ipr-section1-img{
	display: none;
	margin-left:18px;
}
.connaitre .title--part4{
    margin-left:40px;
    margin-top:70px
}
.connaitre .title--part4:before{
    content:"P"
}
.connaitre .title--part7{
    margin-left:50px
}
.connaitre .title--part7:before{
    content:"C";
    font-size:250px
}
.no-section h3{
    font-size:26px;
    letter-spacing:0;
    margin-top:80px
}
.no-section h3>span{
    font-size:16px;
    font-family:Segoe UI,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica,Arial,sans-serif;
    color:#444;
    font-weight:400;
    letter-spacing:0
}
.no-section h4{
    padding-top:70px;
    padding-bottom:30px;
    font-size:18px;
    color:#444;
    width:65%;
    padding-left:30%
}
.no-section h4:before{
    content:"";
    position:absolute;
    top:0;
    width:100%;
    height:35%;
    left:0;
    background:#d9f0ff;
    z-index:-1
}
.no-section h4:after{
    content:"";
    position:absolute;
    width:66%;
    height:8px;
    background:#1570b8;
    top:15%;
    left:34%
}
.no-section:nth-child(2n) h4{
    padding-left:0;
    color:#fafafa
}
.no-section:nth-child(2n) h4:before{
    background:#1570b8;
    left:0;
    margin-left:0
}
.no-section:nth-child(2n) h4:after{
    background:#d9f0ff;
    top:13%;
    left:0
}
.no-section .title--part7{
    padding-top:40px;
    padding-bottom:60px
}
.no-section .title--part7:before{
    height:40%
}
.no-section .title--part7:after{
    top:30%
}
.connaitre--img{
    width:calc(100% + 60px);
    height:200px;
    margin-left:-30px;
    margin-bottom:35px
}
.connaitre--img--profil{
    width:260px;
    height:290px;
    margin-bottom:35px
}
.ipr-section--clients{
    margin-top:50px
}
hr{
    margin:30px 0;
    border:1px solid rgba(217,240,255,.5)
}
.connaitre p,.no-connaitre ul>*{
    color:#707070;
	margin-left:55px;
	text-align:justify;
	margin-right: 50px;
}
.no-connaitre ul>*{
    font-family:Segoe UI Light,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica,Arial,sans-serif
}
.no-connaitre ul{
    list-style:none
}
.connaitre p{
    font-family:Segoe UI Light,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica,Arial,sans-serif
}
.content--part1{
    margin-left:10px;
    margin-top:45px;
    color:#707070
}
.content--part1:before{
    content:"";
    width:25px;
    height:20%;
    position:absolute;
    margin-left:-40px;
    background:#a90d12
}
.content--part13:before{
    content:"";
    width:25px;
    height:40%;
    position:absolute;
    background:#a90d12;
	margin-left: -40px;
}

.content--part2{
    text-align:center;
    padding:25px 30px;
    font-size:14px;
    color:#444;
    background:#d9f0ff;
    width:100%;
    margin-left:-30px
}
.ipr-section--client-bloc{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
.ipr-section--client-bloc>a:hover+.ipr-section--client-type{
    opacity:1
}
.ipr-section--client-img{
    width:200px;
    height:150px
}
.ipr-section--client-type{
    opacity:0;
    margin-bottom:25px;
    background-color:#105993;
    color:#fff;
    border-radius:15px;
    text-align:center;
    padding:10px 15px;
    transition:all .3s ease-in-out
}
.content--part3{
    position:relative;
    padding:25px 30px;
    background:#1570b8;
    width:100%;
    margin-left:-30px
}
.content--part3>ul>*{
    color:#fff
}
@media (min-width:375px){
    .no-section h4:after{
        width:67%;
        left:33%
    }
    .no-section .title--part7:after{
        top:33%
    }
}
@media (min-width:414px){
    .no-section:nth-child(2n) h4:after{
        top:14%;
        width:50%
    }
}
@media (min-width:768px){
    .title--part7{
        margin-top:-10px
    }
    .no-connaitre .content--part3 ul{
        list-style:circle
    }
    .no-section3{
        position:relative;
        margin-bottom:100px
    }
    .no-section3,.no-section3 h3{
        display:flex;
        flex-direction:column
    }
    .no-section3 .content--part3{
        position:absolute;
        width:60%;
        margin-left:0;
        top:40%;
        left:25%
    }
    .no-section h4{
        padding-top:15px
    }
    .no-section h4:before{
        width:40%;
        height:70%
    }
    .no-section h4:after{
        width:20%;
        top:20%;
        left:20%
    }
    .no-section5,.no-section7{
        display:grid;
        grid-template-areas:"a b";
        grid-template-columns:1fr 2fr;
        margin-bottom:100px
    }
    .no-section5>div:first-child,.no-section7>div:first-child{
        width:100%;
        margin-right:15%
    }
    .no-section5 .content--part,.no-section7 .content--part{
        margin-left:15%
    }
    .no-section5 .connaitre--img,.no-section7 .connaitre--img{
        margin-bottom:0;
        margin-top:50px;
        margin-left:10px;
        width:235px
    }
    .no-section5 .connaitre--img{
        width:calc(80% + 60px)
    }
    .no-section6{
        display:grid;
        grid-template-areas:"b a";
        margin-bottom:100px
    }
    .no-section6>div:first-child{
        grid-area:a;
        width:95%;
        margin-left:15%
    }
    .no-section6 .connaitre--img{
        width:235px;
        margin-bottom:0;
        margin-top:50px;
        margin-left:-15px
    }
    .no-section6 .content--part{
        margin-right:20%;
        text-align:right
    }
    .no-section:nth-child(2n) h4:before{
        left:auto;
        right:0
    }
    .no-section:nth-child(2n) h4:after{
        top:20%;
        width:25%;
        left:auto;
        right:15%
    }
    .no-section7 h4{
        width:155%
    }
    .no-section .title--part7:before{
        height:100%
    }
    .no-section .title--part7:after{
        top:70%
    }
    .content--part7{
        margin-left:25%
    }
}
@media (min-width:1024px){
    .no-section h4{
        padding-top:0;
        padding-left:35%
    }
    .no-section h4:before{
        width:34%
    }
    .no-section h4:after{
        left:14%
    }
    .no-section5 .connaitre--img,.no-section7 .connaitre--img{
        margin-top:0;
        margin-left:15%
    }
    .no-section6>div:first-child{
        width:100%;
        margin-left:0
    }
    .no-section:nth-child(2n) h4:after{
        right:9%
    }
}
@media (min-width:1280px){
    .ipr-section--clients{
        display:flex;
        justify-content:space-around;
        align-items:center
    }
    .ipr-section--clients>*{
        transition:all .2s linear
    }
    .ipr-section--clients>:hover{
        -webkit-transform:scale(1.05);
        transform:scale(1.05)
    }
    .title--part7{
        margin-top:-35px
    }
    .ipr-section{
        max-width:1280px;
        margin:0 auto
    }
    .ipr-section1{
        display:flex;
        margin-top:50px
    }
    .connaitre .title--part1{
        margin-left:70px;
        width:35%;
        margin-top:10%
    }
    .connaitre .title--part1:before,.connaitre .title--part4:before{
        font-size:530px
    }
    .content--part1:before{
        width:35px;
        height:22%;
        margin-left:-50px
    }
	 .content--part13:before{
        width:35px;
        height:28%;
		margin-left:-50px
    }
    .ipr-section1>div:last-child{
        margin-left:9%
    }
	
	 .ipr-section2>div:last-child{
        margin-left:9%
    }
	
    .ipr-section1-img{
        display:block;
        width:95%;
        margin-left:0px;
        margin-top:-5%
    }
    .no-section2{
        background:#d9f0ff
    }
    .no-section2 p{
        font-size:18px;
        background:transparent;
        width:50%;
        margin:0 auto;
        padding:35px 30px
    }
    .no-section3{
        max-width:1280px;
        margin:0 auto 100px
    }
    .no-section3.no-connaitre ul{
        width:100%
    }
    .no-section3 h3{
        margin-left:3%
    }
    .no-section3>div:first-child{
        margin-left:25%
    }
    .no-section3 .content--part3{
        width:30%;
        left:45%
    }
    .connaitre .title--part4{
        width:50%;
        margin-left:50%;
        margin-top:3%
    }
    .connaitre .title--part4:before{
        left:auto;
        right:35%
    }
    .no-section h4{
        padding-left:30%
    }
    .no-section h4:after{
        left:12%;
        width:22%;
        top:15%
    }
    .no-section5{
        margin-top:-5%
    }
    .no-section5>div:first-child,.no-section7>div:first-child{
        margin-right:0
    }
    .content--part.content--part5{
        margin-top:15%
    }
    .no-section5 .content--part{
        margin-left:5%
    }
    .no-section7 .connaitre--img{
        margin-left:35%;
        width:100%
    }
    .no-section5 .connaitre--img{
        margin-left:35%;
        width:50%;
        margin-top:40%
    }
    .no-section:nth-child(2n) h4{
        margin-left:15%
    }
    .no-section6 .connaitre--img{
        height:250px;
        width:445px
    }
    .no-section6 .content--part{
        margin-right:10%
    }
    .no-section7 h4{
        width:85%
    }
    .no-section5.no-connaitre ul{
        width:90%
    }
    .no-connaitre ul{
        width:70%
    }
    .no-section6.no-connaitre ul{
        margin-left:30%
    }
    .content--part7{
        margin-left:20%
    }
    .no-section7{
        margin-top:5%
    }
    .no-section7>div{
        width:77%
    }
}
@media (min-width:1920px){
    .no-section6>div:first-child{
        margin-right:25%
    }
    .no-section h4{
        padding-left:38%
    }
    .no-section6 .content--part{
        margin-right:20%
    }
}