:root {
  --vert-fonce: #87C656;
  --vert-moyen: #9FD178;
  --vert-clair: #D8EDC9;
  --vert-tres-clair: #F3F9EE;
  --vert-flash: #C2E2AA;
  --orange-fonce: #F26B38;
  --orange-moyen: #F79E31;
  --orange-clair: #FBD9AC;
  --gris: #3A6B67;
  --gris-clair: #F4F4F4;
  --blanc: #FFFFFF;
  --noir: #0E0E0E;
}


/******************** FOOTER ***********************/
#footer1 {
    display: flex;
    flex-direction:row;
    position: relative;
    z-index: 0;
    box-shadow:
		0px -4px 10px -4px rgba(0, 0, 0, 0.5);
       /* 0 -4px 6px -4px rgba(0, 0, 0, 0.1);  */
    align-items: start;
    justify-content:left;
    padding: 20px 40px;
    line-height:110%;
}
#contenu_footer {
    display: flex;
    flex-direction:column;
    align-items: start;
    justify-content:left;
    padding: 0 40px;
    gap:8px;
    width:100%;
}
#logo_footer {
	text-align: right;
	min-width: 100px;
}
#titre_footer {
    font-weight:bold;
}
#contact_footer {
    display: flex;
    flex-direction:row;
    align-items: center;
    justify-content:space-between;
    width:100%;
}
.menucontact {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
    margin:0;
    padding:0;
}
.menucontact li {
    background:var(--orange-moyen);
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    color: var(--noir);
    padding: 10px 40px;
    list-style: none;
    margin:0 20px;
}
.menucontact li:nth-child(2) {
    background:var(--vert-fonce);
}
.menucontact li:nth-child(3) {
    background:var(--vert-clair);
}
.menucontact li a {
    color: var(--noir);
    text-decoration:none;
    font-size:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menucontact li a::before {
    content: "";
    background: url('/wp-content/uploads/2025/07/footer.svg') no-repeat;
    background-size:97px 16px;
    width:24px;
    height:16px;
    display: block;
    position: relative;
    margin-right: 10px;
}
.menucontact > li:nth-child(1) > a::before {
    background-position: 6px 0;
}
.menucontact > li:nth-child(2) > a::before {
    background-position: -32px 0;
}
.menucontact > li:nth-child(3) > a::before {
    background-position: -76px 0;
}
#footer2 {
    background:var(--gris-clair);
    display: flex;
    flex-direction:row;
    position: relative;
    z-index: 0;
    align-items: center;
    justify-content:space-around;
    padding: 10px 40px;
    font-size:90%;
}
.menureseauxsoc {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:right;
    margin:0;
    padding:0;
}
.menureseauxsoc li {
    color: var(--noir);
    list-style: none;
    margin:0;
    padding:0;
}
.menureseauxsoc li a {
    color: var(--noir);
    text-decoration:none;
    font-size:100%;
    display: flex;
    align-items: center;
    justify-content: end;
}
.menureseauxsoc li a::before {
    content: "";
    background: url('/wp-content/uploads/2025/07/reseaux_sociaux.svg') no-repeat;
    background-size:115px 15px;
    width:24px;
    height:15px;
    display: block;
    position: relative;
}
.menureseauxsoc > li:nth-child(1) > a::before {
    background-position: 8px 0;
}
.menureseauxsoc > li:nth-child(2) > a::before {
    background-position: -23px 0;
}
.menureseauxsoc > li:nth-child(3) > a::before {
    background-position: -60px 0;
}
.menureseauxsoc > li:nth-child(4) > a::before {
    background-position: -95px 0;
}
.menureseauxsoc li a::after {
    content: "|";
    display: block;
    position: relative;
    padding:0 30px;
}
.menureseauxsoc > li:nth-child(4) > a::after {
    content: "";
}
.menufooter {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin:0;
    padding:0;
}
.menufooter li {
    color: var(--noir);
    list-style: none;
    margin:0;
    padding:0;
}
.menufooter li a {
    color: var(--noir);
    text-decoration:none;
    font-size:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menufooter li a::after {
    content: ".";
    display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: start;
    position: relative;
    padding: 0 20px;
}
.menufooter > li:nth-child(7) > a::after {
    content: "";
}
/******************** RESPONSIVE ***********************/
@media (max-width: 1024px) {
#contact_footer {
    flex-direction: column;
    align-items: start;
    justify-content: center;
}
#boutons_footer {
    width:100%;
}
.menucontact {
    flex-direction: column;
    align-items: center;
}
.menucontact li {
    padding: 10px 60px;
    width: 280px;
    text-align: center;
}
#footer2 {
    flex-direction: column;
    flex-wrap: wrap;
}
.menufooter {
    flex-wrap: wrap;
}
}
@media (max-width: 1023px) {
#footer1 {
    flex-direction: column;
    align-items: center;
}
#logo_footer img {
    width:200%;
}
}
@media (max-width: 767px) {
#footer2 {
    padding:15px;
}
.menureseauxsoc li a::after {
    padding: 0 15px;
}
.menufooter {
    padding: 10px;
    justify-content: center;
}
	#footer1 {
		padding: 20px;
	}
	#contenu_footer {
		padding: 10px;
	}
.menucontact li {
    width: 100%;
}
}