@charset "utf-8";

/* font faces */

@font-face {
    font-family: 'OpenSansBold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('fonts/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabolditalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedBold';
    src: url('fonts/opensans-condbold-webfont.eot');
    src: url('fonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condbold-webfont.woff') format('woff'),
         url('fonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('fonts/opensans-condbold-webfont.svg#OpenSansCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedLightRegular';
    src: url('fonts/opensans-condlight-webfont.eot');
    src: url('fonts/opensans-condlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condlight-webfont.woff') format('woff'),
         url('fonts/opensans-condlight-webfont.ttf') format('truetype'),
         url('fonts/opensans-condlight-webfont.svg#OpenSansCondensedLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansCondensedLightItalic';
    src: url('fonts/opensans-condlightitalic-webfont.eot');
    src: url('fonts/opensans-condlightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-condlightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-condlightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-condlightitalic-webfont.svg#OpenSansCondensedLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webblack';
    src: url('fonts/titilliumweb-black-webfont.eot');
    src: url('fonts/titilliumweb-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-black-webfont.woff') format('woff'),
         url('fonts/titilliumweb-black-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-black-webfont.svg#titillium_webblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webbold';
    src: url('fonts/titilliumweb-bold-webfont.eot');
    src: url('fonts/titilliumweb-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-bold-webfont.woff') format('woff'),
         url('fonts/titilliumweb-bold-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-bold-webfont.svg#titillium_webbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webbold_italic';
    src: url('fonts/titilliumweb-bolditalic-webfont.eot');
    src: url('fonts/titilliumweb-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-bolditalic-webfont.woff') format('woff'),
         url('fonts/titilliumweb-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-bolditalic-webfont.svg#titillium_webbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webthin';
    src: url('fonts/titilliumweb-extralight-webfont.eot');
    src: url('fonts/titilliumweb-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-extralight-webfont.woff') format('woff'),
         url('fonts/titilliumweb-extralight-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-extralight-webfont.svg#titillium_webthin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webthin_italic';
    src: url('fonts/titilliumweb-extralightitalic-webfont.eot');
    src: url('fonts/titilliumweb-extralightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-extralightitalic-webfont.woff') format('woff'),
         url('fonts/titilliumweb-extralightitalic-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-extralightitalic-webfont.svg#titillium_webthin_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webitalic';
    src: url('fonts/titilliumweb-italic-webfont.eot');
    src: url('fonts/titilliumweb-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-italic-webfont.woff') format('woff'),
         url('fonts/titilliumweb-italic-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-italic-webfont.svg#titillium_webitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_weblight';
    src: url('fonts/titilliumweb-light-webfont.eot');
    src: url('fonts/titilliumweb-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-light-webfont.woff') format('woff'),
         url('fonts/titilliumweb-light-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-light-webfont.svg#titillium_weblight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_weblight_italic';
    src: url('fonts/titilliumweb-lightitalic-webfont.eot');
    src: url('fonts/titilliumweb-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-lightitalic-webfont.woff') format('woff'),
         url('fonts/titilliumweb-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-lightitalic-webfont.svg#titillium_weblight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webregular';
    src: url('fonts/titilliumweb-regular-webfont.eot');
    src: url('fonts/titilliumweb-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-regular-webfont.woff') format('woff'),
         url('fonts/titilliumweb-regular-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-regular-webfont.svg#titillium_webregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_websemibold';
    src: url('fonts/titilliumweb-semibold-webfont.eot');
    src: url('fonts/titilliumweb-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-semibold-webfont.woff') format('woff'),
         url('fonts/titilliumweb-semibold-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-semibold-webfont.svg#titillium_websemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_websemibold_italic';
    src: url('fonts/titilliumweb-semibolditalic-webfont.eot');
    src: url('fonts/titilliumweb-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titilliumweb-semibolditalic-webfont.woff') format('woff'),
         url('fonts/titilliumweb-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/titilliumweb-semibolditalic-webfont.svg#titillium_websemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'neogreyregular';
    src: url('fonts/neogreyregular-webfont.eot');
    src: url('fonts/neogreyregular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/neogreyregular-webfont.woff') format('woff'),
         url('fonts/neogreyregular-webfont.ttf') format('truetype'),
         url('fonts/neogreyregular-webfont.svg#neogreyregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* end font faces */

#tabs:after,
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    overflow: hidden;
}
 
.clearfix {
    /*display: inline-block;*/
    display: block;
}
 
.center {
    text-align: center;
}

.left {
    float: left;
    margin-right: 15px;
}

.right {
    float: right;
    margin-left: 15px;
}

html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

html {
    min-height: 100%;
    overflow-y: scroll;
    /*background : #555555;*/
}

.html-vhresponsive {
    height: 100%;
}

body {
    background: #fff;
    min-height: 100%;
    margin: 0;
    padding: 0;
    font-family: OpenSansLight, Arial, Verdana, sans-serif;
    font-size: 15px;
    line-height: 1em;
    color: #555;
}

.body-vhresponsive {
    height: 100%;
}

.index,
.page-tv {
    background: #555;
}

a {
    font-family: OpenSansLight, Arial, Verdana, sans-serif;
    color: #555;
}

#global {
    position: relative;
    /*height: 100%;*/
    /*min-width: 1386px;*/
}

.html-vhresponsive #global {
    height: 100%;
    position: static;
}

.index #global {
    /*min-width: 1146px;*/
}

.page:not(.home) #global {
    /*min-width: 1000px;*/
}

/* --- header --- */

#header {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background: #f0f0f0;
    width: 240px;
    z-index: 1;
}

/* logo */

#logo {
    margin: 0;
    padding: 0;
    text-align: center;
    padding-top: 52px;
    margin-bottom: 78px;
    height: 90px;
    overflow: hidden;
}
#logo .titre {
    display: block;
    line-height: 1.1em;
}

#logo img {
    border: 0;
}

/* search engine */

#search-engine {
    border-bottom: 1px solid #cececf;
    margin: 0 26px 28px;
    padding-bottom: 12px;
}

#search-engine form {
    overflow: hidden;
}

#search-engine label {
    display: none;
}

#search-engine input {
    float: left;
    width: 168px;
    border: 0;
    background: #f0f0f0;
    font-family: titillium_weblight, Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: #555;
}

#search-engine input:-ms-input-placeholder { color: #555; filter: alpha(opacity=100); }
 
#search-engine input::-webkit-input-placeholder { color: #555; opacity: 1; }
 
#search-engine input:-moz-placeholder { color: #555; opacity: 1; } /* Firefox 18 and under */
 
#search-engine input::-moz-placeholder { color: #555; opacity: 1; } /* Firefox 19+ */

#search-engine button {
    float: left;
    cursor: pointer;
    background: url(img/bt-search.png) no-repeat center center;
    width: 16px;
    height: 16px;
    text-indent: -1000000px;
    border: 0;
}

/* menu */

#menu {
    /*margin-left: 26px;
    margin-right: 26px;*/
    padding-left: 26px;
    padding-right: 26px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu li.CMS_lvl2 {
    padding-bottom: 22px;
}

#menu li a.CMS_lvl2 {
    display: block;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #555;
    text-transform: uppercase;
    text-decoration: none;
    min-height: 17px;
}

#menu ul.CMS_lvl2 > li:first-child a.CMS_lvl2:first-child {
    background: url(img/back-home.png) no-repeat right center;
}

/* état Hover / selected */
#menu li a.CMS_lvl2:hover,
#menu li a.CMS_lvl2.selected,
#menu li a.CMS_lvl2.selected:hover,
#menu li a.CMS_lvl2.CMS_current {
    color: #1087c9;
}

/* affichage du lvl3 injecté */
.menu-palettes {
    position: absolute;
    z-index: 2;
    left: 240px;
    top: 260px;
    bottom: 0;
    background: #1c8dcc;
    width: 240px;
    display: none;
    padding-top: 23px;
    padding-bottom: 29px;
}

.menu-palettes h2 {
    margin: 0;
    padding: 0 20px 25px 20px;
    border-bottom: 1px solid #49a4d6;
    font-family: titillium_webthin, Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    color: #fff;
    line-height: 1em;
    font-weight: normal;
}

.menu-palettes ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* level 1 de la palette */

.menu-palettes li.CMS_lvl3 {
    border-bottom: 1px solid #49a4d6;
    padding-top: 6px;
    padding-bottom: 10px;
}

.menu-palettes li.CMS_lvl3 a.CMS_lvl3 {
    display: block;
    padding: 8px 30px 8px 36px;
    background-image: url(img/palette-fleche-1.png);
    background-repeat: no-repeat;
    background-position: 20px 12px;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    color: #fff;
    line-height: 1em;
    text-decoration: none;
}
.menu-palettes li.CMS_lvl3 a.CMS_lvl3:hover,
.menu-palettes li.CMS_lvl3 a.CMS_current {
    background-color: #49a4d6;
}

/* level 2 de la palette */

.menu-palettes li.CMS_lvl4 a.CMS_lvl4 {
    display: block;
    padding: 8px 30px 8px 53px;
    background-image: url(img/palette-fleche-2.png);
    background-repeat: no-repeat;
    background-position: 36px 12px;
    font-family: titillium_weblight, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #fff;
    line-height: 1em;
    text-decoration: none;
}
.menu-palettes li.CMS_lvl4 a.CMS_lvl4:hover,
.menu-palettes li.CMS_lvl4 a.CMS_current {
    background-color: #49a4d6;
}

.menu-palettes li a span {
    display: block;
}


/* --- fin header --- */

/* --- content --- */

#content {
    position: relative;
    z-index: 0;
    margin-left: 240px;
}

#content .content-colonne-1 {
    float: left;
    /*width: 370px;*/
    width: 32.3%;
}

#content .content-colonne-2 {
    float: left;
    /*width: 776px;*/
    width: 67.7%;
}


/* dispositions vertical responsive */
.vh-responsive,
.vh-responsive .content-inner {
    height: 100%;
    /*position: relative;*/
}

.vh-responsive .content-bloc-1 {
    position: absolute;
    top: 0;
    left: 0;
    /*float: left;*/
    height: 59.4%;
    width: 32.3%;
}
.vh-responsive .content-bloc-2 {
    position: absolute;
    top: 0;
    left: 32.3%;
    /*float: left;*/
    height: 59.4%;
    width: 67.7%;
}
.vh-responsive .content-bloc-3 {
    position: absolute;
    top: 59.4%;
    left: 0;
    /*clear: both;
    float: left;*/
    height: 40.6%;
    width: 32.3%;
}
.vh-responsive .content-bloc-4 {
    position: absolute;
    top: 59.4%;
    left: 32.3%;
    /*float: left;*/
    height: 40.6%;
    width: 46.8%;
}
.vh-responsive .content-bloc-5 {
    position: absolute;
    top: 59.4%;
    left: 79.1%;
    /*float: left;*/
    height: 40.6%;
    width: 20.9%;
}

/* home info 1 et 2 */

#content .home-info1,
#content .home-info2 {
    position: relative;
}

#content.vh-responsive .home-info1,
#content.vh-responsive .home-info2,
#content.vh-responsive .home-info1 .image,
#content.vh-responsive .home-info2 .image {
    height: 100%;
}

#content.vh-responsive .home-bloc-1-1,
#content.vh-responsive .home-bloc-1-2 {
    height: 50%;
}

#content .home-info1 img,
#content .home-info2 img {
    display: block;
    width: 100%;
    height: auto;
}

#content.vh-responsive .home-info1 img,
#content.vh-responsive .home-info2 img {
    height: 100%;
}

#content .home-info1 .text,
#content .home-info2 .text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 50px 35px 0 35px;
    font-family: titillium_weblight, Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    color: #fff;
    line-height: 1.3em;
}

#content .home-info2 .text {
    padding-top: 78px;
}

#content .home-info1 .text p,
#content .home-info2 .text p {
    margin: 0;
    padding: 0;
}

#content .home-info1 .text a,
#content .home-info2 .text a {
    position: absolute;
    right: 20px;
    bottom: 22px;
    display: block;
    background: url(img/more-button.png) no-repeat right center;
    padding-right: 48px;
    color: #fff;
    text-decoration: none;
    font-size: .7em;
    text-align: right;
    line-height: 24px;
    margin-top: 15px;
}

#content .home-info2 .text {
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
}

#content .home-info2 .text a {
    font-size: .9em;
    text-transform: none;
}

#content .home-info2 .text strong {
    display: block;
    text-transform: uppercase;
    font-weight: normal;
    font-family: titillium_webthin, Arial, Helvetica, sans-serif;
    font-size: 2em;
    line-height: 1em;
}

/* news */

#content.vh-responsive .home-bloc-1-3 {
    height: 100%;
    background: #94C126;
}

#content .home-news .photo {
    position: relative;
}

#content .home-news .photo img {
    display: block;
    width: 100%;
    height: auto;
}

#content .home-news .photo .pic {
    display: block;
    position: absolute;
    left: 35px;
    bottom: 0;
    background: url("img/news-pin.png") no-repeat 0 0;
    width: 14px;
    height: 14px;
}

#content .home-news .photo img {
    display: block;
}

#content .home-news .excerpt {
    background: #94c126;
    height: 141px;
}
#content.vh-responsive .home-news .excerpt {
    background: none;
    background-color: #94C126;
    height: auto;
}

#content .home-news .excerpt h2 {
    margin: 0 0 10px 0;
    padding: 0;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: normal;
}

#content .home-news .excerpt-inner {
    padding: 19px 35px 0 35px;
    color: #fff;
}

#content .home-news .excerpt .date {
    margin-bottom: 8px;
}

#content .home-news .excerpt .text {
    line-height: 1.2em;
    width: 85%;
}

#content .home-news .excerpt .text p {
    margin: 0;
    padding: 0;
}

#content .home-news .excerpt .link {
    float: right;
    width: 25%;
    margin-top: -24px;
}

#content .home-news .excerpt .link a {
    display: block;
    background: url(img/plus.png) no-repeat 0 0;
    width: 28px;
    padding-top: 24px;
    height: 0;
    overflow: hidden;
    float: right;
}

/* video */

#content .bloc-videos {
    /*height: 440px;*/
    background: #000;
    position: relative;
    overflow: hidden;
}

#content.vh-responsive .home-bloc-2-1,
#content.vh-responsive .bloc-videos {
    height: 100%;
}

#content .bloc-videos iframe {
    width: 100%;
}

#content .bloc-videos .video-mask {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#content .bloc-videos .video-mask a > p {
    margin: 0;
}

#content .bloc-videos .video-mask img {
    display: block;
    width: 100%;
    /*height: 100%;*/
    height: auto;
}

#content.vh-responsive .bloc-videos .video-mask img {
    height: 100%;
}

#content .bloc-videos .video-mask a {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 120px;
    right: 120px;
    height: 186px;
    margin-top: -93px;
    background: url(img/bt-play.png) no-repeat center 66px;
    text-align: center;
    font-family: titillium_weblight, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.9em;
    line-height: 1em;
    text-decoration: none;
}

#content .bloc-videos .video-mask .trame {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(img/grid-point.png);
}

#content .bloc-videos .video-mask em {
    display: block;
    font-style: normal;
}

#content .bloc-videos .video-mask strong {
    display: block;
    margin-top: 80px;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: .6em;
    line-height: 1em;
    font-weight: normal;
    text-transform: uppercase;
}

/* about */

#content.vh-responsive .home-bloc-2-2 {
    height: 100%;
}

#content .home-bloc-2-2-1 {
    float: left;
    /*width: 536px;*/
    width: 69.1%;
}

#content.vh-responsive .home-bloc-2-2-1 {
    float: none;
    width: auto;
    height: 100%;
}

#content .home-bloc-2-2-1 img {
    display: block;
    width: 100%;
    height: auto;
}

#content.vh-responsive .home-bloc-2-2-1 img {
    height: 100%;
}

#content .home-about {
    position: relative;
}

#content.vh-responsive .home-about,
#content.vh-responsive .home-about .flex-viewport,
#content.vh-responsive .home-about .flex-viewport ul.slides,
#content.vh-responsive .home-about .flex-viewport ul.slides li {
    height: 100%;
}

#content .home-about .item {
    position: relative;
}

#content .home-about .item .mask {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(img/grid-points-gradient.png);
    background-size: cover;
}

#content .home-about .text {
    position: absolute;
    z-index: 2;
    top: 34px;
    left: 34px;
    color: #fff;
}

#content .home-about .text h2 {
    font-family: titillium_webthin, Arial, Helvetica, sans-serif;
    font-size: 1.9em;
    line-height: 1em;
    font-weight: normal;
    margin: 0 0 70px 0;
    text-transform: uppercase;
}

#content .home-about .text h2 strong {
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: block;
    font-size: .6em;
}

#content .home-about .text p {
    width: 60%;
    font-family: neogreyregular, Arial, Helvetica, sans-serif;
    line-height: 1.3em;
    text-transform: uppercase;
}

#content .home-about .text p strong {
    font-size: 2.5em;
    display: block;
    line-height: 1.3em;
}

/* sites */

#content .home-bloc-2-2-2 {
    float: left;
    /*width: 240px;*/
    width: 30.9%;
    height: 300px;
    background: #55595f url(img/our-docs-bg.jpg) no-repeat 0 0;
    background-size: cover;
}

#content.vh-responsive .home-bloc-2-2-2 {
    float: none;
    width: auto;
    height: 100%;
}

#content .home-sites {
    padding: 35px 35px 0 35px;
}

#content .home-sites h2 {
    margin: 0 0 20px 0;
    padding: 0;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.3em;
    text-transform: uppercase;
}

#content .home-sites ul {
    margin: 0;
    padding: 0 0 15px 0;
    list-style: none;
}

#content .home-sites li {
    margin-top: 15px;
}

#content .home-sites li a {
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.1em;
    text-decoration: none;
    background: url(img/sites-picto.png) no-repeat 0 center;
    padding-left: 20px;
}

#content .home-sites li a:hover {
    color: #1087c9;
}

/* page interieure */

.page:not(.home) #content,
.search #content {
    /*padding-right: 27.8%;*/
    padding-right: 386px;
}

.page:not(.home) #content .content-inner,
.search #content .content-inner {
    padding: 24px 35px;
}

/* breadcrumb */
#content .breadcrumb {
    margin-bottom: 17px;
}

#content .breadcrumb ul,
#content .breadcrumb span {
    margin: 0;
    padding: 0;
    list-style: none;
}

#content .breadcrumb a,
#content .breadcrumb span,
#content .breadcrumb li {
    display: inline;
    margin-right: 10px;
}

#content .breadcrumb span.breadcrumb_last, #content .breadcrumb a {
    text-decoration: none;
    background: url(img/nav-arrow.png) no-repeat 0 center;
    font-size: .9em;
    text-transform: uppercase;
    padding-left: 17px;
}
#content .breadcrumb span span span:hover,
#content .breadcrumb a:hover {
    color: #1087c9;
}

#content .breadcrumb span span span.home,
#content .breadcrumb a.home {
    background: none;
    padding-left: 0;
}

/* titre */

#content h1 {
    margin: 0 0 16px 0;
    padding: 0;
    font-family: titillium_weblight, Arial, Helvetica, sans-serif;
    font-size: 2.9em;
    color: #1087c9;
    font-weight: normal;
    line-height: 1em;
}

#content .corps {
    line-height: 1.7em;
}

#content .corps h2 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #1087C9;
    font-family: titillium_weblight,Arial,Helvetica,sans-serif;
    font-size: 2em;
    font-weight: normal;
}

#content .corps p {
    /*margin: 0 0 22px 0;*/
    margin: 11px 0;
    padding: 0;
}

#content .corps p.texte-espace {
    margin-bottom: 25px;
}

#content .corps .intro {
    background: url(img/bg-intro.jpg);
    padding: 32px 35px;
    margin-left: -35px;
    margin-right: -35px;
    margin-bottom: 35px;
    font-family: titillium_webthin, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 2.1em;
    line-height: 1.2em;
}

#content .corps .intro p,
#content .corps .couleur p {
    margin: 0;
    padding: 0;
}


#content .corps .couleur {
    margin-bottom: 35px;
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    font-size: 1.3em;
    color: #1087c9;
}

#content .corps .liste ul,
#content .corps ul.liste {
    margin: 25px 0 25px 40px;
    padding: 0;
    list-style: none;
}

#content .corps .liste li {
    background: url(img/blue-arrow.png) no-repeat 0 0;
    padding-left: 18px;
    margin-bottom: 16px;
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;
    color: #1087c9;
    line-height: 1em;
}

/* tabs */
#tabs.classic-tab ul.tabs-ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 90px;
    overflow: hidden;
}
#tabs.classic-tab ul.tabs-ul li {
    display: block;
    float: left;
    height: 90px;
    margin-right: 2px;
}

#tabs.classic-tab ul.tabs-ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    background: url(img/bg-hachure.png);
    line-height: 70px;
    padding-top: 10px;
    padding-left: 13px;
    padding-right: 13px;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #555;
}

#tabs.classic-tab ul.tabs-ul .ui-tabs-active a {
    background: url(img/bg-slide.png) center 0;
    line-height: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    color: #fff;
}

#tabs.classic-tab ul.tabs-ul li a .num {
    position: absolute;
    display: block;
    top: 18px;
    font-family: titillium_webbold, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #1087c9;
    line-height: 1em;
}

#tabs.classic-tab ul.tabs-ul .ui-tabs-active a .num {
    color: #fff !important;
}

#tabs.classic-tab .tab-content h2 {
    display: none;
}

/* liste images */

#tabs.classic-tab .tab-content ul.images {
    margin: 0;
    padding: 0;
    list-style: none;
}

#tabs.classic-tab .tab-content ul.images li {
    display: block;
    float: left;
    padding-left: 1%;
    padding-right: 1%;
    width: 23%;
    text-align: center;
}

#tabs.classic-tab .tab-content ul.images li em {
    display: block;
    margin-top: 12px;
    text-align: center;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    font-style: normal;
    line-height: 1.2em;
}

/* dans onglets, texte à gauche et image à droite */

#tabs.classic-tab .texte {
}

#tabs.classic-tab .image {
    float: right;
    width: 33%;
    margin-left: 2%;
    margin-bottom: 10px;
}

#tabs.classic-tab .image img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;    
    max-width: 100%;
    height: auto;
    /*border: 4px solid #ccc;*/
    border: 10px solid #fff;
    -webkit-box-shadow: 3px 3px 3px #777;
    -moz-box-shadow: 3px 3px 3px #777;
    box-shadow: 3px 3px 3px #777;
}

.pmedia-item img {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /*border: 4px solid #ccc;*/
    border: 10px solid #fff;
    -webkit-box-shadow: 3px 3px 3px #777;
    -moz-box-shadow: 3px 3px 3px #777;
    box-shadow: 3px 3px 3px #777;
}

/* exception quand bloc noborder */
.noborder img {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* tabs mode images */

#tabs.images-tab ul {
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

#tabs.images-tab li {
    display: block;
    float: left;
}

#tabs.images-tab li a {
    display: block;
    margin-right: 15px;
    /*background: #ddd;
    border-radius: 10px;*/
}

#tabs.images-tab li img {
    opacity: .4;
}

#tabs.images-tab li a:hover img,
#tabs.images-tab ul li.ui-tabs-active img {
    opacity: 1;
}

/* --- fin content --- */

/* --- illustration page intérieure ---  */

#photo-page {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    /*width: 27.8%;*/
    width: 386px;
    overflow: hidden;
}

#photo-page .pastille {
    position: absolute;
    top: 110px;
    left: 50%;
    margin-left: -81px;
    display: block;
    background: url(img/pastille.png) no-repeat 0 0;
    width: 162px;
    height: 160px;
    color: #fff;
    text-align: center;
}

#photo-page .pastille-inner {
    display: block;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    /*font-size: .9em;*/
    font-size: .9em;
    text-transform: uppercase;
    padding: 45px 27px 0 27px;
    line-height: 1.2em;
}

#photo-page .pastille p {
    margin: 0;
    padding: 0;
}

#photo-page .pastille strong {
    display: block;
    font-family: neogreyregular, Arial, Helvetica, sans-serif;
    /*font-size: 3.5em;*/
    font-size: 2.6em;
    font-weight: normal;
    line-height: 1em;
}

#photo-page img {
    display: block;
    /*width: 100%;
    height: auto;*/
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/* quand plusieurs image, lancement flexlider */

#photo-page .images-flexslider,
#photo-page ul.slides,
#photo-page ul.slides li {
    height: 100%;
}

/* --- FIN illustration page intérieure --- */

/* --- footer --- */

#footer {
    position: fixed;
    z-index: 2;
    left: 0;
    bottom: 25px;
}

#footer .footer-inner {
    margin-left: 26px;
}

#footer-links {
    margin-bottom: 36px; /*46px;*/
}

#footer-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer-links li {
    margin-bottom: 18px;
}

#footer-links li a {
    font-family: titillium_weblight, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

#footer-links li:first-child a {
    border-top: 1px solid #cececf;
    padding-top: 20px; /*30px;*/
}

#footer-links li a:hover {
    color: #1087c9;
}

#footer-flags ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

#footer-flags li {
    display: block;
    float: left;
    margin-right: 8px;
}

#footer-flags li a, #footer-flags li b {
    display: block;
    width: 28px;
    padding: 8px 0;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: .8em;
    color: #888;
    text-decoration: none;
    text-transform: uppercase;
}

#footer-flags li a:hover {
    color: #1087c9;
}

/* --- fin footer --- */

/* --- module listing actualités et page de détail actu --- */

/* search */

.actusearch {
    padding: 25px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.actusearch form {
    margin: 0;
    padding: 0;
}

.actusearch form label {
    font-family: titillium_webbold, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #1087c9;
    text-transform: uppercase;
}

.actusearch form input {
    display: block;
    width: 99%;
    height: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #555;
    text-indent: 15px;
}

.actusearch form select {
    display: block;
    height: 30px;
    width: 99%;
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #555;
}

.actusearch .fields-from-to input {
    display: inline;
    width: auto;
}

.actusearch .fields-from-to > label:first-child {
    display: block;
}

.actusearch .fields-from-to label.from-to {
    font-family: OpenSansLight,Arial,Helvetica,sans-serif;
    color: #555;
    text-transform: none;
}

.hasDatepicker {
    background: url(img/ico-calendar.png) no-repeat right center;
}

.actusearch form .bouton {
    margin-top: 20px;
    text-align: right;
}

.actusearch form button {
    padding-right: 46px;
    background: #1087c9 url(img/icone-button.png) no-repeat right center;
    border: 0;
    border-radius: 5px;
    height: 40px;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.1em;
    cursor: pointer;
}


.actusearch .col-1-search,
.actusearch .col-2-search {
    float: left;
    display: block;
    width: 45%;
}

.actusearch .col-1-search {
    margin-right: 5%;
}

.actusearch .col-2-search {
    margin-left: 5%;
}

.pnews-results .pnews-result {
    padding: 40px 0 20px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: url(img/hachure-deco-expandable.png) repeat-x right 40px;
}

.pnews-results .pnews-result .visuel {
    float: left;
    width: 37.7%;
    margin-right: 2.3%;
}

.pnews-results .pnews-result .visuel img {
    display: block;
    width: 100%;
    height: auto;
}

.pnews-results .pnews-result .excerpt {
    float: left;
    width: 60%;
}

.detail-actu .visuel {
    margin-bottom: 25px;
}

.detail-actu .excerpt {
    float: none !important;
    width: auto !important;
}

.detail-actu .excerpt .actu-intro {
    color: #1087c9;
}

.detail-actu .pnews-result {
    background-position: right 40px !important;
}

.pnews-results .pnews-result .excerpt h2 {
    margin: 10px 0 12px 0 !important;
    padding: 0 !important;
    font-size: 1em !important;
    font-weight: normal !important;
    line-height: 1em !important;
}

.pnews-results .pnews-result .excerpt h2 .date {
    font-family: titillium_webbold, Arial, Helvetica, sans-serif;
    color: #555555;
    font-size: 1.1em;
}

.pnews-results .pnews-result .excerpt h2 .category {
    padding-left: 8px;
    font-family: titillium_webbold, Arial, Helvetica, sans-serif;
    color: #1087c9;
    font-size: 1.1em;
    text-transform: uppercase;
}

.pnews-results .pnews-result .excerpt h2 .title {
    margin-top: 2px;
    display: block;
    font-family: titillium_webthin, Arial, Helvetica, sans-serif;
    color: #1087c9;
    font-size: 2.1em;
    line-height: 1em;
}

.pnews-results .pnews-result .excerpt .link {
    margin-top: 10px;
    text-align: right;
}

.pnews-results .pnews-result .excerpt .link a {
    display: inline-block;
    background: url(img/titre-picto.png) no-repeat right center;
    padding-right: 50px;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-decoration: none;
}

.pnews-results .pnews-result .excerpt .link a:hover {
    color: #1087C9;
}

.pnews-results .pnews-pages,
.page-presse .presse-pages {
    margin-top: 20px;
    padding-top: 10px;
    /*border-top: 1px solid #ccc;*/
}

.pnews-results .pnews-pages strong,
.pnews-results .pnews-pages .current,
.pnews-results .pnews-pages a:hover,
.page-presse .presse-pages strong,
.page-presse .presse-pages a:hover {
    display: inline-block;
    background: #efefef;
    padding: 2px 5px;
    font-size: .9em;
    color: #1087C9;
}

.pnews-results .pnews-pages a,
.page-presse .presse-pages a {
    display: inline-block;
    padding: 2px 5px;
    font-size: .9em;
    text-decoration: none;
}

/* --- plan du site --- */

.corps ul.CMS_lvl2,
.corps ul.CMS_lvl2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.corps li.CMS_lvl2 > a {
    color: #1087C9;
    font-family: OpenSansLight,Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    text-decoration: none;
}

.corps li.CMS_lvl2 > a:hover {
    color: #555;
}

.corps ul.CMS_lvl2 ul {
    margin-left: 25px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.corps ul.CMS_lvl2 ul a {
    text-decoration: none;
    background: url(img/nav-arrow.png) no-repeat 0 4px;
    padding-left: 14px;
}
.corps ul.CMS_lvl2 ul a:hover {
    color: #1087C9;
}

.corps ul.CMS_lvl3 {
    margin-bottom: 25px;
}

.corps ul.CMS_lvl4 {
    margin-bottom: 25px;
}


/* liste de logos */
.corps ul.liste-logos {
    margin: 0 0 23px 0;
    padding: 0;
    list-style: none;
}

.corps ul.liste-logos li {
    float: left;
    width: 33.3%;
}

.corps ul.liste-logos li .inner {
    display: block;
    border: 1px solid #ccc;
    margin-right: 7px;
    margin-bottom: 0px;
}
.corps ul.liste-logos li.blank .inner,
.corps ul.liste-logos li.stripes .inner {
    border: 1px solid #fff;
}

.corps ul.liste-logos li.categorie .inner {
    border: 1px solid #fff;
    position: relative;
}

.corps ul.liste-logos li img {
    display: block;
    width: 100%;
    height: auto;
}

.corps ul.liste-logos li .label-categ {
    position: absolute;
    z-index: 1;
    background: url(img/fleche-categ-references.png) no-repeat right 8px;
    padding-right: 20px;
    top: 50%;
    left: 25px;
    right: 25px;
    margin-top: -30px;
    display: inline-block;
    height: 60px;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.5em;
    text-align: right;
}

/* Presse */

.page-presse {
    margin-left: -35px;
    margin-right: -35px;
}

/* onglets */

.page-presse .presse-onglets ul,
.references-onglets ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.page-presse .presse-onglets li,
.references-onglets li {
    float: left;
    display: block;
    width: 25%;
}

.page-presse .presse-onglets li a,
.references-onglets li a {
    display: block;
    margin-bottom: 10px;
    border-right: 2px solid #fff;
    height: 45px;
    padding: 25px 20px 0 20px;
    background: url(img/bg-hachure.png);
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    color: #555;
    font-size: 1.1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
}

.page-presse .presse-onglets li a:hover,
.page-presse .presse-onglets li.selected a,
.references-onglets li a:hover,
.references-onglets li.selected a {
    margin-bottom: 0;
    background: url(img/onglet-selected.png) no-repeat center 0;
    height: 55px;
    color: #fff;
}

.page-presse .presse-result {
    float: left;
    width: 33.33%;
    background: #94c126;
}

.page-presse .presse-result .visuel img {
    display: block;
    width: 100%;
    height: auto;
}

.page-presse .presse-result .photo {
    position: relative;
}

.page-presse .presse-result .photo .pic {
    position: absolute;
    display: block;
    left: 20px;
    bottom: 0;
    width: 14px;
    height: 14px;
    background-image: url(img/press-toup-couleur1.png);
    background-repeat: no-repeat;
}

.page-presse .reversed-display .photo .pic {
    top: 0;
    bottom: auto;
    background-image: url(img/press-todown-couleur1.png);
}

.page-presse .presse-result .excerpt {
    height: 190px;
}

.page-presse .presse-result .excerpt-inner {
    padding: 20px;
}

.page-presse .presse-result .excerpt-inner h2 {
    margin: 0;
    padding: 0;
    font-family: OpenSansBold, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #fff;
    font-weight: normal;
    display: none;
}

.page-presse .presse-result .excerpt-inner .date {
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: #fff;
}

.page-presse .presse-result .excerpt-inner .text {
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #fff;
    line-height: 1.2em;
}

.page-presse .presse-result .excerpt-inner .link {
    margin-top: 12px;
    text-align: right;
}
.page-presse .presse-result .excerpt-inner .link a {
    display: inline-block;
    line-height: 24px;
    background: url(img/icone-pdf-presse.png) no-repeat right center;
    padding-right: 33px;
    text-decoration: none;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: #fff;
    text-transform: uppercase;
}
.page-presse .presse-result .excerpt-inner .link a:hover {
    text-decoration: underline;
}

/* couleurs */

/* vert */
.page-presse .couleur1 {
    background: #94c126;
}
.page-presse .couleur1 .photo .pic {
    background-image: url(img/press-toup-couleur1.png);
}
.page-presse .reversed-display.couleur1 .photo .pic {
    background-image: url(img/press-todown-couleur1.png);
}

/* bleu */
.page-presse .couleur2 {
    background: #1087c9;
}
.page-presse .couleur2 .photo .pic {
    background-image: url(img/press-toup-couleur2.png);
}
.page-presse .reversed-display.couleur2 .photo .pic {
    background-image: url(img/press-todown-couleur2.png);
}

/* rouge */
.page-presse .couleur3 {
    background: #1087c9;
}
.page-presse .couleur3 .photo .pic {
    background-image: url(img/press-toup-couleur3.png);
}
.page-presse .reversed-display.couleur3 .photo .pic {
    background-image: url(img/press-todown-couleur3.png);
}

/* page ressources humaines */

.page-jobs h2 {
    margin: 30px 0 15px 0 !important;
    padding: 0;
    font-family: titillium_weblight, Arial, Helvetica, sans-serif;
    color: #1087c9;
    font-weight: normal;
}

.page-jobs .tableau,
.page-jobs .no-result {
    border-top: 1px solid #e5e5e5;
    padding-bottom: 40px;
}

.page-jobs .tableau table {
    border-collapse: collapse;
    /*border-spacing: 10px 5px;*/
    width: 100%;
}

.page-jobs .tableau table th {
    padding: 25px 17px;
    font-family: titillium_webbold, Arial, Helvetica, sans-serif;
    color: #1087c9;
    font-size: .9em;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    display: block;
    float: left;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.page-jobs .tableau table td {
    padding: 17px 17px;
    display: block;
    float: left;
    height: 90px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.page-jobs .tableau table thead {
    border: 1px solid #cececf;
    border-radius: 5px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.page-jobs .tableau table tbody {
    display: block;
    width: 100%;
}

.page-jobs .tableau table tbody tr {
    border: 1px solid #cececf;
    border-radius: 5px;
    display: block;
    margin-top: 4px;
}

.page-jobs .tableau table th.lieu {
     width: 20%;
}
.page-jobs .tableau table td.lieu {
    background: #1087c9 url(img/offres-poincon.gif) no-repeat 6px 6px;
    width: 20%;
    font-family: titillium_webbold, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: .9em;
    text-transform: uppercase;
}

.page-jobs .tableau table th.libelle {
    width: 60%;
}
.page-jobs .tableau table td.libelle {
    width: 60%;
}

.page-jobs .tableau table td.libelle a {
    font-family: OpenSansLight, Arial, Helvetica, sans-serif;
    color: #555;
    font-size: 1em;
    text-decoration: none;
}
.page-jobs .tableau table td.libelle a:hover {
    text-decoration: underline;
}

.page-jobs .tableau table th.date,
.page-jobs .tableau table td.date {
    text-align: right;
    width: 20%;
}
.page-jobs .tableau table td.date {
    font-family: titillium_webbold, Arial, Helvetica, sans-serif;
    color: #555;
    font-size: 1em;
}

.page-jobs .nothing {
    margin-bottom: 40px;
}
.page-jobs .nothing span {
    display: inline-block;
    margin: 0;
    padding: 20px;
    background: #ababab;
    border-radius: 4px;
    text-align: center;
    font-family: titillium_webbold, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: .9em;
    text-transform: uppercase;
}

/* bandeau page avec texte dessus et trame grille par dessus petite hauteur 120 et grande hauteur 220 */
.image-bandeau-page,
.image-bandeau-page-haut {
    margin-bottom: 45px;
    position: relative;
}

.image-bandeau-page-haut {
    margin-left: -35px;
    margin-right: -35px;
}

.image-bandeau-page img,
.image-bandeau-page-haut img {
    display: block;
    width: 100%;
    height: auto;
}

.image-bandeau-page .bandeau,
.image-bandeau-page-haut .bandeau  {
    position: relative;
}

.image-bandeau-page .bandeau .masque-grille,
.image-bandeau-page-haut .bandeau .masque-grille {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(img/masque-grille.png) repeat 0 0;
}

.image-bandeau-page .texte,
.image-bandeau-page-haut .texte {
    position: absolute;
    /*top: 45px;*/
    top: 37px;
    left: 10px;
    right: 10px;
    text-align: center;
    font-family: titillium_webthin, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 2.4em;
    line-height: 1em;
}

.image-bandeau-page-haut .texte {
    top: 55px;
    left: 58px;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: 2.6em;
    width: 73%;
    text-align: left;
}

.image-bandeau-page .texte p,
.image-bandeau-page-haut .texte p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1em;
}

/* bandeau page avec texte dessus et trame grille par dessus grande hauteur */
.image-bandeau-page-2,
.image-bandeau-page-retour {
    margin-bottom: 35px;
    position: relative;
}

.image-bandeau-page-retour {
    margin-left: -35px;
    margin-right: -35px;
}

.image-bandeau-page-2 img,
.image-bandeau-page-retour img {
    display: block;
    width: 100%;
    height: auto;
}

.image-bandeau-page-2 .bandeau,
.image-bandeau-page-retour .bandeau {
    position: relative;
}

.image-bandeau-page-2 .bandeau .masque-grille,
.image-bandeau-page-retour .bandeau .masque-grille {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(img/masque-grille.png) repeat 0 0;
}

.image-bandeau-page-2 .texte {
    position: absolute;
    top: 59px;
    /*left: 41px;
    right: 50%;*/
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    color: #1087c9;
    font-size: 2.2em;
    line-height: 1.1em;
}

/* spécifique bouton retour calé en bas à gauche */
.image-bandeau-page-retour .texte {
    position: absolute;
    bottom: 25px;
    left: 35px;
}

.image-bandeau-page-retour .texte p {
    margin: 0 !important;
    padding: 0 !important;
}

.image-bandeau-page-retour .texte a {
    display: inline-block;
    border-radius: 5px 5px 0 0;
    padding: 0 20px 0 55px;
    background: #1087c9 url(img/bt-retour.png) no-repeat 9px center;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 1.1em;
    text-decoration: none;
    line-height: 40px;
}
.image-bandeau-page-retour .texte a:hover {
    text-decoration: underline;
}

.image-bandeau-page-2 .texte-left {
    left: 41px;
    right: 50%;
}

.image-bandeau-page-2 .texte-right {
    right: 41px;
    left: 50%;
    text-align: right;
}

.image-bandeau-page-2 .texte p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1em;
}

.texte-page,
.paragraphe {
    margin-bottom: 35px;
}

/* liste image texte accordeon */

.texte-image-accordeon, 
.image-texte-accordeon {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e7;
    background: url(img/hachure-deco.png) no-repeat center 92px;
}

.texte-image-accordeon .texte, 
.image-texte-accordeon .texte,
.texte-image-accordeon .image, 
.image-texte-accordeon .image {
    float: left;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.texte-image-accordeon .texte {
    width: 58.3%;
    padding-right: 44px;
}
.texte-image-accordeon .image {
    width: 37.4%;
}

.image-texte-accordeon .texte {
    width: 58.3%;
    padding-left: 44px;
}
.image-texte-accordeon .image {
    width: 37.4%;
}

.texte-image-accordeon .texte h2, 
.image-texte-accordeon .texte h2 {
    margin: 20px 0 50px 0 !important;
    padding: 0 0 0 47px !important;
    background: url(img/titre-picto.png) no-repeat 0 7px !important;
    font-family: titillium_weblight, Arial, Helvetica, sans-serif !important;
    font-size: 1.7em !important;
    color: #555 !important;
    font-weight: normal !important;
    line-height: 1.7em !important;
}

.texte-image-accordeon .texte + p, 
.image-texte-accordeon .texte + p {
    padding-left: 47px;
}

.texte-image-accordeon .image img, 
.image-texte-accordeon .image img {
    display: block;
    width: 100%;
    height: auto;
}

.texte-image-accordeon .texte a.suite, 
.image-texte-accordeon .texte a.suite {
    display: inline-block;
    background: url(img/suite-picto.png) no-repeat right 0;
    line-height: 18px;
    padding-right: 28px;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: #1087c9;
    text-transform: uppercase;
    text-decoration: none;
    padding-left: 47px;
}

.texte-image-accordeon .texte a.suite:hover, 
.image-texte-accordeon .texte a.suite:hover {
    text-decoration: underline;
}

.texte-image-accordeon .close, 
.image-texte-accordeon .close {
    display: block;
    float: right;
    background: url(img/close-text.png) no-repeat 0 0 !important;
    width: 26px;
    height: 0;
    padding-top: 26px;
    overflow: hidden;
}

.sousmenu-page {
    /*background: #128aca;*/
    background: url(img/pixel-repeat-sous-menu-page.gif);
}

.sousmenu-page ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.sousmenu-page li {
    display: block;
    float: left;
    width: 25%;
    height: 100px;
}

.sousmenu-page li a {
    height: 95px;
    padding: 26px 21px;
    /*padding-left: 15px;*/
    background: url(img/palette-fleche-2.png) no-repeat 6px 33px;
    display: block;
    font-family: titillium_weblight, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #fff;
    line-height: 1em;
    text-decoration: none;
}
.sousmenu-page li a:hover,
.sousmenu-page li a.CMS_current {
    /*color: #444;*/
    background-color: #172885;
}

/* uwp TV page */

/* video */
.liste-videos { background-color: #000000; }

#content .bloc-video {
    /*height: 440px;*/
    background: #000;
    position: relative;
    overflow: hidden;
}

#content .bloc-video iframe {
    width: 100%;
}

#content .bloc-video .video-mask {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#content .bloc-video .video-mask h2 {
   /* position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    left: 0;
    right: 0;*/
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
}

#content .bloc-video .video-mask h2 .title-elements {
    position: absolute;
    display: block;
    left: 10px;
    bottom: 10px;
    right: 10px;
}

#content .bloc-video .video-mask h2 .theme {
    display: inline-block;
    background: #1087c9;
    margin-bottom: 1px;
    padding: 4px 7px;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: #fff;
    text-transform: uppercase;
    line-height: 1em;
}

#content .bloc-video .video-mask h2 .titre {
    display: inline-block;
    background: #2b2732;
    margin-bottom: 1px;
    padding: 4px 7px;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #fff;
    line-height: 1em;
}

#content .bloc-video .video-mask h2 .soustitre {
    display: inline-block;
    background: #2b2732;
    padding: 4px 7px;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    color: #fff;
    line-height: 1em;
}

#content .bloc-video .video-mask h2 .soustitre:empty {
    display: none;
}

#content .bloc-video .video-mask h2 .soustitre p {
    margin: 0;
}

#content .bloc-video .video-mask img {
    display: block;
    width: 100%;
    height: auto;
    /*height: 100%;*/
}

#content .bloc-video .video-mask a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(img/button-youtube-play.png) no-repeat center center;
    text-decoration: none;
}

/* pos */
.bloc-video {
    float: left;
    width: 33.33%;
}

#blocvideo-0 {
    width: 66.66%; /*64.55%;*/
    margin-right: 0.15%;
}
#blocvideo-1 {
    width: 33.18%;/*35.45%;*/
}
#blocvideo-2 {
    width: 33.18%;/*35.45%;*/
}
#blocvideo-3 {
    clear: both;
    width: 33.33%;/*29.1%;*/
}
#blocvideo-4 {
    width: 33.33%;/*35.4%;*/
}
#blocvideo-5 {
    width: 33.33%;/*35.4%;*/
}

/* couleurs */

/* vert */
#content .couleur1 .video-mask h2 .theme {
    background: #94c126;
}

/* bleu */
#content .couleur2 .video-mask h2 .theme {
    background: #1087c9;
}

/* rouge */
#content .couleur3 .video-mask h2 .theme {
    background: #1087c9;
}

.loadingbox {
    position: absolute;
    z-index: 1;
    /*background: #555 url(img/ajax-loader.gif) no-repeat center center;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background: #555;
}

/* menu js */
#menu .CMS_lvl2 {
    display: block;
}
.slicknav_menu {
    display: none;
}

.slicknav_btn {
    color: #fff;
    text-shadow: none;
}


/* formulaire contact */

.form .form-zone {
    padding-top: 28px;
    margin-bottom: 28px;
    background: url(img/hachures-form.png) no-repeat right 42px;
    border-top: 1px solid #e5e5e5;
}

.form .form-zone3 {
    background-position: right bottom;
}

.form .form-zone3 textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #e5e5e5;
    padding: 10px;
    border-radius: 5px;
    width: 97%;
    height: 218px;
    font-family: OpenSansLight, Arial, Verdana, sans-serif;
    color: #555;
}

.form h2 {
    font-family: titillium_webbold, Arial, Helvetica, sans-serif !important;
    font-size: 1.3em !important;
    text-transform: uppercase;
}

.form h3 {
    margin: 20px 0 10px 0;
    font-family: titillium_weblight, Arial, Helvetica, sans-serif;
    font-size: 1.9em;
    color: #1087c9;
}

.form strong {
    font-size: 1.1em;
}

.form .checkbox-group {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}


.form .checkbox-group li,
.form .checkbox-group > span {
    display: block;
    margin-bottom: 6px;
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-left: 0;
}

.form label {
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    font-weight: normal;
}

.form input[type=text],
.form input[type=password],
.form input[type=id],
.form input[type=email]
{
    display: block;
    margin-top: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 8px 10px;
    font-family: OpenSansLight, Arial, Verdana, sans-serif;
    font-size: 1.1em;
    color: #555;
}

.form select {
    display: block;
    margin-top: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 8px 10px;
    font-family: OpenSansLight, Arial, Verdana, sans-serif;
    font-size: 1.1em;
    color: #555;
}

.form .infos-col-1 {
    margin-right: 3%;
    float: left;
    width: 47%;
}

.form .infos-col-2 {    
    margin-left: 2%;
    float: left;
    width: 45%;
}

.form .field {
    margin-top: 15px;
}

.form .bouton {
    margin-top: 30px;
    margin-bottom: -17px;
    width: 97%;
    text-align: right;
}

.form input[type=submit] {
    width: 190px;
    height: 40px;
    background: #1087c9 url(img/more-button-2.png) no-repeat right center;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #fff;
    border-radius: 5px;
    border: none;
    box-shadow: none;
    outline: none;
}

.page:not(.home) #tabs img {
    max-width: 100%;
    height: auto;
}

.page:not(.home) #tabs {
    margin-bottom: 20px;
}

/* gouvernance */
.gouvernance-liste h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    font-size: 1.8em;
    color: #1087c9;
    font-weight: normal;
}

.gouvernance-liste .items {
    margin-bottom: 20px;
    background: url(img/hachures-huge.png) no-repeat center 0;
}

.gouvernance-liste .item {
    margin-left: 30.3%;
    margin-right: 0;
    margin-bottom: 5px;
    background: #fff;
    padding: 4px;
    border: 1px solid #dadada;
    border-radius: 4px;
}

.gouvernance-liste .items .item:first-child {
    margin-left: 0;
    margin-right: 30.3%;
}

.gouvernance-liste .item .photo {
    float: left;
    width: 33.9%;
}

.gouvernance-liste .item .photo img {
    display: block;
    width: 100%;
    height: auto;
}

.gouvernance-liste .item .infos {
    float: left;
    width: 66.1%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding-left: 29px;
    padding-top: 30px;
}

.gouvernance-liste .item .infos .nom {
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    font-size: 1.4em;
    color: #1087c9;
}

.gouvernance-liste .item .infos .societe {
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #555;
}

.gouvernance-liste .item .infos .fonction {
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #555;
}

/* onglet métiers page Le groupe */

.metiers-liste {
    margin-bottom: 25px;
}

.metiers-liste ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.metiers-liste li {
    float: left;
    display: block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    width: 25%;
    line-height: 1.2em;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #555;
}

.metiers-liste li a {
    text-decoration: none;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #555;
}

.metiers-liste li .inner {
    display: block;
    margin-right: 9px;
    margin-bottom: 9px;
    border: 2px solid #e9e9e9;
    border-radius: 10px;
    padding: 0 25px;
    text-align: center;
}

.metiers-liste li .inner .image-metier {
    display: block;
    padding: 26px 0;
}

.metiers-liste li .inner .image-metier img {
    display: inline !important;
    max-width: 100%;
}

.metiers-liste li .inner .texte-metier {
    display: block;
    height: 105px;
}

/* coordonnées */

.coordonnees-liste .items-localisation-block,
.coordonnees-liste2 .items-localisation-block {
    margin-bottom: 60px;
}

.coordonnees-liste .items-localisation-block:nth-child(1),
.coordonnees-liste .items-localisation-block:nth-child(2) {
    float: left;
    width: 50%;
}

.coordonnees-liste .items-localisation-block:nth-child(3) {
    clear: both;
}

.coordonnees-liste .items-localisation-block:nth-child(n+3),
.coordonnees-liste2 .items-localisation-block {
    background: url(img/hachures-form.png) no-repeat right 0;
}

.coordonnees-liste .items-localisation-block:nth-child(n+3) h2,
.coordonnees-liste2 .items-localisation-block h2 {
    padding-top: 25px !important;
}

.coordonnees-liste .items-localisation-block h2,
.coordonnees-liste2 .items-localisation-block h2 {
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif !important;
    color: #1087c9 !important;
    font-size: 2.3em !important;
}

.coordonnees-liste .items-localisation-block:nth-child(n+3) .item-localisation,
.coordonnees-liste2 .items-localisation-block .item-localisation {
    float: left;
    width: 33.33%;
}

.coordonnees-liste .items-localisation-block:nth-child(n+3) .item-localisation:nth-child(3n+4),
.coordonnees-liste2 .items-localisation-block .item-localisation:nth-child(3n+4) {
    clear: both;
}

.coordonnees-liste .items-localisation-block:nth-child(n+3) .item-localisation .inner,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner {
    margin-right: 9px;
    margin-bottom: 9px;
    border: 1px solid #dadada;
    border-radius: 4px;
    padding: 0 20px 20px 20px;
    background: #fff;
    height: 285px;
}

.coordonnees-liste .items-localisation-block .item-localisation .inner,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner {
    line-height: 1.2em;
}

.coordonnees-liste .items-localisation-block .item-localisation .inner a,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner a,
.fichecontact a {
    text-decoration: none;
}
.coordonnees-liste .items-localisation-block .item-localisation .inner a:hover,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner a:hover,
.fichecontact a:hover {
    text-decoration: underline;
}

.coordonnees-liste .items-localisation-block .item-localisation .inner h3,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner h3,
.fichecontact h3 {
    margin: 20px 0 24px 0;
    padding: 0;
    font-family: titillium_webbold, Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    line-height: 1.2em;   
    font-weight: normal;
    text-transform: uppercase;
}

.coordonnees-liste .items-localisation-block .item-localisation .inner .adresse,
.coordonnees-liste .items-localisation-block .item-localisation .inner .pays,
.coordonnees-liste .items-localisation-block .item-localisation .inner .tel,
.coordonnees-liste .items-localisation-block .item-localisation .inner .fax,
.coordonnees-liste .items-localisation-block .item-localisation .inner .email,
.coordonnees-liste .items-localisation-block .item-localisation .inner .web,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .adresse,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .pays,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .tel,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .fax,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .email,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .web,
.fichecontact {
    font-size: .9em;
}

.coordonnees-liste .items-localisation-block .item-localisation .inner .adresse p,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .adresse p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.coordonnees-liste .items-localisation-block .item-localisation .inner strong,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner strong,
.fichecontact strong {
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    color: #1087c9;
    font-weight: normal;
}

.coordonnees-liste .items-localisation-block .item-localisation .inner .tel strong,
.coordonnees-liste .items-localisation-block .item-localisation .inner .fax strong,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .tel strong,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .fax strong,
.fichecontact strong {
    text-transform: uppercase;
}

.coordonnees-liste .items-localisation-block .item-localisation .inner .tel,
.coordonnees-liste .items-localisation-block .item-localisation .inner .email,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .tel,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .email {
    margin-top: 20px;
}

.coordonnees-liste .items-localisation-block .item-localisation .inner .plan-acces,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .plan-acces {
    margin-top: 20px;
}

.coordonnees-liste .items-localisation-block .item-localisation .inner .plan-acces a,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .plan-acces a {
    display: inline-block;
    padding: 0 10px 0 40px;
    border: 1px solid #dadada;
    background: url(img/picto-plan-acces.png) no-repeat 11px center;
    font-family: titillium_websemibold, Arial, Helvetica, sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 38px;
}
.coordonnees-liste .items-localisation-block .item-localisation .inner .plan-acces a:hover,
.coordonnees-liste2 .items-localisation-block .item-localisation .inner .plan-acces a:hover {
    color: #1087c9;
}

/* liste items ajoutés en js */

.coordonnees-liste .listeitems,
.coordonnees-liste2 .listeitems {
    margin: 50px 0 25px 0;
    padding: 0;
    list-style: none;
}

.coordonnees-liste .listeitems li,
.coordonnees-liste2 .listeitems li {
    display: block;
    box-sizing:border-box;
    -moz-box-sizing:border-box;    
    float: left;
    width: 50%;
    margin-bottom: 2px;
    background: url(img/blue-arrow.png) no-repeat 0 6px;
    padding-left: 16px;
}

.coordonnees-liste .listeitems li a,
.coordonnees-liste2 .listeitems li a {
    font-family: titillium_webbold, Arial, Helvetica, sans-serif;
    color: #1087c9;
    font-size: 1.1em;
    text-transform: uppercase;
    text-decoration: none;
}
.coordonnees-liste .listeitems li a:hover,
.coordonnees-liste2 .listeitems li a:hover {
    text-decoration: underline;
}

/* idem éditeur */

a.lienweb {
    display: block;
    color: #1087c9;
    background: url(img/icone-web.png) no-repeat 0 1px;
    padding-left: 22px;
    text-decoration: none;
    line-height: 1.2em;
}
a.lienweb:hover {
    text-decoration: underline;
}

a.lienpage {
    display: block;
    color: #1087c9;
    background: url(img/blue-arrow.png) no-repeat 2px 2px;
    padding-left: 20px;
    text-decoration: none;
    line-height: 1.2em;
}
a.lienpage:hover {
    text-decoration: underline;
}


/* rangée avec chiffres à gauche et texte à droite */

.bloc-liste-texte {
    background: #f6f6f6;
    margin-bottom: 40px;
    margin-left: -35px;
    margin-right: -35px;
}

.bloc-liste-texte .liste-chiffres {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 26.3%;
}

.bloc-liste-texte .liste-chiffres ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bloc-liste-texte .liste-chiffres ul li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    min-height: 100px;
    background: #1087c9;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: .9em;
    padding: 25px;
    line-height: 1em;
    text-transform: uppercase;
}

.bloc-liste-texte .liste-chiffres ul li:first-child {
    background: #ac2c87;
}

.bloc-liste-texte .liste-chiffres ul li:last-child {
    background: #a1cd3a;
}


.bloc-liste-texte .liste-chiffres li strong {
    display: block;
    font-weight: normal;
    font-family: neogreyregular, Arial, Helvetica, sans-serif;
    font-size: 2.5em;
    line-height: 1em;
}

.bloc-liste-texte .texte {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 73.7%;
    padding: 40px 34px;
}


/* rangée texte à gauche, image à droite avec le texte au dessus */

.bloc-liste-texte + .texte-image-textedessus {
    margin-top: -40px;
}

.texte-image-textedessus {
    margin-bottom: 40px;
    margin-left: -35px;
    margin-right: -35px;
}

.texte-image-textedessus .texte {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 73.7%;
    padding: 40px 32px;
}

.texte-image-textedessus .image-textedessus {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 26.3%;
}

.texte-image-textedessus .image-textedessus .texteimage {
    background: #ac2c87;
    font-family: titillium_webregular, Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: .9em;
    padding: 20px 25px;
    line-height: 1em;
    text-transform: uppercase;
}

.texte-image-textedessus .image-textedessus .texteimage p {
    margin: 0;
    padding: 0;
}

.texte-image-textedessus .image-textedessus .texteimage strong {
    display: block;
    font-weight: normal;
    font-family: neogreyregular, Arial, Helvetica, sans-serif;
    font-size: 2.5em;
    line-height: 1em;
}

.texte-image-textedessus .image-textedessus img {
    display: block;
    width: 100%;
    height: auto;
}

/* onglet métiers */

.texte-2images-a-droite .texte-et-liste {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 64.3%;
    padding: 32px 32px 32px 0;
}

.texte-2images-a-droite .texte-et-liste .texte-intro {
    font-size: 1.7em;
    margin-bottom: 25px;
}

.texte-2images-a-droite .texte-et-liste .liste ul {
    margin-left: 0;
}

.texte-2images-a-droite .images2 {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 35.7%;
}

.texte-2images-a-droite .images2 img {
    border: 0;
    display: block;
    width: 100%;
    height: auto;
}

.texte-2images-a-droite .images2 .image-lien {
    position: relative;
    margin-bottom: 10px;
}

.texte-2images-a-droite .images2 .titreimage {
    position: absolute;
    top: 0;
    left: 0;
    right: 20%;
    padding: 20px;
}

.texte-2images-a-droite .images2 .titreimage p {
    margin: 0 !important;
    padding: 0 !important;
}

.texte-2images-a-droite .image1 .titreimage {
    background: #ac2c87;
}

.texte-2images-a-droite .image2 .titreimage {
    background: #a1cd3a;
}

.texte-2images-a-droite .image-lien .titreimage a {
    text-decoration: none;
    color: #fff;
    font-size: .9em;
    text-transform: uppercase;
    line-height: 1.2em;
}



/* ------------------------------------------------------------------------ */
/* ------------------------- media queries -------------------------------- */
/* ------------------------------------------------------------------------ */

/* pour les très gros écrans */
@media screen and (min-width: 1680px) {

    .page:not(.home) #content {
        padding-right: 33%;
    }

    #photo-page {
        width: 33%;
    }

}

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

    .page:not(.home) #content {
        padding-right: 25%;
    }

    #photo-page {
        width: 25%;
    }

}


/* pour les écrans standard et plus petits */
@media screen and (max-width: 1386px) {

    #content .home-info1 .text {
        font-size: 1.3em;
        padding-top: 25px;
    }

    #content .home-info2 .text {
        font-size: 1em;
        padding-top: 25px;
    }

    #content .home-sites h2 {
        margin-bottom: 10px;
    }

    #content .home-sites li {
        margin-top: 7px;
    }

    #content .home-sites li a {
        font-size: 1em;
    }

    #content .home-news .excerpt .text {
        font-size: .8em;
    }
}

/* vertical et horizontal */
/* spécifique HOME */
/*@media screen and (max-width: 1386px){*/
@media screen and (max-width: 1146px), screen and (max-height: 790px) {

    .index #global {
        width: 100%;
    }

    .index #header {
        position: static;
        width: 100%;
    }

    .index #content {
        margin-left: 0;
    }

    .index #footer {
        position: static;
        background: #f0f0f0;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .index #footer-links li:first-child a {
        border-top: 0;
        padding-top: 0;
    }

    /* en home */

    .vh-responsive,
    .vh-responsive .content-inner {
        height: auto;
    }

    .vh-responsive .content-bloc-1,
    .vh-responsive .content-bloc-2,
    .vh-responsive .content-bloc-3,
    .vh-responsive .content-bloc-4,
    .vh-responsive .content-bloc-5 {
        position: static;
        float: left;
        height: auto;
    }

    .vh-responsive .content-bloc-3 {
        clear: both;
    }

    .vh-responsive .content-bloc-1,
    .vh-responsive .content-bloc-2,
    .vh-responsive .content-bloc-3,
    .vh-responsive .content-bloc-4,
    .vh-responsive .content-bloc-5,
    #content.vh-responsive .home-bloc-1-1,
    #content.vh-responsive .home-bloc-1-2,
    #content.vh-responsive .home-bloc-1-3,
    #content.vh-responsive .home-bloc-1-1,
    #content.vh-responsive .home-bloc-1-2,
    #content.vh-responsive .home-info1,
    #content.vh-responsive .home-info2,
    #content.vh-responsive .home-info1 .image,
    #content.vh-responsive .home-info2 .image,
    #content.vh-responsive .home-info1 img,
    #content.vh-responsive .home-info2 img,
    #content.vh-responsive .home-bloc-2-1,
    #content.vh-responsive .bloc-videos,
    #content.vh-responsive .bloc-videos .video-mask img,
    #content.vh-responsive .home-bloc-2-2-1 img,
    #content.vh-responsive .home-about, 
    #content.vh-responsive .home-about .flex-viewport, 
    #content.vh-responsive .home-about .flex-viewport ul.slides, 
    #content.vh-responsive .home-about .flex-viewport ul.slides li,
    #content.vh-responsive .home-bloc-2-2-2 {
        height: auto;
    }

    /* menu js */
    .index #menu .CMS_lvl2 {
        display: none;
    }    
    .index .slicknav_menu {
        display: block;
    }
    .index #menu .slicknav_menu .CMS_lvl2 {
        display: block;
    }

    /* search */
    .index #search-engine {
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 0;
    }

    .index #footer .footer-inner {
        margin-left: 15px;
        margin-right: 15px;
    }

}



/* toutes les pages */
/*@media screen and (max-width: 1386px) {*/

/*@media screen and (max-width: 1400px) {

    .page:not(.home) #content {
        padding-right: 180px;
    }

    #photo-page {
        width: 180px;
    }
}
*/

@media screen and (max-width: 1440px) {

    /* reduction image à droite */
    .page:not(.home) #content {
        padding-right: 166px;
    }

    #photo-page {
        width: 166px;
    }

    .metiers-liste li {
        font-size: .9em;
    }

    /*.metiers-liste li {
        width: 33.3%;
    }*/

    #content .corps .couleur {
        font-size: 1.1em;
    }

    #content h1 {
        font-size: 2em;
    }

    #content .corps h2 {
        font-size: 1.3em;
    }

    #content .corps .intro {
        font-size: 1.4em;
    }

    #tabs.classic-tab ul.tabs-ul li a {
        font-size: .8em;
    }

    .texte-image-accordeon .texte h2, .image-texte-accordeon .texte h2 {
        font-size: 1.6em !important;
    }

    .sousmenu-page li {
        width: 50%;
    }

    .sousmenu-page li:nth-child(2n+1) {
        clear: both;
    }

    .image-bandeau-page .texte,
    .image-bandeau-page-haut .texte {
        top: 20px;
        font-size: 1.7em;
    }

}

/*@media screen and (max-width: 1146px) {*/
/*@media screen and (max-width: 1386px) {*/
@media screen and (max-width: 1024px), screen and (max-height: 790px) {

    /* disparition image à droite */
    .page:not(.home) #content {
        padding-right: 0;
    }

    #photo-page {
        /*width: 166px;*/
        display: none;
    }

   .page:not(.home) #global,
   .page-tv #global {
        width: 100%;
    }

    .page:not(.home) #header,
    .page-tv #header {
        position: static;
        width: 100%;
    }

    .page:not(.home) #content,
    .page-tv #content {
        margin-left: 0;
        padding-right: 0;
    }

    .page:not(.home) #photo-page {
        position: static;
        display: none;
    }

    .page:not(.home) #footer,
    .page-tv #footer {
        position: static;
        background: #f0f0f0;
        padding-top: 35px;
        padding-bottom: 35px;
    }

    .page:not(.home) #footer-links li:first-child a,
    .page-tv #footer-links li:first-child a {
        border-top: 0;
        padding-top: 0;
    }

    /* tableaux offres d'emplois */
    .page-jobs .tableau {
        overflow: auto;
    }

    .page-jobs .tableau table {
        width: 550px;
    }

    /* menu js */
    .page:not(.home) #menu .CMS_lvl2,
    .page-tv #menu .CMS_lvl2 {
        display: none;
    }    
    .page:not(.home) .slicknav_menu,
    .page-tv .slicknav_menu {
        display: block;
    }
    .page:not(.home) #menu .slicknav_menu .CMS_lvl2,
    .page-tv #menu .slicknav_menu .CMS_lvl2 {
        display: block;
    }

    /* search */
    .page:not(.home) #search-engine,
    .page-tv #search-engine {
        padding-left: 15px;
        padding-right: 15px;
        border-bottom: 0;
    }
    .page:not(.home) #content .content-inner {
        padding-left: 15px;
        padding-right: 15px;
    }
    .page:not(.home) #footer .footer-inner,
    .page-tv #footer .footer-inner {
        margin-left: 15px;
        margin-right: 15px;
    }

    /* intro */
    .page:not(.home) #content .corps .intro {
        margin-left: 0;
        margin-right: 0;
    }

    /* bandeau dans Nos coordonnées */
    .image-bandeau-page-retour {
        margin-left: 0;
        margin-right: 0;
    }
    .image-bandeau-page-retour .texte {
        left: 0;
    }

    .texte-image-accordeon .texte h2, .image-texte-accordeon .texte h2 {
        font-size: 1.3em !important;
    }

    .image-bandeau-page .texte,
    .image-bandeau-page-haut .texte {
        top: 30px;
        font-size: 2em;
    }

    .image-bandeau-page-haut {
        margin-left: 0;
        margin-right: 0;
    }

    .bloc-liste-texte {
        margin-left: 0;
        margin-right: 0;
    }

    .texte-image-textedessus {
        margin-left: 0;
        margin-right: 0;
    }
}

/* breakpoint pour la home */
@media screen and (max-width: 1146px) {

    #content .content-colonne-1,
    #content .content-colonne-2 {
        float: none;
        width: 100%;
    }

    #content .home-bloc-1-1,
    #content .home-bloc-1-2 {
        float: left;
        width: 50%;
    }

    #content.vh-responsive .home-bloc-1-1,
    #content.vh-responsive .home-bloc-1-2 {
        float: none;
        width: 100%;
    }

    #content .home-bloc-1-3 {
        clear: both;
    }

    #content .home-news .excerpt h2 {
        margin-bottom: 5px;
    }

    #content .home-news .excerpt {
        height: auto !important;
        padding-bottom: 15px;
    }

    /*#content .bloc-videos .video-mask img {
        height: auto;
    }*/

}

@media screen and (max-width: 1000px) {

    .vh-responsive .content-bloc-1,
    .vh-responsive .content-bloc-2,
    .vh-responsive .content-bloc-3,
    .vh-responsive .content-bloc-4,
    .vh-responsive .content-bloc-5 {
        float: none;
        width: 100%;
    }

    #content.vh-responsive .home-bloc-1-1,
    #content.vh-responsive .home-bloc-1-2 {
        float: left;
        width: 50%;
    }

    .vh-responsive .content-bloc-2 {
        clear: both;
    }

}

@media screen and (max-width: 800px) {

    /* home */
    #content .home-bloc-2-2-1,
    #content .home-bloc-2-2-2 {
        float: none;
        width: 100%;
    }

    #content .home-bloc-1-1,
    #content .home-bloc-1-2 {
        float: none;
        width: 100%;
    }

    #content .bloc-videos .video-mask a {
        font-size: 1.5em;
    }
    
    #content .bloc-videos .video-mask a > p {
        margin: 0;
    }

    #content img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    /* sousmenu */
    .sousmenu-page li {
        float: none;
        display: block;
        width: 100%;
        height: auto;
    }

    .sousmenu-page li a {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 13px;
        padding-bottom: 13px;
        background-position: 0 17px;
        height: auto;
    }

    /* bandeau */
    .image-bandeau-page .bandeau,
    .image-bandeau-page-haut .bandeau {
        display: none;
    }

    .image-bandeau-page .texte,
    .image-bandeau-page-haut .texte {
        position: static;
        background: #1087c9;
        padding: 10px;
    }

    .image-bandeau-page-haut .texte {
        width: auto;
    }

    /* segment sols */
    .image-bandeau-page-2 .texte {
        position: static;
        margin-top: 10px;
    }

    /* presse */
    .page-presse .presse-onglets li,
    .references-onglets li {
        float: none;
        width: 100%;
    }

    .page-presse .presse-result {
        float: none;
        width: 100%;
    }

    .page-presse .presse-result .excerpt {
        height: auto;
    }

    /* references */
    .corps ul.liste-logos li {
        width: 50%;
    }

    /* actus */
    .pnews-results .pnews-result .visuel,
    .pnews-results .pnews-result .excerpt,
    .actusearch .col-1-search,
    .actusearch .col-2-search {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    /* videos */
    #blocvideo-0,
    #blocvideo-1,
    #blocvideo-2,
    #blocvideo-3,
    #blocvideo-4,
    #blocvideo-5 {
        float: none;
        width: 100%;
    }

   /* tabs */
    #tabs.classic-tab ul.tabs-ul {
        height: auto;
    }

    #tabs ul.tabs-ul {
        height: auto;
    }

    #tabs ul.tabs-ul li {
        width: 100%;
        float: none;
    }

    #tabs ul.tabs-ul li a {
        /*padding-left: 10px !important;*/
    }

    #tabs .image {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    /* gouvernance */
    .gouvernance-liste .item .infos {
        padding-top: 15px;
    }

    /* métiers */
    /*.metiers-liste li {
        width: 33.33%;
    }*/

    .metiers-liste li a {
        font-size: .9em;
    }

    /* coordonnées */
    .coordonnees-liste .items-localisation-block:nth-child(n+3) .item-localisation,
    .coordonnees-liste2 .items-localisation-block .item-localisation {
        float: left;
        width: 50%;
    }
    /* saut de ligne après le 2e et plus après le 3e */
    .coordonnees-liste .items-localisation-block:nth-child(n+3) .item-localisation:nth-child(3n+4),
    .coordonnees-liste2 .items-localisation-block .item-localisation:nth-child(3n+4) {
        clear: none;
    }
    .coordonnees-liste .items-localisation-block:nth-child(n+3) .item-localisation:nth-child(2n+3),
    .coordonnees-liste2 .items-localisation-block .item-localisation:nth-child(2n+3) {
        clear: both;
    }

    .form .checkbox-group li,
    .form .infos-col-1,
    .form .infos-col-2 {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .texte-2images-a-droite .texte-et-liste,
    .texte-2images-a-droite .images2 {
        float: none;
        width: auto;
    }

}

@media screen and (max-width: 620px) {

    #content.vh-responsive .home-bloc-1-1,
    #content.vh-responsive .home-bloc-1-2 {
        float: none;
        width: 100%;
    }

    #content .bloc-videos .video-mask strong {
        display: none;
    }

    #content .bloc-videos .video-mask a {
        font-size: 1em;
        left: 10px;
        right: 10px;
        height: 100px;
        margin-top: -50px;
        background-position: center bottom;
    }

    #content .home-sites li a {
        font-size: .9em;
    }

    /* gouvernance */
    .gouvernance-liste .item {
        margin-left: 0;
    }

    .gouvernance-liste .items .item:first-child {
        margin-right: 0;
    }

    .bloc-liste-texte .liste-chiffres,
    .bloc-liste-texte .texte,
    .texte-image-textedessus .image-textedessus,
    .texte-image-textedessus .texte {
        float: none;
        width: 100%;
    }

    /* métiers */
    .metiers-liste li {
        width: 50%;
    }
    .metiers-liste li a {
        font-size: 1em;
    }

}

@media screen and (max-width: 550px) {

    #content .corps h2 {
        margin-bottom: 25px !important;
        font-size: 1.5em !important;
    }

    /* page app et services */
    .texte-image-accordeon,
    .image-texte-accordeon {
        background: none;
    }

    .texte-image-accordeon .texte,
    .texte-image-accordeon .image,
    .image-texte-accordeon .texte,
    .image-texte-accordeon .image {
        float: none;
        width: 100%;
    }

    .texte-image-accordeon .texte a.suite,
    .image-texte-accordeon .texte a.suite {
        display: none;
    }

    .texte-image-accordeon .texte,
    .image-texte-accordeon .texte {
        height: auto !important;
        padding-left: 0;
    }

    #content .home-about .text p {
        display: none;
    }

    /* gouvernance */
    .gouvernance-liste .item .photo {
        float: none;
        width: 100%;
    }

    .gouvernance-liste .item .infos {
        float: none;
        width: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0;
    }

    /* coordonnées */
    .coordonnees-liste .items-localisation-block:nth-child(1),
    .coordonnees-liste .items-localisation-block:nth-child(2) {
        float: none;
        width: 100%;
    }

    .coordonnees-liste .items-localisation-block:nth-child(n+3) .item-localisation,
    .coordonnees-liste2 .items-localisation-block .item-localisation {
        float: none;
        width: 100%;
    }

    .coordonnees-liste .items-localisation-block:nth-child(n+3) .item-localisation .inner,
    .coordonnees-liste2 .items-localisation-block .item-localisation .inner {
        margin-right: 0;
        height: auto;
    }

    .coordonnees-liste .listeitems li,
    .coordonnees-liste2 .listeitems li {
        float: none;
        width: 100%;
    }

}

@media screen and (max-width: 480px) {

    .left {
        float: none;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .right {
        float: none;
        margin-left: 0;
        margin-bottom: 15px;
    }

    .corps ul.liste-logos li {
        float: none;
        width: 100%;
    }

    #search-engine input {
        width: 70%;
    }

    /* métiers */
    .metiers-liste li {
        float: none;
        width: 100%;
    }

    .slicknav_btn .slicknav_menutxt {
        display: none;
    }
    .slicknav_menu .slicknav_icon {
        margin-left: 0;
    }

    .image-bandeau-page .texte,
    .image-bandeau-page-haut .texte {
        top: 30px;
        font-size: 1.6em;
    }

    /* réduction du logo */

    #logo img {
        height: 50px;
        width: auto;
    }

    #logo {
        height: auto !important;
        margin-bottom: 10px !important;
        padding-top: 10px !important;
    }

    #logo .titre {
        display: none;
    }

    .texte-2images-a-droite .texte-et-liste .texte-intro {
        font-size: 1.4em;
    }

}

/* -- réglage sur hauteur -- */

@media screen and (max-height: 790px) {

    #logo {
        padding-top: 39px;
        margin-bottom: 58px;
    }

    #menu li.CMS_lvl2 {
        padding-bottom: 16px;
    }

    #footer-links {
        margin-bottom: 35px;
    }
    
    #footer-links li {
        margin-bottom: 14px;
    }

    /* bloc sites */
    /*#content.vh-responsive .home-sites {
        padding-top: 15px;
    }*/
}

@media screen and (max-height: 680px) {

    #logo {
        padding-top: 25px;
        margin-bottom: 30px;
    }

    #search-engine {
        margin-bottom: 14px;
    }

    #menu li {
        padding-bottom: 11px;
    }

    #footer-links {
        margin-bottom: 23px;
    }
    
    #footer-links li {
        margin-bottom: 9px;
    }

    #footer-links li:first-child a {
        padding-top: 15px;
    }
}

.rss { text-align: right; margin-top: 0.5em; }
.sharingButtons { margin: 2em 0 1em 0; }

/**Style boutons et liens **/
/* Style boutons SECMAR */
.lien a {
  color: #1087C9;
}
/* Style boutons SECMAR */
.redbtn {
  background: #d93434;
  background-image: -webkit-linear-gradient(top, #d93434, #b82b2b);
  background-image: -moz-linear-gradient(top, #d93434, #b82b2b);
  background-image: -ms-linear-gradient(top, #d93434, #b82b2b);
  background-image: -o-linear-gradient(top, #d93434, #b82b2b);
  background-image: linear-gradient(to bottom, #d93434, #b82b2b);
  -webkit-border-radius: 9;
  -moz-border-radius: 9;
  border-radius: 9px;
  font-family: Arial;
  color: #ffffff;
  font-size: 18px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.redbtn:hover {
  background: #fc3c3c;
  background-image: -webkit-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -moz-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -ms-linear-gradient(top, #fc3c3c, #d93434);
  background-image: -o-linear-gradient(top, #fc3c3c, #d93434);
  background-image: linear-gradient(to bottom, #fc3c3c, #d93434);
  text-decoration: none;
}

/* ------------------------------------------------------------------------ */
/* ------------------------- helpers -------------------------------- */
/* ------------------------------------------------------------------------ */

figure.highlight {
    padding: 9px 14px;
    margin: 14px 0;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 4px;
}

/**
 * Alignments
 */

.alignleft {
    display: inline;
    float: left;
}

.alignright {
    display: inline;
    float: right;
}

.aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
    margin: 0.4em 1.6em 0.4em 0;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
    margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
    clear: both;
    margin-top: 0.4em;
    margin-bottom: 1.6em;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
    margin-bottom: 1.2em;
}



/* ------------------------------------------------------------------------ */
/* ------------------------- pages sans aside -------------------------------- */
/* ------------------------------------------------------------------------ */

.uwptv #content {
    padding-right: 0 !important;
}

.uwptv .content-inner {
    padding : 0 !important;
} 

/* ------------------------------------------------------------------------ */
/* ------------------------- DEV MODE -------------------------------- */
/* ------------------------------------------------------------------------ */

.debug, .dev {
  display: none;
}

.devmode .debug,
.devmode .dev {
  display: block;
}

/* ------------------------------------------------------------------------ */
/* ------------------------- PAGE LISTE ARTICLES --------------------------- */
/* ------------------------------------------------------------------------ */



.pnews-results .pnews-result:not(.has-post-thumbnail) .excerpt {
    width: 100%;
}

/* -- Presse -- */


.pnews-results .type-presse.has-post-thumbnail .excerpt-inner {
    height: 0;
    padding-bottom: 25%;
    position: relative; 
}

.pnews-results .type-presse.has-post-thumbnail  .excerpt .link {
    position: absolute;
    bottom: -25px;
    right: 0;
}