/**
- Template realise par Leo Chaussard
- Version 4.0 du site Catrainz.fr
- Aout 2022
- Version 1.0

**/

/** Chargement Font **/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,400;0,700;1,400;1,700&display=swap');


/** Chargement des couleurs du theme -------------------------------------------------------------------------------------------------------------------------------------------------------- **/

:root {
    /* Couleurs light mode et defaut */
    --color-mode: 'light';
    --background: #E4E4E4;
    --text-color: #2d373d;
    --background-article: #ffffff;
    --ombre-article: 77,77,77;
    --link-color: #00B4E3;
    --link-color-hover: #2d373d;
    --background-header: #2F2D2D;
    --subtitle-color: #00B4E3;
    --color-text-menu-vertical-footer: #ffffff;
    --bloc-info-background: #D5F7DA;
    --bloc-info-icone: #2DD649;
    --bloc-alert-background: #ffecd2;
    --bloc-alert-icone: #ff9000;
    --color-download-link: #ffffff;
    --color-border-download-link: #cccccc;
    --background-fil-actualite: #EFEFEF;
    --color-accueil-svg: invert(19%) sepia(19%) saturate(471%) hue-rotate(158deg) brightness(92%) contrast(92%);
    --background-table-th: #efefef;
    --border-table-th: #cccccc;
    --hover-table-tr-dependance: #F7F7F7;
    --color-table-dependance: #576A75;
    --background-input: #E4E4E4;
    --background-input-hover: #d9d9d9;

    /* Couleurs dark mode */
    --background-dark: #1A1919;
    --text-color-dark: #ffffff; /** #D9D9D9 **/
    --color-article-dark: #1F1E1E;
    --ombre-article-dark: 0,0,0;
    --link-color-dark: #00B4E3;
    --link-color-hover-dark: #ffffff; /** #D9D9D9 **/
    --background-header-dark: #232121;
    --subtitle-color-dark: #00B4E3;
    --color-text-menu-vertical-footer-dark: #ffffff; /** #D9D9D9 **/
    --bloc-info-background-dark: #082B0D;
    --bloc-info-icone-dark: #11551C;
    --bloc-alert-background-dark: #331D00;
    --bloc-alert-icone-dark: #663A00;
    --color-download-link-dark: #2A2929;
    --color-border-download-link-dark: #373737;
    --background-fil-actualite-dark: #1F1E1E;
    --color-accueil-svg-dark: invert(75%) sepia(61%) saturate(0%) hue-rotate(105deg) brightness(108%) contrast(86%);
    --background-table-th-dark: #272626;
    --border-table-th-dark: #413F3F;
    --hover-table-tr-dependance-dark: #222121;
    --color-table-dependance-dark: #999999;
    --background-input-dark: #1A1919;
    --background-input-hover-dark: #151414;

    /* Gestion lien racine 360 */
    --link360: "test";

}

@media (prefers-color-scheme: dark) {
:root {
    --color-mode: 'dark';
}

:root:not([data-user-color-scheme]) {
    --background: var(--background-dark);
    --text-color: var(--text-color-dark);
    --background-article: var(--color-article-dark);
    --ombre-article: var(--ombre-article-dark);
    --link-color: var(--link-color-dark);
    --link-color-hover: var(--link-color-hover-dark);
    --background-header: var(--background-header-dark);
    --color-text-menu-vertical-footer: var(--color-text-menu-vertical-footer-dark);
    --subtitle-color: var(--subtitle-color-dark);
    --bloc-info-background: var(--bloc-info-background-dark);
    --bloc-info-icone: var(--bloc-info-icone-dark);
    --bloc-alert-background: var(--bloc-alert-background-dark);
    --bloc-alert-icone: var(--bloc-alert-icone-dark);
    --color-download-link: var(--color-download-link-dark);
    --color-border-download-link: var(--color-border-download-link-dark);
    --background-fil-actualite: var(--background-fil-actualite-dark);
    --color-accueil-svg: var(--color-accueil-svg-dark);
    --background-table-th: var(--background-table-th-dark);
    --border-table-th: var(--border-table-th-dark);
    --hover-table-tr-dependance: var(--hover-table-tr-dependance-dark);
    --color-table-dependance: var(--color-table-dependance-dark);
    --background-input: var(--background-input-dark);
    --background-input-hover: var(--background-input-hover-dark);
}

}

[data-user-color-scheme="dark"] {
    --background: var(--background-dark);
    --text-color: var(--text-color-dark);
    --background-article: var(--color-article-dark);
    --ombre-article: var(--ombre-article-dark);
    --link-color: var(--link-color-dark);
    --link-color-hover: var(--link-color-hover-dark);
    --background-header: var(--background-header-dark);
    --color-text-menu-vertical-footer: var(--color-text-menu-vertical-footer-dark);
    --subtitle-color: var(--subtitle-color-dark);
    --bloc-info-background: var(--bloc-info-background-dark);
    --bloc-info-icone: var(--bloc-info-icone-dark);
    --bloc-alert-background: var(--bloc-alert-background-dark);
    --bloc-alert-icone: var(--bloc-alert-icone-dark);
    --color-download-link: var(--color-download-link-dark);
    --color-border-download-link: var(--color-border-download-link-dark);
    --background-fil-actualite: var(--background-fil-actualite-dark);
    --color-accueil-svg: var(--color-accueil-svg-dark);
    --background-table-th: var(--background-table-th-dark);
    --border-table-th: var(--border-table-th-dark);
    --hover-table-tr-dependance: var(--hover-table-tr-dependance-dark);
    --color-table-dependance: var(--color-table-dependance-dark);
    --background-input: var(--background-input-dark);
    --background-input-hover: var(--background-input-hover-dark);
}

/** ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/

















/** Style balise de base -------------------------------------------------------------------------------------------------------------------------------------------------------- **/

body {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    background-color: var(--background);
    color: var(--text-color);
    font-size: 14px;
    letter-spacing: 0.03em;
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

br {
    margin: 0;
}

::-moz-selection {
    color: #fff;
    background: #00B4E3;
 }
 
 ::selection {
    color: #fff;
    background: #00B4E3;
 }

 div {
    box-sizing: border-box;
}

ul {
    list-style-type: none;
    }

p {
    margin:0;
    padding: 0;
}

a {
    color: var(--link-color);
    text-decoration: none;
}
    
a:hover {
    color: var(--link-color-hover);
    text-decoration: none;
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none;
}

.ct-subtitle-color {
    color: var(--subtitle-color);
}

/** ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/


/** Style header --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/

.ct-header {
    width: 100%;
    height: 130px;
    background-color: var(--background-header);
    position: fixed;
    border-bottom: 5px solid #00B4E3;
    z-index: 1000;
    top: 0;
}

.ct-header-container {
    max-width: 1340px;
    height: inherit;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /** background-color: brown; **/
    display: flex;
    flex-direction: row;
}

.ct-logo {
    padding: 0;
    position: relative;
    margin-left: 5%;
}

.ct-logo a img {
    max-width: none;
    height: 125px;
}

.ct-logo-image-ordinateur {
    display: block;
  }

.ct-logo-image-mobile {
    display: none;
  }

.ct-menu-horizontal {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    margin-top: auto;
    margin-bottom: auto;
    letter-spacing: 2px;
    margin: auto;
}

.ct-menu-horizontal a {
    color: #fff;
    text-decoration: none;
   }

.ct-menu-horizontal a:hover {
    color: #00B4E3;
    text-decoration: none;
}

.ct-menu-horizontal ul {
    display: flex;
    flex-direction: row;
}

.ct-menu-horizontal ul li {
    margin: 0 40px;
    text-align: center;
}

div.ct-menu-horizontal ul li a {
    color: #ffffff;
    text-decoration: none;
    transition: all 0.8s ease 0s;
}

div.ct-menu-horizontal ul li a:hover {
    color: #00B4E3;
    text-decoration: none;
}

/** ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/


/** Style main ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/

.ct-main {
    width: 100%;
    position: relative;
}

.ct-main-container {
    max-width: 1340px;
    display: block;
    margin: 130px auto 50px auto;
    /* display: flex;
    flex-wrap: wrap; */
    min-height: 500px;
}

/** ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/


/** Fil de navigation ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/

.ct-fil-de-navigation {
    display: block;
    height: 60px;
    /* background: linear-gradient(to right, #f1b1b1 , #82e6e8);
    backdrop-filter: blur(10px);
    background: rgb(228,228,228);
    background: -moz-linear-gradient(180deg, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 45%, rgba(228,228,228,0) 100%);
    background: -webkit-linear-gradient(180deg, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 45%, rgba(228,228,228,0) 100%);
    background: linear-gradient(180deg, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 45%, rgba(228,228,228,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e4e4e4",endColorstr="#e4e4e4",GradientType=1);
    width: 100%; */
    background-color: var(--background);
    margin: 0 auto;
    width: 100%;
}

.ct-fil-de-navigation-container {
    max-width: 1340px;
    height: inherit;
    display: block;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    padding: 14px 0;
  }

.ct-fil-de-navigation nav ol {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

.ct-fil-de-navigation-container nav ol li {
    background-color: var(--background-fil-actualite);
    padding: 7px;
    margin: 0 10px;
    list-style-type: none;
    font-family: 'Montserrat', sans-serif;
}



.ct-fil-de-navigation-container nav li.mod-breadcrumbs__item.breadcrumb-item span:after {
    content: "";
    width: 10px;
    height: 10px;
    background:url("../images/icones/chevron.svg") no-repeat center top;
    display: inline-block;
    margin: 0 0 0 5px;
}

.ct-fil-de-navigation-container nav li.mod-breadcrumbs__item.breadcrumb-item.active span:after {
    display: none;
}




/* .ct-fil-de-navigation-container nav ol li a:hover span:after {

} */

.ct-fil-de-navigation-container nav ol li a {
    color: var(--text-color);
    /* transition: all 0.8s ease 0s; */
}

.ct-fil-de-navigation-container nav ol li a:hover {
    color: #00B4E3;
}

html body div.ct-header div.ct-fil-de-navigation div.ct-fil-de-navigation-container nav.mod-breadcrumbs__wrapper ol.mod-breadcrumbs.breadcrumb.px-3.py-2 li.mod-breadcrumbs__divider.float-start span {
    content: "";
    width: 25px;
    height: 25px;
    background:url("../images/icones/home.svg") no-repeat center;
    display: inline-block;
    margin: 2px 10px 0 10px;
    filter: var(--color-accueil-svg);
}

html body div.ct-header div.ct-fil-de-navigation div.ct-fil-de-navigation-container nav.mod-breadcrumbs__wrapper ol.mod-breadcrumbs.breadcrumb.px-3.py-2 li.mod-breadcrumbs__divider.float-start {
    padding: 0;
    margin: 0;
}



/** ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/


/**  Contenu de gauche --------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/

.ct-class-left-main-container {
    display: block;
    margin: 60px auto 0 auto;
    position: fixed;
}

/**  Menu vertical ----------------------- **/

.ct-class-left-main-container ul {
    padding: 0;
    margin: 0;
}

.ct-class-left-main-container ul li {
    padding: 0;
    margin-bottom: 5px;
    background-color: var(--background-header);
    height: 70px;
}

.ct-class-left-main-container ul li a {
    font-size: 20px;
    color: var(--color-text-menu-vertical-footer);
    font-weight: 500;
    font-family: 'Montserrat', sans-serif;
    height: 70px;
    line-height:70px;
    display: block;
    transition: transform 0.5s;
}

.ct-class-left-main-container ul li::before {
    transition: transform 0.5s;
}

.ct-class-left-main-container ul li:hover a {
    transform: translateX(10px);
}

.ct-class-left-main-container ul li:hover::before {
    transform: translateX(10px);
}


/* .ct-class-left-main-container ul li:hover a {
    -webkit-animation: toTopFromLeft 0.2s forwards;
    -moz-animation: toTopFromLeft 0.2s forwards;
    animation: toTopFromLeft 0.2s forwards;
}

.ct-class-left-main-container ul li:hover::before {
    -webkit-animation: toTopFromLeft 0.2s forwards;
    -moz-animation: toTopFromLeft 0.2s forwards;
    animation: toTopFromLeft 0.2s forwards;
} */

@-webkit-keyframes toTopFromBottom {
    49% {
        -webkit-transform: translateY(-30%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translateY(30%);
    }
    51% {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromBottom {
    49% {
        -moz-transform: translateY(-30%);
    }
    50% {
        opacity: 0;
        -moz-transform: translateY(30%);
    }
    51% {
        opacity: 1;
    }
}
@keyframes toTopFromBottom {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0.5;
        transform: translateY(-30%);
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes toTopFromLeft {
    0% {
        -webkit-transform: translateX(-30%);
    }
    10% {
        opacity: 0;
        -webkit-transform: translateX(30%);
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes toTopFromLeft {
    0% {
        -moz-transform: translateX(-30%);
    }
    10% {
        opacity: 0;
        -moz-transform: translateX(30%);
    }
    100% {
        opacity: 1;
    }
}
@keyframes toTopFromLeft {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 0.5;
        transform: translateX(-30%);
    }

    100% {
        opacity: 1;
    }
}

.nav-item.item-108 {
    border-left: 8px solid #00B4E3;
}
.nav-item.item-108:hover {
    background-color: #00B4E3;
}

.nav-item.item-113 {
    border-left: 8px solid #b065a1;
}
.nav-item.item-113:hover {
    background-color: #b065a1;
}

.nav-item.item-114 {
    border-left: 8px solid #f29400;
}
.nav-item.item-114:hover {
    background-color: #f29400;
}

.nav-item.item-115 {
    border-left: 8px solid #6897b4;
}
.nav-item.item-115:hover {
    background-color: #6897b4;
}

.nav-item.item-116 {
    border-left: 8px solid #40b294;
}
.nav-item.item-116:hover {
    background-color: #40b294;
}

.nav-item.item-108::before {
    content: '';
    display: block;
    background-image: url(../images/icones/menu-mobile/train-subway-solid.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center; 
    width: 70px;
    height: 70px;
    float: left;
    margin: 0;
    filter: invert(48%) sepia(92%) saturate(2143%) hue-rotate(158deg) brightness(101%) contrast(102%);
  }

  .ct-class-left-main-container ul.mod-menu.mod-list.ctnav li:hover.nav-item.item-108::before {
    filter: invert(100%) sepia(0%) saturate(1683%) hue-rotate(311deg) brightness(101%) contrast(101%);
  }

.nav-item.item-113::before {
    content: '';
    display: block;
    background-image: url(../images/icones/menu-mobile/shop-solid.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center; 
    width: 70px;
    height: 70px;
    float: left;
    margin: 0;
    filter: invert(68%) sepia(99%) saturate(805%) hue-rotate(277deg) brightness(73%) contrast(82%);
  }

.ct-class-left-main-container ul.mod-menu.mod-list.ctnav li:hover.nav-item.item-113::before {
    filter: invert(100%) sepia(0%) saturate(1683%) hue-rotate(311deg) brightness(101%) contrast(101%);
  }

.nav-item.item-114::before {
    content: '';
    display: block;
    background-image: url(../images/icones/menu-mobile/house-chimney-solid.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center; 
    width: 70px;
    height: 70px;
    float: left;
    margin: 0;
    filter: invert(56%) sepia(43%) saturate(1277%) hue-rotate(4deg) brightness(99%) contrast(100%);
  }

.ct-class-left-main-container ul.mod-menu.mod-list.ctnav li:hover.nav-item.item-114::before {
    filter: invert(100%) sepia(0%) saturate(1683%) hue-rotate(311deg) brightness(101%) contrast(101%);
  }

.nav-item.item-115::before {
    content: '';
    display: block;
    background-image: url(../images/icones/menu-mobile/signs-post-solid.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center; 
    width: 70px;
    height: 70px;
    float: left;
    margin: 0;
    filter: invert(81%) sepia(5%) saturate(3316%) hue-rotate(173deg) brightness(70%) contrast(105%);
  }

  .ct-class-left-main-container ul.mod-menu.mod-list.ctnav li:hover.nav-item.item-115::before {
    filter: invert(100%) sepia(0%) saturate(1683%) hue-rotate(311deg) brightness(101%) contrast(101%);
  }
  


  

  .nav-item.item-116::before {
    content: '';
    display: block;
    background-image: url(../images/icones/menu-mobile/car-solid.svg);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: center; 
    width: 70px;
    height: 70px;
    float: left;
    margin: 0;
    filter: invert(60%) sepia(36%) saturate(595%) hue-rotate(114deg) brightness(93%) contrast(93%);
  }


.ct-class-left-main-container ul.mod-menu.mod-list.ctnav li:hover.nav-item.item-116::before {
    filter: invert(100%) sepia(0%) saturate(1683%) hue-rotate(311deg) brightness(101%) contrast(101%);
  }
  
  


 





/** -------------------------------------- **/


/**  Mode clair - Mode Sombre ------------ **/

.ct-left-container-mode {
    background-color: var(--background-article);
    padding : 30px;
    margin: 30px 0;
    /* -webkit-box-shadow: 0px 0px 30px -7px rgba(var(--ombre-article),1);
    -moz-box-shadow: 0px 0px 30px -7px rgba(var(--ombre-article),1);
    box-shadow: 0px 0px 30px -7px rgba(var(--ombre-article),1); */
    width: 308px;
}

.ct-text-mode {
    text-align: center;;
}

.ct-switch {
    position: relative;
    width: 60px;
    height: 34px;
    margin: 20px auto 0 auto;
    display: flex;
    justify-content: center;
}
  
.ct-switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}
  
.ct-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.ct-slider:hover {
    background-color: #B2B2B2;
}
  
.ct-slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.ct-slider.round {
    border-radius: 34px;
}
  
.ct-slider.round:before {
    border-radius: 50%;
}

.ct-label-onoff {
    /* background-color: #2196F3; */
    background-color: #00B4E3;
    /* box-shadow: 0 0 1px #2196F3; */
    box-shadow: 0 0 1px #00B4E3;
    
}

.ct-label-onoff:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.ct-label-onoff:hover {
    /* background-color: #0C7CD5; */
    background-color: #0089AC;
}

.ct-apparence-mobile {
    font-size: 14px;
  }

/** -------------------------------------- **/

/**  Visiteur ---------------------------- **/

.ct-left-container-visitor {
    background-color: var(--background-article);
    padding : 30px;
    margin: 30px 0;
    /* -webkit-box-shadow: 0px 0px 30px -7px rgba(var(--ombre-article),1);
    -moz-box-shadow: 0px 0px 30px -7px rgba(var(--ombre-article),1);
    box-shadow: 0px 0px 30px -7px rgba(var(--ombre-article),1); */
    width: 308px;
}

.ct-title-qui-est-en-ligne {
    color: #00B4E3;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
}

.ct-title-qui-est-en-ligne:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("../images/icones/globe.svg") no-repeat center top;
    display: inline-block;
    margin-bottom: -2px;
    filter: invert(48%) sepia(92%) saturate(2143%) hue-rotate(158deg) brightness(101%) contrast(102%);
}


/** -------------------------------------- **/


/** ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/


/**  Contenu de droite --------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/

.ct-center-main-container {
    display: block;
    margin-left: 310px;
    padding-top: 60px;;
    /* width: 100%; */
}

/**  Titre ----------------------- **/

/* html body div.ct-main div.ct-main-container div.ct-center-main-container div.com-content-article.item-page div.page-header

html body div.ct-main div.ct-main-container div.ct-center-main-container div.com-content-article.item-page div.page-header h1 */

.page-header {
    display: flex;
    background-color: var(--background-header);
    margin: 0 30px;
    border-style: none;
    margin-bottom: 30px;

}

.ct-before-title img {
    margin: 0 auto;
    height: 50px;
    max-width: 300px !important;
    color: #fff;
}

.ct-before-title-mobile {
    display: block;
  }
  
  .ct-before-title-mobile img {
    margin: 0;
    height: 50px;
    color: #fff;
  }

.ct-title-texte {
    flex: 80%;
}

.page-header h1 {
    margin: 0;
    padding: 10px 10px 10px 20px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 23px;
    text-align: center;
    letter-spacing: 2px;
}

/** -------------------------------------- **/


/**  Détail ----------------------- **/

dl.article-info.text-muted {
    background-color: var(--background-article);
    padding : 30px;
    margin: 0 30px 30px 30px;
    -webkit-box-shadow: 0px 0px 30px -7px rgba(var(--ombre-article),1);
    -moz-box-shadow: 0px 0px 30px -7px rgba(var(--ombre-article),1);
    box-shadow: 0px 0px 30px -7px rgba(var(--ombre-article),1);
}

/** -------------------------------------- **/

/**  Article ----------------------- **/

div.com-content-article__body {
    margin: 30px;

}

/** -------------------------------------- **/

/** ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/


/**  Footer -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/

.ct-footer {
    background-color: var(--background-header);
}

.ct-lien-footer {
    margin: auto;
}

.ct-footer ul {
    padding: 30px 0 0 0;
    margin: 0;
    display: flex; /*1*/
    flex-direction : row; /*2*/
    justify-content: center; /*3*/
}

.ct-footer ul li {
    margin: 0 5%;
    text-align: center;
}

.ct-footer ul li a {
    color: var(--color-text-menu-vertical-footer);
    transition: all 0.8s ease 0s;
    position: relative;
    text-decoration: none;
}

.ct-footer ul li a:hover {
    color: #00B4E3;
}

.ct-footer ul li a:before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:.1rem;
    background-color:currentColor;
    -webkit-transform:scaleX(0);
    transform:scaleX(0);
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%;
    -webkit-transition:-webkit-transform .7s cubic-bezier(.7,0,.3,1);
    transition:-webkit-transform .7s cubic-bezier(.7,0,.3,1);
    transition:transform .7s cubic-bezier(.7,0,.3,1);
    transition:transform .7s cubic-bezier(.7,0,.3,1), -webkit-transform .7s cubic-bezier(.7,0,.3,1);
}

.ct-footer ul li a:hover:before {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
    -webkit-transform-origin:0 50%;
    transform-origin:0 50%;
}

#ct-copyright {
    color: var(--color-text-menu-vertical-footer);
    margin: 0;
    padding: 30px;
    text-align: center;
}

/** ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/

/** Menu hamburger ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/

#ct-iconmenumobile {
    display: none;
}

.ct-mobile-menu {
    display: none;
}

/** ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/

/** Syteme de telechargement --------------------------------------------------------------------------------------------------------------------------------------------------------------- **/

#phoca-dl-category-box {
    display: none;
}

joomla-alert[type="danger"] {
    background-color: var(--bloc-alert-background);
    color: #ff9000;
    border-color: var(--bloc-alert-background);
    margin: 0 30px 30px 30px;
}

joomla-alert .joomla-alert--close {
    text-shadow: 0 0 0 var(--jui-alert-button-color-light,#fff);
    color: var(--text-color);
}

joomla-alert .joomla-alert--close:focus, joomla-alert .joomla-alert--close:hover {
    text-shadow: 0 0 0 var(--jui-alert-button-color-light,#fff);
    color: var(--text-color);
}

/** ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- **/