/**** SOMMAIRE ****/
/*STRATE VIDEO*/
/*STRATE CHIFFRES CLES*/
/*STRATE FONCTIONNALITES*/
/*STRATE PRODUIT*/
/*STRATE ALERTES*/
/*STRATE POURQUOI NOUS*/
/*STRATES ACTIONS & TESTIMONIALS */
/*******************/

/**** MEDIA QUERIES ****/
/********* @MEDIA SCREEN *************/
/********* @MEDIA HD SCREEN min-width: 1920px *************/
/********* @MEDIA SMALL SCREEN max-width: 1365px *************/
/********* @MEDIA TABLETTE SCREEN max-width: 768px *************/
/********* @MEDIA PHABLET SCREEN max-width: 680px *************/
/********* @MEDIA MOBILE SCREEN max-width: 425px *************/
/********* @MEDIA TINY MOBILE SCREEN max-width: 320px *************/
/***********************/

/* CSS template SERVICE */
*{ -webkit-box-sizing: border-box; box-sizing: border-box; }

div a {
    text-decoration: none !important;
}

section{
	text-align: center;
}

h1{
	font: 2.8125rem 'Gotham Light', Arial, Helvetica, sans-serif;
}

h3{
	font: 1.375rem 'Gotham Light', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

h1 span{
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
}

h3 span{
	font-family: 'Gotham Light', Arial, Helvetica, sans-serif;
}

h2{
	font: 2.125rem 'Gotham Bold', Arial, Helvetica, sans-serif;
}
.green {
    color:#64e61e;
    display:inline-block;
    margin-right: 4px;
}
.full-wrapper, .sticky-wrapper.sticky-abonnement{
	width: 100%;
	max-width: 1440px;
	margin: auto;
	align-items: center;
	justify-content: center;
}

header.full-container{
	background-color: #1E1E23;
}

main.full-container{
	background-color: #F2F2F2;
}

header.full-container .full-wrapper img{
	width: 100%;
}

header.full-container .full-wrapper{
	overflow: hidden;
}

/********* @MEDIA SCREEN *************/
/*STRATE VIDEO*/
.z-visual-backgroundvideo{
	background-size: 100%;
	position: relative;
	padding: 0;
}

.z-visual-backgroundvideo video{
	width: 100%;
	margin-top: -5%;
	margin-bottom: -18%;
	transition: all .5s;
}

.z-visual-backgroundvideo.playing video{
	margin-top: 0px;
	margin-bottom: -8.5%;
}

.z-visual-backgroundvideo h1,
.z-visual-backgroundvideo p{
	transition: all 1s;
}

.z-visual-backgroundvideo.playing h1,
.z-visual-backgroundvideo.playing p{
	opacity: 0;
}

.z-visual-backgroundvideo .full-wrapper{
	position: absolute;
	left: calc(50% - 720px);
	height: 400px;
	bottom: 0;
}

.z-visual-backgroundvideo.playing .full-wrapper{
	margin-top: -400px;
}

.z-visual-backgroundvideo .baseline{
	position: absolute;
	top: 6%;
	left: 6%;
	max-width: 600px;
	background-color: transparent;
	text-align: left;
	font-family: 'Gotham Light', Arial, Helvetica, sans-serif;
	color: #FFF;
	z-index: 10;
}

.z-visual-backgroundvideo .baseline h1{
	font-family: 'Gotham Light', Arial, Helvetica, sans-serif;
	font-size: 2.75rem;
	text-transform: none;
	line-height: normal;
}

.z-visual-backgroundvideo .baseline span{
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
	text-transform: none;
}

.z-visual-backgroundvideo .baseline p{
	font-size: .875rem;
	padding: 2rem 0;
	width: 70%;
	line-height: 2;
}

.z-visual-backgroundvideo .baseline .subtitle{
	margin-left: 0;
}

.z-visual-backgroundvideo .buttons-mobile{
	display: none;
}

.z-visual-backgroundvideo button:before{
	position: absolute;
	width: 1rem;
	height: 1rem;
	content: '';
	left: 0;
}

.z-visual-backgroundvideo .buttons-desktop button:not(.mute){
	width: 260px;
	text-align: left;
}

.z-visual-backgroundvideo button{
	position: relative;
	padding-left: 1.5rem;
}

.z-visual-backgroundvideo .play:before{
	background: url(/CMS/uploads/FR/images/pages/service-rzf/play-video.svg) no-repeat 50% 50%;
}

.z-visual-backgroundvideo .stop:before{
	background: url(/CMS/uploads/FR/images/pages/service-rzf/stop.png) no-repeat 50% 50%;
	background-size: contain;
}

.z-visual-backgroundvideo .mute{
	display: none;
}

.z-visual-backgroundvideo .mute:before{
	background: url(/CMS/uploads/FR/images/pages/service-rzf/son.svg) no-repeat 50% 50%;
}

.z-visual-backgroundvideo .video-container{
	overflow: hidden;
}

.z-visual-backgroundvideo .play-video.stop{
	display: none;
}

.z-visual-backgroundvideo.playing .play-video.stop{
	display: inline-block;
    color:#1e1e23;
}

.z-visual-backgroundvideo.playing .play-video.play{
	display: none;
}

.z-visual-backgroundvideo.playing .video-container{
	display: inherit;
}

.baseline .mute > span{
	font-family: "Gotham Light", Arial, Helvetica, sans-serif;
}

.z-visual-backgroundvideo .baseline .mute.muted > span:first-of-type,
.z-visual-backgroundvideo .baseline .mute > span:last-of-type{
	color: white;
}

.z-visual-backgroundvideo .baseline .mute.muted > span:last-of-type,
.z-visual-backgroundvideo .baseline .mute > span:first-of-type{
	color: #64E61E;
}

/*STRATE CHIFFRES CLES*/
.chiffres-cles{
	background-color: #FFF;
}

.chiffres-cles .digits{
	font: 4.0625rem 'Gotham Bold', Arial, Helvetica, sans-serif;
}

.chiffres-cles p{
	font-family: 'Gotham Light', Arial, Helvetica, sans-serif;
	font-size: 0.9rem;
	padding-top: 1rem;
	width: 80%;
	margin: auto;
}

.chiffres-cles p.subtitle{
	line-height: 2;
    font-size: 1.1rem;
}

.chiffres-cles .units:after{
	content: '';
	background-color: #64e61e;
	height: 3px;
	width: 106px;
	position: absolute;
	left: calc(50% - 106px / 2);
	bottom: 0;
}

.chiffres-cles .units{
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 1rem 0;
	position: relative;
    padding-top: 0;
}

.chiffres-cles h2, .fonctionnalites h2, .alertes h2, .produit h2, .pourquoi-nous h2{
	font-size: 2.125rem;
}

.subtitle{
	font-family: "Gotham Light", Arial, Helvetica, sans-serif;
	padding-bottom: 0.75rem;
	line-height: 2;
	width: 80%;
	margin: auto;
}

.baseline .subtitle {
    color:white;
}

.chiffres-cles div.slider-chiffres, .produit ul, .pourquoi-nous ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

}

.chiffres-cles li{
	width: 27%;
}

.fonctionnalites, .alertes, .chiffres-cles, .produit, .pourquoi-nous{
	padding: 2.50rem 6.25rem;
}

.chiffres-cles div.slider-chiffres div.slide{
/*	background: url(/CMS/uploads/FR/images/pages/service-rzf/background-chiffrescles.svg) no-repeat 50% 50%;*/
	margin: 0 3rem;
	width: 20%;
}

.mentionsLegales {
    padding-top:40px;
    font-size:0.6rem;
    color:#888;
    font-style:italic;
    text-align: left;
}

/*STRATE FONCTIONNALITES*/
.fonctionnalites{
	position: relative;
	background: url(/CMS/uploads/FR/images/pages/service-rzf/BG_SERVICE.jpg) no-repeat; background-size: 100% auto;
	height: 687px;
	background-color: white;
}

.fonctionnalites .box-white{
	position: absolute; top: 10%; left: 10%;
	width: 42%; padding: 3rem 3rem 5rem;
	text-align: left;
	z-index: 10;
}

.fonctionnalites .box-white:before, .fonctionnalites .box-white:after{
	position: absolute; z-index: -5;
	width: 100px; height: 100px;
	content: ' ';
	background-color: transparent;
}

.fonctionnalites .box-white:before{
	top: -5px; left: -5px;
	border-left: 5px solid #64E61E; border-top: 5px solid #64E61E;
}

.fonctionnalites .box-white:after{
	bottom: -5px; right: -5px;
	border-bottom: 5px solid #64E61E; border-right: 5px solid #64E61E;
}

.fonctionnalites .green-corner{
	position: relative;
	display: none;
	background-color: #64E61E;
	width: 99px; height: 99px;
}

.fonctionnalites .green-corner:nth-child(1){
	left: -.3rem;
	top: 5.9rem;
}

.fonctionnalites .green-corner:nth-child(3){
	left: 34.5%;
	bottom: 5.9rem;
	z-index: 1;
}

.fonctionnalites .slide .row:not(.row-1){
	display: none;
}

.fonctionnalites .screen-relative .screen-img,
.fonctionnalites .screen .screen-img{
	position: absolute;
    right: 19.2%;
    top: 0;
    transform: perspective(701px) rotateY(-17deg) skewY(2deg) scaleX(1.1) scaleY(1.05);
    width: 18.9%;
    height: auto;
    margin-top: 13.3%;
}

.fonctionnalites .screen-relative .screen-img:not(.screen-1),
.fonctionnalites .screen .screen-img:not(.screen-1){
	display: block;
}

.fonctionnalites .slide .row{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-left: 1px solid #64E61E;
	padding: .125rem 0;
}

.fonctionnalites .box-white .row img{
	margin: 0 1rem;
	width: 50px;
	height: auto;
}

.fonctionnalites .screen{
	display: block;
}

.fonctionnalites .screen-relative{
	display: none;
}

.fonctionnalites .screen-relative form input{
	display: none;
}

.fonctionnalites .slide h2{
	padding-bottom: 3rem;
}

.h3Slider {
    padding-bottom: 3rem;
    font-size: 2.125rem;
    margin: 0;
    margin-bottom: 1em;
    padding: 0;
    font-style: normal;
    font-weight: normal;
    font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
    line-height: 1.5em;
    text-transform: uppercase;
}

.fonctionnalites .slide ul{
	padding-left: 1rem;
}

.fonctionnalites label .caption{
	position: absolute;
	left: -9999px;
}

.fonctionnalites label{
	position: absolute;
	display: block;
	border: solid 4px white;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	filter: grayscale(100%);
	box-sizing: border-box;
	top: 0;
}

.fonctionnalites label.active{
	border-color: #64E61E;
	-webkit-box-shadow: 10px 10px 105px 2px rgba(100, 230, 30, 0.55);
	-moz-box-shadow: 10px 10px 105px 2px rgba(100, 230, 30, 0.55);
	box-shadow: 10px 10px 105px 2px rgba(100, 230, 30, 0.55);
	filter: grayscale(0%);
}

.fonctionnalites label:first-of-type{
	right: 35%;
	margin-top: 32%;
	background: white url(/CMS/uploads/FR/images/pages/service-rzf/danger-permanent.png) no-repeat 50% 48%;
	background-size: 50% auto;
}

.fonctionnalites label:nth-of-type(2){
	right: 22%;
	margin-top: 37%;
	background: white url(/CMS/uploads/FR/images/pages/service-rzf/accident.png) no-repeat 50% 48%;
	background-size: 50% auto;
}

.fonctionnalites label:last-of-type{
	right: 9%;
	margin-top: 32%;
	background: white url(/CMS/uploads/FR/images/pages/service-rzf/danger-temporaire.png) no-repeat 50% 48%;
	background-size: 50% auto;
}

.fonctionnalites .slide div:first-of-type{
	width: 80%;
	right: 350px;
}

.fonctionnalites .slide p, .fonctionnalites .slide li{
	font-family: "Gotham Light", Arial, Helvetica, sans-serif; font-size: .875rem;
	list-style-type: disc;
	line-height: 2;
}

.fonctionnalites .slide p span{
	font-family: "Gotham Bold", Arial, Helvetica, sans-serif;
}

.slider-fonctionnalites .slick-dots li button:before{
	display: none;
}

.slider-fonctionnalites .slick-dots li{
	margin: 0 2px;
	width: 32px;
	height: 32px;
}

.slider-fonctionnalites .slick-dots li button{
	background-color: #999;
	border: solid 1px #999;
	border-radius: 2px;
	width: 32px;
	height: 32px;
	color: #FFF;
	font-size: 1rem;
}

.slider-fonctionnalites .slick-dots li.slick-active button{
	background-color: #64E61E;
	border: solid 1px #64E61E;
}

.slider-fonctionnalites .slick-dots{
	bottom: -75px;
	text-align: left;
}

/*STRATE PRODUIT*/
.produit li{
	position: relative;
	width: 32%;
	background-color: #FFF;
	-webkit-box-shadow: -1px -4px 38px -2px rgba(0, 0, 0, 0.30);
	-moz-box-shadow: -1px -4px 38px -2px rgba(0, 0, 0, 0.30);
	box-shadow: -1px -4px 38px -2px rgba(0, 0, 0, 0.30);
}

.produit figure img{
	width: 100%;
}

.produit figcaption button{
	position: absolute; bottom: 2rem; right: 2rem;
	display: block; float: right;
	width: 2.1875rem; height: 2.1875rem;
	background: url(/CMS/uploads/FR/images/pages/service-rzf/plus.svg) #1E1E23 no-repeat 50% 50%; background-size: 60%;
	border-radius: .2rem;
}

.produit .price{
	padding: 0;
	margin: .5rem 0;
}

.produit .price strong{
	font: 1.625rem 'Gotham Bold', Arial, Helvetica, sans-serif;
	color: #1F1F1F;
	font-weight: normal;
	font-weight: initial;
}

.produit .details-price{
	font: 1.125rem 'Gotham Light', Arial, Helvetica, sans-serif;
	color: #8C8C96;
}

.produit li figure figcaption h3{
	font-size: 1.375rem;
	line-height: 1.3;
}

.produit li figure figcaption{
	text-align: left;
	padding: 2.5rem 2.5rem 4.5rem;
}

figcaption{
	background-color: #FFF;
	padding: 2.5rem;
}

figcaption p{
	font-family: 'Gotham Light', Arial, Helvetica, sans-serif; font-size: 1.125rem;
	padding: 0.9375rem 0;
}

/*STRATE ALERTES*/
.alertes{
	background-color: #FFF;
}

.alertes .col{
	width: 30%;
	padding-left: 4.6875rem;
}

.alertes .col-3{
	margin: 0;
}

.alertes .col:nth-child(n+2){
	border-left: 1px solid #C9C9C9;
}

.alertes .col img{
	width: 80px; height: 72px;
    padding:4px;
}

.alertes figcaption{
	text-align: center;
}

.danger{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.alertes h3{
	padding: 2.5rem 0 1rem;
	font-family: 'Gotham Medium', Arial, Helvetica, sans-serif;
}

.danger li, .pourquoi-nous li{
	width: 32.5%;
}

.screen-relative form > label{
	cursor: pointer;
}

.danger figcaption{
	padding: .9375rem 0;
	color: #8C8C96;
	font: .6rem 'Gotham Book', Arial, Helvetica, sans-serif; text-transform: uppercase;
}

/*STRATE POURQUOI NOUS*/
.pourquoi-nous{
	background: url(/CMS/uploads/FR/images/pages/service-rzf/road-mountains-street-cliff.jpg) no-repeat #1F1F1F;
}

.pourquoi-nous h2, .pourquoi-nous .subtitle{
	color: #FFF;
}

.pourquoi-nous .subtitle{
	font: 1.5625rem "Gotham Light", Arial, Helvetica, sans-serif;
}

.pourquoi-nous li{
	padding: 3.125rem 2.625rem 4.25rem; border-bottom: 5px solid #64E61E;
	background-color: #1E1E23;
}

.pourquoi-nous svg{
	width: 2.1875rem; height: 2.0625rem;
}

.pourquoi-nous h3{
	padding-top: 1.25rem; padding-bottom: 1.5rem;
	font: 1.5625rem 'Gotham Medium', Arial, Helvetica, sans-serif;
	color: #64E61E;
	text-transform: none;
}

.pourquoi-nous p{
	font: .875rem 'Gotham Book', Arial, Helvetica, sans-serif;
	color: #ABABAB;
	line-height: 2;
}
.choisir {
    text-align: left;
}

/*STRATES ACTIONS & TESTIMONIALS */
.actions h3{
	text-transform: none;
}
.conseil {
    font: 1.5625rem 'Gotham Medium', Arial, Helvetica, sans-serif;
    padding: 2.875rem;
    text-transform: none;
    display:inline-block;
    margin-bottom:-1em;
}
.service.testimonials{
	padding: 1rem;
}
.bordered-buttonService {
    color:#000;
}
.bordered-buttonService a{
    color:#000;
}
.vibe {
  animation:vibe 1.5s infinite;
  cursor:pointer;
  position:relative;
}

.vibeInfo {
  background: #000;
  width:150px;
  color:#FFF;
  padding:10px;
  bottom:0;
  left:10px;
  border-radius:4px;
  font-size:0.8em;
  transition:all .4s ease;
}

#vibeInfo1, #vibeInfo2 {
    display:none; 
}

#vibe1:hover ~ #vibeInfo1 {
    display:block;
}

#vibe2:hover ~ #vibeInfo2 {
    display:block;
}

@keyframes vibe {
  0% {
    opacity:1;
  }
  50% {
    opacity:0.5;
  }
  100% {
    opacity:1;
  }
}

.hashtag a{
    color: #1e1e23;
    font-size: 1.5em;

}
/*********@MEDIA HD SCREEN *************/
@media screen and (min-width: 1920px){
	/*STRATE VIDEO*/
	.z-visual-backgroundvideo video{
		margin-bottom: -20%;
	}
}

/*********@media SMALL SCREEN *************/
@media screen and (max-width: 1365px){
	/*STRATE VIDEO*/
	.z-visual-backgroundvideo .full-wrapper{
		left: 0;
		bottom: 0;
	}

	.z-visual-backgroundvideo video{
		margin-bottom: -10%;
	}

	.z-visual-backgroundvideo .baseline{
		max-width: 768px;
	}

	.z-visual-backgroundvideo .baseline h1{
		font-size: 1.75rem;
		margin-bottom: 1rem;
	}

	.z-visual-backgroundvideo .baseline{
		top: inherit;
		bottom: 3%;
	}
    .chiffres-cles div.slider-chiffres div.slide {
        margin: 0 2rem;
    }
    .chiffres-cles .digits {
        font: 2.0625rem 'Gotham Bold', Arial, Helvetica, sans-serif;
    }
	/*STRATE ALERTES*/
	.alertes .col{
		width: 100%;
	}
	

	/*STRATE FONCTIONNALITES*/
	.fonctionnalites .box-white{
		top: 3%;
		left: 3%;
		width: 55%;
		padding: 1rem 1rem 5rem;
	}

	.fonctionnalites{
		position: relative;
		height: 615px;
	}

	.fonctionnalites label:first-of-type{
		right: 30%;
		margin-top: 30%;
	}

	.fonctionnalites label:nth-of-type(2){
		right: 17%;
		margin-top: 35%;
	}

	.fonctionnalites label:last-of-type{
		right: 4%;
		margin-top: 30%;
	}
        .fonctionnalites .screen-relative .screen-img, .fonctionnalites .screen .screen-img {
        position: absolute;
        right: 19.4%;
        top: 0;
        transform: perspective(440px) rotateY(-17deg) skewY(2deg) scaleX(1.1) scaleY(1.05);
        width: 18.9%;
        height: auto;
        margin-top: 13.3%;
    }
	/*STRATE PRODUIT*/
	.produit li figure figcaption{
		padding: 2.5rem 1.5rem 4.5rem;
	}

	.produit li figure figcaption h3{
		font-size: 1rem;
	}

	.produit figcaption button{
		position: absolute; bottom: 1rem; right: 1rem;
	}

	.produit .price strong{
		font: 1.25rem 'Gotham Bold', Arial, Helvetica, sans-serif;
		color: #1F1F1F;
		font-weight: normal;
		font-weight: initial;
	}

	.produit .details-price{
		font: .75rem 'Gotham Light', Arial, Helvetica, sans-serif;
		color: #8C8C96;
	}

	/*STRATE ALERTES*/
	.alertes .col{
		padding-left: 0;
		margin-top: 1rem;
	}

	.alertes .col:nth-child(n+2){
		border-left: 0;
	}
}

/********* @media TABLETTE SCREEN *************/
@media screen and (max-width: 768px){
	/*STRATE VIDEO*/
	.z-visual-backgroundvideo{
		position: relative;
		background: black url(/CMS/uploads/FR/images/pages/service-rzf/background-road.jpg) no-repeat;
		background-size: cover;
	}

	.z-visual-backgroundvideo .full-wrapper{
		height: auto;
		position: absolute;
		top: .5rem;
		bottom: inherit;
	}

	.z-visual-backgroundvideo video{
		margin-bottom: -5px;
		margin-top: 0;
		visibility: hidden;
		opacity: 0;
	}

	.z-visual-backgroundvideo.playing video{
		visibility: visible;
		opacity: 100;
		margin-bottom: -2%;
	}

	.z-visual-backgroundvideo .baseline{
		max-width: 100%;
		left: 0;
		bottom: 0;
		padding-left: 1rem;
		padding-bottom: 1rem;
		margin-top: 35px;
	}

	.z-visual-backgroundvideo .baseline h1{
		font-size: 1.5rem;
		padding: .5rem;
	}

	.z-visual-backgroundvideo .baseline p{
		font-size: .875rem;
		padding: 1rem;
	}

	.z-visual-backgroundvideo h1{
		margin-bottom: 0;
	}

	.z-visual-backgroundvideo .baseline .subtitle{
		margin: 0;
		width: 100%;
	}

	.z-visual-backgroundvideo .buttons-desktop{
		display: none;
	}

	.z-visual-backgroundvideo .buttons-mobile{
		display: inline-block;
		position: absolute;
		left: calc(50% - 1.5rem);
		top: calc(50% - 1.5rem);
	}

	.z-visual-backgroundvideo.playing .buttons-mobile{
		left: inherit;
		right: .5rem;
		top: 3.5rem;
    z-index: 1000;
	}

	.z-visual-backgroundvideo .buttons-mobile .play:before{
		width: 3rem;
		height: 3rem;
	}

	.z-visual-backgroundvideo.playing .buttons-mobile .stop{
		padding-right: 1.5rem;
		padding-left: 0;
		color: white;
	}

	.z-visual-backgroundvideo.playing .buttons-mobile .stop:before{
		width: 1rem;
		height: 1rem;
		left: inherit;
		right: 0;
	}

	/*STRATE CHIFFRES CLES*/
	.chiffres-cles div.slider-chiffres{
		flex-direction: column;
	}

	.chiffres-cles div.slider-chiffres div.slide{
		margin: 0 0 2rem;
		width: 100%;
		height: 150px;
		background-position-x: calc(25% - 60px);
	}

	.chiffres-cles div.slider-chiffres div.slide div{
		display: inline-block;
		width: 49%;
		height: 150px;
		vertical-align: top;
	}

	.chiffres-cles div.slider-chiffres div.slide div:last-of-type{
		/*line-height: 150px;*/
		text-align: center; /* centrage horizontal */
	}

	.chiffres-cles div.slider-chiffres div.slide div:last-of-type p{
		padding: 0;
		width: 100%;
		vertical-align: middle;
		display: inline-block;
		line-height: 1.2;
		text-align: center;
	}

	.chiffres-cles .units:after{
		display: none;
	}

	.chiffres-cles ul, .produit ul, .pourquoi-nous ul{
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}

	.chiffres-cles li, .produit li, .pourquoi-nous li{
		width: 100%;
	}
    .chiffres-cles div.slider-chiffres div.slide {
        margin: 0 0rem;
    }
    .chiffres-cles .digits {
        font: 3.0625rem 'Gotham Bold', Arial, Helvetica, sans-serif;
    }
	/*STRATE FONCTIONNALITES*/
	.fonctionnalites, .alertes, .chiffres-cles, .produit, .pourquoi-nous{
		padding: 2.25rem 3.125rem;
	}

	.fonctionnalites{
		position: relative;
		height: 770px;
		border-bottom: solid 100px #FFF;
		background-color: #FFF;
	}

	.fonctionnalites .box-white{
		bottom: -45px; 
		top: inherit;
		left: 10%;
		top:35%;
		width: 80%;
		box-sizing: border-box;
	}
	
	.slider-fonctionnalites .slick-dots {
    bottom:-30px;
    text-align: left;
}

	.fonctionnalites label{
		width: 60px;
		height: 60px;
	}

	.fonctionnalites label:first-of-type{
		right: 40%;
		margin-top: 4%;
	}

	.fonctionnalites label:nth-of-type(2){
		right: 45%;
		margin-top: 13%;
	}

	.fonctionnalites label:last-of-type{
		right: 40%;
		margin-top: 22%;
	}
    .fonctionnalites .screen-relative .screen-img, .fonctionnalites .screen .screen-img {
        position: absolute;
        right: 19.4%;
        top: 0;
        transform: perspective(301px) rotateY(-17deg) skewY(2deg) scaleX(1.1) scaleY(1.05);
        width: 18.9%;
        height: auto;
        margin-top: 13.3%;
    }
	/*STRATE PRODUIT*/
	.produit li figure figcaption h3{
		font-size: 1.375rem;
		line-height: 1.3;
	}

	.produit li figure figcaption .details-price{
		font-size: 1rem;
	}

	.produit li figure figcaption button{
		bottom: 2rem;
		right: 2rem;
	}

	.produit li figure figcaption{
		padding-bottom: 3.5rem;
	}

	.produit li{
		margin-bottom: 1rem;
	}

	/*STRATE ALERTES*/
	.alertes .col:nth-child(n+2){
		border-left: none;
	}

	.alertes .subtitle{
		padding-bottom: 0;
	}

	/*STRATE POURQUOI NOUS*/
	.pourquoi-nous li{
		padding: 2.625rem;
	}

	.pourquoi-nous li p{
		color: white;
	}

	.pourquoi-nous{
		background-size: cover;
	}

	.pourquoi-nous li{
		margin: 0 auto 1rem;
		max-width: 70%;
	}
}

/*********@media PHABLET********/
@media screen and (max-width: 680px){
	/*INTRO VIDEO*/
	.z-visual-backgroundvideo{
		position: relative;
		background-position: 50%;
		transition: all 1s;
		min-height: 475px;
	}

	.z-visual-backgroundvideo.playing{
		min-height: 0;
	}
}

/*********@media MOBILE SCREEN *************/
@media screen and (max-width: 425px){
	/*GLOBAL*/
	.chiffres-cles h2,
	.fonctionnalites h2,
	.alertes h2,
	.produit h2{
		font-size: 1.5rem;
	}

	.chiffres-cles p.subtitle,
	.alertes p.subtitle,
	.produit p.subtitle{
		padding-bottom: 0;
		width: 100%;
		margin: auto;
		font-size: 1.125rem;
		line-height: 1.5;
	}

	/*INTRO VIDEO*/
	.z-visual-backgroundvideo{
		min-height: 700px;
	}

	.z-visual-backgroundvideo .full-wrapper{
		bottom: 0;
		top: inherit;
	}

	.z-visual-backgroundvideo .baseline{
		bottom: 10%;
		padding: 0;
		text-align: center;
	}

	.z-visual-backgroundvideo .baseline .subtitle{
		padding: 1rem 2rem;
	}

	.z-visual-backgroundvideo .baseline h1{
		padding: 0 3rem;
		line-height: 1.3;
		font-size: 2rem;
	}

	.z-visual-backgroundvideo .baseline h1 > span{
		text-transform: uppercase;
	}

	.z-visual-backgroundvideo .buttons-mobile{
		top: 65%;
	}

	.z-visual-backgroundvideo .video-container{
		position: relative;
	}

	/*STRATE CHIFFRES CLES*/
	.chiffres-cles{
		padding: 2.25rem 1.5rem;
	}

	.chiffres-cles li{
		padding-bottom: 1rem;
	}

	.chiffres-cles h2,
	.chiffres-cles .subtitle{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.chiffres-cles div.slider-chiffres{
		padding-top: 1rem;
	}

	.chiffres-cles div.slider-chiffres div.slide{
		background-position-x: 0;
		background-size: 50%;
		margin: 0;
	}

	.chiffres-cles div.slider-chiffres div.slide div:last-of-type p{
		padding-left: .5rem;
		text-align: left;
	}

	.chiffres-cles .digits{
		font-size: 3rem;
		padding-top: 2rem;
	}

	.chiffres-cles .units{
		padding-top: 0;
		font-size: 1rem;
	}

	/*STRATE FONCTIONNALITES*/
	.fonctionnalites{
		background-size: 150%;
		background-position-x: 100%;
		height: 810px;
	}

	.fonctionnalites .slide div:first-of-type{
		width: 100%;
	}

	.slider-fonctionnalites .slick-dots{
		text-align: center;
	}

	.fonctionnalites .box-white h2{
		padding-bottom: 1rem;
	}

	.fonctionnalites .box-white{
		padding: 2rem 1.5rem 4rem;
	}

	.fonctionnalites label{
		width: 48px;
		height: 48px;
	}

	.fonctionnalites label:first-of-type{
		right: calc(50% - 30px + 75px);
		margin-top: 47%;
	}

	.fonctionnalites label:nth-of-type(2){
		right: calc(50% - 30px);
		margin-top: 51%;
	}

	.fonctionnalites label:last-of-type{
		right: calc(50% - 30px - 75px);
		margin-top: 47%;
	}

	.fonctionnalites .screen-relative .screen-img,
	.fonctionnalites .screen .screen-img{
    	right: 28.55%;
        width: 28.5%;
        margin-top: 20.3%;
	}
    .fonctionnalites .screen-relative .screen-img, .fonctionnalites .screen .screen-img {
        transform: perspective(301px) rotateY(-16deg) skewY(1deg) scaleX(1.1) scaleY(1.05);
    }
	/*STRATE PRODUITS*/
	.produit{
		padding: 2.25rem;
	}

	.produit .subtitle,
	.produit h2{
		line-height: 1.2;
	}

	.produit h2{
		margin-bottom: 1rem;
		font-size: 1.5rem;
	}

	.produit ul{
		margin-top: 3rem;
	}

	.produit .subtitle{
		width: 100%;
		font-size: 1.125rem;
		padding-bottom: 2rem;
	}

	/*STRATE ALERTES*/
	.alertes{
		padding: 3.5rem 0;
	}

	.alertes h2,
	.alertes p,
	.alertes .col{
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.alertes .col:not(:last-of-type){
		padding-bottom: 2rem;
		border-bottom: 1px solid #C9C9C9;
	}

	.alertes h3{
		padding-top: 1rem;
		text-transform: none;
	}

	/*STRATE POURQUOI NOUS*/
	.pourquoi-nous{
		padding: 2.25rem;
		background: url(/CMS/uploads/FR/images/pages/service-rzf/road-mountains-bg-mobile.jpg) no-repeat #020202;
		background-size: 150%;
	}

	.pourquoi-nous .subtitle{
		font-size: 1.125rem;
		line-height: 1.5;
		padding: 0;
		margin: 0;
		width: 100%;
	}

	.pourquoi-nous li h3{
		padding-bottom: .75rem;
	}

	.pourquoi-nous li{
		padding: 2.5rem;
		background-color: transparent;
		border: none;
		max-width: 100%;
	}

}

/********* TINY MOBILE SCREEN *************/
@media screen and (max-width: 320px){
	/*STRATE CHIFFRES CLES*/
	.chiffres-cles div.slider-chiffres div.slide div:last-of-type p{
		font-size: .75rem;
		padding-left: 1.5rem;
	}

	/*STRATE FONCTIONNALITES*/
	.fonctionnalites{
		height: 835px;
	}
}