*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #C1F8CF;
    font-family: 'Iceland', cursive;
    
    }

    body{
        background-color: #488fb1;

    }

    
    
    .homepage{
        height: 1440px;
        height: 730px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        
    }
    
    header{
        height: 1440px;
        height: 115px;
        font-size: 35px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 629.40px;
    
    }
    
    .logo{
        width: 64px;
        height: 64px;
        margin-top: 15px;
        margin-left: 40px;
    
    
    }
    
    nav{
        width: 738px;
        height: 115px;
        display: flex;
        justify-content: space-between;
        margin-bottom: 75px;
        margin-top: 20px;
        margin-right: 155px;
        cursor: pointer;
    }
    
    .plastique{
        /* width: 1259px; */
        width: 1150px;
        background: url(image/déchets.jpg) no-repeat  center / cover;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        gap: 50px;
        margin:auto;
        margin-bottom: 54px;
        font-family: 'Bakbak One';
        border-radius: 15px;
        box-shadow: 0px 4px 15px;
        color: black;
        
        
    
    
    
    }
    
    .recyclage{
        font-size: 72px;
        font-family: 'Bakbak One';
        color: white;
        border-width: 2px solid black;
     
        -webkit-text-stroke: 0.1px black;
        border: style 1px;
        margin-top: 90px;
    }

    .green{
        font-size: 48px;
        font-family: 'Bakbak One', cursive;
        color: white;
        -webkit-text-stroke: 0.1px black;
        text-align: center;
        margin-bottom: 102px;
        line-height: 80px;
    }
        
   
    
    
    .grandeEntreprises{

        color: #C1F8CF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 75px;
    }

  
    
    #entreprises{
        font-size: 38px;
        text-align: center;
        margin-top: 60px;

        
    }


    .entreprises-container{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 70px;
        margin-bottom: 92px;
        
    }

   .texte{
        font-size: 36px;
        display: flex;
        flex-direction: column;
        gap: 44px;
        text-align: justify;
        margin-left: 3px;
    }

    .p1{
        margin-left: 140px;
    }
    .p2{
        margin-left: 140px;
        margin-bottom: 25px;
    }
    
    .image{
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
        margin-right: 80px;
    }

.samsung{
     display: flex;
     flex-direction: row;
     justify-content: center;
     gap: 30px;
     margin-right: 33px;
     

}




.bébé{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 25px;
    margin-right: 37px;
}




#logo{
    display: flex;
    flex-direction:  end;
    justify-content: end;
    align-items: flex-end;

    margin-right: 10px;
}

    .section2{
        width: 1440px;
        color: #C1F8CF;
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 32px;
        gap: 55px;
    }
    

     #fablabs{
        font-size: 38px;
        text-align: center;
    }

    .boite2{

        display: flex;
        flex-direction: row;
        justify-content:center;
        margin-left: 88px;
        margin-bottom: 53px;
        gap: 80px;
        
    }

    .p3{
        text-align: justify;

    }

    .p5{
        text-align: justify;

    }
    .video{

        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-right: 140px;
        gap: 28px;
        /* margin-top: px; */
    }

 


    .texte2{
        font-size: 32px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-top: 10px;
        margin-left: 60px;
        gap: 68px;
    


    }

    .p3{
        margin: center;
        margin-top: 10px;
    }

  .p4{
    font-size: 24px;
    color: #e5e5e5;
}

    .section3{
         color: black;
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         gap: 50px;
        
    }
  



form{
    display: flexbox;
    flex-direction: column;
    margin: auto;
    margin-top: 50px;
    margin-left: 494px;
 
    

}
    
    #contact{
        /* text-align: center; */
        font-size: 38px;
        margin-top: 40px;
        /* margin: auto; */
        margin-left: 658px;
    }

     .p6{
         font-size: 35px;
         /* margin-left: 91px; */
         margin-top: 60px;
         margin: auto;
         margin-left: 545px;
         }


label{
   
    color: #e5e5e5;
    font-family: font-family 'Open Sans', sans-serif;
    font-size: 24px;
}

input{
    width:  478px;
    height: 25px;
    font-size: 18px;
    color: black;
    border-radius: 15px;
    box-shadow: 4px 0px 15px;
    font-family: font-family 'Open Sans', sans-serif;
    background-color: #e5e5e5;
    /* margin-right: 560px; */
}


button{
    width: 168px;
    height: 41px;
    color: black;
    background-color: #e5e5e5;
    border-radius: 20px;
    box-shadow: 4px 0px 20px;
    margin-top: 29px;
    margin-bottom: 31px;
    margin-left: 180px;
    cursor: pointer;
    
}

textarea{
    width: 478px;
    height: 200px;
    font-family: font-family 'Open Sans', sans-serif;
    color: black;
    background-color: #e5e5e5;
    border-radius: 25px;
    box-shadow: 4px 0px 15px;
    margin-top: 24px;
    padding-left: 10px;
    padding-top: 10px;
}
.placeholder{
    font-size: 24px;
    margin-left: 20px;
    margin-top: 15px;

}

.logoaccueil{

    margin-left: 850px;
 
    /* margin-top: 300px; */
}