.section-contact {padding-top: 40px; padding-bottom: 40px; position: relative; overflow-x: clip;}
.section-contact>div {gap: 30px; flex-direction: column;}
.section-contact .bloc-left {flex: 1;}
.section-contact .bloc-left h2, .section-contact .bloc-left h3 {color: var(--couleur-blanc);}
.section-contact .bloc-left .infos-contact, .section-contact .bloc-left>a  {margin: 15px 0; border: 1px solid var(--couleur-principale); width: auto; border-radius: 15px; padding: 20px; display: block;}
.section-contact .bloc-left p {margin: 0;}
.section-contact .bloc-left .horaires p {color: var(--couleur-principale);    line-height: 26px;}
.section-contact .bloc-left .horaires h3 {margin: 45px 0 30px;}
.section-contact .bloc-left .horaires h3::before {content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-weight: 400; margin-right: 15px;  padding: 8px; background-color: var(--couleur-principale); border-radius: 50px; vertical-align: middle;font-size:20px;}
.section-contact .bloc-right>div {background-color: var(--couleur-blanc); padding: 40px 17px; border-radius: 20px;}
.section-contact .bloc-right .gform-body .gform_fields {display: flex; flex-wrap: wrap; gap: 15px;}
.section-contact .bloc-right input, .section-contact .bloc-right select, .section-contact .bloc-right textarea {border: 1px solid var(--couleur-secondaire-light); border-radius: 15px; font-size: 18px; color: var(--couleur-secondaire-light); padding: 10px 15px !important; font-weight: 400;  font-family: 'Montserrat', sans-serif !important;}
.section-contact .bloc-right input:focus-visible, .section-contact .bloc-right select:focus-visible,.section-contact .bloc-right textarea:focus-visible  {outline: 1px solid var(--couleur-principale);}
.section-contact .bloc-right .gform_fields .gfield_label {display: none;}
.section-contact .bloc-right .gform_fields .gfield:nth-child(5), .section-contact .bloc-right .gform_fields .gfield:nth-child(6) {width: 100%;}
.section-contact .bloc-right .gform_fields .gfield:nth-child(5) select {width: 100%; padding: 14px 14px;background-image: url('/wp-content/uploads/pictos/fleche-select-grise.svg');background-repeat: no-repeat;background-position: calc(100% - 20px) center;appearance: none;text-overflow: ellipsis;}
.section-contact .bloc-right .gform_fields textarea, .section-contact .bloc-right .gform_fields .gfield:nth-child(-n + 4) input  {width: 100%;}
.section-contact .bloc-right input[type="submit"] {color: var(--couleur-blanc); background-color: var(--couleur-principale); padding: 20px 40px; border-radius: 5px; text-transform: uppercase; font-size: 14px; font-weight: 600; transition: all 250ms ease-in-out; border: 1px solid var(--couleur-principale); width: 100%; margin-top: 20px;}
.section-contact .bloc-right input[type="submit"]:hover {border: 1px solid var(--couleur-principale); background-color: var(--couleur-blanc); color: var(--couleur-principale);}
.section-contact .bloc-left p i::before {color: var(--couleur-principale); font-size: 18px; padding-right: 15px;}
.section-contact.animate-before .bloc-left h2::before { left: -120px;}
.section-contact .bloc-left h2::before{left: -100%;transition: left 0.8s ease;}
.section-contact .gfield{width: 100%;}
.section-contact input::placeholder, .section-contact .bloc-right select{font-size: 14px;}

@media screen and (min-width: 768px) {

.section-contact .bloc-left h2, .section-contact .bloc-left h3 { text-align: left;}
.section-contact input::placeholder{font-size: 16px;}
.section-contact .bloc-right>div { padding: 40px;}
.section-contact .bloc-right {width: 60%;}
.module-picto.section-contact::after {position: absolute;}
.module-motif.section-contact::before {position: absolute; content: ''; width: 1000px; height: 500px; background-image: var(--picto-fleches-bg); background-size: contain; transform: rotate(90deg); right: -250px; top: 100px; opacity: .3;}
.section-contact>div {gap: 40px; flex-direction: row;}
.section-contact .bloc-right .gform_fields .gfield:nth-child(-n + 4) {width: calc(50% - 9px);}
.section-contact {padding-top: 130px; padding-bottom: 80px;}
.section-contact .bloc-right input, .section-contact .bloc-right select, .section-contact .bloc-right textarea {padding: 14px 32px !important;}
}

@media screen and (min-width: 999px) {
	.section-contact>div {gap: 80px;}
}