/* Texte des logos en page d'accueil */
.aud-newletter-text-logo {
  font-family: "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 18px;
  text-align: center;
  width: 100%;
  display: inline-block;
  color: #5b5b5e;
  margin-top: 10px;
}

.aud-newletter-logo {
  max-height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/* Partie newsletters */
/*
.features-section-news {
  margin-bottom: 65px;
}
*/


.slick-dots,
.nav ul,
.list,
.spip,
.dashed-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clearfix:after,
.header .container:after {
	content: "";
	display: block;
	clear: both;
}

.ellipsis {
	white-space: nowrap; /* 1 */
	text-overflow: ellipsis; /* 2 */
	overflow: hidden;
}

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

[class^="icon-"],
[class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "icomoon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	vertical-align: top; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/*.icon-mail:before {
	content: "\e904";
}

.icon-pdf:before {
	content: "\e905";
}

.icon-print:before {
	content: "\e906";
}

.icon-facebook:before {
	content: "\e900";
}

.icon-linkedin:before {
	content: "\e901";
}

.icon-phone:before {
	content: "\e902";
}

.icon-twitter:before {
	content: "\e903";
}

.icon-arrow-left:before {
	content: "\e907";
}

.icon-arrow-right:before {
	content: "\e908";
}*/

.icon-mail:before {
  content: "\e905";
}
.icon-pdf:before {
  content: "\e906";
}
.icon-print:before {
  content: "\e907";
}
.icon-facebook:before {
  content: "\e901";
}
.icon-linkedin:before {
  content: "\e902";
}
.icon-youtube:before {
	content: "\e900";
}
.icon-phone:before {
  content: "\e903";
}
.icon-twitter:before {
  content: "\e904";
}
.icon-arrow-left:before {
  content: "\e908";
}
.icon-arrow-right:before {
  content: "\e909";
}

/* Slick slider styles */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table;
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-arrow:focus {
	outline: none;
}

.slick-dots {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
}

.slick-dots li {
	margin: 0 3px;
}

.slick-dots li.slick-active button {
	background: #fff;
}

.slick-dots button {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: transparent;
	border: 1px solid #fff;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	padding: 0;
}

.slick-dots button:hover {
	background: #fff;
}

.slick-dots button:focus {
	outline: none;
}

/* custom select styles */

.jcf-select {
	display: block;
	position: relative;
	border-bottom: 1px solid #000;
	background: none;
	min-width: 150px;
	height: 55px;
}

.jcf-select.jcf-drop-active .jcf-select-opener {
	opacity: 1;
}

.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-text {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	font: 500 18px/55px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin: 0 135px 0 0;
	color: #a19ea2;
}

.jcf-select .jcf-select-opener {
	position: absolute;
	text-align: center;
	width: 26px;
	bottom: 0;
	right: 100px;
	top: 4px;
	opacity: 0;
}

.jcf-select .jcf-select-opener:after {
	content: "\e908";
	font: 15px/1 "icomoon";
	color: #333942;
	position: absolute;
	top: 50%;
	right: 9px;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

body > .jcf-select-drop {
	position: absolute;
	margin: -21px 0 0;
	z-index: 9999;
}

body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}

.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0;
	z-index: 9999;
	top: 100%;
	right: 0;
	width: 128px !important;
}

.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}

.jcf-select-drop .jcf-select-drop-content {
	width: 128px;
}

.jcf-select-drop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

/* multiple select styles */

.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	margin: 0 15px;
}

/* select options styles */

.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: rgba(255, 255, 255, .8);
	padding-left: 9px;
	line-height: 14px;
	font-size: 12px;
	width: 100%;
}

.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}

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

.jcf-list ul li {
	overflow: hidden;
	display: block;
	border-bottom: 1px solid #161616;
}

.jcf-list ul li:first-child {
	display: none;
}

.jcf-list .jcf-overflow {
	overflow: auto;
}

.jcf-list .jcf-option {
	overflow: hidden;
	cursor: default;
	display: block;
	padding: 5px 2px;
	color: #70747b;
	height: 1%;
	letter-spacing: .075em;
}

.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}

.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	color: #000;
}

.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}

.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

/* custom file input styles */

.jcf-file {
	display: block;
	white-space: nowrap;
	position: relative;
	padding: 23px 50px 23px 11px;
	overflow: hidden;
}

.jcf-file:hover {
	opacity: .7;
}

.jcf-file .jcf-real-element {
	position: absolute;
	font-size: 200px;
	height: 200px;
	margin: 0;
	right: 0;
	top: 0;
}

.jcf-file .jcf-fake-input {
	display: block;
	white-space: normal;
	font: 500 18px/20px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #a19ea2;
	word-break: break-all;
}

.jcf-file .jcf-upload-button {
	position: absolute;
	top: 25px;
	right: 26px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	text-indent: -9999px;
	height: 20px;
	width: 10px;
}

.jcf-file .jcf-upload-button:after {
	content: "\e908";
	font: 700 15px/1 "icomoon";
	color: #333942;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 0;
}

/* common custom form elements styles */

.jcf-disabled {
	background: #ddd !important;
}

.header {
	background: #fbf8f4;
	position: fixed;
	padding: 11px 0 9px;
	border-bottom: 1px solid #333942;
}


@media (min-width: 1000px) {
	.header {
		background: #FFF;
		border-bottom: none;
	}
}

.header {
    top: 0;
    width: 100%;
    z-index: 10;
}

.main {
    margin-top: 58px;
}

.logo {
	width: 40px;
}

.logo img {
	width: 40px;
	height: 40px;
}

.call-btn {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	background: #2f6488;
	width: 50px;
	font-size: 26px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.call-btn:hover {
	opacity: .9;
	color: #fff;
}

.nav ul {
	text-align: center;
	width: 100%;
}

.nav ul li {
	font: 600 23px/1.14 "Open Sans", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-bottom: 24px;
}

.nav ul li.slide-active > a {
	color: #313131;
}

.nav ul li.slide-active > a:after {
	opacity: 1;
}

.nav ul a {
	color: #fff;
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-bottom: 13px;
}

.nav ul a:after {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: #22280d;
	opacity: 0;
}

.nav ul a:hover {
	color: #313131;
}

.nav ul a:hover:after {
	opacity: 1;
}

.nav ul .drop {
	max-width: 184px;
	margin: 9px auto 0;
}

.resize-active .nav ul .drop {
	-webkit-transition: none !important;
	transition: none !important;
}

.nav ul .drop ul {
	text-align: left;
}

.nav ul .drop ul li {
	position: relative;
	font: 400 17px/1.2 "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin: 0;
}

.nav ul .drop ul li:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 2px;
	background: #22280d;
}

.nav ul .drop ul li:before {
	display: none !important;
}

.nav ul .drop ul li.active a {
	color: #fff;
}

.nav ul .drop ul a {
	color: #22280d;
	display: block;
	padding: 4px 0 9px;
}

.nav ul .drop ul a:after {
	display: none;
}

.nav ul .drop ul a:hover {
	color: #fff;
}

.nav-opener {
	position: absolute;
	height: 24px;
	width: 30px;
	top: 19px;
	right: 73px;
}

.nav-opener .bar {
	position: absolute;
	height: 2px;
	width: 20px;
	left: 4px;
	display: block;
	background: #044390;
}

.nav-opener .bar:nth-of-type(1) {
	top: 3px;
	-webkit-transition: top .25s ease .25s, -webkit-transform .25s ease-out .1s;
	transition: top .25s ease .25s, -webkit-transform .25s ease-out .1s;
	transition: top .25s ease .25s, transform .25s ease-out .1s;
	transition: top .25s ease .25s, transform .25s ease-out .1s, -webkit-transform .25s ease-out .1s;
}

.nav-active .nav-opener .bar:nth-of-type(1) {
	top: 10px;
	-webkit-transform: rotate(55deg);
	-ms-transform: rotate(55deg);
	transform: rotate(55deg);
	-webkit-transition: top .25s ease .1s, -webkit-transform .25s ease-out .4s;
	transition: top .25s ease .1s, -webkit-transform .25s ease-out .4s;
	transition: top .25s ease .1s, transform .25s ease-out .4s;
	transition: top .25s ease .1s, transform .25s ease-out .4s, -webkit-transform .25s ease-out .4s;
}

.nav-opener .bar:nth-of-type(2) {
	top: 10px;
	-webkit-transition: .25s ease .25s;
	transition: .25s ease .25s;
}

.nav-active .nav-opener .bar:nth-of-type(2) {
	opacity: 0;
}

.nav-opener .bar:nth-of-type(3) {
	top: 17px;
	-webkit-transition: top .25s  ease .25s, -webkit-transform .25s ease-out .1s;
	transition: top .25s  ease .25s, -webkit-transform .25s ease-out .1s;
	transition: top .25s  ease .25s, transform .25s ease-out .1s;
	transition: top .25s  ease .25s, transform .25s ease-out .1s, -webkit-transform .25s ease-out .1s;
}

.nav-active .nav-opener .bar:nth-of-type(3) {
	top: 10px;
	-webkit-transform: rotate(-55deg);
	-ms-transform: rotate(-55deg);
	transform: rotate(-55deg);
	-webkit-transition: top .25s ease .1s, -webkit-transform .25s ease-out .4s;
	transition: top .25s ease .1s, -webkit-transform .25s ease-out .4s;
	transition: top .25s ease .1s, transform .25s ease-out .4s;
	transition: top .25s ease .1s, transform .25s ease-out .4s, -webkit-transform .25s ease-out .4s;
}

a {
	-webkit-transition: opacity .3s linear, color .3s linear, background .3s linear, border .3s linear, box-shadow .3s linear, visibility .3s linear;
	transition: opacity .3s linear, color .3s linear, background .3s linear, border .3s linear, box-shadow .3s linear, visibility .3s linear;
}

a:focus {
	outline: none;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

body.nav-active {
	overflow: hidden;
}

h1 {
	line-height: 1.08;
}

.wrapper {
	position: relative;
	overflow: hidden;
}

.bg-stretch {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-size: cover;
	background-position: 50% 50%;
	z-index: -1;
}

.text-light_green {
	color: #2581c4;
}

.text-dark_green {
	color: #5f7f5e;
}

.text-dark_blue {
	color: #2f6488;
}

.bg-light_green {
	background: #2581c4;
}

.bg-dark_blue {
	background: #2f6488;
}

.text-gray {
	color: #333942;
}

.text-black {
	color: #000;
}

.text-mobilite {
	color: var( --dtc-mobilite );
}
.text-nousrejoindre {
	color: var( --dtc-nousrejoindre );
}


.bg-gray {
	background: #333942;
}

h2.with-border {
	font: 300 36px/1.19 "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	position: relative;
	padding-bottom: 22px;
	margin-bottom: 16px;
}

h2.with-border:after {
	content: "";
	width: 103px;
	height: 2px;
	background: #2581c4;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

h2.with-border.text-white:after {
	background: #fff;
}

h2.with-border.gray-border:after {
	background: #70747b;
}

h2.with-border.black-border:after {
	background: #181b1f;
}

.btn {
	text-transform: uppercase;
}

.btn.btn-lg {
	border-radius: 0;
}

.btn.btn-md {
	font-size: 20px;
}

.btn.btn-white {
	background: #fff;
	color: #000;
	box-shadow: 7px 8px 7px rgba(0, 0, 0, .5);
}

.btn.btn-white:hover {
	background: #333942;
	color: #fff;
}

.pagination {
	font: 500 18px/1.11 "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.page-item {
	margin: 0 .14em;
	display: inline-block;
	vertical-align: top;
}

.page-item:first-child,
.page-item:last-child {
	margin: 6px 20px 0;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	width: auto;
	height: auto;
	display: block;
	border: 0;
	background: none;
	padding: 0;
	font-size: 15px;
}

.page-item:first-child .page-link:hover,
.page-item:last-child .page-link:hover {
	color: #68a72f;
	background: none;
}

.page-link {
	border-radius: 50%;
	padding: 0;
	display: block;
	width: 25px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0;
}

.page-link:focus {
	outline: none;
}

.btn-small {
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	line-height: 1.13;
	font-weight: 400;
	color: #333942;
	border: 1px solid #57585a;
	padding: 3px;
	text-align: center;
}

.heading-text,
.intro-heading {
	font-size: 18px;
	line-height: 1.22;
	max-width: 960px;
	margin: 0 auto 15px;
}

.heading-text p,
.intro-heading p {
	margin-bottom: 10px;
}

.heading-text.lg-text,
.intro-heading.lg-text {
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: .075em;
	max-width: 1070px !important;
}

.heading-text.lg-text p,
.intro-heading.lg-text p {
	margin-bottom: 24px;
}

.banner-slider {
	position: relative;
	margin-bottom: 21px;
}

.banner-slider:before,
.banner-slider:after {
	content: "";
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 0;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	z-index: 1;
	background: #3a7a26;
	mix-blend-mode: multiply;
	left: 10px;
}

.banner-slider:after {
	right: 10px;
	left: auto;
}

.banner-slider .slide {
	position: relative;
	z-index: 1;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	z-index: 0 !important;
}

.banner-slider .slide.slick-current {
	z-index: 1 !important;
}

.banner-slider .slide .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-height: 499px;
	min-height: 300px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: calc(100vh - 60px);
}

.banner-slider .slide .text-wrap {
	width: 100%;
	padding: 20px 0;
}

.banner-slider h1 {
	font-weight: 700;
	font-size: 42px;
	line-height: 1.21;
	text-transform: uppercase;
	margin: 1px 0 0;
}

.banner-slider h1 small {
	font-size: 26px;
	font-weight: 400;
	display: block;
	margin: -4px 0 0;
}

.banner-slider h1 small strong {
	font-weight: 600;
	display: block;
}

.banner-slider .slick-arrow {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: none;
	text-indent: -9999px;
	border: 0;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	overflow: hidden;
	z-index: 2;
	padding: 0;
}

.banner-slider .slick-arrow:before {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 16px;
	line-height: 1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-indent: 0;
	font-family: "icomoon";
	color: #fff;
}

.banner-slider .slick-arrow.slick-prev {
	left: 10px;
}

.banner-slider .slick-arrow.slick-prev:before {
	content: "\e908";
}

.banner-slider .slick-arrow.slick-next {
	right: 10px;
}

.banner-slider .slick-arrow.slick-next:before {
	content: "\e909";
}

.banner-slider .slick-arrow:hover {
	background: rgba(104, 167, 47, .7);
}

.banner-slider .slick-dots {
	position: absolute;
	bottom: 18px;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	z-index: 9;
}

.banner {
	background-size: cover;
	background-position: 50% 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.banner .container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 220px;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

.banner h1 {
	width: 100%;
	margin: 42px 0 0;
}

.text-banner {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 600;
	padding: 53px 0 0;
	margin-bottom: 40px;
}

.text-banner h1 {
	margin-bottom: 43px;
}

.text-banner p {
	margin-bottom: 24px;
}

.text-banner.type2 {
	font-size: 18px;
	line-height: 1.33;
	font-weight: 400;
	padding: 50px 0 25px;
	margin: 0;
}

.text-banner.type2 h1 {
	font-weight: 700;
	font-size: 32px;
	line-height: 1.22;
	margin-bottom: 25px;
}

.text-banner.type2 p {
	margin: 0;
}

.text-banner.type2 p .text-uppercase {
	font: 300 24px/1.2 "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.text-banner.type2 .text-hold {
	width: 100%;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: .05em;
}

.service-block {
	margin-bottom: 17px;
}

.service-block .service-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.service-block .column {
	width: 50%;
	padding: 0 10px 19px;
}

.service-block .column:first-child {
	width: 100%;
}

.service-block .column:first-child .img-wrap {
	padding-top: 36.8%;
}

.service-block .column:last-child {
	width: 100%;
}

.service-block .column:last-child .img-wrap {
	padding-top: 36.8%;
}

.service-block .img-wrap {
	background-size: cover;
	background-position: 50% 50%;
	margin-bottom: 16px;
	padding-top: 75.8%;
}

.service-block .text-wrap {
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: .05em;
	margin: 0 -2px;
}

.service-block .text-wrap .d-block.text-light_green {
	font-size: 22px;
	font-weight: 300;
	font-family: "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-bottom: -2px;
}

.service-block .text-wrap .hold {
	max-width: 260px;
	margin: 0 auto;
}

.service-block .text-wrap p {
	margin-bottom: 29px;
}

.service-block .btn-small {
	width: 147px;
	margin: 0 auto;
}

.features-section {
	margin-bottom: 50px;
}

.features-section h2.with-border {
	margin-bottom: 37px;
}

.features-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 960px;
	margin: 0 auto 10px;
}

.features-list li {
	width: 50%;
	text-align: center;
	padding: 0 14px 35px;
}

.features-list .num-wrap {
	background: -webkit-linear-gradient(315deg, #bcd552 20%, #3c6f80 100%);
	background: linear-gradient(135deg, #bcd552 20%, #3c6f80 100%);
	width: 130px;
	height: 130px;
	border-radius: 50% 0 50% 50%;
	padding: 22px 12px;
	font-size: 17px;
	line-height: 1.06;
	font-weight: 500;
	margin: 0 auto 23px;
}

.features-list .num-wrap .num {
	font-size: 40px;
	font-family: "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 600;
}

.features-list .num-wrap span {
	display: block;
}

.features-list .num-wrap .icon {
	width: 26px;
	margin: 6px auto 0;
}

.features-list .text-wrap {
	font-size: 18px;
	line-height: 1.28;
	font-weight: 500;
	text-transform: uppercase;
	display: block;
	padding: 0 10px;
}

.img-text-info {
	background-size: cover;
	background-position: 50% 50%;
	color: #fff;
}

.img-text-info .text-wrap {
	font-size: 24px;
	line-height: 1.21;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	padding: 29px 0 32px;
}

.img-text-info .text-wrap:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/*#pour un arrière plan vert transparent (mise en commentaires CO du 5 juillet 2021)
	#background: #2581c4;*/
	mix-blend-mode: multiply;
}

.no-backgroundblendmode .img-text-info .text-wrap:after {
	background: rgba(104, 167, 47, .6);
}

.img-text-info .text-wrap .hold {
	width: 100%;
	padding: 0 20px;
}

.img-text-info .text-wrap sup {
	font-size: 64%;
}

.img-text-info .text-wrap * {
	z-index: 1;
	position: relative;
}

.img-text-info .text-wrap span {
	display: block;
}

.img-text-info .text-wrap time {
	font-size: 30px;
	line-height: 1.2;
}

.img-text-info .text-wrap h2.with-border {
	padding-bottom: 11px;
	margin-bottom: 13px;
}

.img-text-info .text-wrap h2.with-border:after {
	height: 4px;
}

.img-text-info .text-wrap a {
	color: #FFF;
}

.innovations {
	margin: 0 0 52px;
}

.innovations h2.with-border {
	margin-bottom: 14px;
	padding-bottom: 14px;
}

.innovations .text {
	font-size: 18px;
	line-height: 1.33;
	padding: 0 10px;
	max-width: 500px;
	margin: 0 auto;
}

.logo-list {
	margin: 0 -15px 12px;
}

.logo-list li {
	margin: 0 15px 20px;
}

.random-blocks-section {
	margin-bottom: 28px;
}

.random-blocks-section .heading-text {
	max-width: 700px;
	margin-bottom: 46px;
}

.random-blocks-section .masonry {
	margin: 0 -10px;
}

.random-blocks-section .masonry .grid-item {
	width: 100%;
	padding-bottom: 44px;
}

.random-blocks-section .box {
	font: 300 14px/17px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.random-blocks-section .box.longest-xl .d-flex {
	min-height: 539px;
}

.random-blocks-section .box.longest .d-flex {
	min-height: 469px;
}

.random-blocks-section .box.longer .d-flex {
	min-height: 480px;
}

.random-blocks-section .box.long .d-flex {
	min-height: 435px;
}

.random-blocks-section .box .d-flex {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 360px;
	width: 100%;
	padding: 20px;
}

.random-blocks-section .box .hold {
	text-align: center;
	max-width: 360px;
	margin: 13px auto 0;
}

.random-blocks-section .box span {
	display: block;
}

.random-blocks-section .box .ico-wrap {
	margin-bottom: 36px;
}

.ico-wrap.illu {
	margin-right: 15px;
}

.random-blocks-section .box .title {
	font-size: 30px;
	line-height: 1.13;
	font-weight: 400;
	margin-bottom: -3px;
}

.random-blocks-section .box .title.with-border {
	position: relative;
	padding-bottom: 18px;
	margin-bottom: 15px;
	line-height: 1.2;
}

.random-blocks-section .box .title.with-border:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translate(-50%);
	-ms-transform: translate(-50%);
	transform: translate(-50%);
	width: 13px;
	height: 3px;
	background: #fff;
}

.random-blocks-section .box .sub-title {
	font-size: 18px;
	line-height: 1.22;
	font-weight: 500;
	margin-bottom: 16px;
}

.random-blocks-section .box .sub-title small {
	font-size: 14px;
	line-height: 1.21;
	display: block;
}

.random-blocks-section .img-wrap img {
	width: 100%;
}

.random-blocks-section .bordered-box {
	font-size: 18px;
	line-height: 1.33;
	padding: 0 30px 20px;
}

.random-blocks-section .bordered-box.green-border {
	border-color: #2581c4;
}

.random-blocks-section .bordered-box.green-border .logo-wrap:after {
	background: #2581c4;
}

.random-blocks-section .logo-wrap {
	position: relative;
	padding-bottom: 35px;
	margin-bottom: 27px;
}

.random-blocks-section .logo-wrap:after {
	content: "";
	background: #000;
	height: 2px;
	width: 90px;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.random-blocks-section.innovations-block .heading-text {
	margin-bottom: 102px;
}

.footer-aside {
	padding: 54px 0 52px;
}

.footer-aside h2.with-border {
	margin-bottom: 48px;
}

.footer-aside .items-holder {
	max-width: 960px;
	margin: 0 auto;
}

.footer-aside .items-holder .item {
	line-height: 1.56;
	width: 300px;
	margin: 0 auto;
}

.footer-aside .items-holder .item + .item {
	margin-top: 42px;
}

.footer-aside .items-holder .title {
	font: 300 24px/28px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-bottom: 16px;
}

.footer-aside .items-holder .img {
	margin-bottom: 32px;
}

.columns-content-section {
	margin-bottom: 28px;
	position: relative;
}

.columns-content-section:after {
	content: "";
	position: absolute;
	bottom: 18px;
	right: 0;
	left: 0;
	background: #fff;
	height: 6px;
}

.columns-content-section .top-img-holder {
	background-size: cover;
	background-position: 50% 50%;
	height: 394px;
	margin-bottom: 24px;
}

.columns-content-section .top-img-holder.white-partition.left:after {
	left: 28.3%;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
}

.columns-content-section .top-img-holder.white-partition.right:after {
	left: 67.95%;
}

.columns-content-section .block-wrap {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 1.2;
}

.columns-content-section .opener-title {
	color: #68a72f;
}

.columns-content-section .opener-title a {
	color: inherit;
	display: block;
}

.columns-content-section .opener-title .info {
	display: block;
	line-height: 1.5;
	padding-top: 23px;
}

.columns-content-section .opener-title .title {
	font: 300 24px/1.5 "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	position: relative;
	padding-bottom: 20px;
}

.columns-content-section .opener-title .title:after {
	content: "";
	background: #68a72f;
	height: 3px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

.columns-content-section .card {
	border: 0;
	padding: 24px 0;
}

.columns-content-section .project-opener {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	border: 0;
	color: #fff;
	position: relative;
	z-index: 2;
	background: #000;
	font-size: 18px;
	line-height: 20px;
	text-align: left;
	width: 200px; /* QLE passage de 179 à 200px pour afficher tout le nom du bouton Projets concernés */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 0; /* QLE passage de 49px 0 0 à 0*/
	letter-spacing: .05em;
	padding: 4px 34px 6px 8px;
}

.columns-content-section .project-opener[aria-expanded="true"] .ico-wrap:before {
	opacity: 0;
}

.columns-content-section .project-opener:hover {
	opacity: .7;
}

.columns-content-section .project-opener .ico-wrap {
	background: #5f7f5e;
	position: absolute;
	top: 0;
	width: 30px;
	right: 0;
	bottom: 0;
}

.columns-content-section .project-opener .ico-wrap:before,
.columns-content-section .project-opener .ico-wrap:after {
	content: "";
	position: absolute;
	background: #fff;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 12px;
	height: 2px;
}

.columns-content-section .project-opener .ico-wrap:before {
	width: 2px;
	height: 12px;
}

.columns-content-section .project-opener:focus {
	border: 0;
	outline: none;
}

.columns-content-section .project-opener + .collapse.show .card-project-detail,
.columns-content-section .project-opener + .collapse.collapsing .card-project-detail {
	opacity: 1;
}

.columns-content-section .project-opener + .collapse.show .card-project-detail:after,
.columns-content-section .project-opener + .collapse.collapsing .card-project-detail:after {
	opacity: 1;
}

.columns-content-section .card-project-detail {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	position: relative;
	z-index: 1;
	padding: 10px;
	color: #5f7f5e;
	opacity: 0;
}

.columns-content-section .card-project-detail:after {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	content: "";
	position: absolute;
	top: -30px;
	left: 0;
	bottom: 0;
	right: 0;
	border: 2px solid #000;
	z-index: -1;
	opacity: 0;
}

.columns-content-section .card-project-detail p {
	margin-bottom: 24px;
}

.columns-content-section .card-project-detail .text-gray {
	margin-bottom: 10px;
}

.word-break {
	word-break: break-all;
}

.list li, .spip li {
	position: relative;
	padding-left: 11px;
}

.list li:before, .spip li:before {
	content: "";
	background: #333942;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	position: absolute;
	top: 10px;
	left: 0;
}

.partner-section {
	margin-bottom: 70px;
}

.partner-section h2.with-border {
	padding-bottom: 14px;
	margin-bottom: 28px;
}

.logo-slider {
	position: relative;
}

.logo-slider .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.logo-slider .slick-track:before,
.logo-slider .slick-track:after {
	display: none;
}

.logo-slider .slide {
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.logo-slider .slick-arrow {
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-indent: -9999px;
	overflow: hidden;
	padding: 0;
	border: 0;
	background: none;
	z-index: 1;
	font-size: 20px;
	line-height: 1;
}

.logo-slider .slick-arrow:after {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #333942;
	text-indent: 0;
	font-family: "icomoon";
}

.logo-slider .slick-arrow.slick-prev {
	left: 0;
}

.logo-slider .slick-arrow.slick-prev:after {
	content: "\e908";
}

.logo-slider .slick-arrow.slick-next {
	right: 0;
}

.logo-slider .slick-arrow.slick-next:after {
	content: "\e909";
}

.logo-slider .slick-arrow:hover {
	opacity: .7;
}

/* load more button */

.load-more .arrow-icon {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.load-more:hover {
	opacity: .7;
}

.load-more-text {
	color: #000;
	font-size: 25px;
	line-height: 1.16;
	font-family: "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin: 0 0 5px;
}

/* themes related styles */

.theme-color {
	color: #68a72f;
}

.theme-bg {
	background: #68a72f;
}

.theme-brown .theme-color {
	color: #c87575;
}

.theme-brown .theme-bg {
	background: #c87575;
}

.theme-brown .columns-content-section .opener-title {
	color: #c87575;
}

.theme-brown .columns-content-section .opener-title .title:after {
	background: #c87575;
}

.theme-blue .theme-color {
	color: #467dc0;
}

.theme-blue .theme-bg {
	background: #467dc0;
}

.theme-blue .columns-content-section .opener-title {
	color: #467dc0;
}

.theme-blue .columns-content-section .opener-title .title:after {
	background: #467dc0;
}

.theme-dark_green .theme-color {
	color: #5f7f5e;
}

.theme-dark_green .theme-bg {
	background: #5f7f5e;
}

.theme-dark_green .columns-content-section .opener-title {
	color: #5f7f5e;
}

.theme-dark_green .columns-content-section .opener-title .title:after {
	background: #5f7f5e;
}


.theme-projetsurbains .theme-color {
	color: #00519E;
}

.theme-projetsurbains .theme-bg {
	background: #00519E;
}

.theme-projetsurbains .columns-content-section .opener-title {
	color: #00519E;
}

.theme-projetsurbains .columns-content-section .opener-title .title:after {
	background: #00519E;
}



.theme-mobilite .theme-color {
	color: #40948E;
}

.theme-mobilite .theme-bg {
	background: #40948E;
}

.theme-mobilite .columns-content-section .opener-title {
	color: #40948E;
}

.theme-mobilite .columns-content-section .opener-title .title:after {
	background: #40948E;
}


.theme-biodiversite .theme-color {
	color: var( --dtc-biodiversite );
}

.theme-biodiversite .theme-bg {
	background: var( --dtc-biodiversite );
}

.theme-biodiversite .columns-content-section .opener-title {
	color: var( --dtc-biodiversite );
}

.theme-biodiversite .columns-content-section .opener-title .title:after {
	background: var( --dtc-biodiversite );
}

.theme-nousrejoindre .theme-color {
	color: var( --dtc-nousrejoindre );
}

.theme-nousrejoindre .theme-bg {
	background: var( --dtc-nousrejoindre );
}

.theme-nousrejoindre .columns-content-section .opener-title {
	color: var( --dtc-nousrejoindre );
}

.theme-nousrejoindre .columns-content-section .opener-title .title:after {
	background: var( --dtc-nousrejoindre );
}





.footer {
	background: #333942;
	color: #fff;
	text-align: center;
	padding: 63px 0 20px;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: #2581c4;
}

.footer-logo {
	margin-bottom: 84px;
}

.footer-logo img {
	width: 51px;
	height: 51px;
}

.social-networks {
	margin: 0;
}

.social-networks li {
	display: inline-block;
	vertical-align: top;
	font-size: 23px;
	line-height: 1;
	margin: 0 3px 4px;
}

.copyright {
	text-transform: uppercase;
	font: 300 12px/1.33 "Open Sans Condensed", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	letter-spacing: .075em;
}

.news-events {
	padding-bottom: 23px;
}

.news-events .events-frame {
	margin-bottom: 38px;
}

.news-events .events-list {
	padding: 18px 40px 12px;
	margin: 0 0 25px;
}

.news-events .events-list:after {
	content: "";
	position: absolute;
	left: -9999px;
	right: -9999px;
	bottom: 0;
	border-bottom: 2px solid #333942;
}

.news-events time {
	font-size: 17px;
	line-height: 1.24;
	font-weight: 500;
	font-family: "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	border-bottom: 2px solid #333942;
	padding: 0 0 11px;
	margin: 0 0 4px;
}

.news-events .event-head {
	font-size: 15px;
	line-height: 1.2;
	margin: 0 0 31px;
}

.news-events .image-hold {
	margin: 0 0 28px;
}

.news-events .image-hold.logo-hold img {
	width: auto;
}

.news-events .image-hold img {
	width: 100%;
}

.news-events .image-hold video {
	width: 100%;
	height: auto;
}

.news-events .video-link:hover {
	opacity: .8;
}

.news-events .icon-hold {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.news-events .text-hold {
	font-size: 13px;
	line-height: 1.23;
}

.news-events .text-hold p {
	margin: 0 0 15px;
}

.news-events .web-link {
	text-decoration: underline;
}

.news-events .web-link:hover {
	color: #68a72f;
}

.news-events .invitation-download {
	padding: 11px 0 23px;
}

.news-events .text-download {
	font-size: 14px;
	line-height: 1.29;
	font-family: "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 600;
	margin: 0 0 11px;
}

.news-events .download-icon {
	width: 25px;
}

.news-events .download-icon:hover {
	opacity: .7;
}

.news-events .load-more-wrap {
	padding: 11px 0 23px;
}

.news-events .load-more-wrap a:hover {
	opacity: .7;
}

.news-events .load-more-text {
	margin: 0 0 5px;
}

input.form-control {
	border-width: 0 0 1px 0;
}

textarea.form-control {
	height: 342px;
	min-height: 342px;
	padding: 20px;
}

label {
	font: 500 18px/20px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #a19ea2;
}

.form-section .btn.btn-success {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	font: 600 30px/38px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #fff;
	background: #2581c4;
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	text-transform: uppercase;
	padding: 24px;
	white-space: normal;
}

.form-section .btn.btn-success:hover {
	background: #68a72f;
}

.boxshadow-wrap {
	margin-bottom: 40px;
}

.form-group.textarea {
	padding-top: 18px;
}

.files-holder {
	margin: 0 -10px;
}

.files-holder .custom-file {
	border-bottom: 2px solid #58585a;
	height: auto;
	display: block;
}

.captcha-wrap {
	margin-bottom: 16px;
}

.submit-wrap {
	margin: 0 -10px;
}

input[type=submit] {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	font: 700 36px/40px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #fff;
	background: #2581c4;
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	text-transform: uppercase;
	padding: 24px 12px;
	white-space: normal;
	border-radius: 0;
	-webkit-appearance: none;
}

input[type=submit]:hover {
	background: #68a72f;
}

input.form-control {
	border-radius: 0;
	-webkit-appearance: none;
}

.alert-dismissible {
	padding: 27px 65px;
	font: 500 13px/16px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.alert-dismissible .holder {
	max-width: 1440px;
	margin: 0 auto;
	position: relative;
	padding-right: 200px;
}

.alert-dismissible p {
	margin: 0;
}

.alert-dismissible .btn {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	min-width: 172px;
	padding: 5px;
}

.offer-section {
	margin-bottom: 20px;
}

.offer-section .heading-text .btn.btn-outline-secondary {
	letter-spacing: 0;
}

.offer-section h2.with-border {
	margin-bottom: 24px;
}

.offer-section .content {
	position: relative;
	padding: 210px 0 0;
	max-width: 928px;
	margin: 0 auto;
}

.offer-section .content .select-head {
	position: absolute;
	top: 0;
	left: -10px;
	right: -10px;
	z-index: 2;
}

.offer-section .content-box {
	border-bottom: 2px solid #58585a;
	margin: 0 -10px;
	padding: 30px 10px 21px;
}

.offer-section .content-box .img-block {
	margin-bottom: 18px;
}

.offer-section .content-box .img-block .btn {
	width: 208px;
	font-size: 20px;
	letter-spacing: .025em;
	padding: 18px 10px 17px;
}

.offer-section .content-box .title {
	display: block;
	text-transform: uppercase;
	font: 300 22px/27px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-bottom: 15px;
}

.offer-section .load-more-holder {
	text-align: center;
}

.offer-section .load-more-results {
	margin-bottom: 42px;
	text-align: left;
}

.open-close-hold .in-wrap {
	margin-bottom: 8px;
}

.open-close-hold .btn {
	font: 500 36px/38px "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-style: italic;
	text-transform: none;
	display: block;
	width: 100%;
	position: relative;
	padding: 16px 75px 17px;
}

.open-close-hold .btn:after {
	content: "";
	position: absolute;
	top: 29px;
	right: 47px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 12.5px 0 12.5px;
	border-color: #fff transparent transparent transparent;
}

.open-close-hold .btn:focus {
	box-shadow: none;
}

.open-close-hold .card {
	border: 0;
	background: none;
}

.open-close-hold .card ul {
	/*background: rgba(255, 255, 255, .8);*/
	background: white;
	padding: 0 52px;
	margin: 0;
	z-index: 1000;
}

.open-close-hold .card ul li {
	font-size: 28px;
	border-bottom: 2px solid #0a0a0a;
	letter-spacing: .075em;
}

.open-close-hold .card ul a {
	display: block;
	color: #70747b;
	padding: 10px;
}

.open-close-hold .card ul a:hover {
	color: #000;
}

.italic-text {
	font-style: italic;
	font-weight: 500;
	font-size: 14px;
	color: #000;
}

.agency-section {
	padding: 33px 0 51px;
}

.agency-section h2.with-border {
	margin-bottom: 32px;
}

.agency-section .row + .row {
	border-top: 2px solid #58585a;
}

.agency-section [class*="col-"] + [class*="col-"] .contact-col,
.agency-section [class*="col-"] + [class^="col-"] .contact-col,
.agency-section [class^="col-"] + [class*="col-"] .contact-col,
.agency-section [class^="col-"] + [class^="col-"] .contact-col {
	border-top: 2px solid #58585a;
}

.agency-section .contact-col {
	margin: 0 -10px;
	padding: 30px;
}

.contact-col {
	font-size: 18px;
	line-height: 1.33;
}

.contact-col .title {
	font: 24px/28px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-bottom: 27px;
}

.contact-col .title .text-uppercase {
	font-weight: 600;
}

.contact-col address {
	margin-bottom: 28px;
	min-height: 134px;
}

.contact-col address .ico-wrap {
	margin-bottom: 13px;
}

.contact-col a {
	color: #333942;
}

.contact-col a:hover {
	opacity: .7;
}

.contact-col .call {
	line-height: 43px;
}

.contact-bar {
	padding: 28px 0 31px;
	font: 600 24px/1.17 "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.contact-bar a:hover {
	text-decoration: underline;
}

.team-section {
	margin-bottom: 43px;
}

.team-section h2.with-border {
	padding-bottom: 19px;
	margin-bottom: 32px;
}

.team-section .heading-text {
	line-height: 1.33;
}

.ls-5 {
	letter-spacing: .05em;
}

.ls-0 {
	letter-spacing: 0;
}

.business-section {
	margin-bottom: 8px;
}

.business-section .heading-text {
	margin-bottom: 49px;
}

.business-section h2.with-border {
	padding-bottom: 27px;
	margin-bottom: 34px;
}

.business-section .in-wrap {
	font-size: 18px;
	line-height: 1.33;
	margin-bottom: 38px;
}

.business-section .in-wrap p {
	margin-bottom: 24px;
}

.business-section .title {
	font: 300 24px/1.2 "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.business-section strong.title {
	font-weight: 700;
}

.business-section span.title {
	border-bottom: 3px solid #333942;
	padding-bottom: 12px;
	margin-bottom: 30px;
}

.business-section .big-title {
	font: 300 60px/1 "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-bottom: 18px;
}

.business-section .big-title.num {
	margin-bottom: 5px;
}

.projects-panel {
	position: relative;
	padding: 148px 0 0;
	max-width: 1126px;
	margin: 0 auto 34px;
}

.projects-panel .select-head {
	position: absolute;
	top: 11px;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 2;
}

.projects-panel .open-close-hold .in-wrap {
	margin-bottom: 5px;
}

.projects-panel .open-close-hold .btn {
	font-size: 20px;
	line-height: 1.1;
	padding: 10px 90px 11px;
}

.projects-panel .open-close-hold .btn:after {
	border-width: 9px 7px 0 7px;
	top: 18px;
	right: 72px;
}

.projects-panel .pagination {
	padding-top: 56px;
}

.project-box {
	padding: 33px 0 25px;
}

.project-box + .project-box {
	border-top: 1px solid #58585a;
}

.project-box .text-wrapper {
	margin-bottom: 50px;
}

.project-box .images-block .img-wrap + .img-wrap {
	margin-top: 8px;
}

.project-box .title-hold {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 49px;
}

.project-box .title-hold .ico-wrap {
	width: 68px;
	margin-right: 12px;
	text-align: center;
}

.project-box .title-hold h2 {
	width: calc(100% - 80px);
	margin: 0;
}

.project-box h2 {
	overflow: hidden;
	/* position: relative; */
	font-size: 27px;
	line-height: 1.11;
	font-weight: 300;
	padding-bottom: 14px;
}

.project-box h2:after {
	content: "";
	width: 90px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.project-box h2.text-success:after {
	background: #68a72f;
}

.project-box h2.text-danger:after {
	background: #c87575;
}

.project-box h2.text-primary:after {
	background: #467dc0;
}

.project-box h2.text-warning:after {
	background: #ec6707;
}

.project-box h2.text-dark_green:after {
	background: #5f7f5e;
}

.project-box h2.text-light_green:after {
	background: #2581c4;
}

.project-box h2.text-mobilite:after {
	background: var( --dtc-mobilite );
}
.project-box h2.text-nousrejoindre:after {
	background: var( --dtc-nousrejoindre );
}

.project-box h3 {
	font-size: 22px;
	line-height: 1.23;
	font-weight: 300;
	margin-bottom: 16px;
}

.project-box p {
	margin-bottom: 19px;
}

.legal-notice {
	font-size: 12px;
	line-height: 1.5;
	font-family: "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	padding: 58px 0;
}

.legal-notice .title-head {
	margin: 0 0 36px;
}

.legal-notice address {
	margin-bottom: 0;
}

.legal-notice ul {
	margin-bottom: 18px;
}

.legal-notice .alter-text {
	padding: 18px 0 0;
}

.legal-notice .desc {
	padding: 36px 0 0;
}

.detail-section {
	padding: 25px 0 27px;
	max-width: 972px;
	margin: 0 auto;
}

.detail-section .heading {
	margin-bottom: 31px;
}

.detail-section .heading .title {
	font: 300 22px/27px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	color: #000;
	width: 100%;
}

.detail-section .heading .title .text-uppercase {
	display: block;
}

.detail-section .heading .ico-wrap {
	margin-bottom: 18px;
}

.detail-section .heading .right-links {
	max-width: 30%;
	margin: 0;
	font-size: 0;
	line-height: 0;
}

.detail-section .heading .right-links li {
	display: inline-block;
	vertical-align: top;
	font-size: 41px;
	line-height: 1;
	margin: 0 0 7px 20px;
}

.detail-section .heading .right-links a {
	color: #333942;
}

.detail-section .heading .right-links a:hover {
	color: #2581c4;
}

.detail-section .definitions {
	font: 300 16px/24px "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	margin-bottom: 27px;
}

.detail-section .definitions strong {
	font-weight: 600;
}

.detail-section .info-holder {
	border-top: 2px solid #58585a;
	margin: 6px -10px 0;
	padding: 19px 10px;
	font-size: 18px;
	line-height: 1.17;
	font-weight: 400;
	color: #000;
	letter-spacing: .05em;
}

.detail-section .info-holder .date {
	display: block;
	margin-bottom: 23px;
}

.detail-section .info-holder .date time {
	font-weight: 700;
	display: block;
}

.detail-section .info-holder address {
	margin-bottom: 24px;
}

.detail-section .info-holder .mail, .detail-section .info-holder .phone {
	text-transform: none !important;
	text-align: left;
}

.detail-section .info-holder .mail a, .detail-section .info-holder .phone a {
	color: #000;
}

.detail-section .info-holder .mail a:hover, .detail-section .info-holder .phone a:hover {
	color: #2581c4;
}

.detail-section .info-holder .mail .icon-mail, .detail-section .info-holder .phone .icon-phone {
	font-size: 20px;
	line-height: 1;
	margin-right: 9px;
}

.detail-section .btn.btn-light {
	font-size: 20px;
	width: 208px;
	float: right;
	margin-right: -19px;
	letter-spacing: .025em;
}

.detail-section .page-nav {
	margin-bottom: 51px;
}

.detail-section .page-nav a {
	max-width: 30%;
}

.detail-section .page-nav a .icon-arrow-left {
	margin: 4px 10px 0 0;
}

.detail-section .page-nav a .icon-arrow-right {
	margin: 4px 0 0 10px;
}

.detail-row {
	padding-bottom: 15px;
}

.detail-row .title-bar {
	font-size: 22px;
	line-height: 1.09;
	background: #70747b;
	margin: 0 -10px 17px;
	padding: 7px 29px 8px;
	letter-spacing: .05em;
}

.detail-row p {
	margin-bottom: 18px;
}

.detail-row .img-wrap {
	padding: 5px 0 0;
	margin-left: -3px;
}

.dashed-list {
	margin-bottom: 18px;
}

.dashed-list li {
	position: relative;
	padding: 0 0 0 8px;
}

.dashed-list li:before {
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 4px;
	height: 1px;
	background: #333942;
}

	.square {
		background: #2581c4;
		color: white;
		text-align: center;
		border: 5px solid white;
	}
	
	.square:nth-of-type(4) {
		background: #333942;
	}

	.square strong,
	.grey-square strong {
		font-size: 24px;
	}

@media (min-width: 576px) {
	.footer-aside .items-holder {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.footer-aside .items-holder .item {
		width: 50%;
		line-height: 1.25;
		padding: 0 20px 30px;
		margin: 0;
	}

	.footer-aside .items-holder .item + .item {
		margin-top: 0;
	}
}

@media (min-width: 768px) {
	.jcf-file {
		display: inline-block;
		vertical-align: top;
		width: 190px;
		padding: 0 30px 2px 0;
		margin-right: 100px;
	}

	.jcf-file .jcf-upload-button {
		top: 1px;
		right: 11px;
	}

	h1 {
		font-size: 64px;
	}

	.box-shadow-md {
		box-shadow: 16px 16px 20px rgba(0, 0, 0, .45);
	}

	.btn.btn-lg {
		font-size: 26px;
		padding-right: 1.5rem;
		padding-left: 1.5rem;
	}

	.btn.btn-md {
		font-size: 22px;
	}

	.banner-slider h1 {
		font-size: 70px;
	}

	.banner-slider h1 small {
		font-size: 36px;
	}

	.banner .container {
		min-height: 400px;
	}

	.text-banner {
		margin-bottom: 44px;
	}

	.text-banner h1 {
		margin-bottom: 44px;
	}

	.text-banner.type2 {
		padding: 60px 0;
	}

	.text-banner.type2 .text-hold {
		width: 56%;
		padding-right: 10px;
		letter-spacing: .075em;
	}

	.text-banner.type2 .map-hold {
		width: 44%;
		margin: -30px 0 -60px;
	}

	.random-blocks-section {
		margin-bottom: 120px;
	}

	.random-blocks-section .masonry {
		margin: 0 -23px 50px;
	}

	.random-blocks-section .masonry .grid-item {
		width: 50%;
		padding: 0 23px 44px;
	}

	.random-blocks-section .bordered-box {
		border: 2px solid #333942;
		padding-top: 30px;
		padding-bottom: 25px;
	}

	.random-blocks-section .logo-wrap {
		padding-bottom: 26px;
	}

	.random-blocks-section.innovations-block .masonry .grid-item {
		padding-bottom: 30px;
	}

	.footer-aside {
		padding-bottom: 70px;
	}

	.footer-aside .items-holder {
		margin-bottom: 40px;
	}

	.columns-content-section:after {
		display: none;
	}

	.columns-content-section .top-img-holder.white-partition {
		position: relative;
	}

	.columns-content-section .top-img-holder.white-partition:after {
		content: "";
		width: 46px;
		background: #fff;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.columns-content-section .block-wrap {
		margin-bottom: 33px;
	}

	.columns-content-section .opener-title {
		pointer-events: none;
	}

	.columns-content-section .opener-title .title {
		padding-bottom: 22px;
	}

	.partner-section {
		margin-bottom: 120px;
	}

	.partner-section h2.with-border {
		padding-bottom: 30px;
		margin-bottom: 60px;
	}

	.logo-slider {
		margin: 0 60px 90px;
		padding: 40px 30px;
	}

	.logo-slider .slick-arrow.slick-prev {
		left: -50px;
	}

	.logo-slider .slick-arrow.slick-next {
		right: -50px;
	}

	.news-events {
		padding: 5px 0 94px;
	}

	.news-events .container {
		max-width: 976px;
	}

	.news-events .events-frame {
		margin: 0 0 129px;
		-webkit-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 30px;
		column-gap: 30px;
	}

	.news-events .grid-item {
		display: inline-block;
		vertical-align: top;
		-webkit-transition: opacity .3s linear;
		transition: opacity .3s linear;
	}

	.news-events .grid-item.new-item {
		opacity: 0;
	}

	.news-events .events-list {
		padding: 30px;
		border: 2px solid #333942;
		margin: 0 0 27px;
	}

	.news-events .events-list:after {
		display: none;
	}

	.news-events time {
		font-size: 22px;
		line-height: 1.18;
		padding: 0 0 14px;
		margin: 0 0 7px;
	}

	.news-events .event-head {
		font-size: 20px;
		margin: 0 0 40px;
	}

	.news-events .image-hold {
		margin: 0 0 34px;
	}

	.news-events .text-hold {
		font-size: 16px;
		line-height: 1.19;
		padding: 0 0 12px;
	}

	.news-events .text-hold p {
		margin: 0 0 20px;
	}

	.news-events .invitation-download {
		padding: 15px 0 8px;
	}

	.news-events .text-download {
		font-size: 18px;
		line-height: 1.22;
		margin: 0 0 17px;
	}

	.news-events .download-icon {
		width: 32px;
	}

	.news-events .load-more-wrap {
		padding: 30px 0;
	}

	.form-section {
		margin-bottom: 120px;
	}

	.form-section .btn.btn-success {
		padding: 21px 60px;
		width: auto;
		margin: 0 auto;
		display: inline-block;
		vertical-align: top;
		min-width: 690px;
	}

	.boxshadow-wrap {
		box-shadow: 16px 16px 20px rgba(0, 0, 0, .45);
		padding: 30px 50px;
		margin-bottom: 52px;
	}

	.files-holder {
		margin: 0;
		padding: 16px 0 0;
	}

	.files-holder .custom-file {
		display: inline-block;
		vertical-align: top;
		border: 0;
		width: 190px;
		margin-right: 100px;
	}

	.captcha-wrap {
		box-shadow: 16px 16px 20px rgba(0, 0, 0, .45);
		padding: 20px 50px;
		margin-bottom: 52px;
	}

	.submit-wrap {
		margin: 0;
		padding-top: 74px;
	}

	.submit-wrap input[type=submit] {
		min-width: 329px;
		width: auto;
		margin: 0 auto;
	}

	input[type=submit] {
		padding: 20px 60px;
	}

	.offer-section {
		margin-bottom: 74px;
	}

	.offer-section .heading-text {
		margin-bottom: 78px;
	}

	.offer-section .heading-text .btn.btn-outline-secondary {
		margin: 10px 0 0;
		padding: 21px 58px 22px;
	}

	.offer-section h2.with-border {
		padding-bottom: 25px;
		margin-bottom: 94px;
	}

	.offer-section .content {
		padding: 0;
	}

	.offer-section .content .select-head {
		position: static;
	}

	.offer-section .content-box {
		margin: 0;
	}

	.offer-section .content-box {
		border: 0;
		margin-bottom: 64px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0;
	}

	.offer-section .content-box .img-block {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		margin: 0;
		padding: 26px 0 0;
		width: 35%;
	}

	.offer-section .content-box .img-block .img-wrap {
		text-align: right;
		padding: 0 43px;
	}

	.offer-section .content-box .text-wrap {
		padding: 24px 50px 64px 29px;
		line-height: 20px;
		width: 65%;
		position: relative;
	}

	.offer-section .content-box .text-wrap:after {
		content: "";
		position: absolute;
		bottom: 0;
		right: 3px;
		width: 2px;
		height: 143px;
		background: #2581c4;
	}

	.offer-section .load-more-results {
		margin-bottom: 144px;
	}

	.select-head {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 38px;
	}

	.select-head .left-text {
		width: 200px;
		padding: 11px 0 0 29px;
	}

	.open-close-hold {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 550px; /* QLE  de 272 à 408 => 2 elements à 3*/
		margin: 0 -4px;
	}

	.open-close-hold .in-wrap {
		width: 33%; /* QLE  de 272 à 408 => 2 elements à 3*/
		padding: 0 4px;
		margin: 0;
	}

	.open-close-hold .btn {
		/*font-size: 20px;
		line-height: 1.1;
		padding: 8px 35px 8px 16px;*/
		font-size: 18px;
    line-height: 1.1;
    padding: 11px 35px 8px 6px;
	}

	.open-close-hold .btn:after {
		border-width: 9px 7px 0 7px;
		right: 18px;
		top: 18px;
	}

	.open-close-hold .drop-hold {
		position: absolute !important;
		width: 127px;
	}

	.open-close-hold .card ul {
		padding: 0 0 0 8px;
	}

	.open-close-hold .card ul li {
		font-size: 12px;
		border-width: 0 0 1px;
	}

	.open-close-hold .card ul a {
		padding: 3px 2px;
	}

	.agency-section {
		padding: 0 0 1px;
	}

	.agency-section h2.with-border {
		padding-bottom: 25px;
		margin-bottom: 105px;
	}

	.agency-section .row + .row {
		border-top: 0;
		margin-top: 46px;
	}

	.agency-section [class*="col-"],
	.agency-section [class^="col-"] {
		margin-bottom: 70px;
	}

	.agency-section [class*="col-"] + [class*="col-"],
	.agency-section [class*="col-"] + [class^="col-"],
	.agency-section [class^="col-"] + [class*="col-"],
	.agency-section [class^="col-"] + [class^="col-"] {
		border-top: 0;
		position: relative;
	}

	.agency-section [class*="col-"] + [class*="col-"]:before,
	.agency-section [class*="col-"] + [class^="col-"]:before,
	.agency-section [class^="col-"] + [class*="col-"]:before,
	.agency-section [class^="col-"] + [class^="col-"]:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 1px;
		background: #333942;
	}

	.agency-section [class*="col-"] + [class*="col-"] .contact-col,
	.agency-section [class*="col-"] + [class^="col-"] .contact-col,
	.agency-section [class^="col-"] + [class*="col-"] .contact-col,
	.agency-section [class^="col-"] + [class^="col-"] .contact-col {
		border-top: 0;
	}

	.agency-section .contact-col {
		padding: 14px 0;
	}

	.contact-col .title {
		margin-bottom: 24px;
	}

	.business-section {
		margin-bottom: 100px;
	}

	.business-section .row {
		margin-bottom: 70px;
	}

	.projects-panel {
		padding: 0;
		margin-bottom: 158px;
	}

	.projects-panel .select-head {
		position: static;
		margin-bottom: 28px;
	}

	.projects-panel .open-close-hold {
		width: 502px;
		margin-left: auto;
	}

	.projects-panel .open-close-hold .in-wrap {
		margin: 0;
	}

	.projects-panel .open-close-hold .drop-hold {
		width: 243px;
	}

	.projects-panel .open-close-hold .btn {
		padding: 10px 40px 11px;
	}

	.projects-panel .open-close-hold .btn:after {
		right: 23px;
	}

	.projects-panel .pagination {
		padding: 0;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin: -29px 14px 132px 0;
	}

	.project-box {
		padding: 30px 20px;
		margin-bottom: 70px;
	}

	.project-box + .project-box {
		border-top: 0;
	}

	.project-box [class*="col-"] + [class*="col-"],
	.project-box [class*="col-"] + [class^="col-"],
	.project-box [class^="col-"] + [class*="col-"],
	.project-box [class^="col-"] + [class^="col-"] {
		border-left: 1px solid #467dc0;
	}

	.project-box .col-text-warning {
		border-left-color: #ec6707 !important;
	}

	.project-box .col-text-dark_green {
		border-left-color: #5f7f5e !important;
	}

	.project-box .col-text-mobilite {
		border-left-color: var( --dtc-mobilite ) !important;
	}

	.project-box .col-text-nousrejoindre {
		border-left-color: var( --dtc-nousrejoindre ) !important;
	}
	
	

	.project-box .images-block.col-text-light_green:before {
		background-color: #2581c4 !important;
	}

	.project-box [class*="col-"] .text-wrapper,
	.project-box [class^="col-"] .text-wrapper {
		margin: 0;
	}

	.project-box [class*="col-"] .images-block,
	.project-box [class^="col-"] .images-block {
		padding-left: 7px;
	}

	.project-box .text-wrapper {
		line-height: 1.19;
	}

	.project-box .text-wrapper + .images-block {
		padding-top: 18px;
		margin: 0 -14px;
		position: relative;
	}

	.project-box .text-wrapper + .images-block:before {
		content: "";
		position: absolute;
		top: 0;
		left: 14px;
		right: 14px;
		height: 1px;
		background: #467dc0;
	}

	.project-box .text-wrapper + .images-block .img-wrap {
		margin: 0 !important;
		padding: 0 14px;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.project-box .text-wrapper + .images-block .img-wrap + .img-wrap {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
	}

	.project-box .images-block .img-wrap + .img-wrap {
		margin-top: 27px;
	}

	.project-box .title-hold {
		margin-bottom: 34px;
	}

	.legal-notice {
		padding: 152px 0 217px;
	}

	.legal-notice .inner-hold {
		padding: 29px 80px 150px;
	}

	.detail-section {
		padding: 79px 0 92px;
	}

	.detail-section .box-shadow-md {
		padding: 25px 19px 0 23px;
		margin-bottom: 53px;
	}

	.detail-section .heading {
		border-bottom: 2px solid #70747b;
		overflow: hidden;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
		padding-bottom: 22px;
		margin-bottom: 14px;
	}

	.detail-section .heading .title {
		width: 65%;
	}

	.detail-section .heading .title .text-uppercase {
		overflow: hidden;
	}

	.detail-section .heading .ico-wrap {
		float: left;
		width: 110px;
		margin: 4px 9px 0 5px;
	}

	.detail-section .definitions {
		padding: 0 5px;
		margin-bottom: 35px;
	}

	.detail-section .info-holder {
		margin: 0;
		border: 0;
		padding: 35px 204px 2px 4px;
	}

	.detail-section .info-holder .date time {
		display: inline;
	}

	.detail-section .info-holder .mail {
		text-align: left;
		margin-left: -2px;
	}

	.detail-row {
		padding: 0 5px 38px;
		line-height: 19px;
	}

	.detail-row .title-bar {
		margin: 0 -5px 18px;
	}

	.detail-row p {
		margin-bottom: 20px;
	}
}

@media (min-width: 992px) {
	.jcf-select .jcf-select-opener {
		top: 0;
		right: 95px;
	}

	body > .jcf-select-drop {
		margin-top: -23px;
	}

	.jcf-select-drop .jcf-select-drop-content {
		margin-right: -5px;
	}

	.header {
		padding: 15px 0;
	}

	.logo {
		float: left;
		width: 140px;
	}

	.logo img {
		width: 140px;
		height: 39px;
	}

	.call-btn {
		position: fixed;
		top: auto;
		bottom: 110px;
		right: -5px;
		z-index: 9;
		background: none;
		width: 90px;
	}

	.nav {
		float: right;
		width: calc(100% - 160px);
		padding: 20px 0 0;
	}

	.nav ul {
		text-align: right;
		line-height: 0;
		font-size: 0;
	}

	.nav ul li {
		font-size: 14px;
		line-height: 16px;
		font-weight: 300;
		font-family: "Poppins", "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		display: inline-block;
		vertical-align: top;
		position: relative;
		margin: 0 0 0 11px;
	}

	.nav ul li + li:before {
		content: "";
		background: #adadad;
		position: absolute;
		top: 3px;
		left: -6px;
		height: 10px;
		width: 2px;
	}

	.nav ul li:hover > .drop {
		opacity: 1;
		visibility: visible;
	}

	.nav ul li:hover > a {
		color: #1a171b;
	}

	.nav ul li.active > a {
		color: #1a171b;
	}

	.nav ul li.green:hover > a {
		color: #68a72f;
	}

	.nav ul li.green.active > a {
		color: #68a72f;
	}

	.nav ul li.green .drop ul {
		border-color: #86b959;
	}

	.nav ul li.dark-green:hover > a {
		color: #5f7f5e;
	}

	.nav ul li.dark-green.active > a {
		color: #5f7f5e;
	}

	.nav ul li.dark-green .drop ul {
		border-color: #7f997e;
	}

	.nav ul li.blue:hover > a {
		color: #467dc0;
	}

	.nav ul li.blue.active > a {
		color: #467dc0;
	}

	.nav ul li.blue .drop ul {
		border-color: #6b97cd;
	}

	.nav ul li.brown:hover > a {
		color: #c87575;
	}

	.nav ul li.brown.active > a {
		color: #c87575;
	}

	.nav ul li.brown .drop ul {
		border-color: #d39191;
	}
	
	
	.nav ul li.projetsurbains:hover > a {
		color: #00519e;
	}

	.nav ul li.projetsurbains.active > a {
		color: #00519e;
	}

	.nav ul li.projetsurbains .drop ul {
		border-color: #3273b1;
	}
	
	
	.nav ul li.mobilite:hover > a {
		color: #40948E;
	}

	.nav ul li.mobilite.active > a {
		color: #40948E;
	}

	.nav ul li.mobilite .drop ul {
		border-color: #66A9A4;
	}

		
	.nav ul li.nousrejoindre:hover > a {
		color: var(--dtc-nousrejoindre);
	}

	.nav ul li.nousrejoindre.active > a {
		color: var(--dtc-nousrejoindre);
	}

	.nav ul li.nousrejoindre .drop ul {
		border-color: var(--dtc-nousrejoindre);
	}

	

	.nav ul a {
		color: #a0a0a0;
		padding: 0;
	}

	.nav ul a:after {
		display: none;
	}

	.nav ul .drop {
		-webkit-transition: opacity .3s linear, visibility .3s linear;
		transition: opacity .3s linear, visibility .3s linear;
		margin: 0;
		max-width: none;
		display: block;
		width: 155px;
		padding-top: 15px;
		position: absolute;
		top: 100%;
		left: 1px;
		opacity: 0;
		visibility: hidden;
		z-index: 2;
	}

	.nav ul .drop ul {
		border-top: 3px solid #333;
		background: rgba(255, 255, 255, .8);
		padding: 5px 12px;
	}

	.nav ul .drop ul li {
		display: block;
		font-size: 13px;
		line-height: 14px;
	}

	.nav ul .drop ul li:after {
		height: 1px;
	}

	.nav ul .drop ul li.active a {
		color: #000;
	}

	.nav ul .drop ul a {
		color: #70747b;
		padding: 5px 0 6px;
	}

	.nav ul .drop ul a:hover {
		color: #000;
	}

	body {
		font-size: 16px;
		line-height: 1.5;
	}

	h1 {
		font-size: 90px;
		/* line-height: .96; */
	}

	h2.with-border {
		padding-bottom: 15px;
		margin-bottom: 24px;
	}

	h2 br {
		display: none;
	}

	.btn {
		padding: 18px 15px 17px;
	}

	.btn.btn-md {
		font-size: 24px;
		padding: 24px 38px;
	}

	.heading-text {
		margin-bottom: 70px;
	}

	.banner-slider {
		margin-bottom: 75px;
	}

	.banner-slider .slide .container {
		height: auto;
		max-height: none;
		min-height: 580px;
	}

	.banner-slider .slide .text-wrap {
		padding: 50px;
	}

	.banner-slider h1 {
		font-size: 110px;
		line-height: 1.19;
		margin: 32px 0 0;
	}

	.banner-slider h1 small {
		font-size: 58px;
		margin: -12px 0 0;
	}

	.banner {
		margin-bottom: 78px;
	}

	.banner .container {
		min-height: 480px;
	}

	.banner h1 {
		margin-top: 112px;
	}

	.text-banner {
		padding: 83px 0 0;
	}

	.text-banner.type2 {
		padding: 85px 0 79px;
	}

	.text-banner.type2 h1 {
		font-size: 72px;
		line-height: 1.19;
		margin-bottom: 53px;
	}

	.service-block {
		margin-bottom: 48px;
	}

	.service-block .service-row {
		margin: 0 -12px;
	}

	.service-block .column {
		width: 33.33%;
		padding: 0 12px 50px;
	}

	.service-block .column:first-child {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.service-block .column:first-child .img-wrap {
		width: 65.3%;
		padding-top: 24.4%;
	}

	.service-block .column:first-child .text-wrap {
		width: 34.7%;
		height: auto;
		padding-left: 37px;
	}

	.service-block .column:last-child {
		width: 33.33%;
	}

	.service-block .column:last-child .img-wrap {
		padding-top: 76.204%;
	}

	.service-block .column:nth-child(3) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.service-block .column:nth-child(3) .text-wrap {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: -1;
		order: -1;
		width: 100%;
	}

	.service-block .column:nth-child(3) .img-wrap {
		width: 100%;
	}

	.service-block .img-wrap {
		padding-top: 76.204%;
		margin: 0;
	}

	.service-block .text-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: 215px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding: 8px;
	}

	.features-section, .intro-heading, 	.innovations, .features-section-news {
		margin-bottom: 70px;
	}

	.features-section h2.with-border {
		margin-bottom: 65px;
	}

	.features-list {
		margin-bottom: 79px;
	}

	.features-list li {
		width: 25%;
	}

	.features-list .num-wrap {
		font-size: 20px;
		width: 153px;
		height: 153px;
		padding: 28px 12px 12px;
		margin-bottom: 29px;
	}

	.features-list .num-wrap .num {
		font-size: 48px;
		margin-bottom: -3px;
	}

	.features-list .num-wrap .icon {
		width: 30px;
		margin-top: 8px;
	}

	.features-list .text-wrap {
		font-size: 22px;
		line-height: 1.18;
		padding: 0 28px;
	}

	.img-text-info .text-wrap {
		width: 48.7%;
		min-height: 580px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-top: 150px;
	}

	.img-text-info .text-wrap h2.with-border {
		padding-bottom: 17px;
		margin-bottom: 32px;
	}
	
	.innovations h2.with-border {
		margin-bottom: 52px;
	}

	.logo-list {
		margin: 0 -30px 30px;
	}

	.logo-list li {
		margin: 0 30px 20px;
	}

	.random-blocks-section {
		margin-bottom: 157px;
	}

	.random-blocks-section .heading-text {
		margin-bottom: 105px;
	}

	.random-blocks-section .masonry {
		margin-bottom: 91px;
	}

	.random-blocks-section .masonry .grid-item {
		width: 33.3%;
	}

	.random-blocks-section h2.with-border {
		padding-bottom: 25px;
		margin-bottom: 28px;
	}

	.random-blocks-section.innovations-block .heading-text {
		margin-bottom: 76px;
	}

	.footer-aside {
		padding: 63px 0 94px;
	}

	.footer-aside h2.with-border {
		padding-bottom: 22px;
		margin-bottom: 63px;
	}

	.footer-aside .items-holder {
		margin-bottom: 64px;
	}

	.footer-aside .items-holder .item {
		width: 25%;
	}

	.columns-content-section {
		margin-bottom: 68px;
	}

	.columns-content-section .top-img-holder {
		height: 395px;
		margin-bottom: 66px;
	}

	.partner-section {
		margin-bottom: 154px;
	}

	.partner-section h2.with-border {
		padding-bottom: 25px;
		margin-bottom: 90px;
	}

	.logo-slider {
		padding: 42px 64px 49px;
		margin: 0 120px 194px;
	}

	.logo-slider .slick-arrow.slick-prev {
		left: -100px;
	}

	.logo-slider .slick-arrow.slick-next {
		right: -100px;
	}

	.footer {
		padding: 97px 0 40px;
	}

	.footer-logo {
		margin-bottom: 129px;
	}

	.footer-logo img {
		width: 78px;
		height: 78px;
	}

	.social-networks li {
		font-size: 35px;
		margin: 0 6px 10px;
	}

	.news-events .events-list {
		padding: 32px 45px 32px 42px;
	}

	.news-events .load-more-wrap {
		padding: 59px 0;
	}

	.form-section {
		margin-bottom: 139px;
	}

	.form-group.textarea {
		padding-top: 16px;
	}

	.alert-dismissible .btn {
		right: -8px;
	}

	.agency-section .contact-col {
		padding: 14px;
	}

	.team-section {
		margin-bottom: 97px;
	}

	.team-section h2.with-border {
		padding-bottom: 28px;
		margin-bottom: 24px;
	}

	.business-section {
		margin-bottom: 194px;
	}

	.business-section .heading-text {
		margin-bottom: 69px;
	}

	.business-section h2.with-border {
		padding-bottom: 23px;
		margin-bottom: 36px;
	}

	.business-section .row {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-bottom: 100px;
	}

	.business-section .in-wrap {
		margin-bottom: 0;
	}

	.business-section span.title {
		padding-bottom: 11px;
		margin-bottom: 31px;
	}

	.projects-panel .open-close-hold {
		width: 522px;
		margin: 0 -9px 0 auto;
	}

	.projects-panel .open-close-hold .in-wrap {
		padding: 0 9px;
	}

	.project-box {
		padding: 82px 45px 58px 75px;
	}

	.project-box [class*="col-"] .text-wrapper,
	.project-box [class^="col-"] .text-wrapper {
		padding-right: 30px;
	}

	.project-box .title-hold .ico-wrap {
		width: 100px;
		text-align: left;
		margin-right: 20px;
	}

	.project-box .title-hold h2 {
		width: calc(100% - 120px);
	}

	.project-box h2 {
		padding-bottom: 36px;
		font-size: 30px;
	}

	.project-box h3 {
		margin-bottom: 18px;
	}
}

@media (min-width: 1200px) {
	.logo {
		width: 210px;
	}

	.logo img {
		width: 210px;
		height: 60px;
	}

	.call-btn {
		bottom: 134px;
	}

	.nav {
		width: calc(100% - 150px);
		padding-top: 41px;
	}

	.nav ul li {
		letter-spacing: .03em;
		margin-left: 23px;
	}

	.nav ul li + li:before {
		left: -12px;
	}

	.btn.btn-lg {
		font-size: 30px;
		line-height: 1.07;
		padding: 24px 38px;
	}

	.banner-slider h1 {
		font-size: 122px;
	}

	.banner-slider h1 small {
		font-size: 67px;
	}

	.random-blocks-section .masonry .grid-item {
		width: 33.33%;
	}
}

@media (min-width: 1240px) {
	.nav ul li {
		margin-left: 20px;
	}

	.nav ul li + li:before {
		left: -14px;
	}

	.container.container-md {
		max-width: 976px;
	}

	.footer-aside .btn.btn-lg {
		padding: 32px 44px 25px;
	}

	.columns-content-section .row {
		margin: 0 -45px;
	}

	.columns-content-section [class*="col-"],
	.columns-content-section [class^="col-"] {
		padding: 0 45px;
	}

	.columns-content-section .top-img-holder.white-partition:after {
		width: 90px;
	}

	.business-section .row {
		margin: 0 -45px 160px;
	}

	.business-section [class*="col-"],
	.business-section [class^="col-"] {
		padding: 0 45px;
	}
}

@media (min-width: 1440px) {
	.nav {
		margin-right: -87px;
	}

	.banner-slider:before,
	.banner-slider:after {
		left: 38px;
	}

	.banner-slider:after {
		right: 38px;
		left: auto;
	}

	.banner-slider .slide .text-wrap {
		padding: 50px 0;
	}

	.banner-slider .slick-arrow.slick-prev {
		left: 38px;
	}

	.banner-slider .slick-arrow.slick-next {
		right: 38px;
	}

	.text-banner.type2 .map-hold {
		width: 48%;
		margin: -57px -60px -182px 0;
	}

	.agency-section h2.with-border {
		/* width: 244px; */
		margin: 0 auto 105px;
	}
}

@media (max-width: 991px) {
	.nav {
		-webkit-transition: left .3s linear;
		transition: left .3s linear;
		background: #2581c4;
		position: fixed;
		top: 60px;
		bottom: 0;
		overflow-y: auto;
		overflow-x: hidden;
		right: 0;
		left: 100%;
		width: 100%;
		padding: 43px 0;
		z-index: 2;
	}

	.nav-active .nav {
		left: 0;
	}

	.container {
		padding: 0 10px;
	}

	.banner-slider:before,
	.banner-slider:after {
		display: none;
	}

	.banner-slider .slick-arrow {
		display: none !important;
	}

	.banner-slider .slick-dots {
		display: none !important;
	}
}

@media (max-width: 767px) {
	.random-blocks-section .masonry {
		height: auto !important;
	}

	.random-blocks-section .masonry .grid-item {
		position: static !important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
		-webkit-transition: none !important;
		transition: none !important;
	}

	.logo-slider .slick-arrow {
		display: none !important;
	}

	.news-events .grid-item:last-child .events-list:after {
		border: none;
	}

	.alert-dismissible {
		text-align: center;
	}

	.alert-dismissible .holder {
		padding: 0;
	}

	.alert-dismissible .btn {
		position: static;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
		margin: 20px auto 0;
	}

	.offer-section .heading-text {
		padding-top: 16px;
		margin-bottom: 17px;
	}

	.offer-section .heading-text .btn.btn-outline-secondary {
		background: none;
		color: #000;
		border: 0;
		font-size: 22px;
		line-height: 24px;
		padding: 10px;
		width: 100%;
	}

	.offer-section .heading-text .btn.btn-outline-secondary:focus {
		border: 0;
		box-shadow: none;
	}

	.offer-section .heading-text .btn.btn-outline-secondary:hover {
		color: #68a72f;
	}
}

@media (max-width: 359px) {
	h1 {
		font-size: 31px;
	}

	.form-section .btn.btn-success {
		font-size: 28px;
		line-height: 32px;
	}

	input[type=submit] {
		font-size: 28px;
		line-height: 32px;
	}

	.projects-panel .open-close-hold .btn {
		padding: 10px 70px;
	}

	.projects-panel .open-close-hold .btn:after {
		right: 50px;
	}
}







/* MAJ OCTOBRE 2021 ############################################################# */
/* GENERAL ############################################################# */
ul.spip {
	margin-bottom: 15px;
}
.theme-brown span.color, .theme-brown h2.color {
	color: #c87575;
}
.theme-blue span.color, .theme-blue h2.color{
	color: #467dc0;
}
.theme-dark_green span.color, .theme-dark_green h2.color{
	color: #5f7f5e;
}
.theme-sonic-silver span.color, .theme-sonic-silver h2.color {
	color: #807070;
}

.theme-sonic-silver .theme-color {
	color: #807070;
}

.theme-sonic-silver .theme-bg {
	background: #807070;
}

.theme-sonic-silver .columns-content-section .opener-title {
	color: #807070;
}

.theme-sonic-silver .columns-content-section .opener-title .title:after {
	background: #807070;
}


.theme-projetsurbains span.color, .theme-projetsurbains h2.color {
	color: #00519E;
}
.theme-mobilite span.color, .theme-mobilite h2.color {
	color: #40948E;
}

.theme-projetsurbains span.color, .theme-projetsurbains h2.color {
	color: var( --dtc-biodiversite );
}
.theme-mobilite span.color, .theme-mobilite h2.color {
	color: var( --dtc-biodiversite );
}







a.logo-wrap.partenaire {
	margin: 0px 25px;
}

section.partner-section.section9 {
    margin-top: -80px;
}

.bg-purple {
	background: #2581c4;
}

.theme-purple .theme-color {
	color: #2581c4;
}

.theme-purple .theme-bg {
	background: #2581c4;
}

.theme-purple .columns-content-section .opener-title {
	color: #2581c4;
}

.theme-purple .columns-content-section .opener-title .title:after {
	background: #2581c4;
}

.bg-orange {
	background: #ED9663;
}

.theme-orange .theme-color {
	color: #ED9663;
}

.theme-orange .theme-bg {
	background: #ED9663;
}

.theme-orange .columns-content-section .opener-title {
	color: #ED9663;
}

.theme-orange .columns-content-section .opener-title .title:after {
	background: #ED9663;
}

.theme-orange span.color {
	color: #ED9663;
}
.theme-orange .footer-aside{
	padding:0 0 94px 63px;
	margin-top: -50px;
}
.box.text-white.d-flex.small .d-flex {
    min-height: 268px !important;
}

.ico-wrap.illu, .offer-section .content-box .title a, .ico-wrap.illu, .offer-section .content-box .title a:hover{
	color:#333942;
}

.footer-aside.text-white .item a {
    color: #FFF;
}
.footer-aside.text-white .item a:hover {
    color: #000;
}
.footer-aside.text-light_green .item a {
	color: #2581c4;
}

.footer-aside.text-dark_green .item a {
	color: #5f7f5e;
}

.footer-aside.text-dark_blue .item a {
	color: #2f6488;
}

.footer-aside.text-gray .item a {
	color: #333942;
}

.footer-aside.text-black .item a {
	color: #000;
}

.footer-aside.text-mobilite .item a {
	color: var( --dtc-mobilite);
}

.footer-aside.text-nousrejoindre .item a {
	color: var( --dtc-nousrejoindre);
}

.dtc-catalog .list-group a {
    color: #000;
}
.retour{
	font-size: 3em;
	margin-right: 0.5rem;
}

.theme-orange .text-light_green {
	color: #ED9663 !important;
}

@media (max-width: 767px) {

	.ico-wrap.illu, .offer-section .content-box .title {
		text-align: center;
	}
	.ico-wrap.illu, .offer-section .content-box .title a, .ico-wrap.illu, .offer-section .content-box .title a:hover{
		color:#333942;
	}
	.ico-wrap.illu, .offer-section .content-box .title a:hover{
		color:#2581c4;
	}
	.offer-section .content-box{
		margin-bottom:30px;
	}
}

@media (min-width: 1200px) and (max-width: 1440px) {
  .logo {
    width: 135px !important;
  }
}


/* /GENERAL ############################################################# */
/* FORMATION ############################################################# */



/* /FORMATION ############################################################# */
/* /MAJ OCTOBRE 2021 ############################################################# */

/* Pierre Modif flatchr Début */ 
/* Offre d'emploi rubrique39 */

.flatchr > .text-wrap {
	padding-bottom: 10px !important;
}

.flatchr > .text-wrap > .title {
	margin-bottom: 0;
}

.bold-flatchr {
	font-weight: 600;
}


.spinner-flatchr {
	margin: 100px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
  }
  
  .spinner-flatchr > div {
	background-color: #333;
	height: 100%;
	width: 6px;
	display: inline-block;
	
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
  }
  
  .spinner-flatchr .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
  }
  
  .spinner-flatchr .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
  }
  
  .spinner-flatchr .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
  }
  
  .spinner-flatchr .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
  }
  
  @-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
	20% { -webkit-transform: scaleY(1.0) }
  }
  
  @keyframes sk-stretchdelay {
	0%, 40%, 100% { 
	  transform: scaleY(0.4);
	  -webkit-transform: scaleY(0.4);
	}  20% { 
	  transform: scaleY(1.0);
	  -webkit-transform: scaleY(1.0);
	}
  }


  .collapse {
	display: none;
  }
  
  .show {
	display: block;
  }

  #localisation>li, #contract-type>li {
	margin-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
    display: flex;
	width: 150px;
    font-family: "Poppins";
	background-color: white;
  }

  #localisation>li>input, #contract-type>li>input {
	margin-right: 15px;
  }

  #contract-type,#localisation {
	width: 90%;
  }

  .flatchr-filter-list, .flatchr-filter-btn {
	width: 30% !important;
  }

  .pas-offre {
	text-align: center;
  }

  .flatchr-filter-btn-deselect {
	width: 30%;
    border: none;
    background-color: #6c757d;
    color: white;
	font: 500 36px/38px "Archivo Narrow", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 500;
    font-style: italic;   
	font-size:18px;
	margin-right: 5px;
    border-radius: 5px;
  }
  
  .open-close-hold .flatchr-filter-btn .btn:after{
		content:none;	  
		right: 0;
		top: 0;
  }
  
  .flatchr-filter-btn .btn{
	  padding: 11px 6px 11px 6px;
  }
  
    @media (min-width: 750px) {
  .offer-section .open-close-hold {
		width: 400px; /* QLE  de 272 à 408 => 2 elements à 3*/
		margin: 0;
		margin-right: -40px;
	}
  }
  
  @media (min-width: 992px) {
  .offer-section .open-close-hold {
		width: 550px; /* QLE  de 272 à 408 => 2 elements à 3*/
		margin: 0;
		margin-right: -40px;
	}
  }
  
  @media (max-width: 750px) {
	  .offer-section .open-close-hold{
		width: auto; /* QLE  de 272 à 408 => 2 elements à 3*/
		margin: 0;
	  }
	  .open-close-hold .btn{
		  font-size: 1.5rem;
	  }
	  .flatchr-filter-list, .flatchr-filter-btn{
		width:auto !important;
	  }
	  #localisation>li, #contract-type>li {
		  width:auto;
		  font-size: 1.2rem;
	  }
	  .offer-section .content {
		padding: 250px 0 0;
	  }
  }


  
/* Pierre Modif flatchr Fin */ 

/* QLE */ 
.mt-3-project-opener{
	margin-top: 0.85rem !important;
}

/* Yann HOBBE - Modification page Formations > Témoignages */
.slider-logo, .slider-temoignage { 
	align-self: center;
}
.slider-logo img {
	padding : 20px;
}



.card-resource{
  background:#d9e7fd;               /* bleu clair homogène */
  border:1px solid #d9e7fd;
  border-radius:4px;
  padding:8px;                      /* bleu visible au‑dessus & côtés de l’image */
  transition:box-shadow .25s ease, transform .25s ease;
}
.card-resource:hover{
  box-shadow:0 8px 24px rgba(0,0,0,.15);
  transform:translateY(-4px);
}

/* 1. on fixe la hauteur du conteneur */
.resource-img {
  width: 100%;
  height: 250px;       /* ← ajustez selon vos besoins */
  overflow: hidden;    /* masque tout débordement */
  position: relative;  /* pour le positionnement absolu de l’image */
}

/* 2. on centre l’image et on force le « contain » */
.resource-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: cover;        /* redimensionne entièrement sans recadrer */
  object-position: center;    /* centre le sujet de l’image */
  transform: translate(-50%, -50%);
}



.resource-title{
  font-size:1rem;
  font-weight:700;
  text-transform:uppercase;
  color:#000;                       /* titre en noir */
  line-height:1.25;
}
.resource-excerpt{
  font-size:.875rem;
  color:#444;
  line-height:1.4;
}
/* === Boutons filtres ======================================================== */
.select-head .btn{
  background:#5d6673;
  color:#fff;
  border:none;
  border-radius:4px;
  font-weight:600;
}
.select-head .btn:hover,
.select-head .btn[aria-expanded="true"]{
  background:#47505d;
}

.banner { background-size:cover; background-position:top center; min-height:260px; }
    .banner h1 { font-size:6rem; color:#fff; padding:90px 0; margin:0; }
    .article-head h2 { font-size:1.6rem; color:#205ba8; font-weight:700; text-transform:uppercase; }
    .article-head .chapo { font-size:1rem; color:#2c2c2c; }
    .contenuArticle { margin-top : 30px; margin-bottom: 30px;}
    .image-wrap {
  width: 100%;
  height: 250px;      /* ajuste cette valeur pour la hauteur souhaitée */
  overflow: hidden;
}
.image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;  /* recoupe l’image pour remplir sans déformation */
  display: block;
}
.chapo { font-weight: 700;}
.titleRessources { font-weight: 700;}
blockquote {
  background:#d9e7fd;
  padding: 10px 20px !important;
  border-radius: 12px;
}
blockquote p { margin:0 !important;}
main#ressource { margin-top: 90px;}
.banner .container {
    min-height: 0px;
  }

.imageRessource {
  margin-bottom: 30px;
}

a:hover {
  text-decoration: none;
}

.cardArticle {
  margin-bottom: 40px;
}

   .banner { background-size:cover; background-position:top center; min-height:260px; }
    .banner h1 { font-size:6rem; color:#fff; padding:90px 0; margin:0; }
    .article-head h2 { font-size:1.6rem; color:#205ba8; font-weight:700; text-transform:uppercase; }
    .article-head .chapo { font-size:1rem; color:#2c2c2c; }
    .contenuArticle { margin-top : 30px; margin-bottom: 30px;}
    .image-wrap {
  width: 100%;
  height: 250px;      /* ajuste cette valeur pour la hauteur souhaitée */
  overflow: hidden;
}
.image-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;  /* recoupe l’image pour remplir sans déformation */
  display: block;
}
.chapo { font-weight: 700;}
.titleRessources { font-weight: 700;}
blockquote {
  background:#d9e7fd;
  padding: 10px 20px !important;
  border-radius: 12px;
}
blockquote p { margin:0 !important;}
main#ressource { margin-top: 90px;}
.banner .container {
    min-height: 0px;
  }

.imageRessource {
  margin-bottom: 30px;
}

.img-fluid.ressources  {
  max-height: 320px;
}

.spip li {
  position: relative;
  padding-left: 20px !important;
}

h2.spip  {
  margin-bottom: 15px;
}

.threecolumns li {
  width: 28%;
}

.threecolumns img {
	width: auto;
	height: 100px;
	margin-bottom: 25px;
}