*{padding:0; margin:0; box-sizing:border-box;}

body, html{background:#fff url("../imgs/bg-body.jpg")0 0 no-repeat; background-attachment:fixed;}



.main-envelope{width:100%; max-width:1400px; display:flex; justify-content:space-between; margin:50px auto;}

.main-left{width:100%; max-width:680px;}
.main-logos{width:100%; max-width:240px; height:140px; margin:0 auto 30px auto;
 background:url("../imgs/logo-sigle-ms.svg")center center no-repeat; background-size:contain;}

.main-titles-ar{width:100%; text-align:center; margin-bottom:60px;}
.main-titles-ar h5{color:#3b6c54; font-family:'Shubbak Bold'; font-size:18px;}
.main-titles-ar h3{color:#3b6c54; font-family:'Shubbak Bold'; font-size:30px;}
.main-titles-ar h6{color:#3b6c54; font-family:'Shubbak Bold'; font-size:20px;}
.main-titles-ar h1{color:#3b6c54; font-family:'Shubbak Bold'; font-size:44px;}


.main-titles-fr{width:100%; text-align:center; text-transform:uppercase;}
.main-titles-fr h5{color:#3b6c54; font-family:'Rubik SemiBold'; font-size:15px;}
.main-titles-fr h4{color:#3b6c54; font-family:'Rubik SemiBold'; font-size:20px;}
.main-titles-fr h6{color:#3b6c54; font-family:'Rubik SemiBold'; font-size:18px;}
.double-titles{width:100%; display:flex; justify-content:center; align-items:flex-end; margin-bottom:5px;}
.double-titles h3{color:#3b6c54; font-family:'Rubik Bold'; font-size:26px;}
.double-titles h6{color:#3b6c54; font-family:'Rubik SemiBold'; font-size:18px; margin:0 0 2px 10px;}
.main-titles-fr h1{color:#3b6c54; font-family:'Rubik Bold'; font-size:34px;}


.main-right{width:100%; max-width:720px;}

.box-links-rs{width:100%; margin-bottom:20px;}
.box-links-rs a{display:block;}

.btn-facebook{display:block; width:140px; height:30px; line-height:30px; font-family:'Rubik Regular'; 
 font-size:13px; background:url("../imgs/icone-facebook.png")4px center no-repeat; padding:0 0 0 30px;
 border:1px solid #a4b4ac; border-radius:30px; margin:0 auto; transition:0.3s;}
.btn-facebook:hover{color:#fff; background:#3b6c54 url("../imgs/icone-facebook.png")4px center no-repeat;
border:1px solid #3b6c54;}



.image-right{width:100%; height:627px; background: url("../imgs/bg-const.png")center bottom no-repeat;
 background-size:contain;}







a{text-decoration:none;}
img{max-width:100%; height:auto;}





.saut-05{margin:05px auto!important;}
.saut-10{margin:10px auto!important;}
.saut-20{margin:20px auto!important;}
.saut-30{margin:30px auto!important;}
.saut-40{margin:40px auto!important;}
.saut-50{margin:50px auto!important;}
.saut-60{margin:60px auto!important;}

.saut-haut-05{margin-top:05px!important;}
.saut-haut-10{margin-top:10px!important;}
.saut-haut-20{margin-top:20px!important;}
.saut-haut-30{margin-top:30px!important;}
.saut-haut-40{margin-top:40px!important;}
.saut-haut-50{margin-top:50px!important;}
.saut-haut-60{margin-top:60px!important;}

.saut-bas-05{margin-bottom:05px!important;}
.saut-bas-10{margin-bottom:10px!important;}
.saut-bas-20{margin-bottom:20px!important;}
.saut-bas-30{margin-bottom:30px!important;}
.saut-bas-40{margin-bottom:40px!important;}
.saut-bas-50{margin-bottom:50px!important;}
.saut-bas-60{margin-bottom:60px!important;}











@font-face {
    font-family:'Rubik Regular';
    src: url('fonts/Rubik-Regular.woff2') format('woff2'),
         url('fonts/Rubik-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'Rubik Medium';
    src: url('fonts/Rubik-Medium.woff2') format('woff2'),
         url('fonts/Rubik-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family:'Rubik SemiBold';
    src: url('fonts/Rubik-SemiBold.woff2') format('woff2'),
         url('fonts/Rubik-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family:'Rubik Bold';
    src: url('fonts/Rubik-Bold.woff2') format('woff2'),
         url('fonts/Rubik-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family:'Rubik Light';
    src: url('fonts/Rubik-Light.woff2') format('woff2'),
         url('fonts/Rubik-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family:'Shubbak Bold';
    src: url('Shubbak-Bold.eot');
    src: local('Shubbak Bold'), local('Shubbak-Bold'),
        url('fonts/Shubbak-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Shubbak-Bold.woff2') format('woff2'),
        url('fonts/Shubbak-Bold.woff') format('woff'),
        url('fonts/Shubbak-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}