body{
	margin: 0;
	color: black!important;
	font-family: 'Nunito', sans-serif!important;
}
::selection{
    color: white;
    background-color: #079992;
}
q{
    quotes:#ff7300;
}
/* BTN CTA */
.cta-button{
	display: block;
	position: relative;
	text-decoration: none;
	font-weight: 600;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 0.5rem 1rem;
	background: transparent;
	overflow: hidden;
}
.cta-button span{
	z-index: 1;
	position: relative;
	transition: color 350ms ease;
}
.cta-button:hover span{
	color: white;
}
.cta-button::after, .cta-button::before{
	content: " ";
	display: block;
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}
.cta-button::before{
	transform: translateX(-100%);
	z-index: 1;
}
.cta-button:hover:before{
	transform: translateX(0);
	transition: transform 350ms ease;
}
.cta-button::after {
	z-index: 0;
	transform: translateX(100%);
	transition: none;
	transition: transform 350ms ease;
}
.cta-button:hover:after{
	opacity: 1;
	transform: translateX(0);
	transition: transform 350ms 360ms ease;
}
/* CTA DEVIS */
#btn_rdv{
	border: 2px solid #079992;
}
#btn_rdv::after, #btn_rdv::before{
	background: #079992;
}
.fa-hand-point-right{
	margin-right: 15px;
}
/* EXPERTS HOME */
#container_consumer{
	width: 70vw;
	margin: 0 auto;
}
#experts_home{
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-family: 'Nunito', sans-serif;
}
#experts_home h1{
    text-align: center;
	color: #079992;
    font-size: 2rem;
    padding-bottom: 3rem; 
}
#experts_home p{
    text-align: center;
}
.ene, .rev{
	font-size: 1.3rem;
	font-weight: 600;
}
.rev{
	color: #079992;
}
#experts{
	display: flex;
	justify-content: space-between;
	width: 70vw;
	margin: 0px auto 9rem auto;
}
.card_expert{
	width: 30%;
	border-radius: 18px;
	border: 1px solid #079992;
    box-shadow: 2px 4px 12px #00000014;
    overflow: hidden;
	transition: all .3s cubic-bezier(0,0,.5,1);
	white-space: normal;
	background-color: #079992;
}
#card_expert{
    display: flex;
	justify-content: center;
    align-items: center;
    width: 70vw;
    margin: auto;
}
#card_expert_img{
	display: flex;
	justify-content: center;
    height: 30vh;
}
#card_expert_img img{
    width: auto;
    height: 100%;
}
#card_expert_body{
    padding: 15px;
    text-align: center;
	background-color: white;
}
#card_expert_title{
	color: #fa983a;
	font-size: 1.5rem;
	font-weight: 600;
}
.card_expert_poste{
	color: #079992;
	font-weight: 600;
}
.expert_xp{
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	height: 5vh;
}
.xp{
	width: 27%;
}
#xp_wsp{
	width: 15%;
}
.xp img, #xp_wsp img{
	width: 100%;
}
.expert_contact{
	display: flex;
	align-items: center;
	justify-content: center;
}
#div_linkedin{
	margin: 15px 5px 5px 5px;
}
/* RESPONSIVE */
@media (min-width: 768px) and (max-width: 1250px){
	#container_consumer, #experts{
		width: 90vw;
	}
	.card_expert{
		width: 32%;
	}
	#card_expert_img{
		height: 25vh;
	}
	#card_expert_title{
		font-size: 1rem;
	}
	.card_expert_poste{
		font-size: 0.75rem;
	}
}
@media screen and (max-width: 767px){
    #banner_consumer{
        height: 100%;
        padding: 15px;
    }
    #banner_img{
        width: 30vw;
    }
    #banner_body{
        width: 100%;
        padding: 15px;
    }
    #banner_body h2{
        font-size: 1rem;
    }
    #banner_body p{
        font-size: 0.9rem;
    }
    #banner_right{
        display: none;
    }
    #experts_home h1, #cards_home h1, #formulaire_home h1{
        font-size: 2rem;
    }
	#experts_home p{
    	text-align: justify;
	}
    /* QUI SOMMES NOUS */
    #card_expert{
        flex-direction: column;
        width: 100%;
    }
    #card_expert_img {
        width: 80vw;
        text-align: center;
    }
    #card_expert_title{
        text-align: center;
        margin-top: 15px;
    }
    #card_expert1_body, #card_expert2_body{
        padding: 0;
        width: 90%;
    }
    #card_expert_quote {
        font-size: 0.9rem;
    }    
    #card_expert2_body{
        order: 2;
    }
    .pj{
        order: 1;
    }
    #cards{
        width: 100%;
        display: block;
    }
    #card_left, #card_right {
        width: 50vw;
        margin: 25px auto;
    }
    #card_img{
        height: 15vh;
    }
    #card_img img {
        height: 100%;
    }
    .card_expert_question{
        font-size: 1rem;
    }
    #card_body_left, #card_body_right{
        height: 15vh;
    }
    #card_body_left h2, #card_body_right h2{
        font-size: 0.9rem;
    }
    #row_formulaire_home {
        width: 100%;
        border: 0;
        box-shadow: none;
    }
    /* TARIFS */
    #card_left_prix, #card_right_prix{
        width: 80vw;
        margin: 25px auto;
    }
    #div_price{
       width: 90vw;
       font-size: 0.7rem; 
    }
    #div_price p{
        padding-top: 15px;
        text-align: justify;
    }
    #table_price{
        width: 90vw;
    }
    table{
        font-size: 0.7rem;
    }
    th, td{
        padding: 10px 5px;
    }
    /* FAQ */
    .accordion{
        margin: 0;
        width: 100%!important;
    }
    .accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed, .accordion-body{
        font-size: 0.9rem;
    }
    /* FORM */
    #formulaire_home{
        margin-top: 50px;
        margin-bottom: 50px;
    }
    #formulaire_home h1{
        font-size: 2rem;
        padding-bottom: 0;
    }
    label{
        font-size: 1rem;
    }
    input{
        box-shadow: none;
    }
    #prospect_form_save{
        font-size: 1rem;
    }
    /* AVIS GOOGLE */
    #avis_google{
        height: 70vh;
    }
    #carouselExampleDark{
        width: 90vw;
        height: 50vh;
    }
    .carousel-txt-container{
        height: 45vh;
    }
    .carousel-txt{
        width:60vw;
    }
    .avis_txt{
        margin: 5px 0;
    }
    #notes_img{
        width: 35vw;
    }
    #div_asterique{
        margin-bottom: 50px;
    }
	/* RAJOUT */
	#container_consumer{
		width: 75vw;
	}
	#experts_home h1{
		padding-bottom: 1.5rem;
	}
	#experts{
		flex-direction: column;
		width: 75vw;
		margin: 0px auto 3rem auto;
	}
	#expert_ap{
		order: 1;
	}
	#expert_pjp{
		order: 2;
	}
	#expert_td{
		order: 3;
	}
	.card_expert{
		width: 75vw;
		margin-bottom: 30px;
	}
}

/* TEST CARDS SOLUTIONS */
/* #titleSolutions{
	width: 70vw;
	margin: 1rem auto;
    font-size: 2rem;
	text-shadow: 1px 2px 2px rgb(0 0 0 / 37%);
}
#CardTest{
	width: 50vw;
	height: 25vh;
	overflow: hidden;
	display: flex;
	margin: 50px auto;
	background: rgba( 255, 255, 255, 0.15 );
	box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
	backdrop-filter: blur( 18px );
	-webkit-backdrop-filter: blur( 18px );
	border: 1px solid rgba( 255, 255, 255, 0.18 );
}
#cardImg{
    width: 25vw;
    text-align: center;
    margin-bottom: 8px;
}
#cardImg img{
    width: 100%;
}
#CardBody{
	width: 25vw;
	background:
    url(https://source.unsplash.com/E8Ufcyxz514/2400x1823)
    center / cover no-repeat fixed;
	display: flex;
	justify-content: center;
	align-items: center;
}
#CardBody h1{
	color: #fa983a;
	text-shadow: 1px 2px 2px rgb(250 152 58 / 37%);
	font-weight: bolder;
	font-size: 2rem;
} */
/* #banner_img img{
	background-color: #ffffff;
	padding: 5px;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.37);
	backdrop-filter: blur( 18px );
	-webkit-backdrop-filter: blur( 18px );
	border: 1px solid rgba( 255, 255, 255, 0.18 );
	border-radius: 1rem;
} */

/* CARDS TEST 2 */
/* html{
	background-color: #fff;
}
#cards_home2{
	background-color: #fff;
	margin-bottom: 9rem;
}
#card_left2, #card_right2{
    text-align: center;
	box-shadow: 2px 4px 12px #00000014;
	border: 2px solid #fdfcfc;
	border-radius: 18px;
	position: relative;
	width: 25rem;
	height: 25rem;
	transition: all .3s cubic-bezier(0,0,.5,1);
	white-space: normal;
}
#card_left2:hover, #card_right2:hover{
	box-shadow: 2px 4px 16px #00000029;
	transform: scale3d(1.01,1.01,1.01);
}
#card_img2{
	overflow: hidden;
	width: 50%;
    margin: auto;
}
#card_img2 img{
	display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
#card_body_left2, #card_body_right2{
	padding: 1.7647058824rem;
	width: 25rem;
}
.card_title_solutions2{
	font-weight: 600;
}
.card_title_solutions3{
    height: 3rem;
	font-size: 1.5rem;
} */
/* CONTAINER CONTACT*/
/* #container_contact{
	width: 70vw;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3rem;
}
.cards_contact{
	overflow: hidden;
	display: flex;
	align-items: center;
	box-shadow: 2px 4px 12px #00000014;
	border: 2px solid #fdfcfc;
	border-radius: 18px;
	position: relative;
	width: 40rem;
	height: 20rem;
	transition: all .3s cubic-bezier(0,0,.5,1);
	white-space: normal;
    background: #ff7300;
    background: linear-gradient(90deg, #ff7300 0%, rgba(255,255,255,1) 100%);
}
.cards_contact:hover{
	box-shadow: 2px 4px 16px #00000029;
	transform: scale3d(1.01,1.01,1.01);
}
.cards_contact_img{
	width: 17rem;
    padding-left: 25px;
}
.cards_contact_img img{
	width: 100%;
}
.cards_contact_txt{
	width: 23rem;
}
.cards_contact_txt h2{
	font-size: 2rem;
    font-weight: 600;
} */
/* CONTAINER AVIS CLIENTS */
/* { box-sizing: border-box; }

#container_avis {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cg fill='%23eeeeee'%3E%3Cpath fill-rule='evenodd' d='M0 0h4v4H0V0zm4 4h4v4H4V4z'/%3E%3C/g%3E%3C/svg%3E");
	background-size: 0.25rem;
	display: grid;
	height: 100vh;
	place-items: center;
}

.marquee {
	display: flex;
	mask-image: linear-gradient(
		90deg,
		rgba(0, 0, 0, 0) 0%,
		rgba(0, 0, 0, 1) 25%,
		rgba(0, 0, 0, 1) 75%,
		rgba(0, 0, 0, 0) 100%
	);
	max-width: 100vw;
	overflow: hidden;
	user-select: none;
}
	
.marquee .slide {
	align-items: center;
	animation: slide-x 10s linear infinite;
	display: flex;
	flex-shrink: 0;
	justify-content: space-around;
	min-width: 100%;
}

.marquee .slide div {
	aspect-ratio: 16/10;
	fill: none;
	padding: 1rem;
	stroke: currentColor;
	stroke-width: 1.5;
	width: 50vmin;
}

@keyframes slide-x {
	0% { transform: translateX(0); }
	100% { transform: translateX(-100%); }
} 
#container_avis{
    width: 100%;
    margin-bottom: 6rem;
}
#titleAvis{
    width: 70vw;
	margin: auto;
    color: #ff7300;
	text-shadow: 1px 2px 2px rgba(240, 133, 10, 0.37);
}
.swiper {
    width: 95vw;
    overflow: hidden;
    margin-top: 1rem;
    margin-right: 0px!important;
}
.swiper-wrapper {
    display: flex;
}
.swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: start;
    padding: 10px;
    border-radius: 8px;
    font-size: 1rem;
    color: #079992;
}
.review-comment{
    height: 7rem;
}
.client_avis{
    font-style: italic;
    color: #a0a0a0;
}
#container_team{
    width: 70vw;
    margin: 0rem auto 9rem auto;
}
#container_txt_team{
    width: calc(100% - 25rem);
    padding-left: 3rem;
}
#card_team{
    display: flex;
    align-items: center;
}
#container_img_team{
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    overflow: hidden;
    border: 2px solid #fdfcfc;
    width: 25rem;
    height: 25rem;
}
#container_img_team img{
    display: block;
    height: 100%;
    object-fit: cover;
    width: auto;
    font-size: 1.5rem;
}
#text_team{
    margin-bottom: 5rem;
}
#btn_team{
    font-weight: 600;
    border: 2px solid #079992;
    border-radius: 18px;
    box-shadow: 2px 4px 12px #00000014;
    padding: 0.5rem 1rem;
    transition: all .3s cubic-bezier(0,0,.5,1);
}
#btn_team:hover{
	box-shadow: 2px 4px 16px #00000029;
	transform: scale3d(1.01,1.01,1.01);
} */