#contact{background-color:#fff;padding-top:3%}.contact{flex-flow:wrap;display:flex}.image-side{width:50%}.texte{padding:5%}.texte h1{color:#000;width:50%;font-size:50px;font-weight:100}.texte h2{color:#584827;width:100%;font-size:17px;font-weight:100}.contact img{width:100%}#adresse{flex-direction:column;padding:4%;display:flex}#adresse h1{text-align:center;font-size:20px}#actualites{background-color:#000;padding:2.5%}.actualites{padding:2.5%}.actualites h1{text-align:center;color:#fff;padding-bottom:1%;font-size:25px}.social-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.social-button{text-align:center;background:#fff;border-radius:100%;outline:none;justify-content:center;align-items:center;width:50px;height:50px;text-decoration:none;display:flex;position:relative}.social-button:after{content:"";border-radius:100%;width:0;height:0;transition:all .3s;display:block;position:absolute;top:-1px;left:50%}.social-button:focus,.social-button:hover{color:#fff}.social-button:focus:after,.social-button:hover:after{width:calc(100% + 2px);height:calc(100% + 2px);margin-left:calc(-50% - 1px)}.social-button i,.social-button svg{z-index:1;transition:all .3s;position:relative}.social-button i{font-size:25.6px}.social-button svg{width:40%;height:40%}.social-button--mail{color:#0072c6}.social-button--mail:after{background:#0072c6}.social-button--facebook{color:#3b5999}.social-button--facebook:after{background:#3b5999}.social-button--instagram{color:#e4405f}.social-button--instagram:after{background:#e4405f}.social-button--contact{color:#5e40e4}.social-button--contact:after{background:#5e40e4}@media (max-width:450px){#contact{padding-bottom:10%}#contact h1{padding-top:5%;padding-bottom:5%}.image-side{width:100%}#adresse{padding:10%}#actualites{padding-top:10%;padding-bottom:10%}}
