.section-coordonnees {background-color: rgba(211, 188, 160,.15); background-size: cover; background-repeat: no-repeat; background-image: url(/wp-content/uploads/2023/08/fleches-bg-partenaire.svg); padding-top: 60px; padding-bottom: 160px; background-position: 55% 0;}
.section-coordonnees>div {flex-direction: column; flex-wrap: wrap; gap: 20px;}
.section-coordonnees h2 {width: 100%; text-align: center;}
.section-coordonnees .bloc-right {flex: 1; background-color: var(--couleur-blanc); padding: 20px; height: max-content; box-shadow: rgba(186, 186, 186, 0.15) 1.95px 1.95px 6px;}
.section-coordonnees .bloc-right h3 {color: var(--couleur-secondaire);}
.section-coordonnees .bloc-right p {background-color: var(--couleur-principale-light); padding: 12px; border-radius: 10px; font-size: 14px; display: inline-flex; margin: 0; color: var(--couleur-secondaire);}
.section-coordonnees .bloc-right div, .section-coordonnees .bloc-right>a {margin: 10px 0;}
.section-coordonnees .btn-full {text-transform: none; font-weight: 400; display: inline-block; padding: 14px 40px;}
.section-coordonnees .bloc-right i:before /* .section-contact .bloc-left p i::before*/ {color: var(--couleur-principale); font-size: 18px; padding-right: 15px;}
.section-coordonnees .bloc-right>div:last-of-type {width: 100%; margin: auto; margin-top: 40px;}
#map-coordonnées {height: 400px;}
.section-coordonnees .bloc-right:hover{box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.section-coordonnees .bloc-right{opacity: 0;  transform: translateY(200%);transition: opacity 0.8s ease, transform 0.8s ease;}
.section-coordonnees .bloc-right.in-view { opacity: 1;transform: translateY(0);}

@media screen and (min-width: 768px) {
.section-coordonnees>div {flex-direction: row;}
.section-coordonnees .bloc-left, .section-contact .bloc-right, .section-contact .bloc-right {width: 55%;}
.section-coordonnees .bloc-right  {max-width: 360px;}
#map-coordonnées {width: 100%; aspect-ratio: 1/1; height: auto;}
}