@font-face {
    font-family : lato;
    src: url(Lato-Regular.ttf);
}

:root {
	--color: #eb5c2e;																	/* var(--color) */
	--color2: #F2A68D;																	/* var(--color2) */
	--color-7-lightness: #ee7751;														/* var(--color-7-lightness)  */
	--color-15-lightness-hover: #f29274;												/* var(--color-15-lightness-hover) */
	--color-20-lightness: #fbdd8a;														/* var(--color-20-lightness) */
	--color-30-lightness: #E8E8E8;														/* var(--color-30-lightness) */
	--color-37-lightness:#f2f2f2;														/* var(--color-37-lightness) */
	--color-40-lightness: #ffffff;														/* var(--color-40-lightness) */
	--color-hamburger:#fff;																/* var(--color-hamburger) */
	--color-text:#444;																	/* var(--color-text) */
	--color-liens:var(--color-7-lightness);												/* var(--color-liens) */
	--color-liens-hover:#eb5c2e;														/* var(--color-liens-hover) */
	--color-liens-active:var(--color-7-lightness);										/* var(--color-liens-active) */
	--font:lato;																		/* var(--font) */
}

/* Base */

html {
color: var(--color-text);
font-family:var(--font);
}
a {
color : var(--color-liens);
}
a:hover {
color : var(--color-liens-hover);	
}
a:active {
color : var(--color-liens-active);	
}
td, th {
padding-left: 10px!important;
padding-right : 10px!important;
}

.content > p:first-of-type, .template2cols:first-of-type > p:first-of-type {
font-weight: bold!important;
}

.header {
	background: var(--color-20-lightness);
}

.content-header .main-content-header-bg
{
    font-weight: 700;
    position: absolute;
    top: 0;
    overflow: hidden;
    max-width: 100vw;
    height: 300px;
    background-image: linear-gradient(var(--color-30-lightness), var(--color-40-lightness));
}
.content-header .main-content-header-bg .main-content-header-bg-text {
    color: var(--color-40-lightness);
}


/* Pour afficher les subpages avec leurs première image média avec subpages */
.lignes{
	text-align: center;	
}

.boite{
    display:inline-block;
	    margin-left: 10px;
		margin-right: 10px;
		margin-bottom : 15px;
}

.saisie {
    position: relative;
    width: 360px;
    height: 250px;
    line-height: 25px;
}

.liensubpages {
	color:var(--color-text);
    width: 100%;
    height: 100%; 
    padding:3px;
	margin-right:3px;
    display: block;
	border: simple 5px transparent;
	border-radius: 30px;
	background-image: linear-gradient(var(--color-37-lightness), var(--color-40-lightness)), linear-gradient(0deg, var(--color2), var(--color-15-lightness-hover));
	background-origin: border-box;
	background-clip: content-box, border-box;
	box-shadow: 7px 8px 5px 1px var(--color-30-lightness);

}

.affichage_rond {
	background-size: 100% 100%;
    border-radius:5px;
	width:100px!important;
	height:100px!important;
	margin-left:7px;
}

.tableau_aff {
	width:100%;
	height:100%;
}

.tableau_aff_entete {
	text-decoration: var(--color-30-lightness) underline!important;
	text-decoration-skip-ink: none;
	text-underline-offset: 0.1em;
	line-height: 1.1;
	height:80px;
	padding-left:5px;
	padding-right:5px;
}

.tableau_aff_text {
	padding-left:3px;
	padding-right:3px;
}


/* Pour afficher les cartes ou autre insert (image, météo, etc) a coté du textes dans la description d'un lieu */

.boxof2cols {
	width:100%;
	padding:0 0 0 0 !important;
	margin:0 0 0 0 !important;
}

.template2cols {
	height:100%;
	width: 100% !important;
	max-width:595px!important;
	min-height:200px!important;
    display:inline-block!important;
	padding:0 0 0 0!important;
	vertical-align:middle;
}


/* Carte OSM */

.map {
	width:598px !important;
	height:500px !important;
}

@media only screen and (max-width: 700px)
{
	.map {
		width:380px !important;
		height:500px !important;
	}
}

.leaflet-control-attribution.leaflet-control a {
	font-size:10px !important;
}

.leaflet-popup {
max-width:120px!important;
justify-content: center!important;
text-align: center!important;
}

.leaflet-popup-content-wrapper {
margin-left:10px!important;	
margin-right:10px!important;
}

.leaflet-popup-content {
margin: 0 0 0 0!important;
padding: 5px 5px 5px 5px!important;	
}

.leaflet-popup-close-button {
padding-right:7px!important;	
}

/* Google maps logo */

.googlemapslogo {
	position: relative;
	height:30px;
	bottom:-5px;
}

/* Image wrap */

.imagewrapleft {
	float: left;
	margin: 10px 10px 10px 10px;
}

.imagewrapright {
	float: right;
	margin: 10px 10px 10px 10px;
}

/* Language selector */

.language-selector {
		height:100%;
		width:100%;
		margin:0 !important;
		padding:0 !important;
		float: right;
		position: static;
		top: 0;
		left:0;
		right:0;
		bottom:0;
		vertical-align: baseline;
		display: flex !important;
		align-items: center;
		justify-content: center;
}

.language-selector .dropdown-menu {
	  top: 70% !important;
	  left: 20% !important;
}

@media only screen and (max-width: 1170px)
{
	.language-selector .dropdown-menu {
	  top: 70% !important;
	  left: -10% !important;
	}
}

.language-selector .btn {
	  float: left;
	  position: relative;
	  display: inline-block;
	  margin-bottom: 0;
	  font-weight: 400;
	  text-align: center;
	  white-space: nowrap;
	  vertical-align: middle;
	  touch-action: manipulation;
	  cursor: pointer;
	  user-select: none;
	  background-image: none;
	  border: 0px solid transparent !important;
	  /* size */
	  padding: 0px 0px!important;
	  font-size: 3rem;
	  line-height: 1.5;
	  border-radius: 3px;
	  /* Aspect */
	  color: #333;
	  background-color: var(--color-20-lightness) !important;
}

.language-selector .btn > img {
	width:48px;
	height:32px;
}

.language-selector .dropdown-menu img {
		width: 48px !important;
		height: 32px !important;
		max-width: inherit;
}

.fa.fa-caret-down {
display:none;
}


/* couleur du paneau menu latéral */

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after,
.hamburger.is-active .hamburger-inner,
 .hamburger.is-active .hamburger-inner::before,
 .hamburger.is-active .hamburger-inner::after
{
	background-color: var(--color-hamburger);
}

.slideout-panel,
.slideout-menu
{
	background-color: var(--color-40-lightness);
}

.sidebar-nav .metismenu ul > li
{
	border-left-color: var(--color-20-lightness);
}
.sidebar-nav .metismenu a:hover,
.sidebar-nav .metismenu a[aria-expanded=true]
 {
	border-left-color:var(--color);
}


/* supprimer la page root du menu */

.metismenu > li > a
{
    display:none !important;
}


/* Couleur du bandeau de navigation */

.inverse-logo {
    color: var(--color);
}
.primary-nav-ul .navbar-button-li
{
	background: var(--color-20-lightness);
}

.breadcrumb-ul-dt li a,
.breadcrumb-ul-mob li a
{
	background: var(--color);
}

.breadcrumb-ul-dt li:nth-child(2) a,
.breadcrumb-ul-mob li:nth-child(2) a
{
    display:none !important;
}

.breadcrumb-ul-dt li:nth-child(even) a,
.breadcrumb-ul-mob li:nth-child(even) a
{
    background-color: var(--color-7-lightness);
}
.breadcrumb-ul-dt li:nth-child(even) a:before,
.breadcrumb-ul-mob li:nth-child(even) a:before
{
    border-color: var(--color-7-lightness);
    border-left-color: transparent;
}
.breadcrumb-ul-dt li:nth-child(even) a:after,
.breadcrumb-ul-mob li:nth-child(even) a:after
{
    border-left-color: var(--color-7-lightness);
}

.breadcrumb-ul-dt li a:before,
.breadcrumb-ul-mob li a:before
{
	border-color: var(--color);
    border-left-color: transparent;
}

.breadcrumb-ul-dt li a:after,
.breadcrumb-ul-mob li a:after {
		border-color: transparent;
   border-left-color: var(--color);
}


/* sans passage de souris */
/*couleur de la pointe de la flèche */
.breadcrumb-ul-dt li a:hover:before,
.breadcrumb-ul-mob li a:hover:before {
	border-color: var(--color-15-lightness-hover);
	border-left-color: transparent;
}
.breadcrumb-ul-dt li a:hover:after,
.breadcrumb-ul-mob li a:hover:after {
	border-left-color:var(--color-15-lightness-hover);
}

/* au passage de la souris */
.breadcrumb-ul-dt li a:hover,
.breadcrumb-ul-mob li a:hover {
		background: var(--color-15-lightness-hover);
}

/* au click */
.breadcrumb-ul-dt li a:active,
.breadcrumb-ul-mob li a:active {
		background: var(--color-37-lightness);
}
.breadcrumb-ul-dt li a:active:before,
.breadcrumb-ul-mob li a:active:before {
	border-color: var(--color-37-lightness);
	border-left-color: transparent;
}
.breadcrumb-ul-dt li a:active:after,
.breadcrumb-ul-mob li a:active:after {
	border-left-color:var(--color-37-lightness);
}

.breadcrumb-ul-mob li {
	float:left;
}
.breadcrumb-ul-mob li a:before,
.breadcrumb-ul-mob li a:after
{
    border-bottom-width: 33px;
}

.footer-content-container
{
	background-color: var(--color-30-lightness);
}


/* couleur de la bare de défilement */

::-webkit-scrollbar-thumb:hover {
		background: var(--color-15-lightness-hover);
}
::-webkit-scrollbar-thumb {
			background: var(--color-15-lightness-hover);
}
::-webkit-scrollbar {
    width: 5px;
}


/* ne pas cacher le path pour les petit écrans */

@media only screen and (max-width: 700px)
{
    .mobile-noshow
    {
        display: block !important;
    }
}