#loader {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s ease-out, visibility 0s linear .3s;
	-o-transition: opacity .3s ease-out, visibility 0s linear .3s;
	transition: opacity .3s ease-out, visibility 0s linear .3s;
	z-index: 9999;
}

#loader.show {
	-webkit-transition: opacity .6s ease-out, visibility 0s linear 0s;
	-o-transition: opacity .6s ease-out, visibility 0s linear 0s;
	transition: opacity .6s ease-out, visibility 0s linear 0s;
	visibility: visible;
	opacity: 1
}

#loader .loader {
	position: relative;
	width: 60px;
	height: 60px;
	border: 7px solid #ddd;
	border-top: 7px solid #351d65;
	border-radius: 50%;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

.c_spinner {
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite
}

.pointer {
	cursor: pointer;
}

.container75 {
	min-width: 75vw;
}

/***************************************************/

.thm_color {
	color: #a1c616 !important;
}

.thm_color2 {
	color: #222d5b !important;
}


.w100 {
	width: 100% !important;
}

.w50 {
	width: 50% !important;
}

.w_auto {
	width: auto !important;
	max-width: 100%
}

.pt0 {
	padding-top: 0 !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.ptb0 {
	padding-bottom: 0 !important;
	padding-top: 0 !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb28 {
	margin-bottom: 28px !important;
}

.mb30, .mb-30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb200 {
	margin-bottom: 200px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt25 {
	margin-top: 25px !important;
}

.mt28 {
	margin-top: 28px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt150 {
	margin-top: 150px !important;
}

.ml150 {
	margin-left: 150px !important;
}

.p0 {
	padding: 0px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}

.pt28 {
	padding-top: 28px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pt70 {
	padding-top: 70px !important;
}

.pt80 {
	padding-top: 80px !important;
}

.pt90 {
	padding-top: 90px !important;
}

.pt100 {
	padding-top: 100px !important;
}

.pt-300 {
	padding-top: 300px;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb28 {
	padding-bottom: 28px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.ml0 {
	margin-left: 0 !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.pl0 {
	padding-left: 0 !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.b0 {
	border: 0 !important;
}

/***************************/
.img_30 {
	position: relative;
	width: 30px;
}

.img_50 {
	height: 50px;
	position: relative;
	width: 50px;
}

.img_100 {
	height: 100px;
	position: relative;
}

.img_120 {
	height: 120px;
	position: relative;
}

.img_170 {
	height: 170px;
	position: relative;
}

.img_200 {
	height: 200px;
	position: relative;
}

.img_210 {
	height: 210px;
	position: relative;
}

.img_230 {
	height: 230px;
	position: relative;
}

.img_246 {
	height: 246px;
	position: relative;
}

.img_250 {
	height: 250px;
	position: relative;
}

.img_255 {
	height: 255px;
	position: relative;
}

.img_300 {
	height: 300px;
	position: relative;
}

.img_330 {
	height: 330px;
	position: relative;
}

.img_350 {
	height: 350px;
	position: relative;
}

.img_370 {
	height: 370px;
	position: relative;
}

.img_400 {
	height: 400px;
	position: relative;
}

.img_450 {
	height: 450px;
	position: relative;
}

.img_500 {
	height: 500px;
	position: relative;
}

.img_550 {
	height: 550px;
	position: relative;
}

.img_590 {
	height: 590px;
	position: relative;
}

.img_600 {
	height: 600px;
	position: relative;
}

.img_650 {
	height: 650px;
	position: relative;
}

.img_700 {
	height: 700px;
	position: relative;
}

.img_750 {
	height: 750px;
	position: relative;
}

.img_800 {
	height: 800px;
	position: relative;
}

.img_850 {
	height: 850px;
	position: relative;
}

.img_900 {
	height: 900px;
	position: relative;
}

.img_950 {
	height: 950px;
	position: relative;
}

.cover-image {
	position: absolute;
	background-repeat: no-repeat !important;
	background-position: top center;
	background-size: cover !important;
	background-position: 50% !important;
	width: 100%;
	height: 100%;
}

.cover-image2 {
	position: absolute;
	background-repeat: no-repeat !important;
	background-position: top center;
	background-size: cover !important;
	background-position: 50% 90% !important;
	width: 100%;
	height: 100%;
}

.cover-image3 {
	position: absolute;
	background-repeat: no-repeat !important;
	background-position: top center;
	background-size: auto 100% !important;
	background-position: 50% !important;
	width: 100%;
	height: 100%;
}

.cover-image4 {
	position: absolute;
	background-repeat: no-repeat !important;
	background-position: top center;
	background-size: auto auto !important;
	background-position: 50% !important;
	width: 100%;
	height: 100%;
}

.check input[type="checkbox"] {
	margin-right: 10px;
}

.check span {
	font-size: 14px
}

.map-div {
	width: 100%;
	height: 400px;
}

.map-div iframe {
	border: none;
	width: 100%;
	height: 100%;
}

.text-right {
	text-align: right !important;
}

.johncena {
	width: 0% !important;
	height: 0% !important;
	opacity: 0%;
	padding: 0% !important;
	min-height: 0% !important;
	margin: 0% !important;
	display: contents;
}

/******************/

.left_oblique45 {
	transform: skewX(45deg);
	transform-origin: 100% -300%;
}

.right_oblique45 {
	transform: skewX(-45deg);
	transform-origin: 0 300%;
}


/*@media (width<1860px){*/
/*	.right_oblique45_white_div{*/
/*	}*/
/*	.right_oblique45_white_div:after {*/
/*		content: '';*/
/*		width: 100px;*/
/*		height: 130px;*/
/*		position: absolute;*/
/*		transform:skewX(-45deg);*/
/*		transform-origin: 0 150%;*/
/*		background: #1c1c1c;*/
/*	}*/

/*}*/
@media (width >= 1565px) {
	.right_oblique45_white_div {
		transform: skewX(-45deg);
		transform-origin: 0 100%;
		background: #1c1c1c;
		width: 100%;
	}
}

@media (1465px < width < 1565px) {
	.right_oblique45_white_div {
		transform: skewX(-45deg);
		transform-origin: 0 94%;
		background: #1c1c1c;
		width: 100%;
	}
}

@media (width < 1565px) {
	.sticky-menu .right_oblique45_white_div {
		transform: skewX(-45deg);
		transform-origin: 0 100%;
		background: #1c1c1c;
		width: 101%;
	}
}

@media (1427px < width <= 1465px) {
	.right_oblique45_white_div {
		transform: skewX(-45deg);
		transform-origin: 0 91%;
		background: #1c1c1c;
		width: 100%;
	}
}

@media (1395px < width <= 1427px) {
	.right_oblique45_white_div {
		transform: skewX(-45deg);
		transform-origin: 0 89%;
		background: #1c1c1c;
		width: 100%;
	}
}

@media (width <= 1395px) {
	.right_oblique45_white_div {
		transform: skewX(-45deg);
		transform-origin: 0 87%;
		background: #1c1c1c;
		width: 100%;
	}
}


@media (width >= 1565px) {
	.padding_rl {
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (1517px <= width < 1565px) {
	.padding_rl {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (width < 1517px) {
	.padding_rl {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.i-entrep {
	width: 35px;
	height: 40px;
}

.contact_us {
	padding: 3%;
}

/* .contact_us_placement{
	position:absolute;
	top:-40%;
	left:5%;
	right:5%;
	z-index:3;
} */

.contact_btn_footer {
	background-color: #fff;
	color: #000;
	padding: 8px 40px;
}

.contact_btn_footer:hover .contact_text {
	color: #fff;
}

.contact_btn_footer:hover {
	background-color: #000;
}

.icon_bg {
	position: absolute;
	top: -20%;
	bottom: 0;
	right: 0;
	z-index: 0;
}

.icon_bg .footer {
	transform: scale(0.5);
	transform-origin: bottom right;
	top: 10%;
	z-index: -1;
}

.icon_bg_left {
	position: absolute;
	top: 0;
	left: -11%;
	z-index: 1;
}

.icone_bg_orange_div {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: 550px;
	width: 41.666667%;
}

.worker_img {
	object-fit: contain;
	top: -49px;
	transform: scale(1.047);
	transform-origin: bottom left;
}

.switch_slide_button {
	border: solid 1px;
	border-color: #c6c6c6;
}

/* .icon_logo{
	position:absolute;
	border-radius: 100% 100% 30% 30%;
	top:185px;
	left:140px;
} */

.card_image {
	height: 225px;
	width: 100%;
	overflow: hidden;
	object-fit: contain;
}

.padding_b_t {
	padding-bottom: 100px;
	padding-top: 100px;
}

.main_menu .navbar-nav .nav-link:hover {
	color: #fff;
}

.nav-middle:hover {
	color: #fff;
	background-color: #000;
}

.moreBtn2 {
	display: inline-block;
	padding: 5px 25px;
	background: #fc1c1a;
	color: #fff;
}

.moreBtn2:hover{
	background: #351d65;
	transition: 0.3s all;
}

.realBtn {
	display: inline-block;
	padding: 5px 25px;
	background: #000;
	color: #fff;
}

.realBtnTxt {
	color: #fff;
}

.realBtnTxt:hover {
	color: #d29f4c;
}

.actu_link {
	color: #d29f4c;
}

.actu_link:hover {
	color: #000;
}

.carrousel_index_image {
	height: 855px;
	width: 100%;
	overflow: hidden;
	/*top:-13.2%;*/
	bottom: 0%;
	object-fit: cover;
}

/*!*Autres moteurs de recherche*!*/
/*input[type="range"] {*/
/*	-webkit-appearance: none;*/
/*	-moz-appearance :none;*/
/*	appearance: none;*/
/*	cursor: pointer;*/
/*	accent-color:black;*/
/*}*/
/*input[type="range" i]::-webkit-slider-runnable-track {*/
/*	-webkit-appearance: none;*/
/*	appearance: none;*/
/*	background:#e6e6e6;*/
/*	height: 4px;*/
/*	border-radius:10%;*/
/*}*/

/*input[type="range" i]::-webkit-slider-thumb {*/
/*	-webkit-appearance: none;*/
/*	appearance: none;*/
/*	margin-top: -2.5px;*/
/*	background: #d29f4c;*/
/*	height: 0.75rem;*/
/*	width: 0.75rem;*/
/*	border:none;*/
/*	border-radius:50%;*/
/*}*/

/*!*Firefox*!*/
/*input[type="range"]::-moz-range-track {*/
/*	background:black;*/
/*	height: 4px;*/
/*}*/
/*input[type="range"]::-moz-range-thumb {*/
/*	-webkit-appearance: none;*/
/*	appearance: none;*/
/*	margin-top: -1rem;*/
/*	background: #d29f4c;*/
/*	height: 0.5rem;*/
/*	width: 0.5rem;*/
/*	border:none;*/
/*	border-radius:50%;*/
/*}*/
/*input[type="range"]::-moz-range-progress {*/
/*	background-color: black;*/
/*}*/


.filter_btn {
	position: relative;
}

.filter_btn input {
	display: none;
}

.filter_btn label {
	text-align: center;
	font-family: "Roboto", sans-serif;
	padding: 0 15px;
	margin: 15px auto;
	display: block;
	color: #212529;
	font-weight: 400;
	cursor: pointer;
	transition: 0.3s all;
}

.filter_btn label.active {
	color: #d29f4c;
	font-weight: 600;
}

.filter_btn label .icon {
	height: 100px;
	width: 100px;
	margin: 0 auto;
	background: #fff;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	/* border: 4px solid #00a79d; */
	position: relative;
	margin-bottom: 16px;
	transition: 0.3s all;
}

.filter_btn label .icon:before,
.filter_btn label .icon:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background: #d29f4c;
	border-radius: 20px;
	z-index: -1;
	transition: 0.3s all;
}

.filter_btn label .icon:before {
	top: -5px;
	left: -5px;
}

.filter_btn label .icon:after {
	bottom: -5px;
	right: -5px;
	background: #000;
}

.filter_btn label.active .icon {
	background: #d29f4c;
}

.filter_btn label .icon.all img {
	height: 60px;
}

.filter_btn label .icon img {
	height: 70px !important;
	width: auto !important;
	transition: 0.3s all;
}

.filter_btn label.active .icon img {
	filter: brightness(0) invert(1);
}

.filter_btn_car.owl-carousel .owl-nav .owl-next,
.filter_btn_car.owl-carousel .owl-nav .owl-prev {
	position: absolute;
	top: 45%;
	transform: translateY(-50%);
}

.filter_btn_car.owl-carousel .owl-nav .owl-next {
	right: -30px;
}

.filter_btn_car.owl-carousel .owl-nav .owl-prev {
	left: -30px;
}

.shuffle-wrapper .shuffle-item {
	padding: 3px;
}

.shuffle-wrapper .project-img-container {
	height: 280px;
	width: 100%;
	position: relative;
	overflow: hidden;
}

.shuffle-wrapper .project-img-container a {
}

.shuffle-wrapper .project-img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s all;
}

.shuffle-wrapper .project-img-container:hover {
	background-color: #351d65;
}

.shuffle-wrapper .project-item-info {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	visibility: hidden;
	transition: 0.2s all;
}

.shuffle-wrapper .project-item-info .project-item-title {
	padding: 10px 20px;
	color: #fff;
	margin-bottom: 40px;
	line-height: 1.1;
	display: flex;
	align-items: center;
	font-size: 20px;
	transform: translateY(100px);
	position: absolute;
	bottom: 0;
	left: 0;
	background: #351d65;
	width: 100%;
	transition: 0.4s all;
}

.shuffle-wrapper .project-item-info .project-item-title i {
	margin-right: 10px;
}

.shuffle-wrapper .project-img-container:hover .project-item-info {
	visibility: visible;
}

.shuffle-wrapper .project-img-container:hover .project-item-info .project-item-title {
	transform: translateY(0);
}

.shuffle-wrapper .project-img-container:hover .project-item-info .project-img-opac {
	opacity: 0.5;
}

.shuffle-item .shuffle-item--hidden {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	will-change: transform;
	opacity: 1;
	transition-duration: 250ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-property: transform, opacity;
	transform: translate(0px, 0px) scale(1);
}

.realis_detail {
	padding: 5rem 0;
}

.realis_detail .inner-box {
	position: relative;
	width: 100%;
	height: 550px;
}

.realis_detail .inner-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.realis_detail .inner-box a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	visibility: hidden;
	transition: 0.2s all;
}

.realis_detail .inner-box a i {
	font-size: 45px;
	color: #fff;
}

.realis_detail .inner-box:hover a {
	opacity: 1;
	visibility: visible;
}

.rea_cat {
	padding: 5px 20px;
	margin-bottom: 20px;
	line-height: 1.1;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
}

.parc_item .parc_img {
	background-color: #fff;
	height: 450px;
	width: 100%;
	overflow: hidden;
	padding: 10%;
}

.parc_item .parc_img img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	transition: 0.3s all;
}

.parc_item:hover .parc_text {
	background-color: #fc1c1a;
}

.parc_item .h4 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
}

.parc_item .parc_date {
	color: #007bff;
	font-size: 15px;
}

/* .real_text {
	display:none;
	position:absolute;
	z-index:2;
	bottom:0;
	background-color:#fff;
}

.real_item:hover .real_text{
	display:block;
} */
/* .sticky-menu .logo-nav{
	display:flex;
	width:34%;
	padding:0;
} */
/* .transformSize{
	width:50%;
} */
.sticky-menu .infos_contact {
	display: none;
}

@media (width > 1453px) {
	.oblique {
		height: 123.5px;
	}
}

@media (width <= 1453px) {
	.oblique {
		height: 112px;
		transform-origin: 0 98%;

	}
}

@media (width > 1551px) {
	.sticky-menu .oblique {
		height: 77px;
	}
}

@media (1453px < width <= 1551px) {
	.sticky-menu .oblique {
		height: 76px;
	}
}

@media (width <= 1453px) {
	.sticky-menu .oblique {
		height: 80px;
	}
}


.height_oblique {
	height: 130px;
}


@media (width > 1868px) {
	.font_nav_middle {
		font-weight: 400;
	}
}

@media (1816px < width <= 1868px) {
	.font_nav_middle {
		font-weight: 300;
		font-size: 15px;
	}
}

@media (1719px < width <= 1816px) {
	.font_nav_middle {
		font-weight: 250;
		font-size: 15px;
	}
}

@media (1649px < width <= 1719px) {
	.font_nav_middle {
		font-weight: 300;
		font-size: 14px;
	}
}

@media (1551px < width <= 1649px) {
	.font_nav_middle {
		font-weight: 300;
		font-size: 13px;
	}
}

@media (1453px < width <= 1551px) {
	.font_nav_middle {
		font-weight: 350;
		font-size: 12px;
	}
}

@media (width <= 1453px) {
	.font_nav_middle {
		font-weight: 350;
		font-size: 13px;
	}
}


@media (1453px < width <= 1551px) {
	.font_nav_infos {
		font-weight: 300;
		font-size: 11px;
	}
}

@media (1453px <= width) {
	.font_nav_infos {
		font-weight: 300;
		font-size: 9px;
	}
}

/* @media (width>1868px) {
	.nav-mid {
		padding-top: 24px;
	}
} */
@media (1816px < width <= 1868px) {
	.nav-mid {
		padding-top: 30px;
	}
}

@media (1719px < width <= 1816px) {
	.nav-mid {
		padding-top: 30px;
	}
}

@media (1649px < width <= 1719px) {
	.nav-mid {
		padding-top: 33px;
	}
}

@media (1551px < width <= 1649px) {
	.nav-mid {
		padding-top: 36px;
	}
}

@media (width <= 1551px) {
	.nav-mid {
		padding-top: 38px;
	}
}


@media (width > 1868px) {
	.sticky-menu .nav-mid {
		padding-top: 0;
	}
}

@media (1816px < width <= 1868px) {
	.sticky-menu .nav-mid {
		padding-top: 6px;
	}
}

@media (1719px < width <= 1816px) {
	.sticky-menu .nav-mid {
		padding-top: 6px;
	}
}

@media (1649px < width <= 1719px) {
	.sticky-menu .nav-mid {
		padding-top: 10px;
	}
}

@media (1454px <= width <= 1649px) {
	.sticky-menu .nav-mid {
		padding-top: 14px;
	}
}

@media (width < 1454px) {
	.sticky-menu .nav-mid {
		padding-top: 24px;
	}
}

.owl-index2 .owl-nav {
	position: absolute;
	left: 0;
	z-index: 3;
	bottom: 0;
	display: flex;
	padding: 0;
	/*width:80px;*/

}

.owl-index2.owl-carousel .owl-nav .owl-next {
	background-color: #351d65;
	transform: rotate(180deg) scale(1);
	color: #fff;
	position: relative;
	top: 0;
	margin: 0;
	border-radius: 0;
	left: -50%;
	height: 75px;
	width: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.owl-index2.owl-carousel .owl-nav .owl-next:hover {
	/*background-color: #fd8281;*/
	background-color: #6d5798;
	color: #fff;
}

.owl-index2.owl-carousel .owl-nav .owl-prev {
	background-color: #351d65;
	transform: scale(1);
	color: #fff;
	position: relative;
	top: 0;
	margin: 0;
	border-radius: 0;
	left: -50%;
	height: 75px;
	width: 75px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.owl-index2.owl-carousel .owl-nav .owl-prev:hover {
	/*background-color: #fd8281;*/
	background-color: #6d5798;
	color: #fff;
}

.nav-item .active {
	background-color: black;
}

.nav-link-active {
	color: #fc1c1a !important;
}

.nav-link-active-b {
	border-bottom:solid #fc1c1a;
	color:#fff !important;
}
.nav-link-active-c {
	border-bottom:solid #351d65;
	color:#351d65 !important;
}

.white-t{
	color:white;
}

.infos_contact_scroll {
	display: none;
}

.sticky-menu .infos_contact_scroll {
	display: flex;
}

.size_image_owl_index2 {
	height: 847px;
}
.arianeP{
	font-size:20px !important;
}

.ariane:hover{
	color:#fc1c1a !important;
}

@media (width >= 1590px) {
	/* .contact_map{
		width:1110px;
		height:400px;
	} */
}

@media (width < 1590px) {
	.contact_map {
		width: 800px;
		height: 400px;
	}
}

.logo-header {
	object-fit: cover;
	height: 100px;
}

.sticky-menu .logo-header{
	object-fit: cover;
	height: 60px;
}

.sticky-menu .menu__2{
	padding-top:0 !important;
}

.sticky-menu .navbar2_positions {
	top: 55px;
	z-index: 100;
	position: absolute;
}

.bg-color-red {
	background-color: #fc1c1a;
}

.bg-color-purple {
	background-color: #351d65
}

.text-color-purple {
	color: #351d65 !important;
}

.text-color-purple-nav {
	color: #351d65;
}

.text-color-red {
	color: #fc1c1a !important;
}

.text-color-white {
	color: #fff !important;
}

.nav_between:after {

}

.menu__2 .navbar-nav .nav_between:after {
	content: '|';
	position: relative;
	right: 0;
	top: 25%;
	transform: translateY(-50%);
	font-size: 20px;
	font-weight: 400;
	/* top: 50%; */
	color: #fff;
}

.scrolled .menu__2 .navbar-nav .nav_between.stickyOnly .nav_between:before {
	content: '|';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	color: #2a3043;
	font-size: 20px;
	font-weight: 400;
}

@media (min-width: 992px) {
	.navbar .nav-item .dropdown-menu {
		display: block;
		border: none;
		margin-top: 0;
		top: 110%;
		opacity: 0;
		visibility: hidden;
		border-radius: 0;
		transition: .2s;
	}

	.navbar .nav-item:hover .dropdown-menu {
		top: 125%;
		visibility: visible;
		transition: .5s;
		opacity: 1;
	}
}

.px-20 {
	padding: 0px 20px;
}

.pxy-18-28 {
	padding: 18px 28px !important;
}
.sticky-menu .pxy-18-28{
	padding: 8px 28px !important;
	transition:all 0s;
}

.sticky-menu .navp0{
	padding:0;
}

.contact_btn {
	padding: 10px 20px;
	font-weight: 600;
}

.menu__2 {
	position: relative;
}

.navbar2_positions {
	top: 80px;
	z-index: 100;
	position: absolute;
}

.section1 {
	background: url(../assets/images/bg-section1.1.webp);
	background-repeat: no-repeat;
	padding: 4rem 0;
}

.img-list {
	object-fit: contain;
	width: 50px;
}

.carrousel_section1 {
	height: 550px;
	width: 100%;
	overflow: hidden;
	/* top: -13.2%; */
	bottom: 0%;
	object-fit: cover;
}

.carrousel_section2 {
	width: 100%;
	/*overflow: hidden;*/
	/* top: -13.2%; */
	bottom: 0%;
	object-fit: cover;
	/*position: absolute;*/
	/*top: -92%;*/
	height: 600px;
}

@media (max-width:768px){
.carrousel_section2 {
height:auto;
}

}

.know-more {
	background-color: #e30613;
	border-radius: 30px;
	padding: 5px 20px;
	color: #fff;
}

.know-more:hover {
	background-color: #fff;
	border-radius: 30px;
	padding: 5px 20px;
	color: #e30613;
}

.info_square {
	width: 200px;
	height: 200px;
}

.img_square {
	width: 200px;
	height: 200px;
}

.img_square2 {
	width: 125px;
	height: 125px;
}

.img_big_square {
width: 300px;
height: 300px;
}

.img_square2 img {
	object-fit: contain;
	width: 75px;
	height: 75px;
}

.img_square_left {
	width: 200px;
	height: 200px;
	position: relative;
}

.img_big_square_left {
width: 300px;
height: 250px;
position: relative;
}

.img_square_left2 {
	width: 125px;
	height: 125px;
	position: relative;
}

.client_square{
	position:relative;
	z-index:900;
}

.client_square:hover .bg-color-purple{
	background-color:#fff;
	transition: all 0.3s;
}
.client_square:hover .white-filter{
	filter: invert(31%) sepia(100%) saturate(7203%) hue-rotate(354deg) brightness(106%) contrast(97%);
	transition: all 0.3s;
}

.img_square img {
	object-fit: cover;
	width: 200px;
	height: 200px;
}

.img_big_square img {
object-fit: cover;
width: 300px;
height: 250px;
}

.info_square_right {
	width: 200px;
	height: 200px;
	z-index: 100;
	position: absolute;
}

.info_square_left {
	width: 200px;
	height: 200px;
	z-index: 100;
	position: absolute;
}

.img_big_square_left:before {
content: '';
position: absolute;
width: 102%;
height: 102%;
background: #e30613;
left: -2%;
z-index: 0;
bottom: -6px;
}

.img_big_square_left img{
position:relative;
z-index:1;
}

.red-shadow-box-right:before, .info_square_right:before {
	content: '';
	position: absolute;
	width: 102%;
	height: 102%;
	background: #e30613;
	right: -2%;
	z-index: -1;
	top: 0
}

.red-shadow-box-left:before, .info_square_left:before {
	content: '';
	position: absolute;
	width: 102%;
	height: 102%;
	background: #e30613;
	left: -2%;
	z-index: -1;
	bottom: 0
}

.img_square_left:before, .img_square_left2:before, .red-shadow-box-left-top:before {
	top: 0;
	content: '';
	position: absolute;
	width: 102%;
	height: 102%;
	background: #e30613;
	left: -2%;
	z-index: -1;
}

.info_square_right img {
	object-fit: cover;
	width: 100%
}

.px-40 {
	padding: 0 40px;
}

@font-face {
	font-family: Digital-Serial;
	src: url(../assets/fonts/titlefont/Digital-Serial-Bold.ttf);
font-display:swap;
}

.h1-title {
	color: #351d65;
	font-family: "Digital-Serial";
	margin-bottom: 45px;
}

.title_p {
	margin-bottom: 35px;
}

.title_sec {
	color: #351d65;
	font-family: "Digital-Serial";
	font-weight: 900;
}

.materiaux_carac {
	color: #351d65;
	font-weight: 400;
}

.font-digital {
	color: #fc1c1a;
	font-family: "Digital-Serial";
	font-weight: 900;
}

.font-digital2 {
	font-family: "Digital-Serial";
	font-weight: 900;
}

.little_card_title {
	color: #351d65;
	/*font-family: "Digital-Serial";*/
	font-weight: 900;
	/*border-bottom: 1px solid #351d65;*/
}

.little_card_title .nomCouleur { font-weight:500; font-size: 0.90rem;}

.little_card_title:after{
	content: '';
	background: #351d65;
	position: relative;
	bottom: -5px;
	left: 0;
	display: flex;
	width: 65%;
	height: 1px;
}

.little_card_text {
	font-size: 16px;
}


.title_sec:before {
	content: '';
	width: 100px;
	border: 1px solid #351d65;
	display: flex;
	position: relative;
	z-index: 500;
	top: 50%;
	left: -120px;

}

.contact_icons {
	color: #170f26 !important;
	border-radius: 100%;
	background-color: #fff;
	padding: 4%;
}

.section_parc {
	background: url(../assets/images/bg_section_parc.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
}

.bg_footer {
	background-image: url(../assets/images/bg_section_parc.webp);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right;
	/*background-color: rgba(53, 29, 101,0.6);*/
}

.bg_footer_purple {
	background-color: rgba(23, 15, 38, 0.60);
}


.img_icons_purple {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background-color: #351d65;
	height: 125px;
	width: 125px;
}

.img_icons_purple img {
	object-fit: contain;
}

.img_icons_purple:hover {
	background-color: #fc1c1a;
	transition: 0.3s all
}


.owl-stage {
	height: 100%;
}

.owl-index2 .owl-item img {
	object-fit: cover;
	height: 100%;
}

.owl-index2 .owl-item, .owl-index2 .item, .owl-index2 .owl-stage {
	height: 100%;
}

.owl-index3 .owl-item, .owl-index3 .item, .owl-index3 .owl-stage {
	height: 100%;
}

/*.owl-index3 .owl-item{*/
/*	visibility:hidden;*/
/*}*/
/*.owl-index3 .owl-item.active{*/
/*	visibility:visible !important;*/
/*}*/
/*.owl-index3 .owl-stage-outer{*/
/*	overflow:visible;*/
/*}*/





.owl-index3 .owl-item img {
	object-fit: cover;
	height: 100%;
}

.real_item {

}

.real_item .real_img {
	background-color: #351d65;
	height: 300px;
	width: 100%;
	overflow: hidden;
}

.real_item .real_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	transition: 0.3s all;
}

.real_item:hover .real_img img {
	opacity: 0.3;
	/*transform: scale(1.2);*/
}

.real_item .h4 {
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 18px;
}

.real_item .real_date {
	color: #351d65;
	font-size: 15px;
}

.red-shadow-box {

}

.owl-index3 .owl-nav {
	position: absolute;
	/*right: 50%;*/
	z-index: 3;
	top: 50%;
	width: 80px;

}

.owl-index3.owl-carousel .owl-nav .owl-next {
	transform: rotate(180deg) scale(1);
	height: 150px;
	width: 250px;
	/*background-color:#351d65;*/
	color: #351d65;
	display: flex;
	align-items: center;
	justify-content: center;
	left: 1300px;
}

.owl-index3.owl-carousel .owl-nav .owl-next:hover {
	/*background-color:#351d65;*/
	color: #fc1c1a;
}

.owl-index3.owl-carousel .owl-nav .owl-prev {
	transform: scale(1);
	height: 150px;
	width: 250px;
	left: -185px;
	/*background-color:#351d65;*/
	color: #351d65;
	display: flex;
	align-items: center;
	justify-content: center;
}

.owl-index3.owl-carousel .owl-nav .owl-prev:hover {
	color: #fc1c1a;
}

@media (max-width:768px){
.owl-index3.owl-carousel .owl-nav .owl-next {
transform: rotate(180deg) scale(0.8);
left: 228px;
}
.owl-index3.owl-carousel .owl-nav .owl-prev {
transform: scale(0.8);
left: -115px;
}
}

.infos-rectangle {
	background-color: #351d65;
}

.nav_activite {
	height: 150px;
	width: 250px;
	background-position: center;
}

.text-start {
	text-align: start;
}

.owl-index3 .owl-nav .disabled {
	opacity: 1;
}

.owl-real .owl-stage-outer {
	height: 350px;
}

.owl-index1.owl-carousel .index_car_content {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* align-items: start; */
	text-align: center;
	/* letter-spacing: 1px; */
	/*top: 0;*/
	top: -230px;
}

.Titrediv {
	z-index: 2;
	background-color: rgb(245, 246, 248, 0.5);
	padding: 10px 25px;
}

@media (max-width:798px){
.Titrediv {
position:relative;
top:183px;
}
.Titrediv h1, .Titrediv .h1{
font-size:22px !important;
}
}

.Titrediv h1, .Titrediv .h1 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 60px;
}

.nav_between .fa-solid {
	font-size: 25px;
	background-color: transparent;
	color: #fc1c1a !important;
}

.nav_between .fa-solid:hover {
	font-size: 25px;
	background-color: transparent;
	color: #351d65 !important;
}

.contact_btn:hover {
	background-color: #351d65;
}

.owl-real .owl-nav {
	position: absolute;
	left: 50%;
	z-index: 3;
	top: 35%;

}

.owl-real.owl-carousel .owl-nav .owl-next {
	transform: rotate(180deg) scale(1.5);
	color: #351d65;
	right: -900px;
}

.owl-real.owl-carousel .owl-nav .owl-next:hover {
	color: #fc1c1a;
}

.owl-real.owl-carousel .owl-nav .owl-prev {
	transform: scale(1.5);
	color: #351d65;
	left: -900px;
}

.owl-real.owl-carousel .owl-nav .owl-prev:hover {
	margin-right: 20px;
	color: #fc1c1a;
}

@media (max-width:768px){
.owl-real.owl-carousel .owl-nav .owl-prev {
transform: scale(0.8);
left: -191px;
}
.owl-real.owl-carousel .owl-nav .owl-next {
transform: rotate(180deg) scale(0.8);
right: -171px;
}
}
.time_section {
	overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}

.box_arrow {
	height: 250px;
}

.date_arrow {
	width: 200px;
	object-fit: contain;
}

.balloon {
	height: 200px;
	object-fit: contain;
}

.date_box_text {
	height: 250px;
}

.time_arrow_right {
	object-fit: contain;
	width: 409px;
	height: inherit;
	position: absolute;
	overflow: hidden;
}

.time_arrow_right img {
	right: -82%;
	position: relative;
height:374px;
}

.time_arrow_left {
	object-fit: contain;
	width: 535px;
	height: inherit;
	position: absolute;
	left: -16%
}

.bg-white {
	background-color: #fff;
}

.sectionType {
	padding: 4rem 0;
}

.imgSectionType {
	object-fit: cover;
	width: 100%;
	height: 500px;
}

.bg-white .white-red-shadow {
	box-shadow: inset 5px 0 #fc1c1a;
}

.metal_square {
	/*z-index: -2;*/
	position: absolute;
	width: 750px;
	right: 0;
	overflow: hidden;
	height:475px;
}

.metal_square img {
	right: -10%;
	position: relative;
	bottom:-50px;
	height:400px;
}

.white-filter {
	filter: brightness(0) invert(1);
}

.img_icons_purple .white-filter {
	width: 45px;
}

.img_carac {
	width: 25px;
	object-fit: contain;
	height: 25px;
}

.hw20 {
	height: 20px !important;
	width: 20px !important;
	object-fit: contain;
}

.hw30 {
	height: 30px !important;
	width: 30px !important;
	object-fit: contain;
}

.red-filter {
	filter: invert(31%) sepia(100%) saturate(7203%) hue-rotate(354deg) brightness(106%) contrast(97%);
}

.purple-filter {
	filter: invert(90%) sepia(26%) saturate(4965%) hue-rotate(244deg) brightness(91%) contrast(100%);
}

.h500 {
	height: 500px !important;
}

.main_card {
width:530px;
	padding: 3%;
	border: solid #f5f6f8;
}

@media (max-width:768px){
.main_card {
width:100%;
}
}

.bg-white-transparent{
	background-color: rgba(255, 255, 255, 0.5);
}

.h-400 {
	height: 400px !important;
}

.pt20card{
	padding-top:20px;
}
.px20card{
	padding-left:20px;
	padding-right:20px;
}

.hoverKnowHow:hover .img_icons_purple {
	background-color: #fc1c1a;
	transition: 0.3s all;
}

.hoverKnowHow:hover {
	background-color: #351d65;
	transition: 0.3s all;
}
.hoverKnowHow2{
	color:#656565 !important;
}
.hoverKnowHow2:hover {
	box-shadow: -5px 5px 0 0 #fc1c1a;
	transition: 0.3s all;
	color:#656565;
}

.img_icons_btp {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background-color: #351d65;
	height: 125px;
	width: 125px;
}

.img_icons_btp img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	border-radius: 50%;
}

.mr50{
	margin-right:200px;
}

.ml50{
	margin-left:200px;
}

.micron{
	width: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.font_carac{
	font-size: 13.5px;
}

.fsize-20{
	font-size: 20px;
}

.infoFixed2{
	position:fixed !important;
	top: 20%;
	padding:20px !important;
}

.infoFixed{
	position:fixed !important;
	top: 30%;
	padding:20px !important;
}

@media (max-width: 1023px) {
.infoFixed {
position: static !important;
top: auto !important;
}
}

.faconnage-img{
	width:70px;
	height:74px;
	filter: brightness(1000%) grayscale(100%) invert(100%);
}

.img-down{
	width: 100%;
	/* overflow: hidden; */
	top: -2%;
	object-fit: cover;
	position: absolute;
	height: 600px;
}

.infos-rectchevron{
	position:absolute;
	/*top: 50%;*/
	left: -25%;
}

@media (max-width:768px){
.owl-carousel.owl-index3,
.owl-carousel.owl-real{
width: 100%;
overflow: hidden;
}

}