.corps{padding-left: 0% !important;padding-right: 3% !important; height: 100% !important; }
    .photo img{width: 50% !important;
        margin-left:  25% !important;
        margin-top: 4%;
        box-shadow: 10px 10px 10px  #222;
        filter: grayscale(0%) !important; }
       .photo{width: 30% !important; }
    .contact{ font-size: 16px ;width: 70% !important;justify-content: left !important ;}
    .liens{padding-top: 3%;text-align: center !important;font-size: 20px ;}
    .logo img{width:15% !important; margin-left: 0% !important;}
    .moi{ font-size: 20px;width: 70%;justify-content: center ;padding: 5%;}
    #valeurs{ text-align: center;}

    @media screen and (max-width:810px ){
        
        .photo { display: none !important;}
       
        
        .moi{width:100%;}
        
      }