/* Slide 1 */
#actus{background: url('/template/charte/imgs/actu/slide1-bg.png') no-repeat;background-position: 65.3% -103px;padding-top: 50px;position: relative; z-index: 2}
#actus:after{content: url('/template/charte/imgs/actu/slide1-form/.png');position: absolute; right: -17px; bottom: -181px; z-index: -1;}
#actus h1{font-size: 125px; font-weight: bold; color: #CC071D;margin-left: -13px;text-align: left;}
#actus figure{position: relative; text-align: right;margin-top: 83px;}
#actus figure img{width: 100%;max-width: 1339px; height: 608px; object-fit: cover; object-position: top center;margin-right: 13px;}
#actus figure .num{position: absolute; top: 0; right: 13px;background-color: #C8A25B; color: white;width: 100%; max-width: 174px; height: 174px;display: flex; justify-content: center; align-items: center;flex-direction: column;}
#actus figure .num p{position:relative; text-align: center;font-size: 60px; font-weight: 600;color: white;margin-left: 22px; margin-top: -27px;letter-spacing: 0.03em;line-height: 0.8em;margin-bottom: 0;}
#actus figure .num .line{position: relative;;width: 100%; max-width: 70px;height: 1px; background-color: #CC071D;}

#actus figure figcaption{position: absolute;bottom: -7px;left: -13px;}
#actus figure figcaption h1{color: white;-webkit-text-stroke: 1px #CC071D;max-width: 450px;line-height: 0.7em;margin:0;letter-spacing: 0.03em;}
#actus figure figcaption h1:first-line{color: #CC071D;-webkit-text-stroke: unset;text-transform: uppercase;}

#actus figure figcaption .text{background-color: #C8A25B; color: white;width: 100%; max-width: 492px;height: 267px;padding: 44px 55px 30px;text-align: left;}
#actus figure figcaption .text h2{text-transform: uppercase; font-size: 60px; letter-spacing: 0.03em;font-weight: 600;margin-bottom: 0;line-height: 0.8em;margin-top: 11px;}
#actus figure figcaption .text p{font-family: 'Raleway', sans-serif; font-size: 13px;letter-spacing: 0.03em;line-height: 2.0em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
#actus figure figcaption .text a{position: absolute; bottom: 25px;font-size: 17px;font-weight: 600;letter-spacing: 0.05em;}


/* Slide 2 */
#seemore{background: url('/template/charte/imgs/actu/slide2-bg.png') no-repeat;background-position: -19px -103px;;margin-top: 100px;position: relative; z-index: 1;margin-bottom: 30px;}
#seemore .seemore > h2{font-size: 60px; color: #C8A25B; font-weight: 600;margin-bottom: 36px;}
#seemore .reportages{width: 100%; display: flex; flex-flow: wrap;justify-content: space-between; align-items: stretch;margin-top: -30px;}
#seemore .reportages .rep{width: 49%;margin-top: 30px}
#seemore .reportages .rep figure{display: flex;width: 100%;height: 309px;transition: background-color .3s linear, box-shadow .3s linear;}
#seemore .reportages .rep figure:hover{background-color: #C8A25B;  box-shadow: rgba(0,0,0,0.3) 3px 3px 10px;}
#seemore .reportages .rep img{width: 509px; height: 309px;object-position: center; object-fit: cover;}
#seemore .reportages .rep figcaption{display: flex; flex-direction: column;padding: 20px 10px;}
#seemore .reportages .rep figcaption h1{font-size: 17px; font-weight: 600; color: #CC071D;text-transform: uppercase;}
#seemore .reportages .rep figcaption h2{font-size: 36px; font-weight: 500; color: black;max-width: 200px;margin-top: 15px;line-height: 1.0em;}
#seemore .reportages .rep figcaption .text{max-width: 240px;margin-top: 17px;}
#seemore .reportages .rep figcaption .text p{font-family: 'Raleway', sans-serif;font-size: 14px; color: black;line-height: 1.9em;margin-bottom: 0;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
#seemore .reportages .rep figcaption a{display: inline-block; font-size: 17px; color: black; font-weight: 600;margin-top: 10px;}

body > div > .separator:first-of-type{height: 22px;}

@media screen and (max-width: 1600px){
    #seemore .reportages .rep img{width: 350px;}
    #actus figure .num{right: 0;}
    #actus h1{margin-left: 15px;}
}
@media screen and (max-width: 1200px){
    #actus h1{font-size: 100px;}
    #actus figure{margin-top: 0;}
    #seemore .reportages .rep figure{flex-direction: column;height: unset;}
    #seemore .reportages .rep img{width: 100%;}
}
@media screen and (max-width: 1024px){
    #actus figure .num{max-width: 80px;height: 80px;}
    #actus figure .num p{font-size: 30px;}
    #actus figure .num .line{width: 50px;}
}
@media screen and (max-width: 800px){
    #actus figure .num,#actus figure figcaption .text{background-color: rgba(200,162,91, 0.7)}
    #actus figure figcaption{bottom: 0; left: 0;}
    #actus:after{display: none;}
    #actus figure figcaption h1{margin-bottom: -25px;font-size: 60px;}
}

@media screen and (max-width: 600px) {
    #actus h1 {font-size: 50px;margin-left: 0;text-align: center;width: 100%;}
}

@media screen and (max-width: 480px){
    #actus figure figcaption{position: relative;margin-top: -17px;}
    #actus figure img{height: 300px;margin-right: 0;}
    #seemore .reportages .rep img{height: 150px;}
    #actus figure figcaption .text{height: 200px;padding: 35px 55px 30px;}
}