footer.site-footer {
background-color: #6CACE4;
color: #fff;
font-family: 'Source Sans Pro';
font-size: 16px;
letter-spacing: 1px;
padding: 50px;
}
footer p {
font-family: 'Source Sans Pro';
}
.arrow_footer_contact,
.arrow_footer_paiements,
.arrow_footer_livraisons {
display: none;
}
.footermenu_container {
display: flex;
margin: auto;
gap: 3rem;
}
footer ul {
list-style-type: none;
margin: 0;
}
footer a {
color: white!important;
text-decoration: none!important;
transition: color 0.3s ease-out;
}
footer a:hover {
color: #424884 !important;
}
.footer_container {
color: #fff;
width: 240px;
}
.footer_container_large {
width: 550px;
}
.footer_container_titre {
font-family: Cocon;
font-size: 18px;
margin-bottom: 3rem;
text-align: center;
letter-spacing:2px;
}
.footer_container_contain {
align-items: flex-start;
display: flex;
line-height: 16px;
}
.footer_reassurance {
align-items: center;
flex-direction: column;
}
.footer_container_contain > ul {
margin-right: 10px;
}
.footer_container_contain ul li ul {
padding-left: 15px;
}
.footer_reassurance img {
margin-bottom: 10px;
width: 40px;
}
.footer_reassurance_left {
margin-right: 15px;
}
.footer_reassurance_left > div {
display: flex;
justify-content: space-between;
width: 100%;
gap: 2rem
}
.footer_reassurance_left > p,
.footer_reassurance_right > div > p {
text-align: center;
margin-top: 2rem;
}
.footer_container_contain img {
height: 50px;
object-fit: contain;
margin: 0 auto;
}
.footer_reassurance_right {
display: flex;
gap: 2rem;
justify-content: center;
align-items: flex-start;
text-align: center;
}
.footer_reassurance_right div {
display: flex;
flex-direction: column;
justify-content: center;
}
.content_contact {
display: flex;
flex-direction: row;
align-items: center;
gap: 2rem;
}
.footer_container_contain_left > div {
font-family: 'Cronos';
width: 70px;
}
.footer_container_contain_right > div {
margin-left: 15px;
width: 200px;
}
.footer_container_suiveznous {
font-family: 'Cronos';
margin-top: 50px;
}
.footer_container_suiveznous div {
display: flex;
margin-top: 6px;
justify-content: center;
}
.footer_container_suiveznous i {
margin: 0 10px;
font-size: 35px;
cursor: pointer;
}
.footer_bottom {
margin: 8px auto;
width: fit-content;
width: -moz-fit-content;
}
.footer_cgv {
margin-top: 20px;
font-size: 14px;
}
.footer_contact_pharma_tel_mail {
margin-top: 15px;
flex-direction: column;
}
.footer_cgv ul {
flex-direction: row;
display: flex;
}
.footer_cgv ul li {
margin: 0 10px;
}
.flex_row {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.footer_contact_pharma_tel_mail .flex_row, .footer_contact_pharma_tel_mail .flex_column {
margin: 10px 0;
}
.footer_container_1 {
width: 50%;
}
.footer_container_2 {
width: 25%;
}
.footer_container_3 {
width: 25%;
}
@media all and (max-width: 991px) {
.footermenu_container {
gap: 2rem;
}
.footer_container_titre {
display: flex;
align-items: center;
justify-content: center;
position: relative;
left: 20px;
}
.footer_container_titre .arrow_footer {
margin-left: 17px;
}
.map_title, .footer_container_titre {
margin-right: 18px;
margin-bottom: 0;
}
.footer_container_contain {
margin-bottom: 4px;
max-height: 0;
overflow: hidden;
transition: 0.5s ease all;
}
.content_contact {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.content_contact.open,
.content_paiements.open,
.content_livraisons.open {
margin-top: 2rem;
max-height: 100%;
}
.arrow_footer_contact,
.arrow_footer_paiements,
.arrow_footer_livraisons {
display: block;
margin-left: 0.5rem;
}
.footermenu_container {
flex-direction: column;
align-items: center;
width: 80%;
}
.footermenu_container .footer_flex_div {
width: 100%;
}
.footermenu_container .footer_flex_div:nth-child(1) {
order: 1;
}
.footermenu_container .footer_flex_div:nth-child(2) {
order: 2;
margin-bottom: 0px;
}
.footermenu_container .footer_flex_div:nth-child(3) {
order: 3;
margin-bottom: 3rem;
}
.footer_container_contain {
justify-content: space-evenly;
}
.footer_container_titre {
text-align: center;
}
}
@media all and (min-width: 961px) {
.footer_flex_div .large-flex {
flex-direction: row;
}
.footer_flex_div .large-flex .flex-column {
margin-bottom: 15px;
}
}
@media all and (max-width: 600px) {
.footermenu_container {
width: 100%;
}
}
@media all and (max-width: 460px) {
.footer_reassurance {
width: 100%;
}
.footermenu_container .footer_flex_div {
justify-content: center;
display: flex;
flex-direction: column; }
.footer_container_suiveznous {
margin-top: 0px;
}
.footer_map_wrapper {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
position: relative;
left: 14px;
}
.map_content {
margin-bottom: 6px;
max-height: 0;
overflow: hidden;
transition: 0.5s ease all;
}
}
@media all and (min-width: 460px) {
.map_content {
margin-left: 0;
max-height: fit-content!important;
}
}
.arrow_footer {
transition: all 0.5s;
}
.arrow_open {
animation: 0.5s arrow_open;
animation-fill-mode: forwards;
}
.arrow_open_kept {
transform: rotate(-90deg);
}
.arrow_closed {
animation: 0.5s arrow_closed;
}
.displayed {
margin-top: 20px;
}
.large-flex {
width: 100%;
display: flex;
justify-content: space-between;
}
.flex-column {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.txt-center {
text-align: center;
}
.tel-footer {
width: 37px; margin-bottom: 10px;
}
.contact-footer {
width: 45px; margin-bottom: 14px;
}
.map-footer {
width: 35px; margin-bottom: 8px;
}
.footer_bottom {
text-align: center;
font-size: 14px;
}
@keyframes arrow_open {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(-90deg);
}
}
@keyframes arrow_closed {
0% {
transform: rotate(-90deg);
}
100% {
transform: rotate(00deg);
}
}