body{

	font-family:'Lato';
	overflow-x: hidden;
}

body.fixed{

	overflow:hidden;

}


#gabarit { 
	min-height: 90vh;
/*	background-color: #d2d2d2;*/
	padding: 100px 0;
	background:radial-gradient(circle, rgba(0,111,184,1) 0%, rgba(0,70,123,1) 100%);
	color:white;
	
}
.template-accueil #gabarit {padding-top: 0px; }


.template_shop #gabarit, .section_boutique {
	background: white;  
	color:hsla(0,0%,13%,1.00); 
}




h1, .sousPageLinkTitre, h2,h3{

	font-family:'Quicksand';

	font-size:2em;

	line-height:1.15em;	
    
    font-weight: 300;
}
h1 { font-size: 3.2em; }
h2 { font-size: 2.6em; }
h3 { font-size: 2em; }

.note { font-size: 0.85em;}
a:link,  a:visited, a:active {
	color:#4bbfff;
	text-decoration: none;
}
a:hover { 
/*	font-weight: bold;*/
	text-decoration: underline;
}

.bold{

	font-weight:700;

}


#boutique h2 {
	font-size: 4em;
	font-weight: 700;
}


.message-box-wrapper{

	z-index:8000;

}

.message-box{

	padding:10px;

	border-radius:4px;

	background-color:#999;

	color:#fff;

	border:1px solid #fff;

	font-size:1.4em;

}

.image-static{

	padding-bottom:40%;

	position:relative;

}


.brand .image-static{

	padding-bottom:60%;

	position:relative;

}
.brand .image-static .background { background-size: contain; }
.editMode .background{

	display:flex;

	justify-content:center;

	align-items:flex-end;

	background-color:#999;

}

.editMode .background>.fa{

	z-index:2;

	margin-bottom:40px;

}

.editable>ul {list-style: disc; }
.editable>ul>li {margin-left: 1em;}



.editMode .content-slider>.swiper-wrapper>.swiper-slide{

/*	background-color:#006CD9;*/

}

.background{

	background-size:cover;

	background-repeat:no-repeat;

	background-position:center center;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

.spacing100 {
    margin-top: 100px;
}

.spacing100-bottom {
    margin-bottom: 100px;
}
.slide-menu{

	display:flex;

	flex-direction:column;

	align-items:center;

	width:100%;

	height:100%;

	padding-top:200px;

	position:fixed;

	top:-100%;

	left:0;

	opacity:0;

	transition:top 0.5s ease,opacity 0.5s ease;

	background: rgb(0,111,184);

	background: -moz-radial-gradient(circle, rgba(0,111,184,1) 0%, rgba(0,70,123,1) 100%);

	background: -webkit-radial-gradient(circle, rgba(0,111,184,1) 0%, rgba(0,70,123,1) 100%);

	background: radial-gradient(circle, rgba(0,111,184,1) 0%, rgba(0,70,123,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#006fb8",endColorstr="#00467b",GradientType=1);

	color:#fff;

	z-index:100;

	box-sizing:border-box;

	overflow-y:scroll;

}

.slide-menu.is-active{

	top:0;

	opacity:1;

}

.upper-menu{

	display:flex;

	width:80%;

	justify-content:space-between;

	flex:1;

}

.menu-block{

	justify-content:center;

}

.menu-block{

	display:flex;

	flex-direction:column;

}

.menu-block:nth-of-type(5)>.menu-item{

	border:1px solid #fff;

	padding:20px;

	justify-content:space-between;

}

.menu-block:nth-of-type(5)>.menu-item>h2{

	color:#0da6ee;

}

.menu-item{

	display:flex;

	flex-direction:column;

	flex:1;

}

.menu-item+.menu-item{

	margin-top:50px;

}

.menu-item>h2{

	font-weight:600;

}

.menu-item>.description{

	margin-top:20px;

}

.menu-item>a{

	color:#fff;

	text-decoration:none;

}

.menu-item>.description>li>a{

	color:#fff;

	text-decoration:none;

}

.separator{

	height:100%;

	border-right:1px solid #06a3e3;

}

.bottom-menu{

	padding:50px;

	text-align:center;

}

.bottom-menu>a{

	color:#fff;

	text-decoration:none;

	font-size:1.4em;

}

/*
*/
/*
.content .widget:nth-child(1) { margin-top:100px; }
.content .widget:nth-child(1).blue-overlay { margin-top:0px; }
*/

header{

	display:flex;

	width:100%;

	height:0px;

	justify-content:space-between;

	align-items:flex-start;

	background:rgba(0,0,0,0.3);

	position:sticky;

	top:0;

	left:0;

	z-index:101;

	box-sizing:border-box;

	flex-direction: row-reverse;
}

.template-accueil header { height: 0px!important; }


.logo{

	width:12vw;

	max-width: 180px;
	
	height:9vw;

	margin-left:40px;

	background-image:url(/images/logo.png);

	background-position:center center;

	background-size:contain;

	background-repeat:no-repeat;
	position: absolute;
	top:0px;
	left: 0px;
	z-index: 102;

}

footer .logo {
	position: relative;
}



header>.menu{

	margin:20px 40px 0 0;

}

header>.menu>a{

	font-size:2em;

	margin-right:40px;

	text-decoration:none;

	color:#fff;

}

header .fas{

	text-shadow:0 0 10px #000;

}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{

	box-shadow:0 0 10px #000;

}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before{

	background-color:#fff;

}

.blue-overlay{

	position:relative;

}

.blue-overlay:after{

	content:'';

	display:block;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	width:100%;

	/*	background-color:rgba(28,101,154,0.5);*/
	background: radial-gradient(circle, rgba(0,111,184,0.8) 0%, rgba(0,70,123,0.8) 100%);
}

.BlocSousPage{
	position: relative;
    background-color: #0e74b9;
    padding: 20px;
    border-radius: 40px;
}



.large-banner{

/*	padding:200px 0;*/
	min-height: 80vh;
	display: flex!important;
	padding: 10vh 0px;

}

.large-banner .container12{

	display:flex;
    align-content: center;


	flex-wrap:wrap;

}
.large-banner.middle .container12{


	align-items:center;



}

.gray-gradiant,footer{

	color:#fff;

	background: rgb(99,100,104);

	background: -moz-radial-gradient(center, circle,  rgb(99,100,104) 0%, rgb(45,45,45) 100%);

	background: -webkit-radial-gradient(center, circle,  rgb(99,100,104) 0%,rgb(45,45,45) 100%);

	background: radial-gradient(circle,  rgb(99,100,104) 0%,rgb(45,45,45) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636468', endColorstr='#2d2d2d',GradientType=1 );

}

.block-item{

	display:flex;

	flex-direction:column;

	justify-content:space-between;

	background-color:#fff;

	color:#000;

}

.block-item .editable{

	padding:20px;

}

.image-block{

	padding-bottom:65%;

	position:relative;

	border-radius:50px 0;

	overflow:hidden;

}

.image-block>.image-static{

	display:flex;

	width:100%;

	height:100%;

	position:absolute;

	top:0;

	left:0;

	padding-bottom:unset;

	color:#fff;

}

.image-block .editable{

	align-self:flex-end;

	margin:25px;

	position:relative;

	z-index:2;

}

.image-block a{

	margin:50px;

	color:#fff;

	text-decoration:none;

}

.grid_6+.grid_6>a .image-block .editable{

	align-self:flex-start;

}

.scroll-down{

	display:block;

	width:50px;

	height:100px;

	margin-top:auto;

	background-image:url('/images/scrolldown.png');

	background-size:contain;

	background-position:center center;

	background-repeat:no-repeat;

	z-index:1;

	text-decoration:none;

	animation:scroll_move 2s ease-out infinite;

}

.cms-tag{

	display:none;

}


.slogan_intro {
	text-align: center;
	font-size:24px;
	text-transform: uppercase;
	font-weight: 300; 
	font-family : 'Quicksand';
}

.slogan_intro h2 {margin-top: 1.65em; font-size: 2em;}
.slogan_intro .puv span{ display:block;  font-size: 1.5em; line-height: 1.1em; }
.slogan_intro .puv span:nth-child(1){ font-size: 3em; line-height: 0.9em}
.slogan_intro .puv span:nth-child(2){ letter-spacing: 0.14em;}

.shop-category{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	min-height:174px;

	border-radius:20px;

}

.shop-category>a{

	display:block;

	color:#fff;

	text-decoration:none;

	text-align:center;

	font-size:1.2em;

	text-transform:uppercase;

	padding:0 10px;

}


.template_item .editMode .image-slider .swiper-wrapper {
    min-height: 300px;
    background-color: #293a46;
}

.item-wrapper{

	display:flex;

	min-height:100vh;

	justify-content:center;

	flex-direction:column;

	color:#fff;
	
	margin-bottom: 50px;

}

.shop-category:hover,.shop-category.active,.template_item,.blue-background,.add-item-block{

	background: rgb(11,103,172);

	background: -moz-radial-gradient(circle, rgba(11,103,172,1) 0%, rgba(6,70,122,1) 100%);

	background: -webkit-radial-gradient(circle, rgba(11,103,172,1) 0%, rgba(6,70,122,1) 100%);

	background: radial-gradient(circle, rgba(11,103,172,1) 0%, rgba(6,70,122,1) 100%);

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0b67ac",endColorstr="#06467a",GradientType=1);

}

.section_boutique .price {
	font-size: 1.2em;
	font-weight: 700;
}

video{

	width:100%;

	height:100%;

	position:absolute;

	top:0;

	left:0;

	overflow:hidden;

	object-fit:cover;

}

.item-block{

	display:flex;

	height:100%;

	flex-direction:column;

	align-items:baseline;

	justify-content:space-between;

}

.item-block h3{

	font-size:1.2em;

	line-height:1.2em;

	margin:10px 0;

}

.item-picture{

	width:100%;

/*	height:290px; by DP>Padding-bottom */
	padding-bottom: 100%;
	
	background-position:center center;

	background-repeat:no-repeat;

	background-size:contain;

/*	border:1px solid #9fa3a4;*/
	background-color: hsla(0,0%,100%,1.00);
    box-shadow: 0 0 12px hsla(0,0%,0%,0.54);
    box-sizing: border-box;
    margin: 5px;
	border-radius:20px;

}

.details{

	display:inline-block;

	padding:5px 10px;

	color:#000!important;

	background-color:#ccc;

	text-decoration:none;	

}

.item-details{

	display:flex;

	width:100%;

	justify-content:space-between;

	align-items:center;

	margin-top:10px;

}

a.square-button{

	display:flex;

	width:30px;

	height:30px;

	justify-content:center;

	align-items:center;

	background-color:#000;

	border-radius:10px;

	text-decoration:none;

	color:#fff;

}

.square-button{

	background-color:#000;

	color:#fff;

	border-radius:10px;

}

.square-button>i{

	font-size:1em;

}

.cart-options{

	display:flex;
	opacity: 0;
/*	visibility:hidden;*/

}

.cart-options.active{
	animation: slide-right 0.5s ease-in both;
/*	visibility:visible;*/

}


@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(-75%);
            transform: translateX(-75%);
	  opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
	  opacity: 1;
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(-75%);
            transform: translateX(-75%);
	  opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
	  opacity: 1;
  }
}




.cart-options>.quantity{

	margin:0 10px;

}

.shop-items{

/*	overflow:hidden;*/

	padding-bottom:50px;

}

.shop-items .swiper-slide{

	height:auto;

}

.cart-icon{

	display:none;

}

.cart-icon.active,.quote-icon.active{

	display:inline-block;

	position:relative;

}

.cart-icon:before,.quote-icon:before{

	display:flex;

	width:12px;

	height:12px;

	content:attr(data-count);

	background-color:#00b7a3;

	padding:5px;

	border-radius:50%;

	position:absolute;

	font-size:14px;

	top:-10px;

	right:-10px;

	align-items:center;

	justify-content:center;

}

.image-slider .swiper-slide{

	padding-bottom:75%;

}

.swiper-slide>.slide-background{

	width:100%;

	height:100%;

	position:absolute;

	top:0;

	left:0;

	background-position:center center;

	background-size:contain;

	background-repeat:no-repeat;

	z-index:1;

    background-color: white;
}

.image-slider{

	overflow:hidden;

	border-radius:50px 0;

}

.item-wrapper .item-details{

	justify-content:unset;

}

.item-wrapper .square-button{

	width:2.5em;

	height:2.5em;

	margin:0;

}

.item-wrapper .square-button>i{

	font-size:1.2em;

}

.item-wrapper .cart-options{

	margin-left:3em;

}

.item-wrapper .quantity{

	display:flex;

	width:2.08em;

	height:2.08em;

	justify-content:center;

	align-items:center;

	background-color:#fff;

	border-radius:10px;

	text-decoration:none;

	color:#000;

	font-size:1.2em;

	margin:0 10px;

}

.blue-button,.white-button{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	height:40px;

	border-radius:30px;

	padding:10px 30px;

	text-decoration:none;

	font-weight:900;

	font-size:1.4em;

}

.blue-button{

	background-color:#00aeef;

	color:#fff!important;

}

.white-button{

	background-color:#fff;

	color:#00aeef;

}

.blue-background{

	color:#fff;

	box-shadow:0 10px 30px #000;

}

.grid-slider{

	height:600px;

	padding-bottom:40px;

}

.grid-slider .swiper-wrapper,.album-grid .swiper-wrapper{

	flex-direction:column;

	flex-wrap:wrap;

	justify-content:space-between;

}

.editMode .background, .editMode .slide-background {

	display:flex;

	justify-content:center;

	align-items:center;

}

.editMode .background>.fa{

	z-index:2;

}


/*.editMode .grid-slider .swiper-wrapper{

	flex-direction:unset;

	flex-wrap:unset;

	justify-content:unset;

}

.editMode .grid-slider .swiper-wrapper>.swiper-slide{

	height:100%!important;

	width:100%!important;

}*/

.grid-slider.content-slider>.swiper-wrapper>.swiper-slide{

	height:calc(50% - 15px);

    box-sizing: border-box;
    
	min-height:unset;

}

.member-block>.image-static{

	padding-bottom:100%;

	border-radius:50%;

	overflow:hidden;

}

.member-block>div+div{

	margin-top:30px;

}

.contact-details>a{

	width:50px;

	height:50px;

	display:flex;

	align-items:center;

	justify-content:center;

	background-color:#00aeef;

	border-radius:50%;

	color:#fff;

	font-size:1.4em;

	text-decoration:none;

	margin-right:20px;

	float:left;

}

.member-block h3, .member-block h2, .member-block h1 {

	color:#06467a;

}

.album-grid{

	width:100%;

	height:500px;

	padding-bottom:40px;

}

.album-grid>.swiper-wrapper>.swiper-slide{

	min-height:unset;

	box-sizing:border-box;

}

.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+1),.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+4){

	height:100%;

	padding-right:10px;

}

.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+2),.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+3){

	height:50%;

	padding-right:10px;

}

.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+2){

	padding-bottom:5px;

}

.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+3){

	padding-top:5px;

}

.album-grid>.swiper-wrapper>.swiper-slide .image-static{

	border:1px solid #fff;

}

.availabilities .swiper-slide{

	min-height:unset;

	height:180px;

	border-radius:20px;

	border:1px solid #fff;

	overflow:hidden;

}

.aqua-background{

	color:#fff;

	background-color:#259ab4;

}

iframe.catalog{

	width:100vw;

	height:100vh;

}

.add-item-block{

	display:flex;

	width:200px;

	height:200px;

	position:absolute;

	top:200px;

	right:50px;

	padding:20px;

	color:#fff;

	flex-direction:column;

	justify-content:space-between;

	align-items:center;
	
	z-index:10;
	
	box-shadow:0 0 2px #000;
	background: #1f303de3;

}

.quote-icon{

	display:none;

}

.quote-details,.cart-details{

	display:flex;

	flex-direction:column;

}

.details-row{

	display:flex;

	justify-content:space-between;

	align-items:center;

	padding:5px 0;

	border-bottom:2px solid #00aeef;

}

.detail-item{

	display:flex;

	flex:1;

}

.detail-item:nth-child(1){
/*	flex : 3; */
}

.detail-item>.quantity{

	display:flex;

	align-items:center;

	justify-content:center;

	width:30px;

	height:31px;

	background-color:#fff;

	color:#000;

	border-radius:10px;

	margin:0 10px;

}

.quote-form,.flex-box-column{

	display:flex;

	flex-direction:column;

}

.quote-form>span,#checkout span{

	font-size:1.5em;

	margin-bottom:20px;

}

.quote-form>input:not(:first-of-type),.quote-form>select,.order-form>input:not(:first-of-type),#checkout input:not(:first-of-type),#checkout select{

	margin-top:10px;

}

.quote-form>input:nth-of-type(6){

	margin:15px 0 20px 0;

}

#quotation .grid_12{

/*	text-align:right;*/

}

.send-button,.pay-button{

	display:inline-block;

	background-color:#00aeef;

	color:#fff!important;

	padding:10px;

	text-decoration:none;

}

.mfp-bg, #redactor-modal-overlay {background-color: rgb(255 255 255 / 85%);}
#sq-creditcard { background-color: green; border: none; padding: 10px; }
.checkout-process-slider,.blue-full-page{

	padding-top:100px;

	color:#fff;

	width:100%;

	min-height:100vh;
	
	overflow:hidden;

/*
	background: rgb(0,111,184);

	background: -moz-radial-gradient(circle, rgba(0,111,184,1) 0%, rgba(0,70,123,1) 100%);

	background: -webkit-radial-gradient(circle, rgba(0,111,184,1) 0%, rgba(0,70,123,1) 100%);

	background: radial-gradient(circle, rgba(0,111,184,1) 0%, rgba(0,70,123,1) 100%);
*/

}

.shipping-amount,.sub-total,.tps-amount,.tvq-amount,.grand-total{

	width:50%;

	align-self:flex-end;

}

.shipping-amount{

	margin-top:50px;

}

label.error,.cardNumber-error,.cvv-error,.expirationDate-error{

	color:red;

}

.payment-form{

	display:flex;

	padding:20px;

	width:60%;

	flex-direction:column;

	align-items:center;

	margin:0 auto;

	color:#fff;

	background: rgb(0,111,184);

	background: -moz-radial-gradient(circle, rgba(0,111,184,1) 0%, rgba(0,70,123,1) 100%);

	background: -webkit-radial-gradient(circle, rgba(0,111,184,1) 0%, rgba(0,70,123,1) 100%);

	background: radial-gradient(circle, rgba(0,111,184,1) 0%, rgba(0,70,123,1) 100%);

}

.payment-form>.payment-input{

	margin-top:20px;

}

.payment-form>div{

	border:1px solid #00aeef;

	border-radius:10px;

}

.shop-head .flex-box{

	display:flex;

	align-items:center;

	justify-content:space-between;

}

.shop-head .fas{

	font-size:3em;

}

.cms-tag-content{

	padding:200px 0; 

}

#flipbook{
	width:100%;
	height:100%;
	box-shadow:0 0 5px #000;
	background-color:#fff;
	overflow:hidden;
}
.slider{
	width:200px;
	margin:20px 0;
}
canvas{
	width:100%;
	height:100%;
}
.ui-widget-content .ui-state-default{
	border-radius:50%;
}
.ui-slider-horizontal{
	height:5px;
}
.ui-slider-horizontal .ui-slider-handle{
	top:-8px;
}
.slider-wrapper{
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.slider-navigation{
	width:30px;
	height:30px;
	margin:40px;
	border-radius:50%;
	background-color:#fff;
	align-items:center;
	display:flex;
	justify-content:center;
	border:2px solid #000;
	box-shadow:0 0 5px #000;
}
.slider-navigation:hover{
	cursor:pointer;
}
.slider-navigation.previous:before{
	display:block;
	content:'\003008';
	font-size:14px;
}
.slider-navigation.next:before{
	display:block;
	content:'\003009';
	font-size:14px;
}
.catalog{
	display:flex;
/*	margin-top:100px;*/
}
.table-content{
	display:none; /*inline-block*/
	padding:20px;
}
@keyframes scroll_move{

	0% {

		transform: translateY(0);

	}

	50% {

		transform: translateY(10px);

	}

}

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

	.menu-block{

		width:25%;

	}


	
	.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+1),.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+2),.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+3){

		width:49.333333%!important;

	}

	.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+4){

		width:25.666666%!important;

	}

}

@media screen and (min-width:641px) and (max-width:900px){

	.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+1),.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+2),.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+3){

		width:50%!important;

	}

	.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+4){

		width:50%!important;

	}

			.section_vos_expert .container12 .grid_3:nth-child(1) {
				width: 97%;
			}
			.section_vos_expert .block-item { width: 30%;}
			.section_vos_expert .container12 {
		/*		    display: flex;*/
					justify-content: space-between;
					flex-wrap: wrap;
			}
}

@media screen and (max-width:640px){

	.large-banner .container12{

		flex-direction:column;

	}

	.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+1),.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+2),.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+3){

		width:100%!important;

	}

	.album-grid>.swiper-wrapper>.swiper-slide:nth-child(4n+4){

		width:100%!important;

	}

}

@media screen and (max-width:900px){

	.upper-menu{

		flex-direction:column;

		align-items:center;

	}

	.upper-menu>.separator{

		display:none;

	}

	.menu-block{

		width:60%;

		margin-top:50px;

	}

}