/*

Stylisation des formulaires

*/

label,
select,
textarea,
input{
    font-family: var(--font-primary);
}

.gform_button {
    border: none;
    cursor: pointer;
    padding: 17px 65px;
    font-size: 2rem !important;
    color: var(--color-primary);
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}

.gfield::before{
    display: none;
}


.gform_body ul li select,
.gform_body ul li input:not(input[type=checkbox]),
.gform_body ul li input:not(input[type=radio]),
.gform_body ul li textarea {
  background: var(--color-secondary);
  padding: 14px !important;
  border: 1px solid var(--color-secondary);
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  width: 100% !important;
}
.gform_body ul li input:focus:not(input[type=checkbox]),
.gform_body ul li input:focus:not(input[type=radio]),
.gform_body ul li select:focus,
.gform_body ul li textarea:focus {
  outline: none;
  border: 1px solid var(--yellow);
}
.page-id-320 .bloc-texte-inte .col {
  flex: 0 0 50%;
}
.gform_body ul li textarea::placeholder,
.gform_body ul li input::placeholder {
  font-size: 1.4rem;
  opacity: 1;
  color: var(--color-primary);
}
#gform_fields_1 #field_1_8 .gfield_label {
  font-size: 2.4rem;
  font-family: var(--font-secondary);
  text-transform: uppercase;
  display: block !important;
  color: var(--color-primary);
  text-align: center;
  margin-bottom: 60px;
}
.gform_body ul li {
  padding: 0;
}
.gform_body ul li ul.gfield_radio {
  display: flex;
}
.gform_body ul li ul.gfield_radio li.gchoice {
  padding-right: 34px!important;
}
.gform_body ul li label.gfield_label:not(#field_1_8),
.ginput_container_consent input,
.gform_body ul li ul.gfield_radio li input {
  display: none !important;
}

.ginput_container_consent label,
.gform_body ul li .gfield_radio li label {
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  font-size: 1.2rem;
  margin-top: 10px;
  color: var(--gray-700);
  display: flex;
  margin-left: 0;
  line-height: 140%;
}
.ginput_container_consent label::before,
.gform_body ul li ul.gfield_radio li label::before {
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 2px solid var(--gray-600);
  background-color: var(--white);
  position: absolute;
  left: 0;
  top: 2px;
  text-align: center;
  margin: -1px 7px 0 0;
}
.gform_body ul li ul.gfield_radio li label::before {
  margin: -5px 7px 0 0;
}
.gform_body ul li ul.gfield_radio li label::after {
  content: '';
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  border-radius: 50%;
  width: 10px;
  color: var(--color-secondary);
  height: 10px;
  background-color: var(--color-primary);
  position: absolute;
  left: 5px;
  top: 7px;
  text-align: center;
  margin: -5px 7px 0 0;
  opacity: 0;
}
.gform_body ul li ul.gfield_radio li input:checked + label {
  color: var(--color-primary);
}
.gform_body ul li ul.gfield_radio li input:checked + label::before {
  border: 2px solid var(--color-primary);
}
.gform_body ul li ul.gfield_radio li input:checked + label::after {
  opacity: 1;
}
label.gfield_label  {
  display: none;
}
input:checked + label::before {
  content: '\2714';
}
.ginput_container_consent label::before {
  font-size: 1.4rem;
  width: 16px;
  height: 16px;
  background-color: var(--color-secondary);
  border-radius: initial;
  border: none;
  color: var(--color-primary);
}
.gfield_html_formatted {
  font-size: 1.2rem;
  color: var(--gray-700);
}
.page-id-320 .bloc-texte-colonnes {
    padding: 80px 0;
    margin-bottom: 50px;
}
@media (min-width: 768px) {
    .page-id-757 .bloc-texte-colonnes .bloc-texte .col {
        flex: 0 0 auto;
        width: 50%;
    }
}
