.showcase {
	border: 2px solid #ddd;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	background-color: #fff;
}

.showcase h4 {
	color: #951a4e;
	font-size: 18px;
	font-weight: 700;
	margin: 15px 0; 
}

@media only screen and (max-width: 600px) {
  .showcase-bg .sm-px {
  	padding-left: 25px !important;
  	padding-right: 25px !important;
  }
}

.nav-rugg li {
	border: 1px solid #0000001a;
	border-radius: 4px;
}



.showcase-bg {
	background-image: url(../images/pattern.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom center
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

@media only screen and (max-width: 900px) {
	.header-computer {
		display: none !important;
	}
}
@media only screen and (min-width: 701px) {
	.header-mobile {
		display: none !important;
	}
}

@media only screen and (max-width: 700px) {
	.font-resize {
		font-size: 25px
	}

	.md-pl {
		padding-left: 50px !important;
	}

	.md-pr {
		padding-right: 50px !important;
	}
}

.plr-10 {
	padding: 0 10%;
}

 #map {
        width: 100%;
        height: 325px;
        border: 2px solid #8a8a8a;
}
.ruggpad h3 {
	font-weight: 600;
	color: #d60000; 
}
.ruggpad img {
	width: 460px;
	max-width: 100%;
}
.gauche-gris {
	border-left: 2px solid #ccc;
}
.ruggvmc hr {
	background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 48%,rgba(0,0,0,0) 100%);
}
.ruggpad h6 {
	font-size: 14px;
}
.text-right {
	text-align: right
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.pad20 {
	padding: 20px 0px;
}
.pad15 {
	padding: 15px 0px;
}
.contact h4 {
	font-weight: 700;
}
.border-gris {
	border-bottom: 2px solid #ccc;

}
.no-margin .col-md-6 {
	margin: 0px;
}

.contact a:hover {
	color: #8a8a8a;
}
.center {
	text-align: center;
}
.hr {
	border-top: 2px solid #aaa;
}
.benefits {
	text-align: center;
}
.benefits h4 {
	color: #000;
	
}
.card-body {
	padding-left: 15%;
	padding-right: 15%;
}
@media only screen and (max-width: 700px) {
	.card-body {
	padding-left: 5%;
	padding-right: 5%;
}
}
@media only screen and (max-width: 500px) {
	.card-body {
	padding-left: 0%;
	padding-right: 0%;
}
	.card-body th {
		padding: 0px;
	}
}
.rotate-container {
	height: 450px;
}
.info-prod .col-md-6 {
	padding: 30px 50px;
	text-align: center;
	min-height: 450px;
}
.info-prod p {
	font-size: 1.2em;
	color: #e5e5e5;
}
.info-prod h1 {
	font-weight: 600;
	color: #e5e5e5;
	font-size: 25px;

}
.border-gris p {
	border: 2px solid #e5e5e5;
	padding: 25px;

}
.icones img {
	padding-right: 20px;
}
.red {
	color: #d60000;
}
.fond-gris {
	background-color: #e5e5e5;
}
.fond-rouge {
	background-color: #d60000;
}

.avantages h2 {
	margin-bottom: 20px;
	font-weight: 700;
}
.avantages h4 {
	font-weight: 600;
	padding-bottom: 20px;
}
.avantages {
	padding: 2% 5%;
}
.avantages i {
	font-size: 14px;
	padding-right: 10px;
}

.nopad {
	padding:0;
}
.container1 {
	padding:5% 10%
}
.videoWrapper {
	position: relative;
	padding-bottom: 50%; /* 16:9 */

	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.strong {
	font-weight: 700;
}

#video-binder {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#video-binder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 220px;
}
.bg-yellow {
	background-color: #fff32b;
	color: #000;
}
.bg-yellow h2 {
	color: #000;
}
.noir {
	color: #000;
}
.soul h2 {
	border-bottom: 2px solid #fff32b;
	margin-bottom: 10px;
}
.binder-info h4 {
	color: #fff32b;
}
.pad2040 {
	padding: 20px 40px;
}
.blue {
	color: #16539c;

}
.bg-gris {
	background-color: #BDC0CA;
}
#video-vcm15 {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;

}
#video-vcm15 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 250px;
	margin: 4% 15%;
}
.question h4 {
	color: #fff32b;
}
.question p{
	color: #fff;
}
.yellow {
	color: #fff32b;
}
#video-vlm {
	position: relative;
	padding-bottom: 56%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#video-vlm iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 170px;
}
#video-vlm2 {
	position: relative;
	padding-bottom: 56%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
#video-vlm2 iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 170px;
}
#myCarousel {
	width: 400px;
}
h2 {
	font-weight: 600;
	color: #16539c;
}
.spec {
	margin-top: 60px;
	border: 2px solid #16539c;
	padding: 15px;
}
.margleft10 {
	margin-left: 10px;
}
.pad4-5 {
	padding: 4% 5%;
}
.droit-yellow {
	border-right: 2px solid #fff32b;
}
.contour-yellow {
	border: 2px solid #fff32b;
	padding: 5px;
}
.ol {
	 color: #fff;
	 list-style: decimal;
}
.marg-5 {
	margin-right: -5px;
}
.do {
	padding-left: 40px;
	padding-bottom: 23.5px;
}
.dont {
	padding-right: 40px;
	padding-left: 40px;
}
.marg-25 {
	margin-left: -25px;
}
.marg120 {
	margin-right: 120px;
}
.pad50-0 {
	padding: 50px 0px;
}
.galerie img {
	width: 100%;
}
#footer a{
	color: #8a8a8a
}
.pad10 {
	padding-right: 10px;
}
.marg-top-15 {
	margin-top: -15px;
}
.padleft10 {
	padding-left: 10px;
}
.produits1 h3, .produits2 h3 {
	color: #16539c;

}
.hover-gris:hover {
	border: 2px solid #fff;
}
.hover-gris-active {
	border: 2px solid #fff;
	padding-bottom: 10px;
}

.hover-gris h4 {
	padding-bottom: 10px
}
.produits1 a:hover {
	color: #8a8a8a;
}
.produits2 a:hover {
	color:  #16539c;
}
#prix .titre {
	background-color: #16539c;
	color: #fff;
}
#prix {
    border-collapse: collapse;
    width: 100%;
}

#prix td, #prix th {
    border: 1px solid #ddd;
    padding: 8px;
}

#prix tr:nth-child(even){background-color: #f2f2f2;}

#prix tr:hover {background-color: #ddd;}

#prix th {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    text-align: left;
    color: 333;
}
.right {
	text-align: right;
}

.videobg-1 {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	overflow: hidden;
	background-size: cover;
	z-index: -1;}


.videobg-1 video{
	object-fit: cover;
	width: 100%;
	height: auto;
	position: absolute;
	top: 25%;
	left: 50%;
	min-height: 100%;
	z-index: -1;
	transform: translateX(-50%) translateY(-50%) translateZ(0);
}

.videobg-2 {
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	overflow: hidden;
	background-size: contain;
	z-index: -1;}


.videobg-2 video{
	object-fit: contain;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	min-height: 100%;
	z-index: -1;
	transform: translateX(-50%) translateY(-50%) translateZ(0);
}

.bg-dark-gray {
	background-color: #232527
}

#products .cbp-item {
	border: 1px solid #d1d1d1;
	height: 400px;
}

#products .product-image {
	height: 200px
}

#products .product-image img {
	max-height: 200px;
	width: auto;
}