:root {
  /* COULEURS 2025-2026 - Spécifications exactes IDML */
  --orange: #d9b26e;     /* Orange clair (accents) - maquette 2026 */
  --vert: #4DA5B3;       /* Teal clair */
  --gris: #c1b6b2;       /* Gris inchangé */
  --bleu: #0f3d4c;       /* Bleu foncé dominant - rgb(15, 61, 76) */
  --bleu-fonce: #0f3d4c; /* Bleu foncé dominant */
  --jaune: #D9A774;      /* Beige orangé */
  --fond: #e5edf0;       /* Bleu-gris clair - maquette 2026 */
  --white: white;
}
.greencolor{
	color:var(--orange);
}
	@-moz-document url-prefix() {
  	.ra-menu li{
    	padding-bottom:18px;
  		}
	}
	@keyframes hideshow{
		0% { opacity: 0.3;
  	transform:scale(1);
  	-moz-transform:scale(1);
  	}
  	50% { opacity: 1;
  	transform:scale(1);
  	-moz-transform:scale(1);
  	}
  	100% { opacity: 0.9;
  	transform:scale(1);
  	-moz-transform:scale(1);
  	}
	}

	p,a,span,div,ul,li{
		/* Polices gérées par style.css (Source Sans 3) */
		font-size:14px;
		line-height: 20px;
		color:var(--bleu);
	}
	h1{
		/* Police gérée par style.css (Montserrat) */
		letter-spacing: 2.5;
	}
	h2{
		/* Police gérée par style.css (Montserrat) */
		font-size:69px;
		text-transform: uppercase;
		color:var(--bleu);
		font-weight:700;
		letter-spacing: 2.5;
		position:relative;
	}


	#logo{
		width:200px;
	}
	.no-display{
		display:none;
	}

	p.intro-banner{
		font-weight:bold;
	}

	.pad-top-70{
		padding-top:70px!important;
	
	}
	.pad-bot-0{
		padding-bottom:0!important;
	
	}

	.pad-bot-20{
		padding-bottom:20px!important;
	
	}
	.pad-bot-200{
		padding-bottom: 200px!important;
	}

	.yline-left h2:after{
		content:" ";
		display:block;
		width:15%;
		height:2px;
		background:var(--jaune);
		position:absolute;
		top:-10px;
	}

	.custom-illu1{
	width: 100%;
    position: relative;
    top:80px;
	}

.title-custom1{
margin-bottom:0!important;position:relative;top:70px;
}

.graphique-print-2 img{
margin-bottom:30px;
}
	.yline-center h2:after{
		content:" ";
		display:block;
		width:15%;
		height:2px;
		background:var(--jaune);
		position:absolute;
		top:-15px;
		left:50%;
		transform:translate(-50%,0);

	}
	/* h3: Police gérée par style.css (Montserrat) */

	.color-green{
		color:var(--vert)!important;
		font-size:15px!important;
	}
	.lang, .lang li{
		color:var(--bleu);
		font-size: 18px;
		font-weight: 400;
	}

	.lang li strong {
		font-weight: 600;
	}

	.menu-txt{
		color:var(--bleu);
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.5px;
	}

	h3 strong, h4 strong{
		font-weight:600;
	}
.temoignage-name{
font-size:15px!important;
}
	.logo-omb{
		padding-left:0!important;
		width:420px;
	}

	.likeh5{
		    text-transform: uppercase;
    color: white;
    background: var(--orange);
    display: inline-block;
    margin-bottom: 0px;
    margin-top:10px;
    padding: 3px 5px;
	}

	.pad-top-bot-50{
		padding:25px 0;
	}

	.pad-top-bot-10{
		padding:15px 0;
	}
	.omb-pad-top-50{
		padding-top:50px;
	}
	.vertical-align{
		position: relative;
		display: inline-flex;
		align-items: center;
		gap: 12px;
		text-decoration: none;
	}

	.vertical-align .menu-txt {
		transition: color 0.3s ease;
	}

	.vertical-align:hover .menu-txt {
		color: var(--orange);
	}

	.vertical-align:hover .burger {
		background-color: var(--orange);
	}

	.print-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		transition: transform 0.3s ease;
	}

	.print-icon:hover {
		transform: translateY(-2px);
	}

	.print-icon img {
		width: 35px;
		height: 35px;
		transition: filter 0.3s ease;
	}

	.print-icon:hover img {
		filter: brightness(0) saturate(100%) invert(56%) sepia(55%) saturate(365%) hue-rotate(359deg) brightness(95%) contrast(88%);
	}
	.omb-bg-hero{
		background-color: var(--bleu);
		height: 100vh;
		position:relative;
		overflow-x: hidden;
		overflow-y: visible;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* SVG Masque avec cercles */
	.hero-mask-svg {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100vw;
		max-width: 1800px;
		height: 100%;
		z-index: 1;
		display: block;
		opacity: 0;
		animation: fadeIn 1s ease-out 0.3s forwards;
	}

	.padding-right-60{
		padding-right:60px;
	}
	.omb-hero-text{
		position: absolute;
    	top: 250px;
		right: 50vw;
		z-index: 10;
		max-width: 45vw;
		text-align: right;
		opacity: 0;
		animation: slideInRight 0.8s ease-out 0.6s forwards;
	}
	.omb-hero-text h1{
		color: var(--fond);
		font-size: 55px;
		font-weight: 200;
		z-index: 150;
		position:relative;
		text-transform: uppercase;
		letter-spacing: 10px;
		margin-bottom: 20px;
		text-align: right;
	}
	.omb-hero-text .omb-year{
		position:relative;
		display: block;
		font-size: 110px;
		font-weight: 500;
		z-index: 100;
		line-height: 1;
		color:var(--orange);
		font-family: 'Montserrat', sans-serif;
		text-align: right;
		margin-right: 0;
	}

	.omb-hero-text .omb-line {
		margin-left: auto;
		margin-right: 0;
	}
	.monmenu{
		text-align: right;
		padding-right: 40px;
		position: relative;
		display: inline-flex;
		align-items: center;
		gap: 25px;
	}

	.lang{
		display:inline-flex;
		list-style:none;
		position:relative;
		align-items: center;
		gap: 8px;
		margin: 0;
		padding: 0;
	}



	.omb-year:after{
	/* Désactivé - remplacé par le masque SVG avec cercles */
	content: none;
	display: none;
	}
	.color-chart2022{
		background:#f2faee;
	}

	/*.color-prechart2022{
		background:#f2faee!important;
	}*/

	/*.omb-year:after{
		content:u"";
		display:block;
		background:var(--orange);
		height:180px;
		width: 180px;
		border-radius:150px;
		position:absolute;
		top:-45px;
		left:53px;
		z-index:-10;
	}*/

	.omb-hero-text p{
    color:white;
    width:70%;
    text-align: left;
    margin-top:30px;
    font-size:14px;
    margin-bottom:40px;
	z-index: 10;
	position: relative;
	}

	.omb-bg-hero .row {
		position: relative;
		z-index: 10;
	}

	/* Positionnement de la colonne droite (description + bouton alignés au 3ème cercle de la droite) */
	.omb-hero-right-column {
		position: absolute;
		bottom: 365px;
		left: 53.125vw;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		z-index: 10;
		opacity: 0;
		animation: slideInLeft 0.8s ease-out 0.9s forwards;
	}

	.omb-hero-right-content {
		position: relative;
		z-index: 10;
		width: 100%;
		max-width: 520px;
		text-align: left;
	}

	.omb-hero-right-content p {
		font-family: 'Source Sans 3', sans-serif;
		font-size: 16px;
		line-height: 24px;
		color: white !important;
		margin-bottom: 30px;
		text-align: left;
	}

	.omb-bottom-link{
		position: absolute;
		bottom: 20px;
		z-index: 100;
		left: 50%;
		transform: translateX(-50%);
	}

	.omb-bottom-link img {
		filter: brightness(0) saturate(100%) invert(66%) sepia(47%) saturate(408%) hue-rotate(359deg) brightness(92%) contrast(88%);
		width: 50px;
		height: 50px;
	}
	.omb-line{
		width:50px;
		height:1px;
		background:var(--white);
		display:block;
		margin-bottom:12px;
	}

	/* ========================================
	   FULL-SCREEN MENU POPUP
	   ======================================== */

	/* Menu overlay - hidden by default */
	#menu-popup-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: var(--fond);
		z-index: 99999;
		display: none;
		overflow-y: auto;
	}

	#menu-popup-overlay.active {
		display: block;
	}

	/* Menu header bar */
	.menu-popup-header {
		position: sticky;
		top: 0;
		background: var(--bleu);
		padding: 20px 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0 2px 10px rgba(0,0,0,0.1);
		z-index: 100;
	}

	.menu-popup-header .logo {
		display: none;
	}

	.menu-popup-header .logo img {
		height: 50px;
	}

	.menu-popup-header .menu-controls {
		display: block;
	}

	.menu-popup-header .menu-close {
		font-size: 22px;
		color: white;
		text-transform: uppercase;
		letter-spacing: 2px;
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 15px;
		font-family: 'Montserrat', sans-serif;
		font-weight: 600;
		transition: color 0.3s ease;
	}

	.menu-popup-header .menu-close:hover {
		color: var(--orange);
	}

	.menu-popup-header .menu-close svg {
		width: 40px;
		height: 40px;
		stroke: white;
		stroke-width: 2;
		transition: stroke 0.3s ease, transform 0.3s ease;
	}

	.menu-popup-header .menu-close:hover svg {
		stroke: var(--orange);
		transform: rotate(90deg);
	}

	.menu-popup-header .print-menu-icon {
		display: none;
	}

	.menu-popup-header .print-menu-icon img {
		width: 40px;
		height: 40px;
	}

	.menu-popup-header .lang-menu {
		display: none;
	}

	/* Menu grid content */
	.menu-popup-content {
		max-width: 1400px;
		margin: 50px auto 80px;
		padding: 0 60px;
	}

	.menu-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 25px;
		margin-bottom: 20px;
	}

	/* Premier élément prend toute la largeur */
	.menu-grid > .menu-card:first-child {
		grid-column: 1 / -1;
		margin-bottom: 5px;
	}

	/* Menu card styles */
	.menu-card {
		background: var(--bleu);
		padding: 45px 40px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		min-height: 280px;
		position: relative;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	.menu-card:hover {
		transform: translateY(-3px);
		box-shadow: 0 8px 25px rgba(0,0,0,0.15);
	}

	.menu-card.large {
		grid-column: 1 / -1;
		display: grid;
		grid-template-columns: 1fr 1fr;
		padding: 0;
		min-height: 350px;
	}

	.menu-card.large .card-content {
		padding: 50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: var(--bleu);
	}

	.menu-card.large .card-content p {
		color: white !important;
		font-weight: 600 !important;
		opacity: 1 !important;
	}

	.menu-card.large .card-image {
		background: var(--bleu);
		padding: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		overflow: hidden;
	}

	.menu-card.large .card-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.menu-card.large .card-image svg {
		position: absolute;
		width: 100px;
		height: 100px;
		fill: white;
		z-index: 2;
	}

	.menu-card.orange {
		background: var(--orange);
	}

	.menu-card-icon {
		width: 50px;
		height: 50px;
		margin: 0 auto;
	}

	.menu-card-icon img {
		width: 100%;
		height: 100%;
		filter: brightness(0) invert(1);
	}

	.menu-card.orange .menu-card-icon img {
		filter: none;
	}

	.menu-card h3 {
		color: white !important;
		font-family: 'Montserrat', sans-serif;
		font-size: 22px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin-bottom: 15px;
		text-align: center !important;
		margin-top: 30px !important;
	}

	.menu-card.orange h3 {
		color: var(--bleu);
	}

	.menu-card p {
		color: white !important;
		font-family: 'Source Sans 3', sans-serif;
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 20px;
		font-weight: 600 !important;
		opacity: 1 !important;
	}

	.menu-card.orange p {
		color: var(--bleu);
	}

	.menu-card-subitems {
		display: flex;
		gap: 0;
		margin-top: 30px;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	/* Vertical bar separator in the center */
	.menu-card-subitems::before {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 2px;
		height: 50px;
		background: white;
		opacity: 0.5;
		z-index: 1;
	}

	.menu-card-subitem {
		color: white;
		font-family: 'Source Sans 3', sans-serif;
		font-size: 22px;
		font-weight: 400;
		text-decoration: none;
		transition: all 0.3s ease;
		line-height: 1.4;
		flex: 1;
		text-align: center;
		position: relative;
		z-index: 2;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 20px;
	}

	.menu-card-subitem:hover {
		color: white;
		text-decoration: none;
	}

	.menu-card .branch-icons {
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		margin-top: 30px;
		justify-content: center;
	}

	.menu-card .branch-icons svg {
		width: 100%;
		max-width: 500px;
		height: auto;
	}

	.menu-card .branch-icons .branch-icon {
		width: 55px;
		height: 55px;
		background: white;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: transform 0.2s ease;
	}

	.menu-card .branch-icons .branch-icon:hover {
		transform: scale(1.1);
	}

	.menu-card .branch-icons .branch-icon img {
		width: 28px;
		height: 28px;
		opacity: 0.8;
	}

	/* Hide old menu section */
	#menu-list {
		display: none;
	}

	/* Hide edito section */
	#introduction {
		display: none;
	}

	/* ========================================
	   VIDEO POPUP
	   ======================================== */

	#video-popup-overlay {
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		background: rgba(15, 61, 76, 0.95);
		z-index: 999999;
		display: none;
		align-items: center;
		justify-content: center;
		backdrop-filter: blur(10px);
	}

	#video-popup-overlay.active {
		display: flex;
	}

	.video-popup-container {
		position: relative;
		width: 90%;
		max-width: 1200px;
		aspect-ratio: 16/9;
		background: black;
		border-radius: 8px;
		overflow: hidden;
		box-shadow: 0 20px 60px rgba(0,0,0,0.5);
	}

.video-popup-close {
	position: absolute;
	top: clamp(1rem, 2.2vw, 1.75rem);
	left: 50%;
	transform: translateX(-50%);
	background: var(--orange);
	border: 1px solid var(--orange);
	border-radius: 999px;
	color: var(--bleu);
	font-size: clamp(0.78rem, 1vw, 0.95rem);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
	z-index: 10;
	padding: 0.85rem 1.2rem 0.8rem 1rem;
	white-space: nowrap;
	box-shadow: 0 0.75rem 2rem rgba(0, 0, 0, 0.25);
}

.video-popup-close:hover,
.video-popup-close:focus-visible {
	background: white;
	border-color: white;
	color: var(--bleu);
	outline: none;
	transform: translateX(-50%) translateY(-1px);
}

.video-popup-close-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 1.65rem;
	height: 1.65rem;
	border: 1px solid currentColor;
	border-radius: 50%;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1;
	transition: transform 0.2s ease;
}

.video-popup-close:hover .video-popup-close-icon,
.video-popup-close:focus-visible .video-popup-close-icon {
	transform: rotate(90deg);
}

.video-popup-close-text {
	line-height: 1.2;
}

.video-popup-container iframe,
.video-popup-container video {
	width: 100%;
	height: 100%;
	border: none;
}

@media (max-width: 767.98px) {
	.video-popup-container {
		width: min(92vw, 100%);
	}

	.video-popup-close {
		top: 1rem;
		width: min(92vw, 24rem);
		justify-content: center;
		white-space: normal;
		text-align: center;
		padding-inline: 0.95rem;
	}
}

	/* Play button cursor on EDITO card */
	.menu-card.large .card-image {
		cursor: pointer;
	}

	.menu-card.large .card-image svg {
		transition: transform 0.3s ease;
	}

	.menu-card.large .card-image:hover svg {
		transform: scale(1.15);
	}

	/* ========================================
	   ANIMATIONS HERO
	   ======================================== */

	@keyframes fadeIn {
		from {
			opacity: 0;
		}
		to {
			opacity: 1;
		}
	}

	@keyframes slideInRight {
		from {
			opacity: 0;
			transform: translateX(50px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}

	@keyframes slideInLeft {
		from {
			opacity: 0;
			transform: translateX(-50px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}

	/* Animation pour les cercles individuels - fade-in aléatoire */
	#heroCirclesMask circle {
		opacity: 0;
		animation: fadeIn 0.6s ease-out forwards;
	}

	/* ========================================
	   RESPONSIVE
	   ======================================== */

	/* Tablet landscape */
	@media (max-width: 1200px) {
		.omb-hero-text {
			top: 250px;
			right: 50vw;
			max-width: 50vw;
		}

		.omb-hero-text h1 {
			font-size: 45px;
			letter-spacing: 8px;
		}

		.omb-hero-text .omb-year {
			font-size: 90px;
		}

		.omb-hero-right-column {
			bottom: 300px;
			left: 53.125vw;
		}

		.omb-hero-right-content {
			max-width: 450px;
		}

		.omb-hero-right-content p {
			font-size: 15px;
			line-height: 22px;
		}
	}

	/* Tablet portrait */
	@media (max-width: 992px) {
		.omb-bg-hero {
			height: auto;
			min-height: 100vh;
			padding: 60px 0;
			display: flex;
			flex-direction: column;
			justify-content: center;
		}

		.hero-mask-svg {
			width: 100vw;
			max-width: none;
			order: 3;
			position: relative;
			top: auto;
			left: auto;
			transform: none;
			margin-top: 40px;
			height: 200px;
			opacity: 0.3;
			animation: none;
		}

		/* Hide some circles in tablet view to prevent overlap */
		#heroCirclesMask circle:nth-child(n+10) {
			display: none;
		}

		#heroCirclesMask circle {
			opacity: 1;
			animation: none;
		}

		.omb-bg-hero .container {
			order: 1;
		}

		.omb-bg-hero .row {
			flex-direction: column;
			align-items: center;
		}

		.omb-hero-text {
			position: relative;
			top: auto;
			right: auto;
			max-width: 100%;
			text-align: center;
			padding: 0 30px;
			margin-bottom: 30px;
			opacity: 1;
			animation: none;
		}

		.omb-hero-text h1 {
			font-size: 40px;
			letter-spacing: 6px;
			text-align: center;
		}

		.omb-hero-text .omb-year {
			font-size: 80px;
			text-align: center;
			margin-bottom: 40px;
		}

		.omb-hero-text .omb-line {
			margin: 0 auto 20px;
		}

		.omb-hero-right-column {
			position: relative;
			bottom: auto;
			right: auto;
			margin-top: 0;
			padding: 0 30px;
			justify-content: center;
			order: 2;
			opacity: 1;
			animation: none;
		}

		.omb-hero-right-content {
			max-width: 600px;
			text-align: center;
		}

		.omb-hero-right-content p {
			font-size: 16px;
			line-height: 24px;
			margin-bottom: 25px;
		}

		.omb-btn {
			top: 0;
			margin-top: 0;
		}

		.omb-bottom-link {
			order: 4;
		}

		/* Menu popup */
		.menu-grid {
			grid-template-columns: repeat(2, 1fr);
		}

		.menu-card.large {
			grid-column: 1 / -1;
		}
	}

	/* Mobile */
	@media (max-width: 768px) {
		.omb-bg-hero {
			padding: 60px 0;
		}

		.hero-mask-svg {
			opacity: 0.2;
			height: 150px;
		}

		/* Show only a few circles in mobile */
		#heroCirclesMask circle:nth-child(n+7) {
			display: none;
		}

		.omb-hero-text {
			padding: 30px 20px;
		}

		.omb-hero-text h1 {
			font-size: 32px;
			letter-spacing: 4px;
		}

		.omb-hero-text .omb-year {
			font-size: 60px;
		}

		.omb-hero-right-column {
			padding: 0 20px;
			margin-top: 30px;
		}

		.omb-hero-right-content p {
			font-size: 15px;
			line-height: 22px;
		}

		.omb-btn {
			padding: 10px 40px;
			font-size: 14px;
		}

		.omb-bottom-link {
			bottom: 10px;
		}

		/* Menu popup */
		.menu-grid {
			grid-template-columns: 1fr;
		}

		.menu-card.large {
			grid-column: 1 / -1;
			grid-template-columns: 1fr;
		}

		.menu-card.large .card-image {
			min-height: 250px;
			order: -1;
		}

		.menu-popup-header {
			padding: 15px 20px;
		}

		.menu-popup-content {
			padding: 0 20px;
			margin: 30px auto;
		}

		.menu-card {
			min-height: 200px;
			padding: 35px 30px;
		}
	}

	/* Small mobile */
	@media (max-width: 480px) {
		.omb-bg-hero {
			padding: 40px 0;
		}

		.omb-hero-text h1 {
			font-size: 28px;
			letter-spacing: 3px;
		}

		.omb-hero-text .omb-year {
			font-size: 50px;
		}

		.omb-hero-right-content p {
			font-size: 14px;
			line-height: 20px;
		}

		.omb-btn {
			padding: 8px 30px;
			font-size: 13px;
		}
	}
	.omb-line-yellow{
		width:100px;
		height:1.2px;
		background:var(--bleu);
		display:block;
		margin-bottom:12px;
		    text-align: center;
    margin: 0 auto;
	}

	.omb-line-white{
		width:100px;
		height:1.2px;
		background:white!important;
		display:block;
		margin-bottom:12px;
		    text-align: center;
    margin: 0 auto;
	}

	.lienbleu{
	border-bottom:1px solid #49C0F3;
color:var(--bleu)!important;

	}

	.omb-btn{
		border:2px solid white;
		color:white;
		padding:10px 50px;
		cursor:pointer;
		background: transparent;
		z-index: 10;
		position: relative;
		font-size:16px;
		text-transform: uppercase;
		top: 50px;
	}
	.omb-btn:hover{
		background:white;
		color:var(--bleu);
		border:2px solid white;
		text-decoration: none;
	}
	h2{
		text-transform: uppercase;
		font-size:70px;
	}


	.omb-icon{
		width:170px;
		position:absolute;
		z-index:10;
		bottom:170px;
	}
	.omb-portrait{
		position:absolute;
		width:380px;
		top:70px;
		left:0;
	}
	.col-count-2{
		column-count:2;
	}
	.col-count-3{
		column-count:3;
	}
	section{
		padding:60px 0 60px 0;
	}
	.section3{
		padding:0 0 40px 0;
	}
	.section3 .omb-line-yellow{
		position:relative;
		left:-20%;
		top:-30px;
		margin:0 auto;
		margin-bottom:12px;
	}
	#introduction{
	background:var(--orange);
	}

	#introduction h2{
	z-index:2;
	}
	#introduction p{
		font-size:14px;
		color:var(--bleu);
	}

	#introduction .col-lg-3{
		position:relative;
		top:30px;
	}

	#introduction .omb-line-yellow{
		position:relative;
		top:-30px;
	}
	.omb-name {
    position: absolute;
    top: 430px;
    right: -50px;
	}
	.omb-name h3,.omb-name span{
		text-align: left;
		display: block;
		font-size:13px;
		font-weight:600;
		color:var(--bleu)!important;
	}
	h3{
		text-transform: uppercase;
	}
	.omb-name h3{
		color:var(--white)!important;
		font-weight:bold;
		line-height:6px;
		letter-spacing: 1.5;
		text-transform: none;
		font-family: 'Source Sans 3', sans-serif;
	}
	.section2{
		background:var(--fond);
	}

	.bg-belgique{
				background-image:url('image/BelgiqueOmbudsman_picto.svg');
		background-repeat: no-repeat;
		background-position: center;
		background-size:370px;
	}
	.section2 h2{
		text-align: center;
		font-size:22px;
		text-transform: none;
		margin-top:20px;
		color:var(--bleu);
						letter-spacing: 2.5;

	}

	.section2 h2{
		font-family: 'Source Sans 3', sans-serif;
		font-weight:bold;
		font-size:20px;
						letter-spacing: 2.5;


	}
	.section2 p{
		text-align: center;
		color:var(--bleu);
		font-size:20px;
		line-height:30px;
		font-weight:thin;
	}
	.section2 span{
		margin:0 auto;
	}
	.section3{
		padding-bottom:20px;
	}
	.section3 h2{
		position:relative;
		left:-20%;
		top:-30px;
		text-align: center;
		/*padding-bottom:30px;*/
		letter-spacing: 2.5;
		line-height:62px;

	}
	.section3 .chiffres{
    background: var(--bleu);
    border-radius: 130px;
    /* padding: 60px; */
    width: 150px;
    height: 150px;
    position:absolute;
    bottom:20px;
    left:-30px;
	}
	.section3 .chiffres h3, .section3 .chiffres span{
		text-align:center;
		display:block;
		color:white!important;
		line-height:19px;
	}
	.section3 .chiffres h3{
		padding-top:50px;
		font-weight:bold;
						font-family: 'Montserrat', sans-serif;

	}
	.marg-top-50{
		margin-top:50px;
	}
	.croissance{
		position:absolute;
		bottom:33%;
		right:15%;
		border:1px dashed var(--jaune);
		width:110px;
		height:110px;
		border-radius:100px;
		z-index:-10;
		text-align: left;
		padding-top:27px;
		color:var(--bleu-fonce);
		padding-left:31px;
		line-height:20px;
		font-weight:bold;
		text-align: center;
		line-height:14px;
		font-weight:black;
	}

	.croissance2{
		bottom:22%;
		right:-85%;
	}

	.croissance span{
		position:relative;
		right:-10px;
	}

	.section3-img img{
		width:100%;
	}
	.section3 p{
		/*padding-top:30px;*/
		font-weight:bold;
	}
	.section3 .title{
		position:relative;
		top:70px;
	}

	.newtitle h2{
		text-align: center;
		display:block;
		position:absolute;
		left:50%;
		transform:translate(-50%,0);
		top:10px;
		z-index: 33;
		line-height:58px;
	}

	.newtitle2 h2{
		width:100%;
	}
	.newtitle2022 h2{
		position:inherit;
		margin-bottom:50px;
		line-height:60px;

	}

	.section-img2{
		position:relative;
		top:150px;
	}

	.section-img22{
		position:relative;
		top:80px;
	
	}

	.section-img3{
		top:250px;
	}

	.newpara p{
		position:relative;
		top:80px;
	}
	.newpara2 p{
		top:130px;
	}
	.newtitle .omb-line-yellow{
		left:0;
		top:-20px;
	}

	.title-para{
		position:relative;
		left:-50px;
	}
	#section4{
		padding-top:60px;
		padding-left:0;
	}
	#section4 h3{
		font-size:17px;
	}
	#section4 .right{
		background:white;
	}
	#section4 .color-blue{
		background:#F4F9FB;
		padding:70px 0;
		padding-right:15px;
	}
	#section4 .color-white{
		padding:70px 0;
	}
	#section4 .omb-line-yellow{
		background: var(--bleu-fonce);
		margin-bottom:30px;
		position:relative;
	}

	.burger-container {
		display: inline-flex;
		flex-direction: column;
		gap: 6px;
	}

	.burger{
		display: block;
		width: 40px;
		height: 2px;
		background-color: var(--bleu);
		border-radius: 1px;
		transition: all 0.3s ease;
	}


	.complement{
		opacity:1;
		position:relative;
		/*color:var(--bleu)9c;
		border-bottom:1px solid #0AAEEE;*/
		color:var(--orange);
		cursor:pointer;
	}

	.lienvers{
		border-bottom:1px solid #00aeef;
		color:var(--bleu)!important
	}

	.note p a, .note li a{
		border-bottom:1px solid #00aeef;
	}
	#menu-list li a{
	border-bottom:none;
	}

	/*}
	.complement:hover:after{
		content:"Ceci est un texte d'une légende  ";
		display:block;
		position:absolute;
		top:-60px;
		color:white;
		text-align: left;
		left:0;
		background:#8096A5;
		width:120px;
		padding:10px 8px;
		-webkit-user-select: text;
		line-height:14px;
	}
	.complement:hover:before{
		content:"";
		background:#8096A5;
		width:15px;
		height:15px;
		position:absolute;
		top:-22px;
		left:10px;
		transform:rotate(45deg);
	}*/

	.center-graph{
		width: 100%;
		position: absolute;
		top: 47%;
		left: 0;
		line-height:10px;
		text-align: center;
		z-index: 99;
	}

	.graph-covid{
		top:50%;
	}

	.omb-legende span{
		font-size:10px;
	}
	.omb-jaune, .omb-mauve, .omb-blue, .omb-lightblue{
		position:relative;
		padding:0 20px;
	}
	.omb-jaune:after, .omb-mauve:after, .omb-blue:after, .omb-lightblue:after{
		content:" ";
		display:block;
		background:#F7941C;
		width:15px;
		height:15px;
		position:absolute;
		border-radius:50px;
		left:2px;
		top:-3px;
	}
	.omb-mauve:after{
		background:#92278F;
	}

	.omb-blue:after{
		background: #141E95;
	}

	.omb-lightblue:after{
		background:#47ACE9;
	}
	#section5 h3, .omb-line-yellow{
		text-align: center;
		margin:0 auto;
	}
	#section5 h3{
		padding-top:35px;
		margin-bottom:70px;
	}
	#section5 img{
		width:100%;
		margin-bottom:55px;
	}
	#section5{
		padding-top:25px;
	}
	.omb-icon-innondation{
		position:relative;
	}

	.illustration-cas{
		    width: 130px;
    text-align: center;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,0);
	}

	.omb-icon-innondation img{
		position: relative;
    left: 50%;
    transform: translate(-50%,0);
	}

	.omb-icon-innondation:after{
    content: " ";
    display: block;
    background: var(--jaune);
    width: 175px;
    height: 175px;
    position: absolute;
    top: -130%;
    left: 50%;
    border-radius: 200px;
    z-index: -2;
    transform: translate(-50%,0);
}


	


/*	.omb-icon-innondation:after{
		content:" ";
		display:block;
		background:var(--jaune);
		width:175px;
		height:175px;
		position:absolute;
		top:-75px;
		left:-16%;
		border-radius:200px;
		z-index:-2;
	}*/

	.omb-p-innondation{
		z-index:-11!important;
	}

	#section7 .left h4, #section7 .left p, #section7 .left h3{
		text-align:right;
		color:white;
	}
		#section7 .right h4, #section7 .right p, #section7 .right h3{
		text-align:left;
		color:white;
	}

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

	#section7 h3{
				font-size:17px;
				text-transform: uppercase;
				color:var(--bleu-fonce)!important;
				font-weight:bold;
				margin-bottom:35px;

	}
	.menu-container{
		position:fixed;
		top:0;z-index:999;left:50%;transform:translate(-50%,0);background:white;
		box-shadow: 0 2px 10px rgba(0,0,0,0.05);
	}

	/* Cacher la navigation principale quand le menu est ouvert */
	body.menu-open .menu-container {
		display: none;
	}

	#header {
		display: flex;
		align-items: center;
	}

	#header .row {
		width: 100%;
		display: flex;
		align-items: center;
	}
	#section7{
		background:#288CAA;
	}

	#section7 .omb-line-yellow{
		margin-top:10px;
	}
	h4{
		font-size:10px;
		color:var(--jaune)!important;
		font-weight:bold;
margin:30px 0 30px 0
	}
	#section11{
		background:#F4F9FB;
	}

	#section11 h3{
		font-size:20px;
		display:block;
		text-align: center;
		margin-bottom:30px;
		margin-top:30px;
	}

	#section12{
		padding-bottom:50px;
	}
		#section12 h3{
		font-size:20px;
		display:block;
		text-align: center;
		margin-bottom:30px;
		margin-top:30px;
	}
			#section13 h3{
		font-size:20px;
		display:block;
		text-align: center;
		margin-bottom:30px;
		margin-top:30px;
	}

	.ensavoirplus summary span{
		color:var(--bleu);
		display:block;

		text-align: center;
	}
	.ensavoirplus{
		border:1px solid var(--bleu);
		padding:10px;
		width:100%;
		border-radius:14px;
		margin-top:30px;
		margin-bottom:30px;

	}


	.omb-bold{
		font-weight:500;
	}
	/*details p{
		column-count:2;
		margin-top:40px;
	}*/

details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

#menu-list{
	background:var(--fond);
}
#menu-list h2{
	color:var(--bleu);
	font-size:26px;
	z-index:10!important;
	position:relative;
}

#menu-list h2:after{
	display:block;
	content: url('image/2024/Vaguelette_menu_Ombudsman-Assurance.svg');
	width:110px;
	position:absolute;
	top:30px;
}

#menu-list h2.custom25-1:after{
	top:70px;
}

#menu-list h2:before{
    display: block;
    content: url(image/2024/Cercle-Blanc_menu_Ombudsman-Assurance.svg);
    width: 90px;
    position: absolute;
    top: -30px;
    left: -40px;
    z-index: -9999;
}

#menu-list .row div:after{
	content:" ";
	display:block;
	width:85px;
	height:85px;
	background: rgba(255, 255, 255, .2);
	border-radius:75px;
	position:absolute;
	top:0;
	left:-10px;
	z-index:5!important;
}

#menu-list ul li {
	color:var(--bleu);
	list-style:none;
	padding-top:5px;
}

ul li{
	color:var(--bleu);
}
#menu-list a{
	font-family: 'Montserrat', sans-serif;
	font-size:15px;
	color:var(--bleu);

	text-transform: uppercase;
	font-weight: bold;
}

.vertical-align:hover{
	text-decoration: none;
	font-weight:bold;
}
#menu-list ul {
	column-count:2;
	padding-left:0px;
	z-index:10;
	position:relative;
}

#menu-list .oneline{
	column-count:1;
}

#menu-list .row{
	padding:45px 0;

}

#menu-list span img{
	width:70px;
	z-index:11;
	position:absolute;
	left:15px;
	top:-70px;


}
#menu-list .omb-line{
	position:relative;
	z-index:9;
	top:50px;
	width:25%;
	background:white;

}

#menu-list .col-md-6{
	padding-bottom:100px;
}

#menu-list .last{
	padding-bottom:20px;
}

#section10{
	padding-bottom:60px!important;
}

p,h3{
	color:var(--bleu)!important;
}

.temoignages{
	/*border:2px dotted var(--jaune);*/
	height:inherit;
	width:100%;
	padding-bottom:20px;
	border-radius:20px;
	background:var(--orange);
}

.temoignages:after{
	content:url("content/SVG/Guillemets_bleufonce.svg");
	display:block;
	width:50px;
	position:absolute;
	top:-20px;
	left:10%;
}

/*.temoignages2 .temoignages{
	padding-bottom: inherit;
}*/

.temoignages div{
	/*width:90%;
	position:relative;
	left:50%;
	top:50%;
	transform:translate(-50%,22%);
	padding:0 30px;*/
	padding:30px;
}

.temoignages h3{
	text-transform: uppercase;
	font-size:22px;
	font-weight:bold;
	margin-bottom:0;
	margin-bottom:15px!important;
	color:white!important;
}

.temoignages h3, .temoignages p, .temoignages span{
	text-align:center;
	display:block;
}

.temoignages span{
	color:white;
	font-weight:bold;
	font-size:9px;
	margin-bottom:10px;
}
.temoignages p{
	color:white!important;
}

#myChartH{
	height:300px!important;
}

.italic p{
	font-style: italic;
}

.soustitre{
	display:block;
	text-align:center;
	/*margin-top:75px;*/
}

.soustitre h3{
	font-size:40px!important;
	font-weight:200;
	position:relative;
	letter-spacing: 1.8;
}
.soustitre h3:after{
	display:block;
	content: url('image/filet.svg');
	width:100%;
	position:absolute;
	top:0;
}

.soustitre h3:before{
	display:block;
	/*content: url('image/filet-bas.png');*/
	width:70%;
	height:auto;
	position:absolute;
	bottom:-2px;
}

.bg-section-inter{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
	background-size:cover;
	display:block;
	background-position: center;
}

.bg-section-inter-chiffres{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}

.bg-section-inter-ent-ass{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');

}
.bg-section-inter-intermediaires{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}

.bg-section-inter-datassur{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}


.intermediaires-img{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}

.entreprises-img{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}

.datassur-img{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}

.bg-section-inter-no{
	background-image:none;
	padding:10px 0;
}

.banner-bg-2{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
	background-size:100%!important;
}

.banner-info-auto{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}


.banner-info-vie{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}

.banner-info-maladie{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}
.banner-info-juridique{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}
.banner-info-annulation{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}
.banner-info-assistance{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}
.banner-info-risques{
	background-image:url('image/2024/Bandeau_orange_Ombudsman-Assurance.png');
}







/*.bg-section-inter-no .val-banner, .bg-section-inter-no .txt-banner, .bg-section-inter-no span span{
color:var(--bleu);
}*/


.val-banner{
	font-size:clamp(4.0625rem, 5.2vw, 5.4rem);
	color:var(--bleu);
	display:block;
	font-weight:800;
	text-align: center;
	padding-bottom:clamp(1rem, 1.35vw, 1.25rem);
}	


.complement .note{
	display:none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: var(--bleu);
    text-align: center;
    color: white!important;
    border-radius: 20px;
    padding: 10px 30px;
    z-index:90;
}

.complement .note a{
	color:white!important;
}

.section3-2 h2{
	left:inherit!important;
}
.section3-2 .omb-line-yellow{
	left:inherit!important;
}
.complement-after:after{
	display:none;
	content:"X";
	display: block;
	position:fixed;
	left:50%;
	top:45%;
	width:30px;
	height:30px;
	background:var(--vert);
	color:white;
	line-height: 30px;
	border-radius:50px;
	z-index:99;
	text-align: center;
	opacity:1;
	transform:translate(-50%,-50%);
	cursor:pointer;
}
/*.complement span:after{
	content:"X";
	display: block;
	position:absolute;
	right:30px;
	top:-15px;
	width:30px;
	height:30px;
	background:red;
	color:white;
	line-height: 30px;
	border-radius:50px;
}*/
/*.complement span:after{
	content:" ";
	display:block;
	width:100%;
	height:50px;
	background:red;
	top:0;
	z-index:-1;
	left:0;
}*/

.displaypopup{
	display:block!important;
}


.txt-banner{
	color:var(--bleu);
	display:block;
	text-align: center;
	font-size:clamp(1.125rem, 1.45vw, 1.5rem);
	padding-bottom:clamp(1.75rem, 2.4vw, 2.1875rem);
	font-family: 'Source Sans 3', sans-serif;
	font-weight:600;

}
.ora-banner{
	color:var(--orange);
	display:inline;
	text-align: center;
	background:white;
	position:absolute;
	left:50%;
	transform:translate(-50%,0);
	padding:2px 20px;
	font-size:clamp(1.05rem, 1.35vw, 1.5rem);
		font-family: 'Source Sans 3', sans-serif;
	font-weight:600;
}

.ora-banner-3{
	color:white;
	background:var(--vert)
}

.ora-banner-2{
	color:white;
	display:inline;
	text-align: center;
	background:orange;

	padding:2px 20px;
	margin:0 20px !important;
		font-size:18px;

}

.banner-info div{
text-align: center;
}

.overlaypopup{
	    overflow: hidden!important;
    width: 100%;
    height: 100vh;
}

.overlaypopup:after{
	content:" ";
	background:rgba(255,255,255,.3);
	width:100%;
	height:100vh;
	display:block;
	z-index:10;
	position:fixed;
}





.intro-banner{
	color:white!important;
	text-align: center!important;
	font-size:17px!important;
	position:relative;
	top:50px;
}

	.banner-info{
		padding-top:50px;
		padding-bottom:60px;
	}


	.title-bar img{
		width:100%;
	}


	.title-bar h4{
		text-transform: uppercase;
		font-size:18px;
		color:black!important;
		position:relative;
		color: var(--bleu)!important;
		font-weight:normal;
		/*margin-bottom:50px;*/
						font-family: 'Montserrat', sans-serif;

	}

	.title-bar-center h4{
		text-align: center
	}



	.intervention{
		/*background:rgba(0,174,239,.03);*/
		background:var(--fond);
	}

	.bg-color2022{
		background:var(--fond);
	}

	.section2022{
		padding:50px 0;
		margin:50px 0;
	}

	.intervention .icone{
		display:inline;
		width:20px;
		margin-right:10px;
		/*padding:10px 0;*/
		padding:0!important;
		padding-bottom:10px!important;
	}

	.intervention .col-lg-4{
		padding-bottom:20px;
	}

	.intervention .col-lg-5{
		padding-bottom:50px;
	}

	.intervention .graphique-3{
		width:100%;
		padding:10px;
		padding-left:0;
	}

	.intervention .graphique-3{
		display:block;
	}

	.intervention h5, .intervention h5 span{
		color:var(--orange);
		font-weight:bold;
		display:inline;
		position:relative;
		/*top:6px;*/
		top:0;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;

	}

	.intervention h5 span{
		font-weight:normal;
	}

	.title-bar.intervention h4{
		text-align:center;
	}






	.title-bar strong{
		font-weight:bold;
	}

	/*.title-bar img{
		padding:50px 0;
	}*/

	.title-bar h4:after{
		border-top:1px solid var(--bleu);
		content:" ";
		display:inline;
		width:50px;
		height:auto;
		position:absolute;
		left:0;
		top:-22px;
	}
		.title-bar.intervention h4:after{
		left:50%;
		transform:translate(-50%,0);
	}



	.title-bar.intervention .txt-align-left:after{
		left:0!important;
		transform:inherit!important;
	}

	.title-bar-center h4:after{
		left:50%;
		transform:translate(-50%,0);	
	}

	.title-bar ul, .title-bar li{
		display:inline;
		list-style: none;
	}
	.title-bar ul{
		width: 100%;
		display:block;
		padding:0;
		position:relative;
		left:13px;
	}

	.title-bar .bulle{
		/*padding-bottom:20px;*/
margin-bottom:0!important;
margin-top:10px;
	}

	.title-bar .bulle li{
		position:relative;
		/*padding-right:40px;*/
		font-weight:600;
		color:var(--bleu);
	}

	.li-hor li{
		padding-right:40px;
	}



	.title-bar .bulle li:after{
		content:" ";
		display:inline;
		width:10px;
		height:10px;
		background:red;
		position:absolute;
		left:-13px;
		top:3px;
		border-radius:30px;
	}


	.title-bar .bulle .orange:after{
		background:orange;
	}

	.title-bar .bulle .mauve:after{
		background:purple;
	}

	.title-bar .bulle .ligne:after{
		background:orange;
		border-radius:none;
		height:2px;
		bottom:6px;
		width:15px;
		left:-18px;
	}

	.txt-align-center{
		text-align:center;
	}

	.title-h5 h5{
		text-transform: uppercase;
		color:white;
		background:var(--orange);
		font-size:16px;
		display:inline-block;
		margin-bottom:30px;
		padding:3px 5px;
		font-weight:bold;
	}

	.title-h5 ul{
		padding-left:0px;
		left:0;
	}
	.title-no-h5 h5{
		background:none!important;
	}
	.add-txt{
		position:relative;
	}

	.bg-lightblue{
		background:#f2faee;
	}

	.add-txt span{
		position:absolute;
		top:-165px;
		font-size:20px;
		font-weight: bold;
		line-height: 35px;
		text-align: center;
		color:var(--bleu);
	}
	.banner-info2{
	padding-bottom:10px;
}

.l1:after{
	background:#3EB1E8!important;
}
.l2:after{
	background: #42C1F5!important;
}
.l3:after{
	background: #7FD7EE!important;
}
.l4:after{
	background: #C3EAF7!important;
}
.l5:after{
	background: #D9F9FF!important;
}
.l6:after{
	background: #EEE10F!important;
}
.l7:after{
	background: #F0E97D!important;
}
.l8:after{
	background: #EFF0B0!important;
}
.l9:after{
	background: #EBF1D0!important;
}

.b1:after{
	background:#008BEB!important;
}
.b2:after{
	background:#36A9F8!important;
}
.b3:after{
	background: #7CD5F4!important;
}
.b4:after{
	background:#ECDF25 !important;
}
.b5:after{
	background:#EBE682 !important;
}
.temoignage{
	width:100%;
}
.title-icone{
margin-bottom:50px;
}
.title-icone h5{
	text-transform: uppercase!important;
}

.section3-img h2{
position:absolute;
left:20px;
top:10px;
line-height:38px;
letter-spacing:2;
font-size:43px;
}

.title-in{
	padding:0;
	margin-top:50px;
}

.padd-top-0{
	padding-top:0;
}
.bg-white{
	background:white;
}
.no-padd{
	padding:0!important;
}
.enbref .row .col-lg-4,.enbref .row .col-lg-8{
	background:white;
	border-radius:20px;
	border:10px solid var(--fond);
}

.enbref .row div div{
	padding:15px;

}

.tothetop{
	position:fixed;
	bottom:30px;
	right:30px;
	background:var(--bleu);
	width:45px;
	height:45px;
	border-radius:100px;
	z-index: 999999;
	background-image: url("image/Fleche-blancheOmbudsman_.svg");
	background-repeat: no-repeat;
	background-size:50%;
	background-position: center;
	transform:rotate(180deg);
	cursor: pointer;
}


.enbref span{
	color:white;
	font-size:50px;
	text-align:right;
	display:block;
	color:var(--orange);
	padding-bottom:30px;
	/*font-family: 'Barlow Condensed', sans-serif*/
	font-weight:bold;
    width: 100%;
    position: relative;
    left: 15px;
    top: 6px;
}
h6{
	font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    color: var(--vert);
    text-transform: uppercase;
}

.enbref .pointfin img{
position: absolute;
    top: -20px;
    left: 30px;
    width: 70px;
}

.pointfin{
	margin-bottom:30px;
}


.enbref h4{
	text-align:left;
	display:block;
	font-size:18px;
	color:var(--bleu)!important;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	text-decoration:underline;
	font-weight: normal;
}

.enbref h4 strong{
	font-weight:normal;
}

.fonctionnement-img:after{
	content:url("content/Illus/SVG/Reseaux.svg");
	display:block;
	position:absolute;
	width:80%;
	left:30px;
	bottom:0;
}
.enbref h5{
	text-align:left;
	display:block;
	font-size:18px;
	color:var(--bleu)!important;
	font-family: 'Montserrat', sans-serif;
	text-transform: uppercase;
	font-weight: light;

}

.enbref p{
	text-align:left;
	display:block;
	color:var(--bleu);
}



.bleu-cyan:after{
	background:#0AAEEE!important;
}

.mauve-clair:after{
	background:#C892C7!important;
}
.bleu-fonce:after{
	background:#008EEF!important;
}
.bleu-moyen:after{
	background:#42A9F4!important;
}

.bleu-leger:after{
	background:#80C7F7!important;
}

.bleu-leger2:after{
	background:#C0E2FB!important;
}


.bleu-inter:after{
	background:#41C2F3!important;
}

.bleu-clair:after{
	background:#7FD6F6!important;
}

.bleu-pale:after{
	background:#C0EBFB!important;
}

.jaune:after{
	background:#EFE010!important;
}

.jaune-clair:after{
	background:#F0E97C!important;
}

.jaune-pale1:after{
background:#F0EFB6!important;
}
.jaune-pale2:after{
background:#EDF1D3!important;

}

.bleu1:after{
background:#9698C7!important;
}
.bleu2:after{
background:#2E3191!important;
}

.couleur1:after{
background:#C1B5B2!important;
}
.couleur2:after{
background:var(--orange)!important;
}
.couleur3:after{
background:var(--vert)!important;
}

.mauve1:after{
	background:#DEBDDE!important
}
.mauve2:after{
	background:#D2AAD2!important
}
.mauve3:after{
	background:#C892C7!important
}
.mauve4:after{
	background:#B468B1!important
}
.mauve5:after{
	background:#A852A5!important
}
.mauve6:after{
	background:#9E3D9A!important
}



.bulletpoint, .bulletpoint li{
	list-style: inherit!important;
	display:list-item!important;
}

.titre-esp{
	font-size:16px!important;
	text-transform: uppercase;
		color:var(--bleu);
		font-size:14px;
		display:inline;
		margin-bottom:30px;
		padding:3px 5px;
		font-weight:bold;
}

.titre-esp:after{
	border-top: 1px solid var(--bleu);
    content: " ";
    display: inline;
    width: 10%;
    height: auto;
    position: absolute;
    left: 0;
    top: -12px;
    left: 50%;
    transform: translate(-50%,0);
    display:none;
}


/*.svg-hover:hover #background{
	fill:#fff;
filter: invert(29%) sepia(73%) saturate(3061%) hue-rotate(347deg) brightness(98%) contrast(90%);

}*/

.detailsblock{
	display:block!important;
}
#menu-list{
padding:0!important;
padding-top:80px!important;
}

.title-bar.intervention .line-green:after{
	border-top:1px solid var(--orange)!important;
	}


	.title-bar .line-green:after{
		border-top:1px solid var(--orange)!important;
	}

 .bg-fond{
	background:var(--fond)!important;
 }
 .custom25-2{
	top: -45px!important;
 }

 .custom-menu1{
	width:60px!important;
 }

 .custom-title1{
	font-size:49px;
	line-height:65px;

 }




@media screen and (max-width: 1199px) {
 .omb-portrait{
 	width:130%;
 }
}

@media screen and (max-width: 993px) {
 .omb-portrait{
 	position:relative;
 	width:100%;
 	top:-45px;
 	padding-bottom: 0px;
 }
.title-custom1{
top:40px;
}

.custom-illu1{
top:0!important;
}

.monmenu{
padding-right:0!important;
}
.fonctionnement-img:after{
display:none!important;
}
#menu-list .row div:after{
width: 55px;
    height: 55px;
}


	.illustration-cas{
		position:inherit;
	}
.section3 .title{
top:-9px!important;
}

	.complement-after:after{
		top:30%;
		width:60px;
		height:60px;
		line-height: 60px;
		border-radius:60px;
	}
 .omb-name{
 	bottom:79px;
 	right:inherit;
	position:inherit!important;
	top:0;
	padding-bottom:75px;
 }
 /*.section3 h2{
 	left:50%;
 	transform:translate(-50%,0);
 }*/

 .responsive-padding{
	padding-top:30px;
 }

 .pad-bot-200{
	padding-bottom:0!important;
 }

 .section-img3{
	top:0;
 }

 .responsive-25-2{

 }
 .omb-year{
 	position:initial;
 }
 .omb-year:after{
 	display:none;
 }
.omb-hero-text .omb-year{
	position:initial!important;
}
.omb-bg-hero{
	padding-top:20vh;
	padding-bottom:20vh;
}

#menu-list .row div{
	text-align: center;
}
#menu-list .row div:after{
	left:50%;
}
#menu-list .omb-line{
	left:50%;
	transform:translate(-50%,0);
display:none;
}

#menu-list span img{
	position:inherit;
}
 /*.section3-img{
 	width:50%;
 }*/
.section3-img h2{
	position:inherit;
}


.section3 h2{
	left:0;
	position:relative;
	transform:translate(0,0);
	line-height:62px;

}



.col-count-3, .col-count-2{
	column-count:1;
}

.section3-img{
 	width:100%;
 }

 .padding-right-60{
 	padding-right:0;
 }
.soustitre h3:after{
	display:none;
}
.omb-icon-innondation:after{
transform:none;
left:70px;
top:-90px;
}
 .section3 .omb-line-yellow{
 	/*position:absolute;*/
 	position:relative;
 	left:15px;
 	top:-10px;
 }
 .temoignage{
 	width:50%;
 	position: relative;
    left: 50%;
    transform: translate(-50%,0);
    margin-bottom:50px;
 }

 .newpara p, .newpara2 p{
 	top:20px;
 	text-align:center;
 }

 .monmenu{
 	display:inline;
 	text-align: center;
 }
 .logo-omb{
 	width:60%;
 	margin:0 auto;
 }

 .logo-omb img{
 	width: 100%;
 }

 .lang{
 	top:-6px;
 }
 .add-txt span{
 	top:0;
 }

 .omb-icon-innondation{
 	display:inline;
 }
 .omb-hero-text .omb-year{
 	display:inline;
 }
 .enbref img{
 	display:none;
 }
 .print-icon
 {display:none;}

 #menu-list h2{
	font-size:18px!important;
 }

 #menu-list .row div{
	text-align:left;
 }

 #menu-list a{
	position:relative;
	left:100px;
 }
 

#menu-list span img {
    width: 39px;
    z-index: 11;
    position: absolute;
    left: 27px;
    top: -10px;
}
#menu-list h2:before {
    display: block;
    content: url(image/2024/Cercle-Blanc_menu_Ombudsman-Assurance.svg);
    width: 50px;
    position: absolute;
    top: -10px;
    left: -19px;
    z-index: -9999;
}
#menu-list .col-md-6 {
    padding-bottom: 50px;
}
#menu-list ul{
	display:none;
}
#menu-list .row {
    padding: 45px 0!important;
}
#menu-list {
    padding: 0 !important;
    /* padding-top: 80px !important; */
}
#menu-list h2:after {
    display: block;
    content: url(image/2024/Vaguelette_menu_Ombudsman-Assurance.svg);
    width: 110px;
    position: absolute;
    top: 50px;
}
.custom-menu1{
    width: 35px!important;
    left: 35px!important;
}
.custom25-2{
	top:10px!important;
}
}

/* ===================================
   CHIFFRES-CLÉS 2026 SECTION
   =================================== */

.omb-section-chiffres-2026 {
	background: var(--fond);
	padding: 80px 0 0 0;
}

/* Section Header */
.omb-section-header {
	display: flex;
	align-items: center;
	gap: 30px;
	margin-bottom: 60px;
	padding-left: 15px;
}

.omb-section-icon {
	width: 80px;
	height: 80px;
	flex-shrink: 0;
}

.omb-section-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.omb-section-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 48px;
	font-weight: 300;
	color: var(--bleu);
	text-transform: uppercase;
	letter-spacing: 3px;
	margin: 0;
}

/* Hero Image Section */
.omb-chiffres-hero {
	position: relative;
	width: 100%;
	height: 600px;
	margin-bottom: 0;
	overflow: hidden;
}

.omb-chiffres-hero-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.omb-chiffres-hero-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	color: white;
	z-index: 2;
}

.omb-chiffres-stat-main {
	font-family: 'Montserrat', sans-serif;
	font-size: 120px;
	font-weight: 700;
	color: white;
	line-height: 1;
	margin-bottom: 10px;
	text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.5);
}

.omb-chiffres-stat-label {
	font-family: 'Source Sans 3', sans-serif;
	font-size: 28px;
	font-weight: 400;
	color: white;
	letter-spacing: 2px;
	margin-bottom: 20px;
	text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
}

.omb-chiffres-badge {
	display: inline-block;
	background: var(--orange);
	color: var(--bleu);
	font-family: 'Source Sans 3', sans-serif;
	font-size: 18px;
	font-weight: 600;
	padding: 12px 30px;
	border-radius: 30px;
	margin-top: 10px;
}

/* Dark blue charts section */
.omb-chiffres-charts-section {
	background: var(--bleu);
	padding: 80px 0;
}

.omb-chart-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	font-weight: 400;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 30px;
}

.omb-chart-title strong {
	font-weight: 600;
}

.omb-chart-container {
	margin-bottom: 20px;
}

.omb-chart-container img {
	width: 100%;
	height: auto;
}

.omb-chart-note {
	font-family: 'Source Sans 3', sans-serif;
	font-size: 14px;
	color: white;
	line-height: 1.6;
	margin-top: 20px;
	opacity: 0.9;
}

/* Light background details section */
.omb-chiffres-details-section {
	background: var(--fond);
	padding: 80px 0;
}

.omb-details-title {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	font-weight: 600;
	color: var(--bleu);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 50px;
	text-align: center;
}

.omb-branch-item {
	text-align: center;
	margin-bottom: 50px;
}

.omb-branch-icon {
	width: 60px;
	height: 60px;
	margin-bottom: 15px;
}

.omb-branch-name {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: var(--bleu);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 20px;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.omb-branch-chart {
	width: 100%;
	max-width: 200px;
	height: auto;
	margin: 0 auto;
}

/* Button styling */
.omb-btn-orange {
	background: var(--orange);
	color: var(--bleu);
	border: 2px solid var(--orange);
	transition: all 0.3s ease;
}

.omb-btn-orange:hover {
	background: transparent;
	color: var(--orange);
	border-color: var(--orange);
}

/* Responsive adjustments */
@media (max-width: 992px) {
	.omb-section-header {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 20px;
	}

	.omb-section-title {
		font-size: 36px;
	}

	.omb-chiffres-hero {
		height: 500px;
	}

	.omb-chiffres-stat-main {
		font-size: 80px;
	}

	.omb-chiffres-stat-label {
		font-size: 20px;
	}

	.omb-chiffres-badge {
		font-size: 16px;
		padding: 10px 25px;
	}

	.omb-chart-title {
		font-size: 20px;
	}

	.omb-details-title {
		font-size: 24px;
	}
}

@media (max-width: 768px) {
	.omb-section-chiffres-2026 {
		padding: 50px 0 0 0;
	}

	.omb-section-header {
		margin-bottom: 40px;
	}

	.omb-section-icon {
		width: 60px;
		height: 60px;
	}

	.omb-section-title {
		font-size: 28px;
	}

	.omb-chiffres-hero {
		height: 400px;
	}

	.omb-chiffres-stat-main {
		font-size: 60px;
	}

	.omb-chiffres-stat-label {
		font-size: 16px;
	}

	.omb-chiffres-badge {
		font-size: 14px;
		padding: 8px 20px;
	}

	.omb-chiffres-charts-section {
		padding: 50px 0;
	}

	.omb-chiffres-details-section {
		padding: 50px 0;
	}

	.omb-chart-title {
		font-size: 18px;
		margin-bottom: 20px;
	}

	.omb-details-title {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.omb-branch-item {
		margin-bottom: 40px;
	}
}

@media (max-width: 480px) {
	.omb-section-title {
		font-size: 24px;
		letter-spacing: 2px;
	}

	.omb-chiffres-hero {
		height: 350px;
	}

	.omb-chiffres-stat-main {
		font-size: 48px;
	}

	.omb-chiffres-stat-label {
		font-size: 14px;
	}

	.omb-details-title {
		font-size: 18px;
	}
}