/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 18 2025 | 09:01:21 */
.uk-navbar-container:not(.uk-navbar-transparent),
.uk-navbar-sticky{
    background: transparent;
}
.uk-navbar-container .uk-container{margin-right:0;}
.tm-header-overlay {position: fixed;}
.uk-navbar-sticky{
padding-top:17px;
padding-bottom:17px;
}
html::after {background-image: none;}
div#contact,
div#scroll{display:none;}
.page-id-12 div#contact,
.page-id-489 div#contact, 
.page-id-684 div#contact,
.page-id-745 div#contact,
.page-id-769 div#contact,
.page-id-880 div#contact,
.page-id-1210 div#contact,
.page-id-1246 div#contact,
.page-id-1066 div#contact{display:flex;}
.page-id-12 div#scroll{display:block;}

/* scroll vers le bas */
/*#scroll{position:fixed;z-index:200; left:4%; bottom:150px; background:none;}
#scroll p.scroll{ 
    font-size:10px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    margin-left:-7px
}
#scroll hr{border-left: 1px solid #e51a31;}*/

/* scroll AUDIO vers le bas */
#scroll{position:fixed;z-index:200; right:10%; bottom:3%; background:none;}
#scrollMobile{position:fixed;z-index:200; right:10%; bottom:3%; background:none;}

/* étoile Pigment */
img.etoile-red, 
img.etoile-white {
	width:25px; position:fixed; z-index:200; top:49px; left:3%;
}
/* logos and menu items, scroll, étoile, transitions setter */
.uk-logo img:first-child, 
img.uk-logo-inverse, 
body.color .uk-navbar-nav a!important, 
body.white .uk-navbar-nav a!important,
/*#scroll p, 
#scroll hr, */
img.etoile-red, 
img.etoile-white,
.uk-navbar-item a.uk-icon-link,
.uk-navbar-toggle .uk-icon,
body.white #MuteButton.muted::after,
body.white #MuteButton::after{
	-webkit-transition: all 0.3s ease-in 1s;
	-moz-transition: all 0.3s ease-in 1s;
	transition: all 0.3s ease-out 1s; 
    /*transition: 0.3s;*/
  }/* show/hide logos based on body class */
 body.color img.uk-logo-inverse, 
 body.white img.uk-logo, 
 body.white .uk-logo img:first-child,
 body.color img.etoile-white,
 body.white img.etoile-red{
        opacity: 0!important;
		display:none!important;
  }
 body.color .uk-navbar-item .uk-icon-link,
 /**body.white .uk-navbar-item .uk-icon-link**/{
        opacity: 0 !important;
		display:none!important;
  }
 body.color .uk-logo img:first-child, 
 body.white img.uk-logo-inverse, 
 /**body.color img.etoile-white,**/
 body.white img.etoile-red{
        opacity: 1!important;
		display:block!important;
  }
/**body.color .uk-navbar-item .uk-icon-link,**/
body.white .uk-navbar-item .uk-icon-link{
        opacity: 1!important;
		display:block!important;
  }

/* change menu items color based on body class */

body.color .uk-navbar-nav a,
body.color .uk-navbar-item .uk-icon-link{
        color: #e51a31!important;
  }
body.color .uk-navbar-toggle .uk-icon{fill:#e51a31;}
body.color .navigation-items a hover {
      	border-bottom: 1px solid!important;
  }
body.white .uk-navbar-nav a, 
body.white #scroll p,
body.white .uk-navbar-item .uk-icon-link{
        color: #ffffff!important;
  }
body.white .uk-navbar-toggle .uk-icon{fill:#ffffff!important;}
body.white #scroll hr{border-left: 1px solid #fff!important;}

body.white #MuteButton.muted::after,
body.white #MuteButton::after{
	-webkit-filter: grayscale(100%) brightness(5);
    filter: grayscale(100%) brightness(5);
}
body.color #MuteButton.muted::after,
body.color #MuteButton::after{
-webkit-filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%); 
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}
/** fin style menu et logo change color **/

/* AUDIO VIDEO CSS **/
/* volume on : button */ 
.audio{height:40px;}
#MuteButton.muted::after, #MuteButtonMobile.muted::after{  
  background: url(https://www.pigment-creative.com/client/pigment2023/wp-content/uploads/2023/03/son-off.svg) center center;
  background-size: 100%;
  position: absolute;
  bottom:20px;
  width: 40px;
  height: 40px;
}
#MuteButton.muted:hover, #MuteButtonMobile.muted:hover{
  opacity: 1;
  background-color: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in 0s;
}

/* volume off : container */
#MuteButton::after, #MuteButtonMobile::after{
  background-color: rgba(255, 255, 255, 0);
  opacity: 1;
  -webkit-transition: all 0.7s ease-in 1s;
  -moz-transition: all 0.7s ease-in 1s;
  transition: all 0.7s ease-out 1s;   
}

/* volume off : hover */
#MuteButton:hover, #MuteButtonMobile:hover{
  opacity: 0.8;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: opacity 0.3s ease-out 0s;}

/* volume off : button */
#MuteButton::after, #MuteButtonMobile::after{
  content: "";
  border: 0px solid black;
  background: url(https://www.pigment-creative.com/client/pigment2023/wp-content/uploads/2023/03/son-on.svg) center center;
  background-size: 100%;
  position: absolute;
  bottom:20px;
  width: 40px;
  height: 40px;
}

/* FIN AUDIO VIDEO*/
hr.hr-numero::after {
    width: 50px;
    border-top: 1px solid #e51a31;
}
.uk-slidenav-large {
    padding: 30px 12px;
}
.page-id-12 #projets .uk-slidenav {
	color:#e51a31;
    background-color: transparent;
}
/* Image galerie en gris */
.galerie-projets picture, .galerie-projets img,
.grid-projets img, .news-accueil img,
#pigment .uk-slider-items img{
	/*filter: grayscale(100%);
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);*/
	
	
	filter: grayscale(100%) brightness(110%) saturate(200%) contrast(110%);
-webkit-filter: grayscale(100%) brightness(110%) saturate(200%) contrast(110%);
-moz-filter: grayscale(100%) brightness(110%) saturate(200%) contrast(110%);
	
}

.galerie-projets picture:hover, .galerie-projets img:hover,
.grid-projets a:hover img, .news-accueil a:hover img,
#pigment .uk-slider-items img:hover{
	filter: grayscale(0%);
   -webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
}

/* Fiche Projet */
.fiche-projet{
  position:absolute;
  width:50%;
  bottom:0;
  left:0;
  /**top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);**/
  background-color: rgba(229, 26, 49, 0.7);
  color:#FFF;
}
.fiche-projet .uk-text-meta {font-size: 12px;}
.fiche-projet h1 {color:#FFF;}

.fiche-projet .uk-button{border-radius:0; font-size:10px; letter-spacing:2px;}
.fiche-projet .uk-button-secondary,
.fiche-projet .uk-pagination li a:hover{background-color: transparent; color: #fff; border-color: #fff!important;}
.fiche-projet .uk-button-secondary:hover { background-color: #fff; color: #e51a31; border-color: #fff;}
.fiche-projet .uk-pagination > * > * { font-size:12px!important; color: #fff;letter-spacing: 1.5px;}


.uk-divider-icon {
    position: relative;
    height: 30px;
    background-image: url("https://www.pigment-creative.com/client/pigment2023/wp-content/uploads/2023/01/etoile-red.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.bt-etoile a:before{
	display:block;
	float:left;
	content: url('https://www.pigment-creative.com/client/pigment2023/wp-content/uploads/2023/01/etoile-red.svg');
    margin-right: 15px;
	width: 20px;
}

div.numero-cinq,
li.lien-accueil,
div.lien-accueil,
.page-id-12 li.lien-interne,
.page-id-12 div.lien-interne{display:none;}
.page-id-12 div.numero-cinq,
.page-id-12 li.lien-accueil,
.page-id-12 div.lien-accueil{display:block;}

.uk-offcanvas-overlay::before {
  background: rgba(238,5,49,.7);
}
.uk-offcanvas-bar {
  background: #e51a31;
}
.uk-offcanvas-bar li a, .uk-offcanvas-bar a {color:#fff; font-size:24px; font-weight:normal;}
.uk-offcanvas-bar li a:hover, .uk-offcanvas-bar a:hover{color:#fabdc9;}
.uk-offcanvas-bar li.uk-active a{font-family: 'Playfair Display';
font-weight: 400; color:#fff; font-size:26px; font-style: italic;}
.uk-close {color: #fff;}
.uk-nav-default .uk-nav-sub li.uk-active>a {
    color: #fff!important;
	font-size:21px;	
	font-style: italic!important;
	font-family: 'Playfair Display'!important;
}
.uk-nav-default .uk-nav-sub a {
	font-size:16px!important;
	font-style: normal!important;
	font-family: 'Open Sans'!important;
}
.uk-nav-default .uk-nav-sub a:hover,
.uk-nav-default .uk-nav-sub li.uk-active>a:hover{
	color:#000;
}
.uk-offcanvas .uk-nav-sub li a{color:#fff;}
.single-post .uk-offcanvas-bar .lien-projets{
	font-style: italic!important;
	font-family: 'Playfair Display'!important;
}
.uk-section-primary:not(.uk-preserve-color),
.uk-section-primary:not(.uk-preserve-color) .uk-text-meta{color:#FFF;} /* text section primary en blanc pur */

/** Ninja Form **/
.nf-field-element input{padding:10px;}
.nf-form-fields-required{margin-bottom:20px;}

.field-wrap input[type=submit] {
  align-items: center;
  background-color: #fff;
  border: 2px solid #000;
  box-sizing: border-box;
  color: #000;
  cursor: pointer;
  display: inline-flex;
  fill: #000;
  font-size: 16px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  letter-spacing: -.8px;
  line-height: 24px;
  min-width: 140px;
  outline: 0;
  padding: 0 17px;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.field-wrap input[type=submit]:focus {
  color: #171e29;
}

.field-wrap input[type=submit]:hover {
  border-color: #E51A31;
  color: #E51A31;
  fill: #E51A31;
}

.field-wrap input[type=submit]:active {
  border-color: #E51A31;
  color: #E51A31;
  fill: #E51A31;
}
.uk-section-primary:not(.uk-preserve-color) .uk-slidenav {
    background-color: transparent;
}
.uk-button{border-radius: 0px;}
.uk-button-default{border-width:1px;}