/* ==================== CLASSES PREDEFINIES A PLACER N'IMPORTE OU ==================== */

/* == BOUTONS / FROMES== */
/* normal */
.antwBtn{
    border: none;
    margin: 15px 0px;
    padding: 10px 20px;
    display: inline-block;
    text-decoration: none !important;
    }
/* petit */
.antsBtn{
    border: none;
    margin: 15px 0px;
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none !important;
    font-size: 0.8rem;
    }

/* == BOUTONS / COULEURS == */
/* couleur du thème général */
.antBtnCol{
    background-color: #7291b9; /* couleur à changer en fonction du projet */
    color: #ffffff;
    transition: background-color 0.5s;
    }
.antBtnCol:hover{
    background-color: #506289; /* couleur à changer en fonction du projet */
    cursor: pointer;
    transition: background-color 0.5s;
    }
/* gris */
.antBtnGrey{
    background-color: #A9A9A9;
    color: #ffffff !important;
    transition: background-color 0.5s;
    }
.antBtnGrey:hover{
    background-color: #C0C0C0;
    transition: background-color 0.5s;
    cursor: pointer;
    }
/* couleur secondaire */
.antBtnColSec{
    background-color: #DAA520; /* couleur à changer en fonction du projet */
    color: #ffffff;
    transition: background-color 0.5s;
    }
.antBtnColSec:hover{
    background-color: #DAA520; /* couleur à changer en fonction du projet */
    cursor: pointer;
    transition: background-color 0.5s;
    }

/* == CLEAR == */
.antclearfix{clear: both;}
.encartClear{clear:both}
.clearfix{clear: both;}

/* classe spéciale pour img responsive dans petites zones (colonne, sidebar, etc) */
.img-resp-col{ width: 100%;}

/* ==================== BODY ==================== */
body {
    color: #1a1e1e;
    font-family: Verdana, 'Source Sans Pro', Arial, sans-serif; /* ajout du verdana */
    font-style: normal;
    text-align: left;
    font-size: 0.9rem; /* 1rem quand pas verdana */
    }

/* ==================== HEADER ==================== */
/*
#bgHeader {
    background-color: #f7f5f5;
    transition: all 0.5s;
    position: relative; /* 01/07/2020 : lpe : resolution prob. sur safari, sous-menus sous le banner */
    z-index: 950; /* 01/07/2020 : lpe : resolution prob. sur safari, sous-menus sous le banner */
    }
.fixbgHeader{ 
    z-index: 950;
    position: fixed !important; 
    top: 0;
    width: 100%;
    transition: all 0.5s;
    }
*/


#bgMenuPrincipal{
    /* background-color: #7291b9; */
    background-color: #ffffff;
    border-bottom: 1px solid #506288;
    transition: all 0.5s;
    }
.fixbgMenuPrincipal{
    z-index: 950; /* 17/05/2019 : pour résoudre le problème de la fenêtre modal en 1050 qui doit passer au dessus */
    position: fixed !important; 
    top: 0;
    width: 100%;
    transition: all 0.5s;
    }


/* == LEVELHEADER == */
#levelHeader{}

/* == BG UPPERTOP == */
#bgHeaderUpperTop{
    background-color: #333;
    }

/* == 29/11/2018 : EFFET PARALLAXE == */
.parallax-window{
    min-height: 400px;
    background: transparent;
    padding-top: 15px; /* 35px trop grand = ligne blanche */
    padding-bottom: 15px; /* 35px trop grand = ligne blanche */
    }
/* définition des couleurs du texte dans un parallaxe */
.parallax-window .antpar1 h1, .parallax-window .antpar2 h2, 
.parallax-window .antpar1 h1.style2, .parallax-window .antpar2 h2.style2, 
.parallax-window .antpar1 .par1descr, .parallax-window .antpar2 .par2descr{
    color: #ffffff;
    text-shadow: 2px 2px 2px #000000;
    }

/* == MENU LANGUES (pas en sliding) == */
.divLangues{}
.divLangueEnCours{
    margin-right: 5px;
    color: #ffffff;
    background-color: #7291b9;
    font-weight: bold;
    }
.divLangueAutres{
    margin-right: 5px;
    font-weight: light;
    }
.divLangueEnCours, .divLangueAutres{
    padding: 5px;
    padding-top: 5px;
    display: inline-block;
    text-transform: uppercase;
    font-size: 0.8rem;
    }
.divLangueEnCours a {
    color: #ffffff;
    }
.divLangueAutres a{
    color: #727272;
    }
.divLangueAutres:hover a{
    cursor: pointer;
    color: #7291b9;
    }

/* == INFOS DE CONNEXION AVEC DROPDOWN (HEADER ET FOOTER) == */

#antLogInfo{
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: bold;
    padding-top: 3px;
    }
#antLogInfo span:hover{
    cursor: pointer;
    color: #7291b9;
    }
#antLogInfo span[aria-expanded="true"]{
    color: #7291b9;
    }
#antLogInfo .dropdown-item.active, #antLogInfo .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: #7291b9;
    }
#antLogInfo .dropdown-item{
    padding: 0.5rem 1.5rem;
    border-radius: 5px;
    }
#antLogInfo .dropdown-menu{
    padding-top: 0;
    padding-bottom: 0;
    }
#antLogInfo .dropdown-divider{
    margin: 0;
    }
#antFooterLogInfo{
    display: inline;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: bold;
    padding-top: 3px;
    }
#antFooterLogInfo span:hover{
    cursor: pointer;
    color: #7291b9;
    }
#antFooterLogInfo span[aria-expanded="true"]{
    color: #7291b9;
    }
#antFooterLogInfo .dropdown-item.active, #antFooterLogInfo .dropdown-item:active {
    color: #ffffff;
    text-decoration: none;
    background-color: #7291b9;
    }
#antFooterLogInfo .dropdown-item{
    color: #545454;
    padding: 0.5rem 1.5rem;
    border-radius: 5px;
    }
#antFooterLogInfo .dropdown-menu{
    padding-top: 0;
    padding-bottom: 0;
    }
#antFooterLogInfo .dropdown-divider{
    margin: 0;
    }

/* == MENUS UPPER TOP == */
#UpperTopContainer{}
#UpperTopContainer ul {
        padding: 0;
        list-style-type: none;
        text-align: left;
        font-weight: normal;
        color: #ffffff;
        }
#UpperTopContainer ul li.Menus {
        display: inline;
        float: right;
        text-align: left;
        }
#UpperTopContainer ul li.Menus a {
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        padding: 5px;
        font-size: 0.6rem;
        }
#UpperTopContainer ul li.Menus a:hover {
        color: #7291b9;
        }
#UpperTopContainer ul li.MenusSelected, #UpperTopContainer ul li.MenusFixed, #UpperTopContainer ul li.MenusFixedSelected {
        display: inline;
        float: right;
        text-align: left;
        }
#UpperTopContainer ul li.MenusSelected a, #UpperTopContainer ul li.MenusFixed a, #UpperTopContainer ul li.MenusFixedSelected a{
        color: #7291b9;
        text-decoration: none;
        text-transform: uppercase;
        padding: 5px;
        font-size: 0.6rem;
        }
#UpperTopContainer ul li.MenusSelected a:hover {}

/* == HEADER/LOGO ==*/
#header{
    padding-top: 50px;
    padding-bottom: 50px;
    position: absolute;
    z-index: 2;
    background-color: #ffffff;
    text-align: center;
    }
#header img{}
.fixbgHeader #header img{}

/* Petit logo du menu de la page d'accueil uniquement qui apparait au scroll */
#levelHeader .logoHome{
    opacity: 0;
    transition: opacity 0.5s;
}
.fixbgMenuPrincipal #levelHeader .logoHome{
    opacity: 1;
    transition: opacity 0.5s;
}

/* ===== MENU PRINCIPAL TOP HORIZONTAL ===== */
#MenusMainContainer {
    padding: 0; /* retire le padding venant auto de col-md*/
    display: inline-block; /* corrige le probleme pour ateindre le bt de conexion sur mobile */
    width: 100%; /* corrige le probleme pour ateindre le bt de conexion sur mobile */
    }
/* == specific - icones == */
.iconeMenu{
    color: #ffffff;
    text-align: center;
    }
.iconeMenuLeft{ /* icone du menu de gauche */
    color: #05260b;
    text-align: left;
    font-siez: 2.0em;
    padding-top: 15px;
    }
.iconeMenu i, .iconeMenuLeft i{}
#MenusContainer ul li:nth-child(2) .iconeMenu i, #MenusContainer ul li:nth-child(3) .iconeMenu i, #MenusContainer ul li:nth-child(4) .iconeMenu i, 
#MenusContainer ul li:nth-child(5) .iconeMenu i, #MenusContainer ul li:nth-child(6) .iconeMenu i{
/* les icones 2,3,4,5,6 sont mal placées */
    padding-top: 15px;
    }
.fixbgHeader .iconeMenu{
    /*display: none;*/
    }

/* == BGHEADER2 - BANNER IMG OU SLIDER == */

#bgHeader2 {
    position: relative; /* pour le zoneTexte specific > s'il existe */
    }
/* lpe : 29/11/2018 : ajout effet parallaxe et prob quand header fix */
.bgHeader2Margin{
    margin-top: 73px; /* hauteur du fixbgheader */
    }
#levelBanner { }
#bannerImg { position: relative;}
#bannerImg img{width: 100%;}
#banner2 {}
.imgleft {
    float: none;  /* necessaire pour ie pour qu'il n'ajoute pas en-dessous un bord d'environ 2px */
    margin-left: auto;
	margin-right: auto;
    position: relative;
    }

/* == CAROUSEL/SLIDER BOOTSTRAP == */
/* Carousel base class */
.carousel {
    width: 100%;
    margin-left: auto; /* les margin et padding pour les esapces vides sur les côtés - on peut les enlever -> taille */
    margin-right: auto;
    /*padding-left: 5%;*/        /* à décommenter si l'on veut que les flèches soient à l'extérieur */
    /*padding-right: 5%;*/
    }
.darkMask{ /* masque en transparence au dessus de l'image */
    /*background: white none repeat scroll 0 0;
    opacity: 0.9;
    height: 101%;*/ /* léger bord au dessous */
    /*left: 0;
    position: absolute;
    top: -1px;*/ /* léger bord au dessus */
    /*width: 100%;*/
    }
.carousel-txt {
    background-color: rgba(0, 0, 0, 0.6);
    bottom: 0;
    color: #ffffff;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 10;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 1.3rem;
    }
.carousel-txt h1{
    text-align: center;
    text-transform: uppercase;
    }
.carousel-txt p {
    line-height: 1.2;
    }
.carousel-txt .btn {
    border-radius: 6px;
    line-height: 1.33333;
    padding: 10px 16px;
    background-color: #7291b9; /* attention il peut y avoir conflit avec def bootstrap*/
    border-color: #7291b9;
    }
.carousel-txt .btn:hover{
    background-color: #506289;
    }
#myCarousel .carousel-control{
    position: absolute;
    top: 50%;
    z-index: 5;
    }
.first-slide, .second-slide, .third-slide{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    }
/* Declare heights because of positioning of img element (je pense pas nécessaire)*/
.carousel .item {
    /*height: 500px;*/
    margin-top: -1px; /*sinon léger bord */
    }
#myCarousel .img-responsive{width: 100%;} /* images du slider en 100% pour ancienne version de btsp */
.carousel-item .img-fluid{width: 100%;} /* images du slider en 100% pour nouvelle version de btsp (4.3) */

/* == BGHEADER3 - ENCARTS == */
#bgHeader3 { /* Specific */
        background-color: #20569c;
        }
#levelEncarts { /* Specific */
        }

/* ============================ MAIN ====================================== */
.antfullwLevelMain {
    padding-top: 25px;
    padding-bottom: 15px;
    }

/* == CHEMIN DE NAVIGATION == */
#AntMenuNavig {
    padding-left: 15px;
    color: #666666;
    border-bottom: 1px dotted #CCCCCC;
    margin: 0;
    padding-top: 15px;
    }
#AntMenuNavig a {
    color: #666666;
    text-decoration: none;
    }
#AntMenuNavig a:first-child{
    margin-left: -15px; /* pour que le titre soit aligné */
    }
#AntMenuNavig a:hover {
    color: #222222;
    }

/* == MAIN == */
#bgMain {
    /* margin-bottom: 195px;*/ /* marge pour la hauteur du footer avec effet glissement*/
    background-color: #ffffff;
    }
#bgMainPrlx{
    background-color: transparent; /* quand nous sommes sur une page avec parallaxe > retire le fond */
    }
#levelMain{
    padding-bottom: 15px;
    }
#contentMain .inner {
    margin: 0;
    padding: 0px 0px 0px 0px;
    }
div.antspace {
    height: 20px;
	}
.innerCentre{ /* pour gérer les marges de toute la ZONE CENTRALE */
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    }

/* == STYLES CONTENT == */
.antpar1 {
    padding-top: 30px; /* avant 15px - 31-01-2017 ajout d'un padding retiré de par1descr car decalage txt img */
    padding-bottom: 15px;
    text-align: left;
    /* margin: 0; */ /* retablissemnt bootstrap 4 */
    }
.antpar1center {
    text-align: center;
    }

/* == POSITION TITRE PAR DEFAUT ET 1 > hors du par1descr == */
.antpar1 h1 {
    color: #1a1e1e;
    font-size: 2rem;
    margin-bottom: 25px;
    font-weight: bold;
    margin-top: 15px;
    }
.antpar1 h1 a {
    color: #1a1e1e;
    text-decoration: underline;
    }
.antpar1 h1 a:hover {
    color: #1a1e1e;
    text-decoration: underline;
    }

/* == POSITION TITRE 2 donc dans le par1desr == */
.antpar1 .par1descr h1 {
    margin-top: 0; /* dans le cas d'une image à côté comme il est dans par1descr pour qu'il commence là où commence l'image */
    color: #1a1e1e;
    font-weight: bold;
    font-size: 2rem;
    text-align: left;
    padding-left: 0; /* car le h1 est dans une col-12 qui a un padding donc decalage */
    }
.antpar1 .par1descr h1 a {
    color: #1a1e1e;
    text-decoration: underline;
    }
.antpar1 .par1descr h1 a:hover {
    color: #1a1e1e;
    text-decoration: underline;
    }

/* == EFFET DU TITRE AVEC BARRE == */
.antpar1 h1::after,
.antpar1 .par1descr h1::after{
    content: " ";
    width: 100px;
    height: 2px;
    background-color:
    #506289;
    display: block;
    margin-top: 10px;
    }

.antpar1 h1.text-center::after
    {
    content: " ";
    width: 100px;
    height: 2px;
    background-color:
    #506289;
    display: block;
    margin: auto;
    margin-top: 10px;
    }

/* == PARAGRAPHE SPECIFIC == */
/* GRIS CALIR */
.antpar1St2{
    background-color: #f8f8f8;
    padding: 15px;
    margin-top: 30px; /* idem 31-01-2017 - decalage txt img */
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    }
/* BLANC SPECIFIC IMBRICATION */
.antpar1St4{ /* obligatoire */
    background-color: #ffffff;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0px;
    margin-right: 0px;
    }
/* == fin paragraphe spécific == */

/* == STYLES SPECIFIC TITRES h1 == */
.antpar1 h1.style2 {
    color: #506289;
    font-weight: bold;
    font-size: 2rem;
    text-align: left;
    margin-bottom: 25px;
    margin-top: 15px;
    }

/* FIN STYLES TITRES h1 */

.antpar2 h2 {
    font-weight: 600;
    color: #1a1e1e;
    text-align: left;
    font-size: 1.3rem;
    }
/* == STYLES SPECIFIC TITRES h2 == */
.antpar2 h2.style2 {
    color: #506289;
    font-size: 1.3rem;
    text-align: left;
    }
/* FIN STYLES TITRES h2 */
.antpar1 .par1descr {
    /* margin-top: 20px;*/ /* 31-01-2017 decalage texte et img donc ajout du padding sur antpar1 plutot */
    margin-bottom: 10px;
    /* padding: 0; */ /* retablissemnt bootstrap 4 */
    color: #1a1e1e;
	line-height: 1.5em;
	text-align: justify;
	text-justify: auto;
    }
.par2descr {
    color: #1a1e1e;
    text-align: left;
    text-align: justify;
	text-justify: auto;
    }
/* == couleur liens, ul, ul e liens dans tout texte == */       
.par1descr a, .par2descr a {
    color: #506289;
    text-decoration: none;
    }
.par1descr a:hover, .par2descr a:hover {
    color: #506289;
    text-decoration: underline;
    }
.par1descr ul, .par2descr ul {
    overflow: hidden; /* évite que les puces soient cachées par une image en float */
    list-style: none;
    margin: 0px 0px 10px 0px;
    padding: 0;
    text-align: left;
    }
.par1descr ul li::before, .par2descr ul li::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content:"\f138";
    /* margin-right: 5px; */
    position: absolute;
    left: 0;
    color: #506289;
    }
.par1descr ul li, .par2descr ul li {
    padding: 0px 0px 5px 20px;
    text-decoration: none;
    vertical-align: top;
    position: relative;
    }
.par1descr ul ul, .par2descr ul ul {
    list-style: none;
    margin: 5px 0px 5px 5px;
    padding: 0;
    text-align: left;
    }
.par1descr ul ul li::before, .par2descr ul ul li::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content:"\f105";
    /* margin-right: 5px; */
    position: absolute;
    left: 0;
    color: #506289;
    }
.par1descr ul ul li,.par2descr ul ul li {
    padding: 0px 5px 4px 20px;
    text-decoration : none;
    vertical-align: top;
    }
.par1descr ol,.par2descr ol {
    margin-bottom: 10px;
    }
.par1descr ol li,.par2descr ol li {
    padding: 0px 0px 10px 0px;
    }
.linkList {
    /*overflow: hidden;*/ /* évite que les li soient séparés après une image */
    list-style: none;
    padding: 0;
    text-align: left;
    }
.linkList li {
    margin: 0px 0px 2px 0px;
    padding: 0;
    color: #1a1e1e;
    vertical-align: top;
    }
.linkList li a {
    display: inline-block;
    margin: 0;
    padding: 0px 0px 5px 0px;
    color: #506289;
    vertical-align: top;
    text-decoration: none;
    }
.linkList li a::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content:"\f101";
    margin-right: 5px;
    }
.linkList li a:hover {
    text-decoration: underline;
    }
.linkList li.text {
    vertical-align: top;
    color: #1a1e1e;
    }
.par2cont{
    padding-bottom: 10px;
    }
/* == STYLES SPECIFIC POUR COLONNES == */
/* GROS CLAIR */
.par2contSt2{
    background-color: #f8f8f8;
    padding: 15px;
    /*margin-top: 15px;*/
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    }

/* BLANC SPECIFIC IMBRICATION */
/* obligatoire */
.par2contSt4{
    background-color: #ffffff;
    padding: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    }
/* == FIN COLONNES SPECIFIC == */

/* == 5 LIENS PERSONNALISES DE TYPE BOUTON == */
/* Si on veut une anim - Pulse animation */
/*
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);}
    }
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);}
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);}
    }
*/

/* similaire pour tous */
div.link_btn_btnCenter, div.link_btn_btnRightAleft, div.link_btn_btnLeftAright, div.link_btn_btnLeft, div.link_btn_btnRight{
    background-color: #7291b9;
    cursor: pointer;
    font-size: 1rem;
    text-decoration: none;
    transition: background-color 0.5s;
    /* transform: perspective(1px) translateZ(0px); */ /* pour anim pulse */
    clear: both; /* lpe : 19/10/18 : ajout d'un clear dans le cas où on a un bouton dans l'info news sinon les 2 bts sont l'un à coté de l'autre mal mis */
    }

div.link_btn_btnRight .btn_inner, div.link_btn_btnLeft .btn_inner, div.link_btn_btnRightAleft .btn_inner, div.link_btn_btnLeftAright .btn_inner, div.link_btn_btnCenter .btn_inner{
    vertical-align: middle; 
    color: #ffffff;
    font-weight: 200;
    line-height: 2em;
    outline: 0 none;
    }

div.link_btn_btnRight .btn_inner::after, div.link_btn_btnLeft .btn_inner::before, div.link_btn_btnRightAleft .btn_inner::after, div.link_btn_btnLeftAright .btn_inner::before, div.link_btn_btnCenter .btn_inner::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 1.8em;
    position: relative;
    top: 4px;
    display: inline-block; /* pour rotate */
    opacity: 0.5;
    transition: all 0.2s linear;
    }

/* bouton à droite vers droite */
div.link_btn_btnRight {
    float: right;
    display: inline-block;
    margin: 5px 0px 10px 0px;
    padding: 0px 8px 0px 0px;
    transition: all 0.2s linear;
    }
div.link_btn_btnRight .btn_inner {
    display: inline-block;
    padding: 0px 0px 5px 15px;
    }
div.link_btn_btnRight .btn_inner::after{
    content:"\f0da";
    margin-left: 10px;
    right: 0;
    }

/* bouton à gauche vers gauche */
div.link_btn_btnLeft {
    float: left;
    display:inline-block;
    margin: 5px 0px 10px 0px;
    padding: 0px 0px 0px 8px;
    transition: all 0.5s;
    } 
div.link_btn_btnLeft .btn_inner {
    display: inline-block;
    padding: 0px 15px 5px 0px;
    }
div.link_btn_btnLeft .btn_inner::before{
    content:"\f0d9";
    margin-right: 10px;
    left: 0;
    }

/* bouton à gauche vers droite > */
div.link_btn_btnRightAleft {
    float: left;
    display: inline-block;
    margin: 5px 0px 10px 0px;
    padding: 0px 8px 0px 0px;
    transition: all 0.5s;
    }
div.link_btn_btnRightAleft .btn_inner {
    display: inline-block;
    padding: 0px 0px 5px 15px;
    }
div.link_btn_btnRightAleft .btn_inner::after{
    content:"\f0da";
    margin-left: 10px;
    right: 0;
    }

/* bouton à droite vers gauche */
div.link_btn_btnLeftAright {
    float: right;
    display: inline-block;
    margin: 5px 0px 10px 0px;
    padding: 0px 0px 0px 12px;
    transition: all 0.5s;
    }
div.link_btn_btnLeftAright .btn_inner {
    display: inline-block;
    padding: 0px 15px 5px 0px;
    }
div.link_btn_btnLeftAright .btn_inner::before{
    content:"\f0d9";
    margin-right: 10px;
    left: 0;
        }

/* bouton centré */
div.link_btn_btnCenter{
    margin: 5px auto 10px;
    transition: all 0.5s ease 0s;
    width: 250px;
    }
div.link_btn_btnCenter .btn_inner {
    display: block;
    padding: 0px 0px 5px 0px;
    text-align: center;
    }
div.link_btn_btnCenter .btn_inner::after{
    content:"\f0da";
    margin-left: 10px;
    right: 0;
    }

/* similaire tous hover */
div.link_btn_btnRightAleft a, div.link_btn_btnLeftAright a, div.link_btn_btnRight a, div.link_btn_btnLeft a, div.link_btn_btnCenter a {
    color: #ffffff;
    text-decoration: none;
    }
div.link_btn_btnRightAleft a:hover, div.link_btn_btnLeftAright a:hover, div.link_btn_btnRight a:hover, div.link_btn_btnLeft a:hover, div.link_btn_btnCenter a:hover {
    color: #ffffff;
    text-decoration: none;
    }
div.link_btn_btnRightAleft a:hover::after, div.link_btn_btnLeftAright a:hover::before, div.link_btn_btnRight a:hover::after, div.link_btn_btnLeft a:hover::before, div.link_btn_btnCenter a:hover::after{
    opacity: 1;
    transform: rotate(360deg);
    transition: all 0.2s linear;
    }

div.link_btn_btnRight:hover, div.link_btn_btnLeft:hover, div.link_btn_btnRightAleft:hover, div.link_btn_btnLeftAright:hover, div.link_btn_btnCenter:hover{
    background-color: #506289;
    transition: background-color 0.5s;
    /* animation pulse */
    /*
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: hvr-pulse;
    animation-timing-function: linear;
    */
    }
div.link_btn_btnRight:hover a, div.link_btn_btnLeft:hover a, div.link_btn_btnRightAleft:hover a, div.link_btn_btnLeftAright:hover a, div.link_btn_btnCenter:hover a{
    color: #ffffff;
    }

/* == SOUS-PARAGRAPHES == */
.antpar2 {
    text-align: left;
    padding-bottom: 15px;
    padding-top: 15px;
    }
span.count {
    color: #1a1e1e;
    font-weight: bold;
    }
table.Editize {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border: 0px;
	}
td.Editize {
	padding: 5px 5px 5px 0px;
    text-align: left;
    border-bottom: 1px solid #dddddd;
	}
hr {
    color: #b1b1b1;
	background-color: #b1b1b1;
	height: 1px;
	border: 0;
    }

/* == IMAGES == */
.imgcontleft {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    }
.imgcontright {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    }
.imgcontcenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-bottom: 15px;
    }
.imgcontcenter_fullwidth{
    margin-left: auto;
    margin-right: auto;
    }

/* == PAGINATION == */
.boxPagination{
    text-align: center;
    margin-left: 0; /* car dans une row donc ça met des marges hors champ sinon */
    margin-right: 0; /* car dans une row donc ça met des marges hors champ sinon */
    }
.page-item.active .page-link{
    border-color: #506289;
    background-color: #506289;
    color: #ffffff
    }

/* == GALERY == */
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image: none;
  margin-left: 1%;
  margin-right: 1%;
}

/* ============================== 15/02/16-PARAGRAPHE TABLEAU RESPONSIVE ========================================*/

/* Styles tableau responsive */
.antparTabl{
    margin-top: 20px;
    background-color: #ffffff;
    display: inline-block; /* règle le prob quand contenu dans tabs ou autre, n'est pas pris en compte en entier */ 
    width: 100%; /* règle le prob quand contenu dans tabs ou autre, n'est pas pris en compte en entier */ 
    }
.antparTabl .antcal{
    width: 100%;
    margin-bottom: 7px;
    }

.antparTabl table, .antparTabl td, .antparTabl th { 
   border-collapse: collapse;
    }
.antparTabl th { 
    background-color: #263451;
    color: #ffffff;
    font-weight: 400;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-top: 10px;
    text-transform: uppercase;
    vertical-align: bottom;
    }
.antparTabl tr:nth-child(even){ background-color: #f8fbfd;}
.antparTabl tr:nth-child(odd){ background-color: #deecff;}
.antparTabl td { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px;} 

.antparTabl .thTextCenter{
    text-align: center;
    }
.antparTabl .thTextRight{
    text-align: right;
    padding-right: 5px;
    }

.antparTabl .tdTextCenter{
    text-align: center;
    }
.antparTabl .tdTextRight{
    text-align: right;
    }
.antparTabl .antparTablLegend{
    padding-left: 5px;
    }
    
/* @media (max-width: 40em) { */

@media (max-width:768px) {
   .antparTabl table, .antparTabl tbody { display: block; }
   .antparTabl tr {
      display: table;
      width: 100%;
   }
   .antparTabl th {
      font-size: 0;
      border: none;
      visibility: hidden;
   }
   .antparTabl td, .antparTabl th { display: table-row;}
   .antparTabl td:before {
      content: attr(data-headers);
      display: table-cell;
      width: 60%;
      padding: 2px;
      padding-left: 10px;
      /*border-right:  1px solid black;*/
      font-weight: bold;
   }
.antparTabl .thTextCenter{
    text-align: left;
    }
.antparTabl .thTextRight{
    text-align: left;
    }

.antparTabl .tdTextCenter{
    text-align: left;
    }
.antparTabl .tdTextRight{
    text-align: left;
    }
}

/* ====================================== CONTEXTUELS GAUCHE ET DROITE ======================================== */
/* == box d'authentification GAUCHE == */
.boxendleftAuth { /* Specific */
    margin-top: 10px;
    }
.boxendleftAuth h3 { /* Specific */
    margin:  0px 20px 5px 0px;
    padding: 3px 1px 5px 1px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #1a1e1e;
    text-align: left;
    border-bottom: 1px solid #333333;
    }
.boxendleftAuth p { /* Specific */
    padding: 6px 1px 2px 1px;
    color: #1a1e1e;
    }

/* == box de liens contextuels GAUCHE ET DROITE == */ 
.boxright, .boxleft {
    padding-top: 15px;
    }
.boxright h3, .boxleft h3 {
    color: #1a1e1e;
    font-size: 1.2rem;
    line-height: 2em;
    margin: 0 0 10px;
    text-align: left;
    }
.boxright p, .boxleft p {
    color: #1a1e1e;
    line-height: 1.3em;
    text-align: justify;
    text-justify: auto;
    font-weight: 200;
    margin: 0px;
    padding: 5px 1px 5px 1px;
    }
.boxright img, .boxleft img{
    max-width: 100%;
    }
.boxright p.lm_text, .boxleft p.lm_text {
    padding: 5px 1px 5px 1px;
    color: #1a1e1e;
    }
.boxright p.image, .boxleft p.image {
    padding: 6px 0px 3px 0px;
    color: #ffffff;
    max-width: 100%;
    }
.boxright p a, .boxright p.lm_text a, .boxright p.image a,     
.boxleft p a, .boxleft p.lm_text a, .boxleft p.image a {
    color: #1a1e1e;
    text-decoration: underline;
    }
.boxright p a:hover, .boxright p.lm_text a:hover, .boxright p.image a:hover, 
.boxleft p a:hover, .boxleft p.lm_text a:hover, .boxleft p.image a:hover {
    color: #1a1e1e;
    text-decoration: underline;
    }
.boxright p img, .boxleft p img, .boxright p.image img, .boxleft p.image img {
    max-width: 100%;
    }

.boxright div, .boxleft div { /* formulaire auth */
    color: #1a1e1e;
    }

/* necessaire pour IE si on veut controler la position */
.boxright div form, .boxleft div form {
    margin: 0px;
    padding: 5px 0px 5px 0px;
    }

.boxright p img.Bouton, .boxleft p img.Bouton {
    border: 0px;
    }
.boxright input.authincludeinput, .boxleft input.authincludeinput {
    padding: 1px 5px 1px 3px;
    color: #787878;
    text-decoration: none;
    text-align: left;
    width: 100px;
    background-color: #f7f7f5;
    border: 1px solid #c0c0c0;
    }
/* LPE 08/08/2018 : le box de recherche dans la zone droite n'était pas à jour mais peur de toucher à autre chose en ciblant uniquement authinclude */
.boxright form[name=formsearch] input.authincludeinput, .boxleft form[name=formsearch] input.authincludeinput{
    width: 150px;
    }
.boxright form[name=formsearch] input.authincludesubmit, .boxleft form[name=formsearch] input.authincludesubmit{
    border: none;
    }

/* == MENUS GAUCHE SELECTED de la page ou on se trouve == */

.leftselectmenusContainer1,.leftselectmenusContainer2, .leftselectmenusContainer3{
    padding: 0;
    font-weight: bold;
    }
.leftselectmenusContainer1{
    padding-top: 5px;
    }
.leftselectmenusContainer3 {
    border-bottom: 1px solid #e8e8e8;
    }
/* Niveau 1 - TITRE DU MENU */
.leftselectboxmenus, .leftselectboxmenus1, .leftselectboxmenus2, .leftselectboxmenus3, .leftselectboxmenus4{
    list-style: outside none none;
    padding: 0;
    }
.Menus1Selected {
    font-weight: bold;
    text-transform: uppercase;
    color: #506289;
    text-decoration: none;
    margin-top: 10px;
    font-size: 1rem;
    }
/* Niveau 2 - SOUS MENU DE NIVEAU 2 */
.leftselectboxmenus2 .Menus2::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content:"\f105";
    /* margin-right: 5px; */
    color: #bcbcbc;
    position: absolute;
    left: 0;
    }
.leftselectboxmenus2 .Menus2 {
    display: block;
    padding: 8px 0px 5px 15px;
    font-weight: bold;
    border-top: 1px solid #e8e8e8;
    position: relative;
    }
.leftselectboxmenus2 li.Menus2 a {
    color: #bcbcbc;
    text-decoration: none;
    }
.leftselectboxmenus2 li.Menus2 a:hover {
    color: #506289;
    }
.leftselectboxmenus2 .Menus2Selected::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content:"\f107";
    /* margin-right: 5px; */
    color: #506289;
    font-weight: bold;
    position: absolute;
    left: 0;
    }
.leftselectboxmenus2 li.Menus2Selected, .leftselectboxmenus2 li.Menus2Fixed {
    display: block;
    padding: 8px 0px 5px 15px;
    font-weight: bold;
    border-top: 1px solid #e8e8e8;
    position: relative;
    }
.leftselectboxmenus2 li.Menus2Selected a, .leftselectboxmenus2 li.Menus2Fixed a {
    color: #506289;
    font-weight: bold;
    text-decoration: none;
    }

/* Niveau 3 - SOUS MENU DE NIVEAU 3 */

.leftselectboxmenus3 .Menus3::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content:"\f105";
    /* margin-right: 5px; */
    color: #bcbcbc;
    position: absolute;
    left: 5px;
    }
.leftselectboxmenus3 li.Menus3 {
    display: block;
    padding: 8px 0px 5px 20px;
    font-weight: bold;
    position: relative;
    }
.leftselectboxmenus3 li.Menus3 a {
    color: #bcbcbc;
    text-decoration: none;
    }
.leftselectboxmenus3 li.Menus3 a:hover {
    color: #506289;
    }
.leftselectboxmenus3 .Menus3Selected::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content:"\f107";
    /* margin-right: 5px; */
    color: #506289;
    font-weight: bold;
    position: absolute;
    left: 5px;
    }
.leftselectboxmenus3 li.Menus3Selected, .leftselectboxmenus3 li.Menus3Fixed {
    display: block;
    padding: 8px 0px 5px 20px;
    font-weight: bold;
    position: relative;
    }
.leftselectboxmenus3 li.Menus3Selected a, .leftselectboxmenus3 li.Menus3Fixed a {
    color: #506289;
    font-weight: bold;
    text-decoration: none;
    }

/* Niveau 4 - SOUS MENU DE NIVEAU 4 */
.leftselectboxmenus4 .Menus4::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content:"\f105";
    /* margin-right: 5px; */
    color: #bcbcbc;
    position: absolute;
    left: 8px;
    }
.leftselectboxmenus4 li.Menus4 {
    display: block;
    padding: 8px 0px 5px 23px;
    font-weight: bold;
    position: relative;
    }
.leftselectboxmenus4 li.Menus4 a {
    color: #bcbcbc;
    text-decoration: none;
    }
.leftselectboxmenus4 li.Menus4 a:hover {
    color: #506289;
    }
.leftselectboxmenus4 .Menus4Selected::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content:"\f107";
    /* margin-right: 5px; */
    color: #506289;
    position: absolute;
    left: 8px;
    }
.leftselectboxmenus4 li.Menus4Selected, .leftselectboxmenus4 li.Menus4Fixed{
    display: block;
    padding: 8px 0px 5px 23px;
    font-weight: bold;
    position: relative;
    }
.leftselectboxmenus4 li.Menus4Selected a, .leftselectboxmenus4 li.Menus4Fixed a {
    color: #506289;
    font-weight: bold;
    text-decoration: none;
    }

/* == MENUS GAUCHE OUTILS DE GESTION == */
/* similaire tous */
.leftboxmenus1, .leftboxmenus2, .leftboxmenus3, .leftboxmenus4{
    list-style: none;
    }

/* Niveau 1 */
.leftboxmenus1 {  
    background: #efeeec;
    }
.leftboxmenus1 li.Menus1 {
    display: block;
    padding: 8px 10px 8px 0px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
    border-top: 1px solid #fafaf7;
    }
.leftboxmenus1 li.Menus1 a {
    color: #1a1e1e;
    text-decoration: none;
    }
.leftboxmenus1 li.Menus1 a:hover {
    color: #000000;
    text-decoration: none;
    }
.leftboxmenus1 li.Menus1Selected, .leftboxmenus1 li.Menus1Fixed {
    display: block;
    padding: 8px 10px 8px 0px;
    font-weight: bold;
    background: #f1f0ee;
    border-top: 1px solid #fafaf7;
    }
.leftboxmenus1 li.Menus1Selected a, .leftboxmenus1 li.Menus1Fixed a {
    color: #000000;
    text-decoration: none;
    }

/* Niveau 2 */
.leftboxmenus2 {
    background: #f1f0ee;
    }
.leftboxmenus2 .Menus2::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    margin-right: 5px;
    }
.leftboxmenus2 li.Menus2 a {
    display: inline-block;
    padding: 0px 10px 6px 0px;
    margin: -1px 0px 0px 0px;
    font-weight: normal;
    color: #1a1e1e;
    text-decoration: none;
    }
.leftboxmenus2 li.Menus2 a:hover {
    color: #000000;
    text-decoration: none;
    }
.leftboxmenus2 li.Menus2Selected {
    margin: 0;
    padding: 0;
    }
.leftboxmenus2 li.Menus2Selected a {
    width: 175px;
    display: block;
    padding: 0px 10px 6px 45px;
    margin: -1px 0px 0px 0px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    }
.leftboxmenus2 li.Menus2Fixed {
    width: 190px;
    display: block;
    padding: 2px 10px 6px 40px;
    margin: -1px 0px 0px 0px; /* top et bottom 0px si cela suit directement le ul */
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    }

/* Niveau 3 */
.leftboxmenus3 {
    background: #f1f0ee;
    }
.leftboxmenus3 li.Menus3 {
    }
.leftboxmenus3 li.Menus3 a {
    width: 165px;
    display: block;
    padding: 0px 10px 6px 55px;
    margin: -1px 0px 0px 0px;
    font-weight: normal;
    color: #1a1e1e;
    text-decoration: none;
    }
.leftboxmenus3 li.Menus3 a:hover {
    color: #000000;
    text-decoration: none;
    }
.leftboxmenus3 li.Menus3Selected {
    }
.leftboxmenus3 li.Menus3Selected a {
    width: 165px;
    display: block;
    padding: 0px 10px 6px 55px;
    margin: -1px 0px 0px 0px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    }
.leftboxmenus3 li.Menus3Selected a:hover {
    text-decoration: none;
    }
.leftboxmenus3 li.Menus3Fixed {
    width: 170px;
    display: block;
    padding: 2px 10px 6px 50px;
    margin: -1px 0px 0px 0px; /* top et bottom 0px si cela suit directement le ul */
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    }

/* Niveau 4 */
.leftboxmenus4 {
    background: #f1f0ee;
    }
.leftboxmenus4 li.Menus4 {
    margin: 0;
    padding: 0;
    }
.leftboxmenus4 li.Menus4 a {
    width: 155px;
    display: block;
    padding: 0px 10px 6px 65px;
    margin: -1px 0px 0px 0px;
    font-weight: normal;
    color: #1a1e1e;
    text-decoration: none;
    }
.leftboxmenus4 li.Menus4 a:hover {
    color: #000000;
    text-decoration: none;
    }
.leftboxmenus4 li.Menus4Selected {
    margin: 0;
    padding: 0;
    }
.leftboxmenus4 li.Menus4Selected a {
    width: 155px;
    display: block;
    padding: 0px 10px 6px 65px;
    margin: -1px 0px 0px 0px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    }
.leftboxmenus4 li.Menus4Selected a:hover {
    text-decoration: none;
    }
.leftboxmenus4 li.Menus4Fixed {
    width: 160px;
    display: block;
    padding: 2px 10px 6px 60px;
    margin: -1px 0px 0px 0px; /* top et bottom 0px si cela suit directement le ul */
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    }

/* == MENUS DROITE == */
/* == menu créé dans la zone de droite */

/* similaire pour tous */
.rightboxmenus1, .rightboxmenus2, .rightboxmenus3, .rightboxmenus4{
    list-style: outside none none;
    }

/* Niveau 1 */
.rightboxmenus1{
    margin-top: 15px;
    padding-left: 20px
    }
.rightboxmenus1 li.Menus1{
    display: block;
    font-weight: bold;
    padding: 8px 0 5px;
    }
.rightboxmenus1 li.Menus1::before{
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-weight: bold;
    margin-right: 5px;
    color: #bcbcbc;
    }
.rightboxmenus1 li.Menus1Selected{
    color: #506289;
    display: block;
    font-weight: bold;
    padding: 8px 0 5px;
    font-size: inherit;
    text-transform: none;
    }
.rightboxmenus1 li.Menus1Selected::before{
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-weight: bold;
    margin-right: 5px;
    color: #506289;
    }
/* Niveau 2 */
.rightboxmenus2{
    padding-left: 20px;
    }
.rightboxmenus2 li.Menus2{
    display: block;
    padding: 0 0 0 10px;
    }
.rightboxmenus2 li.Menus2::before{
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #bcbcbc;
    }
.rightboxmenus2 li.Menus2Selected{
    color: #506289;
    display: block;
    padding: 0 0 0 10px;
    font-size: inherit;
    text-transform: none;
    }
.rightboxmenus2 li.Menus2Selected::before{
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #506289;
    }
/* Niveau 3 */
.rightboxmenus3{
    padding-left: 20px;
    }
.rightboxmenus3 li.Menus3{
    display: block;
    padding: 0 0 0 18px;
    }
.rightboxmenus3 li.Menus3::before{
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #bcbcbc;
    }
.rightboxmenus3 li.Menus3Selected{
    color: #506289;
    display: block;
    padding: 0 0 0 18px;
    font-size: inherit;
    text-transform: none;
    }
.rightboxmenus3 li.Menus3Selected::before{
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #506289;
    }
/* Niveau 4 */
.rightboxmenus4{
    padding-left: 20px;
    }
.rightboxmenus4 li.Menus4{
    display: block;
    padding: 0 0 0 25px;
    }
.rightboxmenus4 li.Menus4::before{
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #bcbcbc;
    }
.rightboxmenus4 li.Menus4Selected{
    color: #506289;
    display: block;
    padding: 0 0 0 25px;
    font-size: inherit;
    text-transform: none;
    }
.rightboxmenus4 li.Menus4Selected::before{
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    color: #506289;
    }
/* HOVER pour tous les menus BOX */
.rightboxmenus1 li.Menus1 a, .rightboxmenus2 li.Menus2 a, .rightboxmenus3 li.Menus3 a, .rightboxmenus4 li.Menus4 a{
    color: #bcbcbc;
    }
.rightboxmenus1 li.Menus1 a:hover, .rightboxmenus2 li.Menus2 a:hover, .rightboxmenus3 li.Menus3 a:hover, .rightboxmenus4 li.Menus4 a:hover{
    color: #506289;
    }
.rightboxmenus1 li.Menus1Selected a, .rightboxmenus2 li.Menus2Selected a, .rightboxmenus3 li.Menus3Selected a, .rightboxmenus4 li.Menus4Selected a{
    color: #506289;
    }

/* ========================================= CONTEXTUELS DIVERS ======================================= */
.jqTicker {
    overflow: hidden;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    list-style: none;
    }
.jqTicker li {
    padding: 5px 2px 5px 2px;
    color: #1a1e1e;
    border-bottom: 1px dotted #aeb2b5;
    }
.jqTicker li a {
    text-decoration:none;
    color: #506289;
    }
.jqTicker li a:hover {
    text-decoration:underline;
    color: #506289;
    }

span.agendaDate{
    padding: 0px 0px 2px 0px;
    color: #1a1e1e;
    font-weight: bold;
    }
span.agendaTime{
    padding: 0px 0px 2px 15px;
    color: #506289;
    }
#newsTicker {
    position: relative;
    height: 35px;
    overflow: hidden;
    }
#newsScroller {
    position: absolute;
    position/**/: relative;
    height: 35px;
    line-height: 35px;
    white-space: nowrap;
    }
.boxleft #newsTickerVert {
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 0px 0px;
    position: relative;
    height: 100px;
    overflow: hidden;
    }
.boxleft #newsScrollerVert {
    position: absolute;
    position/**/: relative;
    padding: 5px 2px 5px 2px;
    color: #1a1e1e;         /* couleur de texte defilant */
    }
.boxright #newsTickerVert {
    margin: 5px 0px 5px 0px;
    padding: 5px 0px 0px 0px;
    position: relative;
    height: 100px;
    overflow: hidden;
    }
.boxright #newsScrollerVert {
    position: absolute;
    position/**/: relative;
    padding: 5px 2px 5px 2px;
    color: #1a1e1e; /* couleur de texte defilant */
    }
#newsScrollerVert a {
    color: #1a1e1e;
    text-decoration: underline;
    }
#newsScrollerVert a:hover {
    color: #1a1e1e;
    text-decoration: underline;
    }
#newsScrollerVert p {
    display: block;
    padding: 3px 0px 3px 0px;
    background-image: none;
    }
span.infodefile {
    font-weight: bold;
    }
/* == Petit Carousel zone droite == */
.carsousel{
    margin-right: auto;
    margin-left: auto;
    }
/*.item img{
    width: 100%;
    }
.carousel-inner{*/ /* pour mettre une hauteur prédéfinie sans bouger img */
    /*height: 100px;
}*/
/* =============================================== FOOTER ==================================================== */
footer{/* pour l'effet glissement, le footer est placé en dessous de tout */
    /* 
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    */
    }
#bgFooter {
    background-color: #263451;
    }
#footer {
    color: #ffffff;
    text-align: left;
    }
#levelFooter{
    /* padding-top: 15px; */
    /* padding-bottom: 15px; */
    }
#footer a {
    color: #7291b9;
    text-decoration: none;
    }
#footer a:hover {
    color: #506289;
    text-decoration: underline;
    }
#footer .link_btn_btnCenter a{
    color: #ffffff;
    text-decoration: none;
    }
#footer h4 {
    color: #ffffff;
    font-size: 1.2rem;
    text-align: left;
    padding-top: 10px;
    } 
#footer #footerCol1 i{
    color: #7291b9;
    width: 15px; /* pour l'alignement du texte */
    }
#bottomFooter1, #bottomFooter{
    text-align: center;
    background-color: #263451;
    color: #506289;
    /* padding-top: 15px; */
    }
#bottomFooter1 a, #bottomFooter a{
    color: #506289;
    }
#bottomFooter1 a:hover, #bottomFooter a:hover{
    color: #7291b9;
    }
#footer #footerCol3 ul {
    margin-top: 10px;
    }
#footer #footerCol3 ul li {
    list-style-type: none;
    }
#footer #footerCol3 ul li p{
    margin-bottom: 0;
    }

/* == BOITE DE RECHERCHE == */
input.fieldSearch {
    color: #666666;
    text-decoration: none;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid grey;
    border-radius: 5px 0px 0px 5px;
    height: 23px;
    vertical-align: top; /* important évite les décalages sur chrome et safari*/
    }
.btnSearch {
    text-indent: -9999px;
    cursor: pointer;
    font-weight: normal;
    text-align: right;
    text-decoration: none;
    height: 23px;
    width: 30px;
    border: 0px;
    border-radius: 0px 5px 5px 0px;
    background: #000 url("../images/btn-search.png") no-repeat scroll 50% 50% / 50% auto;
    }
.btnSearch[type=submit]:hover, input.btnSearch[type=reset]:hover {
    background: #000 url("../images/btn-search.png") no-repeat scroll 50% 50% / 60% auto;
    }

/* ===================================== FORMULAIRES =========================================== */
/* == modif lpe 19/03/2019 largeur champs date de naissance == */
input[name="date_naissance_day"], input[name="date_naissance_month"], input[name="date_naissance_year"]{
    width: auto !important;
    }
    
/* == Formulaire normal + spécificités similaires pour tous == */ 
/* styles placeholder pour les 3 formulaires */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #9bc2f5;
    font-family: Verdana, "Font Awesome 5 Free";
    font-weight: 900;
    }
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
    color: #9bc2f5;
    font-family: Verdana, "Font Awesome 5 Free";
    font-weight: 900;
    }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
    color: #9bc2f5;
    font-family: Verdana, "Font Awesome 5 Free";
    font-weight: 900;
    }
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
    color: #9bc2f5;
    font-family: Verdana, "Font Awesome 5 Free";
    font-weight: 900;
    }

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
    opacity: 0;
    }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Firefox 19+ */
    opacity: 0;
    }
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* IE 10+ */
    opacity: 0;
    }
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Firefox 18- */
    opacity: 0;
    }

form {
    margin: 0;
    padding: 0;
    }
#formulaire {
    margin: 10px 0px 20px 0px;
    }
div.formTitle {
    border-bottom: 1px solid #f8f8f8;
    clear: left;
    color: #1a1e1e;
    float: none;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 10px 3% 2px 0;
    text-transform: uppercase;
    width: auto;
    font-size: 1.2rem;
    }
div.formInfo {
    margin: 0;
    padding: 5px 0px 0px 0px;
    color: #1a1e1e;
    width: 100%;
    }
div.formItem {
    margin: 0 auto;
    padding: 5px 0px 0px 0px;
    color: #1a1e1e;
    width: 60%;
    clear: both;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }
div.formItemSpe {
    display: none;
    }
div.formButton {
    margin: 0;
    padding: 20px 0px 10px 0px;
    color: #1a1e1e;
    text-align: center;
    width: 100%;
    }
div.formItem label {
    /*float: left;*/
    color: #666666;
    display: block;
    margin: 0;
    padding: 14px 3% 4px 0%;
    width: auto; /* pas 42 ni 100 */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    } 
div.formItem div label {
    float: none;
    display: inline;
    font-weight: normal;
    width: 100%;
    }
input.Input, textarea.Input {
    padding: 3px 5px 3px 5px;
    font-weight: normal;
    font-size: 0.75rem;
    color: #1a1e1e;
    text-decoration: none;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    /*border-radius: 4px 4px 4px 4px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
    font-size: 1rem;
    }
/* lpe : 13/03/19 : précision du div formItem, formItemCont et formIntemCol devant instructions pour ne pas perturber les inputs de btsp */
.formItem input[type="RADIO"],
.formItemCont input[type="RADIO"], 
.formItemCol input[type="RADIO"]{
      width: auto !important;
      margin-left: 1px;
      margin-right: 10px;
      } 
.formItem input[type="CHECKBOX"],
.formItemCont input[type="CHECKBOX"],
.formItemCol input[type="CHECKBOX"]{
      width: auto !important;
      margin-left: 1px;
      margin-right: 10px;
      }   
.formItem input[type="RADIO"] + label,
.formItemCont input[type="RADIO"] + label,
.formItemCol input[type="RADIO"] + label{ /* ne sélectionne que les labels précédés par input radio */
      font-size: 100% !important; 
      text-transform: none !important;
      font-weight: normal !important;
      }
.formItem input[type="CHECKBOX"] + label,
.formItemCont input[type="CHECKBOX"] + label,
.formItemCol input[type="CHECKBOX"] + label{ /* ne sélectionne que les labels précédés par input CHECKBOX */
      font-size: 100% !important; 
      text-transform: none !important;
      font-weight: normal !important;
      display: inline; /* sinon phrases longues coupées */
      }
/*
.formItemCol input[type="RADIO"] + label{ 
text-transform: none !important;
font-weight: normal;
padding: 4px 3% 4px 0;
}
*/
input.Input:hover, textarea.Input:hover {
    background-color: #ffffff;
    border: 1px solid #c4c4c4;
    }
input.Input:focus, textarea.Input:focus {
    border-color: #66afe9;
    outline: 0;
    }       
.fieldError {
    border-color: #bb0a0a !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
    }     
.fieldError:focus {
    border-color: #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
    }
select.Select {
    padding: 2px 3px 2px 3px;
    font-weight: normal;
    font-size: 1rem;
    color: #787878;
    text-decoration: none;
    text-align: left;
    border: 1px solid #d8d8d8;
    /*border-radius: 4px 4px 4px 4px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    }
select.Select:hover {
    /*background-color: #f6f6f6;*/
    border: 1px solid #bbbbbb;
    }  
div.FormSubmitButt{
    text-align:center;
    margin: 0;
    padding: 2em 0px 1em 0px;
    clear: left;
    }  
input.Submit {
    margin: 0;
    padding: 0px 10px 0px 10px;
    font-weight: normal;
    font-size: 0.6875rem;
    text-transform: uppercase;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    height: 30px;
    line-height: 15px;
    background: #787878;
    border: none;
    outline: 0 none;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 60%;
    transition: background-color 0.5s;
    }
input.Submit:hover { /* hover */
    background: #666666;
    cursor: pointer;
    transition: background-color 0.5s;
    }

.par1descrwarn {
    font-size: 0.75rem;
    color: #bb0a0a;
    text-align: left;
    }
span.Obligatoire {
    padding: 1px 0px 1px 0px;
    font-weight: bold;
    font-size: 0.75rem;
    color: #bb0a0a;
    text-decoration: none;
    text-align: right;
    }
div.Warning {
    padding: 5px 5px 5px 25px;
    font-weight: bold;
    font-size: 0.75rem;
    color: #bb0a0a;
    text-decoration: none;
    text-align: justify;
    }
div.MsgError {
    margin: 5px 0px 10px 0px;
    padding: 10px 15px 10px 15px;
    font-weight: bold;
    font-size: 0.75rem;
    color: #bb0a0a;
    text-decoration: none;
    text-align: left;
    border: 2px solid #bb0a0a;
    border-radius:5px;
    }
div.MsgDisplay {
    margin: 5px 0px 10px 0px;
    padding: 5px;
    font-weight: bold;
    font-size: 0.75rem;
    color: #787878;
    text-decoration: none;
    text-align: left;
    border: 2px solid #c8c8c8;
    border-radius:5px;
    }

/* == Formulaire en colonnes == */ 
div.formItemCol label{
    color: #666666;
    float: none;
    text-transform: uppercase;
    width: auto; /* pas 42 ni 100 */
    padding: 14px 3% 4px 0;
    font-size: 1.2rem;
    font-weight: 600;
    }
div.formItemCol{
    margin: 0 5%;
    width: 40%;
    float: left;
    }

/* == Formulaire en 100% == */ 
div.formItemCont label{
    float: none;
    padding: 10px 3% 2px 0;
    text-transform: uppercase;
    width: auto; /* pas 42 ni 100 */
    font-weight: 600;
    }
div.formItemCont div input.Input, div.formItemCont div textarea.Input{
    border-radius: 0px;
    box-shadow: none;
    width: 100%;
    font-size: 1rem;
    }
div.formItemCont div input[type="RADIO"] {
    margin-left: 1px;
    margin-right: 10px;
    width: auto;
    }
div.formItemCont{
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px; /* specific formulaire CMS */
    }

@media screen and (max-width: 640px){
    div.formItem{
        width: 100%;
        }
    input.Submit{
        width: 100%;
        }
    /* == formulaire en colonnes == */
    div.formItemCol{
        width: 100%;
        margin: 0;
        }
    /* == formulaire 100% == */
    div.formItemCont{
        width: 100%;
        }
}
/* ============================= DIVERS ============================================ */

/* == 10/07/2020 - SLIDER IMAGE COVER DE PDF == */ 
/*
    code by Iatek LLC 2018 - CC 2.0 License - Attribution required
    code customized by Azmind.com
*/
@media (min-width: 768px) and (max-width: 991px) {
    /* Show 4th slide on md if col-md-4*/
    .pdfCarousel .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) and (max-width: 768px) {
    /* Show 3rd slide on sm if col-sm-6*/
    .pdfCarousel .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
}
@media (min-width: 576px) {
    .pdfCarousel .carousel-item {
        margin-right: 0;
    }
    /* show 2 items */
    .pdfCarousel .carousel-inner .active + .carousel-item {
        display: block;
    }
    .pdfCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .pdfCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        transition: none;
    }
    .pdfCarousel .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .pdfCarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .pdfCarousel .carousel-item-next.carousel-item-left + .carousel-item,
    .pdfCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* farthest right hidden item must be also positioned for animations */
    .pdfCarousel .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* right or prev direction */
    .pdfCarousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .pdfCarousel .carousel-item-prev.carousel-item-right + .carousel-item,
    .pdfCarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* MD */
@media (min-width: 768px) {
    /* show 3rd of 3 item slide */
    .pdfCarousel .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }
    .pdfCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }
    .pdfCarousel .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0, 0, 0);
    }
    /* left or forward direction */
    .pdfCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction */
    .pdfCarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* LG */
@media (min-width: 991px) {
    /* show 4th item */
    .pdfCarousel .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
        display: block;
    }
    .pdfCarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
        transition: none;
    }
    /* Show 5th slide on lg if col-lg-3 */
    .pdfCarousel .carousel-inner .active.col-lg-3.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -25%;  /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible;
    }
    /* left or forward direction */
    .pdfCarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    /* right or prev direction //t - previous slide direction last item animation fix */
    .pdfCarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* == COLLAPSE == */
/* lpe : 18/06/2020 */
a.antParaCollapse[data-toggle="collapse"] {
    width: 100%;
    background-color: #f8f8f8;
    border: 1px solid #dddddd;
    margin-bottom: 15px;
    border-radius: 5px;
    transition: background-color 0.5s;
    }
a.antParaCollapse[data-toggle="collapse"]:hover{
    text-decoration: none;
    background-color: #eaeaea;
    transition: background-color 0.5s;
    }
a.antParaCollapse[data-toggle="collapse"] h1{
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.5rem;
    }
a.antParaCollapse[data-toggle="collapse"][aria-expanded="false"] h1::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    position: absolute;
    right: 15px;
    }
a.antParaCollapse[data-toggle="collapse"][aria-expanded="true"] h1::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    position: absolute;
    right: 15px;
    }
    
/* == Galerie == */
.cboxElement{ /* couleur de la description sous image (si celle-ci visible) */
    color: #1a1e1e;
    }
    
.imgGalerieResp {
    display: flex;
    flex-wrap: wrap;
   }
.imgGalerieResp > [class*='col-'] {
    display: flex;
    flex-direction: column;
   }

/* figcaption */  
.antFigure{
    margin-bottom: 20px;
    flex:1 0 auto;
    flex-direction:column;
    position: relative;
    }
.antFigure figcaption {
  flex-grow:1;
  text-align: center;
  font-size: 0.9rem;
    line-height: 1rem;
  color: #1a1e1e;
}
.antFigure figcaption.internal{
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    color: #ffffff;
}
.antFigureSingle{ position : relative; display: inline-block;}
.antFigureSingle figcaption.internal{
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    padding: 5px;
    position: absolute;
    right: 0;
    color: #ffffff;
}
.antFigureSingle .imgcontleft ~ figcaption.internal{ right: 5px;}
.antFigureSingle .imgcontcenter ~ figcaption.internal{ bottom: 15px;}
.antFigureSingle .imgcontright ~ figcaption.internal{ left: 5px;}

/* figure et figcaption pour les covers de pdf */ 
.antFigureDocs{
    margin-bottom: 20px;
    flex:1 0 auto;
    flex-direction:column;
    position: relative;
    }
.antFigureDocs figcaption{
    flex-grow: 1;
    color: #1a1e1e;
    text-align: center;
    font-size: 0.9rem;
    line-height: 1rem;
    }

/* 27/05/2016 - lpe - résolutions problèmes de gallery */
.divcontleft{
    float: left;
}
.divcontright{
    float: right;
}
.divcontcenter{
    margin-left: auto;
    margin-right: auto;
    width: 43%;
}
/* == picto-multi pour swipebox 1 seule image == */
.img-swipe-multi{ 
    display: inline-block;
    position: relative;
}
.img-swipe-multi a::before {
    content: url("../images/icon-galery-multi.png");
    opacity: 0.5;
    position: absolute;
    z-index: 800;
    /* centrage en hauteur et largeur */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    margin: auto;
}

/* ======== Nouvelle interface de gestion - 2017 - tbord-list ======== */
.zoneTbordApplis ul{
    list-style: none;
    padding: 0;
    }
.zoneTbordApplis ul li{
    /* padding: 5px; */ /* avec ce padding de 5 on a un decalage car padding du haut pose prob donc passe un marg-top dans a*/
    padding : 0 5px;
    }
.zoneTbordApplis ul li a{
    background-color: #506289;
    color: #ffffff;
    display: block;
    padding: 25px 10px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s;
    position: relative;
    margin-top: 10px;
    }
.zoneTbordApplis ul li a i.iconboard{
    margin-bottom: 10px;
    }
.zoneTbordApplis ul li a:hover{
    background-color: #7291b9;
    transition: all 0.5s;
    text-decoration: none;
    }

/* notifications */
.zoneTbordApplis ul li a span{
    background-color: #dc143c;
    border: 2px solid #ffffff;
    /*border-radius: 50px;*/
    display: inline-block;
    padding: 5px 11px;
    position: absolute;
    right: -5px;
    top: -5px;
    }

/* == Authentification == */
input.authincludeinput {
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    color: #1a1e1e;
    text-decoration: none;
    width: 177px;
    background-color: #ffffff;
    border: 1px solid #b3b3b3;
    }
input.authincludesubmit {
    padding: 2px 5px 2px 5px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #1a1e1e;
    border: 1px solid ;
    border-color: #1a1e1e #333333 #333333 #1a1e1e;
    cursor: pointer;
    }
input[type=submit]:hover, input[type=reset]:hover {
    background: #666666;
    border-width: 1px solid;
    border-color: #666666 #1a1e1e #1a1e1e #666666;
    }

/* BOUTONS GALERIE */
div.contentnav {
    padding: 15px 0px 0px 0px;
    font-weight: bold;
    vertical-align: top;
    text-align: center;
    color: #1a1e1e;
    }
div.contentnav a {
    color: #787878;
    text-decoration: underline;
    }
div.contentnav a:hover {
    color: #506289;
    }
div.contentnav a img { /* fleche next page */
    padding: 0px 5px 0px 5px;
    border: 0px;
    }
div.contentnavleft {
    clear: both;
    padding: 20px 10px;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    }
div.contentnavleft img {}
div.contentnavright {
    font-weight: bold;
    text-align: right;
    clear: both; /* lpe : 19/10/18 : ajout d'un clear dans le cas où on a un bouton dans l'info news sinon les 2 bts sont l'un à coté de l'autre mal mis */
    }
div.contentnavright a { /* lien En savoir plus>  LISTE D'INFOS*/
    padding: 10px;
    background-color: #7291b9;
    text-decoration: none;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 5px;
    }
div.contentnavright a:hover {
    background-color: #506289;
    }

/* LISTE INFOS - FAQ - MODE AGENDA */
div.infos {}
div.info {}
div.info div.row {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px dotted #a6a6a6;
    }
.faqs div.info{
    border-top: 1px dotted #a6a6a6;
    }
div.info h2 {
    font-size: 1.2rem;
    color: #506289;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    }
div.info h2 span { /* date publication */
    font-weight: normal;
    color: #666666;
    }
div.info .linkList{
/* on remet les valeurs de la col-12 pour forcer */
        padding-left: 15px;
        padding-right: 15px;
        }

.info-agenda{}
.info-agenda-bloc {
    border-top: 1px dotted #a6a6a6;
    padding-top: 15px;
    }
.info-agenda h2 { /* idem div.info h2 */
    font-size: 1.2rem;
    color: #506289;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    }
.agenda-date { /* date publication */
    padding: 0px 0px 10px 0px;
    color: #ffffff;
    text-align: center;
    background: url(../images/info-date.gif) no-repeat bottom right;
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
    }
.agenda-time { /* date publication */
    padding: 0px 0px 4px 20px;
    color: #506289;
    font-weight: bold;
    }
.agenda-time::before{
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 5px;
    }

        
.accord-content { display: none; }
.accord-header { cursor: pointer; }

/* ICONES DOCUMENTS */
ul.linkList li.word a {background: url(../icon_images/page_white_word.gif) no-repeat; padding-left: 22px; display: inline;}
ul.linkList li.excel a {background: url(../icon_images/page_white_excel.gif) no-repeat; padding-left: 22px; display: inline;}
ul.linkList li.powerpoint a {background: url(../icon_images/page_white_powerpoint.gif) no-repeat; padding-left: 22px; display: inline;}
ul.linkList li.pdf a {background: url(../icon_images/page_white_pdf.gif) no-repeat; padding-left: 22px; display: inline;}
ul.linkList li.texte a {background: url(../icon_images/page_white_text.gif) no-repeat; padding-left: 22px; display: inline;}
ul.linkList li.flash a {background: url(../icon_images/page_white_flash.gif) no-repeat; padding-left: 22px; display: inline;}
ul.linkList li.image a {background: url(../icon_images/page_white_camera.gif) no-repeat; padding-left: 22px; display: inline;}
ul.linkList li.video a {background: url(../icon_images/page_white_film.gif) no-repeat; padding-left: 22px; display: inline;}
ul.linkList li.audio a {background: url(../icon_images/page_white_audio.gif) no-repeat; padding-left: 22px; display: inline;}
ul.linkList li.compressed a {background: url(../icon_images/page_white_compressed.gif) no-repeat; padding-left: 22px;display: inline;}
ul.linkList li.web a {background: url(../icon_images/page_white_world.gif) no-repeat; padding-left: 22px; display: inline;}
ul.linkList li.none a {background: url(../icon_images/page_white_undefined.gif) no-repeat;}

ul.linkList li.word a::before, ul.linkList li.excel a::before, ul.linkList li.powerpoint a::before, 
ul.linkList li.pdf a::before, ul.linkList li.texte a::before, ul.linkList li.flash a::before,
ul.linkList li.image a::before, ul.linkList li.video a::before, ul.linkList li.audio a::before,
ul.linkList li.compressed a::before, ul.linkList li.web a::before{
    content: none;
}


/* Retire les outlines, lignes autour des images et du colorbox */

#colorbox:focus {outline:none !important;}
#cboxWrapper:focus {outline:none !important;}

/* == Mire d'authentification == */

#mire-auth h2, #mire-account h2{
    font-weight: bold;
    }
#mire-auth .authtable{
    margin-bottom: 15px;
    }
#mire-auth h2.authintro{
    font-size: 1.2rem;
    font-weight: normal;
    }

/* =================================== Plan du site - sitemap =========================================== */
.antsitemap li a{ color: #506289; } /* couleur des liens */
ul.antsitemap{ padding-left: 0; } /* on retire le padding gauche du ul */

.antsitemap li.map1 {
    list-style: none;
    background-color: #9bc2f5;
    padding: 5px 10px;
    margin-top: 5px;
    }
.antsitemap li.map2{
    margin-top: 5px;
    padding: 5px;
    list-style: none;
    margin-left: 15px;
    }
.antsitemap li.map2::before {
    content: "\f101";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #9bc2f5;
    }
.antsitemap li.map3{
    margin-top: 5px;
    padding: 5px;
    list-style: none;
    margin-left: 25px;
    }
.antsitemap li.map3::before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #9bc2f5;
    }
.antsitemap li.map4{
    margin-top: 5px;
    padding: 5px;
    list-style: none;
    margin-left: 35px;
    }
.antsitemap li.map4::before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #9bc2f5;
    }
  
/* ================================== RESPONSIVE/MEDIA QUERIES ============================================*/
@media (max-width: 768px){ /* jusque version smartphone et tablette portrait */
    #footer{
        text-align: center;
        }
    #footer h4{
        text-align: center;
        }

    #zone1{
        display: none;
        }   
    #zone2{
        display: none;
        }
    .fixbgHeader{ 
        position: static !important; 
        }
    #header{ 
        text-align: center;
        padding-top: 30px;
        position: static;
        }
    #header img{}
    /* retablissement de la valeur du font-weight pour le contenu au cas ou */
    .antpar1St2 .par1descr, 
    .antpar1 .par1descr, 
    .par2descr, 
    div.link_btn_btnRight .btn_inner, 
    div.link_btn_btnLeft .btn_inner, 
    div.link_btn_btnRightAleft .btn_inner,  
    div.link_btn_btnLeftAright .btn_inner,  
    div.link_btn_btnCenter .btn_inner,  
    .boxleft p,  
    .boxright p, 
    .boxleft #newsScrollerVert {
        font-weight: 400; /* = valeur normal */
        }
    #UpperTopContainer{
        margin-bottom: 20px;
        padding-top: 20px;
        }
    #UpperTopContainer ul li.Menus a{
        }
    #UpperTopContainer ul li.MenusSelected a{
        color: #9bc2f5;
        }
    #antLogInfo{
        display: none; /* il apparait dans les raccourcis du footer */
        }
    /* lpe : 29/11/2018 : ajout effet parallaxe et prob quand header fix */
    .bgHeader2Margin{
        margin-top: 0px; /* plus besoin car le fixBgHeader est static */
        }

    /* lpe : 11/03/19 : ajout de padding sur les galeries mobile pour le bug du swipebox (croix au dessus d'image) */
    .imgGalerieResp{
        padding-left: 20px;
        padding-right: 20px;
        }
}

@media (min-width: 768px){ /* à partir de version tablette paysage */
    #zone1{ /* apparition de la zone de gauche */
        display: block;
        padding-top: 20px;
        } 
    #zone2{ /* apparition de la zone de droite */
        display: block;
        padding-top: 20px;
        }
}

@media (min-width: 768px) and (max-width: 992px){ /* uniquement version tablette paysage */
    #header img{}
    .fixbgHeader #header img{
        width: 20%;
        }
}

@media (max-width: 992px){ /* jusque version tablette paysage */
   .boxendleftAuth {
        padding: 5px;
        }
   
}

@media (min-width: 992px){ /* à partir de version desktop */
    #MenusMainContainer {
        /*top: 20px; *//* emplacement du menu sur desktop -> faire avec flexbox plus tard */
        }
}



/* RESPONSIVE SLIDER BOOTSTRAP CSS
-------------------------------------------------- */

@media screen and (min-width: 445px){

  .first-slide, .second-slide, .third-slide{
      width: 50%;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      }
}

@media screen and (min-width: 775px){ /* approximatif car ne prend pas en compte la bonne taille*/
  .first-slide, .second-slide, .third-slide{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  float: right;
  }
  .carousel-txt{
    margin-top:20px;
    }
  .carousel-txt, .carousel-txt h1{
  text-align: left;
  }
  .alignRight, .alignRight h1{
  text-align: right;
  }
  .first-slide{
  float: left;
  }

  /* Bump up size of carousel content */
  .carousel-txt p {
  margin-bottom: 20px;
  line-height: 1.4;
  }
  .carousel-txt a{
  float: right;
  margin-right: 5%;
  }
}