/*
Theme Name: WPKR
Theme URI: https://www.kevenrigo.fr/
Description: WPKR Theme custom
Author: Keven Rigo
Author URL: https://www.kevenrigo.fr
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
*/
/**
 * Radial cursor
 */
/*
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 
 * {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
img {
	height:auto;
	max-width:100%;
}
html {
	line-height: 1.15;

	/* 1 */
	-webkit-text-size-adjust: 100%;

	/* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;

	/* 1 */
	height: 0;

	/* 1 */
	overflow: visible;

	/* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace;

	/* 1 */
	font-size: 1em;

	/* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration-thickness: 1px;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;

	/* 1 */
	text-decoration: underline;

	/* 2 */
	text-decoration-style: dotted;

	/* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace;

	/* 1 */
	font-size: 1em;

	/* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;

	/* 1 */
	font-size: 100%;

	/* 1 */
	line-height: 1.15;

	/* 1 */
	margin: 0;

	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {

	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {

	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;

	/* 1 */
	color: inherit;

	/* 2 */
	display: table;

	/* 1 */
	max-width: 100%;

	/* 1 */
	padding: 0;

	/* 3 */
	white-space: normal;

	/* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
	box-sizing: border-box;

	/* 1 */
	padding: 0;

	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
	-webkit-appearance: textfield;

	/* 1 */
	outline-offset: -2px;

	/* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;

	/* 1 */
	font: inherit;

	/* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}



a:active,a:focus,a:visited {
	outline:none;
	border:none;
}

/**
*
* FIN DU RESET
*/
/**
*
*SLICK
*
*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

    -moz-box-sizing: border-box;
         box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    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);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

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

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

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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;
}




/*
*Header footer
*/
/*Menu header et footer*/
body {
	position:relative;
}
body.open {
	overflow:hidden;
}
#site-header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:9;
	transition:all 0.4s;
	background: #f3f3f3;
	height:63px;
	overflow:hidden;
}
.scrolled #site-header {
	box-shadow:0 0 3px rgba(0,0,0,0.3);
}
#wpadminbar {
    position: fixed;
    overflow: hidden;
	height:46px;
}
.admin-bar #site-header,
.admin-bar #menu_rh,
.admin-bar #full_menu {
	top:46px;
}
.admin-bar #full_menu {
	height:calc(100vh - 46px);
}
#main {
	padding-top:63px;
}
.admin-bar #main {
	padding-top:63px;
}

#togMenu {
	top:7px;
}
.admin-bar #togMenu {
	margin-top:46px;
}
@media(min-width:782px) {
	.admin-bar #site-header,
	.admin-bar #menu_rh ,
	.admin-bar #full_menu 	{
		top:32px;
	}
	.admin-bar #full_menu {
		height:calc(100vh - 32px);
	}
	#wpadminbar {
		height:32px
	}
	.admin-bar  #main {
	}
	.admin-bar #togMenu {
		margin-top:32px;
	}	
}
@media(min-width:980px) {
	#site-header {
		height:95px;
	}
	#main {
		padding-top:95px;
	}
	.admin-bar #main {
		padding-top:95px;
	}		
}
.header-titles-wrapper {
}
.header-titles{
  width: 120px;
}
.header-titles .logo {
	display:block;
}
.header-titles .logo img {
	display:block;
}


#togMenu {
	height:50px;
	width:50px;
	cursor:pointer;
	display:block;
	position:fixed;
	z-index:101;
	right:5.5rem;
	top:7px;
	transition:all .3s;
	background:#e41b12;
	border-radius:50%;
	overflow:hidden;
	color:white;
	text-transform:uppercase;
	text-align:center;
	font-weight:800;
	font-size:1.1rem;
 }
 /*
#togMenu #burger {
	background:url('images/burger.png') no-repeat center;
	background-size:contain;
	width:21px;
	width:21px;
	height:17px;
	margin:12px auto 3px auto;
	transition:all 0.3s;
	position:relative;
}
#togMenu:hover #burger,
 #togMenu.open #burger{
  transform: rotate(90deg);
  transition: all 0.3s;
}*/
#togMenu #burger {
	position:relative;
	transition:all 0.3s;
	overflow:visible;
}
#togMenu #burger:before,
#togMenu #burger:after {
	content:'';
	height:calc(50% - 2px);
	z-index:1;
	position:absolute;
	transition:all 0.3s;
	border-top:1px solid white;
	border-bottom:1px solid white;
}
#togMenu.open #burger:before,
#togMenu.open #burger:after {
	transform:scale(0);
}
#togMenu #burger:before {
	left:100%;
	top:1px;
	border-right:1px solid white;
	border-radius:0 10px 10px 0;
}
#togMenu #burger:after {
	top:calc(50% - 1px);
	right:100%;
	border-left:1px solid white;
	border-radius:10px 0 0 10px;
}
#togMenu #burger span {
	-webkit-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
	position:absolute;
	right:0;
	width:100%;
	height:2px;
	border-radius:2px;
	display:block;
	background:#fff;
}

#togMenu #burger span#t1 {
	top:0
}
#togMenu #burger span#t2 {
	margin-top:-1px;
	top:50%;
	-webkit-transform-origin:center;
	-ms-transform-origin:center;
	transform-origin:center;
	
	width:100%;
}
#togMenu #burger span#t3 {
	bottom:0;
	width:100%;
}


#togMenu.open #burger span#t2 {
	width:0;
	right:100%;
	opacity:0
}

#togMenu.open #burger span#t1 {
	width:111%;
	max-width:none;
	-webkit-transform-origin:top left;
	-ms-transform-origin:top left;
	transform-origin:top left;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
#togMenu.open #burger span#t3 {
	width:111%;
	max-width:none;
	-webkit-transform-origin:bottom left;
	-ms-transform-origin:bottom left;
	transform-origin:bottom left;
	-webkit-transform: rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}


#togMenu:hover,
 #togMenu.open {
 background: #282829;
}

#togMenu #text_menu {
	overflow:visible;
	position:relative;
}
#togMenu #text_menu:after {
	content:'Menu';
	display:block;
	font:inherit;
}
body.fr_FR #togMenu.open #text_menu:after {
	content:'fermer';
}
body.en_US #togMenu.open #text_menu:after {
	content:'close';
}


@media(max-width:979px) {
	#togMenu #burger {
		width:21px;
		height:16px;
		margin:12px auto 3px auto;
	}
	#togMenu #burger:before,
	#togMenu #burger:after {
		
		width:3px;
	}
	#togMenu {
		overflow:visible;
	}
	#togMenu.open #burger {
		height: 18px;
		transform: translate3d(6px,4px,0);
	}
	#togMenu.open #text_menu {
		position: absolute;
		top: 50%;
		left: calc(100% + 5px);
		transform: translateY(-50%);
		z-index: 2;
		color: #282829;
	}
}
@media(min-width:980px) and (max-width:1599px) {
	#togMenu #burger {
		width:21px;
		height:16px;
		margin:12px auto 3px auto;
	}
	#togMenu #burger:before,
	#togMenu #burger:after {
		
		width:3px;
	}
	#togMenu {
		overflow:visible;
	}
	#togMenu.open #burger {
		height: 18px;
		transform: translate3d(6px,4px,0);
	}
	#togMenu.open #text_menu {
		position: absolute;
		top: calc(100% + 5px);
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
		color: #282829;
	}
}

/***modif Sarah attention chiffres clés et menu ouvert*/
@media(min-width:1280px) and (max-width:1599px){
	#togMenu:not(.open) {
		top: 250px;
		transform: none;
		left: 20px;
		height: 100px;
		width: 100px;
		font-size: 1.2rem;
		transition: all 0.3s;
	}
	#togMenu:not(.open)  #burger {
		width:42px;
		height:36px;
		margin:22px auto 5px auto;
	}
	#togMenu:not(.open)  #burger:before,
	#togMenu:not(.open)  #burger:after {
		
		width:8px;
	}
	#togMenu:not(.open)  #burger span{
		height:4px;
	}
	#togMenu:not(.open)  #burger span#t2 {
		margin-top:-2px;
	}	
}

@media(min-width:1600px) {
	/*
	#togMenu #burger {
		width:42px;
		height:34px;
		margin:25px auto 5px auto;
	}*/
	#togMenu #burger {
		width:42px;
		height:36px;
		margin:22px auto 5px auto;
	}
	#togMenu #burger:before,
	#togMenu #burger:after {
		
		width:8px;
	}
	#togMenu #burger span{
		height:4px;
	}
	#togMenu #burger span#t2 {
		margin-top:-2px;
	}
	#togMenu.open #burger {
		height:36px;
		transform: translateX(11px);
	}	
}









/*   Menu RH --------------------------- */
	#menu_rh {
		transform-origin: right top;
		transform: rotate(-90deg) translateY(-100%);
		position: fixed;
		right: 0;
		
		z-index: 10;
		height: 4.5rem;
	}
	#menu_rh ul.menu_rh_ul {
		padding:0;
		margin:0;
		height:100%;
	}
	#menu_rh ul.menu_rh_ul  li {
		display:none;
	}
	#menu_rh ul.menu_rh_ul > li:first-child {
		display:block;
		background:#a1d109;
		color:white;
		border:none;
		position:relative;
		overflow:visible;
		height:100%;
		
	}
	#menu_rh ul.menu_rh_ul  li a {
		text-decoration: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		height: 100%;
		background:#a1d109 url('images/fleche-rh.png') no-repeat 90% center ;
		padding: 0 60px 0 2rem;
		text-transform: uppercase;
		font-weight: 800;
		transition:all 0.3s;
		font-size: 1.2rem;
		
	}
	#menu_rh ul.menu_rh_ul > li:first-child:before {
		display:block;
		content:"";
		right:100%;
		top:0;
		height:100%;
		width:112px;
		position:absolute;
		background:url('images/motif-breton.png') no-repeat right center;
		background-size:contain;
		
	}
	#menu_rh ul.menu_rh_ul  li a:hover {
		background:#282829 url('images/fleche-rh.png') no-repeat 90% center ;
	}
/* top Menu ---------------------------- */
.top-menu-wrapper{
  position: relative;
}
ul.top-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	position:relative;
	z-index:1;
	padding-left: 0;
	margin: 0;
	flex-direction: row;
}
.header-navigation-wrapper {
  display: flex;
  align-items: center;
  height: 100%;
}
.top-menu > li {
	font-size: inherit;
	color:#282829;
	overflow:visible;
	list-style-type:none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;	
	
}
.top-menu li a{
	color:#e41b12;
}

.top-menu > li:nth-child(3) a,
.top-menu li:nth-child(5) a{
	background:white;
	color:#282829;
	border:none;
}
.top-menu > li:nth-child(4) a{
	background:#e41b12;
	color:white;
	border:none;
}

.top-menu li a {
	display: flex;
	flex-direction:column;
	justify-content:center;
	height:100%;
	text-decoration: none;
	word-break: normal;
	word-wrap: normal;
	font-weight: 700;
	transition:all 0.3s;
	padding: 1em 2em;
	position: relative;
	z-index:0;
	transition: all 0.3s;
	overflow:hidden;
	border-left:1px solid ;
}
.top-menu li a:after {
	content: '';
	background: #282829;
	height: 100%;
	width: 150%;
	transform: skew(10deg);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	transform: skew(15deg) translateX(-130%);
	transition: all 0.4s;
}
.top-menu li a:hover {
	color:white;
}
.top-menu li a:hover:after {
	transform: skew(-15deg) translateX(-15%);
}	
/*
SUBMENU
*/
.top-menu li .menu-item-has-children:hover a {
	height:50%;
}
.top-menu ul {
	opacity: 0;
	display:flex;
	transition: all 0.15s linear;
	height:0%;
	width:100%;
	transform:translateY(100%);
	width: 100%;
	padding:0;
	margin:0;
}	
.top-menu li:hover  ul {
	opacity:1;
	height:50%;
	transform:translateY(0%);
}	
.top-menu ul li {
	list-style-type:none;
}
.top-menu ul li a {

}
.top-menu ul li a :hover {
		opacity:0.6;
}



/*Full menu*/
#full_menu {
	position:fixed;
	width:100vw;
	height:100vh;
	overflow:hidden;
	top:0;
	left:0;
	z-index:12;
	transform:translateX(-100%);
	transition:all 0.6s ease;
	
}
#full_menu .scrollArea {
		width:100%;
		height:100%;
		overflow:auto;
		padding:25px;
}
#site-header.open{
	background:#f3f3f3;
}

#site-header.open .header-titles-wrapper {
    position: relative;
    z-index: 13;
}
#site-header.open #full_menu {
	transform:translateX(0);
}
#menu_circle_white,
#menu_circle_lines,
#menu_s,
#menu_n {
	position:fixed;
	z-index:0;
}
#menu_s,
#menu_n {
	text-align:center;
	font-weight:900;
	font-size:8rem;
	opacity:0.1;
	left:50%;
	padding:20px;
	transform:translateX(-50%);
}
#menu_n {
	top:0;
}
#menu_s {
	bottom:0;
	line-height:0.4
}
#menu_circle_white {
	width: 120vw;
	height: 120vw;
	border: 200px solid white;
	top: 0;
	left: 0;
	transform: translate3d(-35%,-50%,0);
}
#menu_circle_lines {	
	width: 80vw;
	height: 80vw;
	border: 1px solid #282829;
	bottom:0;
	right:0;
	transform: translate3d(40%,40%,0);
	overflow:visible;
	opacity:0.1;

}
#menu_circle_lines:after {
	content:"";
	border-radius:50%;
	display:block;
	width:130%;
	height:130%;
	position:absolute;
	top:50%;
	left:50%;
	z-index:0;
	border:1px solid #282829;
	transform:translate3d(-50%,-50%,0)
}
#full_menu nav.wideM {
	position:relative;
	z-index:1;
}
#full_menu nav.wideM ul {
	list-style-type:none;
	padding:0;
}
#full_menu nav.wideM ul li a {
	text-decoration:none;
	text-transform:none;
	position:relative;
	color:#282829;
	padding: 0.3em 10px 0 20px;
	display: block;
}
#full_menu nav.wideM ul li a:hover {
	color:red;
}
#full_menu nav.wideM ul li.menu-item-has-children > a:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:20px;
	z-index:1;
	transition:all 0.3s;
	background:url('images/fleche_menu_full_li.png')no-repeat center;
	background-size:9px 12px;
}
#full_menu nav.wideM ul li.menu-item-has-children > a:hover:before {
	transform:rotate(90deg);
}


#full_menu nav.wideM > ul {
	padding:17px;
	margin-bottom:0;
}

#full_menu nav.wideM > ul > li > a{
	text-transform:uppercase;
	font-size:2.22rem;
	text-transform:uppercase;
}	
#full_menu nav.wideM > ul > li > ul.sub-menu > li > a{
	padding-left:20px;
}

.primary-menu-wrapper {
  margin-top: 77px;
  padding-right:4.5rem;
}
.secondary-menu-wrapper {
	margin-bottom:50px;
}
.primary-menu > li {
	margin-bottom:1.5em;
}
/*
ul.primary-menu > li > ul, 
ul.secondary-menu > li > ul > li > ul{
  display: none;
}
ul.primary-menu > li:hover > ul, 
ul.secondary-menu > li > ul > li:hover > ul{
	display:block
}*/
#full_menu nav.wideM > ul.primary-menu > li > ul.sub-menu > li > a{
	font-weight:100;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	overflow:hidden;
}
#full_menu nav.wideM > ul.primary-menu > li > ul.sub-menu > li > a:before {
	display:block;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:20px;
	z-index:1;
	transition:all 0.3s;
	color:red;
	content:"";
	content:"__";
	background:none;
	transform:translateX(-100%);
}
#full_menu nav.wideM > ul.primary-menu > li > ul.sub-menu > li > a:hover {
	margin-left:10px;
	padding-left:20px;
}
#full_menu nav.wideM > ul.primary-menu > li > ul.sub-menu > li > a:hover:before {
	transform:translateX(0%);

	
}
.secondary-menu-wrapper {
    background: white;
}
#img_sec_menu {
	display:block;
	width:100%;
	height:150px;
	overflow:hidden;
	position:relative;
}
#img_sec_menu img{
	display:block;
	width:100%;
	height:auto;
	min-height:100%;
	max-height:none;
	position:absolute;
	z-index:2;
	top:50%;
	left:0%;
	transform:translateY(-50%);
}
#full_menu nav.wideM > ul.secondary-menu > li > a {
	font-weight:800;
	
}
#full_menu nav.wideM > ul.secondary-menu > li > a:before {
	display:none;
}


#full_menu .secondary-menu > Li > ul.sub-menu > li {
    padding: 0.75em;
}
#full_menu .secondary-menu > li > ul > li > a:before {
	display:none;
}
#full_menu .secondary-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {
	font-weight: 100;
	margin-left: 19px;
	padding-top: 0.6em;
	padding-bottom: 0.2em;
	position: relative;
	padding-left: 14px;
}
#full_menu .secondary-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:before {
	position:absolute;
	content:"";
	left:0;
	top:0;
	height:100%;
	width:15px;
	z-index:1;
	transition:all 0.3s;
	background:url('images/fleche_menu_full_li.png')no-repeat center;
	background-size:9px 12px;
	display:block;
	transform:scale(0.7);
	background-position:0 16px;
}

@media(max-width:979px){
	#menu_rh ,
	#menu_rh ul.menu_rh_ul > li:first-child::before{
		transition:all 0.3s;
	}
	body.scrolled #menu_rh ul.menu_rh_ul li a {
		font-size:0;
		color:rgba(255,255,255,0);
		padding: 0 0 0 63px;
		font-size: 0;
		background-position: center;
	}
	body.scrolled #menu_rh ul.menu_rh_ul > li:first-child::before { 
		
		width:0;
	}
}
@media(max-width:979px){
	#site-header .container {
		padding: 15px 4.5rem 15px 15px;
	}

	
	 
	 
     #menu_principal {
        position:relative;
        top:0px;
        left:-100%;
		margin-top:20px;
        z-index:6;
        opacity:0;
        background:#fff;
        height:auto;
        width:0;
		padding-bottom:3rem;
        -webkit-transition:opacity .3s ,left 0 ease 0.4s,width 0 ease .4s;
        -o-transition:opacity .3s ,left 0 ease 0.4s,width 0 ease .4s;
        transition:opacity .3s ,left 0 ease 0.4s,width 0 ease .4s
     }
     #menu_principal.open {
        left:0;
        width:100%;
        opacity:1;
        -webkit-transition:left 0.4s,width 0s,opacity .4s;
        -o-transition:left 0.4s,width 0s,opacity .4s;
        transition:left 0.4s,width 0s,opacity .4s
     }	
    body.open {
		overflow:hidden;
	} 
	#site-header.open {
		height:100vh;
	}
	.top-menu-wrapper.desktop {
			display:none;
	}
	.top-menu-wrapper.mobile,
	.top-menu-wrapper.mobile ul.top-menu {
		display:flex;
		width:100%;
	}
	#site-header.open .top-menu-wrapper.mobile  {
		padding-bottom:0;
		margin-bottom:25px;
	}	
	.top-menu-wrapper.mobile ul.top-menu {
		justify-content:space-around;
	}

	.top-menu-wrapper.mobile .top-menu ul {
		top:unset;
		bottom:100%;
	}
	.top-menu-wrapper.mobile .top-menu > li:nth-child(1),
	.top-menu-wrapper.mobile .top-menu > li:nth-child(2) {
		display:none;
	}
	#site-header.open .top-menu-wrapper.mobile .top-menu li:nth-child(4) {
		flex-grow:1;
		text-align:center;
	}
	/*ouverture de la langue anglaise par defaut*/
	#site-header.open .top-menu-wrapper.mobile .top-menu li ul {
		opacity: 1;
		height: 50%;
		transform: translateY(0%);
	}
	#site-header.open .top-menu-wrapper.mobile .top-menu li ul li {
		display:block;width:100%;
	}
	
	body.open #menu_rh {
		display:none;
	}

}

@media(min-width:640px) {
	#togMenu {
		font-size:0.82rem;
	}
	#full_menu nav.wideM > ul {
		padding:35px;
	}	
}
@media(min-width:980px){
	#site-header .container {
		padding:0 4.5rem 0 30px;
		height: 100%;
		width:100%;
		margin:0;
	}
	.header-titles-wrapper {

	}
	.header-inner {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	}
	.header-titles{
	  width: 240px;
	}	
	.top-menu-wrapper.mobile {
			display:none;
	}
	.top-menu-wrapper.desktop {
		display:flex;
		overflow: hidden;
		height: 100%;
	}	
	#site-header #full_menu{
		background:#f3f3f3;
	}
	#site-header.open #full_menu .scrollArea{
		padding-left: 80px;
		padding-bottom:100px;
	}
	
	#menu_circle_white,
	#menu_circle_lines{
		width: 33vw;
		height: 33vw;

	}
	#full_menu nav.wideM > ul {
		display: flex;
		padding-left:0;
		
	}
	#full_menu nav.primary-menu-wrapper  > ul > li:first-child {
		width:24%;
	}
	#full_menu nav.primary-menu-wrapper  > ul {
		padding-bottom: 0;	
	}
	#full_menu nav.primary-menu-wrapper> ul > li:nth-child(2) {
		width:37%;
	}
	#full_menu nav.primary-menu-wrapper  > ul > li:nth-child(3),
	#full_menu nav.primary-menu-wrapper > ul > li:last-child {
		width:32%;
		position:absolute;
		top:calc(50% + 35px);
		left:61%;
		height:50%;
		z-index:1;
	}
	#full_menu nav.primary-menu-wrapper  > ul > li:nth-child(3) {
		top:35px;
	}
	#full_menu nav.wideM > ul > li > a {
		padding-top:0
	}
	#full_menu nav.primary-menu-wrapper > ul > li > ul {
		display:block;
	}
	#full_menu nav.primary-menu-wrapper ul li > a:before {
		content:"";
		display:block;
		position:absolute;
		left:0;
		top:0;
		height:100%;
		width:20px;
		z-index:1;
		transition:all 0.3s;
		background:url('images/fleche_menu_full_li.png')no-repeat center;
		background-size:9px 12px;
	}
	#full_menu nav.wideM ul li > a:hover:before {
		transform:none;
	}
	.secondary-menu-wrapper {
		padding-left: 20%;
		margin-bottom:100px;
	}
	#img_sec_menu {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 20%;
		overflow: hidden;
	}
	#img_sec_menu img{
		display:block;
		width:auto;
		height:100%;
		min-width:100%;
		max-width:none;
		position:absolute;
		z-index:2;
		top:0%;
		left:50%;
		transform:translateX(-50%);
	}
	.secondary-menu > li {
	  width: 100%;
	}
	.secondary-menu > li > ul {
	  display: flex;
	  width: 100%;
	}
	.secondary-menu > li > ul >li {
	  width: 25%;
	}
	
	#full_menu nav.wideM > ul > li > ul.sub-menu > li > a{
		font-size:1.42rem;
	}
	#full_menu .secondary-menu > li > ul.sub-menu > li > ul.sub-menu > li > a, 
	#full_menu nav.wideM > ul.primary-menu > li > ul.sub-menu > li > a {
		font-size:1.2rem;
	}

}
@media(min-width:980px) and  (max-width:1599px) {
	/*section {
		margin-left:50px;
		margin-right:50px;
		width:calc(100vw - 100px)
	}*/
	.texte_entete {
		padding-left:60px!important;
	}
	#togMenu {
		position:fixed;
		left:7px;
		top:250px;
	}
	.open #togMenu {
		top:50%;
		margin:0;
		transform:translateY(-50%);
	}
}

@media(min-width:1600px) {
	#togMenu {
		top:250px;
		transform:none;
		left:20px;
		height:100px;
		width:100px;
		font-size:1.2rem;
		transition:all 0.3s;
	}
	.open #togMenu {
		top:50%;
		margin:0;
		transform:translateY(-50%);
	}
	.scrolled:not(.open) #togMenu {
		transform:scale(0.8);
	}
	.scrolled:not(.open) #togMenu:hover {
		transform:scale(1);
	}

	#site-header.open #full_menu .scrollArea{
		padding-left: 180px;
		padding-bottom: 100px;
		padding-right:180px;
	}
	#full_menu nav.wideM > ul > li > ul.sub-menu > li > a{
		font-size:1.67rem;
	}
	#full_menu .secondary-menu > li > ul.sub-menu > li > ul.sub-menu > li > a, 
	#full_menu nav.wideM > ul.primary-menu > li > ul.sub-menu > li > a {
		font-size:1.42rem;
	}
}


@media(min-width:1920px) {
	#site-header.open #full_menu .scrollArea{
		padding-left: calc((100% - 1600px) /2);
		padding-bottom: 100px;
		padding-right:calc((100% - 1600px) /2);
	}
}



/*Menu sur page scrollée*/
.logo,
#site-header{
  transition: all 0.4s;
}
@media(max-width:979px){
  .scrolled #togMenu {

  }  
  .scrolled .logo {

  }
  .scrolled #site-header:not(.open){
	  
  }
}
@media(min-width:980px){
  .scrolled .logo {

  }
   .scrolled #site-header:not(.open){
  }
}
@media(min-width:1600px){
  .scrolled .logo {

  }
   .scrolled #site-header:not(.open){
  }
}



footer {
	position:relative;
	z-index:1;
	background:white;
}

#footer_menu {
    margin: 0;
    padding: 15px;
}


#footer_menu li {
	list-style-type:none;
	margin-right:2rem;
}
#footer_menu li a {
	display:block;
	text-decoration:none;
	text-transform:none;
	padding:1rem;
}

@media(min-width:980px) {
	.footer-menu-wrapper{
	  display: flex;
	  align-items: center;
	  justify-content:flex-end;
	}
	#site-footer .section-inner {
		display: flex;	
		justify-content:flex-end;
	}
	#footer_menu {
		display:flex;
		margin:0 20px;
	}
}












/*
#mouse-circle {
	position: absolute;
	z-index: 15;
	width: 64px;
	height: 64px;
	margin: -32px 0 0 -32px;
	border: 1px solid #fff;
	border-radius: 50%;
	pointer-events: none;
	background: black;
	mix-blend-mode: overlay;
	transition:transform 0.4s, margin 0.4s;
}

#mouse-circle.aHover {
	transform:scale(.5);
	margin: -16px 0 0 -16px;
}*/

@font-face {
    font-family: 'm_s_b_regular';
    src: url('assets/fonts/Made-Soulmaze-Brush/made_soulmaze_brush-webfont.woff2') format('woff2'),
         url('assets/fonts/Made-Soulmaze-Brush/made_soulmaze_brush-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
	font-size:52%;
	scroll-behavior: smooth;
}

.screen-reader-text {
	display:none;
}

*:focus,*:active,*:visited {
	outline:none!important;
}
/*Polices Tailles
*/

body {
	font-size:1rem;
    font-family: 'Overpass', sans-serif;
	font-weight:300;
	overflow-x:hidden;
	transition:all0.3s;
}

body:not(.loaded) {
	opacity:0;
}
body.loaded {
	opacity:1;
	transition:	all 0.5s;
}
h1,.h1 {
	margin:0;
	line-height:1.2;
	font-weight:900;
	font-size:3.85rem;
	text-transform:uppercase;
	text-align:left;
}
h1 span.part_2 {
	font-weight:900;
	font-size:inherit;
	display:block;
	line-height:0.9;
}
span.sous_titre {
	font-weight:900;
	text-transform:uppercase;
	line-height:1.2;
	text-align:left;
	font-size:2.51rem;
	display:inline-block;
	vertical-align: top;
	padding: 0.4em 0.7em 0.2em 0.4em;
	background: #e41b12;
}
h2,.h2 {
	text-shadow:none;
	line-height:1.1;
	font-size:3.26rem;
	text-transform:uppercase;
	font-weight:900;
	margin:1em 0 0 0;
}
h2 + div {
	margin-top:3.26rem;
}
h3,.h3,
div.h3 p{
	line-height:1.2;
	font-size:2.51rem;
	font-weight:900;
	text-transform:uppercase;
	margin:1em 0 0 0;
}
h2 + h3,
h2 +.h3,
.h2 + h3,
.h2 + .h3 {
	margin-top:0;
}
h4 {
	line-height:1.2;
	font-size:2.09rem;
	font-weight:900;
	text-transform:uppercase;
	margin:1em 0 0 0;
}
body, p, main li, a.bouton {
	line-height:1.4;
	font-size:1.97rem;/*1.67 trop petit à l'usage*/
	font-weight:300;
}

p,  a.bouton {
	margin:1em 0 0 0;
} 
main li {
	margin:0.5em 0 0 0;
}
blockquote p{
	font-family:'m_s_b_regular', script;
	line-height:1.3;
	font-size:1.67rem;
	font-weight:normal;
	margin:1em 0;
}
.bloc-exergue-inte blockquote p{
	font-size:3rem;	
}
header li a {
	font-size:1.67rem;
	color:inherit;	
	font-weight:800;
	text-transform:uppercase;
}
footer li a {
	font-size:1.67rem; /*0.83*/
	font-weight:800;
	color:inherit;
	text-transform: uppercase;
}
.enorme {
	font-size:5.02rem;
	font-weight:900;
	text-transform:uppercase;
	color:#e3e3e3

}
.close {
	font-size:1.42rem;
}
@media(min-width:480px) and (max-width:639px) {
	h1,.h1 {
		font-size:5.85rem;
	}	
	span.sous_titre {
		font-size:2.51rem;
	}
	h2,.h2 {
		font-size:3.76rem;
	}
	h2 + div,
	.h2 + div 	{
		margin-top:3.76rem;
	}
	.bloc-exergue-inte blockquote p{
		font-size:3.3rem;	
	}
}
@media(min-width:640px) and (max-width:979px) {
	html {
		font-size:72%;
	}
	h1,.h1 {
		font-size:7.5vw;/**/
	}	
	span.sous_titre {
		font-size:3.3vw;
	}
	.home h1 {
		font-size:9.5vw;
	}/*
	.home h1 span.sous_titre {
		font-size:4.3vw;
	}*/
	h2,.h2 {
		font-size:3.76rem;
	}
	h2 + div,
	.h2 + div 	{
		margin-top:3.76rem;
	}
	h3,.h3,div.h3 p{
		font-size:2.51rem;
	}
	h4 {
		font-size:2.09rem;
	}
	body, p, main li {
		font-size:1.67rem;
	}
	blockquote p{
		font-size:1.67rem;
	}	
	.bloc-exergue-inte blockquote p{
		font-size:3.3rem;	
	}
	header li a {
		font-size:1.67rem;
	}
	footer li a {
		font-size:0.83rem;
	}
	.enorme {
		font-size:9vw;
	}
}
@media(min-width:980px){
	html {
		font-size:72%;
	}
	h1,.h1 {
		font-size:4.32vw;
	}	
	span.sous_titre {
		font-size:1.35vw;
	}

	.home h1,.home .h1 {
		font-size:4.5vw;
	}	/*
	.home h1 span.sous_titre {
		font-size:2.25vw;
	}*/
	.home h2, .home .h2 {
		font-size:3.76rem;
	}
	.home h2 + div,
	.home .h2 + div 	{
		margin-top:3.76rem;
	}
	.home h3,.home .h3,
	h2,.h2{
		font-size:2.51rem;
	}
	h2 + div,
	.h2 + div 	{
		margin-top:2.51rem;
	}	
	.home h4,
	h3, .h3,div.h3 p	{
		font-size:1.8rem; /*2.09 ???*/
	}
	.home p, .home main li {
		font-size:1.67rem;
		line-height:1.46;
	}
	body, p, main li {
		font-size:1.42rem;
		line-height:1.46;
	}
	blockquote p{
		font-size:1.42rem;
	}	
	.bloc-exergue-inte blockquote p{
		font-size:2.76rem;	
	}
	header li a {
		font-size:1rem;
	}
	footer li a {
		font-size:1rem;
	}
	.enorme {
		font-size:9vw;
	}
	
	a.bouton {
		font-size:1.32rem;
		padding:0.8em 6em 0.55em 0.9em;
	}
}
@media(min-width:1280px) and (max-width:1599px){

}


@media(min-width:1600px){

}

/*Polices couleurs*/
body{
	background:#f3f3f3;
	color:#282829;
}
.texte_entete,
.breadcrumb {

	color:white
}
.sombre,
.sombre .texte_entete,
.sombre .breadcrumb {

	color:#282829
}	
span.sous_titre {
	color:white;
	background: #e41b12;
}
a {
	color:inherit;
}
a.bouton,
.post-navigation .nav-links a{
	background-color:#e41b12;
	color:white;
}
.gras {
	font-weight:900;
}
.couleur,
.enorme-fond_rouge{
	color:#e41b12;
}
.fond_vert {
	background:#e1e9c9;
}
.fond_vert a.bouton {
	background-color:#a1d109!important;
}
.fond_vert .couleur,
.enorme-fond_vert	{
	color:#a1d109;
}
.fond_rouge {
	background:#e41b12;
	color:white;
}
.fond_noir{
	background:black;
	color:white;
}
.fond_beige {
	background:#e6d3bd;
}
.fond_blanc {
	background:white;
}
.bloc-exergue-inte * {
	color:white!important;
}




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

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    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);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[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-prev, .slick-next {
background-color:transparent;
  background-image:url('images/fleche-droite.png');
  border:none;
  border-radius: 0;
  width:32px;
  height:44px;
  position: absolute;
  top: 50%;
  color: white;
  transform: translate(0, -50%);
  font-size: 0;
  margin: 0;
  cursor:pointer;
  filter:grayscale(100%)
}
.slick-prev {
  left: -10px;
  right: auto;
  z-index: 2;
  background-image:url('images/fleche-gauche.png');
}
.slick-prev:hover, .slick-next:hover {
	filter:grayscale(0%);
}

@media (max-width: 1023px) {
  .slick-prev {
    left: 0;
  }
}

.slick-next {
  right: -10px;
}
@media (max-width: 1023px) {
  .slick-next {
    right: 0;
  }
}

.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding-left:0;
}
.slick-dots li {
  list-style-type: none;
  padding: 0;
  margin: 0 0.3rem;
}
.slick-dots li:before {
  display: none;
}
.slick-dots li button {
  background: white;
  height:15px;
  width:15px;
  padding:0;
  border-radius:50%;
  border:2px solid #585757;
  font-size: 0;
  cursor:pointer;
}
.slick-dots li.slick-active button {
  background: #e31516;
  border:2px solid #e31516;
}

span.surtitre {
	display:block;
}
p strong {
	font-weight:900;
}

blockquote p{
	text-align:center;
}
blockquote p:before,
blockquote p:after{
	font-size:inherit;
	color:inherit;
}
blockquote p:before{
	content:'«';

}
blockquote p:after{

	content:'»';

}

/*Boutons*/
@media(min-width:768px) {
	
	.post-navigation .nav-links {
	  display: flex;
	  justify-content: space-between;
	}
}
.pagination .nav-links {
  display: flex;
  justify-content: center;
 
}
.page-numbers {
	text-decoration:none;	
	font-size:1.67rem;
	padding:0 0.4em;
}

@media(max-width:979px) {
	.pagination .nav-links {
			padding-top:20px;
	}
	.page-numbers {
		text-decoration: none;
		font-size: 2.62rem;
	}
}
.page-numbers.current,
.page-numbers:hover {
	font-weight:800;
	color:#e41b12;
	
}
.next.page-numbers,
.prev.page-numbers {
	font-size:0;
	background-image:url('images/fleche-droite.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	width:16px;
	height:22px;	
	filter:grayscale(100%);
	margin:0 20px;
}
.prev.page-numbers {
	background-image:url('images/fleche-gauche.png');
}
	
a.bouton,
.post-navigation .nav-links a,
input[type="button"],
input[type="reset"],
input[type="submit"]{
	text-transform:uppercase;
	color:inherit;
	position:relative;
	display:inline-block;
	margin:1em 1em 1em 0;
	text-decoration:none;
	padding:0.7em 4em 0.55em 0.7em;
	border:none;
	transition:all 0.4s;	
	overflow:hidden;
	background-image:url('images/fleche-bouton.png');
	background-repeat:no-repeat;
	background-position: 90% center;
	background-color:#e41b12;
	color:white;
	position:relative;
	z-index:1;
}
.post-navigation .nav-links .nav-previous a {
	background-image:url('images/fleche-bouton-reverse.png');
	padding:0.7em 0.7em 0.55em 4em;
	text-align:right;
	background-position: 5% center;
}
a.bouton:hover{
}
a.bouton:after,
.post-navigation .nav-links a:after,
input[type="button"]:after,
input[type="reset"]:after,
input[type="submit"]:after  {
	content:'';
	background:#282829;
	height:100%;
	width:80%;
	transform:skew(10deg);
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	opacity:0.5;
	transform:skew(0deg) translateX(-100%);
	transition:all 0.4s;	
}
a.bouton:hover:after,
.post-navigation .nav-links a:hover:after,
input[type="button"]:hover:after,
input[type="reset"]:hover:after,
input[type="submit"]:hover:after {
	transform: skew(-15deg) translateX(-10%);
}
a.bouton:focus,
a.bouton:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	text-decoration: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	border-color: currentColor;
}
	



#scrollTop {
	position:absolute;
	bottom:20px;
	right:20px;
	z-index:2;
	color:inherit;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	text-decoration:none;
	font-weight:900;
}
#scrollArrows {
	background:url('images/scrollTop.png') no-repeat center;
	background-size:contain;
	width:18px;
	height:76px;
	margin-bottom:10px;
}
@media(min-width:980px) {
	#scrollTop {
		bottom:100px;
	}
}





/*boites zones structure elements */
main {
	padding-ottom:50px;
}
article {
	overflow:hidden;
	position:relative;
	z-index:1;
}
section {

}

/*wsp-container : sitemap*/

.container ,
.wsp-container{
	padding:15px;
	width:1000px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	
	
}
.pad0  {
	padding:0;
}
.padTop0 {
	padding-top:0;
}
.padBot0 {
	padding-bottom:0;
}
.youtube_player,
.vimeo_player {
	position:relative;
	z-index:0;
	height:0;
	padding-bottom:56%;
}
.youtube_player iframe,
.vimeo_player iframe{
	position:absolute;
	z-index:1;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
}

.allowYTA {
	display:flex;
	height:400px;
	justify-content:center;
	flex-direction:column;
	align-items:center;
	background:black;
	color:white;
}
.container,
.zone,
.entete {
	position:relative;
	overflow:hidden;
}
.flex-column {
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}
.between {
	justify-content:space-between;	
}
.flex-column.gauche {
	align-items:flex-start;
}
.flex-column.droit {
	align-items:flex-start;
}
.flex-row{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
}
.flex-just-start {
	justify-content:start;
}
.flex-wrap {
	flex-wrap:wrap;
}
.flex-full {
	justify-content:stretch;
}
.flex-start {
	align-items:flex-start;
}
.flex-row.bas {
	align-items:flex-end;
}	
.flex-row.haut {
	align-items:flex-start;
}
.flex-row.flex-gauche {
	justify-content:flex-start;
}
.flex-row.flex-droit {
	justify-content:flex-end;
}
.flex-centre {
	justify-content:center;
}
.flex-row.flex-stretch,
.flex-stretch {
	align-items:stretch;
}
.centre{
	text-align:center;
}
.bloc-texte-colonnes{

}
.flex-jcc {
	justify-content:center;
}	
.imgWAuto img{
	width:auto;
}	
.w-100 {
	width:100%;
}
.w1-6 {	
	width:calc(100% / 6 - 15px);
}
.w-25,
.w1-4 {
	width:calc(25% - 15px);
}
.w-30 {
	width:calc(30% - 15px);
}
.w1-3,
.w-33 {
	width:calc(100% / 3 - 15px);
}
.w-40 {
	width:calc(40% - 15px);
}
.w-50 {
	width:calc(50% - 15px);
}
.w-60 {
	width:calc(60% - 15px);
}
.w-66,
.w2-3{
	width:calc(200% / 3 - 15px);
}
.w-70 {
	width:calc(70% - 15px);
}
.w-75 {
	width:calc(75% - 15px);
}
.w1-2 {
	width:calc(50% - 15px);
}	
.real-25 {
	width:calc(25% - 15px);
}
.real-33 {
	width:calc(100% / 3 - 15px);
}	
.real-40 {
	width:calc(45% - 15px);
}
.real-50 {
	width:calc(50% - 15px);
}
.real-60 {
	width:calc(55% - 15px);
}
.real-66 {
	width:calc(200% /3 - 15px);
}	
.real-70 {
	width:calc(70% - 15px);
}
.real-75 {
	width:calc(75% - 15px);
}
.w-25,
.w1-4,
.w-30,
.w1-3,
.w-33,
.w-40,
.w-50,
.w-60,
.w-66,
.w2-3,
.w-70,
.w-75,
.w1-2,
.real-25,
.real-33,
.real-40,
.real-50,
.real-60,
.real-66,
.real-70,
.real-75 {
	margin-top:15px;
	margin-bottom:15px;
}
.flex-stretch > * {
	margin-top:0!important;
	margin-bottom:0!important;
}
@media(max-width:479px) {
	.xxs-w100 {
		width:100%;	
	}
}
@media(min-width:480px) and (max-width:639px) {

	.xs-w1-2  {
		width:calc(50% - 15px);	
	}
}

@media(min-width:640px) and (max-width:979px) {

	.sm-w1-3 {
		width:calc(100% / 3 - 15px);	
	}
}
@media(min-width:480px) and (max-width:767px) {

	.xsm-w1-2  {
		width:calc(50% - 15px);	
	}
}
@media(min-width:768px) and (max-width:1279px) {
	.m-w1-3 {
		width:calc(100% / 3 - 15px);	
	}
}
@media(min-width:480px) and (max-width:979px) {
	.sm-w1-2 {
		width:calc(50% - 15px);
	}
}

@media(max-width:639px) {
	.xs-w100 {
		width:100%;
	}
	.xs-block {
		display:block;
	}
	.xs-pad0 {
		padding:0;
	}
}
@media(max-width:979px) {
	.s-w100{
		width:100%;
	}
	.s-block {
		display:block;
	}
	.s-pad0 {
		padding:0;
	}
}
@media(max-width:1279px) {
	.m-w100{
		width:100%;
	}
	.m-block {
		display:block;
	}
	.m-pad0 {
		padding:0;
	}
}
@media(min-width:640px) {
	
}
@media(min-width:980px) {
	
}
@media(min-width:1280px) {
	
}
@media(min-width:1480px) {
	.boxed {
		max-width:100%;
		width:1480px;
		margin-left:auto;
		margin-right:auto;
	}
	#aLaUne .boxed ,
	#aLaCarte .boxed{
		width:1200px;
	}
}


/*
HOME
*/



/*
* Page de base
*/
.line {
	position:absolute;
	z-index:0;
	top:0;
	left:50%;
	height:100%;
	width:2px;
	background:#e7e7e7;	
}
.line.darker {
	background:#d7d7d7;		
}
#line0,
.line0{
	display:none;
	margin-left:-801px;
}
#line1,
.line1{
	margin-left:-401px;
	display:none;
}
#line2 ,
.line2{
	margin-left:-1px;
}
#line3,
.line3 {
	margin-left:399px;
	display:none;
}
#line4 ,
.line4{
	margin-left:799px;
	display:none;
}
section,
.entete{
	position:relative;
	z-index:1;
}


.breadcrumb {
	position:absolute;
	left:15px;
	top:15px;
	width:70%;
	z-index:3;
}
#breadcrumbs {
		margin:0;
}
.image_entete {
	position:absolute;
	z-index:1;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	overflow:hidden;
	background:#282829;
}
.image_entete:before {
	display:block;
	position:absolute;
	z-index:0;
	display:block;
	width:100%;
	height:100%;
	top:0;
	left:0;
	content:'';
	filter:invert(100%);
	background:#282829 url('images/trame.png') repeat;
}	
.image_entete img	 {
	position:absolute;
	z-index:1;
	left:50%;
	top:50%;
	transform:translate3d(-50%, -50%, 0);
	display:block;
	max-width:none;
	min-width:100%;
	width:auto;
	max-height:none;
	min-height:100%;
}
 .texte_entete {
	text-align:center;
	position:relative;
	z-index:2;
	color:white;
	top:0%;
	left:0%;
	width:100%;
	height:auto;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
	padding:100px 0px 85px 0px;
} 

.texte_entete:before{
	display: block;
	position: absolute;
	z-index: 0;
	width: 70vw;
	height: 70vw;
	border: 15vw solid white;
	border-radius: 50%;
	top: 100%;
	left: -31vw;
	transform: translateY(-50%);
	content: '';
	background: none;
	box-sizing: border-box;
	opacity: 0.2;

}
.texte_entete.tfi:before {

	transform: translate3d(30%,30%,0);
	transition:all 1.9s ease 0.6s;
}
.texte_entete.tfi.in-view:before {

	transform: translate3d(0, -50%,0);

}
/*.scrolled .texte_entete.tfi.in-view::before {
    left: 13vw;
    top: 0;
	transition: all 9s;
}*/
.enorme {
	line-height: 0.7;
	position: relative;
	top: 0.11em;
	display:inline-block;
	vertical-align:baseline;	
	width:100%;
	text-align:center;
	padding-left:20%
}

.section_intro .container:not(.padTop0) {
	padding-top:100px;
}

.flechesH {
	position:absolute;
	top:69px;
	left:15px;
	z-index:0;
	width:110px;
	height:35px;
	background:url('images/3-fleches.png') repeat center left;
	background-size:contain;
	 -webkit-animation: 2.5s linear 0s infinite rotateX;
          animation: 2.5s linear 0s infinite rotateX;
}
@-webkit-keyframes rotateX { 
	0% { -webkit-transform:translateX(0px);opacity:0; } 
	20% { opacity:1;}
	50% { opacity:1;}
	100% { -webkit-transform:translateX(100px); opacity:0;}  
}
@keyframes rotateX { 
	0% { transform:translateX(0px);opacity:0;}
	20% { opacity:1;}
	50% { opacity:1;}
	100% { transform:translateX(100px);opacity:0; }  
}
@media(max-width:1279px) {
	.avecMotCle .flechesH {
		top:4vw;	
	}
}
@media(max-width:639px) {
	.avecMotCle .flechesH {
		top:12px;	
	}
}
.container.bloc-texte-colonnes {
	padding:65px 15px;
}
.fond .container {
	padding:65px 15px 52px 15px;
}
.bloc-texte-image.container {
    padding: 65px 15px 52px 15px;
}
.bloc {
	position:relative;
	overflow:hidden;
}
.bloc-exergue-fond {
	margin-top:68px;
	margin-bottom:68px;
	box-shadow:0 0 25px rgba(0,0,0,0.32);
}
.bloc-exergue-centre {
	overflow:hidden;
}
.bloc-exergue-centre .exergue--texte {
	padding-top:6vw;
	padding-bottom:6vw;
}	
.under {
	position:absolute;
	z-index:0;
	overflow:hidden;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.under img {
   display:block;
   min-width: 100%;
    min-height: 100%;
    max-width: none;
	object-fit:cover;
}
.over {
	position:relative;
	z-index:0;
	overflow:hidden;	
	background:rgba(0,0,0,0.5);
}

.fond_trame {
	background:url('images/trame.png') repeat top left;
	
}
section.fond_trame {
	background-attachment:fixed;
	 -webkit-animation: 25s linear 0s infinite backgroundMove;
          animation: 25s linear 0s infinite backgroundMove;
}
@-webkit-keyframes backgroundMove { 
	0% { background-position:0% 0% } 
	100% { background-position:0% -600px}}  
}
@keyframes backgroundMove { 
	0% { background-position:0% 0% } 
	100% { background-position:0% -600px}  
}

@media(max-width:979px) {
	.fond_trame {
		background-size:150px;
	}
}

.cover {
	position:relative;
}

.cover img {
	display:block;
	object-fit:cover;
}
.radius {
	border-radius:50%;
	overflow:hidden;
}

.shadow {
		box-shadow:0 0 25px rgba(0,0,0,0.3);
}
.soft-shadow  {
	box-shadow:0 0 17px rgba(0,0,0,0.1);
}
.smooth-shadow  {
	box-shadow:0 0 8px rgba(0,0,0,0.1);
}

.diaporama .slick-track {
    display: flex;
    align-items: stretch;
}
.diaporama .slick-track .slick-slide {
	float:none;
	height:auto;
	background:#282829;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	cursor:grab;
}
.diaporama .slide {
  position: relative;
}

.diaporama .diapo-texte {
  padding: 15px;
  background: #282829;
  color: white;
}
.diaporama .diapo-texte h3,
.diapo-texte p {
    margin: 0;
}

.deborde {
	max-width:none;
}


.section_texte_colonnes {
	position:relative;
	overflow:visible;
	z-index:1;
}
.section_texte_colonnes + section {
	position:relative;
	z-index:2;
}
.section_texte_colonnes .flechesV {
	width:315px;
	height:744px;
	position:absolute;
	left:15px;
	top:50px;
	z-index:0;
	background:url('images/fleches-2-col.png') no-repeat center;
	background-size:contain;
	 -webkit-animation: 2.5s linear 0s infinite translateY;
          animation: 2.5s linear 0s infinite translateY;
}
@-webkit-keyframes translateY { 
	0% { -webkit-transform:translateY(0px);opacity:0; } 
	20% { opacity:1;}
	50% { opacity:1;}
	100% { -webkit-transform:translateY(100px); opacity:0;}  
}
@keyframes translateY { 
	0% { transform:translateY(0px);opacity:0;}
	20% { opacity:1;}
	50% { opacity:1;}
	100% { transform:translateY(100px);opacity:0; }  
}


.bloc-texte-colonnes ul,
.centre ul {
   margin-left:0 
}
.bloc-texte-colonnes li,
.centre li {
  list-style-type: initial;
  margin:1em 0
}

.fond .partie_image .item {
	border-radius:50%;
	overflow:hidden;
	box-shadow:0 0 15px rgba(0,0,0,0.17);
	width:280px;
	height:280px;
	margin-left:auto;
	margin-right:auto;
}
.fond .partie_image .item img{
    display: block;
    min-height: 100%;
    min-width: 100%;
    max-width: none;
    object-fit: cover;
}
@media(min-width:480px) {
	.fond .partie_image .item {
		width:470px;
		height:470px;
	}		
}

.bloc-grille-images .boite_verbatim{
    width: 300px;
    margin-bottom: 15px!important;
    margin-left: auto;
    margin-right: auto;
}
.verbatim {
	padding:15px;
}
.section_chiffres {
	padding:80px 15px 90px 15px;	
	background:url('images/fond_chiffres.jpg') no-repeat fixed center;
	background-size:cover;
}
.bloc_chiffres {
	width:1376px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;	
}
.bloc_chiffres > h2 {
	margin-bottom:15px;
	margin-left:10px;
}
.entour_chiffres_et_point  {
	position:relative;
	padding:1px 13px;
}
	.entour_chiffres_et_point  .chiffres_cles {
		padding-bottom:20px;
		border-bottom:3px solid;
		border-left:3px solid;
		border-radius:0 0 0 20px;
		padding:20px;
	}
	.entour_chiffres_et_point .point{
		position:absolute;
		bottom:0px;
		right:0px;
		z-index:1;
		width:5px;
		height:5px;
		border-radius:50%;
		background:#282829;
		display:block;
	}
.chiffre {
	text-align:center;
	margin-bottom:30px;
}
.gros_chiffre {
	font-size:4.5rem;
	font-weight:900;
}
.chiffre h3 {
	margin:0;
}

.section_chiffres  .chiffre .image-diapo.shadow.cover.radius {
    width: 100px;
    height: 100px;
    background: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.section_equipe {
	background:rgb(228,27,18);
}
.section_equipe .under img{
	opacity:0.15;
}
.section_equipe .over {
		color:white;
		text-align:center;
		padding:55px 5px 70px 15px;
		background:rgba(228,27,18,0.3);
}
.section_equipe h2, 
.section_equipe .h2{
	font-family: 'm_s_b_regular', script;
	line-height: 1.3;
	font-weight: normal;
}
.membres {
	justify-content:space-around;
}

.membre {
	width:240px;
	padding:30px 10px;
}
.membre h3 ,
.membre .h3  {
	margin-bottom:0;
}
.membre,
.image_et_texte .bloc.pas_de_fond {
	position:relative;
	z-index:1;
}

.image_et_texte .bloc.pas_de_fond:before,
.image_et_texte .bloc.pas_de_fond:after,
.membre:after,
.membre:before{
	position:absolute;
	z-index:-1;
	transform:translate3d(-50%,-50%,0);
	border-radius:50%;
	border:2px solid;
	content:"";
}
.membre:after,
.membre:before{
	top:80px;
	left:80px;
	width:160px;
	height:160px;
	border:2px solid white;
	opacity:0.6;
}
.membre:before{
	width:100px;
	height:100px;
}
.image_et_texte .bloc.pas_de_fond:before,
.image_et_texte .bloc.pas_de_fond:after {
	top:280px;
	left:400px;
	margin-left:50%;
	width:400px;
	height:400px;
	border:2px solid #e41b12;
	opacity:0.6;
}

.personnes_contact.membre:before,
.personnes_contact.membre:after,
.red_membre.membre:before,
.red_membre.membre:after {
	border:2px solid #e41b12;
	opacity:0.6;	
}

@media(max-width:979px) {
	.image_et_texte .bloc.pas_de_fond:before,
	.image_et_texte .bloc.pas_de_fond:after {
		top:calc(100% - (9vw / 16));
		z-index:1;
		left:25%;
	}	
}
.image_et_texte .bloc.pas_de_fond.gauche:before,
.image_et_texte .bloc.pas_de_fond.gauche:after {
	margin-left:-50%;	
}
.image_et_texte .bloc.pas_de_fond:after {
		 -webkit-animation: 7s linear 0.5ss infinite alternate scaleDown;
          animation: 7s linear -0.5s infinite alternate scaleDown;
}
@-webkit-keyframes scaleDown { 
	0% { -webkit-transform:translate3d(-50%,-50%,0) scale(100%);opacity:0; } 
	60% { opacity:1;}

	100% { -webkit-transform:translate3d(-50%,-50%,0) scale(90%); opacity:0;}  
}
@keyframes scaleDown { 
	0% { transform:translate3d(-50%,-50%,0) scale(100%);opacity:0;}
	60% { opacity:1;}
	100% { transform:translate3d(-50%,-50%,0) scale(90%);opacity:0; }  
}

.image_et_texte .bloc.pas_de_fond:before{
	/*
	*width:250px;
	*height:250px;
	*modifier si anima pour scale
	*/
	width:300px;
	height:300px;
	 -webkit-animation: 2.5s linear 0s infinite scale;
          animation: 2.5s linear 0s infinite scale;
}
@-webkit-keyframes scale { 
	0% { -webkit-transform:translate3d(-50%,-50%,0) scale(60%);opacity:0; } 
	60% { opacity:1;}
	80% { opacity:1;}
	100% { -webkit-transform:translate3d(-50%,-50%,0) scale(100%); opacity:0;}  
}
@keyframes scale { 
	0% { transform:translate3d(-50%,-50%,0) scale(60%);opacity:0;}
	60% { opacity:1;}
	80% { opacity:1;}
	100% { transform:translate3d(-50%,-50%,0) scale(100%);opacity:0; }  
}
.glissiere-item {
	padding:22px 35px;
	margin-bottom:15px;
}
.glissiere-item h3.titre {
	padding:1em 50px 1em 0;
	margin:0;
	border-bottom:2px solid;
	position:relative;
	transition:all 0.3s;
	cursor:pointer;
		
}
.glissiere-item h3.titre.ui-accordion-header-collapsed{
	border-bottom:2px solid white;
}
.glissiere-item h3.titre:after {
	content:'';
	position:absolute;
	display:block;
	z-index:1;
	filter:grayscale(100%);
	right:20px;
	top:50%;
	background:url('images/fleche-gauche.png') no-repeat center;
	width:32px;
	height:44px;
	transform-origin:center;
	transform:translateY(-50%) rotate(90deg);	
	transition:all 0.3s;
}
.glissiere-item h3.titre.ui-accordion-header-collapsed:after  {
	transform:translateY(-50%) rotate(-90deg);
}
.section_historique {
	overflow:hidden;
}	
.section_historique .view-histo {
	width:230px;
	overflow:visible;
}

.section_historique .slick-list {
		overflow:visible;
		cursor:grab;
		min-height:537px;
}
.historique .slick-track {
	position:relative;
	height:100%;
}
.historique .slick-track:after {
	background:#282829;
	height:4px;
	width:calc(100% - 320px);
	content:"";
	position:absolute;
	top:120px;
	left:220px;
	z-index:-1;
	display:block;
}

.section_historique .date {
	width:230px;
}
.section_historique .slick-slide,
.section_historique .slick-slide:not(.slick-current) .diapo-texte ,
.section_historique .slick-slide .image-diapo {
	transition:all 0.3s;
}		
.section_historique .slick-slide:not(.slick-current)  {
	transform: translateY(13%) scale(0.5);
	transform-origin:top;
}
.historique .diapo-texte {
    transform: translateX(-50%);
    max-width: none;
    left: 50%;
    position: relative;
}
.section_historique .slick-slide:not(.slick-current) {
		z-index:2;
}
.gros_chiffre  {
	margin-top:1em;
}
.section_historique .slick-slide:not(.slick-current) .diapo-texte > * {
	opacity:0;
}
.section_historique .slick-slide:not(.slick-current) .diapo-texte > .gros_chiffre {
	opacity:1;
	/*font-size:1.67rem;*/
}	
.historique .slick-prev,.historique  .slick-next {
    background-image: none;
    width: 100%;
    height: 100%;
	top:0;
    transform: translate(0, 0%);

}
.historique .slick-prev {
	left:-100%;
}
.historique .slick-next {
	right:-100%;
}

/***
ACTUALITES
***/
.actualites .section_intro .container {
    width: 768px;
	max-width:100%
}

.actualites .section_intro .flechesH {
	display:none;
}
.elem_publi_actu ul {
	margin:0;
	padding:0;
	font-weight:800;
	list-style-type:none;
	display:flex;
}
.elem_publi_actu ul li {
	list-style-type:none;	
	font-weight:800;
}


.container.en-avant {
	padding-top:0;
}
.en_avant_texte  h2 a {
	text-decoration:none;
}
.en_avant_texte  h2 a :hover {
	text-decoration:underline;
}
.en_avant_texte  h2 + div {
	margin-bottom:0;
}

a.actu--img img {

	display:block;
	width:100%;

}
@media(min-width:980px) {
	a.actu--img {
		display:block;
		position:relative;
		overflow:hidden;
	}
	a.actu--img img {
		position:relative;
		display:block;
		top:0;
		left:50%;
		min-width:100%;
		height:100%;
		width:auto;
		max-width:none;
		transform:translateX(-50%);
		z-index:1;
	}	
}
.en_avant_texte {
	padding:4rem 4rem 4rem 3rem;
}


/**Teasers**/
.actus + .actus {
	margin-top:30px;
}
@media(max-width:767px) {
	.actus {
		display:block;
	}
	.actus .vertical-teaser {
		width:640px!important;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		margin-top:15px!important;
	}	
	.vertical-teaser a.actu--img {
		height:auto!important;
	}
}
@media(min-width:768px) and (max-width:979px) {
	
	.actus .vertical-teaser {
		width: 32%;
		margin-left: auto;
		margin-right: auto;
	}
	.actus .vertical-teaser h3  {
		font-size: 1.51rem;
	}
	.actus .vertical-teaser p  {
		font-size: 1.32rem;
	}
}
.vertical-teaser a.actu--img {
	width: 100%;
	height: auto;
}
.vertical-teaser  a.actu--img img {
	width:100%;
	height:auto;
}
@media(min-width:768px){
	.vertical-teaser .img_tag_cat {
		min-height:242px;
	}
	.vertical-teaser a.actu--img {
		display:block;
		position:relative;
		overflow:hidden;
		width: 100%;
		height: 190px;
	}
	.vertical-teaser  a.actu--img img {
		position:relative;
		top:0;
		left:50%;
		min-width:100%;
		height:100%;
		width:auto;
		max-width:none;
		transform:translateX(-50%);
		z-index:1;
	}
}

@media(max-width:979px) {
	#aLaUne {
		width: 640px;
		margin-left: auto;
		margin-right: auto;
		max-width: 100%;
		padding: 15px;
	}

}




.w-100.actu--texte {
	padding: 0px 26px 28px 26px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.teaser_tags,
.teaser_categories {
	padding:0;
	margin:0;	
}
.teaser_tags {
    margin-top: -1.6em;
    list-style-type: none;
    padding-left: 26px;
    position: relative;
    z-index: 1;
}
.teaser_tags li a {
	display:inline-block;
	color:white;
	background:#e41b12;
	padding:6px 4px 3px 5px;
	margin-right:5px;
	line-height: 1rem;
	text-decoration:none;
}
.teaser_categories {
	padding:10px 26px 0 26px;
}
.teaser_categories li {
  list-style-type:none;
}
.teaser_categories li a{
	color:#e41b12;
	font-weight:900;
	padding:12px 19px 2px 21px;
	background: url('images/pin.png') no-repeat 2px center;
	margin-right:5px;
	text-align:left;
	text-decoration:none;
}

.stripper {
}
.actus .k-actu h3 a {
	text-decoration:none;
}
.actus .k-actu h3 a:hover {
	text-decoration:underline;
}


.bouton_teaser, .un_metier .bouton {
	color:#e41b12;
	font-weight:300;
	text-decoration:none;
	display:block;
	text-transform:uppercase;
	overflow:hidden;
	margin-top:2rem;
	padding:0.7em  27pxpx calc(0.7em - 1px) 0;
	background:url('images/bouton_teaser.png') no-repeat center right;
	border-bottom:1px solid;
	transition:all 0.3s;
	position:relative;
}
.bouton_teaser:after, .un_metier .bouton:after {
	transition:all 0.3s ;
	content:'';
	display:block;
	position:absolute;
	z-index:0;
	top:0;
	left:100%;
	width:24px;
	height:100%;
	background:url('images/bouton_teaser.png') repeat-x center right;
	background-size:8px 11px;
	opacity:0;
	transform:translateX(100%);
}
.bouton_teaser:hover:after, 
.un_metier .bouton:hover:after{
	transform:translateX(-100%);
	opacity:1;
}


/*actu full*/

.actualite .section_intro .container,
.actualite section .container.bloc-texte-simple{
	width:767px;
	max-width:100%;
}

.cat_in_head {
	display:block;
}
.cat_in_head .teaser_categories {
	padding:0;
}


/*utilisé ???*/
span.small,li.small a {
	text-decoration:none;
	font-size:1.4rem;
	line-height:1rem;
	display:block;
	font-weight:500;
}


/*Formulaires*/

input[type="text"], 
input[type="password"], 
input[type="email"], 
input[type="url"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="week"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
select,
textarea {
	border-radius: 0;
	border: 1px solid #9B9B9B;
	background: white;
	color: grey;
	width: 100%;
	padding: 0.7em;
	max-width:100%;
}

/***
CONTACT
***/
/**
formulaire en page édito
**/
.container-768 {
	width:768px;
	margin:0 auto;
	max-width:100%;
}
label {
	font-weight:300;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
      align-items: center;

}
label.align-top {
	align-items:flex-start;
}
.container-768 label  br ,
.formulaire-un-colonne label + br{
  display: none;
}
.wpcf7-form-control-wrap{
  display: inline-block;
  width: 190px;
  margin-left: 10px;
}
.submit_line  {
	padding-top:20px;
}
.submit_line input{
	margin:0!important;
  width: 190px;
}
.pcf7-form-control.wpcf7-checkbox {
	margin:1em 0!important;
}

@media(min-width:480px) and (max-width:980px){
	.une_col_form {
		width:480px;
		margin-left:auto;
		margin-right:auto;
	}
	.une_col_form .wpcf7-form-control-wrap {
		width:75%;
	}
	.une_col_form label{
		margin-top:5px;
	}
}


@media(min-width:640px) {
.wpcf7-form-control-wrap,
	.submit_line input{
	  width: 257px;
	}	
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap textarea {
	width:100%;
}
.container-768  textarea {
	height:100%;
}
.container-768 label,
.formulaire-un-colonne label{
	margin-bottom:10px;
}
.container-768 label:last-child {
	margin-bottom:0;
}	
.container-768 label + br {
	display:none;
}	
.page_contact .section_intro .container {
    width: 768px;
}
.page_contact .section_intro .flechesH {
	display:none;
}
.grow{
	flex-grow:1;
}

/*page contact*/

.section_carte .carte #map {
	overflow:hidden;
	height:100%!important;
}
.section_carte .carte #map .mapboxgl-canvas-container {
	height:100%!important;
}
#adresses {
	padding:25px
}
 #adresse {
	padding:0 0 25px 0;
}
#tefFax {
	padding:25px 0;
}
#horaires_jours {
	padding-top:25px;
}
#adresses > div:first-child *:first-child {
	margin-top:0;
}

#tefFax, #horaires_jours {
	border-top:1px solid #9B9B9B;
}
#titreHoraire {
margin-bottom:0.5em;
}
.jour {
	text-align:right;
}
.jour,.horaire {
	margin-bottom:0!important;
	margin-top:0!important;
	width:50%!important;
}
#tel,
.telTeaserAgence{
	font-weight:900;
	font-size:2.3rem;
}
#tel,#fax {
	margin:0;
}
.section_intro.intro_contact .container.bigPad {
	padding-top:40px!important;
	padding-bottom:40px;

}
.section_formulaire {
	padding-top:50px;
}
.section_formulaire .container {
	width:768px;
	max-width:100%;
}
@media(max-width:979px) {
	.section_formulaire .container {
		width:460px;
		max-width:100%;
	}
	.carte {
		height:300px;
	}
}
.personnes_contact  {
	margin:50px auto;
}
.submit_line {
	display:flex;
	align-items:flex-end;
	flex-direction:column;
}
.submit_line input {
	
}

.wpcf7-form-control-wrap.rgpd {
    width: 100%;
}
.wpcf7-checkbox .wpcf7-list-item {
    display: flex;
    align-items: center;
	margin: 1em 0 !important;
}
.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
	width:calc(100% - 45px);
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	
  input[type=checkbox],
	input[type=radio] {
    --active: #e41b12;
--active-inner: #fff;
--focus: 1px white;
--border: rgba(0,0,0,0);
--border-hover: rgba(0,0,0,0);
--background: #282829;
--disabled: #282829;
--disabled-inner: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  input[type=checkbox]:after,
input[type=radio]:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
  }
  input[type=checkbox]:checked,
input[type=radio]:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: 0.3s;
    --d-t: 0.6s;
    --d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
  }
  input[type=checkbox]:disabled,
input[type=radio]:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: 0.9;
  }
  input[type=checkbox]:disabled:checked,
input[type=radio]:disabled:checked {
    --b: var(--disabled-inner);
    --bc: var(--border);
  }
  input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label {
    cursor: not-allowed;
  }
  input[type=checkbox]:hover:not(:checked):not(:disabled),
input[type=radio]:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
  input[type=checkbox]:focus,
input[type=radio]:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  .my_check:not(.switch) input[type=checkbox],
  input[type=checkbox]:not(.switch),
input[type=radio]:not(.switch) {
    width: 21px;
  }
  .my_check:not(.switch) input[type=checkbox]:checked,
  input[type=checkbox]:not(.switch):checked,
input[type=radio]:not(.switch):checked {
    --o: 1;
  } /* 
  .my_check:not(.switch) input[type=checkbox]:after,
  input[type=checkbox]:not(.switch):after,
	input[type=radio]:not(.switch):after {
    opacity: var(--o, 0);
  }*/

  input[type=checkbox] + label,
	input[type=radio] + label {
    font-size: 14px;
    line-height: 21px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }
	.my_check:not(.switch) input[type=checkbox],
  input[type=checkbox]:not(.switch) {
    border-radius: 7px;
  }
  .my_check:not(.switch) input[type=checkbox]:after,
  input[type=checkbox]:not(.switch):after {
    width: 5px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 7px;
    top: 4px;
    transform: rotate(var(--r, 20deg));
  }
  .my_check:not(.switch) input[type=checkbox]:checked,
  input[type=checkbox]:not(.switch):checked {
    --r: 43deg;
  }
  .my_check.switch input[type=checkbox],
  input[type=checkbox].switch {
    width: 38px;
    border-radius: 11px;
  }
  .my_check.switch input[type=checkbox]:after,
  input[type=checkbox].switch:after {
    left: 1px;
    top: 1px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    /*background: var(--ab, var(--border));*/
	background:white;
    transform: translateX(var(--x, 0));
  }
  .my_check.switch input[type=checkbox]:checked,
  input[type=checkbox].switch:checked {
    --ab: var(--active-inner);
    --x: 17px;
  }
  .my_check.switch input[type=checkbox]:disabled:not(:checked):after,
  input[type=checkbox].switch:disabled:not(:checked):after {
    opacity: 0.6;
  }

  input[type=radio] {
    border-radius: 50%;
  }
  input[type=radio]:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background: var(--active-inner);
    opacity: 0;
    transform: scale(var(--s, 0.7));
  }
  input[type=radio]:checked {
    --s: 0.5;
  }
}



/*Agence*/

.m10shad ,.horizontal-teaser{
		margin:10px;
		box-shadow:0 0 7px rgba(0,0,0,0.3)
}

.departement {
	font-size:7rem;
	font-weight:100;
	display:block;
}
#au_sous_titre  {
	margin-top:-85px;
}
@media(min-width:1280px) {
	#au_sous_titre .sous_titre {
		position:relative;
		left:50%;
		margin-left:-485px;
	}
}
#au_sous_titre  .boxed{

}
#au_sous_titre .sous_titre {
	margin-bottom:1em;
}

.single-agences .diaporama {
	padding:0 47px;
}
.single-agences .diaporama .slick-dots {
	display:none!important;
}

.container.actu_agence {
	padding-bottom:50px;
}
.horizontal-teaser {
	display:none;
}

.carte_grise {
	background:#282829 url('images/carte-grise.png') no-repeat 15px center;
	color:white;
	padding:25px 25px 25px 60px;
}
.carte_grise h3 {
	margin:0;
}
#adressesAgence  {
	padding:25px;
}

.personne_agence {
	padding:50px 0;
}
.personne_agence .container {
	width:800px;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}
.personne_agence a.bouton {
	font-size:1.42rem;
}
#equipe_agence .sous_titre {
	position:relative;
	transform:translateY(50%);
	z-index:1;
}

.col-to-in-row {
	flex-grow:1;
	margin-left:15px;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	justify-content:center;
}

#missions_agence .container {
	padding:25px;
}
.mission_wrapper {
	position:relative;
	
}
.mission {
	margin-bottom:15px;
}


.picto_mission {
	position:absolute;
	left:0px;
	top:75px;
	transform:translateX(-50%);
	z-index:2;
	background:#282829;
	height:35px;
	width:35px;
	
}
@media(max-width:639px) {
	.mission {
		margin-top:50px;
	}
	.picto_mission {
		position:absolute;
		left:20px;
		top:-25px;
		transform:none;
		z-index:2;
		background:#282829;
		height:50px;
		width:50px;
		
	}	
	.titre_mission {
		padding: 20px 20px 0 20px;
	}
}


.picto_mission  img {
	max-width:60%;
}


.titre_mission,
.texte_mission {
	width:100%;

}
.titre_mission {
	padding:20px 20px  0 40px;
}
.texte_mission:not(.pad0) {
	padding:20px;
}
.texte_mission.pad0 {
	padding:0;
}
.texte_mission.pad0 img {
	display:block;
}


/*Page des agences*/
.page-template-agences .entete {
	overflow:visible;
	padding-bottom:20px;
}
.page_des_agences .sous_titre {
		background:white;
		color:#282829;
}
.page_des_agences .clair .sous_titre {
		background:#282829;
		color:white;
}
#carte_ronde {
	position: relative;
	z-index: 2;
	width: 456px;
	max-width: 80%;
	margin: -80px auto 20px auto;
}

#map.map-agences {
    height: 900px;
    overflow: visible;
}
@media(max-width:979px) {
	#map.map-agences {
		height: 60vh;
	}		
}
.map-agences .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
	top: -30px;
	margin: 0;
	position: relative;
	box-shadow: none;
	border: none;
	border-radius: 0;
	box-shadow: 0 0 7px rgba(0,0,0,0.1);
	right: 10px;
}
.map-agences .mapboxgl-ctrl-geocoder.mapboxgl-ctrl:after  {
	content: "OK";
	color: white;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0px;
	top: 0px;
	height: calc(100% - 0px);
	background: #e41b12;
	z-index: 1;
	pointer-events: none;
	position: absolute;
	width: 4rem;
	transition:all 0.4s;
}
.map-agences .mapboxgl-ctrl-geocoder.mapboxgl-ctrl:hover:after {
	transform:translateX(100%);
	opacity:0;
}
.map-agences .mapboxgl-ctrl-geocoder.mapboxgl-ctrl .mapboxgl-ctrl-geocoder--input {
	height:auto;
	padding:1.3rem 4rem 1.3rem 1.3rem;
	font-size:1.42rem;
	border:none;
	box-shadow:0 0 7px rgba(0,0,0,0.1);
}	
.map-agences .mapboxgl-ctrl-geocoder.mapboxgl-ctrl .mapboxgl-ctrl-geocoder--icon-search {
	display:none;
}
.w1600{
	width:1660px;
	margin:0 auto;
	max-width:100%;
	
}
.fond_bois {
	background:url('images/fond_chiffres.jpg') no-repeat center;
	background-size:cover;
}
.page-template-agences .fond_bois {
	margin-top:140px;
	overflow:visible;
}
.page-template-agences .w1600{
	top:-120px;
	position:relative;
}
.colonne-map.sm-w100.w1-2 {
    margin-top: -50px;
}
.colonne-agences {
	padding:30px;
}
.deuxAgences {
	width:595px;
	max-width:100%;
	margin:15px auto 15px 0px;
}
.colonne-agences .navigation {
	width:595px;
	max-width:100%;		
}
.teaser-agence {
	width:290px;
	max-width:100%;
}
.teaser-agence  a.actu--img {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 190px;
}
.teaser-agence  h3 a {
	text-decoration:none;
}
.teaser-agence  .actu--texte,
.teaser-agence  .stripper {
}
.colonne-map .mapboxgl-map {
    font: inherit;
}
.colonne-map .mapboxgl-popup-content p {
	margin-top:0.5em;
}
.colonne-map .mapboxgl-popup-content {
	padding:0;
}
.colonne-map .actu--texte {
	padding:15px;
}
.colonne-map .actu--texte h3 {
	margin-top:0;
}
.colonne-map .telTeaserAgence {
	font-size:18px!important
}
.aHide a{
	display:none;
}
.plus {
	position: relative;
	left: 0;
	top: 0;
	z-index: 2;
	background: white;
	transform: translate3d(0, 3rem,0);
	height: 6rem;
	width: 6rem;
	margin-top: -6rem;
	margin-bottom: 3rem;
	transition:all 0.3s;
}
.plus:hover {
	box-shadow:0 0  0 15px #e41b12;
}
.plus a {
	display:block;
	height:100%;
	width:100%;
	font-weight:100;
	font-size:0;
	position:relative;
}
.plus a:after,
.plus a:before {
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	transform:translate3d(-50%,-50%,0);
	z-index:2;
	content:"";
	background:#282829;
	width:50%;
	height:2px;
}	
.plus a:before {
	transform:translate3d(-50%,-50%,0) rotate(90deg);	
}
@media(max-width:639px) {
	.colonne-agences {
		padding:15px;
	}
	.deuxAgences {
		flex-direction: column;
		align-items: center !important;
	}
	.teaser-agence {
		margin-bottom: 15px !important;
	}
}
@media(min-width:480px) and (max-width:979px) {
	.teaser-agence {
		margin:15px 15px 0 15px !important;
	}
}

@media(max-width:979px) {
	.colonne-map.s-w100.w1-2 {
		padding: 25px 9vw;
	}
	.deuxAgences {
		align-items: center !important;
		justify-content: center;
		margin: 15px auto;
		width: 640px;
		max-width:100%;
	}
	

}
@media(min-width:980px) and (max-width:1199px) {
	.w1600 {
		justify-content:center;
	}
	.colonne-agences {
		width:620px;
		padding:15px;
		margin-left:0;
		margin-right:0;
	}	
	.colonne-map {
		width:360px;
		padding:15px;margin-left:0;
		margin-right:0;
	}
}
@media(min-width:1200px) and (max-width:1449px) {
	.w1600 {
		justify-content:center;
	}
	.colonne-agences {
		width:585px;
		padding:15px;
		margin-left:0;
		margin-right:0;
	}	
	.deuxAgences {
		width:555px;
	}
	.teaser-agence {
		width:270px;

	}
	.colonne-map {
		width:45%;
		padding:15px;
		margin-left:0;
		margin-right:0;
	}
}


@media(min-width:640px) {
	.section_historique .view-histo {
		position:relative;
		left:50%;
		transform:translateX(-50%);
	}
	.section_historique .view-histo {
		width:290px;
	}
	.section_historique .date {
		width:290px;
	}
	.historique .slick-track:after {
		width:calc(100% - 440px);
		top:150px;
	}
	#missions_agence .container {
		padding:50px;
	}
	.titre_mission {
		padding:50px 0 50px 50px;
	}
	.titre_mission,
	.texte_mission {
		width:50%;

	}
	.titre_mission {
		padding:20px 0px 20px 40px;
	}
	.texte_mission:not(.pad0) {
		padding:20px 10px ;
	}
	.picto_mission {
		height:50px;
		width:50px;
	}
}
@media(min-width:768px) {
	.historique .diapo-texte {
		width: 660px;
	}
}
@media(min-width:800px) {
	#line1,#line3,.line1,.line3 {
		display:block;
	}
}


@media(min-width:980px) {
	/*.w-25,.w-30,.w-33,.w-40,.w-50,.w-60,.w-66,.w-70,.w-75,.w1-2,.w1-3,.w1-4,.w2-3.w3-4 {
		padding-left:15px;
		padding-right:15px;
	}*/
	.diaporama {
		width: 1000px;
		padding: 0 47px;
		max-width: 100%;
	}
	.diaporama .diapo-texte {
		transition:all 0.4s;
		position: absolute;
		z-index:1;
		bottom: 0;
		background:rgba(0,0,0,0.8);
		left: 0;
		width: 100%;
		transform:translateY(100%);
		opacity:0
	}
	.diaporama .slide:hover .diapo-texte {
		transform:translateY(0%);
		opacity:1;
	}
	#aLaUne,#aLaCarte, #au_sous_titre{
		margin-top: -50px;
	}
	#aLaUne .boxed{
		box-shadow:0 0 7px rgba(0,0,0,0.1);
	}
	#adresses {
		align-items:start;
		justify-content:center;
		padding:25px;
	}
	.telTeaserAgence,
	#tel {
		font-size:1.9rem;
	}
	#au_sous_titre .sous_titre {
		position:relative;
		z-index:2;
		transform:translateY(50%);
		margin-bottom:0;
	}
	#aLaCarteAgence .container {
		padding: 0 !important;
	}
	#aLaCarte .container{
		padding:0!important;
	}
	.col-to-in-row {
		width:auto;
		flex-direction:row;
		align-items:center;
		justify-content:space-between;
	}
	.legende_contact_agence *:first-child {
		margin-top:0!important;
	}
	#aLaCarteAgence  .carte {
		width:60%!important;
	}
	#aLaCarteAgence  #identite_agence {
		width:40%!important;
	}

	.mission.flex-start.flex-wrap {
		flex-wrap:nowrap;
		align-items:center;
	}
	.texte_mission:not(.pad0) {
		padding:50px 50px 50px 0px ;
	}
	.titre_mission {
		padding:0 10px 0 0;
		width:30%;
	}
	.texte_mission {
		width:70%;
	}
	.titre_mission .h3,
	.titre_mission .h3 *:first-child{
		margin:0!important;
	}
	.picto_mission {
		position:relative;
		z-index:2;
		top:0;
		left:0;
		height:75px;
		width:75px;
	}
	.mission.flex-start.flex-wrap.mission_avec_image {
		align-items:flex-start;
	}
	.mission.flex-start.flex-wrap.mission_avec_image .picto_mission {
			top:100px;
			position:relative;
			transform:translate3d(-50%,-50%,0)
	}
	.mission.flex-start.flex-wrap.mission_avec_image .titre_mission  {
			top:100px;
			position:relative;
			transform:translateY(-50%)
	}	
	.personne_agence,
	.mission.flex-start.flex-wrap:not(.mission_avec_image),
	#aLaCarteAgence	{
		position:relative;
	}
	.mission_wrapper:first-child .mission.flex-start.flex-wrap:not(.mission_avec_image):before,
	.mission.flex-start.flex-wrap:not(.mission_avec_image):after	{
		position:absolute;
		z-index:1;
		width:4px;
		background:#282829;
		left:-2px;
		top:0%;
		transform:translateY(50%);
		height:calc(100% + 90px);
		content:'';
	}
	.mission_wrapper:first-child .mission.flex-start.flex-wrap:not(.mission_avec_image):before {
		transform:translateY(-50%);
	}
	.tfi.mission.flex-start.flex-wrap:not(.mission_avec_image):after		{

		transition:all 3s ease 0s;
		transform:translateY(-100%);
	}
	.tfi.in-view.mission.flex-start.flex-wrap:not(.mission_avec_image):after	 {
		transform:translateY(0%);
	}
	.colonne-agences {
		position:relative;
	}
	
	.personne_agence,.colonne-agences{
		overflow:visible;
	}
	@keyframes blink-animation {
	  to {
		visibility: hidden;
	  }
	}
	@-webkit-keyframes blink-animation {
	  to {
		visibility: hidden;
	  }
	}
	#pointAgences {
		position:absolute;
		z-index:0;
		width:4px;
		height:4px;
		background:#282829;
		left:0;
		top:calc(100% + 4px);
		border-radius:2px;	
		  animation: blink-animation 1s steps(5, start) infinite;
		  -webkit-animation: blink-animation 1s steps(5, start) infinite;
		}

	.colonne-agences:before	{
		position:absolute;
		z-index:0;
		width:4px;
		height:4px;
		background:#282829;
		left:0;
		top:-8px;
		content:'';
		border-radius:2px;
	}
	.colonne-agences:after	{
		position:absolute;
		z-index:0;
		width:4px;
		background:#282829;
		left:0;
		top:0;
		height:calc(100%);
		content:'';
		border-radius:2px;
	}
	.tfi.colonne-agences:after	{
		height:0;
		transition:all 0.6s ease .6s;
	}
	.tfi.in-view.colonne-agences:after {
		height:calc(100%);
	}
	
	.personne_agence:before	{
		position:absolute;
		z-index:0;
		width:446px;
		border-right:4px solid #282829;
		border-bottom:4px solid #282829;
		left:50%;
		top:0%;
		height:50%;
		height:95px;
		content:'';
		border-radius:0 0 30px 0
	}
	.tfi.personne_agence:before	{
		opacity:0;
		transition:all 1.6s ease 0s;
	}
	.tfi.in-view.personne_agence:before {
		opacity:1;

	}
	.personne_agence:after	{
		position:absolute;
		z-index:0;
		width:291px;
		margin-left:-291px;
		border-top:4px solid #282829;
		border-left:4px solid #282829;
		left:50%;
		top:50%;
		height:calc(50% + 100px);
		top:95px;
		height:calc(100% + 100px - 95px);
		content:'';
		border-radius:30px 0 0 0;
	}
	.tfi.personne_agence:after	{
		height:0;
		opacity:0;
		transition:all 0.6s ease .6s;
	}
	.tfi.in-view.personne_agence:after {
		opacity:1;
		height:calc(100% + 100px - 95px);
	}
	
	
	#aLaCarteAgence,
	#aLaCarteAgence .container	{
		overflow:visible;
		posotion:relative;
	}
	#aLaCarteAgence .container:before	{
		position:absolute;
		z-index:1;
		width:4px;
		background:#282829;
		right:50px;
		top:0px;
		transform:translateY(-100%);
		height:25px;
		content:'';
		border-radius:2px 2px 0 0;
	}
	.in-view#aLaCarteAgence .container:before {
		
	}
	#aLaCarteAgence .container:after	{
		position:absolute;
		z-index:1;
		width:4px;
		background:#282829;
		right:50px;
		top:-31px;		
		height:4px;
		content:'';
		border-radius:2px;
	}	

	
	
	.container.actu_agence {
			padding:0 0 50px 0;
	}
	.actu_agence .vertical-teaser {
		display:none;
	}
	.horizontal-teaser {
		display:block;
		overflow:hidden;
		position:relative;
		padding:25px 25px 25px calc(33% + 25px);
	}
	.horizontal-teaser .img_tag_cat {
		position:absolute;
		left:0;
		height:100%;
		width:33%;
		top:0;
		overflow:hidden;
		z-index:1;
	}
	.tagsAndCats {
		position:relative;
		left:-40px;
		z-index:2;
		justify-content:flex-start;
		align-items:flex-center;
	}
	.tagsAndCats ul.teaser_tags,
	.tagsAndCats ul.teaser_categories {
		padding:0 15px 0 0;
		margin-top:0;
	}
	.horizontal-teaser .bouton_teaser {
			width:50%;
	}
	.page-template-agences .entete {
		overflow:visible;
		padding-bottom:0px;
	}
	#carte_ronde {

		
	}
	#carte_ronde {
		position:absolute;
		top:5vw;
		left:60%;
		width:35vw;
		z-index:2;
		margin: 0;
	}
}
@media(min-width:1000px) {
	.section_historique .container {
		position:relative;
		left:50%;
		margin-left:-500px;
		width:calc(1000px + ((100vw - 1000px) / 2));
		overflow:visible;
	}

	.section_historique .view-histo {
		width:440px;left:490px;
	}
	.section_historique .date {
		width:440px;
	}
	.section_historique .slick-slide {
		margin:0 75px;
	}
}
@media(min-width:1200px) {
	.breadcrumb {

		left:50%;
		transform:translateX(-50%);
		top:15px;
		width:970px;
	}
	#adresses {
		padding:50px;
	}
	.telTeaserAgence,#tel {
		font-size:1.9rem;
	}
	#carte_ronde,
	#carte_ronde img{
		display:block;
		width:456px;
		height:456px;
	}

}
@media(min-width:1480px) {
	.section_texte_colonnes .flechesV {
		left:50%;
		margin-left:-718px;
	}
	#adresses {
		padding:70px 58px;
	}
	.telTeaserAgence,#tel {
		font-size:2rem;
	}
	#au_sous_titre  {
		margin-top:-85px;
	}
	#au_sous_titre .diaporama {
    width: 1200px;
    padding: 0 47px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
}	

@media(min-width:1600px) {
	#line0,#line4,.line0,.line4  {
		display:block;
	}	
	

}










/*
Animations aux scroll
*/

.tfi {
	opacity:0;
	transition-property:opacity;
	transition-duration:0.6s;
	transition-delay:0s;
}

.tfi .tfi {
	transition-duration:0.6s;
	transition-delay:0.6s;
}
.tfi.in-view {
	opacity:1;
}


@media(min-width:1280px) {
	.d1-3, .tfi .d1-3 {
		transition-delay:0.5s;
	}
	.d2-3, .tfi .d2-3 {
		transition-delay:0.8s;
	}
	.d3-3, .tfi .d3-3 {
		transition-delay:1.1s;
	}
	.d1-4, .tfi .d1-4 {
		transition-delay:0.4s;
	}
	.d2-4, .tfi .d2-4 {
		transition-delay:0.7s;
	}
	.d3-4, .tfi .d3-4 {
		transition-delay:1s;
	}
	.d4-4, .tfi .d4-4 {
		transition-delay:1.3s;
	}

}
.lottiePlayer,
.lottiePlayer .controls,
.lottiePlayer .controls .animation,
.animation .controls .annimation svg {
	height:100%!important;
	width:100%!important;
}


/*
HOME

*/

.home section {
	margin-left:0!important;
	margin-right:0!important;
	width:100%;	
	z-index:1;
}
/*Index des sections*/
#metiers {
	z-index:0;
}
/*Index au sein des sections*/
#image_entete_home{
	z-index:0;
}
.home .line {
	z-index:0;
	opacity:0.3
}
	
#overHomeEntete,
#moteur_container,
#respiration_container,
#metiers_container{
	z-index:2
}
#overHomeEntete {
		position:relative;

}
.video_entete video {
	position: absolute;
	display:block;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: 2;
}
#texte_entete_home  {
	text-align:center;
	z-index:2
}
#texte_entete_home h1.h1  {
	text-align:center;
}
#texte_entete_home .part_1 {
	color:white
}
#texte_entete_home .part_2 {
	color:rgba(40,40,41,0.8);
	-webkit-text-stroke:1px white;
	text-stroke:1px white;
}
#texte_entete_home .part_3 {
	color:rgba(40,40,41,0.8);
	-webkit-text-stroke:1px white;
	text-stroke:1px white;
}
#texte_entete_home .sous_titre {
	background:white;
	color:#282829;
	text-align:center;
}
#texte_entete_home #lien_entete_home{
	max-width:50%;
	transform:translateX(-80%);
	padding-right:10rem;
}
#rond_entete_home_wrapper {
	z-index:1;
	width:100%;
	height:100%;
}

#rond_entete_home	{
	position:relative;
	overflow:visible
}
#rond_entete_home:before,
#rond_entete_home:after  {
	position:absolute;
	z-index:0;
	border-radius:50%;
	content:"";
	transform:translate3d(-50%,-50%,0);
	top:20%;
	left:-20%;
	margin-left:50%;
	width:70%;
	height:70%;
	border:2px solid #e41b12;
	opacity:0.6;
}
#rond_entete_home:after  {
	width:40%;
	height:40%;	
}
#rond_entete_home img{
	position:relative;
	z-index:1;
	display:block;height:100%;
	width:100%;
	border-radius:50%;
	
}





.home .fond_bois {
    background: url('images/fond_chiffres.jpg') no-repeat fixed center;
    background-size: cover;
}
#entete_moteur {
	position:relative;
}

#entete_moteur img {
	display:block;
}
#loop_wrapper {
	padding:15px;
	background:white;
	width:50px;
	height:50px;
}
#loop {
		
}
.bouton_moteur {
  display: flex;
  border-radius: 50%;
  background: #282829 url('images/home/moteur_fleche_bottom.png') no-repeat center 85%;
  color: white;
  height: 14rem;
  width: 14rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 800;
  position:relative;
  overflow:visible;
  text-align:center;
  transition:all 0.3s;
  margin:10px;
}
.bouton_moteur:hover,
.bouton_moteur.actif{
  background: #e41b12 url('images/home/moteur_fleche_bottom.png') no-repeat center 85%;
 }
.bouton_moteur:after {
	position:absolute;
	z-index:1;
	border-radius:50%;
	content:"";
	transform:translate3d(-50%,-50%,0);
	top:50%;
	left:50%;
	width:calc(100% + 10px);
	height:calc(100% + 10px);
	border:1px solid #282829;
	
}
.bouton_moteur.actif:after,
.bouton_moteur:hover:after {
  border:1px solid #e41b12 ;
}
.sumList {
	display:none;
	padding: 20px 0 0 0;
	text-align: left;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	list-style-type:none;
	margin-bottom:40px
}
.sumList.open {
	display:flex;
}
.sumList > li {
    width: 250px;
    margin: 0;
	opacity:0;
	transform:translateY(-100%);
	
}
.sumList.open > li {
	opacity:1;transition:all 0.6s;
	transform:translateY(0);
}
.sumList li a {
	text-decoration:none;
	padding: 6px 0;
	display:block;
	border-bottom: 1px solid #585859;
	font-weight:800;
}
.sumList li a:hover {
	color:#e41b12;
}
.sumList ul {
	display:none;
}
#select_secteur,
#entete_needs{
  display: flex;
  justify-content: space-evenly;
  padding: 30px 10px 0 10px;
  flex-wrap:wrap;
  align-items:center

}/*
#titre_secteur,#titre_needs {
	display:none;
}*/
#titre_needs {
	display: flex;
	border-radius: 50%;
	background: #e41b12 url('images/home/moteur_fleche_bottom.png') no-repeat center 75%;
	color: white;
	height: 14rem;
	width: 14rem;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 800;
	position: relative;
	overflow: visible;
	text-align: center;
	box-shadow: 0 0 17px rgba(0,0,0,0.5);
	margin-left: 30px;
	font-size: 1.42rem;
	align-items: center;
	padding:0 2rem;
}
#titre_needs:after {
	position:absolute;
	z-index:1;
	border-radius:50%;
	content:"";
	transform:translate3d(-50%,-50%,0);
	top:50%;
	left:50%;
	width:calc(100% + 20px);
	height:calc(100% + 20px);
	border:1px solid #e41b12;
	
}


#select_needs {
	justify-content:center
}
.need {
	width:80px;
	margin:0px;
	text-align:center;
	cursor:pointer;
}

.img_need, .checked {
    border-radius: 50%;
    overflow: hidden;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
	transition:all 0.3s;
	box-shadow:0 0 0px 0 #282829;
}
.checked {
    height: 25px;
    width: 25px;
    border: 1px solid;
    box-shadow: 0 0 2px white;
    position: relative;
    top: 19px;
}
.checked {
	display:none;
}
.need:not(.selected):hover .img_need{
	box-shadow:0 0 0 10px #282829;
}
.need.selected .img_need {
	box-shadow:0 0 0 10px #96c208;
}
.need.selected .checked {
	display:blcok;
}
.img_need {
    height: 58px;
    width: 59px;
}
#go_need {
    margin-left: auto;
    margin-right: auto;
}
#go_need.noGo {
	opacity:0.7;
	cursor:not-allowed;
}
#mot_cle_secteur{
	color:rgba(255,255,255,0.5);
	-webkit-text-stroke:1px white;
	padding-left:0;
}
#mot_cle_groupe{
	color:rgba(0,0,0,0.1);
	-webkit-text-stroke:1px white;
	padding-left:0;
}
#respiration_container {
	padding-top:63px;
}
#mot_cle_respiration {
	color:#95c108;
}
.home .bloc-exergue-fond {
	margin-top:0;
}

.home .over {
	background:none;
}
.home .bloc-exergue-centre .exergue--texte {
	padding-top:9vw;
	padding-bottom:9vw;
}
.home .over:before{
	display: block;
	position: absolute;
	z-index: 0;
	width: 30vw;
	height: 30vw;
	border: 10vw solid white;
	border-radius: 50%;
	top: 60%;
	left: -8vw;
	transform: translateY(-50%);
	content: '';
	background: none;
	box-sizing: border-box;
	opacity: 0.2;
	mix-blend-mode:overlay;
}

.home .over.tfi:before {

	transform: translate3d(30%,30%,0);
	transition:all 1.9s ease 0.6s;
}
.home .over.tfi.in-view:before {

	transform: translate3d(0, -50%,0);

}.home .over.tfi.in-view:hover:before {
	opacity:0.7;
	border: 10vw solid black;
	transition:all 3.7s ease 0.6s;
	transform: scale(3) translate3d(50%, -20%,0);
}
.bloc-exergue-inte blockquote p {
    font-size: 2.22rem;
    line-height: 1.1;
    text-shadow: 0 0 10px black;
}
#metiers {
	margin-top:-90px;
	overflow: visible;
}
#fond_metiers {
	overflow:hidden;
	width:100%;
	max-width:none;
	height:100%;
	margin:0;
	
	position: absolute !important;
}
#fond_metiers img{
	min-width:120%;
	max-width:none;
	min-height:120%;
	margin:-10% 0 0 -10%;
}
.filtreNoir {
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	position: relative;
	z-index: 2;
	top: 0;
	padding: 50px 0;
}
#titre_metiers {
	color:white;
	padding:50px 0 0 0;
}
#sous_titre_metiers {
	font-weight:100;
	padding:0 0 15px 0;
}
.un_metier {
	overflow:hidden;
}
.un_metier .slide {
	background:white;
	width:290px;
	margin:0 15px;
	
}
.texte_un_metier {
	padding:15px;
}
.texte_un_metier h2 {
	margin-top:0;
	font-size:5rem;
	line-height:0.85;
}
.texte_un_metier h2 a {
	text-decoration:none;
}
.image_un_metier img {
	display:block;
	width:100%;
}
#fleches_rouges {
	z-index:3;
	position:absolute;
	top:-30px;
	left:5%;
	width:60px;
	height:210px;
}
#fleches_rouges .inElement {
	width:60px;
	height:210px;
	background:url('images/home/home_fleches_rouges.png') no-repeat center;
	background-size:contain;
}
#mot_cle_groupe {
	z-index:3;
	position:absolute;
	top:0;
	left:50%;
	width:auto;
	transform:translate3d(-40%,-30%,0);
}
#groupe {
	z-index:1;
}
#scene {
	overflow:hidden;
}
#groupe_lines {
	z-index:2;
	height:100%;
}
#scene .parallax_element {
	pointer-events:none;
}
#titre_groupe,
#titre_implantation{
	text-align:center;
}
#tgp_1 {
	padding-left:5%;
	display:block;
}
#tgp_2 {
	color:rgba(0,0,0,0.4);
	-webkit-text-stroke:1px white;
	padding-left:10%;
	display:block;
}
#tgp_3 {
	color:#e41b12;	
	padding-left:5%;
	display:block;
}
#tgp_3 img {
    height: 0.8em;
    margin-left: 0.2em;
	width:auto;
}
#tgp_4 {
	font-size:0.5em;
}
#timp_1,#timp_2  {
	color:#e41b12;
	display:block;
}
#timp_3 {
	color:rgba(0,0,0,0.4);
	-webkit-text-stroke:1px white;
	display:block;
}
.fond_couleur {
	color:white;
	background:#e41b12;
	padding:25px 40px;
	margin-top:15px!important;
}
.fond_couleur .bouton {
	background-color:white;
	background-image: url('images/fleche-bouton-couleur.png');
	color:#282829;	
}
.fond_couleur .bouton:after {
	background:#282829;
	opacity:1;
}
.fond_couleur .bouton:hover {
	color:white;
}
#photos_groupe {
    justify-content: center;
}
.photo_groupe {
	margin-left:0!important;
	margin-right:0!important;
}

#photo_groupe_2 {
	margin-top:45px;
}


#fleches_noires .inElement:after {
	content:"";
	position:absolute;
	z-index:1;
	top:50%;
	left:-20px;
	width:15px;
	height:48px;
	background:url('images/home/home_continue_small.png') no-repeat center;
	background-size:contain;
}
#carte_home .inElement img {
    width: 100%;
}


@media(max-width:639px) {
	/*version slick variable width alignement gauche, item suivant visible*/
	/*
	.un_metier {
		width:290px!important;
	}
	.un_metier .slide {
		width:260px;
	}
	*/
	/*version slick width:constant alignement centré, item suivant  et précédent visible*/
	
	.diaporama-metier .slick-list {
		overflow:visible;
		width:290px;
		margin:0 auto;
	}
	#texte_entete_home .sous_titre {
		font-size: 1.82rem;
	}
}
@media(max-width:979px) {
		
		#scrollHeader {
			display:none!important;
		}
		.entete.fullPage {
			overflow: visible;
			z-index: 2;
		}
				/*Version avec video et rond*/
				/*
				#image_entete_home{
					padding-bottom:120px;
				}
				#texte_entete_home{
					padding-bottom:160px;
				}
				#rond_entete_home {
					margin: 0;
					width: 240px;
					height: 240px;
					position: absolute;
					top: 100%;
					left: 50%;
					transform: translate3d(-50%,-50%,0);
				}
				section#moteur {
					padding:160px 15px 0 15px;
				}*/
				/*fin de version avec video et rond*/
				
				/*Version sans video ni rond*/
				#image_entete_home{
					padding-bottom:0px;
				}
				#texte_entete_home{
					padding-bottom:40px;
				}
				#rond_entete_home_wrapper {
					display:none!important;
				}
				section#moteur {
					padding:40px 15px 0 15px;
				}	
				.video_entete {
					display:none;
				}
				/* fin de version sans video ni rond*/

				
		
		
		section#moteur,
		section #metier * {
			text-align:center;
		}
		
		#entete_moteur > * {
			margin-left:10px;
			margin-right:10px;
		}
		#entete_moteur h2 {
			flex-grow:1;
			margin-top:0.2em
		}

		#secteurs {
		  border-bottom: 1px solid;
		}
		#select_secteur{
			padding:30px 10px;
		}
		#entete_moteur {
			padding-top:100px;
		}

		#fleche1moteur,
		#loop_wrapper{
			position:absolute;
			z-index:1;
			display:block;
			
		}
		#fleche1moteur{
			right:52%;
			width:auto;
			top:29px;
		}
	
		#loop_wrapper{
			left:52%;
			top:20px;
		}
		#entete_metiers {
			padding:0 15px;
		}
		#groupe_container,
		#implantation_container {
			z-index:10;
		}
		#partie_groupe {
			background:url('images/home/home_fond_3.jpg') no-repeat center;
			background-size:cover;	
			padding:120px 15px 15px 15px;
			flex-flow:column-reverse;
		}
		#fleches_blanches {
			z-index:4;
			position:absolute;
			bottom:456px;
			left:0;
			transform:translateX(-50%);
			
			
		}
		#fleches_blanches .inElement {
			bottom:10%;
			left:10px;
			width:315px;
			height:744px;
			background:url('images/home/home_fleches_blanches.png') no-repeat center;
			background-size:contain;
			-webkit-animation:2.5s linear -1s infinite translateY;
				animation:2.5s linear -1s infinite translateY;
		}
		#rond_groupe {
			z-index:5;
			display:none;
		}
		#fleches_noires {
			z-index: 8;
			position: relative !important;
			overflow: visible;
			height: 0 !important;
			transform: none !important;
		}	
		#fleches_noires .inElement {
			top:0%;
			left:48%;
			position:absolute;
			margin-top:0px;
			margin-left:0px;
			width:18px;
			height:137px;
			background:url('images/home/home_continue_big.png') no-repeat center;
			background-size:contain;
		}
		#groupe_container,
		#implantation_container{
			z-index:7;
			position:relative!important;
		}
		#ligne_blanche {
			z-index: 8;
			position: relative !important;
			overflow: visible;
			height: 0 !important;
			transform: none !important;
			
		}
		#ligne_blanche .inElement {
			position: absolute;
			top: 0;
			left: 50%;
			width: calc(100% - 70px);
			height: 0;
			padding-top: 71%;
			background: url('images/home/home_ligne_blanche_mobile.png') no-repeat center;
			background-size: 100% 100%;
			z-index: 12;
			transform: translate3d(-50%, -75%, 0);
		}
		#carte_home {
			z-index:7;
			position:unset!important;
			transform:none!important;
			
			
		}
		#carte_home .inElement {
			position:relative;
			width:90%;
			margin:0 auto;
		}
		#partie_implantation {
			padding-bottom:0px;
		}
		

}



@media(max-width:767px) {
		#titre_secteur {
				display:block;
				width:100%;
				padding-bottom:20px;
		}


}
@media(min-width:768px) {
	#titre_secteur,
	#titre_needs{
		margin-bottom:25px;

	}


}
@media(min-width:768px) and (max-width:979px){
	#titre_secteur{
		width: 20%;
		text-align:left;
	}

}

@media(min-width:980px) and (max-aspect-ratio:16/9) {
		#texte_entete_home {
			width: 60%;
			height: 100%;
			display: flex !important;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
}

@media(min-width:980px) and (min-aspect-ratio:16/10){
	.admin-bar .fullPage {
		min-height:calc(100vh - 127px);
	}
	#overHomeEntete {
		position: relative;
		min-height: calc(100vh - 95px);
	}
	.admin-bar #overHomeEntete {
		min-height: calc(100vh - 127px);
	}
}
@media(min-width:980px) {
	/*
	.fullPage {
		min-height:calc(100vh - 95px);
	}
	.admin-bar .fullPage {
		min-height:calc(100vh - 127px);
	}
	#overHomeEntete {
		min-height: calc(100vh - 95px);
	}
	.admin-bar #overHomeEntete {
		min-height: calc(100vh - 127px);
	}*/
	
	
	.home #togMenu {
		top:50%!important;
		transform:translateY(-50%);
	}
	#overHomeEntete {
		position: relative;
	}
	#texte_entete_home {
		width: 60%;
		height: 100%;
	}


	#texte_entete_home .part_1 {

	}
	#texte_entete_home .part_2 {

	}
	#texte_entete_home .part_3 {
		margin-left:1em;
	}
	#texte_entete_home .sous_titre {
		margin-left:1em;
	}
	#texte_entete_home #lien_entete_home{
		max-width:50%;
		transform:translateX(100%);
	}
	.home a.bouton {
		font-size:1.32rem;
		padding:0.8em 6em 0.55em 0.9em;
	}
	#scrollHeader {
		display:block;
		height:180px!important;
		bottom:5%!important;
		top:unset!important;
		left:10%!important;
		width:70px!important;
		z-index:9;
	}
	#scrollHeader a {
		color:white;
		text-transform:uppercase;
		font-size:1.2rem;
		font-weight:800;
		text-decoration:none;
		display:block;
		text-align:center;
		padding-bottom:0;
		position:relative;
		overflow:visible;
	}
	#scrollHeader a:after  {
		background:url('images/home/home_scroll_bottom.png') no-repeat center bottom;
		background-size:auto;
		position:relative;
		display:block;
		height:146px;
		width:12px;
		top:100%;
		left:50%;
		margin-left:-6px;
		z-index:1;
		content:'';
		 -webkit-animation: 2.5s linear 0s infinite translateYsmall;
          animation: 2.5s linear 0s infinite translateYsmall;
	}
	@-webkit-keyframes translateYsmall { 
		0% { -webkit-transform:translateY(0px);opacity:0; } 
		20% { opacity:1;}
		50% { opacity:1;}
		100% { -webkit-transform:translateY(20px); opacity:0;}  
	}
	@keyframes translateYsmall { 
		0% { transform:translateY(0px);opacity:0;}
		20% { opacity:1;}
		50% { opacity:1;}
		100% { transform:translateY(20px);opacity:0; }  
	}
	.video_entete video {
		position: absolute;
		display:block;
		top: 0;
		left: 0;
		min-width: 100%;
		min-height: 100%;
		z-index: 2;
	}
	#rond_entete_home_wrapper {
		z-index:1;
		width:100%;
	}	
	#rond_entete_home{
		position:absolute;
		margin:0;
		top:180px;
		left:60%;
		width:30vw;
		height:30vw
		
	}	
	#rond_entete_home:before,
	#rond_entete_home:after {
		border-width:4px;
	}
	#selecteurs2colonnes {
		display:flex;
		flex-direction:arow;
		justify-content:space-evenly;
	}
	#secteurs {
		position:relative;
	}
	#secteurs:after {
		position:absolute;
		display:block;
		top:10%;
		width:2px;
		right:0;
		z-index:2;
		content:'';
		height:70%;
		background:#282829;
	}
	#secteurs,#needs {
		width:50%;
		padding-left:15px;
		padding-right:15px;
	}
	#moteur_container {
		padding:0 10%;
		margin:0 auto;
		width:1480px;
		max-width:100%;
	}
	#entete_moteur {
		padding-top:80px;
	}
	#titre_moteur {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 1em;
	}
	#fleche1moteur,
	#loop_wrapper{
		position:absolute;
		z-index:1;
		display:block;
		
	}
	#fleche1moteur{
		right:calc(75% + 160px);
		width:auto;
		top:121px;
		-webkit-animation:2.5s linear 0s infinite rotateX;
		animation:2.5s linear 0s infinite rotateX;
	}

	#loop_wrapper{
		top:90px;
		width:100px;
		right: calc(75% + 30px);
		height: 100px;
		display: flex;
	}
	

	
	
	
	#respirationKeyBox {
		z-index:2;
	}
	#qdr {
		background:url('images/home/quart.png') no-repeat center;
		background-size:contain;
		width:616px;
		height:617px;
		margin-left:87%;
	}
	
	.bloc-exergue-inte blockquote p {
		font-size: 4.22rem;
	}
	#metiers_container {
		padding:0 15px;
	}
	.filtreNoir {
		padding: 50px 0 100px 0;
	}
	.un_metier .slide,
	.texte_un_metier,
	.texte_un_metier h2	{
		transition:all 0.3s;
		
	}
	.un_metier .slide {
		margin:10px 15px 0 15px;
	}
	
	.un_metier .slide:hover {
		width:320px;
		margin:-10px 0 0 0;
	}		
	.un_metier .slide:hover .texte_un_metier {
		padding:15px 30px 30px 30px;
	}
	.texte_un_metier h2	{
		transform-origin:top left;
	}/*
	.un_metier .slide:hover .texte_un_metier h2 {
		transform:scale(1.1)
	}*/
	#groupe_container,
	#implantation_container{
		z-index:7;
	}
	#scene .parallax_element {
		height:100%;
		width:100%;
	}
	#scene .parallax_element .inElement {
		position:absolute;
		z-index:1;
	}
	#fond_groupe_wrapper {
		position:absolute!important;
		z-index:1;
	}
	#fleches_blanches {
		z-index:4;
	}
	#rond_groupe {
		z-index:5;
	}
	#fleches_noires {
		z-index:6;
	}
	#groupe_container,
	#implantation_container{
		z-index:7;
		position:relative!important;
	}
	#ligne_blanche {
		z-index:8;
	}
	#carte_home {
		z-index:9;
		mix-blend-mode:color-burn;
	}
	#fond_groupe_wrapper .inElement {
		top:-10%;
		left:-10%;
		width:120%;
		max-width:none;
		height:calc(110% - 300px);
		background:url('images/home/home_fond_3.jpg') no-repeat center;
		background-size:cover;
	}
	


	#fleches_blanches .inElement {
		bottom:10%;
		left:10px;
		width:315px;
		height:744px;
		background:url('images/home/home_fleches_blanches.png') no-repeat center;
		background-size:contain;
		-webkit-animation:2.5s linear -1s infinite translateY;
			animation:2.5s linear -1s infinite translateY;
	}
	#rond_groupe .inElement {
		top:320px;
		left:30px;
		width:1080px;
		height:1080px;
		border: 250px solid black;
		opacity:0.2;
		border-radius: 50%;
	}
	#fleches_noires .inElement {
		top:50%;
		left:50%;
		margin-top:-80px;
		margin-left:160px;
		width:18px;
		height:137px;
		background:url('images/home/home_continue_big.png') no-repeat center;
		background-size:contain;
		-webkit-animation:2.5s linear -0.5s infinite translateY;
			animation:2.5s linear -0.5s infinite translateY;
	}
	

	#ligne_blanche .inElement {
		width:963px;
		height:764px;
		top:50%;
		left:50%;
		margin-top:-460px;
		margin-left:-420px;
		background:url('images/home/home_ligne_blanche.png') no-repeat center;
		background-size:contain;
	}
	
	
	#carte_home .inElement {
		top:50%;
		left:20px;
		width:50%;
		height:auto;
	}
	#partie_groupe {
		padding: 120px 25px 25px 25px;
		align-items: center;
		justify-content: center;	
	}
	#photos_groupe {
		justify-content: flex-start;
	}
	#texte_groupe, #photos_groupe {
		margin-top:0;
	}
	

	#fleches_rouges {
		left:50%;
		margin-left:-490px;
		-webkit-animation:2.5s linear 0s infinite translateY;
			animation:2.5s linear 0s infinite translateY;
	}
	#fleches_blanches .inElement {
		top:50%;
		left:50%;
		margin-left:-690px;
		margin-top:-125px;
	}
	#rond_groupe .inElement {
		top:50%;
		left:50%;
		margin-left:-690px;
		margin-top:-395px;
	}
	#groupe_container,#implantation_container  {
		padding-left:25px;
		padding-right:25px;
		margin-left:	auto;
		margin-right:auto;
			
	}
	#partie_implantation {
		width:50%;
		margin-left:50%;
		
	}
	


}
@media(min-width:1280px){
		
	#moteur_container {
		padding:0 5%;
	}
	#titre_secteur{
		width: 20%;
		text-align:left;
	}
	#entete_needs {
		position: relative;
		z-index: 2;
	}	

	#entete_needs p {
		padding-left: 30px;
		text-align: left;
		font-size: 1.42rem;
		width: calc(100% - 18rem);
	}

	#select_needs {
		margin-left:10.5rem;
		margin-top:-30px;
		padding:20px;
		position:relative;
		overflow:visible;
		border-left:2px solid white;
		border-bottom:2px solid white;
		border-radius:0 0 0 15px;			
	}
	#select_needs:after {
			content:'';
			position:absolute;
			z-index:0;
			width:4px;
			height:4px;
			background:#fff;
			left:calc(100% + 4px);
			top:calc(100% - 2px);
			border-radius:2px;	
			  animation: blink-animation 1s steps(5, start) infinite;
			  -webkit-animation: blink-animation 1s steps(5, start) infinite;
			
	}
	#metiers_container {
		padding:0 5%;
		width:1480px;
		margin-left:auto;
		margin-right:auto;
		max-width:100%;
	} 
	.texte_un_metier {
		padding:15px 25px 25px 25px;
	}
	.un_metier .slide:hover .texte_un_metier {
		padding:15px 40px 25px 40px;
		
	}
	#fleches_noires .inElement {
	}
	#fleches_noires .inElement:after {
	}	

	#ligne_blanche .inElement {
		width:963px;
		height:764px;
		top:50%;
		left:50%;
		margin-top:-460px;
		margin-left:-560px;
	}
	#pave_implantation,
	#pave_groupe {
		padding:50px 60px 40px 60px;
		width:560px;
	}
	#carte_home .inElement {
		transform:translateX(-100%);
		left:50%;
	}	
	#titre_groupe {
		padding-top:90px;
	}
	
	#partie_implantation {
		padding-bottom:50px;
		width:560px;
	}
	#partie_implantation h2 {
		width:420px;
		padding-bottom:80px;
	}
}

@media(min-width:1400px) {
	#groupe_container,#implantation_container {
		width:1300px;
		transform:translateX(-20px);
	}
	#pave_implantation {
		/*width:560px;*/
	}
}



@media(min-width:1600px) {
	#fleches_rouges {
		left:50%;
		margin-left:-490px;
	}
	#rond_groupe{
		width:1600px!important;
		margin-left:-800px;
		left:50%!important
	}
	#fleches_blanches,
	#carte_home {
		width:1300px!important;
		margin-left:-650px;
		left:50%!important		
	}
	#ligne_blanche {
		width:1300px!important;
		margin-left:-650px;
		left:50%!important		
	}
	#fleches_blanches .inElement {
		top:50%;
		left:50%;
		margin-left:-690px;
		margin-top:-125px;
	}
	#rond_groupe .inElement {
		top:50%;
		left:50%;
		margin-left:-690px;
		margin-top:-395px;
	}
	#ligne_blanche .inElement {

	}
	#carte_home .inElement {

		
	}

}