html,body
{
	font-family: "DM Sans", sans-serif!important;
 	font-optical-sizing: auto;
  	font-style: normal;
	color:#3F3F3F;
	background:white;
}
h1 
{
	font-size:48px;
	font-weight:600!important;
	color:white!important;
	margin-top:0px;
	margin-bottom:80px;
}
.slider p 
{
	color:white;
}
h2
{
	font-weight: 600;
	font-size:36px;
	position:relative;
	margin-top:40px;
}
.typep h1
{
	font-weight: 600!important;
	font-size:36px;
	position:relative;
	margin-top:35px;
	margin-bottom:35px;
	color:#3F3F3F!important; 
}
.showroom a
{
	color:white!important;
}
.devis a 
{
	color:white!important;
}
.devis a:hover
{
	color:white!important;
}

.block 
{
	margin-bottom:45px;
}
.block h3
{
	font-family: "DM Sans", sans-serif!important;
	padding:15px;
	padding-left:20px;
	text-align:left;
	background:white;
	font-weight:600;
}
.image-wrapper {
    height: 350px; /* adapte la hauteur selon ton besoin */
    overflow: hidden;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* garde le ratio sans déformation */
}
.block .uk-inline-clip
{
	height:300px;
	width:100%;
}
.counter
{
	background:#3F3F3F;
	margin:0px;
}
.counter h4 
{
	color:white;
	font-size:36px;
	font-weight:600;
	margin:0px;
	margin-bottom:-5px;
}
.counter span 
{
	font-weight:200;
	color:white;
	font-size:20px;
}
.uk-button
{
	background:#4691D1;
	color:white;
	text-transform:none;
	font-size:18px;
	padding:10px 30px;
	margin-top:35px;
}
.round
{
	font-size:20px;
	color:white;
	border-radius:400px;
	padding:20px;
	background:#4691D1;
	text-align:center;
	display: table-cell;
    vertical-align: middle;
    width:180px;
	padding-top: 65px;
    padding-bottom: 65px;
	transform: rotate(-20deg);
}
.round:hover 
{
	background:#357bb9;
	-webkit-transition: all 200ms;
    transition: all 200ms;
}
.round strong 
{
	font-weight:600;
}
.uk-button img 
{
	margin-left:10px;
}
.uk-button:hover
{
	background:#357bb9;
	color:white;
	text-decoration:none;
	-webkit-transition: all 200ms;
    transition: all 200ms;
}
p
{
	font-size:16px;
	font-weight:300;
	font-family: "DM Sans", sans-serif!important;
	color:#3F3F3F;
}
.hero {
    position: relative;
    overflow: hidden;
}
.hero.uk-cover-container 
{
	height:600px;
}

.hero .background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* l'image remplit sans déformation */
    z-index: 0;
	padding-bottom: 60px;
}

.hero .uk-container {
    position: relative;
    z-index: 1; /* par-dessus l’image */
    padding: 80px 20px; /* marges autour du contenu */
    color: #fff; /* pour être lisible si fond sombre */
}
.hero
{
	width:100%;
}

.hero img
{
	opacity: 0.8;
	margin-top:0px!important;
}

.type .hero
{
	background:#626365;
}
.type .hero h1
{
	color:white;
	font-size: 46px;
	margin:0px;
	margin-bottom:10px;
}
.heroh2 
{
	color:white;
	font-size: 46px;
	margin:0px;
	margin-bottom:10px;
	margin-top: 380px;
}
.type .hero .uk-button
{
	display:block;
}
.search .nav-bg.boundary-align
{
	background:#626365;
}



/*Mobile and media*/
.menu-mobile
{
	display:none;
}
@media (max-width: 1300px) {
	.menu-mobile
	{
		display:block;
		color:black;
		cursor:pointer;
		margin-top:20px;
		right: 20px;
		width:50px;
		position: absolute;
	}
	.heroh2
	{
		margin-top:300px;
	}
	.menu
	{
		display:none;
	}
	.uk-search-icon
	{
		display:none;
	}
	.bar
	{
		display:none;
	}
	.hero p
	{
		padding-left:35px;
	}
	.footer 
	{
		padding:100x 35px!important;
		text-align:center;
	}
	.footer .logo img 
	{
		width:300px!important;
		margin-bottom:0px;
	}
	.footer .uk-grid div
	{
		margin-bottom:35px;
	}
}
@media (max-width: 1300px) {
	.desktop 
	{
		display:none!important;
	}	
}
@media (max-width: 960px) {
	.hero img
	{
		 min-height:inherit!important;
		 width:auto;
	}
	.slider h1 
	{
		padding: 35px;
		padding-bottom: 0px;
		padding-top: 0px;
		font-size:36px;
	}
	.counter span 
	{
		font-size:16px;
	}
	.hero-k 
	{
		width: 100%!important;
	}
	.counter .uk-grid-margin 
	{
		margin-top:0px;
	}
	.counter 
	{
		margin-bottom: 40px !important;
	}
	.logo img
	{
		width: 120px !important;
        margin-top: -5px !important;
        margin-left: -10px;
	}
	.type .hero h1
	{
		font-size: 16px!important;
		text-align: center;
		margin-top:30px;
	}
	.slider p 
	{
		margin-top:35px;
	}
	.devis 
	{
		background:#4691D1!important;

	}
	.mobile-nav li 
	{
		margin-bottom:10px;
	}
}

/*default/général*/
a, .uk-link
{
	color:#92c4e9;
	-webkit-transition: all 200ms;
    transition: all 200ms;
	font-family: "DM Sans", sans-serif!important;
}
a:hover, .uk-link:hover
{
	color:#357bb9;
	text-decoration:none;
	-webkit-transition: all 200ms;
    transition: all 200ms;
}
h1
{

}
h2
{

}
h3
{

}
h4
{

}
h5
{

}
h6
{

}
p
{

}
.chevron 
{
	margin-left:5px;
}
.logo span
{
	font-size:14px;
}
.uk-active
{
	color: #423932;
    font-weight: 500;
}

/*mobile*/
.uk-offcanvas-bar
{
	background: #3f3f3f;
}
.mobile-nav li a
{
	font-size:18px;
}
/*surcouche*/
.uk-nav-divider
{
	margin:30px 0px;
}
.center
{
	width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.uk-grid .uk-first-column.annul-first
{
	padding-left:0px;
}
.uk-offcanvas-bar  .uk-search-icon
{
    height: 0px;
    padding: 0px 0px 14px;
}
/*header*/
.logo img
{
	width: 150px;
}
.uk-navbar-right
{
	margin-top:20px;
	margin-bottom:20px!important;
}
.devis 
{
	padding: 5px 20px;
	background:#3f3f3f;
}
/*menu*/
.nav-bg.boundary-align
{
	background:none;
    position: relative;
}
.uk-offcanvas-bar
{
	margin-right:100px;
}
.uk-navbar-dropdown-bottom-left
{
	padding-right:35px;
}
.uk-navbar-dropdown 
{
	width:250px;
}
.uk-navbar-dropdown-bottom-left li	
{
	font-size: 16px;
	font-weight:500;
    margin-bottom: 3px;
    color:#3f3f3f;
}
.uk-navbar-dropdown-bottom-left li a
{
	color:#3f3f3f!important;
}
.uk-navbar-dropdown-bottom-left li a:hover
{
	color:#92c4e9!important;
}
/*search*/
.uk-search-icon span
{
    margin-right: 10px;
}
/*hero*/
.slider
{
	
}
.uk-position-cover h1
{
	text-align:center;
	color:white;
	font-size:4.2vw;
	margin-top:0px;
}
.uk-position-cover .uk-button
{
	margin-left: auto;
    margin-right: auto;
	width: fit-content;
    display: block;
}
.coordonnees
{
	padding:40px 0px;
	text-align:center;
	background:#423932;
}
.coordonnees .uk-grid
{
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
	color:#b79938;
}
/*footer*/
.footer
{
	background: #3f3f3f;
	margin-top:100px;
	padding:100px;
}
.footer p
{
	color:white;
	line-height:35px;	
}


/*content*/
.contenu-1 h1
{
	border-bottom: 2px solid #423932;
	font-weight:700;
	text-align:center;
}
.uk-navbar-nav > li > a
{
	font-size:18px;
	font-weight:500;
	color:#3F3F3F;
	text-transform:none;
}
.uk-navbar-nav > li.uk-active > a
{
	font-weight:600;
}
.uk-navbar-nav > li > a:hover
{
	color:#4691D1;
	-webkit-transition: all 200ms;
    transition: all 200ms;
}
.slider img
{
	display:block;
	opacity:0;
	min-height:400px;
	width:auto;

}
.hero-k 
{
    position: absolute !important;
    bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
	padding:0px!important;


}
.copyright
{
	text-align:center;
	padding:30px;
}


.slider .active
{
	display:block;
	opacity:0;
}
.slider
{
	height:700px;
}
.uk-position-cover h1
{
	margin-top:-2vw;
}
.uk-position-cover h1:first-child
{
	font-weight:200;
	margin-top:2vw;
}
.menu-mobile svg
{
	color: #3f3f3f;
}
.active.product a
{
	opacity:1;
}
.product a
{
	opacity:0;
	text-align:center;
	width:100%;
	color:white;
}
.product a:hover
{
	color:#92c4e9;
}
.product .icon
{
	display:block;
	width:100%;
	text-align:center;
	padding:0px;
	color:white;
	margin:15px 0px 15px 0px;

}
.product .icon:before
{
	margin-left:0px!important;
	font-size:72px;
}
.product h5
{
	color:white;
	background:#626365;
	text-align:center;
	margin:0px;
	margin-bottom:15px;
}
.active.product h5
{
	color:#92c4e9;
}
.active.product
{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(98,99,101,0.99) 99%, rgba(98,99,101,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(98,99,101,0.99) 99%,rgba(98,99,101,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(98,99,101,0.99) 99%,rgba(98,99,101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#626365',GradientType=0 ); /* IE6-9 */
	-webkit-transition: all 200ms;
    transition: all 200ms;
}
.product:hover
{
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(98,99,101,0.99) 99%, rgba(98,99,101,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(98,99,101,0.99) 99%,rgba(98,99,101,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(98,99,101,0.99) 99%,rgba(98,99,101,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#626365',GradientType=0 ); /* IE6-9 */
	-webkit-transition: all 200ms;
    transition: all 200ms;
}
.product
{
	cursor:pointer;
	width:13%;	display: inline-block;
	float:left;
	padding-top:0px;
	padding-bottom:5px;
}
.products
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.bar
{
	background-image:url(../images/bar_background.png);
	margin-top: -144px;
    z-index: 10000000;
    position: relative;
}
.fb 
{
	width:16px;
}

.content
{
	padding-bottom:80px;
	padding-top:30px;
}
.info p
{
	margin:30px 0px 30px 0px;
}
.info div p
{
	margin:0px;
	font-size:16px;
	font-weight:400;
}
.info-link
{
	display:block;
	font-weight:400;
    margin-bottom: 14px;
    font-size: 16px;
    margin-top: 4px;
    color: white;
    font-weight: 400;

}
.info .uk-button
{
	margin:11px 0px 11px 0px;
	text-align:center;
}
.info a 
{
	color:white;
	text-decoration:underline;
}
.info a:hover
{
	color:white!important;
}
.uk-margin-auto-vertical h1
{
	font-size:48px;
	margin:0px;
}
.uk-margin-auto-vertical p
{
	margin:0px;
}
.footer-content div:nth-child(2)
{
	text-align:right;
	color:white;font-size: 16px;
}
.footer-content div:nth-child(2) a
{
	font-weight: 600;
}
.footer-content .uk-first-column a
{
	font-weight: 600;
    color: white;
    font-size: 16px;
    margin: 5px;
}
.footer-content .uk-first-column
{
	padding-top: 125px;
	color:white;
}
.uk-navbar-toggle {
    color: #e6e6e6;
}
#modal-full
{
	z-index:1111111111111111111111;
}
.sender
{
	font-size: 14px;
	padding-right: 18px;
}
.uk-position-center .uk-button
{
	background: #92c4e9;
    border-radius: 100px;
    color: white;
    width: 150px;
    margin-left: auto;
    text-transform: none;
    padding: 5px 7px 5px 20px;
    margin-right: auto;
}

.info 
{
	width:100%;
	text-align:center; 
	color:white;
	background :#4691D1;
	padding:5px 0px;
	margin:0px;
}