@font-face { 
	font-family: 'Lato', sans-serif; 
}

/* Navigation */
nav.navbar-inverse, .navbar-fixed-top{
	min-height: 100px;
	background:rgba(255,255,255,0.90);
	border: none;

}

div.navbar-header{
	padding-top: 10px;
}

div.navbar-header a.logo{
	padding:10px;
	padding-left: 30px;
}


#navbar .navbar-nav li a{
	color:#454648;
	text-transform: uppercase;
	padding-right: 20px;
	font-family: 'Lato', sans-serif;
	font-size: 120%;
}


#navbar .navbar-nav li a:hover
{
	color:#ef4023;
	border: 0;
	
}

div#maxsolutions p{
	padding: 0px 0 0px 0;
	font-weight:500;
	font-size: 110%;
	margin: 0 -10px 0 0;
	}
	
	div#maxsolutions p.lang{
	padding: 0px 0 12px 0;
	}
	




/************* Slider 2 **************/
/* Swiper container stylng */



.swiper-button-next,
.swiper-button-prev {
   outline: none;
}


div.swiper-button-next, div.swiper-button-prev {
  top: 50%;
	color: white;
}






.Original, .Mini, .Handle, .Hanging, .Panier, .PanierPlus, .XL, .BasketLong, .Clip, .Large, .Label, .Paquette, .Wilson, .ECG, .Floraplus, .LCL, .Willowbrook, .Sheridan, .Winkelmolen, .ClipLong, .HangingLarge {
	position: absolute;
	z-index: 1;
	width: 93.8%;
	height: 76.8%;
}

p.bullets {
  line-height: 175%;
}





.swiper {
   right: 0;
	top: 0;
   width: 100%;
   height: 100%;
	z-index: 1000;
	position: relative;
	
}






.swiper-slide {
   text-align: center;
    /* Center slide text vertically */
   display: -webkit-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
	
  
}
 .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }



.slide_1 {
   background-color:white;
}


.slide_2 {
   background-color:white ;
}


.slide_3 {
   background-color:white ;
}


.slide_4 {
   background-color:white ;
}


.slide_5 {
   background-color:white ;
}


/********/

img.Original{
	z-index: 1;
}



/*************** Bio Hover ***************/


/* (A) WRAPPER */
.hoverwrap {
  position: relative; /* required for (c2) */
  max-width: 500px;   /* optional */
}


/* (C) CAPTION */
.hovercap {
  /* (C1) DIMENSIONS */
  box-sizing: border-box;
  width: 100%;
  padding: 55px 40px 55px 40px;
  font-size: 120%;
 
  /* (C2) PLACE AT BOTTOM */
  position: absolute;
  bottom: 0; left: 0;
 
  /* (C3) COLORS */
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
}

/* (D) SHOW/HIDE */
.hovercap {
  visibility: none; opacity: 0;
  transition: opacity 0.3s;
}
.hoverwrap:hover .hovercap {
  visibility: visible; opacity: 1;
}






	




#navbar .navbar-nav li.menuonline a{
	color:white;
	text-transform: uppercase;
	/*padding-right: 20px;*/
	padding:  5px 10px 5px 10px;
	margin: 0px 30px 10px 15px;
	font-family: 'Lato', sans-serif;
	display: inline;
	top:14px;
	font-weight: 700;
	/*font-size: 110%;*/
	background-color: #ef4123;
	border-radius: 5px;
}

#navbar .navbar-nav li.menuonline a:hover{
	
	background-color: #72bf44;
	
}


#navbar .navbar-nav li.red a{
	color:#ef4023;
	font-weight: 700;
}

#navbar .navbar-nav li.red a:hover
{
	
	color:#454648;
	border: 0;
	
}


div.Bureau div.container{
	margin: 0 auto;
	
}


div.Bureau div.container div.row{
	margin: 0 auto 0 auto;
	
	
}

/*div.Bureau div.container div.row div.adresse{
	min-width: 20vw;

}
*/

section.vendeur div.container div.row{
	margin: 0 auto 0 -1vw;
	
}

/*section.vendeur div.container div.adresse {
	min-width: 20vw;
	 
}
*/
/*div.container div.row img{
	margin: 50px auto 0 -5vw;
	
}
*/

span.espace{
	padding:0 5px 0 5px;
	
}



div.content{
	padding-top:160px;
	}



div.online{
	min-width: 100%;
	margin: 0px auto 0 auto;
	}

div.online img{
	width: 100%;
}

div.online a.mobile{
	display: none;
	}



div.shield{
	width: 50%;
	margin: 80px auto 0 auto;
}

div.shield img{
	max-width: 100%;
	padding-bottom:40px;
}





section#signage div.signage{
	width: 50%;
	margin: 0 auto 0 auto;
	padding: 150px 0 40px 0;
}

section#signage div.signage img{
	max-width: 100%;
}






/*div#popup{
  width: 55%;
  margin: 175px auto 40px auto;
  background-color: rgba(68,140,37,0.80);
  /*background-color:#939598;*/
  /*background-color: #5ba332;*/
  /*position:absolute;
  left: 22%;
  z-index:10000;
}

div#popup h2{
	margin:0 0 0 0;
	padding:40px 0 40px 0;
	color: white;
}

div#popup aside.letter{
	margin:0 auto 0 10%;
	padding:0 0 80px 0;
}

div#popup aside.letter img{
	width: 87%;
}


div#popup aside.letter i{
	position:absolute;
	padding: 0 0 0 10px;
}*/







div.COVID{
	padding:230px 17% 25px 17%;
	
}

div.COVID p.h{
	font-weight:700;
}

div.COVID p{
	text-align: left;
	color:#6bb541;
	font-size: 200%;
	padding-bottom: 5px;
	line-height: 130%;

}

div.COVID p.learn{
	font-size: 150%;
}


/*div.COVIDmailchimp{
	padding:190px 17% 80px 17%;
	
}

div.COVIDmailchimp img{
	max-width: 100%;
	height:auto;
	padding: 40px 0 0 0;
	
}

div.COVIDmailchimp img.sales{
	padding: 40px 0 60px 0;
	
}

h1.mailchimp, h2.mailchimp{
	color:#6bb541;
	text-transform: uppercase;
	font-weight: 700;
}

h2.mailchimp{
	margin-bottom: 40px;
	font-weight: 700;
}

h3.mailchimp{
	color:#6bb541;
	text-align:left;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 700;
}

div.COVIDmailchimp p{
	text-align:left;
	margin-bottom: 10px;
	font-size: 125%;
	
}

div.COVIDmailchimp p span{
	font-weight: 700;	
}

div.COVIDmailchimp ul li{
	text-align:left;
	margin-bottom: 10px;
	font-size: 125%;

}*/













body {
  margin: 0;
}


/* Header*/

div#maxsolutions p{
	color:#000000;
	text-align: right;
	font-family: 'Lato', sans-serif;
}

div#maxsolutions a{
	color:#000000;
	
}

#maxsolutions {
	margin-top: 50px;
	margin-right: 30px;
}





div#image figure{
		 width: 100%;
		margin:160px 0 50px 0;
		}
		
		div#image figure img{
			 width: 100%;
			}
		
div#programmes figure{
		 width: 100%;
		 margin:160px 0 50px 0;
		}
		
		div#programmes figure img{
			 width: 100%;
			}
/*
header#propos{
background: url('../images/equipe_W.jpg') no-repeat center bottom;
		 background-size: cover;
		 height: 700px;
		 max-width: 100%;
		}
*/
div#plv figure{
		 width: 100%;
		margin:160px 0 50px 0;
		}
		
		div#plv figure img{
			 width: 100%;
			}



div#packaging figure{
		 width: 100%;
		margin:160px 0 50px 0;
		}
		
		div#packaging figure img{
			 width: 100%;
			}


div.pack figure{
		 width: 100%;
		 margin:160px 0 50px 0;
		}
		
		div.pack figure img{
			 width: 100%;
			}
			
div#edition figure{
		 width: 100%;
		 margin:160px 0 50px 0;
		}
		
		div#edition figure img{
			 width: 100%;
			}


div#edit figure{
		 width: 100%;
		 margin:160px 0 50px 0;
		}
		
		div#edit figure img{
			 width: 100%;}

div#etiquette figure{
		 width: 100%;
		 margin:160px 0 50px 0;
		}
		
		div#etiquette figure img{
			 width: 100%;
			}
			
div#contact figure{
		 width: 100%;
		 margin-top:160px;
		}
		
		div#contact figure img{
			 width: 100%;
			}


/*header#enligne{
background: url('../images/ligne.jpg') no-repeat center bottom;
background-size: cover;
height: 700px;
}*/


/* Slider*/

#slider {
	background-size:cover;
	min-height:700px;
}


#slider .slider4 {
		 background: url('../images/Carrousel_Slider4.jpg') no-repeat center bottom;
		 background-size: cover;
		 min-height: 700px;
		}

#slider .slider2 {
		 background: url('../images/DSC6471_VCS_w.jpg') no-repeat center bottom;
		 background-size: cover;
		 min-height: 700px;
		}

#slider .slider3 {
		 background: url('../images/DSC6619_mod_Flo_w.jpg') no-repeat center bottom ;
		 background-size: cover;
		 min-height: 700px;
		}
		
#slider .slider1 {
		 background: url('../images/DSC6728_MFV_w.jpg') no-repeat center bottom ;
		 background-size: cover;
		 min-height: 700px;
		}

#slider .slider5 {
		 background: url('../images/IMG_0272_mod_Lemieux_w.jpg') no-repeat center top ;
		 background-size: cover;
		 min-height: 700px;
		}
		
#slider .slider6 {
		 background: url('../images/DSC2839_Pilea_w.jpg') no-repeat center bottom ;
		 background-size: cover;
		 min-height: 700px;
		}
		
#slider .slider7 {
		 background: url('../images/DSC6619_mod_Flo_w.jpg') no-repeat center bottom ;
		 background-size: cover;
		 min-height: 700px;
		}

iframe{
	margin-top: 50px;
		}

p.bouton{
	font-size: 200%;
	background-color: #72bf44;
	width: 100%;
	margin: 0px auto 50px auto;
	border-radius: 7px;
	padding: 7px 0 7px 0;
	text-transform: uppercase;
	font-weight: 500;
	color: white;
}

p.bouton:hover{
	background-color: #ef4123;
}


p.bouton_vert{
	font-size: 120%;
	background-color: #72bf44;
	width: 100%;
	margin: 20px auto 0 auto;
	border-radius: 7px;
	padding: 7px 0 7px 0;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
}

p.bouton_vert:hover{
	background-color: #ef4123;
}

p.bouton_bleu{
	font-size: 120%;
	background-color: #14a2dc;
	width: 100%;
	margin: 20px auto 0 auto;
	border-radius: 7px;
	padding: 7px 0 7px 0;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
}

p.bouton_bleu:hover{
	background-color: #f4c70b;
}

p.bouton_jaune{
	font-size: 120%;
	background-color: #f4c70b;
	width: 100%;
	margin: 20px auto 0 auto;
	border-radius: 7px;
	padding: 7px 0 7px 0;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
}

p.bouton_jaune:hover{
	background-color: #14a2dc;
}

p.bouton_rouge{
	font-size: 120%;
	background-color: #ef4123;
	width: 100%;
	margin: 20px auto 0 auto;
	border-radius: 7px;
	padding: 7px 0 7px 0;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
}

p.bouton_rouge:hover{
	background-color: #72bf44;
}

main.propos p{
	font-size: 140%;
	margin-top: 50px;
}


main.propos p.team_left{
	text-align: left;
	font-size: 140%;
	line-height: 150%;
	margin-top: 0px;
}

main.propos i{
	color: black;
	margin-left: 7px;
}

main.propos p.team_left span{
	font-size: 150%;
	font-weight: 700;
	line-height: 180%;
}

main.propos p.team_right{
	text-align: right;
	font-size: 140%;
	line-height: 150%;
	margin-top: 60px;
	margin-top: 0px;
}

main.propos p.team_right span{
	font-size: 150%;
	font-weight: 700;
	line-height: 180%;
}

main.propos p span{
	font-size: 150%;
	font-weight: 700;
	line-height: 180%;
}


	div.sm{
	display: none;
}

	div.md{
	display: block;
}

a.nova{
	color: blue;
	text-decoration: underline;
}

a.maxsolutions_link{
	color: black;
}
 
h1{
	color:black;
	font-family: 'Lato', sans-serif;
	font-size: 250%;
	font-weight: 700;
	
	
	/* Block
	border:4px solid;
	padding: 50px;
	display: block;
	width: 50%;
    margin-left: auto;
    margin-right: auto;*/

}

h2 {

	color:#939598;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
	font-family: 'Lato', sans-serif;
	font-size: 30px;
}

h2.top {

	margin-top: 0px;
	font-family: 'Lato', sans-serif;
	font-size: 35px;
}

h3{
	color:#939598;
	text-align: center;
	font-family: 'Lato', sans-serif;
}

hr {
	border:1px solid;
	border-color:#939598;
	width:50px;
	margin-top: 20px;
}

h4{
	color:#393939;
	text-align: center;
	margin-top: 40px;
	
}

h5 {

	color:#939598;
	text-align: center;
	margin-bottom: 20px;
	font-family: 'Lato', sans-serif;
	font-size: 175%;
}

div.adresse h3{
	color:#939598;
	text-align: left;
}



#photo{
	background: url('../images/ambiance.jpg') no-repeat center;
		 background-size: cover;
		 height: 920px;

}

#photo img{
	margin-top: 60px;
}

#lemieux img{
	margin-top: 40px;
	margin-bottom: 20px;
	max-width: 100%;
}

#poster img{
		
	margin-bottom: 20px;
	max-width: 100%;
}

#team img{
	margin: 0 0 20px 0;
	max-width: 100%;
}

.pack img, #pack img{
	margin-bottom: 20px;
	max-width: 100%;
}

#edit img{
	margin-bottom: 20px;
	max-width: 100%;
}


p {
	text-align: center;
	font-size: 17px;
	color: #393939;
	margin-bottom: 50px;
}

p.first {
	text-align: center;
	font-size: 17px;
	color: #393939;
	margin-bottom: 10px;
}


section#icone h2 {
margin-top: 0px;
}

section#photo h2 {
margin-top: 0px;
}

section#icone img { 
	margin: 70px auto 0 auto; 
 }


section#icone div{
	height: 400px;
}

section#Online p#lien {
	margin-bottom: 60px;
}

a {
	color:#939598;
}

a:hover
{
	color:#ef4023;
	border: 0;
	text-decoration: none;
	
}

#citation blockquote{
	text-decoration: none;
	text-align: center;
	color:#ffffff;
	border: none;
	padding: 140px;
	font-size: 80px;
	font-weight: lighter;
	margin-top: 200px;
	font-family: 'Lato', sans-serif;
}




section#Online img{
	margin-top: 30px;
	margin-bottom: 30px;
}


section#exceptionnelles img{
	max-width: 100%;
	margin-top: 60px;
	margin-bottom: 20px;

}

section#custom img{
	max-width: 100%;
	margin-bottom: 30px;

}

section#Custom p{
	margin-top: 30px;

}



section.vendeur img{
	max-width: 100%;
}

section#exceptionnelles h4{
	margin-bottom: 60px;
}


div#pdf p{
	text-align: center;
	margin-bottom: 60px;

}

.adresse p{
	text-align: left;
}

div.adresse {
	margin: 0;
}

div#jay h3{
	color: #00a651;
}

div#marc h3{
	color: #f3000a;
}

div#cam h3{
	color: #f58620;
}
div#fred h3{
	color: #18a2dc;
}
div#info h3{
	color: #838383;
}

section.vendeur img{
	margin-bottom: 40px;
}

/* footer */

a.maxsolutions{
	color: white;
}

a.maxsolutions:hover{
	color: #ef4023;
}

footer{
	background:#999999;
	min-height: 350px;
}

footer img{
	margin-top: 50px;
	max-width: 100%;
}


footer p{
	color:#fff;
	text-align: center;
}

footer h3{
	color:#aaaaaa;
	margin-top: 0;
	font-family: 'Lato', sans-serif;
}

.coordonnees p{
	margin-top: 80px;
	line-height: 30px;
	color: #ffffff;
}

#menufooter li{
	display: inline-block;


 }

#menufooter li a{
	color:#ffffff;
	padding:15px;
	text-decoration: none;
 }

 #menufooter ul{
	margin-top: 20px;
	width: 100%;
	text-align: center;
 }

#menufooter li a:hover{
	color:#ef4023;
	
}

#copyright p{
	color:#ffffff;
	margin-top: 40px;
	font-size: 12px;
}

@media screen and (max-width: 991px)
{
	div.align-center-on-mobile
	{
	text-align: center!important;
	}

	p 
	{font-size: 1.2em;}
	
	
		
		
	
	div.online a.mobile{
	display: block;
	}
	
	div.online a.desktop{
	display: none;
	}
	
		
	div.md{
	display: none;
}
	
	div.sm{
		display:block;
}

	
	
	div.sm p.team{
	text-align: left;
	font-size: 130%;
	line-height: 150%;
	margin-top: 32px;
}

div.sm p.team span{
	font-size: 150%;
	font-weight: 700;
	line-height: 180%;
}
	

	


}

@media screen and (max-width: 1200px)
{
	main.propos p.team_left{
	text-align: left;
	font-size: 120%;
	line-height: 130%;
	margin-top: 0px;
}

main.propos p.team_left span{
	font-size: 140%;
	font-weight: 700;
	line-height: 175%;
}

main.propos p.team_right{
	text-align: right;
	font-size: 120%;
	line-height: 130%;
	margin-top: 30px;
	margin-top: 0px;
}

main.propos p.team_right span{
	font-size: 150%;
	font-weight: 700;
	line-height: 175%;
}
	
	/* (C) CAPTION */
.hovercap {
  padding: 32px 25px 32px 25px;
  font-size: 110%;
}


	
}

@media screen and (max-width: 770px)
{
	section.sousmenu{
		width: 0;
		height: 0;
	background-color: white;}
	
	div.sm{
		display:block;
		margin: 0 0 0 0;
}
	

	/*************** Bio Hover ***************/


/* (A) WRAPPER */
.hoverwrap {
  position: relative; /* required for (c2) */
  max-width: 1000px;   /* optional */
}


/* (C) CAPTION */
.hovercap {
  /* (C1) DIMENSIONS */
  box-sizing: border-box;
  width: 100%;
  padding: 50px 40px 50px 40px;
  font-size: 130%;
 
  
}

	
}


a[href^=tel] { color: inherit; text-decoration: none; }