.antclearfix{clear: both;}
/* ==================================================== BODY ============================================================ */
body {
        color: #555555;
        font-family: calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        font-style: normal;
        text-align: left;
        }
/* ==================================================== HEADER ========================================================== */

#bgHeader {
        background-color: #fff;
        box-shadow: 1px 1px 10px #242424;
        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;
        }
.fixbgHeader #header img{
        width: 60%; /* avant 40% car autre logo */
        }
/* == LEVELHEADER container1 == */
#levelHeader{
        }

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


#bgHeaderUpperTop{
    }

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

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

/* == MENUS UPPER TOP == */

#UpperTopContainer{}
#UpperTopContainer ul {
        padding: 0;
        list-style-type: none;
        text-align: left;
        font-weight: normal;
        color: #e71c8c;
        }
#UpperTopContainer ul li.Menus {
        display: inline;
        float: right;
        text-align: left;
        padding-top: 5px;
        padding-bottom: 5px;
        }
#UpperTopContainer ul li.Menus a {
        color: #e71c8c;
        text-decoration: none;
        text-transform: uppercase;
        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;
        }
#UpperTopContainer ul li.MenusSelected a {
        color: #e71c8c;
        font-weight: bold
        text-decoration: none;
        padding: 5px;
        }
#UpperTopContainer ul li.MenusSelected a:hover {
        }
#UpperTopContainer ul li.MenusFixed {
        display: inline;
        float: right;
        text-align: center;
        font-weight: bold;
        color: #e71c8c;
        cursor: pointer;
        }
#UpperTopContainer ul li.MenusFixedSelected {
        display: inline;
        float: right;
		margin: 0px;
        padding: 0px;
        text-align: center;
        font-weight: bold;
        color: #e71c8c;
        cursor: pointer;
        }
#UpperTopContainer ul li.Contact { /* Specific */
        padding-left: 15px;
        background: url("../images/icon_contact.gif") no-repeat 0px 2px;
        }
#UpperTopContainer ul li.Sitemap { /* Specific */
        padding-left: 15px;
        background: url("../images/icon_sitemap.gif") no-repeat 0px 2px;
        }
#UpperTopContainer ul li.ContactSelected { /* Specific */
        padding-left: 15px;
        background: url("../images/icon_contact.gif") no-repeat 0px 2px;
        }
#UpperTopContainer ul li.SitemapSelected { /* Specific */
        padding-left: 15px;
        background: url("../images/icon_sitemap.gif") no-repeat 0px 2px;
        }

/* ==ROW 2 - header/logo et menu top et les sous-header ==*/
#header{
        padding-bottom: 10px;
        }
#header img{
    padding-bottom: 5px;
    width: 80%;
    }
/* == MENUS TOP HORIZONTAL - voir aussi dans bootstrap.css == */

#MenusMainContainer {
        padding: 0; /* retire le padding venant auto de col-md*/
        margin-top: 10px;
        }
/* 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;
        }

/* == bgHeader2-CONTAINER 2 - BANNER IMG OU SLIDER ==*/

#bgHeader2 {
        position: relative; /* pour le zoneTexte specifi*/
        }
#levelBanner { 
        }
#levelBanner #bannerImg img{ width: 100%;}
#bannerImg { position: relative;}
#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 {
  z-index: 10;
  text-align: center;
}
.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: #8AB839; /* 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: #8ab839; /*vert*/
        }
#levelEncarts { /* Specific */
        }

/* ==================================================== MAIN ============================================================ */
/* == CHEMIN DE NAVIGATION == */

#AntMenuNavig {
        padding-left: 15px;
        color: #666666;
        border-bottom: 1px dotted #CCCCCC;
        margin: 0;
        }
#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 {
        }
#decoMain{
        background: url("../images/deco-main-gouttes.jpg") #fff no-repeat 15px top;
        height: 50px;
        margin-bottom: 15px;
        }
#levelMain{
        padding-bottom: 15px;
        }
#contentMain .inner {
        margin: 0;
        padding: 0px 0px 20px 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: 15px 0 0 0;
        text-align: left;
        }
.antpar1center {
        text-align: center;
        }
.antpar1 h1 {
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        color: #000000;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 160%;
        text-align: center;
        padding-left: 90px; /* trait à gauche de 90px */
        padding-right: 90px; /* trait à droite de 90px */
        position: relative; /* traits en absolute */
        display: block;
        margin: auto;
        width: 450px;
        margin-bottom: 25px;
        }
.antpar1 h1::before{
        background-image: url("../images/title-line.jpg");
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        top: 50%;
        width: 80px;
        }
.antpar1 h1::after{
        background-image: url("../images/title-line.jpg");
        content: "";
        height: 2px;
        right: 0;
        position: absolute;
        top: 50%;
        width: 80px;
        }
.antpar1 h1 a {
        color: #444;
        text-decoration: underline;
        }
.antpar1 h1 a:hover {
        color: #00afec;
        text-decoration: underline;
        }
/* spécific paragraphe encart color */
.antpar1St2{
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        color: #fff;
        background-color: #00afec;
        padding: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 0px;
        margin-right: 0px;
        }
.antpar1St2 h1{
        color: #fff;
        font-family: Calibri, "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
        font-size: 130%;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        margin-left: 5px;
        margin-top: 2px;
        margin-bottom: 0px;
        }
.antpar1St2 .par1descr{
        line-height: 1.7em;
        border: solid 2px #fff;
        padding: 5px;
        color: #fff;
        font-size: 120%;
        }
/*.antpar1St2 .par1descr:before { /* les guillemets géants */
    content: "\f10d";
    font-family: FontAwesome;
    text-decoration: inherit;
    color: #444;
    font-size: 30px;
    padding-right: 10px;
    position: relative;
    float: left;
    top: 0;
    left: 0;
}
.antpar1St2 .par1descr:after {
    content: "\f10e";
    font-family: FontAwesome;
    text-decoration: inherit;
    color: #444;
    font-size: 30px;
    position: relative;
    padding-left: 10px;
    float: right;
    top: 0;
    left: 0;
    }*/
/* fin paragraphe spécific */
.antpar1 .par1descr h1 {
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        color: #000000;
        font-weight: bold;
        font-size: 180%;
        text-align: left;
        }
.antpar1 .par1descr h1 a {
        color: #444444;
        text-decoration: underline;
        }
.antpar1 .par1descr h1 a:hover {
        color: #00afec;
        text-decoration: underline;
        }
.antpar1 h1.style2 {
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        color: #00afec;
        font-weight: bold;
        text-align: left;
        text-transform: uppercase;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        width: auto; 
        }
.antpar1 h1.style2::before{
        display: none;
        }
.antpar1 h1.style2::after{
        display: none;
        }
.antpar2 h2 {
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        color: #000000;
        font-size: 100%;
        text-align: left;
        font-size: 130%;
        }
.antpar2 h2.style2 {
        color: #00afec;
        font-size: 130%;
        }
.antpar1 .par1descr {
        margin-top: 5px; /*20px*/
        margin-bottom: 10px;
        padding: 0;
        color: #444444;
		line-height: 1.5em;
        font-size: 110%;
		text-align: justify;
		text-justify: auto;
        }
.par2descr {
        color: #444444;
        text-align: left;
        text-align: justify;
		text-justify: auto;
        font-size: 110%;
        }
.par1descr a,.par2descr a {
        color: #444444;
        text-decoration: underline;
        }
.par1descr a:hover,.par2descr a:hover {
        color: #000;
        font-weight: bold;
        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";
        margin-right: 5px;
        color: #00afec;
        }
.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:"\f054";
        margin-right: 5px;
        color: #00afec;
        }
.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: #777777;
        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: #444444;
        }
/* == LIENS PERSONNALISÉS DE TYPE BOUTON == */
/* bouton à droite > */

div.link_btn_btnRight {
    float: right;
    display: inline-block;
    background-color: #00afec;
        border-color: #039cd1;
    display:inline-block;
    cursor:pointer;
    font-size:15px;
    font-weight:bold;
    margin: 5px 0px 10px 0px;
    padding: 0px 8px 0px 0px;
    text-decoration:none;
    transition: all 0.2s linear;
    }

div.link_btn_btnRight .btn_inner {
        display: inline-block;
        vertical-align: middle;
        padding: 0px 0px 5px 15px;
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        color: #fff;
        font-weight: bold;
        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;
        background-color: #00afec;
        border-color: #039cd1;
        display:inline-block;
        cursor:pointer;
        font-size:15px;
        font-weight:bold;
        text-decoration:none;
        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: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        color: #ffffff;
        font-weight: bold;
        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;
        }


div.link_btn_btnRight a, div.link_btn_btnLeft a {
        color: #ffffff;
        text-decoration: none;
        }
div.link_btn_btnRight a:hover, div.link_btn_btnLeft a:hover {
        color: #ffffff;
        text-decoration: none;
        }
div.link_btn_btnRight a:hover::after, div.link_btn_btnLeft a:hover::before{
        opacity: 1;
        transform: rotate(360deg);
        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;
        background-color: #00afec;
        border-color: #039cd1;
        display:inline-block;
        cursor:pointer;
        font-size:15px;
        font-weight:bold;
        text-decoration:none;
        transition: all 0.5s;
        }
div.link_btn_btnRightAleft .btn_inner {
        display: inline-block;
        vertical-align: middle;
        padding: 0px 0px 5px 15px;
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        color: #ffffff;
        font-weight: bold;
        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;
        background-color: #00afec;
        border-color: #039cd1;
        display:inline-block;
        cursor:pointer;
        font-size:15px;
        font-weight:bold;
        text-decoration:none;
        transition: all 0.5s;
        }
div.link_btn_btnLeftAright .btn_inner {
        display: inline-block;
        vertical-align: middle;
        padding: 0px 15px 5px 0px;
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        color: #ffffff;
        font-weight: bold;
        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;
        }


div.link_btn_btnRightAleft a, div.link_btn_btnLeftAright a {
        color: #ffffff;
        text-decoration: none;
        }
div.link_btn_btnRightAleft a:hover, div.link_btn_btnLeftAright a:hover {
        color: #ffffff;
        text-decoration: none;
        }
div.link_btn_btnRightAleft a:hover::after, div.link_btn_btnLeftAright a:hover::before{
        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{
        -moz-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
        -webkit-box-shadow:inset 0px 1px 0px 0px #bbdaf7;
        box-shadow:inset 0px 1px 0px 0px #bbdaf7;
        background-color: #89e1ff;
        transition: all 0.5s;
        }
div.link_btn_btnRight:hover a, div.link_btn_btnLeft:hover a, div.link_btn_btnRightAleft:hover a, div.link_btn_btnLeftAright:hover a{
        color: #fff;
        }

/* == 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;
        }
/* == PAGINATION == */
.boxPagination{
    text-align: center;
}
/* == 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: Calibri, "Trebuchet MS", Arial, 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: Calibri, "Trebuchet MS", Arial, 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: 9px 0px 14px 20px;
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        color: #8ab839;
        }
/* ==============================15/02/16-PARAGRAPHE TABLEAU RESPONSIVE ========================================*/

/* Styles tableau lotissement Deback */
.antparTabl{
    margin-top: 20px;
    background-color: #fff;
    }
.antcal{
    width: 100%;
    margin-bottom: 7px;
    }

table, td, th { 
   border-collapse: collapse;
    }
  
th { 
    text-transform: uppercase; 
    vertical-align: bottom; 
    padding-top: 10px; 
    padding-bottom: 10px; 
    padding-left: 5px;
    background-color: #333;
    color: #fff;
    }
tr:nth-child(even){ background-color: #89e1ff;}
td { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px;} 

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

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

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

/* ==================================================== CONTEXTUELS GAUCHE ============================================== */
/* == box d'authentification == */
.boxleft h3 {
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: bold;
        color: #333333;
        text-align: left;
        border-bottom: 2px solid #dddddd;
        }
.boxleft p {
        color: #555555;
        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: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        font-size: 100%;
        font-weight: bold;
        color: #444444;
        text-align: left;
        border-bottom: 1px solid #333333;
        }
.boxendleftAuth p { /* Specific */
        padding: 6px 1px 2px 1px;
        color: #444444;
        }
.boxleft p.lm_text {
        padding: 5px 1px 5px 1px;
        color: #444444;
        }
.boxleft p.image {
        padding: 6px 0px 3px 0px;
        color: #fff;
        text-align: center;
        }    
.boxleft p a {
        font-weight: normal;
        color: #777777;
        text-decoration: underline;
        }
.boxleft p a:hover {
        color: #222222;
        }
.boxleft p.lm_text a {
        font-weight: normal;
        color: #fff;
        text-decoration: underline;
        }
.boxleft p.lm_text a:hover {
        color: #222222;
        }
.boxleft p.image a {
        font-weight: normal;
        color: #fff;
        text-decoration: underline;
        }
.boxleft p.image a:hover {
        color: #fff;
        }
.boxleft p.image img {
        border: 0px solid #ffffff;
        }
.boxleft div { /* formulaire auth */
        color: #555555;
        }
/* necessaire pour IE si on veut controler la position */
.boxleft div form {
        margin: 0px;
        padding: 5px 0px 5px 0px;
        }

/* == 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: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        font-weight: bold;
        text-transform: uppercase;
        color: #000;
        text-decoration: none;
        /*border-bottom: 1px solid #e8e8e8;*/
        margin-top: 10px;
        font-size: 120%;
        }
/* Niveau 2 */
.leftselectboxmenus2 .Menus2::before{
        font-family: FontAwesome;
        content:"\f105";
        margin-right: 5px;
        color: #888;
        }
.leftselectboxmenus2 .Menus2 {
        display: block;
        padding: 8px 0px 5px 0px;
        font-weight: bold;
        border-top: 1px solid #e8e8e8;
        }
.leftselectboxmenus2 li.Menus2 a {
        color: #888;
        text-decoration: none;
        }
.leftselectboxmenus2 li.Menus2 a:hover {
        color: #000;
        }
.leftselectboxmenus2 .Menus2Selected::before{
        font-family: FontAwesome;
        content:"\f105";
        margin-right: 5px;
        color: #000;
        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: #000;
        font-weight: bold;
        text-decoration: none;
        }
.leftselectboxmenus2 li.Menus2Selected a:hover {
        }
.leftselectboxmenus2 li.Menus2Fixed {
        display: block;
        padding: 8px 10px 5px 15px;
        font-weight: bold;
        color: #000;
        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: block;
        padding: 0px 10px 5px 25px;
        font-weight: normal;
        color: #444444;
        text-decoration: none;
        }
.leftselectboxmenus3 li.Menus3 a:hover {
        color: #000000;
        }
.leftselectboxmenus3 .Menus3Selected::before{
        font-family: FontAwesome;
        content:"\f105";
        margin-right: 5px;
        margin-left: 10px;
        color: #000;
        }
.leftselectboxmenus3 li.Menus3Selected a {
        display: block;
        padding: 0px 10px 5px 25px;
        font-weight: normal;
        color: #444444;
        text-decoration: none;
        }
.leftselectboxmenus3 li.Menus3Selected a:hover {
        color: #000000;
        text-decoration: none;
        }
.leftselectboxmenus3 li.Menus3Fixed {
        display: block;
        padding: 0px 10px 5px 25px;
        font-weight: bold;
        color: #444444;
        text-decoration: none;
        }
/* Niveau 4 */
.leftselectboxmenus4 .Menus4::before{
        font-family: FontAwesome;
        content:"\f105";
        margin-right: 5px;
        margin-left: 15px;
        }
.leftselectboxmenus4 li.Menus4 a {
        display: block;
        padding: 0px 10px 6px 55px;
        font-weight: normal;
        color: #444444;
        text-decoration: none;
        }
.leftselectboxmenus4 li.Menus4 a:hover {
        color: #000000;
        }
.leftselectboxmenus4 .Menus4Selected::before{
        font-family: FontAwesome;
        content:"\f105";
        margin-right: 5px;
        margin-left: 15px;
        color: #000;
        }
.leftselectboxmenus4 li.Menus4Selected a {
        display: block;
        padding: 0px 10px 6px 55px;
        font-weight: normal;
        color: #000;
        text-decoration: none;
        }
.leftselectboxmenus4 li.Menus4Selected a:hover {
        }
.leftselectboxmenus4 li.Menus4Fixed {
        display: block;
        padding: 2px 10px 6px 50px;
        font-weight: bold;
        color: #444444;
        text-decoration: none;
        }

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

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

/* Niveau 2 */
.leftboxmenus2 {
        list-style: none;
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, 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: #444444;
        text-decoration: none;
        }
.leftboxmenus2 li.Menus2 a:hover {
        color: #00afec;
        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: #00afec;
        text-decoration: none;
        }
.leftboxmenus2 li.Menus2Selected a:hover {
        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: #444444;
        text-decoration: none;
        }

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

/* Niveau 4 */
.leftboxmenus4 {
        list-style: none;
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, 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: #444444;
        text-decoration: none;
        }
.leftboxmenus4 li.Menus4 a:hover {
        color: #00afec;
        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: #00afec;
        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: #444444;
        text-decoration: none;
        }
/* ==================================================== CONTEXTUELS DROITE ============================================== */
.boxright {
        padding-top: 15px;
        }
.boxright h3 {
        color: #000;
        font-family: Calibri, "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
        font-size: 120%;
        font-weight: bold;
        line-height: 2em;
        margin: 0 0 10px;
        text-align: left;
        text-transform: uppercase;
        }      
.boxright p {
        margin: 0px;
        padding: 5px 1px 5px 1px;
        color: #555555;
        line-height: 1.3em;
        text-align: justify;
        text-justify: auto;
        }
.boxright p.image {
        color: #555555;
        text-align: center;
        }
.boxright p a, .boxright p.lm_text a, .boxright p.image a{
        color: #8ab839;
        text-decoration: underline;
        }
.boxright p a:hover, .boxright p.lm_text a:hover, .boxright p.image a:hover {
        color: #222222;
        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;
        }
/* ==================================================== 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: #888888;
        font-size: 110%;
        }
.jqTicker li a:hover {
        text-decoration:underline;
        color: #555555;
        }

span.agendaDate{
        padding: 0px 0px 2px 0px;
        color: #555555;
        font-weight: bold;
        }
span.agendaTime{
        padding: 0px 0px 2px 15px;
        color: #8ab839;
        }
#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: #555555;         /* 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: #555555; /* couleur de texte defilant */
        }
#newsScrollerVert a {
        color: #555555;
        text-decoration: underline;
        }
#newsScrollerVert a:hover {
        color: #555555;
        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 ========================================================== */
#bgFooter {
        background-color: #222;
        }
#footer {
        font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        color: #fff;
        text-align: left;
        }
#sponsorsFooter{
        }
#sponsorsFooter h1{
        color: #000000;
        font-family: Calibri, "Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
        font-size: 130%;
        font-weight: bold;
        text-align: left;
        border-top: 2px dotted #444444;
        padding-top: 10px;
        }
.contSponsor{
        text-align: center;
        line-height: 120px; /* centre les img verticalement*/
        }
#sponsorsFooter .contSponsor img{
        width: 50%;
        }
#sponsorsFooter .contSponsor img:hover{
        width: 50%;
        opacity: 0.6;
        }
#levelFooter{
        padding-top: 15px;
        padding-bottom: 15px;
        }
#footer a {
        color: #fff;
        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;
        }
#bottomFooter1, #bottomFooter{
    text-align: center;
    background-color: #222;
    font-family: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
    color: #fff;
    }
#bottomFooter1 a, #bottomFooter a{
    color: #ffffff;
    }
#bottomFooter1 a:hover, #bottomFooter a:hover{
    color: #fff;
    font-weight: bold;
    }
#footerCol1{text-align:center;}

/* == 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 ===================================================== */
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: #555555;
        width: 100%;
        border-bottom: 1px dotted #dddddd;
        }
div.formInfo {
        margin: 0;
        padding: 5px 0px 0px 0px;
        color: #555555;
        width: 100%;
        }
div.formItem {
        margin: 0;
        padding: 5px 0px 0px 0px;
        color: #555555;
        width: 100%;
        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: #555555;
        text-align: center;
        width: 100%;
        }
div.formItem label {
        float: left;
        display: block;
        margin: 0;
        padding: 4px 3% 0px 0%;
        width: 42%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        }
        
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: #555555;
        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;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
        }
        
input.Input:hover, textarea.Input:hover {
        background-color: #ffffff;
        border: 1px solid #c4c4c4;
        }
        
input.Input:focus, textarea.Input:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
        }
        
.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: 12px;
        color: #555555;
        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;
    }
    
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: #555555;
        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;
        }
input.Submit:hover { /* hover */
        background: #666666;
        border: 1px solid #444444;
        }

.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: #555555;
        text-decoration: none;
        text-align: left;
        border: 2px solid #c8c8c8;
        border-radius:5px;
        }

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

    
.antFigure{
    margin-bottom: 20px;
    flex:1 0 auto;
    flex-direction:column;
    }
.antFigure figcaption {
  flex-grow:1;
}
/* 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%;
}
/* == 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: #666666;
        border-width: 1px solid;
        border-color: #666666 #444444 #444444 #666666;
        }
/* 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: 0px 0px 0px 17px;
        color: #444444;
        text-decoration: underline;
        background: url(../images/puce_plus.gif) no-repeat 1px 3px;
        }
div.contentnavright a:hover {
        color: #000000;
        text-decoration: underline;
        }
/* 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: Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
        font-size: 100%;
        color: #555555;
        }
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;}
ul.linkList li.excel a {background: url(../icon_images/page_white_excel.gif) no-repeat;}
ul.linkList li.powerpoint a {background: url(../icon_images/page_white_powerpoint.gif) no-repeat;}
ul.linkList li.pdf a {background: url(../icon_images/page_white_pdf.gif) no-repeat;}
ul.linkList li.texte a {background: url(../icon_images/page_white_text.gif) no-repeat;}
ul.linkList li.flash a {background: url(../icon_images/page_white_flash.gif) no-repeat;}
ul.linkList li.image a {background: url(../icon_images/page_white_camera.gif) no-repeat;}
ul.linkList li.video a {background: url(../icon_images/page_white_film.gif) no-repeat;}
ul.linkList li.audio a {background: url(../icon_images/page_white_audio.gif) no-repeat;}
ul.linkList li.compressed a {background: url(../icon_images/page_white_compressed.gif) no-repeat;}
ul.linkList li.web a {background: url(../icon_images/page_white_world.gif) no-repeat;}
ul.linkList li.none a {background: url(../icon_images/page_white_undefined.gif) no-repeat;}


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

@media (max-width: 767px){ /* version smartphone */
    #footer{
        text-align: center;
        }
    #footer h4{
        text-align: center;
        }

    #zone1{
        display: none;
        }   
    #zone2{
        display: none;
        }
    .antpar1 h1{
        width: 100%;
        }
    .fixbgHeader{ 
        position: static !important; 
        }
    #header{ 
        text-align: center;
        padding-top: 30px;
        }
    #header img{
        width: 50%;
        }
}

@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 */
     #header img{
        width: 20%;
        padding: 10px;
        }
    .fixbgHeader #header img{
        width: 20%;
        }
}

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

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



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

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

  .first-slide, .second-slide, .third-slide{
      width: 50%;


      margin-left: auto;
      margin-right: auto;
      margin-top: 0;
      }
}

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

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