/* -------------------------------------------------- */
/*              Déclarations générales                */
/* -------------------------------------------------- */

:root {
	--primary-color: #006368;
	--btn-primary-2: #00997A;
	--btn-primary-2-hover: #006268;
	/* --btn-primary-2: #006268; */
	/* --btn-primary-2-hover: #004447; */

}

h1 {
	font-size: calc(1.375rem + 1.5vw);
}

h1.sppb-addon-title::after {
    content: "";
	display: block;
    border: 1px solid #00997a;
    width: 50%;
	margin: 5px 0 5px 0;
}

h2 {
	margin: 40px 0 20px 0 !important;
}

.table {
	display: block;
	overflow-x: auto;
}

/* .www-image-width-50 { width: 50%; } */
/* .www-image-width-60 { width: 60%; } */
/* .www-image-width-70 { width: 70%; } */
/* .www-image-width-75 { width: 75%; } */



.section {
	margin: 75px 0px 75px 0px;
}
.sub-section {
	margin: 30px 0px 30px 0px;
}


/* -------------------------------------------------- */
/*                    Entête                          */
/* -------------------------------------------------- */

@media (max-width: 576px) {
	.logo-image {
		height: 20px !important;
	}
}
#sp-header {
     height: 60px;
}
.burger-icon>span {
	background-color: white;
}


/* -------------------------------------------------- */
/*                 Corps de la page                   */
/* -------------------------------------------------- */
#sp-main-body {
	padding: 0px 0px 20px 0px;
}

.article-details .article-can-edit {
	margin-bottom: 0px;
}


/* -------------------------------------------------- */
/*              Page d'accueil : Slideshow            */
/* -------------------------------------------------- */
#www-slideshow {
	color: white;
}
#www-slideshow .www-slideshow-item-1 { /* Alfatech */
	font-size: 64px;
	/* font-size: calc(-2.0297rem + 8.0128vw); */
	font-weight: bold;
}
#www-slideshow .www-slideshow-item-2 { /* Entreprise Suisse */
	font-size: 40px;
}
#www-slideshow .www-slideshow-item-3 { /* Trait */
	color:#00997A;
}
#www-slideshow .www-slideshow-item-4 { /* Accroche */
	font-size: 50px;
	line-height: 5rem;
}
#www-slideshow .www-slideshow-item-1,
#www-slideshow .www-slideshow-item-2,
#www-slideshow .www-slideshow-item-4 {
	text-shadow:
		1px 1px 1px rgb(110, 110, 110),
		-1px 1px 1px rgb(110, 110, 110),
		1px -1px 1px rgb(110, 110, 110),
		-1px -1px 1px rgb(110, 110, 110);
}

#www-slideshow .www-slideshow-item-5,
#www-slideshow .www-slideshow-item-6 { /* Bouton 1 et 2 */
	margin: 20px 20px 0 0;
}
@media (max-width:992px) {
	#www-slideshow .www-slideshow-item-1 { font-size: 50px;	line-height: 10px; }
	#www-slideshow .www-slideshow-item-2 { font-size: 30px; }
	#www-slideshow .www-slideshow-item-4 { font-size: 40px;	line-height: 4rem; }	
}
@media (max-width:768px) {
	#www-slideshow .www-slideshow-item-1 { font-size: 40px;	}
	#www-slideshow .www-slideshow-item-2 { font-size: 20px; }
	#www-slideshow .www-slideshow-item-4 { font-size: 30px;	line-height: 3rem; }	
}
@media (max-width:576px) {
	#www-slideshow .www-slideshow-item-1 { font-size: 30px;	}
	#www-slideshow .www-slideshow-item-2 { font-size: 20px; }
	#www-slideshow .www-slideshow-item-4 { font-size: 25px;	line-height: 2rem; }	
}


/* -------------------------------------------------- */
/*            Page d'accueil : Prestations            */
/* -------------------------------------------------- */

#www-prestations .sppb-row-column { margin-bottom: 20px; }
.www-legende-prestation           { position: relative; }
.www-legende-prestation .sppb-addon-title {
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 120px;
	
	display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
	
	/* background-color: rgba(0, 98, 104, 0.7);  */
	background-color: rgba(0, 153, 122, 0.7); 
	
	margin: 0px;
	color: white;
	font-size: 20px;
	font-weight: bold;
}
.www-legende-prestation .sppb-addon-title a { color: white; }


/* -------------------------------------------------- */
/*              Page d'accueil : Equipe               */
/* -------------------------------------------------- */

#www-equipe #www-fiches .sppb-row-column  {
	color: black;
	margin-top: 20px;
}
#www-equipe #www-fiches .sppb-column  {
	background-color: #D9D9D9;
	padding: 40px 20px 20px 20px;
}
#www-equipe .sppb-person-image img {
	width: 120px;
	height: 120px;
}
#www-equipe .www-titre {
	font-size: 25px;
	font-weight: bold;
}
#www-equipe .www-tel {
	font-size: 14px;
}
#www-equipe .www-email {
	font-size: 14px;
}
#www-equipe .www-email a {
	color: black;
}
#www-equipe .www-nom {
	font-size: 30px;
	font-weight: bold;
}


/* -------------------------------------------------- */
/*              Page d'accueil : Logos                */
/* -------------------------------------------------- */
#www-logos .sppb-row-column {
	margin-top: 20px;
}
@media (max-width:768px) {
	#www-logos .sppb-row-column {
		text-align: center;
	}	
}


/* -------------------------------------------------- */
/*          Page Prestations : Accordéon              */
/* -------------------------------------------------- */

#www-prestations .sppb-addon-accordion .sppb-panel-title,
#www-prestations .sppb-addon-accordion .sppb-toggle-direction {
	color: var(--primary-color);
	font-size: 24px;
	font-weight: normal;
}

#www-prestations .sppb-addon-accordion .sppb-section {
	margin: 0 0 20px 0;
}


/* -------------------------------------------------- */
/*          Page Produits : Liste des produits        */
/* -------------------------------------------------- */

#www-table-produits .sppb-column-addons {
    height: 100%;
    display: flex;
    flex-direction: column;
	justify-content: space-between;
}
#www-table-produits .addon-root-text-block {
	flex-shrink: 0;
}
#www-table-produits .addon-root-image {
	margin-top: auto;
	margin-bottom: 20px;
}
#www-table-produits .addon-root-button {
	flex-shrink: 0;
	margin-bottom: 20px;
}












/* -------------------------------------------------- */
/*                    Pied de page                    */
/* -------------------------------------------------- */
#www-pied-de-page,
#www-pied-de-page a {
	color: white;
}
#www-pied-de-page .container-inner {
    padding: 0 0;
}

#www-pied-de-page .www-adresse,
#www-pied-de-page .www-copyright {
	font-size: 1rem;
}

#www-pied-de-page .www-entreprise-suisse {
	font-size: calc(1rem + 1.5vw);
}
#www-pied-de-page .www-contact {
	font-size: calc(0.4rem + 1.3vw);
}

@media (min-width: 1200px) {
	#www-pied-de-page .www-entreprise-suisse {
		font-size: 40px;
	}
	#www-pied-de-page .www-contact {
		font-size: 22px;
	}
}

.www-btn-primary-2 {
	padding: 10px 20px;
	color: white;
	background-color: var(--btn-primary-2);
}
.www-btn-primary-2:hover {
	color: white;
	background-color: var(--btn-primary-2-hover);
}

.sppb-sp-slider-button .sp-slider-btn-text {
	background-color: var(--btn-primary-2);
}
.sppb-sp-slider-button:hover .sp-slider-btn-text:hover {
	background-color: var(--btn-primary-2-hover);
}