/* LAURENT */
.widget_polylang ul{
	margin:0;
}
li.lang-item {
  background-image: none;
  display: inline;
  list-style:none;
  font-family:Verdana, Geneva, sans-serif;
  font-size:11px;
  padding:0 4px;
}
li.lang-item a{
  color:#000;
  padding-bottom:3px;
}
li.lang-item a:hover{
  color:#8f0014;
  text-decoration:none;
}

.uk-navbar-nav > li.uk-active > a {
  background-color: rgba(0, 0, 0, 0);
  color: #8f0014;
}

.uk-block-secondary, body {
	background-color:#000;	
}
.uk-block-secondary + .tm-block-footer{
	border-top:1px solid #000;	
}

.uk-navbar-toggle{
	color:#000;
}
.uk-panel-title, .uk-h1{
	color:#000;	
}
.uk-button{
	min-height:30px;
	line-height:30px;
	padding:0 23px;
}
.uk-button:not(.uk-button-link):hover{
	background:#444;
}
.uk-button-link:hover,.uk-button-link:focus{
	padding:0 26px;
	text-decoration:none;
	outline:none;
}

.custom-adresse{
	background: #a79966;
    position: absolute;
    height: calc(100% - 20px);
    width: calc(100% + 20px);
    padding: 20px 0 0 20px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.uk-overlay-panel{
	padding:80px 40px 40px;
}
.custom-white{
	color:white;
	margin-top:-20px;
	font-size:smaller;
}
.custom-grey{
	color:rgba(255,255,255,0.5)!important;
	padding-left:10px;
}
.custom-grey:hover{
	color:rgba(255,255,255,1)!important;
	padding-left:13px;
}
.custom-center{
	text-align:center;
}
.uk-h3{
	font-size:20px;
}
.uk-h5{
	color:#555!important;
	font-size:small;
}
.uk-h6{
	color:#000!important;
	font-weight:bold;
	font-size:small;
}
.custom-h6{
	line-height:1.6em;
	font-size:xx-small;
	margin-bottom:8px!important;
}
.uk-panel-space, .uk-panel-box{
	padding:20px;
	background:rgba(0, 0, 0, 0.04);
}

.uk-panel-box-primary{
	background:#fff;
	color:#000;
}
.uk-text-large{
	font-size:30px;
	line-height:38px;
}
video{
	background:#000;
}
.custom-xsmall{
	font-size:xx-small;
	text-align:left;
	line-height:inherit;
}

.custom-color{
	color:#8f0014;	
}
.custom-padding-top-remove{
		padding-top:0;
}
@media (min-width: 1219px){
.custom-margin-left{
	margin-left:-15px;
}
.custom-margin-right{
	margin-right:-5px;
}
}

.uk-navbar-nav{
	margin-left:150px;
}

.uk-block-muted + .uk-block-muted{
	border:none;
}

blockquote{
	position: relative;
    color: #000;
	padding-left: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    font-size: 15px;
    line-height: 22px;
    font-style: italic;
    margin-left: 50px;
}
blockquote::before{
	color:#000;
}

[data-uk-cover] {  
    pointer-events: visible !important;  
}
.custom-grey-footer{
	color:rgba(255,255,255,0.7)!important;
	margin-top:-10px;
	font-size:smaller;
}
.custom-darkred-header{
	color:#8f0014!important;
	font-size:90%;
	font-size: 45%;
    margin-top: 22px;
}
.custom-darkred-header-small{
	color:#8f0014!important;
	font-size:x-small;
	display:inline-block;
}

.custom-darkgrey-footer{
	color:rgba(255,255,255,0.4)!important;
}

.uk-modal-dialog-lightbox, .uk-modal-dialog-lightbox iframe {
	height: 630px !important;
	width: 1120px !important;
	top: calc(100vh / 2 - 315px)!important;
	background:transparent;
}
.uk-panel-body{
	padding:40px;
}

.uk-panel-box-primary > a:not([class]), .uk-panel-box-primary > :not([class*='uk-nav']) a:not([class]) {
    color: #8f0014;
}
.uk-panel-box-primary > a:not([class]):hover, .uk-panel-box-primary > :not([class*='uk-nav']) a:not([class]):hover {
    color: #290006;
	text-decoration:none;
}

a.custom-credits{
	color:rgba(255,255,255,0.4);
}
a.custom-credits:hover{
	color:rgba(255,255,255,0.9);
	text-decoration:none;
}

.custom-em{
	color:#555;
	font-size:smaller;
	display:block;
	margin:-10px 0 10px 0;
	font-style:italic;
	line-height:14px;
}
.custom-strong{
	color: #000;
    font-weight: bold;
    font-size: x-small;
    font-style: italic;
    display: block;
    text-align: right;
    margin-bottom: 5px;
	margin-top:-5px;
}

.current-lang a{
	color:#8f0014!important;
	border-bottom:1px solid #8f0014;
}

.custom-margin-top{
	margin-top:-220px;
}

@media (max-width: 1220px){
	.custom-margin-top{
		margin-top:-340px;
	}
}

@media (max-width: 960px){
	.custom-margin-top{
		margin-top:-950px;
	}
}

@media (max-width: 767px){
	.custom-margin-top{
		margin-top:initial;
	}
}

@media (max-width: 767px){
.tm-navbar-right .uk-hidden-small {
    display: initial !important;
}
.custom-adresse{
	position:static;
	height:auto;
	width:auto;
	padding:20px;
}
}
@media (max-width: 420px){
	.custom-darkred-header-small{
		display:none;
	}
}

/* ==========================================================================
   RETOURS V1 - LOT 1
   ========================================================================== */

/* Slideshow : l'image sortante repassait fugitivement au-dessus de la
   nouvelle a la fin du swipe (flash "subliminal"). */
.uk-slideshow-swipe-forward-in,
.uk-slideshow-swipe-forward-out,
.uk-slideshow-swipe-backward-in,
.uk-slideshow-swipe-backward-out {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

/* L'italique n'est plus grise (theme.css : em{color:#c6ccd2}) */
em {
	color: inherit;
}

/* Notre metier : pictogrammes ressertes sur leur mot */
#wk-grid0fd .uk-panel-teaser {
	margin-bottom: 8px;
}

/* Espace entre "Notre metier" et la section Caroline et Laurent
   (reduit en V3 : 80px etait devenu trop grand) */
.tm-slideshow-panel-avanti {
	margin-top: 40px;
}

/* Caroline et Laurent : ecarter la photo du texte */
@media (min-width: 768px) {
	.tm-slideshow-panel-avanti .uk-panel-body {
		padding-right: 70px;
	}
}

/* Nos productions : rapprocher l'intro du mur, justifier le texte */
.tm-block-top-c .widget_text .uk-margin-large-bottom {
	margin-bottom: 0 !important;
}
.tm-block-top-c .widget_text p {
	text-align: justify;
}

/* Tuiles "En developpement" / "En ecriture" du mur productions (maquette) */
.evs-flat-tile {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 500 / 333;
	margin: 0;
	overflow: hidden;
}
/* !important : le theme d'origine colore les tuiles du mur via
   .tm-gallery-avanti .uk-overlay et des variantes nth-child plus specifiques */
.evs-flat-tile--dev,
.evs-flat-tile--writing {
	background-color: #4d4d4d !important;
}
.evs-flat-tile-inner {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 20px;
}
.evs-flat-tile-icon {
	width: 62px;
	height: auto;
	margin-bottom: 14px;
	filter: brightness(0) invert(1);
	opacity: 0.95;
}
.evs-flat-tile .uk-panel-title {
	color: #fff;
	margin-bottom: 0;
}
.evs-flat-tile:hover {
	filter: brightness(0.92);
}

/* Fond gris tres leger sur les pages interieures (a la place du blanc) */
.tm-block-main {
	background-color: #f7f7f7;
}

/* Grille des productions (pages non FR) : titre original francais colle
   sous le titre anglais. Selecteurs longs obligatoires : le theme cible
   ".uk-panel-title + *" avec une specificite superieure (Montserrat 11px
   uppercase, margin-top 10px) qui ecrasait la version courte. */
.production-tile-subtitle,
.tm-gallery-avanti .uk-overlay-panel .uk-panel-title + .production-tile-subtitle {
	margin-top: -10px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, 0.9);
	font-family: Montserrat, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/* Le "Learn more" qui suit le sous-titre : style habituel + un peu d'air */
.tm-gallery-avanti .uk-overlay-panel .production-tile-subtitle + * {
	margin-top: 14px;
	font-size: 11px;
	line-height: 13px;
	font-family: Montserrat, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/* ==========================================================================
   RETOURS V2
   ========================================================================== */

/* app.css (Bootstrap, charge hors accueil) ecrase la police du site avec
   Helvetica : on retablit partout la typo de l'accueil. */
body {
	font-family: 'Noto Serif', serif;
	font-size: 15px;
	line-height: 22px;
}

/* Notre metier : rapprocher le titre des pictogrammes. Le theme pousse la
   grille avec un margin-top de 40px, d'ou le !important. Les pictos PNG
   contiennent ~13px de vide interne : 5px + 13px = ~18px visuels. */
.tm-block-top-b .uk-h5 {
	margin-bottom: 0;
}

.tm-block-top-b #wk-grid0fd {
	margin-top: 12px !important; /* V3 : un peu plus d'air sous le titre */
}

/* Tuiles En developpement / En ecriture : meme typo que les tuiles productions */
.evs-flat-tile .uk-panel-title {
	margin: 0 0 10px;
	color: #fff;
	font-size: 24px;
	line-height: 28px;
	font-weight: 100;
}

.evs-flat-tile .custom-white {
	font-family: Montserrat, Arial, sans-serif;
	font-size: 11px;
	line-height: 13px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 0;
}

/* Footer : ligne de menu legal (Mentions legales, Confidentialite, CGU, Cookies) */
.evs-footer-legal {
	margin-top: 18px;
}

.evs-footer-legal a {
	display: inline-block;
	margin: 0 10px;
	color: rgba(255, 255, 255, 0.45);
	font-family: Montserrat, Arial, sans-serif;
	font-size: 10px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
}

.evs-footer-legal a:hover,
.evs-footer-legal a:focus {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
}

/* Pages simples (mentions legales, confidentialite, CGU, cookies...) */
.evs-simple-page {
	background: #f7f7f7;
	padding: 40px 0 90px;
}

.evs-simple-page .dc-generic-page {
	max-width: 900px;
}

.evs-simple-page h1.uk-h1 {
	margin-bottom: 30px;
	color: #000;
}

.evs-simple-page .dc-generic-page__content {
	color: #242424;
	font-size: 15px;
	line-height: 1.75;
	text-align: justify;
}

.evs-simple-page .dc-generic-page__content h2,
.evs-simple-page .dc-generic-page__content h3 {
	color: #000;
	margin: 34px 0 12px;
}

/* Tagline anglaise sur deux lignes (header et footer). Largeur ferme :
   le header est en flex et retrecirait un max-width. */
html[lang^="en"] .custom-darkred-header,
html[lang^="en"] .custom-darkred-header-small {
	width: 150px;
	flex: 0 0 auto;
	line-height: 1.5;
	white-space: normal;
}

html[lang^="en"] .custom-grey-footer {
	display: block;
	width: 170px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.6;
}

/* ==========================================================================
   RETOURS V4 (recette de mise en ligne)
   ========================================================================== */

/* Le theme d'origine neutralisait tous les gras du site avec
   "strong, dt, th { font-weight: normal }" (theme.css). On retablit. */
strong,
b {
	font-weight: 700;
}