@charset "utf-8";

/* CSS Document*/

/*orange primary #FC5000 ou #E24800
Couleur secondaire: #7D523E


*/


/*
html .boxed {
	font-family: 'Outfit',sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	background: transparent url(../../content/slider.jpg) no-repeat fixed center top!important;
	-webkit-background-size: cover!important;
	background-size: cover!important;
}

.boxed  {
	border-radius: 5px;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	margin: 25px auto;
	max-width: 1400px;
	background-color:white;
}*/

/*//////// boby html ////////*/
body {margin: 0;}



.uk-section-default {background: transparent!important;}

/*//////// divers ////////*/
figure iframe {width: 100%;height: 540px;}
.map {margin: 0 0  50px 0!important}
.nkvideo {margin: 0 0 50px 0!important}
.uk dl {margin:0;padding:0}
li p, ul p, ol, dl, pre, address, fieldset, figure { margin: 0 0 0 0;}


/*ALIGNEMENT, MARGE*/
.margin_top_10 {margin-top:30px; margin-bottom:30px}

/*MARGE SECTION - a tester encore modifier le margin du slider en cas de changement*/
/*.uk-section-large, ;*/
.uk-section {
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}

/*FORMULAIRE*/
.uk-input, .uk-select, .uk-textarea {
  max-width: 100%;
  width: 100%;
  margin-top: 15px;
  padding: 0 12px;
  background: #e5e5e4;
  color: #74706c;
  border: solid 1px #c7c3c3;
  transition: background .32s ease,border .32s ease,box-shadow .32s ease;
  border-radius: 5px;
}
label {  margin-bottom:15px;}



/*//////// menu nav ////////*/

/*ESPACEMENT MENU*/
.uk-navbar-nav {
  gap: 20px;
  margin-top: 10px;
  text-transform: uppercase;
}
.uk-navbar-nav > li > a {
  color: black;
  letter-spacing: 1px;
  font-weight:600!important
}
.uk-navbar-nav > li > a:hover {
  color: #E24800;
}
.uk-navbar-nav>li.uk-active>a {
  color: #E24800;
}
.uk-navbar-dropdown {
	padding: 10px;
	background: #333;
	width: 250px
}
/*.uk-navbar-dropdown-nav > li > a {color: #fff;}
.uk-navbar-dropdown-nav > li.uk-active > a,
.uk-navbar-dropdown-nav > li > a:hover {
  color: #FC5000!important;
}*/

/*//////// header ////////*/
header .uk-text-lead {
  font-style: normal;
  font-size: 1.4em;
  color: #fff;
  font-weight: 600;
}

/*enlever la petite barre grise du header*/
header .uk-divider-small {display: none;}
/*header {min-height:190px!important; margin-bottom:60px}*/


/*//////// heading color ////////*/
main .uk-section-primary h4, footer .uk-section-primary h4, .slogan p {
  color: #7d523e !important;
  text-shadow: 0px 1px 0px #ffffff;
  line-height: 1.3em;
  font-size: 1.8rem;
}

<!--titre centré au milieu-->
h2.titre {
  text-align: center!important;
  margin: 20px 0 40px 0;
  padding: 10px 0 0 0;
  line-height: 1.3em;
}
.stitre {
  padding: 0;
  letter-spacing: 0.2em;
  color: #E24800;
  margin-top: 10px;
  text-align: center !important;
  font: 400 15px 'Sansita', sans-serif !important;
    font-style: normal;
}
h2, .uk-h2/*, .uk-heading-small, .uk-heading-medium, .uk-heading-large, .uk-heading-xlarge, .uk-heading-2xlarge*/ {
	font-size: 1.6rem;
	margin: 0 0 25px 0;
  	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	background: url(../../content/titre-h1.png) no-repeat center bottom!important;
}
h1::after, h2::after {
  display: block;
/*  width: 110px;*/
	height: 20px;
  	margin-bottom: 20px;
  	margin-top: 10px;
/*  border-radius: 5px;*/
	content: "\A";
  	text-align: center;
}
h3, .uk-h3, h4,.uk-h4 {
  font-size: 1.5rem;
  line-height: 1.4;
}
h5, .uk-h5 {
  font-size: 16px!important;
  line-height: 1.4;
}
h6, .h6 {
  background: #d29d0052 !important;
  border: 1px solid #C97D35 !important;
  padding: 10px;
  border-radius: 5px;
  color: #000 !important;
  line-height: 1.2em;
  font-weight: 600!important;
  font-size: 1em;
  text-align:center
}

blockquote footer {
  margin-top: 25px;
  font-size: 0.8rem;
  line-height: 1.5;
  font-style: normal;
}

.box {
  margin: 10px 0;
  background: #d29d0052 !important;
  border: 1px solid #C97D35 !important;
  padding: 10px;
  border-radius: 5px;
  color: #000 !important;
  line-height: 0.8em;
  font-weight: 400;
  font-size: 1.6em;
  text-align:center
}

.uk-background-primary p {color:white!important}

/*CONTROLER SI UNIQUEMENT POUR INFO
*/.uk-panel {
  border-radius: 25px;
  color: white !important;
  background-color: #FC5000;
  padding: 20px;
}

.tm-projects h2, .tm-projects p {color:#fff!important}
.uk-overlay h2{font-size:1rem!important}
.uk-overlay-secondary h4 {color:white!important}

/*utilisé pour les sous titre du header également*/
main .uk-text-lead {
  font-size: 2em;
  color: #413f3f;
  font-weight: 600;
  margin: 10px 0;
}

/*//////// images ////////*/
.uk-service-nk, .nkimg, .uk-slideshow-items, .map {
  /*border-left: 10px solid #7d523e;*/
  border:1px solid black;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.45) !important;
}
.realisation_home .uk-inline-clip {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.45) !important;
}
.nk3 .nkimg {
  clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%);
  border: none;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.45) !important;
}

/*banner image texte en dessous*/
.tm-banner-overlay {}
.uk-service-nk h2 {font-size:1.2em!important}

/*liens et pdf*/

.uk-card {font-size: 0.9em !important;}
.uk-card.nkpdf a, .uk-card.nklien a  {font-weight: normal}
.uk-card.nkpdf a {color: #fff;}
.uk-card.nklien a {color: #fff;}
.uk-card.nkpdf a:hover, .uk-card.nklien a:hover {
  transition: width .5s cubic-bezier(.25, .8, .25, 1) 0s,right .5s cubic-bezier(.54, .32, .05, .96);
  will-change: right;
}
.uk-card.nkpdf a:hover {color:#c97d35}
.uk-card.nklien a:hover{color:#333}
.uk-card.nkpdf {
	background: #333 url(../../content/deco/pdf.png) no-repeat 98% center;
	border-top: 1px solid #151515;
	border-right: 1px solid #151515;
	border-bottom: 1px solid #151515;
	border-left: 1px solid #151515;
/*	border-left: 10px solid #c97d35;*/
}
.uk-card.nklien {
	background: #FC5000 url(../img/deco/liens.png) no-repeat 98% center;
	border-top: 1px solid #CA7C35;
	border-right: 1px solid #CA7C35;
	border-bottom: 1px solid #CA7C35;
	border-left: 1px solid #CA7C35;
/*	border-left: 10px solid #333333;
*/}
.uk-shadow {}
.uk-card.nkpdf, .uk-card.nklien {padding:15px; margin: 20px 0; border-radius: 5px; clear:both;}

.uk-card.nkpdf h3, .uk-card.nklien h3 {
	font-size: 15px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
.uk-card.nkpdf h3 {color: #FFF;}
.uk-card.nklien h3 {color: #333;}
.uk-card-title {font-size: 1rem;line-height: 1.2; font-weight:bold}




/*//////// overlay, icon ////////*/

.uk-light .uk-slidenav, .uk-section-primary:not(.uk-preserve-color) .uk-slidenav, .uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, .uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, .uk-card-primary.uk-card-body .uk-slidenav, .uk-card-primary > :not([class*="uk-card-media"]) .uk-slidenav, .uk-card-secondary.uk-card-body .uk-slidenav, .uk-card-secondary > :not([class*="uk-card-media"]) .uk-slidenav, .uk-overlay-primary .uk-slidenav, .uk-overlay-secondary .uk-slidenav, .uk-overlay-gradient .uk-slidenav {
  color: #fff!important;
  background-color: rgba(51, 51, 51, 0.6)!important;
  }
/*.uk-light, .uk-section-primary:not(.uk-preserve-color), .uk-section-secondary:not(.uk-preserve-color), .uk-tile-primary:not(.uk-preserve-color), .uk-tile-secondary:not(.uk-preserve-color), .uk-card-primary.uk-card-body, .uk-card-primary > :not([class*="uk-card-media"]), .uk-card-secondary.uk-card-body, .uk-card-secondary > :not([class*="uk-card-media"]), .uk-overlay-primary, .uk-overlay-secondary, .uk-overlay-gradient {
  color: rgba(157, 154, 154, 0.85);
}*/
.uk-light .uk-icon {color: white}


/*//////// footer ////////*/
footer  {margin-top:60px!important;}
footer p {color: #fdfcfc;}
footer a {color: #FC5000!important;}
footer .copyright {
  padding: 25px 0 5px 0 !important;
  border-top: 1px solid#fdfcfc;
}
footer .copyright p {font-size:0.9em}
footer .uk-img, footer .nkimg {border-left: 0; box-shadow: none !important; margin-bottom: 5px !important;}
footer h3 {font-size:2.1em}
.slogan {padding:80px 0!important/*; margin-top:80px*/}
.footer-nk {padding:120px 0!important}


/*//////// service et realisation ////////*/
.uk-section.realisation {padding:130px 0!important}

/*.uk-service-nk {
	background-color:#f7d2ae;
	margin-left:-110px!important;
	padding:20px;
	border-radius:0 25px 25px 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	padding:30px
	 }*/
.uk-service-nk {
  background-color: #cec4c0;
  margin-left: -80px !important;
 /* border-radius: 0 25px 25px 0;*/
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 60px;
}
/*diaporama/*/
.uk-slider-items img {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.45) !important;
 border-left: 10px solid #333
}


/*//////// slider ////////*/
.slidernk, .nkslider { margin-top: -20px!important; margin-bottom:-20px!important}
/*.uk-slideshow-items {
  position: relative;
  z-index: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  -webkit-touch-callout: none;
  touch-action: pan-y;
}*/
.uk-slideshow-items h2, .uk-slideshow-items h3, .uk-slideshow-items h4, .uk-slideshow-items h5, .uk-slideshow-items p {
  font-size: 2em !important;
  padding: 5px 10px;
  color: white!important;
  background-color: #7d523e !important;
  font-weight:500!important
}

/*ESPACEMENT DIVERS*/
/*.realisation_home {
  padding: 100px 0 150px 0 !important;
  margin-bottom: -60px;
}*/

/*//////// portfolio menu avec tag ////////*/
.uk-subnav-pill > * > :first-child {
  padding: 5px 10px;
  background: transparent;
  color: #5a5a5a;
   border-bottom:1px solid transparent
}
.uk-subnav-pill>*>a:hover {
 background-color:transparent;
 color:#FC5000;
 border-bottom:1px solid #FC5000
}
.uk-subnav-pill>*>a:active {
 background-color:transparent;
 color:#FC5000;
}
.uk-subnav-pill>.uk-active>a {
 background-color:transparent;
 color:#FC5000;
}

/*//////// boutton ////////*/
p a:not(.uk-button, .uk-icon-link) {
  transition: .3s cubic-bezier(.54, .32, .05, .96);
  z-index: 2;
  background-image: linear-gradient(#FC5000, #FC5000),linear-gradient(#FC5000, #FC5000),linear-gradient(transparent, transparent);
  background-size: 0 1px,100% 1px,1px 1px;
  background-repeat: no-repeat,no-repeat,repeat-x;
  background-position: 0% 90%,100% 90%,0% 90%;
}
.uk-light .uk-button-secondary,
.uk-button-secondary,
.uk-section-secondary:not(.uk-preserve-color)
.uk-button-secondary,
.uk-button-secondary,
.uk-tile-secondary:not(.uk-preserve-color)
.uk-button-secondary,
.uk-button-secondary,
.uk-button-secondary,
.uk-card-secondary.uk-card-body.uk-button-secondary,
.uk-card-secondary > :not([class*="uk-card-media"])
.uk-button-secondary,
.uk-offcanvas-bar .uk-button-secondary,
.uk-overlay-secondary .uk-button-secondary,
.uk-overlay-gradient .uk-button-secondary {
color: #fff!important;
 border: 2px solid #000;
}
/*.uk-button-secondary:hover {border: 2px solid #000;}*/
/*IMPORTANT*/
/*.uk-button-secondary:hover:not(.uk-button-text):not(.uk-button-link)::after {
 background:#000!important
}*/
.uk-button-primary {
	border: 2px solid #C47833;
	background: #FC5000;
}
.uk-button-primary a {
	color: #fff!important;
}
.uk-button-primary:hover {
  background-color: #333!important;
  color: #fff!important;
  border: 2px solid #000;
}
.uk-button-primary a:hover {
  color: #fff!important;
}
.uk-button {margin-bottom: 10px !important}
/*IMPORTANT*/
.uk-button-primary:hover:not(.uk-button-text):not(.uk-button-link)::after {
 background:#666
}
.uk-button-secondary:not(.uk-button-text):not(.uk-button-link) {
  background-image: radial-gradient(circle at 1% 100%, #E24800 1%, transparent 1%);
}

@media (max-width:900px) {
.uk-service-nk { margin-left: 40px!important; padding: 40px!important;}


@media (max-width: 992px) {
/*	.nkimg {width:100%!important}
*/}

@media (max-width:960px) {
.uk-slideshow-items h2, .uk-slideshow-items h3,.uk-slideshow-items h4,.uk-slideshow-items h5,.uk-slideshow-items p {font-size: 1rem!important}
h2, .uk-h2 {font-size: 1.2rem!important}

/*.slidernk{margin:0!important}*/
.uk-service-nk, /*.nkimg,*/ .uk-slideshow-items, .map {margin: 10px 0!important;}
header .uk-text-lead {font-size: 0.8em;}
header {max-height:180px!important; margin-bottom: 0px; /*ATTENTION TESTER SI ON ENLEVE LES PADDINGS DES SECTIONS*/}
header .uk-heading-medium, heading .uk-heading-large {font-size: 1.5em!important; margin-bottom: -15px!important;}
  .uk-section {padding-top: 20px!important;
    padding-bottom: 20px!important;}
}
}


@media (min-width:640px) { }
@media (min-width:1200px) {}




/*PERSONNALISATION DES COULEURS DU PANEL*/
/*
body {
	background: #fff;
}
.k-topbar, .k-topbar-signals {
  background-color: #01A58E;
}
.k-panel {
	background: #EBF9F7;
}
.k-writer h6 {
  background: #d29d0052 !important;
  border: 1px solid #C97D35 !important;
  padding: 10px;
  border-radius: 5px;
  color: #000 !important;
  line-height: 1.2em;
  font-weight: 400;
  font-size: 1em;
  text-align:center
}
.k-block-type-info{
	border-radius: 25px;
	color: white !important;
	background-color: #FC5000;
	padding: 20px;}

.k-block-type-intro input{
  font-size: 26px!important;
  color: #333;
  font-weight: 600;
}
.k-block-type-info input {
	background-color: #FC5000;
}
main .uk-text-lead {
  font-size: 2em;
  color: #413f3f;
  font-weight: 600;
  margin: 10px 0;
}
*/