/*****************************************************************************
 * Global
 *****************************************************************************/

:root {
	--color-primary: #00ACE8;
    --color-secondary: #5377B6;
    --color-third: #EEA11D;
    --color-fourth: #F8C500;
    --color-fifth: #E6E6E6;
    --color-sixth: #EE7326;
    --color-seventh: #16BAE7;
    --color-eighth: #253773;
	--color-tenth: #0E1A43;
	--color-bg-input: #EFF4F678;
	--color-white: #ffffff;
	--color-shadow: #0000001C;
	--color-second-shadow: #07305A45;
	--color-third-shadow: #00458A1C;
	--color-third-shadow-hover: #00458A7A;
}

html {
	height: 100%;
    box-sizing: border-box;
	scroll-behavior: smooth;
}

html.blocked {
    height: 100vh;
    overflow: hidden;
}

body {
	min-height: 100%;
	display: flex;
	flex-direction: column;

	margin: 0;
	overflow-x: hidden;
}

*, *::before, *::after {
    box-sizing: inherit;
}

#content {
	flex-grow: 1;
}

input, textarea {
	border-radius: 30px;
}
input[type="file"] {
	border-radius: unset;
}


/*****************************************************************************
 * Title
 *****************************************************************************/
.title,
.subtitle {
	margin:unset;
	padding: unset;
}

.title {
    font-size: 2.1vw;
	line-height: 2vw;
    font-family: "dunbar-tall", "sans-serif";
    font-weight: 600;
	color: var(--color-eighth);
	text-transform: none;
	margin-bottom: 0.1vw;
}

.title-white {
	color: var(--color-white)!important;
}


.title-head {
	position: relative;
	margin-top: 1.7vw;
}

.title-head::before {
	content: "";
	background: center / contain url("../images/title-head.svg") no-repeat;
	position: absolute;
	top: 0;
    left: 0;
	width: 6.5vw;
    height: 1.7vw;
	transform: translate(-25%, -65%);
}

.title-col {
	display: inline-flex;
	flex-direction: column;
}

.title-head-center.title-col {
	align-items: center;
}

.title-head.title-head-center::before {
	left: 50%;
	transform: translate(-50%, -100%);
}

@media screen and (min-width: 992px) {
	.contact-fidelia > .title {
		font-size: 1.6vw;
	}
}

@media screen and (max-width: 991px) {
	.title {
		font-size: 5vw;
		line-height: 4.8vw;
	}

	.title-head {
		position: relative;
		margin-top: 3.7vw;
	}
	
	.title-head::before {
		width: 14.3vw;
		height: 3.7vw;
	}
}

@media screen and (max-width: 480px) { 
	.title {
		font-size: 6vw;
		line-height: 5.8vw;
	}
}


/*****************************************************************************
 * Subtitle
 *****************************************************************************/

.subtitle {
    font-size: 1.5vw;
    font-family: "Tajawal", "sans-serif";
    font-weight: 400;
	color: var(--color-seventh);
    letter-spacing: 0.2vw;
}

.subtitle-white {
	color: var(--color-white);
}

@media screen and (max-width: 991px) {
	.subtitle {
		font-size: 2.5vw;
	}
}

@media screen and (max-width: 480px) {
	.subtitle {
		font-size: 4vw;
	}
}

/*****************************************************************************
 * Content
 *****************************************************************************/

.content {
    font-size: 1vw;
    font-family: "Tajawal", "sans-serif";
    font-weight: 400;
	color: var(--color-eighth);
}

.content ul {
	padding-inline-start: 25px;
}

/* @media screen and (max-width: 1280px) {
	.content {
		font-size: 1.5vw;
	}
} */
@media screen and (max-width: 991px) {
	.content {
		font-size: 2vw;
	}
}

@media screen and (max-width: 650px) {
	.content {
		font-size: 3vw;
	}
}

@media screen and (max-width: 480px) {
	.content {
		font-size: 4vw;
	}
}

/*****************************************************************************
 * Button
 *****************************************************************************/

.btn,
.btn-secondary {
	background: var(--color-sixth);
	border-radius: 30px;
	border: none;
    width: max-content;
    padding: 15px 40px;
    font-size: 0.75vw;
    font-family: "dunbar-tall", "sans-serif";
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: 0.75px;
	text-decoration: none;
	cursor: pointer;
    transition: 0.5s;
}

.btn-secondary {
	background: var(--color-eighth);
	color: var(--color-white);
}

.btn:hover,
.btn-secondary:hover {
    box-shadow: 0 3px 6px #0000004A;
}

@media screen and (max-width: 991px) {
	.btn,
	.btn-secondary {
		padding: 7.5px 20px;
		font-size: 2vw;
	}
}

@media screen and (max-width: 480px) { 
	.btn,
	.btn-secondary {
		font-size: 3vw;
	}
}


/*****************************************************************************
 * Link
 *****************************************************************************/

.link {
	font-size: 0.8vw;
    font-family: "Tajawal", "sans-serif";
    font-weight: 800;
	color: var(--color-sixth);
    letter-spacing: 0.1vw;
	text-decoration: none;
	text-transform: uppercase;
}

.link .fa {
	margin-right: 10px;
	margin-left: 10px;
}

@media screen and (max-width: 991px) {
	.link {
		font-size: 2.4vw;
	}
}

@media screen and (max-width: 991px) { 
	.link {
		font-size: 3vw;
	}
}

/*****************************************************************************
 * Breadcrumb
 *****************************************************************************/
.breadcrumb {
	margin-top: 10px;
}

.breadcrumb > .bc-link {
	font-size: 0.8vw;
    font-family: "Tajawal", "sans-serif";
    /* font-weight: 600; */
	color: var(--color-eighth);
	text-decoration: none;
	text-transform: uppercase;
}

.breadcrumb > .bc-bold {
	font-weight: 900;
	margin: auto 5px;
}

@media screen and (max-width: 991px){ 
	.breadcrumb > .bc-link {
        font-size: 2.5vw;
    }
}

@media screen and (max-width: 480px){ 
	.breadcrumb > .bc-link {
        font-size: 3vw;
    }
}


/*****************************************************************************
 * Form
 *****************************************************************************/

.form-control {
    background: #EFF4F678;
    border: 1px solid #D4D4D4;
	border-radius: 30px;
    padding: 15px 40px;
    font-size: 1vw;
    font-family: "Tajawal", "sans-serif";
    font-weight: 400;
    color: #000000;
}

.form-control:focus {
	outline: none;
}

@media screen and (max-width: 991px) {
	.form-control {
		padding: 7.5px 20px;
		font-size: 2vw;
	}
}

/*****************************************************************************
* List
*****************************************************************************/

ul.list li {
	margin-bottom: 1vw;
}

ul.list li::marker {
	color: var(--color-seventh);
}

ul.list {
	text-transform: uppercase;
	font-weight: bold;
}


/* **************************************************************************************************** */
/* S_SELECT
/* **************************************************************************************************** */

.sSelect {
    display:inline-block;
}

.sSelect .sSelectbar {
    padding: 10px 10px;
    cursor:pointer;
    display: inline-block;
    padding-right:30px;
	border-radius: 30px;
    min-width:200px;
    min-height:27px;
    background: url("../images/elements/arrowselect.png") white no-repeat right;
}

.sSelect .sSelectUl {
    background:white;
    cursor:pointer;
    width:240px;
    position: absolute;
    top:26px;
    left:0;
    max-height: 400px;
    overflow: auto;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
}

.sSelect .sSelectUl li {
    padding:5px 10px;
    min-height:27px;
    border-bottom: 1px solid #EEE;
    border-top:none;
}

.sSelect .sSelectUl li:hover {
    background:#EEEEEE;
}

.sSelect .sSelectInput {
    background:white!important;
    width:100%!important;
    border:none!important;
    outline:none!important;
}


/*****************************************************************************
* Header
*****************************************************************************/

#header {
	position: sticky;
	top: -2.25%;
	z-index: 1001;
	background: #FFFFFF;
	width: 100%;
	padding: 2.5% 6% 0 6%;
	display: flex;
	overflow-x: visible;

	transition: none;
}

#header .header-left {
	width: 10%;
	margin-right: 6%;
}
#header .header-left .header-left-logo {
	width: 100%;
}


#header .header-left .burger-menu {
	display: none;
}

#header .header-right {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
}

#header .header-right .header-right-top {
	width: 100%;
	margin-bottom: 2%;
	display: flex;
	justify-content: flex-end;
}



#header .header-right .header-right-top .header-right-top-link {
	margin-left: 3%;
	font-size: 1.05vw;
    font-family: "Tajawal", "sans-serif";
    font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}



#header .header-right .header-right-top .header-right-top-link:nth-of-type(1) {
	color: var(--color-eighth);
	order: 3;
}

#header .header-right .header-right-top .header-right-top-link:nth-of-type(2) {
	color: var(--color-seventh);
	order: 2;
}

#header .header-right .header-right-top .header-right-top-link:nth-of-type(3) {
	color: var(--color-sixth);
	order: 1;
}

#header .header-right .header-right-top .header-right-top-link .fa {
	margin-right: 5px;
}

#header .header-right .delimiter {
	display: none;
}

#header .header-right .header-right-bottom {
	width: 85%;
}

#header .header-right .header-right-bottom .header-right-bottom-menu {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

#header .header-right .header-right-bottom .header-right-bottom-menu .header-right-bottom-menu-item {
	margin-left: 1%;
}

#header .header-right-bottom-menu-item .fa {
	display: none;
}

#header .header-right .header-right-bottom .header-right-bottom-menu .header-right-bottom-menu-item .header-right-bottom-menu-item-link {
	padding-bottom: 15%;
	display: block;
	position: relative;
	font-size: 1.05vw;
    font-family: "Tajawal", "sans-serif";
    font-weight: 700;
	text-decoration: none;
	color: var(--color-eighth);
	text-transform: uppercase;
}

#header .header-right .header-right-bottom .header-right-bottom-menu .header-right-bottom-menu-item .header-right-bottom-menu-item-link::after {
	content: '';
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	width: 15vw;
	height: 5vw;
	z-index: 99999;
}

#header .header-right .header-right-bottom .header-right-bottom-menu .header-right-bottom-menu-item .header-right-bottom-menu-item-submenu {
	display: none;
}

#header .header-right .header-submenu-title { 
	display: none;

	font-family: "dunbar-tall", "sans-serif";
	font-weight: 600;
	font-size: 14px;
}

#header .header-right .header-submenu-title .first-word {
	text-transform: lowercase;
	font-weight: 300;
}

#header .header-right-bottom-menu-item-submenu {
	position: absolute;
	z-index: 200;
	top: 100%;

	flex-direction: row;

	background-color: #ffffff;
	border-radius: 30px;
	box-shadow: 0px 0px 5px #00458A1F;
	padding: 5px 0;
}

#header .header-right-bottom-menu-item-submenu-link {
	height: 100%;
	width: 100%;
	max-width: 13vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;

	color: #ffffff;
	text-decoration: none;
}

#header .header-right-bottom-menu-item-submenu-link:not(:last-of-type) {
	border-right: 1px solid #CFCFCF;
}

#header .header-right-bottom-menu-item-submenu-link-logo {
	max-height: 100%;
	max-width: 100%;
	object-fit: cover;
}


@media screen and (min-width: 991px) {

	#header .header-right .header-right-bottom .header-right-bottom-menu .header-right-bottom-menu-item:hover .header-right-bottom-menu-item-link[href="#"] ~ .header-right-bottom-menu-item-submenu {
		display: flex;
	}

	#header.is-pinned .header-left .header-left-logo {
		width: 80%;
	}

	#header.is-pinned .header-right .header-right-top {
		margin-bottom: 1%;
	}

	#header.is-pinned .header-right .header-right-top .header-right-top-link {
		font-size: 0.8vw;
	}

	#header.is-pinned .header-right .header-right-bottom .header-right-bottom-menu .header-right-bottom-menu-item .header-right-bottom-menu-item-link {
		font-size: 0.8vw;
	}
}

@media screen and (max-width: 991px) {
	#header { 
		box-shadow: 0 0 10px #00000029;
		padding: 0;
		top: 0;
	}

	#header.active { 
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		flex-direction: column;
		z-index: 1001;
	}

	#header .header-left {
		width: 100%;
		margin: 0;
		padding: 15px 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	#header .header-left .header-left-logo {
		content: url("../images/header/logo_mobile.png");
		width: 115px;
	}

	#header .header-left .burger-menu {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#header .header-left .burger-menu .burger-menu-image {
		margin-bottom: 5px;
	}

	#header .header-left .burger-menu .burger-menu-title {
		font-family: "Tajawal", "sans-serif";
		font-size: 12px;
		color: var(--color-eighth);
		text-transform: uppercase;
	}

	#header .header-right {
		display: none;
	}

	#header.active .header-right {
		display: flex;
		flex-direction: column-reverse;
	}

	#header .header-right .header-right-top {
		width: 100%;
		margin-bottom: 0;
		padding: 20px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-end;
	}

	#header .header-right .header-right-top .header-right-top-link {
		margin-left: 0;
		font-size: 20px;
	}

	#header .header-right .header-right-top .header-right-top-link:not(:last-of-type) {
		margin-top: 20px;
	}

	#header .header-right .delimiter {
		width: 100%;
		display: block;
	}

	#header .header-right .header-right-bottom {
		width: 100%;
		background: var(--color-tenth);
		flex: 1;
		padding: 20px;
		height: 100%;
	}
	
	#header .header-right .header-right-bottom .header-right-bottom-menu {
		padding-top: 20px;
		height: auto;
		flex-direction: column;
		justify-content: space-between;
	}

	#header .header-right .header-right-bottom .header-right-bottom-menu .header-right-bottom-menu-item {
		margin-left: 0;
		position: relative;
	}

	#header .header-right-bottom-menu-item .fa {
		display: inline-block;
		color: #ffffff;
		font-size: 20px;
		position: absolute;
		right: 0;
		top: 0;
	}

	#header .header-right .header-right-bottom .header-right-bottom-menu .header-right-bottom-menu-item:not(:first-of-type) {
		margin-top: 30px;
	}

	#header .header-right .header-right-bottom .header-right-bottom-menu .header-right-bottom-menu-item .header-right-bottom-menu-item-link {
		padding-bottom: 0;
		font-size: 20px;
		color: #FFFFFF;
	}

	#header .header-right-bottom-menu-item-submenu {
		position: relative;
		display: block;
		top: unset;
		flex-direction: column;
		align-items: flex-start;

		max-height: unset;
		height: fit-content;
		width: unset;
		max-width: unset;

		background-color: transparent;
		border-radius: unset;
		box-shadow: unset;
	}

	#header .header-right-bottom-menu-item-submenu-link {
		width: unset;
		max-width: 100%;
	}

	#header .header-right-bottom-menu-item-submenu-link:not(:last-of-type) {
		border: unset;
	}

	#header .header-right-bottom-menu-item .header-right-bottom-menu-item-link[href="#"] ~ .header-right-bottom-menu-item-submenu {
		display: none;
	}

	#header .header-right-bottom-menu-item .header-right-bottom-menu-item-link.open-submenu[href="#"] {
		border-bottom: 1px solid #ffffff;
	}

	#header .header-right-bottom-menu-item .header-right-bottom-menu-item-link.open-submenu[href="#"] ~ .header-right-bottom-menu-item-submenu {
		display: flex;
	}

	#header .header-right-bottom-menu-item .header-right-bottom-menu-item-link.open-submenu[href="#"] ~ .fa{
		transform: rotate(-90deg);
	}

	#header .header-right .header-submenu-title { 
		display: inline-block;
		padding: unset;
		margin: 10px 0 0;
	}

	#header .header-right .header-right-bottom-menu-item-submenu-link-logo { 
		display: none;
	}
}

/*****************************************************************************
* Content
*****************************************************************************/

#content {
	background: top left / 36% url("../images/background-content.png") no-repeat;
}

/*****************************************************************************
* Main Slider
*****************************************************************************/

#slider {
	width: 100%;
}

#slider .slides {
	/* interferances avec le before de #insurance::before si z-index < 3*/
	z-index: 3;
}

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

#slider .slides .slide .slide-content {
	width: 100%;
	display: flex;
}

#slider .slides .slide .slide-content .slide-left {
	width: 50%;
	padding: 4% 0 8% 6%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* #slider .slides .slide .slide-content .slide-left > p,
#slider .slides .slide .slide-content .slide-left > span,
#slider .slides .slide .slide-content .slide-left > div {
	font-size: 2.1vw;
	line-height: 2vw;
    font-family: "dunbar-tall", "sans-serif";
    font-weight: 600;
	color: var(--color-eighth);
	text-transform: none;
} */


#slider .slides .slide .slide-content .slide-left .slide-title {
	font-size: 2.5vw;
    font-family: "dunbar-tall", "sans-serif";
    font-weight: 700;
	color: var(--color-eighth);
	text-transform: uppercase;
}

#slider .slides .slide .slide-content .slide-left .slide-subtitle {
	margin-bottom: 3%;
	font-size: 2.5vw;
    font-family: "dunbar-tall", "sans-serif";
    font-weight: 400;
	color: var(--color-eighth);
}

#slider .slides .slide .slide-content .slide-left .slide-description {
	margin-bottom: 5%;
	font-size: 1.5vw;
    font-family: "dunbar-tall", "sans-serif";
    font-weight: 300;
	color: var(--color-sixth);
	letter-spacing: 3px;
}

#slider .slides .slide .slide-content .slide-left .btn {
	margin-bottom: 5%;
	margin-top: 5%;
}

#slider .slides .slide .slide-content .slide-left .slide-naviguation {
	display: flex;
}

#slider .slides .slide .slide-content .slide-left .slide-naviguation .fa:before {
	font-size: 1.33rem;
	line-height: 0.75rem;
}
#slider .slides .slide .slide-content .slide-left .slide-naviguation .fa {
	background: var(--color-sixth);
	border-radius: 50%;
	width: 32px;
	height: 32px;
	margin-right: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	cursor: pointer;
	opacity: 0.4;
	transition-duration: 0.3s;
}

#slider .slides .slide .slide-content .slide-left .slide-naviguation .fa:hover {
	opacity: 1;
}

#slider .slides .slide .slide-content .slide-right {
	position: relative;
	width: 100%;
	max-width: 100%;
}

#slider .slides .slide .slide-content .slide-right::before {
	content: url("../images/border-slide-image.png");
	position: absolute;
	top: 0;
	left: 0;
}

#slider .slides .slide .slide-content .slide-right .slide-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@media screen and (max-width: 991px) {
	#slider .slides .slide .slide-content {
		flex-direction: column;
	}

	#slider .slides .slide .slide-content .slide-left {
		width: 100%;
		padding: 5%;
	}

	#slider .slides .slide .slide-content .slide-left .slide-title {
		font-size: 5vw;
	}

	#slider .slides .slide .slide-content .slide-left .slide-subtitle {
		font-size: 5vw;
	}

	#slider .slides .slide .slide-content .slide-left .slide-description {
		font-size: 3vw;
	}

	#slider .slides .slide .slide-content .slide-left .slide-naviguation .fa {
		width: 40px;
		height: 40px;
	}

	#slider .slides .slide .slide-content .slide-right {
		width: 100%;
	}

	#slider .slides .slide .slide-content .slide-right::before {
		content: "";
		background: center / cover no-repeat url("../images/border-slide-image-responsive.png");
		transform-origin: top left;
		transform: scaleY(0.5);
		width: 100%;
		min-width: 100%;
		height: 40%;
	}
}


@media screen and (max-width: 480px) {


	#slider .slides .slide .slide-content .slide-left .slide-naviguation .fa {
		width: 25px;
		height: 25px;
	}

	#slider .slides .slide .slide-content .slide-left .slide-title {
		font-size: 7vw;
	}

	#slider .slides .slide .slide-content .slide-left .slide-subtitle {
		font-size: 7vw;
	}

	#slider .slides .slide .slide-content .slide-left .slide-description {
		font-size: 4vw;
	}
}

/*****************************************************************************
* Insurance
*****************************************************************************/

#insurance {
	width: 100%;
	padding: 0 6%;

	position: relative;
}

#insurance::before{
	content:"";
	background:  url("../images/background_accueil_orange.png") no-repeat;
	position: absolute;
	z-index: 2;
	top: -200px;
	left: -50px;
	width: 554px;
	height: 827px;
	max-width: 100vw;
}

#insurance .insurance_anchor {
	display: block;
	position: relative;
	top: -30vh;
	visibility: hidden;
}

#insurance .insurance-groups {
	position: relative;
	z-index: 4;
	background: #FFFFFF;
	box-shadow: 0 0 50px #0000001F;
	border-radius: 50px;
	display: flex;
}

#insurance .insurance-groups .insurance-group {
	flex: 1;
	padding: 2%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	cursor: pointer;
}

#insurance .insurance-groups .insurance-group:not(:last-of-type) {
	border-right: 1px solid #CFCFCF;
}

#insurance .insurance-groups .insurance-group .insurance-group-container {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#insurance .insurance-groups .insurance-group .insurance-group-container > .insurance-group-logo {
	max-width: 14vw;
}


#insurance .insurance-groups .insurance-group .fa {
	color: var(--color-eighth);
	opacity: 0.51;
}

#insurance .insurance-groups .insurance-group .insurance-group-insurances {
	background: #FFFFFF;
	box-shadow: 0 0 50px #0000001F;
	border-radius: 50px;
	position: absolute;
	top: 105%;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 10vw;
	max-height: 200px;
	padding: 3%;
	display: flex;
	justify-content: space-between;
	opacity: 0;
	transition: 0.5s;
	z-index: 203;
	pointer-events: none;
}

#insurance .insurance-groups .insurance-group.active .insurance-group-insurances {
	opacity: 1;
	pointer-events: all;
}

#insurance .insurance-groups .insurance-group .insurance-group-insurances .insurance-group-insurance {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;

	max-width: 15vw;
	margin: 0 2vw;
}

#insurance .insurance-groups .insurance-group .insurance-group-insurances .insurance-group-insurance .insurance-group-insurance-logo {
	max-width: 100%!important;
	max-height: 100%!important;
}

@media screen and (max-width: 1500px) {
	#insurance {
		padding: 0 3%;
	}
}

@media screen and (max-width: 991px) {
	#insurance {
		padding: 0;
	}

	#insurance .insurance-groups {
		border-radius: 0;
		flex-direction: column;
	}

	#insurance .insurance-groups .insurance-group .insurance-group-container {
		width: 100%;
		padding: 15px;
		flex-direction: row;
	}

	#insurance .insurance-groups .insurance-group.active .insurance-group-container {
		box-shadow: 0 0 10px #00000029;
	}

	#insurance .insurance-groups .insurance-group .insurance-group-container .insurance-group-logo {
		width: unset !important;
		transform: scale(0.8);
	}

	#insurance .insurance-groups .insurance-group .fa {
		display: none;
	}

	#insurance .insurance-groups .insurance-group {
		padding: 0;
	}

	#insurance .insurance-groups .insurance-group:not(:last-of-type) {
		border-right: none;
		border-bottom: 1px solid #CFCFCF;
	}

	#insurance .insurance-groups .insurance-group .insurance-group-insurances {
		background: none;
		box-shadow: none;
		position: relative;
		display: none;

		height: unset;
		max-height: unset;
	}

	#insurance .insurance-groups .insurance-group.active .insurance-group-insurances {
		padding: 15px;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	#insurance .insurance-groups .insurance-group .insurance-group-insurances .insurance-group-insurance {
		margin: 5px;
		max-width: min(60vw, 300px);
	}

	#insurance .insurance-groups .insurance-group .insurance-group-insurances .insurance-group-insurance .insurance-group-insurance-logo {
		width: unset !important;
		max-width: 40vw;
	}

	#insurance .insurance-groups .insurance-group .insurance-group-container > .insurance-group-logo {
		max-width: 69vw;
	}
}


.blur {
	filter: blur(2px);
}

/*****************************************************************************
* Informations
*****************************************************************************/

#informations {
	margin-top: 8%;
	margin-bottom: 15%;
	display: flex;
	overflow: hidden;
}

#informations .left {
	width: 26%;
	margin-left: 6%;
	display: flex;
	flex-direction: column;
}

#informations .right {
	position: relative;
	width: 68%;
	display: flex;
	justify-content: flex-end;
}

#informations .right .background {
	width: 95%;
	margin-right: 6vw;
}

#informations .right .map {
	position: absolute;
	right: -2%;
	bottom: -14%;
	width: 45%;
}

#informations .right .animation {
	position: absolute;
	/* top: 0; */
	top:-4%;;
	right: 3%;
	width: 44vw !important;
	height: 44vw !important;
}

#informations .btn {
	margin-top: 20px;
}

@media screen and (max-width: 991px) {
	#informations {
		margin-top: 0;
		flex-direction: column;
	}

	#informations .left {
		width: 100%;
		margin-left: 0;
		padding: 5%;
	}

	#informations .right {
		width: 100%;
	}

	#informations .right .background {
		width: 145%;
    	margin-right: 0;
	}

	#informations .right .map {
		right: -4%;
		bottom: -15%;
		width: 75%;
		filter: drop-shadow(0 0 0.75rem #00000029);
	}

	#informations .right .animation {
		/* top: 40%;
		right: 60%; */
		top: 23%;
    	right: 59%;
		transform: translate(50%, -50%);
	}
}

/*****************************************************************************
* News 
*****************************************************************************/

#news {
	display: flex;
	margin-bottom: 5%;
}

#news .left {
	width: 59%;
	margin: -2.6vw 6%;
}

#news .left .actus {
	margin: 0 -3.5%;
}

#news .left .actus .slick-arrow {
	background: var(--color-eighth);
	opacity: 0.22;
	transition-duration: 0.3s;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFFFFF;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 1;
}

#news .left .actus .slick-arrow:hover {
	opacity: 1;
}

#news .left .actus .slick-arrow.slick-arrow-left {
	left: -1.3vw;
}

#news .left .actus .slick-arrow.slick-arrow-right {
	right: -1.3vw;
}

#news .left .actus .actu .actu-container {
	box-shadow: 0 0 2.6vw var(--color-third-shadow);
	border-radius: 30px;
	margin: 2.6vw;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transition-duration: 0.3s;
	cursor: pointer;
}

#news .left .actus .actu .actu-container:hover {
	box-shadow: 0 0 2.6vw var(--color-third-shadow-hover);
}

#news .actu_separator {
	width: 100%;
	height: 25px;
	background-color: var(--color-primary);
	clip-path: polygon(0 0, 100% 0, 100% 33%, 0% 100%);
}

#news .left .actus .actu .actu-container .image { 
	width: 100%;
	aspect-ratio: 1.6;
	object-fit: cover;
}

#news .left .actus .actu .actu-container .actu-content {
	padding: 8% 4%;
	display: flex;
	flex-direction: column;
}

#news .left .actus .actu .actu-container .actu-content .name {
	font-size: 1vw;
    font-family: "dunbar-tall", "sans-serif";
    font-weight: 700;
    color: var(--color-eighth);
	letter-spacing: 1px;
}

#news .right {
	width: 23%;
	margin-right: 6%;
	display: flex;
	flex-direction: column;
}

#news .right .subtitle {
	margin-bottom: 7%;
}

#news .right .content {
	margin-bottom: 8%;
}

@media screen and (max-width: 991px) {
	#news {
		padding: 5%;
		flex-direction: column-reverse;
	}

	#news .left {
		width: 100%;
		margin: -2.6vw 0;
	}

	#news .left .actus .slick-arrow {
		display: none !important;
	}

	#news .left .actus .actu .actu-container .actu-content .name {
		font-size: 2vw;
	}

	#news .right {
		width: 100%;
		margin-right: 0;
		margin-bottom: 5%;
	}

	#news .right .subtitle {
		margin-bottom: 2.5%;
	}

	#news .right .content {
		margin-bottom: 2.5%;
	}
}

@media screen and (max-width: 480px) {
	#news .left .actus .actu .actu-container .actu-content .name {
		font-size: 3vw;
	}

	#news .slick-dots {
		padding: unset;
		text-align: center;
	}

	#news ul.slick-dots li{
		display: inline-block;
		margin: 0 4px;
	}
	
	#news ul.slick-dots li button{
		background-color: var(--color-eighth);
		opacity: 0.6;
		border: 1px solid rgba(255, 255, 255, 0);
		font-size: 0px;
		width: 12px;
		height: 12px;
		border-radius: 50%;
		padding: 0;
		box-sizing: border-box;
		outline: none;
		cursor: pointer;
		transition: all .4s ease;
	}
	
	#news ul.slick-dots li.slick-active button{
		border: 1px solid var(--color-eighth);
		background-color: var(--color-eighth);
		opacity: 1;
		width: 14px;
		height: 14px;
	}
}


/*****************************************************************************
* Footer
*****************************************************************************/

#footer {
	position: relative;
	z-index: 1000;
	width: 100%;
	padding: 50px 6% 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

#footer::before {
	content: '';
    position: absolute;
	z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: var(--color-eighth);

	clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%);
}


#footer .separator {
	background-color: var(--color-primary);
	clip-path: polygon(0 75%, 100% 0, 100% 100%, 0% 100%);
	
	position: absolute;
	z-index: -2;
	left: 0;
	bottom:100%;
	width: 100%;
	height: 20%;
	transform: translateY(50%);
}

#footer .logo {
	width: 15%;
}

#footer .contact {
	display: flex;
	flex-direction: column;
}

#footer .contact .contact-title {
	margin-bottom: 0.9vw;
	font-size: 1.1vw;
    font-family: "Tajawal", "sans-serif";
    font-weight: 700;
	color: #FFFFFF;
	text-transform: uppercase;
}

#footer .contact .contact-info {
	font-size: 0.9vw;
    font-family: "Tajawal", "sans-serif";
    font-weight: 400;
	color: #FFFFFF;
}

#footer .contact .contact-link {
	margin-top: 0.9vw;
	font-size: 0.9vw;
    font-family: "Tajawal", "sans-serif";
    font-weight: 400;
	color: #FFFFFF;
}

#footer .menu-footer {
	display: grid;
	grid-template-columns: 2fr 1fr;
  	grid-gap: 0.7vw 4vw;
}

#footer .menu-footer-eco-circulaire,
#footer .menu-footer .menu-footer-link {
	font-size: 0.9vw;
    font-family: "Tajawal", "sans-serif";
    font-weight: 400;
	color: #FFFFFF;
	text-decoration: none;
}

#footer .bretagne {
	width: 7%;
}

#footer .menu-footer-eco-circulaire {
	width: 100%;
	text-align: center;
}

#footer .menu-footer-bottom {
	width: 100%;
	margin-top: 40px;
	display: flex;
	justify-content: center;
}

#footer .menu-footer-bottom .menu-footer-bottom-link {
	font-size: 0.8vw;
	letter-spacing: 1.4px;
    font-family: "Tajawal", "sans-serif";
    font-weight: 400;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
}

#footer .menu-footer-bottom .menu-footer-bottom-link:not(:last-of-type)::after {
	content: "-";
	margin: 0 5px;
}

@media screen and (max-width: 991px) {
	#footer {
		padding: 50px 5% 20px;
	}

	#footer .separator {
		order: 1;
	}

	#footer .logo {
		width: 40%;
		max-width: 200px;
		margin: 0 5% 5% 5%;
		order: 2;
	}

	#footer .contact {
		width: 50%;
		order: 4;
	}

	#footer .contact .contact-title {
		margin-bottom: 0.9vw;
		font-size: 2.5vw;
	}

	#footer .contact .contact-info {
		font-size: 2vw;
	}

	#footer .contact .contact-link {
		margin-top: 0.9vw;
		font-size: 2vw;
	}

	#footer .menu-footer {
		width: 50%;
		order: 5;
		display: flex;
		flex-direction: column;
		justify-content: center;
		grid-gap: unset;
	}

	#footer .menu-footer-eco-circulaire,
	#footer .menu-footer .menu-footer-link {
		font-size: 2vw;
	}

	#footer .menu-footer-eco-circulaire {
		order: 5
	}

	#footer .menu-footer .menu-footer-link:not(:last-of-type) {
		margin-bottom: 5px;
	}

	#footer .bretagne {
		width: 20%;
		max-width: 100px;
		margin: 0 15% 5% 15%;
		order: 3;
	}

	#footer .menu-footer-bottom {
		order: 6;
	}

	#footer .menu-footer-bottom .menu-footer-bottom-link {
		font-size: 1.6vw;
	}

}

@media screen and (max-width: 480px) { 

	#footer .contact .contact-title {
		margin-bottom: 0.9vw;
		font-size: 4vw;
	}

	#footer .contact .contact-info {
		font-size: 3vw;
	}

	#footer .contact .contact-link {
		margin-top: 0.9vw;
		font-size: 3vw;
	}

	#footer .menu-footer-eco-circulaire,
	#footer .menu-footer .menu-footer-link {
		font-size: 3vw;
	}

	#footer .menu-footer-bottom .menu-footer-bottom-link {
		font-size: 2vw;
	}
	
	#footer .menu-footer-bottom .menu-footer-bottom-link:not(:last-of-type)::after {
		margin: 0 2px;
	}
}