/*!
Theme Name: elaeis-theme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: elaeis-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ===========  font import  ========= */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


/* ===========  global  ========= */
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif;
    text-decoration: none;

    list-style: none;
    outline: none;
    border: none;
    scroll-behavior: smooth;
}

:root{
    --main-blue: #3f34c8;
    --dark-blue: #2e2694;
    --hight-blue: #3333ff;
    --white: #fff;
    --dark-white: #eeeeee;
    --text: #181818;
    --raduis: 10px;
    --text-footer :  #8d8d8d;
    --hight-blue-flat: #dde9ff;
}

body{
    background: var(--white);
    color: var(--text);
    overflow-x: hidden;
}

.section{
    margin-top: 5rem;
    margin: 50px 180px;
}

.section h2{
    font-size: clamp(30px, 4vw, 60px);
}

.renitialisation-margin{
    margin: 0;
}
.btn-link{
    color: var(--white);
    padding: .5rem;
    font-weight: 600;
    font-size: 1vw;
    border-radius: var(--raduis);
    background: var(--hight-blue);
} 

.btn-link:hover{
    color: var(--white);
    margin-top: 5rem;
    padding: .5rem;
    font-weight: 600;
    font-size: 1vw;
    border-radius: var(--raduis);
    background: var(--dark-blue);
    transition: .5s ease-in-out;
} 

.clickable{
   color: var(--text); 
}
.clickable:hover{
   color: var(--dark-blue); 
   background: red;
}
.top-margin{
    margin-top: 3rem;
}
.paragraphe{
    font-size: 1rem;
    color: var(--textà);
    margin: 0 20rem;
    text-align: justify;
    margin-bottom: 3rem;
}
.liste-{
    font-size: 1rem;
    color: var(--dark-white);
    margin: 0 20rem;
    text-align: center;
    margin-bottom: 3rem;
}
.liste- li{
    margin: 1rem 0;
}
.part-air{
    font-size: 1rem;
    font-weight: 700;
}
.en-savoir-plus a{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
}
.bold{
    font-weight: 600;
}
/* ===========  navigation  ========= */

nav{
    position: fixed;
    width: 120vw;
    height: 50px;
    top: 0;
    left: 0;
    z-index: 105;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background: var(--white);
}
.logo{
    width: 50px;
    height: 50px;
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/logo/elaeis-logo-2.png");
}
nav.active{
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
}

.faire-un-don a{
    background: green;
    border-radius: 10px;
    color: var(--white);
    font-weight: 600;
    padding: 10px;

}

.faire-un-don a:hover{
    border-radius: 10px;
    transition: .2s ease-in-out;
    background: #004e00
    
}

nav .logo{
    width: 100px;
}

nav .navigation{
    display: flex;
}

nav .navigation li{
    position: relative;
}

nav .navigation a{
    font-size: 1rem;
    padding: 10px 20px;
    color: var(--text);
    font-weight: 500;
}

nav .navigation a::after, nav .navigation a::before{
    content: "";
    width: 0%;
    height: 2px;
    background: var(--hight-blue);
    position: absolute;
    left: 0;
    transition: width 0.2s ease-in-out;
}

nav .navigation a::after{
    top: -10px;
}

nav .navigation a::before{
    bottom: -10px;
}

nav .navigation a:hover::before, nav .navigation
a:hover::after, nav .navigation a.active::before,
nav .navigation a.active::after{
    width: 100%;
}

nav .navigation a:hover{
    background: var(--dark-blue);
}

nav .navigation a.active{
    color: var(--white);
    background: var(--dark-blue);
}

nav .navigation a:hover{
    color: var(--white);
}

#burger-menu{
    color: var(--text);
    font-size: 1.6rem;
    cursor: pointer;
    z-index: 101;
    display: none;
}

/* temp */
.active{
    color: #000;
    /* background: #004e00; */
}
/* temp */

#burger-menu:hover{
    color: var(--hight-blue);
}

nav .logo{
    margin-left: 8vw;
}

nav .faire-un-don{
    margin-right: 8vw;
}

/* ===========  carousel  ========= */

.carousel{
    height: 750px;
    margin: 0 auto;
    width: 100vw;
    align-items: center;
    position: relative;
    overflow: hidden;
    background: black;
}

.carousel img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.carousel .img1{
    animation-name: image1;
    animation-duration: 30s;
    position: absolute;
    animation-iteration-count: infinite;
}
.carousel .img2{
    animation-name: image2;
    animation-duration: 30s;
    position: absolute;
    animation-iteration-count: infinite;
}
.carousel .img3{
    animation-name: image3;
    animation-duration: 30s;
    position: absolute;
    animation-iteration-count: infinite;
}
.carousel .img4{
    animation-name: image4;
    animation-duration: 30s;
    position: absolute;
    animation-iteration-count: infinite;
}
.carousel .img5{
    animation-name: image5;
    animation-duration: 30s;
    position: absolute;
    animation-iteration-count: infinite;
}
.carousel .img6{
    animation-name: image6;
    animation-duration: 30s;
    position: absolute;
    animation-iteration-count: infinite;
}
.carousel .img7{
    animation-name: image7;
    animation-duration: 30s;
    position: absolute;
    animation-iteration-count: infinite;
}
.carousel .img8{
    animation-name: image8;
    animation-duration: 30s;
    position: absolute;
    animation-iteration-count: infinite;
}
.carousel .img9{
    animation-name: image9;
    animation-duration: 30s;
    position: absolute;
    animation-iteration-count: infinite;
}
.carousel .img10{
    animation-name: image10;
    animation-duration: 30s;
    position: absolute;
    animation-iteration-count: infinite;
}

@keyframes image1{
    0% {opacity: 1;} 
    10% {opacity: 0;} 
    20% {opacity: 0;} 
    30% {opacity: 0;} 
    40% {opacity: 0;} 
    50% {opacity: 0;} 
    60% {opacity: 0;} 
    70% {opacity: 0;} 
    80% {opacity: 0;} 
    90% {opacity: 0;} 
    100% {opacity: 1;} 
}
@keyframes image2{
    0% {opacity: 0;} 
    10% {opacity: 1;} 
    20% {opacity: 0;} 
    30% {opacity: 0;} 
    40% {opacity: 0;} 
    50% {opacity: 0;} 
    60% {opacity: 0;} 
    70% {opacity: 0;} 
    80% {opacity: 0;} 
    90% {opacity: 0;} 
    100% {opacity: 0;} 
}
@keyframes image3{
    0% {opacity: 0;} 
    10% {opacity: 0;} 
    20% {opacity: 1;} 
    30% {opacity: 0;} 
    40% {opacity: 0;} 
    50% {opacity: 0;} 
    60% {opacity: 0;} 
    70% {opacity: 0;} 
    80% {opacity: 0;} 
    90% {opacity: 0;} 
    100% {opacity: 0;} 
}
@keyframes image4{
    0% {opacity: 0;} 
    10% {opacity: 0;} 
    20% {opacity: 0;} 
    30% {opacity: 1;} 
    40% {opacity: 0;} 
    50% {opacity: 0;} 
    60% {opacity: 0;} 
    70% {opacity: 0;} 
    80% {opacity: 0;} 
    90% {opacity: 0;} 
    100% {opacity: 0;} 
}
@keyframes image5{
    0% {opacity: 0;} 
    10% {opacity: 0;} 
    20% {opacity: 0;} 
    30% {opacity: 0;} 
    40% {opacity: 1;} 
    50% {opacity: 0;} 
    60% {opacity: 0;} 
    70% {opacity: 0;} 
    80% {opacity: 0;} 
    90% {opacity: 0;} 
    100% {opacity: 0;} 
}
@keyframes image6{
    0% {opacity: 0;} 
    10% {opacity: 0;} 
    20% {opacity: 0;} 
    30% {opacity: 0;} 
    40% {opacity: 0;} 
    50% {opacity: 1;} 
    60% {opacity: 0;} 
    70% {opacity: 0;} 
    80% {opacity: 0;} 
    90% {opacity: 0;} 
    100% {opacity: 0;} 
}
@keyframes image7{
    0% {opacity: 0;} 
    10% {opacity: 0;} 
    20% {opacity: 0;} 
    30% {opacity: 0;} 
    40% {opacity: 0;} 
    50% {opacity: 0;} 
    60% {opacity: 1;} 
    70% {opacity: 0;} 
    80% {opacity: 0;} 
    90% {opacity: 0;} 
    100% {opacity: 0;} 
}
@keyframes image8{
    0% {opacity: 0;} 
    10% {opacity: 0;} 
    20% {opacity: 0;} 
    30% {opacity: 0;} 
    40% {opacity: 0;} 
    50% {opacity: 0;} 
    60% {opacity: 0;} 
    70% {opacity: 1;} 
    80% {opacity: 0;} 
    90% {opacity: 0;} 
    100% {opacity: 0;} 
}
@keyframes image9{
    0% {opacity: 0;} 
    10% {opacity: 0;} 
    20% {opacity: 0;} 
    30% {opacity: 0;} 
    40% {opacity: 0;} 
    50% {opacity: 0;} 
    60% {opacity: 0;} 
    70% {opacity: 0;} 
    80% {opacity: 1;} 
    90% {opacity: 0;} 
    100% {opacity: 0;} 
}
@keyframes image10{
    0% {opacity: 0;} 
    10% {opacity: 0;} 
    20% {opacity: 0;} 
    30% {opacity: 0;} 
    40% {opacity: 0;} 
    50% {opacity: 0;} 
    60% {opacity: 0;} 
    70% {opacity: 0;} 
    80% {opacity: 0;} 
    90% {opacity: 1;} 
    100% {opacity: 0;} 
}

/* logo animation */
.logo-animated{
    position: absolute;
    z-index: 102;
 }

.logo-animated img{
    position: relative;
    height: 20vw;
    top: 25vh;
    left: 170px;
    overflow: hidden;
  }

  /* links */
.don-dec{
    width: 100%;
    height: 750px;
    position: absolute;
    z-index: 103;
  }

.btn-links{
    font-weight: 600;
    font-size: 1.5vw;
    position: relative;
    top: 45vh;
    left: 40vw;
    display: flex;
    flex-direction: row;

}

.btn-links a{
    margin: 2rem;
    padding: 5px 40px;
    border-radius: 50px;
    
}

.faire-don-link{
    color: var(--white);
    border: solid var(--dark-blue) 2px;
    background: var(--dark-blue);
}

.faire-don-link:hover{
    color: var(--dark-blue);
    background: var(--white);
    border: solid var(--white) 2px;
    transition: .2s ease-in-out;
}

.decouvrir-link{
    color: var(--white);
    border: solid var(--white) 2px;
}

.decouvrir-link:hover{
    color: var(--dark-blue);
    background: var(--white);
    transition: .2s ease-in-out;
}

/* nos mission */
.mission-logo{
    width: 32px;
    height: 32px;
    background: url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/logo/nos-actions.png");
}

.demunis{
    background-position: -64px 0;
}
.developpement{
    background-position: -32px 0;
}

.mission p{
    font-size: 1rem;
}
.mission h3{
    padding: 1rem 0;
}
.titre{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.titre p{font-size: 1.5rem;
    color: var(--hight-blue);
}

.ligne-decoration{
    height: 3px;
    width: 100px;
    background: var(--hight-blue);
    margin-bottom: 5rem;
}

.missions-carte{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, auto));
    gap: 1rem;  
}
.mission{
    height: 350px;
    border-radius: var(--raduis);
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,.2) ;
    padding: 50px;
    background: var(--dark-white);
    position: relative;
    transition: .2s ease-in-out;
}

.nos-missions{
    display: flex;
    align-items: center;
    flex-direction: column;
}

.missions-carte .mission::before{
    content: "";
    position: absolute;
    height: 7px;
    width: 100%;
    opacity: 0;
    z-index: 1;
    background: var(--hight-blue);
    transition: opacity .5s ease-in-out;
}


.missions-carte .mission::before{
    top: -0.2rem;
    left: -0.2rem;
}

.missions-carte .mission:hover{
    cursor: pointer;
    background: var(--white);
}

.missions-carte .mission:hover::before{
    opacity: 1;
}


/* ===========  notre impact  ========= */
.notre-impact{
    color: var(--white);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, auto));
    justify-content: center;
    align-items: center;
    gap: 5rem;
    margin-bottom: 5rem;
}

.notre-impact h3{
    font-size: 2rem;
}

.notre-impact p{
    font-size: .8rem;
}
.impact{
    border-radius: var(--raduis) 0;
    height: 130px;
    padding: 10px 50px;
    opacity: .9;
}

.impact-1{
    background: #3333ff;
}
.impact-2{
    background: #4343ff;
}
.impact-3{
    background: #5a5afc;
}
.impact-4{
    background: #7373ff;
}
.cart-impact-1{
    background: no-repeat center /cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/impact/terrain.jpg");
}
.impact-anmt{
    border-radius: var(--raduis);
    height: 400px;
}
.cart-impact-2{
    background: no-repeat center /cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/impact/construction.jpg");
}
.cart-impact-3{
    background: no-repeat center /cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/impact/orphelinat.jpg");
}
.cart-impact-4{
    background: no-repeat center /cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/impact/travail.jpg");
}
.impact-anmt{
    opacity: .8;
    background-size: 100%;
    transition: background-size .5s ease-in-out, opacity .5s ease-in-out;
}
.impact-anmt:hover{
    background-size: 110%;
    opacity: 1;
    cursor: pointer;
}

/* ===========  qui nous somme  ========= */


.nous-sommes{
    padding: 5vw;
    background: var(--white);
    box-shadow: 2px 5px 20px rgba(0,0,0,.2);
}
.nous-sommes a{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5rem;
}
.couverture{
    position: relative;
}
.img-qui-nous-sommes{
    width: 100%;
    height: 200px;
    margin-top: 2rem;
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/others/img-qui-nous-sommes.jpg");  
}
.couv-qui-nous-sommes{
    width: 100%;
    height: 200px;
    background: linear-gradient(to left, white, black);
    mix-blend-mode: screen;
    position: absolute;
}

/* ===========  actualité  ========= */
.nos-actualites{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 1500px;
    position: relative;
    background: var(--white);
    border-radius: var(--raduis) 0;
}

.nos-actualites::after, .nos-actualites::before{
    content: "";
    position: absolute;
    width: 15vw;
    height: 5vw;
    z-index: -1;
    background: var(--hight-blue);
    border-radius: var(--raduis) 0;
}
.nos-actualites::after{
    top: -5px;
    left: -5px;
}
.nos-actualites::before{
    bottom: -5px;
    right: -5px;
}
.a-la-une{
    position: absolute;
    width: 60%;
    height: 800px;
    border: solid 10px var(--dark-white);
    border-radius: var(--raduis);
}
.decouvrir-titre{
    margin-top: 5rem;
}
.a-la-une .a-une{
    color: var(--text);
    font-size: 2rem;
    padding: 0 15px;
}
.a-la-une h3{
    color: var(--text);
    font-size: 2rem;
}
.a-la-une-content{
    width: 100%;
    height: 500px;
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/news/a-la-une.jpg");
}
.a-la-une .entete{
    font-size: clamp(2rem, 3vw, 3rem);
    padding: 15px;
}
.a-une-paraph{
    padding: 0 15px;
}
.a-la-une-content{
    background-size: 100%;
    transition: background-size 1s ease-in-out;
}
.a-la-une-content:hover{
    cursor: pointer;
    background-size: 110%;
}
.decouvrir-egalement{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, auto));
    align-items: center;
    gap: 2rem;
}
.egalement{
    height: 450px;
    overflow: hidden;
    border-radius: var(--raduis);
    background: var(--dark-white);
}
.egalement-top{
    position: relative;
    height: 250px;
    border-radius: var(--raduis) var(--raduis) 0 0;
    background: #004e00;
}
.decouvrir-texte{
    padding: 1rem;
}
.decouvrir-1{
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/news/decouvrir-egalement/decouvrir-egalament-1.jpg");
}
.decouvrir-2{
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/news/decouvrir-egalement/decouvrir-egalament-2.jpg");
}
.decouvrir-3{
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/news/decouvrir-egalement/decouvrir-egalament-3.jpg");
}
.egalement-top{
    background-size: 100%;
    transition: background-size .5s ease-in-out;
}
.egalement-top:hover{
    background-size: 110%;
}

/* Archives */
.archive-cartes{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, auto));
    align-items: center;
    gap: 2rem;
}

.archive-carte{
    height: 150px;
    background: var(--main-blue);
    border-radius: var(--raduis);
}
.image-archive{
    height: 150px;
    width: 150px;
    border-radius: var(--raduis) 0 0 var(--raduis);
}
.archive-carte-text{
    color: var(--dark-white);
    height: 150px;
    overflow: hidden;
    padding: 1rem 1rem 1rem 10rem;
    border-radius: var(--raduis);
    position: relative;
    top: -150px;
}
.archive-carte-text h3{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 400px;
}
.archive-img-1{
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/news/decouvrir-egalement/decouvrir-egalament-3.jpg");
}
.archive-img-2{
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/news/decouvrir-egalement/decouvrir-egalament-3.jpg");
}
.archive-img-3{
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/news/decouvrir-egalement/decouvrir-egalament-3.jpg");
}
.archive-img-4{
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/news/decouvrir-egalement/decouvrir-egalament-3.jpg");
}
.archive-img-5{
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/news/decouvrir-egalement/decouvrir-egalament-3.jpg");
}
.archive-img-6{
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/news/decouvrir-egalement/decouvrir-egalament-3.jpg");
}

/* Appel a soumission */
.section-appel-a-soumission{
    background: var(--dark-white);
    padding: 2rem 0;
}
.appel-a-soumission .soumission-cartes{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, auto));
    align-items: center;
    gap: 5rem;
    border-radius: var(--raduis);
}
.carte{
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
}

.appel-a-soumission .carte{
    font-size: 1.5rem;
    border-radius: var(--raduis);
    background: var(--white);
}
.principal-carte{
    height: 500px;
    color: var(--text);
    padding: 10px;
    overflow: hidden;
}
.image-soumission{
    height: 70%;
    border-radius: var(--raduis);
    margin-bottom: 1rem;
}
.soumission-img-1{
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/carousel/1.jpg");
}
.principal-carte p{
    font-size: 1rem;
}



/* partenaire */
.nos-partenaires{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: var(--hight-blue);
    margin: -50px 0 60px 0;
}
.partenaire{
    width: 50%;
    height: 100px;
    background: no-repeat center / cover url("https://www.elaeis.org/wb/wp-content/themes/elaeis-theme/ELAEIS/assets/logo/sponsorts.png");
}
.partenaires p{
    color: var(--dark-white);
    text-align: center;
}
.partenaires h3{
    color: var(--white);
    text-align: center;
    margin: 2rem 0;
    font-size: 2rem;
}
.nos-partenaires .elaeis-texte{
    margin: 0;
    color: var(--dark-white);
}
/* contacts */
.contacts{
    background: var(--text);
    margin-bottom: -4rem;
    padding-bottom: 10rem;
}

.contacts-carte{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, auto));
    align-items: center;
    justify-items: center;
    gap: 5rem;
    color: var(--dark-white);
}
.contact{
    margin-top: 10rem;
    height: 250px;
    width: 25vw;
    background: #3f3f3f;
    border-radius: var(--raduis);
    padding: 2.5rem;
}
.carte{
    color: var(--white);
    font-size: 3rem;
}
.details h3{
    margin: 1rem 0;
}
.contact:hover{
    padding: 2.5rem 2rem;
    background: var(--dark-blue);
    transition: .5s ease-in-out;
}
/* footer */

.footer{
    padding: 50px 180px;
    background: #3f3f3f;
    width: 100%;

}
.footer-details{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, auto));

    text-decoration: none;
}
.footer-details h3{
    color: var(--text-footer);
}
.footer-details a{
    color: var(--text-footer);
    text-decoration: none;
}
.footer-details a:hover{
    color: var(--white);
}
.footer-details p{
    color: var(--text-footer);
}
.footer .copy{
    padding-top: 3rem;
    color: var(--dark-white);
    display: flex;
    align-items: center;
    justify-content: center;    
    flex-direction: column;
}

.f-ligne{
    height: 1px;
    width: 90%;
    margin: 2rem;
    background: var(--dark-white);
}
.tf-4 a{
    font-size: 2rem;
}

/* breakponits  */



@media screen and (max-width:1600px) {
    nav .navigation a{
        padding: 10 0px;
    }
    .faire-un-don{
        font-size: .8rem;
    }
    .section{
        margin-top: 5rem;
        margin: 50px 80px;
    }
    .mar-0{
        margin: 0;
    }
    .nav .faire-un-don{
        margin-right: 5px;
    }
    nav .logo{
        margin-left: 5vw;
    }

    nav .faire-un-don{
        margin-right: 5vw;
    }
    .don-dec{
        margin-top: -3rem;
    }
}
@media screen and (max-width:1450px){
        nav .logo{
        margin-left: 1rem;
    }

    nav .faire-un-don{
        margin-right: 1rem;
    }
    .don-dec{
        margin-top: -5rem;
    }
}


@media screen and (max-width:1335px){
    .logo{
        width: 20px;
        height: 50px;
        background: no-repeat center / cover url("../assets/logo/elaeis-logo.png");
        background-size: 50%;
    }
      nav .logo{
        margin-left: 1px;
    }

    nav .faire-un-don{
        margin-right: 1px;
    }
    .nos-actualites{
        height: 1500px;
        margin: 0 2rem;
    }
    nav .navigation a{
        font-size: .9rem;
        padding: 10px 5px;

    }
    .ft{
        margin: 1rem;
    }
    .section{
        margin: 5rem 2rem;
    }
    .mar-0{
        margin: 0;
    }
    .a-la-une{
        width: 80%;
        height: 830px;
    }
    .principal-carte{
        height: 800px;
        color: var(--text);
        padding: 10px;
        overflow: hidden;
    }
}  

@media screen and (max-width:1080px){
    .a-la-une{
        width: 80%;
        height: 830px;
    }
    .logo-animated img{
        position: relative;
        height: 20vw;
        top: 25vh;
        left: 80px;
        overflow: hidden;
    }
    .don-dec{
        margin-top: -6rem;
        margin-left: -5rem;
    }

}
@media screen and (max-width:1050px){
    #burger-menu{
        display: block;
    }
    .navigation{
        position:absolute;
        top: 100%;
        right: -100%;
        flex-direction: column;
        row-gap: 1rem;
        width: 280px;
        min-height: 100vh;
        background: var(--dark-white);
        box-shadow: 5px 0 5px 0 rgba(0,0,0,.2);
        padding: 1rem 0;
        transition: .5s ease-in-out;
    }
    .navigation.active{
        right: 0;
    }
    nav .navigation a{
        width: 100%;
    }
}
@media screen and (max-width:990px) {
    .contact{
        margin-top: 10rem;
        height: 250px;
        width: 35vw;
        background: #3f3f3f;
        border-radius: var(--raduis);
        padding: 2.5rem;
    }
    .paragraphe{
        margin: 1rem;
        
    }
        
    .btn-link{
    color: var(--white);
    padding: .5rem;
    font-weight: 600;
    font-size: 1rem;
    border-radius: var(--raduis);
    background: var(--hight-blue);
    } 

    }
@media screen and (max-width:936px){
    .section-appel-a-soumission{
        margin-top: 10rem;
    }
    .nos-actualites{
        height: 2000px;
        margin: 0;
    }
    .partenaires p, .partenaires h3, .partenaires ul{
        margin: 0 2rem;
    }
    .footer .copy p{

        margin: 0;
        padding: 0;
    }
    .logo-animated{
        margin-top: 2rem;
    }

}

@media screen and (max-width:750px){
    .a-la-une{
        width: 95%;
        height: 52rem;
    }
        .section{
        margin: 5rem 0rem;
    }
    .logo-animated img{
        position: relative;
        height: 200px;
        left: 30vw;
        top: 100px;
        overflow: hidden;
    }
    
    .don-dec{
        margin-top: -6rem;
        margin-left: -9rem;
    }
    .contact{
        margin-top: 1rem;
        height: 250px;
        width: 45vw;
        background: #3f3f3f;
        border-radius: var(--raduis);
        padding: 2.5rem;
    }
    .btn-links{
        display: flex;
        flex-direction: column;
        gap: 5rem;
        margin-top: 10rem;
    }

    .btn-links .lk a{        
        font-size: 1.2rem;
        margin: 5rem;

    }
    .btn-links .lk2 a{
        font-size: .7rem;
    }
    .footer{
        margin-top: -5rem;
    }
    .footer-details{
        align-items: center;
        justify-content: center;

        margin-left: -5rem;
    }
}
@media screen and (max-width:650px){
    .a-la-une{
        width: 95%;
        height: 55rem;
    }

}
@media screen and (max-width:600px){
    .a-la-une{
        width: 95%;
        height: 55rem;
    }
    .btn-links a{
        font-size: 1.5rem;
        margin: 5rem;
    }
    .notre-impact-caption{
        margin: 5rem 1rem;
        padding: 0;
    }

}

@media screen and (max-width:580px){
    .contact{
        margin-top: 10rem;
        height: 250px;
        width: 90vw;
        background: #3f3f3f;
        border-radius: var(--raduis);
        padding: 2.5rem;
    }
    .footer-details{
        align-items: center;
    }
    .don-dec{
        align-items: center;
        justify-items: center;
        width: 480px;
    }
    .logo-animated{
        margin-left: 1.8rem;
    }
    .logo-lien{
        margin-left: -3rem;
    }
}

@media screen and (max-width:560px){
    .a-la-une{
        width: 95%;
        height: 55rem;
    }


}
@media screen and (max-width:530px){
    .a-la-une{
        width: 95%;
        height: 60rem;
    }

}
@media screen and (max-width:495px){
    .section-appel-a-soumission{
        margin-top: 40rem;
    }
    .archive-cartes{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(198px, auto));
        align-items: center;
        gap: 1rem;
        margin: 0 2px;
    }   
}
@media screen and (max-width:492px){

    .nos-actualites{

        height: 160rem;

    }
    
}
@media screen and (max-width:450px){
    .a-la-une{
        width: 95%;
        height: 65rem;
    }
    .nos-actualites{
        height: 2650px;
    }

    .section-appel-a-soumission{
        margin: 0;
    }
    .contacts-carte{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, auto));
        align-items: center;
        justify-items: center;
        gap: 1rem;
        color: var(--dark-white);

    }

}
@media screen and (max-width:380px){
    .a-la-une{
        width: 95%;
        height: 70rem;
    }
    .section-appel-a-soumission{
        margin-top: 45rem;
    }


}
@media screen and (max-width:320px){
    .section-appel-a-soumission{
        margin-top: 50rem;
    }


}