/*
Theme Name: Environnement
Theme URI:https://wordpress.org/themes/llm
Author:LLM
Author URI:https://wordpress.org/
Description:Our 2015 default theme is clean, blog-focused, and designed for clarity. Llm Theme's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version:1.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain:llm

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
	
	/* Color */
	--global--color-primary: #a3c037; /* Vert*/
	/*--global--color-secondary: #d1c84d; /* Jaune */
	/* --global--color-tertiary: #C9556F; */
	--global--color-black: #212121;
	--global--color-white: #FFF;
	--global--color-whiteh: #ffded7;
}
*{
	font-family:Calibri!important;
}
h1,h2{
	font-weight:900;
}
.uk-background-primary{
	background-color:var(--global--color-primary);
}
.uk-background-secondary{
	background-color:var(--global--color-white);
}
.uk-dark h1,
.uk-dark h2,
.uk-dark h3,
.uk-dark {
    color: var(--global--color-primary);
}
.uk-dark blockquote.wp-block-quote{
    background-color: var(--global--color-primary);
    color: var(--global--color-white);
}

.uk-light h1,
.uk-light h2,
.uk-light h3,
.uk-light {
    color: var(--global--color-white);
}
.uk-light blockquote.wp-block-quote{
    background-color: var(--global--color-white);
    color: var(--global--color-primary);
}
.top-wrap::before, .overlay-wrap::before {
	position: absolute;
	top:0;
	right:0;
	left: 0;
	bottom: 0;
	content: '';
	z-index: 1;
	background-color: rgba(0,0,0,0.5);
}
.top-wrap-height {
	height: 80vh;
	min-height: 460px;
	transition: height 0.25s;
}


.uk-logo img {
	height: 100px;
}
.uk-sticky-fixed .uk-logo img {
	height: 50px;
}
.subtitle-text {
	font-size: 1.2em;
	opacity: 0.7;
	font-weight: 300;
}

.logos-grid img:hover {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter:  grayscale(0);
}

.wp-block-columns {
  display: flex;
}

.wp-block-column {
  flex: 1;
}
.wp-block-columns {
  margin: 20px 0;
}

/* Add horiztonal breathing room between individual columns. */
.wp-block-column {
  margin: 0 20px;
}

div#section2anchor {
    border-top: 1rem solid var(--global--color-black);
    border-bottom: 1rem solid var(--global--color-black);
}

div#section4anchor {
    border-top: 1rem solid #45a4d8;
    border-bottom: 1rem solid #45a4d8;
}

div#section3anchor {
    border-top: 1rem solid #113507;
    border-bottom: 1rem solid #113507;
}

span.bgcolor-color1 {
    background: #FF4040;
}
span.bgcolor-color2 {
    background: #417586;
}


#offcanvas-nav,
.uk-offcanvas-bar{
	background: rgb(17 22 21 / 91%);	
	padding:0px!important;
}
	
nav.main ul{
	list-style: none;
	margin:0;
	padding-left:0;
	font-size: 1.1rem;
}
nav.main ul li ul{
	display:none;
}
nav.main li,
.ombre-texte{
	text-shadow: 2px 2px 0px var(--global--color-black);
	padding: 0.2rem 1.2rem;
	text-align: center;
}


#indexenvironnement{
	background-color:#4b8d00;
}
#indexenvironnement h1{
	text-transform: uppercase;
    color: var(--global--color-white);
    text-shadow: 2px 2px 0px var(--global--color-black);
}
#indexenvironnement p {
  color: var(--global--color-white);
}

#indexenvironnement a.readmore {
  text-align: center;
  color: var(--global--color-white);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
  /*background-color: #008459;*/
  background-color: var(--global--color-black);
  padding:1rem 2.5rem 1rem 1.5rem;
  position: relative;
  border-radius: 2rem  0 0 2rem;
}


#indexenvironnement a.readmore::after {
  content: '\f101';
  position: absolute;
  right: -1.5rem;
  display: block;
  top: calc(50% - 1.7rem);
  background: var(--global--color-white);
  /*color: #008459;*/
  color: var(--global--color-black);
  line-height: 3.4rem;
  border-radius: 2rem;
  width: 3.4rem;
  font-weight:bold;
  font-size:1.5rem;
  font-family: "Font Awesome 6 Free";
}
#indexenvironnement a.readmore:hover {
  background-color: #8B9984;
  text-decoration:none;
}
#indexenvironnement a.readmore:hover::after {
  color: #8B9984;
}





.uk-container p{
	text-align:justify;
}
a.wp-block-button__link.wp-element-button {
    text-align: center;
    border: 1px solid;
    margin-top: 1rem;
}
.text-center {
    text-align: center;
}
.imageflyer{
	height:800px;
	width:auto;
}

.small-margin-bottom {
  margin-bottom: 1rem;
}
.uk-card-footer {
  bottom: 0px;
  position: absolute;
  border-top: none !important;
}
ul.ensavoirplus{
	list-style:none;
}
ul.ensavoirplus li a{
	color:var(--global--color-white);
}
ul.ensavoirplus li:before{
	content:'\f577';
	font-style: normal;
	font-family: 'FontAwesome';
	margin-right: 0.5rem;
	color:var(--global--color-white);
}

.titreprincipal{
	color: var(--global--color-black);
	font-size: 4rem;
	margin: 0;
	text-shadow: none;
}

.uk-height-xsmall{
	height:100px;
}
.datechrono{
  font-size: 1.6rem;
  color:var(--global--color-white);
  font-weight:bold;
}


ul.liens{
	list-style:none;
}
ul.liens li::before{
	content: '\f0a9';
	font-family: 'Font Awesome 6 Free';
	font-weight:bold;
	padding-right: 0.7rem;
	color:var(--global--color-white);
}
ul.liens li{
	font-size:1.5rem;
	text-shadow:0px 0px 3px var(--global--color-black), 0px 0px 3px var(--global--color-black);
	display:inline;
	margin-right: 1.5rem;
}
.uk-relative{
	position:relative;
}
.image-loup-right {
    height: 100%;
	top: 0;
	right:0%;
}



.uk-flex.uk-text-middle{
	align-items : center;
}
span.soustitre{
	text-transform:lowercase;
	font-size:2rem;
	font-family: monospace;
}
.div-alerte:last-child{
	margin-bottom:0px!important;
}
.div-alerte p{
	margin-top:0px;
}
.hidden{
	display:none;
}

.uk-margin-medium-top-first {
    margin-top: 8rem!important;
}
.uk-subnav-pill > * > :first-child {
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.04);
}
.top-container {
	z-index: 2;
}

.logos-grid img {
	display: block;
	width: 60px;
	margin: 0 auto;
	filter:  grayscale(100%);
	transition: filter 0.25s;
}

/* Add horiztonal breathing room between individual columns. */

.wp-block-columns .wp-block-column:first-child {
  margin-left: 0px;
}

span.bgcolor-color1 {
	font-size: 1.5rem;
}
span.bgcolor-color2 {
	font-size: 1.3rem;
}

#slogan{
	position:absolute;
	right:150px;
	top:20px;
}
#slogan h2{
	font-size:0.8em;
	color:var(--global--color-white);
}

nav.main li:hover {
    background: #a3c037;
}
nav.main li:hover a{
	text-decoration:none;
}


/* === Grid and base layout === */

:root {
  --highlight: #91cb3e;
  --body-pad-top: 70px;
  margin: 0;
  padding: 0;
}

svg.toc-marker path {
  stroke: var(--highlight);
  stroke-width: 3px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* === Body contents === */


h2 {
  /*padding-left: 10px;*/
  /*border-left: 4px solid var(--highlight);*/
  font-size: 3rem;
}

.toc:hover {
  opacity:1;
}
.toc {
  position: fixed;
  z-index: 9999;
  right: 1em;
  top: 2em;
  padding: 1em;
  width: auto;
  line-height: 2;
  opacity:0.2;
  
  ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  ul ul {
    padding-left: 2em;
  }
  
  li a {
    display: inline-block;
    color: var(--global--color-white);
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000);
	text-shadow: 1px 1px 2px black, 0 0 2px black, 0 0 2px black;
  }
  
  li.visible>a {
    color: var(--global--color-white);
	font-weight:bold;
    transform: translate( 5px );
  }
}

.toc-marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  
  path {
    transition: all 0.3s ease;
  }
}

.contents {
  padding: 1em;
  max-width: 800px;
  font-size: 1.2em;
  font-family: 'Frank Ruhl Libre', sans-serif;

  img {
    max-width: 100%;
  }
  
  .code-block {
		white-space: pre;
		overflow: auto;
		max-width: 100%;

		code {
      display: block;
			background-color: #f9f9f9;
			padding: 10px;
		}
	}

	.code-inline {
		background-color: #f9f9f9;
		padding: 4px;
	}
  
  h2,
  h3 {
    padding-top: 1em;
  }
}


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

  body {
    font-size: 14px;
  }
  
}
.small-h3{
	font-size: 1.1rem;
    line-height: 1rem;
    margin: 0.3rem 0rem;
}
body{
	counter-reset: h3numeroter;
}


.uk-padding-xlarge-top {
    padding-top: 9rem;
}



h1,h3,h2{
	text-transform: uppercase;
    color: #004C3F;

}

a.ensavoirplus {
  text-align: center;
  color: var(--global--color-white);
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
  /*background-color: #008459;*/
  background-color: #004D40;
  padding:1rem 2.5rem 1rem 1.5rem;
  position: relative;
  border-radius: 2rem  0 0 2rem;
}


a.ensavoirplus::after {
  content: '\f101';
  position: absolute;
  right: -1.5rem;
  display: block;
  top: calc(50% - 1.7rem);
  background: var(--global--color-white);
  /*color: #008459;*/
  color: #004D40;
  line-height: 3.4rem;
  border-radius: 2rem;
  width: 3.4rem;
  font-weight:bold;
  font-size:1.5rem;
  font-family: "Font Awesome 6 Free";
}
a.ensavoirplus:hover {
  background-color: #8B9984;
  text-decoration:none;
}
a.ensavoirplus:hover::after {
  color: #8B9984;
}

.divwraplieuxpopulation .lieuxpopulation{
	background-color:#004D40;
}
.divwraplieuxpopulation:nth-child(odd) .lieuxpopulation{
	background-color:var(--global--color-white)FFF;
}

.uk-background-quinary{
	background-color:var(--global--color-black);
}
.pucechrono {
	position:relative;
}
.pucechrono::before {
    content: "";
    display: block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: calc(50% - 1rem);
    left: -3.5rem;
    background: var(--global--color-black);
    border-radius: 3rem;
}
.uk-background-quaternary{
	background-color:#C55616;
    padding: 1rem 1rem!important;
}
.uk-background-tertiary{
	background-color:#8B9984;
}

#section2anchor h2,
.uk-background-quaternary h2,
.uk-background-tertiary h2{
	text-shadow:2px 2px 0px #074d40;
}

.uk-background-primary h2,
.uk-background-secondary h2
{
	text-shadow: 2px 2px 0px var(--global--color-black);
}
.uk-background-quaternary h3.numeroter::after {
	color:var(--global--color-white)FFF;
	z-index:30;
}
.uk-background-quaternary .titreh3num::before {
    content: ' ';
    position: absolute;
    top: -2rem;
    left: -6rem;
    background: var(--global--color-black);
    width: 9rem;
    height: 9rem;
    border-radius: 15rem;
    z-index: 10;
    transform: rotate3d(1.5, 1, 0.5, 50deg);
}
.uk-background-quaternary h3{
	background:var(--global--color-white);
	color:#F7931E;
	border-radius:1rem;
	z-index:20;
	width: calc(100% + 1rem);
	left: -1.5rem;
	text-transform:ucfirst;
	text-shadow: 1px 1px 0px #97AEB6;
}
span.suite {
    text-transform: lowercase;
    font-family: cursive;
}
h3.numeroter {
    padding: 0.5rem;
	margin-top: 0.5rem;
}
h3.numeroter::after {
	text-shadow:none;
	counter-increment: h3numeroter;
    content: "0" counter(h3numeroter) ". ";
    position: absolute;
	top: -1.5rem;
    left: -3rem;
    font-size: 2rem;
}

blockquote a {
  color: var(--global--color-white);
  text-decoration: underline;
}
blockquote.wp-block-quote {
    background: var(--global--color-black);
    padding: 1rem;
    position: relative;
    margin-top: 3rem;
	color: var(--global--color-white);
}
blockquote.wp-block-quote cite {
    position: absolute;
    top: -1.5rem;
    font-size: 1.5rem;
    background: #E6E6E6;
    color: var(--global--color-black);
    padding: 0.1rem 2rem 0.1rem 4rem;
    border-radius: 3rem;
    line-height: 3rem;
}
blockquote.wp-block-quote cite::before {
    content: '\f577';
	font-style:normal;
    font-family: 'FontAwesome';
    position: absolute;
    left: 0.4rem;
    background: var(--global--color-white);
    border-radius: 2rem;
    width: 2.6rem;
    height: 2.6rem;
    text-align: center;
    line-height: 2.6rem;
    margin-top: 0.2rem;
}


.data1,.data2,.data3 {
	padding: 0.5rem;
    position: absolute;
    width: 13rem;
    background: #7abab7;
    color: var(--global--color-black);
    display: block;
    font-size: 0.8rem;
}

.data1{
	top: 10%;
    left: 10%;
}
.data2{
    right: 0px;
    top: 240px;
}
.data3 {
	bottom: 45px;
    left: 40%;
}

.data3 span,.data1 span,.data2 span {
	font-size: 4rem;
    float: left;
    vertical-align: top;
    line-height: 3rem;
	padding-right: 4px;
}
.data2 span {
   padding-right: 0px;
	padding-bottom: 4px;
    width: 100%;
    text-align: center;
}

.statutprotection .wp-block-column {
	align-content: end;
}

.uk-container-padding {
    padding: 2rem 3rem 2rem 0!important;
}

.image-loup-right {
    width: 25rem;
    position: absolute;
}
.image-loup-right .uk-card {
    height: 80%;
    width: 100%;
    right: -65%;
}
.el-image-rounded{
	border-radius:1000px;
}
.uk-navbar-item.uk-padding-remove-horizontal.uk-light {
    z-index: 9999;
}

.uk-index-top{
    z-index: 9999;
}

.overlayvideo{
	/* background: #376dc0db; */
	/* background: #0a4e69e3; */
	/* background: #190a69e3; */
	/* background: #7d5050d6; */
	background: #a3c037db;
    height: 100%;
    width: 100%;
    position: absolute;
}
.pucechrono {
    z-index: 99999;
}