/* --------------------------------------------------
	
	(component) OFFER
	
-------------------------------------------------- */
.c-parent-offer {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 100%;

	/* margin-bottom: 100px; */
}
.c-offer {
	width: 680px;
	max-width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.c-offer .c-offer--item {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 200px;
}

/* .c-offer .c-offer--item  .c-offer--item-header{
	display: flex;
	flex-direction: column;
	align-items: center;
} */
.c-offer .c-offer--item .c-offer--item-header h3{
	margin-top: 20px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.c-offer .c-offer--item .c-offer--item-header p{
	text-align: center;
	font-size: 14px;
	color:#818384;
}




.c-offer.\-with-price .c-offer--item .c-offer--item-header::after {
	content: '';
    border-bottom: 1px solid #D3D3D3;
	width: 130px;
	max-width: 100%;
    margin: 10px auto;
    display: block;
}

.c-offer.\-with-price .c-offer--item .c-offer--item-content {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.c-offer.\-with-price .c-offer--item .c-offer--item-content .c-offer--item-price {
	/* padding: 0 20px;
	box-sizing: border-box; */
	font-size: 14px;
}
.c-offer.\-with-price .c-offer--item .c-offer--item-content .c-offer--item-price::after {
	content: '';
    border-bottom: 1px solid #D3D3D3;
	width: 130px;
	max-width: 100%;
    margin: 10px auto;
    display: block;
}
.c-offer.\-with-price .c-offer--item .c-offer--item-content .c-offer--item-price p{
	color: #021624;
	margin: 0;
}

.c-offer.\-with-price .c-offer--item .c-offer--item-content .c-offer--item-price .price{
	font-size:16px;
	font-weight: bold;
}

.c-offer.\-with-price .c-offer--item .c-offer--item-content .c-offer--item-reduction p{
	color: #FB5D5A;
	margin: 0;
	font-size:13px;
}
.c-offer.\-with-price .c-offer--item .c-offer--item-content .c-offer--item-reduction .price-reduction{
	font-size:13px;
	font-weight: bold;
}

.c-offer.\-with-price .c-offer--item .c-offer--item-reduction {
	/* padding: 0 30px;
	box-sizing: border-box; */
	font-size: 14px;
	color: #FB5D5A;
}


@media (max-width: 677px) {
	.c-offer {
		justify-content: space-around;
	}
	.c-offer .c-offer--item {
		margin-bottom: 40px;
	}
} 

@media (max-width: 477px) {
	.c-offer.\-with-price .c-offer--item {
		flex-direction: row;
		justify-content: center;
		max-width: 100%;
	}

	.c-offer.\-with-price .c-offer--item .c-offer--item-header {
		border-right: 1px solid #D3D3D3;
		width: 50%;
		padding-right: 15px;
		box-sizing: border-box;
	}

	.c-offer.\-with-price .c-offer--item .c-offer--item-header h3 {
		text-align: left;
	}

	.c-offer.\-with-price .c-offer--item .c-offer--item-header p {
		text-align: left;
	}

	.c-offer.\-with-price .c-offer--item .c-offer--item-content {
		text-align: left;
	}

	.c-offer.\-with-price .c-offer--item .c-offer--item-header .illustration.\-small-house  {
		margin-left: -10%;
	}

	.c-offer.\-with-price .c-offer--item .c-offer--item-header .illustration.\-middle-house  {
		margin-left: -10%;
	}

	.c-offer.\-with-price .c-offer--item .c-offer--item-header::after {
		display: none;
	}
	.c-offer.\-with-price .c-offer--item .c-offer--item-content {
		width: 50%;
		padding-left: 15px;
		box-sizing: border-box;
	}
	.c-offer.\-with-price .c-offer--item .c-offer--item-content .c-offer--item-price {
		padding: 0 10px;
	}
	.c-offer.\-with-price .c-offer--item .c-offer--item-content .c-offer--item-reduction {
		padding: 0 10px;
	}

	.c-offer.\-with-price .c-offer--item .c-offer--item-content .c-offer--item-price::after {
		width: 100%;
	}
} 

/* --------------------------------------------------
	
	(component) OFFER BOARD
	
-------------------------------------------------- */
.c-parent-offer-board {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 584px;
    /* margin: 0 auto; */
    /* outline: 1px solid blue; */
}

.c-offer-board {
	max-width: 655px;
}

.c-offer-board table  {
	border-collapse: collapse;
}

.c-offer-board table tbody {
	position: relative;
	border-bottom: 15px solid white;
}

@media (max-width: 770px) {
	.c-offer-board table tbody::before {
		margin-left: 0px;
		margin-top: -45px;
	}
}

@media (max-width: 770px) {
	.c-offer-board table tbody {
		border-top: 60px solid white;
	}
}

.c-offer-board table, .c-offer-board th {
	border: none;
}


/* titre colonne et titre ligne */
.c-offer-board table thead tr th, .c-offer-board table tbody tr th {
	background-color: #fff;
	vertical-align: middle;
	padding: 10px 0px;
}

/* titre ligne */
.c-offer-board table tbody tr th {
	position: relative;
}

/* titre colonne */
.c-offer-board table thead tr th {
	text-align: center;
	font-size: 20px;
}

@media (max-width: 400px) {
	.c-offer-board table thead tr th {
		font-size: 14px;
		transform: rotate(-60deg);
    	background: transparent;
	}
}

/* titre ligne */
.c-offer-board table tbody tr th {
	width: 230px;
	padding: 10px 20px 10px 0px;
	font-size: 14px;
	font-weight: normal;
	position: relative;
}

.c-offer-board table tbody tr th strong{
	font-size: 16px;
	font-weight: bold;
}




@media (max-width: 400px) {
	.c-offer-board table tbody tr:first-child th{
		font-size: 14px;
	}
}

/* cellule */
.c-offer-board table tbody tr td {
	width: 110px;
	padding: 10px 0px;
	border: 1px solid #fff;
} 

.c-offer-board table tbody tr td.bg-blue {
	background-color: #D5EDFF;
	position: relative;
}
.c-offer-board table tbody tr td.bg-grey {
	background-color: #F7F8F9;
}

.yes {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.yes::after {
	content: '';
    position: relative;
    display: block;
    background-image: url(../img/icones.svg);
    background-position: -2px -2px;
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

/* --------------------------------------------------
	
	(component) OFFER CALL QUOTATION
	
-------------------------------------------------- */
.c-parent-offer-call-quotation {
	width: 655px;
	max-width: 100%;
	display: flex;
	/* outline: 1px solid red; */
	justify-content: flex-end;
}
.c-offer-call-quotation {
	 /* outline: 1px solid green; */
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 width: 367px;
   	 max-width: 100%;
	 margin-top: 30px;
}
.c-offer-call-quotation ul {
	list-style: none;
	padding: 0;
	max-width: 100%;
}
.c-offer-call-quotation ul li{
	position: relative;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 274px;
	max-width: 100%;
	box-sizing: border-box;
}
/* ------------------------------------------------
	
	(sprite) ILLUSTRATION
	
-------------------------------------------------- */
.illustration {
	max-width: 180px;
	/* margin: 0 auto; */
    display: block;
}
.illustration::before {
	content: '';
	background-image: url(../img/illustrations.svg);
    padding-bottom: 44.94382%; /* = 80 / 178 * 100 */
    background-position: -2px -2px;
    background-repeat: no-repeat;
    background-size: 284.44% auto; /* = 512 / 178 * 100  */
    /* width: auto; */
    /* height: 0; */
    display: block;
}
.illustration.\-small-house::before {
	background-position: -2px -2px;
}
.illustration.\-middle-house::before { 
	background-position: -2px 19%;
}
.illustration.\-big-house::before {
	background-position: -2px 39%;
}
.illustration.\-logo::before{
	background-position: -2px -412px;
}
.illustration.\-decor {
	max-width: 280px;
	margin: 0 auto;
}
.illustration.\-decor::before {
	background-position: 78.5% -2px; 
	background-size: 182.85714% auto; /* = 512 / 280 * 100 */
	padding-bottom: 23.21%; /* = 65 / 280 * 100 */
}

/* --------------------------------------------------
	
	(sprite) ICONES ILLUSTRATIONS BOARD
	
-------------------------------------------------- */
.icon-illus-board::before {
	content: '';
	background-image: url(../img/icones-illus.svg);
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	margin-top: 8px;
    margin-left: -70px;
}

.icon-illus-board.\-inventory-cleaning::before {
	background-position: -106px -158px;
}
.icon-illus-board.\-laundry-care::before {
	background-position: -262px -262px;
}
.icon-illus-board.\-window::before {
	background-position: -158px -2px;
}
.icon-illus-board.\-cat::before {
	background-position: -106px -418px;
}
.icon-illus-board.\-flowers::before {
	background-position: -158px -418px;
}
.icon-illus-board.\-large-cleaning::before {
	background-position: -210px -158px;
	}
.icon-illus-board.\-regular-cleaning::before {
	background-position: -106px -314px;
}
.icon-illus-board.\-bed::before {
	background-image: url(../img/bed.png);
	background-position: unset;
	background-repeat: no-repeat;
	background-size: 50px;
}

/* --------------------------------------------------
	
	(sprite) ICONES ILLUSTRATIONS 
	
-------------------------------------------------- */

.icon-calendar::before {
	content: '';
	background-image: url(../img/calendrier-crop.png);
	background-repeat: no-repeat;
	width: 78px;
	height: 78px;
	display: block;
	margin-bottom: -15px;
    margin-top: -15px;
}
.icon-illus::before {
	content: '';
	background-image: url(../img/icones-illus.svg);
	width: 50px;
	height: 50px;
	display: block;
}
.icon-illus.\-swallow::before {
	background-position: -2px -2px;
	transform: scale(1.56);
}
.icon-illus.\-stork::before {
	background-position: -54px -2px;
	transform: scale(1.56);
}
.icon-illus.\-hand::before {
	background-position: -54px -158px;
	transform: scale(1.56);
}
.icon-illus.\-house::before {
	background-position: -54px -54px;
	transform: scale(1.56);
}
.icon-illus.\-island::before {
	background-position: -54px -106px;
	transform: scale(1.56);
}
.icon-illus.\-regular-cleaning::before {
	background-position: -106px -314px;
}
.icon-illus.\-occasional-cleaning::before {
	background-position: -158px -54px;
}
.icon-illus.\-large-cleaning::before {
	background-position: -210px -158px;
}
.icon-illus.\-inventory-cleaning::before {
	background-position: -106px -158px;
}
.icon-illus.\-ironing::before {
	background-position: -158px -158px;
}
.icon-illus.\-ground-cleaning::before {
	background-position: -106px -158px;
}
.icon-illus.\-storage::before {
	background-position: -314px -158px;
}
.icon-illus.\-laundry-care::before {
	background-position: -262px -262px;
}
.icon-illus.\-kitchen-cleaning::before {
	background-position: -158px -262px;
}
.icon-illus.\-bathroom-cleaning::before {
	background-position: -106px -366px;
}
.icon-illus.\-propal::before {
	background-position: -314px -418px;
}
.icon-illus.\-chemist::before {
	background-position: -106px -262px;
}
.icon-illus.\-hands::before {
	background-position: -210px -210px;
}
.icon-illus.\-contract::before {
	background-position: -314px -366px;
}
.icon-illus.\-question::before {
	background-position: -366px -2px;
    position: absolute;
	top: -65px;
	left: 5px;
    transform: scale(1.28)
}



/* --------------------------------------------------
	
	(sprite) ICONES
	
-------------------------------------------------- */
.icon::before {
	content: '';
	background-image: url(../img/icones.svg);
	width: 16px;
	height: 16px;
	display: block;
	position: relative;
}


.icon.\-check-red::before {
	background-position: -20px -2px;
	top: 3px;
	left: -25px;
	position: absolute;
}
.icon.\-arrow-white::before {
	background-position: -2px -38px;
}

.icon.\-tel-blue::before {
	background-position: -20px -56px;
}

.icon.\-tel::before {
	background-position: -2px -56px;
	transform: scale(1.2);
	position: relative;
}
.icon.\-fb::before {
	background-position: -2px -74px;
	transform: scale(1.875);
}
.icon.\-twitter::before {
	background-position: -20px -74px;
	transform: scale(1.875);
}
.icon.\-linkedin::before {
	background-position: -38px -74px;
	transform: scale(1.875);
}
.icon.\-instagram::before {
	background-position: -56px -74px;
	transform: scale(1.875);
}

.icon-after::after {
	content: '';
	background-image: url(../img/icones.svg);
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	right: 5px;
    top: 50%;
    transform: translate(0,-50%);
}

.icon-after.\-more::after {
	background-position: -2px -92px;
	
}
.icon-after.\-less::after {
	background-position: -20px -92px;
}



/* --------------------------------------------------
	
	(component) GRID COLUMNS
	
-------------------------------------------------- */
.c-grid-columns {
	max-width: 100%; 
	/* outline: 1px solid red; */
}


/* --------------------------------------------------
	
	(component) TWO COLUMNS 
	
-------------------------------------------------- */
.c-grid-columns.\-two-columns .c-grid-columns-items{
	display: grid;
    max-width: 585px;
	grid-gap: 40px;
	grid-template-columns: 1fr 1fr;
	/* grid-template-columns: repeat(auto-fill, minmax(auto,300px)); */
    justify-content: center;
    margin: 0 auto;
}
@media (max-width: 534px) {
	.c-grid-columns.\-two-columns .c-grid-columns-items{
		grid-template-columns: minmax(auto, 300px);
	}
}

.c-grid-columns.\-two-columns .c-grid-columns-items .c-grid-columns-items--offer{
	max-width: 100%;
	height: 260px;
	justify-content: space-between;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.c-grid-columns.\-two-columns .c-grid-columns-items .c-grid-columns-items--offer img {
	border-radius: 20px;
}
.c-grid-columns.\-two-columns .c-grid-columns-items .c-grid-columns-items--offer h3{
	font-size: 20px;
	font-weight: bold;
	margin: 20px 0 10px 0;
}
.c-grid-columns.\-two-columns .c-grid-columns-items .c-grid-columns-items--offer p{
	font-size: 14px;
	color: #818384;
	margin: 0 0 10px 0;
}

.c-grid-columns.\-two-columns .c-grid-columns-items .c-grid-columns-items--offer a{
	color: #017CD8;
}


/* --------------------------------------------------
	
	(component) TWO COLUMNS CITY
	
-------------------------------------------------- */

.c-grid-columns.\-two-columns-city .c-grid-columns-items {
	max-width: 540px;
    display: grid;
	grid-gap: 40px;
	grid-template-columns: 1fr 1fr;
    /* grid-template-columns: repeat(auto-fill, minmax(auto,250px)); */
    justify-content: center;
}

@media (max-width: 488px) {
	.c-grid-columns.\-two-columns-city .c-grid-columns-items {
		grid-template-columns: minmax(auto, 250px);
	}
}
.c-grid-columns.\-two-columns-city .c-grid-columns-items .c-grid-columns-items--offer {
	max-width: 100%;
	align-items: flex-start !important;
	text-align: left !important;
}
.c-grid-columns.\-two-columns-city .c-grid-columns-items .c-grid-columns-items--offer h3 {
	margin-top: 10px;
	margin-bottom: 5px;
}
/* .c-grid-columns.\-two-columns-city .c-grid-columns-items .c-grid-columns-items--offer p {
	margin-top: 0;
} */

/* --------------------------------------------------
	
	(component) THREE COLUMNS
	
-------------------------------------------------- */
.c-grid-columns.\-three-columns .c-grid-columns-items{
	display: grid;
    max-width: 680px;
	grid-gap: 40px;
	grid-template-columns: 1fr 1fr 1fr;
	/* grid-template-columns: repeat(auto-fill, minmax(auto,200px)); */
    justify-content: center;
    margin: 0 auto;
}
@media (max-width: 534px) {
	.c-grid-columns.\-three-columns .c-grid-columns-items{
		grid-template-columns: minmax(auto, 300px);
	}
}
.c-grid-columns.\-three-columns .c-grid-columns-items .c-grid-columns-items--offer{
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.c-grid-columns.\-three-columns .c-grid-columns-items .c-grid-columns-items--offer h3 {
	max-width: 195px;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
.c-grid-columns.\-three-columns .c-grid-columns-items .c-grid-columns-items--offer p {
	font-size: 14px;
	color: #818384;
	margin: 0;
}

/* --------------------------------------------------
	
	(component) FOUR COLUMNS SERVICES
	
-------------------------------------------------- */
.c-grid-columns.\-four-columns-services .c-grid-columns-items {
	max-width: 1100px;
    display: grid;
    grid-gap: 60px;
	grid-template-columns: repeat(auto-fill, 20%);
}
@media (max-width: 992px) {
	.c-grid-columns.\-four-columns-services .c-grid-columns-items {
		justify-content: center;
		grid-template-columns: repeat(auto-fill, 40%);
	}
}
@media (max-width: 534px) {
	.c-grid-columns.\-four-columns-services .c-grid-columns-items {
		grid-template-columns: minmax(auto, 300px);
	}
}

.c-grid-columns.\-four-columns-services .c-grid-columns-items .c-grid-columns-items--offer{
	max-width: 100%;
	height: 260px;
    justify-content: space-between;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.c-grid-columns.\-four-columns-services .c-grid-columns-items .c-grid-columns-items--offer h3 {
	max-width: 195px;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.c-grid-columns.\-four-columns-services .c-grid-columns-items .c-grid-columns-items--offer p {
	font-size: 14px;
	color: #818384;
	margin: 0 0  10px 0;
}
.c-grid-columns.\-four-columns-services .c-grid-columns-items .c-grid-columns-items--offer a{
	color: #017CD8;
}
/* --------------------------------------------------
	
	(component) FOUR COLUMNS
	
-------------------------------------------------- */

.c-grid-columns.\-four-columns .c-grid-columns-items {
	max-width: 1100px;
    display: grid;
    grid-gap: 60px;
	grid-template-columns: repeat(auto-fill, 20%);
}
@media (max-width: 992px) {
	.c-grid-columns.\-four-columns .c-grid-columns-items {
		justify-content: center;
		grid-template-columns: repeat(auto-fill, 25%);
	}
}
@media (max-width: 702px) {
	.c-grid-columns.\-four-columns .c-grid-columns-items {
		justify-content: center;
		grid-template-columns: repeat(auto-fill, 42%);
	}
}
@media (max-width: 470px) {
	.c-grid-columns.\-four-columns .c-grid-columns-items {
		justify-content: center;
		grid-template-columns: repeat(auto-fill, 230px);
	}
}

@media (max-width: 300px) {
	.c-grid-columns.\-four-columns .c-grid-columns-items {
		justify-content: center;
		grid-template-columns: repeat(auto-fill, 100%);
	}
}

.c-grid-columns.\-four-columns .c-grid-columns-items .c-grid-columns-items--offer {
	width: 230px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    text-align: left !important;
}
.c-grid-columns.\-four-columns .c-grid-columns-items .c-grid-columns-items--offer h3 {
	max-width: 225px;
	margin: 10px 0 10px 0;
}
.c-grid-columns.\-four-columns .c-grid-columns-items .c-grid-columns-items--offer p {
	color:#021624;
}
.c-grid-columns.\-four-columns .c-grid-columns-items .c-grid-columns-items--offer a {
	color:#021624;
	font-weight:600;
}




/* --------------------------------------------------
	
	(component) THREE STEPS CONCEPT
	
-------------------------------------------------- */
.c-three-step-concept {
	width: 980px;
	max-width: 100%;
	/* outline: 1px solid red; */
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
}
@media (max-width: 840px) {
	.c-three-step-concept {
		width: 500px;
	}
}
.c-three-step-concept h2{
	margin-bottom: 40px;
}
.c-three-step-concept .c-three-step-concept-items {
	max-width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

@media (max-width: 840px) {
	.c-three-step-concept .c-three-step-concept-items {
		flex-direction: column;
	}
}
.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step {
	width: 300px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
}

.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step:nth-child(1)::before, .c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step:nth-child(2)::before {
	content: '';
    width: 80%;
    max-width: 100%;
    height: 1px;
    background-color: #FFD1D1;
    display: block;
    position: absolute;
    top: 15px;
    left: 63%;
}

@media (max-width: 840px) {
	.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step:nth-child(1)::before, .c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step:nth-child(2)::before {
		/* content: '';
		width: 1px;
		height: 75%;
		background-color: #FFD1D1;
		display: block;
		position: absolute;
		top: 40%;
		left: 15px; */

		content: '';
		width: 1px;
		height: 70%;
		background-color: #FFD1D1;
		display: block;
		position: absolute;
		top: 50px;
		left: 15px;
		
	}
	
}

.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step:nth-child(1){
	margin-right: 20px;
}

.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step:nth-child(2){
	margin-right: 20px;
}

@media (max-width: 840px) {
	.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step:nth-child(1){
		margin-right: 0px;
	}
	
	.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step:nth-child(2){
		margin-right: 0px;
	}
}

@media (max-width: 840px) {
	.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step {
		width: 500px;
		flex-direction: column;
		align-items: flex-start;

		margin-bottom: 40px;
	}
}
.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step h3{
	text-align: center;
	font-size: 20px;
	font-weight: bold;

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

	position: relative;
}

@media (max-width: 840px) {
	.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step h3{
		text-align: left;
		flex-direction: row;
		align-items: flex-start;
	}
}
.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step h3::before{
	content: '';
	font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    min-width: 30px;
    min-height: 30px;
    border-radius: 20px;
    background: #FB5D5A;
	z-index: 1;
	margin-bottom: 18px;
}

@media (max-width: 840px) {
	.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step h3::before{
		margin-bottom: 0;
		margin-right: 10px;
	}
}
.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step:nth-child(1) h3::before{
	content: '1';
}

.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step:nth-child(2) h3::before{
	content: '2';
}
.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step:nth-child(3) h3::before{
	content: '3';
}
.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step p{
	font-size: 16px;
	color: #021624;
	text-align: center;
}

@media (max-width: 840px) {
	.c-three-step-concept .c-three-step-concept-items .c-three-step-concept-items--step p{
		margin-left: 40px;
		text-align:left;
	}
}

/* --------------------------------------------------
	
	(component) VIDEO
	
-------------------------------------------------- */
.c-bloc-video {
	max-width: 600px;
}

/* --------------------------------------------------
	
	(component) IFRAME
	
-------------------------------------------------- */
.c-bloc-iframe {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; 
}

.c-bloc-iframe iframe{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/* --------------------------------------------------
	
	(component) ARTICLES BLOG
	
-------------------------------------------------- */
.title-cat-article {
	max-width: 460px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	align-items: baseline;
	align-self: flex-start;
	margin-bottom: 20px;
}
.title-cat-article h2 {
	font-size: 24px;
	color: #FB5D5A;
    font-weight: bold;
    margin-right: 15px;
}
.title-cat-article .to-archive{
    /* color: #818384; */
    font-size: 14px;
}
.c-articles-blog {
	width: 940px;
	max-width: 100%;
	/* outline: 1px solid red; */
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
}
.c-articles-blog h2.highlight-title{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-top: 60px;
    margin-bottom: 60px;
	color: #FB5D5A;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 400px;
	max-width: 100%;
}

.c-articles-blog h2.highlight-title::before {
	content: '';
    height: 2px;
	width: 110px;
	max-width: 100%;
    background-color: #FB5D5A;
	display: block;
	margin-right: 10px;
}

.c-articles-blog h2.highlight-title::after{
	content: '';
    height: 2px;
	width: 110px;
	max-width: 100%;
    background-color: #FB5D5A;
	display: block;
	margin-left: 10px;
}
.c-articles-blog-items {
	max-width: 100%;
    display: grid;
    grid-gap: 40px;
	grid-template-columns: repeat(auto-fit, minmax(210px, auto));
	justify-items: center;
}

.c-articles-blog-items--article {
	max-width: 290px;
}

.c-articles-blog-items--article img{
	border-radius: 20px;
	margin-bottom: 10px;
}
.c-articles-blog-items--article h3{
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.c-articles-blog-items--article p{
	font-size: 13px;
	color: #818384;
	margin: 0 0 10px 0;
}
.c-articles-blog-items--article a{
	font-size: 14px;
	font-weight: bold;
	color: #021624;
}


/* --------------------------------------------------
	
	(component) HERO
	
-------------------------------------------------- */

.c-hero {
	width: 100%;
	padding: 60px 0px 80px 0px;
	box-sizing: border-box;
	/* margin-bottom: 80px; */
	position: relative;
	z-index: 0;
	display: flex;
    flex-direction: column;
    align-items: center;
	flex-wrap: wrap;
	background-color: #D5EDFF;
	background-image: linear-gradient(#D5EDFF, #EFF8FF);
}

.c-hero .c-hero--header {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.c-hero .c-hero--header .c-hero--header-title{
	/* outline: 1px dashed blue; */
	max-width: 100%;
	text-align: center;
	font-size: 40px;
}

.c-hero .c-hero--header .c-hero--header-intro{
	/* outline: 1px dashed blue; */
	max-width: 700px;
    text-align: center;
}

.c-hero .c-hero--header .c-hero--header-info{
	/* outline: 1px dashed blue; */
	max-width: 367px;
	text-align: center;
	font-size: 16px;
}

/* -------------------------
	COURBE DU FOND
------------------------- */

.c-hero::before {
	content: '';
	height: 62px;
	display: block;

	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;

	z-index: -1;

	/**
	 * Important, le SVG étiré doit avoir l'attribut
	 * preserveAspectRatio="none" pour pouvoir s'étirer,
	 * sinon il reste toujours homothétique (ce que
	 * l'on ne veut pas).
	 */
	background-image: url(../img/hero-curve-white.svg);
	background-position: bottom;
    background-size: 150%;
	/* background-position: center center; */
	/* background-size: 110%; */
	
	background-repeat: no-repeat;
}

 @media (max-width: 1400px) {
	.c-hero::before {
		background-size:100%;
	}
} 
@media (max-width: 600px) {
	.c-hero::before {
		bottom: -2px;
		background-size: cover;
		background-position: center;
	}
} 

/* --------------------------------------------------
	(variant) WITH MENU
-------------------------------------------------- */
.c-hero.\-with-menu   {
	margin-bottom: -30px;
}
.c-parent-menu-anchors {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* --------------------------------------------------
	(variant) WITH IMAGE
-------------------------------------------------- */
.c-hero.\-with-image {
	background-image: url(../img/hero-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #fff;
	z-index: 1;
}
.c-hero.\-with-image::after {
	content: '';
	position: absolute;
	width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; 
}

/* --------------------------------------------------
	(variant) WITH VIDEO
-------------------------------------------------- */
.c-hero.\-with-video {
	color: #fff !important; 
}
.c-hero.\-with-video .video {
	position: absolute;
	object-fit: cover;
	width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0.2); */
    z-index: -2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; 
}

/* --------------------------------------------------
	(variant) WITH HOME
-------------------------------------------------- */
.c-hero.\-with-home .c-hero--header-title{
	font-size: 40px;
	margin-bottom: 0;
}
.c-hero.\-with-home .c-hero--header-intro {
	max-width: 760px;
	font-size: 18px;
	line-height: 28px;
    margin-bottom: 50px;
}
@media (max-width: 510px) {
	.c-hero.\-with-home .c-hero--header-intro {
		font-size: 16px;
	}
}

/* --------------------------------------------------
	(variant) WITH THREE STEP IMAGES
-------------------------------------------------- */
.c-hero.\-with-three-steps   {
	padding-bottom: 110px;
	margin-bottom: -60px;
}
/* .c-parent-three-steps {
	display: flex;
	flex-direction: column;
	align-items: center;
} */
@media (max-width: 600px) {
	.c-hero.\-with-three-steps   {
		padding-bottom: 40px;
		margin-bottom: 0px;
	}
}

/* --------------------------------------------------
	(component) HERO LANDING
-------------------------------------------------- */
.c-hero-landing {
	height: auto;
	margin-bottom: 55px;
	position: relative;
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover; display: block;  
	z-index: -2; 
	padding: 100px 0; 
	box-sizing: border-box;
}
/* .c-hero-landing::before {
	content: '';
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	background: url(--background);
	background-image: url(../img/hero-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;	
} */
.c-hero-landing::after {
	content: '';
	position: absolute;
	width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; 
}
.c-hero-landing--header {
	width: 100%;
    padding-right: calc(480px + 70px);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.c-hero-landing--header .c-hero-landing--header-title{
	max-width: 550px;
	font-size: 40px;
	text-align: left;
	color: #fff;
}
.c-hero-landing--header .c-hero-landing--header-intro{
	max-width: 550px;
	font-size: 18px;
	text-align: left;
	color: #fff;
}

.c-hero-landing--header .c-hero-landing--header-intro-list{
	padding: 0;
	margin: 0;
	list-style: none;
}
.c-hero-landing--header .c-hero-landing--header-intro-list li{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #fff;
}
.c-hero-landing--content {
	display: flex;
	justify-content: space-between;
}
.c-hero-landing--content-article {
	max-width: 550px;
	margin-right: 70px;
}
.c-hero-landing--content-article:first-child{
	margin-top: 30px;
}
.c-parent-contact-landing {
	max-width: 100%;
	margin-top: -30%;
}

@media (max-width: 1021px) {
	/* .c-hero-landing {
		margin-top:950px;
	} */
	.c-hero-landing--header {
		width: 100%;
		padding-right: 0px;
		box-sizing: border-box;
		align-items: center;
	}
	.c-hero-landing--header .c-hero-landing--header-title{
		text-align: center;
	}
	.c-hero-landing--header-items .c-hero-landing--header-intro{
		text-align: center;
	}
	
	.c-hero-landing--content {
		display: flex;
		align-items: center;
		flex-direction: column-reverse;
	}
	.c-parent-contact-landing {
		margin-top: -40px;
	}
	.c-hero-landing--content-article {
		max-width: 700px;
		margin-top: 60px;
		margin-right: 0px;
	}
	.c-hero-landing--content-article:first-child{
		margin-top: 60px;
		margin-bottom: 20px;
	}
}

@media (max-width: 420px) {
	.c-hero-landing {
		margin-top:950px;
	}
}
@media (max-width: 510px) {
	/* .c-hero-landing {
		height: 257px;
		padding-top: 40px;
		padding-bottom: 40px;
	} */
	.c-hero-landing--header .c-hero-landing--header-title {
		font-size:30px;
	}
	.c-hero-landing--header .c-hero-landing--header-intro {
		font-size:16px;
	}
	.c-parent-contact-landing {
		margin-top: -5%;
	}
} 
@media (max-width: 382px) {
	.c-hero-landing {
		height: 20%;
	}
} 

/* -------------------------

	(component) CONTACT FORM LANDING

------------------------- */
.c-contact-landing {
	width: 480px;
	max-width: 100%;

	background-color: #fff;

	padding: 30px 40px 45px 40px;
	box-sizing: border-box;
	box-shadow: 0 3px 20px rgba(63, 168, 245, 0.3);

	z-index: 1;
    position: relative;
}

@media (max-width: 420px) {
	.c-contact-landing {
		position: absolute;
		top: 180px;
		left: 50%;
		transform: translate(-50%,0);
	}
}
.c-contact-landing p:first-child {
	font-size: 20px;
	font-weight: 800;
}
.c-contact-landing .radio {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}
.c-contact-landing .radio .radio--list{
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-bottom: 10px;
}

.c-contact-landing .radio .radio--list input{
	margin-right: 10px;
}
.c-contact-landing .radio .radio--list label{
	font-size: 15px;
	font-weight: 600;
}
.c-contact-landing .inputs input {
	margin-bottom: 15px;
}

.c-contact-landing .inputs .inputs--short {
	display: flex;
	justify-content: space-between;
}

.c-contact-landing .inputs .inputs--short input {
	width: 190px;
	max-width: 100%;
	border-radius: 5px;
	border: 1px solid #BABBBD;
	box-sizing: border-box;
}

/* .c-contact-landing .inputs .inputs--large #validationResponse {
	margin-bottom: 40px;
	color: #FB5D5A;
} */

.c-contact-landing .inputs .inputs--large input {
	width: 100%;
	border-radius: 5px;
	border: 1px solid #BABBBD;
	box-sizing: border-box;
}
.c-contact-landing .selects {
	margin-bottom: 20px;
}
.c-contact-landing .selects--short {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.c-contact-landing .selects .selects--short-title-frequency{
	position: relative;
}
.c-contact-landing .selects .selects--short .selects--short-title-frequency::before{
	content: 'Fréquence';
    padding: 0px 10px;
    box-sizing: border-box;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    z-index: 10;
    color: #FB5D5A;
    background: #fff;
    top: -7px;
    left: 8px;
}
.c-contact-landing .selects .selects--short-title-hours{
	position: relative;
}
.c-contact-landing .selects .selects--short .selects--short-title-hours::before{
	content: "Nombre d'heures";
    padding: 0px 10px;
    box-sizing: border-box;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    z-index: 10;
    color: #FB5D5A;
    background: #fff;
    top: -7px;
    left: 8px;
}

.c-contact-landing .selects .selects--short select {
	width: 190px;
	max-width: 100%;

	position: relative;

	border-radius: 5px;
	border: 1px solid #BABBBD;
	box-sizing: border-box;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Some browsers will not display the caret when using calc, so we put the fallback first */ 
	background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
	background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 20px) !important; /* Better placement regardless of input width */ 
}

.c-contact-landing .selects .selects--large select {
	width: 400px;
	max-width: 100%;

	position: relative;

	border-radius: 5px;
	border: 1px solid #BABBBD;
	box-sizing: border-box;

	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* Some browsers will not display the caret when using calc, so we put the fallback first */ 
	background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
	background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 20px) !important; /* Better placement regardless of input width */ 
}
select::-ms-expand { display: none; }

.c-contact-landing .submit-form {
	width: 100%;
	border-radius: 30px;
	color: #fff;
}
@media (max-width: 550px) {
	.c-contact-landing .inputs .inputs--short {
		display: flex;
		flex-direction: column;
	}
	.c-contact-landing .inputs .inputs--short input {
		width: 100% !important;
		
	}
	.c-contact-landing .selects--short {
		display: flex;
		flex-direction: column;
	}
	.c-contact-landing .selects--short select {
		width: 100% !important;
	}
	.c-contact-landing .selects--short select:first-child {
		margin-bottom: 15px;
	}
}

.c-contact-landing .motivation {
	width: 100%;
	margin-bottom: 20px;
	border-radius: 5px;
}

.c-contact-landing .label-btn-cv {
	display: inline-block;
    border: 1px solid #BABBBD;
    padding: 10px 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
	border-radius: 5px;
	z-index: 0;
}

.c-contact-landing .label-btn-cv span {
	font-size: 12px;
	margin-left: 10px;
	cursor: pointer;
}
.c-contact-landing .input-btn-cv {
	position: absolute;
    left: -8px;
    height: 80px;
    top: -30px;
    opacity: 0.01;
    z-index: 2;
    cursor: pointer;
    width: 180px !important;
}

.c-contact-landing .filename {
	margin-left: 10px;
}

@media (max-width: 370px) {
	.c-contact-landing .filename {
		display: none;
	}
}





/* -------------------------

	(component) ANCHORS MENU

------------------------- */
.anchor-menu {
	max-width: 100%;
	display: flex;
	justify-content: center;
	color: #05365A;
	font-size: 14px;
	font-weight: 700;
	text-align: left;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}
.anchor-menu ol {
	margin: 0;
	padding: 0.7em 0.7em;
	list-style: none;
	
	display: flex;
	flex-flow: row wrap;

	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.anchor-menu li {
	margin: 0;
	display: block;
}
.anchor-menu a {
	display: block;
	padding: 0.6em 1.3em;
	text-decoration: none;
}
.anchor-menu a:hover {
	text-decoration: underline;
}
.anchor-menu a::before {
	content: attr(data-num);
}
@media (max-width: 550px) {
	.anchor-menu ol {
		flex-direction: column;
	}
}

/* --------------------------

	(component) 3 STEPS IMG 
	
-------------------------- */
.c-three-steps {
	/* width: 1000px; */
	max-width: 100%;
	/* margin-bottom: 80px; */
    display: flex;
    justify-content: space-between;
	/* outline: 1px dashed blue; */
	position: relative; 
	z-index:1;
}
.c-three-steps--item {
	display: flex;
	flex-direction: column;
	width: 32%;
	color: #021624;
}
.c-three-steps--item-source {
	position: relative;
	margin-bottom: -30px;
}
.c-three-steps--item-content  {
	width: 300px;
	max-width: 100%;
	margin: 0 auto;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.c-three-steps--item-content::before  {
	content: '';
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	width: 30px;
    height: 30px;
    border-radius: 20px;
	background: #FB5D5A; 
	z-index: 1; 
}

.c-three-steps--item:nth-child(1) .c-three-steps--item-content::before {
	content: '1';
}
.c-three-steps--item:nth-child(2) .c-three-steps--item-content::before {
	content: '2';
}
.c-three-steps--item:nth-child(3) .c-three-steps--item-content::before {
	content: '3';
}
.c-three-steps--item-content p:first-child {
	margin: 10px 0 0 0;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.c-three-steps--item-content p:last-child {
	text-align: center;
	color: #818384;
	font-size: 14px;
}
.c-three-steps--item-source img {
	width: 100%;
	border: 10px transparent solid;
	border-radius: 20px;
	box-sizing: border-box;
	/* max-height: 241px; */
}
@media (max-width: 780px) {
	.c-three-steps {
		flex-wrap: wrap;
	}
	.c-three-steps--item:nth-child(1) {
		flex: 0 1 46%;
	}
	.c-three-steps--item:nth-child(2) {
		flex: 0 1 46%;
	}
	.c-three-steps--item:nth-child(3) {
		flex: 1 1 100%;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 20px;
	}
	.c-three-steps--item:nth-child(3) .c-three-steps--item-source{
		max-width: 46%;
		margin-bottom: 0px;
	}

	.c-three-steps--item:nth-child(3) .c-three-steps--item-content {
		align-items: flex-start;
	}
	
	.c-three-steps--item:nth-child(3) .c-three-steps--item-content p {
		width: 100%;
		text-align: left;
	}	
}

@media (max-width: 600px) {
	.c-three-steps--item:nth-child(1) {
		flex: 1 1 100%;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 20px;
	}
	.c-three-steps--item:nth-child(2) {
		flex: 1 1 100%;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-top: 20px;
	}
	.c-three-steps--item-content::before  {
		display: none;
	}
	.c-three-steps--item-source::before  {
		content: '';
		position: absolute;
		font-weight: bold;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		width: 30px;
		height: 30px;
		border-radius: 20px;
		background: #FB5D5A;
		z-index: 1;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
	}
	.c-three-steps--item:nth-child(1) .c-three-steps--item-source::before {
		content: '1';
	}
	.c-three-steps--item:nth-child(2) .c-three-steps--item-source::before {
		content: '2';
	}
	.c-three-steps--item:nth-child(3) .c-three-steps--item-source::before {
		content: '3';
	}

	.c-three-steps--item .c-three-steps--item-source:nth-child(1){
		max-width: 46%;
		margin-bottom: 0px;
	}
	.c-three-steps--item .c-three-steps--item-source:nth-child(2){
		max-width: 46%;
		margin-bottom: 0px;
	}	
	.c-three-steps--item:nth-child(1) .c-three-steps--item-content {
		align-items: flex-start;
	}
	.c-three-steps--item:nth-child(2) .c-three-steps--item-content {
		align-items: flex-start;
	}
	.c-three-steps--item:nth-child(1) .c-three-steps--item-content p {
		width: 100%;
		text-align: left;
	}
	.c-three-steps--item:nth-child(2) .c-three-steps--item-content p {
		width: 100%;
		text-align: left;
	}
	.c-three-steps--item-content p:first-child {
		font-size: 16px;
		
	}
	.c-three-steps--item-content p:last-child {
		text-align: center;
		font-size: 14px;
	}
}

@media (max-width: 500px) {
	.c-three-steps--item:nth-child(1) {
		align-items: flex-start;
	}
	.c-three-steps--item:nth-child(2) {
		align-items: flex-start;
	}
	.c-three-steps--item:nth-child(3) {
		align-items: flex-start;
	}

	.c-three-steps--item-source::before  {
		font-size: 14px;
		width: 15%;
		height: 22%;
	}
	.c-three-steps--item-source {
		margin-left: -20%;
	}
	.c-three-steps--item-content {
		width: 100%;
	}
	.c-three-steps--item-source::before  {
		right: 30px;
    	left: unset;
	}
}

/* -------------------------

	(component) QUOTATION FORM
	
------------------------- */

.c-quotation {
	max-width: 100%;
}
.c-quotation .form-quotation {
	display: flex;
}
.c-quotation .form-quotation .cp {
	white-space: normal;
	width: 200px;
	/* max-width: 100%; */
	height: 50px;
	border-top: 2px solid #FB5D5A;
	border-left: 2px solid #FB5D5A;
	border-bottom:2px solid #FB5D5A;
	border-right: none;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	box-sizing: border-box;
	box-shadow: 0 3px 6px rgba(251, 93, 90, 0.6);
}
.c-quotation .form-quotation .push {
	width: 200px;
	position: relative;
	height: 50px;

	display: flex;
	align-items: center;
	justify-content:space-around;
	
	border-top: 2px solid #FB5D5A;
	border-right: 2px solid #FB5D5A;
	border-bottom:2px solid #FB5D5A;
	border-left: none;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	box-sizing: border-box;
	box-shadow: 0 3px 6px rgba(251, 93, 90, 0.6);
}

.c-quotation .form-quotation .push p{
	margin: 0;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	max-width: 100%;
	margin-right: 10px;
}
@media (max-width: 470px) {
	.c-quotation .form-quotation .cp {
		max-width: 50%;
		font-size: 3.5vw;
	}
	.c-quotation .form-quotation .push p{
		font-size: 12px;
	}
}

/* .c-quotation .form-quotation .toto {
	position: relative;
}
.c-quotation .form-quotation .toto::after {
	content:'';
	background-image: url(../img/icones.svg);
	background-position: -2px -2px;
	display: block;
	width: 16px;
	height: 16px;
} */

/* --------------------------------------------------
	
	(component) TITLE SECTION
	
-------------------------------------------------- */
.c-title-section{
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 600px;
	text-align: center;
	/* outline: 1px dashed green; */
	margin: 60px auto 40px auto;
}
.c-title-section h2{
	font-size: 30px;
	margin-bottom: 10px;
}
.c-title-section p{
	margin-top: 0px;
	font-size: 14px;
	color:#818384;
}
/* --------------------------------------------------
	
	(component) BLOC TEXTE ARTICLE CITY
	
-------------------------------------------------- */
.c-bloc-text-article-city {
	max-width: 800px;
	margin: 0 auto;
}
.c-bloc-text-article-city  h3{
	color:#021624 !important;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 30px;
}
/* --------------------------------------------------
	
	(component) BLOC TEXTE ARTICLE
	
-------------------------------------------------- */
.c-bloc-text-article {
	width: 100%;
	/* display: flex;
	align-items: center; */
	/* outline: 1px solid red; */
}

.c-bloc-text-article::after {
	content: "";
  	clear: both;
}
.c-bloc-text-article h2{
	font-size: 24px;
	font-weight: bold;
	color: #FB5D5A;
	margin-top: 60px;
	margin-bottom: 20px;
}
.article-wp-content {
	font-size: 17px;
}

/* --------------------------------------------------
	
	(component) BLOC CALL PRICE
	
-------------------------------------------------- */
.c-bloc-call-price {
	width: 320px;
	max-width: 100%;
	/* max-height: 270px; */
	
	float: right;
	margin: 50px -90px 20px 20px ;
	
	display: flex;
	
    
    flex-direction: column;
    align-items: flex-start;
	
	padding: 25px 25px 25px 25px;
	background-color: #EFF8FF;
	border-radius: 10px;
	box-sizing: border-box;
}
/* 
@media (max-width: 1000px) {
	.c-bloc-call-price {
		margin: 0 0px 20px 20px ;
	}
} */
/* @media (max-width: 600px) {
	 .c-bloc-call-price {
		float: none;
		margin: 0;
		position: fixed;
		z-index: 1;
	}
} */

.c-bloc-call-price h3{
	font-size: 12px;
	color: #FB5D5A;
	text-transform: uppercase;
	margin: 0 0 10px 0;
}
.c-bloc-call-price p:nth-of-type(1){
	font-size: 26px;
	font-weight: bold;
	max-width: 190px;
	margin: 0 0 10px 0;
}
.c-bloc-call-price p:nth-of-type(2){
	font-size: 16px;
	margin: 0 0 20px 0;
}
.c-bloc-call-price .button {
	display: flex;
	background-color: #FB5D5A;
	border-radius: 20px;
	box-sizing: border-box;
	width: 210px;
	height: 45px;
	align-items: center;
	justify-content: center;
}
.c-bloc-call-price .button a{
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}


/* --------------------------------------------------
	
	(component) BLOC PAGINATION WP
	
-------------------------------------------------- */
.pagination-articles {
	width: 500px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}
.pagination-articles a{
	text-decoration: none;
    background-color: #F7F8F9;
	padding: 15px;
	box-sizing: border-box;
	margin-right: 10px;
}
.pagination-articles a:hover{
    background-color: #EFF8FF;
}
.pagination-articles .page-numbers.current {
	font-weight: 600 !important;
	padding: 15px;
	background-color: #EFF8FF;
	margin-right: 10px;
}
.pagination-articles .page-numbers.dots {
	padding: 15px;
	margin-right: 10px;
}


/* --------------------------------------------------
	
	(component) BLOC STATISTICS CITY
	
-------------------------------------------------- */
.c-bloc-statistics-city {
	/* outline: 1px solid red; */
	display: flex;
	align-items: center;
	flex-direction: column;
}
.c-bloc-statistics-city h3{
	font-size: 20px;
	font-weight: bold;
	color: #C1C1C1;
	margin-bottom: 35px;
}
.c-bloc-statistics-city--items {
	display: grid;
	gap: 100px;
	grid-template-columns: 1fr 1fr 1fr;
	justify-content: center;
	/* outline: 1px solid green; */
	max-width: 690px;
}
@media (max-width: 640px) {
	.c-bloc-statistics-city--items {
		grid-template-columns: minmax(auto, 144px);
		gap: 30px;
	}
}
.c-bloc-statistics-city--item {
	display: flex;
	flex-direction: column;
	align-items: flex-start; 
}
.c-bloc-statistics-city--item p:first-child{
	color: #3FA8F5;
	font-size: 50px;
	font-weight: 600;
	margin: 0;
}
.c-bloc-statistics-city--item p:last-child{
	color: #021624;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
} 

/* --------------------------------------------------
	
	(component) BLOC TEXTE
	
-------------------------------------------------- */
.c-bloc-text {
	max-width: 100%;
}

/* --------------------------------------------------
	
	(component) BLOC TEXTE INSURANCE
	
-------------------------------------------------- */
.c-bloc-text-insurance {
	max-width: 600px;
	text-align: center;
	/* margin: 0 auto; */
	/* outline: 1px dashed black; */
}

.c-bloc-text-insurance {
	max-width: 600px;
	text-align: center;
	margin: 0 auto;
	/* outline: 1px dashed black; */
}

.c-bloc-text-insurance h2{
	font-size: 20px;
	font-weight: bold;
}

.c-bloc-text-insurance p{
	font-size: 14px;
	color: #818384;
	
}

/* --------------------------------------------------
	
	(component) BLOC TEXT SLOGAN
	
-------------------------------------------------- */
.c-bloc-text-slogan {
	max-width: 400px;
	display: flex;
	flex-direction: column;
	text-align: left;
}
.c-bloc-text-slogan h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
}
.c-bloc-text-slogan p {
	margin: 0 0 30px 0;
	font-size: 14px;
	color: #818384
}

/* --------------------------------------------------
	
	(component) COLUMN TEXT TWO IMAGES
	
-------------------------------------------------- */
.c-column-text-two-images {
	display: flex;
	width: 1060px;
    max-width: 100%;
	justify-content: space-between;
	align-items:center;
	/* outline: 1px solid red; */
}

.c-column-text-two-images.\-reverse {
	flex-direction: row-reverse;
}

@media (max-width: 801px) {
	.c-column-text-two-images {
		flex-direction: column;
	}

	.c-column-text-two-images.\-reverse {
		flex-direction: column;
	}
}
.c-column-text-two-images .column-text {
	max-width: 50%;
    display: flex;
    flex-direction: column;
    text-align: left;
    position: relative;
}
@media (max-width: 801px) {
	.c-column-text-two-images .column-text {
		max-width: 100%;
	}
}
.c-column-text-two-images .column-text h3{
	position: relative;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}
.c-column-text-two-images .column-text p{
	margin: 0 0 20px 0;
}
@media (max-width: 801px) {
	.c-column-text-two-images .column-text p{
		margin: 0 0 30px 0;
	}
}

.c-column-text-two-images .column-text ul{
	list-style: none;
	max-width: 470px;
	margin: 0;
}
@media (max-width: 801px) {
	.c-column-text-two-images .column-text ul{
		max-width: 100%;
		
	}
}
.c-column-text-two-images .column-text ul li {
	position: relative;
	font-size: 14px;
	list-style: none;
	margin-bottom: 20px;
	color: #818384;
}

.c-column-text-two-images .column-text ul li strong{
	color: #021624;
	font-size: 16px;
}

.c-column-text-two-images .column-two-images {
	max-width: 50%;
	margin-right: -30px;
}
.c-column-text-two-images.\-reverse .column-two-images {
	max-width: 50%;
    margin-left: -30px;
}
@media (max-width: 801px) {
	.c-column-text-two-images .column-two-images {
		max-width: 100%;
		margin-top: 10px;
	}
	
	.c-column-text-two-images.\-reverse .column-two-images{
		max-width: 100%;
		margin-top: 10px;
	}
}
.c-column-text-two-images .column-two-images .first-image{
	max-width: 480px;
	margin-bottom: -40px;
}
.c-column-text-two-images .column-two-images .second-image{
	max-width: 480px;
	position: relative;
	z-index: 1;
	margin-left: 30px;
}
.c-column-text-two-images .column-two-images img{
	border: 10px solid #fff ;
	border-radius: 20px;
	box-sizing: border-box;
}

/* --------------------------------------------------
	
	(component) COLUMN TEXT ONE IMAGE
	
-------------------------------------------------- */
.c-column-text-one-image {
	display: flex;
	width: 1040px;
    max-width: 100%;
	justify-content: space-between;
	align-items:flex-start;
	/* outline: 1px solid red; */
}

@media (max-width: 801px) {
	.c-column-text-one-image {
		flex-direction: column-reverse;
		align-items: center;
	}	
}
.c-column-text-one-image .column-one-image {
	width: 48%;
	height: 500px;
	display: flex;
    justify-content: flex-end;
}
@media (max-width: 801px) {
	.c-column-text-one-image .column-one-image {
		height: auto;
		width: 100%;
	}	
}
.c-column-text-one-image .column-one-image img{
	border-radius: 20px;
	object-fit: cover;
    height: 100%;
}
@media (max-width: 801px) {
	.c-column-text-one-image .column-one-image img {
		height: auto;
		border-radius: 20px;
	}	
}

.c-column-text-one-image .column-text {
	width: 48%;
}
@media (max-width: 801px) {
	.c-column-text-one-image .column-text {
		width: 100%;
		margin-bottom: 40px;
	}	
}
.c-column-text-one-image .column-text h3{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}

.c-column-text-one-image .column-text ul{
	list-style: none;
	max-width: 470px;
	margin: 0;
}
@media (max-width: 801px) {
	.c-column-text-one-image .column-text ul{
		max-width: 100%;
	}
}

.c-column-text-one-image .column-text ul li{
	position: relative;
	font-size: 14px;
	list-style: none;
	margin-bottom: 20px;
	color: #818384;
}

.c-column-text-one-image .column-text ul li strong{
	color: #021624;
	font-size: 16px;
}

/* --------------------------------------------------
	
	(component) BLOC HIGHLIGHT
	
-------------------------------------------------- */
.c-bloc-hightlight {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

@media (max-width: 561px) {
	.c-bloc-hightlight {
		flex-direction: column;
		align-items: flex-start;
	}	
}

.c-bloc-hightlight .column-image {
	width: 280px;
	max-width: 100%;
}

.c-bloc-hightlight .column-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 580px;
	margin-left: 40px;

	padding: 40px 0px;
	box-sizing: border-box;
}

@media (max-width: 561px) {
	.c-bloc-hightlight .column-text {
		max-width: 100%;
		margin-left: 0;
	}
}

.c-bloc-hightlight .column-text h3{
	font-size: 30px;
	font-weight: bold;
}

@media (max-width: 561px) {
	.c-bloc-hightlight .column-text h3{
		max-width: 325px;
	}
}

.c-bloc-hightlight .column-text ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
}

.c-bloc-hightlight .column-text ul li {
	max-width: 250px;
	margin-bottom: 30px;
	position: relative;
}

@media (max-width: 561px) {
	.c-bloc-hightlight .column-text ul li {
		max-width: 100%;
		margin-right: 0;
	}
}
/* --------------------------------------------------
	
	(component) BLOC FAQ
	
-------------------------------------------------- */
.c-bloc-faq {
	width: 720px;
	max-width: 100%;
	background-color: #F7F8F9;
	padding: 25px 40px 40px 25px;
	box-sizing: border-box;
	margin: 0 auto;
}
.c-bloc-faq .c-bloc-faq--header h3 {
	font-size: 24px;
	font-weight: bold;
	color: #FB5D5A;
	margin: 0 0 30px 0;
	position: relative;
}
.c-bloc-faq .c-bloc-faq--items .c-bloc-faq--items-item {
	padding: 15px 0px;
	border-bottom: 1px solid #D8D8D8;
	box-sizing: border-box;	
}
.c-bloc-faq .c-bloc-faq--items .c-bloc-faq--items-item button {
	position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    font-size: 16px;
    color: #021624;
    font-weight: 600;
    padding: 10px 0px 10px 5px;
    box-sizing: border-box;
    background-color: #F7F8F9;
	border: none;
}

.c-bloc-faq .c-bloc-faq--items .c-bloc-faq--items-item span {
	text-align: left;
	margin-right: 45px;
	transition: all 3s ease-out;
}

.hide{
	display: none;
	transition: all 3s ease-out;
}
.show{
	display: block;
	transition: all 3s ease-out;
}

/* --------------------------------------------------
	
	(component) BLOC PROMOTION
	
-------------------------------------------------- */
.c-bloc-promotion {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	max-width: 800px;
	/* outline: 1px solid red; */
	margin: 0 auto;
}
.c-bloc-promotion .c-bloc-promotion--header {
	position: relative;
}
.c-bloc-promotion .c-bloc-promotion--header .circle{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);

	display: flex;
	align-items: center;
	justify-content: center;
	
	width: 130px;
	height: 130px;
	
	border-radius: 50%;
	box-sizing: border-box;
	background-color: #FB5D5A;
	color: #fff;
}
@media (max-width: 500px) {
	.c-bloc-promotion .c-bloc-promotion--header .circle{
		width: 100px;
		height: 100px;
	}
}
.c-bloc-promotion .c-bloc-promotion--header .circle p{
	font-size: 14px;
	font-weight: bold;
	max-width: 90px;
	text-align: center;
}
@media (max-width: 500px) {
	.c-bloc-promotion .c-bloc-promotion--header .circle p{
		font-size: 12px;
	}
}	
.c-bloc-promotion .c-bloc-promotion--header .circle .promotion{
	font-weight: bold;
	font-size: 38px;
}
@media (max-width: 500px) {
	.c-bloc-promotion .c-bloc-promotion--header .circle .promotion{
		font-size: 26px;
	}
}

.c-bloc-promotion--action {
	width: 100%;
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 40px;
	box-sizing: border-box;
	background-color: #EEEEEE;
	background-image: linear-gradient(to right,#EEEEEE, #FFF);
}

@media (max-width: 803px) {
	.c-bloc-promotion--action {
		flex-direction: column;
		align-items: center;
	}
}
.c-bloc-promotion--action .column-text{
	display: flex;
	flex-direction: column;
	max-width: 330px;
	margin-right: 30px;
}
@media (max-width: 803px) {
	.c-bloc-promotion--action .column-text{
		margin-right: 0px;
		margin-bottom: 20px;
		width: 100%;
		align-items: center;
	}
}

.c-bloc-promotion--action .column-action{
	max-width: 100%;
}

.c-bloc-promotion--action .column-text p:first-child{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	max-width: 292px;
	text-align: left;
}

.c-bloc-promotion--action .column-text p:last-child{
	font-size: 16px;
	margin: 0;
}

/* --------------------------------------------------
	
	(component) BUTTON QUTOTATION
	
-------------------------------------------------- */
.c-button-link {
	max-width: 334px;
	background-color: #FB5D5A;
	display: flex;
	align-items: center;
	border-radius: 30px;
	padding: 10px 20px;
	box-sizing: border-box;
	box-shadow: 0 15px 30px rgba(251, 93, 90, 0.2);
}
.c-button-link  a{
	max-width: 243px;
	width: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
@media (max-width: 500px) {
	.c-button-link a{
		font-size: 3.3vw;
	}
}
.c-button-link  span{
	margin-left: 15px;
}


/* --------------------------------------------------
	
	(component) BLOC TESTIMONIAL
	
-------------------------------------------------- */
.c-bloc-testimonial{
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	background-color: #F7F8F9;
	max-width: 800px;
	margin: 0 auto;
	border-radius: 10px;
}
@media (max-width: 590px) {
	.c-bloc-testimonial{
		flex-direction: column;
		align-items: center;
		padding: 40px 20px;
	}
}
.c-bloc-testimonial .column-left{
	width: 150px;
	position: relative;
	padding: 0px 40px;
}
.c-bloc-testimonial .column-left .round-img{
	width: 150px;
	margin-bottom: 20px;
	margin-top: -60px;
}
.c-bloc-testimonial .column-left  .round-img img{
	height: 150px;
	width: 150px;
	border-radius: 50%;
	object-fit: cover;
}
.c-bloc-testimonial .column-left .infos {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.c-bloc-testimonial .column-left .infos p:first-of-type{
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin-bottom: 5px;
}
.c-bloc-testimonial .column-left .infos p:last-of-type {
	font-size: 14px;
	text-align: center;
	margin: 0;
}
.c-bloc-testimonial .column-right{
	max-width: 100%;
	padding: 40px 0px;
	box-sizing: border-box;
}
.c-bloc-testimonial .column-right p{
	border-left: 1px solid #E6E6E6;
	padding: 0px 40px;
	box-sizing: border-box;
}

@media (max-width: 590px) {
	.c-bloc-testimonial .column-right{
		max-width: 100%;
		padding: 20px 0 0 0;
	}
	.c-bloc-testimonial .column-right p{
		border-top: 1px solid #E6E6E6;
		border-left: none;
		padding: 20px 0 0 0;
		box-sizing: border-box;
	}
}

/* --------------------------------------------------
	
	(component) IMAGE SEULE
	
-------------------------------------------------- */
.c-image-seule {
	/* margin: 0 0 60px 0; */
    /* outline: 1px dashed green; */
    display: flex;
    justify-content: center;
}
.c-image-seule img {
    border: 10px #fff solid;
    border-radius: 20px;
    margin-left: -10px;
    margin-right: -10px;
}
@media (max-width: 420px) {
	.c-image-seule img {
		border-width: 6px;
	}
}
/* --------------------------------------------------
	
	(component) MONTAGE 2 IMAGES
	
-------------------------------------------------- */

/* --------------------------------------------------
	.c-image-montage-2
-------------------------------------------------- */
.c-image-montage-2 {
	display: flex;
    justify-content: center;
    /* outline: 1px dashed green; */
    /* margin: 0 0 60px 0; */
}

/* --------------------------------------------------
	.c-image-montage-2 .left
-------------------------------------------------- */
.c-image-montage-2 .left {
	width: 440px;
    margin-right: -40px;
    margin-left: -20px;
    z-index: -1;
}
@media (max-width: 420px) {
	.c-image-montage-2 .left  {
		width: 292px;
		margin-right: -63%;
		margin-left: -15px; 
	}	
}
.c-image-montage-2 .left img {
	width: 100%;
    border: 10px #fff solid;
    border-radius: 20px;
    box-sizing: border-box; 
}
@media (max-width: 420px) {
	.c-image-montage-2 .left img {
		border-width: 6px; 
	}	
}

/* --------------------------------------------------
	.c-image-montage-2 .right
-------------------------------------------------- */
.c-image-montage-2 .right {
	width: 440px;
	margin-top: 7.5%;
    z-index: 1;
    margin-right: -20px;
}

@media (max-width: 420px) {
	.c-image-montage-2 .right  {
		width: 292px;
		margin-top: 49%;
		margin-right: -15px;
	}	
}

.c-image-montage-2 .right img {
	width: 100%;
    border: 10px #fff solid;
    border-radius: 20px;
    box-sizing: border-box;
}
@media (max-width: 420px) {
	.c-image-montage-2 .right img {
		border-width: 6px; 
	}	
}

/* --------------------------------------------------
	
	(component) MONTAGE 3 IMAGES
	
-------------------------------------------------- */

/* --------------------------------------------------
	.c-image-montage-3
-------------------------------------------------- */
.c-image-montage-3 {
	display: flex;
	justify-content: center;
	/* outline: 1px dashed green; */
    /* margin: 0 auto 60px auto; */
}
@media (max-width: 420px) {
	.c-image-montage-3 {
		flex-direction: column-reverse;
	}
}

/* --------------------------------------------------
	.c-image-montage-3 .left
-------------------------------------------------- */
.c-image-montage-3 .left {
	display: flex;
    width: 320px;
    flex-direction: column;
    margin-top: 7.5%;
    margin-left: -30px;
    margin-right: -10px;
}
@media (max-width: 860px) {
	.c-image-montage-3 .left {
		margin-left: -20px;
	}
}
@media (max-width: 420px) {
	.c-image-montage-3 .left {
		max-width: 100%;
    	width: 360px;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: -6px;
		margin-left: 0px;
		margin-right: 0px;
	}
}

/* --------------------------------------------------
	.c-image-montage-3 .left .first
-------------------------------------------------- */
.c-image-montage-3 .left .first {
	margin-bottom: -10px;
}
.c-image-montage-3 .left .first img {
	width: 100%;
    border: 10px #fff solid;
    border-radius: 20px;
    z-index: 0;
    box-sizing: border-box;
}
@media (max-width: 420px) {
	.c-image-montage-3 .left .first {
		width: 216px;
		margin-right: -6px;
		margin-bottom: 0px;
		margin-left: -15px;
	}
	.c-image-montage-3 .left .first img {
		width: 100%;
		border-width: 6px;
	}
}

/* --------------------------------------------------
	.c-image-montage-3 .left .second
-------------------------------------------------- */
.c-image-montage-3 .left .second {
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 420px) {
	.c-image-montage-3 .left .second {
		width: 148px;
	}
}
.c-image-montage-3 .left .second img {
	width: 82%;
    border: 10px #fff solid;
    border-radius: 20px;
    z-index: 1;
    box-sizing: border-box;
}

@media (max-width: 420px) {
	.c-image-montage-3 .left .second img {
		width: 100%;
		border-width: 6px;
	}
}

/* --------------------------------------------------
	.c-image-montage-3 .right
-------------------------------------------------- */
.c-image-montage-3 .right {
	width: 560px;
	margin-right: -30px;
}
@media (max-width: 860px) {
	.c-image-montage-3 .right {
		margin-right: -20px;
	}
}

@media (max-width: 420px) {
	.c-image-montage-3 .right {
		width: 352px;
		max-width: 100%;
		margin-right: 0px;
    	margin-left: 5px;
	}
	.c-image-montage-3 .right .first {
		margin-right: -15px;
	}
	
}
.c-image-montage-3 .right .first img {
	width: 100%;
    border-radius: 20px;
    border: 10px #fff solid;
    box-sizing: border-box;
}

@media (max-width: 420px) {
	.c-image-montage-3 .right .first img {
		border-width: 6px;
	}
}


/* --------------------------------------------------
	
	(component) MONTAGE 4 IMAGES
	
-------------------------------------------------- */

/* --------------------------------------------------
	.c-image-montage-4 
-------------------------------------------------- */
.c-image-montage-4 {
	display: flex;
	justify-content: center;
	/* outline: 1px dashed green; */
	/* margin: 0 auto 60px auto; */
	padding: 0 40px;
    box-sizing: border-box;
}
@media (max-width: 860px) {
	.c-image-montage-4 {
		padding: 0 30px;
	}
}
@media (max-width: 420px) {
	.c-image-montage-4 {
		padding: 0;
	}
}
/* --------------------------------------------------
	.c-image-montage-4 .left
-------------------------------------------------- */
.c-image-montage-4 .left {
	width: 290px;
	display: flex;
    flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
	margin-right: -10px;
}
@media (max-width: 420px) {
	.c-image-montage-4 .left {
		max-width: 100%;
		width: 140px;
		margin-right: -6px;
		margin-left: -15px;
	}
}
.c-image-montage-4 .left .first {
	width: 76%;
	height: 320px;
	margin-top: 30px;
	margin-bottom: -10px;
	z-index: 2;
}

@media (max-width: 860px) {
	.c-image-montage-4 .left .first {
		height: 37vw;
	}
}

@media (max-width: 420px) {
	.c-image-montage-4 .left .first {
		max-width: 100%;
		width: 100%;
		height: 48vw;
		margin-bottom: -6px;
		margin-top: 31.6%;
	}
}
.c-image-montage-4 .left .first img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border: 10px #fff solid;
	border-radius: 20px;
	box-sizing: border-box;
}
@media (max-width: 420px) {
	.c-image-montage-4 .left .first img {
		border-width: 6px;
	}
}
.c-image-montage-4 .left .second {
	width: 100%;
	z-index: 1;
}
@media (max-width: 420px) {
	.c-image-montage-4 .left .second {
		width: 173px;
		margin-right: -70px;
	}
}
.c-image-montage-4 .left .second img {
	width: 100%;
	border: 10px #fff solid;
	border-radius: 20px;
	box-sizing: border-box;
}
@media (max-width: 420px) {
	.c-image-montage-4 .left .second img {
		border-width: 6px;
	}
}

/* --------------------------------------------------
	.c-image-montage-4 .right
-------------------------------------------------- */
.c-image-montage-4 .right {
	width: 440px;
	display: flex;
    flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}
@media (max-width: 420px) {
	.c-image-montage-4 .right {
		width: 237px;
		max-width: 100%;
		margin-right: -15px;
	}
}
.c-image-montage-4 .right .first {
	width: 59%;
	margin-bottom: -10px;
	z-index: 0;
}
@media (max-width: 420px) {
	.c-image-montage-4 .right .first {
		max-width: 100%;
		/* width: 129px; */
		width: 55%;
		margin-bottom: -6px;
	}
}
.c-image-montage-4 .right .first img {
	width: 100%;
	border-radius: 20px;
	border: 10px #fff solid;
	box-sizing: border-box;
}
@media (max-width: 420px) {
	.c-image-montage-4 .right .first img  {
		border-width: 6px;
	}
}
.c-image-montage-4 .right .second {
	width: 100%;
	z-index: -1;
}
@media (max-width: 420px) {
	.c-image-montage-4 .right .second {
		/* width: 237px; */
		width: 100%;
	}
}
.c-image-montage-4 .right .second img {
	width: 100%;
	border-radius: 20px;
	border: 10px #fff solid;
	box-sizing: border-box;
}
@media (max-width: 420px) {
	.c-image-montage-4 .right .second img  {
		border-width: 6px;
	}
}

/* --------------------------------------------------
	
	(component) MAP
	
-------------------------------------------------- */
.map {
	height: 100%;
	width: 100%;
	background-image: url(../img/map.svg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}


/* --------------------------------------------------
	
	(component) FOOTER MAP & QUOTATION
	
-------------------------------------------------- */
.c-footer-map-quotation {
	max-width: 100%;
	background-color: #EFF8FF;
}
.c-footer-map-quotation--flex {
	max-width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

@media (max-width: 750px) {
	.c-footer-map-quotation--flex {
		flex-direction: column;
		align-items: center;
	}
}
.c-footer-map-quotation--flex .column-left {
	width: 540px;
	height: 350px;
	margin-right: 20px;
}
@media (max-width: 750px) {
	.c-footer-map-quotation--flex .column-left {
		margin-right: 0px;
		margin-bottom: 30px;
		/* align-self: flex-start; */
	}
}
@media (max-width: 840px) {
	.c-footer-map-quotation--flex .column-left {
		width: 365px;
		margin-left: -5%;
	}
}
@media (max-width: 750px) {
	.c-footer-map-quotation--flex .column-left {
		width: 100%;
    	margin-left: -25%;
    	/* height: 200px; */
	}
}
@media (max-width: 400px) {
	.c-footer-map-quotation--flex .column-left {
    	margin-left: 0;
	}
}
.c-footer-map-quotation--flex .column-right {
	width: 400px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media (max-width: 750px) {
	.c-footer-map-quotation--flex .column-right {
		max-width: 100%;
		margin-bottom: 30px;
	}
}

/* --------------------------------------------------
	
	(component) FOOTER ARTICLES
	
-------------------------------------------------- */
.c-footer-articles {
	max-width: 1020px;
	display: flex;
	flex-direction: column;
	padding: 30px 0px;
	box-sizing: border-box;
	margin: 0 auto;
	/* outline: 1px solid red; */
}

.c-footer-articles--header {
	max-width: 530px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: baseline;
	margin-bottom: 20px;
	
}
.c-footer-articles--header h2{
	font-size: 24px;
	font-weight: bold;
	margin-right: 15px;
}

@media (max-width: 500px) {
	.c-footer-articles--header h2{
		margin-right: 0;
	}
}
.c-footer-articles--header a{
	font-size: 14px;
}

.c-footer-articles--content {
	max-width: 1020px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	gap: 30px;
	justify-items: flex-start;	
}
@media (max-width: 840px) {
	.c-footer-articles--content {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		justify-items: flex-start;	
	}
}
@media (max-width: 550px) {
	.c-footer-articles--content {
		grid-template-columns: 1fr;
		gap: 10px;
		justify-items: flex-start;	
	}
}
.c-footer-articles--content .c-footer-articles--content-item {
	max-width: 100%;	
}

.c-footer-articles--content .c-footer-articles--content-item a{
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	text-decoration: none;
}
.c-footer-articles--content .c-footer-articles--content-item img {
	max-width: 120px;
	border-radius: 10px;
}
.c-footer-articles--content .c-footer-articles--content-item p {
	max-width: 180px;
	font-size: 14px;
	font-weight: bold;
	margin-left: 15px;
	margin-top: 0px;
	font-weight: 600;
}

/* --------------------------------------------------
	
	(component) FOOTER INFOS
	
-------------------------------------------------- */
.c-footer-infos {
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
	margin: 0 auto;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	padding: 45px 40px;
	box-sizing: border-box;
}
@media (max-width: 1060px) {
	.c-footer-infos {
		flex-wrap: wrap;
	}
}
@media (max-width: 800px) {
	.c-footer-infos {
		padding: 45px 0px;
	}
}

.c-footer-infos--left {
	width: 240px;
	display: flex;
	flex-direction: column;
	margin-right: 20px;
}
@media (max-width: 796px) {
	.c-footer-infos--left {
		/* margin-right: 0px; */
		margin-bottom: 40px;
	}
}
.c-footer-infos--left .slogan {
	font-size: 16px;
	margin: 10px 0 8px 0;
}
.c-footer-infos--left .number {
	text-decoration: none;
	max-width: 163px;
	justify-content: space-between;
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	color: #FB5D5A;
	margin: 0px 0 10px 0;
}

.c-footer-infos--left .footer-socials {
	max-width: 150px;
	justify-content: space-between;
	display: flex;
	align-items: center;
	margin-left: 7px;
}



.c-footer-infos--middle {
	width: 360px;
	height: 211px;
	margin-right: 20px;
}

@media (max-width: 497px) {
	.c-footer-infos--middle {
		height: 100%;
	}
}
.c-footer-infos--middle .footer-menu {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.c-footer-infos--middle .footer-menu ul:first-child {
	margin-right: 20px;
}
.c-footer-infos--middle .footer-menu ul {
	display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
    list-style: none;
    padding: 0;
    margin: 0;
}
.c-footer-infos--middle .footer-menu ul li{
	padding: 0;
	margin: 0;
}
@media (max-width: 497px) {
	.c-footer-infos--middle .footer-menu ul li{
		margin-bottom: 10px;
	}
}
.c-footer-infos--middle .footer-menu ul li a{
	text-decoration: none;
	font-weight: bold;
}
.c-footer-infos--right {
	width: 300px;
	padding: 30px;
	background-color: #0F1011;
	background-image: linear-gradient(to right, #0F1011, #5A6064);
}
@media (max-width: 1060px) {
	.c-footer-infos--right {
		width: 100%;
		margin-top: 38px;
	}
}
.c-footer-infos--right h3{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.c-footer-infos--right p{
	font-size: 14px;
	color: #fff;
}
.c-footer-infos--right a{
	font-size: 14px;
	color: #fff;
}

/* --------------------------------------------------
	
	(component) FOOTER INFOS
	
-------------------------------------------------- */
.c-footer-bottom{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 30px 30px;
	box-sizing: border-box;
}

@media (max-width: 400px) {
	.c-footer-bottom{
		padding: 30px 0px;
	}
}

.c-footer-bottom .legals ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	list-style: none;
	margin-bottom: 10px;
	padding: 0;
}

@media (max-width: 400px) {
	.c-footer-bottom .legals ul{
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		list-style: none;
	}
}
.c-footer-bottom .legals ul li{
	font-size: 13px;
	margin-right: 5px;
}
.c-footer-bottom .copyrights ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: baseline;
	list-style: none;
	padding: 0;
}
.c-footer-bottom .copyrights ul li{
	margin-right: 10px;
	font-size: 13px;
}
.c-footer-bottom .copyrights ul li a{
	color: #017CD8;
}

/* --------------------------------------------------
	
	(component) BREADCRUMB
	
-------------------------------------------------- */
#breadcrumbs {
	margin-top: -45px;
	color: #82A7C4;
	font-size: 13px;
}
#breadcrumbs a{
	text-decoration: none;
	color: #82A7C4;
	font-size: 13px;
	margin: 0 6px;
}
.breadcrumb_last {
	margin-left: 6px;
}
/* .breadcrumbs {
    border-radius: 5px;
    padding: 8px;
    max-width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    background:#EFF8FF;
} */
/* .breadcrumbs a {
	text-decoration: none;
    font-weight: 800;
    margin-right: 10px;
    display: flex;
    flex-direction: row;
	align-items: center;
	font-size: 14px;
} */

/* .breadcrumbs a::after {
	content: '';
    background-image: url(../img/icones.svg);
    width: 16px;
    height: 16px;
    display: block;
    position: relative;
    background-position: -20px -20px;
	margin-left: 10px;
	transform: scale(0.7);
} */

/* .breadcrumbs a:last-child {
	color: #818384;
} */

/* .breadcrumbs p:last-child {
	margin: 0;
	color:#818384;
} */

/* .breadcrumbs a:last-child::after {
	display: none;
} */

/* --------------------------------------------------
	
	(page) ARCHIVE VILLE
	
-------------------------------------------------- */

.list-zip-container {
	max-width: 100%;
    display: grid;
    grid-gap: 40px;
    grid-template-columns: repeat(auto-fit, minmax(130px, auto));
    justify-content: space-between;
    align-items: flex-start;
}
.list-zip-container ul {
	list-style: none;
	padding: 0;
	margin: 0;
	/* margin-right: 20px; */
}

/* .archive-ville ul li a{
	text-decoration: none;
} */

/* --------------------------------------------------
	
	(component) Animation
	
-------------------------------------------------- */
.anime-asp {
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	width: 100%;
	/* outline: 1px solid red; */
}
.anime-asp .animation-right {
	position: relative;
}
.anime-asp .animation-left {
	position: relative;
	margin-top: -10px;
	opacity: 0;
}

.anime-clean {
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow: hidden;
	width: 100%;
	/* outline: 1px solid red; */
}
.anime-clean .animation-right {
	position: relative;
	z-index: 1;
}
.anime-clean .animation-left {
	position: relative;
	margin-top: -8px;
	opacity: 0;
}

.c-parent-legals-price {
	max-width: 680px;
	margin-top: 60px;
}

.c-parent-legals-price p{
	font-size: 14px;
	color: #818384;
}

.optionnel {
	font-size: 13px;
	color: #818384;
}