body {
  margin: 0;
  font-family: 'Josefin Sans', sans-serif;
  background-image: url('img/bg.png');
  background-repeat: repeat;
  background-size: 20px 34px;
}

.ctext {
  font-family: 'Raleway', sans-serif;
}

.noscroll {
	overflow: hidden;
}

.bg-marge {
	max-width: 1480px;
	margin: 0 auto;
	background-color: white;
}

.content {
	max-width: 1440px;
	margin: 0 auto;
}

.first {
	padding-top: 56px;
		    -webkit-transition: padding-top 0.5s ease-in-out;
    -moz-transition: padding-top 0.5s ease-in-out;
    transition: padding-top 0.5s ease-in-out;
}

@media screen and (min-width: 1010px) {
    .first {
	padding-top: 85px;
	}
}

.full-width-bg {width: 100%;}

.gris {background: #efefef;}

.rose {background: #ffc2b5;}

.noir {background: #141720;}

.blanc {background: white;}

.vert-clair {background: #8ee4c8;}

.vert-fonce {background: #1F917C;}

.vert-bowl {background: #50E3C2;}

.rose-fonce {background: #f98470;}

.header-bg {
	position: fixed;
	background: #fff;
	/* border-bottom: 1px solid #e63c2f; */
	width: 100%;
	height: 56px;
	z-index: 2;
	    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}

.logo {
  background: url("img/logo.svg") no-repeat;
  position: absolute;
  background-repeat: no-repeat;
  background-size: 42px 42px;
  width: 42px;
  height: 42px;
  left: 31px;
  margin: 0px 0 0 -21px;
          -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.header {
	width: 100%;
	text-align: left;
}

.header ul {
  padding-left: 58px;
  margin: 7px auto 0;
}

.header ul li {
	display: inline-block;
	margin: 0 0px;
	    -webkit-transition: margin 0.5s ease-in-out;
    -moz-transition: margin 0.5s ease-in-out;
    transition: margin 0.5s ease-in-out;
}

.header ul li:nth-of-type(1) {
  margin: 0 5px 0 5px;
}
.header ul li:nth-of-type(2) {
  margin-right: 10px;
}
.header ul li:nth-of-type(3) {
  margin-left: 10px;
}


.header ul li a {
	display: block;
	text-decoration: none;
	
	font-weight: 600;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 43px;
	color: #1d1d1d;
	width: auto;
	height: 41px;
}

.header ul li a:hover {
	color: #1F917C;
}


.lv-bg {
	margin: -41px 10px 0 auto;
	width: 134px;
	text-align: right;
}

.lv {
	display: block;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	color: #e63c2f;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	line-height: 43px;
	height: 41px;
	z-index: 3;
}

.lv:hover {
	/*color: black;*/
}

.lv:hover:after {
	animation: 0.2s ease-out 0s 1 rotateUp;
	animation-fill-mode: forwards;
	/*background: url("img/header_bike_black.svg") no-repeat;*/
}

.lv:after {
	content: "";
    display: block;
    background: url("img/header_bike.svg") no-repeat;
	width: 17.86px;
	height: 16.58px;
	float: right;
    margin: 10px 0px 0px 5px;
    animation: 0.1s linear 0s 1 rotateDown;
}

.header ul li:nth-of-type(3) {
	display: none;
}
.header ul li:nth-of-type(4) {
  	display: none;
}

@media screen and (min-width: 352px) {

	.header ul li a {
		font-size: 10px;
	}
	.lv-bg {
		width: 145px;
		}
	.lv {
		font-size: 10px;
	}

	.header ul li:nth-of-type(1) {
		margin: 0 10px 0 10px;
	}
}

@media screen and (min-width: 385px) {

	.header ul li {
		margin: 0 10px;
	}

	.header ul li:nth-of-type(1) {
		margin: 0 10px 0 20px;
	}

}

@media screen and (min-width: 548px) {

	.header ul li:nth-of-type(3) {
		display: inline-block;
	}
	.header ul li:nth-of-type(4) {
	  	display: inline-block;
	}

}

@media screen and (min-width: 750px) {

	.logo {
	  left: 50%;
	}

	.header {
		text-align: center;
	}

	.header ul {
		padding-left: 0px;
		margin: 7px auto 0px;
	}

	.header ul li a {
		width: 60px;
	}

	.header ul li:nth-of-type(3) {
		margin-left: 42px;
	}
	.header ul li:nth-of-type(2) {
		margin-right: 42px;
	}

}


@media screen and (min-width: 1010px) {
    .header-bg {
    	height: 85px;
    }

    .logo {
    	background-size: 62px 62px;
    	width: 62px;
    	height: 62px;
    	margin: -11px 0 0 -31px;
    }

    .header ul {
		padding-left: 0;
		margin: 22px auto 0px;
	}

	.header ul li {
		display: inline-block;
	}

	.header ul li:nth-of-type(2) {
		margin-right: 62px
	}

	.header ul li:nth-of-type(3) {
		margin-left: 62px;
	}

    .header ul li a {
		font-size: 14px;
		width: 84px;
	}

	.lv-bg {
		width: 205px;
	}

	.lv {
		font-size: 14px;
	}

	.lv:after {
		width: 25px;
		height: 23.21px;
		margin: 5px 0px 0px 8px;
	}
}



/* FRESQUE */

.fresque > img {
	width: 96%;
	margin: 0 2%;
}

.parallax {
	height: 39vw;
	width: 100%;
	
}

.bigtext {
	text-align: center;
	margin-top: 5.8vw; /*5.8 middle*/
	color: #1d1d1d;
	font-size: 8vw;
	font-weight: 700;
	line-height: 10vw;
	letter-spacing: 2vw;
}

@media screen and (min-width: 720px) {
    .parallax {
	height: 30vw;
	}
	.bigtext {
	margin-top: 5.8vw; /*5.8 middle*/
	}
}

@media screen and (min-width: 1010px) {
    .parallax {
	height: 22vw;
	}
	.bigtext {
	margin-top: 5.8vw; /*5.8 middle*/
	}
}

@media screen and (min-width: 1440px) {
	/* (VW x 14,4 = PX) */
	.parallax {
	height: 320px;
	}
	.bigtext {
	margin-top: 83.52px;
	font-size: 115.2px;
	line-height: 144px;
	letter-spacing: 28.8px;
	}
}


/* BLOC Allier plaisir et santé */

.half {
	display: block;
}

@media screen and (min-width: 720px) {
    .half {
    	display: -ms-grid;
    	display: grid;
    	-ms-grid-columns: 1fr 1fr;
    	    grid-template-columns: 1fr 1fr;
    }
}

.left-text {
	-ms-grid-column: 1;
	grid-column: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}

.center {
	text-align: center;
}

.discover {
	display: inline-block;
	font-weight: 400;
	font-size: 20px;
	height: 50px;
	width: 240px;
	line-height: 50px;
	background: white;
	border: 3px solid #1F917C;
	color: #e53b2f;
	text-decoration: none;
	margin-top: 10px;
	margin-bottom: 5px;
}

@media screen and (min-width: 720px) {
	.discover {
		margin-bottom: 24px;
	}
}

.discover:hover {
	border: 3px solid #e53b2f;

}

.block-img {
	width: 100%;
	height: 250px;
}

.left-img {
	background-image: url('img/index_img1.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


@media screen and (min-width: 591px) {
	.block-img {
		height: 350px;
	}
}


@media screen and (min-width: 720px) {
	.block-img {
		height: auto;
	}
}

.block-text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;

}

.secondhalf .block-text {
	-ms-grid-column: 2;
	grid-column: 2;
}

.firsthalf .block-text {
	-ms-grid-column: 1;
	grid-column: 1;
}

.firsthalf .block-img {
	-ms-grid-column: 2;
	grid-column: 2;
}

@media screen and (min-width: 720px) {
	.firsthalf .block-text {
		-ms-grid-column: 2;
		grid-column: 2;
	}

	.firsthalf .block-img {
		-ms-grid-column: 1;
		grid-column: 1;
		-ms-grid-row: 1;
		grid-row: 1;
	}
}

.right-inside {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	margin-top: 30px;
	max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	align-self: center;
		    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

@media screen and (min-width: 720px) {
	.right-inside {
		margin-left: auto;
		margin-right: auto;
		max-width: 400px;
		align-self: stretch;
	}
}

@media screen and (min-width: 1200px) {
	.right-inside {
		margin-bottom: 100px;
		margin-top: 100px;
	}
}

@media screen and (min-width: 1200px) {
	.right-inside {
		margin-left: 80px;
	}
}

.right-inside > p {
	color: white;

	font-weight: 400;
	font-size: 15px;
	line-height:26px;
	letter-spacing:0px;
}

h2 {
	color: #1d1d1d;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 2px;
	margin: 24px 0;
}

.secondhalf .block-img {
	-ms-grid-column: 1;
	grid-column: 1;
}

/*NOS RESTOS */

.restos-cell {
	height: 100%;
	width: 100%;
	overflow: hidden;
    cursor: default;
    background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.restos-cell:nth-child(1) {
	background-image: url('img/slideshow/resto2023.jpg');
}
.restos-cell:nth-child(2) {
	background-image: url('img/slideshow/resto2023.jpg');
}

.thirdhalf .block-text {
	-ms-grid-column: 1;
	grid-column: 1;
	-ms-grid-row: 1;
	grid-row: 1;
}

.thirdhalf .block-img {
	-ms-grid-column: 2;
	grid-column: 2;
			-ms-grid-row: 1;
		grid-row: 1;
}

.resto-logo {
	background-image: url('img/nosrestos.svg');
	height: 75px;
	width: 114px;
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 0 auto;
}

.center-inside {
	color: white;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 70px;
	margin-top: 50px;
	max-width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	align-self: center;
		    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

@media screen and (min-width: 720px) {
	.center-inside {
		margin-left: auto;
		margin-right: auto;
		max-width: 400px;
		align-self: stretch;
	}
}

@media screen and (min-width: 1200px) {
	.center-inside {
		margin-bottom: 120px;
		margin-top: 100px;
	}
}

@media screen and (min-width: 1200px) {
	.center-inside {
		/*margin-left: 80px;*/
	}
}

.center-inside > p {
	font-weight: 400;
	font-size: 14px;
	line-height:26px;
	letter-spacing:0px;
}


/* BLOC NOS VALEURS */

h3 {
	
	font-weight: 700;
	font-size:18px;
	color:#1d1d1d;
	letter-spacing:2px;
	text-transform: uppercase;
	text-align:center;
	margin: 0;
	padding: 60px 0 40px;
}

/*
.h3-val {
	padding-bottom: 0px;
}
*/

.grille-val {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns:  1fr (auto)[2] 1fr;
	    grid-template-columns:  1fr repeat(2, auto) 1fr;
	-ms-grid-rows:  (auto)[3];
	    grid-template-rows:  repeat(3, auto);
	grid-column-gap: 10px;
	grid-row-gap: 0px;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	justify-content: center;
	padding-bottom: 60px;
}

@media screen and (min-width: 637px) {
	.grille-val {
		grid-column-gap: 10px;
		-ms-grid-columns:  1fr (auto)[3] 1fr;
		    grid-template-columns:  1fr repeat(3, auto) 1fr;
		-ms-grid-rows:  (auto)[2];
		    grid-template-rows:  repeat(2, auto);
	}
}

@media screen and (min-width: 720px) {
	.grille-val {
		padding-bottom: 80px;
	}
}

@media screen and (min-width: 730px) {
	.grille-val {
		grid-row-gap: 25px;
	}
}

/*
@media screen and (min-width: 720px) {
	.grille-val {
		-ms-grid-columns:  (auto)[4];
		    grid-template-columns:  repeat(4, auto);
		-ms-grid-rows:  1fr;
		    grid-template-rows:  1fr;
	}
} */
/*
@media screen and (min-width: 835px) {
	.grille-val {
		-ms-grid-columns:  1fr (190px)[4] 1fr;
		    grid-template-columns:  1fr repeat(4, 190px) 1fr;
		-ms-grid-rows:  1fr;
		    grid-template-rows:  1fr;
	}
}*/

.titre-val {
	
	font-weight: 700;
	font-size:15px;
	color:#e53b2f;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin-top: 20px;
		    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


@media screen and (min-width: 430px) {
	.titre-val {
		font-size:18px;
		margin-top: 20px;
	}
}


/* IE11 fix */

.grille-val .case-val:nth-child(1) {
	-ms-grid-column: 2;
		grid-column-start: 2;
	-ms-grid-row: 1;
		grid-row-start: 1;
}
.grille-val .case-val:nth-child(2) {
	-ms-grid-column: 3;
		grid-column-start: 3;
	-ms-grid-row: 1;
		grid-row-start: 1;
}
.grille-val .case-val:nth-child(3) {
	-ms-grid-column: 2;
		grid-column-start: 2;
	-ms-grid-row: 2;
		grid-row-start: 2;
}
.grille-val .case-val:nth-child(4) {
	-ms-grid-column: 3;
		grid-column-start: 3;
	-ms-grid-row: 2;
		grid-row-start: 2;
}
.grille-val .case-val:nth-child(5) {
	-ms-grid-column: 2;
		grid-column-start: 2;
	-ms-grid-row: 3;
		grid-row-start: 3;
}
.grille-val .case-val:nth-child(6) {
	-ms-grid-column: 3;
		grid-column-start: 3;
	-ms-grid-row: 3;
		grid-row-start: 3;
}

@media screen and (min-width: 637px) {
	.grille-val .case-val:nth-child(1) {
		-ms-grid-column: 2;
			grid-column-start: 2;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
	.grille-val .case-val:nth-child(2) {
		-ms-grid-column: 3;
			grid-column-start: 3;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
	.grille-val .case-val:nth-child(3) {
		-ms-grid-column: 4;
			grid-column-start: 4;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
	.grille-val .case-val:nth-child(4) {
		-ms-grid-column: 2;
			grid-column-start: 2;
		-ms-grid-row: 2;
			grid-row-start: 2;
	}
	.grille-val .case-val:nth-child(5) {
		-ms-grid-column: 3;
			grid-column-start: 3;
		-ms-grid-row: 2;
			grid-row-start: 2;
	}
	.grille-val .case-val:nth-child(6) {
		-ms-grid-column: 4;
			grid-column-start: 4;
		-ms-grid-row: 2;
			grid-row-start: 2;
	}
}
/*
@media screen and (min-width: 835px) {
	.grille-val .case-val:nth-child(1) {
		-ms-grid-column: 2;
			grid-column-start: 2;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
	.grille-val .case-val:nth-child(2) {
		-ms-grid-column: 3;
			grid-column-start: 3;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}.grille-val .case-val:nth-child(3) {
		-ms-grid-column: 4;
			grid-column-start: 4;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
	.grille-val .case-val:nth-child(4) {
		-ms-grid-column: 5;
			grid-column-start: 5;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
}
*/

.case-val {
	text-align:center;
	width: 155px;
}

@media screen and (min-width: 430px) {
	.case-val {
		width: 200px;
	}
}

@media screen and (min-width: 730px) {
	.case-val {
		width: 230px;
	}
}

@media screen and (min-width: 870px) {
	.case-val {
		width: 276px;
	}
}


.picto {
	height: 130px;
	width: 155px;
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 0 auto;
	 -webkit-transform: scale(0.7); /* Saf3.1+, Chrome */
     -moz-transform: scale(0.7); /* FF3.5+ */
      -ms-transform: scale(0.7); /* IE9 */
       -o-transform: scale(0.7); /* Opera 10.5+ */
          transform: scale(0.7);
}

@media screen and (min-width: 430px) {
	.picto {
		width: 200px;
	}
}

.vague {
	height: 20px;
	width: 140px;
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 0 auto;
	background-image: url('img/vague_provi_m.png');
}

@media screen and (min-width: 430px) {
	.vague {
			background-image: url('img/vague_provi.png');
	}
}


/*
@media screen and (min-width: 730px) {
	.picto {
		-webkit-transform: scale(1);
	     -moz-transform: scale(1);
	      -ms-transform: scale(1);
	       -o-transform: scale(1);
	          transform: scale(1);
	}
}
*/


.p1 {
	background-image: url('img/nosvaleurs_roll.svg');
	height: 130px;
}

/*
@media screen and (min-width: 637px) {
	.p1 {
		height: 90px;
	}
} */

.p2 {
	background-image: url('img/nosvaleurs_epicerie.svg');
	height: 130px;
}


.p3 {
	background-image: url('img/nosvaleurs_salade2.svg');
}

.p4 {
	background-image: url('img/nosvaleurs_dessert.svg');
}

.p5 {
	background-image: url('img/nosvaleurs_casserole.svg');
}

.p6 {
	background-image: url('img/nosvaleurs_sac.svg');
}

/* BLOC CONTACTS */

.grille-contact {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns:  auto;
	    grid-template-columns:  auto;
	-ms-grid-rows: auto auto auto;
	    grid-template-rows: auto auto auto;
	color: white;
	padding: 30px 0 5px;
	text-align: center;
	width: 100%;
}

@media screen and (min-width: 591px) {
	.grille-contact {
		-ms-grid-columns:  (auto)[3];
		    grid-template-columns:  repeat(3, auto);
		padding: 60px 0 35px;
		text-align: left;
	}
}

@media screen and (min-width: 896px) {
	.grille-contact {
		-ms-grid-columns:  1fr (auto)[3] 1fr;
		    grid-template-columns:  1fr repeat(3, auto) 1fr;
		grid-column-gap: 85px;
	}
}

/* IE11 fix */
.grille-contact .case-contact:nth-child(1) {
	-ms-grid-column: 1;
		grid-column-start: 1;
	-ms-grid-row: 1;
		grid-row-start: 1;
}
.grille-contact .case-contact:nth-child(2) {
	-ms-grid-column: 1;
		grid-column-start: 1;
	-ms-grid-row: 2;
		grid-row-start: 2;
}.grille-contact .case-contact:nth-child(3) {
	-ms-grid-column: 1;
		grid-column-start: 1;
	-ms-grid-row: 3;
		grid-row-start: 3;
}

@media screen and (min-width: 591px) {
	.grille-contact .case-contact:nth-child(1) {
		-ms-grid-column: 1;
			grid-column-start: 1;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
	.grille-contact .case-contact:nth-child(2) {
		-ms-grid-column: 2;
			grid-column-start: 2;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
	.grille-contact .case-contact:nth-child(3) {
		-ms-grid-column: 3;
			grid-column-start: 3;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
}

@media screen and (min-width: 896px) {
	.grille-contact .case-contact:nth-child(1) {
		-ms-grid-column: 2;
			grid-column-start: 2;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
	.grille-contact .case-contact:nth-child(2) {
		-ms-grid-column: 3;
			grid-column-start: 3;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
	.grille-contact .case-contact:nth-child(3) {
		-ms-grid-column: 4;
			grid-column-start: 4;
		-ms-grid-row: 1;
			grid-row-start: 1;
	}
}

.case-contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	margin-left: 10px;
	margin-right: 10px;
}

.logo-contact {
	width: 84px;
	height: 84px;
	padding: 20px 10px;
	margin: auto auto;
	background-image: url('img/logo_white.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 84px;
}

@media screen and (min-width: 896px) {
	.logo-contact {
		padding: 0;
	}
}

.case-contact > img {
	height: 84px;
	width: 83.172px;
}

.contact > p {
	
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 19.15px;
	margin: 0 0 0px;
}

.contact a {
	text-decoration: none;
	color: white;
}

.contact a:hover {
	text-decoration: underline;
}

.c2 a {
	text-decoration: none;
	color: white;
}

.c2 a:hover {
	text-decoration: underline;
}

.footer-icon img {
	height: 23px;
	width: 23px;
	padding-top: 5px;
}

h4 {
	
	font-weight: 700;
	text-transform: uppercase;
	font-size:20px;
	letter-spacing:-0.5px;
	margin: 15px 0 0;
}

.mentions {
	text-align: center;
	font-size: 10px;
	padding-bottom: 5px;
	color: #444;
}

.mentions a {
	text-decoration: none;
	color: #444;
}

.mentions a:hover {
	text-decoration: underline;
}

.line-break {
	display: block;
}
@media screen and (min-width: 660px) {
	.line-break {
		display: inline;
	}
}

.line-break2 {
	display: block;
}
@media screen and (min-width: 394px) {
	.line-break2 {
		display: inline;
	}
}

.line-break3 {
	display: block;
}
@media screen and (min-width: 720px) {
	.line-break3 {
		display: inline;
	}
}

/* CE QU'IL PENSE DE NOUS */

.comments-content {
	max-width: 870px;
	margin: 0 auto;
	padding-bottom: 30px;
}

@media screen and (min-width: 720px) {
	.comments-content {
		padding-bottom: 50px;
	}
}

@media screen and (min-width: 870px) {
	.comments-content {
	}
}


.comments-carousel {
	width: 100%;
}

.comment-cell {
	display: block;
/*	min-width: 270px;
 	max-width: 100%; */
 	width: 290px;
	height: auto;
    overflow: hidden;
    cursor: default;
    /*padding-left: 10px;*/
    padding-bottom: 10px;
}

@media screen and (min-width: 355px) {
	.comment-cell {
		/*padding-left: 20px;*/
		/*width: 270px;*/
	}
}

@media screen and (min-width: 880px) {
	.comment-cell {
		/*padding-left: 0px;*/
		/*width: 290px;*/
	}
}

.last-cell {
	/*padding-right: 10px*/
}

.rating {
	display: block;
	width: 36px;
	height: 22px;
	margin: 15px auto 5px auto;
}

.rfb {
	background-image: url('img/rating_f.svg');
}

.rgoo {
	background-image: url('img/rating_g.svg');
}

.rta {
	background-image: url('img/rating_ta.svg');
}

.stars {
	height: 15px;
	width: 95px;
	margin: 0 auto;
	color: #1F917C;
	font-size: 12px;
	text-align: center;
}

.s1, .s0 {
	height: 15px;
	width: 19px;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.s1 {
	background-image: url('img/star1.svg');
}

.s0 {
	background-image: url('img/star0.svg');
}

.comment {
	background:#ffffff;
	border:2px solid #1F917C;
	/*box-shadow:7px 6px 0 2px #f98470;
	-webkit-box-shadow:7px 6px 0 2px #f98470;
    -moz-box-shadow: 7px 6px 0 2px #f98470;*/
	width:262px;
	margin: 0 12px 24px 12px;

}

.comment .text {
	
	font-weight: 400;
	font-size: 14px;
	line-height:26px;
	letter-spacing:-0.4px;
	color:#1d1d1d;
	text-align:left;
	margin: 18px 30px;
}

.date {
	
	font-weight: 400;
	font-size: 13px;
	line-height:26px;
	letter-spacing:0px;	
	color:#1d1d1d;
	text-align: right;
	margin: 18px 35px 10px;
}

.date a {
	text-decoration: none;
	color: #1d1d1d;
}

.date a:hover {
	text-decoration: underline;
}



/*SLIDESHOW*/
.main-carousel {
	width: 100%;
}


.main-cell {
	width: 100%;
    overflow: hidden;
    cursor: default;
}

.main-cell {
	height: calc(100vh - 56px);
	background-position: center;
	background-size: cover;
}

@media screen and (min-width: 1010px) {
	.main-cell {
		height: calc(100vh - 85px);
	}
}

@media screen and (min-height: 900px) {
	.main-cell {
		height: 815px;
	}
}

@media screen and (orientation: portrait) {
	.main-cell {
		height: 100vw;
	}
}

.main-cell:nth-child(1) {
	background-image: url('img/slideshow/1.jpg');
}
.main-cell:nth-child(2) {
	background-image: url('img/slideshow/2.jpg');
}
.main-cell:nth-child(3) {
	background-image: url('img/slideshow/3.jpg');
}
.main-cell:nth-child(4) {
	background-image: url('img/slideshow/4.jpg');
}
.main-cell:nth-child(5) {
	background-image: url('img/slideshow/5.jpg');
}
/*
.main-cell:nth-child(6) {
	background-image: url('img/slideshow/6.jpg');
}*/


.flickity-page-dots {
	z-index: 1;
  bottom: 10px;
  text-align: right;
  right: 10px;
  transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}

.flickity-page-dots .dot {
  width: 8px;
  height: 8px;
  margin-bottom: 0px;
  opacity: 0;
  background: transparent;
  border: 2px solid white;
  -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  		moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  			box-shadow:	0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  			          -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.flickity-page-dots .dot.is-selected {
  margin-bottom: 0px;
  width: 8px;
  height: 8px;
  border: 2px solid white;
  background: white;
  opacity: 0;
}

@media screen and (min-width: 660px) {
	.flickity-page-dots .dot {
	  opacity: 1;
	}
}

@media screen and (min-width: 660px) {
	.flickity-page-dots .dot.is-selected {
	  opacity: 1;
	}
}

.flickity-button {
	background: white;
	border: 3px solid #1F917C;
	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  		moz-box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  			box-shadow:	0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
  	transition: all 0.5s cubic-bezier(.25,.8,.25,1);

}

.flickity-prev-next-button.next {
	right: 5px;
}

.flickity-prev-next-button.previous {
	left: 5px;
}

.flickity-button:active {
	background: #1F917C;
	border: 3px solid #1F917C;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  		moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  			box-shadow:	0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}


.flickity-button:active{
	opacity:1;
}

.flickity-button-icon{
	fill: #1F917C;
}

.flickity-button:active .flickity-button-icon{
	fill: white;
}

.flickity-prev-next-button {
	width: 35px;
	height: 35px;
	top: 40%;
}

.flickity-button:disabled {
	opacity: 0;
	/*border: 3px solid #ccc;*/
}

.flickity-button:disabled .flickity-button-icon{
	fill: #ccc;
}

.flickity-button {
	    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

/* POP-UP LIVRAISON */
.modal-wrapper {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,.3);
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  	    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.modal-content {
  width: 80%;
  margin: 0 10px;
  position: fixed;
  text-align: center;
  top: 80px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 10;
  background-color: white;
  border: 0px solid #1F917C;
}

@media screen and (min-width: 1010px) {
    .modal-content {
    	top: 115px;
    }
}

@media screen and (min-width: 500px) {
    .modal-content {
	width: 400px;
	}
}

.modal-opened {
  opacity: 1;
  visibility: visible;
}

.close-modal {
  position: absolute;
  padding-left: 4px;
  right: 0px;
  top: 0px;
  outline: none;
  outline-offset: 0;
  width: 30px;
  height: 30px;
  background: #fff;
  border: 0px;
  cursor: pointer;
}


.close-modal svg {
	height: 14px;
	width: 14px;
	padding-left: 1px;
	padding-top: 3px;
}

.img-modal {
	margin: 20px auto 20px auto;
	overflow: hidden;
	height: 0;
	width: 200px;
	border-radius: 200px;
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	-webkit-mask-image: -webkit-radial-gradient(white, black);
	position: relative;
}

@media screen and (min-height: 520px) {
	.img-modal {
		height: 200px;
	}
}

.sliding-bg {
	background: url("img/sliding-bg2.png") repeat-x;
	background-size: 48px 200px;
	height: 100%;
	width: 240px;
	animation: slide 1s linear infinite;
}

.biker {
	background: url("img/header_bike_black.svg");
width:64px;
height:59px;
	background-size: contain;
	  position: absolute;
  top: 81px;
  left: 67px;
  z-index: 10;
}

@keyframes slide{
  0%{
    transform: translate3d(0, 0, 0);
  }
  100%{
    transform: translate3d(-48px, 0, 0);
  }
}

@keyframes idle-bike{
  0%{
    transform: translate3d(0, 0, 0);
  }
  25%{
    transform: translate3d(-5px, 0, 0);
  }
  50%{
    transform: translate3d(0, 0, 0);
  }
  75%{
    transform: translate3d(5px, 0, 0);
  }
  100%{
    transform: translate3d(0, 0, 0);
  }
}

.text-modal p:nth-of-type(1) {
	
	font-weight: 700;
	font-size:28px;
	color:#1d1d1d;
	letter-spacing:-0.5px;
	text-transform: uppercase;
	margin: 0;
	padding: 10px 10px 2px;
}

.text-modal p:nth-of-type(2) {
	
	font-weight: 700;
	font-size:20px;
	color: #1F917C;
	letter-spacing:-0.5px;
	text-transform: uppercase;
	margin: 0;
	padding: 0px 0 30px;
}

.logos-modal {
	width: auto;
	height: 90px;
	margin: 0px auto 35px auto;
}

.logos-modal > a {
	opacity: 0.7;
   -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.logos-modal > a:hover {
	opacity: 1;
}

.logos-modal > a > img {
	height: 70px;
	width: 70px;
	margin: 0 5px;
}

@media screen and (min-width: 400px) {
    .logos-modal > a > img {
		height: 90px;
		width: 90px;
		margin: 0 5px;
	}
}


.lv {
    /* Remove all button decorations to look like normal text */
    background: none;
    border: none;
    display: block;
    margin: 0;
    padding: 0;
    outline: none;
    outline-offset: 0;
    /* Additional styles to look like a link */
    cursor: pointer;
    		box-shadow: none;
   	-webkit-box-shadow:none;
  	   -moz-box-shadow: none;
}
/* Remove extra space inside buttons in Firefox */
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner {
    border: none;
    padding: 0;
}