/*!
Theme Name: Divi Child
Theme URI: https://tntatelier.com/
Description: Thème enfant de Divi par TNT Atelier.
Author: Jérémy Gauthier - TNT Atelier
Author URI: https://tntatelier.com/
Template: Divi
Version: 1.0
*/

/*
          _____       __   __                                              _                                  _ _   __             _            
         / ____|     /_/  /_/                                             (_)                                | ( ) /_/            (_)           
         | |    _ __ ___  ___    __ ___   _____  ___   _ __   __ _ ___ ___ _  ___  _ __    _ __   __ _ _ __  | |/  ___  __ _ _   _ _ _ __   ___ 
         | |   | '__/ _ \/ _ \  / _` \ \ / / _ \/ __| | '_ \ / _` / __/ __| |/ _ \| '_ \  | '_ \ / _` | '__| | |  / _ \/ _` | | | | | '_ \ / _ \
         | |___| | |  __/  __/ | (_| |\ V /  __/ (__  | |_) | (_| \__ \__ \ | (_) | | | | | |_) | (_| | |    | | |  __/ (_| | |_| | | |_) |  __/
         \_____|_|  \___|\___|  \__,_| \_/ \___|\___| | .__/ \__,_|___/___/_|\___/|_| |_| | .__/ \__,_|_|    |_|  \___|\__, |\__,_|_| .__/ \___|
                                                      | |                                 | |                             | |       | |         
                                                      |_|                                 |_|                             |_|       |_|                                                                                
                                                                                                                                                      
                                                                    ##                                         ###   ###                               
         ################                       #####               ##     ####          ##                    ###   ###                               
         ################                      ######              ###    #####          ##                    ###                                     
         ################  ######  ######     ############         ##    ### ###      ########     ######      ###   ###      ######     ### ####      
               ######      ################  #############        ##    ###   ###     ########    #########    ###   ###    #########    ########      
               ######      ################# #############       ###   ###    ####       ##      ###     ###   ###   ###   ###     ###   ####          
               ######      ######### #######    ######           ##    ###     ###       ##     ###      ###   ###   ###  ###       ###  ###           
               ######      #######    ######    ######          ##    #############      ##     ############   ###   ###  #############  ###           
               ######      ######     ######    ######         ###   ###############     ##     ###            ###   ###  ###            ###           
               ######      ######     ######    #######        ##   ###          ####    ##     ####           ###   ###   ###           ###           
               ######      ######     ######     #########    ##    ###           ###    ######  ##########    ###   ###   ###########   ###           
               ######      ######     ######     #########   ###   ###             ###    #####   #########    ##    ###     #########   ###           
                                                      ###    ##                                                                                        
                                                            ##                                                                                         
                                                           ##                                                                                         
                                                          ##                                                                                          
                                                         ##                                                                                           
                                                        ##                                                                                                       
*/

/*------------------------------------------TYPOGRAPHIE------------------------------------------*/
/*
@font-face {
	font-family: 'Source Sans 3';
	font-style: italic;
	font-display: swap !important;
	font-weight: 100 900;
	src: url('/wp-content/themes/Divi-child/fonts/SourceSans3-VariableFont_wght-italic.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}*/


@font-face {
	font-family: 'Momo Trust Display';
	font-style: normal;
	font-weight: 400;
	src: url('/wp-content/themes/Divi-child/fonts/MomoTrustDisplay-400.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Montserrat';
	font-style: italic;
	font-weight: 100 900;
	src: url('/wp-content/themes/Divi-child/fonts/Montserrat-VariableFont_wght-italic.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 100 900;
	src: url('/wp-content/themes/Divi-child/fonts/Montserrat-VariableFont_wght.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@font-face {
	font-family: 'Momo Trust Sans';
	font-style: normal;
	font-weight: 200 800;
	src: url('/wp-content/themes/Divi-child/fonts/MomoTrustSans-VariableFont_wght.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

h1 span {
    color: #37322D !Important
}

.menu-menu-principal-haut-container .menu a{
    color: #37322D !important;
}

.urgence-header h6, .urgence-header a{
    color: #37322D !Important
}


html {font-size: 100%;}

body, p, li, .feuillet-footer {font-size: 1.3125rem; line-height: 1.4; font-weight: 500; font-family: 'Montserrat', sans-serif !important;}
h1 {font-size: 4rem !important; line-height: normal; font-weight: 400 !important; font-family: 'Momo Trust Display', sans-serif !important; color: #37322D !important}
h2 {font-size: 3.125rem !important; line-height: 1.16 !important; font-weight: 700 !important; letter-spacing: -0.03em; font-family: 'Momo Trust Sans', sans-serif !important;}
h3 {font-size: 1.75rem !important; line-height: normal; font-weight: 600 !important; letter-spacing: 0.1em; text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 3px; font-family: 'Montserrat', sans-serif !important; text-transform: uppercase;}
h4 {font-size: 2.5rem; line-height: normal; font-weight: 600 !important; font-family: 'Montserrat', sans-serif !important;}
h5, .menu-menu-principal-container .menu a, .tel-footer p, .barre-header-haut .urgence-header p {font-size: 2.125rem !important; line-height: 1.29; font-weight: 400 !important; font-family: 'Montserrat', sans-serif !important;}
h6, .navigation-menu-principal .sub-menu li a, .navigation-menu-haut ul a, #menu-footer ul li a {font-size: 1.625rem !important; line-height: normal; font-weight: 700 !important; font-family: 'Montserrat', sans-serif !important;}

a{transition:0.3s; cursor:pointer;}
.et_pb_button, .button, .submit, .wp-block-button__link, .wpcf7-submit, .wp-element-button, .woocommerce a.button{}

.texte-blanc, .texte-blanc a, .texte-blanc p, .texte-blanc li, .texte-blanc h1, .texte-blanc h2, .texte-blanc h3, .texte-blanc h4, .texte-blanc h5, .texte-blanc h6{color:#FFF !important;}

p:not(.has-background):last-of-type{padding-bottom:1em;}

@media (max-width: 1180px){

	html {
           /*font-size: 87.5%;*/
	   font-size: 84%;
   	}
    
}

@media (max-width: 980px){

	body, p, li {}
      h1 {}
      h2 {}
      h3 {}
      h4 {}
      h5 {}
      h6 {}

      #footercredit p, #footercredit a {}
}

@media (max-width: 480px){
    html {
        font-size: 75%;
    }
	body, p, li {}
      h1 {}
      h2 {}
      h3 {}
      h4 {}
      h5 {}
      h6 {}
}





#main-footer {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 60px;
}

.footer-gauche {
    width: 60%;
    box-sizing: border-box;
}

.footer-droite {
    width: 40%;
    box-sizing: border-box;
}

.footer-gauche-bas {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

#logo-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-droite {
    display: flex;
    justify-content: center;
}

#menu-footer ul li a {
    text-align: center;
    display: block;
    color: black !important;
    margin-bottom: 40px;
}

.footer-droite {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#menu-footer {
    width: 100%;
    text-align: center;
}

#icon-facebook-footer {

    text-align: center;
}




/*------------------------------------------CTA------------------------------------------*/
/*CTA*/
.et_pb_button, .button, .submit, .wp-block-button__link, .wpcf7-submit, .wp-element-button, .woocommerce a.button, .wc-block-components-button, .single_add_to_cart_button{border-radius: 40px; padding:20px 40px !important; color:#FFF !important; background-color: #09A2CD !important; border:3px solid #09A2CD !important; text-align:center; transition:0.3s; font-size: 1.5rem !important; font-weight: 600 !important;}
.et_pb_button:hover, .button:hover, .submit:hover, .wp-block-button__link:hover , .wpcf7-submit:hover, .wp-element-button:hover, .woocommerce a.button:hover, .wc-block-components-button:hover, .single_add_to_cart_button:hover{padding:20px 40px !important; border:3px solid #3DB6D8 !important; background-color: #3DB6D8 !important; color:#fff !important;}
.et_pb_button:after, .button:after, .submit:after, .wp-block-button__link:after, .wpcf7-submit:after, .wp-element-button:after, .woocommerce a.button:after, .wc-block-components-button:after, .single_add_to_cart_button:after{display:none;}

/*CTA Outline*/
.btn-outline.et_pb_button, .btn-outline .et_pb_button, .btn-outline.button, .btn-outline .button, .btn-outline.submit, .btn-outline .submit, .btn-outline.wp-block-button__link, .btn-outline .wp-block-button__link, .btn-outline.wpcf7-submit, .btn-outline .wpcf7-submit, .btn-outline.wp-element-button, .btn-outline .wp-element-button{color:#F71635 !important; background:transparent !important; border:3px solid #F71635 !important;}

.btn-outline.et_pb_button:hover, .btn-outline .et_pb_button:hover, .btn-outline.button:hover, .btn-outline .button:hover, .btn-outline.submit:hover, .btn-outline .submit:hover, .btn-outline.wp-block-button__link:hover, .btn-outline .wp-block-button__link:hover, .btn-outline.wpcf7-submit:hover, .btn-outline .wpcf7-submit:hover, .btn-outline.wp-element-button:hover, .btn-outline .wp-element-button:hover{border:3px solid #F71635 !important; background:#F71635 !important; color:#FFF !important;}

/*CTA Blanc*/
.texte-blanc.et_pb_button, .texte-blanc .et_pb_button, .texte-blanc.button, .texte-blanc .button, .texte-blanc.submit, .texte-blanc .submit, .texte-blanc.wp-block-button__link, .texte-blanc .wp-block-button__link, .texte-blanc.wpcf7-submit, .texte-blanc .wpcf7-submit, .texte-blanc.wp-element-button, .texte-blanc .wp-element-button{color:#F71635 !important; background:#FFF !important; border:3px solid #FFF !important;}
.texte-blanc.et_pb_button:hover, .texte-blanc .et_pb_button:hover, .texte-blanc.button:hover, .texte-blanc .button:hover, .texte-blanc.submit:hover, .texte-blanc .submit:hover, .texte-blanc.wp-block-button__link:hover, .texte-blanc .wp-block-button__link:hover, .texte-blanc.wpcf7-submit:hover, .texte-blanc .wpcf7-submit:hover, .texte-blanc.wp-element-button:hover, .texte-blanc .wp-element-button:hover{border:3px solid #F71635 !important; background:#F71635 !important; color:#FFF !important;}

/*CTA Blanc Outline*/
.texte-blanc .btn-outline.et_pb_button, .texte-blanc.btn-outline.et_pb_button, .texte-blanc.btn-outline .et_pb_button, .texte-blanc .btn-outline .et_pb_button, .texte-blanc .btn-outline.button, .texte-blanc.btn-outline.button, .texte-blanc.btn-outline .button, .texte-blanc .btn-outline .button, .texte-blanc .btn-outline.submit, .texte-blanc.btn-outline.submit, .texte-blanc.btn-outline .submit, .texte-blanc .btn-outline .submit, .texte-blanc .btn-outline.wpcf7-submit, .texte-blanc.btn-outline.wpcf7-submit, .texte-blanc.btn-outline .wpcf7-submit, .texte-blanc .btn-outline .wpcf7-submit, .texte-blanc .btn-outline.wp-element-button, .texte-blanc.btn-outline.wp-element-button, .texte-blanc.btn-outline .wp-element-button, .texte-blanc .btn-outline .wp-element-button{color:#FFF !important; background:transparent !important; border:3px solid #FFF !important;}
.texte-blanc .btn-outline.et_pb_button:hover, .texte-blanc.btn-outline.et_pb_button:hover, .texte-blanc.btn-outline .et_pb_button:hover, .texte-blanc .btn-outline .et_pb_button:hover, .texte-blanc .btn-outline.button:hover, .texte-blanc.btn-outline.button:hover, .texte-blanc.btn-outline .button:hover, .texte-blanc .btn-outline .button:hover, .texte-blanc .btn-outline.submit:hover, .texte-blanc.btn-outline.submit:hover, .texte-blanc.btn-outline .submit:hover, .texte-blanc .btn-outline .submit:hover, .texte-blanc .btn-outline.wpcf7-submit:hover, .texte-blanc.btn-outline.wpcf7-submit:hover, .texte-blanc.btn-outline .wpcf7-submit:hover, .texte-blanc .btn-outline .wpcf7-submit:hover, .texte-blanc .btn-outline.wp-element-button:hover, .texte-blanc.btn-outline.wp-element-button:hover, .texte-blanc.btn-outline .wp-element-button:hover, .texte-blanc .btn-outline .wp-element-button:hover{border:3px solid #FFF !important; background:#FFF !important; color:#F71635 !important;}



/*------------------------------------------GÉNÉRAUX------------------------------------------*/
.container::before{display:none;}
#sidebar{display:none;}
#left-area{width:100%; padding:0 !important;}
#page-container{padding-top: 0 !important;}
figure{margin-bottom: 0 !important;}
.grecaptcha-badge {visibility: hidden !important;}

.et-fb-root-ancestor, .et-fb-root-ancestor p, .et-fb-root-ancestor li, .et-fb-root-ancestor h1, .et-fb-root-ancestor h2, .et-fb-root-ancestor h3, .et-fb-root-ancestor h4, .et-fb-root-ancestor h5, .et-fb-root-ancestor h6{font-size:inherit !important;}

html {
    scrollbar-color: #09A2CD transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #09A2CD;
}


.bouton-orange{
    background-color: #09A2CD !important;
    color: white !important;
    border: none !important;
    border-radius: 40px !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.bouton-orange:hover{
    background-color: #3DB6D8 !important;
    color: white !important;
    border: none !important;
}

.bouton-blanc{
    background-color: white !important;
    color: #5C0DAB !important;
    border: none !important;
    border-radius: 40px !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
}

.bouton-blanc:hover{
    background-color: rgb(255,255,255) !important;
    color: #00AAD4 !important;
    border: none !important;
}


/*------------------------------------------HEADER------------------------------------------*/

.header-principal{
    background-color: #5C0DAB !Important;
}

.header-principal-gauche{
    margin-left: 40px;
}

.header-principal {
    display: flex;
    align-items: center;
}

.header-principal-gauche {
    flex-shrink: 0;
}

.header-principal-droit {
    margin-left: auto;
}

.navigation-menu-principal ul {
    display: flex;
    align-items: center;
    gap: 120px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.menu-menu-principal-container .menu {
    margin-right: 40px;
}

.navigation-menu-principal ul li a {
    color: #ffffff !important;
}

.navigation-menu-principal .menu-item-has-children {
    position: relative;
}


.navigation-menu-principal .menu-item-has-children > a {
    display: flex;
    gap: 5px;
}

.navigation-menu-principal .menu-item-has-children > a::after {
    content: "";
    width: 25px;
    height: 16px;
    background-image: url("https://www.felichien.ca/wp-content/uploads/2026/08/fleche-menu.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}

.navigation-menu-principal .menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

.navigation-menu-principal .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #E2D5F2;
    min-width: 220px;
    padding: 10px 0;
    margin: 0;
    z-index: 9999;
    gap: 0;
}

.navigation-menu-principal .sub-menu li {
    display: block;
    width: 100%;
}

.navigation-menu-principal .sub-menu li a {
    display: block;
    padding: 10px 20px;
    color: #ffffff !important;
    white-space: nowrap;
}

.navigation-menu-principal .menu-item-has-children:hover > .sub-menu {
    display: block;
}

.navigation-menu-principal .menu-item-has-children > a::after {
    transition: transform 0.3s ease;
}

.navigation-menu-principal .menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
}

.navigation-menu-principal .menu-item-has-children > a::after {
    position: relative;
    top: 10px;
}

.navigation-menu-principal .sub-menu li a{
    color: black !important;
}

.navigation-menu-principal .sub-menu li a:hover{
    color: #5C0DAB !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.menu-menu-principal-container .menu a:hover{
    color: #CBB5E6 !important;
}

.navigation-menu-haut ul{
    display: flex;
    gap: 60px;
}

.navigation-menu-haut ul a{
    color: black !important;
}

.navigation-menu-haut ul a:hover{
    color: #5C0DAB !important;
}

.urgence-header {
    display: flex;
    align-items: center;
    gap: 5px;
}

.barre-header-haut{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 30px;
}

.urgence-header h6, .urgence-header h5 {
    padding-bottom: 8px;
    padding-top: 8px;
}
.urgence-header::before {
    content: "";
    width: 45px;
    height: 45px;
    background-image: url("https://www.felichien.ca/wp-content/uploads/2026/08/icon-urgence.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}




.barre-header-haut {
    display: flex;
    align-items: stretch;
}

.barre-haut-droit {
    display: flex;
    align-items: stretch;
}

.navigation-menu-haut {
    display: flex;
    align-items: stretch;
}

.navigation-menu-haut > div {
    display: flex;
    align-items: stretch;
}


.barre-header-haut .urgence-header p {
    padding-bottom: 0px !important;
}

.barre-header-haut .urgence-header p:hover {
    color: #5C0DAB !important;
}


.navigation-menu-principal .menu > li {
    position: relative;
}

.navigation-menu-principal .menu > li > .sub-menu {
    left: 45% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    padding-right: 50px;
}

.navigation-menu-principal .menu-item-has-children {
    position: relative;
}

.navigation-menu-principal .sub-menu {
    top: calc(100% + 26px) !important;
}

.navigation-menu-principal .sub-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -26px;
    height: 26px;
    background: transparent;
}

@media (max-width: 1574px)
{
.navigation-menu-principal .sub-menu {
    top: calc(100% + 35px) !important;
}

.navigation-menu-principal .sub-menu::before {
    top: -35px;
    height: 35px;
}
}

@media (max-width: 1416px)
{
.navigation-menu-principal .sub-menu {
    top: calc(100% + 41px) !important;
}

.navigation-menu-principal .sub-menu::before {
    top: -41px;
    height: 41px;
}
}


.menu-menu-principal-container .menu .current-menu-item > a {
    color: #CBB5E6 !important;
}
.menu-menu-principal-haut-container .menu .current-menu-item > a {
    color: #5C0DAB !important;
}
.navigation-menu-principal .sub-menu .current-menu-item > a {
    color: #5C0DAB !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}


/*------------------------------------------FOOTER------------------------------------------*/

#footercredit{width:80%; max-width:1110px; margin:auto; text-align: center; padding:10px 0;}
#footercredit p, #footercredit a{font-size:14px !important; color:#000;}

.footer_copyright {
    color: black !important;
}

#footercredit {
     background-color: #F2F1EC !important;
    max-width:2570px !important;
    width: 100%;
}

#main-footer{
    background-color: #F2F1EC !important;
}

.menu-menu-principal-haut-container {
    display: flex;
    align-items: stretch;
}

.menu-menu-principal-haut-container .menu {
    display: flex;
    align-items: stretch;
}

.menu-menu-principal-haut-container .menu > li:last-child {
    display: flex;
    align-items: stretch;
}

.menu-menu-principal-haut-container .menu > li:last-child > a {
    color: #ffffff !important;
    background-color: #09A2CD;
    padding: 0 24px;
    border-radius: 40px 0 0 40px;
    display: flex;
    align-items: center;
}

.menu-menu-principal-haut-container .menu > li:not(:last-child) {
    display: flex;
    align-items: center;
}

.menu-menu-principal-haut-container .menu > li:last-child {
    margin-left: -30px;
}

.menu-menu-principal-haut-container .menu > li:last-child > a {
    transition: background-color 0.3s ease;
}

.menu-menu-principal-haut-container .menu > li:last-child > a:hover {
    background-color: #3DB6D8;
}

#menu-footer ul li a:hover{
    color: #5C0DAB !important;
}

#logo-footer {
    margin-left: 100px;
}
.footer-gauche-bas {
    margin-left: 80px;
}
#main-footer,
#main-footer p,
#main-footer a,
#main-footer h1,
#main-footer h2,
#main-footer h3,
#main-footer h4,
#main-footer h5,
#main-footer h6 {
    color: #000000 !important;
}
#main-footer .footer-gauche-bas h6{
    color: #5C0DAB !important;
}

.footer-gauche-bas{
    margin-top: 40px;
}

.footer-gauche-bas .tel-footer p{ 
    padding-bottom: 0px !important;
}

.footer-gauche-bas .adresse-footer p{ 
    padding-bottom: 15px !important;
}

.tel-footer::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("https://www.felichien.ca/wp-content/uploads/2026/08/icon-tel-mauve.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
}

.tel-footer {
    display: flex;
    align-items: center;
}




@media (max-width: 1260px) {

    #main-footer {
        flex-direction: column;
        align-items: center;
    }

    .footer-gauche,
    .footer-droite {
        width: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #logo-footer {
        margin-left: 0 !important;
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .footer-gauche-bas {
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-left: 0 !important;
        gap: 30px;
    }

    .footer-colonne {
        align-items: center;
        text-align: center;
    }

    .adresse-footer,
    .tel-footer {
        justify-content: center;
        text-align: center;
    }

    .footer-droite {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 40px !important;
    }

    #menu-footer {
        width: 100%;
        text-align: center;
    }

    #menu-footer ul {
        text-align: center;
        padding: 0;
        margin: 0;
    }

    #menu-footer ul li {
        text-align: center;
    }

    #menu-footer ul li a {
        display: block;
        text-align: center;
    }

    #icon-facebook-footer {
        margin-top: 20px;
        text-align: center;
    }

    #footercredit {
        text-align: center;
    }
}

@media (max-width: 1726px) and (min-width: 981px) {

    .footer-gauche {
        width: 65% !important;
    }

    .footer-droite {
        width: 35% !important;
    }

    #main-footer p,
    #main-footer a {
        font-size: 1.1rem !important;
    }

    #main-footer h6 {
        font-size: 1.3rem !important;
    }

    #menu-footer ul li a {
        font-size: 1.3rem !important;
    }
}

#main-footer .footer-gauche-bas a:hover{
    color: #5C0DAB !important;
}

/*====== PAGE ACCUEIL ==============================================================*/

.texte-1 h1{
    margin-bottom: 10px;
}

.texte-1 h5{
    margin-bottom: 15px;
}

.groupe-chien,
.groupe-chat,
.groupe-animal {
    display: flex;
    align-items: center;
    gap: 30px;
}

.groupe-chien .icon-chien,
.groupe-chat .icon-chat,
.groupe-animal .icon-animal {
    flex-shrink: 0;
}

.groupe-chien,
.groupe-chat,
.groupe-animal {
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
}

.groupe-chien > *,
.groupe-chat > *,
.groupe-animal > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 776px) {

    .groupe-chien,
    .groupe-chat,
    .groupe-animal {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

    .groupe-chien .icon-chien,
    .groupe-chat .icon-chat,
    .groupe-animal .icon-animal {
        margin: 0 auto 20px auto;
    }

    .groupe-chien .text-chien,
    .groupe-chat .text-chat,
    .groupe-animal .text-animal {
        width: 100%;
        text-align: center;
    }
}

.hero {
    position: relative;
    overflow: hidden;
}

.hero > * {
    position: relative;
    z-index: 1;
}



@media (max-width: 1776px) {
    .texte-1 h1{
        font-size: 3.2rem !important
    }
    
    .texte-1 h6{
        font-size: 2.5rem !important
    }
    
    .hero-droite h2{
      font-size: 2.2rem !important  
    }
    
    .hero-droite h6{
      font-size: 1.5rem !important  
    }
    
    .hero-gauche{
        margin-right : 0px !important;
            padding-right: 12% !important;
    }
    .hero-droit{
        padding-right: 0px !important
    }
}

@media (max-width: 1776px) {
    .hero-droite{
        margin-left: -80px;
    }
    .hero-droite {
    margin-right: 0 !important;
} 
}

@media (max-width: 1776px) {
.hero .hero-droite {
    width: 50% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
}
}

@media (max-width: 1310px) {

    .hero .et_pb_row {
        display: flex !important;
        flex-direction: column !important;
    }

    .hero .et_pb_column {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
    }

    .hero .hero-droite {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }
    
    .hero-gauche{
        margin-bottom: 50px;
        padding-right: 0px !important
    }
    
    .hero-droite{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    
    

}

@media (max-width: 1310px) {

    .hero .et_pb_row {
        display: flex !important;
        flex-direction: column !important;
    }

    .hero .et_pb_column {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
    }

    .hero-gauche {
        margin-bottom: 50px;
        padding-right: 0 !important;
    }

    .hero .hero-droite {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box;
    }
}

.texte-2 h2{
    margin-bottom: 10px;
}

.service-presentation h6:hover{
    color: #5C0DAB;
}

.service-presentation-case:hover h6 {
    color: #5C0DAB !important;
}


.texte-3 h2, .texte-3 p {
    margin-bottom: 10px;
}

.texte-5 a::before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("https://www.felichien.ca/wp-content/uploads/2026/08/icon-tel-mauve.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    vertical-align: middle;
}

@media (max-width: 1024px)
{
    .texte-5{
        padding-left: 20px;
        padding-right: 20px;
    }
}

.texte-6 h2{
    margin-bottom: 15px;
}

.texte-7 h2{
    margin-bottom: 5px;
}

.review p, .review h6{
    color: black;
}

.review p{
    padding-bottom: 15px !important;
}

.review em{
    font-style: normal;
    letter-spacing: 5px;
    font-size: 1.8rem;
    color: #5C0DAB;
}

.texte-8 h2{
    margin-bottom: 10px;
}

.swiper-button-next,.swiper-button-prev, .gs_logo__loaded h3{
    display: none !important;
}

.texte-9 h2{
    margin-bottom: 10px;
}

.horraire {
    position: relative !important;
}

.horraire::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;

    left: 50% !important;
    top: 30px !important;
    bottom: 30px !important;

    width: 2px !important;
    height: auto !important;

    background: #5C0DAB !important;

    z-index: 999 !important;
    pointer-events: none !important;
}

@media (max-width: 980px) {
    .horraire::before {
        display: none !important;
        content: none !important;
    }
    
    .horraire-stfe h6{
    padding-left: 00px !important;
}
}

.horraire-dolbeau,
.horraire-stfe {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center;
}

    .horraire-stfe h6{
    padding-left: 80px;
}

@media (max-width: 980px) {

    .horraire::before {
        display: block !important;
        content: "" !important;

        position: absolute !important;

        left: 10% !important;
        right: 10% !important;
        top: 50% !important;
        bottom: auto !important;

        width: auto !important;
        height: 2px !important;

        background: #5C0DAB !important;
        transform: translateY(-50%);
    }

    .horraire-stfe h6 {
        padding-left: 0 !important;
    }
}

@media (max-width: 1167px) and (min-width: 981px) {
    .horraire::before {
        left: 47% !important;
    }
}

.texte-10 h2{
    margin-bottom: 15px;
}

.texte-5 h2, .texte-5 h3, .texte-5 h4,.texte-5 h6{
    color: #5C0DAB !important;
}

.horraire p{
    padding-bottom: 10px;
}

.horraire h6{
    margin-bottom: 15px;
}

.horraire p:last-child {
    padding-bottom: 5px !important;
}

.texte-1-a-propos h2{
    margin-bottom: 15px;
}

.texte-1-a-propos p{
    margin-bottom: 8px;
}

@media (max-width: 1140px) {

    .section-equipe {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px 30px !important;
    }

    .section-equipe > * {
        width: 100% !important;
        margin: 0 !important;
    }
}

@media (max-width: 454px) {

    .section-equipe {
        grid-template-columns: 1fr !important;
    }

    .section-equipe > * {
        width: 100% !important;
    }
}


/*====== À PROPOS ==============================================================*/

@media (max-width: 1730px)
{
    .section-icon h5{
       font-size: 1.5rem !important;
    }
}

@media (max-width: 1435px) {

    .section-icon {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px 30px !important;
    }

    .section-icon > * {
        width: 100% !important;
        margin: 0 !important;
    }

    .section-icon > *:first-child {
        grid-column: 1 !important;
    }
}

@media (max-width: 668px) {

    .section-icon {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    .section-icon > * {
        width: 100% !important;
        grid-column: 1 !important;
    }
}


/*===== ANIMAL =============================================================*/

.texte-case-animal h2{
    margin-bottom: 10px;
}

@media (max-width: 980px) {
    .reverse-flex h2{
        margin-top: 30px !Important;
    }
    
}

@media (max-width: 980px) {

    .reverse-flex {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .reverse-flex > * {
        width: 100% !important;
        margin-right: 0 !important;
    }
    
    .reverse-flex img{
        margin-bottom: 0px !Important;
    }
    
}


.faq .et_pb_toggle,
.faq .et_pb_toggle_open,
.faq .et_pb_toggle_close {
    background: #ffffff !important;
}

.faq h5,
.faq .et_pb_toggle_title {
    color: #000000 !important;
}

.faq p,
.faq .et_pb_toggle_content {
    color: #000000 !important;
}

.faq .et_pb_toggle_title::before {
    font-size: 50px !important;
    color: black;
}



.faq .et_pb_toggle_title::before,
.faq .et_pb_toggle_open .et_pb_toggle_title::before,
.faq .et_pb_toggle_close .et_pb_toggle_title::before {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: transform 0.3s ease;
}

.faq .et_pb_toggle_close .et_pb_toggle_title::before {
    transform: rotate(0deg) !important;
}

.faq .et_pb_toggle_open .et_pb_toggle_title::before {
    transform: rotate(180deg) !important;
}


/*======  ASTUCES ========================================*/

.et_pb_title_meta_container {
    display: none;
}

.image-feature img {
    width: 100% !important;
    height: 450px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.titre-article {
    display: flex !important;
    flex-direction: column !important;
}

.titre-article .et_pb_title_featured_container,
.titre-article .et_pb_title_featured_image {
    order: 1 !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

.titre-article .et_pb_title_container,
.titre-article .entry-title {
    order: 2 !important;
}

.titre-article .et_pb_title_container {
    width: 100% !important;
}

.titre-article .entry-title {
    text-align: center !important;
    width: 100% !important;
    margin-top: 40px;
}


.blog-case .et_pb_salvattore_content {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px !important;
}

.blog-case .et_pb_salvattore_content > .column {
    display: contents !important;
}

.blog-case .et_pb_post {
    width: 100% !important;
    margin: 0 !important;
}

.et_pb_post h4 {color: #000;}

@media (max-width: 767px) {
    .blog-case .et_pb_salvattore_content {
        grid-template-columns: 1fr !important;
    }
}

.blog-case .more-link {
    display: inline-block !important;
    background-color: #00AAD4 !important;
    color: white !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    padding: 20px 30px !important;
    width: fit-content !important;
}

.blog-case .more-link:hover {
    background-color: #3DB6D8 !important;
    color: white !important;
    border: none !important;
}

.blog-case .entry-featured-image-url img {
    width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 60px !important;
    display: block !important;
}

.blog-case p {
    font-size: 1.3125rem !important;
}


.blog-case .et_pb_salvattore_content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 40px !important;
}

.blog-case .et_pb_salvattore_content > .column {
    display: contents !important;
}

.blog-case .et_pb_post {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    margin: 0 !important;
}

.blog-case .post-content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.blog-case .more-link {
    margin-top: auto !important;
}


.blog-case .entry-featured-image-url {
    margin-bottom: 0 !important;
}

.blog-case .entry-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

@media (max-width: 900px) {
    .blog-case .et_pb_salvattore_content {
        grid-template-columns: 1fr !important;
    }
}

/*==== SOINS =============================================*/

.texte-check ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

.texte-check li {
    position: relative;
    padding: 10px 0 10px 50px !important;
    border-bottom: 3px solid #5C0DAB;
}

.texte-check li:last-child {
    border-bottom: none;
}

.texte-check li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 20px;
    width: 30px;
    height: 30px;
    background-image: url("https://www.felichien.ca/wp-content/uploads/2026/08/icon-check.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.texte-check p{
    margin-top: 10px;
}

/*======== FORMULAIRE ====================================================*/

.wpcf7 .input-50 p{display:flex; justify-content:space-between;}
.wpcf7 .input-50 .wpcf7-form-control-wrap{width:49%;}
.wpcf7 .formulaire{padding-bottom:0;}
.wpcf7 input:not(.wpcf7-submit):not(.wpcf7-file), .wpcf7 textarea, .wpcf7-select{width:100%; border:0; margin-bottom:20px; padding:15px;}
.wpcf7 input:not(.wpcf7-submit):not(.wpcf7-file)::placeholder, .wpcf7 textarea::placeholder, wpcf7-select::placeholder {color:#000;}
footer .wpcf7 input:not(.wpcf7-submit):not(.wpcf7-file), footer .wpcf7 textarea{width:100%; background:rgba(0,0,0,0.17); border:0; margin-bottom:10px; padding:15px;}
.wpcf7 textarea{min-width:100%; max-width:100%; height:200px;}
.wpcf7-not-valid-tip, .wpcf7-response-output{font-size:75%;}
.wpcf7-submit{border-color:#FFF; cursor:pointer;}
.wpcf7-submit:hover{border-color:#FFF !important; background:#FFF !important;}
.wpcf7 input:not(.wpcf7-submit):not(.wpcf7-file),
.wpcf7 textarea, .wpcf7-select {
    border-radius: 20px;
}

.wpcf7 input:not(.wpcf7-submit):not(.wpcf7-file),
.wpcf7 textarea, .wpcf7-select {
    border: 0;
    margin-bottom: 0;
    padding: 15px;
}

.bouton-formulaire {
    display: flex;
    justify-content: flex-end;
}

.bouton-formulaire .wpcf7-submit {
    display: block !important;
}

.bouton-formulaire,
.bouton-formulaire p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

@media (max-width: 668px) {

    .wpcf7 .input-50 p {
        flex-direction: column !important;
    }

    .wpcf7 .input-50 .wpcf7-form-control-wrap {
        width: 100% !important;
    }

    .wpcf7 input:not(.wpcf7-submit):not(.wpcf7-file),
    .wpcf7 textarea {
        width: 100% !important;
        margin-bottom: 15px !important;
    }

    .bouton-formulaire {
        width: 100% !important;
    }
    
    .bouton-formulaire {
        justify-content: flex-start !important;
    }
}

.wpcf7 input,
.wpcf7 textarea, .wpcf7-select {
    font-size: 1.3125rem !important;
}

.wpcf7-select {margin-bottom: 1em; color: #000;}


/*============ AUTRES ================================================*/

.urgence-header h6, .urgence-header a {
    color: black;
}

.hero-droite img, .icon-animal img {
    transition: transform 0.3s ease;
}

.hero-droite img:hover, .icon-animal img:hover {
    transform: scale(1.05);
}

.dernier-mot {
    position: relative;
    display: inline-block;
}

.fleche-service {
    position: absolute;
    left: calc(100% + 8px);
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
    height: 19px;
    background: url("https://www.felichien.ca/wp-content/uploads/2026/08/fleche-mauve.svg") center / contain no-repeat;
    opacity: 0;
    pointer-events: none;
}

.service-presentation-case:hover .fleche-service {
    opacity: 1;
}

.image-feature img{
    border-radius:60px;
}

.mobmenu-content .sub-menu a:hover {
    color: #5C0DAB !important;
}

@media (max-width: 1180px)
{
    h5{
        font-size: 2rem !Important;
    }
}

@media (max-width: 1310px) {
    .hero-droite h2{
      font-size: 3rem !important  
    }

}


@media (max-width: 980px) {

    .horraire-dolbeau,
    .horraire-stfe {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .horraire-stfe h6 {
        padding-left: 0 !important;
    }
}

@media (max-width: 390px) {

    .horraire-dolbeau,
    .horraire-stfe {
        padding-left: 20px;
    }

}


@media (max-width: 480px)
{
.bouton-orange{
padding: 10px 30px 10px 30px !important;
}

.bouton-orange:hover{
padding: 10px 30px 10px 30px !important;
}

.bouton-blanc{
padding: 10px 30px 10px 30px !important;
}

.bouton-blanc:hover{
    padding: 10px 30px 10px 30px !important;
}
}

.gs_logo_area.carousel_nav_pos--bottom{
    padding-bottom: 0px;
}


.formulaire-emploi .bas-formulaire {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.formulaire-emploi .joindre-cv span {
    display: block;
}

.formulaire-emploi .bouton-formulaire {
    display: flex;
    justify-content: flex-end;
}

.formulaire-emploi .joindre-cv p, .joindre-cv h5 {
    color: white;
}

.formulaire-emploi input[type="file"]::file-selector-button {
    margin-right: 20px;
}
.formulaire-emploi .wpcf7-textarea {
    height: 125px;
}

.formulaire-emploi p:has(+ .bas-formulaire) {
    padding-bottom: 10px !important;
}

.formulaire-emploi input[type="file"]::file-selector-button {
    background-color: #00AAD4;
    color: #fff;
    font-size: 1.625rem;
    font-family: "Source Sans Pro", sans-serif;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
}

.formulaire-emploi .bas-formulaire {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.formulaire-emploi .bouton-formulaire {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    margin-top: 10px;
}

@media (max-width: 900px) {
    .formulaire-emploi .bas-formulaire {
        flex-direction: column;
        align-items: flex-start;
    }

    .formulaire-emploi .bouton-formulaire {
        justify-content: flex-start;
        margin-top: 20px !important;
    }
}


.informations-contact a{
    color: black;
}
.informations-contact a:hover{
    color: #5C0DAB !important;
}

.informations-contact h5::before {
    content: "";
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url("https://www.felichien.ca/wp-content/uploads/2026/08/icon-tel-mauve.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    vertical-align: middle;
}

.informations-contact h6{
    margin-bottom: 5px;
}

.informations-contact p{
    padding-bottom: 10px;
}

.informations-contact h5{
    padding-bottom: 0px;
}


@media (max-width: 980px) and (min-width: 777px) {
    .groupe-animal {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 30px !important;
    }
    
        .groupe-animal .et_pb_column {
        width: 33.333% !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;
    }
}



::selection {
    background: #09A2CD;
    color: white;
}

/*========== BOUTIQUE POP-UP ===========================================================*/

#popup-boutique {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999999;
}

#popup-boutique.actif {
    display: flex;
}

.popup-boutique-contenu {
    position: relative;
    width: 90%;
    max-width: 650px;
    background: #ffffff;
    border-radius: 60px;
    padding: 50px;
    text-align: center;
}

.fermer-popup-boutique {
    position: absolute;
    top: 20px;
    right: 25px;
    background: none;
    border: none;
    font-size: 2rem;
    cursor: pointer;
}

.popup-boutique-boutons {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
}

.boutique-popup-btn {
    display: inline-block;
    background-color: #09A2CD !important;
    color: white !important;
    border: none !important;
    border-radius: 40px !important;
    font-size: 1.5rem !important;
    font-weight: 600 !important;
    padding: 15px 30px !important;
    text-decoration: none !important;
}

.boutique-popup-btn:hover {
    background-color: #3DB6D8 !important;
    color: white !important;
    border: none !important;
}

@media (max-width: 668px) {

    .popup-boutique-contenu {
        width: 90%;
        padding: 45px 25px 30px;
        border-radius: 60px;
    }

    .popup-boutique-boutons {
        flex-direction: column;
        gap: 15px;
    }

    .boutique-popup-btn {
        width: 100%;
        text-align: center;
    }
}
.popup-boutique-contenu h2, .popup-boutique-contenu p{
    color: black;
}

/*=========== BACKGROUND BLEU ==================================================*/

.background-color {
    padding-bottom: 100px !important;
    padding-top: 100px !important;
}

@media (max-width: 2066px)
{
    .background-color {
    padding-bottom: 55px !important;
    padding-top: 55px !important;
}

}

@media (max-width: 1920px) {
    .background-color {
        padding-bottom: 30px !important;
        padding-top: 30px !important;

        background-size: auto !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}


@media (max-width: 1070px) {
    .background-color {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
        background-color: #099DC3 !important;
        
    }
}

@media (max-width: 1312px) {
    div.et_pb_section.background-color {
        background-image: none !important;
        background-color: #099DC3 !important;
    }
}

/*== CHAT =====*/
.background-color-chat {
    padding-bottom: 160px !important;
    padding-top: 160px !important;
}

@media (max-width: 2066px)
{
    .background-color-chat {
    padding-bottom: 105px !important;
    padding-top: 105px !important;
}

}

@media (max-width: 1920px) {
    .background-color-chat {
        padding-bottom: 90px !important;
        padding-top: 90px !important;

        background-size: auto !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}


@media (max-width: 1070px) {
    .background-color-chat {
        padding-bottom: 80px !important;
        padding-top: 80px !important;
        background-color: #00AAD4 !important;
        
    }
}

@media (max-width: 1312px) {
    div.et_pb_section.background-color-chat {
        background-image: none !important;
        background-color: #09A2CD !important;
    }
}

/*== ANIMAL =====*/
.background-color-animal {
    padding-bottom: 125px !important;
    padding-top: 125px !important;
}

@media (max-width: 2066px)
{
    .background-color-animal {
    padding-bottom: 105px !important;
    padding-top: 105px !important;
}

}

@media (max-width: 1920px) {
    .background-color-animal {
        padding-bottom: 90px !important;
        padding-top: 90px !important;

        background-size: auto !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
}


@media (max-width: 1070px) {
    .background-color-animal {
        padding-bottom: 80px !important;
        padding-top: 80px !important;
        background-color: #00AAD4 !important;
        
    }
}

@media (max-width: 1312px) {
    div.et_pb_section.background-color-animal {
        background-image: none !important;
        background-color: #09A2CD !important;
    }
}

.link-feuillet a{
    color: #37322D !important;
}

.feuillet-footer {
    color: #37322D !important;
    text-decoration: underline !important; 
}

#main-footer a.feuillet-footer {
    display: block;
    width: 250px;
    color: #37322D !important;
    text-decoration: underline !important;
    text-underline-offset: 3px;
    margin-top: 25px;
}

.bouton-orange,
.bouton-blanc {
        line-height: 2rem !important;
}


@media (max-width: 1435px) {
    .section-icon h5 {
        font-size: 2rem !important;
    }
}

@media (max-width: 1200px) {
    .services-flex {
        display: flex !important;
        flex-direction: column !important;
        width: 80% !important;
    }

    .services-flex > * {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
    }
    
    .services-flex h3{
        margin-top: 30px;
    }
}

.horraire-dolbeau em, .horraire-stfe em {
    font-style: normal !important;
    display: inline-block;
    width: 170px;
    padding-right: 0 !important;
}

@media (max-width: 420px) {
    .horraire-dolbeau em, .horraire-stfe em {
        width: 100px;
    }
}

@media (max-width: 767px) {
    .hero {
        background-position: top right !important;
    }
}

RESPONSIVE--------------------------------------------------------------------------------------------*/
@media (max-width: 1024px)
{

}

@media (max-width: 980px)
{

}

@media (max-width: 480px)
{

}

@media (max-width: 1574px) {

    .menu-menu-principal-container .menu a,
    .urgence-header h5, .barre-header-haut .urgence-header p {
        font-size: 1.7rem !important;
    }

    .navigation-menu-principal .sub-menu li a,
    .navigation-menu-haut ul a,
    .urgence-header h6 {
        font-size: 1.2rem !important;
    }

    .navigation-menu-principal ul {
        gap: 100px;
    }
}

@media (max-width: 1416px) {

    .menu-menu-principal-container .menu a,
    .urgence-header h5, .barre-header-haut .urgence-header p {
        font-size: 1.4rem !important;
    }

    .navigation-menu-principal .sub-menu li a,
    .navigation-menu-haut ul a,
    .urgence-header h6 {
        font-size: 1rem !important;
    }

    .navigation-menu-principal ul {
        gap: 80px;
    }
}