@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

:root {
	  --mc-black:#000;
	  --mc-grey:#555759;
	  --mc-darkgrey:#151515;
	  --mc-lightgrey:#c8c8c8;
	  --mc-lightlightgrey:#f8f8f8;
	  --mc-text:#222222;
	  --mc-white:#FFF;
	  --mc-primary:#004289;
	  --mc-secondary:#E30613;
	  --mf-primary:'Poppins', sans-serif;
	  --mf-secondary:'Arial', sans-serif;
	  --mf-icon-primary:'Font Awesome 6 Free', sans-serif;
	  

	  --bgc-title:transparent;
	  --c-title:var(--mc-primary);
	  --bgc-page:transparent;
	  --c-page:var(--mc-text);

	  --ariane-c-text:#e5e5e5;
	  --ariane-c-text-active:#FFDE59;
	  --ariane-c-sep:#3b3b3b;
	  
	  --swiper-navigation-color:#FFF;

	  --w-container:1290px;

	  --anim-intro:0s;

	  /*cookies*/
	  --cc-btn-primary-bg:var(--mc-primary);
}

/* GLOBAL */	

	*{
		box-sizing: border-box;
		/* background-color:rgba(255,0,0,0.3); */
	}

	html{
		scroll-behavior: smooth;
		height: 100%;
		font-size:15px;
		background: var(--mc-white);
	}
	html.html-freezed{
		overflow-y: hidden;
	}
	body{
		display: flex;
		flex-direction: column;
		min-height: 100vh;
		max-width: 2000px;
		font-family: var(--mf-primary);
		margin:0 auto;
		color:var(--mc-text);
		background-color: #FFF;
		/* background-image: url(../images/vector.png); 
		background-repeat: no-repeat;
		background-position: 45vw -50vh;*/
		/*background-position: top right;*/
	}
	body.body-wo-bg{
		background: unset;
	}

	body > div::before{
		content: '';
		background-color: red;
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1000;
		opacity: 1;
		animation: expand var(--anim-intro) ease forwards;
		pointer-events: none;
	}

		@keyframes expand {
		0% {
		  transform: translateY(0);
		  opacity: 1;
		}
		99% {
		  transform: translateY(100vh);	
		  opacity: 1;	  
		}
		100%{
			opacity: 0;
		}
	  	}
	
	a{color:var(--mc-secondary);text-decoration:none;-moz-transition: color 0.2s ease-in-out 0s;-webkit-transition: color 0.2s ease-in-out 0s;transition: color 0.2s ease-in-out 0s;}
	a:hover{text-decoration:none;color:var(--mc-primary);}
	a:focus{text-decoration:none;color:var(--mc-primary);box-shadow:none !important;}
	a.disabled {color:#CCC !important;pointer-events: none;}

	a.fb {color: #3B5A9A;}
	a.tw {color: #00AEF0;}
	a.ig {color: #D93175;}
	a.lk {color: #007BB6;}
	a.yt {color: #FF0000;}
	
	.h1 span{
		display: block;margin-bottom: 1em;
		font-weight: 600;
		line-height: 1em;
		letter-spacing: -2px;
	}
	.h1 span::after{
		content: '';
		display: block;
		width: 80px;
		height:6px;
		background-color: var(--mc-secondary);
	}
	.h2, h2 {
		font-family: var(--mf-primary);
		color:var(--c-title);
		font-size: 2rem;
	}
	.h3, h3{
		font-family: var(--mf-primary);
		font-size: 1.7em;
	}
	.h4, h4{
		font-family: var(--mf-primary);
		font-size: 1.5em;
	}
	.h5, h5{
		font-family: var(--mf-primary);
		font-size: 1.3em;
	}
	hr{display:block;height:2px;background:#CCC;margin:0 5px;}

	.titre_rubrique {
		letter-spacing: -1px;
		font-size: 1.5rem;
		font-weight: 500;
		color: var(--mc-primary);
	}

	ul{list-style-type:none;padding:0;}
	.ul_custom{list-style-type:square;margin-left: 25px;}
	label{font-weight: normal;}

	.d-none{display: none !important;}
	.inline-block{display: inline-block;}

	.text-center{text-align: center;}
	.text-left{text-align: left;}
	.text-right{text-align: right;}

	.container{
		max-width: unset;
		width:min(var(--w-container), calc(100% - 1.5em));
		margin-inline:auto;
	}

	.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {background-color: transparent;border:0 none;}
	.tooltip{letter-spacing: 0.5px;font-size: 14px;font-family:var(--mf-primary);}
	.annotation{font-size: 12px;font-style: italic;}

	.placeholder-img{object-fit: scale-down !important;opacity: 0.3;border: 1px solid #CFCFCF;}
	.ck-img-float-right{margin-bottom: 15px;margin-left: 15px;float:right;}
	.ck-img-float-left{margin-bottom: 15px;margin-right: 15px;float:left;}

	.alerte{
		font-size: 0.9rem;
		margin: 1rem;
	}
	.alerte-ok{
		color:darkgreen;
	}
	.alerte-ko{
		color:firebrick;
	}

	@media (max-width: 768px) {
		html{
			overflow-x: hidden;
		}
		.h1:where(.text-left,.text-right){
			padding-inline: unset !important;
		}
	}

	@media (max-width: 480px) {
		.ck-img-float-right, .ck-img-float-left{float: none;
		display: flex;-ms-align-items: center;align-items: center;}
	}

	/* ie9+ */
	.visually-hidden:not(:focus):not(:active) {
		clip: rect(0 0 0 0); 
		clip-path: inset(50%);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap; 
		width: 1px;
	}

/* FORMS */
	/* details des forms dans la section Pages plus bas*/

	form{
		width: fit-content;
	}
	
	form input:not(.spec):focus,
	form input:not(.spec):focus-visible,
	form textarea:not(.spec):focus,
	form textarea:not(.spec):focus-visible{
		outline: 0;
	}

	form :where(.ligne,.ligne-inline,.ligne-inline2){
		margin-top: 10px;
	}

	form .ligne{		
		position: relative;
		display: flex;
		flex-direction: column;
		margin-bottom: 1em;
		width: min(300px, 100% - 1em);
		margin:1em auto;
	}
	form .ligne,
	form .ligne-inline > div{
		display: flex;
		flex-flow: row wrap;
		gap:0.5em;
	}
	form .ligne-column{
		flex-direction: column;
	}
	form .ligne-inline:not(.ligne-inline2) div:nth-child(2){
		flex-grow: 1;
	}
	form .ligne-inline2 div{
		min-width: 170px;
	}
	form .ligne .champ{
		display: flex;
		flex-direction: column-reverse;
	}
	form .ligne .champ.champ_center{
		align-items: center;
	}
	form .ligne .champ.champ_fullw{
		width: 100%;
	}
	form .ligne label{
		display: block;
		margin-top: 0.75em;
		font-size: 0.9em;
	}
	form .ligne input:not([type='checkbox']){
		color: var(--mc-darkgrey);
		display: inline-flex;
		font-size: 15px;
		line-height: 1.3333333;
		transition: all .3s ease;
		border: 1px solid #b3b2c2;
		background: #fff 0 0 no-repeat padding-box;
		border-radius: 8px;
		height: 50px;
		padding: 0 40px 0 20px;
		font-family: var(--mf-primary);
	}
	form .ligne textarea{		
		font-family: var(--mf-primary);
		color: var(--mc-darkgrey);
		display: inline-flex;
		font-size: 15px;
		line-height: 1.3333333;
		transition: all .3s ease;
		border: 1px solid #b3b2c2;
		background: #fff 0 0 no-repeat padding-box;
		border-radius: 8px;
		height: 50px;
		padding: 5px 40px 0 20px;
	}

	form .cp{
		width:140px;
	}

	form .lien_motdepasseoublie a{
		color: var(--mc-primary);
	}
	form .lien_motdepasseoublie a:hover,
	form .lien_motdepasseoublie a:focus-visible{
		color: var(--mc-secondary);
	}

	form .ligne_full{
		width: 100%;
	}
	form .ligne_submit{
		justify-content: center;
		text-align: center;
		margin: 2em;
	}

	form.form_anim .ligne input{
		color: var(--mc-darkgrey);
		display: inline-flex;
		font-size: 15px;
		line-height: 1.3333333;
		transition: all .3s ease;
		border: 1px solid #b3b2c2;
		background: #fff 0 0 no-repeat padding-box;
		border-radius: 8px;
		height: 50px;
		padding: 0 40px 0 20px;
	}
	form.form_anim .ligne input:focus-visible{
		box-shadow: 0 1px 1px rgba(0,0,0,.5);
	}
	form.form_anim .ligne .champ{
		position: relative;
	}
	form.form_anim .ligne label {
		color: var(--mc-darkgrey);
		cursor: pointer;
		display: inline-block;
		font-weight: 400;
		margin: 0;
		position: absolute;
		transition: all .2s ease;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 90%;
		letter-spacing: 0;
		top: 50%;
		left: 20px;
		translate: 0 -50%;
		font-size: 15px;
		opacity: 1;
		pointer-events: none;
	}
	form.form_anim .ligne select {
		color: var(--mc-darkgrey);
		display: inline-flex;
		font-size: 15px;
		line-height: 1.3333333;
		transition: all .3s ease;
		border: 1px solid #b3b2c2;
		background: #fff 0 0 no-repeat padding-box;
		border-radius: 8px;
		height: 50px;
		padding: 0 40px 0 20px;
		appearance:none;
	}
	
	form.form_anim .ligne select ~ label,
	form.form_anim .ligne input:focus-visible ~ label,
	form.form_anim input:not(:placeholder-shown) ~ label{
		color:var(--mc-primary);
		top:0;
		left: 20px;
		background:#fff;
		padding:5px 10px;
		font-size:12px;
		text-align:center;
		translate: -10px -50%;
	}
	form.form_anim .ligne select ~ i.icon,
	form.form_anim .ligne input ~ i.icon{
		position: absolute;
		top: 50%;
		right: 20px;			
		translate: 0 -50%;
		color:#ababab;
		cursor:pointer;
	}

	.champ_passwd{
		position: relative;
		max-width: 300px;
	}
	.champ_passwd input{
		width: 100% !important;
	}

	form.form_w_pwdlvl .passwd_level{
		position: absolute;
		display: inline-block;
		top:50%;
		right: 0;
		translate: 150% -50%;
		color:#CCC;
	}
	form.form_w_pwdlvl .passwd_level_libelle{
		font-size: 0.8em;
		color:#ababab;
		font-style: italic;
	}
	form.form_w_pwdlvl .passwd_level.weak{
		color:red;
	}
	form.form_w_pwdlvl .passwd_level.medium{
		color:orange;
	}
	form.form_w_pwdlvl .passwd_level.strong{
		color:green;
	}


	@media (max-width: 768px) {
		form .ligne, form .ligne-inline > div{
			flex-direction: column;
		}
		form.form_w_pwdlvl .passwd_level{
			right: 1em;
		}
		form.form_anim .ligne select ~ i.icon, form.form_anim .ligne input ~ i.icon{
			right: 2em;
		}
		form .ligne_submit{
			margin: 2em 0;
		}
	}
	

/* BTN */

	.btn-first {
		background-color: var(--mc-primary);
		color: var(--mc-white);
		padding: 0.5rem 2rem 0.5rem 2rem;
		font-weight: 500;
		line-height: 2em;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		transition: 0.15s ease-in;
		border: 0;	
		font-size: 1.2rem;
		font-family: var(--mf-primary);
		cursor:pointer;
		border-radius: 50px;
		text-transform: uppercase;
	}
	.btn-first:hover, .btn-first:focus, .btn-first:active {		
		color: var(--mc-white);
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	.btn-first i{margin-left: 1em;}

	.btn-second {
		background-color: var(--mc-secondary);
		color: var(--mc-white);
		padding: 0.5rem 2rem 0.5rem 2rem;
		font-weight: 500;
		line-height: 2em;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0);
		transition: 0.15s ease-in;
		border: 0;	
		font-size: 1rem;
		font-family: var(--mf-primary);
		cursor:pointer;
		border-radius: 50px;
	}
	.btn-second:hover, .btn-second:focus, .btn-second:active {
		color: var(--mc-white);
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
	}
	.btn-second i{margin-left: 1em;}

	.btn-first:disabled{
		opacity: 0.5;
		transform: unset;
		box-shadow:unset;
	}

	@media (max-width: 768px) {
		.btn-first{
			font-size: 1rem;
		}
	}
	

/* HEADER */

	.topheader{
		position: relative;width: 100%;
		display: flex;align-items: center;padding: 5px;min-height: 44px;
		background-color:#FFF;color:#000;text-align: right;
		display: none;
	}
	.topheader > div{
		flex:1;
		padding-right:2em;
	}
	.topheader a{
		color:inherit;
		padding: 0 1em 0 0.25em;}
	.topheader a:hover{
		color:var(--mc-white);
		text-decoration: none;}

	.header{
		order:1;
		display: block;
		width: 100%;
		z-index: 999;
		padding:0;
		transition: all 0.5s;
	}
	.header .wrapper{
		display: flex;
		gap:1em;
		justify-content: space-between;
		align-items: center;
	}
	.header .logo a{
		display: flex;
		align-items: center;
		padding: 0.5em;
	}
	.header .logo img{
		display: inline-block;
		max-height:110px;
		transition: all 0.5s;
	}
	

	/* RESPONSIVE */
	@media (max-width:1200px){
		
	}

	@media (max-width:992px){
		.header .wrapper{
			justify-content: space-between;
		}
	}
	@media (max-width:768px){
		.header .logo{
			margin-bottom: 0 !important;
			padding: 0 !important;
		}
		.header .logo img, .container-navigation.sticky .logo img{
			max-height: 55px;
		}
	}

/* NAVIGATION */
	
	.container-navigation .wrapper{
		max-width: 1500px;
		padding:0;
		margin-inline:auto;
	}
	.container-navigation .nav_wrapper{
		flex:2;
		display: flex;
		min-height: 75px;
	}

	@media (min-width: 1200px) {
		.mainnav2{
			text-align: right;
			display: flex;
			justify-content: end;
			gap: 2em;
			align-items: center;	
		}
		.mainnav2 > ul{
			display: flex;
			justify-content: end;
			visibility:visible;
			opacity:1;
			margin: 0 0 0 0;
		}
		.mainnav2 > ul > li {
			border: 0;
			position: relative;
			display: flex;
			padding-top: 1em;
			padding-bottom: 1em;
		}
		.mainnav2 > ul > li > a {
			display: inline-flex;
			height: 100%;
			align-items: center;text-align: center;
			border-collapse: collapse;
			position: relative;
			width: 100%;
			line-height: 1em;
			font-size: 18px;
			font-weight: 600;
			padding-inline: 1em;
			font-family: var(--mf-secondary);
			color:var(--mc-primary);
			transition: all 0.35s;
		}
		.mainnav2 > ul > li:not(.spec, .has-children) > a::before {
			content: '';
			display: inline-block;
			width: 2px;
			height: 100%;
			border-left:1px solid var(--mc-grey);
			padding-left: 2em;
		}
		.mainnav2 > ul > li > a.active{
			color:var(--mc-primary);
		}
		.mainnav2 > ul > li:hover > a,	
		.mainnav2 > ul > li:hover::after{
			color:var(--mc-secondary);
		}

		
		.mainnav2 .has-children::after{
			content:'\f107';
			font-family: var(--mf-icon-primary);
			display: inline-flex;
			align-items: center;
			margin-left: 0.5em;
		}

		.mainnav2 .has-children .dropdown{
			position: absolute;
			top: 100%;
			left: 0;
			z-index: 1000;
			display: none;
			flex-direction: column;
			padding: .75rem;
			margin: .125rem 0 0;
			font-size: 1rem;
			color: #212529;
			text-align: left;
			list-style: none;
			background-color: #fff;
			background-clip: padding-box;
			border: 1px solid rgba(0,0,0,.15);
			white-space: nowrap;
		}
		.mainnav2 .has-children:hover .dropdown{
			display: flex;
		}
		.mainnav2 .has-children .dropdown a{
			text-transform: none;
			color:var(--mc-text);
			display: block;
			padding: 0.3em;
			font-weight: 500;
		}
		.mainnav2 .has-children .dropdown a::before{
			content:'\f105';
			font-family: var(--mf-icon-primary);
			margin-right:2px;
			font-size: 0.8em;
		}
		.mainnav2 .has-children .dropdown a:hover{		
			color:var(--mc-primary);
		}

		
	}

	.mainnav2 .spec_social ul{
		display:none;
		gap:0.25em;
		justify-content: space-evenly;
		width: 100%;
	}
	.mainnav2 .spec_social ul li a{
		padding: 0 1em;
		display: flex;
		height: 100%;
		align-items: center;
		font-size: 15px;
		color:inherit;
	}

	.nav_wrapper .nav_mobile{
		display: none;		
	}
	.nav_wrapper .nav_mobile:hover{
		color:var(--mc-primary);
	}

	@media (max-width: 1199px) {
		.header{
			position: sticky;
			top: 0;
		}
		.container-navigation .nav_wrapper {
			flex: 2;
			display: flex;
			min-height: 75px;
			align-items: center;
			justify-content: end;
			z-index: 10;
			margin-right: 1em;
		}
		.nav_wrapper .nav_mobile{
			display: flex;
			position: relative;
			z-index: 2001;
			font-size: 1.75rem;
			text-align: right;
			padding: 0;
			cursor: pointer;
		}
		.mainnav2{
			/* position: fixed; */
			display: flex;
			justify-content: end;
			gap: 1em;
		}
		.mainnav2 > ul{
			visibility:hidden;
			opacity:0;
			position: fixed;
			right: 0;
			top:0;
			display: flex;
			gap:1em;
			flex-direction:column;
			justify-content:start;
			width: min(280px,100%);
			z-index: 2000;
			padding:100px 1em 1em;
			margin: 0;
			background: var(--mc-white);
			height: 100vh;
			-webkit-transform: translateX(110%);
			-ms-transform: translateX(110%);
			transform: translateX(110%);
			-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
			box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
			-webkit-transition: .3s all ease-in-out;
			-o-transition: .3s all ease-in-out;
			transition: .3s all ease-in-out;
		}
		.mainnav2 ul a{
			display: block;
			color:var(--mc-text);
			transition: all 0.35s;
		}
		.nav_wrapper.open .mainnav2 ul a:hover{
			padding-left: 0.25em;
		}
		.nav_wrapper.open .mainnav2 > ul{                   
			visibility:visible;
			opacity:1;
			transform:translateX(0%);
		}
		.mainnav2 > ul > li > a{
			display: block;			
			line-height: 1.3em;
			font-size: 1.2em;
			font-weight: 500;
			font-family: var(--mf-secondary);	
			color: var(--mc-primary);		
		}
		.mainnav2 > ul > li > a:hover{
			padding-left: 0.25em;
		}
		.mainnav2 > ul > li.spec_search{
			display: none;
		}
		.mainnav2 .spec_social{
			padding-top: 1em;
			display: unset;
		}
		.mainnav2 .spec_social::before{
			content: 'Suivez-nous sur :';
			display: none;
			text-align: center;
			padding:1em;
			text-transform: none;
			font-size: 0.9em;
			margin-bottom: 1em;
		}
		.mainnav2 .has-children .dropdown a{
			padding-top: 0.3em;
			padding-bottom: 0.3em;
		}
		.nav_wrapper.open .burger{
			position: relative;
		}
	}

	@media (max-width: 999px){
		.container-navigation .wrapper{
			padding-right: 1.5em;
		}
	}
	@media (max-width: 900px){
		.header{			
			background-color: #FFF;
		}
	}
	

/* FOOTER */
	
	#footer{order:4;
		position: relative;display: flex;flex-direction: column;padding: 0;
		background-color: var(--mc-primary);
		color:var(--mc-text);
	}
	#footer h2{font-weight: bold;margin-bottom: 1em;}

	#footer .top_footer{
		display: none;
	}

	#footer .middle_footer{
		display: grid;
		grid-template-columns: auto;
		gap:1em;
		justify-content: center;
		align-items: center;
		padding:1em 1em;
	}

	#footer .bottom_footer{padding: 1em 0;}

	#footer .logo img{
		width: 160px;
		height:160px;
		object-fit: scale-down;
	}

	#footer .coordonnees{		
		order:2;
		display: flex;
		justify-content: center;
		align-items: center;
		gap:1em;
		padding: 2em 0.5em;
		font-size: 0.9em;
	}
	#footer .coordonnees > div{margin: 0;line-height: 1.5em;}
	#footer .coordonnees .nom{
		font-size: 1.1em;
	}
	#footer .coordonnees .nom *{
		display: block;
	}
	#footer .coordonnees .tels{
		font-size: 2em;
		color:var(--mc-secondary);
		font-weight: 600;
		padding: 0.5em 0;
		letter-spacing: -1px;
	}
	#footer .coordonnees .tel::before{
		content:'\f095';
		font-family: var(--mf-icon-primary);
		font-size: 0.9em;
		margin-right:8px;
	}

	#footer .informations{		
		order:1;
		position: relative;
	}
	#footer .informations .titre{margin-bottom: 10px;font-size: 24px;text-transform: uppercase;}

	#footer .menus{
		display: flex;
		flex-direction:row;
		justify-content: center;
		gap:0.5em;
	}
	#footer .menus li{
		padding:0px 5px;
	}
	#footer .menus li a{
		color:var(--mc-white);
		font-size: 0.9em;
	}
	#footer .menus li a::before{
		content:"\f105";
		font-family: var(--mf-icon-primary);
		margin-right:5px;
	}
	#footer .menus li a:hover{
		color:var(--mc-white);
	}

	/* copyright */
		#footer .copyright{text-align: center;padding:15px 0;background-color: #EFEFEF;color:#333;font-size: 12px;}
		#footer .copyright a{color:var(--mc-black);}
		#footer .copyright a:hover{color:var(--mc-darkgrey2);text-decoration: none;}
		#footer .copyright .auteur{display: inline-block;}

	/* RESEAUX SOCIAUX */
		#footer .reseausocial{text-align: center;}
		#footer .reseausocial a {background-color: #ffffff; border-radius: 50%;color: #555555; display: inline-flex;justify-content: center;align-items: center;
			font-size: 14px;width: 36px;height: 36px;line-height: 36px;text-align: center;
			transition-delay: 0s; transition-duration: 0.25s;transition-property: all;transition-timing-function: ease;	}
		#footer .reseausocial a:hover {background-color: var(--mc-black);color: #FFF;}
		#footer .reseausocial a i{transition-delay: 0s;transition-duration: 0.3s;transition-property: all;transition-timing-function: ease;}
		#footer .reseausocial a:hover i {animation-delay: 0s;animation-direction: normal;animation-duration: 0.3s;animation-fill-mode: forwards;animation-iteration-count: 1;animation-name: toRightFromLeft;animation-play-state: running;animation-timing-function: ease;color: #ffffff;}
		
		


	@media (max-width: 768px) {
		#footer .middle_footer{flex-direction: column;padding: 0;justify-content: start;}
		#footer .informations::after{display: none;}
		#footer .logo{max-width: 200px;}
		#footer .coordonnees{flex-direction: column;}
		#footer .menus{flex-direction: column;justify-content: center;margin-left: 0;padding: 2em 0;}

	}
	@media (max-width: 580px) {
		#footer .coordonnees{text-align: center;}
		#footer .coordonnees .part2{padding-left: unset;}
	}


/* PAGES */
	.pg{
		order:3;
		min-height: 75vh;
	}

	.pg .pg_header{
		position: relative;
	}
	.pg .no_pg_header{
		position: relative;min-height: 80px;background-color: var(--mc-secondary);
	}
	.pg .pg_header img{
		width: 100%;
		height: 300px;
		object-fit:cover;
	}
	
	.pg_content .h1 span{		
		font-size: 40px;		
	}

	.h1.titre_page span{
		color:var(--c-title);
	}
	.h1 span::before{
		background-color: var(--bgc-title);
	}
	.texte{
		color:var(--c-text);
	}
	
	
	@media (max-width: 1199px) {
		
	}
	@media (max-width: 768px) {
		.pg .pg_content{
			--c-title:var(--mc-primary);
		}
		.pg .pg_content .h1 span::before{
			height: 0;
		}
		.pg_content .format_7 .h1 span{
			color:#000;
		}
	}

	/* HOME */

		.pg_home{color:var(--mc-darkgrey2);min-height:10px;padding: 0;padding-bottom: 1em;}
		
		.pg_home .pg_header{
			display: none;
		}
		.pg_home .texte{margin-top: 1.5em;}

		.offre{
			position: relative;
		}
		.offre > .wrapper{
			display: grid;
			grid-template-columns: 1fr auto;
			grid-template-rows: repeat(4, auto);
			gap: 2em;
			margin-top: 1em;
		}
		.offre .alert_close{
			display: none;
		}
		.offre_close .animate__animated{
			animation: unset;
		}
		.offre_close > .wrapper{
			filter: grayscale() blur(1.5px);
			user-select: none;
			pointer-events:none;
		}
		.offre_close .alert_close {
			position: absolute;
			display: flex;
			justify-content: center;
			align-items: center;
			width: clamp(50vw, 650px, calc(100% - 1em));
			margin-inline: auto;
			top: 50%;
			background-color: #FFF;
			left: 0;
			right: 0;
			flex-direction: column;
			transform: translateY(-50%) rotate(-3deg);
			padding: 3em;
			border-radius: 20px;
			box-shadow: 1px 1px 50px var(--mc-primary);
		}
		.offre_close .alert_close > .titre{
			font-size: 1.8em;
			color:var(--mc-secondary);
			text-transform: uppercase;
			letter-spacing: 1.5px;
		}
		.offre_close .alert_close .social ul{
			display: flex;
			gap: 1em;
			justify-content: center;
			align-items: center;
			font-size: 1.5em;
		}
		.offre_close .alert_close .social ul a i,
		.offre_close .alert_close .social ul a img{
			transform: scale(1);
			transition: transform 150ms;
		}
		.offre_close .alert_close .social ul a:hover i,
		.offre_close .alert_close .social ul a:hover img{
			transform: scale(1.2);
		}
		.offre_close .alert_close .social ul a.bm img{
			width: 32px;
			aspect-ratio: 1;
			vertical-align: -.35em;
		}
		.offre > .wrapper .visuel { 
			grid-area:  1 / 2 / 4 / 3;
		}
		.offre > .wrapper .visuel img{ 
			width: 700px;
			height: 550px;
			object-fit: scale-down;
			/* transform: scale(1.2);
			transform-origin:right; */
			
			animation-delay: calc(var(--anim-intro) + 0.2s);
			animation-duration: 0.8s;
		}
		.offre > .wrapper .surtitre { 
			grid-area: 1 / 1 / 2 / 3;
			font-size: clamp(1.3em,2vw,2.2em);
			color: var(--mc-secondary);
			font-weight: 800;
			text-transform: uppercase;
		}
		.offre > .wrapper .titre_soustitre { 
			grid-area: 2 / 1 / 3 / 2;
		}
		.offre > .wrapper .infos { 
			grid-area: 3 / 1 / 4 / 2;
		}
		.offre > .wrapper .titre { 			
			font-size: clamp(1.5em,3vw,3em);
			color: black;
			font-weight: 800;
			letter-spacing: -2px;
			line-height: 1.7em;
			animation-delay: calc(var(--anim-intro) + 0.1s);
			animation-duration: 1s;
		}
		.offre > .wrapper .texte{	
			padding-right: 1em;		
			animation-delay: calc(var(--anim-intro) + 0.2s);
			animation-duration: 1.3s;
		}
		.offre > .wrapper .titre h1{
			margin: 0;
		}
		.offre > .wrapper .titre span{ 
			display: block;
			font-size: 0.5em;
			/* line-height: 1em; */
		}
		.offre > .wrapper .tarifs{
			display: flex;
			justify-content: start;
			align-items: center;
			gap:2em;
			margin-top: 1em;
		}
		.offre > .wrapper .tarifs > div{
			font-size: 3.5em;
			font-weight: 700;
			letter-spacing: -2px;
		}
		.offre > .wrapper .tarifs .prix_barre{
			position: relative;
			color:var(--mc-lightgrey);			
			animation-delay: calc(var(--anim-intro) + 0.5s);
			animation-duration: 1.5s;
		}
		.offre > .wrapper .tarifs .prix_barre::after{
			content: '';
			position: absolute;
			top:50%;
			left: 0;
			width: 100%;
			height: 5px;
			background-color: var(--mc-primary);
			rotate: -20deg;
		}
		.offre > .wrapper .tarifs .prix_promo{
			color:var(--mc-secondary);
			animation-delay: calc(var(--anim-intro) + 0.7s);
			animation-duration: 1.5s;
		}
		.offre > .wrapper .tarifs .prix_promo::after{
			content: attr(data-prix-ht);
			font-size: 1.3rem;
			position: absolute;
			bottom: -0.5rem;
			right: 0;
			color: var(--mc-primary);
			font-weight: 600;
			letter-spacing: -1px;
		}
		.offre > .wrapper .info_supp{
			margin: 1.5em;
			text-align: center;
			color: var(--mc-secondary);
		}
		.offre > .wrapper .cta{
			text-align: center;
		}
		.offre > .wrapper .cta .fa{
			--animate-duration: 2s;
		}
		.offre > .wrapper .sav {
			position: absolute;
			right: 0;
			bottom: 100px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			/* width: 150px;
			height: 150px;
			padding: 0;
			text-align: center;
			font-size: 1.1em;
			line-height: 1;
			text-transform: uppercase;
			letter-spacing: -1px;
			background-color: rgba(255,255,255,1);
			transform: rotate(-4deg);
			font-weight: 500;
			border-top: 4px solid var(--mc-primary);
			border-bottom: 4px solid var(--mc-secondary);
			border-radius: 150px;
			
			animation-delay: calc(var(--anim-intro) + 1.7s); */
		}
		.offre > .wrapper .sav span {
			font-weight: 800;
			display: block;
			font-size: 3rem;
			color: var(--mc-black);
		}
		
		.offre_choix_livraison::backdrop{
			background-color: rgba(0, 0, 0, 0.8);
		}
		.offre_choix_livraison {
			position: fixed;
			inset: 0;
			padding: 2em;
			z-index: 1000;
			width: min(990px, 100% - 1em);
			min-height: 400px;
			overflow-x: hidden;
		}
		.offre_choix_livraison > .wrapper{			
			display: flex;
			gap: 2em;
			flex-flow: row wrap;
		}
		.offre_choix_livraison > .wrapper > div{
			flex:1;
		}

		/* EN MAGASIN */
			.offre_choix_magasin .wrapper{
				display: grid;
				grid-template-columns: 1fr auto;
				gap: 1em;
			}
			.offre_choix_magasin .plan{
				padding:0em 2em;
				transform:translateY(-20px);
			}
			.offre_choix_magasin .plan img{
				height: 250px;
			}
			.offre_choix_magasin .liste {
				display:flex;
				flex-flow: column wrap;
				gap: 0.5em;
			}
			.offre_choix_magasin .item a {
				display: flex;
				gap: 1em;
				text-align: center;
				justify-content: center;
				align-items: center;
				border: 1px solid var(--mc-primary);
				border-radius: 20px;
				font-size: 0.9rem;
				padding: 0.75em 1em;
				color: var(--mc-primary);
				flex-flow: row wrap;
			}
			.offre_choix_magasin .item a i{
				font-size: 1.5rem;
				color:var(--mc-secondary);
				opacity: 0.5;
			}
			.offre_choix_magasin .item:hover a i{
				opacity: 1;
			}
		
		/* A DOMICILE */
			.offre_choix_domicile{
				position: relative;
				padding-left:2em;
				flex:0 1 45% !important;
			}
			.offre_choix_domicile::before {
				content: '';
				display: block;
				width: 2px;
				background-color: var(--mc-primary);
				height: 65%;
				position: absolute;
				left: 0;
				top: 50%;
				bottom: 0;
				translate:-1em -50%;
			}

			.offre_choix_domicile .wrapper{
				position: relative;
				display: flex;
				flex-flow: column wrap;
				gap: 2em;
			}
			.offre_choix_domicile .content{
				display: flex;
				flex-flow: row wrap;
				gap: 1em;
				font-size: 0.9rem;
			}
			.offre_choix_domicile .content .texte{
				flex:1 1 0%;
			}
			.offre_choix_domicile .content .tarif{
				font-size: 30px;
				font-weight: 600;
				color:var(--mc-primary);
				text-align: center;
				margin-bottom: 0.5em;
			}
			.offre_choix_domicile .content .visuel{
				flex:0 1 100px;
			}
			.offre_choix_domicile .lien{
				display: flex;
				justify-content: center;
				align-items: center;
			}
			.offre_choix_domicile .lien a{
				font-size: 0.9rem;
			}
		
		/**/


		.offre_choix_livraison_close {
			position: absolute;
			top: 5px;
			right: 10px;
			appearance: none;
			border: 0;
			background: 0;
			cursor: pointer;
			font-size: 1.3em;
		}
		.offre_choix_livraison_close:hover{
			color: var(--mc-secondary);
		}

		dialog{
			border:0;
			border-radius: 20px;
		}
		dialog::backdrop{
			background-color: rgba(0, 0, 0, 0.5);
		}
		dialog[open] {
			animation: show 1s ease normal;
			-webkit-animation: show 1s ease normal;
		}
		dialog.closing {
			animation: closing 1s ease normal;
			-webkit-animation: closing 1s ease normal;
		}
		@keyframes show{
			from {
				transform: translateX(200%);
			}
			to {
				transform: translateX(0%);
			}
		}
		@keyframes closing{
			from {
				transform: translateX(0%);
			}
			to {
				transform: translateX(-200%);
			}
		}
		

		.pg_content{
			position: relative;
		}
		.pg_home .pg_content{
			transform: unset;
		}


		@media (max-width: 580px) {
			
			.offre_magasins .wrapper{
				display: flex;
				flex-direction: column-reverse;
			}
			.offre_magasins .plan{
				order:1;
				text-align: center;
			}
			.offre_magasins .liste{
				grid-template-columns: unset;
			}
			.offre_magasins .liste .item{
				width: 100%;
			}
			.offre_magasins .item a{
				flex-direction: row;
				height: unset;
				padding-top: 0.5em;
				padding-bottom: 0.5em;
			}

			.offre > .wrapper .sav{
				opacity:0.2;
			}

			.offre_close .alert_close{
				top: 25%;
			}
			
		}
		@media (max-width: 480px) {
			
			.offre {
				display: flex;
				flex-direction: column;
			}
			
			.offre .tarifs{
				justify-content: center;
			}
			.offre .tarifs > div{
				font-size: 2.5em;
			}
			
			.offre_magasins{
				width: 100%;
				padding: 1em 0;
			}
			.offre_magasins > *{
				padding-inline: 1em;
			}
		}

		@media (max-width: 920px) {
			.offre > .wrapper{
				display: flex;
				flex-direction: column;
				gap: 2em;	
			}
			.offre > .wrapper .visuel{
				text-align: center;
			}						
			.offre > .wrapper .visuel img{
				width: min(550px, 100% - 1em);
				margin: 0 auto;
				transform: unset;
			}
			.offre .visuel{
				order:3;
			}
			.offre .visuel img{
				transform: unset;
			}
			.offre .surtitre{
				order:1;
			}
			.offre .titre_soustitre {
				order:2;
			}
			.offre .infos{
				order:4;
			}

		}
		@media (max-width: 768px) {
			.offre > .wrapper .visuel{
				width: min(450px, 100% - 1em);
				margin: 0 auto;
				text-align: center;
			}	
			.offre > .wrapper .visuel img{
				height: auto;
			}
			.offre > .wrapper .tarifs{
				flex-direction: column;
				gap: 0;
			}

			.offre_choix_livraison > .wrapper{
				flex-direction: column;
			}
			.offre_choix_domicile{
				padding: 0;
			}
			.offre_choix_domicile::before{
				display: none;
			}
		}
		@media (max-width: 1290px) {
			.offre > .wrapper .visuel img{
				width: 100%;
				padding:0 1em;
				transform: unset;
			}
		}
		
	
	/* RESA */
		.form_order{
			--w-container:850px;
			padding-bottom: 2em;
			margin-bottom: 2em;
			min-height: 400px;
		}
		.form_order form{
			width: 100%;
			margin:0;
			padding:2em;
			background:conic-gradient(at top right, #EFF0F1, #eeeef2);
			border-radius:20px;
		}
			.form_order form:first-of-type{
				border-radius: 20px 20px 0 0;
			}
			.form_order form:last-of-type{
				border-radius: 0 0 20px 20px;
			}

		.form_order .titre_section {
			font-weight: 600;
			text-transform: uppercase;
			color: var(--mc-primary);
		}
		.form_order .titre_section:not(.titre_section_simple)::before {
			content: '';
			width: 10px;
			aspect-ratio: 1;
			background-color: var(--mc-secondary);
			display: inline-block;
			margin-right: 10px;
		}
		.form_order .titre_section_simple {
			text-transform: unset;
		}
		
		.form_order form .lieu_retrait{
			font-weight: bold;
		}
		.form_order form .lieu_retrait span.libelle{
			color: var(--mc-primary);
		}
		.form_order form .lieu_retrait span.lieu{
			color: var(--mc-secondary);
		}

		.form_order form .ligne.ligne_checkbox{
			position: relative;
			display: block;
		}
		.form_order form .ligne.ligne_checkbox label{
			margin: 0 0 0 30px;
		}
		.form_order form .ligne.ligne_checkbox input[type='checkbox']{
			width:unset;
			position: absolute;
			top: 0;
			left: 0;
		}
		.form_order form .cta{
			padding:1em;
			text-align: center;
		}

		.form_order .logos-paiement img{
			width: 100%;
			object-fit: scale-down;
		}

			
			#form_order .ligne-inline{
				width: unset;
			}
			#form_order .ligne-inline > div{
				flex: 1;
			}
			#form_order input:not([type='checkbox']){
				width: min(calc( 2 / 3 * var(--w-container)), 100% - 1em);
				border: none;
			}
		
		#form_order_crea input:not([type='checkbox']){
			width: min(calc( 0.4 * var(--w-container)), 100% - 1em);
		}
		#form_order_crea input#email{			
			width: min(calc( 0.6 * var(--w-container)), 100% - 1em);
		}

		#form_order_crea .ligne select ~ i.icon,
		#form_order_crea .ligne input ~ i.icon{
			position: absolute;
			top: 50%;
			right: 20px;			
			translate: 0 -50%;
			color:#ababab;
			cursor:pointer;
		}
		
		#form_order_crea .champ_cpville{
			display: flex;
			flex-flow: row;
		}
		
		#form_order_crea .champ_cpville .champ{
			width: unset;
		}
		#form_order_crea .champ_cpville .cp {
			width: 100px;
			padding: 0 20px 0 20px;
		}

		/* ETAPE CHOIX ADRESSES SI CONNECTE */
			.form_adresses{
				padding:2em;
				background:conic-gradient(at top right, #EFF0F1, #eeeef2);
				border-radius:20px;
			}
			.form_adresses .liste_adresses{
				display:flex;
				flex-flow: row wrap;
				gap:2em;
			}
			.form_adresses .liste_adresses .bloc_adresse{
				flex:1;
			}
			.form_adresses .liste_adresses .bloc_adresse > .titre{
				font-weight: bold;
				color: var(--mc-primary);
			}
			.form_adresses .bloc_adresse .content{
				background:#FFF;
				padding:1em;
				border-radius:20px;
				margin-top:1em;
			}
			.form_adresses .bloc_adresse_livraison .liste{
				margin: 0;
			}
			.form_adresses .bloc_adresse_livraison .liste li{
				display: flex;
				flex-flow: column wrap;
				padding-bottom: 1em;
				border-bottom: 1px solid var(--mc-lightgrey);
			}
			.form_adresses .bloc_adresse_livraison .liste li:not(:first-child) {
				padding-top: 10px;
			}
			.form_adresses .bloc_adresse_livraison .liste li label{
				cursor: pointer;
			}
			.form_adresses .bloc_adresse_livraison .liste li label:focus-visible{
				background:var(--mc-lightlightgrey);
			}
			.form_adresses .bloc_adresse_livraison .liste li input ~ label{
				position: relative;
				padding-left: 30px;
			}
			.form_adresses .bloc_adresse_livraison .liste li input:checked ~ label{
				color:var(--mc-primary);
			}
			.form_adresses .bloc_adresse_livraison .liste li input:checked ~ label::before {
				content: '\f00c';
				font-family: var(--mf-icon-primary);
				display: inline-flex;
				font-weight: bold;
				position: absolute;
				left: 0;
			}
			.form_adresses .bloc_adresse_livraison .lien{
				text-align: right;
				font-size: 0.8em;
			}

			#modal_nouvelle_adresse {
				position: fixed;
				inset: 0;
				padding: 2em;
				z-index: 1000;
				width: min(590px, 100% - 1em);
				min-height: 400px;
				overflow-x: hidden;
			}
				.modal_nouvelle_adresse_close{
					position: absolute;
					top: 1em;
					right: 1em;
				}
			#modal_nouvelle_adresse form{
				background-color: #f5f5f5;
			}
			#modal_nouvelle_adresse form .ligne{
				margin: 1em;
			}
			#modal_nouvelle_adresse form .ligne-inline{
				width: unset;
			}
			#modal_nouvelle_adresse form .ligne-inline > div{
				flex: 1;
			}
			#modal_nouvelle_adresse form input:not([type='checkbox']){
				width: min(calc( 2 / 3 * var(--w-container)), 100% - 1em);
				border: none;
			}
			#modal_nouvelle_adresse form .ligne-submit{
				display: flex;
				justify-content: center;
				width: 100%;
			}
		
		/* ETAPE RECAPITULATIF AVANT PAIEMENT*/

			.form_order_recap{
				padding:2em;
				background:conic-gradient(at top right, #EFF0F1, #eeeef2);
				border-radius:20px;
			}
			.form_order_recap > section{
				margin-bottom: 3em;
			}
			.form_order_recap .liste_adresses{
				display:flex;
				flex-flow: row wrap;
				gap:2em;
			}
			.form_order_recap .liste_adresses .bloc_adresse{
				flex:1;
			}
			.form_order_recap   .liste_adresses .bloc_adresse > .titre{
				font-weight: bold;
				color: var(--mc-primary);
			}
			.form_order_recap .bloc_adresse .content{
				background:#FFF;
				padding:1em;
				border-radius:20px;
				margin-top:1em;
			}
			.form_order_recap .bloc_adresse_livraison .liste{
				margin: 0;
			}

		/**/



		@media (max-width: 1199px) {
			.form_order form{
				width: auto;
			}
		}
		@media (max-width: 768px) {
			.form_adresses .liste_adresses,
			.form_order_recap .liste_adresses{
				flex-direction: column;
			}
		}
		@media (max-width: 580px) {
			.form_order form .ligne.ligne_checkbox {
				display: flex;
				flex-direction: column-reverse;
				justify-content: start;
				align-items: start;
			}
		}

	/* CONTACT */

		#form_contact .actions{
			padding-top: 2em;
		}

		
		.contact_retour {
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 1em 5em;
			/* background: #CCC; */
			width: fit-content;
			margin-inline: auto;
			margin-top:2em;
			/* color: #000; */
			flex-direction: column;
		}
		.contact_retour .success::before {
			content: '\f00c';
			display: block;
			font-family: var(--mf-icon-primary);
			font-size: 3em;
			color:var(--mc-primary);
		}
		.contact_retour .error::before {
			content: '\f057';
			display: block;
			font-family: var(--mf-icon-primary);
			font-size: 4rem;
			color:darkred;
		}
	/* CONFIRMATION */
		
		.confirmation .resume b{
			color: var(--mc-primary);
		}
		.confirmation .magasin{
			display: flex;
			gap: 1em;
			flex-direction: row-reverse;
			justify-content: space-between;
			width: min(800px,100% - 1em);
			margin: 2em auto;
			padding: 2em;
			background-color: var(--mc-lightlightgrey);
			border-radius: 20px;
		}
		.confirmation .magasin p{
			margin: 0;	
		}
		.confirmation .magasin .visuel{
			width: min(400px, 100% - 1em);
			text-align: center;
		}
		.confirmation .magasin .visuel img{
			height:200px;
			object-fit: scale-down;
			border-radius: 20px;
		}
		.confirmation .magasin .infos > div{			
			margin-bottom: 0.5em;
		}
		.confirmation .magasin .titre{
			font-size: 1.5em;
			text-transform: uppercase;
			color: var(--mc-primary);
			font-weight: bold;
		}
		.confirmation .magasin .contact{
			position: relative;
		}
		.confirmation .magasin .contact p{
			padding-left: 30px;
		}
		.confirmation .magasin .contact::before{
			content: '\f3c5';
			display: block;
			position: absolute;
			font-family: var(--mf-icon-primary);
			color:var(--mc-secondary);
			font-size: 1.3em;
		}
		.confirmation .magasin .horaires{
			position: relative;
		}
		.confirmation .magasin .horaires p{
			padding-left: 30px;
		}
		.confirmation .magasin .horaires::before{
			content: '\f017';
			display: block;
			position: absolute;
			font-family: var(--mf-icon-primary);
			color:var(--mc-secondary);
			font-size: 1.3em;
		}

		@media (max-width: 768px) {
			.confirmation .magasin{
				flex-direction: column;
				padding-inline: 0;
			}
			.confirmation .magasin .visuel img{
				height: unset;
				width: 100%;
			}
		}

	/**/


/* ARIANE */

	.ariane{
		display: none;
		border-bottom: 0px solid #f5f5f5;
		margin-bottom: 20px;
		display: flex;
		align-items: center;
	}
	.ariane ul{
		display: flex;
		flex-wrap: wrap;
		padding: 0.5em;
		margin-bottom: 0;
	}
	.ariane li{
		padding-left: 1em;
		line-height: 1.5em;
	}
	.ariane li+li::before {
		content: '/ ';
		padding-right: 1em;
		color:var(--ariane-c-sep);
	}
	.ariane a{
		color:var(--ariane-c-text);
	}
	.ariane li.active a{
		color:var(--ariane-c-text-active);
	}

		.pg_news #ariane,
		.pg_catalogue #ariane,
		.pg_moteur #ariane{
			display: flex;
			transform: unset;
		}

	@media (max-width: 768px) {
		.ariane{display: none;}
	}

/* BLOC PAGE */

	.pg_home .home_section .home_section_ligne_item{
		position: relative;
		overflow-x: hidden;
		z-index: 2;
	}
	/* .pg_home .home_section .home_section_ligne_item::after{
		content:'';
		position: absolute;
		inset:0;
		background:var(--mc-primary);
		z-index:-1;
		width:100%;
		left:-100%;
		transition: all 750ms ease-in-out;
	}
	.pg_home .home_section .home_section_ligne_item:hover::after{
		left:100%;
	}	 */
	.pg_home .home_section .home_section_ligne_item.bgsliding::before{
		content:'';
		position: absolute;
		inset:0;
		background:var(--mc-primary);
		z-index:0;
		width:100%;
		left:-100%;
		transition: all 750ms ease-in-out;
	}
	.pg_home .home_section .home_section_ligne_item.bgsliding:hover::before{
		left:100%;
	}

	.home_section .home_section_ligne:first-child{padding-top:0;}
	.home_section .home_section_ligne_item.format_1{padding-bottom: 0;}


	/* FORMAT 1 
		TITRE TEXTE SIMPLE */

		.format_1{padding: 2em 0;}
		.format_1 .soustitre{font-weight: bold;}

	/* FORMAT 6 BANDEAU IMAGE */
		.format_6{padding:0;background-color: transparent;}
		.format_6 .wrapper{
			background-color: #DDD;
			background-image: var(--bg-image),var(--bg-image-fallback);background-size:cover;background-position-y: center;
			background-blend-mode: multiply;			
			display: flex;justify-content: center;align-items: center;
			height: var(--height);
		}
		.format_6 .h1 span{
			--c-title:var(--mc-white);
			font-size: 1.5em;
			text-transform: uppercase;
		}
		.format_6 .soustitre{font-size: 1.5em;color:#FFF;margin-bottom: 1em;}
		.format_6 .texte{
			color:#FFF;
			line-height: 12px;
			font-size: 1.2em;
		}

	/* FORMAT 2 
		TITRE + VISUEL DROITE/GAUCHE */
		.home_section .item-format2{
			display: grid;
			grid-template-columns: 1fr 1fr;
			column-gap: 1em;
			row-gap: 0.5em;
		}
		.home_section .item-format2 .titre{
			/* color: var(--c-title); */
			grid-area: 1 / 1 / 2 / 3;
		}
		.home_section .item-format2 .soustitre{
			margin:1em 0;
			font-size: 1.3em;
			grid-area: 2 / 1 / 3 / 3;
		}
		.home_section .item-format2 .visuel{
			grid-area: 3 / 1 / 4 / 2;
		}
		.home_section .item-format2 .visuel img{
			width: 100%;
			height:auto;
			object-fit: var(--img-fit, scale-down);
		}
		.home_section .item-format2 .texte{
			grid-area: 3 / 2 / 4 / 3;
		}
		.home_section .item-format2 .lien{
			grid-area: 4 / 1 / 5 / 5;
			margin:1em 0;
		}
		/*img à droite*/
		.home_section .item-format2-droite .titre{
			grid-area: 1 / 1 / 2 / 3;
		}
		.home_section .item-format2-droite .soustitre{
			margin:1em 0;
			font-size: 1.3em;
			grid-area: 2 / 1 / 3 / 3;
		}
		.home_section .item-format2-droite .visuel{
			grid-area: 3 / 2 / 4 / 3;
		}
		.home_section .item-format2-droite .texte{
			grid-area: 3 / 1 / 4 / 2;
		}
		/*img au dessus*/
		.home_section .item-format2-dessus .titre{
			margin-top:0.5em;
			grid-area: 2 / 1 / 3 / 3;
		}
		.home_section .item-format2-dessus .soustitre{
			margin: 0;
			font-size: 1.3em;
			grid-area: 3 / 1 / 3 / 3;
		}
		.home_section .item-format2-dessus .visuel{
			grid-area: 1 / 1 / 2 / 3;
		}
		.home_section .item-format2-dessus .texte{
			grid-area: 4 / 1 / 4 / 3;
		}
		/*img entre titre et texte*/
		.home_section .item-format2-entre .titre{
			margin-top:0.5em;
			grid-area: 1 / 1 / 2 / 3;
		}
		.home_section .item-format2-entre .soustitre{
			margin: 0;
			font-size: 1.3em;
			grid-area: 3 / 1 / 3 / 3;
		}
		.home_section .item-format2-entre .visuel{
			grid-area: 2 / 1 / 3 / 3;
		}
		.home_section .item-format2-entre .texte{
			grid-area: 4 / 1 / 4 / 3;
		}
		/*img en dessous*/
		.home_section .item-format2-dessous .titre{
			margin-top:0.5em;
			grid-area: 1 / 1 / 2 / 3;
		}
		.home_section .item-format2-dessous .soustitre{
			margin: 0;
			font-size: 1.3em;
			grid-area: 2 / 1 / 3 / 3;
		}
		.home_section .item-format2-dessous .visuel{
			grid-area: 4 / 1 / 4 / 3;
		}
		.home_section .item-format2-dessous .texte{
			grid-area: 3 / 1 / 3 / 3;			
		}

		.home_section .item-format2-bgimg{
			display:flex;
			flex-direction: column;
			justify-content: center;
			width:100%;
			background-size:cover;
			height:var(--bg-height,300px);
			background-image: var(--bg-image, 'none');
		}
		.home_section .item-format2-bgimg h1{
			padding-left: 0 !important;
		}
		.home_section .item-format2-bgimg .visuel{
			display: none;
		}
		.home_section .item-format2-bgimg .infos{
			width: 100%;
		}
		
	/* FORMAT 3 GALERIE PHOTO */

		.format_3 h2{
			margin-bottom: 1em;
			color: var(--c-title);
		}
		.format_3 .lien{text-align: center;}
		.galerie_carousel{overflow-x: hidden;}
		
		.items-format3.type-1{/*mosaique 3 col*/
			display: grid;
			grid-template-columns: repeat(3, 1fr);
		}
		.items-format3.type-1 .item{flex:1;padding:1em;}
		.items-format3 .item img{
			width:100%;
			height:var(--img-h);
			object-fit:cover;
			transition: transform 0.3s;}

		.items-format3.type-2{/*mosaique 4 col*/
			display: grid;
			grid-template-columns: repeat(4, 1fr);
		}
		.items-format3.type-2 .item{
			padding:1em;
		}

		.items-format3.type-3{/*carousel 1/2/3 col*/
			display: flex;
		}
		.items-format3.type-3 .item{
			padding:1em;
		}

		.items-format3 a{
			position: relative;
			display: block;
			overflow: hidden;
			line-height: 0;
		}
		.items-format3 a::before{
			content:'';
			display: block;
			position: absolute;
			inset: 0;
			background-color: rgba(0, 0, 0, 0.3);
			opacity: 0;
			transition: opacity 0.25s ease-in-out;
		}
		.items-format3 a:hover::before{
			opacity: 1;
		}
		.items-format3 a::after{
			content:'\f002';
			font-family: var(--mf-icon-primary);
			position: absolute;
			inset: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			color:#FFF;
			font-size: 5em;
			opacity: 0;
			transition: all 0.25s ease-in-out;
		}
		.items-format3 a:hover::after{
			font-size: 2em;
			opacity: 1;
		}

		.home_section .home_section_ligne .item-common h2{font-size: 26px;letter-spacing: 1px !important;}


	/* FORMAT 5 : X icones */
		
		/* VERSION SIMPLE */
		.format_5{
			--bgc:var(--mc-lightlightgrey);
			--c:var(--mc-secondary);
			--c-text:var(--mc-text);
		}
		.format_5 .simple{
			display: block;
			padding-top: 2rem;
			/* box-shadow: 0 0 0 100vmax;
			clip-path: inset(0 -100vmax); */
		}
		.format_5 .simple h1{
			position: relative;
			padding: 0;
			color:inherit;
		}
		.format_5 .simple h1 span{
			position: relative;
			display: inline-flex;
			padding:1rem;
			background-color: var(--bgc);
			z-index: 2;
		}
		.format_5 .simple .item{
			position:relative;
			display: flex;
			flex: 1;
			flex-direction: column;
			align-items: center;
			padding: 1em;
			margin: 1em 1em;
			text-align: center;
			background-color: #FFF;
			color: var(--c-title) ,var(--mc-primary);
			border: 2px solid #FFF;
			--border-color-hover:#e5e5e5;
		}
		.format_5 .simple .item .wrapper{
			z-index:2;
		}
		.format_5 .simple .liste{
			display: flex;
			justify-content: space-around;
			flex-wrap: wrap;
		}
		
		.format_5 .simple .item .span_img{
			order:1;
			position: relative;
			display: flex;
			width: 100%;
			justify-content: center;
		}		
		.format_5 .simple .item img{
			display: block;margin:0;
			transition:all 0.3s;
		}	
		.format_5 .simple .item .titre{order:2;
			padding:1em 1em 0.5em 1em;
			font-family: var(--mf-secondary);
			color:var(--c-title);
			font-size: 1.5em;
			letter-spacing: 2px;
			text-align: center;
			font-weight: 600;
			text-transform: uppercase;
			line-height: 1em;
		}
		
		.format_5 .simple .item .texte{order:3;
			color:var(--c-text);
			line-height: 1.2em;
			font-size: 1em;
			padding:0 0.5em 1em 0.5em;
			margin-top: 0;
		}
		.format_5 .simple .item .lien{order:4;
			display: flex;
			justify-content: center;
			padding: 0 auto 2em auto;
			margin-top: auto;
			width: 100%;
		}
		.format_5 .simple .item:hover .infos{transform: translateY(0%);transition: transform 0.3s ease-in-out;}
		.format_5 .simple .item:hover img{opacity: 0.9;}

		/* VERSION avancée avec texte hover image*/
		.format_5 .special{display: block;}
		.format_5 .special .item{
			position:relative;
			overflow:hidden;
			text-align: center;
			display: flex;
			flex: 1;
			justify-content: center;
			flex-direction: column;
			text-align: center;
			margin: 1em 2em;
			border-radius: 10px;
		}
		.format_5 .special .liste{display: flex;justify-content: space-around;align-items: start;flex-wrap: wrap;}
		.format_5 .special img{display: block;width: 100%;height: 448px;object-fit: cover;margin:0;transition:all 0.3s;}
		.format_5 .special .infos{position: absolute;bottom:0;left: 0;right: 0;transform: translateY(67%);padding:0.5em;transition: transform 0.3s ease-in-out;
			background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 97%);
			background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 97%);
			background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 97%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
		}
		.format_5 .special .titre{margin-top: 1em;text-transform: uppercase;font-size: 1.3em;color:var(--mc-white);font-family: var(--mf-secondary), sans-serif;letter-spacing: 5px;
			
		}
		.format_5 .special .texte{min-height: 60px;line-height: 1.2em;color:var(--mc-white);font-size: 0.9rem;}
		.format_5 .special .lien{margin-top: 1.5em;}
		.format_5 .special .item:hover .infos{transform: translateY(0%);transition: transform 0.3s ease-in-out;}
		.format_5 .special .item:hover img{opacity: 0.9;}
	
	
	/* CONTACT 7 */
		
		.format_7{
			background: url(../images/bgcontact.jpg) no-repeat center center;
			background-size: cover;
		}

		#form_contact{
			width:min(700px,100% - 1em);
			margin-inline:auto;
		}
		#form_contact .ligne{
			margin-top:1.5em;
		}
		#form_contact .ligne label{
			font-size:0.9em;
		}

	/* FORMAT 8 */

		.format_8{position: relative;}
		.format_8 h2{
			margin-bottom: 1em;
			color: var(--c-title);
		}
		.format_8 iframe{border:0;}
	
	/* FORMAT 9 REALISATIONS */
		
		.format_9 .titre:first-child{margin-top: 2em;}

		.items-format9{position: relative;
			display: flex;
			gap:2em;
			margin-top: 50px;
		}
		.items-format9 .item{
			width:min(350px, 100% - 1em);
			background:linear-gradient(#f6f6f6 50%,#fff 90%);
			transition: all 0.25s;
		}
		.items-format9 .item:hover{
			transform: scale(1.02);
			box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
		}
		.items-format9 .item .titre{
			background-color: var(--mc-primary);color:var(--mc-white);font-size: 22px;padding: 0.25em 0.5em;}
		.items-format9 .item img{
			width:100%;height:150px;object-fit:cover;
		}
		.items-format9 .item .details{
			padding: 0.5em;
			margin:0.5em;
		}
		.items-format9 .item .details li{
			margin: 0.5em 0.25em;
		}
		.items-format9 .item .details li i{
			margin-right: 0.5em;
		}
		.items-format9 .item .actions{
			display: grid;gap:1em;padding:0.5em;
			grid-template-columns: 1fr 1fr;
		}
		.items-format9 .item .actions .etat{
			display: flex;
			align-items: center;
			gap:10px;
		}
	
	/* FORMAT 10 LOGOS MARQUES */

		.format_10 .liste_logos{
			display:flex;
			gap:2em;
			justify-content:center;
			flex-wrap: wrap;
			width:min(var(--w-container), 100%);
			margin-inline:auto;
		}
		.format_10 .liste_logos li{
			transition: all 0.25s;
		}
		.format_10 .liste_logos li:hover{
			transform: scale(1.1);
		}
		.format_10 .liste_logos img{
			width:80px;
			height:80px;
			object-fit:scale-down;
		}

	/* FORMAT 11 COMPTEURS */
		.format_11 .wrapper{
			padding: 0 !important;
		}
		.format_11 .counters{
			display: flex;
			flex-wrap: wrap;
			gap:30px;
			width:min(1000px,90%);
			padding:4em 2em;
			justify-content: center;
			align-items: center;
			margin-inline:auto;
			background-color:#000;
		}
		.format_11 .counters .item{
			flex:1;
			font-size: 60px;
			text-align: center;
			color:#2FAD25;
		}
		.format_11 .counters .item span{
			font-family: var(--mf-secondary);
			font-weight: bold;
		}
		.format_11 .counters .libelle{
			font-size: 14px;
			color: var(--mc-white);
		}

	/* FORMAT 12 TEMOIGNAGES */
		
		.format_12 .texte_apres{
			display: flex;
			flex-direction: column;
		}
		.format_12 .texte_apres .titre{
			order: 1;
		}
		.format_12 .texte_apres .texte{
			order: 3;
		}
		.format_12 .texte_apres .section_liste_temoignages{
			order: 2;
		}

		.liste_temoignages .item{
			height: auto !important;
			overflow: hidden;
		}
		.liste_temoignages .item .wrapper{
			display: flex;
			flex-direction: column;
			gap:1em;
			padding: 1em 2em;
			height: calc(100% - 1em);
			text-align: center;
			background-color: #f8f8f8;
			border-radius: 15px;
			background: url(../images/bg_comment.png) no-repeat center center;
			transition: transform 250ms ease-in-out;
		}
		.liste_temoignages .item:hover .wrapper{
			transform: scale(1.05);
		}
		.liste_temoignages .item .wrapper .note{
			font-size: 1.2em;
		}
		.liste_temoignages .item .wrapper .note .oui{
			color: darkgoldenrod;
		}
		.liste_temoignages .item .wrapper .note .non{
			color: var(--mc-lightgrey);
		}
		.liste_temoignages .item .wrapper .auteur{
			font-weight: bold;
		}
		.liste_temoignages .item .wrapper .texte{
			font-style: italic;
			margin-top: 0;
			font-size: 0.9em;
		}
		.liste_temoignages .item .wrapper .date{
			font-size: 0.8em;
			text-align: right;
		}

		/* COLONNES */
		.liste_temoignages.colonne{
			display: grid;
			gap:1.5em;
		}
		.liste_temoignages.colonne.items_2{
			grid-template-columns: 1fr 1fr;
		}
		.liste_temoignages.colonne.items_3{
			grid-template-columns: 1fr 1fr 1fr;
		}
		.liste_temoignages.colonne.items_4{
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}
		/* CAROUSEL */

	/* FORMAT LISTE AGENCES */
		
		.liste_agences {
			display: grid;
			gap: 4em;
			grid-template-columns: repeat(auto-fit,minmax(17rem,1fr));
		}
		.liste_agences .item .visuel img{
			width:100%;
			height:200px;
			object-fit: cover;
			border-radius: 20px;
			transition: opacity 300ms ease;
		}
		.liste_agences .item:hover .visuel img{
			opacity: 0.8;
		}
		.liste_agences .item .titre{
			font-size: 1.3em;
			font-weight: 700;
			margin-bottom: 0.5em;
		}

	/* FORMAT SIGN UP NEWSLETTER */

		.format_14 .wrapper > div{
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap:2em;
		}
		.format_14 .form {
			/* margin-top: 3em; */
			padding: 1em 2em;
			background: #f5f5f5;
			border-radius: 20px;
		}
		.format_14 .form label{
			font-size: 0.9em;
		}
		.format_14 .form .ligne{
			width: 100%;
		}
		.format_14 .form input{
			background-color: #fff;
		}
		.format_14 form .ligne input:not([type="checkbox"]){
			width: 250px;
		}
		.format_14 .form .ligne.ligne_checkbox{
			display: flex;
			flex-direction: row-reverse;
			justify-content: start;
			align-items: center;
		}
		.format_14 .form .ligne.ligne_checkbox label{
			flex: 1;
			margin-top:0;
		}
		.format_14 .form .ligne.ligne_checkbox input{
			width:auto;
		}
		.format_14 .form select{
			font-size: 15px;
			height: 50px;
			border-radius: 8px;
			border: 1px solid #b3b2c2;
			background: #FFF;
			padding: 0 20px;
			color: var(--mc-primary);
		}

		.format_14 form .action{
			text-align: center;
			padding-top: 1em;
		}

	/* RESPONSIVE */

		@media (max-width: 1024px) {
			.home_section .items-format3 .liste{flex-wrap: wrap;}
			.home_section .items-format3 .item a img{width: unset;max-width: 400px;}

			.items-format9{
				display: flex;
				justify-content: space-around;				
			}
		}
		@media (max-width: 990px) {
			.items-format3:where(.type-1,.type-2){				
				display: flex !important;
				flex-wrap: wrap;
				justify-content: center;
			}
			.items-format3:where(.type-1,.type-2) .item{
				text-align: center;
				flex:none !important;
			}

			.liste_agences{
				gap: 2em;
			}
		}
		@media (max-width: 768px) {
			
			
			.home_section .home_section_ligne .item-common h2{
				font-size: 1.5em;
			}


			/* FORMAT 3 */
			.home_section .items-format3 .item{text-align: center;}
			.items-format3.type-1,
			.items-format3.type-2{				
				grid-template-columns: repeat(1, 1fr);
			}

			/* FORMAT 2 */
			.home_section .item-format2{
				column-gap:unset;
			}
			.home_section .item-format2 .visuel, .home_section .item-format2 .infos{width: 100%;transform: unset;}
			.home_section .item-format2 .infos{padding: 2em 0;}
			.home_section .item-format2 .visuel{
				grid-area: 3 / 1 / 4 / 4;
			}
			.home_section .item-format2 .texte{
				grid-area: 4 / 1 / 5 / 5;
			}
			.home_section .item-format2 .lien{
				grid-area: 5 / 1 / 6 / 6;
			}

			.format_5 .simple .liste{
				flex-wrap: unset;
			}
			.format_5 .special .liste{flex-direction: column;align-items: unset;}
			.format_5 .special .infos{transform:translateY(0);}

			.format_5 .simple .liste{flex-direction: column;align-items: unset;}
			
			/* FORMAT 9 */
			.items-format9{
				flex-wrap: wrap;
				justify-content: center;
			}
			.items-format9 .item::after{
				content: '';
				display: block;
				height: 1px;
				width: 100%;
				background-color: var(--mc-lightgrey);
				margin:2em 0;
			}
			/* FORMAT 11 */
			.format_11 .counters{
				padding-inline: 0;
				flex-direction: column;
			}
			/* FORMAT 14 */
			.format_14 .wrapper > div{
				display: flex;
				flex-direction: column;
			}
		}
		@media (max-width: 580px) {
			.items-format3.type-1,
			.items-format3.type-2{				
				grid-template-columns: repeat(1, 1fr);
			}
		}

		@media (max-width: 480px) {
			.home_section .items-format3 h2{font-size: 24px;}
			.home_section .items-format3 .item a{padding-left: 0.5em;padding-right: 0.5em;}
			.home_section .items-format3 .item a img{width: unset;max-width: calc(100% - 1em);--img-h:unset !important;}

			
		}
	/**/

/* BACK TO TOP */

	#back-to-top {
		display: none;
		position: fixed;
		z-index: 20;
		bottom: 18px;
		right: 15px;
		text-decoration: none;
	}
	#back-to-top i {
		display: block;
		width: 36px;
		height: 36px;
		line-height: 36px;
		border-radius: 2px;
		background-color: var(--mc-primary);
		color:var(--mc-white);
		text-align: center;
		transition: all 0.2s ease-in-out;
	}
	#back-to-top:hover{
		text-decoration: none;
	}
	#back-to-top:hover i {
		background-color: var(--mc-white);
	}
/* ESPACE CLIENT */

	.box_acces{
		position: relative;
		display: flex;
		justify-content: center;
	}
	.pg_ec_acces form{
		display: none;
	}
	.pg_ec_acces form.active{
		display: block;
	}
	.pg_ec_acces form.opening {
		display: block;
		position: absolute;
		z-index:1;
		animation: showingForm 1s ease normal;
		-webkit-animation: showingForm 1s ease normal;
	}
	.pg_ec_acces form.closing {
		animation: closingForm 1s ease normal;
		-webkit-animation: closingForm 1s ease normal;
	}
	@keyframes showingForm{
		from {
			transform: translateX(200%);
		}
		to {
			transform: translateX(0%);
		}
	}
	@keyframes closingForm{
		from {
			transform: translateX(0%);
		}
		to {
			transform: translateX(-200%);
			opacity: 0;
		}
	}

	.form_classic{
		margin: auto;
		background-color: var(--mc-white);
		padding: 1em;
		border-radius: 20px;
	}
	.form_classic .ligne .champ{
		width: 100%;
	}


	.header_espace_client {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: 1em;
		padding: 1em;
	}
	.header_espace_client .lien_logout{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.header_espace_client .lien_logout i{
		margin: unset;
	}
	.header_espace_client .lien_logout span{
		margin-left: 1em;
	}
	.page_espace_client .main_espace_client{
		display: flex;
		flex-flow: row wrap;
		gap: 2em;
		padding: 1em 0 2em 0;
	}
	.page_espace_client .main_espace_client > div{
		background:#f5f5f5;
		border-radius: 20px;
	}

	@media (max-width:768px){
		.header_espace_client .lien_logout span{
			display: none;
		}
		
	}

	/* COLONNE */
		.page_espace_client .colonne_espace_client{
			flex-basis: 300px;
		}
		.page_espace_client .colonne_espace_client ul.nav-tabs li{			
			position: relative;
			display: flex;
			align-items: center;
			color: #000;
		}		
		.page_espace_client .colonne_espace_client ul.nav-tabs li.active{
			background-color: #fff;
		}
		.page_espace_client .colonne_espace_client ul.nav-tabs li a {
			display: flex;
			align-items: center;
			gap: 1em;
			width: 100%;
			padding: 1rem 2rem;
		}
		.page_espace_client .colonne_espace_client ul.nav-tabs li a *{
			pointer-events: none;
		}

		@media (max-width: 768px) {
			.page_espace_client .colonne_espace_client{
				flex-basis: 100%;
			}
			.page_espace_client .colonne_espace_client ul.nav-tabs{
				display: flex;
				justify-content: center;
				font-size: 1.2em;
			}
			.page_espace_client .colonne_espace_client ul.nav-tabs li a span{
				display: none;
			}
		}
	
	/* MAIN ESPACE*/
		.page_espace_client .espace_client{
			flex:2;
			padding: 1rem 2rem;
		}
		.page_espace_client .espace_client .bloc{
			display: none;
		}
		.page_espace_client .espace_client .bloc.active{
			display: block;
		}
		.page_espace_client .espace_client form .ligne{
			width: calc(100% - 2em);
		}

		.espace_client .table_commandes > div{
			display: grid;
			grid-template-columns: 50px 100px 1fr 100px 1fr 100px;
			padding:0.75em;
			align-items: center;
		}
		.espace_client .table_commandes .c:nth-child(2n){
			background-color: #FFF;
		}
		.espace_client .table_commandes .mode_paiement{
			display: flex;
			flex-direction: column;
		}
		.espace_client .table_commandes .etat_paiement{
			font-size: 0.9em;
		}
		.espace_client .table_commandes .total{
			text-align: center;
		}
		
		.espace_client .table_commandes > div:not(.details_commande):not(:first-child){
			border-top: 1px solid var(--mc-lightgrey);
		}
		.espace_client .table_commandes > div.head{
			font-weight: 600;
		}
		.espace_client .table_commandes > div > div{
			width: 100%;
			padding:0.5rem;
		}
		.espace_client .table_commandes > div.details_commande {
			position: relative;
			display: flex;
			border-left: 2px solid var(--mc-primary);
			margin-bottom: 2em;
			margin-top:1em;
		}
		.espace_client .table_commandes > div.details_commande::before {
			content: '\f103';
			font-family: var(--mf-icon-primary);
			position: absolute;
			left: 0;right: 0;top: 0;
			text-align: center;
			font-size: 1.5em;
			color: var(--mc-primary);
		}
		.espace_client .details_commande .cards{
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
			gap: 1em;
		}
		.espace_client .details_commande .panier,
		.espace_client .details_commande .cards .item{
			flex:1;			
			padding: 1em;
			border-radius: 15px;
			text-align: center;
			background:var(--mc-white);
		}
			.espace_client .details_commande .panier{
				margin-top:1em;
			}
		.espace_client .details_commande .cards .item .label{
			font-weight: bold;
		}
		.espace_client .details_commande .adresses{
			display: flex;
			flex-flow: row wrap;
			justify-content: center;
			gap: 1em;
			padding:1em 0;
		}
		.espace_client .details_commande .adresses > div{
			flex:1;
			background:var(--mc-white);
			border-radius: 15px;
		}
		.espace_client .details_commande .adresses > div .titre{
			font-weight: bold;
			text-transform: uppercase;
			text-align: center;
			padding: 1em 1em 0 1em;
		}
		.espace_client .details_commande .adresses > div .content{
			display: flex;
			flex-direction: column;
			padding: 1em;
		}

		/* ADRESSES LIVRAISON */
		.page_espace_client .bloc_adresses .liste{
			display: flex;
			flex-flow: column wrap;
			gap: 1em;
		}
		.page_espace_client .bloc_adresses .liste .item{
			padding: 1em;
			background: var(--mc-white);
			border-radius: 20px;
		}
		.page_espace_client .bloc_adresses .liste .item .ligne_date{
			text-align: right;
			font-size: 0.8em;
			color: var(--mc-lightgrey);
		}
		.page_espace_client .bloc_adresses .liste .item .ligne {
			display: flex;
			flex-flow: row wrap;
			gap: 1em;
			padding: 0.2em 0.2em 0.2em 1em;
			border-left: 2px solid var(--mc-primary);
		}
		
		.page_espace_client .bloc_adresses .liste .item .ligne .libelle{
			font-weight: 500;
			min-width: 150px;
		}

		.page_espace_client .bloc_adresses .liste .item:not(:first-child){
			padding-top: 1em;
		}

		.page_espace_client .bloc_adresses .note{
			margin-top:2em;
			text-align: center;
		}

		@media (max-width:768px) {

			.page_espace_client .espace_client{
				padding-inline: 1rem;
			}
			.page_espace_client .espace_client form .ligne{
				width: calc(100% - 1em);
			}
			.espace_client .table_commandes > div{
				display: flex;
				flex-direction: column;
			}

			.espace_client .table_commandes > .head{
				display: none;
			}

			.espace_client .details_commande .adresses,
			.espace_client .details_commande .cards{
				flex-direction: column;
			}

			.espace_client input:not([type="checkbox"]),
			.espace_client textarea,
			.espace_client select{
				width:calc(100% - 1em);
			}

			
			
			
		}
	

/*EFFECTS*/

	.blur{
		filter: blur(5px);
		-webkit-filter: blur(5px);
	}