/* DEFAULT */
body, div, * {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
:root {
    --noir:#000000;
    --bleu:#04578A;
    --bleu-transparent: rgba(4,87,138,43);
    --blanc:#ffffff;
    --blan-transparent: rgba(255,255,255,20);
	--vert:#84BA4B;	
}
body {
	overflow-x: hidden !important;
}
.et_pb_scroll_top {
	background: var(--bleu) !important;
	border: 1px var(--noir) solid !important;
}

/**** COOKIEYES CUSTOM CSS ****/
.cky-consent-container .cky-consent-bar {
	border-color: var(--bleu) !important;
}
.cky-btn-revisit-wrapper {
  width: 30px !important;
  height: 30px !important;
}
.cky-btn-revisit-wrapper .cky-btn-revisit img {
  height: 20px !important;
  width: 20px !important;
}
.cky-btn-reject, .cky-btn-customize, .cky-btn-preferences {
	color:var(--bleu) !important;
    border-color: var(--bleu) !important;
}
.cky-btn-accept {
	color: var(--blanc) !important;
    background-color: var(--bleu) !important;
    border-color:var(--bleu) !important;
}
.cky-btn:hover {
    background: var(--bleu) !important;
    border-color: var(--bleu) !important;
    color: var(--blanc) !important;
	opacity:1 !important;
}
.cky-btn-revisit-wrapper {
	background-color:var(--bleu) !important;
}
body.mfp-zoom-out-cur .mfp-bg.mfp-fade.mfp-ready, body.mfp-zoom-out-cur .mfp-wrap {
    position: fixed !important;
    top: 0 !important;
}

/**** DESACTIVE SCROLL PAGE ****/
body #page-container,
body.mfp-zoom-out-cur,
body.mfp-zoom-out-cur div {
  overflow: hidden !important;
}

/**** DESACTIVE SCROLL ON POPUP ****/
body.mfp-zoom-out-cur {
   width:100%!important;
}

/* HEADER */
.top-bar {
	.col-rs {
		width: 80%;
		max-width: 964px;

		.et_pb_blurb_content {
			display: flex;
			justify-content: flex-end;
			align-items: center;

			.et_pb_main_blurb_image {
				margin-bottom: 0 !important;
			}

			.et_pb_blurb_container {
				padding-left: 5px !important;
			}
		}
		.et_pb_blurb:first-child {
			.et_pb_blurb_content {
				.et_pb_blurb_container {
					padding-left: 0 !important;
				}
			}
		}
		.et_pb_blurb:last-child {
			.et_pb_blurb_content {
				.et_pb_blurb_container {
					padding-left: 10px !important;
				}
			}
		}
	}
}
.logo-nav {
	.et_pb_menu__logo-wrap {
		position: absolute;
		top: -46px;
		left: 0;
		z-index: 5;

		.et_pb_menu__logo {
			margin:0 !important;
		}
	}
	.et_pb_menu {
		.et_pb_menu_inner_container {
			justify-content: flex-end;

			.et_pb_menu__wrap {
				width: 80%;
				max-width: 964px;

				.et_pb_menu__menu {
					width: 100%;
					#menu-menu-principal {
						width: 100%;

						&>li {
							position: relative;

							&::before {
								content: '';
								background: var(--vert);
								position: absolute;
								top: 100%;
								right: 0;
								bottom: 0;
								left: 0;
								transition: all 400ms ease-in-out;
							}

							a {
								text-align: center;
								position: relative;
								z-index: 1;
								padding: 25px 0 !important;
								display: flex;
								align-items: center;
								justify-content: center;

								&::after {
									position: relative !important;
									top: 7px !important;
								}
							}

							.sub-menu {
								background: var(--bleu-transparent) !important;

								li {
									a {
										padding: 8px 0 !important;
									}
								}
								li:hover, li.current_page_item {
									a {
										background: var(--vert) !important;
    									color: var(--blanc) !important;
    									font-weight: 500 !important;
									}
								}
							}
						}
					}
					nav {
						width: 100%;
					}
				}

				.menu-item {
					flex: 1;
					display: block !important;
					padding: 0 !important;
				}

				li.current-menu-item, li.current_page_item, li:hover {
					&::before {
						top: 0 !important;
					}
				}
			}
		}
	}
}

@media (max-width: 980px){
	.col-rs {
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;

		.et_pb_module {
			width: inherit !important;
		}

		.et_pb_blurb_description {
			font-size: 0 !important;
		}
	}
}


/* PAGE ACCUEIL */
.hero {
	overflow: hidden;
	&::after {
		content: '';
		background: url(/wp-content/uploads/2026/03/wave-hero.svg) top center no-repeat;
		background-size: cover;
		height: 130px;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
	}
}
.imgHov {
	overflow: hidden;
	border-radius: 5px;

	.et_pb_image_wrap {
		overflow: hidden;
		border-radius: 5px;
	}

	img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
		transform: scale(1.0);
		transition: all 400ms ease-in-out;
	}
}
.imgHov:hover {
	img {
		transform: scale(1.1);
	}
}
.texte {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 40px 20px;
	flex-wrap: wrap;

	.et_pb_text {
		width: 100%;
	}

	.item-atous {
		width: calc(50% - 20px);
	}
}
.item-atous {
	&>div {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		height: 90px;
    	overflow: hidden;

    	&:before {
    		content: '';
    		background: #5d9fc6 !important;
    		position: absolute;
    		top: 0;
    		left: 0;
    		right: 100%;
    		bottom: 0;
    		transition: all 400ms ease-in-out;
    	}

    	.et_pb_main_blurb_image {
    		margin: -5px 20px 0 -42px !important;
    		width: 100px;
    		min-width: 100px;
    		border-radius: 50%;
    		overflow: hidden;
    		position: relative;
    		z-index: 1;

    		.et_pb_image_wrap {
    			height: 100px;
    			max-width: 100px;
    			min-width: 100px;
    			padding-right: 10px;
    			display: flex;
				align-items: center;
				justify-content: flex-end;
    		}
    	}
    	.et_pb_blurb_container {
    		position: relative;
    		z-index: 1;
    	}
	}
}
.item-atous:hover, .item-atous.hover {
	&>div {
    	&:before {
    		right: 0 !important;
    	}
    }
}
.item-service {
	background: var(--blanc);

	&>div {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		min-height: 500px;
		transition: all 400ms ease-in-out;

		.et_pb_blurb_content {
			background: var(--blanc);
			padding: 20px;
			position: relative;
			z-index: 2;
			transform: translateY(50px);
			transition: all 400ms ease-in-out;

			.et_pb_module_header {
				min-height: 82px;
			}

			.et_pb_main_blurb_image {
				text-align: left !important;
			}

			.link {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				font-weight: bold;
				font-size: 15px;
				margin-top: 10px;
				padding-left: 0;
				transition: all 400ms ease-in-out;

				&::before {
					content: '';
					background: url(/wp-content/uploads/2026/03/arrow-link.svg) center no-repeat;
					width: 8px;
					height: 7px;
					margin-right: 10px;
				}
			}
			.link:hover {
				padding-left: 20px !important;
			}

		}

		&::after {
			content: '';
			background: var(--blanc);
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			left: 0;
			z-index: 1;
			transition: all 400ms ease-in-out;
		}
	}	
}
.item-service:hover {
	&>div {
		justify-content: flex-start;

		.et_pb_blurb_content {
			transform: translateY(0);
		}

		&::after {
			bottom: 100%;
		}
	}
}
.choix {
	.item-atous {
		margin-left: 0;
		transition: all 400ms ease-in-out;
		max-width: 407px !important;

		&>div {
			&::before {
				display: none !important;
			}
		}
	}
	.item-atous:hover, .item-atous.hover {
		background-color: var(--bleu) !important;
		margin-left: -30px !important;
	}
}
.process {
	flex: 1;
	min-height: 310px;
	overflow: hidden;

	&::before {
		content: '';
		display: block;
		background: #003F66;
		opacity: .08;
		height: 1px;
		position: absolute;
		top: 38px;
		left: 0;
		right: 0;
	}

	.et_pb_blurb_content {
		display: flex;
		flex-direction: column;

		&::before {
			content: '';
			display: block;
			background: var(--bleu);
			width: 10px;
			height: 10px;
			border-radius: 50%;
			margin: 14px auto 26px !important;
			order: 1;
			position: relative;
			z-index: 2;
		}

		&::after {
			content: '';
			display: block;
			width: 16px;
			height: 16px;
			background: var(--blanc);
			border: 1px solid var(--bleu);
			border-radius: 50%;
			position: absolute;
			top: 10px;
			left: 0;
			right: 0;
			margin: 0 auto;
			z-index: 1;
			transition: all 200ms ease-in-out;
		}

		.et_pb_main_blurb_image {
			margin: 10px 0 0 !important;
			order: 3;
		}

		.et_pb_blurb_container {
			order: 2;

			.et_pb_module_header {
				margin-bottom: 24px;
				position: relative;

				&::after {
					content: '';
					display: block;
					width: 0;
					border:1px dashed var(--bleu);
					position: absolute;
					bottom: -10px;
					left: 0;
					right: 0;
					margin: 0 auto;
					opacity: 0;
					transition: all 400ms ease-in-out;
				}
			}
			.et_pb_blurb_description {
				min-height: 86px;
			}
		}
	}
}
.process:hover {
	.et_pb_blurb_content {
		&::after {
			background-image: url(/wp-content/uploads/2026/03/check.png);
			background-color: var(--bleu);
			background-position: center;
            background-repeat: no-repeat;
            background-size: 65%;
			width: 22px;
			height: 22px;
			top: 6px;
			z-index: 3;
		}

		.et_pb_blurb_container {
			.et_pb_module_header {
				&::after {
					width: 80px;
					opacity: 1;
				}
			}
		}
	}
}
.process1 {
	&::before {
		left: 50%;
	}
}
.process4 {
	&::before {
		right: 50%;
	}
}
.coor {
	.et_pb_blurb_content {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;

		.et_pb_main_blurb_image {
			background: var(--blanc);
			border-radius: 50%;
			overflow: hidden;
			width: 42px !important;
			height: 42px !important;
			display: flex !important;
			margin: 0 !important;
		}
		.et_pb_image_wrap {
			border-radius: 0 !important;
			width: 42px !important;
			height: 42px !important;
			display: flex;
		}
	}
}
.imgChoi {
	position: relative;

	.imgHov {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		transition: all 400ms ease-in-out;

		.et_pb_image_wrap  {
			width: 724px;
			overflow: hidden;

			img {
				display: block;
				width: 100%;
				height: 543px;
				object-fit: cover;
				object-position: center;
			}
		}
	}
	.img-choi1 {
		z-index: 5;
	}
	.img-choi2 {
		z-index: 4;
	}
	.img-choi3 {
		z-index: 3;
	}
	.img-choi4 {
		z-index: 2;
	}
	.img-choi5 {
		z-index: 1;
	}
	.imgHov.hover {
		z-index: 10;
	}
}

/* RESPONSIVE */
@media (max-width: 980px){
	body #main-content {
		.et_pb_section {
			.item-service {
				width: calc(50% - 10px) !important;
			}
		}
	}
	body .process {
		flex: inherit !important;
		width: calc(50% - 10px) !important;
	}
	.item-service {
	    &>div {
	        &::after {
	            bottom: 100%;
	        }

	        .et_pb_blurb_content {
	            transform: 0 !important;
	        }

            .et_pb_blurb_content {
	            .et_pb_module_header {
	                min-height: inherit;
	            }
	        }
	    }
	}
}
@media (max-width: 767px){
	body #main-content {
		.et_pb_section {
			.item-service {
				width: 100% !important;
			}
		}

		.process {
			width: 100% !important;
		}

		.texte {
			gap: 20px !important;
			margin-bottom: 50px !important;

		    .item-atous {
		        width: 100%;
		    }
		}

		.imgChoi {
			margin-top: 40px !important;
			
		    .imgHov {
		        position: relative !important;
		    }
		}
	}

	body {
		footer {
			.et_pb_section {
				.et_pb_row {
					.nav-foot {
						margin-bottom: 20px !important;
					}
					.et_pb_blurb_6_tb_footer.et_pb_blurb {
						width: 100% !important;
					}
				}
				.et_pb_text_2_tb_footer {
					margin-top: 20px !important;
				}
			}
		}
	}
}