@charset "UTF-8";
/* CSS Document (c) by les-ateliers-web.ch and web4com.ch - 2026*/
/*couleurs : Rouge : #e2363f - turquoise  : #9fc7bf */ 
*{
	color: #030303;
	font-family: "Montserrat", sans-serif;
	}
p, li, a, p strong, li strong {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 20px;
	}
strong, p strong, li strong {
    font-size: 18px;
	}
a {
	text-decoration: none;
	color: #030303;
	}
h1 {
    color: #000000/*ancien : #e2363f*/;
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 40px;
    letter-spacing: -0.5px;
	}
h2 {
    font-weight: bold;
	}
div#logo img {
    width: 30%;
    margin-top: 20px;
    margin-bottom: 20px;
	}
div#logo p {
    margin-bottom: 0px;
	}
div#contact1, div#contact2, div#contact3 {
    background: #9fc7bf;
    margin-top: 0px;
    margin-bottom: 10px;
	}
div#contact1 .inner, div#contact2 .inner, div#contact3 .inner {
    text-align: center;
    padding-top: 0px;
    padding-bottom: 30px;
	}
div#contact1 p, div#contact1 a, div#contact2 p, div#contact2 a, div#contact3 p, div#contact3 a  {
    font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    margin-top: 10px;
	line-height: 26px;
    margin-bottom: 0px;
	}
div#maincontent {
    width: 70%;
    margin-left: 15%;
    padding-top: 30px;
    padding-bottom: 30px;
	}
.fond-vert {
    background: #d9e9e5;
	padding: 3%;
	border-radius: 6px;
	}
div#galerie-photo1 img, div#galerie-photo2 img, div#galerie-photo3 img {
    width: 33.333333333%;
	}
div#prestation1, div#prestation2, div#prestation3, div#prestation4 {
	width: 70%;
	margin-left: 15%;
 	margin-bottom: 50px;
	}
h2.tck-module-title {
    font-weight: bold;
	}
.ba__accordion-animate.ba__accordion-group.fadeIn {
    background: #e4f0ed;
	}
.ba__accordion.style9 .ba__header {
	background: #9fc7bf !important;
 	color: #fff;
	}
div#collaborateur1a, div#collaborateur3a, div#collaborateur5a {
    width: 50%;
    margin-left: 10%;
    float: left;
    background: rgb(159 199 191 / 60%);
    padding: 3%;
	position: relative;
	}
div#collaborateur1b, div#collaborateur3b, div#collaborateur5b {
    width: 37%;
    float: left;
    z-index: 10;
    margin-top: -50px;
    position: absolute;
    margin-left: 58%;
	}
div#collaborateur2a, div#collaborateur4a {
    width: 37%;
    float: left;
    z-index: 10;
    margin-top: -50px;
    margin-left: 10%;
	position: absolute;
	}
div#collaborateur2b, div#collaborateur4b{
    width: 50%;
    margin-left: 45%;
    float: left;
    background: rgb(159 199 191 / 60%);
    padding-top: 3%;
	padding-bottom: 3%;
	padding-left: 4%;
	padding-right: 3%;
    position: relative;
	}
/*
div#collaborateur2b {
    width: 50%;
    margin-left: 50%;
    float: left;
    background: rgb(159 199 191 / 60%);
    padding: 3%;
    position: relative;
	}
div#collaborateur2a {
    width: 40%;
    float: left;
    z-index: 10;
    margin-top: -50px;
    margin-left: 11%;
	position: absolute;
	}
div#collaborateur3a {
	width: 45%;
    margin-left: 6%;
    float: left;
    background: rgb(159 199 191 / 60%);
    padding: 3%;
	position: relative;
	}
div#collaborateur3b {
    width: 40%;
    float: left;
    z-index: 10;
    margin-top: -22px;
    position: absolute;
    margin-left: 49%;
	}
div#collaborateur4b {
    width: 40%;
    margin-left: 50%;
    float: left;
    background: rgb(159 199 191 / 60%);
    padding: 3%;
	margin-top: 60px;
	}
div#collaborateur4a {
    width: 40%;
    float: left;
    z-index: 10;
    margin-top: -50px;
    margin-left: 12%;
	position: absolute;
	}
div#collaborateur5a {
    width: 50%;
    margin-left: 10%;
    float: left;
    background: rgb(159 199 191 / 60%);
    padding: 3%;
	position: relative;
	}
div#collaborateur5b {
    width: 40%;
    float: left;
    z-index: 10;
    margin-top: -50px;
	position: absolute;
	margin-left: 57%;
	}
*/
div#space1, div#space2, div#space3, div#space4, div#space5 {
    clear: both;
	height: 250px;
	}
div#footer-right {
    text-align: right;
	}
div#footer-left, div#footer-center, div#footer-right {
    background: #9fc7bf;
    padding: 1%;
	}
div#footer-left a, div#footer-center a, div#footer-right a, div#footer-left p, div#footer-center p, div#footer-right p, div#footer-left p strong, div#footer-center p strong, div#footer-right p strong {
    color:white;
	}
div#footer-left {
    padding-left: 5%;
	}
iv#footer-right {
    padding-right: 5%;
	}
div#footer-left p a:hover, div#footer-center p a:hover, div#footer-right p a:hover {
    font-weight: bold;
	transition:1s;
	}
/*cookies*/
#cookiesck_accept {
    background: #9fc7bf;
    border: 2px solid #9fc7bf ;
    color: #f5f5f5;
	}
#cookiesck_decline {
    background: #515151;
    border: 2px solid #515151;
    color: #f5f5f5;
	}
#cookiesck_accept:hover {
    background: transparent;
    border: 2px solid #9fc7bf ;
    color: #94724c;
	}
#cookiesck_text {
    padding: 10px 0;
    display: inline-block;
    color: white;
    font-size: large;
    padding-top: 30px;
	}
div#login {
    width: 80%;
    margin-left: 10%;
	}
/* pour les petits écrans */
@media screen and (max-width: 1550px){
	#menu1 .mobileckhambuger_togglerlabel {
 	font-size: 70px !important;
	color: #9fc7bf;
    }
.com-content-article__body.tck-article-body {
    width: 100%;
	}
div#maincontent {
    width: 90%;
    margin-left: 5%;
    padding-top: 30px;
    padding-bottom: 30px;
	}
div#space1, div#space2, div#space3, div#space4, div#space5 {
    clear: both;
    height: 250px;
	}	
}
/* pour les petits écrans */
@media screen and (max-width: 1230px){
div#logo {
    width: 60%;
    margin-left: 20%;
	}
div#logo img {
    width: 60%;
    margin-top: 20px;
    margin-bottom: -10px;
	}
div#prestation1, div#prestation2, div#prestation3, div#prestation4 {
    width: 90%;
    margin-left: 5%;
    margin-bottom: 50px;
	}
div#space1, div#space2, div#space3, div#space4, div#space5 {
    clear: both;
    height: 100px;
	}	
div#contact1 p, div#contact1 a, div#contact2 p, div#contact2 a, div#contact3 p, div#contact3 a {
    font-size: 18px;
	}
div#collaborateur1a, div#collaborateur3a, div#collaborateur5a {
    width: 70%;
    margin-left: 10%;
    float: left;
    padding: 3%;
    position: relative;
	}
div#collaborateur1b, div#collaborateur3b, div#collaborateur5b  {
    width: 50%;
    float: right;
    z-index: 10;
    margin-top: -40px;
    margin-right: 9%;
	position: relative;
	}
div#collaborateur2a, div#collaborateur4a {
    width: 50%;
    float: left;
    z-index: 10;
    margin-top: -30px;
    margin-left: 10%;
	position: relative;
	}
div#collaborateur2b, div#collaborateur4b {
    width: 70%;
    margin-left: 20%;
    float: left;
    padding: 3%;
    position: relative;
    margin-top: -50px;
	}
}
/* pour les petits écrans */
@media screen and (max-width: 1060px){

}
/* pour les tablettes */
@media screen and (max-width: 1024px){

}
/* pour les tablettes */
@media screen and (max-width: 815px){

}
	
/* pour les smartphones */
@media screen and (max-width: 815px){ /*480*/
p, li, a, p strong, li strong {
    font-size: 16px;
    line-height: 22px;
	}	
h1, div.componentheading {
    line-height: 32px;
    font-size: 24px;
	}
h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 20px;
	}
div#logo {
    width: 70%;
    margin-left: 15%;
    }
div#logo img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: -20px;
    }
.ba__accordion-x .ba__accordion-active:only-child, .ba__accordion-caption {
    width: 90%;
	}
i.fas {
    font-size: 18px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
	}
div#contact1, div#contact2, div#contact3  {
    border-left: 20px solid white;
    border-right: 20px solid white;
	}
div#contact1 p, div#contact1 a, div#contact2 p, div#contact2 a, div#contact3 p, div#contact3 a {
    margin-top: 3px;
    line-height: 0px;
    margin-bottom: 0px;
	}
div#contact2, div#contact3 {
    margin-top: -12px;
	}
div#collaborateur1a, div#collaborateur2b, div#collaborateur3a, div#collaborateur4b, div#collaborateur5a {
	width: 90%;
	margin-left: 5%;
    }
 div#collaborateur1b,  div#collaborateur3b,  div#collaborateur5b  {
    width: 75%;
    z-index: 10;
    margin-top: -30px;
    margin-right: 12.5%;
    }
div#collaborateur2a,div#collaborateur4a  {
	width: 75%;
    margin-top: 20px;
    margin-left: 12.5%;
    }
div#collaborateur3a, div#collaborateur5a {
    margin-top: 50px;
	}

div#footer-left {
    text-align: center;
    padding-left: 0;
	}
div#footer-right {
    text-align: center;
    padding-right: 0;
	}
div#footer-right, div#footer-center {
    margin-top: -1px;
	}
}