body, h1, h2, h3, h4, h5, h6 {
	font-family: Raleway;
}

/* Header - début */

@media (max-width: 575px) {
	#sp-header {
		height: 100px;
	}
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler {
    color: rgba(34, 47, 116, 0.8);
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover {
    color: #222f74!important;
}

#sp-header-topbar a {
    color: #4d4d4d;
}

.offcanvas-menu .offcanvas-inner ul.menu li.active a {
   font-weight: 500;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-weight: 600;
}

/* Moteur de recherches - début */

.top-search-wrapper .icon-top-wrapper {
    text-align: center;
    display: block;
    cursor: pointer;
}

.top-search-wrapper .icon-top-wrapper i {
	/* border-radius: 10px; */
    /* background-color: white; */
    /* box-shadow: 2.5px 4.33px 15px 0px rgba(250, 162, 146, 0.4); */
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.top-search-wrapper .icon-top-wrapper.active i {
    color: #0c2373;
}

.search-container {
    position: relative;
    /* right: 30%; */
    left: 0px;
    display: none;
    top: 0px;
    z-index: 100;
}

.search-container .form-search .awesomplete {
    display: block;
}

.search-container .form-search .awesomplete .form-control {
    /*height: 50px;*/
    color: #000;
    width: 100%;
    border-radius: 25px;
    /* border-width: 1px; */
    box-shadow: none;
    border-color: #26B0CF;
    background: rgb(38 176 207 / 15%);
}

/* Moteur de recherches - fin */

/* Header - fin */

/* Titres - début */

.suite-titre {
	color:#000;
}

h1 .suite-titre-cat {
    color: white;
    font-family: Dancing Script;
    font-weight: bold;
    font-size: 50px;
    line-height: 30px;
}

h1 {
    /*font-family: Raleway;
    font-weight: lighter;
    font-size: 90px;
    line-height: 100px;
	text-transform: uppercase;*/
}

h1 .suite-titre {
	color:white;
	font-family: Dancing Script;
    font-weight: bold;
    font-size: 150px;
    line-height: 100px;
	text-transform: lowercase;
}

h2 .suite-titre {
	color:#2AC0D7;
	font-family: Dancing Script;
    font-weight: bold;
    font-size: 80px;
    line-height: 85px;
	text-transform: lowercase;
}

h3 .suite-titre {
	color:#2AC0D7;
	font-family: Dancing Script;
    font-weight: bold;
    font-size: 80px;
    line-height: 70px;
	text-transform: lowercase;
}

h4 .suite-titre {
	color:white;
	font-family: Dancing Script;
    font-weight: bold;
    font-size: 150px;
    line-height: 100px;
	text-transform: lowercase;
}

/* Titres - fin */

/* Corps - début */

/*.angle-hg-100 {
	border-radius: 100px 0px 0px 0px;
}

.angle-bg-100 {
	border-radius: 0px 0px 0px 100px;
}

.angle-hd-70 {
	border-radius: 0px 70px 0px 0px;
}

.angle-bg-300 {
	border-radius: 0px 0px 0px 300px;
}*/

/* Corps - fin */

/* Boutons - début */

.sppb-btn {
	/*width:180px*/
	border-radius: 0px 30px 30px 30px;
	text-transform: uppercase;
	font-weight:700;
	font-size:16px;
	text-align: center;
	letter-spacing: 0px;
	line-height: 22px;
	padding: 10px 30px;
}

.btn-primary, .btn-secondary {
	/*width:180px;*/
	border-radius: 0px 30px 30px 30px;
	text-transform: uppercase;
	font-weight:500;
	font-size:16px;
	text-align: center;
	letter-spacing: 0px;
	line-height: 22px;
}

.btn-primary {
	--bs-btn-active-bg: rgba(41, 192, 215, 0.70);
	--bs-btn-active-border-color: rgba(41, 192, 215, 0.70);
}

.btn-blanc {
	border: 2px solid rgb(255, 255, 255, 1);
	color: rgb(255, 255, 255, 1);
}

.btn-blanc:hover {
	background-color: rgb(255, 255, 255, 0.3);
	color: rgb(0, 0, 0, 1);
}

.btn-bleu-clair {
	border: 2px solid rgb(42, 192, 215, 1);
	color: rgb(42, 192, 215, 1);
}

.btn-bleu-clair:hover {
	background-color: rgb(42, 192, 215, 0.3);
	color: rgb(0, 0, 0, 1);
}

.btn-bleu-fonce {
	border: 2px solid rgb(40, 56, 146, 1);
	color: rgb(40, 56, 146, 1);
}

.btn-bleu-fonce:hover {
	background-color: rgb(40, 56, 146, 0.3);
	color: rgb(40, 56, 146, 1);
}

.btn-creme {
	border: 2px solid rgb(245, 183, 134, 1);
	color: rgb(255, 255, 255, 1);
}

.btn-creme:hover {
	background-color: rgb(245, 183, 134, 0.3);
	color: rgb(255, 255, 255, 1);
}

.btn-fd-creme {
	background-color: rgb(245, 183, 134, 1);
	color: rgb(255, 255, 255, 1)!important;
}

.btn-fd-creme:hover {
	background-color: rgb(245, 183, 134, 0.5);
	color: rgb(0, 0, 0, 0.4)!important;
}

/* Boutons - fin */

/* Module wewsletter début */

.sppb-optin-form input {
    border-radius: 0px 30px 30px 30px!important;
}

.sppb-btn-newsletter {
	display: inline-block;
    white-space: pre-line;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 8px 12px;
    border-radius: 0px 30px 30px 0px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 22px;
	transition: all .15s ease-in-out;
	color:#ffffff;
	background-color:#2AC0D7;
}

.sppb-btn-newsletter:hover {
	color:rgba(0, 0, 0, 0.5);
}

.sppb-addon-optin-forms {
    padding: 10px;
}

.sppb-optin-form-details-wrap {
	display: none;
}

.suite-titre-news {
	color:#2AC0D7;
	font-family: Dancing Script;
    font-weight: bold;
    font-size: 50px;
    line-height: 34px;
	text-transform: lowercase;
}

.acym_form input {
    background-color: #535d93 !important;
    color: rgba(255, 255, 255, 0.4) !important;
    border: none !important;
    border-width: 2px !important;
    border-color: #2ac0d7 !important;
    border-style: solid !important;
    border-radius: 0px 30px 30px 30px !important;
}

.acym_form input::placeholder {
    color: #fff;
}

.acysubbuttons input {
    padding: 10px 30px;
    color: rgb(42, 192, 215, 1);
    border: 2px solid rgb(42, 192, 215, 1);
}

.acysubbuttons input:hover {
    background-color: rgb(42, 192, 215, 0.3);
    color: rgb(0, 0, 0, 1);
}

/* Module Newsletter fin */

/* Caroussel des articles début */

.sppb-articles-carousel-column {
    padding: 0px 30px;
}

.bx-controls-direction a {
    font-size: 40px!important;
}

/* Caroussel des articles fin */

#sp-header-topbar .container-inner {
    border-bottom: none;
}

/* Fenêtre modale form contact début

		.modal {
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			background-color: #fff;
			box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.4);
			padding: 20px;
			z-index: 9999;
		}

		.modal h2 {
			margin-top: 0;
		}

		.modal p {
			margin: 10px 0;
		}

		.modal ul {
			margin: 10px 0;
			padding-left: 20px;
		}

		.modal li {
			margin: 5px 0;
		}

		.modal button {
			background-color: #1e90ff;
			color: #fff;
			padding: 10px 20px;
			border: none;
			border-radius: 5px;
			font-size: 16px;
			cursor: pointer;
		}

		.overlay {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-color: rgba(0, 0, 0, 0.6);
			z-index: 9999;
			display: none;
		}

		.overlay.show {
			display: block;
		}

Fenêtre modale form contact fin */

/* Article début */

.article-ratings .rating-symbol span.rating-star:hover:before {
    color: #2AC0D7;
}

.article-ratings .rating-symbol span.rating-star:before {
	color: #2AC0D7;
}

.article-ratings .rating-symbol span.rating-star:hover:before, .article-ratings .rating-symbol span.rating-star:hover~span.rating-star:before {
	color: #2AC0D7;
}

.pagenavigation .pagination .previous {
	border-radius: 30px 0px 30px 30px;
}

/* Article fin */

/* Fil d'ariane début */

.breadcrumb {
    padding: 0.75rem 0rem;
    background-color: unset;
    border-radius: 0;
    --bs-breadcrumb-divider-color: #ffffff;
    --bs-breadcrumb-item-active-color: #ffffff;
	--bs-breadcrumb-font-size: 14px;
	--bs-breadcrumb-margin-bottom: 0rem;
}

.pathway {
	color:#ffffff;
}

.breadcrumb .float-start {
	color:#ffffff;
}

/* Fil d'ariane fin */

/* Modules de droite début */

#sp-right .sp-module {
    border: 0px;
}

#sp-right .sp-module .sp-module-title {
    border-bottom: 0px;
}

#sp-right .sp-module ul>li {
    border-bottom: 0px;
}

/* Modules de droite fin */

/* Module calculatrice début */

.calculatrice {
	border-radius: 0px 50px 0px 0px!important;
	background-color: #26b0cf33;
}

.calculatrice .sp-module-title {
	color: #222f74;
}

.label-form {
	color:#283892;
	font-size:18px;
	font-weight: 700;
}

.calculatrice input[type="radio"] {
    appearance: none;
	background-color: #ffffff;
    border: 1px solid rgb(38, 176, 207, 1);
	border-radius: 5px;
	width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
}

.calculatrice input[type="radio"]:checked {
    background-color: #26b0cf33;
}
/*
.calculatrice input[type="radio"]::after {
	border-radius: 3px;
    content: "";
    display: block;
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.calculatrice input[type="radio"]::after {
    opacity: 1;
}*/

.calculatrice input[type="text"], .calculatrice input[type="number"] {
    padding: 0.3rem 0.5rem !important;
}

#cornetsHeure {
	width:30%;
}

.btn-recherche {
	position: relative;
    top: 50px;
	color: rgb(255, 255, 255, 1);
	border: 0;
	border-radius: 0px 30px 30px 30px;
	text-transform: uppercase;
	font-weight:700;
	font-size:16px;
	text-align: center;
	letter-spacing: 0px;
	line-height: 22px;
	padding: 10px 30px;
	background-color: rgb(38, 176, 207, 1);
}

.btn-recherche:hover {
	background-color: rgba(38, 176, 207, 0.5);
	color: rgb(0, 0, 0, 0.4);
}

/* Module calculatrice fin */

/* Module filtrage des produits début */

.script {
	font-family: Dancing Script;
	font-size: 50px;
    font-weight: 500;
	color: #222f74;
}

.jfilters-filter-container {
    border-bottom: 0px;
}

.jfilters-filter-header__toggle {
	color:#222f74;
	font-weight: bold;
}

/* Module filtrage des produits fin */

/* Personnalisation du bouton scroll haut - début*/

.sp-scroll-up {
    bottom: 80px;
    right: -30px;
    width: 100px;
    height: 50px;
    line-height: 60px;
    text-align: left;
    font-size: 40px;
    padding-left: 30px;
    background: rgba(245, 183, 134, 1);
    border-radius: 100px 100px 0% 0%;
}

.sp-scroll-up:hover {
    background: rgba(245, 183, 134, 0.8);
	color: #4d4d4d;
}

.sp-scroll-up:focus {
    background: rgb(77 77 77 / 50%);
}

/* Personnalisation du bouton scroll haut - fin*/

/* Personnalisatin de l'addon actus SP - début */

.sppb-articles-ticker-heading {
    justify-content: right;
	padding-right:50px;
}

/* Personnalisatin de l'addon actus SP - fin */

/* Blog des fiches produits - début */

#machines .article-header a {
	font-size: 20px;
    font-weight: 500;
	color: #222f74!important;
}

#machines .article-header a:hover {
	text-decoration: underline;
}

#machines .article-header h2 {
	font-size: 20px;
    font-weight: 500;
	color: #222f74!important;
	text-align: center;
}

#machines .article-introtext {
	font-size: 16px;
    font-weight: 400;
	color: #4d4d4d;
	text-align: center;
}

#machines .article-list .article {
    margin-bottom: 30px;
	margin-top: 180px;
    padding: 20px;
    border: 0px;
    border-radius: 0px 50px 0px 0px;
	background-color:#fef8f3;
}

#machines .article-list .article .article-intro-image {
    margin-top: -50%;
}

#machines .article-list .article .readmore {
    margin-bottom: -30px;
	margin-top: 50px;
    text-align: center;
}

@media screen and (max-width: 992px) {
	#machines .article-list .article {
		margin-top: 350px;
	}
}

#machines .article-list .article .article-intro-image img, #machines .article-list .article .article-featured-video img, #machines .article-list .article .article-featured-audio img, #machines .article-list .article .article-feature-gallery img {
    border-radius: 0px;
	/*padding: 0px 40px;*/
}

/* Blog des fiches produits - fin  */

/* Blog des articles du guide - début */

/*#guides, #actualites {
	padding-left: 80px;
}*/

#guides .article-body, #actualites .article-body {
	margin-left: 20px;
	margin-right: 20px;
}

#guides .article-list {
    margin-left: 10px;
}

#guides .article-list .article .readmore, #actualites .article-list .article .readmore {
    margin-top: 40px;
}

#guides .article-list .article .article-intro-image img, #actualites .article-list .article .article-intro-image img {
    border-radius: 70px 0 0 0;
}

#guides .article-list .article, #actualites .article-list .article {
    margin-bottom: 30px;
    padding: 20px;
    border: 0px;
    border-radius: 0px;
}

#guides .article-header h2, #actualites .article-header h2 {
	color: #222f74!important;
}

#guides .article-header h2 a, #actualites .article-header h2 a {
	font-size: 28px;
	color: rgba(40, 56, 146, 1)!important;
}

#guides .article-header h2 a:hover, #actualites .article-header h2 a:hover {
	font-size: 28px;
	/*color: rgba(40, 56, 146, 0.8)!important;*/
	text-decoration: underline;
}

/* Blog des articles du guide - fin */

/* Commun à la présentation de tous les articles - début */

.article img, .logo img, .img-connexe, .result__image, .categorie-machine img {
  filter: grayscale(0%) opacity(100%);
  transition: filter 0.5s ease-in-out;
}

.article img:hover, .logo img:hover, .img-connexe:hover, .result__image:hover, .categorie-machine img:hover {
  filter: grayscale(100%) opacity(80%);
}

.readmore a {
	background-color: rgb(245, 183, 134, 1);
	color: rgb(255, 255, 255, 1)!important;
	/*width: 200px;*/
    border-radius: 0px 30px 30px 30px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0px;
    line-height: 22px;
    padding: 10px 30px;
}

.readmore a:hover {
    background-color: rgb(245, 183, 134, 0.5);
    color: rgb(0, 0, 0, 0.4)!important;
}

.article-list .article .article-intro-image {
	border-radius: 0px;
    border-bottom: 0px;
}

/* Commun à la présentation de tous les articles - fin */

/* Personnalisation de la fiche produit - début */

.carousel-indicators [data-bs-target] {
    background-color: #283892;
}

.carousel-control-next-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.689' height='36.892' viewBox='0 0 22.689 36.892'%3E%3Cpath id='Tracé_10' data-name='Tracé 10' d='M1868.15,4715.332l16.325,16.325-16.325,16.325' transform='translate(-1866.028 -4713.211)' fill='none' stroke='%23283892' stroke-width='6'/%3E%3C/svg%3E");
}

.carousel-control-next {
    opacity: 1;
}

.carousel-control-next:hover {
    opacity: 0.7;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.689' height='36.892' viewBox='0 0 22.689 36.892'%3E%3Cpath id='Tracé_11' data-name='Tracé 11' d='M1868.15,4715.332l16.325,16.325-16.325,16.325' transform='translate(1888.717 4750.103) rotate(180)' fill='none' stroke='%23283892' stroke-width='6'/%3E%3C/svg%3E");
}

.carousel-control-prev {
    opacity: 1;
}

.carousel-control-prev:hover {
    opacity: 0.7;
}

.titre-fp {
	color: rgba(40, 56, 146, 1);
	font-size:28px;
	font-weight: 600;
	text-transform: none;
}

.desc-fp {
	font-size: 16px;
}

.caracteristiques-fp {
	color:rgba(40, 56, 146, 1);
	font-weight: 600;
	list-style-type: none;
	margin-left: 0px;
    padding-left: 0px;
}

.lien-fp {
	font-size:16px;
	color: rgba(38, 176, 207, 1);
	text-decoration: underline;
}

.btn-fp {
	background-color: rgb(245, 183, 134, 1);
	color: rgb(255, 255, 255, 1);
	font-size: 18px;
	font-weight: 500;
	text-align:center;
	border-radius: 0px 30px 30px 30px;
	padding: 10px 20px;
	text-transform: uppercase;
}

.btn-fp:hover {
	background-color: rgb(245, 183, 134, 0.5);
	color: rgb(0, 0, 0, 0.4);
}

.caracteristiques thead {
	background-color:#283892;
	color:#fff;
}

.table {
    --bs-table-striped-color: rgba(40, 56, 146, 1);
	--bs-table-color: rgba(40, 56, 146, 1);
    --bs-table-striped-bg: rgba(38, 176, 207, 0.15);
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
	--bs-table-border-color: #ffffff;
	--bs-table-accent-bg: rgba(38, 176, 207, 0.10);
}

.table-bordered>:not(caption)>*>* {
    border-width: 10px 10px;
    padding: 0.5rem 1rem;
}

.fiche-produit {
	background-color: rgba(250, 250, 250, 1);
	background-image: url('/images/icones/ellipse-blanche.svg');
	background-position-y: -740px;
	background-position-x: -770px;
	background-repeat: no-repeat;
}

#description ul {
	margin-left: 30px;
}

/* Personnalisation de la fiche produit - fin */

.entete {
  height: 40%; /* Hauteur de la ligne */
  width: 100%; /* Largeur de la ligne */
  background: linear-gradient(to bottom, #2AC0D7, #222F74 35% 50%, white 50%); /* Dégradé */
}

@media (max-width: 575px) {
    .entete {
		background: linear-gradient(to bottom, #2AC0D7, #222F74 25% 50%, white 10%); /* Dégradé */
	  }
}

#sp-corps {
	background-image: url('/images/icones/demi-sphere-bleue-verticale-article-op15.svg'), url('/images/icones/demi-sphere-creme-verticale-article-op15.svg'), url('/images/icones/demi-sphere-bleue-verticale.svg'), url('/images/icones/demi-sphere-creme-verticale-op20.svg');
	background-position-y: 1800px, 200px, 1450px, 1300px;
	background-position-x: 0, 109%, 98%, 100%;
	background-repeat: no-repeat;
	/*
	background-image: url('/images/icones/demi-sphere-bleue-verticale-article-op15.svg'), url('/images/icones/demi-sphere-creme-verticale-article-op15.svg'), url('/images/icones/demi-sphere-bleue-verticale.svg'), url('/images/icones/demi-sphere-bleue-verticale-gauche-op100.svg'), url('/images/icones/demi-sphere-bleue-verticale-gauche-op100.svg'), url('/images/icones/demi-sphere-creme-verticale-op20.svg'),url('/images/icones/demi-sphere-creme-verticale-gauche-op15.svg'),url('/images/icones/demi-sphere-creme-verticale-gauche-op15.svg'),url('/images/icones/demi-sphere-creme-verticale-article-op15.svg');
	background-position-y: 1800px, 200px, 1450px, 1000px, 3435px, 1260px, 3500px, 1060px, 3700px;
	background-position-x: 0%, 100%, 98%, 0%, 1%, 100%, 0%, 1.5%, 100%;
	background-repeat: no-repeat;*/
}

/* Machines connexes - début */

.machine-connexe a {
	font-size: 20px;
    font-weight: 500;
	color: #222f74!important;
}

.machine-connexe a:hover {
	text-decoration: underline;
}

.machine-connexe .titre, .result__title {
    font-size: 20px;
	font-weight: 700;
	color: rgba(40, 56, 146, 1);
}

.machine-connexe .intro {
	font-size: 16px;
    font-weight: 400;
	color: #4d4d4d;
}

.machine-connexe {
    border: 0px;
    border-radius: 0px 50px 0px 0px;
	background-color: #fef8f3;
	padding: 120px 20px 50px 20px;
    margin-top: -100px;
}

.btn-connexe {
	/*position: relative;*/
    top: -10px;
	color: rgb(255, 255, 255, 1);
	border-radius: 0px 30px 30px 30px;
	text-transform: uppercase;
	font-weight:500;
	font-size:16px;
	text-align: center;
	letter-spacing: 0px;
	line-height: 22px;
	padding: 10px 30px;
	background-color: rgb(245, 183, 134, 1);
}

.btn-connexe:hover {
	background-color: rgb(245, 183, 134, 0.5);
	color: rgb(0, 0, 0, 0.4);
}

/* Machines connexes - fin */

/* Résultats de recherche d'une machine - début */

.machine-trouve a {
	font-size: 20px;
    font-weight: 500;
	color: #222f74!important;
}

.machine-trouve a:hover {
	text-decoration: underline;
}

.result__title {
    font-size: 20px;
	font-weight: 700;
	color: rgba(40, 56, 146, 1);
}

.machine-trouve .intro {
	font-size: 16px;
    font-weight: 400;
	color: #4d4d4d;
}

.machine-trouve {
    border: 0px;
    border-radius: 0px 50px 0px 0px;
	background-color: #fef8f3;
	padding: 120px 20px 50px 20px;
    margin-top: -100px;
}

.btn-machine-trouve {
	/*position: relative;*/
    top: -10px;
	color: rgb(255, 255, 255, 1);
	border-radius: 0px 30px 30px 30px;
	text-transform: uppercase;
	font-weight:500;
	font-size:16px;
	text-align: center;
	letter-spacing: 0px;
	line-height: 22px;
	padding: 10px 30px;
	background-color: rgb(245, 183, 134, 1);
}

.btn-machine-trouve:hover {
	background-color: rgb(245, 183, 134, 0.5);
	color: rgb(0, 0, 0, 0.4);
}

/* Résultats de recherche d'une machine - fin */

li::marker {
	color:#26B0CF;
}

/* Personnalisation de l'affichage des catégories de machines - début */

.categorie-machine {
    border-radius: 0px 50px 0px 0px;
	background-color: #fef8f3;
	margin-bottom: 50px;
}

/* Personnalisation de l'affichage des catégories de machines - fin */

#marques .article-header h2 {
	text-align: center;
}

.a_savoir::before {
	display: block;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='calque_bon_a_savoir' data-name='Calque bon à savoir' xmlns='http://www.w3.org/2000/svg' width='104' height='53.289' viewBox='0 0 104 53.29'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; font-family: RalewayThin-SemiBold, 'Raleway Thin'; font-size: 17px; font-weight: 600; %7D .cls-2 %7B letter-spacing: 0em; %7D .cls-3 %7B letter-spacing: -.06em; %7D .cls-4 %7B letter-spacing: -.03em; %7D .cls-5 %7B fill: %232ac0d7; %7D .cls-6 %7B letter-spacing: -.03em; %7D .cls-7 %7B letter-spacing: -.01em; %7D %3C/style%3E%3C/defs%3E%3Cg id='bon_a_savoir'%3E%3Cpath id='fond' class='cls-5' d='m104,52v1.29H0v-1.29C0,23.28,23.28,0,52,0h0c28.72,0,52,23.28,52,52Z'/%3E%3Ctext class='cls-1' transform='translate(14.26 42.36)'%3E%3Ctspan class='cls-6' x='0' y='0'%3EA%3C/tspan%3E%3Ctspan class='cls-2' x='10.95' y='0'%3E%3C/tspan%3E%3Ctspan class='cls-7' x='15.15' y='0'%3ES%3C/tspan%3E%3Ctspan class='cls-3' x='25.28' y='0'%3EA%3C/tspan%3E%3Ctspan class='cls-4' x='35.77' y='0'%3EV%3C/tspan%3E%3Ctspan x='46.83' y='0'%3EOIR%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E");
}

/* Faq accordéon - début */

.sppb-panel-modern>.sppb-panel-heading {
    background: #29c0d71a;
    color: #222f74;
}

.sppb-panel-modern {
    border: 1px solid #29c0d71a;
}

.sppb-panel-modern .sppb-panel-body {
    border-top-color: #29c0d71a;
}

.sppb-panel-body {
	background-color: RGBA(245, 183, 134, 0.1);
}

/* Faq accordéon - fin */

.list-group-item {
	background-color: rgba(245, 183, 134, 0.1);
	border: none;
}

@media (max-width: 575px){
	#sp-header {
		height: 60px;
	}
	#titre-principal {
		font-size: 110px;
	}
}

.jfilters-filter-dropdown-container {
	/*background: rgb(41 192 215 / 50%);*/
	padding-left: 10px;
	padding-right: 10px;
}

.awesomplete .form-control {
	border-radius: 0px;
}

.sp-page-title .sp-page-title-heading, .sp-page-title .sp-page-title-sub-heading {
    font-size: 30px;
	font-weight: 300;
}

.sp-page-title .sp-page-title-heading{
	text-transform: uppercase;
}

.sp-page-title .sp-page-title-sub-heading {
    font-family: Dancing Script;
}

/* visite virtuelle modale et bouton flottant */

 body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
    }

    #visit-float-btn {
      position: fixed;
      bottom: 20px;
      left: 20px;
      background-color: #222f74;
      color: #fff;
      border-radius: 50%;
      width: 56px;
      height: 56px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      transition: transform 0.3s, background-color 0.3s;
    }
    #visit-float-btn:hover {
      background-color: #2AC0D7;
      transform: scale(1.1);
    }
    #visit-float-btn img {
      width: 28px;
      height: 28px;
    }

    #visit-modal {
      position: fixed;
      z-index: 9998;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0,0,0,0.6);
      display: none;
      align-items: center;
      justify-content: center;
    }
    #visit-modal-content {
      background-color: #fff;
      color: #222f74;
      padding: 30px;
      border-radius: 10px;
      text-align: center;
      max-width: 90%;
      width: 400px;
      position: relative;
    }
    #visit-modal-close {
      position: absolute;
      right: 15px;
      top: 10px;
      font-size: 24px;
      cursor: pointer;
      color: #2AC0D7;
    }
    .visit-btn {
      display: inline-block;
      margin-top: 15px;
      padding: 10px 20px;
      background-color: #2AC0D7;
      color: #fff;
      border-radius: 5px;
      text-decoration: none;
    }
    .visit-btn:hover {
      background-color: #222f74;
    }

    @media (max-width: 768px) {
      #visit-float-btn {
        width: 48px;
        height: 48px;
      }
      #visit-float-btn img {
        width: 24px;
        height: 24px;
      }
    }

    .modal-img {
      max-width: 100px;
      height: auto;
      margin-bottom: 15px;
      display: inline;
    }

	#visit-modal-content .titre_visite {
    	font-family: 'Raleway', sans-serif;
    	font-size: 28px;
    	color: #26b0cf;
    	text-decoration: none;
	}