@font-face{

	font-family:'Lato Regular';

	src:url(fonts/Lato-Regular.ttf);

}

@font-face{

	font-family:'Lato Black';

	src:url(fonts/Lato-Black.ttf);

}

@font-face{

	font-family:'Lato Bold';

	src:url(fonts/Lato-Bold.ttf);

}

body{

	font-family:Lato Regular, sans-serif;

}

header{

	width:100%;

	position:absolute;

	font-family:Lato Regular, sans-serif;

	font-weight:bold;

	top:0;

	left:0;

	z-index:2;

}

.template-produit>header{

	position:relative;

	background-color:#32323C;

}

header>.container12{

	font-size:inherit;

}

.logo{

	display:block;

	float:left;

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

	background-size:cover;

	background-position:center center;

	background-repeat:no-repeat;

}

.menu-item{

	display:block;

	text-decoration:none;

	margin:77px 40px;

	color:#000;

	float:right;

	font-size:1.1em;

	text-transform:uppercase;

	position:relative;

}

.template-produit>header>.container12>.menu-item{

	color:#fff;

}

.overlay .menu-item{

	margin:77px 40px;

}

.bandeau_entete:not(.reduced){

	height:100vh;

}

.bandeau_entete{

	height:70vh;

	position:relative;

	color:#32323C;

	display:flex;

	display:-ms-flex;

	display:-moz-flex;

	display:-o-flex;

	display:-webkit-flex;

	align-items:flex-end;

    -ms-align-items:flex-end;

    -moz-align-items:flex-end;

    -o-align-items:flex-end;

    -webkit-align-items:flex-end;

    box-sizing:border-box;

}

.bandeau_entete>.background{

	width:100%;

	height:100%;

	position:absolute;

	top:0;

	left:0;

	background-size:cover;

	background-position:center center;

	background-repeat:no-repeat;

}

.bandeau_entete h1{

	font-family:Lato Black, sans-serif;

}

.bandeau_entete div[data-varname=description]{

	font-family:Lato Bold, sans-serif;

}

div[data-gabarit=template-produit]>#section1>.container12>.products-menu,div[data-gabarit=template-categorie-produit]>#section1>.container12>.products-menu{

	margin:2% 1.5% 5% 1.5%;

}

.products-menu{

	margin:26px 1.5%;

	/*font-family:Lato Black, sans-serif;*/

}

.products-menu>a{

	display:inline-block;

	text-decoration:none;

	text-transform:uppercase;

	font-size:1.4em;

	color:#32323C;

	font-weight:bold;

	position:relative;

}

.products-menu>a:after,a.menu-item:after{

	content:'';

	display:block;

	width:0;

	height:2px;

	position:absolute;

	right:0;

	bottom:-4px;

	opacity:0;

	background:#f85032;

	background:-moz-linear-gradient(left, #f85032 0%, #000000 100%);

	background:-webkit-gradient(left top, right top, color-stop(0%, #f85032), color-stop(100%, #000000));

	background:-webkit-linear-gradient(left, #f85032 0%, #000000 100%);

	background:-o-linear-gradient(left, #f85032 0%, #000000 100%);

	background:-ms-linear-gradient(left, #f85032 0%, #000000 100%);

	background:linear-gradient(to right, #f85032 0%, #000000 100%);

	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#000000', GradientType=1 );

	transition:width .25s ease,opacity .25s ease;

	-ms-transition:width .25s ease,opacity .25s ease;

	-moz-transition:width .25s ease,opacity .25s ease;

	-o-transition:width .25s ease,opacity .25s ease;

	-webkit-transition:width .25s ease,opacity .25s ease;

	-apple-transition:width .25s ease,opacity .25s ease;

}

.products-menu>a:not(.active):hover:after,.products-menu>a.active:after,a.menu-item:not(.active):hover:after,a.menu-item.active:after{

	width:100%;

	opacity:1;

}

footer{

	background-color:#32323C;

	padding:60px 0;

	color:#fff;

}

footer p .fa{

	color:#E91F16;

	font-size:1.5em;

	vertical-align:middle;

}

footer a{

	text-decoration:none;

	color:#fff;

}

.form-address a{

	text-decoration:none;

	color:#000;

}

.text{

	line-height:1.5em;

}

.button{

	display:inline-block;

	text-decoration:none;

	color:#fff;

	background-color:#E91F16;

	font-size:1.4em;

}

h1{

	font-weight:bold;

	font-size:4em;

	text-transform:uppercase;

	line-height:1.2em;

}

h2{

	font-family:Lato Black, sans-serif;

	text-transform:uppercase;

	line-height:1em;

}

h3{

	font-family:Lato Black, sans-serif;

	font-size:1.2em;

	text-transform:uppercase;

	margin:10px 0;

	line-height:1em;

}

.container12.widget{

	font-size:inherit;

}

.widget{

	line-height:1.4em;

}

.widget_1,.widget_4,.widget_7{

	color:#23232B;

}

.widget_2{

	background-color:#757575;

	color:#fff;

	/*padding:20px 0;*/

}

.widget_2 h2,.widget_9 h3{

	margin:0;

}

.widget_3 .group_12{

	background-color:#32323C;

	color:#fff;

	/*line-height:1.4em;

	padding:20px;*/

}

.widget_6{

	line-height:2.2em;

	color:#fff;

	background-color:#32323C;

	/*padding:20px 0;*/

}

.widget_8{

	color:#E61F18;

	font-weight:bold;

	/*padding:15px;*/

}

/*.widget_8>.container12{

	color:#E61F18;

}*/

.widget_8 .editable{

	font-size:1.5em;

}

.widget_9 .grid_12{

	margin-bottom:0;

}

.widget_3+.widget_3{

	margin-top:50px;

}

.compagnies-logo>div{

	height:100px;

	background-size:contain;

	background-position:center center;

	background-repeat:no-repeat;

	filter:grayscale(100%);

	-ms-filter:grayscale(100%);

	-moz-filter:grayscale(100%);

	-o-filter:grayscale(100%);

	-webkit-filter:grayscale(100%);

}

.compagnies-logo>div:nth-child(1){

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

}

.compagnies-logo>div:nth-child(2){

	background-image:url(../images/artik.jpg);

}

.compagnies-logo>div:nth-child(3){

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

}

.compagnies-logo>div:nth-child(4){

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

}

.compagnies-logo>div:nth-child(5){

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

}

.promo{

	background-color:#E61F18;

	padding:0px 2px;

	margin-top:10px;

	display:flex;

	display:-ms-flex;

	display:-moz-flex;

	display:-o-flex;

	display:-webkit-flex;

	align-items:center;

    -ms-align-items:center;

    -moz-align-items:center;

    -o-align-items:center;

    -webkit-align-items:center;

}

.promo>input{

	width:90%;

	height:40px;

	margin:0;

	vertical-align:middle;

	border:none;

	font-size:2em;

}

.promo>.fa{

	width:10%;

	font-size:2em;

	margin:7px;

	text-align:center;

	text-decoration:none;

	color:#fff;

}

.template-blogue #section1{

	margin-top:150px;

}

.blog-item .image{

	padding-top:40%;

	background-size:cover;

	background-position:center center;

	background-repeat:no-repeat;

}

.blog-item .toolbardcomm,#trusted_brands .toolbardcomm{

	top:0;

	left:5%;

}

#trusted_brands .toolbardcomm{

	position:absolute;

}

hr{

	height:0;

	border-top:2px solid #E91F16;

	border-bottom:none;

}

.contact-form input,.contact-form textarea,.promo-infos input{

	display:block;

	width:100%;

	background-color:#32323C;

	border:1px inset #fff;

	color:#fff;

}

.contact-form p,.input-label{

	font-family:Lato Bold, sans-serif;

}

.input-row:after{

	content:'';

	display:block;

	clear:both;

}

.col-30,.col-70,.col-40,.col-20{

	float:left;

	box-sizing:border-box;

}

.col-30{

	width:30%;

}

.col-70{

	width:70%;

}

.col-40{

	width:40%;

}

.col-20{

	width:20%;

}

.grey-bg{

	background-color:#32323C;

	color:#fff;

}

.message-box{

	position:fixed;

	padding:10px;

	bottom:10px;

	right:10px;

	border-radius:4px;

	background-color:#fff;

	color:#32323C;

	border:1px solid #000;

	font-size:1.4em;

	z-index:10000;

}

.promo-infos input[type=text]{

	display:block;

	width:100%;

	height:35px;

}

.promo-infos .image{

	width:100%;

	padding-bottom:50%;

	background-position:center center;

	background-size:contain;

	background-repeat:no-repeat;

	margin:10px 0;

}

.blue-wrapper{

	background-color:#4267b2;

	border-radius:10px;

	padding:20px;

	color:#fff;

	text-align:center;

	line-height:1.4em;

}

a.availability{

	display:block;

	background-color:#fff;

	color:#000;

	text-align:center;

	text-decoration:none;

	padding:10px;

	font-weight:bold;

	transition:background-color 0.25s ease;

	-ms-transition:background-color 0.25s ease;

	-moz-transition:background-color 0.25s ease;

	-o-transition:background-color 0.25s ease;

	-webkit-transition:background-color 0.25s ease;

}

.active>a.availability{

	background-color:#E91F16;

	color:#fff;

}

.availability>h2{

	color:#E51F17;

	margin:0;

	font-size:2.5em;

}

.active>.availability>h2{

	color:#fff;

}

.availability>.date{

	font-size:0.8em;

	padding:5px 0;

	line-height:1.2em;

	text-transform:uppercase;

}

.availability>.places{

	font-size:1.2em;

	text-transform:uppercase;

}

.availability .number{

	color:#E51F17;

}

.active>.availability .number{

	color:#fff;

}

.swiper-button-prev,.swiper-button-next{

	top:auto!important;

	left:auto!important;

	right:auto!important;

	width:auto!important;

	height:auto!important;

	background-image:none!important;

	position:relative!important;

	margin-top:20px!important;

	margin:20px;

	font-size:20px;

}

.swiper-button-prev>.fa,.swiper-button-next>.fa{

	vertical-align:middle;

}

.inscription-actions>.button{

	min-width:270px;

	margin-bottom:30px;

}

.availability-details>.place{

	margin:10px 0;

	transition:background-color 0.25s ease;

	-ms-transition:background-color 0.25s ease;

	-moz-transition:background-color 0.25s ease;

	-o-transition:background-color 0.25s ease;

	-webkit-transition:background-color 0.25s ease;

}

.place[data-status=available]{

	background-color:#fff;

	color:#000;

}

.place.active{

	background-color:#E91F16;

	color:#fff;

}

.place[data-status=not-available]{

	background-color:#000;

	color:#fff;

}

.place .time{

	font-size:1.4em;

}

.place .status{

	line-height:21px;

}

.block-1,.block-2{

	display:none;

}

label.error{

	display:inline-block;

	color:#E51F17;

}

body.template-contact footer{

	padding-top:0;

}

body.template-contact footer a.button{

	display:none;

}

input[readonly],.sending{

	background-color:#757575;

	color:#CCCCCC;

}

.reset-calendar{

	display:none;

}

.black{

	font-family:Lato Black, sans-serif;

}

.message{

	display:none;

}

.value{

	margin:40px 0;

}

.copyright{

	margin-top:30px;

	font-size:0.8em;

	line-height:1.5em;

}

.blog-item{

	margin-bottom:30px;

}

.blog-item a{

	text-decoration:none;

	color:inherit;

}

.widget_9 li,.checklist li{

	margin-bottom:30px;

	font-size:1.2em;

	font-weight:bold;

	position:relative;

	padding-left:50px;

}

.widget_9 li:before,.checklist li:before{

	content:"\f00c";

	font-family:FontAwesome;

	display:block;

	font-size:2em;

	color:#E61F18;

	position:absolute;

	top:0;

	left:0;

}

.widget.widget_8{

	line-height:2em;

}

.member-image{

	width:100%;

	background-color:#999;

	padding-bottom:100%;

	background-position:center center;

	background-size:cover;

	background-repeat:no-repeat;

}

.member-name{

	font-size:1.5em;

	font-weight:bold;

	margin:20px 0;

}

.hamburger{

	position:fixed;

	top:20px;

	right:20px;

	z-index:1;

	outline:none;

}

.mobile-menu{

	position:fixed;

	width:60%;

	height:100%;

	top:0;

	right:0;

	background-color:#32323C;

	border-left:1px solid #fff;

	padding-top:70px;

	transition:transform .5s ease;

	-ms-transition:-ms-transform .5s ease;

	-moz-transition:-moz-transform .5s ease;

	-o-transition:-o-transform .5s ease;

	-webkit-transition:-webkit-transform .5s ease;

}

.mobile-menu>li>a{

	display:block;

	padding:12px;

	text-decoration:none;

	color:#fff;

	font-size:1em;

	transition:background-color .5s ease;

	-ms-transition:background-color .5s ease;

	-moz-transition:background-color .5s ease;

	-o-transition:background-color .5s ease;

	-webkit-transition:background-color .5s ease;

	background-color:transparent;

}

.mobile-menu>li>a:hover{

	background-color:#E91F16;

}

.message[data-message_only=true] h2,.message[data-message_only=true] .button{

	display:none;

}

.box-image{

	position:absolute;

	top:-60px;

	right:0;

	height:300px;

	z-index:1;

}

/*.widget_1,.widget_8,.widget_7{

	margin-top:50px;

	margin-bottom:50px;

}*/

footer .fa{

	min-width:19px;

}

header.overlay{

	background-color:rgba(255,255,255,0.8);

}

.team-list{

	margin-bottom:25px;

}

/*.widget_3{

	margin-bottom:50px;

}*/

.widget_3 .microAlbum{

	padding-bottom:100%;

	background-color:#ccc;

	overflow:hidden;

}

.ssslide{

	width:100%;

	height:100%;

	background-position:center center;

	background-size:cover;

	background-repeat:no-repeat;

}

.input-container:after{

	display:block;

	content:'';

	clear:both;

}

.half-width{

	width:49%;

	float:left;

}

.half-width+.half-width{

	margin-left:2%;

}

.contenusnippet .widget_6{

	min-width:inherit;

	width:100%;

}

.box-value{

	margin-top:18px;

}

.sous_page_thumbnail{

	height:300px;

	background-size:cover;

	background-position:center center;

	background-repeat:no-repeat;

	margin-bottom:20px;

}

.souspage>a{

	color:#000;

	text-decoration:none;

}

.more-info{

	color:#E91F16;

}

.brand_logo{

	width:100%;

	padding-bottom:100%;

	background-size:contain;

	background-position:center center;

	background-repeat:no-repeat;

}

.brand-logo-0{

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

}

.brand-logo-1{

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

}

.brand-logo-2{

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

}

.brand-logo-3{

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

}

.brand-logo-4{

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

}

.brand-logo-5{

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

}

.brand-logo-6{

	background-image:url(/images/brands/PH-Tech.png);

}

.brand-logo-7{

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

}

.brand-logo-8{

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

}

.brand-logo-9{

	background-image:url(/images/brands/Vitre-Art.png);

}

.brand-logo-10{

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

}

#trusted_brands input{

	display:none;

}

#trusted_brands.editMode input{

	display:inline-block;

}

#trusted_brands{

	margin-bottom:80px;

}

#BlocSousPages{

	padding-bottom:50px;

}

.microAlbum{

	padding-bottom:60%;

	overflow:hidden;

	background-color:#ccc;

}

.text-box{

	background-color:#32323C;

	padding:20px;

	color:#fff;

	margin-bottom:60px;

}

.text-box>ul{

	margin-left:20px;

	list-style-type:disc;

}

.horizontal-separator{

	height:2px;

	background-color:#E91F16;

	margin:50px 0;

	padding:0;

}

.titre-produit{

	margin:0px;

}

.microAlbum{

	margin-top:50px;

}

.button.fullwidth{

	width:100%;

	padding:20px 0;

	text-align:center;

}

.checklist{

	margin-bottom:60px;

}

.template-produit>header>.container12>.logo{

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

}

.liste-produit{

	margin-top:40px;

}

input.error,textarea.error{

	border:2px solid #E91F16;

}

input.error::-ms-input-placeholder,textarea.error::-ms-input-placeholder{

	color:#E91F16;

}

input.error::-moz-input-placeholder,textarea.error::-moz-input-placeholder{

	color:#E91F16;

}

input.error:-moz-input-placeholder,textarea.error:-moz-input-placeholder{

	color:#E91F16;

}

input.error::-webkit-input-placeholder,textarea.error::-webkit-input-placeholder{

	color:#E91F16;

}

.contact-request{

	display:inline-block;

	text-decoration:none;

	color:#000;

}

.contact-request>.fa,.form-address .fa{

	color:#E91F16;

}

.swiper-clear:after{

	content:'';

	display:block;

	clear:both;

}

.swiper-clear>.button-block{

	float:left;

}

.button-block:nth-child(1){

	width:30%;

	text-align:left;

}

.button-block:nth-child(2){

	width:40%;

	text-align:center;

	font-size:20px;

}

.button-block:nth-child(3){

	width:30%;

	text-align:right;

}

.button-block>.contact-request,.button-block>.contact-request>.fa,.button.contact-request{

	color:#fff;

}

.bandeau_entete-content{

	width:100%;

	z-index:1;

}

.product-categories-menu{

	background-color:#fff;

	box-shadow: #00000042 0px 3px 12px;

}

.flex{

	display:flex;

	display:-ms-flex;

	display:-moz-flex;

	display:-o-flex;

	display:-webkit-flex;

}

.form-address{

	align-self:flex-end;

	-ms-align-self:flex-end;

    -moz-align-self:flex-end;

    -o-align-self:flex-end;

    -webkit-align-self:flex-end;

	text-align:right;

}

.custom-message>textarea{

	width:74%;

}

a.btn-grey{

	display:inline-block;

	padding:8px 20px;

	margin-top:10px;

	background-color:#32323C;

	border:2px inset #fff;

	font-size:1.2em;

	color:#fff;

	text-decoration:none;

}

.done>.btn-blue{

	background-color:#84B147;

}

.promo-infos input+input{

	margin-top:15px;

}

.promo-infos .grid_6:nth-child(1),.promo-infos .grid_12{

	padding-left:60px;

}

.step-container{

	margin-bottom:30px;

	position:relative;

}

.step-badge{

	position:absolute;

	padding:18px 0 10px 0;

	top:30%;

	left:-55px;

	width:38px;

	height:10px;

	border-radius:19px;

	background-color:#E91F16;

	color:#fff;

	text-align:center;

	line-height:0;

}

.code-message{

	color:#E91F16;

}

.editable img{

	max-width:100%;

}

/*.fb-like{

	width:0;

	height:0;

	overflow:hidden;

}*/

.same-category,.same-category li>a{

	color:#999;

	line-height:1.4em;

}

.same-category>ul{

	list-style-type:disc;

	margin-left:20px;

}

.same-category li>a{

	text-decoration:none;

}

.same-category li>a:hover{

	color:#E91F16;

}

.read-more{

	color:#E91F16;

	padding:10px 0;

}

.small-text{

	font-size:.7em;

	font-weight:normal;

}

a.lelogin{

	color:#292929

}

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

	header,.bandeau_entete{

		margin-bottom:50px;

	}

	.contact.bandeau_entete{

		min-height:520px;

	}

	.logo{

		margin:25px 0 25px 20px;

	}

	.bandeau_entete>.bandeau_entete-content{

		color:#fff;

		background-color:rgba(50,50,60,0.7);

	}

	.bandeau_entete>.background{

		background-position:78% center;

	}

	a.button{

		font-size:1em;

	}

	.menu-item{

		display:none;

	}

	.products-menu>a{

		font-size:0.8em;

	}

	.hamburger{

		display:inline-block;

	}

	.mobile-menu{

		transform:translateX(100%);

		-ms-transform:translateX(100%);

		-moz-transform:translateX(100%);

		-o-transform:translateX(100%);

		-webkit-transform:translateX(100%);

	}

	.mobile-menu.active{

		transform:translateX(0);

		-ms-transform:translateX(0);

		-moz-transform:translateX(0);

		-o-transform:translateX(0);

		-webkit-transform:translateX(0);

	}

	.box-image{

		display:none;

	}

	h1{

		font-size:1.4em;

	}

	.logo{

		width:180px;

		height:98px;

	}

	.large{

		font-size:1.2em;

	}

	.products-menu>a+a{

		margin-left:24px;

	}

	.bandeau_entete h1{

		margin:0;

	}

	.bandeau_entete .button{

		margin-top:20px;

	}

	h2{

		margin:20px 0;

		font-size:1.3em;

	}

	h2.blog-title{

		margin:20px 0 0 0;

		line-height:1.2em;

	}

	.contact-form>input{

		height:20px;

		font-size:1em;

	}

	.contact-form>p,.input-label{

		margin:0

	}

	.no-mobile{

		display:none;

	}

	label.error{

		margin-top:0;

	}

	.button{

		padding:10px 15px;

	}

	.input-row{

		margin-bottom:5px;

	}

	.contact-form div[class^=col-]+div{

		padding-left:5px;

	}

	.contact-form .contact-request{

		padding:10px 0;

		font-size:1em;

	}

}

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

	.logo{

		margin:25px 0 25px 10px;

	}

	.bandeau_entete:not(.contact){

		margin-bottom:80px;

	}

	.product-categories-menu{

		margin-top:30px;

	}

	.bandeau_entete div[data-varname=description]{

		font-size:1.7em;

		line-height:1.2em;

	}

	.bandeau_entete{

		/*min-height:730px;830px;*/

	}

	.bandeau_entete>.background{

		margin-top:-73px;

		box-sizing:content-box;

	}

	div[data-gabarit=template-contact] .bandeau_entete>.background{

		margin-top:0;

	}

	.hamburger,.mobile-menu,.mobile-menu.active{

		display:none!important;

	}

	header,.widget,footer,.bandeau_entete{

		min-width:960px;

	}

	.logo{

		width:220px;

		height:121px;

	}

	.large{

		font-size:2em;

	}

	.products-menu>a+a{

		margin-left:30px;

	}

	.bandeau_entete h1{

		margin:10px 0;

	}

	.bandeau_entete .button{

		margin-top:40px;

	}

	.reduced.bandeau_entete h1[data-varname=titre-banniere]{

		font-size:2em;

	}

	h2{

		margin:40px 0;

		font-size:2em;

	}

	h2.blog-title{

		margin:80px 0 0 0;

		line-height:1.2em;

	}

	.contact-form input,.contact-form textarea,.promo-infos input{

		font-size:1em;

	}

	.input-row{

		margin-bottom:20px;

	}

	.contact-form input{

		height:35px;

	}

	.contact-form div[class^=col-]+div{

		padding-left:20px;

	}

	.contact-form .contact-request{

		padding:20px;

		font-size:1.4em;

	}

	/*.contact-form p,.input-label{

		margin:20px 0 10px 0;

	}

	label.error{

		margin-top:10px;

	}*/

	.button{

		padding:20px 30px;

	}

	.vertical-separator{

		position:relative;

	}

	.vertical-separator:before{

		content:'';

		display:block;

		width:2px;

		height:80%;

		background-color:red;

		position:absolute;

		top:10%;

		left:50%;

	}

	.contact.bandeau_entete>.bandeau_entete-content{

		margin-bottom:50px;

	}

	.widget_6{

		margin-top:-80px;

	}

}