body{width:100%;margin:0%;font-size:1.1em}.color{color:#3c4072!important}.nav_top,.menu{background-color:#3c4072;margin:0%}.nav_top{min-height:40px;display:flex;align-items:center;justify-content:space-around;border-bottom:#eeeded 1px solid}.nav_top a,.menu a,.main-txt h1{color:#fff}a{text-decoration:none;cursor:pointer;color:#000}.nav_top a,i{padding:1%}i{color:#E6007E;font-size:1.2em!important}nav div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.logo{background:#fff}nav ul{display:flex;justify-content:space-around;flex-wrap:wrap;list-style:none;align-items:center!important}.ul{height:90px}.ul li a{font-size:25px;position:relative;font-family:Rockwell}.ul li a:after{content:'';position:absolute;width:100%;height:5px;bottom:-10px;left:-4px;transform:scaleX(0);box-shadow:0 3px 0 #E6007E;transform-origin:bottom right;transition:transform 0.5s ease-out}.ul li a:hover:after{transform:scaleX(1);transform-origin:bottom left}.s_med{display:none}.iconmenu{display:none}.slideshow-container{position:relative}.img-large{display:block}.img-phone{display:none}.myslides{display:none}main img{width:100%;background-repeat:no-repeat;background-size:cover}.main-txt{padding:8% 8%;line-height:1.2;position:absolute}h1{color:#3c4072}.main-txt h1{font-size:5rem;font-weight:1000;margin-top:180px}hr{width:200px;color:#E6007E;border:2px solid}.main-txt hr,.content3 hr,.descript hr,.entreprise hr,.contact hr{margin-left:0}.myslides{display:none}.fade{animation-name:fade;animation-duration:1.5s}@keyframes fade{from{opacity:.4}to{opacity:1}}.produit{padding:2% 0%;background:#3c4072;color:#fff}.img-prod{display:flex;justify-content:space-around;flex-wrap:wrap;text-align:center;align-items:center;margin-left:12%}.img-prod a{color:#fff}.img-prod img{transition:0.3s}.img-prod img:hover{transform:translate(0,-20px)}.produit button,.content3 button,.content4 button{--b:2px;--s:.45em;--color:#E6007E;padding:calc(.5em + var(--s)) calc(.9em + var(--s));color:var(--color);--_p:var(--s);background:conic-gradient(from 90deg at var(--b) var(--b),#0000 90deg,var(--color) 0) var(--_p) var(--_p)/calc(100% - var(--b) - 2*var(--_p)) calc(100% - var(--b) - 2*var(--_p));transition:.3s linear,color 0s,background-color 0s;outline:var(--b) solid #0000;outline-offset:.6em;font-size:16px;border:0;user-select:none;-webkit-user-select:none;touch-action:manipulation}button:hover,button focus-visible{--_p:0;outline-color:var(--color);outline-offset:.05em}button:active{background:var(--color);color:blue}.content3{display:flex;justify-content:space-around;flex-wrap:wrap;align-items:center;position:relative;padding:3%}.content3-txt{font-size:1.5em;line-height:1.5em}.content3-img{position:relative}.img2{position:absolute;top:0;left:0}.img1{z-index:1}.content4{display:flex;justify-content:center;align-items:center;background-image:url(https://association-humanity.com/wp-content/uploads/2020/09/1-fond-head-contact2.jpg);background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.content4-inner{background-color:#eeeded;margin:2% 0;padding:5%;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.1);text-align:center;line-height:1.8}footer ul{list-style:none;padding-left:0}.f1{display:flex;justify-content:space-around;flex-wrap:wrap;padding:5%;line-height:2em}iframe{width:80%;height:80%}.f2{background:#3c4072;color:#fff}.scroll-to-top{position:fixed;bottom:30px;right:30px;z-index:99}.scroll-to-top a{display:block;width:50px;height:50px;background-color:#fff;border-radius:50%;text-align:center;line-height:50px;color:#fff;text-decoration:none;font-size:24px;box-shadow:0 2px 5px rgba(0,0,0,.3)}.scroll-to-top a img{width:24px;height:24px;vertical-align:middle}.scroll-to-top a:hover{transform:scale(1.5);border-color:#312783}@media screen and (max-width:768px){.media{display:none}.ul{height:50vh;margin-top:-150%;border-top:3px solid #312783;transition:all 0.5s ease}.iconmenu{display:block}.s_med{display:block;display:flex;justify-content:center;align-items:center;font-size:30px}.s_med a{margin:0% 2%}.iconmenu button{background:none;border:none;font-size:2em;cursor:pointer;padding-top:20px;float:right!important}header ul{flex-direction:column;font-size:20px}header ul li{margin-bottom:5%;font-weight:700}.slideshow-container{font-size:10px}.img-phone{display:block}.img-large{display:none}.main-txt h1{width:100%;font-size:1.6rem;letter-spacing:1px;margin-top:250px}.img-prod{margin-left:0%}.img-prod div{margin:0%!important}.content3{font-size:14px}.content3 img{padding-top:10%;width:100%}.content4 p{margin-left:0%}footer{text-align:center}iframe{width:100%;height:auto}}.active{margin-top:0%}