@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wdth,wght@0,75..125,200..900;1,75..125,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');

body{
    font-family:'Mona Sans','Helvetica Neue','Arial';
    background-color:#fff;
    color:#413136;
    font-variation-settings:
    "wdth" 100;
    background-image:none;
}

.logo img{
    height:30px;
}

.menu-femmes a{
    font-size:1rem !important;
    text-transform: uppercase;
    padding: .7rem 1.9rem !important;
    font-variation-settings:
    "wdth" 125;
}

.entete-femmes{
    padding:3rem 0;
    background-image:url("../images/femmes/bg-fp.webp");
    background-repeat: no-repeat;
    background-size:cover;
    background-position:top center;
}

.entete-femmes-interne{
    padding:3rem 0;
    background-image:url("../images/femmes/bg-fp.webp");
    background-repeat: no-repeat;
    background-size:cover;
    background-position:top center;
}

.entete-femmes h2{
    font-family:'Mona Sans','Helvetica Neue','Arial';
    color:#D91C5B;
    font-variation-settings:
    "wdth" 125;
    font-weight:400;
    font-size:1.5rem;
}

.accueil-femmes h2{
    font-family:'DM Serif Display','Georgia','Times New Roman';
    color:#fff;
    text-align: center;
    font-size:2rem;
    font-weight:400;
    margin-bottom: 2rem;
}

.rose{
    background-color:#D91C5B;
    color:#fff;
}

.rose a{
    color:#fff;
}

.rose a:hover{
    color:#F4D7E0;
}

.rose h1, .rose h2{
    color:#F4D7E0 !important;
}

.rose h3, .rose h4{
    color:#EFA0BB !important;
}

.mauve{
    background-color:#91278F;
    color:#fff;
}

.jaune{
    background-color:#FAAF3F;
    color:#413136;
}

.noir{
    background-color:#413136;
    color:#fff;
}

.blanc{
    background-color:#fff;
    color:#413136;
}

.rose .button {
    background-color: #91278F;
    color: #fff;
    font-weight:700;
    box-shadow: 5px 5px 0 0 #5A1858;
    border-radius: 3rem;
    padding:1.5rem 1rem;
}

.rose .button:focus, .rose .button:hover {
    background-color: #5A1858;
    color: #fff;
    box-shadow: 5px 5px 0 0 #91278F;
}

.blanc .button {
    background-color: #91278F;
    color: #fff !important;
    font-weight:700;
    box-shadow: 5px 5px 0 0 #5A1858;
    border-radius: 3rem;
    padding:1.5rem 1rem;
}

.blanc .button a{
    color: #fff !important;
}

.blanc .button:focus, .blanc .button:hover {
    background-color: #5A1858;
    color: #fff;
    box-shadow: 5px 5px 0 0 #91278F;
}


#mega-menu-wrap-femmes-links #mega-menu-femmes-links > li.mega-menu-item > a.mega-menu-link {
    font-family:'Mona Sans','Helvetica Neue','Arial';
    line-height: 40px;
    height: 40px;
    padding: 0px 1.5rem;
    vertical-align: baseline;
    width: auto;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    border: 0;
    border-radius: 0px;
    font-weight: normal;
    outline: none;
    font-variation-settings:
    "wdth" 125;
    font-weight:700;
}


#mega-menu-wrap-femmes-links #mega-menu-femmes-links > li:hover.mega-menu-item > a:hover.mega-menu-link {
    font-weight:700;
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: '';
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: #D91C5B transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
}

.contenu-femmes{
    padding: 3rem 0;
}

.contenu-femmes h1{
    font-family:'DM Serif Display','Georgia','Times New Roman';
    color:#D91C5B;
    font-size:2.5rem;
    font-weight:400;
    margin-bottom: 2rem; 
}


.contenu-femmes h2{
    font-family:'Mona Sans','Helvetica Neue','Arial';
    font-size:2rem;
    font-weight: 400;
    font-variation-settings:
    "wdth" 125;
    color:#91278F;
    margin-bottom: 2rem;
}

.contenu-femmes h3{
    font-family:'Mona Sans','Helvetica Neue','Arial';
    font-size:1.5rem;
    font-weight: 400;
    font-variation-settings:
    "wdth" 125;
    color:#D91C5B;
    margin-bottom: 2rem;
}

.contenu-femmes h4{
    font-family:'Mona Sans','Helvetica Neue','Arial';
    font-size:1rem;
    font-weight: 400;
    font-variation-settings:
    "wdth" 125;
    color:#413136;
}

.contenu-femmes .callout {
    border: none;
    background-color: #FBF8FB;
    color: #373B41;
    border-radius: 15px;
    box-shadow: 5px 5px 5px 0 rgba(217,28,91,0.25);

}

.hdq_question {
    border: none;
    background-color: #FBF8FB;
    color: #373B41;
    border-radius: 15px;
    box-shadow: 5px 5px 5px 0 rgba(217,28,91,0.25);
}

h2.hdq_results_title, h3.hdq_question_heading {
    margin-top: 1rem;
    margin-bottom: 1rem;
    line-height: 1.2;
    color: #D91C5B !important;
    font-family:'Mona Sans','Helvetica Neue','Arial';
    font-variation-settings:
    "wdth" 100 !important;
}

.hdq-options-check .hdq_toggle:before {
    content: "";
    position: absolute;
    width: 2em;
    height: 1em;
    left: 0.1em;
    transition: background 0.1s ease;
    background: #D91C5B !important;
    border-radius: 50px;
    box-shadow: inset 0px 1px 1px rgba(171, 171, 171, 0.5);
}

.hdq-options-check input[type="checkbox"]:checked + .hdq_toggle:before {
    background: #25D91C !important;
    box-shadow: inset 0px 1px 1px rgb(84 152 140 / 50%);
}

.hdq_quiz .hdq_row:hover {
    background: #F5DCE5 !important;
}

.hdq_quiz_wrapper .hdq_button {
    display: inline-block;
    margin: 0 auto;
    padding: 12px 22px;
    text-align: center;
    background: #D91C5B !important;
    color: #fff;
    text-transform: none !important;
    cursor: pointer;
    border-radius: 1rem;
}

.hdq_result {
    padding-bottom: 1.5rem;
    font-size:1.5rem !important;
}

.contenu-femmes .date{
    font-size:0.8rem;
    font-weight:700;
    margin-bottom:0;
}

.contenu-femmes .auteur{
    font-size:0.8rem;
    font-weight:400;
}

.contenu-femmes .titre{
    font-size:1.2rem;
    line-height: 1.8rem;
    font-weight:400;
    font-family:'Mona Sans','Helvetica Neue','Arial';
    color:#91278F;
}

.contenu-femmes .lien{
    font-size:1.5rem;
    line-height: 1.8rem;
    font-weight:400;
    font-family:'Mona Sans','Helvetica Neue','Arial';
    margin-bottom:0;
    font-variation-settings:
    "wdth" 125;
}

.contenu-femmes .lien a{
    color:#91278F;
}

.contenu-femmes .lien a:hover{
    color:#5A1858;
}

.circle-number {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background-color: #FAAF3F;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4rem;
  font-weight: bold;
  font-family:'DM Serif Display','Georgia','Times New Roman';
}

.niveau{
    font-family:'Mona Sans','Helvetica Neue','Arial';
    font-size:2.5rem;
    font-weight: 400;
    font-variation-settings:
    "wdth" 125;
    color:#EFA0BB;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

.palier{
    font-size:1.2rem;
    font-weight:400;
    font-family:'DM Serif Display','Georgia','Times New Roman';
    color:#fff;
    margin-bottom:0;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    border: none;
    box-shadow: 0 0 15px 0 rgba(217, 28, 91, 0.25);
    border-radius: 8px;
    background-color: rgba(251, 248, 251, 1);
}

.femmes .footer{
    background-color:#F1EDF1;
    padding:3rem 0;
    color:#91278F;
    margin-top:0 !important;
    background-image:none;
}

.femmes .footer a{
    color:#fff;
    text-transform: uppercase;
    font-variation-settings:
    "wdth" 125;
    font-weight:700;
}

.femmes .footer a:hover{
    color:#91278F;
}

.pourpre{
    background-color: #5a1858;
    color:#fff;
}

.nav-ft{
    padding:3rem 0;
}



/* Medium only */
@media screen and (min-width: 40em) {

.pourpre{
    background-color: transparent;
    color:#fff;
}

.femmes .footer{
    background-color:#F1EDF1;
    padding:3rem 0;
    color:#91278F;
    margin-top:0 !important;
    background-image:url("../images/femmes/bg-footer.webp");
    background-size: contain;
    background-repeat: repeat-y;
}

.nav-ft{
    padding:1rem 0;
}

.accueil-femmes h2{
    font-family:'DM Serif Display','Georgia','Times New Roman';
    color:#fff;
    text-align: center;
    font-size:3rem;
    font-weight:400;
    margin-bottom: 2rem;
}
    

.entete-femmes h2{
    font-family:'Mona Sans','Helvetica Neue','Arial';
    color:#D91C5B;
    font-variation-settings:
    "wdth" 125;
    font-weight:400;
    font-size:2rem;
}
    


.entete-femmes{
    padding:6rem 0;
    background-image:url("../images/femmes/bg-fp.webp");
    background-repeat: no-repeat;
    background-size:cover;
    background-position:top center;
}
    
.contenu-femmes h1{
    font-family:'DM Serif Display','Georgia','Times New Roman';
    color:#D91C5B;
    font-size:3rem;
    font-weight:400;
    margin-bottom: 2rem; 
}


.contenu-femmes h2{
    font-family:'Mona Sans','Helvetica Neue','Arial';
    font-size:2.5rem;
    font-weight: 400;
    font-variation-settings:
    "wdth" 125;
    color:#91278F;
    margin-bottom: 2rem;
}

.contenu-femmes h3{
    font-family:'Mona Sans','Helvetica Neue','Arial';
    font-size:2rem;
    font-weight: 400;
    font-variation-settings:
    "wdth" 125;
    color:#D91C5B;
}

.contenu-femmes h4{
    font-family:'Mona Sans','Helvetica Neue','Arial';
    font-size:1.5rem;
    font-weight: 400;
    font-variation-settings:
    "wdth" 125;
    color:#413136;
}
    
    

.hdq_result {
    padding-bottom: 1.5rem;
    font-size:2rem !important;
}
    
}


/* Large and up */
@media screen and (min-width: 75rem) {
    

.pourpre{
    background-color: transparent;
    color:#fff;
}
    
    

.hdq_result {
    padding-bottom: 2.3rem;
    font-size:1.5rem !important;
}
    
}