@charset "utf-8";

img {
	image-rendering: -webkit-optimize-contrast; /* Chrome bug patch for blured images rendering */
}

b, strong {
	font-weight: 700;
	font-style: normal;
}

#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: franklin-gothic-urw, Arial, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1em;
    color: #555;
}

.body-vhresponsive {
    height: 100%;
}

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

a {
    color: #0c649e;
}
a:hover, a:focus {
    text-decoration: none;
}
/* Add an arrow symbol (⤓) before link */
a.download-link:before, a.download-link:hover:before {
	padding-right: 0.25em !important;
	content: "\2913" !important;
}

#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: #fff;
    width: 25%;
    z-index: 1;
	border-right: 1px solid #e6e6e6;
}

/* logo */

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

#logo img {
    border: 0;
	height: 100px;
	width: auto;
}

/* search engine */

#search-engine {
    border-top: 1px solid #e6e6e6;
    margin: 0 26px 28px;
	padding-top: 40px;
    padding-bottom: 12px;
	position: relative;
}

#search-engine form {
    overflow: hidden;
}

#search-engine label {
    display: none;
}

#search-engine input {
    float: left;
	box-sizing: border-box;
    width: 100%;
	height: 60px;
	padding: 0 60px 0 30px;
	border-radius: 30px;
    border: 0;
    background: #eee;
    font-family: franklin-gothic-urw, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #747474;
}

#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 input::placeholder { color: #555; opacity: 1; } /* Firefox 19+ */

#search-engine input:focus::placeholder { color: #ccc; }

#search-engine button {
    position: absolute;
	top: 45px;
	right: 5px;
    cursor: pointer;
    background: #1F9493 url(../../images/cls/bt-search-grd.png) no-repeat center center;
	background-size: 50px 50px;
    width: 50px;
    height: 50px;
	border-radius: 25px;
    text-indent: -1000000px;
    border: 0;
}

/* menu */

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

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

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

#menu li a.CMS_lvl2 {
    display: block;
	padding-left: 33px;
    font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
    color: #999;
    text-transform: uppercase;
    text-decoration: none;
    min-height: 22px;
	line-height: 1.57;
}
/*
#menu ul.CMS_lvl2 > li:first-child a.CMS_lvl2:first-child {
    background: url(../../images/cls/back-home.png) no-repeat right center;
}
*/
#menu li.CMS_current {
	border-left: 4px solid #0673A8;
	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(6,115,168)), to(rgb(52,202,150))) 1 100%; 
	-webkit-border-image: -webkit-linear-gradient(rgb(6,115,168), rgb(52,202,150)) 1 100%; 
	-moz-border-image: -moz-linear-gradient(rgb(6,115,168), rgb(52,202,150)) 1 100%; 
	-o-border-image: -o-linear-gradient(rgb(6,115,168), rgb(52,202,150)) 1 100%; 
	border-image: linear-gradient(to bottom, rgb(6,115,168), rgb(52,202,150)) 1 100%;
}

#menu li.CMS_current a.CMS_lvl2 {
	padding-left: 29px;
}

/* é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: #0c649e;
}

/* affichage du lvl3 injecté */
.menu-palettes {
    position: absolute;
    z-index: 2;
    left: 25%;
    top: 0;
    bottom: 0;
    width: 25%;
    display: none;
    padding-top: 23px;
    padding-bottom: 29px;
	background: #1F9493;
	background: -moz-linear-gradient(222deg,  rgb(12,100,158) 0%, rgb(50,198,136) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(12,100,158)), color-stop(100%,rgb(50,198,136))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(222deg,  rgb(12,100,158) 0%,rgb(50,198,136) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(222deg,  rgb(12,100,158) 0%,rgb(50,198,136) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(222deg,  rgb(12,100,158) 0%,rgb(50,198,136) 100%); /* IE10 preview */
	background: linear-gradient(222deg,  rgb(12,100,158) 0%,rgb(50,198,136) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30c649e', endColorstr='#b332c688',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.menu-palettes h2 {
	display: none;
    margin: 0;
    padding: 0 20px 25px 20px;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    color: #fff;
    line-height: 1em;
    font-weight: normal;
}

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

/* level 1 de la palette */

.menu-palettes li.CMS_lvl3 {
    padding: 10px 0;
}

.menu-palettes li.CMS_lvl3 a.CMS_lvl3 {
    display: block;
    padding: 0 30px;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.57;
	letter-spacing: 2px;
    color: #fff;
    text-decoration: none;
	text-transform: uppercase;
}
.menu-palettes li.CMS_lvl3 a.CMS_lvl3:hover,
.menu-palettes li.CMS_lvl3 a.CMS_current {
    
}
/* Add an arrow symbol (→) before link on hover */
.menu-palettes li.CMS_lvl3 a:hover:before {
	float: left;
	padding-right: 0.25em;
	content: "\2192";
}


/* level 2 de la palette */

.menu-palettes li.CMS_lvl4 a.CMS_lvl4 {
    display: block;
    padding: 8px 30px 8px 53px;
    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 {

}

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


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

/* --- content --- */

#content {
    position: relative;
    z-index: 0;
    margin-left: 25%;
}

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

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

#content img,
#content figure {
	max-width: 100%;
	height: auto;
}

/* 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: 50%;
    width: 33%;
}
.vh-responsive .content-bloc-2 {
    position: absolute;
    top: 0;
    left: 33%;
    /*float: left;*/
    height: 50%;
    width: 67%;
}
.vh-responsive .content-bloc-3 {
    position: absolute;
    top: 50%;
    left: 0;
    /*clear: both;
    float: left;*/
    height: 50%;
    width: 33%;
}
.vh-responsive .content-bloc-4 {
    position: absolute;
    top: 50%;
    left: 33%;
    /*float: left;*/
    height: 50%;
    width: 34%;
}
.vh-responsive .content-bloc-5 {
    position: absolute;
    top: 50%;
    left: 67%;
    /*float: left;*/
    height: 50%;
    width: 33%;
}

/* home info 1 et 2 */

#content .home-info1,
#content .home-info2 {
    position: relative;
	background: #34ca96;
	background: -moz-linear-gradient(222deg,  rgb(12,100,158) 0%, rgb(50,198,136) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(12,100,158)), color-stop(100%,rgb(50,198,136))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(222deg,  rgb(12,100,158) 0%,rgb(50,198,136) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(222deg,  rgb(12,100,158) 0%,rgb(50,198,136) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(222deg,  rgb(12,100,158) 0%,rgb(50,198,136) 100%); /* IE10 preview */
	background: linear-gradient(222deg,  rgb(12,100,158) 0%,rgb(50,198,136) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30c649e', endColorstr='#b332c688',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#content.vh-responsive .home-info1,
#content.vh-responsive .home-info2,
#content.vh-responsive .home-info1 .image,
#content.vh-responsive .home-info2 .image {
    height: 100%;
	box-sizing: border-box;
}
#content.vh-responsive .home-info1 .image,
#content.vh-responsive .home-info2 .image {
	padding: 20px 10px;
}
#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-2-1,
#content.vh-responsive .home-bloc-2-2,
#content.vh-responsive .home-bloc-2-2-2 {
	box-sizing: border-box;
	padding: 10px;
}

#content.vh-responsive .home-bloc-1-1,
#content.vh-responsive .home-bloc-1-2 {
    height: 50%;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}

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

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

#content .home-info1 .text,
#content .home-info2 .text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px;
    font-family: franklin-gothic-urw, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #fff;
    line-height: 1.3em;
}
#content .home-info1 .text h1,
#content .home-info1 .text p,
#content .home-info2 .text div p:first-child {
    font-family: franklin-gothic-urw, Arial, Helvetica, sans-serif;
    font-size: 20px;
	font-weight: normal;
	letter-spacing: 0.35px;
    color: #fff;
    line-height: 1.2;
	text-transform: none;
}
/* Add an arrow symbol (→) before home h1 */
#content .home-info1 .text h1:before {
	padding-right: 0.25em;
	content: "\2192";
}

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

#content .home-info1 .text a,
#content .home-info2 .text a {
	margin: auto;
    display: inline-block;	
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
    background-color: #fff;
    color: #0c649e;
    text-decoration: none;
    font-size: 14px;
	letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
	border-radius: 30px;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-weight: 500;
}

#content .home-info2 .text strong {
	font-weight: normal;
}

#content .home-info1 .text .readmore-box,
#content .home-info2 .text .readmore-box {
	position: absolute;
	top: 35%;
	bottom: 0;
	left:0;
	right:0;
	text-align: center;
	display: none;
}
#content .home-info1:hover .text div h1,
#content .home-info2:hover .text div p:first-child {
	display: none;
}
#content .home-info1:hover .text .readmore-box,
#content .home-info2:hover .text .readmore-box {
	display: block;
}

/* news */

#content.vh-responsive .home-bloc-1-3 {
    height: 100%;
	border-right: 1px solid #e6e6e6;
}

#content .home-news{
	height: 100%;
}

#content .home-news .photo {
    position: relative;
	height: 50%;
	overflow: hidden;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

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

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

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

#content .home-news .excerpt h2 {
    margin: 0 10px 10px 0;
    padding: 0;
    font-family: franklin-gothic-urw, Arial, Helvetica, sans-serif;
    font-size: 14px;
	line-height: 1.57;
	color: #0c649e;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: normal;
	float: left;
}
.pnews-results .pnews-result .excerpt h2 .title a {
	text-decoration: none;
	color: #555;
}

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

#content .home-news .excerpt .date {
	color: #999;
	line-height: 1.57;
    margin-bottom: 8px;
}

#content .home-news .excerpt .text {
	clear: both;
    line-height: 1.29;
	letter-spacing: 0.25px;
    width: 100%;
}

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

#content .home-news .excerpt .link {
	margin-top: 2em;
}

#content .home-news .excerpt .link a {
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.57;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase;
}

/* video */

.wp-video {
	margin-left: auto;
	margin-right: auto;
}

#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%;
	border-bottom: 1px solid #e6e6e6;
}

#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;
    text-align: center;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 500;
	letter-spacing: 2px;
    color: #fff;
    text-decoration: none;
	text-shadow: 0 0 2px rgba(0,0,0,.5);
}

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

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

#content .bloc-videos .video-mask strong {
    font-weight: normal;
	margin: auto;
    display: inline-block;	
	height: 60px;
	line-height: 60px;
	padding: 0 80px 0 30px;
    color: #0c649e;
    text-decoration: none;
    font-size: 14px;
	letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
	border-radius: 30px;
	margin-top: 30px;
    background: #fff url(../../images/cls/bt-play-grd-circle.png) no-repeat right 5px center;
	background-size: 50px 50px;
	text-shadow: none;
}

/* about */

#content.vh-responsive .home-bloc-2-2 {
    height: 100%;
	border-right: 1px solid #e6e6e6;
}

#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.vh-responsive .home-about .flex-viewport ul.slides li {
	overflow: hidden;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	height: 100%;
	width: 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(../../images/cls/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: franklin-gothic-urw, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.57;
	letter-spacing: 2px;
    font-weight: 500;
    margin: 0 0 30px 0;
    text-transform: uppercase;
}

#content .home-about .text h2 strong {
	font-weight: 700;
	font-style: normal;
}

#content .home-about .text p {
    width: 60%;
    line-height: 1.3em;
    text-transform: uppercase;
}

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

#content .home-about .text .ensavoirplus {
	margin-top: 2em;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.57;
	letter-spacing: 2px;
	width: 100%;
}

/* sites */

#content .home-bloc-2-2-2 {
    float: left;
    /*width: 240px;*/
    width: 30.9%;
    height: 300px;
    background: #fff; /*url(../../images/cls/our-websites-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 40px 0;
    padding: 0;
    font-family: franklin-gothic-urw-cond , Arial, Helvetica, sans-serif;
	font-weight: 500;
    color: #0d68a1;
    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, 
#content .home-sites li a {
    font-family: franklin-gothic-urw, Arial, Helvetica, sans-serif;
    color: #555;
    font-size: 20px;
	line-height: 1.1;
	letter-spacing: 0.35px;
    text-decoration: none;
}

#content .home-sites li a:hover {
    color: #0c649e;
}

/* 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: 40px 48px 40px 55px;
}
.page.actualites #content .content-inner,
.page.archive-presse #content .content-inner,
.page.post-type-archive-presse #content .content-inner {
    padding: 24px 0;
}
.page.actualites #content .content-inner h1,
.page.archive-presse #content .content-inner h1,
.page.post-type-archive-presse #content .content-inner h1 {
	padding-left: 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(../../images/cls/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 20px 0;
    padding: 0;
    font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
    color: #555;
	font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.85;
	letter-spacing: 3.71px;
}

#content .corps {
	font-family: franklin-gothic-urw, Arial, Helvetica, sans-serif;
    font-size: 16px;
	line-height: 1.1;
	letter-spacing: 0.28px;
    line-height: 24px;
}

#content .corps b, #content .corps strong {
	color: #0c649e;
}

#content .corps h2 {
    margin: 0 0 10px 0;
    padding: 0;
    color: #555;
    font-family: franklin-gothic-urw, Arial, Verdana, sans-serif;
    font-size: 20px;
    font-weight: normal;
	line-height: 1.2;
	letter-spacing: 0.35px;
}

#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: rgb(28,157,205); /* Old browsers */
	background: -moz-linear-gradient(222deg,  rgba(28,157,205,1) 0%, rgba(12,100,158,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(28,157,205,1)), color-stop(100%,rgba(12,100,158,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(222deg,  rgba(28,157,205,1) 0%,rgba(12,100,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(222deg,  rgba(28,157,205,1) 0%,rgba(12,100,158,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(222deg,  rgba(28,157,205,1) 0%,rgba(12,100,158,1) 100%); /* IE10 preview */
	background: linear-gradient(222deg,  rgba(28,157,205,1) 0%,rgba(12,100,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c9dcd', endColorstr='#0c649e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    padding: 40px 80px 40px 40px;
    font-family: franklin-gothic-urw, Arial, Verdana, sans-serif;
    color: #fff;
    font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.35px;
}
/* Add an arrow symbol (→) before p */
#content .corps .intro p:before {
	padding-right: 0.25em;
	content: "\2192";
}

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


#content .corps .couleur {
    margin-bottom: 26px;
    font-family: franklin-gothic-urw, Arial, Verdana, sans-serif;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.35px;
	color: #555;
}

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

/* Add an arrow symbol (→) before li */
#content .corps .liste li:before {
	padding-right: 0.5em;
	text-decoration: none;
	content: "\2192";
}
#content .corps .liste li {
    margin-bottom: 16px;
    color: #0c649e;
    line-height: 1em;
}

/* tabs */
#tabs.classic-tab {
	margin-left: -45px;
	margin-right: -38px;
}
#tabs.classic-tab ul.tabs-ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 70px;
    overflow: hidden;
	border-bottom: 2px solid #0c649e;
	background: #fff;
}
#tabs.classic-tab ul.tabs-ul li {
    display: block;
    float: left;
    height: 60px;
    margin-right: 2px;
}
#tabs.classic-tab ul.tabs-ul li:last-child {
    margin-right: 0;
}

#tabs.classic-tab ul.tabs-ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    background-color: #eee;
    line-height: 58px;
    padding-top: 10px;
    padding-left: 13px;
    padding-right: 13px;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	text-align: center;
    color: #555;
	text-transform: uppercase;
}

#tabs.classic-tab ul.tabs-ul .ui-tabs-active a {
	background-color: #0c649e;
    line-height: 60px;
    padding-top: 10px;
    padding-bottom: 2px;
    color: #fff;
}

#tabs.classic-tab ul.tabs-ul li a .num-absolute {
    position: absolute;
    display: block;
    top: 18px;
    line-height: 1em;
}

#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-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, #photo-page-colorize {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    /*width: 27.8%;*/
    width: 386px;
    overflow: hidden;
}
#photo-page-colorize, #content .home-about .item .mask {
background: -moz-linear-gradient(222deg,  rgba(12,100,158,0.7) 0%, rgba(50,198,136,0.7) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(12,100,158,0.7)), color-stop(100%,rgba(50,198,136,0.7))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(222deg,  rgba(12,100,158,0.7) 0%,rgba(50,198,136,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(222deg,  rgba(12,100,158,0.7) 0%,rgba(50,198,136,0.7) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(222deg,  rgba(12,100,158,0.7) 0%,rgba(50,198,136,0.7) 100%); /* IE10 preview */
background: linear-gradient(222deg,  rgba(12,100,158,0.7) 0%,rgba(50,198,136,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30c649e', endColorstr='#b332c688',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#photo-page .pastille {
    display: none;
}

#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%;
}

.flex-control-paging li a {
 width:10px;
 height:10px;
 display:block;
 background: rgba(255,255,255,0.3);
 cursor: pointer;
 text-indent: -9999px;
 border-radius:10px;
 
}
.flex-control-paging li a.flex-active {
 background: #fff;
 box-shadow: 0 0 0 1px #fff;
 border: 2px solid rgba(0,0,0,0.5);
}

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

/* --- footer --- */

#footer {
    position: fixed;
    z-index: 2;
    left: 0;
    bottom: 25px;
	max-width: 25%;
	width: 100%;
	background: #fff;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 3%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(3%,rgba(255,255,255,0.5)), color-stop(10%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 3%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 3%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 3%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.5) 3%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

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

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

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

#footer-links li {
	display: inline;
	line-height: 1.57;
}

/* Add a dot symbol (•) before/behind each list item */
#footer-links li+li:before {
  padding: 8px;
  font-weight: bold;
  content: "\00A0\2022" " ";
}
#footer-links li span { font-size: 1px; }

#footer-links li a {
    text-decoration: none;
	color: #777;
}

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

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

#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: 50px;
	border-radius: 25px;
	line-height: 50px;
    text-align: center;
    border: 1px solid #bbdedf;
    font-size: 14px;
    color: #777;
    text-decoration: none;
    text-transform: uppercase;
}
#footer-flags li b {
    border: 1px solid #1e9294;
	color: #555;
	font-weight: normal;
}

#footer-flags li a:hover {
    color: #0c649e;
}

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

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

/* search */

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

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

.actusearch form label {
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: 500;
	line-height: 1.57;
	letter-spacing: 2px;
    color: #999;
    text-transform: uppercase;
}
.actusearch form input {
    display: block;
    width: 99%;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 16px;
	line-height: 1.1;
	letter-spacing: normal;
    color: #555;
    text-indent: 15px;
}
.actusearch form input:hover,
.actusearch form input:focus {
	border-color: #0c649e;
}

.select {
    position: relative;
    display: block;
    margin-bottom: 15px;
    width: 100%;
}

.actusearch form select {
    display: block;
    /*height: 30px;*/
    width: 100%;
    color: #555;
	font-size: 14px;
	line-height: 1.57;
	border: 1px solid #ccc;
    border-radius: 5px;
	cursor: pointer;
	padding: 8px 15px;
	outline: 0;
	background: #ffffff;
	appearance: none;
	-webkit-appearance: none;
    -moz-appearance: none;
	height: 40px;
	
}
.select select::-ms-expand {
	display: none;
}

.select select:hover,
.select select:focus {
	border-color: #0a659e;
}

.select select:disabled {
	opacity: 0.5;
	pointer-events: none;
}
.select-arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select-arrow,
.select select:focus ~ .select-arrow {
    border-top-color: #0c649e;
}
.select select:disabled ~ .select-arrow {
    border-top-color: #cccccc;
}

.actusearch .fields-from-to {
	float: left;
	padding-right: 20px;
}

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

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

.actusearch .fields-from-to label.from-to {
    font-family: franklin-gothic-urw, Arial, Verdana, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.57;
    color: #555;
    text-transform: none;
}

.hasDatepicker {
    background: url(../../images/cls/ico-calendar@x2.png) no-repeat right 11px center;
	background-size: 20px 20px;
}

.actusearch form .bouton {
    text-align: right;
	float:left;
}

.actusearch .col-1-search,
.actusearch .col-2-search {
    float: left;
    display: block;
	box-sizing: border-box;
}

.actusearch .col-1-search {
    padding-right: 20px;
    width: 34%;
}

.actusearch .col-2-search {
    width: 66%;
}
.ui-datepicker {
	box-sizing: border-box; 
	padding: 0;
	width: auto;
}
.ui-datepicker-header.ui-corner-all {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border: none;
	border-bottom: 1px solid #0c649e;
}
.ui-widget-header {
	background: rgb(6,115,168); /* Old browsers */
	background: -moz-linear-gradient(263deg,  rgba(6,115,168,1) 0%, rgba(52,202,150,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(6,115,168,1)), color-stop(100%,rgba(52,202,150,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(263deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(263deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(263deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* IE10 preview */
	background: linear-gradient(263deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0673a8', endColorstr='#34ca96',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.ui-datepicker .ui-datepicker-header {
	padding: 6px 0;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top: 4px;
}
.ui-datepicker-header a.ui-state-hover {
	background-color: transparent;
	color: #fff;
	border: none;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("ui-lightness/images/ui-icons_ffffff_256x240.png");
}
.ui-icon-circle-triangle-e {
	background-position: -32px -16px;
}
.ui-icon-circle-triangle-w {
	background-position: -96px -16px;
}
.ui-datepicker table {
	width: auto;
	font-size: 14px;
	margin: 10px 30px 20px 30px;
}
.ui-datepicker table th {
	padding: 5px 8px 16px 8px;
}
.ui-datepicker table td {
	padding: 3px 8px;
}
.ui-datepicker .ui-datepicker-title {
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.57;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.ui-datepicker th {
	font-weight: normal;
}

.pnews-results .pnews-result {
    padding: 10px 70px 10px 10px;
    border-bottom: 1px solid #e5e5e5;
}

.pnews-results .pnews-result .visuel {
    float: left;
    width: 47.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: 50%;
}

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

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

#content .corps .detail-actu .excerpt p.actu-intro,
.detail-actu .excerpt .actu-intro {
    color: #1087c9;
	margin-bottom: 2em;
}

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

.pnews-results .pnews-result .excerpt .text {
	clear: both;
}
.pnews-results .pnews-result .excerpt .text h2 {
	font-size: 1.3em !important;
}

#content .pnews-results .pnews-result .excerpt h1,
.pnews-results .pnews-result .excerpt h2 {
    font-weight: normal !important;
	margin-bottom: 0;
}
.pnews-results .pnews-result .excerpt h2 {
    font-size: 1em !important;
}

#content .corps .pnews-results .pnews-result .excerpt .h1,
#content .corps .pnews-results .pnews-result .excerpt h2 {
    margin: 10px 0 12px 0;
    padding: 0 !important;
    line-height: 1em !important;
	font-weight: normal;
}
#content .corps .pnews-results .pnews-result .excerpt .h1{
	margin-top: 0;
}
.pnews-results .pnews-result .excerpt .h1 .date,
.pnews-results .pnews-result .excerpt h2 .date {
    padding-left: 10px;
    color: #999;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.57;
}

.pnews-results .pnews-result .excerpt .h1 .category,
.pnews-results .pnews-result .excerpt h2 .category {
    color: #0c649e;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.57;
	letter-spacing: normal;
    text-transform: uppercase;
}

.pnews-results .pnews-result .excerpt h1 .title {
    margin-top: 2px;
    display: block;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    color: #0c649e;
	font-size: 26px;
	font-weight: 400;
	line-height: 1.1;
	letter-spacing: 0.71px;
	text-transform: none;
}
.pnews-results .pnews-result .excerpt h2 .title {
    margin-top: 2px;
    display: block;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    color: #555;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.35px;
}
#content .corps .pnews-results .pnews-result.type-post {
	font-size: 14px;
	line-height: 1.29;
	letter-spacing: 0.25px;
}
.pnews-results .pnews-result.type-post .photo,
.pnews-results .pnews-result.type-presse .photo {
	position:relative;
}
.pnews-results .pnews-result .excerpt .link {
	margin: 2em 0;
	text-align: right;
}

.pnews-results .pnews-result.type-post .excerpt .link,
.pnews-results .pnews-result.type-presse .excerpt .link {
    margin: 1.5em 0;
	text-align: left;
}
.pnews-results .pnews-result .excerpt .link a {
    display: inline-block;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.57;
	letter-spacing: 2px;
    text-decoration: none;
	text-transform: uppercase;
}
/* Add an arrow symbol (←) before link */
.pnews-results .pnews-result .excerpt .link a:hover:before {
	padding-right: 0.25em;
	content: "\2190";
}
/* Add an arrow symbol (→) before link */
#content .home-news .excerpt .link a:hover:before,
.home-sites a:hover:before,
.pnews-results .pnews-result.type-post .excerpt .link a:hover:before,
.pnews-results .pnews-result.type-presse .excerpt .link a:hover:before {
	padding-right: 0.25em;
	content: "\2192";
}

.pnews-results .pnews-result .excerpt .link a:hover {
    color: #1087C9;
}
.pnews-results .excerpt .link.pdf-link a {
	text-align: center;
	margin: 1.5em 0;
    display: inline-block;
	width: auto;
	border: 1px solid #0c649e;
	border-radius: 30px;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
}
.pnews-results.detail-actu .excerpt .link.pdf-link a {
	border-radius: 60px;
	height: 60px;
	line-height: 60px;
	padding: 0 30px;
}
.pnews-results .excerpt .link.pdf-link {
	width: 100%;
	margin: 0 auto;
}

.pnews-results .pnews-pages,
.page-presse .presse-pages {
    margin: 0 30px;
    /*border-top: 1px solid #ccc;*/
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 120px;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.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;
    color: #0c649e;
	width: 30px;
	text-align:center;
	height: 120px;
	margin: 20px 8px 0 8px;
}
.pnews-results .pnews-pages .current {
	border-bottom: 2px solid #0c649e;
}

.custom-pagination {
	box-sizing: border-box;
	text-align:center;
}
.pnews-results .pnews-pages a,
.page-presse .presse-pages a {
	color: #999;
    display: inline-block;
    text-decoration: none;
	width: 30px;
	height: 120px;
	text-align:center;
	margin: 0 8px;
}

.page-numbers.dots {
	height: 0.4em;
	display: inline-block;
	overflow: hidden;
	color:#fff;
	border-top: 2px solid #999;
	width: 50px;
	margin: 0 8px;
}
.pnews-results .pnews-pages .custom-pagination .next,
.pnews-results .pnews-pages .custom-pagination .prev {
	width: auto;
	border: 1px solid #0c649e;
	border-radius: 60px;
	height: 60px;

	line-height: 60px;
	padding: 0 30px;
}
.pnews-results .pnews-pages .custom-pagination a.next,
.pnews-results .pnews-pages .custom-pagination a.prev {
	color: #0c649e;
}

/* --- 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-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(../../images/cls/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: 7px;
}
.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;
    top: 50%;
    left: 25px;
    right: 25px;
    margin-top: -30px;
    display: inline-block;
    height: 60px;
    font-family: franklin-gothic-urw, Arial, Verdana, sans-serif;
    color: #fff;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.35px;
    text-align: right;
}
/* Add an arrow symbol (→) before li */
.corps ul.liste-logos li .label-categ:after {
	padding-left: 0.5em;
	content: "\2192";
}

/* Presse */

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

/* onglets */

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

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

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

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



/* 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,
.image-bandeau-page-retour {
    margin-left: -45px;
    margin-right: -38px;
}

.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,
.image-bandeau-page-2 .bandeau .masque-grille,
.image-bandeau-page-retour .bandeau .masque-grille /*,
.pnews-results .pnews-result.type-post:hover .pic,
.pnews-results .pnews-result.type-presse:hover .pic*/ {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: -moz-linear-gradient(251deg,  rgba(12,100,158,0.7) 0%, rgba(50,198,136,0.7) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(12,100,158,0.7)), color-stop(100%,rgba(50,198,136,0.7))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(251deg,  rgba(12,100,158,0.7) 0%,rgba(50,198,136,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(251deg,  rgba(12,100,158,0.7) 0%,rgba(50,198,136,0.7) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(251deg,  rgba(12,100,158,0.7) 0%,rgba(50,198,136,0.7) 100%); /* IE10 preview */
	background: linear-gradient(251deg,  rgba(12,100,158,0.7) 0%,rgba(50,198,136,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b30c649e', endColorstr='#b332c688',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.image-bandeau-page .bandeau .masque-grille {
	background: -moz-linear-gradient(top,  rgba(4,20,45,0) 0%, rgba(1,26,56,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,20,45,0)), color-stop(100%,rgba(1,26,56,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  rgba(4,20,45,0) 0%,rgba(1,26,56,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  rgba(4,20,45,0) 0%,rgba(1,26,56,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  rgba(4,20,45,0) 0%,rgba(1,26,56,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  rgba(4,20,45,0) 0%,rgba(1,26,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0004142d', endColorstr='#011a38',GradientType=0 ); /* IE6-9 */

}

.image-bandeau-page .texte,
.image-bandeau-page-haut .texte {
    position: absolute;
    top: 50%;
	transform: translateY(-50%);
    left: 10px;
    right: 10px;
	width: 75%;
	margin: auto;
    font-family: franklin-gothic-urw, Arial, Verdana, sans-serif;
    color: #fff;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.35px;
	text-align: center;
}

.image-bandeau-page-haut .texte {
    left: 0;
    width: 73%;
	margin: auto;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 26px;
	font-weight: 500;
	line-height: 1.23;
	letter-spacing: 3.71px;
	text-align: center;
	text-transform: uppercase;
}

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

/* 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-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 .texte {
    position: absolute;
    top: 59px;
    /*left: 41px;
    right: 50%;*/
    font-family: franklin-gothic-urw, Arial, Verdana, sans-serif;
    color: #fff;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.35px;
}

/* spécifique bouton retour calé en bas à gauche */
.image-bandeau-page-retour .texte {
    position: absolute;
    bottom: 0;
    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;
    background: #0c649e;
    color: #fff;
    font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 2px;
	text-decoration: none;
	text-transform: uppercase;
}
/* Add an arrow symbol (←) before a */
.image-bandeau-page-retour .texte a:before {
	content: "\2190" " ";
}

.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;*/
}
.image-texte-accordeon {
	margin-left: -45px;
}
.texte-image-accordeon {
	margin-right: -38px;
}

.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: 50%;
    padding-right: 36px;
}
.texte-image-accordeon .image {
    width: 50%;
}

.image-texte-accordeon .texte {
    width: 50%;
    padding-left: 36px;
}
.image-texte-accordeon .image {
    width: 50%;
}

.texte-image-accordeon .texte h2, 
.image-texte-accordeon .texte h2 {
    margin: 10px 0 14px 0 !important;
    font-family: franklin-gothic-urw, Arial, Verdana, sans-serif;
	font-weight: normal !important;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.2 !important;
	letter-spacing: 0.35px;
    font-size: 20px !important;
    color: #555 !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(../../images/cls/suite-picto.png) no-repeat right 0;
    line-height: 18px;
    padding-right: 28px;
    font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
    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(../../images/cls/close-text.png) no-repeat 0 0 !important;
    width: 26px;
    height: 0;
    padding-top: 26px;
    overflow: hidden;
}

.sousmenu-page {
    /*background: #128aca;*/
    background: url(../../images/cls/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;*/
    display: block;
    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;
}

/* CLS 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: #f02d42;
    margin-bottom: 1px;
    padding: 4px 7px;
    font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: normal;
    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: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 16px;
	font-weight: normal;
    color: #fff;
    line-height: 1em;
}

#content .bloc-video .video-mask h2 .soustitre {
    display: inline-block;
    background: #2b2732;
    padding: 4px 7px;
    font-family: franklin-gothic-urw, Arial, Verdana, sans-serif;
    font-size: 16px;
    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(../../images/cls/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: #f02d42;
}

.loadingbox {
    position: absolute;
    z-index: 1;
    /*background: #555 url(../../images/cls/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;
	background-color: #0c649e;
}

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


/* formulaire contact */

.form .form-zone {
    padding-top: 28px;
    margin-bottom: 28px;
    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: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.25;
	letter-spacing: 0.28px;
    color: #555;
}

#content .corps .form h2 {
    font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 500;
	line-height: 0.85;
	letter-spacing: 0.71px;
	color: #0c649e;
    text-transform: uppercase;
}

.form h3 {
    margin: 20px 0 10px 0;
    font-family: franklin-gothic-urw, Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: 0.35px;
	color: #555;
}

.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-size: 1.1em;
    font-weight: normal;
}

.form input[type=text],
.form input[type=password],
.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: franklin-gothic-urw, 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: franklin-gothic-urw, 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],
.actusearch form button {
    border: 0;
    border-radius: 5px;
    height: 43px;
    color: #fff;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 12px;
	font-weight: 500;
	line-height: 1.83;
	letter-spacing: 1.72px;
    cursor: pointer;
	text-transform: uppercase;
	padding: 0 20px;
	background: rgb(6,115,168); /* Old browsers */
	background: -moz-linear-gradient(244deg,  rgba(6,115,168,1) 0%, rgba(52,202,150,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(6,115,168,1)), color-stop(100%,rgba(52,202,150,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(244deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(244deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(244deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* IE10 preview */
	background: linear-gradient(244deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0673a8', endColorstr='#34ca96',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

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

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

/* gouvernance */
.gouvernance-liste h3 {
    margin: 1em 0;
    padding: 0;
    font-size: 20px;
    color: #0c649e;
    font-weight: normal;
}

.gouvernance-liste .items {
    margin-bottom: 20px;
}

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

.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-size: 1.4em;
    color: #0c649e;
}

.gouvernance-liste .item .infos .societe {
	font-weight: 700;
    font-size: 1.1em;
    color: #555;
}

.gouvernance-liste .item .infos .fonction {
    font-size: 1em;
    color: #555;
}

/* onglet métiers page Le groupe */

.metiers-liste {
    margin-bottom: 25px;
	margin-left: -45px;
	margin-right: -38px;
}

.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%;
    font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 14px;
	font-weight: 500;
	line-height: 1.29;
	letter-spacing: 2px;
    color: #0c649e;
	text-transform: uppercase;
}

.metiers-liste li a {
    text-decoration: none;
    color: #0c649e;
}

.metiers-liste li .inner {
    display: block;
    margin-right: 9px;
    margin-bottom: 9px;
    background-color: #eee;
    border-radius: 10px;
    padding: 0 16px 38px 16px;
    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 {

}

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

#content .corps .coordonnees-liste .items-localisation-block h2,
#content .corps .coordonnees-liste2 .items-localisation-block h2 {
    font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 500;
	line-height: 0.85;
	letter-spacing: 0.71px;
	color: #0c649e;
    text-transform: uppercase;
}

.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-radius: 10px;
    padding: 10px;
    background: #eee;
    min-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,
.coordonnees-liste .listeitems li a,
.coordonnees-liste2 .listeitems li a  {
    margin: 20px 0 24px 0;
    padding: 0;
    font-family: franklin-gothic-urw, Arial, Verdana, sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.2;
	letter-spacing: 0.35px;
	color: #555;
    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: 1em;
}

.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 {
    color: #0c649e;
    font-weight: 700;
}

.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(../../images/cls/picto-plan-acces.png) no-repeat 11px center;
	font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: 2px;
    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;
}
/* Add an arrow symbol (→) before li */
.coordonnees-liste .listeitems li:before,
.coordonnees-liste2 .listeitems li:before {
	padding-right: 0.5em;
	text-decoration: none;
	content: "\2192";
}

.coordonnees-liste .listeitems li a,
.coordonnees-liste2 .listeitems li a {
    color: #0c649e;
    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(../../images/cls/icone-web.png) no-repeat 0 1px;
    padding-left: 22px;
    text-decoration: none;
    line-height: 1.2em;
}
a.lienweb:hover {
    text-decoration: underline;
}

/* Add an arrow symbol (→) before a */
a.lienpage:before {
	content: "\2192" " ";
}
a.lienpage {
    display: block;
    line-height: 1.2em;
}


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

.bloc-liste-texte {
	background: rgb(28,157,205); /* Old browsers */
	background: -moz-linear-gradient(215deg,  rgba(28,157,205,1) 0%, rgba(12,100,158,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(28,157,205,1)), color-stop(100%,rgba(12,100,158,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(215deg,  rgba(28,157,205,1) 0%,rgba(12,100,158,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(215deg,  rgba(28,157,205,1) 0%,rgba(12,100,158,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(215deg,  rgba(28,157,205,1) 0%,rgba(12,100,158,1) 100%); /* IE10 preview */
	background: linear-gradient(215deg,  rgba(28,157,205,1) 0%,rgba(12,100,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c9dcd', endColorstr='#0c649e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.28px;
    margin-bottom: 40px;
	margin-left: -45px;
	margin-right: -38px;
}

.bloc-liste-texte .liste-chiffres {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 26.3%;
	padding: 17px 0 12px 0;
}

.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: #fff;
    color: #666;
    font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.28px;
    padding: 22px 26px 0 29px;
	margin: 0 0 5px 14px;
}
.bloc-liste-texte .liste-chiffres.liste-chiffres-droite ul li {
	margin: 0 14px 5px 0;
}
/*
.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 {
	color:#0c649e;
    display: block;
    font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.85;
	text-transform: uppercase;
}

.bloc-liste-texte .texte {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    width: 73.7%;
    padding: 33px 40px 0 50px;
	opacity: 0.9;
}
#content .corps .bloc-liste-texte .texte b, #content .corps .bloc-liste-texte .texte strong {
	color: #fff;
}
#content .corps .bloc-liste-texte .texte a {
	color: #cee0ec;
}


/* 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-right: -38px;
}

.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: #0c649e;
    color: #e7f0f5;
    font-size: .9em;
    padding: 20px 25px;
    line-height: 1em;
}

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

.texte-image-textedessus .image-textedessus .texteimage strong {
    display: block;
    font-family: franklin-gothic-urw-cond, Arial, Helvetica, sans-serif;
    font-size: 26px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.85;
	text-transform: uppercase;
	color: #fff;
}
#content .corps .image-textedessus .texteimage strong {
		color: #fff;
}
.texte-image-textedessus .image-textedessus img {
    display: block;
    width: 100%;
    height: auto;
	opacity: 1;
}

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

.texte-2images-a-droite .texte-et-liste .texte-intro {
    font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.35px;
    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%;
	margin-top: 16px;
}

.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;
	z-index: 100;
    top: 30%;
    left: 0;
    right: 0;
    padding: 0 20px;
	text-align: center;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.35px;
}

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

.texte-2images-a-droite .image-lien .titreimage a {
    text-decoration: none;
    color: #fff;
}

#content .corps .texte-2images-a-droite .image-lien p {
	margin:0;
}
.texte-2images-a-droite .image-lien .masque-degrade {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background: -moz-linear-gradient(top,  rgba(4,20,45,0) 0%, rgba(1,26,56,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(4,20,45,0)), color-stop(100%,rgba(1,26,56,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top,  rgba(4,20,45,0) 0%,rgba(1,26,56,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top,  rgba(4,20,45,0) 0%,rgba(1,26,56,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top,  rgba(4,20,45,0) 0%,rgba(1,26,56,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom,  rgba(4,20,45,0) 0%,rgba(1,26,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0004142d', endColorstr='#011a38',GradientType=0 ); /* IE6-9 */
}


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

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

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

    #photo-page, #photo-page-colorize {
        width: 33%;
    }

}

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

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

    #photo-page, #photo-page-colorize {
        width: 25%;
    }

}


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

    #content .home-info1 .text h1,
	#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: 600px) {

    .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;
		max-width: 100%;
    }

    .index #footer-links li:first-child a {
        border-top: 0;
        padding-top: 0;
    }
	#footer-flags {
		position: absolute;
		top: 20px;
		right: 10px;
		z-index: 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;
    }
	#content .home-info1 .text a,
	#content .home-info2 .text a {
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		font-size: 14px;
		border-radius: 20px;
		display: block;
		position: absolute;
		right: 20px;
		bottom: 22px;
	}
	#content .home-info1 .text .readmore-box,
	#content .home-info2 .text .readmore-box {
		display: block;
	}
	#content .home-info1:hover .text div h1,
	#content .home-info2:hover .text div p:first-child {
		display: block;
	}
	
	/* Remove the arrow symbol (→) before link */
	#content .home-news .excerpt .link a:hover:before,
	.home-sites a:hover:before,
	.pnews-results .pnews-result.type-post .excerpt .link a:hover:before,
	.pnews-results .pnews-result.type-presse .excerpt .link a:hover:before,
	.pnews-results .pnews-result .excerpt .link a:hover:before,
	a.download-link:hover:before	{
		content: none;
	}
}



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

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

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

    #photo-page, #photo-page-colorize {
        width: 180px;
    }
}
*/
@media screen and (max-width: 1600px) {
	#tabs.classic-tab ul.tabs-ul li a {
        font-size: .8em;
    }

	.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 {
		width: 20px;
		height: 90px;
		margin: 20px 5px 0 5px;
	}
	.pnews-results .pnews-pages a,
	.page-presse .presse-pages a {
		width: 20px;
		height: 90px;
		margin: 0 5px;
	}
	.page-numbers.dots {
		width: 35px;
	}
	.pnews-results .pnews-pages .custom-pagination .next,
	.pnews-results .pnews-pages .custom-pagination .prev {
		width: auto;
		border-radius: 45px;
		height: 45px;
		line-height: 45px;
		padding: 0 22px;
	}

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

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

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


    .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: .7em;
    }

    .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 {
        font-size: 24px;
    }

	.page-numbers.dots {
		width: 25px;
		margin: 0 5px;
	}
	.pnews-results .pnews-pages .custom-pagination .next,
	.pnews-results .pnews-pages .custom-pagination .prev {
		border-radius: 32px;
		height: 32px;
		line-height: 32px;
		padding: 0 16px;
	}

}

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

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

    #photo-page, #photo-page-colorize {
        /*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, page:not(.home) #photo-page-colorize {
        position: static;
        display: none;
    }

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

    .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 {
        font-size: 1.5em;
    }

    .image-bandeau-page-haut,
    .bloc-liste-texte,
    .texte-image-textedessus,
	#tabs.classic-tab,
	.texte-image-accordeon, 
	.image-texte-accordeon,
	.metiers-liste {
        margin-left: 0;
        margin-right: 0;
    }
    #tabs.classic-tab ul.tabs-ul li a {
        font-size: .8em;
    }
	.pnews-results .pnews-result {
		padding: 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: rgb(12,100,158);
        padding: 10px;
		top:0;
		transform: none;
    }
	.image-bandeau-page-haut .texte {
		background: rgb(12,100,158); /* Old browsers */
		background: -moz-linear-gradient(45deg,  rgba(12,100,158,1) 0%, rgba(50,198,136,1) 100%); /* FF3.6-15 */
		background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(12,100,158,1)), color-stop(100%,rgba(50,198,136,1))); /* Chrome4-9,Safari4-5 */
		background: -webkit-linear-gradient(45deg,  rgba(12,100,158,1) 0%,rgba(50,198,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: -o-linear-gradient(45deg,  rgba(12,100,158,1) 0%,rgba(50,198,136,1) 100%); /* Opera 11.10-11.50 */
		background: -ms-linear-gradient(45deg,  rgba(12,100,158,1) 0%,rgba(50,198,136,1) 100%); /* IE10 preview */
		background: linear-gradient(45deg,  rgba(12,100,158,1) 0%,rgba(50,198,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c649e', endColorstr='#32c688',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	
    .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.classic-tab ul.tabs-ul li {
		border-bottom: 2px solid #fff;
	}
    #tabs.classic-tab ul.tabs-ul li a,
	#tabs.classic-tab ul.tabs-ul .ui-tabs-active a	{
        font-size: 1em;
		padding-top: 0;
    }
	#tabs.classic-tab ul.tabs-ul li a .num-absolute {
        position: relative;
		display: inline;
		top:0;
		line-height: 60px;
    }
	/* Add a dot symbol (•) after numbers */
	#tabs.classic-tab ul.tabs-ul li a .num-absolute:after {
	  content: "\00A0\2022" " ";
	}
    #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: 630px) {

    #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;*/
		height: 40px;
		line-height: 40px;
		padding: 0 50px 0 30px;
		border-radius: 20px;
		margin-top: 20px;
		background: #fff url(../../images/cls/bt-play-grd-circle.png) no-repeat right 3px center;
		background-size: 34px 34px;
    }

    #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%;
    }
	.bloc-liste-texte .liste-chiffres ul li {
		margin-right: 14px;
	}

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

	.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 {
		margin: 20px 0 0 0;
	}
	.pnews-results .pnews-pages a,
	.page-presse .presse-pages a {
		margin: 0;
	}
	.page-numbers.dots {
		width: 20px;
	}
	.pnews-results .pnews-pages .custom-pagination .next,
	.pnews-results .pnews-pages .custom-pagination .prev {

	}
}

@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%;*/
    }
	#footer-flags {
		top: 20px;
		left: 10px;
		width: 40%;
	}
	#footer-flags li a, #footer-flags li b {
		width: 30px;
		border-radius: 15px;
		line-height: 30px;
		font-size: 12px;
		background-color: #fff;
	}

    /* 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 {
        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 {
        margin-bottom: 15px;
    }
    #footer-links {
        margin-bottom: 35px;
    }
    
    #footer-links li {
        margin-bottom: 14px;
    }

    /* bloc sites */
    /*#content.vh-responsive .home-sites {
        padding-top: 15px;
    }*/
	#search-engine form {
		display: none;
	}
	#search-engine {
		padding-top: 20px;
	}
	#search-engine input {
		height: 48px;
		padding: 0 48px 0 24px;
		border-radius: 24px;
	}

	#search-engine button {
		top: 23px;
		right: 3px;
		background-size: 42px 42px;
		width: 42px;
		height: 42px;
		border-radius: 21px;
		text-indent: -1000000px;
		border: 0;
	}
	#content .home-news .excerpt .link {
		margin-top: 1em;
	}
	#footer {
		background: #fff;
	}
}

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

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

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

    #menu li.CMS_lvl2 {
        margin-bottom: 12px;
    }

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

    #footer-links li:first-child a {
        padding-top: 15px;
    }
}
@media screen and (max-width: 1024px), screen and (max-height: 600px) {
    #search-engine	{
		padding: 40px 15px 0 15px;
    }

	#search-engine input {
		height: 60px;
		padding: 0 60px 0 30px;
		border-radius: 30px;
	}

	#search-engine button {
		top: 45px;
		right: 20px;
		background-size: 50px 50px;
		width: 50px;
		height: 50px;
		border-radius: 25px;
	}
}

@media screen and (min-width: 1147px) and (max-height: 790px) {
	#content .home-info1 .text a,
	#content .home-info2 .text a {
		height: 40px;
		line-height: 40px;
		padding: 0 20px;
		font-size: 14px;
		border-radius: 20px;
	}
}

.rss { text-align: right; margin-top: 0.5em; margin-right: 45px; }
.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 -------------------------------- */
/* ------------------------------------------------------------------------ */

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

.clstv .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 {
    position: relative; 
}


/* ------------------------------------------------------------------------ */
/* ------------------------- CALL TO ACTIONS -------------------------------- */
/* ------------------------------------------------------------------------ */

/*Bouton User Area*/
.button {
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    text-indent:0px;
    /*border:1px solid #83c41a;*/
    display:inline-block;
    color:#ffffff;
	font-family: franklin-gothic-urw-cond , Arial, Helvetica, sans-serif;
	font-weight: 400;
    font-size:21px;
    /*font-weight:bold;*/
    font-style:normal;
    /*height:48px;*/
    line-height:24px;
    /* width:200px; */
	padding: 12px 2em;
    text-decoration:none;
    text-align:center;
	background: rgb(6,115,168); /* Old browsers */
	background: -moz-linear-gradient(244deg,  rgba(6,115,168,1) 0%, rgba(52,202,150,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(6,115,168,1)), color-stop(100%,rgba(52,202,150,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(244deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(244deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(244deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* IE10 preview */
	background: linear-gradient(244deg,  rgba(6,115,168,1) 0%,rgba(52,202,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0673a8', endColorstr='#34ca96',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.button:hover {
/*	background-color:#1294dd;
    color: #FFF;*/
}
.button:active {
    position:relative;
    top:1px;
}

/* ------------------------------------------------------------------------ */
/* ------------------------- CITATIONS     -------------------------------- */
/* ------------------------------------------------------------------------ */

blockquote {
/*font-family: Georgia, serif;*/
font-size: 16px;
font-style: italic;
width: 80%;
margin: 0.5em auto;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #555;
background-color: #f2f2f2;
}

blockquote:before {
font-family: Georgia, serif;
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #7a7a7a;
}
blockquote.no-quotes:before {
	display: none;
	content: "";
}

blockquote small {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
 
blockquote small:before {
content: "\2014 \2009";
}

/* ------------------------------------------------------------------------ */
/* ------------------------- LEGENDES FIGURES ----------------------------- */
/* ------------------------------------------------------------------------ */
figcaption,
.wp-caption p.wp-caption-text {
	font-size: 0.9em;
	line-height: 1.4em;
	color: #999;
}
figcaption a,
.wp-caption p.wp-caption-text a {
	color: #999;
}
@media screen and (max-width: 1024px) {
	figcaption,
	.wp-caption p.wp-caption-text	{
		font-size: 1em;
	}	
}

/**
* Twitter
*/
.twitter-tweet {
	margin: 1em auto;
}

/** 
* YouTube iframe embed
*/
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* ratio 16/9 */
    height: 0; overflow: hidden;
    clear: both;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}