.corps{height: 100% !important; padding-top: 25px;text-shadow: 1px 1px white, -1px -1px #444}
    .contact{padding-left: 0%;}
    .logo img{width:10% !important; margin-left: 0% !important;}
    .liens{padding-top: 0%;text-align: center !important;font-size: 20px ;}
    .topbar{position: fixed; width: 100%;background-color: white;}
    .topbar a{margin-left: 25px;} 
    .contact{text-align: center;padding-top: 5%;}
    .corps{display: flex;background-color: white;flex-direction: row;height:100%;
        background-image: url('https://humanstrategy.fr/images/ce2.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;}
    .pal{display: flex;  flex-wrap: nowrap;  justify-content:space-around; align-items: center; 
        width: 100%;height: 300%; margin-top: 5%;}
    
    .port img:hover{  box-shadow: 2px 2px 20 rgb(22, 22, 22);}
    .port{margin: 2px; padding: 20px; width: 25%;background-color: white; box-shadow: 0px 0px 8px 8px 20 rgb(22, 22, 22); display: flex;
         flex-direction: column; flex-wrap: nowrap;  justify-content:center;align-items: center; 
         -moz-box-shadow: 8px 8px 12px #aaa; 
         -webkit-box-shadow: 8px 8px 12px #aaa; 
         box-shadow: 8px 8px 12px #555;
        z-index: 1;}
    .port img{ width: 20%; filter: grayscale(0%); }
    .port a{text-decoration: none; }
    .port img:hover{  filter: grayscale(100%);}
    .port a:hover{box-shadow: 3px 3px 2px #222; color: rgb(247, 112, 22);font-weight: bold;}
    .pitch{margin-top: 5%;}
    .pitch h1 {font-size: 40px; text-shadow: -1px -1px white, 1px 1px #333;line-height: 150%;}
    .espace{text-shadow: none;color: rgb(25, 13, 36);}
    .centre{text-shadow: none;}
    .photo  img{margin-left: 0%;}
    .espace a{text-decoration: none; color:rgb(4, 4, 146);}