/* ========== CLASSES PREDEFINIES A UTILISER N'IMPORTE OU ========== */
/* == BOUTONS == */

/* == FORMES de boutons == */
/* normal */
.antwDefBtn{
    border: none;
    margin: 15px 0px;
    padding: 10px 20px;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none !important;
    }
/* petit */
.antsDefBtn{
    border: none;
    margin: 15px 0px;
    padding: 5px 10px;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none !important;
    font-size: 0.8rem;
    }

/* == COULEURS de boutons == */
/* couleur du thème général */
.antDefBtnCol{
    background-color: #af0f19; /* couleur à changer en fonction du projet */
    color: #ffffff;
    opacity: 1;
    transition: opacity 0.5s;
    }
.antDefBtnCol:hover{
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.5s;
    }
/* gris */
.antDefBtnGrey{
    background-color: #A9A9A9;
    color: #ffffff !important;
    transition: background-color 0.5s;
    }
.antDefBtnGrey:hover{
    background-color: #C0C0C0;
    transition: background-color 0.5s;
    cursor: pointer;
    }
/* couleur secondaire */ /* LDO avec opacité plutot que chgt de couleur */
.antDefBtnColSec{
    background-color: #DAA520; /* couleur à changer en fonction du projet */
    color: #ffffff;
    opacity: 1;
    transition: opacity 0.5s;
    }
.antDefBtnColSec:hover{
    cursor: pointer;
    opacity: 0.8;
    transition: opacity 0.5s;
    }


/* === ancienne manière à garder car déjà commencé, pour ne pas tout perturbé === */
/* boutons simple */
.antwBtn{
    background-color: #af0f19; /* couleur à changer en fonction du projet */
    border: none;
    color: #ffffff !important;
    margin: 15px 0px;
    padding: 10px 20px;
    text-transform: uppercase;
    display: inline-block;
    transition: opacity 0.5s;
    text-decoration: none !important;
    opacity: 1;
    }
.antwBtn:hover{
    background-color: #af0f19; /* couleur à changer en fonction du projet */
    transition: opacity 0.5s;
    cursor: pointer;
    opacity: 0.8;
    }
.antwBtnInv{
    color: #af0f19 !important; /* couleur à changer en fonction du projet */
    border: none;
    margin: 15px 0px;
    padding: 10px 20px;
    text-transform: uppercase;
    display: inline-block;
    transition: opacity 0.5s;
    text-decoration: none !important;
    opacity: 1;
    }
.antwBtnInv:hover{
    color: #af0f19; /* couleur à changer en fonction du projet */
    transition: opacity 0.5s;
    cursor: pointer;
    opacity: 0.8;
    }
/* bouton simple gris */ 
.antwBtnGrey{
    background-color: #A9A9A9;
    border: none;
    color: #ffffff !important;
    margin: 15px 0px;
    padding: 10px 20px;
    text-transform: uppercase;
    display: inline-block;
    transition: background-color 0.5s;
    text-decoration: none !important;
    }
.antwBtnGrey:hover{
    background-color: #C0C0C0;
    transition: background-color 0.5s;
    cursor: pointer;
    }
/* bouton simple de type small */
.antsBtn{
    background-color: #af0f19; /* couleur à changer en fonction du projet */
    border: none;
    color: #ffffff !important;
    margin: 15px 0px;
    padding: 5px 10px;
    text-transform: uppercase;
    display: inline-block;
    transition: opacity 0.5s;
    text-decoration: none !important;
    opacity: 1;
    font-size: 0.8rem;
    }
.antsBtn:hover{
    background-color: #af0f19; /* couleur à changer en fonction du projet */
    transition: opacity 0.5s;
    cursor: pointer;
    opacity: 0.8;
    }

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

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

/* ==================================================== BODY ============================================================ */
body {
        color: #424242;
        font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        font-style: normal;
        text-align: left;
        font-size: 0.9rem;
        }
/* ==================================================== HEADER ========================================================== */

#bgHeader {
        transition: all 0.5s;
        }
.fixbgHeader{ 
        z-index: 9999; 
        position: fixed !important; 
        top: 0;
        width: 100%;
        transition: all 0.5s;
        }

/* LOGO */
#levelHeader #bgLevelHeaderLogo{
	position: relative;
	padding: 10px;
	}
#levelHeader #bgLevelHeaderLogo img{
	position: absolute; /* pour le débordement */
	z-index: 1;
	}

/* == BG UPPERTOP == */

#bgHeaderUpperTop{}
#bgHeaderUpperTop img{
    width: 100%;
    }

/* == PARALAX == 
_____________________________________________________ */    
#antPgParallax { 
    background: url(../parallax_bg/) no-repeat fixed 50% 0%; 
    background-size: cover; 
    /*min-height: 350px;*/
    width: 100%;
    padding-top: 50px;
    padding-bottom: 20px;    }
    

/* == MENU Langues PAS en sliding == */
.divLangues{}
.divLangueEnCours{
    margin-right: 5px;
    color: #fff;
    background-color: #20569c;
    font-weight: bold;
    }
.divLangueAutres{
    margin-right: 5px;
    font-weight: light;
    }
.divLangueEnCours, .divLangueAutres{
    padding: 5px;
    padding-top: 5px;
    display: inline-block;
    text-transform: uppercase;
    }
.divLangueEnCours a {
    color: #fff;
    }
.divLangueAutres a{
    color: #727272;
    }
.divLangueAutres:hover{
    cursor: pointer;
    }

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

/* == LEVELHEADER == */
#bgLevelHeader{
        background-color: #ffffff;
        /*
        position:fixed;
        top:0;
        z-index:100;
        width:100%;
        */
        }
        
#bgLevelHeader.fixed-top{
    border-bottom: 1px solid #cccccc;
}

#levelHeader{}

/* == HEADER/LOGO ==*/
#header{
        padding-top: 13px;
        padding-bottom: 10px;
        }
#header a{
        color: #424242;
        font-weight: bold;
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        }
.fixbgHeader #header img{
        }

/* == MENUS TOP HORIZONTAL - voir aussi dans bootstrap.css == */
#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: #fff;
        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 latest news et infos */
        }
#levelBanner {}

/* image de background */
#levelBanner #backgroundInfos{
        width: 100%;
        }
/* box d'infos au dessus du background */
#levelBanner .bgTxtBanner{
        position: absolute;
        /* background-color: rgba(0,0,255,0.8); */
        width: 100%;
        bottom: 0;
        color: #ffffff;
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        z-index: 3;
        }
#levelBanner .bgTxtBannerReducedVersion{
        position: static;
        /* background-color: rgba(0,0,255,0.8); */
        width: 100%;
        bottom: 0;
        color: #ffffff;
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        z-index: 3;
        }
#levelBanner .bgTxtBanner .txtBanner,#levelBanner .bgTxtBannerReducedVersion .txtBanner {
        max-width: 1140px;
        margin: auto;
        left: 0;
        right: 0;
        padding: 10px 15px 0;
        }
#levelBanner .bgTxtBanner .txtBanner h1,#levelBanner .bgTxtBannerReducedVersion .txtBanner h1{ 
        /*text-transform: uppercase;*/
        font-size: 2.2rem;
        font-weight: 300;
        }
#levelBanner .bgTxtBanner .txtBanner .subTitle,#levelBanner .bgTxtBannerReducedVersion .txtBanner .subTitle{
        font-size: 1.2rem;
        line-height: 1.2rem;
        font-weight: 300;
        }
#levelBanner .bgTxtBanner .txtBanner .subTitleSmaller,#levelBanner .bgTxtBannerReducedVersion .txtBanner .subTitleSmaller{
        font-size: 1.0rem;
        line-height: 1.2rem;
        font-weight: 300;
        }        
#levelBanner .bgTxtBanner .txtBanner .bgColor,#levelBanner .bgTxtBannerReducedVersion .txtBanner .bgColor{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0.9;
        z-index: -1;
        background-color: #af0f19;
        }

#levelBanner .bgTxtBanner .txtBanner .txtBannerInfos a, #levelBanner .bgTxtBanner .txtBanner .txtBannerInfos a:hover,
#levelBanner .bgTxtBannerReducedVersion .txtBanner .txtBannerInfos a, #levelBanner .bgTxtBannerReducedVersion .txtBanner .txtBannerInfos a:hover{
        color: #ffffff;
        text-decoration: none;
        }

/* logo dans bgTxtBannerReducedVersion txtBanner */
#levelBanner .bgTxtBannerReducedVersion .txtBanner .logoTxtBanner img{
        position: absolute;
        right: 15px;
        top: 15px;
        }

/* box des latest news au dessus du background et sous le box d'infos */
#levelBanner .newsBanner{
        position: absolute;
        background: #ffffff;
        right: 10%;
        padding: 5px 25px;
        height: 100%;
        border-top: 3px solid #af0f19;
        border-bottom: 1px solid #4242;
        top: 0;
        }
#levelBanner .newsBanner h2{
        text-transform: uppercase;
        font-size: 1.5rem;
        color: #af0f19;
        }
#levelBanner .newsBanner .newsContent{
        height: 70%;
        overflow: visible;
        padding-right: 15px;
        margin-top: 15px;
        }
#levelBanner .newsBanner .newsContent a{
        text-decoration: none;
        }

/* == SPONSORS COLLAPSE HEADER LDO == */
.sponsorsCollapse button{
    border: none;
    padding: 10px 15px;
    /*border-radius: 0 0 10px 10px;*/
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.7rem;
    color: #424242;
    background-color: rgb(240, 240, 240);
    transition: background-color 0.5s;
    }
.sponsorsCollapse button:hover{
    cursor: pointer;
    background-color: #dcdcdc;
    transition: background-color 0.5s;
    }
.sponsorsCollapse button i{
    font-weight: bold;
    color: #af0f19;
    padding-left: 5px;
    font-size: 1.1rem;
    }
/* bouton inversé */
.sponsorsCollapse button.BtnSponsorsTopInv {
    border: none;
    padding: 10px 15px;
    /*border-radius: 0 0 10px 10px;*/
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.7rem;
    color: rgb(240, 240, 240);
    background-color: #af0f19;
    opacity: 1;
    transition: opacity 0.5s;
    }
.sponsorsCollapse button.BtnSponsorsTopInv:hover{
    cursor: pointer;
    background-color: #af0f19;
    opacity: 0.8;
    transition: opacity 0.5s;
    }
.sponsorsCollapse button.BtnSponsorsTopInv i{
    font-weight: bold;
    color: rgb(240, 240, 240);
    padding-left: 5px;
    font-size: 1.1rem;
    }
    
/* bouton pour LDO */
.sponsorsCollapse button.BtnSponsorsTopLDO {
    border: none;
    padding: 10px 15px;
    /*border-radius: 0 0 10px 10px;*/
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.7rem;
    /*color: #424242;*/
    color: #ffffff;
    background-color: #a9a9a9;
    transition: background-color 0.5s;
    }
.sponsorsCollapse button.BtnSponsorsTopLDO:hover{
    cursor: pointer;
    background-color: #c0c0c0;
    opacity: 0.8;
    transition: opacity 0.5s;
    }
.sponsorsCollapse button.BtnSponsorsTopLDO i{
    font-weight: bold;
    color: #ffffff;
    padding-left: 5px;
    font-size: 0.7rem;
    }

/* ancre */
#sponsorsCollapse a{
    border: none;
    padding: 10px 15px;
    /*border-radius: 0 0 10px 10px;*/
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.7rem;
    color: #424242;
    background-color: #e8e8e8;
    transition: background-color 0.5s;
    }
#sponsorsCollapse a:hover{
    cursor: pointer;
    background-color: #dcdcdc;
    text-decoration: none;
    transition: background-color 0.5s;
    }
#sponsorsCollapse a i{
    font-weight: bold;
    color: #af0f19;
    padding-left: 5px;
    font-size: 1.1rem;
    }



    

#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.1rem;
}
.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: #20569c; /* attention il peut y avoir conflit avec def bootstrap*/
    border-color: #539327;
}
.carousel-txt .btn:hover{
    background-color: #539327;
    }
#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%;
    }

/* == BGHEADER3 - ENCARTS == */

#bgHeader3 { /* Specific */
        }
#levelEncarts { /* Specific */
        }

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

/* == 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;
        }
#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-top: 5px;
        padding-bottom: 10px;
        text-align: left;
        /* margin: 0; */ /* retablissemnt bootstrap 4 */
        }
.antpar1center {
        text-align: center;
        }
/* POSITION TITRE PAR DEFAUT ET 1 donc hors du par1descr */
.antpar1 h1 {
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        color: #af0f19;
        font-size: 2rem;
        display: block;
        margin-bottom: 25px;
        margin-top: 15px;
        font-weight: 300;
        }
.antpar1 h1 a {
        color: #af0f19;
        text-decoration: underline;
        }
.antpar1 h1 a:hover {
        color: #af0f19;
        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 */
        font-family: 'Raleway', sans-serif, Helvetica, calibri;
        color: #af0f19;
        font-size: 2rem;
        text-align: left;
        }
.antpar1 .par1descr h1 a {
        color: #af0f19;
        text-decoration: underline;
        }
.antpar1 .par1descr h1 a:hover {
        color: #af0f19;
        text-decoration: underline;
        }

/* == PARAGRAPHE SPECIFIC == */
/* color */
.antpar1St2{
        font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        color: #ffffff;
        background-color: #ff9c00;
        padding: 10px;
        margin-top: 30px; /* idem 31-01-2017 - decalage txt img */
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 0 0 20px 0;
        }
.antpar1St2 h1{
        color: #ffffff;
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        font-size: 1.6rem;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        margin-left: 5px;
        margin-top: 2px;
        margin-bottom: 0px;
        }
.antpar1St2 .par1descr{
        color: #ffffff;
        font-weight: 200;
        line-height: 1.7em;
        /* padding-top: 15px; */ /* idem 31-01-2017 - decalage txt img */
        }
.antpar1St2 h1{ color: #ffffff; }
.antpar1St2 .par1descr, .antpar1St2 .par2descr, .antpar1St2 .par1descr a, .antpar1St2 .par2descr a{ color: #ffffff; }

.antpar1St2 .par1descr a:hover, .antpar1St2 .par2descr a:hover{ font-weight: bold; color: #ffffff;}
.antpar1St2 .par1descr ul li, .antpar1St2 .par2descr ul li, 
.antpar1St2 .par1descr ul li::before, .antpar1St2 .par2descr ul li::before, 
.antpar1St2 .par1descr ul ul li, .antpar1St2 .par2descr ul ul li, 
.antpar1St2 .par1descr ul ul li::before, .antpar1St2 .par2descr ul ul li::before{
    color: #ffffff;
    }
.antpar1St2 .linkList li a{color: #ffffff;}

/* les boutons doivent être blancs */
.antpar1St2 div.link_btn_btnRight, .antpar1St2 div.link_btn_btnLeft, .antpar1St2 div.link_btn_btnRightAleft,
.antpar1St2 div.link_btn_btnLeftAright, .antpar1St2 div.link_btn_btnCenter{
    border: #ffffff 2px solid;
    }
.antpar1St2 div.link_btn_btnRight .btn_inner, .antpar1St2 div.link_btn_btnLeft .btn_inner, .antpar1St2 div.link_btn_btnRightAleft .btn_inner,
.antpar1St2 div.link_btn_btnLeftAright .btn_inner, .antpar1St2 div.link_btn_btnCenter .btn_inner{
    color: #ffffff;
    }
 /* options pour tous */
.antpar1St2 div.link_btn_btnRightAleft a, .antpar1St2 div.link_btn_btnLeftAright a, .antpar1St2 div.link_btn_btnRight a, .antpar1St2 div.link_btn_btnLeft a, .antpar1St2 div.link_btn_btnCenter a {
        color: #ffffff;
        }
.antpar1St2 div.link_btn_btnRightAleft a:hover, .antpar1St2 div.link_btn_btnLeftAright a:hover, .antpar1St2 div.link_btn_btnRight a:hover, .antpar1St2 div.link_btn_btnLeft a:hover, .antpar1St2 div.link_btn_btnCenter a:hover {
        color: #ff9c00;
        }
.antpar1St2 div.link_btn_btnRight:hover, .antpar1St2 div.link_btn_btnLeft:hover, .antpar1St2 div.link_btn_btnRightAleft:hover, .antpar1St2 div.link_btn_btnLeftAright:hover, .antpar1St2 div.link_btn_btnCenter:hover{
        background-color: #ffffff;
        }
.antpar1St2 div.link_btn_btnRight:hover a, .antpar1St2 div.link_btn_btnLeft:hover a, .antpar1St2 div.link_btn_btnRightAleft:hover a, .antpar1St2 div.link_btn_btnLeftAright:hover a, .antpar1St2 div.link_btn_btnCenter:hover a{
        color: #ff9c00;
        } 
/* blanc specific imbrication */
.antpar1St4{
        font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        background-color: #ffffff;
        padding: 10px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0px;
        margin-right: 0px;
        }
/* == fin paragraphe spécific == */

/* STYLES TITRES h1 */
.antpar1 h1.style2 {
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        color: #af0f19;
        font-size: 2rem;
        display: block;
        margin: auto;
        margin-bottom: 25px;
        margin-top: 15px;
        }
/* FIN STYLES TITRES h1 */

/* STYLES h2 et h3 specific LDO  */
.antpar1 h4{
        font-size: 0.9rem;
        color: #af0f19;
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        }
.antpar1 h4.modal-title{
        font-size: 1rem;
        color: #ffffff;
        }
.antpar1 h3{
        font-size: 1rem;
        color: #af0f19;
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        }
.antpar1 h2{
        font-size: 1.4rem;
        color: #424242;
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        text-align: left;
        }
/* FIN STYLES h2 et h3 specific LDO  */

.antpar2 h2 {
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        color: #af0f19;
        text-align: left;
        font-size: 1.8rem;
        }
/* STYLES TITRES h2 */
.antpar2 h2.style2 {
        color: #424242;
        font-size: 1.3rem;
        }
/* 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: #424242;
		/* line-height: 1.5em; */ /* LDO : 21-06-2018 : tableau dans par1descr et le line-height perturbe le responsive (créée un tr au dessus) */
		text-align: justify;
		text-justify: auto;
        }
.par2descr {
        color: #424242;
        text-align: left;
        text-align: justify;
		text-justify: auto;
        }
.par1descr a, .par2descr a {
        color: #af0f19;
        text-decoration: none;
        }
.par1descr a:hover, .par2descr a:hover {
        color: #af0f19;
        text-decoration: underline;
        }
/* specific LDO Confirmed speakers */
.media-body .par1descr a{
        color: #424242 !important;
        text-decoration: none;
        }
.media-body .par1descr a i{
        color: #af0f19 !important;
        }
.media-body .par1descr a:hover{
        color: #af0f19 !important;
        text-decoration: underline;
        }
/* fin specific LDO Confirmed speakers */

.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: FontAwesome;
        content:"\f138";
        /* margin-right: 5px; */
        color: #af0f19;
        position: absolute;
        left: 0;
        }

/* ul li icone specific LDO 22062018 */
.par1descr ul li.antPeople::before, .par2descr ul li.antPeople::before{
        font-family: FontAwesome;
        content:"\f007";
        /* margin-right: 5px; */
        color: #af0f19;
        position: absolute;
        left: 0;
        }
.par1descr ul li.antIndustry::before, .par2descr ul li.antIndustry::before{
        font-family: FontAwesome;
        content:"\f275";
        /* margin-right: 5px; */
        color: #af0f19;
        position: absolute;
        left: 0;
        }
.par1descr ul li.antAcademic::before, .par2descr ul li.antAcademic::before{
        font-family: FontAwesome;
        content:"\f19c";
        /* margin-right: 5px; */
        color: #af0f19;
        position: absolute;
        left: 0;
        }



/* fin icone specific LDO */

.par1descr ul li, .par2descr ul li {
        padding: 0px 0px 5px 16px;
        text-decoration: none;
        vertical-align: top;
        position: relative;
        }
.par1descr ul ul,.par2descr ul ul {
        list-style: none;
        margin: 5px 0px 5px 15px;
        padding: 0;
        text-align: left;
        }
.par1descr ul ul li::before, .par2descr ul ul li::before{
        font-family: FontAwesome;
        content:"\f105";
        /* margin-right: 5px; */
        color: #af0f19;
        position: absolute;
        left: 0;
        }
.par1descr ul ul li,.par2descr ul ul li {
        padding: 0px 0px 4px 10px;
        text-decoration : none;
        vertical-align: top;
        position: relative;
        }
.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: #424242;
        vertical-align: top;
        }
.linkList li a {
        display: inline-block;
        margin: 0;
        padding: 0px 0px 5px 0px;
        color: #af0f19;
        vertical-align: top;
        text-decoration: none;
        }
.linkList li a::before{
        font-family: FontAwesome;
        content:"\f101";
        margin-right: 5px;
        }
.linkList li a:hover {
        text-decoration: underline;
        }
.linkList li.text {
        vertical-align: top;
        color: #424242;
        }
.par2cont{
        padding-bottom: 10px;
        }
/* == STYLES SPECIFIC POUR COLONNES == */
/* color */
.par2contSt2{
    font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    color: #ffffff;
    background-color: #FF9C00;
    padding: 10px;
    /*margin-top: 15px;*/
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
    }
.par2contSt2 h1, .par2contSt2 h2, .par2contSt2 p{
    color: #ffffff;
    }
.par2contSt2 a{
    color: #ffffff;
    text-decoration: underline;
    }
.par2contSt2 a:hover{
    color: #ffffff;
    text-decoration: underline;
    }   
/* les boutons doivent être blancs */
.par2contSt2 div.link_btn_btnRight, .par2contSt2 div.link_btn_btnLeft, .par2contSt2 div.link_btn_btnRightAleft,
.par2contSt2 div.link_btn_btnLeftAright, .par2contSt2 div.link_btn_btnCenter{
    border: #ffffff 2px solid;
    }
.par2contSt2 div.link_btn_btnRight .btn_inner, .par2contSt2 div.link_btn_btnLeft .btn_inner, .par2contSt2div.link_btn_btnRightAleft .btn_inner,
.par2contSt2 div.link_btn_btnLeftAright .btn_inner, .par2contSt2 div.link_btn_btnCenter .btn_inner{
    color: #ffffff;
    }
 /* options pour tous */
.par2contSt2 div.link_btn_btnRightAleft a, .par2contSt2 div.link_btn_btnLeftAright a, .par2contSt2 div.link_btn_btnRight a, .par2contSt2 div.link_btn_btnLeft a, .par2contSt2 div.link_btn_btnCenter a {
        color: #ffffff;
        }
.par2contSt2 div.link_btn_btnRightAleft a:hover, .par2contSt2 div.link_btn_btnLeftAright a:hover, .par2contSt2 div.link_btn_btnRight a:hover, .par2contSt2 div.link_btn_btnLeft a:hover, .par2contSt2 div.link_btn_btnCenter a:hover {
        color: #3abbcf;
        }
.par2contSt2 div.link_btn_btnRight:hover, .par2contSt2 div.link_btn_btnLeft:hover, .par2contSt2 div.link_btn_btnRightAleft:hover, .par2contSt2 div.link_btn_btnLeftAright:hover, .par2contSt2 div.link_btn_btnCenter:hover{
        background-color: #ffffff;
        }
.par2contSt2 div.link_btn_btnRight:hover a, .par2contSt2 div.link_btn_btnLeft:hover a, .par2contSt2 div.link_btn_btnRightAleft:hover a, .par2contSt2 div.link_btn_btnLeftAright:hover a, .par2contSt2 div.link_btn_btnCenter:hover a{
        color: #3abbcf;
        } 

/* blanc specific colonnes imbriquees */
.par2contSt4{
    font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    background-color: #ffffff;
    padding: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    }
/* == FIN COLONNES SPECIFIC == */
/* == LIENS PERSONNALISÉS DE TYPE BOUTON == */
/* 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: #af0f19;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s linear;
    /* transform: perspective(1px) translateZ(0px); */
    }

/* 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;
    vertical-align: middle;
    padding: 0px 0px 5px 15px;
    font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    color: #ffffff;
    line-height: 2em;
    outline: 0 none;
    }
div.link_btn_btnRight .btn_inner::after{
    font-family: FontAwesome;
    content:"\f0da";
    font-size: 1.8em;
    margin-left: 10px;
    position: relative;
    right: 0;
    top: 4px;
    display: inline-block; /* pour rotate */
    opacity: 0.5;
    transition: all 0.2s linear;
    }

/* 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;
    vertical-align: middle;
    padding: 0px 15px 5px 0px;
    font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    color: #ffffff;
    line-height: 2em;
    outline: 0 none;
    }
div.link_btn_btnLeft .btn_inner::before{
    font-family: FontAwesome;
    content:"\f0d9";
    font-size: 1.8em;
    margin-right: 10px;
    position: relative;
    left: 0;
    top: 4px;
    display: inline-block; /* pour rotate */
    opacity: 0.5;
    transition: all 0.2s linear;
    }

/* 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;
    vertical-align: middle;
    padding: 0px 0px 5px 15px;
    font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    color: #ffffff;
    line-height: 2em;
    outline: 0 none;
    }
div.link_btn_btnRightAleft .btn_inner::after{
    font-family: FontAwesome;
    content:"\f0da";
    font-size: 1.8em;
    margin-left: 10px;
    position: relative;
    right: 0;
    top: 4px;
    display: inline-block; /* pour rotate */
    opacity: 0.5;
    transition: all 0.2s linear;
    }

/* 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;
    vertical-align: middle;
    padding: 0px 15px 5px 0px;
    font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    color: #ffffff;
    line-height: 2em;
    outline: 0 none;
    }
div.link_btn_btnLeftAright .btn_inner::before{
    font-family: FontAwesome;
    content:"\f0d9";
    font-size: 1.8em;
    margin-right: 10px;
    position: relative;
    left: 0;
    top: 4px;
    display: inline-block; /* pour rotate */
    opacity: 0.5;
    transition: all 0.2s linear;
        }

/* 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;
    vertical-align: middle;
    padding: 0px 0px 5px 0px;
    font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    color: #ffffff;
    line-height: 2em;
    outline: 0 none;
    text-align: center;
    }
div.link_btn_btnCenter .btn_inner::after{
    font-family: FontAwesome;
    content:"\f0da";
    font-size: 1.8em;
    margin-left: 10px;
    position: relative;
    right: 0;
    top: 4px;
    display: inline-block; /* pour rotate */
    opacity: 0.5;
    transition: all 0.2s linear;
    }

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: lightblue;
    transition: all 0.5s;
    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: #424242;
        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 */
}
/* == GALERY == */
.thumbnail {margin-bottom:6px;}

.carousel-control.left,.carousel-control.right{
  background-image: none;
  margin-left: 1%;
  margin-right: 1%;
}
/* == MODE AGENDA == */
.info-agenda{
        padding: 0;
        }
.info-agenda-bloc {
        margin: 0;
        padding: 15px 15px 0px 15px;
        border-top: 1px dotted #a6a6a6;
        margin-left: -15px;
        margin-right: -15px;
        }
.info-agenda h2 {
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        font-size: 1rem;
        color: #424242;
        font-weight: bold;
        text-transform: uppercase;
        }
.agenda-date { /* date publication */
        padding: 9px 0px 10px 0px;
        font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        width: 110px;
        background: url(../images/info-date.gif) no-repeat bottom right;
        margin-bottom: 15px;
        }
.agenda-time { /* date publication */
        padding: 12px 0px 4px 20px;
        font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        color: #20569c;
        }
/* ==============================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: #af0f19;
    color: #ffffff;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-top: 10px;
    text-transform: uppercase;
    vertical-align: bottom;
    font-size: 0.9rem;
    font-weight: 300;
    }
.antparTabl tr:nth-child(even){ background-color: #f8f8f8;}
.antparTabl tr:nth-child(odd){ background-color: #eeecec;}
.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) {
   .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;
    }
}

/* == MODAL LDO == */
.modal-content{
    border: none;   
    }
.modal-header{
    background-color: #af0f19;
    font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    color: #ffffff;
    }
.modal-body{
    padding: 1.5rem;
    }
.modal-header button.close{
    color: #ffffff;
    }

/* == CARDS LDO == */

.card-header{
    background-color: #af0f19;
    font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    color: #ffffff;
    }
.card-body a{
    color: #424242;
    }
.card-body a:hover{
    color: #af0f19;
    }

/* ==================================================== 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-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        font-size: 1.2rem;
        font-weight: bold;
        color: #424242;
        text-align: left;
        border-bottom: 1px solid #333333;
        }
.boxendleftAuth p { /* Specific */
        padding: 6px 1px 2px 1px;
        color: #424242;
        }

/* == box de liens contextuels GAUCHE ET DROITE == */ 
.boxright, .boxleft {
        padding-top: 15px;
        }
.boxright h3, .boxleft h3 {
        color: #af0f19;
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        font-size: 1.2rem;
        line-height: 2em;
        margin: 0 0 10px;
        text-align: left;
        }
.boxright p, .boxleft p {
        color: #424242;
        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: #424242;
        }
.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: #424242;
        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: #222222;
        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: #424242;
        }

/* 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: #424242;
        text-decoration: none;
        text-align: left;
        width: 100px;
        background-color: #f7f7f5;
        border: 1px solid #c0c0c0;
        }


/* == 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-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        font-weight: bold;
        text-transform: uppercase;
        color: #af0f19;
        text-decoration: none;
        margin-top: 10px;
        font-size: 1rem;
        }
/* Niveau 2 - SOUS MENU DE NIVEAU 2 */
.leftselectboxmenus2 .Menus2::before{
        font-family: FontAwesome;
        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: #af0f19;
        }
.leftselectboxmenus2 .Menus2Selected::before{
        font-family: FontAwesome;
        content:"\f107";
        /* margin-right: 5px; */
        color: #af0f19;
        font-weight: bold;
        position: absolute;
        left: 0;
        }
.leftselectboxmenus2 li.Menus2Selected {
        display: block;
        padding: 8px 0px 5px 15px;
        font-weight: bold;
        border-top: 1px solid #e8e8e8;
        position: relative;
        }
.leftselectboxmenus2 li.Menus2Selected a {
        color: #af0f19;
        font-weight: bold;
        text-decoration: none;
        }
.leftselectboxmenus2 li.Menus2Fixed {
        display: block;
        padding: 8px 10px 5px 15px;
        font-weight: bold;
        color: #af0f19;
        text-decoration: none;
        border-top: 1px solid #e8e8e8;
        }

/* Niveau 3 */

.leftselectboxmenus3 .Menus3::before{
        font-family: FontAwesome;
        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: #af0f19;
        }
.leftselectboxmenus3 .Menus3Selected::before{
        font-family: FontAwesome;
        content:"\f107";
        /* margin-right: 5px; */
        color: #af0f19;
        font-weight: bold;
        position: absolute;
        left: 5px;
        }
.leftselectboxmenus3 li.Menus3Selected {
        display: block;
        padding: 8px 0px 5px 20px;
        font-weight: bold;
        position: relative;
        }
.leftselectboxmenus3 li.Menus3Selected a {
        color: #af0f19;
        font-weight: bold;
        text-decoration: none;
        }
.leftselectboxmenus3 li.Menus3Fixed a{
        color: #af0f19;
        font-weight: bold;
        text-decoration: none;
        }
/* Niveau 4 */
.leftselectboxmenus4 .Menus4::before{
        font-family: FontAwesome;
        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: #af0f19;
        }
.leftselectboxmenus4 .Menus4Selected::before{
        font-family: FontAwesome;
        content:"\f107";
        /* margin-right: 5px; */
        color: #af0f19;
        position: absolute;
        left: 8px;
        }
.leftselectboxmenus4 li.Menus4Selected{
        display: block;
        padding: 8px 0px 5px 23px;
        font-weight: bold;
        position: relative;
        }
.leftselectboxmenus4 li.Menus4Selected a {
        color: #af0f19;
        font-weight: bold;
        text-decoration: none;
        }
.leftselectboxmenus4 li.Menus4Fixed a{
        color: #af0f19;
        font-weight: bold;
        text-decoration: none;
        }

/* == MENUS GAUCHE OUTILS DE GESTION == */

/* Niveau 1 */
.leftboxmenus1 {
        list-style: none;
        font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        background: #efeeec;
        }
.leftboxmenus1 li.Menus1 {
        display: block;
        padding: 8px 10px 8px 35px;
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        border-top: 1px solid #fafaf7;
        }
.leftboxmenus1 li.Menus1 a {
        color: #424242;
        text-decoration: none;
        }
.leftboxmenus1 li.Menus1 a:hover {
        color: #000000;
        text-decoration: none;
        }
.leftboxmenus1 li.Menus1Selected {
        display: block;
        padding: 8px 10px 8px 35px;
        font-weight: bold;
        background: #f1f0ee url(../images/puce_arrow.gif) no-repeat 14px 9px;
        border-top: 1px solid #fafaf7;
        }
.leftboxmenus1 li.Menus1Selected a {
        color: #000000;
        text-decoration: none;
        }
.leftboxmenus1 li.Menus1Fixed {
        width: 205px;
        display: block;
        padding: 8px 10px 8px 15px;
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        color: #000000;
        text-decoration: none;
        border-top: 1px solid #fafaf7;
        }

/* Niveau 2 */
.leftboxmenus2 {
        list-style: none;
        font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        background: #f1f0ee;
        }
.leftboxmenus2 .Menus2::before{
        font-family: FontAwesome;
        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: #424242;
        text-decoration: none;
        }
.leftboxmenus2 li.Menus2 a:hover {
        color: #000000;
        text-decoration: none;
        }
.leftboxmenus2 li.Menus2Selected {
        margin: 0;
        padding: 0;
        background: url(../images/puce_arrow2.gif) no-repeat 32px 1px;
        }
.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 {
        list-style: none;
        font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        background: #f1f0ee;
        }
.leftboxmenus3 li.Menus3 {
        background: url(../images/puce_tiret.gif) no-repeat 42px 2px;
        }
.leftboxmenus3 li.Menus3 a {
        width: 165px;
        display: block;
        padding: 0px 10px 6px 55px;
        margin: -1px 0px 0px 0px;
        font-weight: normal;
        color: #424242;
        text-decoration: none;
        }
.leftboxmenus3 li.Menus3 a:hover {
        color: #000000;
        text-decoration: none;
        }
.leftboxmenus3 li.Menus3Selected {
        background: url(../images/puce_tiret.gif) no-repeat 42px 2px;
        }
.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 {
        list-style: none;
        font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        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: #424242;
        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éée dans la zone de droite */

/* Niveau 1 */
.rightboxmenus1{
    font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    list-style: outside none none;
    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: FontAwesome;
    font-weight: bold;
    margin-right: 5px;
    color: #bcbcbc;
    }
.rightboxmenus1 li.Menus1Selected{
    color: #af0f19;
    display: block;
    font-weight: bold;
    padding: 8px 0 5px;
    font-size: inherit;
    text-transform: none;
    }
.rightboxmenus1 li.Menus1Selected::before{
    content: "\f107";
    font-family: FontAwesome;
    font-weight: bold;
    margin-right: 5px;
    color: #af0f19;
    }
/* Niveau 2 */
.rightboxmenus2{
    font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    list-style: outside none none;
    padding-left: 20px;
    }
.rightboxmenus2 li.Menus2{
    display: block;
    padding: 0 0 0 10px;
    }
.rightboxmenus2 li.Menus2::before{
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #bcbcbc;
    }
.rightboxmenus2 li.Menus2Selected{
    color: #af0f19;
    display: block;
    padding: 0 0 0 10px;
    font-size: inherit;
    text-transform: none;
    }
.rightboxmenus2 li.Menus2Selected::before{
    content: "\f107";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #af0f19;
    }
/* Niveau 3 */
.rightboxmenus3{
    font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    list-style: outside none none;
    padding-left: 20px;
    }
.rightboxmenus3 li.Menus3{
    display: block;
    padding: 0 0 0 18px;
    }
.rightboxmenus3 li.Menus3::before{
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #bcbcbc;
    }
.rightboxmenus3 li.Menus3Selected{
    color: #af0f19;
    display: block;
    padding: 0 0 0 18px;
    font-size: inherit;
    text-transform: none;
    }
.rightboxmenus3 li.Menus3Selected::before{
    content: "\f107";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #af0f19;
    }
/* Niveau 4 */
.rightboxmenus4{
    font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    list-style: outside none none;
    padding-left: 20px;
    }
.rightboxmenus4 li.Menus4{
    display: block;
    padding: 0 0 0 25px;
    }
.rightboxmenus4 li.Menus4::before{
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #bcbcbc;
    }
.rightboxmenus4 li.Menus4Selected{
    color: #af0f19;
    display: block;
    padding: 0 0 0 25px;
    font-size: inherit;
    text-transform: none;
    }
.rightboxmenus4 li.Menus4Selected::before{
    content: "\f107";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #af0f19;
    }
/* 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: #af0f19;
    }
.rightboxmenus1 li.Menus1Selected a, .rightboxmenus2 li.Menus2Selected a, .rightboxmenus3 li.Menus3Selected a, .rightboxmenus4 li.Menus4Selected a{
    color: #af0f19;
    }
/* ==================================================== 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: #424242;
        border-bottom: 1px dotted #aeb2b5;
        }
.jqTicker li a {
        text-decoration:none;
        color: #888888;
        }
.jqTicker li a:hover {
        text-decoration:underline;
        color: #424242;
        }

span.agendaDate{
        padding: 0px 0px 2px 0px;
        color: #424242;
        font-weight: bold;
        }
span.agendaTime{
        padding: 0px 0px 2px 15px;
        color: #af0f19;
        }
#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: #424242;         /* 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: #424242; /* couleur de texte defilant */
        }
#newsScrollerVert a {
        color: #424242;
        text-decoration: underline;
        }
#newsScrollerVert a:hover {
        color: #424242;
        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 ========================================================== */


/* == SPONSORS FOOTER == */
.sponsorsFooter{
        padding-top: 15px;
        padding-bottom: 15px;
        }
.sponsorsFooter h3{
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        font-size: 1.4rem;
        margin-top: 8px;
        background: -moz-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 33%, rgba(248,248,248,0) 100%);
        background: -webkit-linear-gradient(left, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 33%,rgba(248,248,248,0) 100%);
        background: linear-gradient(to right, rgba(248,248,248,1) 0%,rgba(248,248,248,1) 33%,rgba(248,248,248,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#00f8f8f8',GradientType=1 );
        padding: 10px;
        color: #424242;
        }


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: #AF0F19; /* #5b2626 */
        }
#bgFooter.bgConf {
        background-color: #444444;
        }
#footer {
        font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        color: #ffffff;
        text-align: left;
        font-size: 0.8rem;
        }
#levelFooter{
        padding-top: 15px;
        padding-bottom: 15px;
        }
#footer a {
        color: #ffffff;
        text-decoration: none;
        }
#footer a:hover {
        color: #ffffff;
        text-decoration: underline;
        }
#footer h4 {
        color: #ffffff;
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        font-size: 1.2rem;
        text-align: left;
        padding-top: 10px;
        }

#footer #footerCol2{
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        }
#bottomFooter{
    font-family: Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
    color: #d8b2b2;
    text-align: right;
    }
#bottomFooter a{
    color: #d8b2b2;
    }
#bottomFooter a:hover{
    color: #d8b2b2;
    }
    
#bottomFooter.Conf{
    color: #dddddd;
}
#bottomFooter.Conf a{
    color: #dddddd;
}
#bottomFooter.Conf a:hover{
    color: #dddddd;
}

/* == 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 ===================================================== */

/* == 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: lightblue;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
  color: lightblue;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
  color: lightblue;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
  color: lightblue;
}

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: #af0f19;
    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: #424242;
        width: 100%;
        }
div.formItem {
        margin: 0 auto;
        padding: 5px 0px 0px 0px;
        color: #424242;
        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: #424242;
        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;
        color: #424242;
        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;
        font-family: Arial, FontAwesome;
        }
/* 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: #424242;
        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: #424242;
        border: 1px solid #333333;
        border-radius: 4px 4px 4px 4px;
        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%;
        }
input.Submit:hover { /* hover */
        background: #666666;
        border: 1px solid #424242;
        cursor: pointer;
        }

.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: #424242;
        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: 0.9rem;
      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%;
      }

    /* specifique LDO 21062018 - ajouter un fontawesome sur un td car ne prend que du texte et pas le i html */
    td.genTableContent[headers="th-heure"] span::before {
        font-family: FontAwesome;
        content: "\f017";
        color: #424242;
        position: absolute;
        left: 25px;
        margin-top: 2px;
    }
}
/* =============================DIVERS============================================*/
/* == Galerie == */
.cboxElement{ /* couleur de la description sous image (si celle-ci visible) */
    color: #565e63;
    }
    
.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-weight: bold;
  color: #424242;
}
.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; 
}

/* 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: #af0f19;
    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: #af0f19;
    transition: all 0.5s;
    }

/* 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;
    }

/* == Authentifcation == */
input.authincludeinput {
        padding: 5px 5px 5px 5px;
        font-weight: bold;
        color: #424242;
        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: #424242;
        border: 1px solid ;
        border-color: #424242 #333333 #333333 #424242;
        cursor: pointer;
        }
input[type=submit]:hover, input[type=reset]:hover {
        background: #666666;
        border-width: 1px solid;
        border-color: #666666 #424242 #424242 #666666;
        }
/* BOUTONS GALERIE */
div.contentnav {
        padding: 15px 0px 0px 0px;
        font-weight: bold;
        vertical-align: top;
        text-align: center;
        color: #424242;
        }
div.contentnav a {
        color: #424242;
        text-decoration: underline;
        }
div.contentnav a:hover {
        color: #4da5e3;
        }
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;
        }
div.contentnavright a { /* lien En savoir plus>  LISTE D'INFOS*/
        padding: 10px;
        background-color: #af0f19; /* couleur */
        text-decoration: none;
        color: #ffffff;
        display: inline-block;
        margin-bottom: 5px;
        }
div.contentnavright a:hover {
        background-color: lightblue;
        }
/* INFOS FAQ */
div.infos {
        }

div.info {
        margin: 1px 0px 1px 0px;
        padding: 4px 0px 9px 0px;
        border-top: 1px dotted #a6a6a6;
        }
div.info h2 {
        margin: 3px 0px 5px 0px;
        padding: 10px 0px 5px 0px;
        font-family: 'Lato', Verdana, Arial, sans-serif, Helvetica, calibri, "Trebuchet MS";
        font-size: 1rem;
        color: #424242;
        font-weight: bold;
        }
div.info h2 span { /* date publication */
        font-weight: normal;
        color: #666666;
        }
        
.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: #af0f19;
    } 
  
/* ==================================RESPONSIVE/MEDIA QUERIES================================================*/
@media (max-width: 767px){ /* jusque version smartphone */
    #footer{
        text-align: left;
        }
    #footer h4{
        text-align: left;
        }

    #zone1{
        display: none;
        }   
    #zone2{
        display: none;
        }
    .fixbgHeader{ 
        position: static !important; 
        }
    #header{ 
        text-align: center;
        padding-top: 30px;
        }
    #header img{
        width: 50%;
        }
    /* 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: #F98E38;
        }
     #levelBanner .newsBanner, #levelBanner .bgTxtBanner{
        position: static;
        } 
    #levelBanner .bgTxtBanner, #levelBanner .bgTxtBannerReducedVersion{
        padding-bottom: 5px;
        }
    #header{ display: none;}

    .antMobileFullWidth{
        width: 100%;
        }
}

@media (min-width: 767px){ /* début version tablette */
    #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: 767px) and (max-width: 992px){ /* uniquement version tablette */
     #header img{
        width: 20%;
        padding: 10px;
        }
    .fixbgHeader #header img{
        width: 20%;
        }
    #levelBanner .bgTxtBanner .txtBanner,#levelBanner .bgTxtBannerReducedVersion .txtBanner{
        max-width: 720px;
        }
    #header{ display: none;}
    #levelBanner .newsBanner{
        position: static;
        }
    #levelBanner .bgTxtBanner .txtBanner .bgColor,#levelBanner .bgTxtBannerReducedVersion .txtBanner .bgColor{
        opacity: 0.9;
        }
    #levelBanner .newsBanner .newsContent{
        max-width: 720px;
        margin: auto;
        padding-left: 15px;
        }
}

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

	#levelHeader #bgLevelHeaderLogo{
		text-align: center;
		display: none;
		}
   	#levelHeader #bgLevelHeaderLogo img{
		position: static; /* plus de débordement */
		}
    /* logo dans bgTxtBannerReducedVersion txtBanner */
    #levelBanner .bgTxtBannerReducedVersion .txtBanner .logoTxtBanner img{
        position: static;
        }
}

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

@media (min-width: 992px) and (max-width: 1200px){ /* version desktop petit */
    #levelBanner .bgTxtBanner .txtBanner,#levelBanner .bgTxtBannerReducedVersion .txtBanner{
        max-width: 960px;
        }
    #levelBanner .newsBanner{
        position: static;
        }

    #levelBanner .newsBanner .newsContent{
        max-width: 960px;
        margin: auto;
        padding-left: 15px;
        }
}

@media (min-width: 1200px) and (max-width : 1400px){
    #levelBanner .newsBanner{
        position: static;
        }

    #levelBanner .newsBanner .newsContent{
        max-width: 1100px;
        margin: auto;
        padding-left: 15px;
        }
}


/* 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%;
  }
}