body,h1,h2,h3,h4,p,ul,li{margin:0;padding:0;font-family:"Open Sans",sans-serif}html{scroll-behavior:smooth}body{color:#1b1b1b;display:flex;flex-direction:column;min-height:100vh}main{flex:1}footer{margin-top:auto}h1{text-align:center;margin:0 10px;font-family:"Amatic SC",sans-serif;font-size:45px}h1 a{color:#fff;text-decoration:none}h2{font-size:24px;text-align:center;margin-top:30px}h3{margin-bottom:20px;text-align:center;width:90%;margin:auto;margin-bottom:40px;color:#595f39;font-weight:400}h4{font-size:18px;margin:10px;text-align:center;margin-bottom:20px}hr{height:2px;background-color:#1b1b1b;border:0}header{align-items:center;background-color:#595f39;color:#fff;padding:0 10px}nav ul{display:flex;list-style-type:none;justify-content:space-around}nav ul li{padding:10px;text-align:center}nav ul li a{text-decoration:none;color:#fff;font-size:12px;position:relative;text-decoration:none;font-weight:700}nav ul li a::after{position:absolute;content:"";width:100%;height:2px;top:100%;left:0;background-color:#fff;transition:transform 0.5s;transform:scaleX(0);transform-origin:left}nav li a:hover::after{transform:scaleX(1)}nav ul li.current a{color:#D4D4CE}nav ul li.current a::after{background-color:#D4D4CE}.presentation-para{margin:20px;padding:20px}.presentation-para img{display:block;margin:auto;width:150px;height:150px}.presentation-para p{margin-top:20px;text-align:justify}.presentation-separator{width:80%;background-color:#1b1b1b}#insecte{display:flex;flex-wrap:wrap;justify-content:center}.fiche-insecte{width:90%;margin:10px;padding:10px;border-radius:10px;border:solid #1b1b1b 2px;transition:transform 0.3s ease-in-out}.fiche-insecte:hover{transform:scale(1.02)}.fiche-insecte ul{list-style:none}.fiche-insecte ul li{margin:15px 5px}.pays{width:90px;text-align:center;padding:5px;background-color:#595f39;border-radius:20px;font-weight:700;color:#fff}.images-container{height:230px}.images-container img{width:100%;height:100%;object-fit:cover}#form_recherche{position:relative;width:80%;max-width:500px;background:#595f39;border-radius:.7rem;margin:auto}#form_recherche input,#form_recherche button{height:3rem;border:0;font-size:20px}#form_recherche input[type="search"]{width:100%;background:#fff;padding:0 1.6rem;border-radius:.7rem;appearance:none;transition:all .3s cubic-bezier(0,0,.43,1.49);transition-property:width,border-radius;z-index:1;position:relative;color:#1b1b1b;border:2px solid #1b1b1b}#form_recherche button{display:none;position:absolute;top:0;right:0;width:6rem;font-weight:700;background:#595f39;border-radius:0 .7rem .7rem 0;cursor:pointer;color:#fff}#form_recherche input:not(:placeholder-shown){border-radius:.7rem 0 0 .7rem;width:calc(100% - 6rem);+button{display:block}}#form_recherche label{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}#form_recherche input[type="search"]::-webkit-search-cancel-button{appearance:none;background-image:url(../images/cross.png);width:16px;height:16px}#admin{margin:50px 5px;display:flex;justify-content:space-evenly}#admin a{text-align:center;width:50%;margin:5px;padding:10px 20px;border-radius:20px;background-color:#d4d4ce;color:#1b1b1b;text-decoration:none;transition:transform 0.3s ease-in-out}#admin a:hover{transform:scale(1.01)}.tableau{width:90%;margin:auto}table{width:100%}table td{text-align:center}.tableau a{color:#595f39}.form_ajout{width:300px;margin:auto;padding:50px;border-radius:20px;border:#000 solid 2px}.form_ajout input{width:100%}.form_ajout input[type="submit"]{margin:auto}footer{text-align:center;padding:5px;margin-top:20px;font-size:12px;color:#595f39}#footer-content{display:flex;justify-content:space-around}#footer-content a{color:#595f39}@media screen and (min-width:760px){h2{font-size:30px}h3{width:60%}h4{font-size:20px}nav ul{display:flex;justify-content:flex-end}.fiche-insecte{max-width:35%}}@media screen and (min-width:480px){h2{font-size:30px}h3{width:60%}h4{font-size:20px}nav ul{display:flex;justify-content:flex-end}.fiche-insecte{max-width:25%}header{display:flex;justify-content:space-between}.presentation-para{display:flex}.presentation-para p{margin:0 20px;align-self:center}.inverse{flex-direction:row-reverse}.inverse p{text-align:justify;text-align-last:right}form{width:500px}}