@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";
@font-face
{
	font-family:"icomoon";
	src:url("../fonts/icomoon.eot?8cbpxd");
	src:url("../fonts/icomoon.eot?8cbpxd#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?8cbpxd") format("truetype"),url("../fonts/icomoon.woff?8cbpxd") format("woff"),url("../fonts/icomoon.svg?8cbpxd#icomoon") format("svg");
	font-weight:normal;
	font-style:normal;
font-display:block}

[class^=icon-],[class*=" icon-"]
{
	font-family:"icomoon" !important;
	speak:none;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale}

.icon-call:before
{
	content:"";
color:#fff}

.icon-DEVIS:before
{
	content:"💝";
color:#fff}

.icon-FB:before
{
	content:"";
color:#fff}

.icon-IN:before
{
	content:"";
color:#fff}

.icon-localisation:before
{
	content:"🎋";
color:#041562}

.icon-phone:before
{
	content:"";
color:#041562}

body
{
	font-family:"Rubik",sans-serif;
	overflow: auto;
}

@media(min-width: 1500px)
{
	.navbar
	{
	font-size:18px !important}
}

@media(min-width: 992px)and (max-width: 1499px)
{
	.navbar
	{
	font-size:12px !important}
}

.navbar
{
	font-weight:bold;
	color:#041562;
font-size:15px}

.nav-link
{
	color:#041562 !important;
transition:all .5s ease-out}

.nav-link:hover
{
	color:#ee1a2c !important;
transition:all .5s ease-out}

.logo
{
transition:all .2s ease-out}

.ecart-menu
{
	transition:all .2s ease-out;
	height: 100%;
}

.w-85
{
width:85%}

.menu-icone
{
	background:#041562;
	color:#fff !important;
	border-radius:50px;
	padding:.7rem 1rem !important;
	transition:all .5s ease-out;
}

.menu-icone:hover
{
	background:#0b112e;
	transition:all .5s ease-out;
color:#fff !important}

.menu-tel
{
	background:#ee1a2c;
	color:#fff !important;
	border-radius:50px;
	padding:.7rem !important;
transition:all .5s ease-out}

.menu-tel:hover
{
	background:#a00c18;
transition:all .5s ease-out}

.carousel-item
{
	position:relative;
overflow:hidden}

.carousel-item img
{
	position:absolute;
	display:block;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	transition:all .5s ease-in-out;
	height: 100%;
	object-fit: cover;
	width: 100%;
}


#modal_projet .carousel-item img
{
	position:relative !important;
	min-height:100%;
	height:auto;
	width:100%;
	display:block;
	left:0% !important;
	top:0% !important;
	transform:none !important;
transition:all .5s ease-in-out}

#modal_projet .modal-body
{
padding:0px !important}

#modal_projet .modal-dialog
{
	margin:auto !important;
	width:80%;
max-width:800px}

#modal_projet .close
{
	position:absolute;
	top:15px;
right:15px}

.carousel-index
{
height:85vh !important}

.carousel-caption
{
	/* top:50%; */
	text-align:left;
	transform:translate(0, -73%);
}

.carousel-caption h1
{
	text-transform:uppercase;
	font-size:40px;
	font-weight:bold;
	text-shadow:2px 3px 4px rgba(0,0,0,.64)}

	@media(max-width: 990px){
		.carousel-responsive{
			transform : translate(0, -250%);
		}
	}
	@media(max-width: 990px){
		.carousel-responsive-newslettre{
			transform : translate(0, -180%);
		}
	}
.titre
{
	text-transform:uppercase;
	font-size:30px;
	font-weight:bold;
color:#041562}

.titre-produit
{
	text-transform:uppercase;
	font-size:38px;
	font-weight:bold;
color:#ee1a2c}

.titre-projet-h2
{
	text-transform:uppercase;
	font-size:38px;
	font-weight:bold;
color:#041562}

.titre-projet-h2 span
{
color:#ee1a2c}

.titre-projet-detail
{
	text-transform:uppercase;
	font-size:40px;
	font-weight:bold;
color:#041562}

.carousel-caption h1 span,h2 span
{
color:#ee1a2c;
}

.carousel-caption p
{
	text-transform:uppercase;
	font-size:20px;
	font-weight:400;
	text-shadow:2px 3px 4px rgba(0,0,0,.64);
}

.fond
{
	background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(4, 21, 98, 0.5));
	background-color:rgba(4,21,98,.3);
	z-index:1
}

.bloc-carroussel
{
	padding-left:0px;
padding-right:40px}

@media(max-width: 992px)
{
	.bloc-carroussel
	{
	padding:10px !important;
	display: flex;
    justify-content: center;
}

	.carousel
	{
	height:120vh !important}

	.select-carroussel
	{
	background-size:5% !important}

	.select-carroussel:focus
	{
	background-size:5% !important}

	.carousel-item img
	{
		min-height:100% !important;
		max-height:100% !important;
	min-width:100% !important}

	.icon-menu
	{
	margin-right:20px}

	.menu-tel
	{
		top:3.5%;
		right:10%;
	z-index:300}
}

@media(max-width: 575px)
{
	.carousel-caption h1
	{
	font-size:27px !important}

	.carousel-caption p
	{
	font-size:14px}
}

.select-carroussel
{
	font-size:16px;
	padding:1rem;
	background:#fff;
	color:#041562;
	border-radius:50px;
	text-transform:uppercase;
	font-weight:bold;
	border:0px;
	height:auto;
	cursor:pointer;
	margin:0;
	box-sizing:border-box;
	-webkit-appearance:none;
-moz-appearance:none}

.select-carroussel
{
	background-image:url("../images/arrow.svg") !important;
	background-position:calc(100% - 1.5rem) center !important;
	background-repeat:no-repeat;
	background-size:7%;
	text-align: start;
	padding-left:7%;
}

.select-carroussel:focus
{
	background-image:url("../images/arrow.svg") !important;
	background-position:calc(100% - 1.5rem) center !important;
	background-size:7%;
	background-repeat:no-repeat;
	border-color:none;
	outline:0;
color:#041562}

.bouton-carroussel
{
	font-size:16px;
	display:inline-block;
	padding:1rem;
	color:#fff !important;
	background:#ee1a2c;
	width:auto;
	border-radius:50px;
	text-transform:uppercase;
	font-weight:bold;
	border:0px;
	height:auto;
	cursor:pointer;
transition:all .5s ease-in-out}

.bouton-index
{
	font-size:16px;
	padding:1rem;
	color:#fff !important;
	background:#041562;
	width:auto;
	border-radius:50px;
	text-transform:uppercase;
	font-weight:bold;
	border:0px;
	height:auto;
	cursor:pointer;
	transition:all .5s ease-in-out;
display:inline-block}

.bouton-index:hover
{
opacity:.7}

.bouton-carroussel:hover
{
	background:#a00c18;
transition:all .5s ease-in-out}

.navbar-light .navbar-toggler
{
	border:0px !important;
	color:#041562;
	position:absolute;
	left:20px;
	top:50%;
transform:translate(0, -50%)}

.navbar-light .navbar-toggler-icon
{
background-image:url("../images/menu.svg") !important}

.menu-mobile.ouvert
{
	position:fixed;
	left:0 !important;
	transition:all .2s ease-in-out;
}

.menu-mobile
{
	position:fixed;
	top:0;
	left:-1000px;
	z-index:1050;
	display:block;
	height:100%;
	overflow:hidden;
	outline:0;
	transition:all .2s ease-in-out;
	font-weight:bold;
	color:#041562;
font-size:20px}

.menu-mobile .modal-dialog
{
	height:100%;
margin:0}

.menu-mobile .modal-content
{
	border:none;
	height:100%;
border-radius:0rem !important}

.menu-mobile .modal-header
{
	padding:0rem 1rem;
	border-top-left-radius:0rem;
border-top-right-radius:0rem}

.fermeture svg
{
	font-size:25px;
	color:gray;
	margin-top:20px;
cursor:pointer}

.nav-item
{
	list-style:none !important;
	padding-top:10px;
padding-bottom:10px}

.category-index
{
	background:#fff;
cursor:pointer}

.category-index .block
{
	border-radius:20px;
	border:2px solid #fff;
transition:all .2s ease-in-out}

.category-index:hover .block
{
	border:2px solid #041562;
transition:all .2s ease-in-out}

.category-index h2,.category-index h3
{
	color:#041562;
font-weight:bold}
.category-index h3{
font-size:1.5rem
}


@media(min-width: 1500px)
{
	.container
	{
	max-width:80%}
}

a
{
text-decoration:none !important}

a:hover
{
	color:inherit;
text-decoration:none !important}

.background-bleu
{
background:#12468f}

@media(min-width: 992px)and (max-width: 1450px)
{
	.bloc-tracteur
	{
		background-image:url("../images/nouveaute-bis.png") !important;
		background-position:calc(100% - 1rem) center !important;
		background-repeat:no-repeat;
	background-size:58%}
}

@media(min-width: 1451px)and (max-width: 1919px)
{
	.bloc-tracteur
	{
		background-image:url("../images/nouveaute-bis.png") !important;
		background-position:calc(100% - 4.5rem) center !important;
		background-repeat:no-repeat;
	background-size:46%}
}

@media(min-width: 1920px)
{
	.bloc-tracteur
	{
		background-image:url("../images/nouveaute-bis.png") !important;
		background-position:calc(100% - 6.5rem) center !important;
		background-repeat:no-repeat;
	background-size:38%}

	.bloc-tracteur .titre
	{
	margin-left:4rem}

	.bloc-tracteur p
	{
	margin-left:4rem}

	.bloc-tracteur .bouton-carroussel
	{
	margin-left:4rem}
}

@media(min-width: 992px)and (max-width: 1450px)
{
	.bloc-tracteur
	{
		background-image:url("../images/nouveaute-bis.png") !important;
		background-position:calc(100% - 1.5rem) center !important;
		background-repeat:no-repeat;
	background-size:38%}
}

@media(min-width: 576px)and (max-width: 991px)
{
	.bloc-tracteur
	{
		background-image:url("../images/nouveaute-bis.png") !important;
		background-position:calc(100% - 4.5rem) center !important;
		background-repeat:no-repeat;
	background-size:46%}
}

@media(max-width: 575px)
{
	.bloc-tracteur
	{
		background-image:url("../images/nouveaute-bis.png") !important;
		background-position:calc(100% - 1.5rem) center !important;
		background-repeat:no-repeat;
	background-size:38%}
}

.bloc-tracteur .titre
{
	text-transform:uppercase;
	font-size:30px;
	font-weight:bold;
color:#fff}

.bloc-tracteur .titre span
{
	background:#ee1a2c;
padding:.2rem}

.bloc-tracteur p
{
	font-size:18px;
color:#fff}

.background-cochon
{
background:no-repeat bottom right/100% url("../images/occasion3.jpg")}

.background-cochon .bloc-tracteur .titre,.background-cochon .bloc-tracteur p
{
color:#041562 !important}

.background-cochon .bloc-tracteur span
{
	background:rgba(0,0,0,0) !important;
	color:#ee1a2c !important;
padding:.2rem !important}

.background-cochon .bloc-tracteur
{
background:none !important}

.qui_sommes
{
	color:#041562;
text-align:justify}

.present-produit,.present-projet
{
border-radius:1.5rem}

.present-produit h3,.present-projet h2,
.present-produit h2,.present-projet h3
{
	color:#041562;
	font-weight:bold;
	font-size:17px;
text-transform:uppercase}

.pt-description
{
	font-size:12px;
	text-transform:uppercase;
	font-style:italic;
color:#041562}

.pt-description-projet
{
	font-size:12px;
	text-transform:uppercase;
	font-style:italic;
}

.prix h3, .prix h4
{
	color:#041562;
	font-weight:bold;
	font-size:40px;
	text-transform:uppercase;
line-height:40px}

.prix p
{
	color:#041562;
	font-weight:normal;
	font-size:11px;
	text-transform:uppercase;
line-height:11px}

.pt-description p
{
	font-size:13px;
line-height:13px}

.present-produit .bouton-carroussel,.present-projet .bouton-carroussel
{
	font-size:13px !important;
padding:.8rem 2rem !important}

.present-produit,.present-projet
{
	border:2px solid #fff;
	transition:all .2s ease-out;
cursor:pointer;
min-block-size: 100%;
}

.present-produit:hover,.present-projet:hover
{
	border:2px solid #041562;
transition:all .2s ease-out}

.logo-produit
{
	top:20px;
	right:20px;
	overflow:hidden;
width:15% !important}

.titre-projet
{
	font-size:22px !important;
line-height:22px !important}

.description-projet
{
	font-size:15px !important;
color:#ee1a2c !important}

.projet
{
	padding-right:2px;
padding-left:2px}

.background-devis
{
	background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),url("../images/worker.jpeg");
	background-position:center center;
	background-size:cover;
background-repeat:no-repeat}

.background-devis p
{
	color:#041562;
	text-transform:uppercase;
	font-size:20px;
line-height:20px}

.background-bleu-bis
{
background:#041562}

.liste-avantage h3
{
	color:#fff;
	font-size:20px;
	line-height:20px;
	text-transform:uppercase;
font-weight:bold}

.liste-avantage p
{
	color:#fff;
	font-size:14px;
	line-height:19px;
font-weight:normal}

.slick-prev:before
{
display:none}

.slick-next:before
{
display:none}

.liste-avantage .slick-dots
{
display:none}

.liste-avantage{
	display:flex; 
	flex-wrap:wrap;
	justify-content: space-around;
    align-items: baseline;
}

.liste-avantage .avantage{
	display:flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	max-width: 200px;
}
.liste-avantage div.col-12{
	    display: flex
;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.liste-avantage img{
	max-width: 120px;
}
.newsletter
{
	color:#041562;
	font-size:18px;
	line-height:18px;
font-weight:bold}

.input-newsletter
{
	border-radius:50px;
	border-color:#041562;
	color:#041562;
padding:.5rem 1rem !important}

.input-newsletter::-webkit-input-placeholder
{
	color:#041562;
opacity:.5}

.input-newsletter::-moz-placeholder
{
	color:#041562;
opacity:.5}

.input-newsletter:-ms-input-placeholder
{
	color:#041562;
opacity:.5}

.input-newsletter::-ms-input-placeholder
{
	color:#041562;
opacity:.5}

.input-newsletter::placeholder
{
	color:#041562;
opacity:.5}

.rs
{
	width:45px;
height:45px}

.rs img
{
	top:50%;
	left:50%;
transform:translate(-50%, -50%)}

.infos-plus
{
	color:#041562;
	font-size:21px;
	line-height:21px;
font-weight:bold}

.lien-footer-blanc
{
	color:#041562;
	font-size:14px;
	line-height:14px;
font-weight:normal}

.icone-footer
{
	width:13px;
height:auto}

.lien-coordonnee
{
	color:#041562;
	font-size:16px;
	line-height:16px;
font-weight:normal}

.background-bleu-clair
{
background:#e1e8f1}

.partenaire
{
	color:#041562;
	font-size:22.5px;
	line-height:22.5px;
font-weight:bold}

.logo-partenaire
{
max-width:200px}

.entete li
{
list-style:none}

.entete,.entete li,.entete li a
{
	color:#041562;
	font-size:14px;
line-height:14px}

.entete li.active
{
font-weight:bold}

.entete li a:hover
{
	cursor:pointer;
text-decoration:underline !important}

.chapeau
{
	color:#041562;
	font-size:17px;
	font-weight:normal;
text-align:justify}

.chapeau-projet
{
	color:#ee1a2c;
	font-size:17px;
	line-height:17px;
	font-weight:bold;
text-align:justify}

.chapeau-contact
{
	color:#041562;
	font-size:23px;
line-height:27px}

.background-gris
{
background:#eaeaea}

.modal-header .titre
{
font-size:20px !important}

#modal_categorie input[type=radio],#modal_sous_categorie input[type=radio]
{

	width:25px;
	height:25px;
cursor:pointer}

.form-check-label
{
	padding-left:25px !important;
padding-top:5px}

.form-check
{
padding-left:1.75rem !important}

input[type=radio]:checked
{
accent-color:#ee1a2c !important}

#modal_categorie .modal-body
{
	height:400px;
overflow:auto}

.modal-footer
{
	justify-content:space-evenly;
box-shadow:0px 0px 14px -7px rgba(0,0,0,.74) !important}

#modal_categorie .modal-footer button,#modal_sous_categorie .modal-footer button
{
	color:#ee1a2c;
	border:none;
	background-color:rgba(0,0,0,0);
font-size:18px}

#modal_categorie .modal-footer button:hover,#modal_sous_categorie .modal-footer button:hover
{
color:#a00c18}

#modal_categorie,#modal_sous_categorie
{
	max-width:calc(30em - 7em);
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
height:auto}

#modal_sous_categorie .modal-footer button[disabled],#modal_sous_categorie .modal-footer button:disabled
{
color:gray !important}

.resultat
{
	font-size:20px;
	line-height:25px;
	color:#041562;
font-style:italic}

.resultat span
{
color:#ee1a2c}

.paragraphe_categorie
{
color:#041562}

.numerotation, .numerotation_produit
{
	color:#ee1a2c;
	cursor:pointer;
transition:all .2s ease-out}

.numerotation.active, .numerotation_produit.active, 
.numerotation:hover, .numerotation_produit:hover
{
	font-weight:bold;
color:#a00c18}

.titre.catalogue
{
font-size:45px !important}

.background-bleu2
{
background:#e1e8f1}

.tout-produit
{
	background:#041562!important;
    color: #ffff!important;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s ease-out;
    border: 2px solid #041562!important;
    min-height: 11rem;
    box-sizing: content-box;
}


.tout-produit:hover
{
	background:#0b112e;
color:#fff}

.category
{
	background:#fff;
	color:#041562;
	font-weight:bold;
	text-transform:uppercase;
	cursor:pointer;
	transition:all .2s ease-out;
	border:2px solid #fff;
	min-height: 11rem;
    box-sizing: content-box;
}

.category:hover,.category.active
{
border:2px solid #ee1a2c}

.category p,.sous-categorie p
{
	margin-bottom:0px;
color:#041562}

.category:hover p,.category.active p
{
color:#ee1a2c}

.sous-categorie
{
	background:#fff;
	color:#041562;
	font-weight:bold;
	cursor:pointer;
	transition:all .5s ease-out;
	height:0;
	overflow:hidden;
padding:0px !important}

.sous-categorie a:hover p
{
	color:#ee1a2c;
	cursor:pointer;
transition:all .2s ease-out}

.sous-categorie.active
{
	height:auto !important;
padding:1rem !important}

.lien_categorie
{
	color:#ee1a2c;
	-webkit-text-decoration:underline solid #ee1a2c !important;
text-decoration:underline solid #ee1a2c !important}

.lien_categorie:hover
{
	color:#a00c18;
	-webkit-text-decoration:underline solid #a00c18 !important;
text-decoration:underline solid #a00c18 !important}

h3.chapeau
{
font-size:25px !important}

.projet img
{
cursor:pointer}

.close
{
z-index:99}

.description-blog
{
color:#000 !important}

.chapeau-blog
{
	font-size:23px;
	line-height:27px;
	font-style:italic;
color:#041562}

.description-detail-blog
{
color:#041562}

.nav-link.active
{
color:#ee1a2c !important}

.form-group input,.form-group textarea
{
	width:100%;
	background:#eaeae9;
	color:#9d9d9d;
	border-color:#eaeae9;
	padding:5px 15px;
border-style:solid}

#carouselProduct
{
margin-bottom:100px}

@media screen and (max-width: 992px)
{
	#carouselProduct
	{
	margin-bottom:30px}

	#carouselProduct.carousel
	{
	height:auto !important}
}

#carouselProduct .carousel-inner
{
box-shadow:0px 3px 6px rgba(0,0,0,.1607843137)}

#carouselProduct .disclaimer
{
	display:block;
	font-family:"Rubik";
	color:#8189b0;
	font-size:10px;
	text-transform:uppercase;
padding-top:18px}

#carouselProduct .carousel-indicators
{
bottom:-40px}

#carouselProduct .carousel-indicators li
{
	height:2px;
background-color:#8189b0}

#carouselProduct .carousel-indicators li.active
{
	height:3px;
background-color:#041562}

#carouselProduct .carousel-control-next-icon,#carouselProduct .carousel-control-prev-icon
{
	height:30px;
width:30px}

#carouselProduct .carousel-control-prev
{
left:-95px}

@media screen and (max-width: 992px)
{
	#carouselProduct .carousel-control-prev
	{
	left:0}
}

#carouselProduct .carousel-control-prev-icon
{
background-image:url("../../../assets/images/SVG/circle-chevron-left.svg")}

#carouselProduct .carousel-control-next
{
right:-95px}

@media screen and (max-width: 992px)
{
	#carouselProduct .carousel-control-next
	{
	right:0}
}

#carouselProduct .carousel-control-next-icon
{
background-image:url("../../../assets/images/SVG/circle-chevron-right.svg")}

#TabsProduct.nav-pills
{
	display:flex;
	flex-direction:row;
	justify-content:space-between;
	flex-wrap:nowrap;
	align-content:center;
	align-items:center;
gap:0}

@media screen and (max-width: 992px)
{
	#TabsProduct.nav-pills
	{
	flex-direction:column}
}

#TabsProduct.nav-pills .nav-item
{
	text-align:center;
width:100%}

@media screen and (max-width: 992px)
{
	#TabsProduct.nav-pills .nav-item
	{
		padding-top:1px;
	padding-bottom:0}
}

#TabsProduct.nav-pills .nav-item .nav-link
{
	border-radius:0;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff !important;
	background-color:#8189b0;
border-bottom:2px solid rgba(0,0,0,0)}

#TabsProduct.nav-pills .nav-item .nav-linka
{
color:#fff !important}

#TabsProduct.nav-pills .nav-item .nav-link:hover
{
border-bottom:2px solid #041562}

#TabsProduct.nav-pills .nav-item .nav-link.active
{
background-color:#041562}

#TabsProductPills p
{
	color:#041562;
	font-size:16px;
	line-height:19px;
letter-spacing:0}

#TabsProductPills .table
{
	color:#041562;
font-size:16px}

#formCard .datepicker
{
	position:relative;
	border-radius:10px;
	padding:0 0 0 15px;
	border:2px solid #041562;
background:rgba(0,0,0,0)}

@media screen and (max-width: 992px)
{
	#formCard .datepicker
	{
	width:100%}
}

#formCard .datepicker:after
{
	content:"";
	position:absolute;
	height:100%;
	width:52px;
	top:0;
	right:-2px;
	background:#041562;
	border-radius:10px;
z-index:-1}

#formCard .datepicker-secondary
{
border:2px solid #ee1b2b}

#formCard .datepicker-secondary::after
{
background:#ee1b2b}

#formCard .datepicker::-webkit-calendar-picker-indicator
{
	padding:10px 15px;
	height:20px;
	width:20px;
	background-image:url("../../../assets/images/SVG/calendar.svg");
background-size:cover}

#formCard .datepicker::-webkit-datetime-edit
{
color:gray}

#formCard .datepicker::-webkit-input-placeholder
{
color:gray}

#formCard .datepicker::-moz-placeholder
{
color:gray}

#formCard .datepicker:-ms-input-placeholder
{
color:gray}

#formCard .datepicker::-ms-input-placeholder
{
color:gray}

#formCard .datepicker::placeholder
{
color:gray}

#formCard .datepicker #picker
{
opacity:0}

#formCard .bg-alice
{
	margin:10px 0;
	padding:15px 30px;
background-color:#e2e8f1}

#formCard .bg-alice p
{
	color:#041562;
	font-size:.9rem;
line-height:1rem}

#formCard .bg-alice .item
{
	position:relative;
margin:20px 0}

#formCard .bg-alice .item .check
{
	display:block;
	position:absolute;
	border:5px solid #fff;
	background-color:#fff;
	border-radius:100%;
	height:26px;
	width:26px;
	top:50%;
	transform:translateY(-50%);
	left:24px;
	z-index:5;
	transition:border .25s linear;
-webkit-transition:border .25s linear}

#formCard .bg-alice .item .check::before
{
	display:block;
	position:absolute;
	content:"";
	border-radius:100%;
	height:16px;
	width:16px;
	top:0;
	left:0;
	margin:auto;
	transition:background .25s linear;
-webkit-transition:background .25s linear}

#formCard .bg-alice .item input[type=radio]
{
display:none}

#formCard .bg-alice .item input[type=radio]:checked~label::before
{
background:#ee1b2b !important}

#formCard .bg-alice .item input[type=radio]:checked~label .check::before
{
background:#ee1b2b}

#formCard .bg-alice .item label
{
	display:block;
	width:100%;
	position:relative;
	padding:30px 5px 30px 60px;
	color:#fff;
	background-color:#041562;
	font-size:.8rem;
	line-height:1rem;
cursor:pointer}

@media screen and (max-width: 1700px)
{
	#formCard .bg-alice .item label
	{
	padding:45px 5px 45px 60px}
}

#formCard .bg-alice .item label::before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:15px;
	height:100%;
background-color:#8189b0}

#formCard .bg-alice .item-long label:hover .check::before,
#formCard .bg-alice .item-long label:active .check::before
{
background:#ee1b2b}

#formCard .bg-alice .item-long label:hover::before,
#formCard .bg-alice .item-long label:hover::before 
{
background-color:#ee1b2b}

#formCard .bg-alice .item .promo
{
	position:absolute;
	bottom:100%;
	right:0;
	text-transform:uppercase;
	background-color:#ee1b2b;
	color:#fff;
	padding:2px 10px;
	font-size:.8rem;
font-weight:bold}

#formCard .bg-alice .item .label2
{
	display:flex;
	flex-direction:column;
	position:absolute;
	top:50%;
	right:5px;
	transform:translateY(-50%);
color:#fff}

#formCard .bg-alice .item .label2 .prices
{
	display:flex;
	flex-direction:row;
	align-items:center;
gap:.1rem}

@media screen and (max-width: 1700px)
{
	#formCard .bg-alice .item .label2 .prices
	{
	flex-direction:column}
}

@media screen and (max-width: 992px)
{
	#formCard .bg-alice .item .label2 .prices
	{
		flex-direction:row;
		gap:.5rem;
	padding-right:25px}
}

#formCard .bg-alice .item .label2 .old_price
{
	position:relative;
	font-size:1.4rem;
line-height:1.6rem}

#formCard .bg-alice .item .label2 .old_price:before
{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	height:2px;
	transform:translateY(-50%) rotate(30deg);
background-color:#ee1b2b}

#formCard .bg-alice .item .label2 .price
{
	font-weight:bold;
	font-size:1.5rem;
line-height:1.7rem}

#formCard .bg-alice .item .label2 .mini
{
	text-align:right;
	text-transform:uppercase;
	font-size:.6rem;
	line-height:.7rem;
letter-spacing:0}

@media screen and (max-width: 992px)
{
	#formCard .bg-alice .item .label2 .mini
	{
	padding-right:25px}
}

#formCard .bg-alice .item-neutre
{
	color:#041562;
	text-align:right;
	width:100%;
	display:flex;
	justify-content:space-around;
	gap:1rem;
	padding:30px 5px 30px 60px;
margin:10px 0}

@media screen and (max-width: 1700px)
{
	#formCard .bg-alice .item-neutre
	{
		padding:0;
		justify-content:flex-end;
	padding-bottom:25px}
}

@media screen and (max-width: 992px)
{
	#formCard .bg-alice .item-neutre
	{
	padding-right:25px}
}

#formCard .bg-alice .item-neutre .right
{
	display:flex;
flex-direction:column}

#formCard .bg-alice .item-neutre .price
{
	font-weight:bold;
	font-size:1.5rem;
line-height:1.7rem}

#formCard .bg-alice .item-neutre .mini
{
	text-align:right;
	text-transform:uppercase;
	font-size:.6rem;
	line-height:.7rem;
letter-spacing:0}

#formCard .bg-alice .item-neutre.disabled
{
opacity:.5}

#formCard .bg-alice .item.disabled
{
opacity:.5}

#formCard .bg-alice .item.disabled:hover
{
cursor:initial}

#formCard .bg-alice .item.disabled:hover label
{
cursor:initial}

#formCard .bg-alice .item.disabled:hover label:before
{
background-color:#8189b0}

#confirmModal.show
{
background:rgba(4,21,98,.44)}

#confirmModal .modal-content
{
border-radius:27px}

#confirmModal .modal-header
{
border:none}

#confirmModal .modal-header .close
{
	color:#041562;
	font-size:2rem;
	font-weight:500;
opacity:1}

#confirmModal .modal-footer
{
	border:none;
box-shadow:0 0 0 0 rgba(0,0,0,0) !important}

@media screen and (min-width: 992px)
{
	#confirmModal .modal-footer
	{
	padding:0 80px 50px 80px}
}

@media screen and (min-width: 992px)
{
	#confirmModal .modal-body
	{
	padding:0 80px 50px 80px}
}

#confirmModal .modal-body .confirmation
{
	display:flex;
	align-items:center;
	justify-content:center;
gap:25px}

#confirmModal .modal-body .confirmation .ico
{
	width:25px;
height:25px}

@media screen and (min-width: 992px)
{
	#confirmModal .modal-body .confirmation .ico
	{
		width:75px;
	height:75px}
}

.confirmation .title
{
	font-family:"Rubik";
	font-weight:bold;
	font-size:20px;
	line-height:22px;
color:#041562}

@media screen and (min-width: 992px)
{
	.confirmation .title
	{
		font-size:26px;
	line-height:31px}
}

#confirmModal .modal-body .item
{
	display:flex;
	align-items:center;
	border:1px solid #041562;
	border-radius:15px;
	padding:5px;
margin-top:15px}

@media screen and (min-width: 992px)
{
	#confirmModal .modal-body .item
	{
	padding:25px}
}

#confirmModal .modal-body .item img
{
box-shadow:0 0 15px #eee;
max-width: 230px;
}

#confirmModal .modal-body .item .description
{
	display:flex;
	flex-direction:column;
gap:15px}

@media screen and (max-width: 992px)
{
	#confirmModal .modal-body .item .description
	{
		align-content:center;
		align-items:center;
	padding:15px 0}
}

#confirmModal .modal-body .item .description span
{
	font-family:"Rubik";
	font-size:14px;
line-height:24px}

#confirmModal .modal-body .item .description span.libelle
{
	text-transform:uppercase;
	font-size:20px;
	line-height:24px;
font-weight:bold}

#confirmModal .modal-body .item .description .dates
{
	display:flex;
	flex-direction:row;
gap:5px}

@media screen and (max-width: 360px)
{
	#confirmModal .modal-body .item .description .dates
	{
	flex-direction:column}
}

#confirmModal .modal-body .item .description .prices
{
	display:flex;
	flex-direction:row;
gap:15px}

.form-qty input
{
	width:50px;
	box-shadow:inset 0px 3px 6px rgba(0,0,0,.1607843137);
	border-radius:12px;
	border:none;
	padding:10px;
	text-align:center;
	margin:0 15px;
-moz-appearance:textfield}

.form-qty input::-webkit-inner-spin-button
{
	-webkit-appearance:none;
margin:0}

.form-qty input::-o-inner-spin-button
{
	-o-appearance:none;
margin:0}

.form-qty input::-webkit-input-placeholder
{
	text-align:center;
color:#041562}

.form-qty input::-moz-placeholder
{
	text-align:center;
color:#041562}

.form-qty input:-ms-input-placeholder
{
	text-align:center;
color:#041562}

.form-qty input::-ms-input-placeholder
{
	text-align:center;
color:#041562}

.form-qty input::-webkit-input-placeholder
{
	text-align:center;
color:#041562}

.form-qty input::placeholder
{
	text-align:center;
color:#041562}

.form-qty button
{
	all:unset;
	color:#041562;
	font-size:2rem;
	font-weight:bold;
cursor:pointer}

#detail_produit .heading-1
{
	font-family:"Rubik";
	color:#041562;
font-size:2.8rem}

#detail_produit .heading-1 span
{
color:#ee1b2b}

@media screen and (max-width: 992px)
{
	#detail_produit .heading-1
	{
	font-size:2rem}
}

#detail_produit .heading-2
{
	font-weight:600;
	text-transform:uppercase;
	font-size:26px;
	line-height:31px;
	color:#041562;
margin-bottom:0}

#detail_produit .heading-2 span
{
color:#ee1b2b}

#detail_produit .heading-3
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:36px;
	line-height:43px;
	color:#041562;
margin-bottom:0}

#detail_produit .heading-3 span
{
color:#ee1b2b}

#detail_produit .heading-small
{
	color:#041562;
	font-size:14px;
line-height:16px}

@media screen and (max-width: 992px)
{
	#detail_produit #relatedProducts>.container>.d-flex
	{
		flex-direction:column;
	gap:15px}
}

#detail_produit #relatedProducts .present-produit
{
background-color:#fff}

@media screen and (max-width: 992px)
{
	.img_card
	{
		width:auto;
		height:150px;
	margin:0 auto}
}

.btn_delete
{
	width:50px;
	height:100%;
	background-color:#f68c94;
	color:#fff;
	border-radius:10px;
	display:flex;
	align-items:center;
justify-content:center}

.btn_delete .ico
{
width:25px}

.btn_delete:hover
{
	cursor:pointer;
background-color:#ee1b2b}

.color-primary
{
color:#041562}

.color-secondary
{
color:#ee1b2b}

.color-neutral
{
color:#848484}

.bg-alice
{
background-color:#e2e8f1}

.font-x
{
font-size:1.5rem}

.border-color-secondary
{
	border-color:#ee1b2b;
border-width:4px}

.border-left-secondary
{
border-left:4px solid #ee1b2b}

.text-color-secondary
{
color:#ee1b2b}

.border-radius
{
border-radius:12px}

.font-x2
{
font-size:1.4rem}

.form-control:disabled
{
	background-color: #bac1c7!important;
	color: #323234!important;
}

.ratio-4x3
{
	position:relative;
	overflow:hidden;
	width:100%;
	height:100%;
}

.ratio-4x3:after
{
	display:block;
	content: "";
	padding-bottom: 75%;
}

.ratio-4x3 img
{
	top:50%;
	left:50%;
	transform: translate(-50%,-50%); 
	max-height:100%!important;
	width: auto!important;
}

.projet
{
	position:relative;
	overflow:hidden;
}

.projet img
{
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	margin:2px;
}

/* .present-produit .pt-description
{
	height:140px;
}
 */
.present-blog .pt-description{
	height: auto;
}
.projet::after
{
	display: block;
	content: "";
	padding-bottom: 56.25%;
}

#confirm-delete .modal-dialog .modal-footer
{
	box-shadow:0px 0px 0px!important;
	border-top: 0px solid #dee2e6!important;
}

.boule-rouge
{
	width: 20px;
	height: 20px;
	background: #ef1a2c;
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 25px;
}

@media screen and (max-width: 440px)
{
	.input-newsletter
	{
	padding:.5rem 0.5rem !important}
}

.mb-5 h4
{
	font-size: 1.5rem;
}

@media screen and (max-width:1499px)
{
	.mb-5 h4
	{
		font-size: 1.25rem;
	}
}



.background-bleu-clair .category img
{
	max-width: calc(21% + 80px);
	padding: 0;
}

.background-bleu-clair .category p
{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

@media screen and (max-width:410px)
{
	.background-bleu-clair .category p
	{
		font-size: 12px;
	}
}

@media screen and (max-width:991px)
{
	.menu-mobile ul
	{
		padding: 0px;
	}


}

.modal-body
{
	overflow: auto;
}

@media screen and (min-width:576px)
{
	.modal-dialog
	{
		max-width: 100%;
	}
}


/* styles for '...' */  
.description-blog {
	/* hide text if it more than N lines  */
	overflow: hidden;
	/* for set '...' in absolute position */
	position: relative;
	/* use this value to count block height */
	line-height: 1.2em;
	/* max-height = line-height (1.2) * lines max number (3) */
	max-height: 3.6em;
	/* fix problem when last visible word doesn't adjoin right side  */
	text-align: justify;
	/* place for '...' */

	padding-right: 1em;
	background: linear-gradient(165deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 60%, rgb(255 255 255) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 } 
 
 /* create the ... */
.description-blog:before {
	/* points in the end */
	content: '...';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of block */
	right: 0;
	bottom: 0;
 }
 
 /* hide ... if we have text, which is less than or equal to max lines */
 .description-blog:after {
	/* points in the end */
	content: '';
	/* absolute position */
	position: absolute;
	/* set position to right bottom corner of text */
	right: 0;
	/* set width and height */
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
	/* bg color = bg color under block */
	background: white;
 } 

 .carousel-caption-des {
    text-align: center;
    display: flex;
    width: 100%;
    position: absolute;
    top: 200px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: auto;
    color: white;
    align-content: center;
	padding: 0 20px;
}

.des-image{
	z-index: -2;
}

.price_bt{
	position: absolute;
    margin: auto;
    bottom: 10px;
    width: 100%;
	left:0;
}


.tarteaucitronAlertBigTop {
    max-height: 100%!important;
    display: block;
    overflow-x: scroll!important;
  }
  
  .tarteaucitronAlertBigTop img{
    width: 200px!important;
  }
@media (min-width:992px){
	.search_top_index{
	display: table;
  }
}

.search_top_index{
	top: 35%!important;
  }

  #modal_categorie .modal-content, #modal_sous_categorie .modal-content{
	max-height: 80vh;
  }

  .m-flex{
	text-align: center;
    justify-content: center;
	width: 100%;
	margin: 0;
  }
  .mp-flex{
	text-align: center;
    justify-content: space-around;
	width: 100%;
	margin: 0;
  }
  @media (min-width:992px){
	.m-flex .description{
		text-align: initial;
    	max-width: fit-content;
	}
  }
  .item_pdt_asso{
	justify-content: center;
  }
  @media (max-width:768px){
  .item_pdt_asso{
	justify-content: start;
  }
}
@media screen and (min-width:541px){
.agence .boxAdresses{
	gap:40px
}}

/* ---------------------------------------------------------------- */
/* Recherche instantanée (Meilisearch)                               */
/* ---------------------------------------------------------------- */

.recherche-instantanee-wrapper {
	max-width: 700px;
	margin: 0 auto;
}

.search_top_index .recherche-instantanee-wrapper {
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

@media (max-width: 767px) {
	.search_top_index {
		left: 24px !important;
		right: 24px !important;
	}
}

.recherche-instantanee-input-group {
	position: relative;
	display: flex;
}

.recherche-instantanee-input {
	font-size: 16px;
	padding: 1rem 2.5rem 1rem 1.5rem;
	background: #fff;
	color: #041562;
	border-radius: 50px;
	font-weight: bold;
	border: 0;
	height: auto;
	width: 100%;
	box-sizing: border-box;
}

.recherche-instantanee-input:focus {
	outline: 0;
	box-shadow: 0 0 0 2px #041562;
}

.recherche-instantanee-clear {
	position: absolute;
	right: 1.25rem;
	top: 50%;
	transform: translateY(-50%);
	border: 0;
	background: none;
	color: #041562;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	padding: 0;
}

.recherche-instantanee-dropdown {
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	right: 0;
	background: #fff;
	border-radius: 16px;
	max-height: 350px;
	overflow-y: auto;
	z-index: 1000;
	text-align: left;
	padding: 0.5rem 0;
}

.ri-section + .ri-section {
	border-top: 1px solid #eaeaea;
	margin-top: 0.5rem;
	padding-top: 0.5rem;
}

.ri-row {
	display: flex;
	align-items: center;
	padding: 0.6rem 1.25rem;
	color: #041562;
	text-decoration: none;
}

.ri-row:hover {
	background: #eaeaea;
	color: #041562;
	text-decoration: none;
}

.ri-row-category {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	color: #041562;
}

.ri-row-produit .ri-thumb {
	position: static !important;
	top: auto !important;
	left: auto !important;
	transform: none !important;
	transition: none !important;
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	min-height: 48px !important;
	max-width: 48px !important;
	max-height: 48px !important;
	object-fit: cover;
	border-radius: 6px;
	margin-right: 12px;
	flex-shrink: 0;
	flex-grow: 0;
	background: #eaeaea;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
}

.ri-row-produit .ri-text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.ri-row-produit .ri-title {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
	color: #041562;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ri-row-produit .ri-subtitle {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 12px;
	color: gray;
}

.ri-empty {
	padding: 1rem 1.25rem;
	color: gray;
	font-style: italic;
}

.recherche-instantanee-dropdown mark {
	background: none;
	padding: 0;
	color: #ee1a2c;
	font-weight: bold;
}