/* ------
SOMMAIRE
---------*/
/*
@AUTHOR : Julie

00 - COULEURS
01 - SPRITE
03 - TITRES
04 - LIENS
05 - BOUTONS
06 - CONTENU WYSIWYG
07 - PADDING ET LARGEURS
08 - MENU SCROLL UP
09 - POPUP ACTUALITE
10 - MENU HAMBURGERS
11 - ICONES SOCIALES
12 - DIAPORAMA
13 - SIDEBAR
14 - BLOC ENTREPRISE
15 - BLOC ACCROCHE
16 - MAILJET
17 - FILTRES
18 - FLOWFLOW
*/


/* ----------
00 - COULEURS
-------------*/
:root{
	--color00: #fff;    /*Blanc*/
	--color01: #000;    /*Noir*/
	--color02: #014454; /*Vleu foncé*/
	--color03: #0091ae; /*Bleu*/
	--color04: #e52e7e; /*Rose*/
	--color05: #84d0ef; /*Bleu clair*/
	--color06: #828282; /*Gris*/
	--color07: #f5f5f5; /*Gris clair*/
}
/*
Utilisation :
background: var(--color1);
border-bottom: 3px solid var(--color1);
color: var(--color1);
*/



/* ----------
01 - SPRITE
-------------*/
.ico{
	background-image: url(../img/charte/sprite.svg);
	background-repeat: no-repeat;
	background-size: 400px auto;
    width: 40px;
	height: 40px;
	display: block;
}
span.ico.file.view {
    width: 40px;
    height: 40px;
    display: block;
    background-color: var(--color04);
    border-radius: 50%;
	background-position: -5px -294px;
	transition: background-color .5s;
}
span.ico.file.download {
    width: 40px;
    height: 40px;
    display: block;
    background-color: var(--color04);
    border-radius: 50%;
    background-position: -6px -331px;
	transition: background-color .5s;
}
span.ico.file.view:hover,
span.ico.file.download:hover {
    background-color: var(--color02);
}
span.ico.pays {
    background-position: -64px -64px;
    width: 12px;
    height: 15px;
}
span.ico.time {
    background-position: -94px -64px;
    width: 14px;
    height: 15px;
}
span.ico.littleArrow {
    background-position: -130px -232px;
    width: 10px;
    height: 10px;
}
span.ico.infoSupp {
    background-position: -63px -100px;
    width: 44px;
    min-width: 44px;
    height: 43px;
}
span.ico.fly {
    background-position: -71px -162px;
    width: 31px;
    height: 17px;
}
span.ico.info {
    background-position: -159px -56px;
    width: 24px;
    height: 23px;
}
span.ico.littleBlueArrow {
    background-position: -57px -229px;
    width: 18px;
	height: 16px;
	transition: background-position .5s;
}
span.ico.whiteArrow {
    background-position: -198px -56px;
    width: 25px;
    height: 24px;
}
span.ico.whiteArrow.return {
    transform: scaleX(-1);
}
span.ico.pinkArrow {
    background-position: -150px -216px;
}
span.ico.calendar {
    background-position: -83px -252px;
    background-color: #fff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    min-width: 55px;
}
span.ico.tel {
    background-position: -95px -9px;
    width: 21px;
    height: 21px;
    min-width: 21px;
}
span.ico.map {
    background-position: -180px -12px;
    width: 15px;
    height: 17px;
    transform: scaleX(-1);
}
span.ico.list {
    background-position: -134px -12px;
    width: 21px;
    height: 17px;
}
span.ico.close {
    background-position: -206px -6px;
    width: 29px;
    height: 100%;
    background-color: var(--color04);
    cursor: pointer;
}
span.ico.fb {
    background-position: -255px -5px;
    width: 16px;
    height: 27px;
}
span.ico.volParti {
    background-position: -140px -109px;
    width: 40px;
    height: 27px;
}
span.ico.volPrevu {
    background-position: -280px -109px;
    width: 40px;
    height: 27px;
}
span.ico.volPose {
    background-position: -210px -110px;
    width: 40px;
    height: 29px;
}
span.ico.volRetard {
    background-position: -345px -110px;
    width: 40px;
    height: 29px;
}

/* ------
03 - TITRES
---------*/
h1, h2, h3, h4, h5, h6, .like-h1, .like-h2, .like-h3, .like-h4, .like-h5, .like-h6 {
    line-height: 1;
    margin: 0 0 10px 0;
    color: var(--color02);
    font-family: "hb", sans-serif;
    font-weight: normal;
}
h1, .like-h1{
	font-size: 3.5rem;
}
h2, .like-h2 {
    font-size: 3rem;
    margin: 30px 0 10px 0;
}
h3, .like-h3{
	font-size: 2.5rem;
}
h4, .like-h4{
	font-size: 2rem;
}
h5, .like-h5 {
    font-size: 1.8rem;
    text-transform: uppercase;
}
h6, .like-h6{
	font-size: 1.6rem;
}



/* ------------
04 - LIENS
--------------*/
a, a:link, a:visited{
	color: var(--color03);
	text-decoration: none;
}
a:hover, a:active{
	color: #000;
}


/* ------------
05 - BOUTONS
--------------*/

a.bouton1, .bouton1 a {
    background-color: var(--color04) !important;
    font-family: "hb", sans-serif;
    display: inline-block;
    padding: 5px 20px 5px 20px;
    color: #fff !important;
    margin: 10px 0;
    border-radius: 5px;
    text-decoration: none !important;
}
a.bouton1::after, .bouton1 a::after {
    content: "";
    background-image: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    width: 0;
    display: inline-block;
    height: 16px;
    background-position: -19px -229px;
    transition: width .5s;
    margin: 0px 0 -3px 7px;
}
a.bouton1:hover::after, .bouton1 a:hover::after {
	width: 16px;
}
a.bouton2, .bouton2 a {
    text-decoration: none !important;
    margin: 0 0 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color02);
    margin: 0;
}
a.bouton2::after, .bouton2 a::after {
    content: "";
    background-image: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    width: 16px;
    height: 16px;
    background-position: -58px -229px;
	-webkit-transform: translateX(10px);
	        transform: translateX(10px);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}

a.bouton3, .bouton3 a,
a.bouton5, .bouton5 a {
    font-family: "hb", sans-serif;
    text-decoration: none !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 0 20px 0;
}
a.bouton5, .bouton5 a {
    color: var(--color04) !important;
}
a.bouton3::before, .bouton3 a::before,
a.bouton5::before, .bouton5 a::before {
    content: "";
    background-image: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    width: 21px;
    height: 21px;
    background-position: -15px -263px;
    margin: 0 10px 0 0;
}
a.bouton5::before, .bouton5 a::before {
    background-position: -55px -263px;
}
a.bouton3::after, .bouton3 a::after,
a.bouton5::after, .bouton5 a::after {
    content: "";
    background-image: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    width: 16px;
    height: 16px;
    background-position: -58px -229px;
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
}
a.bouton5::after, .bouton5 a::after {
    background-position: -95px -229px;
}

a.bouton2:hover::after, .bouton2 a:hover::after,
a.bouton3:hover::after, .bouton3 a:hover::after,
a.bouton5:hover::after, .bouton5 a:hover::after {
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
}

a.bouton4, .bouton4 a {
    color: var(--color04) !important;
}
a.bouton6, .bouton6 a {
    font-family: "hb", sans-serif;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    color: var(--color02);
}
a.bouton6::before, .bouton6 a::before {
    content: "";
    background-image: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    width: 17px;
    height: 18px;
    min-width: 17px;
    background-position: -292px -11px;
    margin: 0 3px 0 0;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    display: inline-block;
    margin: 0px 3px -4px 0;
}
a.bouton7, .bouton7 a {
    color: var(--color04) !important;
    font-family: "hb", sans-serif;
    display: flex;
    align-items: center;
    margin: 0 0 15px 0px;
}
a.bouton7::before, .bouton7 a::before {
    content: "";
    background-image: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    background-position: -75px -195px;
    width: 22px;
    height: 16px;
    margin: 0 5px 0 0;
}
a.bouton7::after, .bouton7 a::after {
    content: "";
    background-image: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    background-position: -95px -228px;
    width: 15px;
    height: 16px;
	margin: 0 0 0 5px;
	transition: transform .5s;
}
a.bouton7:hover::after, .bouton7 a:hover::after {
	transform: translateX(10px);
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
	50% {
	  -webkit-transform: scale(1.5);
	  transform: scale(1.5);
	}
  }
  @keyframes hvr-icon-pop {
	50% {
	  -webkit-transform: scale(1.5);
	  transform: scale(1.5);
	}
  }
  a.bouton6:hover::before, .bouton6 a:hover::before {
	-webkit-animation-name: hvr-icon-pop;
	animation-name: hvr-icon-pop;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
  }

/* ------------
06 - CONTENU WYSIWYG
--------------*/
p{
	margin: 0 0 10px 0;
}
section#contents p a {
    color: var(--color02);
    text-decoration: underline;
}
strong{
	font-family: 'rb', sans-serif;
	font-weight: normal;
}
em{
	font-style:italic;
}
	em strong, strong em{
		font-family: 'rb', sans-serif;
		font-style: italic;
		font-weight: normal;
	}
u{
	text-decoration:underline;
}
strike{
	text-decoration: line-through;
}
address{
	color: #007AAA;
}
pre{
	background:#ccc;
	border:1px solid #007aaa;
	font-family:Courier, MS Courier New, Prestige, Everson Mono;
	font-size:1.1em;
	margin:20px auto;
	overflow:auto;
	padding:5%;
	width:80%;
}
code{
	background:#007aaa;
	color:#fff;
	font-family:Courier, MS Courier New, Prestige, Everson Mono;
	font-size:1.1em;
	padding:2px;
}
cite{
	color:#000;
	font-family: Arial, sans-serif;
	font-size:1.1em;
	padding:0 3px 0 3px;
}
acronym{
	border-bottom:1px dashed #007aaa;
	cursor:help;
}
q{
	color:#007aaa;
	font-style:italic;
}
	q:after{
		content: " ' Source: "attr(cite)" ";
		font-size:1em;
	}

ul {
	color: #666;
	margin: 0;
}
ul.noMargin {
	margin: 0;
}
	ul li {
		list-style: none;
		padding: 0 0 0 15px;
		position: relative;
		margin: 0 0 10px 0;
	}
	ul li.noPadding {
		padding: 0;
	}
	#wrapperInner ul li:not(.noBefore)::before {
		content: '';
		width: 7px;
		height: 7px;
		background-color: var(--color02);
		border-radius: 50%;
		position: absolute;
		top: 6px;
		left: 0;
	}

ol{
	color: #666;
	list-style: outside decimal-leading-zero;
	margin: 5px 0 5px 15px;
    counter-reset: numList;
}
	ol li {
		list-style-type: none;
		padding: 0 0 0 15px;
		position: relative;
	}
	#wrapperInner ol li:before {
		counter-increment: numList;
		content: counter(numList);
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		font-family: "hb", sans-serif;
		color: var(--color02);
	}
.separator{
	clear:both;
	visibility:hidden;
	margin: 5px 0 5px 0;
}
dl{
	margin:10px 5px;
}
	dt{
		color:#000;
		font-size:1.1em;
		font-weight:bold;
	}
	dd{
		font-style:normal;
		margin:0;
		padding:0;
		text-indent:10px;
	}

table {
	border: transparent;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47);
}
table thead tr th {
    background-color: #ffffff;
    color: var(--color02);
    font-weight: normal;
    font-family: "hb", sans-serif;
    padding: 10px 10px;
    border: 1px solid var(--color02);
}
table tr th {
    background-color: #ffffff;
    color: var(--color02);
    font-weight: normal;
    font-family: "hb", sans-serif;
}
table tr th {
    background-color: #fff;
    color: var(--color02);
    font-weight: normal;
    font-family: "hb", sans-serif;
    border: 1px solid var(--color02);
}
table tr td {
    border: transparent;
    padding: 10px;
    background-color: #f7f7f7;
}




/* ------------------------
08 - MENU SCROLL UP
--------------------------*/
.scrollUp{
	position: fixed;
	top: 0;
	width: 100%;
	z-index : 10000;
	-webkit-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}
.scrollUp.nav-up{
	-webkit-transition: top 0.2s ease-in-out;
	transition: top 0.2s ease-in-out;
}



/* ------------------------
09 - POPUP ACTUALITE
--------------------------*/
.popup-wrap{
	background: rgba(0, 0, 0, 0.7);
	bottom: 0;
	left: 0;
	padding: 15% 30%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99;
}
	.box-simple-popup{
		background: #fff;
		position: relative;
	}
		.box-simple-popup .box-titre{
			background: #46a1bf;
			color: #fff;
			padding: 15px 30px;
		}

		.box-simple-popup .popup-btn-close{
			background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAAkFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADDIYgjAAAAL3RSTlMAFS3T6/HlN8nbDhskQvb6Cga+smmlA1tOAZeSi3jtuM/Eg10pHhBiVD443alvI7Ki/2AAAAHWSURBVFjDpdfZbuJAEEbhH0JM2GKzZAJjsy9ZZun3f7vpJGJKiJJKOZzLrvZ3YbXUtnLj0bLZ7Qe6ofasaWZtfTUq0kdlMxZsMEmfbY/KzdO5dSXUsDgLxTHrj+l/k4p657ZSkywkHrJnjdRLt4ntzgVQq0xYNM9aZxCL5llT3SUsmmc12iUsmme969RxROxNJb2VV8vbPvR6J+Xmj1eDhz7zBvps5InQC0TgQbG7cj0sdu8DLxJj764lATHwgBh4QAy8WDwhz0RnM/CsN2878IIHwjEW3/0hEINXjET/EOQBFINjCkTu+WLP924QoWci87hoHr3EuWci8KBoHhdjj4uTSrj2yvV48zIFFzDwQpF7JnLPrxhSD4jAM5F7t4vPrsfF50AzEXvrwhO5Nx0PXZF7ki9yLxCB54sH7vlip8293N+eIwLPGnxP3PseFmeBF4qx9zt7TPS9px8SEAMPibEXi8CLRO75Ypd7vnjfBZ7VunPEwIPi3veQuBpKx9L1oLhZqL5a/Jk9LM7168pbSFys5XpcXKv0PC5OtfE8Lu609DwutlUV0DNxY8LTxZd+vRCq/3D5BzOcpI+KF9Gquky5sq701eFl+Wc01g21XpfL15Zy/wAQgcwfcwB9iQAAAABJRU5ErkJggg==') no-repeat 0 0 / 40px 40px;
			cursor: pointer;
			height: 40px;
			position: absolute;
			right: -20px;
			top: -20px;
			width: 40px;
		}
		.box-simple-popup .popup-btn-close span{
			display: none !important;
		}




/* ----------
10 - MENU HAMBURGERS
-------------*/
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger{
	background-color: transparent;
	color: inherit;
	border: 0;
	cursor: pointer;
	display: inline-block;
	font: inherit;
	margin: 0;
	overflow: visible;
	padding: 5px 15px 0;
	text-transform: none;
	
	-webkit-transition-property: opacity, -webkit-filter;
	
	transition-property: opacity, -webkit-filter;
	
	transition-property: opacity, filter;
	
	transition-property: opacity, filter, -webkit-filter;
	-webkit-transition-duration: 0.15s;
	        transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	        transition-timing-function: linear;
}
	.hamburger:hover, .hamburger:focus{
		opacity: 0.7;
	}

.hamburger-box{
	display: inline-block;
	height: 24px;
	position: relative;
	width: 40px;
}

.hamburger-inner{
	display: block;
	margin-top: -2px;
	top: 50%;
}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
		background-color: #00b4cd;
		border-radius: 4px;
		height: 4px;
		position: absolute;
		width: 40px;
		-webkit-transition-property: -webkit-transform;
		transition-property: -webkit-transform;
		transition-property: transform;
		transition-property: transform, -webkit-transform;
		-webkit-transition-duration: 0.15s;
		        transition-duration: 0.15s;
		-webkit-transition-timing-function: ease;
		        transition-timing-function: ease;
	}
	.hamburger-inner::before, .hamburger-inner::after{
		content: "";
		display: block;
	}
	.hamburger-inner::before{
		top: -10px;
	}
	.hamburger-inner::after{
		bottom: -10px;
	}

/*
 * Spin
 */
.hamburger--spin .hamburger-inner{
	-webkit-transition-duration: 0.3s;
	        transition-duration: 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
	.hamburger--spin .hamburger-inner::before{
		-webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
		transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
	}
	.hamburger--spin .hamburger-inner::after{
		-webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
		transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	}

.hamburger--spin.is-active .hamburger-inner{
	-webkit-transform: rotate(225deg);
	        transform: rotate(225deg);
	-webkit-transition-delay: 0.14s;
	        transition-delay: 0.14s;
	-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
	.hamburger--spin.is-active .hamburger-inner::before{
		top: 0;
		opacity: 0;
		-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
		transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
	}
	.hamburger--spin.is-active .hamburger-inner::after{
		bottom: 0;
		-webkit-transform: rotate(-90deg);
		        transform: rotate(-90deg);
		-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
		transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
	}



/* ----------
11 - ICONES SOCIALES
-------------*/
.jssocials-share{

}
.jssocials-share-email{

}
.jssocials-share-twitter{

}
.jssocials-share-facebook{

}
.jssocials-share-googleplus{

}
	.jssocials-share a{
		
	}
		.jssocials-share .jssocials-share-logo{
			background-image: url('/images/charte/sprite-partages-rs.png');
			background-repeat: no-repeat;
			background-size: 130px auto;
			display: block;
			height: 33px;
			width: 33px;
		}
		.jssocials-share .jssocials-share-label{
			display: none;
		}

		.jssocials-share-email .jssocials-share-logo{ background-position: 0 0 }
		.jssocials-share-email:hover .jssocials-share-logo, .jssocials-share-email:focus .jssocials-share-logo{ /*background-position: 0 -34px*/ opacity: 0.7; }

		.jssocials-share-twitter .jssocials-share-logo{ background-position: -32px 0 }
		.jssocials-share-twitter:hover .jssocials-share-logo, .jssocials-share-twitter:focus .jssocials-share-logo{ /*background-position: -32px -34px*/ opacity: 0.7; }

		.jssocials-share-facebook .jssocials-share-logo{ background-position: -64px 0 }
		.jssocials-share-facebook:hover .jssocials-share-logo, .jssocials-share-facebook:focus .jssocials-share-logo{ /*background-position: -64px -34px*/ opacity: 0.7; }

		.jssocials-share-googleplus .jssocials-share-logo{ background-position: -97px 0 }
		.jssocials-share-googleplus:hover .jssocials-share-logo, .jssocials-share-googleplus:focus .jssocials-share-logo{ /*background-position: -97px -34px*/ opacity: 0.7; }



/**
* alert
*/
.alert
{
	background: green;
	color:#FFF;
	padding:10px;

	width:100%;
	text-align: center;
}

.alert.alert-error
{
	background: rgb(194, 24, 12);
}

/* CLASS GENERIQUES */

/* Width */


.w100 {
	width: 100%
}
.w90 {
	width: 90%
}
.w80 {
	width: 80%
}
.w75 {
	width: 75%
}
.w70 {
	width: 70%
}
.w60 {
	width: 60%
}
.w55 {
	width: 55%
}
.w50 {
	width: 50%
}
.w40 {
	width: 40%
}
.w35 {
	width: 35%
}
.w30 {
	width: 30%
}
.w25 {
	width: 25%
}
.w20 {
	width: 20%
}
.w10 {
	width: 10%
}

/* Width flex avec goutiere */


.w1-2 {
	width: calc(100% / 2.1)
}

.w1-3 {
	width: calc(100% / 3.2)
}

.w1-4 {
	width: calc(100% / 4.3)
}

/* Flex */


.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.flex-wrap {
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.flex-jcc {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center
}

.flex-jcsa {
	-ms-flex-pack: distribute;
	    justify-content: space-around;
}

.flex-aic {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center
}

.flex-aife {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end
}

.flex-jsb {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between
}

.flex-dc {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.flex-g1 {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
}

/* Padding */


.pad20 {
	padding: 20px
}
.pad15 {
	padding: 15px
}
.pad30 {
	padding: 30px
}
.pad40 {
	padding: 40px
}
.pad50 {
	padding: 50px
}
.pad100_0 {
	padding: 100px 0;
}
.pad90_0 {
	padding: 90px 0;
}
.pad80_0 {
	padding: 80px 0;
}
.pad70_0 {
	padding: 70px 0;
}
.pad60_0 {
	padding: 60px 0;
}

.pad50_0 {
	padding: 50px 0;
}

.pad40_0 {
	padding: 40px 0;
}

.pad30_0 {
	padding: 30px 0;
}

.pad20_0 {
	padding: 20px 0;
}

/* Position */

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

/* Border radius */

.br10 {
	border-radius: 10px;
}

/* Box shadow */

.box-shadow {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.47);
}

.center {
	text-align: center;
}

/* MEDIA // Cover */

.cover {
	overflow: hidden;
}
	.cover img{
		-o-object-fit: cover;
		   object-fit: cover;
		font-family: 'object-fit: cover';
		height: 100%;
		width: 100%;
	}





/* 12 - DIAPORAMA */
.slick-slider button.slick-arrow {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: transparent;
    text-indent: -5000px;
    overflow: hidden;
    background-image: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    outline: transparent;
    background-position: -150px -216px;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.slick-slider button.slick-arrow.slick-prev {
    right: initial;
    z-index: 1;
    transform: translateY(-50%) rotate(-180deg);
    left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.bloc-texte-image .image .item {
    height: 450px;
    display: flex !important;
}
.templatePageTextBloc-leftcontent > div {
    margin: 0 0 50px 0;
}
li.bloc-galerie-image-item {
    height: 250px;
    padding: 0;
    margin: 0 0 30px 0;
}
	li.bloc-galerie-image-item img {
		transition: opacity .5s;
	}
li.bloc-galerie-image-item:hover img {
	opacity: 0.7;
}
.bloc-texte-colonnes p,
.bloc-texte-image p {
    color: grey;
}
.bloc-texte-colonnes p strong,
.bloc-texte-image p strong,
.sideBarBlocText .text p strong {
    color: var(--color02);
    font-family: 'hb', sans-serif;
}
.scroll {
	position: fixed;
	top: 0px;
	width: inherit;
}
.page-id-341 .scroll{
	position: absolute;
}
.sideBarBlocText{
    max-width: 400px;
}

.bloc-texte-colonnes > .w100 ul {
    display: flex;
    flex-wrap: wrap;
}
.bloc-texte-colonnes > .w100 ul li {
    width: calc(100% / 2.1);
    padding: 0 15px 0 15px;
}
p.text-intro {
    font-family: "hb", sans-serif;
    color: var(--color04) !important;
}
p.text-legend {
    color: grey !important;
    font-size: 1.3rem;
}
p.info-important {
    color: white !important;
	font-size: 1.4rem;
	font-family: "hb", sans-serif;
	background-color: var(--color04);
	padding: 12px 20px;
	position: relative;
}
p.info-important::after{
	content: "";
    background: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    background-position: -318px 0px;
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: var(--color04);
    border-radius: 25px 25px 25px 0px;
}
div.info-important {
    color: white !important;
	font-size: 1.4rem;
	font-family: "hb", sans-serif;
	background-color: var(--color04);
	padding: 20px;
	position: relative;
}
div.info-important::after{
	content: "";
    background: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    background-position: -318px 0px;
    width: 42px;
    height: 42px;
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: var(--color04);
    border-radius: 25px 25px 25px 0px;
}
.fileDownload {
    align-items: flex-start;
}
	.fileDownload h4 {
		text-transform: uppercase;
		margin: 0 0 20px 0;
	}
	.fileDownload-item {
		border-bottom: 1px solid #cacaca;
		padding: 0 0 9px 0;
	}
	.fileDownload-item:not(:last-child) {
		margin: 0 0 20px 0;
	}
		.fileDownload-item p.title {
			font-family: "hb";
			color: var(--color02);
			margin: 0;
			font-size: 1.6rem;
		}
		.fileDownload-item .download {
			margin: 0 0 0 10px;
		}
ul.slick-dots {
	margin: 0;
	display: flex !important;
	justify-content: center;
	align-items: center;
}
	ul.slick-dots li {
		padding: 0;
	}
		ul.slick-dots li button {
			overflow: hidden;
			text-indent: -5000px;
			padding: 0;
			width: 13px;
			height: 13px;
			background-color: rgba(1, 68, 84, 0.59);
			border: transparent;
			border-radius: 50%;
			margin: 0 4px;
			outline: transparent;
			cursor: pointer;
		}
		ul.slick-dots li.slick-active button {
			background-color: var(--color02);
		}
	ul.slick-dots li::before {
		display: none;
	}

@keyframes marquee {
    0% {
        transform: translate(0, 0)
    }
    100% {
        transform: translate(-100%, 0)
    }
}
.page-topbar-info {
    background-color: var(--color04);
    padding: 4px 0;
    overflow: hidden;
}
	.page-topbar-info span.ico {
		top: 0;
		right: 0;
	}
	.page-topbar-info-elements {
		text-align: right;
		width: 100%;
		animation-delay: 10s;
		animation: marquee 30s linear infinite
	}
		.page-topbar-info-elements p {
			text-align: right;
			margin: 0;
			color: #fff;
			font-size: 1.3rem;
			font-family: "hb", sans-serif;
			white-space: nowrap;
		}

/* 13 - SIDEBAR */

.sideBarBlocText {
    overflow: hidden;
    margin: 0 0 30px 0;
}
	.sideBarBlocText .title.blue {
		background-color: var(--color02);
	}
	.sideBarBlocText .title.pink {
		background-color: var(--color04);
	}
		.sideBarBlocText .title .picto {
			width: 50px;
			height: 50px;
			border-radius: 50px;
			background-color: #fff;
			min-width: 50px;
			margin: 0 10px 0 0;
		}
		.sideBarBlocText .title h3 {
			color: #fff;
			margin: 0;
			text-transform: uppercase;
			font-size: 2rem;
			line-height: 1.2;
		}
	.sideBarBlocText .text p {
		color: var(--color02);
	}
	.sideBarBlocText .text p:last-child {
		margin: 0;
	}

/* 14 - BLOC ENTREPRISE */
.blocInfoEntreprise .item {
    margin: 0 0 30px 0;
}
	.blocInfoEntreprise .item .logo a {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.blocInfoEntreprise .text p.name {
		color: var(--color02);
		font-family: "hb", sans-serif;
		font-size: 1.8rem;
		margin: 0px;
		margin: 0px 0px 10px 0px;
	}
	.blocInfoEntreprise .text p.tel {
		color: var(--color02);
		font-family: "hb", sans-serif;
		font-size: 1.8rem;
	}
		.blocInfoEntreprise .text p.tel span {
			margin: 0 10px 0 0;
			background-position: -217px -225px;
		}
		.blocInfoEntreprise .text p.tel a {
			text-decoration: none !important;
			color: var(--color02) !important;
		}
	.blocInfoEntreprise .text a.bouton7 {
		color: var(--color02) !important;
	}
	.blocInfoEntreprise .text a.bouton5 {
		color: var(--color02) !important;
	}
	.blocInfoEntreprise .text a.bouton5::before {
		background-position: -15px -263px;
	}
	.blocInfoEntreprise .text a.bouton5::after {
		background-position: -58px -229px;
	}
		.blocInfoEntreprise .text a.bouton7::before{
			content: "";
			background-image: url(../img/charte/sprite.svg);
			background-repeat: no-repeat;
			background-size: 400px auto;
			background-position: -113px -195px;
			width: 22px;
			height: 16px;
			margin: 0 5px 0 0;
		}
		.blocInfoEntreprise .text a.bouton7::after{
			content: "";
			background-image: url(../img/charte/sprite.svg);
			background-repeat: no-repeat;
			background-size: 400px auto;
			background-position: -182px -228px;
			width: 22px;
			height: 16px;
			margin: 0 5px 0 0;
		}
	.blocInfoEntreprise .text p, .blocInfoEntreprise .text ul li {
		color: grey;
		font-size: 1.3rem;
	}
	.blocInfoEntreprise .text p strong {
		font-family: "hb", sans-serif;
		display: block;
	}


/* 15 - BLOC ACCROCHE */
.blocAccroche .desc {
	margin: 30px 0;
}
	.blocAccroche .desc p {
		color: var(--color02);
		font-family: "hb", sans-serif;
		text-align: center;
		font-size: 2rem;
		margin: 0;
	}
	.blocAccroche .boutons a {
		margin: 0 30px;
	}

/* 16 - MAILJET */

.mailjet_widget_front_container input[type="submit"] {
    width: 100%;
    background-color: var(--color04);
    color: #fff;
    border: transparent;
    border-radius: 5px;
    padding: 10px 0;
    font-family: "hb", sans-serif;
	font-size: 1.6rem;
	cursor: pointer;
	transition: background-color .5s;
}
.mailjet_widget_front_container input[type="submit"]:hover,
.mailjet_widget_front_container input[type="submit"]:focus {
	outline: transparent;
	background-color: var(--color02);
}
.mailjet_widget_front_container input[type="email"] {
    width: 100%;
    border: transparent;
    background-color: #f0f0f0;
    border-radius: 5px;
    padding: 12px 10px;
}
.mailjet_widget_front_container input[type="email"]::placeholder{
	color: var(--color02);
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--color02);
	opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--color02);
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--color02);
  }
span.mailjet_widget_form_message{
	/* display: none; */
	display: block;
	margin: 2rem 0;
}
/* span.mailjet_widget_form_message {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #014454e8;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    z-index: 9999;
    bottom: 0;
    left: 0;
    text-align: center;
    font-family: "hb", sans-serif;
    font-size: 1.8rem;
    transition: transform .5s;
} */
span.mailjet_widget_form_message.hiddenWindows {
    transform: translateX(-5000px);
}
span.mailjet_widget_form_message::after {
    /* content: "";
    background-image: url(../img/charte/sprite.svg);
    background-repeat: no-repeat;
    background-size: 400px auto;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 20px;
    right: 20px;
    background-position: -202px 1px;
    cursor: pointer;
    background-color: var(--color04);
    border-radius: 50%; */
}

/* 17 - FILTRES */

form.searchandfilter ul {
    display: flex;
    justify-content: space-between;
}
	form.searchandfilter ul li {
		padding: 0;
		width: calc(100% / 2.1);
	}
	form.searchandfilter ul li::before {
		display: none;
	}
		form.searchandfilter ul li h4 {
			color: #fff;
			font-weight: normal;
			font-family: "hr", sans-serif;
			font-size: 1.4rem;
			margin: 0 0 5px 0;
			padding: 0;
		}
		form.searchandfilter ul li label {
			width: 100%;
		}
			form.searchandfilter ul li select {
				padding: 10px 10px 10px 10px;
				border: transparent;
				border-radius: 5px;
				width: 100%;
				color: #868686;
				font-family: "hb", sans-serif;
			}

/* 18 - FLOWFLOW */

.ff-stream {
    padding: 0px 0 30px !important;
}
	.ff-stream-wrapper {
		margin: 0 !important;
	}

/*RESPONSIVE
01 - DESKTOP */
@media screen and (max-width: 1400px), (max-device-width: 1400px){
}
@media screen and (max-width: 1200px), (max-device-width: 1200px){
	.md-flex-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap
	}
	.md-w100 {
		width: 100%;
	}
	.md-w50 {
		width: 50%
	}
	.md-w1-2 {
		width: calc(100% / 2.1);
	}
	.sideBarBlocText .title h3 {
		font-size: 1.6rem;
	}
	.w70.templatePageTextBloc-leftcontent .blocInfoEntreprise .item {
		flex-wrap: wrap;
	}
		.w70.templatePageTextBloc-leftcontent .blocInfoEntreprise .logo, .w70.templatePageTextBloc-leftcontent .blocInfoEntreprise .text {
			width: 100%;
		}
		.w70.templatePageTextBloc-leftcontent .blocInfoEntreprise .text {
			padding: 20px 0 0 0;
		}
		.w70.templatePageTextBloc-leftcontent .bloc-texte-image .image .item {
		height: 330px;
	}
}
/*02 TABLETTE*/
@media screen and (max-width: 1024px), (max-device-width: 1024px){
	.sm-flex-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap
	}
	.sm-w100 {
		width: 100%
	}
	.sm-w50 {
		width: 50%
	}
	.sm-w1-3 {
		width: calc(100% / 3.2)
	}
	.sm-w1-2 {
		width: calc(100% / 2.1);
	}
	li.bloc-galerie-image-item {
		height: 150px;
	}
	.w70.templatePageTextBloc-leftcontent > div {
		flex-wrap: wrap;
	}
	.w70.templatePageTextBloc-leftcontent .bloc-texte-colonnes > div,
	.w70.templatePageTextBloc-leftcontent .bloc-texte-image > div {
		width: 100%;
	}
	.w70.templatePageTextBloc-leftcontent .bloc-texte-image > div.text {
		order: 1;
		margin: 30px 0 0 0;
	}
	.sideBarBlocText .title {
		flex-wrap: wrap;
	}
		
		.sideBarBlocText .title h3 {
			text-align: center;
		}
	li.bloc-galerie-image-item {
		width: calc(100% / 2.3);
	}
	.fileDownload-item {
		width: 100%;
	}
	.fileDownload > div {
		margin: 0 0 40px 0;
	}
}
/*03 MINI-TABLETTE*/
@media screen and (max-width: 767px), (max-device-width: 767px){
	.scroll {
		position: initial;
	}
	.w1-2 {
		width: 100%;
	}
	.xs-pad20 {
		padding: 20px;
	}
	.xs-flex-wrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap
	}
	.xs-w100 {
		width: 100%
	}
	.xs-w50 {
		width: 50%
	}
	.xs-w1-2 {
		width: calc(100% / 2.1);
	}
	.bloc-texte-image .text {
		order: 1;
		margin: 30px 0 0 0;
	}
	h1, .like-h1 {
		font-size: 2.5rem;
	}
	.templatePageTextBloc {
		flex-wrap: wrap;
	}
		.templatePageTextBloc > div {
			width: 100%;
		}
	.blocAccroche .boutons {
		flex-direction: column;
	}
		.blocAccroche .boutons a {
			margin: 0;
		}
	.bloc-texte-colonnes > .w100 ul li {
		width: 100%;
		padding: 0 0px 0 15px;
	}
	form.searchandfilter ul {
		flex-wrap: wrap;
	}
	form.searchandfilter ul li {
		width: 100%;
	}
	form.searchandfilter ul li:not(:last-child) {
		margin: 0 0 20px 0;
	}
}