.heading h1 {
    
    font-family:Raleway, sans-serif;
    font-size:46px;
    line-height:50px;
    font-weight:400;
    color:#0062a1;
    margin-bottom:40px;   
    padding-left:20px;
    border-left: 3px solid #0062a1;
    margin-top:80px;
    text-transform:uppercase;
    
    }

.intro {
    
    width:100%;
    padding:0px 0px 100px 0px;
    display:flex;
    flex-wrap:wrap;
    
    font-family:Raleway, sans-serif;
    
    }
    
.intro2 {
    
    padding:30px 0px 0px 0px;

}

.left {
    
    width:35%;
    height:550px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;    
    
    }

.overlay {
    
    width:100%;
    height:100%;
    background-color:#0062a1;
    
    }
    
.right {
    
    width:65%;
    
    }

.frame {
    
    background-color:white;
    position:relative;
    left:-200px;
    padding:60px;
    margin-top:80px;
    margin-bottom:80px;
    width:100%;
    box-sizing:border-box;
    
    }
    
.right h1 {
    
    font-size:36px;
    line-height:42px;
    font-weight:400;
    color:#0062a1;
    margin-bottom:40px;
    
    }


.right p {
    
    font-size:22px;
    line-height:26px;
    font-weight:400;
    color:#555;
    margin-bottom:20px;
    
    }

.intro2 .right {
    
    width:65%;
    
    }

.intro2 .left {
    
    width:35%;
    
    }

.intro2 .frame {
    
    left:100px !important;
    
    }

.actu {
    
    font-family:Raleway, sans-serif;
    background-color:#eee;
    padding:50px;
    margin-top:80px;
    margin-bottom:80px;
    
    }
    
.actu h2 {
    
    font-size:48px;
    line-height:55px;
    font-weight:300;
    color:#333;
    margin-bottom:85px;
    
    }



.news_item {
    
    margin-left:30px;
    border-left:8px solid #0062a1;
    padding:50px;
    margin-bottom:70px;
    width:98%;
    box-sizing:border-box;
    background-color:#fff;
    
    display:flex;
    flex-wrap:wrap;
    
    }

.nleft {
    
    width:30%;
    
    }

.nleft img {
    
    width:85%;
    object-fit:cover;
    
    }

.nright {
    
    width:70%;
    
    }
    
.news_item h3 {
    
    font-size:22px;
    line-height:26px;
    font-weight:600;
    color:#0062a1;
    margin-bottom:10px;
    
    }

.news_item h4 {
    
    font-size:36px;
    line-height:40px;
    font-weight:300;
    color:#222;
    margin-bottom:30px;

    }

.resume {
    
    font-size:16px;
    line-height:20px;
    font-weight:300;
    color:#333;
    
    }

.news_item a {
    
    font-size:16px;
    line-height:18px;
    font-weight:300;
    color:#0062a1;
    font-style:italic;
    
    }    
    
@media only screen and (max-width: 1100px) {

.heading h1 {
    
    font-size:38px;
    line-height:45px;
    margin-bottom:40px;   
    padding-left:10px;
    border-left: 3px solid #0062a1;
    margin-top:40px;
    
    }

.intro {
    
    width:100%;
    padding:0px 0px 0px 0px;
    
    }
    
.intro2 {
    
    padding:0px 0px 0px 0px;

}

.left {
    
    display:none;   
    
    }

.overlay {
    
    display:none;   
    
    }
    
.right {
    
    width:100%;
    
    }

.frame {
    
    left:0px;
    padding:20px;
    margin-top:0px;
    margin-bottom:0px;
    width:100%;
    
    }
    
.right h1 {
    
    font-size:32px;
    line-height:40px;
    margin-bottom:20px;
    
    }
    
.right p {
    
    font-size:18px;
    line-height:22px;
    
    }

.intro2 .right {
    
    width:100%;
    
    }

.intro2 .left {
    
    width:100%;
    
    }

.intro2 .frame {
    
    left:0px !important;
    
    }

.actu {
    
    padding:10px;
    margin-top:20px;
    margin-bottom:20px;
    
    }

.actu h2, .partenaires h2{
    
    text-align:center;
        
    }
    
.news_item {
    
    margin-left:0px;
    padding:10px;
    margin-bottom:40px;
    width:100%;
    
    }
    
.actu h2 {
    
    font-size:48px;
    line-height:56px;
    margin-bottom:65px;
    
    }
    
.news_item h3 {
    
    font-size:16px;
    line-height:22px;

    
    }

.news_item h5 {
    
    font-size:12px;
    line-height:18px;
    font-weight: 300;
    margin-bottom:15px;
    
    }

.news_item h4 {
    
    font-size:24px;
    line-height:30px;


    }

.news_item>div {
    
    font-size:13px;
    line-height:18px;

    margin-bottom:20px;
    
    }

}

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


.nleft {
    
    width:65%;
    
    }
    
.nleft img {
    
    max-height:300px;
    
    }

.nright {
    
    width:100%;
    
    }

}