@import url("./api.css");
@import url("./loader.css");

#moduleJPOformulaire {
    max-width: 1240px;
    margin: 0 auto;
}

ul#moduleJPOformulaire-filter li{
    border-bottom: solid 1px #ffffff;
    color: var(--Colors-Text-title-primary, #1E1E1E);
}
ul#moduleJPOformulaire-filter li:hover,
ul#moduleJPOformulaire-filter li.active{
    border-bottom: solid 1px #1E1E1E;
}

#moduleJPOformulaire .form-dates-po.set-event:nth-child(2n+1):hover .bloc-po .date-po,
#moduleJPOformulaire .form-dates.active .form-dates-po.active.set-event:nth-child(2n+1) .bloc-po{
    background-color: #FF6642;
    color: #fff;
}

#moduleJPOformulaire .form-dates-po.set-event:nth-child(2n+0):hover .bloc-po .date-po, 
#moduleJPOformulaire .form-dates.active .form-dates-po.active.set-event:nth-child(2n+0) .bloc-po{
    background-color: #2E2C7E;
    color: #fff;
}

#moduleJPOformulaire.CL-theme form .form-line .form-input svg.DQE_phone_code_arrow use, .moduleGESFormulaires.CL-theme form .form-line .form-input svg.DQE_phone_code_arrow use, .moduleAimairaFormulaire.CL-theme form .form-line .form-input svg.DQE_phone_code_arrow use, .moduleBrochure.CL-theme form .form-line .form-input svg.DQE_phone_code_arrow use {
    fill: #1E1E1E!important; 
}

#moduleJPOformulaire form .form-line .form-input svg.DQE_phone_code_arrow {
    left: 118px !important;
}

#moduleJPOformulaire .form-dates.active .form-dates-po.active .number-po,
#moduleJPOformulaire .form-dates-po.set-event:hover .number-po {
    color: #fff !important;
}

#moduleJPOformulaire .form-dates.active .form-dates-po.active .bloc-po,
#moduleJPOformulaire .form-dates-po.set-event:nth-child(2n+1):hover .bloc-po,
#moduleJPOformulaire .form-dates-po.set-event:nth-child(2n+0):hover .bloc-po {
    border-radius: 4px;
}

#moduleJPOformulaire .form-dates.active .form-dates-po.active.set-event:nth-child(2n+1) .time-po,
#moduleJPOformulaire .form-dates-po.set-event:nth-child(2n+1):hover .time-po {
    background-color: #EE5531 !important;
}

#moduleJPOformulaire .form-dates.active .form-dates-po.active.set-event:nth-child(2n+0) .time-po,
#moduleJPOformulaire .form-dates-po.set-event:nth-child(2n+0):hover .time-po {
    background-color: #06006B !important;
}


#moduleJPOformulaire .form-line.important{
    color: black !important;
}

#moduleJPOformulaire form .form-validate button.btnSubmit {
    color: #fff;
    border-radius: var(--Radius-radius-XXS, 4px);
    background: var(--Colors-Button-button-background-primary, #2E2C7E);
    padding: var(--Padding-padding-XS, 12px) var(--Padding-padding-XXL, 40px)!important;
    gap: var(--Padding-padding-none, 0);
    text-transform: capitalize!important;
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: var(--Typescale-Button-button-haas-S, 16px);
    font-weight: 500;
    line-height: 110%;
}

#moduleJPOformulaire form .form-validate button.btnSubmit:hover {
    background: var(--Colors-Button-button-background-primary-hover, #06006B);
    cursor: pointer;
}

#moduleJPOformulaire .form-validate>div {
    color: black;
    font-size: var(--Typescale-Title-titre-haas-XXS, 16px);
    line-height: 105%;
}

#moduleJPOformulaire label {
    color: black;
}

#moduleJPOformulaire input:focus,
#moduleJPOformulaire textarea:focus {
    border-style: outset !important;
    border: 1px solid black;
}

#moduleJPOformulaire input,
#moduleJPOformulaire textarea {
    border-style: outset !important;
    border: 1px solid black;
}

@media screen and (max-width:1000px) {
    #moduleJPOformulaire textarea {
        border-bottom: solid 1px #000;
    }
}


#moduleJPOformulaire .color-1-po {
    color: #000000;
}
#moduleJPOformulaire h1 {
    color: #fff;
}

#moduleJPOformulaire .time-po {
    color: #fff;
}
#moduleJPOformulaire .time-po.no-po {
    color: #000;
}
#moduleJPOformulaire table.recaptchatable {
    border: 1px solid #1D2633!important;
}

#moduleJPOformulaire .place-po h3 {
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 24px;
    Font-size: 24px;
    Line-height: 26,4px;
}

#moduleJPOformulaire h1, #moduleJPOformulaire .h1,
#moduleJPOformulaire h2, #moduleJPOformulaire .h2,
#moduleJPOformulaire.ppa .font-1-po{
   font-family: "Neue Haas Grotesk Display Pro";

}

#moduleJPOformulaire h2 {
    font-size: 32px!important;
    line-height: 38.4px!important;
}

#moduleJPOformulaire h3, #moduleJPOformulaire .h3,
#moduleJPOformulaire h4, #moduleJPOformulaire .h4,
#moduleJPOformulaire h5, #moduleJPOformulaire .h5,
#moduleJPOformulaire h6, #moduleJPOformulaire .h6,
#moduleJPOformulaire .btn-simple,
#moduleJPOformulaire button.close
#moduleJPOformulaire .alert{
    font-family: "Neue Haas Grotesk Display Pro";

}

body #moduleJPOformulaire{
   font-family: "Neue Haas Grotesk Display Pro";

}

/* Color */
#moduleJPOformulaire .color-1-po {
    color: var(--Colors-Text-title-primary, #1E1E1E);
    font-family: "Neue Haas Grotesk Display Pro";
    font-size: var(--Typescale-Title-titre-haas-S, 24px);
    font-style: italic;
    font-weight: bold;
    line-height: 110%; 
    text-transform: capitalize;
    text-align: left;
}

#moduleJPOformulaire .color-2-po {
    color: black;
    line-height: 19.2px;
}

#moduleJPOformulaire .form-dates-po .title-event {
    max-width: 293px;
    margin: 0 auto;
}

#moduleJPOformulaire .color-3-po {
    color: #1E1E1E;
    font-size: 16px;
    line-height: 16.8px;
}

#moduleJPOformulaire .form-dates-po:nth-child(2n+1) .color-po {
    color: var(--Colors-Text-title-primary, #1E1E1E);
    text-transform: capitalize;
    font-weight: bold;
}

#moduleJPOformulaire .form-dates-po:nth-child(2n+0) .color-po {
    color: var(--Colors-Text-title-primary, #1E1E1E);
    text-transform: capitalize;
    font-weight: bold;
}

#moduleJPOformulaire .bgcolor-1-po {
    background-color: #FF6642;
}

#moduleJPOformulaire .bgcolor-2-po {
    background-color: #2E2C7E;
}

#moduleJPOformulaire .bgcolor-3-po {
    background-color: #1E1E1E
}

#moduleJPOformulaire .form-dates-po:nth-child(2n+1) .bgcolor-po{
    background-color: #FF6642;
    font-weight: 400;
}

#moduleJPOformulaire .form-dates-po:nth-child(2n+0) .bgcolor-po{
    background-color: #2E2C7E;
    font-weight: 400;
}

#moduleJPOformulaire .bordercolor-1-po {
     border-color: white;
}

#moduleJPOformulaire .bordercolor-2-po {
     border-color: white;
}

#moduleJPOformulaire .bordercolor-3-po {
    border-color: white;
}

#moduleJPOformulaire .day-po, #moduleJPOformulaire .month-po {
    font-size: 20px!important;
    line-height: 21px !important;
}

#moduleJPOformulaire .day-po {
    padding-top: 16px;
}

#moduleJPOformulaire .month-po {
    padding-bottom: 16px; 
}

#moduleJPOformulaire .form-dates-po:nth-child(2n+1) .bordercolor-po{
    background: white;
    box-shadow: 0 0 24px 16px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

#moduleJPOformulaire .form-dates-po:nth-child(2n+0) .bordercolor-po{
    background: white;
    box-shadow: 0 0 24px 16px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

#moduleJPOformulaire .number-po {
  color: var(--Colors-Text-title-quaternary, #FF6642);
  font-family: "Neue Haas Grotesk Display Pro";
  opacity: 100% !important;
  font-size: var(--Typescale-Title-titre-haas-XL, 56px)!important;
  line-height: 100% !important;
  padding-top: 20px; 
  padding-bottom: 12px;
}



#moduleJPOformulaire input[type='radio'] {
    border:1px solid #1E1E1E  /* color 3 */
    /*box-shadow:0 0 5px 0px #546295 inset;*/

}

#moduleJPOformulaire .place-po  {
    color: #1E1E1E;
    text-transform: capitalize; 
}

#moduleJPOformulaire input[type='radio']:checked:before {
    background: #1E1E1E /* color 3 */
}

#moduleJPOformulaire input[type=submit]+span {
    border-left-color: #1E1E1E /* color 3 */
}


/* RDELMAS CSS CODE LOADER -> BRAVO ROMAIN !!! */

#moduleJPOformulaire .processing #loader {
    background-color: #f39655;
    border: solid 1px #f39655;
    color: #5a5a5a;
}

#moduleJPOformulaire .processing #loader .head {
    background-color: #f39655;
    color: #fff;
}

#moduleJPOformulaire .processing #loader .body {
    background-color: #fff;
}

#moduleJPOformulaire .processing #loader .body info {
    font-size: 0.75rem;
    color: #5a5a5a;
}

#moduleJPOformulaire .processing #loader .body a {
    color: #1E1E1E;
}

#moduleJPOformulaire .processing #loader .body a:hover {
    color: #f39655;
}

#select2-loader {
font-family: "Neue Haas Grotesk Display Pro";

    background-color: #f39655;
}

#moduleJPOformulaire .form-label.form-require-label {
    font-family: "Neue Haas Grotesk Display Pro"!important;
    font-weight: bold;
}

@media screen and (max-width:1000px) {
    #moduleJPOformulaire #pageResume form .resume-row .resume-label{
    font-family: "Neue Haas Grotesk Display Pro";

    }

    input[type="checkbox"]{
        border:1px solid #f39655;
    }
    input[type='checkbox']:checked {
        background: #f39655;
    }
}

/* CSS CODE API */

#moduleJPOformulaire api{
    background-color: #f39655;
    border: solid 1px #f39655;
    color: #5a5a5a;
}

#moduleJPOformulaire api .head{
    background-color: #f39655;
    color: #fff;
}

#moduleJPOformulaire api .body{
    background-color: #fff;
}

#moduleJPOformulaire api .body li{
font-family: "Neue Haas Grotesk Display Pro";

}

#moduleJPOformulaire api .body li .error-extra-info{
    font-family: "Neue Haas Grotesk Display Pro";

}

#moduleJPOformulaire .radio-inline {
    display: inline-flex;
    align-items: center;
    color: black;
}

#moduleJPOformulaire api .body info {
    font-size: 0.75rem;
    color: #5a5a5a;
}

#moduleJPOformulaire api .body a{
    color: #1E1E1E;
}

#moduleJPOformulaire api .body a:hover{
    color: #f39655;
}

#moduleJPOformulaire api error-close:hover svg use {
    fill: #1E1E1E;
}

#moduleJPOformulaire api .head .title,
#moduleJPOformulaire api .body .subtitle{
    font-family: "Neue Haas Grotesk Display Pro";
}