@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200italic,300,300italic,400italic,500italic,500,600,700,600italic,700italic);

.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: #2a2a2a;
        font-family: Arial, Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
        font-style: normal;
        text-align: left;
        }
/* ==================================================== HEADER ========================================================== */

#bgHeader {
        background-color: #ffffff;
        box-shadow: 1px 1px 10px #999999;
        position: relative; /* pour l'ombre au dessus du banner*/
        z-index: 9999;
        transition: all 0.5s;
        }
.fixbgHeader{ 
        z-index: 9999; 
        position: fixed !important; 
        top: 0;
        width: 100%;
        transition: all 0.5s;
        }
/* == LEVELHEADER container1 == */
#levelHeader{}

/* == Plan du site et langues == */

#bgHeaderUpperTop{}

/* == PARALAX == 
_____________________________________________________ */    
#antPgParallax { 
    background: url(../parallax_bg/Bg-parallax.jpg) 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{
    background-color: #343c71;
    margin-right: 10px;
    color: #ffffff;
    font-weight: bold;
    }
.divLangueAutres{
    margin-right: 10px;
    font-weight: light;
    }
.divLangueEnCours, .divLangueAutres{
    padding: 5px;
    padding-top: 5px;
    display: inline-block;
    }
.divLangueEnCours a {
    } 
.divLangueAutres a{
    color: #343c71;
    }
.divLangueAutres:hover{
    cursor: pointer;
    font-weight: bold;
    }

/* == MENUS UPPER TOP == */

#UpperTopContainer{}
#UpperTopContainer ul {
    padding-top: 3px;
    margin: 0;
    list-style-type: none;
    text-align: left;
    font-weight: normal;
    color: #ae3268;
    }
#UpperTopContainer ul li.Menus {
    display: inline;
    float: right;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    }
#UpperTopContainer ul li.Menus a {
    color: #ae3268;
    text-decoration: none;
    padding: 5px;
    font-size: 80%;
    }
#UpperTopContainer ul li.Menus a:hover {
    font-weight: bold;
    }
#UpperTopContainer ul li.MenusSelected {
    display: inline;
    float: right;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    }
#UpperTopContainer ul li.MenusSelected a {
    color: #ae3268;
    text-decoration: none;
    padding: 5px;
    font-size: 80%;
    font-weight: bold;
    }
#UpperTopContainer ul li.MenusSelected a:hover {
    }
#UpperTopContainer ul li.MenusFixed{
    color: #ae3268;
    text-decoration: none;
    padding: 5px;
    font-size: 80%;
    font-weight: bold;
    }
#UpperTopContainer ul li.MenusFixedSelected{
    color: #ae3268;
    text-decoration: none;
    padding: 5px;
    font-size: 80%;
    font-weight: bold;
    }

/* == Header/logo et menu top et les sous-header ==*/
#header{
    /*padding-bottom: 10px;*/
    /*padding-top: 10px;*/
    text-align: center;
    }
#header img{
    width: 80%;
    }
.fixbgHeader #header img{
    /* width: 40%;*/
    }
#header #textLogo{
    color: #80715c;
    line-height: 1em;
    opacity: 0;
    position: absolute;
    background-color: #ffffff;
    transition: opacity 0.5s;
    }
#header:hover #textLogo{
    opacity: 1;
    transition: opacity 0.5s;
    }
.cont_menusRight{
    }

/* == MENUS TOP HORIZONTAL - voir aussi dans bootstrap.css == */

#MenusMainContainer {
        padding: 0; /* retire le padding venant auto de col-md*/
        margin-top: 30px;
        /* car n'est pas dans une row mais dans col donc passe au dessus des col langues et uppertop */
        display: inline-block;
        width: 100%;
        }
/* specific - icones */
.iconeMenu{
        float: left; /* pour que l'icone apparaisse à côté */
        padding-top: 10px;
        width: 20px; /* comprend pas pourquoi mais sinon ca bug */
        }
.iconeMenuLeft{ /* icone du menu de gauche */
        color: #05260b;
        text-align: left;
        font-size: 2.0em;
        padding-top: 15px;
        }
li .iconeMenu i{
        color: #ae3268;
        font-size: 1.3em;
        }
li .iconeMenu a{
    padding: 0 !important;
}
li.active .iconeMenu i{
        color: #343c71;
        font-size: 1.3em;
        }
#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-CONTAINER 2 - BANNER IMG OU SLIDER ==*/

#bgHeader2 {
        }
#levelBanner {
        }
#levelBanner #bannerImg img { width: 100%;}
#bannerImg { position: relative;}
#bannerImg img{}
#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: 20px;
    padding-left: 10px;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, Calibri, sans-serif;
    font-size: 1.3em;
}
.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-CONTAINER3- ENCARTS == */

#bgHeader3 { /* Specific */
    background-color: #ffffff;
    padding-bottom: 50px;
    padding-top: 50px;
    }
#levelEncarts { /* Specific */
        }
/* ==================================================== MAIN ============================================================ */
.antfullwLevelMain {
    padding-top: 25px;
    padding-bottom: 15px;
    }


/* == CHEMIN DE NAVIGATION == */

#AntMenuNavig {
        padding-left: 15px;
        color: #2a2a2a;
        border-bottom: 1px dotted #CCCCCC;
        margin: 0;
        }
#AntMenuNavig a {
        color: #2a2a2a;
        text-decoration: none;
        }
#AntMenuNavig a:first-child{
        margin-left: -15px; /* pour que le titre soit aligné */
        }
#AntMenuNavig a:hover {
        color: #343c71;
        }


/* == MAIN == */

#bgMain {
        margin-bottom: 235px; /* marge pour la hauteur du footer avec effet glissement - avant 195 CFIP fr adresse */
        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 {
        margin: 8px 0 0 0;
        text-align: left;
        padding-top : 10px; /* avant rien - 31-01-2017 ajout d'un padding retiré de par1descr car decalage txt img */
        }
.antpar1center {
        text-align: center;
        }
/* quand position du titre par défaut donc hors du par1desr */        
.antpar1 h1 {
        color: #555555;
        font-family: Raleway, Helvetica,"Trebuchet MS",Arial,Verdana,sans-serif;
        font-weight: bold;
        font-size: 33px;
        }
.antpar1 h1 a {
        color: #555555;
        text-decoration: underline;
        }
.antpar1 h1 a:hover {
        color: #343c71;
        text-decoration: underline;
        }
/* SPECIFIC PARAGRAPHE COLOR */  
/* bleu */
.antpar1St2{
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        color: #ffffff;
        background-color: #343c71;
        padding: 10px;
        margin-top: 15px; /* idem 31-01-2017 - decalage txt img */
        margin-bottom: 25px;
        margin-left: 0px;
        margin-right: 0px;
        }
.antpar1St2 h1, .antpar1St2 h2{
        color: #ffffff;
        font-family: Raleway, Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
        font-weight: bold;
        text-align: left;
        margin-top: 2px;
        margin-bottom: 10px;
        }
.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: #343c71;
        }
.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: #343c71;
        } 
/* jaune */
.antpar1St3{
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        background-color: #f4d80b;
        padding: 10px;
        margin-top: 15px; /* idem 31-01-2017 - decalage txt img */
        margin-bottom: 25px;
        margin-left: 0px;
        margin-right: 0px;
        }
.antpar1St3 h1, .antpar1St3 h1.style2, .antpar1St3 h1.style5, .antpar1St3 h2, .antpar1St3 h2.style2, .antpar1St3 h2.style5,
.antpar1St3 p, .antpar1St3 ul li, .antpar1St3 ul li ul li, .antpar1St3 a {
    color: #555555 !important;
    }
/* blanc */
.antpar1St4{
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        background-color: #ffffff;
        padding: 10px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0px;
        margin-right: 0px;
        }
.antpar1St4 h1, .antpar1St4 h1.style2, .antpar1St4 h1.style5, .antpar1St4 h2, .antpar1St4 h2.style2, .antpar1St4 h2.style5,
.antpar1St4 p, .antpar1St4 ul li, .antpar1St4 ul li ul li, .antpar1St4 a {
    color: #555555 !important;
    }
/* == fin spécific paragraphe encart color == */

/* quand position du titre en position 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, Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
        font-weight: bold;
        color: #555555;
        font-size: 33px;
        }
.antpar1 .par1descr h1 a {
        color: #555555;
        text-decoration: underline;
        }
.antpar1 .par1descr h1 a:hover {
        color: #343c71;
        text-decoration: underline;
        }
/* styles du titres h1 */
.antpar1 h1.style2 { /* centré */
        text-align: center;
        }
.antpar1 h1.style3 { /* bleu */
        color: #343c71
        }
.antpar1 h1.style4 { /* gros */
        font-size: 36px;
        }
.antpar1 h1.style5 { /* capitales */
        text-transform: uppercase;
        font-size: 36px;
        }
/* fin styles du titres h1 */  
/* styles du titres h2 */
.antpar2 h2 {
        font-family: Raleway, Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
        font-weight: bold;
        color: #555555;
        text-align: left;
        margin-top: 5px; 
        font-size: 1.8em;
        }
.antpar2 h2.style2 { /* centré */
        text-align: center;
        }
.antpar2 h2.style3 { /* bleu */
        color: #343c71;
        }
.antpar2 h2.style4 { /* bleu centré */
        color: #343c71;
        text-align: center;
        }
.antpar2 h2.style5 { /* capitales */
        text-transform: uppercase;
        }
/* fin styles du titres h2 */
.antpar1 .par1descr {
        /*margin-top: 5px;*/ /* 31-01-2017 decalage texte et img donc ajout du padding sur antpar1 plutot */
        margin-bottom: 10px;
        padding: 0;
        color: #2a2a2a;
        line-height: 1.5em;
        text-align: justify;
        text-justify: auto;
        }
.par2descr {
        color: #2a2a2a;
        text-align: left;
        text-align: justify;
        text-justify: auto;
        }
.par1descr a, .par2descr a {
        color: #2a2a2a;
        text-decoration: underline;
        }
.par1descr a:hover, .par2descr a:hover {
        color: #ae3268;
        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 15px;
        padding: 0;
        text-align: left;
        }
.par1descr ul li::before, .par2descr ul li::before{
        font-family: FontAwesome;
        content: "\f138";
        color: #ae3268;
        margin-right: 5px;
        }
.par1descr ul li, .par2descr ul li {
        padding: 0px 0px 5px 0px;
        text-decoration: none;
        vertical-align: top;
        }
.par1descr ul ul,.par2descr ul ul {
        list-style: none;
        margin: 5px 0px 5px 20px;
        padding: 0;
        text-align: left;
        }
.par1descr ul ul li::before, .par2descr ul ul li::before{
        font-family: FontAwesome;
        content:"\f105";
        color: #ae3268;
        margin-right: 5px;
        }
.par1descr ul ul li,.par2descr ul ul li {
        padding: 0px 5px 4px 0px;
        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: #555555;
        vertical-align: top;
        }
.linkList li a {
        display: inline-block;
        margin: 0;
        padding: 0px 0px 5px 0px;
        color: #2a2a2a;
        vertical-align: top;
        text-decoration: underline;
        }
.linkList li a::before{
       font-family: FontAwesome;
        content: "\f178";
        color: #ae3268;
        margin-right: 10px;
        }
.linkList li.lnkTargProd a::before{
       font-family: FontAwesome;
        content: "\f19d";
        color: #ae3268;
        margin-right: 10px;
        text-decoration: none;
        }
.linkList li a:hover, .linkList li a:hover::before {
        color: #343c71 !important;
        }
.linkList li.text {
        vertical-align: top;
        color: #2a2a2a;
        }
/* == STYLES SPECIFIC POUR COLONNES == */
/* bleu */
.par2contSt2{
    font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #ffffff;
    background-color: #343c71;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: 0px;
    margin-right: 0px;
    }
.par2contSt2 h1, .par2contSt2 h2{
    color: #ffffff;
    font-family: Raleway, Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
    font-weight: bold;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 20px;
    }
.par2contSt2 p{
    color: #ffffff;
    }
.par2contSt2 a{
    color: #ffffff;
    text-decoration: underline;
    }
.par2contSt2 a:hover{
    color: #ffffff;
    text-decoration: underline;
    }   
.par2contSt2 ul li, .par2contSt2 ul li ul li{color: #ffffff;} 
.par2contSt2 .linkList li a, .par2contSt2 .linkList li a:hover,
.par2contSt2 .linkList li a:hover::before
{color: #ffffff !important;}

/* 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: #343c71;
        }
.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: #343c71;
        } 
/* jaune */
.par2contSt3{
    font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
    background-color: #f4d80b;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 25px;
    margin-left: 0px;
    margin-right: 0px;
    }
.par2contSt3 h1, .par2contSt3 h1.style2, .par2contSt3 h1.style5, .par2contSt3 h2, .par2contSt3 h2.style2, .par2contSt3 h2.style5,
.par2contSt3 p, .par2contSt3 ul li, .par2contSt3 ul li ul li, .par2contSt3 a {
    color: #555555 !important;
    }
/* les boutons doivent être blancs */
.par2contSt3 div.link_btn_btnRight, .par2contSt3 div.link_btn_btnLeft, .par2contSt3 div.link_btn_btnRightAleft,
.par2contSt3 div.link_btn_btnLeftAright, .par2contSt3 div.link_btn_btnCenter{
    border: #ffffff 2px solid;
    }
.par2contSt3 div.link_btn_btnRight .btn_inner, .par2contSt3 div.link_btn_btnLeft .btn_inner, .par2contSt3div.link_btn_btnRightAleft .btn_inner,
.par2contSt3 div.link_btn_btnLeftAright .btn_inner, .par2contSt3 div.link_btn_btnCenter .btn_inner{
    color: #ffffff;
    }
 /* options pour tous */
.par2contSt3 div.link_btn_btnRightAleft a, .par2contSt3 div.link_btn_btnLeftAright a, .par2contSt3 div.link_btn_btnRight a, .par2contSt3 div.link_btn_btnLeft a, .par2contSt3 div.link_btn_btnCenter a {
        color: #ffffff;
        }
.par2contSt3 div.link_btn_btnRightAleft a:hover, .par2contSt3 div.link_btn_btnLeftAright a:hover, .par2contSt3 div.link_btn_btnRight a:hover, .par2contSt3 div.link_btn_btnLeft a:hover, .par2contSt3 div.link_btn_btnCenter a:hover {
        color: #343c71;
        }
.par2contSt3 div.link_btn_btnRight:hover, .par2contSt3 div.link_btn_btnLeft:hover, .par2contSt3 div.link_btn_btnRightAleft:hover, .par2contSt3 div.link_btn_btnLeftAright:hover, .par2contSt3 div.link_btn_btnCenter:hover{
        background-color: #ffffff;
        }
.par2contSt3 div.link_btn_btnRight:hover a, .par2contSt3 div.link_btn_btnLeft:hover a, .par2contSt3 div.link_btn_btnRightAleft:hover a, .par2contSt3 div.link_btn_btnLeftAright:hover a, .par2contSt3 div.link_btn_btnCenter:hover a{
        color: #343c71;
        } 
/* blanc */
.par2contSt4{
    font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
    background-color: #ffffff;
    padding: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    }
.par2contSt4 h1, .par2contSt4 h1.style2, .par2contSt4 h1.style5, .par2contSt4 h2, .par2contSt4 h2.style2, .par2contSt4 h2.style5,
.par2contSt4 p, .par2contSt4 ul li, .par2contSt4 ul li ul li, .par2contSt4 a {
    color: #555555 !important;
    }

/* == fin style specific pour colonnes == */

/* == 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);}
    }
*/
/* bouton à droite > */
div.link_btn_btnRight {
    float: right;
    display: inline-block;
    border: #343c71 solid 2px;
    cursor: pointer;
    margin: 5px 0px 10px 0px;
    padding: 0px 8px 0px 0px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.2s linear;
    transform: perspective(1px) translateZ(0px);
    }

div.link_btn_btnRight .btn_inner {
        display: inline-block;
        vertical-align: middle;
        padding: 0px 0px 5px 15px;
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        color: #343c71;
        line-height: 2em;
        font-weight: bold;
        }
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;
        border: #343c71 solid 2px;
        cursor: pointer;
        text-decoration: none;
        margin: 5px 0px 10px 0px;
        padding: 0px 0px 0px 8px;
        font-weight: bold;
        transition: all 0.2s linear;
        transform: perspective(1px) translateZ(0px);
        } 
div.link_btn_btnLeft .btn_inner {
        display: inline-block;
        vertical-align: middle;
        padding: 0px 15px 5px 0px;
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        color: #343c71;
        line-height: 2em;
        font-weight: bold;
        }
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;
        border: #343c71 2px solid;
        cursor: pointer;
        font-weight: bold;
        text-decoration: none;
        transition: all 0.2s linear;
        transform: perspective(1px) translateZ(0px);
        }
div.link_btn_btnRightAleft .btn_inner {
        display: inline-block;
        vertical-align: middle;
        padding: 0px 0px 5px 15px;
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        color: #343c71;
        line-height: 2em;
        font-weight: bold;
        }
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;
        border: #343c71 2px solid;
        cursor: pointer;
        font-weight: bold;
        text-decoration: none;
        transition: all 0.2s linear;
        transform: perspective(1px) translateZ(0px);
        }
div.link_btn_btnLeftAright .btn_inner {
        display: inline-block;
        vertical-align: middle;
        padding: 0px 15px 5px 0px;
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        color: #343c71;
        line-height: 2em;
        font-weight: bold;
        }
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{
        border: #343c71 2px solid;
        cursor: pointer;
        font-weight: bold;
        margin: 5px auto 10px;
        padding: 0 0 0 12px;
        text-decoration: none;
        transition: all 0.2s linear;
        transform: perspective(1px) translateZ(0px);
        width: 250px;
        }
div.link_btn_btnCenter .btn_inner {
        display: block;
        vertical-align: middle;
        padding: 0px 0px 5px 0px;
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        color: #343c71;
        line-height: 2em;
        text-align: center;
        font-weight: bold;
        }
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: #343c71;
        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: #343c71;
        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: 5px;
        }
span.count {
        color: #555555;
        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;
        }
.imgcontright {
        float: right;
        margin-left: 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: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        font-size: 100%;
        color: #555555;
        font-weight: bold;
        text-transform: uppercase;
        }
.agenda-date { /* date publication */
        padding: 9px 0px 14px 0px;
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        text-align: center;
        width: 110px;
        background: url(../images/info-date.gif) no-repeat bottom right;
        }
.agenda-time { /* date publication */
        padding: 12px 0px 4px 20px;
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        color: #343c71;
        }
/* ==============================15/02/16-PARAGRAPHE TABLEAU RESPONSIVE ========================================*/

/* Styles tableau */
.antparTabl{
    /* margin-top: 20px; */
    background-color: #ffffff;
    /* margin-bottom: 20px;*/ 
    display: inline-block; /* pour qu'il soit pris en compte par la tab et qu'on puisse mettre des bords à la tab */
    width: 100%; /* pour qu'il soit pris en compte par la tab et qu'on puisse mettre des bords à la tab */
    }
.antparTabl .antcal{
    width: 100%;
    margin-bottom: 7px;
    }

.antparTabl table, .antparTabl td, .antparTabl th { 
   border-collapse: collapse;
    }
  
.antparTabl th { 
    text-transform: uppercase; 
    vertical-align: bottom; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    padding-left: 5px;
    /* background-color: #80715c; */ /* brun */
    background-color: #343c71; /* bleu */
    color: #ffffff;
    }
.antparTabl tr:nth-child(even){ 
    /* background-color: #eee6d9; */ /* brun */
    background-color: #e0f5f8; /* bleu */
    }
.antparTabl tr{ 
    /* background-color: #fbf5ec; */ /* brun */
    background-color: #f2fcfd; /* bleu */
    }
.antparTabl td { padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; vertical-align: top;} 

.antparTabl .antcal tr td:first-child{
    /*font-weight: bold;*/
    }
.antparTabl .thTextCenter{
    text-align: center;
    }
.antparTabl .thTextRight{
    text-align: right;
    padding-right: 5px;
    }

.antparTabl .tdTextCenter{
    text-align: center;
    }
.antparTabl .tdTextRight{
    text-align: right;
    }
    
@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;
    }
}

/* ==================================================== CONTEXTUELS GAUCHE ============================================== */
/* == box d'authentification == */
.boxleft h3 {
        color: #343c71;
        font-family: Raleway, Helvetica,"Trebuchet MS",Arial,Verdana,sans-serif;
        font-size: 140%;
        font-weight: 500;
        line-height: 2em;
        margin: 0 0 10px;
        text-align: left;
        }
.boxleft p {
        color: #2a2a2a;
        line-height: 1.3em;
        text-align: justify;
        text-justify: auto;
        }
.boxendleftAuth { /* Specific */
        margin-top: 10px;
        }
.boxendleftAuth h3 { /* Specific */
        margin:  0px 20px 5px 0px;
        padding: 3px 1px 5px 1px;
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        font-size: 120%;
        font-weight: bold;
        color: #2a2a2a;
        text-align: left;
        text-transform: uppercase;
        border-bottom: 3px solid #333333;
        }
.boxendleftAuth p { /* Specific */
        padding: 6px 1px 2px 1px;
        color: #2a2a2a;
        }
.boxleft p.lm_text {
        padding: 5px 1px 5px 1px;
        color: #2a2a2a;
        }
.boxleft p.image {
        padding: 6px 0px 3px 0px;
        color: #ffffff;
        text-align: center;
        }    
.boxleft p a {
        font-weight: normal;
        color: #2a2a2a;
        text-decoration: underline;
        }
.boxleft p a:hover {
        color: #343c71;
        text-decoration: underline;
        }
.boxleft p.lm_text a {
        font-weight: normal;
        text-decoration: underline;
        }
.boxleft p.lm_text a:hover {
        color: #343c71;
        }
.boxleft p.image a {
        font-weight: normal;
        color: #ffffff;
        text-decoration: underline;
        }
.boxleft p.image a:hover {
        color: #ffffff;
        }
.boxleft p.image img {
        border: 0px solid #ffffff;
        }
.boxleft div { /* formulaire auth */
        color: #555555;
        }
.boxleft img{
    max-width: 100%;
}
/* necessaire pour IE si on veut controler la position */
.boxleft div form {
        margin: 0px;
        padding: 5px 0px 5px 0px;
        }

/* contextuels gauche et droite image */
.boxright p.image, .boxleft p.image {
        padding: 6px 0px 3px 0px;
        color: #ffffff;
        max-width: 100%;
        }
.boxright p img, .boxleft p img, .boxright p.image img, .boxleft p.image img {
        max-width: 100%;
        }

/* == MENUS GAUCHE SELECTED == */
/* boîte contenant les sous-menus d'un menu de niveau 1 sélectionné et positionné en top, upper top ou footer */

.leftselectmenusContainer1,.leftselectmenusContainer2, .leftselectmenusContainer3{
         padding: 0;
         font-weight: bold;
        }
.leftselectmenusContainer1{
        padding-top: 5px;
        }
.leftselectmenusContainer3 {
        border-bottom: 1px solid #e8e8e8;
        }
/* Niveau 1 */
.leftselectboxmenus, .leftselectboxmenus1, .leftselectboxmenus2, .leftselectboxmenus3, .leftselectboxmenus4{
        list-style: outside none none;
        padding: 0;
        }
.Menus1Selected {
        font-family: Raleway,Helvetica,"Trebuchet MS",Arial,Verdana,sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        color: #343c71;
        text-decoration: none;
        /*border-bottom: 1px solid #e8e8e8;*/
        margin-top: 10px;
        }
/* Niveau 2 */
.leftselectboxmenus2 .Menus2::before{
        font-family: FontAwesome;
        content:"\f105";
        margin-right: 5px;
        color: #2a2a2a;
        }
.leftselectboxmenus2 .Menus2 {
        display: block;
        padding: 8px 0px 5px 0px;
        font-weight: bold;
        border-top: 1px solid #e8e8e8;
        }
.leftselectboxmenus2 li.Menus2 a {
        color: #2a2a2a;
        text-decoration: none;
        }
.leftselectboxmenus2 li.Menus2 a:hover {
        color: #343c71;
        }
.leftselectboxmenus2 .Menus2Selected::before{
        font-family: FontAwesome;
        content:"\f107";
        margin-right: 5px;
        color: #343c71;
        font-weight: bold;
        }
.leftselectboxmenus2 li.Menus2Selected {
        display: block;
        padding: 8px 0px 5px 0px;
        font-weight: bold;
        border-top: 1px solid #e8e8e8;
        }
.leftselectboxmenus2 li.Menus2Selected a {
        color: #343c71;
        font-weight: bold;
        text-decoration: none;
        }
.leftselectboxmenus2 li.Menus2Fixed {
        display: block;
        padding: 8px 10px 5px 15px;
        font-weight: bold;
        color: #343c71;
        text-decoration: none;
        border-top: 1px solid #e8e8e8;
        }

/* Niveau 3 */

.leftselectboxmenus3 .Menus3::before{
        font-family: FontAwesome;
        content:"\f105";
        margin-right: 5px;
        margin-left: 10px;
        }
.leftselectboxmenus3 li.Menus3 {
        }
.leftselectboxmenus3 li.Menus3 a {
        display: inline-block;
        padding: 0px 10px 5px 5px;
        font-weight: normal;
        color: #2a2a2a;
        text-decoration: none;
        }
.leftselectboxmenus3 li.Menus3 a:hover {
        color: #343c71;
        }
.leftselectboxmenus3 .Menus3Selected::before{
        font-family: FontAwesome;
        content:"\f107";
        margin-right: 5px;
        margin-left: 10px;
        color: #343c71;
        }
.leftselectboxmenus3 li.Menus3Selected a {
        display: inline-block;
        padding: 0px 10px 5px 5px;
        font-weight: normal;
        color: #343c71;
        text-decoration: none;
        }
.leftselectboxmenus3 li.Menus3Fixed a{
        display: inline-block;
        padding: 0px 10px 5px 5px;
        font-weight: normal;
        color: #343c71;
        text-decoration: none;
        }
/* Niveau 4 */
.leftselectboxmenus4 .Menus4::before{
        font-family: FontAwesome;
        content:"\f105";
        margin-right: 5px;
        margin-left: 15px;
        }
.leftselectboxmenus4 li.Menus4 a {
        display: inline-block;
        padding: 0px 10px 6px 5px;
        font-weight: normal;
        color: #2a2a2a;
        text-decoration: none;
        }
.leftselectboxmenus4 li.Menus4 a:hover {
        color: #343c71;
        }
.leftselectboxmenus4 .Menus4Selected::before{
        font-family: FontAwesome;
        content:"\f107";
        margin-right: 5px;
        margin-left: 15px;
        color: #343c71;
        }
.leftselectboxmenus4 li.Menus4Selected a {
        display: inline-block;
        padding: 0px 10px 6px 5px;
        font-weight: normal;
        color: #343c71;
        text-decoration: none;
        }
.leftselectboxmenus4 li.Menus4Fixed a{
        display: inline-block;
        padding: 0px 10px 6px 5px;
        font-weight: normal;
        color: #343c71;
        text-decoration: none;
        }

/* == MENUS GAUCHE == */
/* menus dans colonne de gauche */

/* Niveau 1 */
.leftboxmenus1 {
        list-style: none;
        font-family: Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
        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: #2a2a2a;
        text-decoration: none;
        }
.leftboxmenus1 li.Menus1 a:hover {
        color: #343c71;
        text-decoration: none;
        }
.leftboxmenus1 li.Menus1Selected {
        display: block;
        padding: 8px 10px 8px 35px;
        font-weight: bold;
        border-top: 1px solid #fafaf7;
        }
.leftboxmenus1 li.Menus1Selected a {
        color: #343c71;
        text-decoration: none;
        }
.leftboxmenus1 li.Menus1Fixed {
        width: 205px;
        display: block;
        padding: 8px 10px 8px 15px;
        margin: 0px 0px 0px 0px;
        font-weight: bold;
        color: #343c71;
        text-decoration: none;
        border-top: 1px solid #fafaf7;
        }

/* Niveau 2 */
.leftboxmenus2 {
        list-style: none;
        font-family: Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
        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: #2a2a2a;
        text-decoration: none;
        }
.leftboxmenus2 li.Menus2 a:hover {
        color: #343c71;
        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: #343c71;
        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: #343c71;
        text-decoration: none;
        }

/* Niveau 3 */
.leftboxmenus3 {
        list-style: none;
        font-family: Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
        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: #2a2a2a;
        text-decoration: none;
        }
.leftboxmenus3 li.Menus3 a:hover {
        color: #343c71;
        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: #343c71;
        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: #343c71;
        text-decoration: none;
        }

/* Niveau 4 */
.leftboxmenus4 {
        list-style: none;
        font-family: Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
        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: #2a2a2a;
        text-decoration: none;
        }
.leftboxmenus4 li.Menus4 a:hover {
        color: #343c71;
        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: #343c71;
        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: #343c71;
        text-decoration: none;
        }
/* ==================================================== CONTEXTUELS DROITE ============================================== */
.boxright {
        padding-top: 15px;
        }
.boxright h3 {
        color: #343c71;
        font-family: Raleway, Helvetica,"Trebuchet MS",Arial,Verdana,sans-serif;
        font-size: 140%;
        font-weight: 500;
        line-height: 2em;
        margin: 0 0 10px;
        text-align: left;
        }      
.boxright p {
        margin: 0px;
        padding: 5px 1px 5px 1px;
        color: #2a2a2a;
        line-height: 1.3em;
        text-align: justify;
        text-justify: auto;
        font-weight: 200;
        }
.boxright p.image {
        color: #2a2a2a;
        text-align: center;
        }
.boxright p a, .boxright p.lm_text a, .boxright p.image a{
        color: #2a2a2a;
        text-decoration: underline;
        }
.boxright p a:hover, .boxright p.lm_text a:hover, .boxright p.image a:hover {
        color: #343c71;
        text-decoration: underline;
        }
.boxright p img {
        margin-left: auto;
        margin-right: auto;
        }
.boxright div { /* formulaire auth */
        font-size: 100%;
        color: #555555;
        }
.boxright div form {
        margin: 0px 0px 0px 0px;
        padding: 5px 0px 5px 0px;
        }
.boxright p img.Bouton {
        border: 0px;
        }
.boxright input.authincludeinput {
        padding: 1px 5px 1px 3px;
        color: #555555;
        text-decoration: none;
        text-align: left;
        width: 100px;
        background-color: #f7f7f5;
        border: 1px solid #c0c0c0;
        }
.boxright img{
    max-width: 100%;
    }
/* == Menus-liens de droite == */
/* BOX 1 */
.rightboxmenus1{
    font-family: Helvetica, calibri, "Trebuchet MS", Arial, Verdana,sans-serif;
    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: #2a2a2a;
    }
.rightboxmenus1 li.Menus1Selected{
    color: #343c71;
    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: #343c71;
    }
/* BOX 2 */
.rightboxmenus2{
    font-family: Helvetica,calibri,"Trebuchet MS",Arial,Verdana,sans-serif;
    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: #2a2a2a;
    }
.rightboxmenus2 li.Menus2Selected{
    color: #343c71;
    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: #343c71;
    }
/* BOX 3 */
.rightboxmenus3{
    font-family: Helvetica,calibri,"Trebuchet MS",Arial,Verdana,sans-serif;
    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: #2a2a2a;
    }
.rightboxmenus3 li.Menus3Selected{
    color: #343c71;
    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: #343c71;
    }
/* BOX 4 */
.rightboxmenus4{
    font-family: Helvetica,calibri,"Trebuchet MS",Arial,Verdana,sans-serif;
    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: #2a2a2a;
    }
.rightboxmenus4 li.Menus4Selected{
    color: #343c71;
    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: #343c71;
    }
/* HOVER pour tous les menus BOX */
.rightboxmenus1 li.Menus1 a, .rightboxmenus2 li.Menus2 a, .rightboxmenus3 li.Menus3 a, .rightboxmenus4 li.Menus4 a{
    color: #2a2a2a;
    }
.rightboxmenus1 li.Menus1 a:hover, .rightboxmenus2 li.Menus2 a:hover, .rightboxmenus3 li.Menus3 a:hover, .rightboxmenus4 li.Menus4 a:hover{
    color: #343c71;
    }
.rightboxmenus1 li.Menus1Selected a, .rightboxmenus2 li.Menus2Selected a, .rightboxmenus3 li.Menus3Selected a, .rightboxmenus4 li.Menus4Selected a{
    color: #343c71;
    }
/* ==================================================== 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: #555555;
        border-bottom: 1px dotted #aeb2b5;
        }
.jqTicker li a {
        text-decoration:none;
        color: #555555;
        font-size: 110%;
        }
.jqTicker li a:hover {
        text-decoration:underline;
        color: #343c71;
        }

span.agendaDate{
        padding: 0px 0px 2px 0px;
        color: #555555;
        font-weight: bold;
        }
span.agendaTime{
        padding: 0px 0px 2px 15px;
        color: #343c71;
        }
#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;
        font-size: 0.8em;
        }
.boxleft #newsScrollerVert {
        position: absolute;
        position/**/: relative;
        padding: 5px 2px 5px 2px;
        color: #3d3d3d;         /* couleur de texte defilant */
        font-size: 120%;
        font-weight: 200;
        }
.boxright #newsTickerVert {
        margin: 5px 0px 5px 0px;
        padding: 5px 0px 0px 0px;
        position: relative;
        height: 100px;
        overflow: hidden;
        font-size: 0.8em;
        }
.boxright #newsScrollerVert {
        position: absolute;
        position/**/: relative;
        padding: 5px 2px 5px 2px;
        color: #3d3d3d; /* couleur de texte defilant */
        }
#newsScrollerVert a {
        color: #3d3d3d;
        text-decoration: underline;
        }
#newsScrollerVert a:hover {
        color: #343c71;
        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: #343c71;
        }
#footer {
        font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        color: #ffffff;
        text-align: left;
        }
#levelFooter{
        padding-top: 15px;
        padding-bottom: 15px;
        }
#footer a {
        color: #ffffff;
        text-decoration: none;
        }
#footer a:hover {
        color: #fff;
        font-weight: bold;
        text-decoration: underline;
        }
#footer h4 {
        padding: 3px 0px 5px 0px;
        font-size: 120%;
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        font-family: Raleway, Helvetica, "Trebuchet MS", Arial, Verdana, sans-serif;
        } 
#footer .socialFooter{
        border: 1px solid #fff;
        display: inline-block;
        margin-right: 8px;
        padding: 8px;
        width: 45px;
        height: 45px;
        }
#footer #footerCol1{
        text-align: center;
        }
#footer #footerCol2 div:nth-child(2), #footer #footerCol2 div:nth-child(4){
        /* border-right: solid 1px #fff; */
        text-align: right;
        }
#footer #footerCol2 .infosFooterFr{
        border-top: solid 1px #ffffff;
        padding-top: 8px;
        margin-top: 8px;
        }
#footer #footerCol2 p{
        margin-bottom: 0;
        }
/* bouton centré */
#footer div.link_btn_btnCenter{
        border: #fff 2px solid;
        width: 140px;
        }
#footer div.link_btn_btnCenter .btn_inner {
        color: #fff;
        }
/* options pour tous */
#footer div.link_btn_btnCenter a {
        color: #fff;
        }
#footer div.link_btn_btnCenter a:hover {
        color: #343c71;
        }
#footer div.link_btn_btnCenter:hover{
        background-color: #fff;
        }
#footer div.link_btn_btnCenter:hover a{
        color: #343c71;
        }
#bottomFooter1, #bottomFooter{
    text-align: center;
    background-color: #343c71;
    font-family: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #ffffff;
    }
#bottomFooter1 a, #bottomFooter a{
    color: #ffffff;
    }
#bottomFooter1 a:hover, #bottomFooter a:hover{
    color: #ffffff;
    font-weight: bold;
    }

#footer #footerCol2 hr{
    margin-top: 8px;
    margin-bottom: 8px;
    color: #ffffff;
    background-color: #ffffff;
    }    
/* == BOITE DE RECHERCHE == */
#boxSearch{
         padding-top: 5px;
        text-align: right;
        }
input.fieldSearch {
        background-color: #ffffff;
        border: 1px solid #e9e9e9;
        color: #666666;
        padding: 5px;
        position: relative;
        text-align: left;
        text-decoration: none;
        vertical-align: top;
        width: 100%;
        }
.btnSearch {
        background-color: #343c71;
        border: 0 none;
        cursor: pointer;
        display: inline-block;
        font-weight: normal;
        position: absolute;
        right: 0;
        top: 5px;
        }
.btnSearch[type=submit]:hover, input.btnSearch[type=reset]:hover {
        background-color: #343c71;
        }
.btnSearch i{
        color: #ffffff;
        display: inline-block;
        padding: 9px 5px;
        width: 30px;
        }
/* ==================================================== 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: #343c71;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
  color: #343c71;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
  color: #343c71;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
  color: #343c71;
}

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 {
        margin: 10px 0px 10px 0px;
        padding: 5px 0px 0px 0px;
        font-weight: bold;
        color: #787878;
        width: 100%;
        border-bottom: 1px dotted #dddddd;
        }
div.formInfo {
        margin: 0;
        padding: 5px 0px 0px 0px;
        color: #787878;
        width: 100%;
        }
div.formItem {
        margin: 0 auto;
        padding: 5px 0px 0px 0px;
        color: #787878;
        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: #787878;
        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: 120%;
        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: 12px;
        color: #787878;
        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: 16px;
        font-family: Arial, FontAwesome;
        }
input[type=RADIO]{
      width: auto !important;
      margin-left: 1px;
      margin-right: 10px;
      } 
input[type=CHECKBOX]{
      width: auto !important;
      margin-left: 1px;
      margin-right: 10px;
      }   
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;
      }
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 */
      }
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: 16px;
        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: 11px;
        text-transform: uppercase;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        height: 30px;
        line-height: 15px;
        background: #787878;
        border: 1px solid #333333;
        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 #787878;
        cursor: pointer;
        }

.par1descrwarn {
        font-size: 12px;
        color: #bb0a0a;
        text-align: left;
        }
span.Obligatoire {
        padding: 1px 0px 1px 0px;
        font-weight: bold;
        font-size: 12px;
        color: #bb0a0a;
        text-decoration: none;
        text-align: right;
        }
div.Warning {
        padding: 5px 5px 5px 25px;
        font-weight: bold;
        font-size: 12px;
        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: 12px;
        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: 12px;
        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.1em;
      font-weight: 600;
      }
div.formItemCol{
      margin: 0 5%;
      width: 40%;
      float: left;
      }
input[type="RADIO"] + label{ /* ne sélectionne que les labels précédés par input radio */
      font-size: 100%; 
      text-transform: none !important;
      font-weight: normal;
      padding: 4px 3% 4px 0;
      }

/* == 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: 16px;
    }
div.formItemCont div input[type="RADIO"] {
      margin-left: 1px;
      margin-right: 10px;
      width: auto;
    }
div.formItemCont{
    width: 100%;
    margin: 0 auto;
    }

@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============================================*/
/* == Galerie == */
.cboxElement{ /* couleur de la description sous image (si celle-ci visible) */
    color: #2a2a2a;
    }
    
.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: #3d3d3d;
}
.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: 9999;
    /* centrage en hauteur et largeur */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    margin: auto;
}
/* == Authentifcation == */
input.authincludeinput {
        padding: 5px 5px 5px 5px;
        font-weight: bold;
        color: #555555;
        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: #555555;
        border: 1px solid ;
        border-color: #555555 #333333 #333333 #555555;
        cursor: pointer;
        }
input[type=submit]:hover, input[type=reset]:hover {
        background-color: #343c71;
        }
/* BOUTONS GALERIE */
div.contentnav {
        padding: 15px 0px 0px 0px;
        font-weight: bold;
        vertical-align: top;
        text-align: center;
        color: #555555;
        }
div.contentnav a {
        color: #555555;
        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> */
        padding: 10px;
        background-color: #81705C; /* brun */
        text-decoration: none;
        color: #ffffff;
        display: inline-block;
        margin-bottom: 5px;
        }
div.contentnavright a:hover {
        background-color: #9c876f; /* brun + clair*/
        }
/* 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: Arial, calibri, "Trebuchet MS", Verdana, Helvetica, sans-serif;
        color: #555555;
        font-weight: bold;
        }
div.info h2 span { /* date publication */
        font-weight: normal;
        color: #343c71;
        }
        
.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: 18px;}
ul.linkList li.excel a {background: url(../icon_images/page_white_excel.gif) no-repeat; padding-left: 18px;}
ul.linkList li.powerpoint a {background: url(../icon_images/page_white_powerpoint.gif) no-repeat; padding-left: 18px;}
ul.linkList li.pdf a {background: url(../icon_images/page_white_pdf.gif) no-repeat; padding-left: 18px;}
ul.linkList li.texte a {background: url(../icon_images/page_white_text.gif) no-repeat; padding-left: 18px;}
ul.linkList li.flash a {background: url(../icon_images/page_white_flash.gif) no-repeat; padding-left: 18px;}
ul.linkList li.image a {background: url(../icon_images/page_white_camera.gif) no-repeat; padding-left: 18px;}
ul.linkList li.video a {background: url(../icon_images/page_white_film.gif) no-repeat; padding-left: 18px;}
ul.linkList li.audio a {background: url(../icon_images/page_white_audio.gif) no-repeat; padding-left: 18px;}
ul.linkList li.compressed a {background: url(../icon_images/page_white_compressed.gif) no-repeat; padding-left: 18px;}
ul.linkList li.web a {background: url(../icon_images/page_white_world.gif) no-repeat; padding-left: 18px;}
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 h1{
    font-size: 160%;
    text-align: left;
    }
#mire-auth h2{
    font-size: 120%;
    color: #778899;
    text-align: left;
    }
#mire-auth p{
    text-align: left;
    }
#mire-auth .authtable{
    margin-bottom: 15px;
    }
#mire-auth .authfieldtitle{
    padding-right: 0;
    }
#mire-auth .authfield{
    padding-left: 0;
    }
#mire-auth .authfieldtitle-mp{
    background: url(../images/auth-mp.png) no-repeat;
    }
#mire-auth .authfieldtitle-id{
    background: url(../images/auth-id.png) no-repeat;
    }
#mire-auth .authfieldtitle-id, #mire-auth .authfieldtitle-mp{
    background-color: #778899;
    height: 40px;
    width:40px;
    text-indent: -9999px;
    float: right;
    border-radius: 5px 0px 0px 5px;
    }
#mire-auth .authinput{
    height: 40px;
    float: left;
    padding-left: 15px;
    }
#mire-auth input.authsubmit {
    background-color: #2e8b57;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    margin: 10px;
    padding: 10px 20px;
    text-transform: uppercase;
}
#mire-auth input.authsubmit:hover {
    background-color: #3cb371;
} 

/* == Plan du site - sitemap == */
.antsitemap li a{
    color: #343c71;
    }  
/* ==================================RESPONSIVE/MEDIA QUERIES================================================*/
@media (min-width: 550px) and (max-width: 767px){ /* version smartphone fin, entre smartphone et tab*/

}
@media (max-width: 767px){ /* version smartphone */
    #footer{
        text-align: center;
        }
    #footer h4{
        text-align: center;
        }
    #footer #footerCol2 div:nth-child(2), #footer #footerCol2 div:nth-child(4){
        border-right: none;
        text-align: center;
        }
    #footer #footerCol2 hr{
        display: none;
        }

    #zone1{
        display: none;
        }   
    #zone2{
        display: none;
        }
    .fixbgHeader{ 
        position: static !important; 
        }
    #header{ 
        text-align: center;
        }
    #header img{
        width: 50%;
        }
    /* retablissement de la valeur du font-weight pour le contenu */
    .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 */
        }

}

@media (min-width: 767px){ /* début version tablette */
    #zone1{ /* apparition de la zone de gauche */
        display: block;
        } 
    #zone2{ /* apparition de la zone de droite */
        display: block;
        }
}

@media (min-width: 767px) and (max-width: 992px){ /* uniquement version tablette */
   .boxendleftAuth {
        padding: 5px;
        }
    #header img{
        width: 20%;
        padding: 10px;
        }
    .fixbgHeader #header img{
        width: 20%;
        }
}


@media (max-width: 992px){
    #bgMain{
        margin-bottom: 0;
        }
    footer{
        position: static;
        }
    .iconeMenu{
        display: none;
        }
    .encarHomeMargin{
        margin-top: 25px;
        margin-bottom: 25px;
        }
}

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



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