
h1 {border:0;line-height: 30px; }
@media (max-width: 991px) 	{ h1 { font-size:20px !important;}}



#index .liste-sous-titre {text-align:center;margin-bottom: 50px;margin-top: 0px;max-width: none;}
#index .liste-sous-titre ul {display: inline-block;text-align: left;color:var(--basecolor); font-size:18px;}
@media (max-width: 543px) {#index .liste-sous-titre ul li {font-size: 16px;}}



#index #video_padding_top {padding-top: 650px !important; ;}
@media (max-width: 1700px) {#index #video_padding_top { padding-top:650px !important; }}
@media (max-width: 1500px) {#index #video_padding_top { padding-top:550px !important; }}
@media (max-width: 1300px) {#index #video_padding_top { padding-top:500px !important; }} 
@media (max-width: 1100px) {#index #video_padding_top { padding-top:350px !important; }}
@media (max-width: 900px)  {#index #video_padding_top { padding-top:350px !important; }}
@media (max-width: 700px)  {#index #video_padding_top { padding-top:280px !important; }}
@media (max-width: 500px)  {#index #video_padding_top { padding-top:250px !important; }}
@media (max-width: 480px)  {#index #video_padding_top { padding-top:200px !important; }}

/* ************************************************************************************************
/* Video home page */
/* ************************************************************************************************ */


.home_video_container {
	text-align: center;
	position:relative;
	background-color:var(--basecolor);
	padding: 0;
	overflow:hidden;
}
@media (max-width: 480px) {.home_video_iframe {display:none;}}

.home_video_iframe {
	position: relative;
	left:0px;
}
.home_video_iframe #home_video {
	width:100%;
}

.home_video_container {height: 650px;width: 100%; left: 0; position: absolute;} .home_video_iframe {top: -400px;} .home_video_iframe #home_video {height:1450px;}
.home_video_mobile {display: none;}
@media (max-width: 1700px) {.home_video_container {height: 650px;} .home_video_iframe {top: -150px;} .home_video_iframe #home_video {height:960px;}}
@media (max-width: 1500px) {.home_video_container {height: 550px;} .home_video_iframe {top: -100px;} .home_video_iframe #home_video {height:850px;}}
@media (max-width: 1300px) {.home_video_container {height: 500px;} .home_video_iframe {top: -70px;} .home_video_iframe #home_video {height:750px;}}
@media (max-width: 1100px) {.home_video_container {height: 350px;} .home_video_iframe {top: -90px;} .home_video_iframe #home_video {height:680px;}}
@media (max-width: 900px)  {.home_video_container {height: 350px;} .home_video_iframe {top: -60px;} .home_video_iframe #home_video {height:510px;}}
@media (max-width: 700px)  {.home_video_container {height: 280px;} .home_video_iframe {top: -60px;} .home_video_iframe #home_video {height:400px;}}
@media (max-width: 500px)  {.home_video_container {height: 260px;} .home_video_iframe {top: -70px;} .home_video_iframe #home_video {height:400px;}}
@media (max-width: 480px)  {.home_video_container {height: 200px;} .home_video_iframe {display: none;} .home_video_mobile {display: block;}}
@media (max-width: 480px)  {.home_video_container {height: 200px;} .home_video_iframe {display: none;} .home_video_mobile {display: block;}}

.home_video_watermark_container {
	color: #000;
    z-index: 1;
    position: absolute;
    padding: 5%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    height: 100%;
	max-width:50%;
	}

.home_video_watermark {display:inline-block; vertical-align: middle; max-width: 90%;}
.home_video_watermark .titre {color:#fff;font-size: 40px;text-align: left; line-height: 50px; font-weight: bold;}
.home_video_watermark .sstitre {color:#fff;font-size: 24px; text-align: left;  line-height: 32px; }
.home_video_watermark .trustpilot { width: 260px; margin: auto; margin-top:0px;    padding: 0px;    background: transparent;  text-align: center;    border-radius: 5px; }
.home_video_watermark .trustpilot > .btn {font-size:20px;margin-bottom:40px; }

@media (max-width: 980px) {.home_video_watermark .titre {font-size: 30px;line-height: 40px;}.home_video_watermark .sstitre {font-size: 18px;line-height: 20px;}.home_video_watermark .trustpilot {max-width:200px;} .home_video_watermark .trustpilot > .btn {display:none; }}
@media (max-width: 767px) {.home_video_watermark .trustpilot {background: transparent;margin-top: 0;}}
@media (max-width: 680px) {.home_video_watermark .titre {font-size: 20px;line-height: 24px;}.home_video_watermark .sstitre {display:none;}.home_video_watermark .trustpilot {max-width:170px;} .home_video_watermark .trustpilot > .btn {display:none; }}
@media (max-width: 767px) {.home_video_watermark .trustpilot {background: transparent;margin-top: 0;}}
@media (max-width: 543px) {.home_video_watermark .trustpilot {background: transparent;margin-top: 0; max-width: 100%;max-width: 100%;}}
@media (max-width: 480px) {.home_video_watermark .cta-conversion {padding: 7px 30px;} .home_video_watermark_container {background-color: rgba(0, 0, 0, 0.2);}} 

.home_video_watermark_2 {
	display: inline-block;
	color: #fff;
	font-size: 60px;
	border-bottom-right-radius: 40px;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle; 
	margin-left: 15px;
	}
@media (max-width: 980px) {.home_video_watermark_2 {font-size: 40px;}}
@media (max-width: 600px) {.home_video_watermark_2 {font-size: 30px;}}



.home_video_watermark .facilite-qualite-fierte {position:relative; display:inline-block;margin:10px;}
.home_video_watermark .facilite-qualite-fierte span {color: #fff;padding: 0px 20px;font-size: 50px; }
.home_video_watermark .facilite-qualite-fierte div {position: absolute;background: var(--basecolor);height: 20px;bottom: -1px;width: 100%;z-index: -1;border-bottom-right-radius: 7px;border-top-left-radius: 7px;}
@media (max-width: 1100px) {.home_video_watermark .facilite-qualite-fierte span {font-size: 42px; }}
@media (max-width: 700px)  {.home_video_watermark .facilite-qualite-fierte span {font-size: 32px; } .home_video_watermark .facilite-qualite-fierte {margin:5px;} .home_video_watermark .facilite-qualite-fierte div {height: 10px;}}
@media (max-width: 600px)  {.home_video_watermark .facilite-qualite-fierte span {font-size: 26px; }}
@media (max-width: 480px)  {.home_video_watermark .facilite-qualite-fierte span {padding: 0px 10px; font-size: 20px; }}
@media (max-width: 480px)  {.home_video_watermark .facilite-qualite-fierte span {padding: 0px 5px; font-size: 16px; }}

@media (max-width: 544px)  {#index .home_video_watermark .cta-conversion {display:none;} }


/* ************************************************************************************************
/* TITRE H1 */
/* ************************************************************************************************ */

#index h1 {padding: 0px;margin-top: 0px;  text-align:center; display: block;background: transparent; max-width:none;border: 0;    color: #fff !important;    font-size: 40px !important;}
#index h1 div {display: inline-block; color: #fff !important;  }
@media (max-width: 1200px) {#index h1 { font-size: 30px !important; line-height: 30px; margin-bottom: 0;}}
@media (max-width: 543px)  {#index h1 { font-size: 20px !important; line-height: 20px; margin-bottom: 0; } }



/* ************************************************************************************************
/* ICONES PRODUITS */
/* ************************************************************************************************ */

#home_produits { text-align:center;font-size: 18px;border-bottom: 0px solid #ccc;width:100%;  margin: auto;  margin-bottom: 40px;    padding-bottom: 20px; overflow: auto;	white-space: nowrap; }
@media (max-width: 543px)  {#home_produits {margin-bottom: 0px;}}

#home_produits .element {width: 12%;min-width: 130px;display: inline-block;}

#home_produits .element a {padding: 10px 0px; }
#home_produits .element a img {width: 98px;    height: 98px;    border-radius: 50%;    border: 3px solid var(--basecolor); transition: all 0.3s;}
#home_produits .element a:hover img {border: 3px solid var(--ctacolor);}
#home_produits .element a div {margin: 10px 0px 5px 0px; font-weight:normal; font-size:16px; color:#666; transition: all 0.3s;}

@media (max-width: 900px)  
{
	#home_produits .element {min-width: 100px;}
	#home_produits .element a img {width: 80px;    height: 80px; }
	#home_produits .element a div {margin: 5px 0px 5px 0px; font-size:13px;}
}


/* ************************************************************************************************
/* ENGAGEMENTS */
/* ************************************************************************************************ */

#home_engagements { text-align:center;font-size: 18px;background: #fafafa;    padding: 2% 5%;  margin:15px}
@media (max-width: 543px)  {#home_engagements {margin-top:0px}}
#home_engagements .engagement {padding: 10px 0px;}
@media (max-width: 543px)  {#home_engagements .engagement {padding: 10px 0px 0px 0px;}}
#home_engagements h2 {padding: 0px 0px 10px 0px;    color: #333;    border-bottom: 2px solid #ccc;    font-weight: normal !important;}
#home_engagements h3 {margin: 20px 0px 5px 0px; font-weight:normal !important; font-size:15px !important; line-height: 20px !important; color: #000; border:0;}
#home_engagements .row {padding: 30px 0px 20px 0px;margin: 0;}
#home_engagements i {font-size: 60px;padding: 15px;border-radius: 50%;color: var(--basecolor);border: 0px solid var(--ctacolor);display: inline-block;}
#home_engagements p {padding: 0px 10px;font-size: 14px;line-height: 16px;color: var(--basecolor);}

@media (max-width: 543px) {
		#home_engagements  {font-size:15px;}
		#home_engagements .engagement .row {padding: 0px;}
		#home_engagements h2 {font-size:20px;padding: 0px;}
		#home_engagements h3 {margin: 15px 0px 5px 0px; font-weight:normal; font-size:14px; text-align: left;}
		#home_engagements i {font-size: 40px;}
		#home_engagements .row {padding: 0px}
	}



/* ************************************************************************************************
/* RDV */
/* ************************************************************************************************ */
#home_rdv h2 {border: 0;margin: 0; padding:0; color: #000;}
#home_rdv .bloc-jaune {padding: 30px;height: 100%; color: #000;}
@media (max-width: 1200px)  
{
	#home_rdv h2 {font-size: 20px !important;    line-height: 24px !important;}
	#home_rdv .bloc-jaune {padding: 15px;}
}

@media (max-width: 767px) {
	#home_rdv h2 {font-size: 18px !important;    line-height: 24px !important;}
}



/* ************************************************************************************************
/* FABRICANT */
/* ************************************************************************************************ */
#home_fabricant h2 {border: 0;margin: 0; padding:0; color: #fff;}
#home_fabricant .bloc-bleu {padding: 30px;height: 100%; color: #fff;}
@media (max-width: 1200px)   
{
	#home_fabricant h2 {font-size: 20px !important;    line-height: 24px !important;}
	#home_fabricant .bloc-bleu {padding: 15px;}
}

@media (max-width: 767px) {
	#home_fabricant h2 {font-size: 18px !important;    line-height: 24px !important;}
	
}

/* ************************************************************************************************
/* TUTOS */
/* ************************************************************************************************ */
#home_tutos .bloc-arrondi-gauche > div {border: 0;margin: 0; padding:0; color: #000;font-size: 20px !important;    line-height: 24px !important;}
#home_tutos .bloc-jaune {padding: 30px;height: 100%; color: #000;}
@media (max-width: 1200px)  
{
	#home_tutos .bloc-arrondi-gauche > div {font-size: 18px !important;    line-height: 24px !important;}
	#home_tutos .bloc-jaune {padding: 15px;}
}

@media (max-width: 767px) {
	#home_tutos .bloc-arrondi-gauche > div {font-size: 16px !important;    line-height: 22px !important;}
}


#home_processus {text-align:center;}
#home_processus a {text-decoration:underline; }
#home_processus .etape {padding: 30px 0px; height:250px;}
#home_processus h2 {padding: 30px 0px 10px 0px;color: #333; border:0;}
#home_processus .row {padding: 30px 0px 20px 0px;margin: 0;}
#home_processus i {font-size: 60px;color: #333;padding: 15px;}
#home_processus .numero {position: absolute;top: 0;background: var(--basecolor);border-radius: 50%;height: 30px;width: 30px;line-height: 30px;color: #fff;left: 20%;}
#home_processus p {padding: 20px 10px;font-size: 14px;line-height: 16px;color: #666;}



#home_tuto .conseils h2 {display:none;}
#home_tuto .conseil-miniature .tuto {margin:0;}
#home_tuto .conseil-miniature .tuto .small .screenshot i {left: calc(50% - 20px);top: calc(50% - 22px);font-size: 40px;}
#home_tuto .conseil-miniature .tuto > li .titre h3 {font-size: 14px !important;line-height: 18px !important;}
#home_tuto .image_service_client {position: absolute;background-image: url(../../img/footer_service_client2.png); width: 160px; height: 215px; top: -35px;    left: -10px;}
