body {
font-family: 'Maven Pro', sans-serif;
}
.donnemoimapolice {
font-family: 'Maven Pro', sans-serif;
}  @media only screen and (max-width: 500px) {
.site-logo {
max-width: 50%;
}
}  .grid-container {
max-width: none;
}  .entry-header h1 {
text-align: center;
text-transform: uppercase;
font-weight: 700;
}
.txt-justifie {
text-align: justify !important;
}  h1, h2, h3, h4, h5, h6, .wp-block-heading {
font-family: 'Maven Pro', sans-serif;
}  .entry-title {
margin-bottom: 0;
margin-top: -40px;
}  .qualys-breadcrumbs {
font-size: 0.7rem;
color: #e5e5e58c;
text-align: left;
margin-left: 50px;
margin-right: 50px;
} .qualys-breadcrumbs a {
color: #e0e0e0;
text-decoration: none;
transition: color 0.2s ease-in-out;
}
.qualys-breadcrumbs a:hover {
color: #ffffff; text-decoration: underline;
} .qualys-breadcrumbs .breadcrumb-home-icon {
width: 0.9em;
height: 0.9em;
vertical-align: -0.1em; } .qualys-breadcrumbs .breadcrumb-separator {
margin: 0 0.5em; color: rgba(255, 255, 255, 0.5); } .qualys-breadcrumbs .breadcrumb-current {
font-weight: bold;
}  .bouton-normal{
text-align: center;
display: block;
background-image: linear-gradient(to right, #E6B287, #623E24);
color: #ffffff;
border-radius: 25px;
padding: 10px 10px 12px 10px;
width: 247px;
margin: 12px auto;
text-decoration: none;
}
.bouton-normal a {
text-decoration: none;
color: #ffffff;
}   .bouton-conteneur {
text-align: center;
} .dropdown {
display: inline-block;
position: relative;
} .dd-button { background-image: linear-gradient(to right, #E6B287, #623E24);
color: #ffffff;    border-radius: 25px; padding: 10px 30px 10px 20px; cursor: pointer; user-select: none;
} .dd-button::-webkit-details-marker {
display: none;
}
.dd-button {
list-style: none; } .dd-button:after {
content: '';
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #ffffff; transition: transform 0.2s ease-in-out;
} .dropdown[open] > .dd-button:after {
transform: translateY(-50%) rotate(180deg);
} .dd-menu {
position: absolute;
top: 100%;
left: -50px;
z-index: 10;
margin-top: 4px;
color: #ffffff;
background-color: #171C35;
border: 1px solid #cccccc;
border-radius: 25px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
padding: 0;
list-style-type: none;
text-align: left;
overflow: hidden;
} .dd-menu li {
padding: 10px 20px;
cursor: pointer;
white-space: nowrap;
}
.dd-menu li a {
text-decoration: none;
color: #ffffff !important;
}
.dd-menu li:hover { background-image: linear-gradient(to right, #E6B287, #623E24);
}  .pas-input-input {
height: 36px;
min-height: 36px;
box-sizing: border-box;
border-radius: 17px !important;
}   .site-footer {
color: #ffffff; padding-top: 30px;
padding-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
position: relative; overflow: hidden;
} .custom-footer-content {
text-align: center;
width: 100%;
} .footer-line {
margin-bottom: 20px; }
.footer-line:last-child {
margin-bottom: 0;
max-width: 70%;
margin: auto;
} .footer-line-1 {
display: flex;
justify-content: center;
align-items: center;
gap: 25px; }
.footer-line-1 a img {
display: block; width: 28px; height: auto; border: none; transition: opacity 0.3s ease; } .footer-line-1 a:hover img {
opacity: 0.75; } .footer-menu-items {
list-style: none; padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap; justify-content: center;
align-items: center;
}
.footer-menu-items li {
padding: 0 14px; } .footer-menu-items li:not(:last-child)::after {
content: "|";
position: relative;
left: 15px; color: #ffffff;
pointer-events: none; }
.footer-menu-items a {
color: #ffffff;
text-decoration: none;
font-weight: bold;
transition: text-decoration 0.3s ease;
}
.footer-menu-items a:hover {
text-decoration: underline;
} .footer-line-3 {
font-size: 0.9em; opacity: 0.8; }
.footer-line-3 a {
color: #ffffff;
text-decoration: none;
}
.footer-line-3 a:hover {
text-decoration: underline;
}  .site-footer::before,
.site-footer::after {
content: '';
position: absolute;
width: 100px;
height: 100px;
background-image: url(https://qualys-institut.fr/wp-content/uploads/2025/07/quart-cercle-cuivre.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 0;
} .site-footer::before {
bottom: 0px;
left: 0px;
} .site-footer::after {
bottom: 0px;
right: 0px;
transform: rotate(270deg);
} @media (max-width: 700px) {
.site-footer::before,
.site-footer::after {
width: 50px;
height: 50px;
}
}   .carte-boutique {
width: 100%;
}
.carte-boutique > .wp-block-group__inner-container {
padding: 0 !important; } .carte-boutique .wp-block-image {
margin: 0 auto 1.5em auto; }
.carte-boutique .wp-block-image img {
width: 100%;
height: auto;
display: block; border-radius: 20px;
} .carte-boutique h3,
.carte-boutique p {
font-size: 15px;
box-sizing: border-box; margin-bottom: 0.2em; 
}
.carte-boutique h3 {
font-weight: 700;
}    html, body {
overflow-x: hidden;
}
.hero-section {
position: relative;
background-color: #ffffff;
padding: 140px 60px 60px 60px;
margin-bottom: 2.5em;
width: 100vw;
left: 50%;
transform: translateX(-50%);
box-sizing: border-box; } .hero-section::before,
.hero-section::after {
content: '';
position: absolute;
width: 100px;
height: 120px;
background-image: url(https://qualys-institut.fr/wp-content/uploads/2025/07/quart-cercle-cuivre.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 0;
} .hero-section::before {
top: -10px;
left: -10px;
transform: rotate(90deg);
} .hero-section::after {
bottom: -10px;
right: -10px;
transform: rotate(270deg);
}
.hero-section > .entry-header,
.hero-section > .hero-content {
position: relative; z-index: 1; } .hero-section .entry-title,
.hero-section .hero-slogan,
.hero-section .hero-text {
color: #171C35;
}
.hero-section .entry-title {
font-size: 2.5em;
margin-bottom: 0.4em;
}
.hero-section .hero-slogan {
font-size: 1.3em;
font-weight: 600;
color: #B49A7A;
margin-top: 0;
margin-bottom: 1em;
}
.hero-section .hero-text {
font-size: 1.1em;
margin-left: auto;
margin-right: auto;
margin-bottom: 2em;
}    .grille-cartes-bienfait {
display: flex !important;
flex-wrap: wrap;
justify-content: center; grid-template-columns: none !important;
} .grille-cartes-bienfait > .carte-bienfait { flex-basis: 33.333%; flex-grow: 0; margin: 20px; max-width: 342px;
}  .carte-bienfait {
margin-bottom: 27px;
display: flex;
flex-direction: column;
} .carte-bienfait > figure:first-of-type img {
display: block;
width: 100%;
height: auto;
border-top-left-radius: 200px;
border-top-right-radius: 200px;
} .carte-bienfait .carte-contenu-bienfait {
position: relative;
background: #fff;
padding: 20px 35px 48px 35px; 
border-bottom-left-radius: 200px;
border-bottom-right-radius: 200px;
flex-grow: 1;
} .carte-bienfait > .motif-sous-bienfait img {
display: block;
width: 100%;
height: auto;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.carte-bienfait h2 {
font-size: 30px;
}  @media (max-width: 1024px) {
.grille-cartes-bienfait > .carte-bienfait {
flex-basis: 45%; }
} @media (max-width: 768px) {
.grille-cartes-bienfait > .carte-bienfait {
flex-basis: 100%; margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 380px) {
.carte-bienfait h2 {
font-size: 23px;
font-weight: 700;
}
}   .wp-block-group__inner-container:has(.mon-carrousel) {
padding-left: 0 !important;
padding-right: 0 !important;
} .mon-carrousel {
position: relative;
width: 100%;
max-width: 1200px;
margin: 2em auto;
}
.mon-carrousel a {
text-decoration: none;
color: #ffffff;
} .carrousel-viewport {
overflow: hidden;
border-radius: 20px;
} .carrousel-piste {
display: flex;
transition: transform 0.4s ease-in-out;
} .carrousel-slide {
flex: 0 0 100%;
min-width: 0;
box-sizing: border-box;
}
.mon-carrousel.carrousel-grille .carrousel-slide img{
border-radius: 115px;
} .carrousel-bouton {
position: absolute;
top: 33%;
transform: translateY(-50%);
z-index: 10; background: transparent !important;
border: none; color: white;
font-size: 48px; font-weight: bold; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7); cursor: pointer;
padding: 0 10px; transition: opacity 0.2s;
} .carrousel-bouton svg {
display: none;
} .carrousel-bouton:hover { background: none; opacity: 0.7;
} .carrousel-bouton.prev {
left: 0px; 
}
.carrousel-bouton.next {
right: 0px;
}  .mon-carrousel .carte-boutique {
position: relative; cursor: pointer;
} .mon-carrousel .carte-boutique h3 a::after {
content: '';
position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; z-index: 1;
}   .faq-section-container {
display: flex;
gap: 30px;
color: white;
background-color: #171C35;
padding: 60px 30px;
overflow: hidden;
position: relative;
} .faq-pattern { background-image: url(https://qualys-institut.fr/wp-content/uploads/2025/06/QualySInstitut_Motif1_Blanc_72.png);
background-repeat: repeat-x;
background-position: center top;
width: 111px;
flex-shrink: 0;
} .faq-content-col {
flex-grow: 1;
display: flex;
flex-direction: column;
align-items: center;
}
.faq-content-col h2 {
margin-bottom: 30px;
font-size: 2.5rem;
color: white !important;
} .faq-item {
width: 70%;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-family: 'Maven Pro', sans-serif;
} .faq-question {
background-color: transparent !important;
border: 1px solid white !important;
border-radius: 35px !important;
padding: 18px 25px;
color: white !important;
font-weight: bold;
cursor: pointer;
list-style: none;
transition: background-color 0.2s;
position: relative;
}
.faq-question::-webkit-details-marker {
display: none;
}
.faq-question:hover {
background-color: rgba(255, 255, 255, 0.1) !important;
} .faq-answer {
background-color: transparent !important;
padding: 25px;
}
.faq-answer p {
margin: 0;
color: white !important;
text-align: justify;
} .wp-block-group__inner-container:has(.faq-section-container) {
max-width: none !important;
} @media (max-width: 750px) { .faq-section-container {
padding: 40px 15px;
gap: 20px;
}
.faq-content-col h2 {
font-size: 2rem;
}
.faq-item {
width: 100%;
}
.faq-pattern-col {width: 30px; } .faq-pattern-col {
background-image: url(https://qualys-institut.fr/wp-content/uploads/2025/06/QualySInstitut_Motif1_Blanc_72-pour-mobile-1.png) !important;
}
}  .separateur-image { background-image: url(https://qualys-institut.fr/wp-content/uploads/2025/06/QualySInstitut_Motif1_Blanc_72-pour-mobile-1.png); background-repeat: repeat-x; background-position: center; height: 40px; width: 100%; margin: 4em 0 0 0;
}     .separate-containers .inside-article {
max-width: 1800px;
margin: auto;
}  .grille-cartes {
display: flex !important;
flex-wrap: wrap;
justify-content: center; grid-template-columns: none !important;
margin-top: 13px;
} .grille-cartes > .carte-service { flex-basis: 33.333%; flex-grow: 0; margin: 30px; max-width: 300px;
}  .carte-service {
box-shadow: 10px 5px 20px 11px rgb(0 0 0 / 32%);
margin-bottom: 27px;
display: flex;
flex-direction: column;
} .carte-service > figure.wp-block-image img {
display: block;
width: 100%;
height: auto;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.coin-superieur-arrondis img {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
} .carte-service .carte-contenu {
position: relative;
background: #fff;
padding: 20px 30px 40px 30px; border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
flex-grow: 1; }
.carte-contenu h2 {
margin-top: 20px;
} .carte-service .bouton-normal {
position: absolute;
bottom: -10px; left: 50%;
transform: translate(-50%, 50%);
z-index: 2;
}  @media (max-width: 1024px) {
.grille-cartes > .carte-service {
flex-basis: 45%; }
} @media (max-width: 768px) {
.grille-cartes > .carte-service {
flex-basis: 100%; margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 1494px) {
.grille-cartes > .carte-service {
max-width: 400px;
}
}
@media (max-width: 380px) {
.carte-service h2 {
font-size: 23px;
font-weight: 700;
}
} .carte-service a {
text-decoration: none;
color: #27348B;
} .lien-sousligne {
text-decoration: underline;
} .carte-service { position: relative;
}
.carte-service h2 {
font-size: 30px;
} .carte-service h2 a::after { content: ''; position: absolute; top: -243px;
left: 0;
right: 0;
bottom: 0; z-index: 7;
}     .bloc-cire {
position: relative;
margin: 100px auto 40px auto; max-width: 500px;
padding: 0 20px;
}  .bloc-cire .wp-block-group__inner-container {
padding: 0 !important;
} .bloc-cire .image-cire {
position: absolute;
top: -90px; left: 50%;
transform: translateX(-50%);
width: 150px; height: 150px;
z-index: 2; }
.bloc-cire .image-cire img {
border-radius: 50%; border: 20px solid #171C35; } .bloc-cire .contenu-cire {
background-color: #FFFFFF;
color: #171C35; border-radius: 25px;
padding: 80px 20px 67px 20px; text-align: center;
position: relative; }
.contenu-cire ul {
margin: 0 0 38px 20px;
text-align: justify;
} .bloc-cire .contenu-cire::after {
content: '';
position: absolute;
bottom: 0px;
right: 0px;
width: 80px;
height: 80px;
background-image: url(https://qualys-institut.fr/wp-content/uploads/2025/07/quart-cercle-cuivre.png);
background-size: contain;
background-repeat: no-repeat; transform: rotate(270deg);
z-index: 1;
}  @media (min-width: 600px) {
.bloc-cire {
margin: 170px auto 40px auto;
}
.bloc-cire .image-cire {
width: 210px; height: 210px;
top: -125px;
}
.bloc-cire .contenu-cire {
padding: 110px 20px 67px 20px;
}
}
@media (min-width: 1050px) {
.bloc-cire {
max-width: 874px;
display: flex; align-items: center; margin-top: 185px;
padding: 0;
} .bloc-cire .image-cire {
transform: none;
flex-shrink: 0; }
.bloc-cire .image-cire {
top: -128px; left: -10%;
width: 250px; height: 250px;
}
.contenu-cire ul {
margin: 80px 0 38px 20px;
}
.bloc-cire .contenu-cire::after {
bottom: 0;
top: 0px;
right: 0px;
width: 80px;
height: 80px;
transform: rotate(180deg);
z-index: 1;
} .bloc-cire .contenu-cire {
padding: 30px 30px 30px 70px; text-align: left;
}
.bloc-cire .contenu-cire p {
text-align: left;
}
}    / .hero-with-nav { width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%);
background-color: #1E223B; color: #ffffff; padding: 40px 20px;
text-align: center;
margin-bottom: 2.5em;
} .hero-with-nav .hero-navigation ul {
list-style: none;
margin: 0 0 30px 0; padding: 0;
display: inline-block;
} .hero-with-nav .hero-navigation ul li {
display: inline;
} .hero-with-nav .hero-navigation ul li:not(:last-child)::after {
content: '|';
margin: 0 20px; color: rgba(255, 255, 255, 0.5); pointer-events: none;
} .hero-with-nav .hero-navigation ul li a {
text-decoration: none;
font-weight: 600;
color: #ffffff; letter-spacing: 0.5px; } .hero-with-nav .entry-title {
margin: 0;
color: #ffffff; } .entry-header {
text-align: center;
}
.hero-with-nav {
text-align: center;
}  .bloc-image-institut { position: relative; background-image: url(https://qualys-institut.fr/wp-content/uploads/2025/08/fond-bloc-institut-page-instituts-2.png); background-position: top right; background-repeat: no-repeat; background-size: auto; border-radius: 25px; padding: 15px; 
}  .pour-motif { position: relative; overflow: visible; max-width: 1200px; margin-left: auto;
margin-right: auto;
} .pour-motif::before { content: '';
top: -3%;
position: absolute; 
right: -23%;
width: 29%;
aspect-ratio: 1 / 1;
background-image: url(https://qualys-institut.fr/wp-content/uploads/2025/08/fond-bloc-institut-page-instituts-2.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 0;
} .pour-motif > .wp-block-group__inner-container {
position: relative; z-index: 1; } .pour-motif h3 a {
text-decoration: none;
color: #ffffff;
} .pour-motif h3 a::after { content: ''; position: absolute; top: 0;
left: 0;
right: 0;
bottom: 0; z-index: 2; 
} @media (min-width: 1000px) {
.pour-motif::before {
top: -5%;
}
}  .section-valeurs > .wp-block-group__inner-container {
padding: 0 !important; }
.carte-valeur > .wp-block-group__inner-container {
padding: 0 !important; } .section-valeurs {
color: white; position: relative; } .section-valeurs > .wp-block-group__inner-container > h2 {
text-align: center;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 2em; } .icone-valeur {
margin-bottom: -45px; position: relative; z-index: 2;
width: 100px !important; height: 100px !important;
margin-left: auto;
margin-right: auto;
}
.icone-valeur img {
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15); border-radius: 50%;
} .carte-valeur {
background-color: white;
color: #27348B;
border-radius: 25px; padding: 1em;
padding-top: 70px; text-align: center;
height: 82%; } .carte-valeur h3 {
text-transform: uppercase;
font-weight: bold;
margin-top: 0;
margin-bottom: 1em;
} .carte-valeur p {
text-align: justify; font-size: 17px;
line-height: 1.6;
}  .titre-histoire {
text-align: center;
text-transform: uppercase;
font-weight: bold;
}
.photo-couple img {
border-radius:120px 120px 0px 0px;
}
.txt-histoire {
text-align: justify;
}    .adresse-horaires-institut {
line-height: 24px;
margin-top: -50px;
}
.adresse-horaires-institut p {
margin-bottom: 0;
} .prez-institut {
text-align: justify;
margin-left: 10%;
margin-right: 10%;
}  .section-prestas-avant > .wp-block-group__inner-container {
padding: 0 !important; }
.carte-presta-hl > .wp-block-group__inner-container {
padding: 0 !important; }
.section-prestas-avant {
padding: 0 !important; }  .carte-presta-hl {
position: relative; padding-bottom: 2em;
} .image-presta-hl {
position: absolute;
top: -85px;
left: 50%; width: 270px; transform: translateX(-135px); 
z-index: 2; }
.image-presta-hl img {
width: 270px;
height: 270px;
border-radius: 50%;
object-fit: cover;
} .contenu-presta-hl {
background-color: white;
color: #27348B;
border-radius: 160px;
text-align: center;
position: relative; margin-top: 90px; padding-top: 225px; height: 520px;
width: 270px;
margin-right: auto;
margin-left: auto;
} .contenu-presta-hl::before {
content: '';
position: absolute;
top: 72px;
left: 50%;
transform: translate(-50%, -50%);
width: 300px;
height: 280px;
background-color: #171C35;
border-radius: 50%;
} .contenu-presta-hl h2 {
text-transform: uppercase;
font-size: 0.9em;
letter-spacing: 1px;
font-weight: 600;
}
.contenu-presta-hl p {
font-size: 1em;
line-height: 1.6;
text-align: justify;
} @media (max-width: 339px) {
.image-presta-hl {
width: 250px;
transform: translateX(-125px);
}
.contenu-presta-hl::before {
top: 72px;
width: 272px;
height: 230px;
}
.image-presta-hl img {
width : 250px;
height: 250px;
}
.contenu-presta-hl {
width: 250px;
}
} @media (min-width: 782px) and (max-width: 962px) { .image-presta-hl,
.image-presta-hl img {
width: 90%; height: auto; aspect-ratio: 1 / 1; margin-left: 2%;
} .image-presta-hl { transform: translateX(-50%); 
} .contenu-presta-hl {
width: 100%;  margin-top: 10vw; 
padding-top: 15vw;
} .contenu-presta-hl::before {
width: 25vw;
height: 25vw;
top: 2vw;
}
} .carte-presta-hl a {
text-decoration: none;
color: #27348B;
} .carte-presta-hl { position: relative;
} .carte-presta-hl h2 a::after { content: ''; position: absolute; top: -87px;
left: 0;
right: 0;
bottom: 0; z-index: 7;
}   .photo-groupe img{
border-radius: 50px;
margin-top: 70px;
}
.texte-sous-photo-groupe {
width: 60%;
margin: auto;
text-align: center;
margin-top: 30px;
margin-bottom: 70px;
}  iframe {
border-radius: 25px;
}       body.page-id-6 .entry-header {
display: none;
}   .flickity-button { background: transparent !important; z-index: 2; }
.flickity-button:disabled { display: none !important; } .flickity-button-icon { display: none !important; }
.flickity-prev-next-button { top: 50%; transform: translateY(-50%); width: 50px; height: 50px; }
.flickity-prev-next-button::after {
content: ''; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px;
border: 4px solid white; border-left: none; border-top: none; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, 0.5));
}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
.flickity-prev-next-button.previous::after { transform: translate(-75%, -50%) rotate(135deg); }
.flickity-prev-next-button.next::after { transform: translate(-25%, -50%) rotate(-45deg); } .flickity-button:focus {
outline: none !important;
box-shadow: none!important;
} .carrousel-pleine-largeur { max-width: none; width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-bottom: 40px; margin-top: -90px; }
.carrousel-pleine-largeur .carrousel-slide { width: 100%; height: auto; }
@media (min-width: 768px) { .carrousel-pleine-largeur .carrousel-slide { height: 80vh; } }
.carrousel-pleine-largeur .carrousel-slide figure { margin: 0; height: 100%; width: 100%; }
.carrousel-pleine-largeur .carrousel-slide img { width: 100%; height: 100%; object-fit: cover; object-position: center; }  .carrousel-multi-vues { 
max-width: 840px; margin-left: auto; 
margin-right: auto; 
} .carrousel-multi-vues .carrousel-slide { 
width: 100%; 
margin-right: 20px; 
}
.carrousel-multi-vues .carrousel-slide img { 
border-radius: 20px; 
} @media (min-width: 768px) { 
.carrousel-multi-vues .carrousel-slide { 
width: 400px; 
} 
}  .carrousel-grille:after { content: 'flickity'; display: none; } .carrousel-grille .carrousel-slide { width: 33.33%; margin-right: 20px; position: relative; cursor: pointer; }
.carrousel-grille .prestation-lien { text-decoration: none; color: white; text-align: center; }
.carrousel-grille .prestation-lien h3 { text-transform: uppercase; font-size: 0.9rem; font-weight: 700; margin-top: 15px; }
.carrousel-grille .prestation-lien::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media (min-width: 768px) {
.carrousel-grille:after { content: ''; } .carrousel-grille { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }
.carrousel-grille .carrousel-slide { width: 230px; margin-right: 0; }
}   :root {
--qsn-fond: #FFFFFF; --qsn-radius-carte: 100px; } .qsn-section-wrapper {
position: relative; max-width: 1000px;
margin: 40px auto; padding-top: 20px;
} .qsn-container {
background-color: var(--qsn-fond);
padding: 40px 30px;
text-align: center;
border-radius: var(--qsn-radius-carte) 0 var(--qsn-radius-carte) 0;
position: relative;
z-index: 1;
} .qsn-section-wrapper::before,
.qsn-section-wrapper::after {
content: '';
position: absolute;
width: 70px; height: 70px; background-image: url(https://qualys-institut.fr/wp-content/uploads/2025/07/quart-cercle-cuivre.png);
background-size: contain;
background-repeat: no-repeat;
z-index: 2;
} .qsn-section-wrapper::before {
bottom: 0;
left: 0;
} .qsn-section-wrapper::after {
top: 20px;
right: 0; transform: rotate(180deg);
} .qsn-container h2 {
text-align: center;
color: #171c35;
font-size: 21px;
font-weight: 700;
margin-top: 27px;
}
.qsn-container p {
text-align: justify;
color: #171c35;
}
.bouton-nous-trouver {
text-align: center;
display: block;
background-image: linear-gradient(to right, #E6B287, #623E24);
color: #ffffff;
border-radius: 25px;
padding: 7px 7px;
width: 203px;
margin: 35px auto 25px auto;
font-weight: 500;
}
.bouton-nous-trouver a {
text-decoration: none;
color: #ffffff;
} @media (min-width: 550px) {
:root { --qsn-radius-carte: 180px;
}
}
@media (min-width: 768px) {
.qsn-section-wrapper {
max-width: 80%;
}
.qsn-container {
padding: 50px;
}
}  .mon-formulaire .pas-input-input {
border-radius: 25px;
}   .separateur-h1 {
border: 0;
height: 4px;
background-image: linear-gradient(to right, #E6B287, #623E24);
width: 300px;
margin: auto;
margin-top: -23px;
margin-bottom: 55px;
}
.conditions-uv {
font-size: 0.7rem;
margin-top:25px;
}  .cartes-privileges {
margin-top: 40px;
margin-bottom: 40px;
padding: 0 20px;
} .cartes-privileges .wp-block-group__inner-container {
padding: 0 !important;
}  .cartes-privileges .wp-block-columns {
flex-direction: column;
align-items: center; gap: 30px;
} .carte-privilege-wrapper {
padding: 2px;
background-image: linear-gradient(45deg, #E6B287, #623E24);
border-radius: 5px;
display: flex; width: 250px;
margin: auto;
} .carte-privilege {
background-color: #171c35;
color: #FFFFFF;
padding: 30px 20px;
border-radius: 3px;
width: 100%;
display: flex;
flex-direction: column; height: 263px; 
} .carte-privilege h2 {
text-align: center;
text-transform: uppercase;
font-size: 1.1rem;
margin: 0 0 15px 0;
}
.separateur-carte-privilege {
border: 0;
height: 2px;
width: 70px;
margin: 0 auto 30px auto;
background-image: linear-gradient(to right, #E6B287, #623E24);
} .ligne-prix > .wp-block-group__inner-container {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 0.9rem;
gap: 15px;
}
.ligne-prix {
margin-bottom: 20px;
}
.ligne-prix p {
margin-bottom: 0;
}
.ligne-prix p:first-child {
flex-shrink: 0;
text-align: left;
}
.ligne-prix p:last-child {
text-align: right;
} #texte-remise, #texte-gratuit, .texte-remise, .texte-gratuit {
text-align: center;
font-size: 1.2rem;
font-weight: bold;
margin-bottom: 25px;
}
.texte-details {
text-align: center;
margin-top: -15px;
margin-bottom: 5px;
}
.texte-details-small {
text-align: center;
font-size: 0.8rem;
opacity: 0.8;
margin-bottom: 25px;
}
.wp-block-column > .conditions {
font-size: 0.7rem;
opacity: 0.7;
color: #FFFFFF; width: 250px; margin-left: auto; margin-right: auto; margin-top: 15px; padding: 0; } @media (min-width: 865px) { .cartes-privileges .wp-block-columns {
flex-direction: row;
justify-content: center; 
}
}   .bloc-a-savoir {
border-radius: 25px;
padding: 7px 13px;
box-shadow: 8px 8px 0px 4px rgb(101 101 101);
margin: 100px auto 40px auto;
max-width: 500px; }  .bloc-a-savoir > .wp-block-group__inner-container {
padding: 0px 0px !important;
}  .bloc-a-savoir .titre-a-savoir {
font-size: 1.5rem;
text-transform: uppercase;
position: relative; margin-top:20px;
margin-bottom: 40px; } .bloc-a-savoir .titre-a-savoir::after {
content: '';
background-image: url(https://qualys-institut.fr/wp-content/uploads/2025/08/ampoule.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
z-index: 3;
position: absolute;
width: 55px;
height: 55px; right: -6px;
top: -20%;
} .bloc-a-savoir ul {
padding-right: 60px;
font-size: 0.95rem;
list-style-position: outside;
}
.bloc-a-savoir ul li {
padding-left: 5px; margin-bottom: 10px; } @media (min-width: 370px) {
.bloc-a-savoir .titre-a-savoir {
font-size: 1.7rem;
}
.bloc-a-savoir .titre-a-savoir::after {
width: 60px;
height: 60px;
right: 2px;
top: -72%;
}
}
@media (min-width: 768px) {
.bloc-a-savoir {
max-width: 750px; }
.bloc-a-savoir .titre-a-savoir::after {
width: 97px;
height: 90px;
right: 3px;
top: 7%;
}
} .bouton-me-rendre-institut {
text-align: center;
display: block;
background-image: linear-gradient(to right, #E6B287, #623E24);
color: #ffffff;
border-radius: 25px;
padding: 7px 7px;
width: 250px;
margin: 70px auto 12px auto;
}
.bouton-me-rendre-institut a {
text-decoration: none;
color: #ffffff;
}   .blog article.post,
.archive article.post {
max-width: 800px;
margin-left: auto;
margin-right: auto;
float: none;
}
.blog .entry-title a,
.archive .entry-title a {
color: #FFFFFF;
}
.blog .entry-title a:hover,
.archive .entry-title a:hover {
color: #DDDDDD;
}
.blog .byline,
.archive .byline,
.blog .author.vcard,
.archive .author.vcard {
display: none !important;
}
.blog .post-image,
.archive .post-image {
margin-left: auto;
margin-right: auto;
}
.blog .entry-summary,
.archive .entry-summary {
text-align: justify;
color: #e0e0e0;
}
.blog .entry-meta a,
.archive .entry-meta a {
color: #E6B287;
text-decoration: none;
}
.blog .entry-meta a:hover,
.archive .entry-meta a:hover {
color: #DFCEC0;
} .archive .page-header {
text-align: center;
position: relative;
padding-bottom: 30px;
margin-bottom: 40px;
}
.archive .page-title {
text-transform: uppercase;
color: #FFFFFF;
margin-bottom: 20px;
}
.archive .page-header::after {
content: '';
display: block;
height: 4px;
width: 150px;
background-image: linear-gradient(to right, #E6B287, #623E24);
position: absolute;
bottom: 27px;
left: 50%;
transform: translateX(-50%);
}  .custom-blog-header {
color: #ffffff;
padding: 40px 20px;
text-align: center;
margin-bottom: 2.5em;
} .custom-blog-header .page-title {
color: #ffffff;
text-transform: uppercase;
}
.titre-avec-separateur {
position: relative; text-align: center; padding-bottom: 20px; margin-bottom: 20px; }
.titre-avec-separateur::after {
content: '';
display: block;
height: 4px;
width: 150px;
background-image: linear-gradient(to right, #E6B287, #623E24); position: absolute;
bottom: 0; left: 50%;
transform: translateX(-50%); }
.text-menu-blog {
margin-top :70px;
} .category-navigation {
max-width: 590px;
margin: 30px auto 40px auto;
}
.custom-blog-header .category-navigation ul {
list-style: none; margin: 20px 0;
padding: 0;
display: flex;
flex-wrap: wrap; justify-content: center;  gap: 10px 0;
}
.custom-blog-header .category-navigation ul li {
white-space: nowrap;  flex-basis: 33.33%;
flex-grow: 0;
text-align: center; box-sizing: border-box; position: relative; } .custom-blog-header .category-navigation ul li:not(:first-child)::before {
content: '|';
color: rgba(255, 255, 255, 0.5);
pointer-events: none; position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
} .custom-blog-header .category-navigation ul li:nth-child(3n + 1)::before {
content: none;
} .custom-blog-header .category-navigation ul li a {
text-decoration: none;
font-weight: 600;
color: #ffffff;
letter-spacing: 0.5px;
} .custom-blog-header .separateur-image {
background-image: url(https://qualys-institut.fr/wp-content/uploads/2025/06/QualySInstitut_Motif1_Blanc_72-pour-mobile-1.png);
background-repeat: repeat-x;
background-position: center;
height: 40px;
width: 70%;
margin: 15px auto 60px auto; } .custom-blog-header .articles-subtitle {
color: #ffffff;
text-transform: uppercase;
margin: 0;
} .blog .entry-title a,
.archive .entry-title a {
color: #FFFFFF !important;
}    .single-post .inside-article,
.single-post .comments-area {
margin: auto;
max-width: 1000px;
} .inside-article>.featured-image { 
text-align: center;
max-width: 800px;
}
.inside-article>.featured-image img {
border-radius: 15px; } .single-post .entry-header h1 {
margin-top: 20px;
} .single-post .entry-meta a {
color: #E6B287;
text-decoration: none;
}
.single-post .entry-meta a:hover {
color: #DFCEC0;
} a :hover {
color:#E6B287;
}