/**  CSS personnalisé  **/


.cell { }
.desk {  }


h1 {font-family: 'Roboto', sans-serif;font-weight:400 !important;color:#18a4e7 !important; }
.page-header, .com-finder  h1 {text-align:center;margin-top:30px;margin-bottom:30px; }

h2 {font-family: 'Roboto', sans-serif;font-weight:400 !important;color:#18a4e7 !important;font-size:28px !important;margin-bottom:0px !important;padding-bottom:0px !important;margin-top:12px;}
h3 {font-family: 'Roboto', sans-serif;font-weight:400 !important;color:#18a4e7 !important;font-size:20px !important;margin-bottom:0px !important;padding-bottom:5px !important; margin-top:12px;}
h4 {font-family: 'Roboto', sans-serif;font-weight:bold !important;color:#18a4e7 !important;font-size:16px !important;margin-bottom:0px !important;padding-bottom:5px !important;}



p {line-height:20px; font-family: 'Lato', sans-serif;font-size:15px; }

hr {border-top : 2px dotted #004080; background-color:transparent;}


.nouvelles-bloc-1  img {border-radius: 5% 5% 0 0; }
.nouvelles-bloc-2  img {border-radius: 5% 5% 0 0; }
.nouvelles-bloc-3  img {border-radius: 5% 5% 0 0; }

a {text-decoration:none !important;background-image:url('/../images/follow-link.png');background-position:right; padding-right:21px;background-repeat:no-repeat;}
li {list-style-image:url('/../images/liste-dot.png'); }
li a {text-decoration:none !important;background-image:url('/../images/follow-link.png');background-position:right; padding-right:21px;background-repeat:no-repeat;}
ul.mod-menu li a {background-image:none !important; padding-right:0;margin-right:0;}
div.mod-languages a {background-image:none !important; }
ul.jwts_tabbernav li a {background-image:none !important; }
a.back-to-top-link  {background-image:none !important; }
div.slider-accueil a  {background-image:none !important; }
a.wfpopup {background-image:none !important; }


div.pluslues {padding-left:15px !important; }

/*  ---------------------------------------- Lien langue  ----------------------------------------------------   */
.lang-inline a {color:#000000 !important;padding-top:0px  /*15px    */ !important;font-weight:normal;text-transform:uppercase; }
.lang-inline   { padding-top:0px !important; }
/*  .mod-languages {float:left;width:100px;margin-right:150px; }   */
.mod-languages {
    float: none;
    width: 150px;
    margin-left:auto;margin-right:auto;
    text-align:center;
}

/*    ====================================   MENU   =================================================   */
.metismenu.mod-menu .metismenu-item>a, .metismenu.mod-menu .metismenu-item>button, .metismenu.mod-menu .metismenu-item>span {
   text-transform:uppercase;
}
.container-header .mod-menu .parent>ul li {
    line-height:15px; padding-bottom:2px !important;
}
.container-header .mod-menu .parent>ul  {
    line-height:15px; padding-bottom:12px !important;
}
.container-header .mod-menu {color:white !important;}
.metismenu.mod-menu .metismenu-item  {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 1rem;
    line-height: 1.5;
    padding: 1em 0.6em;
}


/*  -------------------------------------------- Recherche     ----------------------------------------  */
div.container-search {margin-top:4px !important; }
.mod-finder {width:340px;float:left; }



 /*  -------------------------------------- container logo et slogan  -----------------------------------------  */
 .container-top-accueil {background-color:transparent !important;text-align:center;margin-bottom:40px;margin-top:15px; }   /* 30   */
 #mod-custom113 {background-color:transparent !important;text-align:center; }
.container-header {
background-image:none !important;
    position: relative;
    z-index: 10;
    background-color: transparent !important;
   /*  background-image: linear-gradient(
135deg,var(--cassiopeia-color-primary),var(--cassiopeia-color-hover));
    box-shadow: inset 0 5px 5px rgb(0 0 0 / 3%);  */
}
 
/*  -----------------------------------Tooltip joomla schack   -----------------------------------------*/
span.tooltipgc_inner { line-height:17px !important; font-family: 'Lato',sans-serif !important;font-size:15px !important; color:red;}
.h2-tooltip {font-family: 'Roboto', sans-serif;font-weight:400 !important;color:#18a4e7 !important;font-size:28px !important;} 



/*  ---------------------------------  Media BOX   ----------------------------------------------------   */
#wf-mediabox-modal-title {color:#004080 !important;font-size:18px !important;font-weight:bold !important; }
#wf-mediabox-modal-description {color:#004080 !important; }


/*  -------------------------------------------------- sidebar left -----------------------------------------------------------  */
.card-header {background-color:white !important; border:0px !important;margin-right:0px !important; }
div.card-body {padding:10px 20px 20px 20px !important; }    /*   0rem 0re 1rem 1rem !important;  */
.card{ border:0px !important;  }
 .sidebar-left {padding-top:10px; }


/*  -------------------------------------------------- sidebar right -----------------------------------------------------------  */
.container-sidebar-right {background-color:white;margin-top:15px; }
.sidebar-right {padding-top:-5px; } 
div.card-body < sidebar-right {padding:0px !important; }


/*   ====================================   Video container  ===========================================   */
.video-container  { 
 position: relative;
  width: 100%;
  overflow: hidden;
  padding-top:45%;    /* le % règle la hauteur pour inmage locale seulement seulement, ajouté directement dans le cass du module       passe-partout-56% */}
 .responsive-iframe {position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none; }




/*   ----------------------------------------    Footer -----------------------------------------------  */
.footer {
    background-color: none !important;

    color: #fff;

}
.pied-de-page {margin-top:0px;background-color:#29a1d8;padding:30px; padding-top:50px;}   /*  dac29f   87d1ce */

/*    -------------------------------------------------Ombre sous le menu principal ----------------------------------  */
#mod-custom127 {width:960px;margin-left:auto;margin-right:auto;margin-top:-8px; }



/*  ============================================================================================================= */
                                            /* ECRAN -cellulaires  Max 575.98 */
/*  =========================================================================================================== */


@media  (max-width: 575.98px) {


.site-grid {padding:-20px !important;margin:-20px !important;  }

.cell { display:block;}
.slider-cell { display:block;}
.desk { display:none; }

ul.lang-inline a::after {
  content: "  >>" !important;
}

 .container-top-accueil {background-color:transparent !important;text-align:center;margin-bottom:0px;margin-top:10px; }

div.nouvelles-conteneur > h1  {color: white !important; }
.nouvelles-conteneur { width: 80%; margin: auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
.nouvelles-bloc-1  {float: none;  border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 4px; margin-bottom:30px;}
.nouvelles-bloc-2 {float: none;  border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 4px; margin-bottom:30px;}
.nouvelles-bloc-3 {float:none;   border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 4px; margin-bottom:20px;}


/*   ====================================================    menu   ===============================  */
.menu1 {display:block;width:100%; background-color:green;margin:0px;padding:10px;background-image:none }
.menu2 {display:block;width:100%;min-height:100%;margin:auto;background-image:none;margin-top:0px;z-index:999 }
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.15rem;
    transition: box-shadow .15s ease-in-out;
    margin-top:-10px;
}
li.level-2 {text-transform:none !important; font-size:16px !important; }

#mod-custom127 {margin-top:-15px; }


/* ======================================================  slider accueil ====================================  */
.slider-accueil p {color:white;font-size:12px; }
/*    Titre du bloc dans le slider   */
.slider-accueil h2 {
    font-family: arial, helvetica, sans-serif;
    font-weight:400;
    color: #ffffff !important;
    font-size: 16px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 1px;
}
.slider-accueil {background-color: none !important; background-image:url('/images/background-vert-67.png'); background-repeat:repeat;    padding: 0px 10px 5px 10px;   border: 1px black solid; border-top: 5px #1f7fcb solid;border-bottom:2px #1f7fcb solid;box-shadow:4px 4px 6px  #333333; color:white;}
.slider-accueil   a {color:white;text-decoration:none; }
/*  4b91c9   */
.slide-desc {width:100% !important;margin-bottom:-10px;margin-left:auto !important;margin-right:auto !important; }
.slider-cell h2 {color:white; }


/*   ====================================================     Haut des articles ===============================  */
.feuillet {width:100%;background-color:white; padding-left:10px;padding-right:10px;padding-top:15px; }
}


/*  ============================================================================================================= */
                                            /* ECRAN - grand cellulaires  576 à 768 */
/*  =========================================================================================================== */


@media  (min-width: 576px) and (max-width: 768.98px) {


.site-grid {padding:-20px !important;margin:-20px !important;  }

.cell { display:block;}
.slider-cell { display:block;}
.desk { display:none; }

ul.lang-inline a::after {
  content: "  >>" !important;
}

 .container-top-accueil {background-color:transparent !important;text-align:center;margin-bottom:0px;margin-top:10px; }

div.nouvelles-conteneur > h1  {color: white !important; }
.nouvelles-conteneur { width: 547px; margin: auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
.nouvelles-bloc-1  {float: none;  border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 10px;margin-bottom:30px; }
.nouvelles-bloc-2 {float: none;  border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 10px;margin-bottom:30px; }
.nouvelles-bloc-3 {float:none;   border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 10px; }


/*   ====================================================    menu   ===============================  */
.menu1 {display:block;width:100%; background-color:green;margin:0px;padding:10px;background-image:none }
.menu2 {display:block;width:100%;min-height:100%;margin:auto;background-image:none;margin-top:0px;z-index:999 }
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.15rem;
    transition: box-shadow .15s ease-in-out;
    margin-top:-10px;
}
li.level-2 {text-transform:none !important; font-size:16px !important; }

#mod-custom127 {margin-top:-15px; }


/* ======================================================  slider accueil ====================================  */
.slider-accueil p {color:white;font-size:12px; }
/*    Titre du bloc dans le slider   */
.slider-accueil h2 {
    font-family: arial, helvetica, sans-serif;
    font-weight:400;
    color: #ffffff !important;
    font-size: 32px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 1px;
}
.slider-accueil {background-color: none !important;    padding: 0px 10px 5px 10px;   border: 0px black solid; border-top: 0px #1f7fcb solid;border-bottom:0px #1f7fcb solid;box-shadow:0px 0px 0px  #333333; color:white; position:relative;top:0px;left:0px;}
.slider-accueil   a {color:white;text-decoration:none; }
/*  4b91c9   */
.slide-descZZZ {width:100% !important;margin-bottom:-10px;margin-left:auto !important;margin-right:auto !important; }
.slider-cell h2 {color:white; }



/*   ====================================================     Haut des articles ===============================  */
.feuillet {width:100%;background-color:white; padding-left:10px;padding-right:10px;padding-top:15px; }
}



/*  ============================================================================================================= */
                                            /*Moyen  ECRAN - iPad Tablette   768.1 à 1024  */                                          
/*  =========================================================================================================== */

@media (min-width:769px) and (max-width:1023.98px) {
.cell { display:none;}
.slider-cell { display:none;}
.desk { display:block; }

div.nouvelles-conteneur > h1  {color: white !important; }
.nouvelles-conteneur { width: 725px; margin: auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
.nouvelles-bloc-1, .nouvelles-bloc-2 {float: left; width: 31.5%; margin-right: 10px; border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 5px; }
.nouvelles-bloc-3 {float: left; width: 31.5%; border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 5px; }


/*  ---------------------------   Lien langue switch  ------------------------------------ */
ul.lang-inline a::after {
  content: "  >>" !important;
}

/*               Ombre sous le menu - Pour coller la photo slider sont la barre verte de menu    */
#mod-custom127 {margin-bottom:-8px !important; }


/* ============================== slider accueil  =======================================     */
.slider-accueil p {color:white;padding-bottom:5px; text-shadow: 0px 0px 0px #000000; }
/*    Titre du bloc dans le slider   */
.slider-accueil h2 {
    font-family: arial, helvetica, sans-serif;
    font-weight:400;
    color: #ffffff !important;
    font-size: 40px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
   padding-top: 5px;
     text-shadow: 2px 2px 2px #000000;
}
.slider-accueil {width:350px;background-color: none !important; background-image:url('/images/background-vert-67zzz.png'); background-repeat:repeat;    padding: 0px 1px 0px 10px;   border: 0px black solid; border-top: 0px #1f7fcb solid;border-bottom:0px #1f7fcb solid; color:white; position: relative; left: 600px; top: -25px;}
.slider-accueil   a {color:white;text-decoration:none; }
/*  4b91c9 box-shadow:4px 4px 6px  #333333;  */

/*   ------------------------------------- Menu natif  GRAND ÉCRANS  -------------------------------------------------  */
/* zzzzzzzzzzzzzzzzzzz  */
.menu1 {display:block;width:100%; background-color:green;margin:0px;padding:10px;background-image:none }
.menu2 {display:block;width:100%;min-height:100%;margin:auto;background-image:none;margin-top:0px;z-index:999 }
.navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.15rem;
    transition: box-shadow .15s ease-in-out;
    margin-top:-10px;
}
li.level-2 {text-transform:none !important; font-size:16px !important; }

#mod-custom127 {margin-top:-15px; }
/* zzzzzzzzzzzzzzzzzzz  */

/*   ====================================================     Haut des articles ===============================  */
.feuillet {background-color:white; padding-left:30px;padding-right:30px; padding-top:15px;height:100%;}





/*  -------------------------------------------------- JCE columns  ---------------------------------------------  */
.wf-column {border-right:1px #333333 solid;padding-right:20px;padding-left:20px;border-bottom:0px #333333 solid;margin-bottom:33px; }
.c1borderleft {border-left:1px #18a4e7 solid;padding-left:15px; }

/*  ---------------------------------   footer   ----------------------------------------------   */
/*  .footer < grid-child   {width:1023px;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px; } */
#mod-custom128 {width:100%; }

}

/*  ============================================================================================================= */

                                            /* MOYEN ECRAN -  1024 à 1200   */
                                            
/*  =========================================================================================================== */
@media (min-width:1024px) and (max-width: 1199.98px) { 

.cell { display:none;}
.slider-cell { display:none;}
.desk { display:block; }

div.nouvelles-conteneur > h1  {color: white !important; }
.nouvelles-conteneur { width: 960px; margin: auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
.nouvelles-bloc-1, .nouvelles-bloc-2 {float: left; width: 31.5%; margin-right: 20px; border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 5px; }
.nouvelles-bloc-3 {float: left; width: 31.5%; border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 5px; }


/*  ==================================   Lien langue switch  =================================================*/
ul.lang-inline a::after {
  content: "  >>" !important;
}

/*               Ombre sous le menu - Pour coller la photo slider sont la barre verte de menu    */
#mod-custom127 {margin-bottom:-8px !important; }

/* ============================== slider accueil  =======================================     */
.slider-accueil p {color:white;padding-bottom:5px; text-shadow: 0px 0px 0px #000000; }
/*    Titre du bloc dans le slider   */
.slider-accueil h2 {
    font-family: arial, helvetica, sans-serif;
    font-weight:400;
    color: #ffffff !important;
    font-size: 40px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
   padding-top: 5px;
     text-shadow: 2px 2px 2px #000000;
}
.slider-accueil {width:500px;background-color: none !important; background-image:url('/images/background-vert-67zzz.png'); background-repeat:repeat;    padding: 0px 1px 0px 10px;   border: 0px black solid; border-top: 0px #1f7fcb solid;border-bottom:0px #1f7fcb solid; color:white;position: relative; left: 600px; top: -25px;}
.slider-accueil   a {color:white;text-decoration:none; }
/*  4b91c9 box-shadow:4px 4px 6px  #333333;  */

/*   ------------------------------------- Menu natif  GRAND ÉCRANS  -------------------------------------------------  */
.container-below-top {padding:0 !important; }
.navbar {width:100%;margin-left:auto;margin-right:auto;text-align:center; }
.menu1 {min-width:100%;min-height:60px;background-color:transparent;margin:0px;padding:0px; }
.menu2 {width:960px;height:60px;margin:auto; margin-top:-15px;z-index:999 }
ul.mod-menu {height:60px;}
ul.mod-menu li {padding-bottom:20px !important;}
#navbar122 {padding-top:0px; }
li {padding-right:10px !important;}
.container-header .mod-menu {text-transform:uppercase;margin-bottom:15px;}

li.metismenu-item {border-right:1px solid #18a4e7 !important;padding-top:10px !important;padding-right:15px !important; padding-bottom:5px !important;}
.metismenu.mod-menu .metismenu-item>a:focus, .metismenu.mod-menu .metismenu-item>button:focus {
    outline: 0px dotted #ced4da !important; 
    outline-offset: 2px;text-decoration:none !important;}
.metismenu.mod-menu .mm-toggler {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
    color:white; /*  white   */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    border: none;
    box-shadow: none;
}
.container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before {
    position: absolute;
    bottom: 0;
    display: none;
    height: 2px;
    margin: auto;
    content: "";
    opacity: .2;
    transition: all .2s ease,background-color .2s ease;
}
li.level-2 {text-transform:none !important; font-size:16px !important; }

/*   ====================================================     Haut et bas des articles ===============================  */
.feuillet {background-color:white; padding-left:30px;padding-right:30px; padding-top:15px;height:100%;}
/*   ====================================================      bas sidebar left ===============================  */
.sidebar-left {height:100%;}

/*  -------------------------------------------------- JCE columns  ---------------------------------------------  */
.wf-column {border-right:1px #333333 solid;padding-right:20px;padding-left:20px;border-bottom:0px #333333 solid;margin-bottom:33px; }
.c1borderleft {border-left:1px #18a4e7 solid;padding-left:15px; }

/*  ---------------------------------   footer   ----------------------------------------------   */
/*  .footer < grid-child   {width:1023px;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px; } */
#mod-custom128 {width:100%; }

}


/*  ============================================================================================================= */

                                            /* GRAND ECRAN -  1200 à 1400   */
                                            
/*  =========================================================================================================== */
@media (min-width:1200px) and (max-width: 1399.98px) { 

.cell { display:none;}
.slider-cell { display:none;}
.desk { display:block; }

div.nouvelles-conteneur > h1  {color: white !important; }
.nouvelles-conteneur { width: 960px; margin: auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
.nouvelles-bloc-1, .nouvelles-bloc-2 {float: left; width: 31.5%; margin-right: 20px; border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 5px; }
.nouvelles-bloc-3 {float: left; width: 31.5%; border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 5px; }


/*  ==================================   Lien langue switch  =================================================*/
ul.lang-inline a::after {
  content: "  >>" !important;
}

/*               Ombre sous le menu - Pour coller la photo slider sont la barre verte de menu    */
#mod-custom127 {margin-bottom:-8px !important; }

/* ============================== slider accueil  =======================================     */
.slider-accueil p {color:white;padding-bottom:5px; text-shadow: 0px 0px 0px #000000; }
/*    Titre du bloc dans le slider   */
.slider-accueil h2 {
    font-family: arial, helvetica, sans-serif;
    font-weight:400;
    color: #ffffff !important;
    font-size: 40px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
   padding-top: 5px;
     text-shadow: 2px 2px 2px #000000;
}
.slider-accueil {width:500px;background-color: none !important; background-image:url('/images/background-vert-67zzz.png'); background-repeat:repeat;    padding: 0px 1px 0px 10px;   border: 0px black solid; border-top: 0px #1f7fcb solid;border-bottom:0px #1f7fcb solid; color:white;position: relative; left: 700px; top: -55px;}
.slider-accueil   a {color:white;text-decoration:none; }
/*  4b91c9 box-shadow:4px 4px 6px  #333333;  */

/*   ------------------------------------- Menu natif  GRAND ÉCRANS  -------------------------------------------------  */
.container-below-top {padding:0 !important; }
.navbar {width:100%;margin-left:auto;margin-right:auto;text-align:center; }
.menu1 {min-width:100%;min-height:60px;background-color:transparent;margin:0px;padding:0px; }
.menu2 {width:960px;height:60px;margin:auto; margin-top:-15px;z-index:999 }
ul.mod-menu {height:60px;}
ul.mod-menu li {padding-bottom:20px !important;}
#navbar122 {padding-top:0px; }
li {padding-right:10px !important;}
.container-header .mod-menu {text-transform:uppercase;margin-bottom:15px;}

li.metismenu-item {border-right:1px solid #18a4e7 !important;padding-top:10px !important;padding-right:15px !important; padding-bottom:5px !important;}
.metismenu.mod-menu .metismenu-item>a:focus, .metismenu.mod-menu .metismenu-item>button:focus {
    outline: 0px dotted #ced4da !important; 
    outline-offset: 2px;text-decoration:none !important;}
.metismenu.mod-menu .mm-toggler {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
    color:white; /*  white   */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    border: none;
    box-shadow: none;
}
.container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before {
    position: absolute;
    bottom: 0;
    display: none;
    height: 2px;
    margin: auto;
    content: "";
    opacity: .2;
    transition: all .2s ease,background-color .2s ease;
}
li.level-2 {text-transform:none !important; font-size:16px !important; }

/*   ====================================================     Haut et bas des articles ===============================  */
.feuillet {background-color:white; padding-left:30px;padding-right:30px; padding-top:15px;height:100%;}
/*   ====================================================      bas sidebar left ===============================  */
.sidebar-left {height:100%;}

/*  -------------------------------------------------- JCE columns  ---------------------------------------------  */
.wf-column {border-right:1px #333333 solid;padding-right:20px;padding-left:20px;border-bottom:0px #333333 solid;margin-bottom:33px; }
.c1borderleft {border-left:1px #18a4e7 solid;padding-left:15px; }

/*  ---------------------------------   footer   ----------------------------------------------   */
/*  .footer < grid-child   {width:1023px;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px; } */
#mod-custom128 {width:100%; }

}


/*  ============================================================================================================= */

                                            /* GRAND ECRAN -   Bureau  1400 et plus  */
                                            
/*  =========================================================================================================== */

@media (min-width:1400px) {
.cell { display:none;}
.slider-cell { display:none;}
.desk { display:block; }

div.nouvelles-conteneur > h1  {color: white !important; }
.nouvelles-conteneur { width: 1140px; margin: auto; text-align: center; padding-top: 30px; padding-bottom: 30px;}
.nouvelles-bloc-1, .nouvelles-bloc-2 {float: left; width: 31.5%; margin-right: 30px; border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 10px; }
.nouvelles-bloc-3 {float: left; width: 31.5%; border: 1px solid black; background-color: white; border-radius: 20px; box-shadow: #000000 5px 0px 20px; padding: 10px; }

/*  ==================================   Lien langue switch  =================================================*/
ul.lang-inline a::after {
  content: "  >>" !important;
}

/*               Ombre sous le menu - Pour coller la photo slider sont la barre verte de menu    */
#mod-custom127 {margin-bottom:-8px !important; }

/* ============================== slider accueil  =======================================     */
.slider-accueil p {color:white;padding-bottom:5px; text-shadow: 0px 0px 0px #000000; }
/*    Titre du bloc dans le slider   */
.slider-accueil h2 {
    font-family: arial, helvetica, sans-serif;
    font-weight:400;
    color: #ffffff !important;
    font-size: 56px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
   padding-top: 5px;
     text-shadow: 2px 2px 2px #000000;
}
.slider-accueil {width:500px;background-color: none !important; background-image:url('/images/background-vert-67zzz.png'); background-repeat:repeat;    padding: 0px 1px 0px 10px;   border: 0px black solid; border-top: 0px #1f7fcb solid;border-bottom:0px #1f7fcb solid; position: relative; left: 850px; top: -55px;}
.slider-accueil   a {color:white;text-decoration:none; }
/*  4b91c9 box-shadow:4px 4px 6px  #333333;  */

/*   ------------------------------------- Menu natif  GRAND ÉCRANS  -------------------------------------------------  */
.container-below-top {padding:0 !important; }
.navbar {width:100%;margin-left:auto;margin-right:auto;text-align:center; }
.menu1 {min-width:100%;min-height:60px;background-color:transparent;margin:0px;padding:0px; }
.menu2 {width:960px;height:60px;margin:auto; margin-top:-15px;z-index:999 }
ul.mod-menu {height:60px;}
ul.mod-menu li {padding-bottom:20px !important;}
#navbar122 {padding-top:0px; }
li {padding-right:10px !important;}
.container-header .mod-menu {text-transform:uppercase;margin-bottom:15px;}

li.metismenu-item {border-right:1px solid #18a4e7 !important;padding-top:10px !important;padding-right:15px !important; padding-bottom:5px !important;}
.metismenu.mod-menu .metismenu-item>a:focus, .metismenu.mod-menu .metismenu-item>button:focus {
    outline: 0px dotted #ced4da !important; 
    outline-offset: 2px;text-decoration:none !important;}
.metismenu.mod-menu .mm-toggler {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
    color:white; /*  white   */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    border: none;
    box-shadow: none;
}
.container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before {
    position: absolute;
    bottom: 0;
    display: none;
    height: 2px;
    margin: auto;
    content: "";
    opacity: .2;
    transition: all .2s ease,background-color .2s ease;
}
li.level-2 {text-transform:none !important; font-size:16px !important; }

/*   ====================================================     Haut et bas des articles ===============================  */
.feuillet {background-color:white; padding-left:30px;padding-right:30px; padding-top:15px;height:100%;}
/*   ====================================================      bas sidebar left ===============================  */
.sidebar-left {height:100%;}

/*  -------------------------------------------------- JCE columns  ---------------------------------------------  */
.wf-column {border-right:1px #333333 solid;padding-right:20px;padding-left:20px;border-bottom:0px #333333 solid;margin-bottom:33px; }
.c1borderleft {border-left:1px #18a4e7 solid;padding-left:15px; }

/*  ---------------------------------   footer   ----------------------------------------------   */
/*  .footer < grid-child   {width:1023px;margin-left:auto;margin-right:auto;padding-top:30px;padding-bottom:30px; } */
#mod-custom128 {width:100%; }

}

/*
Media dimensions
0 à 575.98 - Cell  @media (max-width: 575.98px)
576 à 767.98   @media (min-width:576px) and (max-width: 767.98px)
768 à 991.98  @media (min-width:768px) and (max-width: 991.98px)
992 à 1199.98  @media (min-width:992px) and (max-width: 1199.98px)
1200 à 1399.98  @media (min-width:1200px) and (max-width: 1399.98px) 
1400 et plus  @media (min-width:1400px)
*/