/*
Theme Name: Managers en Mission
Theme URI: https://www.kookline.net/
Author: KOOKline
Author URI: https://www.kookline.net/
Description: Le thème officiel de Managers En Mission
Version: 1.0
Tags: HTML5, CSS3, animation, MEM, CEM
Text Domain: mem
*/

* {
	box-sizing: border-box;
}

/* html element 62.5% font-size for REM use */
html {
	font-size: 62.5%;
  }

html,
body {
	margin: 0;
	-webkit-text-size-adjust: 100%;
}

body {
	background: #f6f2f3;
	color: #343333;
	font-family: 'Roboto', sans-serif;
}

.relative {
	position: relative;
}

.fixed {
	position: fixed;
	top: 60px;
}

.footerInter {
	position: absolute;
	top: auto;
	bottom: 60px;
}

.share-bar {
	position: absolute;
	top: 80px;
}

.sidebarBig.footerInter {
	bottom: auto;
}

h1 {
	font-family: 'Roboto', sans-serif;
}

h2,
.h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 25px;
	font-weight: 400;
	margin-top: 50px;
	margin-bottom: 18px;
}

.h3,
h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	color: #343333;
}

.whitebg {
	background: white;
}

.container {
	width: 1024px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

.container.main .clear {
	display: flex;
}

@media screen and (max-width: 990px) {
	.clear {
		flex-direction: column;
	}
}

.clear::after {
	content: '';
	display: block;
	clear: both;
}

header.header {
	background: #fffffe;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 10;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
	/* height: 117px; */
}

header.header .logo {
	display: inline-block;
	margin-top: 30px;
	margin-bottom: 20px;
	width: 172px;
}

header.header .logo img {
	max-width: 100%;
	display: block;
	height: auto;
}

header .header-right {
	float: right;
}

header .header-right .social {
	line-height: 52px;
	text-align: right;
	display: flex;
	justify-content: flex-end;
}

header .header-right .social a.number-container {
	width: 230px;
	margin-right: -90px;
	transform-origin: 0;
	transform: scale(0.6);
	display: inline-block;
	position: relative;
	outline: none;
	text-decoration: none;
	color: black;
}

header .header-right .social a.number-container:hover .tel.header img {
	animation: pop 0.3s ease;
}

header .header-right .social a.number-container > p {
	position: absolute;
	top: 6px;
	margin: 0px;
	width: 100%;
	right: 10px;
	white-space: nowrap;
	line-height: 11px;
	font-size: 13px;
	font-family: 'Roboto', sans-serif;
	transition: all 0.3s ease-in-out;
}

header .header-right .social a.number-container > p > span {
	color: #ff0000;
	transition: all 0.3s ease-in-out;
}

header .header-right .social a.number-container .tel.header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 230px;
	height: 100%;
	margin-top: 20px;
}

header .header-right .social a.number-container .tel.header img {
	position: absolute;
	z-index: 5;
	left: 6px;
	top: 3px;
}

@media not all and (min-resolution: 0.001dpcm) {
	@media {
		header .header-right .social a.number-container .tel.header img {
			position: absolute;
			z-index: 5;
			left: 5px;
			top: -16px;
		}
	}
}

header .header-right .social a.number-container .tel.header > p {
	background-color: #ff0000;
	width: 175px;
	height: 40px;
	border-radius: 17px;
	position: relative;
	margin: 0px;
	margin-bottom: 9px;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 22px;
	padding-left: 15px;
	transition: all 0.3s ease-in-out;
}

header .header-right .social a.number-container .tel.header > p:before {
	content: '';
	background-color: white;
	position: absolute;
	top: 50%;
	left: -27px;
	width: 48px;
	height: 48px;
	transform: translateY(-50%);
	border-radius: 50%;
	z-index: 1;
}

header .header-right .social .rs {
	display: inline-block;
	font-size: 20px;
	color: #343333;
	vertical-align: middle;
	margin-right: 20px;
	margin-top: 15px;
	transition: all 0.3s ease;
}

header .header-right .social .rs:hover i {
	color: #d72729;
	animation: pop 0.3s ease;
	transition: all 0.3s ease;
}

@media all and (min-width: 980px) {
	.header.mini .container.clear {
		display: flex;
	}

	header.mini {
		height: 54px;
	}

	header.mini .header-right .social {
		display: inline-block;
		width: 160px;
		float: right;
		line-height: 54px;
		margin-left: 20px;
	}

	header.mini .header-right .menu {
		float: right;
	}

	header.mini .header-right .menu > div > ul > li + li {
		margin-left: 5px;
	}

	header.header.mini .header-right .menu > div > ul > li > a {
		font-size: 12px;
	}

	header.mini .header-right .social .rs {
		display: none;
	}

	header.mini .header-right .social .number-container {
		display: none;
	}

	header.mini .header-right {
		width: 90%;
	}

	header.mini .header-right .menu > div > ul > li {
		height: 34px;
	}

	header.mini .logo {
		width: 100px;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	header.mini .header-right .menu > div > ul > li:hover > ul {
		top: calc(100% - 30px);
	}
}

@keyframes pop {
	0% {
		transform: scale(1);
	}

	40% {
		transform: scale(0.9);
	}

	80% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.hidden {
	display: none;
}

.hslidermob {
	display: none;
}
/* Menu principal*/

header .header-right .menu {
	margin-top: 20px;
}

header .header-right .menu .menu-image-title-after.menu-image-title {
	padding-left: 0;
}

header .header-right .menu li {
	list-style: none;
}

header .header-right .menu > div > ul {
	margin: 0;
	padding: 0;
}

header .header-right .menu > div > ul a {
	text-decoration: none;
	color: #343333;
}

header .header-right .menu > div > ul > li {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 500;
	display: inline-block;
	vertical-align: top;
	height: 42px;
	padding: 0 2px;
}

header .header-right .menu > div > ul > li:hover > a > span,
header .header-right .menu > div > ul > li.current-menu-ancestor > a > span,
header .header-right .menu > div > ul > li.current_page_parent > a > span,
header .header-right .menu > div > ul > li.current-menu-item > a > span {
	color: #d72729;
}

header .header-right .menu > div > ul > li:hover,
header .header-right .menu > div > ul > li.current-menu-ancestor,
header .header-right .menu > div > ul > li.current_page_parent,
header .header-right .menu > div > ul > li.current-menu-item {
	border-bottom: 4px solid #d72729;
}

header .header-right .menu > div > ul > li.menu-item-has-children > a {
	display: inline-flex;
	align-items: flex-start;
	gap: 7px;
}

header .header-right .menu > div > ul > li.menu-item-has-children > a:after {
	content: '\f078';
	font-family: 'FontAwesome';
	color: #d72729;
	font-size: 14px;
	vertical-align: middle;
	display: inline-block;
}

header .header-right .menu > div > ul > li + li {
	margin-left: 8px;
}

header .header-right .menu > div > ul > li a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
}

header .header-right .menu > div > ul > li ul {
	position: absolute;
	display: none;
	padding-left: 30px;
}

@media screen and (min-width: 981px){
	header .header-right .menu > div > ul > li:hover > ul {
		padding: 35px 20px;
		display: block;
		background: #fffffe;
		top: calc(100% - 21px);
		left: 0;
		width: 100%;
	}

	header .header-right .menu > div > ul > li:hover > ul {
		box-shadow: 0 7px 9px 0 rgba(0, 0, 0, 0.1);
		min-height: 190px;
		background: url() no-repeat top right #fffffe;
		margin-top: 20px;
	}

	header.mini .header-right .menu > div > ul > li:hover > ul {
		margin-top: 30px;
	}

	header .header-right .menu > div > ul > li:last-child:hover > ul {
		background: url() no-repeat top right #fffffe;
	}

	header .header-right .menu > div > ul > li:hover > ul li {
		display: inline-block;
		line-height: 37px;
		width: calc(33% - 20px / 3);
		vertical-align: top;
		position: relative;
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur:hover > ul {
		padding: 0;
		display: flex;
		justify-content: space-between;
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur:hover > ul > li {
		padding: 35px 0;
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur:hover > ul > li:first-child {
		padding-left: 20px;
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur:hover > ul > li:last-child {
		padding-right: 20px;
		flex: 1;
	}
}

header .header-right .menu > div > ul > li > ul li > a {
	padding-right: 20px;
	padding-left: 55px;
	display: inline-block;
}

header .header-right .menu > div > ul > li > ul li > a::before{
	content: '';
	position: absolute;
	top: 51%;
	transform: translateY(-50%);
	left: 34px;
	height: 13px;
	width: 16px;
	background-color: #E00719;
	transition: all 0.3s ease-in-out;

	mask-image: url('img/icons/fleche-rouge-managers-en-mission.png');
	-webkit-mask-image: url('img/icons/fleche-rouge-managers-en-mission.png');
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
	mask-size: cover;
	-webkit-mask-size: cover;
}

header .header-right .menu > div > ul > li > ul > li > a > .menu-image-title {
	max-width: calc(100% - 25px);
}

header .header-right .menu > div > ul > li > ul > li:nth-last-child(2),
header .header-right .menu > div > ul > li > ul > li:last-child {
	border-bottom: none;
}

header .header-right .menu > div > ul > li > ul > li a {
	font-family: 'Roboto', sans-serif;
	text-transform: none;
	font-size: 13px;
	line-height: 37px;
	font-weight: normal;
	display: block;
	transition: all 0.2s ease;
}

@media screen and (min-width: 981px){
	header .header-right .menu > div > ul > li:hover > ul li > a:hover {
		background: #d72729;
		color: white;
		transition: all 0.3s ease;
		padding-left: 65px;
	}
	
	header .header-right .menu > div > ul > li:hover > ul li > a:hover::before {
		background-color: #fff;
	}
	header .header-right .menu > div > ul > li.sous_menu_avec_separateur > ul > li:nth-child(odd) {
		width: calc(66% - (20px * 2 / 3));
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur > ul > li:nth-child(odd) > ul > li {
		width: calc(50% - 20px / 2);
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur > ul > li:nth-child(even) {
		background-color: #e4e4e4;
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur > ul > li:nth-child(even) > ul > li {
		width: 100%;
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur > ul > li {
		pointer-events: none;
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur > ul > li > ul{ 
		pointer-events: all;
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur > ul > li > a::before{
		content: none;
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur > ul > li > a{
		text-transform: uppercase;
		font-weight: 600;
		font-size: 14px;
		line-height: 23px;
		pointer-events: none;
		margin-bottom: 22px;
	}

	header .header-right .menu > div > ul > li.sous_menu_avec_separateur > ul > li > ul {
		position: static;
		width: 100%;
		height: auto;
		display: block;
		padding-left: 0;
	}
}

/* header
	.header-right
	.menu
	> div
	> ul
	> li.menu-item-has-children
	> ul
	> li.menu-item-has-children
	> a:after {
	content: '\f178';
	font-family: 'FontAwesome';
	color: #d72729;
	font-size: 14px;
	margin-left: 5px;
	vertical-align: middle;
	display: inline-block;
}

header
	.header-right
	.menu
	> div
	> ul
	> li.menu-item-has-children
	> ul
	> li.menu-item-has-children:hover
	> a:after {
	color: white;
}

header .header-right .menu > div > ul > li > ul > li:hover > ul {
	border: 3px solid #d72729;
	display: block;
	background: #fffffe;
	top: 0;
	left: 30px;
	max-width: calc(100% - 60px);
	min-width: 323px;
	z-index: 3;
	padding-right: 30px;
}

header .header-right .menu > div > ul > li > ul > li:hover > ul li a {
	background: none;
	padding: 0;
	color: #343333;
}

header .header-right .menu > div > ul > li > ul > li:hover > ul li {
	display: inline-block;
	width: 33.3333%;
}

header .header-right .menu > div > ul > li > ul > li:hover > ul li a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	width: 0;
	background: #d72729;
	margin-right: 0;
	transition: all 0.3s ease;
}

header .header-right .menu > div > ul > li > ul > li:hover > ul li a:hover:before {
	width: 5px;
	margin-right: 3px;
	transition: all 0.3s ease;
}

header .header-right .menu > div > ul > li > ul > li:hover > ul li a:hover {
	color: #d72729;
} */

header .header-right .menu-item a.menu-image-title-after.menu-image-not-hovered img {
	display: none;
}

.wysiwyg-content .menu-item a.menu-image-title-after.menu-image-not-hovered img {
	display: none;
}
/*Slider*/

.home-slider {
	height: 560px;
	background: #f6f2f3;
	overflow: hidden;
	position: relative;
	margin-top: 50px;
}

.home-slider h1 {
	color: white;
	font-weight: normal;
	letter-spacing: 1px;
}

.home-slider h1 #text5 {
	font-size: 25px;
}

.home-slider h1 #text6 {
	font-size: 30px;
	font-weight: 600;
}

.home-slider h1 .red {
	color: #d72729;
}

.home .entrees .container {
	padding-bottom: 60px;
}

.entrees .container {
	text-align: right;
}

.scroll {
	height: 40px;
	width: 40px;
	background: white;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
	line-height: 40px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 50%);
	cursor: pointer;
}

.scroll:before {
	content: '\f078';
	font-family: 'FontAwesome';
}

.entrees {
	position: relative;
	display: flex;
	flex-flow: wrap row;
	align-items: flex-end;
	justify-content: center;
}

.entrees .deuxblocs {
	height: 195px;
	width: 473px;
	display: inline-flex;
	flex-flow: nowrap row;
	align-items: flex-end;
	margin-top: -90px;
	margin-left: 30px;
}

.entrees .deuxblocs a:hover,
.entrees .deuxblocs button:hover {
	height: 220px;
	transition: all 0.3s;
}

.entrees .deuxblocs > a,
.entrees .deuxblocs > button {
	padding: 20px;
	display: block;
	height: 195px;
	position: relative;
	text-align: left;
	text-decoration: none;
	color: #fff;
	padding-top: 30px;
	padding-left: 25px;
	transition: all 0.3s;
	cursor: pointer;
	border: solid 1px transparent;
}

.noselect {
	user-select: none;
}

.entrees .deuxblocs > a .chev,
.entrees .deuxblocs > button .chev {
	position: absolute;
	height: 90px;
	width: 90px;
	border-radius: 50%;
	border: 1px solid #fff;
	line-height: 36px;
	text-align: center;
	z-index: 2;
	bottom: 15px;
	right: 15px;
	font-size: 40px;
	transition: all 0.5s ease;
}

.deuxblocs .left {
	float: left;
	width: 236px;
	background-color: #ed2024;
}

.entrees .deuxblocs > a:before,
.entrees .deuxblocs > button:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s ease;
}

.deuxblocs .right {
	float: right;
	width: 237px;
	background-color: #737373;
}

.deuxblocs .titre-entree,
.deuxblocs .desc-entree {
	position: relative;
	z-index: 2;
}

.deuxblocs .titre-entree {
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	margin: 0;
}

.deuxblocs .desc-entree {
	font-weight: 100;
	font-size: 12px;
	margin-top: 30px;
	font-family: 'Roboto', sans-serif;
	max-width: 100px;
}

.entrees .deuxblocs,
.entrees .grey-btn {
	vertical-align: bottom;
}

.tcenter {
	text-align: center;
}

.red-btn {
	border: 2px solid #353434;
	display: inline-block;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 12px;
	text-decoration: none;
	color: #252222;
	padding: 5 15px;
	padding-top: 4px;
	transition: all 0.2s ease;
}

.grey-btn {
	text-align: center;
	height: 50px;
	width: 250px;
	border: 2px solid #4b4b4b;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #252222;
	padding: 0 9px;
	padding-top: 4px;
	transition: all 0.2s ease;
	box-sizing: border-box;
}

.grey-btn > p {
	text-transform: uppercase;
	font-size: 14px;
	text-decoration: none;
	color: #4b4b4b;
	padding: 0;
	margin: 0;
	transition: all 0.2s ease;
	box-sizing: border-box;
}

.red-btn {
	border: 2px solid #d72729;
	color: #d72729;
}

.grey-btn.big.multiline {
	line-height: 20px;
	padding: 5px 40px;
}

.red-btn.big,
.grey-btn.big {
	line-height: 45px;
	font-size: 15px;
}

.grey-btn.ico {
	font-size: 12px;
	line-height: 45px;
	position: relative;
	padding-right: 56px;
	letter-spacing: 0px;
}

.grey-btn.ico:hover:after {
	animation: pop 0.3s ease;
}

.grey-btn:hover {
	background: #353434;
	color: white;
	transition: all 0.3s ease;
}

.red-btn:hover {
	background: #d72729;
	color: white;
	transition: all 0.3s ease;
}

.grey-btn.ico:before,
.grey-btn.ico:after {
	content: '';
	display: block;
	font-family: 'FontAwesome';
	height: 100%;
	width: 48px;
	background: #4b4b4b;
	position: absolute;
	right: 0;
	top: 0;
	color: white;
	font-weight: normal;
	text-align: center;
	line-height: 48px;
}

.grey-btn.ico:after {
	background: none;
}

.grey-btn.ico.reu:after {
	content: '\f073';
}

.entrees .grey-btn.ico.om {
	margin-left: 20px;
}

.grey-btn.ico.om:after {
	content: '\f0b1';
}

.atouts {
	padding: 40px 0 60px 0;
}

@media screen and (max-width: 768px) {
	.atouts {
		padding: 40px 0;
	}
}

.atouts .tcenter {
	margin-top: 40px;
}

.atouts .atout {
	display: inline-block;
	width: calc(50% - 4px);
	font-family: 'Roboto', sans-serif;
	color: #666;
	font-size: 13px;
	vertical-align: top;
	margin-bottom: 20px;
}

.atouts .atout .logo {
	display: block;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	width: 76px;
	height: 52px;
	background: url(img/atouts.png);
	transform: scale(0.9);
	transition: all 0.3s ease;
}

.atouts .atout:hover .logo {
	transform: scale(1);
	transition: all 0.3s ease;
}

.atouts .atout.om .logo {
	background-position: -76px 0;
}

.atouts .atout.reseau .logo {
	background-position: -228px 0;
}

.atouts .atout.prospection .logo {
	background-position: -152px 0;
}

.atouts .atout .content {
	float: left;
	width: 330px;
}

.atouts .atout h3 {
	margin-bottom: 10px;
	margin-top: 0;
}

.nos-om h2,
.pourquoi h2,
.atouts h2 {
	margin-bottom: 40px;
}

.pourquoi {
	padding: 40px 0;
	background: url(img/pourquoi.jpg);
	background-size: cover;
}

.reason {
	width: 160px;
	display: inline-block;
	vertical-align: top;
}

.reason + .reason {
	margin-left: calc((100% - 656px) / 3);
}

.counter {
	position: relative;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 38px;
}

.counter span {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center;
	top: 80px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 14px;
}

.pourquoi .tcenter.btn {
	margin-top: 40px;
}

.nos-reunions {
	background: white;
	overflow: hidden;
}

.nos-reunions .container:before {
	content: '';
	position: absolute;
	right: -90px;
	bottom: 0;
	width: 469px;
	height: 366px;
	background: url(img/bg-reu2.jpg) no-repeat;
	z-index: 0;
}

.nos-reunions .container .desc {
	position: relative;
	z-index: 1;
}

.nos-reunions .container {
	padding: 45px 0;
}

.nos-reunions img,
.nos-reunions .content {
	float: left;
}

.nos-reunions img {
	margin-right: 40px;
}

.nos-reunions .desc {
	margin-top: 80px;
}

.nos-reunions .desc h2 {
	margin-top: 0;
	margin-bottom: 10px;
}

.nos-reunions .desc .grey-btn {
	margin-top: 35px;
}

/* 6232 - Covid 19 */

.nos-agences {
	background-color: #fff;
	padding: 80px 0;
}

@media screen and (max-width: 720px) {
	.nos-agences {
		padding: 40px 0;
	}
}

@media screen and (max-width: 425px) {
	.nos-agences {
		padding: 20px 0 40px 0;
	}
}

.nos-agences .container.clear {
	display: flex;
	justify-content: center;
	align-items: center;
}

.nos-agences .desc {
	margin-top: -70px;
}

@media screen and (max-width: 720px) {
	.nos-agences .desc {
		margin-top: 0px;
	}
}

.nos-agences .h2 {
	text-transform: uppercase;
	color: #ff0000;
}

@media screen and (max-width: 720px) {
	.nos-agences .h2 {
		font-size: 20px;
	}
}

.nos-agences .description {
	font-size: 18px;
	width: 80%;
	margin-bottom: 70px;
}

@media screen and (max-width: 720px) {
	.nos-agences .description {
		margin-bottom: 30px;
	}
}

.nos-agences .subtitle {
	font-size: 23px;
	margin-top: -15px;
	margin-bottom: 40px;
	width: 94%;
}

@media screen and (max-width: 720px) {
	.nos-agences .subtitle {
		font-size: 20px;
		margin-bottom: 20px;
	}
}

.nos-agences .red-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 0;
	width: 420px;
}

@media screen and (max-width: 720px) {
	.nos-agences .red-btn {
		width: 100%;
		font-size: 13px;
		line-height: 20px;
		margin-bottom: 20px;
	}
}

.nos-agences .red-btn span.texte {
	padding-left: 25px;
}

@media screen and (max-width: 720px) {
	.nos-agences .red-btn span.texte {
		padding-left: 15px;
	}
}

.nos-agences .red-btn span.picto {
	width: 50px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #d72729;
}

.nos-agences .carte {
	width: 420px;
	position: relative;
	top: 40px;
	right: 30px;
}

@media screen and (max-width: 720px) {
	.nos-agences .carte {
		width: 90%;
		top: auto;
		right: auto;
	}
}

.nos-agences a img {
	width: 30px;
	height: 30px;
}

/* Fin 6232 */

.nos-om .container {
	padding-top: 20px;
}

.nos-om .tcenter {
	margin: 40px 0;
}

.nos-offres .item {
	width: 100%;
}

.nos-offres .item .more {
	text-transform: uppercase;
	color: #d72729;
	text-decoration: none;
	display: block;
	text-align: right;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	margin-top: 5px;
}

.nos-offres .item .content {
	background: white;
	padding: 15px;
	min-height: 275px;
}

.nos-offres .item .content p.h4,
.nos-offres .item .content h3 {
	margin-top: 0;
	margin-bottom: 5px;
	padding-bottom: 20px;
	border-bottom: 2px solid #d72729;
	font-size: 15px;
}

.nos-offres .item .content p.h4 {
	color: #343333;
	font-weight: bold;
}

.nos-offres .item .content p {
	font-size: 13px;
	color: #666;
}

.nos-offres .item .content p.italic {
	font-style: italic;
	color: #252222;
}

.page-template-default .container-mission {
	text-decoration: none !important;
}

.page-template-default .container-mission > div {
	text-align: left;
}

.sidebarContainer {
	margin-left: 10px;
}

#sidebar .slide-om-sidebar .slick-dots li button:before {
	width: 10px;
	height: 10px;
	border: 1px solid #4b4b4b;
}

.slick-dots li.slick-active button:before {
	background: #4b4b4b;
	color: #4b4b4b;
}

.omcontent p.contmissionslide {
	word-wrap: break-word;
}

.ks .slick-prev,
.ks .slick-next {
	top: auto;
	bottom: -40px;
	right: 15px;
}

.ks .slick-prev {
	right: 45px;
	left: auto;
}

.ks .slick-prev:before,
.ks .slick-next:before {
	color: #252222;
	opacity: 0.75;
	font-family: 'FontAwesome';
}

.ks .slick-prev:before {
	content: '\f053';
}

.ks .slick-next:before {
	content: '\f054';
}

.echos {
	padding: 20px 0 30px 0;
}

.echos h2 {
	margin-bottom: 40px;
}

.echos .tcenter .grey-btn {
	margin-top: 20px;
}

.consultant {
	width: 196px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	vertical-align: top;
}

.consultant + .consultant {
	margin-left: calc((100% - 798px) / 3);
}

.consultant .image {
	display: block;
	border-radius: 50%;
	overflow: hidden;
	height: 196px;
	perspective: 200px;
	border: 3px solid #bcbcbc;
	width: 196px;
	margin: 0 auto;
}

.consultant .image img {
	margin-left: -1px;
	margin-top: -1px;
}

.consultant .image .societe {
	position: absolute;
	width: 85%;
	height: 85%;
	border-radius: 50%;
	background: #f6f2f3;
	padding: 0 40px;
	text-align: center;
	z-index: 2;
	top: 7.5%;
	left: 7.5%;
	transform-origin: 50% 50%;
	color: #252222;
	transform-style: preserve-3d;
	transform: scale(0);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
	transition: all 0.5s ease-in-out;
	line-height: 160px;
}

.consultant .nom {
	color: #bcbcbc;
	transition: all 0.3s ease;
}

.consultant:hover .nom {
	color: #252222;
	transition: all 0.3s ease;
}

.consultant:hover .image .societe {
	animation: pop2 0.6s ease forwards;
}

.consultant .nom {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	margin-top: 15px;
}

.desc p {
	color: #2f2e2e;
	font-weight: 300;
}

.liste-echos {
	text-align: center;
}

.liste-echos .consultant {
	width: 305px;
	background: #f6f2f3;
	padding: 30px 0;
	text-decoration: none;
}

.liste-echos .consultant .image {
	background: url() no-repeat center center;
	width: 196px;
	margin: 0 auto;
}

.liste-echos .consultant .image .societe {
	color: #333333;
	font-size: 22px;
	background: rgba(246, 242, 243, 0.7);
	padding: 0 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	line-height: 175px;
}

.liste-echos .consultant .image:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: inherit;
	filter: blur(5px); /* Someday, sigh ... */
	-webkit-filter: blur(5px); /* Prefixed CSS3 blur filters */
	-moz-filter: blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: url(#blur); /* Firefox needs SVG */
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='5');
	transition: all 0.3s ease;
}

.liste-echos .consultant:hover .image:after {
	opacity: 1;
	transition: all 0.3s ease;
}

.liste-echos .consultant .nom {
	color: #666666;
	font-size: 25px;
	margin-bottom: 0;
}

.liste-echos .consultant .societe {
	font-size: 20px;
	color: #2f2e2e;
	text-transform: uppercase;
	font-family: 'Bebas Neue Book', sans-serif;
	margin-top: 10px;
	font-weight: 300;
}

.liner {
	display: inline-block;
	line-height: normal;
	vertical-align: middle;
}

.liste-echos .consultant {
	margin: 20px 15px 10px 15px;
}

/* Pagination */

.pagination {
	font-family: 'Roboto', sans-serif;
}

.pagination li {
	list-style-type: none;
	display: inline;
	padding: 5px;
	padding-left: 0;
}

.pagination li:after {
	content: '|';
	margin-left: 5px;
	font-size: 20px;
	color: #d72729;
}

.pagination li:last-of-type:after {
	content: '';
}

.pagination li span,
.pagination .wp-paginate .current {
	font-size: 20px;
	color: #000;
	background: none;
	border: 0px;
	padding: 0;
}

.pagination li a,
.pagination li a:hover {
	text-decoration: none;
	font-size: 20px;
	color: #d72729;
	background: none;
	border: 0px;
	padding: 0;
}

.pagination li a:hover {
	text-decoration: underline;
}

/*Single echo*/
@media screen and (min-width: 1200px) {
	.authorContainer {
		display: flex;
		justify-content: space-between;
	}
	.author-bloc.multiple_author {
		width: 45%;
		padding-left: 27px;
	}
	.author-bloc.multiple_author .img-holder {
		position: relative;
		left: auto;
		top: -15px;
		max-width: 190px;
	}
}
.author-bloc {
	background: #f6f2f3;
	padding: 20px 40px;
}

.author-bloc > img {
	display: block;
	float: left;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 65px;
}

.author-bloc .r-content .societe {
	font-family: 'Bebas Neue Book', sans-serif;
	font-size: 20px;
	margin: 5px 0;
}

.author-bloc .r-content .nom {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	color: #666666;
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.author-bloc .rs a {
	color: #333;
	display: inline-block;
	font-size: 18px;
}

.author-bloc .rs a + a {
	margin-left: 5px;
}

.author-bloc .rs a:hover {
	animation: pop 0.5s ease;
}

.quote {
	color: #a19799;
	font-weight: bold;
	font-style: italic;
	font-size: 17px;
}

.wysiwyg-content .author-resume .bold {
	font-weight: bold;
}

.wysiwyg-content .author-resume a {
	color: #252222;
}

.wysiwyg-content img {
	max-width: 100%;
	height: auto;
}

@keyframes pop2 {
	0% {
		transform: scale(0);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

.actus h2 {
	margin: 40px 0;
}

.actus {
	padding-bottom: 40px;
}

.slide-actu {
	width: 314px;
	background-size: cover;
	padding: 11px;
	position: relative;
	height: 287px;
	overflow: hidden;
	display: block;
	color: #343333;
	margin: 0 auto;
}

.slide-actu .content {
	background: white;
	padding: 15px;
	position: absolute;
	bottom: 11px;
	left: 11px;
	height: 138px;
	width: calc(100% - 22px);
	max-height: calc(100% - 22px);
	transition: all 0.4s ease;
}

.slide-actu .content h3,
.slide-actu .content h2 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	margin: 5px 0 10px 0;
	color: #343333;
	line-height: normal;
}

.slide-actu .content .actu-content {
	max-height: 0;
	overflow: hidden;
	transition: all 0.4s ease;
}

.wysiwyg-content > .author,
.slide-actu .content .author {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 500;
}

.upp {
	text-transform: uppercase;
}

.wysiwyg-content > .author .red,
.slide-actu .content .author .red {
	color: #d72729;
}

.slide-actu .content .actu-content p.resume {
	font-size: 14px;
	color: #727272;
	margin: 0 0 20px;
}

.slide-actu .content .actu-content .red-btn {
	font-size: 15px;
	padding: 5px 25px;
	line-height: normal;
}

.slide-actu:hover .red-btn.big {
	background: #d72729;
	color: white;
}

.slide-actu:hover .content {
	height: calc(100% - 22px);
	transition: all 0.4s ease;
}

.slide-actu:hover .content .actu-content {
	max-height: 300px;
	transition: all 0.4s ease;
}

#monform iframe {
	display: block;
	margin: 0 auto;
}

#contenu iframe,
#cboxLoadedContent iframe {
	border: none;
	margin: 0 auto;
	display: block;
}

a.dl_cv {
	background-color: #d72729;
	color: white;
	padding: 6px 15px;
}

/*Page standard*/

body:not(.home) {
	padding-top: 85px;
}

div.page-entete {
	height: auto;
	/*background: url(img/default-background.jpg) center center;
	background-size: cover;*/
	position: relative;
}

div.page-entete picture,
div.page-entete .imgentete {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
}

@media screen and (min-width: 981px) {
	div.page-entete {
		height: 320px;
	}
}

/* div.page-entete .entrees .deuxblocs {
	margin-top: 0;
	height: 110px;
	width: 520px;
}

div.page-entete .entrees .deuxblocs > a, div.page-entete .entrees .deuxblocs > button {
	height: 110px;
	width: 260px;
}

div.page-entete .entrees .deuxblocs .left:before {
	background-size: auto 308px;
	background-repeat: no-repeat;
	background-position: 96% -176px;
	background-color: #f6f2f3;
}

div.page-entete .entrees .deuxblocs .leftold {
	background-size: auto 308px;
	background-repeat: no-repeat;
	background-color: white;
	background-position: 96% -22px;
}

div.page-entete .entrees .deuxblocs .right:before {
	background-size: auto 308px;
	background-repeat: no-repeat;
	background-position: 101% -181px;
	background-color: #f6f2f3;
}

div.page-entete .entrees .deuxblocs .rightold {
	background-size: auto 308px;
	background-repeat: no-repeat;
	background-color: white;
	background-position: 101% -27px;
}

div.page-entete .entrees .deuxblocs > a img, div.page-entete .entrees .deuxblocs > button img {
	height: 45px;
	width: auto;
}

div.page-entete .entrees .deuxblocs > .right img {
	right: -15px;
} */

/* div.page-entete .deuxblocs .titre-entree {
	font-size: 15px;
}

div.page-entete .deuxblocs .desc-entree {
	display: none;
} */

/* div.page-entete .entrees .deuxblocs > a .chev, div.page-entete .entrees .deuxblocs > button .chev {
	top: 30px;
	right: 20px;
	left: auto;
	bottom: auto;
	height: 45px;
	width: 45px;
	line-height: 30px;
} */

div.page-entete .container .entrees {
	margin-top: 20px;
	margin-bottom: -55px;
	justify-content: flex-end;
}

div.page-entete .container {
	padding-top: 80px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

div.page-entete .container h1 {
	margin: 0;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 30px;
	color: #f1f3f4;
	text-shadow: -1px 0px 2px rgba(0, 0, 0, 0.4);
}

div.page-entete .container h1 > span {
	display: block;
	text-align: center;
}

.whitebg .container.main {
	padding-top: 20px;
}

.whitebg .container.main > a {
	max-width: 203px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0;
	border-radius: 10px;
	border: 1px solid #ed2024;
	background-color: #ed2024;
	color: #fff;
	z-index: 1;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
	padding: 0 10px;
	min-width: 180px;
	height: 35px;
	border-radius: 5px;
	font-weight: 700;
	font-size: 12.5px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.whitebg .container.main > a i {
	margin-right: 20px;
	color: #fff;
}

.whitebg .container.main > a span {
	color: #fff;
}
/*Fil d'arianne*/

.breadcrumbs {
	margin-top: -100px;
	max-width: 600px;
	margin-bottom: 70px;
}

/* Sur le blog, le placement du fil d'ariane est différent */
.single-post .breadcrumbs{
	margin-top: 0;
	margin-bottom: 25px;
}

.breadcrumbs span {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	height: 38px;
}

.breadcrumbs span a i {
	font-size: 20px;
	margin-left: 4px;
}

.breadcrumbs span a,
.breadcrumbs span span {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	min-width: 30px;
	padding: 0 5px;
	text-align: center;
	vertical-align: top;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.breadcrumbs span a {
	display: block;
}

.breadcrumbs span span {
	color: #3c3c3c;
}

.breadcrumbs > span:first-child a {
	height: 38px;
	padding-left: 5px;
}

.breadcrumbs > span:first-child {
	padding-left: 0;
	background: none;
}

.breadcrumbs > span + span {
	position: relative;
}

.breadcrumbs > span + span:before {
	content: '>';
	position: absolute;
	left: 5px;
	top: 12px;
	transform-origin: 50% 50%;
}

.breadcrumbs > span {
	padding-left: 15px;
	background-size: auto 34px;
}

.breadcrumbs span a,
.breadcrumbs span a span {
	padding: 0 2px;
	color: #2f2e2e;
}

.breadcrumbs a.lastitem {
	display: inline-block;
	background: none;
	padding: 0;
	min-width: auto;
}

.breadcrumbs a.lastitem span {
	background: none;
	color: #3c3c3c;
}

.wysiwyg-content {
	float: left;
	width: 730px;
	font-size: 15px;
	line-height: 20px;
	color: #252222;
}

/* Point 6231 Covid 19 */
.page-template-page-entretien-individuel .wysiwyg-content .accordeon-container {
	margin: 20px 0 50px 0;
}

.page-template-page-entretien-individuel .wysiwyg-content .region {
	width: 100%;
}

.page-template-page-entretien-individuel .wysiwyg-content .region .title {
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 300;
	cursor: pointer;
	border: 1px solid #eee;
}

@media screen and (max-width: 720px) {
	.page-template-page-entretien-individuel .wysiwyg-content .region .title {
		font-size: 18px;
	}
}

.page-template-page-entretien-individuel .wysiwyg-content .region .title img {
	width: 30px;
	height: 30px;
}

.page-template-page-entretien-individuel .wysiwyg-content .region .calendy {
	display: none;
}

.page-template-page-entretien-individuel .wysiwyg-content .region.open .calendy {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page-template-page-entretien-individuel
	.wysiwyg-content
	.region.open
	.calendy
	.calendly-inline-widget {
	width: 100%;
}

/* End point 6231 */

.wysiwyg-content > *:first-child {
	margin-top: 0;
}

.wysiwyg-content ul {
	font-family: 'Roboto', sans-serif;
	color: #252222;
}

.wysiwyg-content h2 {
	font-size: 25px;
	color: #d72729;
	line-height: 30px;
	letter-spacing: 0.5px;
}

.wysiwyg-content ul li {
	list-style: none;
	line-height: 35px;
}

.wysiwyg-content ul li:before {
	content: '\2022';
	display: inline-block;
	margin-right: 5px;
	font-size: 20px;
	color: #d72729;
	vertical-align: top;
}

.wysiwyg-content a {
	color: #d72729;
	text-decoration: none;
}

.wysiwyg-content a:hover {
	text-decoration: underline;
}

.wysiwyg-content ul li li:before {
	content: '\f178';
	font-family: 'FontAwesome';
}
/* sharebare */

.share-bar {
	transform: translateX(-150%);
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	width: 60px;
	position: absolute;
	top: 80px;
}

.share-bar.mobile {
	top: 140px;
}

.share-bar.mobile.not-sticky {
	top: auto;
}

/* Wrapper */

.share-bar .icon-button {
	background-color: white;
	border-radius: 3.6rem;
	cursor: pointer;
	display: inline-block;
	font-size: 2rem;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	margin: 0 5px;
	position: relative;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.share-bar .resultat-partage {
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-family: Roboto, Helvetica, Arial, sans-serif;
}

.share-bar .texte-partage {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	font-size: 9px;
	font-family: Roboto, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

/* Circle */

.share-bar .icon-button span {
	border-radius: 0;
	display: block;
	height: 0;
	left: 50%;
	margin: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	width: 0;
}

.share-bar .icon-button:hover span {
	width: 3rem;
	height: 3rem;
	border-radius: 3rem;
	margin: -1.54rem;
}

.share-bar .twitter span {
	background-color: #4099ff;
}

.share-bar .facebook span {
	background-color: #3b5998;
}

.share-bar .linkedin span {
	background-color: #1686b0;
}

.share-bar .envelope span {
	background-color: #c13c43;
}

/* Icons */

.share-bar .icon-button i {
	background: none;
	color: white;
	height: 3rem;
	width: 3rem;
	left: 0;
	font-size: 25px;
	line-height: 3rem;
	position: absolute;
	top: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 10;
}

.share-bar .icon-button .icon-twitter {
	color: #4099ff;
}

.share-bar .icon-button .icon-facebook {
	color: #3b5998;
}

.share-bar .fa-linkedin:before {
	color: #1686b0;
}

.share-bar .fa-envelope:before {
	color: #c13c43;
}

.share-bar .icon-button:hover .icon-twitter,
.share-bar .icon-button:hover .icon-facebook,
.share-bar .fa-linkedin:hover:before,
.share-bar .fa-envelope:hover:before {
	color: white;
}

/* Page RI */

.page-reunion-information .wysiwyg-content h3::after,
.page-reunion-dinformation-a-distance .wysiwyg-content h3::after {
	color: #333;
	content: '\f078';
	display: block;
	float: right;
	font-family: 'FontAwesome', sans-serif;
	font-size: 20px;
	height: 10px;
	position: absolute;
	right: 10px;
	top: 0;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
}

.page-reunion-information .wysiwyg-content h3,
.page-reunion-dinformation-a-distance .wysiwyg-content h3 {
	border: 2px solid #f2f2f2;
	cursor: pointer;
	font-family: 'Open Sans', sans-serif;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	padding: 0 12px;
	position: relative;
	transition: all 0.4s ease 0s;
	margin: 0;
}

.page-reunion-information .flux-ri,
.page-reunion-dinformation-a-distance .flux-ri {
	display: none;
	font-size: 13px;
	padding: 10px;
	margin: 0;
	border: 2px solid #f2f2f2;
}

.page-reunion-information .wysiwyg-content h3.active,
.page-reunion-dinformation-a-distance .wysiwyg-content h3.active {
	background: #f6f2f3 none repeat scroll 0 0;
}

.page-reunion-information h3.active::after,
.page-reunion-dinformation-a-distance h3.active::after {
	content: '\f077';
}

/*Sidebar*/

#sidebar {
	float: right;
	width: 240px;
	padding-bottom: 20px;
}

#sidebar .grey-btn {
	width: 100%;
	padding: 0 15px;
	text-align: center;
}

#sidebar a {
	outline: none;
}

#sidebar .grey-btn + .grey-btn {
	margin-top: 18px;
}

#sidebar .grey-btn.ico {
	padding-right: 65px;
}

.grey-btn.ico.contact {
	border-color: #d72729;
	color: #d72729;
}

.grey-btn.ico.contact:hover,
.grey-btn.ico.contact:before {
	background-color: #d72729;
	color: white;
}

.grey-btn.ico.contact:after {
	content: '\f0e0';
}

.entrees .container-btn {
	display: flex;
	position: absolute;
	align-items: flex-end;
	height: 195px;
	margin-top: -90px;
}

.entrees .mem-btn {
	width: 245px;
	margin-bottom: 0;
	background: none;
}

.mem-btn {
	display: flex;
	align-items: center;
	margin: 15px 20px;
	margin-left: 0;
	border: 1px solid #909090;
	width: 100%;
	height: 45px;
	background-color: white;
	font-family: Raleway;
	font-size: 14px;
	color: #4b4b4b;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out;
	box-sizing: content-box;
}

.mem-btn:hover {
	background-color: #4b4b4b;
	color: white;
}

.mem-btn.has-icon:hover .icon-container img {
	animation: pop 0.3s ease;
}

.mem-btn span {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.mem-btn strong {
	font-weight: bold;
}

.mem-btn .icon-container {
	align-self: normal;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	background-color: #4b4b4b;
}

.mem-btn .icon-container img {
	object-fit: contain;
	height: 50%;
}

#sidebar-map {
	display: block;
	height: 357px;
	width: 100%;
	background: url('img/reunion-sidebar.jpg') no-repeat;
	text-decoration: none;
	color: #000;
	text-align: center;
	padding: 10px;
	position: relative;
	margin-top: 20px;
}

#sidebar-map p {
	font-size: 14px;
	color: #666;
}

#sidebar-map:hover .grey-btn {
	background: #353434;
	color: white;
}

#sidebar-map .grey-btn {
	position: absolute;
	width: 105px;
	font-size: 12px;
	padding: 5px 10px;
	bottom: 25px;
	left: 25px;
	letter-spacing: 0.5px;
}

#sidebar p.bebabold {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	color: #000;
}

#sidebar-map p.bebabold {
	margin-top: 10px;
	letter-spacing: 0.5px;
}

#sidebar .contact-entreprise {
	display: block;
	background: url('img/contact-entreprise.jpg');
	height: 197px;
	text-decoration: none;
	padding: 14px;
	position: relative;
	margin-top: 20px;
}

#sidebar .contact-entreprise:hover .btn {
	background: white;
	color: #d72729;
	transition: 0.3s all ease;
}

.deposer-om a,
.contact-entreprise .btn {
	display: inline-block;
	text-align: center;
	width: calc(100% - 30px);
	background: #d72729;
	border: 3px solid #d72729;
	color: white;
	font-family: 'Bebas Neue', sans-serif;
	text-transform: uppercase;
	font-size: 20px;
	padding: 5px 0;
	position: absolute;
	bottom: 15px;
	left: 15px;
	transition: 0.3s all ease;
}

.deposer-om a {
	position: static;
	left: auto;
	bottom: auto;
	text-decoration: none;
	display: block;
	margin: 0 auto;
}

#sidebar .nos-offres {
	margin-top: 20px;
	background: #f6f2f3;
}

#sidebar .nos-offres .btn,
#sidebar .nos-offres .cembutton {
	display: block;
	text-align: center;
	background: #343333;
	border: 3px solid #343333;
	color: white;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	padding: 5px 0;
	transition: 0.3s all ease;
	margin-top: 10px;
	text-decoration: none;
}

.deposer-om a:hover,
#sidebar .nos-offres .btn:hover,
#sidebar .nos-offres .cembutton:hover {
	background: white;
	color: #343333;
	transition: 0.3s all ease;
}

#sidebar .nos-offres .slide-om-sidebar .omside {
	display: inline-block;
	min-height: 340px;
	width: 240px;
	background-color: white;
	color: #666666;
	font-size: 13px;
	vertical-align: top;
	margin: 15px;
	transition: all 0.3s ease;
	position: relative;
	border: solid 1px #808080;
	line-height: 1;
}

#sidebar .nos-offres .slide-om-sidebar .omside:hover {
	-moz-box-shadow: 0px 0px 10px 4px #cccccc;
	-webkit-box-shadow: 0px 0px 10px 4px #cccccc;
	-o-box-shadow: 0px 0px 10px 4px #cccccc;
	box-shadow: 0px 0px 10px 4px #cccccc;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=NaN, Strength=10);
}

#sidebar .nos-offres .slide-om-sidebar .omside p {
	margin: 0 0 10px;
	font-family: 'Raleway', sans-serif;
}

#sidebar .nos-offres .slide-om-sidebar .omside a, #sidebar .nos-offres .slide-om-sidebar .omside button {
	color: inherit;
	text-decoration: none;
}

#sidebar .nos-offres .slide-om-sidebar .omside button {
	background-color: transparent;
	border: none;
	padding: 0;
	text-align: left;
	cursor: pointer;
}

#sidebar .nos-offres .slide-om-sidebar .omside .omtitreslide {
	font-weight: 600;
	font-size: 14.5px;
	color: white;
	text-transform: uppercase;
	font-family: 'Raleway', sans-serif;
	line-height: normal;
	line-height: 1;
}

#sidebar .nos-offres .slide-om-sidebar .omside .omtitreslide img {
	position: absolute;
	width: 25px;
	height: 55px;
	padding-bottom: 5px;
	border-bottom: solid 3px white;
	top: 0;
	left: 0;
	transform: translate(70%, 25%);
	z-index: 1;
}

#sidebar .nos-offres .slide-om-sidebar .omside .omtitreslide img.mouseout-rubber {
	animation: rubberBand 0.5s ease;
}

#sidebar .nos-offres .slide-om-sidebar .omside .omtitreslide img.mouseover-rubber {
	text-decoration: none;
	animation: none;
	transform: translate(70%, 25%) scale(1.15);
}

#sidebar .nos-offres .slide-om-sidebar .omside .omtitreslide span {
	font-size: 13px;
	font-weight: normal;
}

#sidebar .nos-offres .slide-om-sidebar .omside .omtitreslide {
	background-color: #4b4b4b;
	padding-left: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 8px;
	position: relative;
	display: block;
}

#sidebar .nos-offres .slide-om-sidebar .omside .omcontent {
	padding: 15px 25px;
	padding-bottom: 50px;
}

#sidebar .nos-offres .slide-om-sidebar .omside .omcontent > span:first-child,
.page-template-default .omside .omcontent > span:first-child {
	width: 100%;
	display: block;
	padding-bottom: 6px;
	font-family: 'Raleway';
	font-size: 15px;
	font-weight: bold;
	color: #0b698a;
	text-transform: uppercase;
}

#sidebar .nos-offres .slide-om-sidebar .omside .contextmissionslide {
	color: #252222;
	margin: 20px 0 15px;
}

#sidebar .nos-offres .slide-om-sidebar .omside .contextmissionslide.contmldep {
	margin-bottom: 25px;
}

#sidebar .nos-offres .slide-om-sidebar .omside .memlittlebutton {
	white-space: nowrap;
	border-radius: 10px;
	background-color: #0b698a;
	position: absolute;
	width: auto;
	left: 50%;
	bottom: 20px;
	text-transform: uppercase;
	font-family: 'Raleway';
	font-weight: bold;
	font-size: 12.5px;
	color: white;
	line-height: 5px;
	text-decoration: none;
	padding: 15px 28px;
	transform: translateX(-50%);
	border: 1px solid transparent;
	cursor: pointer;
}

#sidebar .nos-offres .slide-om-sidebar .omside .memlittlebutton:hover {
	color: #0b698a;
	background-color: white;
	border: 1px solid #0b698a;
	transition: all 0.3s ease-in-out;
}

#sidebar .nos-offres .slide-om-sidebar .elem-slider-om .omtitre {
	overflow: hidden;
	max-height: 145px;
}

#sidebar .nos-offres .slide-om-sidebar .elem-slider-om .omcontent {
	padding-top: 10px;
	padding-bottom: 45px;
	padding-right: 25px;
	padding-left: 25px;
}

#sidebar #deposer-om-content {
	display: none;
}

#deposer-om-content table {
	margin: 0 auto;
	width: 100%;
}

#deposer-om-content table td {
	padding: 0 10px;
}

#deposer-om-content {
	padding: 0 30px;
}

.deposer-om a:hover {
	color: #d72729;
}

#deposer-om-content table td p {
	font-weight: 500;
	font-size: 15px;
	color: black;
}

#deposer-om-content table td {
	vertical-align: top;
}

#deposer-om-content table td:first-child {
	padding-right: 30px;
}

#deposer-om-content table td:last-child {
	padding-left: 30px;
}

form.wpcf7-form select,
form.wpcf7-form input {
	line-height: 25px;
	width: 100%;
	min-height: 32px;
	font-weight: normal;
}

form.wpcf7-form select {
	height: 32px;
}

form.wpcf7-form textarea {
	width: 100%;
	resize: vertical;
}

form.wpcf7-form input[type='submit'] {
	background: #d72729;
	border: 3px solid #d72729;
	color: white;
	font-size: 20px;
	padding: 5px 10px;
	display: inline-block;
	width: auto;
	cursor: pointer;
}

.deposer-om a:hover {
	color: #d72729;
}

#inscriptioncorps .rgpd_newsletter {
	margin-top: 130px;
	display: block;
	font-size: 14px;
	padding: 0 10px;
}

#sidebar #inscriptionnewsletter {
	position: relative;
	height: 335px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background: none;
	border: 1px solid #00cbb8;
	font-family: Raleway;
}

#sidebar #inscriptionnewsletter .container-titre {
	width: 100%;
	max-width: 220px;
	position: absolute;
	top: 35px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

#sidebar #inscriptionnewsletter .container-titre > p {
	text-align: center;
	text-transform: uppercase;
	margin: 0;
}

#sidebar #inscriptionnewsletter .container-titre > p.first-line {
	color: #00cbb8;
	font-weight: 500;
}

#sidebar #inscriptionnewsletter .container-titre > p.second-line {
	color: #565656;
	font-weight: 600;
}

#sidebar #inscriptionnewsletter #inputemail {
	height: 33px;
	max-width: 130px;
	width: 100%;
	position: absolute;
	top: 90px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#sidebar #inscriptionnewsletter #inputemail::placeholder {
	font-family: Raleway;
	font-style: normal;
}

#sidebar #inscriptionnewsletter #inputemail input {
	width: 183px;
	border: 1px dashed #00cbb8;
	height: 33px;
	outline: none;
	-webkit-appearance: none;
	font-family: Raleway;
	font-style: normal;
	color: #565656;
}

#sidebar #inscriptionnewsletter #inputemail button {
	width: 38px;
	height: 33px;
	margin: 0;
	padding: 0;
	background: none;
}

#sidebar #inscriptionnewsletter #inputemail button {
	user-select: none;
	pointer-events: none;
	filter: grayscale(1);
}

#sidebar #inscriptionnewsletter #inputemail button.active {
	user-select: auto;
	pointer-events: auto;
	filter: grayscale(0);
}

.input-mail,
#inputemail {
	height: 34px;
}

.input-mail input,
#inputemail input {
	padding: 0 5px;
	font-style: italic;
	font-size: 12px;
	color: #82777a;
	width: 179px;
}

.input-mail input,
.input-mail button,
#inputemail input,
#inputemail button {
	border: none;
	line-height: 34px;
	height: 34px;
}

.input-mail button,
#inputemail button {
	margin-left: -4px;
	background: #d72729;
	color: white;
	width: 30px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.input-mail button:hover i,
#inputemail button:hover i {
	transform: scale(1.1);
	transition: all 0.3s ease;
}

#sidebar .freetext-widget {
	background: #f6f2f3;
	padding: 10px;
	text-align: center;
	margin-top: 20px;
}

#sidebar .freetext-widget p.titre {
	display: inline-block;
	padding: 10px 20px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 10px 0 20px 0;
}

#sidebar .freetext-widget .textwidget {
	background: white;
	text-align: left;
	padding: 1px 10px;
	font-size: 13px;
	color: #666;
}

#sidebar .freetext-widget .textwidget a {
	color: #d72729;
}

#sidebar .white-book {
	background: url(img/white-book.png) 95% 10px no-repeat #f6f2f3;
	margin-top: 20px;
	padding: 15px;
}

#sidebar .white-book .input-mail {
	margin-top: 20px;
}

#sidebar .deposer-om {
	padding: 10px;
	margin-top: 20px;
}

#sidebar .deposer-om .title,
#sidebar .categs .title {
	margin-top: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px;
	color: #000;
}

#sidebar .categs ul li a {
	color: #d72729;
}

#sidebar .categs ul li {
	font-size: 14px;
}

#sidebar .cta-entreprises {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #0076a3;
	margin: 9px 6px;
	margin-left: -2px;
	padding: 20px 10px;
	padding-right: 0;
	width: 245px;
	font-family: Raleway;
}

#sidebar .cta-entreprises .top-part {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

#sidebar .cta-entreprises .top-part p {
	margin: 0;
	font-size: 14.5px;
	font-weight: 500;
	color: #0076a3;
	text-transform: uppercase;
}

#sidebar .cta-entreprises .top-part strong {
	display: block;
	font-weight: 800;
}

#sidebar .cta-entreprises .top-part .icon-briefcase {
	flex-shrink: 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border: 1px solid #0076a3;
	margin-right: 10px;
	width: 40px;
	height: 40px;
}

#sidebar .cta-entreprises .icon-briefcase:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50px;
	background-color: #0076a3;
	width: 35px;
	height: 1px;
}

#sidebar .cta-entreprises .top-part .icon-briefcase img {
	margin-top: -2px;
	width: 24px;
}

#sidebar .cta-entreprises span {
	padding-right: 10px;
	font-weight: 500;
	font-size: 13px;
	text-align: center;
	color: #0b698a;
}

#sidebar .cta a.cta-btn {
	z-index: 1;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 15px;
	padding: 0 10px;
	min-width: 180px;
	height: 35px;
	border-radius: 5px;
	border: 1px solid #0076a3;
	color: #0076a3;
	font-weight: bold;
	font-size: 12.5px;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

#sidebar .cta-entreprises a.tom-trigger {
	background-color: #0076a3;
	color: white;
}

#sidebar :not(.cta-reunion) .cta a.cta-btn:hover {
	color: white;
	border-color: #34e7cc;
}

#sidebar .cta-entreprises a:before {
	content: '';
	z-index: -1;
	position: absolute;
	top: 0;
	left: 50%;
	right: 50%;
	bottom: 0;
	opacity: 0;
	background-color: #34e7cc;
	transition: 0.5s all ease;
}

#sidebar .cta-entreprises a:hover:before {
	left: 0;
	right: 0;
	opacity: 1;
}

strong {
	font-weight: bold;
}

#sidebar .cta-reunion {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border: 1px solid #ed2024;
	margin: 10px auto;
	padding: 30px 13px;
	padding-top: 25px;
	font-family: Raleway;
	font-size: 14.5px;
}

#sidebar .cta-reunion > p {
	align-self: normal;
	margin: 0;
	font-weight: 500;
	color: #ed2024;
	text-transform: uppercase;
}

#sidebar .cta-reunion .step-list {
	display: flex;
	flex-direction: column;
	margin: 30px 0;
	margin-bottom: 25px;
}

#sidebar .cta-reunion .step-item {
	display: flex;
	color: #272727;
}

#sidebar .cta-reunion .step-item + .step-item {
	margin-top: 20px;
}

#sidebar .cta-reunion .step-nb {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #a8a8a8;
	margin-right: 10px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	font-size: 18px;
	flex-shrink: 0;
}

#sidebar .cta-reunion .step-txt {
	font-size: 12.5px;
}

#sidebar .cta-reunion .step-txt strong {
	font-weight: 600;
}

#sidebar .cta-reunion a.cta-btn {
	margin: 0;
	border-radius: 10px;
	border: 1px solid #ed2024;
	background-color: #ed2024;
	color: white;
}

#sidebar .cta-reunion a.cta-btn img {
	margin-right: 10px;
}

#sidebar .cta-reunion a.cta-btn img:not(.img-hover) {
	display: block;
}

#sidebar .cta-reunion a.cta-btn .img-hover {
	display: none;
}

/*Liste articles*/

.wysiwyg-content .slide-actu {
	display: inline-block;
	text-align: left;
	margin: 0 24px 24px 24px;
	width: calc(33% - 48px);
}

.wysiwyg-content .slide-actu .author {
	color: #252222;
}

.wysiwyg-content .slide-actu:hover span.red-btn {
	background: #d72729;
	color: white;
}

.wysiwyg-content .slide-actu .content {
	padding: 0;
}

.wysiwyg-content .slide-actu .relative {
	padding: 15px;
}

.wysiwyg-content .slide-actu .relative:before {
	content: '\f077';
	font-family: 'FontAwesome', sans-serif;
	position: absolute;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	background: white;
	top: -25px;
	left: calc(50% - 25px);
	z-index: 1;
	transition: all 0.3s ease;
	color: #252222;
	font-size: 20px;
	line-height: 26px;
}

.wysiwyg-content .slide-actu:hover .relative:before {
	top: 0;
	color: white;
	transition: all 0.3s ease;
}

.wysiwyg-content .slide-actu .relative > * {
	position: relative;
	z-index: 2;
}

.wysiwyg-content.articles {
	text-align: center;
}

.nsl {
	position: absolute;
	width: 350px;
	height: 115px;
	right: 0;
	top: 45px;
	background: #fff;
	box-shadow: 1px -1px 15px rgba(131, 131, 131, 0.5);
	z-index: 99;
}

.nsl::before {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 15px;
	border-color: transparent transparent #fff transparent;
	position: absolute;
	top: -10px;
	left: calc(100% - (18%));
}

.nsl .title {
	text-align: center;
}

.nsl #inscriptioncorps {
	text-align: center;
}

.nsl #email {
	border: 1px solid #a0a0a0;
}

.home-slider #contact-entreprise-form,
#sidebar #contact-entreprise-form,
#sidebar #contact {
	display: none;
}

/*************************Contact Entreprise**************************/

#contact-entreprise-form {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 574px;
	font-family: 'Raleway';
	font-weight: 600;
}

#contact-entreprise-form > .moitie-bloc {
	height: 100%;
	width: 50%;
}

#contact-entreprise-form > #gauche {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: url(img/rectangle-gauche.png);
	background-repeat: no-repeat;
	color: white;
	padding: 110px 45px 100px;
}

#contact-entreprise-form > #gauche > .titre {
	font-size: 60px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 0;
}

#contact-entreprise-form > #gauche > .sous-titre {
	font-weight: bold;
	line-height: 1.2;
	padding: 0px 12px;
	margin-bottom: 0;
}

#contact-entreprise-form .container-RS {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: auto;
	width: 100%;
}

#contact-entreprise-form .container-bouton {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 100%;
	height: auto;
}

#contact-entreprise-form .container-bouton > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 65px;
	height: 40px;
	border-radius: 15px;
	color: white;
	text-decoration: none;
	font-size: 25px;
}

#contact-entreprise-form .container-bouton > a:hover {
	animation: rubberBand_2 0.5s ease;
}

#contact-entreprise-form .container-bouton > a.twitter {
	background-color: #00aeef;
}

#contact-entreprise-form .container-bouton > a.linkedin {
	background-color: #2d5da8;
}

#contact-entreprise-form .container-RS .text-RS {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 25px;
	margin-top: 60px;
	width: 100%;
	padding: 0px 12px;
}

#contact-entreprise-form .title-entreprise {
	font-size: 15px;
	font-weight: bold;
	color: #006b96;
	margin-top: 30px;
	text-transform: uppercase;
}

#contact-entreprise-form > #droite .container-RS {
	display: none;
}

#contact-entreprise-form .container-inline {
	display: flex;
	align-items: center;
	justify-content: center;
}

#contact-entreprise-form .container {
	width: 100%;
}

#contact-entreprise-form .container p {
	font-size: 13px;
	margin: 0px;
	margin-bottom: 5px;
	color: black;
}

#contact-entreprise-form .container input {
	min-height: 25px;
	height: 25px;
	border: #69aec9 solid 1px;
}

#contact-entreprise-form .container-inline input {
	width: 150px;
}

#contact-entreprise-form .container-inline .container:first-child {
	margin-right: 25px;
}

#contact-entreprise-form .case-entreprise {
	display: flex;
	align-items: center;
	justify-content: center;
}

#contact-entreprise-form .case-entreprise {
	font-size: 10px;
	font-weight: normal;
}

#contact-entreprise-form .case-entreprise a {
	font-weight: 600;
	color: #006d96;
	text-decoration: none;
}

#contact-entreprise-form .text-error {
	color: #b94a48;
}

#contact-entreprise-form sup {
	color: #4fd79c;
	font-size: 16px;
	top: 5px;
	position: relative;
}

#contact-entreprise-form textarea {
	height: 140px;
	border: #69aec9 solid 1px;
}

#contact-entreprise-form form {
	margin: 0 auto;
	width: 325px;
}

#contact-entreprise-form .container-submit {
	text-align: center;
	margin-top: 15px;
}

#contact-entreprise-form .container-submit input {
	background: none !important;
	background-image: none !important;
	background-color: #4fd79c !important;
	border: none;
	border-radius: 10px;
	font-size: 16px;
	font-weight: bold;
	padding: 0 10px;
	width: 115px;
	line-height: 1;
	text-transform: uppercase;
	-webkit-appearance: none;
}

#contact-entreprise-form .container-submit input:disabled {
	cursor: default;
}

#contact-entreprise-form .checkbox-custom .wpcf7-list-item {
	margin: 0;
	line-height: 0.5;
	cursor: text;
}

#contact-entreprise-form .checkbox-custom .wpcf7-list-item-label {
	font-size: 10px;
	font-weight: normal;
}

/********Checkboxes*********/
/* The container */

#contact-entreprise-form .case-entreprise > span,
#contact-entreprise-form .checkbox-custom > span {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */

#contact-entreprise-form .case-entreprise > span input,
#contact-entreprise-form .checkbox-custom > span input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	top: 0;
	left: 13px;
	height: 20px;
	width: 20px;
	max-height: 20px;
	min-height: unset;
	margin: 0;
	z-index: 99999;
}

#contact-entreprise-form .checkbox-custom > span input {
	top: 12px;
}

/* Create a custom checkbox */

#contact-entreprise-form .checkmark {
	position: absolute;
	top: 0;
	left: 13px;
	height: 20px;
	width: 20px;
	background-color: white;
	border: #343333 solid 1px;
	border-radius: 5px;
}

#contact-entreprise-form .checkbox-custom .checkmark {
	top: 12px;
}

/* When the checkbox is checked, add a blue background */

#contact-entreprise-form .case-entreprise > span input:checked ~ .checkmark,
#contact-entreprise-form .checkbox-custom > span input:checked ~ .checkmark {
	background-color: white;
}

/* Create the checkmark/indicator (hidden when not checked) */

#contact-entreprise-form .checkmark:after,
#contact-entreprise-form .checkmark:after {
	content: '';
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */

#contact-entreprise-form .case-entreprise > span input:checked ~ .checkmark:after,
#contact-entreprise-form .checkbox-custom > span input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */

#contact-entreprise-form .case-entreprise > span .checkmark:after,
#contact-entreprise-form .checkbox-custom > span .checkmark:after {
	left: 2px;
	top: 2px;
	width: 14px;
	height: 14px;
	background-color: #0076a3;
	border-radius: 3px;
}

#contact-entreprise-form .case-entreprise .info {
	height: 20px;
	width: 20px;
	border-radius: 100px;
	background-color: #1b6589;
	position: relative;
	/* top: 0px; */
	/* left: 176px; */
	margin-left: 10px;
}

#contact-entreprise-form .case-entreprise .info:hover .text_bubble {
	opacity: 1;
	pointer-events: all;
}
#contact-entreprise-form .case-entreprise {
	justify-content: flex-start;
}
#contact-entreprise-form .case-entreprise .info .icon {
	color: #fff;
	font-family: 'Raleway';
	font-size: 12px;
	font-weight: 800;
	line-height: 16px;
	font-style: normal;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#contact-entreprise-form .case-entreprise span {
	font-size: 12px;
	padding-left: 7px;
	padding-top: 3px;
}
#contact-entreprise-form .case-entreprise .info .text_bubble {
	position: absolute;
	opacity: 0;
	pointer-events: none;
	border-radius: 30px;
	background-color: #fff;
	padding: 15px;
	color: #000;
	font-family: 'Raleway';
	font-size: 12px;
	line-height: 15px;
	position: absolute;
	bottom: 25px;
	left: -57px;
	/* transform: translate(calc(64% + 5px + 5px), -20%); */
	min-width: 250px;
	max-width: 350px;
	height: auto;
	z-index: 10;
	box-shadow: 0px 0px 5px #1a1a1a;
	transition: all 0.4s ease-in-out;
}

#contact-entreprise-form .case-entreprise .info .text_bubble:before {
	content: '';
	position: absolute;
	bottom: -10px;
	/* transform: translate(-50%, -50%); */
	left: 57px;
	height: 0px;
	width: 0px;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
	border-left: 10px solid transparent;
}

#contact-entreprise-form .case-entreprise .info .text_bubble:after {
	content: '';
	position: absolute;
	top: 50%;
	transform: translate(-100%, -50%);
	left: 0;
	height: 100%;
	width: 15px;
}

#contact-entreprise-form .case-entreprise .info .text_bubble:hover {
	opacity: 1;
	pointer-events: all;
}
#contact-entreprise-form .case-entreprise {
	position: relative;
	padding-right: 30px;
}
/********FIN checkboxes*******/

/*************************FIN Contact Entreprise**************************/

/*404*/

.notfound {
	width: 955px;
	height: 445px;
	background: url(img/404.jpg) no-repeat;
	max-width: 100%;
	margin: 20px auto 60px 20px;
	font-size: 20px;
	padding: 1px;
}

.notfound .title {
	margin: 60px 0 0 100px;
}

.notfound .title > .big {
	font-family: 'Roboto', sans-serif;
	font-size: 94px;
	font-weight: bold;
	color: #353434;
	display: inline-block;
	vertical-align: top;
}

.notfound .title > .nf {
	display: inline-block;
	font-family: 'Bebas Neue Book', sans-serif;
	vertical-align: top;
	font-weight: 300;
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 10px;
	margin-left: 10px;
}

.notfound .encart > p {
	margin-top: 0;
	margin-bottom: 30px;
}

.notfound .encart {
	background: #fff;
	width: 360px;
	height: 302px;
	padding: 50px;
	text-align: center;
	margin: 0 0 0 40px;
	box-shadow: 0 -3px 45px 0 rgba(0, 0, 0, 0.3);
}

.notfound .encart b {
	display: inline-block;
	margin-bottom: 5px;
}

.notfound p.red {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #d72729;
	margin-bottom: 18px;
}

.notfound .grey-btn {
	width: 100%;
}
/*FOOTER*/

body:not(.home) footer {
	border-top: 5px solid #f6f2f3;
}

footer {
	font-size: 13px;
	position: relative;
}

footer .societe {
	font-size: 14px;
	font-weight: 500;
	width: 250px;
}

footer .societe .rs-footer {
	display: none;
}

footer .societe .certifications {
	display: flex;
	gap: 10px;
	justify-content: center;

	max-width: 81%;
}

footer .societe .certifications img {
	object-fit: contain;
	object-position: center;
	height: auto;
	min-width: 0;
}
footer .societe .certifications img:first-child {
	flex: 21;
}

footer .societe .certifications img:last-child {
	flex: 10;
}


@media screen and (max-width: 768px) {
	footer .societe .certifications {
	flex-direction: column;
	width: min-content;
	min-width: 100%;
	}

	footer .societe .certifications img{
	width: 100%;
	}

	footer .societe .certifications img:first-child {
		flex: 1;
	}
	
	footer .societe .certifications img:last-child {
		flex:1;
	}
}


footer .col.lastcol {
	padding-left: 75px;
}

footer .whitebg .container {
	padding: 40px 0;
	display: flex;
    align-items: center;
    justify-content: space-between;
	gap: 50px;
}

footer .item {
	display: flex;
	column-gap: 50px;
	flex-wrap: wrap;
	align-items: flex-end;
}

footer .item .col{
	width: calc(50% - 50px);
}

footer .item .col:nth-child(1),footer .item .col:nth-child(2){
	align-self: flex-start;
}

footer .bold,
footer .bold-mini {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}

footer span.spfo:after {
	content: '|';
}

footer span.spfoc:after {
	content: '';
}

footer .bold-mini {
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 10px;
}

footer ul {
	padding-left: 30px;
}

footer a {
	text-decoration: none;
	color: #333;
}

footer .item .col a{ 
	display: block;
	margin-bottom: 14px;
	padding-left: 20px;
	position: relative;
}

footer .item .col a::before {
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	left: 7px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #E00719;
	border-radius: 50%;
}

footer a:hover {
	text-decoration: underline;
}

.rs.fb {
	background: #3b5998;
}

.rs.li {
	background: #0082ca;
}

.rs.tw {
	background: #6cb7f0;
}

.rs.bl {
	background: #d72729;
}

footer .rs-footer .rs {
	display: block;
	line-height: 30px;
	padding: 0 10px;
	color: white;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	width: 93px;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}

footer .rs-footer .rs:hover {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

footer .rs-footer .rs + .rs {
	margin-top: 10px;
}

footer .return-top {
	position: absolute;
	right: 10px;
	top: 40px;
	height: 52px;
	width: 52px;
	border-radius: 50%;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
	text-align: center;
	line-height: 52px;
	font-size: 35px;
	cursor: pointer;
	transition: all 0.3s ease;
}

footer .return-top:hover {
	box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
}

.bottomLine {
	line-height: 50px;
}

#blur {
	display: none;
}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}

.alignright {
	float: right;
	margin: 0 0 10px 10px;
}

.menu-image-title {
	line-height: normal;
	display: inline-block;
	vertical-align: middle;
}

#toc_container {
	background-color: transparent;
	border: 0px;
	width: 100%;
}

.toc_title {
	display: none;
}

#toc_container ul.toc_list {
	position: relative;
	padding-left: 30%;
	list-style: none;
	list-style-type: none;
	margin-top: 0 !important;
}

#toc_container ul.toc_list:before {
	content: 'Sommaire';
	position: absolute;
	top: 5px;
	left: 0;
	width: 30%;
	color: #1b6589;
	text-transform: uppercase;
	line-height: normal;
	font-size: 31px;
	font-weight: 700;
}

#toc_container ul.toc_list li {
	position: relative;
	line-height: normal;
}

#toc_container ul.toc_list li + li {
	margin-top: 10px;
}

#toc_container ul.toc_list li:before {
	content: '\f0da';
	position: absolute;
	top: 0;
	left: 0;
	margin-right: 10px;
	color: #3c3c3c;
	font-size: 120%;
	font-family: 'FontAwesome';
	height: 0;
	width: 0;
	margin-top: 0px;
	margin-left: -11px;
}

#toc_container ul.toc_list li a {
	text-decoration: none;
}

.author-bloc .reseaux {
	display: inline-block;
	vertical-align: middle;
}

.author-bloc .reseaux a {
	text-decoration: none;
}

.author-bloc .reseaux i {
	height: 32px;
	width: 32px;
	background: #909090;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	border-radius: 50%;
	transition: all 0.3s ease;
}

.author-bloc .reseaux a:hover i {
	background: #df6365;
}

.author-bloc .reseaux a.icon {
	display: inline-block;
	margin-left: 10px;
	border-radius: 50%;
	transition: none;
}

.author-bloc {
	padding: 27px;
	padding-left: 256px;
	background: #f2f2f2;
	position: relative;
	margin: 20px 0;
	min-height: 240px;
}

.author-bloc .img-holder {
	position: absolute;
	top: 22px;
	left: 27px;
	background: #cbcbcb;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}

.author-bloc .img-holder img {
	max-height: 200px;
}

.author-bloc p {
	margin: 0;
}

.author-bloc .title {
	font-family: 'Fjalla One', sans-serif;
	color: #d72729;
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.author-bloc .nom {
	color: #333;
	font-size: 20px;
	margin-bottom: 15px;
}

.author-bloc div p {
	color: #666666;
	margin: 3px 0;
}

.cookie-notice-container a {
	color: #d72729;
}

@keyframes rubberBand {
	0% {
		transform: translate(70%, 25%) scale(1);
	}

	30% {
		transform: translate(70%, 25%) scaleX(1.25) scaleY(0.75);
	}

	40% {
		transform: translate(70%, 25%) scaleX(0.75) scaleY(1.25);
	}

	60% {
		transform: translate(70%, 25%) scaleX(1.15) scaleY(0.85);
	}

	100% {
		transform: translate(70%, 25%) scale(1);
	}
}

@keyframes rubberBand_2 {
	0% {
		transform: scale(1);
	}

	30% {
		transform: scaleX(1.25) scaleY(0.75);
	}

	40% {
		transform: scaleX(0.75) scaleY(1.25);
	}

	60% {
		transform: scaleX(1.15) scaleY(0.85);
	}

	100% {
		transform: scale(1);
	}
}

html.html-page-om {
	font-size: 10px;
}

@media screen and (max-width: 1600px) {
	html.html-page-om {
		font-size: 9px;
	}
}

@media screen and (max-width: 1400px) {
	html.html-page-om {
		font-size: 8px;
	}
}

.page-template-page-om .filters {
	position: relative;
	z-index: 1000;
	width: 100%;
	max-width: 60rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 7rem auto 0 auto;
	border-radius: 0.6rem;
	padding: 2rem;
	background-color: #747373;
	font-family: var(--font);
}

@media screen and (max-width: 430px) {
	.page-template-page-om .filters {
		flex-direction: column;
	}
}

/* Multi select */
.page-template-page-om .multi-select {
	position: relative;
	display: flex;
	width: 100%;
	align-items: center;
	color: rgb(14, 14, 14);
	cursor: pointer;
}
.page-template-page-om .multi-select .dropdown-placeholder {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	min-height: 5.4rem;
	min-width: 27.5rem;
	padding: 0 6rem 0 1.5rem;
	font-size: 1.5rem;
	z-index: 2;
	font-weight: 600;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #fff;
	border-radius: 0.8rem;
}
.page-template-page-om .multi-select .dropdown-placeholder:before {
	content: '\f078';
	position: absolute;
	font-family: FontAwesome;
	right: 2rem;
	top: 50%;
	color: #ed2024;
	font-size: 1.4rem;
	font-weight: 300;
	transform: translateY(-50%);
	transition: transform 0.3s ease-in-out;
}

.page-template-page-om .multi-select.active .dropdown-placeholder:before {
	transform: translateY(-50%) rotate(180deg);
}

.page-template-page-om .multi-select .dropdown-placeholder.btn-red:hover {
	background-color: red;
	color: #fff;
}
.page-template-page-om .multi-select.active .dropdown-list {
	display: block;
}
.page-template-page-om .multi-select .dropdown-list {
	display: none;
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0;
	z-index: 1;
	padding: 0;
	padding-top: 4rem;
	padding-bottom: 1.7rem;
	list-style: none;
	text-align: left;
	background-color: #fff;
	border-radius: 0.5rem 0.5rem 1.5rem 1.5rem;
	box-shadow: 0 0 5rem 0 rgba(0, 0, 0, 0.1);
}

.page-template-page-om .multi-select .dropdown-list .form-checkbox {
	margin-top: 0px;
}

.page-template-page-om .multi-select .dropdown-list .form-checkbox .check {
	padding-left: 2rem;
	margin-right: 0px;
}
.page-template-page-om .multi-select .dropdown-list .form-checkbox .label {
	margin-left: 2.2rem;
	display: block;
}
.page-template-page-om .multi-select .dropdown-list .form-checkbox .label:hover {
	color: red;
}
.page-template-page-om .multi-select .dropdown-list .search {
	text-align: center;
}
.page-template-page-om .multi-select .dropdown-list .dropdown-item {
	margin-top: 1rem;
	margin-left: 3.7rem;
	position: relative;
	font-size: 2rem;
}

.page-template-page-om .multi-select .dropdown-list .dropdown-item:first-child {
	margin-top: 2.5rem;
}
.page-template-page-om .multi-select .dropdown-list .dropdown-item input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
.page-template-page-om .multi-select .dropdown-list .dropdown-item .input-container {
	cursor: pointer;
}
.page-template-page-om .multi-select .dropdown-list .dropdown-item .check {
	position: absolute;
	top: 0.2rem;
	left: -2rem;
	height: 2rem;
	width: 2rem;
	background-color: transparent;
	border: 0.1rem solid #3c3c3c;
	border-radius: 0.5rem;
}
.page-template-page-om .multi-select .dropdown-list .dropdown-item input:checked ~ .check {
	border-color: red;
	height: 2rem;
}

.page-template-page-om .multi-select .dropdown-list .dropdown-item input:checked + .check:after {
	content: '\f00c' !important;
	position: absolute;
	font-family: FontAwesome;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: red;
	font-size: 1.4rem;
}

.page-template-page-om .multi-select .dropdown-list .dropdown-item input:checked ~ .check:after {
}

.page-template-page-om .multi-select .dropdown-list .dropdown-item input:checked ~ .label {
	color: red;
}
.page-template-page-om .multi-select .dropdown-list button {
	position: relative;
	width: 23rem;
	font-size: 1.5rem;
	margin-top: 2rem;
	margin-bottom: 3rem;
}
.page-template-page-om .multi-select .dropdown-list button i {
	padding-left: 2rem;
}
.page-template-page-om .multi-select .button-recherche {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
	margin-bottom: 3rem;
}
.page-template-page-om .multi-select .button-recherche a i {
	padding-left: 2rem;
}

.page-template-page-om .filters #filter-button {
	position: relative;
	width: fit-content;
	min-height: 5.5rem;
	padding: 0px 2rem;
	margin-left: 2rem;
	color: white;
	background-color: #ed2024;
	border-radius: 0.6rem;
	border: none;
	font-size: 1.6rem;
	font-weight: 600;
	text-transform: uppercase;
	outline: 0;
	transition: all 0.2s ease 0s;
}

@media screen and (max-width: 430px) {
	.page-template-page-om .filters #filter-button {
		margin-top: 2rem;
		margin-left: 0;
	}
}

.page-template-page-om .filters #filter-button:hover {
	background-color: #df493f;
	transition: all 0.3s ease-in-out;
}

.page-template-page-om select {
	display: block;
	width: 100%;
	min-height: 5.8rem;
	min-width: 27.5rem;
	width: fit-content;
	padding: 0 5rem 0 1.5rem;
	border-radius: 0.8rem;
	border: none;
	font-size: 1.5rem;
	font-weight: 600;
	font-family: var(--font);
	outline: 0;
	cursor: pointer;
}

.page-template-page-om select option {
	font-family: var(--font);
}

.page-template-page-om input::placeholder,
.page-template-page-om select:invalid {
	color: rgb(14, 14, 14);
}

.page-template-page-om select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.page-template-page-om .select {
	position: relative;
	vertical-align: middle;
	display: inherit;
}

.page-template-page-om .select:after {
	position: absolute;
	right: 1.8rem;
	top: 50%;
	transform: translateY(-50%);
	content: '\f078';
	font-family: 'FontAwesome';
	color: #2b7195;
	font-size: 1.4rem;
	pointer-events: none;
	transition: all 0.3s ease-in-out;
}

.page-template-page-om .select.open:after {
	transform: translateY(-50%) rotate(180deg);
	transition: all 0.3s ease-in-out;
}

.page-template-page-om .bloc-un,
.page-template-page-om .bloc-deux,
.page-template-page-om .texte-seo {
	font-family: 'Roboto', sans-serif;
	margin-top: 10rem;
}

.page-template-page-om .bloc-un {
	margin-top: 10rem;
}

.page-template-page-om .bloc-un h2,
.page-template-page-om .texte-seo h2 {
	font-size: 3rem;
	font-weight: bold;
	line-height: 4rem;
	text-align: center;
	width: 80%;
	margin: 6rem auto 0 auto;
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	color: #393939;
}

.page-template-page-om .bloc-un .content,
.page-template-page-om .bloc-deux {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 768px) {
	.page-template-page-om .bloc-un .content,
	.page-template-page-om .bloc-deux {
		flex-direction: column;
	}
}

.page-template-page-om .bloc-un img,
.page-template-page-om .bloc-deux img {
	max-width: 44rem;
}

.page-template-page-om .bloc-un {
	margin-top: 8rem;
}
.page-template-page-om .bloc-un > .content {
	margin-top: 8rem;
}
.page-template-page-om .bloc-un > .content > div:not(.image) {
	margin-left: 16rem;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.page-template-page-om .bloc-un > .content > div:not(.image) {
		margin-top: 5rem;
		margin-left: 0rem;
	}
}

.page-template-page-om .bloc-un > .content > div:not(.image) p {
	text-align: center;
}
.page-template-page-om .bloc-un > .content > div.image {
	position: relative;
}
.page-template-page-om .bloc-un > .content > div.image > img {
	position: relative;
	z-index: 2;
}

@media screen and (max-width: 420px) {
	.page-template-page-om .bloc-un > .content > div.image > .rectangles {
		display: none;
	}
}

.page-template-page-om .bloc-un > .content > div.image > .rectangles .left {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 25%;
	height: 80%;
	background-color: #8a0303;
	opacity: 0.8;
	z-index: 3;
}
.page-template-page-om .bloc-un > .content > div.image > .rectangles .left:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #8a0303;
	opacity: 0.2;
}
.page-template-page-om .bloc-un > .content > div.image > .rectangles .right {
	position: absolute;
	top: 50%;
	right: -25%;
	transform: translateY(-50%);
	width: 25%;
	height: 80%;
	background-color: #d72729;
	z-index: 1;
}
.page-template-page-om .bloc-deux {
	margin-top: 4rem;
}
.page-template-page-om .bloc-deux p {
	text-align: center;
}
.page-template-page-om .bloc-deux > div:not(.image) {
	margin-right: 16rem;
}

@media screen and (max-width: 768px) {
	.page-template-page-om .bloc-deux > div:not(.image) {
		margin-bottom: 5rem;
		margin-right: 0;
	}
}

.page-template-page-om .bloc-deux > div.image {
	position: relative;
}
.page-template-page-om .bloc-deux > div.image > .rectangles .left {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 25%;
	height: 80%;
	background-color: #0d0d0d;
	opacity: 0.8;
	z-index: 3;
}
.page-template-page-om .bloc-deux > div.image > .rectangles .left:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #393939;
	opacity: 0.2;
}
.page-template-page-om .bloc-deux > div.image > .rectangles .right {
	position: absolute;
	top: 50%;
	left: -25%;
	transform: translateY(-50%);
	width: 25%;
	height: 80%;
	background-color: #151515d9;
	z-index: 1;
}
.page-template-page-om .texte-seo > div {
	width: 90%;
	margin: 50px auto 0 auto;
	text-align: center;
}

/* ===== FAQ ===== */
.faq-container {
	position: relative;
	margin: 50px 0;
}
.faq-title-container {
	margin-bottom: 18px;
}
.faq-title {
	text-align: center;
	margin: 0; /* 50px 18px */
}
.faq-item-container {
	border: solid 1px #efefef;
	border-radius: 5px;
	overflow: hidden;
	transition: all 0.3s;
	margin-bottom: 10px;
}
.faq-item-container:last-child {
	margin-bottom: 0;
}
.faq-item-container.active {
	max-height: 9999px !important;
}
.faq-item-question-container {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px;
	cursor: pointer;
	border-bottom: solid 1px transparent;
	transition: all 0.3s;
}
.faq-item-container.active .faq-item-question-container {
	border-bottom-color: #efefef;
}
.faq-item-question {
	margin: 0;
}
.faq-item-question-container i {
	font-size: 25px;
	transition: all 0.3s;
}
.faq-item-container.active .faq-item-question-container i {
	transform: rotate(180deg);
}
.faq-item-answer-container {
	position: relative;
	z-index: 1;
	padding: 15px;
}
.faq-item-answer-container > p:first-child {
	margin-top: 0;
}
.faq-item-answer-container > p:last-child {
	margin-bottom: 0;
}

/* ===== TABLE :  ===== */
table.table-maillage {
	width: 100%;
	border-collapse: collapse;
}

table.table-maillage td {
	width: 100%;
	transition: all 0.3s;
}

table.table-maillage thead td {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
	padding: 20px 16px 18px 16px;
	background-color: #252222 !important;
	color: #fff;
}

table.table-maillage tbody td:hover {
	background-color: rgba(215, 39, 41, 0.1);
}

table.table-maillage tbody td:hover a {
	text-decoration: none;
}

table.table-maillage tbody td a {
	width: 100%;
	padding: 10px 16px;
	display: block;
}

table.table-maillage tbody tr:nth-child(n) {
	background-color: #ccc;
}

table.table-maillage tbody tr:nth-child(2n) {
	background-color: #efefef;
}

table.table-maillage tbody tr td:first-child {
	border-right: solid 1px #000;
}

/* ===== Call to action ri :  ===== */
div.call_to_action_next_ri {
	position: fixed;
	right: 24px;
	bottom: 100px;
	border-radius: 60px;
	overflow: hidden;
	min-width: 60px;
	height: 60px;
	z-index: 1001;
	
	max-width: 60px;
	overflow: hidden;

	transition: all .7s linear;
  }

  div.call_to_action_next_ri .important{
	  display: none;
	opacity: 0;
	transition: all 0.3s ease-in-out;

	position: absolute;
	left: -4px;
	top: -4px;

	background-color: #ff5549;
	border: 1px solid #fff;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.8rem;
	font-weight: 700;
	border-radius: 50%;

	height: 2.2rem;
	width: 2.2rem;

	justify-content: center;
	align-items: center;
}

div.call_to_action_next_ri.open .important{
  opacity: 1;
}

  div.call_to_action_next_ri:not(.closing):hover,
  div.call_to_action_next_ri.open {
	max-width: 75vw;
  }
  
  div.call_to_action_next_ri .round_picto {
	  cursor: pointer;
	background-color: #ff5549 ;
	height: 60px;
	width: 60px;
	border-radius: 60px;
	z-index: 2;
	position: absolute;
	right: 0;
	top: 0;
  }

  div.call_to_action_next_ri .round_picto img{
	height: 36px;
	width: 36px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
  }

  div.call_to_action_next_ri .content{
	cursor: pointer;
	  display: flex;
	  align-items: center;
	  height: 60px;
	  border-radius: 60px;
	  background-color: #ff5549 ;
	  padding: 15px;
	  padding-right: 60px;
  }

  div.call_to_action_next_ri .content .close {
	  height: 25px;
	  width: 25px;

	  cursor: pointer;

	  margin-right: 10px;
  }

  div.call_to_action_next_ri .content .close img{
	height: 100%;
	width: 100%;
	object-fit: contain;
	object-position: center;
  }

  div.call_to_action_next_ri .content .title,
  div.call_to_action_next_ri .content .time{
	margin: 0 15px;

	display: flex;
	flex-direction: column;

	position: relative;

	font-size: 1.4rem;
	line-height: 1.6rem;
	color: #000;
	font-weight: bold;

	white-space: nowrap;
}

div.call_to_action_next_ri .content .title .label,
div.call_to_action_next_ri .content .time .label {
	  white-space: nowrap;
	  margin-bottom: 5px;
  }

  div.call_to_action_next_ri .content .title .ri_title,
  div.call_to_action_next_ri .content .time .ri_time {
	font-size: 1.9rem;
	line-height: 2.1rem;
	color: #fff;
  }

  div.call_to_action_next_ri .content .title::before,
  div.call_to_action_next_ri .content .time::before{
	content: '';
	position: absolute;
	height: 100%;
	width: 1px;
	background-color: #fff;
	left: -15px;
	top: 0;
	transform: translateX(-50%)
  }

  div.call_to_action_next_ri .popup_next_ri {
	  opacity: 0;
	  pointer-events: none;
	  transition: all 0.3s ease-in-out;

	  position: fixed;
	  height: 100%;
	  width: 100%;
	  top: 0;
	  left: 0;

	  z-index: 1001;
  }

  div.call_to_action_next_ri .popup_next_ri.open {
	opacity: 1;
	pointer-events: all;
}

  div.call_to_action_next_ri .popup_next_ri .black-veil{
	  position: absolute;
	  height: 100%;
	  width: 100%;
	  top: 0;
	  left: 0;

	  opacity: .61;
	  background-color: #000;
  }
  
  div.call_to_action_next_ri .popup_next_ri .popup-content{
	  min-height: 55rem;
	  min-width: 85rem;

	  max-width: 80vw;
	  max-height: 70vh;

	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);

	  outline: 3px solid #ff5549;
	  border-radius: 10px;

	  display: flex;
	  align-items: stretch;

	  background-color: #fff;
  }

  div.call_to_action_next_ri .popup_next_ri .popup-content .close{
	  position: absolute;
	  top: 2.2rem;
	  right: 2.7rem;

	  height: 33px;
	  width: 33px;
	  object-fit: contain;
	  object-position: center;

	  cursor: pointer;
  }

  div.call_to_action_next_ri .popup_next_ri .popup-content .left{
	  border-top-left-radius: 10px;
	  border-bottom-left-radius: 10px;
	  overflow: hidden;
	  width: 35rem;
	  max-width: 40%;	  
  }

  div.call_to_action_next_ri .popup_next_ri .popup-content .left img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: right;
  }

  div.call_to_action_next_ri .popup_next_ri .popup-content .right{
	  flex: 1;

	  display: flex;
	  flex-direction: column;
	  align-items: center ;

	  padding-top: 2rem;
  }

  div.call_to_action_next_ri .popup_next_ri .popup-content .right .picto{
	height: 7rem;
	width: 7rem;
	border-radius: 50%;
	border: 2px solid #5854D1;
	position: relative;
  }

  div.call_to_action_next_ri .popup_next_ri .popup-content .right .picto img {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%, -50%);

	  height: 4.5rem;
	width: 4.5rem;

	object-fit: contain;
	object-position: center;
  }

div.call_to_action_next_ri .popup_next_ri .popup-content .right .title{
	margin-top: 2rem;

	font-size: 2.5rem;
	line-height: 2.9rem;

	color: #ff5549;
	font-family: 'Raleway';

	padding-bottom: 1.5rem;
	position: relative;
	text-align: center;
}

div.call_to_action_next_ri .popup_next_ri .popup-content .right .title::after{
	content: '';
	height: 3px; 
	width: 6.6rem;
	background-color: #ff5549;

	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -3px;
}

div.call_to_action_next_ri .popup_next_ri .popup-content .right .texte{
	padding: 0 4.5rem;
	margin-top: 2rem;
	font-size: 1.6rem;
	line-height: 1.9rem;
	font-family: 'Open sans';
	color:#000;
	text-align: center;
	z-index: 2;
}

div.call_to_action_next_ri .popup_next_ri .popup-content .right .texte a{
	color: #3531C8;
}

div.call_to_action_next_ri .popup_next_ri .popup-content .right .texte.red{
	color: #ff5549;
}

div.call_to_action_next_ri .popup_next_ri .popup-content .right .button{
	width: 100%;
	min-height: 100px;
	max-height: 25%;
	background-color: #ff5549;
	margin-top: 2rem;

	display: flex;
	align-items: center;
	justify-content: center;

	position: relative;
}

div.call_to_action_next_ri .popup_next_ri .popup-content .right .button a {
	background-color: #fff;
	border-radius: 3rem;

	padding: 2rem 5rem;
	padding-left: 8rem;
	text-align: center;

	display: block;
	font-size: 1.8rem;
	line-height: 2.1rem;
	color: #3531C8;
	font-family: 'Arial';
	position: relative;

	z-index: 2;

	cursor: pointer;
	transition: all 0.3s ease-in-out;
}

div.call_to_action_next_ri .popup_next_ri .popup-content .right .button a:hover{
	margin-bottom: 5px;
}

div.call_to_action_next_ri .popup_next_ri .popup-content .right .button img{
	height: 21px;
	width: 21px;

	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 3rem;

	object-fit: contain;
	object-position: center;
}

div.call_to_action_next_ri .popup_next_ri .popup-content .right .button::before{
	content: '';
	position: absolute;
	bottom:0;
	left: 0;
	transform: translateX(-45%);

	border-radius: 10px;
	background-color: #ff5549;
	opacity: .58;

	height: 120%;
	width: 36rem;
	z-index: 1;
}

@media screen and (max-width: 980px){
	div.call_to_action_next_ri .important{
		display: flex;
	}

	div.call_to_action_next_ri .content {
		display: none;
	}

	div.call_to_action_next_ri {
		right: 14px;
		bottom: 82px;
		width: 54px;
		height: 54px;

		overflow: visible;
	}

	div.call_to_action_next_ri .round_picto {
		height: 54px;
		width: 54px;
		border-radius: 54px;
	}

	div.call_to_action_next_ri .popup_next_ri .popup-content{
		height: 100vh;
		width: 100vw;
		flex-direction: column;

		min-height: unset;
	  min-width: unset;
	  max-width: unset;
	  max-height: unset;
	}

	div.call_to_action_next_ri .popup_next_ri .popup-content .left{
		display: none;
	}

	div.call_to_action_next_ri .popup_next_ri .popup-content .right{
		margin: 0;
	}

	div.call_to_action_next_ri .popup_next_ri .popup-content .right .title{
		padding: 0 1rem 1.5rem;
	}

	div.call_to_action_next_ri .popup_next_ri .popup-content .right .button{
		margin-top: auto;
	}
}

/* https://mantis.kookline.net/view.php?id=12043 - Suppression de la sidebar */
.sidebarContainer {
	display: none !important;
}
.wysiwyg-content{
	width: 100%;
}