:root {
    --text-color: #000;
    --btn-background: #376f37;
    --btn-color: #fff;
    --fancy-background: #e5e5e5;
    --input-background: rgba(255, 255, 255, 0.5);
    --placeholder-color: var(--text-color);
    --validation-form-background: #36aa8b;
    --error-form: #f14848;
  }

header.fixed .goAlerte{
    display: none;
}
.goAlerte{
    cursor: pointer;
    position: absolute;
    right: 45px;
    top: 10px;
    z-index: 1;
    padding: 7.5px 15px;
    color: #fff;
    border: 2px solid #9fc54d;
    background-color: #9fc54d;
    border-radius: 20px;
    line-height: 1;
}
.goAlerte:hover{
  color: #fff;
}
#formAlerte.fancybox-content{
    background-color: var(--fancy-background);
    color: var(--text-color);
    width: 1200px;
    max-width: 100%;
}

#formAlerte .wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
    /*ERRORS*/
  }
  #formAlerte .wpcf7-form > div {
    width: 100%;
    display: flex;
    justify-content: flex-start;
  }
  #formAlerte .wpcf7-form > p.titre:not(.novalidate){
    margin-top: 0;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 1.4rem;
  }
  #formAlerte .wpcf7-form > p:not(.novalidate){
    width: 100%;
    font-weight: bolder;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  #formAlerte .wpcf7-form > .novalidate{
    width: 100%;
  }
  #formAlerte .wpcf7-form > p.labelText{
    margin-bottom: 5px;
    margin-top: 0;
    font-weight: normal;
  }
  #formAlerte .wpcf7-form > em{
    width: 100%;
    margin-top: 10px;
  }
  [data-name="victimeTemoin"] {
    width: 100%;
    margin:10px 0;
    display: block;
  }
  [data-name="faits"]{
    width: 100%;
    margin:10px 0;
    display: block;
    margin-bottom: 30px;
  }
  #formAlerte .wpcf7-form label {
    width: calc(50% - .6rem);
    position: relative;
    margin: .6rem 0;
  }
  #formAlerte .wpcf7-form label.adress {
    width: calc(40% - .5rem);
  }
  #formAlerte .wpcf7-form label.cp, #formAlerte .wpcf7-form label.ville {
    width: calc(30% - .5rem);
  }
  #formAlerte .wpcf7-form label #formAlerte .wpcf7-form-control-wrap {
    position: initial;
    display: block;
  }
  #formAlerte .wpcf7-form label input, #formAlerte .wpcf7-form label textarea {
    width: 100%;
    border: 2px solid transparent;
    background-color: var(--input-background);
    padding: 15px 10px 7.5px 10px;
    height: auto;
    border-radius: 30px;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: none;
  }
  #formAlerte .wpcf7-form label input:focus, #formAlerte .wpcf7-form label textarea:focus {
    outline-style: none;
    border-color: var(--validation-form-background);
    color: var(--validation-form-background);
  }
  #formAlerte .wpcf7-form label input:focus ~ i, #formAlerte .wpcf7-form label textarea:focus ~ i {
    top: -10px;
    background: var(--validation-form-background);
    color: #fff;
  }
  #formAlerte .wpcf7-form label input:not(:placeholder-shown), #formAlerte .wpcf7-form label textarea:not(:placeholder-shown) {
    border-color: var(--validation-form-background);
    outline: var(--validation-form-background);
    outline-style: none;
    color: var(--validation-form-background);
  }
  #formAlerte .wpcf7-form label input:not(:placeholder-shown) ~ i, #formAlerte .wpcf7-form label textarea:not(:placeholder-shown) ~ i {
    top: -10px;
    background: var(--validation-form-background);
    color: #fff;
    font-size: 0.8em;
  }
  #formAlerte .wpcf7-form label input:not(:placeholder-shown):focus, #formAlerte .wpcf7-form label textarea:not(:placeholder-shown):focus {
    border-color: var(--validation-form-background);
    outline: var(--validation-form-background);
    outline-style: none;
    color: var(--validation-form-background);
  }
  #formAlerte .wpcf7-form label input::placeholder, #formAlerte .wpcf7-form label textarea::placeholder {
    color: transparent;
  }
  #formAlerte .wpcf7-form label textarea {
    max-height: 200px;
  }
  #formAlerte .wpcf7-form label i {
    position: absolute;
    font-style: normal;
    text-decoration: none;
    top: 10px;
    left: 10px;
    width: auto;
    padding: 5px 10px;
    color: var(--placeholder-color);
    font-weight: bolder;
    border-radius: 30px;
    font-size: 0.7rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: flex;
  }
  #formAlerte .wpcf7-form label.big {
    width: 100%;
    height: 100%;
  }
  #formAlerte .wpcf7-form label.big #formAlerte .wpcf7-form-control-wrap {
    height: 100%;
  }
  #formAlerte .wpcf7-form label.big #formAlerte .wpcf7-form-control-wrap textarea {
    max-height: 500px;
    height: 100%;
  }
  #formAlerte .wpcf7-form .wpcf7-spinner {
    display: none !important;
  }
  #formAlerte .wpcf7-form .wpcf7-list-item {
    margin: 0;
  }
  #formAlerte .wpcf7-form .wpcf7-list-item label{
    width: 100%;
  }
  #formAlerte .wpcf7-form input[type="submit"] {
    margin: 20px auto;
    padding: 7.5px 20px;
    background: var(--validation-form-background);
    border: none;
    border-radius: 30px;
    text-transform: uppercase;
    color: #fff;
    min-width: 100px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
  }
  #formAlerte .wpcf7-form input[type="submit"]:disabled {
    cursor: not-allowed;
  }
  #formAlerte .wpcf7-form input[type="checkbox"], #formAlerte .wpcf7-form input[type="radio"] {
    position: absolute;
    left: -9999px;
  }
  #formAlerte .wpcf7-form input[type="checkbox"] + span, #formAlerte .wpcf7-form input[type="radio"] + span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    text-align: center;
    padding: 0;
    user-select: none;
    cursor: pointer;
    font-weight: normal;
    padding: 7.5px 15px;
    z-index: 1;
    font-size: 0.8rem;
    margin: 3.5px 10px 3.5px 0;
  }
  
  #formAlerte .wpcf7-form input[type="checkbox"] + span:before, #formAlerte .wpcf7-form input[type="radio"] + span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    border: 1px solid var(--text-color);
    border-radius: 15px;
    background-color: transparent;    
    z-index: -1;
  }
  #formAlerte .wpcf7-form input[type="checkbox"]:checked + span, #formAlerte .wpcf7-form input[type="radio"]:checked + span {
    color: #fff;
  }
  #formAlerte .wpcf7-form input[type="checkbox"]:checked + span:before, #formAlerte .wpcf7-form input[type="radio"]:checked + span:before {
    background-color: var(--validation-form-background);
  }
  #formAlerte .wpcf7-form .wpcf7-acceptance, #formAlerte .wpcf7-form [data-name="contactNumero"] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
  }
  #formAlerte .wpcf7-form .wpcf7-acceptance label, #formAlerte .wpcf7-form [data-name="contactNumero"] label {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin: 0;
  }
  #formAlerte .wpcf7-form .wpcf7-acceptance .wpcf7-list-item, #formAlerte .wpcf7-form [data-name="contactNumero"] .wpcf7-list-item{
    margin: 0;
    width: 100%;
  }
  #formAlerte .wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label, #formAlerte .wpcf7-form [data-name="contactNumero"] .wpcf7-list-item-label {
    color: var(--text-color);
    font-size: 0.7rem;
    width: 100%;
    justify-content: flex-start;
  }
  #formAlerte .wpcf7-form .wpcf7-acceptance .wpcf7-list-item-label a, #formAlerte .wpcf7-form [data-name="contactNumero"] .wpcf7-list-item-label a {
    color: var(--text-color);
    text-decoration: underline;
  }
  #formAlerte .wpcf7-form .wpcf7-acceptance input[type="checkbox"] + .wpcf7-list-item-label, #formAlerte .wpcf7-form [data-name="contactNumero"]  input[type="checkbox"] + .wpcf7-list-item-label {
    padding: 5px 5px 5px 20px;
    margin: 0;
  }
  #formAlerte .wpcf7-form .wpcf7-acceptance input[type="checkbox"]:checked + .wpcf7-list-item-label, #formAlerte .wpcf7-form [data-name="contactNumero"]  input[type="checkbox"]:checked + .wpcf7-list-item-label {
    color: var(--text-color);
  }
  #formAlerte .wpcf7-form .wpcf7-acceptance input[type="checkbox"] + .wpcf7-list-item-label:before, #formAlerte .wpcf7-form [data-name="contactNumero"]  input[type="checkbox"] + .wpcf7-list-item-label:before {
    width: 15px;
    height: 15px;
    position: initial;
    margin-right: 6px;
    margin-left: -20px;    
  }
  #formAlerte .wpcf7-form .recaptchaCredit {
    width: 100%;
    text-align: center;
    font-size: 0.7rem;
    margin-top: .7rem;
    color: var(--text-color);
  }
  #formAlerte .wpcf7-form .recaptchaCredit a {
    color: var(--text-color);
  }
  em.mentionForm{
    font-size: 0.7rem;
    color: var(--text-color);
    margin-top: 0.5rem;
    display: block;
    margin-bottom: 15px;
  }
  #formAlerte .wpcf7-form input.wpcf7-not-valid, #formAlerte .wpcf7-form textarea.wpcf7-not-valid {
    border-color: var(--error-form);
  }
  #formAlerte .wpcf7-form input.wpcf7-not-valid + i, #formAlerte .wpcf7-form textarea.wpcf7-not-valid + i {
    color: var(--error-form) !important;
  }
  #formAlerte .wpcf7-form input.wpcf7-not-valid:focus, #formAlerte .wpcf7-form textarea.wpcf7-not-valid:focus {
    border-color: var(--error-form);
  }
  #formAlerte .wpcf7-form input.wpcf7-not-valid:focus ~ i, #formAlerte .wpcf7-form textarea.wpcf7-not-valid:focus ~ i {
    background-color: var(--error-form);
    color: #fff !important;
  }
  #formAlerte .wpcf7-form input.wpcf7-not-valid:not(:placeholder-shown) + i, #formAlerte .wpcf7-form textarea.wpcf7-not-valid:not(:placeholder-shown) + i {
    color: #fff !important;
    background: var(--validation-form-background) !important;
  }
  #formAlerte .wpcf7-form input.wpcf7-not-valid:not(:placeholder-shown) ~ i, #formAlerte .wpcf7-form textarea.wpcf7-not-valid:not(:placeholder-shown) ~ i {
    top: -10px;
    background: var(--validation-form-background) !important;
    color: #fff !important;
    font-size: 0.8em;
  }
  #formAlerte .wpcf7-form .wpcf7-not-valid-tip {
    font-size: 0.8rem;
    margin-top: 0.25rem;
    padding: 0 0 0 1rem;
    color: var(--error-form);
  }
  #formAlerte .wpcf7-form #formAlerte .wpcf7-form-control-wrap.valide .selectize-input.has-items {
    border-color: var(--validation-form-background) !important;
    color: var(--validation-form-background) !important;
  }
  #formAlerte .wpcf7-form #formAlerte .wpcf7-form-control-wrap.valide .selectize-input.has-items .item {
    color: var(--validation-form-background) !important;
  }
  #formAlerte .wpcf7-form #formAlerte .wpcf7-form-control-wrap.error .selectize-input {
    border-color: var(--error-form) !important;
  }
  #formAlerte .wpcf7-form #formAlerte .wpcf7-form-control-wrap.error .selectize-input .item {
    color: var(--error-form) !important;
  }
  #formAlerte .wpcf7-form #formAlerte .wpcf7-form-control-wrap.error .selectize-input input::placeholder {
    color: var(--error-form) !important;
  }
  #formAlerte .wpcf7-form #formAlerte .wpcf7-form-control-wrap.error .selectize-input:after {
    border-color: var(--error-form) transparent transparent transparent !important;
  }
  #formAlerte .wpcf7-form div.wpcf7-validation-errors, #formAlerte .wpcf7-form div.wpcf7-acceptance-missing, #formAlerte .wpcf7-form div.wpcf7-response-output {
    border: none !important;
    margin: 10px 0 !important;
    width: 100%;
  }
  #formAlerte .wpcf7-form.invalid .wpcf7-response-output, #formAlerte .wpcf7-form.failed .wpcf7-response-output, #formAlerte .wpcf7-form.aborted .wpcf7-response-output {
    color: var(--error-form);
    text-align: center;
    justify-content: center;
  }
  #formAlerte .wpcf7-form.sent .wpcf7-response-output {
    color: var(--validation-form-background) !important;
  }
  .wpcf7-form .fileUpload {
    width: 100%;
  }
  .wpcf7-form .fileUpload .wpcf7-form-control-wrap {
    width: auto;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .wpcf7-form .fileUpload .wpcf7-form-control-wrap:before {
    padding: 5px 20px;
    display: inline-block;
    text-align: center;
    margin-bottom: -30px;
    color: var(--text-color);
    z-index: 1;
  }
  .wpcf7-form .codedropz-upload-container {
    padding: 10px;
    padding-top: 35px;
    display: flex;
    justify-content: center;
    position: relative;
  }
  .wpcf7-form .codedropz-upload-container:before {
    content: 'Joindre un fichier (pdf, jpeg, png)';
    color: var(--text-color);
    position: absolute;
    top: 0.5rem;
    left: 10px;
  }
  .wpcf7-form .codedropz-upload-handler {
    border: none;
    border-radius: 20px;
  }
  .wpcf7-form .dnd-upload-counter {
    right: 10px;
    top: 12px;
    bottom: auto;
  }
  .wpcf7-form .codedropz-upload-wrapper {
    width: auto;
  }
  .wpcf7-form .codedropz-upload-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
    border: 1px dashed var(--text-color);
    border-radius: 20px;
    width: auto;
  }
  .wpcf7-form .codedropz-upload-inner span {
    font-size: 1rem;
  }
  .wpcf7-form .codedropz-upload-inner h3:after {
    content: none;
  }
  .wpcf7-form .codedropz-upload-inner span + span{
    margin: 0 10px;
  }
  .wpcf7-form .dnd-upload-status .dnd-upload-details .name em, .wpcf7-form .dnd-upload-status .dnd-upload-details .name span {
    color: var(--validation-form-background);
  }
  .wpcf7-form .dnd-upload-status .dnd-upload-image {
    border-color: #4a4a4a;
  }
  .wpcf7-form .dnd-upload-status .dnd-upload-image span.file {
    background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='rgb(74, 74, 74)'/%3E%3C/svg%3E%0A");
  }
  .wpcf7-form .dnd-upload-status .dnd-upload-details .name em, .wpcf7-form .dnd-upload-status .dnd-upload-details .name span {
    color: var(--validation-form-background);
  }
  .wpcf7-form .dnd-upload-status .dnd-upload-details .remove-file span:after {
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='white'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='rgb(74, 74, 74)'/%3E%3C/svg%3E%0A");
  }
  .wpcf7-form .file.wpcf7-not-valid + .codedropz-upload-handler {
    border-color: var(--error-form);
  }

  @media screen and (max-width:1600px){
    .goAlerte{
        right:45px;
        font-size: .8rem;
    }
  }  
  @media screen and (max-width:767px){
    #formAlerte.fancybox-content{
        padding: 40px 15px;
    }
    .wpcf7-form .codedropz-upload-wrapper{
      width: 100%;
    }
    .wpcf7-form .fileUpload .wpcf7-form-control-wrap {
      width: 100%;
    }
    .wpcf7-form .codedropz-upload-inner {
      flex-direction: column;
      align-items: center;
      width: 100%;
    }
    .wpcf7-form .codedropz-upload-inner h3, .wpcf7-form .codedropz-upload-inner span {
      display: none;
    }
    .wpcf7-form .codedropz-upload-inner .codedropz-btn-wrap {
      margin: 5px 0;
    }
    .wpcf7-form .codedropz-upload-inner .codedropz-btn-wrap a {
      padding: 1rem;
    }
  }
  @media screen and (max-width:580px){
    footer{
      padding-top: 60px;
    }
    .goAlerte{      
      right: calc(50% - 66.5px);
    }
  }
  @media screen and (max-width:480px){
    #formAlerte .wpcf7-form label{
        width: 100%;
    }
    .home header, header{
      padding-top: 60px;
    }
    .wpcf7-form .flex {
      flex-wrap: wrap;
    }
    .wpcf7-form .flex div:nth-child(2), .wpcf7-form .flex div:nth-child(1){
      width: 50%;
    }
    .wpcf7-form .flex div:nth-child(3){
      width: 100%;
    }
    .home footer nav a{
      color: #fff;
    }
  }

  .wpcf7-form span.wpcf7-acceptance{
    width: 100%;
  }
  .wpcf7-form span.wpcf7-acceptance span.wpcf7-list-item{
    width: 100%;
  }
  .wpcf7-form span.wpcf7-acceptance span.wpcf7-list-item label{
    align-items: flex-start;
    width: 100%;
  }
  .wpcf7-form span.wpcf7-acceptance span.wpcf7-list-item label input{
    width: 13px;
  }
  .wpcf7-acceptance{
    width: 100%;
    font-size: .7rem;
  }
  .recaptchaCredit{
    width: 100%;
    max-width: 100% !important;
    text-align: left !important;
    font-weight: normal !important;
    font-size: .7rem;
    margin-top: 5px !important;
  }
  .grecaptcha-badge{
    display: none !important;
  }