/* ===================================================================
 * Inclusion des styles par défaut des modules
 * =================================================================*/
@import url(_include_modules.php);

/* ===================================================================
 * STANDARD CMS
 * =================================================================*/
* { margin: 0; padding: 0 }
.withJS .js_hidden { display: none; }
.clear { clear : both; }
.invisible { display: none; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }
object.alignleft, img.alignleft, table.alignleft, span.alignleft { float: left; margin: 0 15px 15px 0; }
object.alignright, img.alignright, table.alignright, span.alignright { float: right; margin: 0 0 15px 15px; text-align: left;}
table.aligncenter { margin: auto; text-align: left; }
a img { border-width: 0;}
acronym {
    border: none; cursor:help;
}
/* LEGENDE - CREDIT */
.spanImgContainer            { display: inline-block; position: relative;}
.spanImgContainer img        { display: block; }
.spanLegende                 {
    bottom: 0px !important; color: #fff; font-style: inherit;
    font-weight: normal;
    max-width: 100%;
    display: block;
    width: 100%;
    padding: 5px;
    position: absolute;
    font-size: 15px !important;
    background-color: rgba(50,50,50,0.85);
    box-sizing: border-box;
    text-align: left;
    left: 0;
    text-transform: initial !important;
}
.spanCredit                  { background-color: #fff; right: 0; bottom: 0px; color: #000; font-style: italic; font-weight: normal; padding: 5px; display:block; text-align:right; position:relative; }
a.cboxElement                { text-decoration:none !important;}

/* ajustement titre colorbox */
.withJS #cboxTitle {
    background-color: white;
    bottom: 0;
    color: #606060;
    width: 85%;
    margin: 0 5% 0 10%;
    font-size: 0.917em;
}

@font-face {
    font-family: 'TCL';
    src: url('../../police/TCL-Regular.otf');
    src: url('../../police/TCL-regular-webfont.eot');
    src: url('../../police/TCL-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('../../police/TCL-regular-webfont.woff2') format('woff2'),
    url('../../police/TCL-regular-webfont.woff') format('woff'),
    url('../../police/TCL-regular-webfont.ttf') format('truetype'),
    url('../../police/TCL-regular-webfont.svg#tclregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ===================================================================
 * LAYOUT GENERAL
 * =================================================================*/
#document {
    overflow: hidden;
}
#corps {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    clear: both;
    position: relative;
}
#corps::before {
    content: url(images/bg-Y.png);
    background: transparent;
    top: 14vh;
    left: -276px;
    position: absolute;
    z-index: 0;
    transform: scale(0.6);
}
#corps::after {
    content: url(images/bg-A.png);
    background: transparent;
    top: 14vh;
    right: -330px;
    position: absolute;
    z-index: 0;
    transform: scale(0.6);
}
@media only screen and (max-width: 1498px) {
    #corps::before {
        left: -189px;
    }
    #corps::after {
        right: -230px;
    }
    #corps::before, #corps::after {
        transform: scale(0.4);
    }
}

#corps .clearContent {
    overflow: auto;
}
#corps .clearContent::after {
    content: "";
    clear: both;
    display: table;
}
/*Pages Internes*/
#colonneGauche {
    width:200px;
    float: left;
}
#colonneDroite {
    width: 200px;
    float: right;
    margin: 0 20px 25px;
    margin-bottom: 25px !important;
}
#contenu {
    width: 980px;
    float: left;
    position: relative;
}

.avecDeuxColonnes #contenu {
    width:540px;
    float: left;
}

#contenu p, #contenu h3, #contenu h4 {
    margin-bottom: 1em;
}
.tabContentLeft p, .tabContentLeft h3, .tabContentLeft h4,
.tabContentRight p, .tabContentRight h3, .tabContentRight h4
{
    margin-bottom: 0 !important;
}
.tabContentLeft
.avecDeuxColonnes #contenu {
    width:540px;
    float: left;
}
.avecColonneGauche #contenu {
    width:740px;
}
.avecColonneGauche #colonneGauche {
    float: right;
}
.avecColonneDroite #contenu {
    width: 740px;
}

/*Page d'accueil*/
#Accueil #corps {
    background-color: transparent;
}

#Accueil #contenu {
    width: 100%;
    padding:0;
    float: none;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
}
#Accueil #contenu .paragraphe {
    background-color: #fff;
    margin-bottom: 36px;
}
#Accueil #contenu .paragraphe h2 {
    position: relative;
}
#Accueil #contenu  .paragraphe.PRS_STANDARD {
    margin-bottom: 0;
    overflow: visible;
    padding: 1px;
}
#Accueil #contenu .paragraphe.PRS_STANDARD h2::before {
    content: " ";
    display: block;
    position: absolute;
    height: 82px;
    width: calc(100% + 80px);
    left: 0;
    bottom: -20px;
    right: 0;
    box-shadow: 1px 1px 10px #000;
    z-index: 0;
    margin: 0 -40px;

}
#Accueil #contenu .paragraphe h3 {
    background-image: none;
    color: #333333;
}
#Accueil #contenu .paragraphe .innerContent > p  {
   margin: 0;
}
#Accueil #contenu .paragraphe .innerContent > p > a > img {
    float: left;
}


#Accueil #contenu.TPL_MAGAZINEABO {
    padding: 20px;
}

#Accueil #colonneDroite {
    display: none;
}
/*Pages Filles*/
.tabContentLeft{
    width:200px;
    float: left;
}
.tabContentRight{
    width: 200px;
    float: right;
    margin: 0 20px;
}
.tabContentCenter{
    width: 980px;
    float: left;
    position: relative;
}
.avecColonneDroite .tabContentCenter,
.avecDeuxColonnes .tabContentCenter {
    width: 540px;
    position: relative;
}

.avecColonneGauche .tabContentCenter {
    width: 740px;
    position: relative;
    margin-bottom: 20px;
}
.avecColonneGauche .tabContentLeft {
    margin:0 20px;
}
.avecColonneDroite .tabContentRight {
    width: 400px;
}


/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
body {
    color: #333333;
    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    font-size: 75%;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    min-width: 100%;
    transition: opacity 0.4s;
    /*background: url("images/bg-sytral.png") no-repeat fixed center 30vh #003a57 !important;;*/
    background-color: #003a57 !important;
}/*
body::before {
    content: url(images/bg-Y.png);
    background: transparent;
    top: 50vh;
    left: 0;
    position: fixed;
    z-index: 0;
    transform: scale(0.8);
}
body::after {
    content: url(images/bg-A.png);
    background: transparent;
    top: 50vh;
    right: 0;
    position: fixed;
    z-index: -1;
    transform: scale(1);
}
@media only screen and (max-width: 1498px) {
    body::before, body::after {
        transform: scale(0.5);
    }
}
*/
a {
    color: #333;
    text-decoration: underline;
}
a:hover,
a:focus {
    color: #333;
    text-decoration: none;
}
.paragraphe ol {
    clear: both;
    font-size: 110%;
    padding-left: 30px;
}
.paragraphe table td {
    background: #E7E7E7;
    padding: 3px 6px;
}
.paragraphe table th {
    color: #000;
    padding: 3px 6px;
    text-transform: uppercase;
}
.PRS_STANDARD h2 {
    margin-bottom: 20px;
}
.TPL_ACTUALITE h2 {
    padding-left: 0;
    line-height: 34px;
}
.TPL_ACTUALITE h3 {

}
.PRS_STANDARD h5 {
    margin-bottom: 15px;
}
.PRS_STANDARD h3, .tpl_actualite h3 {
    background: url("images/ico_titre.png") no-repeat scroll left 3px transparent;
    padding-left: 20px;
    margin-bottom: 25px !important;
}
.PRS_STANDARD h3 + .innerContent {
    padding-top: 0;
}

.tpl_actualite div.recemment h3 {
    margin-bottom: 0;
}
.PRS_STANDARD h4, .tpl_actualite .descriptionActu h4 {
    display: block;
    text-align: left;
    padding: 0 20px;
    box-sizing: border-box;
    font-family: TCL;
    font-weight: 600;
    font-size: 21px;
    color: #0074AB;
    margin-bottom: 20px;
}

.fb-page,
.fb-page span,
.fb-page span iframe[style] {
    width: 100% !important;
}

#colonneDroite TPL_ACTUALITELISTEAUCHOIXPI h4, #colonneDroite .TPL_ACTUALITELISTEAUCHOIXPI h4 {
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 0;
    font-size: 18px;
    line-height: 24px;
}
.tpl_actualite .descriptionActu h4 {
    padding-left: 0;
    padding-right: 0;
    line-height: 26px;
}
h2 {
    font-family: TCL;
    color: #000;
    font-size: 28px;
    font-weight: bold;
    padding:0 0 20px 20px;
    letter-spacing: 1px;
}
h3 {
    font-family: TCL;
    font-size: 18px;
    font-weight:bold;
    color: #333333;
    letter-spacing: 1px;
}
h4 {
    font-family: 'Arial';
    color: #0074AB;
    font-size: 13px;
    font-weight: bold;
}
h5 {
    font-family: 'Arial';
    color: #000;
    font-size: 13px;
    font-weight:bold;
}
ol, ul {
    padding: 0;
    list-style-position: inside;
}
object {
    position: relative;
    z-index: 1;
}

#imageDataContainer {
    opacity: 1;
    position: relative;
    z-index: 150;
}
textarea, table {
    font-family: Arial, Helvetica,  sans-serif;
}
.obligatoire, .notice {
    color: #dc2c08;
}
.accrochePage {
    padding:0 20px;
}
.clearfix { clear:both; }

.btn {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-family: TCL;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    height: 40px;
    line-height: 1em;
    padding: 13px 30px;
    border-radius: 25px;
    box-sizing: border-box;
    background-color: #6d6f71;
    transition: all 0.3s;
}

.btn:hover,
.btn:focus {
    color: #fff;
    background-color: #a62e25;
}
/* ===================================================================
 * BANDEAU HAUT
 * =================================================================*/
.header {
    background-color: #605f5f;
    overflow: hidden;
    padding: 2px 0;
    line-height: 2em;
}
.headerInner {
    color: #fff;
    margin:0 auto;
    width: 980px;
}
.headerInner a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-top: 2px;
}
.header .liensAcces {
    float: left;
}
.header .liensAcces a:first-child{
    margin-right: 25px;
}

.header .SiteAnglais {
    float: left;
    margin: 0 50px;
}
.header .pgs {
    float: right;
    width: 870px;
}
.header .pgs a{
    left: 1%;
    margin-bottom: 5px;
    margin-left: 10px;
    padding: 0 10px;
    position: relative;
}
.header .pgs a.lienOpgs{
    -moz-box-shadow: 0 2px 2px 0 #474747;
    -webkit-box-shadow: 0 2px 2px 0 #474747;
    -o-box-shadow: 0 2px 2px 0 #474747;
    box-shadow: 0 2px 2px 0 #474747;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
}
.header .pgs a.rss span {
    float: left;
    margin-right: 5px;
}
.header .pgs a.rss img{
    float: left;
    margin-top: -1px;
}
#champRecherche {
    float: right;
    margin-left: 10px;
    display: block;
    position: relative;
    top: 2px;
}
#searchString {
    background: url("images/recherche.gif") no-repeat scroll left top transparent;
    border: 0 none;
    float: left;
    height: 21px;
    line-height: 21px;
    margin: 0;
    padding: 2px 5px;
    width: 120px;
}
#searchSubmit {
    background: url("images/btnrecherche.gif") no-repeat scroll left top transparent;
    border: 0 none;
    float: left;
    height: 23px;
    margin: 0;
    text-indent: -999px;
    width: 24px;
}
.slogan {
    font-style: italic;
    background: url("images/slogan.png") no-repeat scroll right top transparent;
    color: #cf392e;
    float: right;
    font-size: 1.167em;
    font-weight: bold;
    height: 10px;
    padding-right: 450px;
    padding-top: 20px;
    text-align: right;
    text-transform: uppercase;
    width: 942px;
    right:0;
    margin:67px 0 0px 0px;
    font-family: Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif;
}

.enUnClick {
    position: absolute;
    left: 100%;
    margin-left: 10px;
    width: 110px;
    height: 100%;
}
.enUnClick .inner {
    position: fixed;
    width: 110px;
    top: 175px;
    box-sizing: border-box;
    display: block;
    border-radius: 6px;
    background: url("images/ico_enUnClick.png") no-repeat left 50% top 17px #e6e6e6;
    padding-top: 61px;
    padding-bottom: 20px;
    z-index: 10;
}
.enUnClick ul {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
}
.enUnClick ul li {
    display: block;
    background: #fff;
    margin-bottom: 1px;
    transition: all 0.3s;
}
.enUnClick ul li:hover {
    background-color: #48DC6D;
}
.enUnClick ul li:hover a {
    color: #000;
}
.enUnClick ul li a {
    text-align: center;
    text-decoration: none;
    display: block;
    width: 100%;
    padding: 18px 5px;
    box-sizing: border-box;
    font-family: TCL;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    text-transform: uppercase;
    transition: all 0.3s;
}
.enUnClick ul li:last-child {
    margin-bottom: 0;
}

#bandeauHaut, #alerteBandeau {
    overflow: hidden;
    width: 100%;
    max-width: 980px;
    margin: 15px auto;
}

#alerteBandeau img {
    width: 100%;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.bandeauHautInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.bandeauHautInner p {
    color: #fff;
    font-family: TCL;
    font-weight: 300;
    font-size: 18px;
    line-height: 1em;
    margin-left: 50px;
    flex-grow: 1;
}
#bandeauHaut #champRecherche {
    background: #FFF;
    float: right;
    margin: 77px 0 0;
    padding: 5px 5px 0;
}
#bandeauHaut #champRecherche #searchSubmit {
    background: #3C5197 url(images/btnForms_fond.png) repeat-x left bottom;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 110%;
    font-weight: bold;
    padding: 2px;
    text-transform: uppercase;
}
#bandeauHaut #champRecherche #searchString {
    background: #E9E8DE;
    border: none;
    border-bottom: 1px solid #C5C3B8;
    font-size: 110%;
    padding: 3px;
    width: 150px;
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

input[type="search"]:focus {
    outline: none;
}
#searchSubmit:focus {
    outline: none;
}

/*MENU HORIZONTALE*/
#menu {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    align-items: stretch;
    background-color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
}
#menu #searchForm {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% - 70px);
    box-sizing: border-box;
}
#menu #searchForm > div {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 70px;
}
#menu #searchForm > div #searchString {
    display: block;
    width: 100%;
    height: 70px;
    background: #fff;
    box-sizing: border-box;
    font-family: Arial;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 1em;
    padding: 26px 40px;
    padding-right: 80px;
    border-top-left-radius: 5px;
}
#menu #searchForm > div #searchString::placeholder {
    color: #9a9a9a;
}
#menu #searchForm > div #searchSubmit {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 70px;
    cursor: pointer;
    background: url("images/ico_searchSubmit.png") no-repeat center center transparent;
}
#menu .right {
    height: 100%;
    background-color: #000;
    border-top-right-radius: 5px;
    font-size: 0;
}
#menu .lienMag {
    background: url("images/ico_mobileMag.png") no-repeat center center #48DC6D;
    height: 70px;
    padding: 0;
    margin: 0;
    width: 150px;
    font-size: 0;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s;
}
#menu .right #searchBtn {
    border-top-right-radius: 5px;
    background: url("images/ico_search.png") no-repeat center center #1A689A;
    width: 70px;
    height: 70px;
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    cursor: pointer;
    transition: all 0.3s;
}
#menu .right #searchBtn.opened {
    background: url("images/ico_closeSubmit.png") no-repeat center center #1A689A;
}
#menu .right #searchBtn:hover {
    opacity: 0.8;
}
#menu .right .lienMag:hover {
    opacity: 0.8;
}
#menu ul {
    display: block;
    list-style: none;
    padding: 0 10px;
    padding-left: 0;
    margin: 0;
}
#menu .enUnClick ul {
    padding: 0;
}
#menu > ul > li {
    display: inline-block;
    vertical-align: middle;
    height: 70px;
    padding: 0;
    margin: 0;
}
#menu > ul > li:first-child > a {
    border-top-left-radius: 5px;
    padding-left: 20px;
}
#menu > ul > li > a {
    display: block;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    font-family: TCL ;
    font-weight: bold;
    background: #fff;
    color: #333333;
    font-size: 14px;
    line-height: 1em;
    padding: 28px 10px;
    box-sizing: border-box;
    letter-spacing: 1px;
    transition: all 0.3s;
}
#menu > ul > li > a:hover, #menu > ul > li.active > a {
    color: #0074AB;
}
#menu > ul > li.active > a {
    background: #efefef;
}
#menu > ul > li > .sousMenu {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    background-color: #efefef;
    z-index: 10;
    padding: 0 10px;
}
#menu > ul > li > .sousMenu > ul {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 35px 0;
}
#menu > ul > li > .sousMenu > ul > li {
    flex-basis: 23%;
    min-width: 23%;
    box-sizing: border-box;
    margin: 0 1% 20px;
}
#menu > ul > li > .sousMenu > ul > li > a {
    text-decoration: none;
    transition: all 0.3s;
    display: flex;
    align-items: center;
}
#menu > ul > li > .sousMenu > ul > li > a:hover {
    color: #0074AB;
}
#menu > ul > li > .sousMenu > ul > li > span,
#menu > ul > li > .sousMenu > ul > li > a > span {
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    width: 100%;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 14px;
}
#menu > ul > li > .sousMenu > ul > li > ul {
    padding: 0;
    margin-top: 8px;
}
#menu > ul > li > .sousMenu > ul > li > ul li {
    display: block;
}
#menu > ul > li > .sousMenu > ul > li > ul li:not(:last-child) a {
    border-bottom: 1px solid #d3d3d3;
}
#menu > ul > li > .sousMenu > ul > li > ul a {
    text-decoration: none;
    font-family: 'Arial';
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    color: #333333;
    display: block;
    padding: 12px 0;
    text-transform: inherit;
    transition: all 0.3s;
}
#menu > ul > li > .sousMenu > ul > li > ul a:hover {
    color: #0074AB;
}
#menu a.external::before {
    content: url("images/external.png");
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    line-height: 0;
}
.arianebloc {
    margin: 0 auto;
    width:940px;
    padding: 20px;
    overflow: hidden;
}

.fo_contenuOnglet .tabs,
.arianneInnerOnglet ,
#contenu .innerOnglet { background: #DED5D6 ;}

.arianebloc .ariane {
    list-style: none;
}
.arianebloc .ariane a {
    font-family: 'Arial';
    font-weight: 400;
    font-size: 14px;
    color: #333;
    text-decoration: none;
}
.arianebloc .ariane li {
    float: left;
    font-family: 'Arial';
    font-weight: 400;
    font-size: 14px;
    color: #333;
}
.arianebloc .ariane li .separateur {
    margin:0 10px;
}

#toolbar {
    position: absolute;
    right:10px;
    bottom: 0;
    width: 160px;
}
#toolbar a {
    float: left;
}

.fancybox-container .fancybox-button {
    background-color: #cf392e;
}
.fancybox-container .fancybox-button svg {
    transform: scale(1.5);
}
.fancybox-container.fancybox-is-open .fancybox-bg {
    opacity: .5;
}

.imgHover {
    position: relative;
    display: inline-block;
}
.imgHover:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0);
    transition: 300ms ease-in-out;
}
.imgHover:hover:after,
.imgHover:focus:after {
    background-color: rgba(0, 0, 0, 0.2);
}

/* ===================================================================
 * BANDEAU BAS
 * =================================================================*/
.bandeauBas {
    background-color: #fff;
    overflow: hidden;
    max-width: 980px;
    margin: 0 auto 60px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-sizing: border-box;
    padding: 30px 20px 60px;
    box-sizing: border-box;
    border-top: 3px solid #a7a7a7;
}
.bandeauBas .bandeauBasInner {
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
}
.footer {
    background: url(images/footer.png) left top repeat-x transparent;
    height: 29px;
    clear: both;
    max-width: 980px;
    margin: 0 auto;
}
.footerInner {
    margin: 0 auto;
    width:980px;
    padding: 4px 0;
    position: relative;
}
.footerInner a{
    color: #000;
    text-decoration: none;
    margin-right: 15px;
}

.footerInner a:hover {
    text-decoration: underline;
}
.footerInner .copy{
    float: right;
}

.footer .footerInner .accesMediatheque {
    background: none repeat scroll 0 0 #a6a0a0;
    height: 25px;
    right: 32%;
    position: absolute;
    top: 0;
    line-height: 2.3;
    width:101px;
    -moz-box-shadow: 0 2px 2px 0 #474747;
    webkit-box-shadow: 0 2px 2px 0 #474747;
    -o-box-shadow: 0 2px 2px 0 #474747;
    box-shadow: 0 2px 2px 0 #474747;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#474747, Direction=134, Strength=5);
}
.footer .footerInner .accesMediatheque img{
    left: 5px;
    position: relative;
    top: 2px;
}

.footer .footerInner .accesMediatheque .lienMediatheque {
    font-weight: bold;
    padding-left: 9px;
    position: absolute;
}

.bandeauBas .bottom {
    background: #fff;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.bandeauBas .bottom > div {
    flex-basis: 280px;
    max-width: 280px;
}
.bandeauBas .bottom > div.gauche h2 {
    font-family: TCL;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #333333;
    padding: 0;
    letter-spacing: 0.5px;
    margin: 0 0 15px;
}
.bandeauBas .bottom > div.gauche h3 {
    font-family: TCL;
    font-weight: bold;
    color: #6d6f71;
    font-size: 14px;
    padding: 0;
    letter-spacing: 0.5px;
    margin: 0 0 20px;
}
.bandeauBas .bottom > div.gauche p {
    font-family: Arial;
    font-weight: 400;
    font-size: 15px;
    color: #6d6f71;
}
.bandeauBas .bottom > div.central {
    flex-basis: 140px;
    max-width: 140px;
    margin-top: 33px;
}
.bandeauBas .bottom > div.central > a {
    display: block;
    text-decoration: none;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    font-family: TCL;
    margin-bottom: 4px;
    letter-spacing: 0.1px;
}
.bandeauBas .bottom > div.central > div a {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    font-family: TCL;
    margin-bottom: 4px;
    letter-spacing: 0.1px;
    color: #0074AB;
}
.bandeauBas  .bottom .logoBas {
    left: 15px;
    position: absolute;
    top: 25px;
}
.bandeauBas .bottom .sytral{
    font-family: TCL;
    font-size: 13px;
    left: 20px;
    position: absolute;
    top: 130px;
    width: 265px;
}
.bandeauBas .bottom .right {
    margin-top: 33px;
}
.bandeauBas .bottom .right .titreSocial {
    font-family: TCL;
    font-weight: 600;
    font-size: 14px;
    color: #6d6f71;
    letter-spacing: 0.5px;
}
.bandeauBas .bottom .right .titreSocial b {
    font-family: 'TCL';
    font-weight: 300;
    color: #0074AB;
    font-size: 21px;
    letter-spacing: 0;
}
.bandeauBas .bottom .right ul {
    margin-left: 0;
    margin-right: 0;
    list-style: none;
    width: 100%;
    display: flex;
    gap: 20px;
}
.bandeauBas .bottom .right ul + ul  {
    margin-top: 20px;
}
.bandeauBas .bottom .right ul li {
    vertical-align: middle;
    width: 33.333% ;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bandeauBas .bottom .right ul li a {
    font-size: 0;
    display: block;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background: url(images/icoFB.png) left top repeat-x transparent;
}
.bandeauBas .bottom .right ul li a.TW {
    background: url(images/icoTW.png) left top repeat-x transparent;
}
.bandeauBas .bottom .right ul li a.YT {
    background: url(images/icoYT.png) left top repeat-x transparent;
}
.bandeauBas .bottom .right ul li a.RSS {
    background: url(images/icoRSS.png) left top repeat-x transparent;
}
.bandeauBas .bottom .right ul li a.IG {
    background: url(images/icoIG.png) left top repeat-x transparent;
}
.bandeauBas .bottom .right ul li a.LI {
    background: url(images/icoLI.png) left top repeat-x transparent;
}

.sytral > span {
    margin-right: 5px;
    position: relative;
    top: -10px;
}
.sytral a > img {
    position: relative;
    top: 5px;
}

.bandeauBas  .bottom .suivez_nous{
    left: 20px;
    position: absolute;
    top: 220px;
}

.bandeauBas  .bottom .suivez_nous span{
    font-family: TCL;
    font-size: 20px;
    position: absolute;
    top: -30px;
}

.bandeauBas  .bottom .suivez_nous img {
    padding : 0 1px;
}

.bandeauBas .bottom ul {
    width: 150px;
    float: left;
    margin-right: 10px;
    list-style: none;
    margin-top: 30px;
    margin-left: 10px;
}
.bandeauBas .bottom .niv1 {
    margin-bottom: 20px;
}
.bandeauBas .bottom .niv1 a {
    font-weight: bold;
    color:#333333;
}
.bandeauBas .bottom .niv2{
    margin-bottom: 2px;
}
.bandeauBas .bottom a {
    text-decoration: none;
}
.bandeauBas .top {
    margin-bottom: 30px;
}
/* ===================================================================
 * COLONNE GAUCHE
 * =================================================================*/
#colonneGauche {}

.tpl_actualiteListeCategorie {
    background: #fff;
}
.tpl_actualiteListeCategorie .inner {
    background: #eee;
}
.tpl_actualiteListeCategorie h3 {
    background: url("images/categorieActus.png") no-repeat scroll right top #58585a;
    color: white;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 2px;
    padding: 3px 10px 4px;
}

#colonneGauche h3.titreMenu {
    background: #fd333a;
    color: white;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 2px;
    padding: 3px 10px 4px;
}
#colonneGauche ul#menuGauche li a { text-decoration: none;}
#colonneGauche ul#menuGauche li a:hover { text-decoration: underline;}

.tpl_actualiteListeCategorie  ul,
ul#menuGauche {
    padding: 0 0 10px;
    padding: 0;
    list-style: none;
    background: #efefef;
}
.tpl_actualiteListeCategorie  ul li,
ul#menuGauche li {
    min-height: 30px;
    padding: 5px 0;
}
.tpl_actualiteListeCategorie  ul li a,
ul#menuGauche li a {
    color: #333;
    display: block;
    padding: 0 10px;
    text-decoration: none;
}
ul#menuGauche li.selected,
ul#menuGauche li:hover {
    background: #F2F6F8;
}
ul#menuGauche li.selected a,
.tpl_actualiteListeCategorie  ul li.cat_select a,
.tpl_actualiteListeCategorie  ul li a:hover,
ul#menuGauche li a:hover {
    text-decoration: underline;
}

/* menu niveau 2 */
ul#menuGauche ul.menuNiv2 {
    margin: 0 0 12px 0;
    list-style: none;
}
ul#menuGauche ul.menuNiv2 a {
    background: #D2D0C7;
    display: block;
    font-weight: normal;
    margin-bottom: 2px;
    padding: 5px 10px;
    text-transform: none;
}
ul#menuGauche ul.menuNiv2 a:hover {
    background: #C5C3B8;
}

/* menu niveau 3 */
ul#menuGauche ul.menuNiv3 {
    margin: 0 0 12px 0;
}
ul#menuGauche ul.menuNiv3 a {
    background: #D2D0C7;
    display: block;
    font-weight: normal;
    margin-bottom: 2px;
    padding: 5px 10px;
    text-transform: none;
}
ul#menuGauche ul.menuNiv3 a:hover {
    background: #C5C3B8;
}
ul#menuGauche ul.menuNiv3 li {
    border-left: 10px solid #E8B10A;
    margin: 0 0 0 10px;
}

ul#menuGauche {
    margin: 0 0 20px ;
    background: #fff;
}

ul#menuGauche li {
    border-bottom: 1px dotted #000;
    list-style-image: none;
    margin: 0;
    padding: 10px 25px 5px;
    position: relative;
    text-indent: 0;
}
ul#menuGauche li img.separateur{
    left: 10px;
    position: absolute;
    top: 15px;
}
ul#menuGauche li:last-child {
    /*border-bottom: none;*/
}
ul#menuGauche li a {
    color: #474948;
    display: block;
    font-family: TCL;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    text-decoration: none;
    top: 1px;
}

/* ===================================================================
 * CONTENU
 * =================================================================*/

.paragraphe {
    margin-bottom: 0px;
    overflow: hidden;
}
/* ===================================================================
 * COLONNE DROITE
 * =================================================================*/
#colonneDroite { }

/* ===================================================================
 * FORMULAIRES
 * =================================================================*/
.groupeQuestion,
fieldset {
    border: 0;
    margin-bottom: 20px;
    padding: 10px;
    background-color:#f7f5f5;
}
fieldset legend {
    color: #333;
    font-size: 1em;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 30px;
}
textarea {
    font-size: 1em;
}
input, textarea,select {
    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    background: #F8F8F4;
    border: 1px solid #e2e3ea;
    border-top:1px solid #abadb3;
    background: none repeat scroll 0 0 #FFFFFF;
}
input.case {
    border: none;
    background-color: transparent;
}
.paragraphe form p {
    clear: both;
    margin: 0;
    padding: 5px 0;
}
.paragraphe p label {
    float: left;
    font-weight: bold;
    padding-right: 3%;
    text-align: right;
    width: 27%;
}
.paragraphe p label.enLigne {
    display: inline;
    float: none;
    margin-left: 5px;
}
span.submit {
    background: none;
}
.TPL_FORMULAIRE span.submit {
    width: auto;
    margin-left: 30%;
}
input.submit {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-family: TCL;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    width: 200px;
    height: 40px;
    line-height: 1em;
    padding: 13px 10px;
    border-radius: 25px;
    border: none;
    box-sizing: border-box;
    background-color: #333333;
    transition: all 0.3s;
    margin: 0 auto;
    cursor: pointer;
}
input.submit:hover {
    background-color: #000;
}
form p.action {
    text-align: right;
}
.groupeQuestion {
    margin-bottom: 10px;
}

form .tooltip {
    width: 260px;
    position:absolute;
    display:block;
    padding:0px;
    z-index:3;
    background: #F8F8F4;
    border: 1px solid #d9d7c3;
}
form .tooltip span {
    display:block;
    width:240px;
    padding:10px;
}
form a.tooltiptrigger {
    text-decoration: none;
    margin:0px 2px;
    padding:0px;
    width:14px;
    height:14px;
    position:relative;
    top:3px;
}
form a.tooltiptrigger:hover {
    text-decoration: none;
}
form a.tooltiptrigger img {
    border:none;
    margin:0;
}

form .mention_cnil {
    font-style: italic;
    margin-top: 40px;
}

/* ===================================================================
 * BLOC DE NAVIGATION
 * =================================================================*/
.blocNavigation {
    border-bottom: 0;
    margin-bottom: 15px;
    padding-bottom: 10px;
    text-align: center;
    overflow: hidden;
}
.resultatNavigation {
    color: #000000;
    float: left;
    font-size: 1em;
    font-weight: normal;
    margin: 5px 0;
}
.regletteNavigation {
    float: left;
    margin: 5px 0 5px 20px;
}
.regletteNavigation span  {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #000000;
    padding: 2px;
}
.regletteNavigation span a  {
    color: #000000;
    padding: 0 2px;
    text-decoration: none;
}
.regletteNavigation span strong {
    color: #0074AB;
    margin: 2px;
}

/* ===================================================================
 * LISTE
 * =================================================================*/
.liste {
    border-bottom: 1px solid #CCCCCC;
    list-style: none;
    margin: 0;
    padding: 0;
}
.liste .item {
    background: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    font-size: 85%;
    margin: 0;
    padding: 10px;
}
.liste .item .accroche {}
.liste .item .date {
    font-size: 95%;
    font-style: italic;
}
.liste .item .titre {}

.liste .alt0 {
    background: #EEEEEE;
}
.liste .alt1 {
    background: #FFFFFF;
}
.liste .first {}

/* ===================================================================
 * TEMPLATES
 * =================================================================*/


/* Plan du site */
.tpl_plansite {
    padding:20px;
}
.tpl_plansite a {
    text-decoration: none;
}
.tpl_plansite a:hover {
    text-decoration: underline;
}
.tpl_plansite ul {
    list-style: none;
}
.tpl_plansite ul li {
    background: url(images/puceSousMenu.png) left 4px no-repeat transparent;
    padding-left: 15px;
}
.tpl_plansite ul li span.lvl1,
.tpl_plansite ul li a {
    font-size: 1.167em;
    font-weight: bold;
    color: #333;
}
.tpl_plansite ul li ul {
    list-style: disc;
    margin:10px 20px;
}
.tpl_plansite ul li ul li{
    background: none;
    padding-left: 0;
}
.tpl_plansite ul li ul li a{
    font-size: 1em;
    font-weight: normal;
}
.tpl_plansite ul li ul li ul {
    list-style: square;
}
/* Recherche */
.TPL_RECHERCHE ul {
    list-style: none;
}
.tpl_recherche {
    display: block;
    margin: 0 auto;
}
.TPL_RECHERCHE form p {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
}
.TPL_RECHERCHE form p #tpl_rechercheSearchStringInputID {
    flex-grow: 1;
    display: block;
    height: auto;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: auto;
    font-size: 16px;
}
.TPL_RECHERCHE .tpl_rechercheInfosResultat {
    display: block;
    max-width: 720px;
    margin: 0 auto 20px;
}
.TPL_RECHERCHE form p span.submit {
    float: none;
    margin-left: 20px;
    padding: 5px 10px;
    border-radius: 5px;
    background: #777;
}
.TPL_RECHERCHE form p span.submit input {
    background: none;
    padding: 0;
}
.TPL_RECHERCHE form {
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    max-width: 720px;
}
.tpl_rechercheInfosResultat p {
    font-style: italic;
    margin-bottom: 30px;
}
#tpl_rechercheSearchStringInputID {
    width: 240px;
    padding: 0 5px;
    height: 25px;
}
.tpl_rechercheAdvancedSearchResult {
    margin:0 20px;
}
.tpl_rechercheAdvancedSearchResult .page,
.tpl_rechercheAdvancedSearchResult .actualite {
    padding:10px 0 20px 0;
    border-bottom: 1px solid #dfdfdf;
}
.tpl_rechercheAdvancedSearchResult h5,
.tpl_rechercheAdvancedSearchResult h4{
    margin-bottom: 5px;
}
.tpl_rechercheAdvancedSearchResult h4 a {
    color: #0074AB
    text-decoration: none;
    margin-bottom: 0;
}
.searchFilterContainer .colgauche{
    width: 100%;
}
.searchFilterContainer .coldroite{
    width: 48%;
    float: right;
}
.withColDroite .searchFilterContainer .colgauche{
    width: 48%;
    float: left;
}
.searchFilterContainer .mediaGroupContainer h4{
    padding: 3px 0 20px 55px;
    margin-bottom: 0 !important;
}
.searchFilterContainer .mediaGroupContainer h4.video {
    margin-top:10px;
}
.mediaGroupContainer .searchResultsContainer h4{
    padding:0;
    margin-bottom: 0 !important;
}
.searchFilterContainer .mediaGroupContainer h4.diapo {
    background: url(images/mediaRechercheDiaporama.png) left top no-repeat transparent;
    font-size:1.334em;
    margin-bottom: 0 !important;
}
.searchFilterContainer .mediaGroupContainer h4.publication {
    background: url(images/mediaRecherchePublication.png) left top no-repeat transparent;
    font-size:1.334em;
    margin-bottom: 0 !important;
}
.searchFilterContainer .mediaGroupContainer h4.infographie {
    background: url(images/mediaRecherchePhoto.png) left top no-repeat transparent;
    font-size:1.334em;
    margin-bottom: 0 !important;
}
.searchFilterContainer .mediaGroupContainer h4.video {
    background: url(images/mediaRechercheVideo.png) left top no-repeat transparent;
    font-size:1.334em;
    margin-bottom: 0 !important;
}
.mediaGroupContainer .searchResultsContainer  ul{
    overflow: hidden;
}
.mediaGroupContainer .searchResultsContainer  ul li.video {
    width: 140px;
    float: left;
    margin-bottom: 20px;
    margin-right: 10px;
}
.searchResultsContainer ul > li+li+li+li{
    clear: left;
}
.searchResultsContainer ul > li+li+li+li+li {
    clear:none;
}
.searchResultsContainer .resultatNavigation{
    font-style: italic;
}
.searchResultsContainer .lirelasuite { background: url("images/ico_arrowSoeur.png") no-repeat scroll right 4px transparent; padding-right: 11px;}


/* Recherche avancée template (Media, Presse,...) : Généralités */
.tplRechercheAvancee {}
.tplRechercheAvancee fieldset{ background: none; }
.tplRechercheAvancee .rechercheAvanceeWrapper {width:930px; height: 28px; padding:10px; background: transparent url(images/rechercheMediasFormHeader.png) no-repeat center top; margin: 10px 20px 20px;}
.tplRechercheAvancee .rechercheAvanceeWrapper.formOpen {width:950px; min-height: 325px; padding:0px; }
.tplRechercheAvancee .rechercheAvanceeWrapper.formOpen .rechercheAvanceeContainer { width:950px; min-height: 238px; padding:0px; background: transparent url(images/rechercheMediasFormOpenBottom.png) no-repeat center bottom ; }
.tplRechercheAvancee .rechercheAvanceeWrapper.formOpen .rechercheAvanceeInner { width:930px; min-height: 228px; padding:10px 10px 0px; background: transparent url(images/rechercheMediasFormOpenTop.png) no-repeat center top;}
.tplRechercheAvancee .showhide { cursor: pointer; }
.tplRechercheAvancee .showhide img { width:24px; height:24px; vertical-align: text-bottom; }
.tplRechercheAvancee hr { height:0px; border:none; }
.tplRechercheAvancee .keywordslabel { font-weight:normal; font-size:0.8em; }
.tplRechercheAvancee .options { overflow: hidden; }
.tplRechercheAvancee .option {float: left; margin-right: 20px;overflow: hidden;}
.tplRechercheAvancee .option p {padding:0;}
.tplRechercheAvancee .optioncategorie {  }
.tplRechercheAvancee .optioncategorieP { clear: none; float: left; }
.tplRechercheAvancee .option label { float: none; display:inline; font-weight: normal;text-align: left; width: 80%; }
.tplRechercheAvancee .blocDate label { width: 20px; float: left;}
.tplRechercheAvancee .btnRechercher {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-family: TCL;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    width: 130px;
    height: 40px;
    line-height: 1em;
    padding: 13px 10px;
    border-radius: 25px;
    box-sizing: border-box;
    background-color: #333;
    transition: all 0.3s;
    cursor: pointer;
    border: none;
}
.tplRechercheAvancee .btnRechercher:hover {
    background-color: #000;
}

.tplRechercheAvancee .item {
    margin-bottom: 10px;
    min-height: 130px;
}
.tplRechercheAvancee .item .rouge{
    bottom: 2px;
    color: #0074AB;
    margin-right: 4px;
    position: relative;
}

.tplRechercheAvancee .item .vignette{
    float: left;
    margin-right: 10px;
    position: relative;
}

.tpl_mediaRecherche .item .vignette .calque {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}

.calqueVideo ,
.tpl_mediaRecherche .item .vignette .calqueVideo {
    background: url(images/media_play_video.png) 50% 50% no-repeat transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    cursor: pointer;
}
.calqueImage ,
.tpl_mediaRecherche .item .vignette .calqueImage {
    background: url(images/media_play_publication.png) 50% 50% no-repeat transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    cursor: pointer;
}
.calquePublication ,
.calqueProjet,
.tpl_mediaRecherche .item .vignette .calquePublication {
    background: url(images/media_play_diaporama.png) 50% 50% no-repeat transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    cursor: pointer;
}



.tplRechercheAvancee .item .vignette img,
.tplRechercheAvancee .item .vignette a img{
    -moz-box-shadow: 0 2px 2px 0 #474747;
    -webkit-box-shadow: 0 2px 2px 0 #474747;
    -o-box-shadow: 0 2px 2px 0 #474747;
    box-shadow: 0 2px 2px 0 #474747;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
}

.tplRechercheAvancee .item .date{
    float: left;
    margin-right: 10px;
    font-family: TCL;
}

.tplRechercheAvancee .item .libelle{
    font-weight: bold;
}

.tplRechercheAvancee .item .description{
    margin-top: 10px;
    color: #232323;
}

/* Actualite */
.tpl_actualiteListeCategorie p {
    background: none repeat scroll 0 0 #efefef;
    font-weight: bold;
    padding: 5px;
    text-align: right;
    height:20px;
}
.tpl_actualiteListeCategorie p a {
    text-decoration: none;
}
/*A LA UNE*/
.tpl_actualiteRecente {
    position: relative;
    overflow: hidden;
    margin: 20px;
}
.tpl_actualiteRecente .content {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 320px;
}
.tpl_actualiteRecente .inner {
    background: url(images/actuALaUne.gif) left bottom repeat-x #dbdbdb;
    float: right;
    padding: 20px;
    width: 270px;
    clear: both;
}
.tpl_actualiteRecente h3 {
    color: #000;
    font-size: 1.334em;
    padding:10px 30px;
    clear: both;
}
.tpl_actualiteRecente h2 {
    font-size: 1.167em;
    color: #fff;
    background-color: #58585A ;
    margin: 0;
    padding: 5px 10px;
    float: right;
    width: 290px;
}
.tpl_actualite .lirelasuite,
.tpl_actualiteListeAuxChoix .lirelasuite,
.tpl_actualiteRecente .lirelasuite,
.tpl_actualiteListe .lirelasuite,
.tpl_presse .presse .lirelasuite,
.TPL_ACTUALITESOMMAIRE .lirelasuite,
.TPL_ACTUALITELAST .lirelasuite,
.tpl_actualiteBreve .lirelasuite,
.tpl_actualiteRecente .lirelasuite {
    display: block;
    float: right;
    margin: 10px 0;
    padding-left: 10px;
    text-decoration: underline;
    background: url(images/lirelasuite.png) left 4px no-repeat transparent;
}
.tpl_actualiteRecente .date {
    font-weight: bold;
}
.tpl_actualiteRecente .autreLiens {
    clear: both;
    list-style: none outside none;
}
.tpl_actualiteRecente a.autreLiens{
    background: url("images/puceSousMenu.png")  no-repeat scroll 105px 3px transparent;
    color: #fff;
    font-weight: bold;
    padding: 0 0 0 115px;
    text-transform: uppercase;
}
/*tpl_actualiteBreve*/
.tpl_actualiteBreve {
    background: #fff;
}
.tpl_actualiteBreve .inner {
    padding: 0;
}
.tpl_actualiteBreve h3 {
    background: url(images/breves_colonnage.png) no-repeat scroll 165px 0 #58585a;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    padding: 2px 10px 5px;
    margin : 0 0 3px;

}
.tpl_actualiteBreve .actualite {
    background-color: #EEEEEE;
    overflow: hidden;
    padding: 10px;
    margin: 0 0 5px;
}
.tpl_actualiteBreve .date{
    color: #49B170;
    font-size: 1em;
    font-weight: bold;
}
.tpl_actualiteBreve h4 {
    color: #000;
    margin-bottom: 0 !important;
}
.tpl_actualiteBreve a {
    color: #49B170;
}
.tpl_actualiteBreve a.lirelasuite {
    padding: 0px;
    background-image: none ;
    float: left;
    margin: 5px 0 0;
}
.tpl_actualiteBreve a:hover.lirelasuite {
    text-decoration: none ;
}

.button {
    width:140px;
    height:40px;
}
.button a {
    display:block;
    padding:5px 10px;
    width:120px;
    height:30px;
    color:white;
    text-decoration:none;
    background: #fb0b26 url(images/bgButtonOut.png) no-repeat 0 0;
}
.button a:hover {
    background: #828282 url(images/bgButtonOver.png) no-repeat 0 0;
}


/*TPL_ACTUALITELAST*/
.TPL_ACTUALITELAST {
    position:relative;
    z-index:1;
    padding-bottom:5px;
}
#contenu .TPL_ACTUALITELAST h3 {
    color: #000;
    float:left;
    margin-bottom:0;
}
#contenu .TPL_ACTUALITELAST h3:first-letter {
    font-size:1.55em;
}
.TPL_ACTUALITELAST .innertpl {
    clear:both;
    width:697px;
    min-height:200px;
    background-color: #eeeeee;
}
.TPL_ACTUALITELAST .innertpl .paginator { height:27px; float:right; margin: 8px 3px 2px 0px; }
.TPL_ACTUALITELAST .innertpl .paginator a {
    background:transparent url(images/actualitesNav.png) no-repeat 0 0;
    display:block;
    float:left;
    margin: 0 6px 0 0;
    height:21px;
    width:29px;
    color:#13386d;
    text-decoration:none;
    text-align:center;
    line-height:1em;
    padding: 5px 0px 0px;
}
.TPL_ACTUALITELAST .innertpl .paginator a:hover,
.TPL_ACTUALITELAST .innertpl .paginator a.selectedItem {
    background-position:0px -27px;
    width:24px;
    height:16px;
    color:#fefefe;
    padding:5px 4px 3px 1px;
}
.TPL_ACTUALITELAST .innertpl .paginator a.control {
    padding: 2px 0px 3px;
}
.TPL_ACTUALITELAST .innertpl .paginator a.control:hover,
.TPL_ACTUALITELAST .innertpl .paginator a.control.selectedItem {
    padding:2px 4px 3px 1px;
}
.TPL_ACTUALITELAST .innertpl .paginator a.control span {
    background:transparent url(images/actualitesNavControl.png) no-repeat 0 0;
    text-indent: -2000em;
    height:16px;
    width:16px;
    display:block;
    margin:0px 4px;
}
.TPL_ACTUALITELAST .innertpl .paginator a.control:hover span{
    background-position: 0 -16px;
}
.TPL_ACTUALITELAST .innertpl .paginator a.control.selectedItem span,
.TPL_ACTUALITELAST .innertpl .paginator a.control.selectedItem:hover span {
    background-position: 0 -48px;
}
.TPL_ACTUALITELAST .items {
    clear:both;
    overflow: hidden;
    width:660px;
    margin:0 17px 0 20px;
}
.TPL_ACTUALITELAST .item {
    width:660px;
}
.TPL_ACTUALITELAST .button {
    position:absolute;
    bottom:0px;
    right:0px;
    z-index:2;
}
.tpl_actualiteListe h4 , .tpl_actualite .recemment h4{
    text-transform: uppercase;
}

.TPL_ACTUALITELAST .imgWrapper {float:left;}

#contenu .TPL_ACTUALITELAST h4 {
    font-weight:normal;
    color:black;
    text-transform: uppercase;
    margin-bottom:1.2em;
}
#contenu .TPL_ACTUALITELAST .accrocheActu {
    margin-bottom: 0;
}
.TPL_ACTUALITELAST .lirelasuite {
    float:left;
    margin: 0 0 10px;
}

.tpl_actualiteListeAuxChoix .actualite:first-child,
.tpl_actualiteRecente .actualite:first-child,
.tpl_actualiteListe .actualite:first-child {
    background: none;
}
.tpl_actualiteListeAuxChoix .actualite,
.tpl_actualiteRecente .actualite,
.tpl_presse .presse .item,
.tpl_actualiteListe .actualite,
.TPL_ACTUALITESOMMAIRE .actualite {
    padding: 20px 0 10px;
    background: url("images/separationFondTransparent.png") repeat-x scroll center top transparent;
    overflow: hidden;
    clear:both;
}
.tpl_actualiteRecente .date,
.TPL_ACTUALITESOMMAIRE .date,
.TPL_ACTUALITELAST .date {
    color: #0074AB;
}
.tpl_actualiteListeAuxChoix h5,
.tpl_actualiteRecente h5,
.tpl_actualiteListe h5,
.TPL_ACTUALITESOMMAIRE h5,
.TPL_ACTUALITELAST h5{
    margin-bottom: 10px;
}

#contenu .TPL_ACTUALITE .tpl_actualite .recemment h3 {
    background: url("images/ActualitesLesPlusLus.png") no-repeat right 10px bottom -3px #58585a;
    margin-bottom: 0 !important;
    padding: 15px 20px;
    font-family: TCL;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
#contenu .TPL_ACTUALITE .tpl_actualite .recemment .inner {
    background-color: #fafafa;
    border: 1px solid #ded5d6;
    border-top-color: rgb(222, 213, 214);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: none;
    font-family: TCL;
    font-weight: 400;
    color: #333333;
    font-size: 13px;
    padding: 15px 20px;
    box-sizing: border-box;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
#contenu .tpl_actualiteLesPlusLues h3,
#contenu .titreCategorie {
    background: url("images/ActualitesLesPlusLus.png") no-repeat right 10px bottom -3px #58585a;
    margin-bottom: 0 !important;
    padding: 15px 20px;
    font-family: TCL;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
#corps .tpl_actualiteRecente {
    background-color: #fafafa;
    border: 1px solid #ded5d6;
    border-top-color: rgb(222, 213, 214);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: none;
    font-family: TCL;
    font-weight: 400;
    color: #333333;
    font-size: 13px;
    padding: 15px 20px;
    box-sizing: border-box;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    padding-top: 0 !important;
}


#contenu .tpl_actualite .colonneCentrale .TPL_MEDIA h3 { font-size: 18px; }

.TPL_ACTUALITELAST h5 { font-size: 13px; }

/*TPL_ACTUALITESOMMAIRE*/
.TPL_ACTUALITE .colonneGauche,
.tpl_actualite .colonneGauche,
.TPL_ACTUALITESOMMAIRE .colonneGauche {
    margin: 0 20px;
}
.TPL_ACTUALITESOMMAIRE .colonneGauche {
    width: 700px;
    float: left;
}
.TPL_ACTUALITE .colonneCentrale,
.tpl_actualite .colonneCentrale,
.TPL_ACTUALITESOMMAIRE .colonneCentrale {
    width:200px;
    float: left;
}
.TPL_ACTUALITE .colonneDroite,
.tpl_actualite .colonneDroite,
.TPL_ACTUALITESOMMAIRE .colonneDroite {
    width: 198px;
    float: right;
    margin: 0px 15px;
}
.TPL_ACTUALITELISTECATEGORIE {
    overflow: visible;
}
.TPL_ACTUALITELESPLUSLUES h3{
    background: url("images/ActualitesLesPlusLus.png") no-repeat scroll right top #58585a;
    color: white;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 2px;
    padding: 3px 10px 4px;
}


#contenu .tpl_actualite .recemment .inner .actualiteRecente{ width : 100% ;}
#contenu .tpl_actualite .recemment h3 {
    background: url("images/ActualitesLesPlusLus.png") no-repeat scroll right top #58585a;
    color: white;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0 !important;
    padding: 3px 10px 4px;
}
#contenu .tpl_actualite .recemment .inner {
    background: none repeat scroll 0 0 #eeeeee;
    margin: 3px 0 0;
}

.TPL_ACTUALITELESPLUSLUES a {
    color: #0074AB;
}
.tpl_actualiteLesPlusLues .inner {
    background: none repeat scroll 0 0 #eeeeee;
    margin: 3px 0 0;
}

.tpl_actualiteListeCategorie p .lienRouge {
    float: left;
    color: #0074AB;
}
.tpl_actualiteListeCategorie p a.lienRouge {
    text-decoration: underline;
    font-weight: normal;
}
.tpl_actualiteListeCategorie p  a.lienRouge:hover {
    text-decoration: none;
}
.TPL_ACTUALITELESPLUSLUES ul {
    list-style: none;
}

.TPL_ACTUALITELESPLUSLUES li:last-child .separator {
    background: none;
}
.TPL_ACTUALITELESPLUSLUES li {

    display: block;
    margin: 0;
    overflow: hidden;
    padding: 10px 5px 10px;
}
.TPL_ACTUALITELISTECATEGORIE li .separator,
.TPL_ACTUALITELESPLUSLUES li .separator {
    background: url("images/separationActualitePlusLues.png") no-repeat scroll right top #EEEEEE;
    height: 1px;
    position: relative;
    top: 10px;
}
.TPL_ACTUALITELESPLUSLUES li h4 {
    text-transform: uppercase;
}

#contenu .tpl_actualiteListe .colonneDroite .tpl_actualiteListeCategorie h3 ,
#contenu .tpl_actualiteListe .colonneCentrale .tpl_actualiteLesPlusLues h3 { margin-bottom: 0 ;}

#contenu .tpl_actualite .colonneCentrale .TPL_MEDIA { width : 200px };

/*tpl_actualite*/
.tpl_actualite {
    font-size: 15px;
    font-family: 'Arial';
    color: #333333;
    line-height: 1.25em;
}
.tpl_actualite .descriptionActu {
    margin:10px 0;
    font-size: 15px;
    font-family: 'Arial';
    color: #333333;
    line-height: 1.25em;
}
.tpl_actualite .accrocheActu {
    margin:10px 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    margin-bottom: 25px;
    margin-top: 15px;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 17px;
    color: #333333;
    line-height: 22px;
}
.tpl_actualite .voirAussi {
    margin-top: 35px;
    padding: 10px 0;
}
.tpl_actualite .voirAussi h3 {
    margin-bottom: 5px !important;
}
.tpl_actualite .voirAussi ul {
    padding: 10px 0;
    margin-bottom: 25px;
}
.tpl_actualite .voirAussi li {
    list-style: none;
    display: inline;
    font-size: 15px;
    font-family: 'Arial';
    color: #333333;
    line-height: 1.25em;
}
.tpl_actualite .voirAussi li:before {
    content: " - ";
}
.tpl_actualite .voirAussi li:first-child:before {
    content: "";
}
.tpl_actualite .recemment {
    margin: 10px 0;
    clear: both;
}
.tpl_actualite .actualiteRecente {
    float: left;
    margin: 0 5px;
    width: 150px;
}
.tpl_actualite .recemment h3 {
    color:#c0074AB;
    background: url(images/actuRecente.png) left top no-repeat transparent;
    padding: 20px 10px 20px 60px;
}
.tpl_actualite .recemment .inner {
    background: url(images/actuRecenteBottom.png) left bottom no-repeat transparent;
    overflow: hidden;
    padding: 10px;
}
.tpl_actualite .recemment h5 {
    margin-bottom: 10px;
}
.tpl_actualite .recemment .date {
    color: #0074AB;
}
.tpl_actualite .recemment .lirelasuite {
    float: left;
}

.tpl_actualite #commentaire h3                  { background-color:#EBE3E3; padding:20px 20px 0;}
.tpl_actualite #commentaire .message            { background-color:#EBE3E3; padding:20px 20px 0;}
.tpl_actualite #commentaire fieldset            { background-color:#EBE3E3; padding:20px; margin-bottom: 0;}
.tpl_actualite #commentaire fieldset textarea   { border: 1px solid #D4CDCD; margin-bottom: 10px; width: 100%; }
.tpl_actualite #commentaire fieldset label      { display: block; float: none; font-weight: normal; overflow: hidden; padding-bottom: 5px; text-align: left; width: 100%; }
.tpl_actualite #commentaire fieldset .blocEmail { width:47%; float: left; overflow: hidden; }
.tpl_actualite #commentaire fieldset .blocNom   { width:49%; float: right; clear: none; overflow: hidden;}
.tpl_actualite #commentaire fieldset .blocEmail input ,
.tpl_actualite #commentaire fieldset .blocNom input     { height:25px; padding:0 5px; }

.tpl_actualite #commentaire h3.titreCommentaire { background: url(images/titreCommentaire.png) left top no-repeat transparent; margin: 0 0 20px; padding-top: 30px; }
.tpl_actualite #commentaire .depositaire { color:#0074AB; font-weight: bold; }
.tpl_actualite #commentaire .date { color:#666666; margin-bottom: 3px; }
.tpl_actualite #commentaire .listComment { background-color: #F7F5F5;  padding-bottom: 30px;}
.tpl_actualite #commentaire .item {margin:10px 20px; border-bottom:1px solid #d0cbca; padding-bottom: 10px;}
.tpl_actualite #commentaire .aucunComment {font-weight: bold; margin: 20px;}

.tpl_actualite #commentaire .captcha .bold       { font-weight: bold; }
.tpl_actualite #commentaire .message .error      { font-weight: bold; color: #b50000; }

/* --- Template FORUM - Styles génériques --- */
.tpl_forum             { padding: 0 20px; }
.tpl_forum .bold       { font-weight: bold; }
.tpl_forum .info       { padding-left: 18%;  color: #606060; font-size: 90%; font-style: italic; }
.tpl_forum .error      { text-align: center; color: #b50000; }
.tpl_forum .innerForum { position: relative; }

/* Formulaires */
.tpl_forum form .contribution label    { width: 15%; }
.tpl_forum form .contribution textarea,
.tpl_forum form .contribution input    { width: 75%;   padding: 4px; }
.tpl_forum form .contribution select   { width: 76.5%; padding: 4px; }
.tpl_forum form .infoPlus label        { width: auto; float: none; }
.tpl_forum form .infoPlus input.case   { width: auto; margin-right: 4px; }
.tpl_forum form .captcha label         { padding-right: 1%; }
.tpl_forum form .captcha .capRes       { padding: 5px 0 0 18%; display: block; }
.tpl_forum form .captcha .capRes input { padding: 4px; }
.tpl_forum form p.action               { padding-left: 18%; text-align: center; overflow: hidden; }
.tpl_forum form p.action span          { padding-left: 20px; float: left; }
.tpl_forum form p.action span input    { padding-right: 20px; }

.tpl_forum .thematique             { margin-bottom: 8px; }
.tpl_forum .thematique a           { font-size: 125%; padding: 5px 0; text-decoration : none; cursor: pointer; }
.tpl_forum .thematique a.selected  { font-weight : bold; text-decoration : none; }
.tpl_forum .thematique .separateur { padding: 0 5px; }

.tpl_forum .subSearch.top      { margin-bottom: 15px; }
.tpl_forum .subSearch td       { background: none; }
.tpl_forum .blocNavigation     { margin: 0; padding: 0; }
.tpl_forum .blocNavigation div { margin: 0; }


/* Liste */
.tpl_forum .liste           { margin: 0; padding: 0; border: none; overflow: hidden; clear: both; }
.tpl_forum .liste .item     { width: 220px; height: 240px; float: left; margin: 0 20px 35px 0; padding: 0; border: none; font-size: 100%; background: url(images/forum.png) top left no-repeat; }
.tpl_forum .liste .i_0      { margin-right: 0; }
.tpl_forum .liste .post     { padding: 15px 20px 20px 14px; }
.tpl_forum .liste .message  { margin-bottom: 8px; font-style: italic; }
.tpl_forum .liste .infoPlus { text-align: right; }
.tpl_forum .liste .suite    { margin-bottom: 8px; }
.tpl_forum .liste .date     { font-size: 90%; }
.tpl_forum a.cboxElement    { text-decoration: underline !important; }

/* Fiche */
.forumPost             { padding: 10px; }
.forumPost p           { margin-bottom: 10px; }
.forumPost .bold       { font-weight: bold; }
.forumPost .infoPlus   { text-align: right; }
.forumPost .infoPlus p { margin-bottom: 4px; }

.TPL_ACTUALITELISTEAUCHOIX {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 20px;
}
.TPL_ACTUALITELISTEAUCHOIX .inner {
    padding: 10px 10px 0;
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ded5d6;
    border-radius: 4px;
    background-color: #fafafa;
}
.TPL_ACTUALITELISTEAUCHOIX .actualite p:last-child {
    margin-bottom: 0;
}
.TPL_ACTUALITELISTEAUCHOIX .lirelasuite {
    text-decoration: none;
    margin-bottom: 0;
}
.TPL_ACTUALITELISTEAUCHOIX h4 {
    text-transform: uppercase;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 4px !important;
}
.TPL_ACTUALITELISTEAUCHOIX h5 {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 13px;
    color: #333;
    margin-bottom: 15px;
}
.TPL_ACTUALITELISTEAUCHOIX p {
    color: #333;
    font-family: 'Arial';
    font-weight: 400;
    font-size: 15px;
    line-height: 1.2em;
}
.TPL_ACTUALITELISTEAUCHOIX .actualite {
    padding-top: 10px !important;
}
.TPL_ACTUALITELISTEAUCHOIX .actualite + .actualite {
    padding-top: 20px !important;
}
/*mediatype*/
.tpl_media {
}
#colonneDroite .TPL_MEDIA {
    padding: 0;
    margin-top: 20px;
}
#colonneDroite .TPL_MEDIA .vignetteImg {
    width: 100% !important;
    height: auto !important;
}
#colonneDroite .TPL_MEDIA .vignetteImg img {
    max-width: 100%;
}
.TPL_MEDIA {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
.tabContentLeft .TPL_MEDIA h3,
#colonneGauche .TPL_MEDIA h3{
    background: url(images/tplMedia.png) left top no-repeat transparent;
    margin-bottom: 0 !important;
}
.TPL_MEDIA h3{
    background: url("images/media_video.png") no-repeat scroll 20px 50% transparent;
    padding: 15px 0 15px 70px;
    color: #000000;
    margin: 0 !important;
    font-size: 15px;
    line-height: 1em;
    text-transform: uppercase;
    font-family: TCL;
    font-weight: normal;
}
.TPL_MEDIA .libelle {
    font-family: 'Arial Narrow';
    font-weight: 400;
    color: #6d6f71;
    font-size: 16px;
    line-height: 1.2em;
}
.TPL_MEDIA .libelle + ul a, .TPL_MEDIA .libelle + a {
    text-decoration: none;
    display: inline-block;
    font-family: 'Arial';
    font-weight: 400;
    font-size: 14px;
    color: #0074AB;
}
.tabContentLeft  .TPL_MEDIA .video h3,
#colonneGauche .TPL_MEDIA .video h3 {
    background: url("images/media_video.png") no-repeat scroll 20px 50% transparent;
}
.tabContentLeft .TPL_MEDIA .photo h3,
#colonneGauche .TPL_MEDIA .photo h3,
.tabContentLeft .TPL_MEDIA .diaporama h3,
#colonneGauche .TPL_MEDIA .diaporama h3 {
    background: url("images/media_diaporama.png") no-repeat scroll 20px 50% transparent;
}
.TPL_MEDIA .photo h3,
.TPL_MEDIA .diaporama h3 {
    background: url("images/media_diaporama.png") no-repeat scroll 20px 50% transparent;
}
.tabContentLeft .TPL_MEDIA .publication h3,
#colonneGauche .TPL_MEDIA .publication h3 {
    background: url("images/media_publication.png") no-repeat scroll 20px 50% transparent;
    padding-left: 60px;
}
.TPL_MEDIA .projet h3,
.TPL_MEDIA .publication h3 {
    background: url("images/media_publication.png") no-repeat scroll 20px 50% transparent;
    padding-left: 60px;
}
.TPL_MEDIA a {
    color: #0074AB;
}
#colonneDroite .TPL_MEDIA .mediatype { margin-bottom:0;}
.TPL_MEDIA .mediatype {
    margin-bottom: 20px;
    border: 1px solid #ded5d6;
    box-sizing: border-box;
    border-radius: 4px;
}
.TPL_MEDIA .mediatype .inner {
    background: #fafafa;
    padding: 20px;
    display: block;
    box-sizing: border-box;
    border-top: 1px solid #ded5d6;
}
.TPL_MEDIA .mediatype .inner .item{
    margin: 0 0 10px;
}
.TPL_MEDIA .mediatype .imgContainer{
    cursor: pointer;
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
.unePublication {
}

.TPL_MEDIA .calque {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}
.TPL_MEDIA .mediatype img {
    -moz-box-shadow: 0 2px 2px 0 #474747;
    webkit-box-shadow: 0 2px 2px 0 #474747;
    -o-box-shadow: 0 2px 2px 0 #474747;
    box-shadow: 0 2px 2px 0 #474747;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#474747, Direction=134, Strength=5);
    display: block;
    margin: 0 auto;
    position: relative;
}
.tpl_media .video .inner .imgContainer .calque2 {
    background: url(images/media_play_video.png) 50% 50% no-repeat transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.tpl_media .publication .inner .imgContainer .calque2 {
    background: url(images/media_play_publication.png) 50% 50% no-repeat transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.tpl_media .photo .inner .imgContainer .calque2 ,
.tpl_media .diaporama .inner .imgContainer .calque2 {
    background: url(images/media_play_diaporama.png) 50% 50% no-repeat transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

/* Slider Diaporama */
.tpl_mediaDiaporama                         { position:relative; z-index:1; overflow:hidden; width: 100%; height:575px; margin: 0 auto; background: url(images/tpl_mediaDiaporama.png) left top no-repeat transparent; padding:20px;}

.tpl_mediaDiaporama #zoneVisible            { position:relative; overflow:hidden; width: 1280px; height:575px; margin:0 auto; }
.tpl_mediaDiaporama #zoneVisibleOverlayG    { position:absolute; left:0; z-index:2; width: 305px; height:575px; }
.tpl_mediaDiaporama #zoneVisibleOverlayD    { position:absolute; right:0; z-index:2; width: 305px; height:575px; }

.tpl_mediaDiaporama #zoneVisible .items     { width:20000em; position:absolute; z-index:1; }
.tpl_mediaDiaporama #zoneVisible .items li  { float:left; position:relative; width:1280px; height:575px; background: #000033; }
.tpl_mediaDiaporama #zoneVisible .items li img { width:auto; margin: 0 auto; }

.tpl_mediaDiaporama ul                      { list-style: none;}
.tpl_mediaDiaporama li .detail              { padding-top: 5px; position: absolute; right: 340px; top: 0; width: 310px; z-index: 3; }
.tpl_mediaDiaporama li .detailInner         { padding:0 20px 10px 20px; }
.tpl_mediaDiaporama li .detail .numero      { color: #fff; font-size:2.5em; font-weight: bold; margin-bottom: 30px; }
.tpl_mediaDiaporama li .detail h3           { color: #fff; display:inline; margin-bottom: 30px; width:300px; }
.tpl_mediaDiaporama li .detail .legend      { color: #fff;  padding-top: 10px;}

.tpl_mediaDiaporama .controle               {
    position: absolute;
    top:50% !important;
    transform: translateY(-50%);
    z-index:2;
    color: #000;
    background: #FFF;
    font-size:3em;
    cursor:pointer;
    display:block;
    width:55px;
    height: 450px;
    text-indent: -999px;
    overflow: hidden;
    margin-top: 32px;
}
.tpl_mediaDiaporama #btn_precedent          { left:20; background: url(images/tpl_mediaDiaporama_prec.png) no-repeat 0 center; }
.tpl_mediaDiaporama #btn_suivant            { right:370px; background: url(images/tpl_mediaDiaporama_suiv.png) no-repeat 0 center; }

.tpl_mediaDiaporama .contentImg { width:610px; text-align:center; }

.tpl_mediaInfographie a.consulter,
.tpl_mediaVideo a.consulter,
body:not(#Accueil) .tpl_mediaDiaporamaGlob a.consulter { float: right; margin-right: 10px;}
body:not(#Accueil) .tpl_mediaDiaporamaGlob {
    clear: both;
    width: 100%;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama {
    box-sizing: border-box;
    background: #000033;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #zoneVisible .items li img {
    margin-top: 0 !important;
    display: block;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #btn_suivant {
    right: 355px;
    height: 446px;
    margin: 0;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #btn_precedent {
    height: 446px;
    margin: 0;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #zoneVisibleOverlayG,
body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #zoneVisible .items li,
body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama {
    height: auto;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #zoneVisible {
    height: 446px;
}
    /* Slider Diaporama fiche */
.tpl_mediaFicheDiaporama                         { position:relative; z-index:1; overflow:hidden; width: 100%; height:500px; margin: 0 auto; padding:20px;}

.tpl_mediaFicheDiaporama #zoneVisible            { position:relative; overflow:hidden; width: 1280px; height:450px; margin:0 auto; }
.tpl_mediaFicheDiaporama #zoneVisibleOverlayG    { position:absolute; left:0; z-index:2; width: 305px; height:500px; }
.tpl_mediaFicheDiaporama #zoneVisibleOverlayD    { position:absolute; right:0; z-index:2; width: 305px; height:500px; }

.tpl_mediaFicheDiaporama #zoneVisible .items     { width:20000em; position:absolute; z-index:1; }
.tpl_mediaFicheDiaporama #zoneVisible .items li  { float:left; position:relative; width:1280px; height:450px; }
.tpl_mediaFicheDiaporama #zoneVisible .items li img {
    width:auto;
    margin: 0;
    max-width: 900px;
    display: block;
}

.tpl_mediaFicheDiaporama ul                      { list-style: none;}
.tpl_mediaFicheDiaporama li .detail .numero      { color: red; font-size:2.5em; font-weight: bold; margin-bottom: 30px; }
.tpl_mediaFicheDiaporama li .detail h3           { color: #000; display:inline; margin-bottom: 30px; }
.tpl_mediaFicheDiaporama li .detail .legend      { color: #000;  padding-top: 10px; padding-left: 10px;}

.tpl_mediaFicheDiaporama .controle               { position: absolute; top:20px; z-index:2; color: #000; background: #FFF; font-size:3em; cursor:pointer; display:block; width:55px; height: 450px; text-indent: -999px; overflow: hidden; }
.tpl_mediaFicheDiaporama #btn_precedent          { left:20; background: url("images/tpl_mediaHome_prec.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);}
.tpl_mediaFicheDiaporama #btn_precedent:hover          { left:20; background: url("images/tpl_mediaHome_prec_hover.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);}
.tpl_mediaFicheDiaporama #btn_suivant            { right:370px;background: url("images/tpl_mediaHome_suiv.png") no-repeat scroll 1px center rgba(0, 0, 0, 0);}
.tpl_mediaFicheDiaporama #btn_suivant:hover            { right:370px;background: url("images/tpl_mediaHome_suiv_hover.png") no-repeat scroll 0px center rgba(0, 0, 0, 0);}

.TPL_MEDIADIAPORAMA h3,
.tpl_mediaVideo h3,
.tpl_mediaInfographie h3          { float: left; margin: 0; width: 700px; }
.TPL_MEDIADIAPORAMA h3.titreDiapo { margin-left:20px; }

.TPL_LONGDESC { padding: 0 20px; }

.TPL_LONGDESC a.retour,.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail
.TPL_MEDIADIAPORAMA  a.retour,
.tpl_mediaVideo a.retour,
.tpl_mediaInfographie a.retour    {   background: url("images/ico_arrowSoeur.png") no-repeat scroll left 4px transparent; color: #0074AB; float: right; margin: 0 20px 0 0; padding-left: 11px; width: 200px; }

.tpl_mediaVideo .ficheImage,
.tpl_mediaInfographie .ficheImage { background: url("images/diaporamaFiche.png") repeat-x scroll left top #363636; clear: both; margin-top: 20px; overflow: hidden; padding: 30px; margin-bottom:10px; }

.tpl_mediaVideo .ficheImage .mediaObject { float:left; }
.tpl_mediaVideo .ficheImage .mediaObject.withDescription { margin-right:35px; }
.tpl_mediaVideo .ficheImage .mediaDescription { color:#fff; }

.tpl_mediaVideo .ficheImage .commentaire,
.tpl_mediaInfographie .ficheImage .commentaire { color: #FFFFFF; float: right;  width: 295px; }

.tpl_mediaVideo .ficheImage .commentaire a {color: #fff;}

.tpl_mediaVideo .ficheImage .commentaire h3,
.tpl_mediaInfographie .ficheImage .commentaire h3 { color: #FFFFFF; display: block; margin: 0 0 10px; width: 100%; }

.TPL_MEDIADIAPORAMA  .other,
.tpl_mediaVideo .other,
.tpl_mediaInfographie .other { float: left; margin-left: 3px;  width: 660px;}

.TPL_MEDIADIAPORAMA  .other .inner,
.tpl_mediaVideo .other .inner,
.tpl_mediaInfographie .other .inner { clear:both; overflow: hidden; background: url(images/mediaInfographieBottom.png) left bottom no-repeat transparent; padding:10px 0;}

.TPL_MEDIADIAPORAMA .other h3,
.tpl_mediaVideo .other h3,
.tpl_mediaInfographie .other h3 { color:#0074AB; background:url(images/mediaInfographieTitre.png) left top no-repeat transparent; padding:20px 0 15px 60px;}

.TPL_MEDIADIAPORAMA  .other .item,
.tpl_mediaVideo .other .item,
.tpl_mediaInfographie .other .item { float: left; margin-left: 10px;  margin-right: 10px; width: 145px; }

.TPL_MEDIADIAPORAMA  .other .item .date,
.tpl_mediaVideo .other .item .date,
.tpl_mediaInfographie .other .item .date { color: #6e6e6e; margin-bottom:5px; }

.TPL_MEDIADIAPORAMA  .other .item h5,
.tpl_mediaVideo .other .item h5,
.tpl_mediaInfographie .other .item h5 {margin-bottom:10px;}

.TPL_MEDIADIAPORAMA .other .item .lirelasuite,
.tpl_mediaVideo .other .item .lirelasuite,
.tpl_mediaInfographie .other .item .lirelasuite { clear:both; text-align: left; padding-right:15px; background: url(images/ico_arrowSoeur.png) right 4px no-repeat transparent; }

/*TPL_MEDIAFICHE*/
.TPL_MEDIAFICHE .mediatype .inner {
    padding:10px;
    background: url(images/mediaFicheBottomInfographie.png) left bottom no-repeat transparent;
}
.TPL_MEDIAFICHE .photo img {
    margin: 0;
    width: 100%;
    height: auto;
}
.TPL_MEDIAFICHE .photo h3 a {
    position: absolute;
    bottom: -5px;
    right: 0;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-family: TCL;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    height: 40px;
    line-height: 1em;
    padding: 13px 15px;
    border-radius: 25px;
    box-sizing: border-box;
    background-color: #cf392e;
    transition: all 0.3s;
    margin: 0;
    width: auto;
}
.TPL_MEDIAFICHE .photo {
    padding-bottom: 45px;
}

.TPL_MEDIAFICHE .legend p {
    color: #fff;
}
.TPL_MEDIAFICHE .diaporama h3 {
    background: url("images/mediaFicheTitreDiaporama.png") no-repeat scroll left top transparent;
    color: #0074AB;
    padding: 20px 0 20px 65px;
}
.TPL_MEDIAFICHE .diaporama .inner {
    padding : 10px 2px;
}
.TPL_MEDIAFICHE .diaporama .inner .tpl_mediaFicheDiaporama{
    padding: 0;
}

.TPL_MEDIAFICHE .publication h3 {
    background: url("images/mediaFicheTitrePublication.png") no-repeat scroll left top transparent;
    color: #0074AB;
    padding: 20px 0 20px 65px;
}
.TPL_MEDIAFICHE .video h3 {
    background: url("images/mediaFicheTitreVideo.png") no-repeat scroll left top transparent;
    color: #0074AB;
    padding: 20px 0 20px 65px;
}
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail {
    width: 100%;
    position: absolute;
    left: 0;
    top: 515px;
    color: #fff;
}
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail .detailInner {
    display: block;
    color: #fff;
    font-family: 'Arial Narrow';
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
}
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail .detailInner p {
    color: #fff !important;
}
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail h3 {
    background: none;
    padding: 0;
    margin: 0 0 0 10px;
}
.TPL_MEDIAFICHE h3 a {
    background: url("images/ico_arrowSoeur.png") no-repeat scroll left 3px transparent;
    color: #0074AB;
    float: right;
    font-size: 0.75em;
    margin-right: 20px;
    padding-left: 10px;
}
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail .numero {
    width: 100%;
    text-align: right;
    position:absolute;
    right:50px;
    margin:0;
}
.TPL_MEDIAFICHE .diaporama .libelle {
    margin: 0 25px;
}
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama                         { height:350px; width:90%; margin-top:10px; border-top:1px solid #cac0bc; border-bottom:1px solid #cac0bc; overflow: hidden; zoom:1;}
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama #zoneVisible            { height:350px; padding-top: 5px;}
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama #zoneVisibleOverlayG    { width: 305px; height:400px; }
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama #zoneVisibleOverlayD    { width: 305px; height:400px; }
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama #zoneVisible .items li  { height:400px; width:900px; }
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama .controle               { height: 350px; top:0; }
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama #btn_suivant            { right:0; width: 40px; }
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail .legend      { margin:0; width:390px; padding-top:4px;}
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail .description { margin:0; width:390px; padding-top:4px;}
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail h3 { width:380px; display: block; margin-bottom: 0 !important;}
.TPL_MEDIAFICHE .tpl_mediaFicheDiaporama .contentImg { width: 477px ; text-align: center; }

.TPL_MEDIAFICHE {
    min-height: 440px;
    margin-top: 10px;
    padding: 0 20px;
    box-sizing: border-box;
    display: block;
}
.TPL_MEDIAFICHE h3 {
    text-transform: uppercase;
    color: #fff;
    background: url("images/ico_titre.png") no-repeat scroll left 3px transparent;
    padding-left: 20px;
}
.TPL_MEDIAFICHE > .inner {
    display: block;
    box-sizing: border-box;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #000033;
}
.TPL_MEDIAFICHE .mediatype.diaporama {
    position: relative;
    padding-bottom: 55px;
}
.TPL_MEDIAFICHE .mediatype.diaporama .lien.lienDiapo {
    bottom: -6px;
}
.TPL_MEDIAFICHE .videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    border-radius: 8px;
    overflow: hidden;
}
.TPL_MEDIAFICHE .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.TPL_MEDIAFICHE .mediatype.diaporama .lien{
    bottom: -40px;
    padding: 0 0 5px 17px;
    position: absolute;
    right: 0;
}
.TPL_MEDIAFICHE .mediatype.diaporama .lienG{
    background: url("images/contenuLien.png") repeat-x scroll 2px top #fff;
}
.TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama {
    border: none;
    height: 585px;
    width: 100%;
}
.TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama .controle {
    height: 40px;
    top:40%;
}
.TPL_MEDIAFICHE .mediatype.diaporama .inner .libelle { color: #ffffff;margin: 0 10px;}
.TPL_MEDIAFICHE .mediatype.diaporama .inner .libelle .date { color: #0074AB;}

.TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama .contentImg {
    width: 100%;
}

.TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama  #zoneVisible,
.TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama  #zoneVisible ul.items,
.TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama  #zoneVisible ul.items li ,
.TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama  #zoneVisible ul.items li .contentImg{
    height: 585px!important;
}

.TPL_MEDIAFICHE .mediatype {
    position: relative;
}
.TPL_MEDIAFICHE .mediatype .inner {
    background: transparent;
    padding: 0;
}

.TPL_MEDIAFICHE .mediatype .lien {
    bottom: -33px;
    position: absolute;
    right: 0;
}

.TPL_MEDIAFICHE .mediatype .inner .libelle {
    color: #ffffff;
    margin: 0;
    font-family: TCL;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
}
.TPL_MEDIAFICHE .mediatype .inner .libelle .date {
    color: #0074AB;
}
.TPL_MEDIAFICHE .mediatype .legendMedia {
    font-family: 'Arial Narrow';
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 0;
    margin-top: 8px;
}
.TPL_MEDIAFICHE .mediatype .legendMedia p {
    margin-bottom: 0 !important;
}
.TPL_MEDIAFICHE .mediatype .inner .ficheImage object { display: block; margin: 0 auto;}

/* Media DL PDF .TPL_MEDIADLPUBLICATION  */
.pdf .date {
    padding-left: 16px;
    background: url(images/pdf.png) no-repeat left center transparent;
    background-size: 11px auto;
    font-weight: 600;
    font-size: 13px;
    padding-top: 2px;
    padding-bottom: 2px;
}
.pdf .libelle a {
    text-decoration: none;
    margin-top: 3px;
    display: block;
    text-transform: lowercase;
}
.pdf .libelle a:hover {
    text-decoration: underline;
}
.TPL_MEDIADLPUBLICATION { margin-top: 20px; margin-bottom: 20px;}
.TPL_MEDIADLPUBLICATION .item { min-height:30px; margin-bottom:1em; }
.TPL_MEDIADLPUBLICATION .item .date { line-height:1em;}
.TPL_MEDIADLPUBLICATION .item .date,
.TPL_MEDIADLPUBLICATION .voirtous { color: #0074AB; }
.TPL_MEDIADLPUBLICATION .voirtous { text-decoration:none; }
.TPL_MEDIADLPUBLICATION .voirtous:hover { text-decoration:underline; }
.TPL_MEDIADLPUBLICATION .date span { color: #000; }
.TPL_MEDIADLPUBLICATION .libelle { width: 155px;}

.TPL_MEDIADLPUBLICATION .presse {
    left: 0;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    bottom: 0;
}
.TPL_MEDIADLPUBLICATION .presse .item{
    margin:0px;
}

/*tpl_presse*/
.cadenas {
    float: right;
    vertical-align: middle;
}

.tpl_presse {
    border: none;
}

.tpl_presse .presse {
    float: left;
    margin: 0 27px 0 4px;
    overflow: hidden;
    width: 505px;
}
.tpl_presse .presse h3 {
    background: url("images/presse.png") no-repeat scroll right top #58585a;
    color: white;
    font-size: 14px;
    margin-bottom: 2px;
    padding: 5px 5px 5px 10px;
    margin-left: 15px;
}
.tpl_presse .presse .inner{
    padding: 0px 15px;
    overflow: hidden;
    zoom:1;
}

.tpl_presse .presse .item .imgWrapper {float:left;position: relative;}
.tpl_presse .presse .item .imgWrapper img {
    -moz-box-shadow: 0 2px 2px 0 #474747;
    webkit-box-shadow: 0 2px 2px 0 #474747;
    -o-box-shadow: 0 2px 2px 0 #474747;
    box-shadow: 0 2px 2px 0 #474747;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#474747, Direction=134, Strength=5);
    margin: 0;
}

.tpl_presse .presse .item .imgWrapper .calque {
    background: #000;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
}

.tpl_presse .presse .item .imgWrapper .calquePublication {
    background: url(images/media_play_diaporama.png) 50% 50% no-repeat transparent;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

#contenu .tpl_presse .item .description {
    line-height: 1.5;
    margin: 5px 10px 10px 20px;
}

#contenu .tpl_presse .item .date {
    float: left;
    font-family: TCL;
    margin: 0 0 0 20px;
    width: 100%;
}

#contenu .tpl_presse .item .libelle {
    font-weight: bold;
    margin: 0 20px;
}

.tpl_presse .presse .item .itemContent{float:left; width: 70%; }
.tpl_presse .presse .item .itemContent a.lirelasuite {float:left;}

.tpl_presse .presse .item:first-child {
    background: none;
}
.tpl_presse .presse .lirelasuite {
    margin:0 0 0 20px;
    clear: both;
}

#contenu .tpl_presse .item .libelle a {
    font-family: TCL;
    font-size: 14px;
}

.tpl_presse .accesPresse {
    background-color: #e3dddc;
    float: right;
    left: -4px;
    margin: 0;
    position: relative;
    top: 15px;
    width: 440px;
}
.tpl_presse .accesPresse h3 {
    background: url("images/cadenas.png") no-repeat scroll right top #d2c9ca;
    color: #000;
    font-size: 14px;
    margin-bottom: 2px;
    padding: 5px 5px 4px 15px;
}
.tpl_presse .accesPresse form {
    background-color: #F7F5F5;
    margin: 15px auto 10px;
    padding: 10px;
    overflow:hidden;
    zoom:1;
    width: 380px;
}

.tpl_presse.tplRechercheAvancee .optioncategorie{ width:600px; }
.tpl_presse.tplRechercheAvancee .presseRechercheAvanceeWrapper .optioncategorieP { width:175px; }
.tpl_presse.tplRechercheAvancee .presseRechercheAvanceeWrapper .optioncategorieP label { width:145px; }

.tpl_presse .blocNavigation {
    padding: 15px;
    margin-bottom: 0 !important;
}
.tpl_presse .regletteNavigation {
    margin-right:20px;
}
.tpl_presse .regletteResultats {
    float: left;
    margin: 2px 5px 5px 0px;
}

.tpl_presse .regletteResultats span { float:left; margin:5px 2px; color:#000; }

.tpl_presse .mppSelectWrapper {
    width: 45px;
    height: 20px;
    overflow: hidden;
    background: url(images/rechercheMediasFlecheSelect.png) no-repeat right #fff;
    border: 1px solid #d2d2d2;
    float:left;
}

.tpl_presse .mppSelectWrapper select {
    background: transparent;
    width: 70px;
    padding: 2px;
    font-size: 1em;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 20px;
    -webkit-appearance: none;
}

/*tpl_evenementInscription*/
.TPL_NEWSLETTER,
.tpl_evenementInscription {
    padding:10px;
}
.tpl_evenementInscription h3 {
    margin-bottom: 1em;
}
.TPL_EVENEMENTINSCRIPTION .infos_rgpd {
    font-style: italic;
    margin-top: 40px;
}
.msgErreur {
    background-color: #F7F5F5;
    font-weight: bold;
    margin: 1em 0;
    padding: 1em;
}
.TPL_NEWSLETTER {
    background-color: #E3DDDC;
    margin: 0 20px 20px;
}
.TPL_NEWSLETTER legend {
    font-size:1.334em;
    font-weight:bold;
    color: #333333;
}
.TPL_NEWSLETTER table td ,
.tpl_evenementInscription table td {
    background: none;
}
.TPL_NEWSLETTER  span.submit,
.tpl_evenementInscription span.submit {
    float: left;
}
.TPL_NEWSLETTER table th,
.tpl_evenementInscription table th {
    text-align: right;
    text-transform: none;
}
.TPL_NEWSLETTER h4 {
    margin-top: 10px;
    margin-bottom: 0 !important;
}
.TPL_NEWSLETTER .infos_rgpd {
    font-style: italic;
    margin-top: 40px;
}
.TPL_NEWSLETTER .titleNewsletter label {
    text-align: left;
}
.TPL_NEWSLETTER .titleNewsletter label:before {
    content: " - ";
}
/*TPL_NEWSLETTERCOLONNE*/
.TPL_NEWSLETTERCOLONNE { width:90%; padding:20px 5% 5px; background :url(images/newsletterColonneTitre.png) right top no-repeat transparent;}
.TPL_NEWSLETTERCOLONNE h3 { color: #fff; }
.TPL_NEWSLETTERCOLONNE input#CIB_EMAIL { height: 20px; padding: 0 5px; width: 93%; color:#000; }
.TPL_NEWSLETTERCOLONNE .formError {list-style: none; color: #fff;}
.TPL_NEWSLETTERCOLONNE span.submit  { background: url("images/btnFormGcheNewsCol.png") no-repeat scroll 0 0 transparent; }
.TPL_NEWSLETTERCOLONNE input.submit { background: url("images/btnFormDroiteNewsCol.png") no-repeat scroll 100% 0 transparent; }
.TPL_NEWSLETTERCOLONNE .action a { color:#fff; }

/*.tpl_frise*/
.tpl_frise { padding: 0 10px; width: 530px; }
.tpl_frise .validee{ background: url(images/etapeValidee.jpg) center top repeat-y transparent; }
.tpl_frise .pasValidee{ background: url(images/etapePasValidee.jpg) center top repeat-y transparent; }
.tpl_frise .enCours { background: url(images/etapeEnCour.png) center 50% no-repeat transparent; }

.tpl_frise h3 { background:url(images/avancementProjet.png) left top no-repeat transparent; color: #0074AB; padding: 19px 0 20px 55px; margin-bottom: 0;}
.tpl_frise h4 { margin:10px 0 10px 20px; margin-bottom: 0 !important; }
.tpl_frise .innerFrise { background:url(images/avancementProjetInner.png) left bottom repeat transparent; width: 530px; padding-bottom:10px; border-bottom: 1px solid #CAC1BC;}
.tpl_frise .ligne .colonneDroite { width: 238px; padding-top: 30px; }
.tpl_frise .ligne .colonneGauche{ margin-left: 10px; width: 251px; padding-top: 30px;}
.tpl_frise .last .colonneGauche { width: 225px; }
.tpl_frise .ligne { clear: both; overflow: hidden; width: 100%; color:#6d6d6d;}
.tpl_frise .fleche { width:30px; }
.tpl_frise div { float:left;}
.tpl_frise .premiereLigne { background-color: #E4DFDC; color: #000000;  margin: 0 1px; padding: 5px; text-align: center; text-transform: uppercase; width: 518px; font-weight: bold;}
.tpl_frise .premiereLigne .colonneGauche {width: 250px; margin: 0; padding:0;}
.tpl_frise .premiereLigne .colonneDroite {padding:0;}
.tpl_frise .date {font-weight: bold; border-bottom: 1px solid #0074AB; display: block; margin-bottom: 10px; color:#000;}
.tpl_frise .colonneDroite .date { margin-left: -23px;  padding-left: 23px; }
.tpl_frise .enCours .colonneDroite .date { margin-left: 4px; padding-left: 4px; }

.tpl_frise .titreEtape, .tpl_frise .titreEtape a { display: inline; color: #0074AB; text-decoration: none; }
.tpl_frise .accrocheEtape, .tpl_frise .accrocheEtape p {display:inline; }
.tpl_frise .colonneGauche .accrocheEtape {padding-right: 10px;}
.tpl_frise .colonneDroite .accrocheEtape {padding: 0 10px;}

/*tpl_mediaRecherche*/
.tpl_mediaRecherche.tplRechercheAvancee { margin: 10px 20px; }
.tpl_mediaRecherche.tplRechercheAvancee .rechercheAvanceeWrapper { margin: 0px 0px 20px;}
.tplRechercheAvancee .option { width: 130px}
.tplRechercheAvancee .optioncategorie { width: 390px; }
.tplRechercheAvancee .optioncategorieP { width: 130px; }
.tplRechercheAvancee .option label { width: 80%; }
.tplRechercheAvancee .blocDate label {width: 20px;}
.tpl_mediaRecherche.tplRechercheAvancee .item { width: 48%; float: left; margin-right: 10px; }
.tpl_mediaRecherche.tplRechercheAvancee .item .libelle{ font-family: Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif; font-size: 13px;}
.tpl_mediaRecherche.tplRechercheAvancee .item .description{ padding-left: 150px; }
.tpl_mediaRecherche.tplRechercheAvancee .item .libelle a{ text-decoration: underline!important; }
.tpl_mediaRecherche.tplRechercheAvancee .item .libelle a:hover{ text-decoration: none!important; }

.tpl_mediaRecherche .rechercheMediasFormSeparator{
    clear: both;
    overflow: hidden;
    margin-bottom: 0;
    height:1px;
}
.tpl_mediaRecherche .mediatype {
    background: #DED5D6;
    clear: both;
    overflow: hidden;
    margin-bottom: 30px;
}
.tpl_mediaRecherche .mediatype h3 {
    color: #000;
    font-size: 26px;
    font-weight: normal;
    text-transform: none;
}
.tpl_mediaRecherche .mediatype h3 a{
    font-size: 0.75em;
    float: right;
    text-decoration: none;
    background-color: red;
    color: #FFFFFF;
    padding: 2px 7px;
    background: #DED5D6;
}

.tpl_mediaRecherche .regletteResultats {
    float: left;
    margin: 2px 5px 5px 30px;
}

.tpl_mediaRecherche .regletteResultats span { float:left; margin:5px 2px; color:#000; }
.tpl_mediaRecherche .mppSelectWrapper {
    width: 45px;
    height: 20px;
    overflow: hidden;
    background: url(images/rechercheMediasFlecheSelect.png) no-repeat right #fff;
    border: 1px solid #d2d2d2;
    float:left;
}

.tpl_mediaRecherche .mppSelectWrapper select {
    background: transparent;
    width: 70px;
    padding: 2px;
    font-size: 1em;
    line-height: 1;
    border: 0;
    border-radius: 0;
    height: 20px;
    -webkit-appearance: none;
}

#pdiapo, #ppubli, #pvideo{
    text-align: left;
    margin-top:20px;
}

.tpl_mediaRecherche .video h3 {
    background: url("images/media_video.png") no-repeat scroll 0 10px #fff;
    margin-bottom: 0 !important;
    padding: 0 0 12px 60px;
}
.tpl_mediaRecherche .diaporama h3 {
    background: url("images/media_diaporama.png") no-repeat scroll 0 5px #fff;
    margin-bottom: 0 !important;
    padding: 0 0 12px 50px;
}
.tpl_mediaRecherche .publication h3 {
    background: url("images/media_publication.png") no-repeat scroll 0 5px #fff;
    margin-bottom: 0 !important;
    padding: 0 0 12px 50px;
}
.tpl_mediaRecherche .photo h3 {
    background: url("images/media_diaporama.png") no-repeat scroll 0 5px #fff;
    margin-bottom: 0 !important;
    padding: 0 0 12px 50px;
}

.tpl_mediaRecherche.tplRechercheAvancee .item .date { width: 60%; }

.TPL_MEDIARECHERCHE .ligne {
    clear: both;
    background: #DED5D6;
    padding: 20px;
}
.TPL_MEDIARECHERCHE .ligne .alter {
    background: url("images/separationFondGris.png") repeat scroll right top #ded5d6;
    height: 1px;
    margin: 25px 0;
    position: relative;
}

#contenu .TPL_MEDIARECHERCHE .blocNavigation {
    background: #DED5D6;
    margin-bottom: 0;
    padding: 0 20px;
}

#contenu .TPL_MEDIARECHERCHE .regletteNavigation span {
    background: #DED5D6;
}

#contenu .TPL_MEDIAHOME {
    padding: 25px 20px;
    background: #000033;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.TPL_MEDIAHOME h3 {
    text-transform: uppercase;
    color: #fff;
    background: url("images/ico_titre.png") no-repeat scroll left center transparent;
    padding-left: 20px;
    font-size: 20px;
}
.tpl_mediaHome .legendMedia {
    display: none;
}

/* Template M�dias Accueil */
#contenu .tpl_mediaHome h3 { color: #000; margin-bottom:0em; }
#contenu .tpl_mediaHome h3:first-letter {font-size:1.55em;}
.tpl_mediaHome .videoWrapper { position:relative; z-index:1; float:left; width:542px; height:372px; background:#343434 url(images/bgMediaHome.png) repeat-x top left; margin-bottom:4px; }
.tpl_mediaHome .diaporamaWrapper { float:right; width:140px; height:372px; }
.tpl_mediaHome .video { padding:10px;}
.tpl_mediaHome .video .libelle {color:#fff; }
.tpl_mediaHome .video .date{ color:#c2c2c2;}
.tpl_mediaHome .videoObject object,
.tpl_mediaHome .videoObject video {
    display: block;
    margin: 0 auto;
    position: relative;
}
.tpl_mediaHome .videoWrapper .button { position:absolute; bottom:-4px; right:-3px; z-index:2; }
.tpl_mediaHome .diaporamaWrapper .item { width:140px; height:102px; margin-bottom:10px; position:relative; z-index:1; overflow:hidden; }
.tpl_mediaHome .diaporamaWrapper .item a { display:block; width:130px; height:80px; padding:13px 5px; color:#fff; text-decoration: none; font-style: italic; background:#171717;}
.tpl_mediaHome .diaporamaWrapper .item a .date { color:#c3c1c1; font-weight:normal;font-style:normal;}
.tpl_mediaHome .lesLiens {
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}
.tpl_mediaHome .lesLiens .right {
    flex-grow: 1;
    margin-left: 20px;
    text-align: right;
}
.tpl_mediaHome .lesLiens a {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-family: TCL;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    width: 200px;
    height: 40px;
    line-height: 1em;
    padding: 13px 10px;
    border-radius: 25px;
    box-sizing: border-box;
    background-color: #6d6f71;
    transition: all 0.3s;
}
.tpl_mediaHome .lesLiens a:hover {
    background-color: #a62e25 !important;
}
.tpl_mediaHome .lesLiens > a span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    width: 16px;
    height: 12px;
    background: url("images/ico_youtubeMedia.png") no-repeat center center transparent;
}
.tpl_mediaHome .lesLiens .right a {
    background-color: #0074AB;
}
.tpl_mediaHome .lesLiens .right a:last-child {
    margin-left: 20px;
}
.tpl_mediaHome .voirtous.videos {
    position: relative;
    right: -12px;
}

.tpl_mediaHome .imgYB {
    position: relative;
    right: -24px;
}

.tpl_mediaHome .imgContainer{
    height: 575px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
}
.tpl_mediaHome .imgContainer ul li a,
.tpl_mediaHome .imgContainer a{
    text-decoration: none;
}
.tpl_mediaHome .container {
    overflow: hidden;
}

.tpl_mediaHome .listContainer {
    margin: 0 0 10px;
    overflow: hidden;
    position: relative;
    padding: 10px 0 0 0 ;
}

.tpl_mediaHome .container .listContainer .imgContainer ul,
.tpl_mediaHome .container .listContainer ul{
    list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: start;
}
.tpl_mediaHome .container .listContainer ul li.itemVignette{
    padding: 5px 10px;
    position: relative;
}

.tpl_mediaHome .container .imgContainer ul li.slide { height: 575px;
    background-color: #000033;}
.tpl_mediaHome .container .imgContainer ul li.slide .libelle {
    color: #fff;
    position: relative;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-family: TCL;
    font-weight: bold;
    font-size: 18px;
    background: #000033;
}

.tpl_mediaHome .container .imgContainer ul li.slide .libelle span{
    color: #0074AB;
}
.tpl_mediaHome .container .imgContainer ul li.slide img {
    display: block;
    margin: 0 auto;
    position: relative;
}
.tpl_mediaHome .container .listContainer ul li.itemVignette img{
    -moz-box-shadow: 0 2px 2px 0 #000000;
    webkit-box-shadow: 0 2px 2px 0 #000000;
    -o-box-shadow: 0 2px 2px 0 #000000;
    box-shadow: 0 2px 2px 0 #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=5);
}

.tpl_mediaHome .imgContainer ul {
    position: relative;
    text-decoration: none;
}
.tpl_mediaHome ul {
    list-style: none outside none;
    margin: 0;
}

.tpl_mediaHome #btn_precedent {
    background: url("images/tpl_mediaHome_prec.png") no-repeat scroll 10px center rgba(0, 0, 0, 0);
}
.tpl_mediaHome #btn_suivant {
    background: url("images/tpl_mediaHome_suiv.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
}

.tpl_mediaHome #btn_precedent:hover {
    background: url("images/tpl_mediaHome_prec_hover.png") no-repeat scroll 10px center rgba(0, 0, 0, 0);
}
.tpl_mediaHome #btn_suivant:hover {
    background: url("images/tpl_mediaHome_suiv_hover.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
}


.tpl_mediaHome .tpl_mediaDiaporama {
    background: none;
    height: auto;
    width: auto;
    padding: 0;
}

.tpl_mediaHome .tpl_mediaDiaporama .controle {
    height: 40px;
    top: 45%;
}
.tpl_mediaHome .tpl_mediaDiaporama .contentImg {
    display: block;
    left: 0;
    margin: 0 auto;
    position: absolute;
    width: 940px;
}

.tpl_mediaHome .tpl_mediaDiaporama #zoneVisible .items li img {
    position: relative;
}

.tpl_mediaHome .tpl_mediaDiaporama #btn_suivant {
    right: -10px;
}

.tpl_mediaHome .tpl_mediaDiaporama li .detail {
    display: none;
}

#contenu .tpl_mediaHome .tpl_mediaDiaporama #zoneVisible .items {
    top:0px!important;
}

.tpl_mediaHome .tpl_mediaDiaporama li .detailInner {
    padding: 0;
    position: relative;
}

.tpl_mediaHome .tpl_mediaDiaporama li .detail .legend {
    color: #fff;
    float: left;
    font-weight: normal;
    padding-top: 0;
    position: relative;
    width: 100%;
    top: 395px;
}

.video.detail .legend p {
    margin: 0 ;
}

.video.detail .detailInner {
    padding: 0;
    position: relative;
}

.video.detail .detailInner .legend {
    color: #fff;
    float: left;
    font-weight: normal;
    padding-top: 0;
    position: relative;
    width: 100%;
    top: 30px;
}

.TPL_MEDIAFICHE .video.detail .detailInner .legend {
    color: #fff;
    float: none;
    padding: 20px 0 0;
    position: relative;
    top: 0;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-family: 'Arial Narrow';
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
}
.TPL_MEDIAFICHE .video.detail .detailInner .legend p {
    margin: 0;
}

.tpl_mediaHome .tpl_mediaDiaporama li .detail .legend p {
    margin: 0 ;
}

.tpl_mediaHome .container .listContainer ul li.itemVignette a {
    display: block;
    position: relative;
    text-decoration: none;
    border-radius: 6px;
    overflow: hidden;
}
.tpl_mediaHome .container .listContainer ul li.itemVignette a img {
    box-shadow: none;
    display: block;
}
.tpl_mediaHome .container .listContainer ul li.itemVignette .calqueMedia {
    background: #000;
    left: 0;
    opacity: 0.15;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.tpl_mediaHome .videoObject {
    top: 0;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.tpl_mediaHome .videoObject iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.tpl_mediaHome .container .listContainer ul li.itemVignette .Videos {
    background: url(images/mediaHome_play.png) 50% 50% no-repeat transparent;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
}
.tpl_mediaHome .container .listContainer ul li.itemVignette .Diaporamas ,
.tpl_mediaHome .container .listContainer ul li.itemVignette .Diaporama {
    background: url(images/mediaHome_loupe.png) 50% 50% no-repeat transparent;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
}

/* root element for tabs  */

.outter {
    position: relative;
}
.imgTriangle {
    left: -12px;
    position: absolute;
    top: -1px;
}
.fo_contenuOnglet .tabs {
    list-style:none;
    margin: 0 0 10px;
    padding: 0 0 0 20px;
    overflow: hidden;
    zoom:1;
    background: url("images/borderPanel.png") repeat-x scroll 0 0 transparent;
    height:45px;
}
/* single tab */
.fo_contenuOnglet .tabs li {
    float: left;
    list-style-image: none;
    margin: 0 17px 0 0;
    padding: 0;
    text-indent: 0;
    z-index: 1;
}
.fo_contenuOnglet .tabs li.first {
    margin-right: 17px;
}
.fo_contenuOnglet .tabs li.last {
    margin-right: 0;
}
/* link inside the tab. uses a background image */
.fo_contenuOnglet .tabs a {
    font-size:1.1em;
    display:block;
    text-align:center;
    text-decoration:none;
    color:#363636;
    padding:0px;
    margin:0 0 1px 0;
    position:relative;
    top:1px;
    font-family: TCL;
    font-size:1.417em;
}


.fo_contenuOnglet .tabs a span {
    background: none repeat scroll 0 0 #58585a;
    color: #fff;
    display: block;
    font-family: TCL;
    font-size: 15px;
    font-style: normal;
    padding: 5px 10px 8px;
    position: relative;
    top: -1px;
}

.fo_contenuOnglet .tabs a:hover span,
.fo_contenuOnglet .tabs .ui-tabs-selected a span,
.fo_contenuOnglet .tabs .ui-sousTabs-selected a span,
.fo_contenuOnglet .tabs .ui-tabs-active a span{
    background:#0074AB;
    color: #fff;
    border-color:#0074AB;
}

.fo_contenuOnglet .tabs li.ui-state-disabled>a {
    cursor:default;
}

/* initially all panes are hidden */
.fo_contenuOnglet .panes .pane {
    overflow: hidden;
    zoom:1;
    /*background: #FFF;*/   /* Supprimé ici, car on vérifie si une image de fond est définie pour la page Onglet */
    padding:0;
}

.ui-tabs .ui-tabs-hide { display: none !important; }

.fo_contenuOnglet .tabs_sousNav {
    list-style:none;
    padding: 0;
    overflow: hidden;
    zoom:1;
    background-color:#fff;
}
/* single tab */
.fo_contenuOnglet .tabs_sousNav li {
    float: none;
    list-style-image: none;
    margin: 0;
    text-indent: 0;
    border-bottom: 1px dotted #000;
    padding: 10px 25px;
    position: relative;
    background: none repeat scroll 0 0 #fff;
}
.fo_contenuOnglet .tabs_sousNav li:hover {
    background: #DED5D6;
}
.fo_contenuOnglet .tabs_sousNav li:last-child {
    border: none;
}
.fo_contenuOnglet .tabs_sousNav li img.separateur {
    left: 10px;
    position: absolute;
    top: 15px;
}
.fo_contenuOnglet .tabs_sousNav li.first {
    margin-right: 17px;
}
.fo_contenuOnglet .tabs_sousNav li.last {
    margin-right: 0;
}
/* link inside the tab. uses a background image */
.fo_contenuOnglet .tabs_sousNav a {
    font-size:12px;
    display:block;
    text-align:left;
    text-decoration:none;
    color:#474948;
    padding:0px;
    margin:0px;
    position:relative;
    top:1px;
    font-family: TCL;
    font-weight: normal;
}
.fo_contenuOnglet .tabs_sousNav a:hover { background:#DED5D6; }
.fo_contenuOnglet .tabs_sousNav a span {
    display:block;
    padding:7px 10px 6px;
    background:#e5e5e5;
    font-size: 0.824em;
    font-weight: bold;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.fo_contenuOnglet .tabs_sousNav a:hover span,
.fo_contenuOnglet .tabs_sousNav .ui-tabs-sousNav-selected a span {
    background:#cf392e;
    color: #fff;
    border-color:#cf392e;
}

/* initially all panes are hidden */
.fo_contenuOnglet .ongletTabs_sousNav{
    -moz-box-shadow: 0 2px 2px 0 #474747;
    webkit-box-shadow: 0 2px 2px 0 #474747;
    -o-box-shadow: 0 2px 2px 0 #474747;
    box-shadow: 0 2px 2px 0 #474747;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#474747, Direction=134, Strength=5);
}

.fo_contenuOnglet .ongletTabsEdit_sousNav {
    overflow: hidden;
    zoom:1;
    padding:0;
    position:absolute;
    -moz-box-shadow: 0 2px 2px 0 #474747;
    webkit-box-shadow: 0 2px 2px 0 #474747;
    -o-box-shadow: 0 2px 2px 0 #474747;
    box-shadow: 0 2px 2px 0 #474747;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#474747, Direction=134, Strength=5);
    margin-left: 0;
    min-width: 220px;
    overflow: hidden;
    padding: 0;
    position: absolute;
}
#contenu .fo_contenuOnglet .ongletTabsEdit_sousNav div {
    background-color:#cf392e;
    height: 12px;
    margin: 0;
    padding: 0 0 0 20px;
    border-bottom: 1px dotted #fff;
}

/* initially all panes are hidden */
.fo_contenuOnglet .ongletTabs_sousNav {
    overflow: hidden;
    zoom:1;
    padding:0;
    position:absolute;
}
#contenu .fo_contenuOnglet .ongletTabs_sousNav p {
    background-color:#cf392e;
    margin-bottom:0;
    height:7px;
}

.ui-tabs_sousNav .ui-tabs_sousNav-hide { display: none !important; }

/* PRS */
.TPL_FORMULAIRE{
    padding:0 20px;
}
.PRS_ACCUEIL { }
.PRS_ACCUEIL h3 { color:white; background:url("images/calendrier.png") no-repeat scroll right 10px top 50% #58585A; padding: 3px 10px;font-size: 15px; font-weight: normal; margin-bottom:2px;}
.PRS_ACCUEIL .innerContent { background: #EEEEEE; padding:10px; }

.PRS_ACCUEIL h3 {
    background:url("images/calendrier.png") no-repeat scroll right 10px top 50% #58585A !important;
}

#colonneDroite .PRS_CHIFFRESCLES {
    padding: 0;
    text-align: left;
}

.PRS_CHIFFRESCLES, .PRS_BORDEAU, .PRS_ENCADRE {
    display: block;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    font-family: TCL;
    font-weight: 600;
    font-size: 21px;
}
.PRS_CHIFFRESCLES .inner {
    background: none;
    padding: 15px 0;
}

.tabContentRight .PRS_CHIFFRESCLES h3,
.tabContentLeft .PRS_CHIFFRESCLES h3,
#colonneGauche .PRS_CHIFFRESCLES h3 {
    background: url("images/prs_loupe.png") no-repeat scroll right 10px bottom -3px #58585a;
    margin-bottom: 0 !important;
    padding: 15px 20px;
    font-family: TCL;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.PRS_CHIFFRESCLES h3,
.PRS_BORDEAU h3, .PRS_ENCADRE h3 {
    background: url("images/prs_loupe.png") no-repeat scroll right 10px top 50% #58585a;
    background-size: auto 30px;
    margin-bottom: 0 !important;
    padding: 15px 20px;
    font-family: TCL;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.PRS_CHIFFRESCLES .innerContent,
.PRS_BORDEAU .innerContent,
.PRS_ENCADRE .innerContent {
    background-color: #fafafa;
    border: 1px solid #ded5d6;
    border-top: none;
    font-family: TCL;
    font-weight: 400;
    color: #333333;
    font-size: 13px;
    padding: 15px 20px;
    box-sizing: border-box;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.PRS_BORDEAU .innerContent,
.PRS_ENCADRE .innerContent {
    font-family: 'Arial';
    font-weight: 400;
    color: #333333;
    font-size: 15px;
    line-height: 18px;
    text-align: left;
}
.PRS_ENCADRE .innerContent > p:last-child {
    border-top: 1px solid #ded5d6;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.PRS_ENCADRE .innerContent > h3 + p:last-child {
    border-top: none;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.tabContentRight .PRS_DOSSIERS h3,
.tabContentLeft .PRS_DOSSIERS h3,
.PRS_DOSSIERS h3 {
    background: url("images/dossier.png") no-repeat scroll right 10px top 50% #58585a !important;
    color: white;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 2px;
    padding: 3px 10px 4px;
}

.PRS_DOSSIERS {
    margin: 0 auto 20px 3px;
}
.PRS_DOSSIERS .inner {
    background : #EFEFEF;
    padding: 0;
}
.PRS_DOSSIERS .innerContent {
    padding: 10px;
}
.PRS_DOSSIERS ul {
    list-style: none;
}
.PRS_DOSSIERS li {
    background-color: #7e003f;
    padding:10px 5px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 20px 5px;
    font-weight: bold;
    font-size: 1.167em;
}
.PRS_DOSSIERS li a{
    display: block;
    text-decoration:none;
    color: #fff;
}
.PRS_DOSSIERS li+li{
    background-color: #009ee1;
}
.PRS_DOSSIERS li+li+li{
    background-color: #e2007a;
}
.PRS_DOSSIERS li+li+li+li{
    background-color: #7e003f;
}
.PRS_DOSSIERS li+li+li+li+li{
    background-color: #009ee1;
}
.PRS_DOSSIERS li+li+li+li+li+li{
    background-color: #e2007a;
}
.PRS_DOSSIERS p {
    padding: 2px 0;
}
.PRS_QUESTION,
.PRS_QUESTION1,
.PRS_QUESTION2,
.PRS_QUESTION3 {
    height: 156px;
    margin: 0 auto 20px;
    position: relative;
    width: 200px;
}
.PRS_QUESTION .question a,
.PRS_QUESTION1 .question a,
.PRS_QUESTION2 .question a,
.PRS_QUESTION3 .question a{
    bottom: 6px;
    color: #ffffff;
    display: block;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
    padding: 2px 20px 2px 25px;
    position: absolute;
    right: -10px;
    text-decoration: none;
}
.PRS_QUESTION .question a:hover,
.PRS_QUESTION1 .question a:hover,
.PRS_QUESTION2 .question a:hover,
.PRS_QUESTION3 .question a:hover{
    text-decoration: underline;
}

.PRS_QUESTION h3,
.PRS_QUESTION3 h3,
.PRS_QUESTION2 h3,
.PRS_QUESTION1 h3 {
    color: #000;
    float: right;
    font-family: TCL;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 0 !important;
    margin-top: 10px;
    width: 50%;
}
#Accueil .PRS_QUESTION3 {
    background: url(images/prsQuestion3.png) left top no-repeat transparent;
}
#Accueil .PRS_QUESTION2 {
    background: url(images/prsQuestion2.png) left top no-repeat transparent;
}
#Accueil .PRS_QUESTION1 {
    background: url(images/prsQuestion1.png) left top no-repeat transparent;
}
#Accueil .PRS_QUESTION1,
#Accueil .PRS_QUESTION2,
#Accueil .PRS_QUESTION3 { width:220px; }

.PRS_QUESTION3 {
    background: url(images/prsQuestion3PNew.png) left top no-repeat transparent;
}
.PRS_QUESTION2 {
    background: url(images/prsQuestion2PNew.png) left top no-repeat transparent;
}
.PRS_QUESTION1 {
    background: url(images/prsQuestion1PNew.png) left top no-repeat transparent;
}

.tabContentRight .PRS_BORDEAU h3,
.tabContentLeft .PRS_BORDEAU h3,
#colonneGauche .PRS_BORDEAU h3,
.tabContentRight .PRS_ENCADRE h3,
.tabContentLeft .PRS_ENCADRE h3,
#colonneGauche .PRS_ENCADRE h3,
.tabContentRight .PRS_MEMOS h3,
.tabContentLeft .PRS_MEMOS h3,
#colonneGauche .PRS_MEMOS h3,
.tabContentRight .PRS_CARTOGRAPHIE h3,
.tabContentLeft .PRS_CARTOGRAPHIE h3,
#colonneGauche .PRS_CARTOGRAPHIE h3,
.tabContentRight .PRS_DOSSIERS h3,
.tabContentLeft .PRS_DOSSIERS h3,
#colonneGauche .PRS_DOSSIERS h3,
.tabContentRight .PRS_ACCUEIL h3,
.tabContentLeft .PRS_ACCUEIL h3,
#colonneGauche .PRS_ACCUEIL h3,
.tabContentRight .PRS_INTERLOCUTEUR h3,
.tabContentLeft .PRS_INTERLOCUTEUR h3,
#colonneGauche .PRS_INTERLOCUTEUR h3 {
    background: url("images/memoColonnage.png") no-repeat scroll right 10px top 50% #58585a;
    margin-bottom: 0 !important;
    padding: 15px 20px;
    font-family: TCL;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.tabContentRight .PRS_MEMOS h3,
.tabContentLeft .PRS_MEMOS h3,
#colonneGauche .PRS_MEMOS h3 {
    background-size: auto 30px;
}

.PRS_ENCADRE h3,
.PRS_BORDEAU h3,
.PRS_MEMOS h3,
.PRS_CARTOGRAPHIE h3,
.PRS_DOSSIERS h3,
.PRS_ACCUEIL h3,
.PRS_INTERLOCUTEUR h3 {
    background: url("images/memoColonnage.png") no-repeat scroll right 10px top 50% #58585a;
    margin-bottom: 0 !important;
    padding: 15px 20px;
    font-family: TCL;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.PRS_BORDEAU h3 {
    background: #7E003F;
}
.PRS_ENCADRE h3 {
    background: #58585a;
}
.PRS_ENCADRE .innerContent {
    border-top: 1px solid #ded5d6;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.PRS_ENCADRE h3 + .innerContent {
    border-top: none;
    border-top-right-image: 0;
    border-top-left-radius: 0;
}
.PRS_BORDEAU .innerContent img
.PRS_ENCADRE .innerContent img
.PRS_MEMOS .innerContent img,
.PRS_CARTOGRAPHIE .innerContent img,
.PRS_DOSSIERS .innerContent img,
.PRS_INTERLOCUTEUR .innerContent img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
}
#colonneDroite .PRS_BORDEAU,
#colonneDroite .PRS_ENCADRE,
#colonneDroite .PRS_MEMOS,
#colonneDroite .PRS_CARTOGRAPHIE,
#colonneDroite .PRS_DOSSIERS,
#colonneDroite .PRS_ACCUEIL,
#colonneDroite .PRS_INTERLOCUTEUR {
    padding: 0;
}
.PRS_ENCADRE,
.PRS_BORDEAU,
.PRS_MEMOS,
.PRS_CARTOGRAPHIE,
.PRS_DOSSIERS,
.PRS_ACCUEIL,
.PRS_INTERLOCUTEUR {
    display: block;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
}
.PRS_ENCADRE .inner,
.PRS_BORDEAU .inner,
.PRS_MEMOS .inner,
.PRS_CARTOGRAPHIE .inner,
.PRS_DOSSIERS .inner,
.PRS_ACCUEIL .inner,
.PRS_INTERLOCUTEUR .inner {
    background: none;
    padding: 15px 0;
}
.PRS_ENCADRE .innerContent,
.PRS_BORDEAU .innerContent,
.PRS_MEMOS .innerContent,
.PRS_CARTOGRAPHIE .innerContent,
.PRS_DOSSIERS .innerContent,
.PRS_ACCUEIL .innerContent,
.PRS_INTERLOCUTEUR .innerContent {
    background-color: #fafafa;
    border: 1px solid #ded5d6;
    border-top: none;
    font-family: 'Arial';
    font-weight: 400;
    color: #333333;
    font-size: 15px;
    padding: 0;
    box-sizing: border-box;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    text-align: left;
}
.PRS_ENCADRE .innerContent > *,
.PRS_BORDEAU .innerContent > *,
.PRS_MEMOS .innerContent > *,
.PRS_CARTOGRAPHIE .innerContent > *,
.PRS_DOSSIERS .innerContent > *,
.PRS_ACCUEIL .innerContent > *,
.PRS_INTERLOCUTEUR .innerContent > * {
    padding: 10px 20px !important;
}

.PRS_BORDEAU .innerContent > p:last-child,
.PRS_ENCADRE .innerContent > p:last-child,
.PRS_MEMOS .innerContent > p:last-child,
.PRS_CARTOGRAPHIE .innerContent > p:last-child,
.PRS_DOSSIERS .innerContent > p:last-child,
.PRS_ACCUEIL .innerContent > p:last-child,
.PRS_INTERLOCUTEUR .innerContent > p:last-child {
    margin-bottom: 0 !important;
}
.PRS_ENCADRE .innerContent h4,
.PRS_BORDEAU .innerContent h4,
.PRS_MEMOS .innerContent h4,
.PRS_CARTOGRAPHIE .innerContent h4,
.PRS_DOSSIERS .innerContent h4,
.PRS_ACCUEIL .innerContent h4,
.PRS_INTERLOCUTEUR .innerContent h4 {
    color: #333333;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
}

.tabContentRight .PRS_INTERLOCUTEUR h3,
.tabContentLeft .PRS_INTERLOCUTEUR h3,
#colonneGauche .PRS_INTERLOCUTEUR h3 {
    background: url("images/interlocuteurColonnage.png") no-repeat scroll right 10px top 50% #58585a;
}
.PRS_INTERLOCUTEUR h3 {
    background: url("images/interlocuteurColonnage.png") no-repeat scroll right 10px top 50% #58585a;
}
.PRS_INTERLOCUTEUR .inner p,
.PRS_INTERLOCUTEUR .inner ul,
.PRS_INTERLOCUTEUR .inner h2,
.PRS_INTERLOCUTEUR .inner h4,
.PRS_INTERLOCUTEUR .inner h5{
    padding: 2px 0;
}

.tabContentLeft .PRS_CARTOGRAPHIE h3,
#colonneGauche .PRS_CARTOGRAPHIE h3 {
    background: url("images/cartographie.png") no-repeat scroll right 10px top 50% #58585a !important;
}
.tabContentRight .PRS_CARTOGRAPHIE h3,
.tabContentLeft .PRS_CARTOGRAPHIE h3,
.PRS_CARTOGRAPHIE h3 {
    background: url("images/cartographie.png") no-repeat scroll right 10px top 50% #58585a !important;
}
.PRS_CARTOGRAPHIE .innerContent img {
    border: solid #fff;
    display: block;
    margin: 0 auto;
}
.PRS_CARTOGRAPHIE .inner p,
.PRS_CARTOGRAPHIE .inner ul,
.PRS_CARTOGRAPHIE .inner h2,
.PRS_CARTOGRAPHIE .inner h4,
.PRS_CARTOGRAPHIE .inner h5{
    padding-left:5px;
    padding-right:5px;
    margin-bottom: 0 !important;
}
.paragraphe.PRS_STANDARD {
    margin-bottom: 25px;
}
.PRS_STANDARD .innerContent ul {
    margin-bottom: 25px;
}
.PRS_STANDARD .containerVideo {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
    margin-bottom: 20px;
}
.PRS_STANDARD .spanImgContainer, .descriptionActu .spanImgContainer {
    display: inline-block;
    text-align: center;
    max-width: 100%;
    margin: 0 auto 15px;
}
.descriptionActu .spanImgContainer img {
    display: block;
    max-width: 100%;
    height: auto;
}
.PRS_STANDARD .containerVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.allMedia {
    padding-bottom: 20px;
}
.allMedia a, .lienDiapo a {
    text-decoration: none;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-family: TCL;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    width: 200px;
    height: 40px;
    line-height: 1em;
    padding: 13px 10px;
    border-radius: 25px;
    box-sizing: border-box;
    background-color: #cf392e;
    transition: all 0.3s;
}
.allMedia a:hover, .lienDiapo a:hover {
    background-color: #a62e25;
}
.allMedia a img {
    display: none;
}
#contenu .paragraphe img {
    max-width: 100%;
    height: auto;
}
.PRS_STANDARD .spanImgContainer.alignleft {
    margin-right: 10px;
}
.PRS_STANDARD .spanImgContainer.alignright {
    margin-left: 10px;
}
#contenu .paragraphe.PRS_STANDARD img.IMF_MEDIAPETIT {
    max-width: 140px;
}
.PRS_STANDARD img {
    display: block;
    max-width: 100%;
    height: auto;
}
.PRS_STANDARD .pseudo_boutons_insertion img, .PRS_STANDARD .pseudo_boutons_edition img {
    display: inline-block;
    vertical-align: middle;
}
.PRS_STANDARD .innerContent ol {
    font-size: 15px;
    font-family: 'Arial';
    color: #333333;
    line-height: 1.25em;
}

.tabContentLeft .PRS_STANDARD .inner h3 ,
.tabContentright .PRS_STANDARD .inner h3 ,
#colonneDroite .PRS_STANDARD .inner h3 ,
#colonneGauche .PRS_STANDARD .inner h3 {
    background: url("images/paragrapheStandard.png") no-repeat scroll right top #58585a;
    color: white;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 2px;
    padding: 5px 5px 4px;
}
.tabContentLeft .PRS_STANDARD .inner .innerContent ,
.tabContentright .PRS_STANDARD  .inner .innerContent ,
#colonneDroite .PRS_STANDARD .inner .innerContent ,
#colonneGauche .PRS_STANDARD .inner .innerContent {
    padding: 10px;
    background-color:#EFEFEF;
}
#contenu .tabContentRight .PRS_STANDARD ,
#contenu .tabContentLeft .PRS_STANDARD { padding : 0 ;}

.PRS_STANDARD .innerContent p,
.PRS_STANDARD .innerContent ul,
.PRS_STANDARD .innerContent h2,
.PRS_STANDARD .innerContent h4,
.PRS_STANDARD .innerContent h5{
    padding: 2px 0;
}

/*STYLES EDITEUR*/
.grand_chiffre {
    font-size: 30px;
    display: block;
    font-weight: 600;
    padding: 3px 5px 0;
    margin-bottom: 0 !important;
}
.bloc_chiffre {
    border-bottom: 1px solid #9a9a9a;
    display: block;
    margin-bottom: 18px !important;
    padding-bottom: 25px;
    overflow: hidden;
    font-size: 13px;
}
p.bloc_chiffre:last-child {
    border: none;
    margin-bottom: 0 !important;
}
.citation {
    display: block;
    padding: 25px 45px;
    box-sizing: border-box;
    border: 1px solid #ded5d6;
    border-radius: 4px;
    background: url('images/left-quote.png') no-repeat left 15px top 15px #fafafa;
    background-size: 20px auto;
}
.citation_bas {
    font-size: 16px;
    font-family: Roboto;
    font-weight: 400;
    line-height: 20px;
}
.auteur{
    color:#cf392e;
    text-align: left;
    display: block;
}

.rss {
    float: right;
    text-decoration: none;
}
.rss-news {
    float: right;
    text-decoration: none;
    font-weight: bold;
    margin-right:3px;
    color:black;
}
.rss-news img { vertical-align: bottom; }

.partage{
    position: absolute;
    right: 15px;
    top: 3px;
}
.partage .socialBar > a {
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 30px;
    height: 30px;
    font-size: 0;
    text-decoration: none;
    background: url("images/social_fb.png") no-repeat center center transparent;
    margin-right: 7px;
    transition: all 0.3s;
}
.partage .socialBar > a:hover {
    opacity: 0.7;
}
.partage .socialBar > a.tw {
    background: url("images/social_tw.png") no-repeat center center transparent;
}
.partage .socialBar > a.yt {
    background: url("images/social_yt.png") no-repeat center center transparent;
}
.partage .socialBar > a.print {
    background: url("images/social_print.png") no-repeat center center transparent;
}
.partage .socialBar > a.mail {
    background: url("images/social_mail.png") no-repeat center center transparent;
    margin-right: 0 !important;
}
.partage .socialBar > a.mail span {
    display: none;
}

.innerOnglet .partage {
    right : 20px;
}

.tpl_actualite .partage {
    float: right;
    margin: 5px 0px;
}

#partager-libelle{
    float: left;
}

.TPL_PAGESOEUR {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
}
.TPL_PAGESOEUR h3 {
    background: url("images/ico_titre.png") no-repeat scroll left 4px transparent;
    padding-left: 20px;
    margin-bottom: 25px !important;
    margin-left: 10px;
}
.TPL_PAGESOEUR ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.TPL_PAGESOEUR ul li {
    flex-basis: calc(25% - 20px);
    min-width: calc(25% - 20px);
    margin: 0 10px 20px;
    background: none;
}
.TPL_PAGESOEUR ul li a {
    display: block;
    width: 100%;
    position: relative;
    text-decoration: none;
    border: 1px solid #ded5d6;
    border-radius: 5px;
    height: 70px;
    box-sizing: border-box;
    font-size: 0;
    background: url("images/ico_arrowSoeur.png") no-repeat right 10px top 50% #fafafa;
}
.TPL_PAGESOEUR ul li a span {
    font-family: TCL;
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    line-height: 16px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: calc(100% - 40px);
}
.TPL_PAGEFILLE {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px;
}
.TPL_PAGEFILLE h3 {
    background: url("images/ico_titre.png") no-repeat scroll left 4px transparent;
    padding-left: 20px;
    margin-bottom: 25px !important;
    margin-left: 10px;
    text-transform: uppercase;
}
.TPL_PAGEFILLE ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.TPL_PAGEFILLE ul li {
    flex-basis: calc(25% - 20px);
    min-width: calc(25% - 20px);
    margin: 0 10px 20px;
    background: none;
    font-size: 0;
}
.TPL_PAGEFILLE ul li a {
    display: block;
    width: 100%;
    text-decoration: none;
    border: 1px solid #ded5d6;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
}
.TPL_PAGEFILLE ul li a img {
    width: 100%;
    display: block;
    height: auto;
}
.TPL_PAGEFILLE ul li a .info {
    font-family: TCL;
    font-weight: 400;
    font-size: 15px;
    color: #333333;
    line-height: 16px;
    padding: 15px 20px;
    box-sizing: border-box;
    min-height: 75px;
    background: #fafafa;
}
.TPL_PAGEFILLE ul li a .info span {
    line-height: 20px;
    display: block;
}
.TPL_PAGEFILLE ul li a .info span::before {
    content: "";
    display: inline-block;
    vertical-align: baseline;
    background: url("images/ico_arrowSoeur.png") no-repeat 50% 50% #fff;
    margin-right: 5px;
    width: 7px;
    height: 10px;
}

.lireTriangle {
    background: url("images/voirTousTriangle.png") no-repeat scroll left top transparent;
    bottom: 5px;
    float: right;
    position: relative;
    height: 21px;
}

.lireTriangle a {
    background: url("images/voirTousTriangleInner.png") repeat-x scroll left 0 transparent;
    color: #fff;
    font-family: TCL;
    font-size: 14px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: 1px;
    margin-left: 12px;
    margin-top: 0;
    padding: 0 15px 6px 5px;
    text-decoration: none;
}

.hoverPanel {
    left: 33%;
    position: absolute;
    top:25px;
}

.hoverli {
    background: #DED5D6;
}

.voirMediatheque {
    -moz-box-shadow: 0 2px 2px 0 #474747;
    webkit-box-shadow: 0 2px 2px 0 #474747;
    -o-box-shadow: 0 2px 2px 0 #474747;
    box-shadow: 0 2px 2px 0 #474747;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#474747, Direction=134, Strength=5);
}

#contenu .TPL_FORMULAIRE, #contenu .PRS_STANDARD {
    padding: 0 20px;
}


#corps .tpl_actualiteRecente {
    padding: 20px 20px 40px;
    margin: 0;
}

#corps .tpl_actualiteRecente .containerActu {
    overflow: hidden;
    padding: 4px 3px 0 6px;
}

#corps .tpl_actualiteRecente .imgContainerActu {
    float: left;
    height: 350px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 720px;
}
#corps .tpl_actualiteRecente .imgContainerActu ul {
    position: relative;
    text-decoration: none;
}
#corps .tpl_actualiteRecente .imgContainerActu ul li{
    text-decoration: none;
    position: relative;
}
#corps .tpl_actualiteRecente .imgContainerActu ul li img {
    max-height: 350px;
    width: auto;
}

#corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome {
    bottom: 0;
    color: #fff;
    padding: 10px;
    position: absolute;
}
#corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome > a {
    color: #fff;
    bottom: 0;
}

#corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome a h2 {
    background: none;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0;
    width: 700px
}

#corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome a:hover h2 {
    text-decoration: underline;
}
#corps .tpl_actualiteRecente ul {
    list-style: none outside none;
    margin: 0;
}

#corps .tpl_actualiteRecente .listContainerActu {
    float: right;
    position: relative;
}
#corps .tpl_actualiteRecente .listContainerActu ul {
    border-spacing: 0;
    display: table;
    height: 368px;
    text-decoration: none;
}

#corps .tpl_actualiteRecente .listContainerActu ul li {
    display: table-row;
    text-decoration: none;
    position: relative;
}
#corps .tpl_actualiteRecente .listContainerActu ul li img {
    max-width: 200px;
    height: auto;
}
#corps .tpl_actualiteRecente .listContainerActu ul li.itemVignette.item2 {
    position: absolute !important;
    top: 118px;
}
#corps .tpl_actualiteRecente .listContainerActu ul li.itemVignette.item3 {
    position: absolute !important;
    top: 235px;
}
#corps .tpl_actualiteRecente .listContainerActu ul li a {
    position: absolute;
    right: 0;
}

#corps .tpl_actualiteRecente .listContainerActu ul li .calqueHome{
    background: none repeat scroll 0 0 #000;
    height: 115px;
    left: 0;
    opacity: 0.7;
    position: absolute;
    top: 0;
    width: 100%;
}

#corps .tpl_actualiteRecente .listContainerActu ul li .calqueHome2{
    height: 115px;
    left: 0;
    line-height: 115px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}

#corps .tpl_actualiteRecente .listContainerActu ul li .calqueHome2 > span {
    color: #fff;
    display: inline-block;
    font-family: TCL;
    font-size: 18px;
    line-height: 1;
    margin: 0 auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
    padding: 16px;
    font-weight: 500;
    letter-spacing: 1px;
}
#corps .tpl_actualiteRecente .lesLiens {
    display: block;
    text-align: right;
    position: relative;
    clear: both;
}
#corps .tpl_actualiteRecente .lesLiens .rss-news {
    display: none;
}
#corps .tpl_actualiteRecente .lesLiens .rss-news img{
    position: relative;
    right: 141px;
}
#corps .tpl_actualiteRecente .lesLiens .voirtous {
    text-decoration: none;
    color: #000;
    display: inline-block;
    vertical-align: middle;
    font-family: TCL;
    font-weight: 400;
    font-size: 14px;
    text-align: center;
    width: 200px;
    height: 40px;
    line-height: 1em;
    padding: 13px 10px;
    border-radius: 25px;
    box-sizing: border-box;
    background-color: #48DC6D;
    transition: all 0.3s;
}
#corps .tpl_actualiteRecente .lesLiens .voirtous:hover {
    background-color: #33974c;
}
#corps .tpl_actualiteRecente .lesLiens .voirtous img{
    display: none;
}
#corps .tpl_actualiteRecente .listContainerActu ul li .calqueHome2 .flecheHover {
    left: -8px;
    opacity: 0.7;
    position: absolute;
    top: 45%;
}
#corps .tpl_actualiteRecente h3 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    padding: 0 0 0 2px;
}
#corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome a.lirelasuiteHome {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 5px;
    display: inline-block;
    vertical-align: baseline;
}
#corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome > p {
    font-weight: normal;
    padding: 0 0 8px;
    line-height: 18px;
    font-family: 'Arial';
    font-weight: 400;
    font-size: 12px;
}
#corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome h3 {
    margin-bottom: 8px;
    font-family: TCL;
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
}
#corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome a > h2 {
    font-family: TCL;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.1em;
    margin-bottom: 5px;
}
#corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome a:hover, #corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome a:hover h2 {
    text-decoration: none !important;
}
#corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome .liensHome {
    bottom: 10px;
    position: absolute;
    right: 10px;
    width: 52%;
}


#corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome .liensHome.withoutRebonds {
    bottom: 26px;
    position: absolute;
    right: -15px;
    width: auto;
}
#corps .tpl_actualiteRecente .imgContainerActu ul.autreLiens {
    float: right;
    top: 0 !important;
}

#corps .tpl_actualiteRecente .autreLiens li a {
    background: url("images/lienRebonds.png") no-repeat scroll left 4px transparent;
    border: medium none;
    color: #fff;
    display: block;
    float: right;
    font-weight: bold;
    padding: 0 0 0 15px;
    text-decoration: underline;
    text-transform: uppercase;
}
.carrousel_cover {
    background: url("images/fondActuCarrousel.png") repeat-x scroll center bottom transparent;
    bottom: 0;
    height: 240px;
    left: 0;
    position: absolute;
    width: 100%;
}


.tpl_friseTimeline {
    position: relative;
    z-index: 1;
}
.TPL_FRISETIMELINE h3 { padding: 0 20px; }

.floatRight {
    position: absolute;
    right: 2px;
    top: 2px;
}

.allMedia { float:  right;}


.ficheImage > iframe {
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#contenu > h2 {
    width: 78%;
}

#bandeauBas .item_0 {
    width: 135px !important;
}
#bandeauBas .item_1 {
    width: 100px !important;
}
#bandeauBas .item_2 {
    width: 200px !important;
}

.PRS_STANDARD .innerContent {
    padding-top: 20px;
}
.PRS_STANDARD p, .PRS_STANDARD ul li {
    font-size: 15px;
    font-family: 'Arial';
    color: #333333;
    line-height: 1.25em;
}
#contenu .PRS_STANDARD .inner h3{ margin : 0px ;}

.legendMedia {color: #fff;padding : 5px 10px}


.tpl_footer h2 { font-size: 20px; font-weight: normal; margin-top: 20px; }
.tpl_footer .inner .bloc_gauche { background: none repeat scroll 0 0 #ded5d6; float: left; width: 57%; min-height: 352px; }
.tpl_footer .inner .bloc_droite { background: none repeat scroll 0 0 #ded5d6; float: left; width: 43%; }
.tpl_footer .inner .bloc_droite h2 { left: 19px; position: relative; }
.innerFB { background: none repeat scroll 0 0 #fff; float: right; margin: 0px 20px 20px; border: 1px solid #8e8a89; }
.spanRouge {color: #F54337}
.tpl_footer .email {  border: 1px solid #f54337; height: 26px; left: 20px; padding-left: 10px; position: relative; top: 10px; width: 255px; }
.bloc_gauche .carrousel > h2 { position: relative; top: 20px; }
#owl-id-carousel { margin-left: 20px; }
.time { color: #000; font-size: 14px; left: 5px; position: relative; top: -109px; }
.cat { color: #000; font-size: 14px; font-weight: bold; left: 15px; position: relative; top: -109px; }
.cat > img { left: -7px; position: relative; top: -3px; }
.owl-item .item { position: relative;}
.owl-item .item > h2 { left: 110px; position: absolute; top: 0; }
.desc { left: 130px; position: absolute; top: 55px; width: 375px; font-size: 14px; color: #000 ; }
.lireSuite { bottom: 5px; color: #f44238; font-size: 14px; left: 130px; position: absolute; text-decoration: none; }
.lireSuite:hover { color: #f44238; text-decoration: underline; }
.lireSuite > img { margin-left: 10px; }
.lienVoir { bottom: 5px; color: #000; font-size: 14px; left: 295px; position: absolute; text-decoration: none; }
.lienVoir:hover { color: #000; text-decoration: underline; }
.lienVoir > img { margin-left: 10px; }
.h2Img { }
.lienMobile > img { position: relative; top: 2px; }
.lienMobile:hover { text-decoration: underline;}
.socialHaut {
    position: absolute;
    right: 0;
    top: 20px;
}
.socialHaut a {
    text-decoration: none;
    padding-left: 4px;
}
.h2Img{ padding-left:100px ; background:url("images/thumb_mobile_hover.png") no-repeat scroll 1px 5px transparent; }
.h2Img.hover,
.h2Img:hover{padding-left:100px ; background:url("images/thumb_mobile.png") no-repeat scroll 1px 5px transparent; }
a.lienMediatheque { text-decoration:none; }

.owl-theme.iPhone .item { padding-top: 20px;}
.owl-theme.iPhone .item > h2{ top: 20px;}
.owl-theme.iPhone .item .desc{ top: 70px;}
.bloc_droite.iPhone { padding-bottom: 22px;}


/* Déliberation */
.TPL_DELIBERATIONLISTE{
    padding:20px;
}
.TPL_DELIBERATIONLISTE .regletteNavigation{
    float:right;
    margin:0px;
}
.TPL_DELIBERATIONLISTE .showRecherche{
    margin-top:26px;
}
.TPL_DELIBERATIONLISTE .showRecherche a{
    text-decoration:underline;
}
.TPL_DELIBERATIONLISTE .showRecherche.avance{
    display:none;
}
.TPL_DELIBERATIONLISTE .tplRechercheAvancee .option{
    width:auto;
}
.TPL_DELIBERATIONLISTE .tplRechercheAvancee .rechercheAvanceeWrapper{
    margin:0px !important;
}
.TPL_DELIBERATIONLISTE .tplRechercheAvancee .rechercheAvanceeWrapper.formOpen{
    min-height:265px;
}
.TPL_DELIBERATIONLISTE  #rechercheAvancee{
    margin-bottom:10px;
    float:left;
}
.TPL_DELIBERATIONLISTE  .pagination{
    position: inherit !important;
}
.TPL_DELIBERATIONLISTE  .pagination .blocNavigation{
    margin-bottom:0px;
}
.TPL_DELIBERATIONLISTE  .pagination .resultatNavigation{
    float:left;
}
.TPL_DELIBERATIONLISTE table{
    background-color:#F2F2F2;
    border-collapse: collapse;
    margin-bottom:10px;
    width:100%;
}
.TPL_DELIBERATIONLISTE table th{
    padding : 15px 0px;
    text-transform: none;
}
.TPL_DELIBERATIONLISTE table td{
    background-color:white;
    border:1px solid black;
    padding:5px 5px;
}
.TPL_DELIBERATIONLISTE .recherche-red{
    color : red;
}
.TPL_DELIBERATIONLISTE #rechercheSimple{
    padding-top:10px;
}
.TPL_DELIBERATIONLISTE .btnRechercher {
    margin-top:18px;
    margin-left:15px;
}
.TPL_DELIBERATIONLISTE .options p{
    margin-bottom:5px !important;
}
.TPL_DELIBERATIONLISTE input[type="text"] {
    height:28px;
    border-radius:5px;
    padding-left:5px;
    margin-right:30px;
}
.TPL_DELIBERATIONLISTE select {
    height:30px;
    border-radius:5px;
    margin-right:30px;
}
.TPL_DELIBERATIONLISTE .options label {
    margin-right:20px;
}
.TPL_DELIBERATIONLISTE .colTitre{
    width:70%;
}

#cookie_cnil_bandeau {
    position: fixed;
    height: auto;
    width: 100%;
    bottom: 0;
    background-color: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    z-index: 100;
    color: #000000;
    opacity: 0.9;
    margin: 0;
}
#cookie_cnil_bandeau #cookie_cnil_bandeau_close {
    float: right;
    cursor: pointer;
    margin-left: 10px;
    border: none;
    background: none;
}
#cookie_cnil_bandeau .inner {
    text-align: center;
}
#cookie_cnil_bandeau p {
    display: inline-block;
}
#cookie_cnil_bandeau button {
    display: inline-block;
    background: #333;
    color: #fff;
    padding: 4px 10px;
    margin-left: 2px;
    margin-right: 2px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
    border: none;
    border-radius: 25px;
}
#cookie_cnil_bandeau button:hover {
    background-color: #000;
}
#cookie_cnil_bandeau span {
    font-size:1.2em;
}

.TPL_MAGAZINEACCUEIL {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 40px 20px 0;
    background: url("images/bg_mag.png") no-repeat left top #f3f5f5;
}
.TPL_MAGAZINEACCUEIL .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.TPL_MAGAZINEACCUEIL .inner > h3 {
    margin-bottom: 0 !important;
    font-family: TCL;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    background: url("images/ico_titre.png") no-repeat scroll left 0 top 3px transparent;
    padding-left: 20px;
    color: #333333;
}
.TPL_MAGAZINEACCUEIL .inner > a {
    position: static;
    display: block;
    background: #6d6f71;
    color: #fff;
    text-align: center;
    width: 200px;
    height: 40px;
    box-sizing: border-box;
    font-family: TCL;
    font-weight: 400;
    font-size: 14px;
    line-height: 1em;
    padding: 13px;
    border-radius: 25px;
    transition: all 0.3s;
}
.TPL_MAGAZINEACCUEIL .inner > a:hover {
    opacity: 0.7;
}
.TPL_MAGAZINEACCUEIL .inner > a:hover {
    text-decoration: none;
}
.TPL_MAGAZINEACCUEIL ul {
    flex-basis: 100%;
    margin-top: 20px;
    min-width: 100%;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    list-style: none;
}
.TPL_MAGAZINEACCUEIL ul li {
    flex-basis: 32%;
    min-width: 32%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
}
.TPL_MAGAZINEACCUEIL ul li:nth-child(n+4) .containerImg {
    height: 140px;
}
.TPL_MAGAZINEACCUEIL ul li:nth-child(n+4) .infos {
    min-height: 0;
    padding: 15px 20px;
}
.TPL_MAGAZINEACCUEIL ul li:nth-child(n+4) .infos h2 {
    color: #333333;
    font-weight: 400;
    margin-bottom: 0;
}
.TPL_MAGAZINEACCUEIL ul li:nth-child(n+4) .desc {
    display: none;
}
.TPL_MAGAZINEACCUEIL ul li a {
    text-decoration: none;
    display: block;
}
.TPL_MAGAZINEACCUEIL ul li a:hover img {
    transform: scale(1.05) translateX(-50%);
}
.TPL_MAGAZINEACCUEIL ul li img {
    display: block;
    margin: 0;
    position: absolute;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: auto;
    transition: all 0.3s;
}
.TPL_MAGAZINEACCUEIL ul li .containerImg {
    position: relative;
    height: 220px;
    display: block;
    width: 100%;
    overflow: hidden;
}
.TPL_MAGAZINEACCUEIL ul li .infos {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 20px;
    min-height: 160px;
}
.TPL_MAGAZINEACCUEIL ul li .infos h2 {
    font-family: TCL;
    font-weight: bold;
    font-size: 18px;
    color: #0074AB;
    padding: 0;
    line-height: 20px;
    margin-bottom: 15px;
    min-height: 40px;
}
.TPL_MAGAZINEACCUEIL ul li .desc {
    position: static;
    font-family: 'Arial';
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #6d6f71;
    width: 100%;
    margin-bottom: 0;
}

.TPL_MAGAZINEABO {
    background: #f3f5f5;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}
.TPL_MAGAZINEABO .flexbox {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.TPL_MAGAZINEABO .flexbox .PRS_ACCUEIL {
    margin-right: 20px;
    padding: 0;
    flex-basis: 300px;
    min-width: 300px;
}
.TPL_MAGAZINEABO .flexbox .PRS_ACCUEIL .inner {
    padding: 0;
    height: 100%;
    border: 1px solid #ded5d6;
    border-radius: 4px;
    background-color: #fafafa;
    box-sizing: border-box;
}
.TPL_MAGAZINEABO .flexbox .PRS_ACCUEIL .inner .innerContent {
    border-radius: 0;
    border: none;
}
.TPL_MAGAZINEABO .flexbox .PRS_ACCUEIL .inner h4 {
    font-family: 'Arial Narrow';
    font-weight: bold;
    font-size: 18px;
    color: #cf392e;
    text-transform: inherit;
}
.TPL_MAGAZINEABO .flexbox .right {
    flex-grow: 1;
    border-radius: 4px;
    background: url('images/grid_magazineAbo.png') no-repeat center center #003a57;
    box-sizing: border-box;
    padding: 30px 40px;
}
.TPL_MAGAZINEABO .flexbox .right h2 {
    padding: 0;
    color: #fff;
    margin-bottom: 22px;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.4px;
}
.TPL_MAGAZINEABO .flexbox .right .line {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.TPL_MAGAZINEABO .flexbox .right .line .mc-field-group {
    flex-grow: 1;
    margin-right: 20px;
}
.TPL_MAGAZINEABO .flexbox .right .line .mc-field-group input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #fee8e6;
    border-radius: 4px;
    height: 40px;
    font-family: Arial;
    font-weight: 400;
    font-size: 15px;
    line-height: 16px;
    color: #6d6f71;
    padding: 12px 20px;
}
.TPL_MAGAZINEABO .flexbox .right .line > input {
    width: 140px;
    height: 40px;
    display: block;
    flex-basis: 140px;
    min-width: 140px;
    background: #48DC6D;
    border-radius: 25px;
    font-family: TCL;
    font-weight: 400;
    color: #000;
    font-size: 14px;
    line-height: 1em;
    padding: 13px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer;
}

#scrollTop {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    width: 35px;
    height: 35px;
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background: url('images/ico_scrollTop.png') no-repeat center center #48DC6D; /* Set a background color */
    background-size: 50%;
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 0; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 0;
}

#scrollTop:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}

.toggleBurger {
    display: none;
}

.containerAccrocheImg {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 15px;
}
.containerAccrocheImg img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 0;
}
.texteAccroche {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    margin-bottom: 25px;
    margin-top: 15px;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 17px;
    color: #333333;
    line-height: 22px;
}

.TPL_SOCIALSHARE {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}
.TPL_SOCIALSHARE h3 {
    font-family: TCL;
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    background: url("images/ico_titre.png") no-repeat scroll left 0 top 3px transparent;
    padding-left: 20px;
    color: #333333;
    margin-top: 35px;
    margin-bottom: 20px !important;
}

._2zfs {
    background: rgba(255,255,255,0.9);
}

.TPL_SOCIALSHARE .flexbox {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
.TPL_SOCIALSHARE .flexbox .left, .TPL_SOCIALSHARE .flexbox .right {
    flex-basis: 48%;
    width: 48%;
}
.TPL_SOCIALSHARE .flexbox .right {
    position: relative;
}
.TPL_SOCIALSHARE .flexbox .right::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: -1%;
    width: 102%;
    height: 49px;
    background: #fff;
    z-index: 1;
}

body#Accueil .paragraphe.PRS_ACCUEIL .innerContent h4 {
    margin-bottom: 0;
    padding-bottom: 0 !important;
}

.TPL_ACTUALITE .tpl_actualite > div:first-child {
    width: 740px;
    float: left;
    position: relative;
    box-sizing: border-box;
    padding: 0 20px;
}
.TPL_ACTUALITE .tpl_actualite > #colonneDroite {
    width: 200px;
    float: right;
    margin: 0 20px;
}
.TPL_ACTUALITE #colonneDroite .TPL_MEDIA .mediatype {
    margin-bottom: 25px;
}

.TPL_MEDIAVIDEO {
    padding: 0 20px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
#contenu .paragraphe.TPL_ACTUALITESOMMAIRE div.actualite img {
    max-width: 220px;
}

body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama {
    margin-bottom: 25px;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .other {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    margin-bottom: 25px;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .other h3 {
    background: #58585a;
    margin-bottom: 0 !important;
    padding: 10px 20px;
    font-family: TCL;
    font-weight: 600;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    box-sizing: border-box;
    width: 100%;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .other .inner {
    border: 1px solid #ded5d6;
    padding: 10px 20px;
    background: #fafafa;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .other .item h4 {
    text-transform: uppercase;
}

.TPL_MEDIADIAPORAMA .other .item img,
.tpl_mediaVideo .other .item img,
.tpl_mediaInfographie .other .item img{
    max-width: 140px !important;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #btn_precedent {
    background: url("images/tpl_mediaHome_prec_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25px;
}
body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #btn_suivant {
    background: url("images/tpl_mediaHome_suiv_hover.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.TPL_SOCIALSHARE .flexbox .right {
    border: 1px solid #e9e9e9;
}

.TPL_ACTUALITESOMMAIRE, .TPL_DELIBERATIONLISTE {
    font-size: 15px;
}

.TPL_MEDIARECHERCHE .item .vignette img {
    max-width: 140px !important;
    height: auto;
}

@media only screen and (min-width: 981px) {
    #contenu > h2 {
        box-sizing: border-box;
        max-width: calc(100% - 215px);
    }
}
@media only screen and (min-width: 768px) {
    .tpl_presse .presse .item .imgWrapper img {
        max-width: 140px !important;
    }
    .TPL_ACTUALITELISTEAUCHOIX .tpl_actualiteListeAuxChoix .actualite img {
        max-width: 220px !important;
        height: auto;
    }
}
@media only screen and (max-width: 1280px) {
    html {
        background: url('images/ajax-loader.gif') no-repeat center center #003a57;
        height: 100vh;
        background-size: 125px 125px;
    }
    html.loaded {
        height: auto;
    }
    body {
        opacity: 0;
    }
    body.loaded {
        opacity: 1;
    }
    body.mobileOpened {
        overflow: hidden;
        width: 100vw;
        height: 100vh;
    }
    .enUnClick {
        position: static !important;
        width: 100%;
        margin-left: 0;
        display: block;
    }
    .enUnClick .inner {
        position: static !important;
        width: 100%;
    }
    .enUnClick .inner {
        padding-top: 47px;
    }
    .enUnClick ul li a {
        margin-bottom: 10px;
        border-radius: 5px;
    }
    .enUnClick ul {
        padding: 25px 9px 15px !important;
        box-sizing: border-box;
    }

    #menu #searchForm > div #searchString {
        border-top-left-radius: 0;
    }

    .shadow {
        background: rgba(28,28,28,0.8);
        position: fixed;
        display: none;
        height: 100vh;
        width: 100vw;
        z-index: 2;
        left: 0;
        top: 0;
    }
    .toggleBurger {
        display: block;
        width: 80px;
        font-size: 0;
        text-decoration: none;
        height: 75px;
        background: url("images/ico_toggleBurger.png") no-repeat center center transparent;
    }
    .toggleBurger.opened {
        background: url("images/ico_toggleBurgerClose.png") no-repeat center center #efefef;
    }
    #menu #searchForm {
        width: 100vw;
        border-bottom: 1px solid #e6e6e6;
        height: 71px;
        box-sizing: border-box;
        z-index: 1;
    }
    .bandeauHautInner {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }
    .bandeauHautInner .logo {
        width: 130px;
    }

    #menu {
        background: none;
        border-bottom: 0;
        display: block;
        position: absolute;
        top: 75px;
        left: 0;
        width: auto;
        background-color: #efefef;
        z-index: 3;
    }
    body.pseudo #menu > ul {
        max-height: calc(100vh - 195px);
    }
    #menu > ul {
        max-height: calc(100vh - 95px);
        overflow: auto;
        display: block;
    }
    #menu > ul > li:first-child > a {
        border-radius: 0;
    }
    #menu > ul > li > a {
        background: url("images/ico_arrowDownMenu.png") no-repeat right 20px top 50% transparent;
        padding: 13px 20px;
        padding-right: 45px;
        text-align: left;
    }
    #menu > ul > li.active > a {
        background: url("images/ico_arrowUpMenu.png") no-repeat right 20px top 50% transparent;
    }
    #menu ul {
        display: none;
        width: 320px;
        max-width: 100%;
        padding: 15px 0 0;
    }
    #menu > ul > li {
        display: block;
        height: auto;
    }
    #menu > ul > li > .sousMenu {
        position: static;
        padding: 0;
        padding-left: 20px;
    }
    #menu > ul > li > .sousMenu > ul {
        display: block;
        padding: 5px 15px 10px;
        padding-right: 35px;
        box-sizing: border-box;
    }
    #menu > ul > li > .sousMenu > ul > li {
        display: block;
        width: 100%;
        margin: 0 0 15px;
    }
    #menu > ul > li > .sousMenu > ul > li:last-child {
        margin-bottom: 0;
    }
    #menu > ul > li > .sousMenu > ul > li > ul {
        padding-left: 5px;
        box-sizing: border-box;
        padding-right: 5px;
    }
    #menu > ul > li > .sousMenu > ul > li > ul a {
        padding-left: 10px;
    }
    #menu .lienMag {
        margin-top: 20px;
        width: 100%;
        background: url("images/ico_magMobile.png") no-repeat center center #48DC6D;
        transition: all 0.3s;
    }
    #menu .lienMag:hover {
        opacity: 0.75;
    }
    #searchBtn {
        display: block;
        width: 80px;
        font-size: 0;
        text-decoration: none;
        height: 75px;
        background: url("images/ico_searchMobile.png") no-repeat center center transparent;
    }
    #searchBtn.opened {
        background: url("images/ico_searchMobileClose.png") no-repeat center center #48DC6D;
    }
    .bandeauHautInner {
        position: relative;
        z-index: 3;
    }
    .bandeauHautInner p {
        flex-grow: 0;
        margin-left: 0;
    }
}
@media only screen and (max-width: 980px) {
    .TPL_ACTUALITELESPLUSLUES img.alignleft {
        float: none;
        width: 100%;
        max-width: 100vw;
    }
    body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #btn_suivant {
        right: 25px;
    }
    body:not(#Accueil) .tpl_mediaDiaporamaGlob .other {
        display: block;
        width: 100%;
        float: none;
    }
    body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama li .detail {
        display: none;
    }
    body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama li .contentImg {
        width: 100%;
    }
    body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #zoneVisible .items li {
        width: calc(100vw - 40px);
    }
    .TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail {
        top: auto;
        bottom: 0;
    }
    .TPL_ACTUALITESOMMAIRE .colonneGauche {
        width: 100%;
        float: none;
        margin: 0 0 25px;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .TPL_ACTUALITESOMMAIRE .colonneDroite {
        display: block;
        width: 100%;
        margin: 0 0 25px;
        padding: 0 20px;
        box-sizing: border-box;
        float: none;
    }
    .TPL_SOCIALSHARE .flexbox {
        flex-wrap: wrap;
    }
    .TPL_SOCIALSHARE .flexbox .left, .TPL_SOCIALSHARE .flexbox .right {
        flex-basis: 100%;
        width: 100%;
    }
    .TPL_SOCIALSHARE .flexbox .left {
        margin-bottom: 40px;
    }
    .TPL_SOCIALSHARE .flexbox .left .fb_iframe_widget {
        display: block;
    }
    .TPL_SOCIALSHARE .flexbox .left .fb_iframe_widget span {
        display: block;
    }
    .fb-page, .fb-page span, .fb-page span iframe[style] {
        max-width: 300px;
        display: block;
        margin: 0 auto;
    }
    .TPL_ACTUALITE .tpl_actualite > div:first-child {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .TPL_ACTUALITE .tpl_actualite > #colonneDroite {
        float: none;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        margin: 0;
    }

    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items li .contentImg img {
        width: calc(100vw - 80px) !important;
    }
    .TPL_MEDIAFICHE .tpl_mediaFicheDiaporama #zoneVisible .items li {
        width: calc(100vw - 80px) !important;
    }

    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama  #zoneVisible ul.items li .contentImg {
        height: auto !important;
    }
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama  #zoneVisible ul.items li .contentImg img {
        width: 100%;
        height: auto;
    }
    .tpl_mediaHome .imgContainer .slide:not(.firstVideo) {
        display: none;
    }
    .tpl_mediaHome .imgContainer {
        height: auto;
    }
    .tpl_mediaHome .container .imgContainer ul li.slide {
        height: auto;
    }
    .tpl_mediaHome .listContainer {
        display: none;
    }
    .TPL_MEDIA .calque {
        left: 50%;
        transform: translateX(-50%);
    }
    .tpl_media .publication .inner .imgContainer .calque2 {
        left: 50%;
        transform: translateX(-50%);
    }
    .tpl_presse {
        padding: 2px 20px;
    }
    .tplRechercheAvancee .rechercheAvanceeWrapper {
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 5px;
        width: 100%;
        box-sizing: border-box;
        max-width: 930px;
        height: auto;
        margin: 0 auto 25px;
    }
    .tpl_presse.tplRechercheAvancee .optioncategorie {
        width: 100%;
        display: block;
        float: none;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .tplRechercheAvancee .option {
        display: block;
        width: 100%;
        float: none;
    }
    .tplRechercheAvancee .options h3 input {
        margin-bottom: 15px;
    }
    .tplRechercheAvancee .rechercheAvanceeWrapper.formOpen .rechercheAvanceeContainer, .tplRechercheAvancee .rechercheAvanceeWrapper.formOpen .rechercheAvanceeInner {
        background: none;
        width: 100%;
        min-height: 0;
        height: auto;
        box-sizing: border-box;
    }
    .tplRechercheAvancee .rechercheAvanceeWrapper.formOpen {
        width: 100%;
        min-height: 0;
        box-sizing: border-box;
    }
    .tplRechercheAvancee .rechercheAvanceeWrapper h3 {
        margin-bottom: 0 !important;
    }
    .tpl_presse .presse {
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 20px;
    }
    .TPL_PRESSERECHERCHE > .inner .tplRechercheAvancee > a {
        display: block;
        margin: 0 auto 20px;
        text-align: center;
    }
    .tpl_presse .presse h3 {
        margin-left: 0;
    }
    .tpl_presse .accesPresse {
        float: none;
        display: block;
        width: 100%;
        left: 0;
        padding: 0;
        box-sizing: border-box;
        top: 0;
        background-color: transparent;
    }
    .TPL_ACTUALITELESPLUSLUES {
        background: #e3dddc;
    }

    .withColDroite .searchFilterContainer .colgauche {
        width: 100%;
        float: none;
        display: block;
        margin-bottom: 20px;
    }
    .withColDroite .searchFilterContainer .coldroite {
        float: none;
        width: 100%;
        display: block;
    }
    .partage {
        position: static;
        display: block;
        width: 100%;
        text-align: left;
        margin: 0 0 25px;
        padding: 0 20px;
        box-sizing: border-box;
    }
    #colonneDroite .PRS_CHIFFRESCLES {
        text-align: center;
    }
    .arianebloc {
        width: 100%;
        box-sizing: border-box;
    }

    .bandeauBas {
        margin-bottom: 0;
        border-radius: 0;
    }
    #corps .tpl_actualiteRecente .imgContainerActu {
        float: none;
        display: block;
        width: 100%;
        max-width: 720px;
        margin: 0 auto 20px;
    }
    #corps .tpl_actualiteRecente .listContainerActu {
        float: none;
        display: block;
        width: 100%;
    }
    #corps .tpl_actualiteRecente .listContainerActu ul {
        height: auto;
        display: block;
        text-align: center;
        margin-bottom: 30px;
        font-size: 0;
    }
    #corps .tpl_actualiteRecente .listContainerActu ul li {
        position: static !important;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .carrousel_cover {
        display: none;
    }
    #corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome {
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.45+10,1+28 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 10%, rgba(0,0,0,1) 28%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 10%,rgba(0,0,0,1) 28%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 10%,rgba(0,0,0,1) 28%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    }
    #corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome > p {
        display: none;
    }
    #corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome a h2 {
        font-size: 20px;
        margin-top: 4px;
        line-height: 26px;
    }
    #corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome h3 {
        font-size: 14px;
        margin-top: 15px;
    }

    #corps .tpl_actualiteRecente .listContainerActu ul li a {
        position: relative;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: #6d6f71;
        font-size: 0;
        display: block;
        margin: 0 10px;
        transition: all 0.3s;
    }
    #corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome a h2 {
        width: 100%;
        display: block;
    }
    #corps .tpl_actualiteRecente .imgContainerActu ul li .innerHome {
        width: 100%;
        box-sizing: border-box;
    }
    #corps .tpl_actualiteRecente .lesLiens {
        text-align: center;
    }
    #corps .tpl_actualiteRecente .listContainerActu ul li.selected a, #corps .tpl_actualiteRecente .listContainerActu ul li a:hover {
        background-color: #003a57;
    } 
    #corps .tpl_actualiteRecente .listContainerActu ul li a > * {
        display: none !important;
    }
    #corps .tpl_actualiteRecente .listContainerActu ul li.itemVignette.item1,
    #corps .tpl_actualiteRecente .listContainerActu ul li.itemVignette.item2,
    #corps .tpl_actualiteRecente .listContainerActu ul li.itemVignette.item3 {
        position: static !important;
    }
    #corps .tpl_actualiteRecente .listContainerActu ul li a img {
        display: none;
    }
    #menu {
        border-radius: 0;
    }

    #contenu, .avecColonneDroite #contenu {
        width: 100%;
        float: none;
        display: block;
    }
    #colonneDroite {
        float: none;
        margin: 0;
        display: block;
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
}
@media only screen and (max-width: 900px) {
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items li,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items li .contentImg {
        height: 540px !important;
    }
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama {
        height: 540px;
    }
}
@media only screen and (max-width: 880px) {
    .bandeauHautInner p {
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    .TPL_MEDIARECHERCHE .item .vignette img {
        max-width: 100vw !important;
        width: 100%;
        height: auto;
    }
    .tpl_presse .presse .item a.alignleft {
        display: block;
        margin-bottom: 15px;
    }
    .tpl_presse .presse .item .imgWrapper {
        float: none;
    }
    .tpl_presse .presse .item .itemContent {
        float: none;
        width: 100%;

    }
    .tpl_presse .presse .item .itemContent .libelle {
        padding: 0 !important;
        margin: 0 !important;
    }
    .tpl_presse .presse .item .itemContent > * {
        margin-left: 0 !important;
    }
    .TPL_SOCIALSHARE .flexbox .left, .TPL_SOCIALSHARE .flexbox .right {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .tpl_presse .presse .item .imgWrapper img {
        margin: 0 auto;
        width: 100% !important;
        max-width: 100vw !important;
        height: auto !important;
    }

    body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #btn_precedent,
    body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #btn_suivant {
        background-size: 75% auto;
        margin: 0 !important;
    }
    .TPL_MEDIADIAPORAMA .retour {
        padding-left: 20px;
        margin-bottom: 5px;
        display: inline-block;
    }

    body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #zoneVisible {
        height: 204px;
    }
    body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #zoneVisible .items li img {
        max-width: 280px;
        height: auto;
    }
    body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #zoneVisible .items li {
        position: relative;
    }
    body:not(#Accueil) .tpl_mediaDiaporamaGlob .tpl_mediaDiaporama #zoneVisible .items li::after {
        content: "";
        height: 100%;
        left: 100%;
        top: 0;
        position: absolute;
        z-index: 1;
        width: 40px;
        background: #000033;
    }
    .TPL_MEDIAFICHE .photo {
        padding-bottom: 70px;
    }
    .TPL_MEDIAFICHE .photo h3 a {
        margin: 0 auto;
        height: auto;
        width: 100%;
        display: block;
        line-height: 18px;
        text-align: center;
    }
    #contenu .paragraphe.TPL_ACTUALITESOMMAIRE div.actualite img {
        max-width: 100%;
    }
    #corps .tpl_actualiteRecente .imgContainerActu {
        height: 420px;
    }
    #corps .tpl_actualiteRecente .imgContainerActu ul li img {
        max-height: 100%;
    }
    .TPL_MAGAZINEACCUEIL {
        padding-left: 10px;
        padding-right: 10px;
    }
    #corps .tpl_actualiteRecente {
        padding-left: 10px;
        padding-right: 10px;
    }
    #corps .tpl_actualiteRecente .containerActu {
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
    }
    .tpl_mediaVideo .ficheImage .mediaObject {
        float: none;
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }
    .tpl_mediaVideo .ficheImage .mediaObject iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .tpl_mediaVideo .ficheImage, .tpl_mediaInfographie .ficheImage {
        background: none;
        padding: 30px 0 0;
    }
    .TPL_MEDIADIAPORAMA .other, .tpl_mediaVideo .other, .tpl_mediaInfographie .other {
        float: none;
        width: auto;
        margin: 0;
    }
    .TPL_MEDIADIAPORAMA .other .inner, .tpl_mediaVideo .other .inner, .tpl_mediaInfographie .other .inner {
        background: none;
    }
    .tpl_mediaInfographie a.consulter, .tpl_mediaVideo a.consulter, body:not(#Accueil) .tpl_mediaDiaporamaGlob a.consulter {
        float: none;
        display: block;
        margin: 10px auto;
        text-align: center;
    }
    .TPL_MEDIADIAPORAMA .other .item, .tpl_mediaVideo .other .item, .tpl_mediaInfographie .other .item {
        float: none;
        display: block;
        margin: 0 auto 20px;
        width: 100%;
    }
    .TPL_MEDIADIAPORAMA .other .item img,
    .tpl_mediaVideo .other .item img,
    .tpl_mediaInfographie .other .item img{
        max-width: 100% !important;
    }
    .TPL_ACTUALITE > .tpl_actualite, .TPL_ACTUALITE > .inner > .tpl_actualite {
        padding: 0 20px;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }

    .TPL_MEDIAFICHE .lienDiapo {
        width: 100%;
        left: 0;
        right: auto;
        padding: 0 0 5px !important;
    }
    .TPL_MEDIAFICHE .lienDiapo a {
        display: block;
        width: 100%;
    }
    .TPL_ACTUALITE .tpl_actualite > div:first-child {
        padding-left: 0;
        padding-right: 0;
    }
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items li .contentImg img {
        max-width: 320px;
        height: auto;
    }
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama {
        height: 295px !important;
    }
    TPL_MEDIAFICHE {
        min-height: 160px;
    }
    .TPL_MEDIAFICHE .mediatype.diaporama {
        max-width: 320px;
        margin: 0 auto;
        box-sizing: border-box;
    }
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items li,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items li .contentImg {
        height: 295px !important;
    }
    .TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail {
        max-width: 320px;
        bottom: auto;
        top: 185px;
    }

    .PRS_STANDARD a.cboxElement {
        cursor: default;
    }
    .bandeauBas .bottom > div.central > a {
        margin-bottom: 14px;
    }
    .tpl_mediaHome .lesLiens {
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    .tpl_mediaHome .lesLiens .right {
        display: block;
        margin-top: 15px;
        text-align: center;
        margin-left: 0;
    }
    .tpl_mediaHome .lesLiens .right a {
        display: block;
        right: 0 !important;
        margin: 15px auto 0 !important;
    }
    .TPL_DELIBERATIONLISTE input[type="text"] {
        margin-right: 0;
    }
    .TPL_DELIBERATIONLISTE table {
        margin-left: -20px;
        width: 100vw;
    }
    .tplRechercheAvancee .item .vignette {
        float: none;
        margin: 0 auto 15px;
    }
    .tplRechercheAvancee .item .date {
        float: none;
        display: block;
        width: 100%;
    }
    .tpl_mediaRecherche.tplRechercheAvancee .item .description {
        padding-left: 0;
    }
    .tpl_mediaRecherche.tplRechercheAvancee .item .libelle a {
        display: block;
    }
    .tpl_mediaRecherche.tplRechercheAvancee .item {
        float: none;
        display: block;
        width: 100%;
        margin-right: 0;
        padding-top: 20px;
        margin-bottom: 0;
        clear: both;
    }
    .TPL_MEDIARECHERCHE .ligne .alter {
        background: none;
    }
    p.optioncategorieP input, div.option input {
        width: auto;
        display: inline-block;
        vertical-align: middle;
        margin-right: 3px;
    }
    .paragraphe p label {
        float: none;
        display: block;
        width: 100%;
        padding-right: 0;
        margin-bottom: 5px;
        text-align: left;
    }
    input, textarea, select {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 5px;
    }
    span.cases input {
        width: auto;
        display: inline-block;
        vertical-align: middle;
    }
    span.cases input + label {
        margin-right: 10px;
    }

    object.alignleft, img.alignleft, table.alignleft, span.alignleft,
    object.alignright, img.alignright, table.alignright, span.alignright{
        float: none;
        margin: 10px auto;
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
    }
    span.alignleft,
    span.alignright {
        text-align: center;
    }
    span.alignleft img,
    span.alignright img {
        margin: 0 auto 20px;
    }
    acronym {
        border-bottom: none !important;
        cursor: inherit !important;
        text-decoration: none !important;
    }
    .TPL_RECHERCHE form {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .TPL_PAGEFILLE ul, .TPL_PAGESOEUR ul {
        justify-content: space-between;
    }
    .TPL_PAGEFILLE ul li, .TPL_PAGESOEUR ul li {
        flex-basis: 30%;
        min-width: 30%;
    }
    .bandeauHautInner p {
        display: none;
    }
    .bandeauBas .top {
        text-align: center;
    }
    .bandeauBas .top img {
        display: block;
        margin: 0 auto 25px;
    }
    .bandeauBas .bottom {
        display: block;
        width: 100%;
        text-align: center;
    }
    .bandeauBas .bottom > div {
        max-width: 100% !important;
    }
    .bandeauBas .bottom ul {
        float: none;
    }

    .TPL_MAGAZINEACCUEIL .inner {
        display: block;
        width: 100%;
        padding-bottom: 70px;
        position: relative;
        margin-bottom: 20px;
    }
    .TPL_MAGAZINEACCUEIL .inner > a {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 25px;
    }
    .TPL_MAGAZINEACCUEIL ul {
        display: block;
        width: 100%;
        text-align: center;
    }
    .TPL_MAGAZINEACCUEIL ul li {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0 auto 20px;
    }
    .TPL_MAGAZINEACCUEIL ul li .infos h2 {
        text-align: left;
    }
    .TPL_MAGAZINEACCUEIL ul li .desc {
        text-align: left;
    }
    .TPL_MAGAZINEACCUEIL ul li .infos {
        min-height: 0;
        padding-bottom: 40px;
    }
    .TPL_MAGAZINEACCUEIL ul li:nth-child(n+4) {
        display: none;
    }
    .TPL_MAGAZINEACCUEIL ul li:last-child {
        margin-bottom: 0;
    }
    .TPL_MAGAZINEABO .flexbox {
        flex-wrap: wrap;
    }
    .TPL_MAGAZINEABO .flexbox > div {
        width: 100% !important;
        display: block;
        margin: 0 !important;
        flex-grow: 1;
    }
    .TPL_MAGAZINEABO .flexbox > .PRS_ACCUEIL {
        min-width: 0;
        order: 2;
    }
    .TPL_MAGAZINEABO .flexbox .right {
        padding: 20px;
        order: 1;
        margin-bottom: 25px !important;
    }
    .TPL_MAGAZINEABO .flexbox .right .line {
        display: block;
        text-align: center;
    }
    .TPL_MAGAZINEABO .flexbox .right .line .mc-field-group {
        width: 100%;
        text-align: left;
        display: block;
        margin-bottom: 25px;
        margin-right: 0;
    }
    .TPL_MAGAZINEABO .flexbox .right .line > input {
        margin: 0 auto;
    }
}
@media only screen and (max-width: 620px) {
    .TPL_PAGEFILLE ul li, .TPL_PAGESOEUR ul li {
        flex-basis: 48%;
        min-width: 48%;
        margin-left: 0;
        margin-right: 0;
    }
}
@media only screen and (max-width: 480px) {
    .TPL_RECHERCHE form p {
        flex-wrap: wrap;
    }
    .TPL_RECHERCHE form p #tpl_rechercheSearchStringInputID {
        flex-basis: 100%;
        width: 100%;
        margin-bottom: 20px;
        padding: 10px 15px;
    }
    .TPL_RECHERCHE form p > span.submit {
        margin: 0 auto;
        padding: 0;
    }
    .TPL_PRESSERECHERCHE > .inner .tplRechercheAvancee > a {
        display: none;
    }
    .TPL_PAGEFILLE ul li, .TPL_PAGESOEUR ul li {
        flex-basis: calc(100% - 20px);
        min-width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama .controle {
        top: 20%;
    }

    body .storyjs-embed.full-embed {
        margin: 0 auto !important;
    }

    .fancybox-container .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }
}
@media only screen and (max-width: 400px) {
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama {
        height: 295px !important;
    }
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items li,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items li .contentImg {
        height: 295px !important;
    }
}
@media only screen and (max-width: 350px) {
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama {
        height: 295px !important;
    }
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items li,
    .TPL_MEDIAFICHE .mediatype.diaporama .inner .tpl_mediaFicheDiaporama #zoneVisible ul.items li .contentImg {
        height: 295px !important;
    }
    .TPL_MEDIAFICHE .tpl_mediaFicheDiaporama li .detail {
        max-width: 320px;
        bottom: auto;
        top: 155px;
    }
}