/*
Theme Name: Tclv
Author: HF
Version: 1.1
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {font-family: 'Outfit', sans-serif;font-weight:400;line-height: 1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body {margin: 0;}
article,
aside,
footer,
header,
nav,
section {
display: block;
}

/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
body,button,input,select,textarea {color:#333;font-family: 'Outfit', sans-serif;font-size:0.9375rem;font-weight:400;line-height: 1.66;}
h1,h2,h3,h4,h5,h6 {clear: both;line-height: 1.4;margin: 0 0 0.75em;padding: 1.2em 0 0;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child {padding-top: 0;}
h1 {font-size: 24px;font-size: 1.5rem;font-weight: 300;color:#eac463;}
h2,.home.blog .entry-title {color: #666;font-size: 20px;font-size: 1.25rem;font-weight: 300;}
h3 {color: #333;font-size: 18px;font-size: 1.125rem;font-weight: 300;}
h4 {color: #388b79;font-size: 16px;font-size: 1rem;font-weight: 800;}
h5 {color: #767676;font-size: 13px;font-size: 0.8125rem;font-weight: 800;letter-spacing: 0.15em;text-transform: uppercase;}
h6 {color: #333;font-size: 15px;font-size: 0.9375rem;font-weight: 800;}
p {margin: 0 0 1.5em;padding: 0;}
dfn,cite,em,i {font-style: italic;}
blockquote {color: #666;font-size: 18px;font-size: 1.125rem;font-style: italic;line-height: 1.7;margin: 0;overflow: hidden;padding: 0;}
blockquote cite {display: block;font-style: normal;font-weight: 600;margin-top: 0.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee;font-family: "Courier 10 Pitch", Courier, monospace;font-size: 15px;font-size: 0.9375rem;line-height: 1.6;
margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}
code,kbd,tt,var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;font-size: 0.9375rem;}
abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}
mark,ins {background: #eee;text-decoration: none;}
big {font-size: 125%;}
blockquote {quotes: "" "";}
q {quotes: "“" "”" "‘" "’";}
blockquote:before,blockquote:after {content: "";}
:focus {outline: none;}
hr {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1em;}
a {background-color: transparent;-webkit-text-decoration-skip: objects;}
a:active,a:hover {outline-width: 0;}
a {color:#0363a0;text-decoration: none;}
a:focus {outline: thin dotted;}
a:hover,a:active {color: #000;outline: 0;}
abbr[title] {border-bottom: 1px #767676 dotted;text-decoration: none;}
b,strong {font-weight: inherit;}
b,strong {font-weight: 700;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
audio,video {display: inline-block;}
audio:not([controls]) {display: none;height: 0;}
svg:not(:root) {overflow: hidden;}
ul,ol {margin: 0 0 1.5em;padding: 0;}
ul {list-style: disc;}
ol {list-style: decimal;}
li > ul,li > ol {margin-bottom: 0;margin-left: 1.5em;}
dt {font-weight: 700;}
dd {margin: 0 1.5em 1.5em;}
/*--------------------------------------------------------------
Image
--------------------------------------------------------------*/
img {border-style: none;}
.wp-block-image .alignleft{float:left;margin:0px;padding:0px;}
.wp-block-image .alignright{float:right;margin:0px;padding:0px;}
.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}
/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/
html {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {background: #fff;}
body .blog {width;100%;}
#page {position: relative;word-wrap: break-word;}

.wrap {margin-left: auto;margin-right: auto;max-width: 1200px;padding-left: 3em;padding-right: 3em;}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.wrap {margin-left: auto;margin-right: auto;max-width: 1200px;padding-left:15px;padding-right: 15px;}
}




.wrap:after {clear: both;content: "";display: block;}
 figcaption,figure,main {display: block;}
.wp-element-caption {text-align:center;font-size:0.8em;color:#666666;font-style: italic;}
.site-content-contain {background-color: #fff;position: relative;}
.site-content {padding: 2.5em 0 0;}
.page:not(.home) #content {padding-bottom: 1.5em;}
/* 404 page */
.error404 .page-content {padding-bottom: 4em;}
.error404 .page-content .search-form,
.search .page-content .search-form {margin-bottom: 3em;}
.langage {position: fixed;top: 20px;right: 30px;width:70px; text-align:center;background-color:#e2e5ea;;padding:5px;border-radius:5px; }
.langage a {color:#183250;font-weight:bold;}
.langage a:hover {color:#ff6600;font-weight:bold;}

/*-------------------------------------------------------------
BOOTSRAP COLONNE
------------------------------------------------------------*/

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container2 {margin-right: auto;margin-left: auto;}
@media (min-width: 576px) {.container {width: 540px;}}
@media (min-width: 768px) {.container {width: 720px;}}
@media (min-width: 992px) {.container {width: 970px;}}
@media (min-width: 1200px) {.container {width: 1140px;}}
@media (min-width: 1400px) {.container,.container2  {width: 1200px;}}


.row-full {
  margin-right: 0px;
  margin-left: 0px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row2 {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12
{float: left;}

.col-xs-12 {width: 100%;}
.col-xs-11{width: 91.66666667%;}
.col-xs-10{width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8{width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3{width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1{width: 8.33333333%;}



@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {float: left;}
  .col-lg-12 {width: 100%;}
  .col-lg-11 {width: 91.66666667%;}
  .col-lg-10 {width: 83.33333333%;}
  .col-lg-9 {width: 75%;}
  .col-lg-8 {width: 66.66666667%;}
  .col-lg-7 {width: 58.33333333%;}
  .col-lg-6 {width: 50%;}
  .col-lg-5 {width: 41.66666667%;}
  .col-lg-4 {width: 33.33333333%;}
  .col-lg-3 {width: 25%;}
  .col-lg-2 {width: 16.66666667%;}
  .col-lg-1 {width: 8.33333333%;}
  .col-lg-0 {width: 0%;}
}

@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left;}
  .col-md-12 {width: 100%;}
  .col-md-11 {width: 91.66666667%;}
  .col-md-10 {width: 83.33333333%;}
  .col-md-9 {width: 75%;}
  .col-md-8 {width: 66.66666667%;}
  .col-md-7 {width: 58.33333333%;}
  .col-md-6 {width: 50%;}
  .col-md-5 {width: 41.66666667%;}
  .col-md-4 {width: 33.33333333%;}
  .col-md-3 {width: 25%;}
  .col-md-2 {width: 16.66666667%;}
  .col-md-1 {width: 8.33333333%;}
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
  .col-sm-12 {width: 100%;}
  .col-sm-11 {width: 91.66666667%;}
  .col-sm-10 {width: 83.33333333%;}
  .col-sm-9 {width: 75%;}
  .col-sm-8 {width: 66.66666667%;}
  .col-sm-7 {width: 58.33333333%;}
  .col-sm-6 {width: 50%;}
  .col-sm-5 {width: 41.66666667%;}
  .col-sm-4 {width: 33.33333333%;}
  .col-sm-3 {width: 25%;}
  .col-sm-2 {width: 16.66666667%;}
  .col-sm-1 {width: 8.33333333%;}
}

/*--------------------------------------------------------------
HEADER PAGE
--------------------------------------------------------------*/
.menu-haut {position:fixed;width:100%;margin:0px;padding:0px;z-index:20;background-color:#ffffff}
img.logo-top {width:75px;}
img.logo-modal {width:100px;}

@media only screen and (min-width: 320px) and (max-width: 767px) {
img.logo-top {width:75px;}
img.logo-modal {width:100px;}
}
/* Menu Button */
.menu-button {
    z-index:40;
	display: flex; /* Display flex to center the menu icon in the button */
	justify-content: center; /* Align horizontally */
	align-items: center; /* Align vertically */
	margin-right:50px;
	width: 3rem; /* Button width */
	height: 3rem; /* Button height */
	border-radius: 50%; /* Make the button a circle */
	background-color: rgba(246,237,220,0.6); /* Make the background white and semi-transparent */
	cursor: pointer;
	transition: background-color 500ms ease-in-out; /* Add transition for the background-color */
}

.menu-button:hover,
.menu-button:focus,
.menu-button:active {
    background-color: rgba(190,190,190,0.8); /* On hover, transition the background-color and transparency */
}

.menu-icon {
	position: relative; /* Give the menu-icon position relative so we can absolutely position children */
    width: 2rem; /* Icon width */
	height: 1.5rem; /* Icon height */
}

.menu-icon span {
    position: absolute; /* Absolutely position all children of the menu-icon */
    height: 0.125rem; /* Height of each line in our menu button */
    width: 100%; /* With of each line */
    background-color: #294260; /* Background colour of each line */
    transition: background-color 500ms ease-in-out; /* Transition added for the background colour */
}

.menu-icon span:nth-child(1) {
    top: 0.0625rem; /* Position the first line roughly 1px from the top */
}

.menu-icon span:nth-child(2) {
    top: 0.625rem; /* Position the second line roughly 10px from the top, one on top of the other */
}

.menu-icon span:nth-child(3) {
    top: 1.25rem; /* Position the fourth line roughly 20px from the top */
}

.menu-button:hover span,
.menu-button:focus span,
.menu-button:active span {
    background: white; /* On hover, make the background-color of the menu icon white */
}

.menu-icon.is-active span:nth-child(1) {
    opacity: 0; /* Hide the first line */
}

.menu-icon.is-active span:nth-child(2) {
    transform: rotate(45deg); /* Rotate the second line 45 degrees */
}

.menu-icon.is-active span:nth-child(3) {
	top: 0.625rem; /* Position the third line over the second line */
    transform: rotate(-45deg); /* Rotate the third line -45 degrees */
}

/* Social icons based on: codepen.io/matchboxhero/pen/onzkC */

[class^="icon--"] {
    font-family: 'FontAwesome'; /* Apply icon font */
    font-style: normal; /* Removes the default italics */
}

[class^="social-button"] {
   	display: inline-flex; /* Display elements inline but turn them into a flex-container */
	align-items: center; /* Centrally align the children vertically */
	justify-content: center; /* Centrally align the children horizontally */

   	height: 3rem; /* Create square */
    width: 3rem; /* Create square */

   	font-size: 1.4rem; /* Increase the default font size */
    color: white; /* Make icon white */
    border-radius: 50%; /* Create circle */

    text-decoration: none; /* Remove default underline */

    transition: background-color 150ms ease-in-out; /* Transition background colour on hover */

    margin-right: 0.1rem;
}

.social-button:hover {background-color: #fff;}

.fullscreen-menu-container {
	position: fixed; /* Fix the menu to the viewport */
	top: 12.5rem; /* Add the top value to allow the element to animate up over */
	left: 0; /* Position to the left of the viewport */
	z-index: 100; /* Add z-index to make sure the element is always above everything else */
	width: 100vw; /* Cover the whole width of the viewport */
	height: 100vh; /* Cover the whole height of the viewport */
	overflow: scroll; /* Allow scrolling when the content is larger than the viewport */
	background-color: rgba(255,255,255,0.95); /* Semi-transparent white background for the menu-overlay */
	opacity: 0; /* Apply 0 transparency to hide the overlay on load */
	pointer-events: none; /* Stop the elements in the menu-container from being clicked */
	transition: top 500ms ease-in, opacity 300ms ease-in; /* Transition the top and opacity */
}

.fullscreen-menu-container.is-open {
	opacity: 1; /* Transition opacity from 0 to 1 */
	top: 0; /* Transition to the top of the viewport */
	pointer-events: auto; /* Re-add pointer events to elements can be clicked again */
}

.fullscreen-menu-container .menu-button {
	position: absolute; /* Position the button absolutely to the image-cotainer */
	top: 1.5rem; /* Position button from the top */
	right: 1.5rem; /* Position button from the left */
}

.fullscreen-menu {
	text-align: center; /* Apply text-align center to all children */
	max-width: 62rem; /* Maximum width of the content */
	padding: 6rem 2rem 4rem; /* Add padding to the content, large at the top to allow for the close button */
	width: 100%; /* Where it can, stretch to the max-width otherwise, the full viewport */
}


	.fullscreen-menu__title {
	    padding-top:40px;
		max-width: 30rem; /* Apply a different max-width to the title to achieve a more optimal reading lenght */
		margin: 0 auto; /* Position in the horizontal center and remove top and bottom margins */
	}

	.fullscreen-menu__nav {
		margin: 15px 0; /* Apply top and bottom margin of the navigation */
	}

	.fullscreen-menu__nav ul {
		list-style: none; /* Remove the dots from list items */
		margin: 0; /* Remove defualt margin */
		padding: 0; /* Remove default padding */
	}

	.fullscreen-menu__nav a {
		display: block; /* Span the whole width */
		font-family: 'Playfair Display';font-weight:400;
		font-size: 2.5em; /* Increase the default font size */
		padding: 5px; /* Add padding to the button to increase the click/tap area */
		color: #294260; /* Apply light grey colour */
		text-decoration: none; /* Remove default underline */
		transition: color 300ms ease-in; /* Add transition for the colour on hover */
	}


@media only screen and (min-width: 320px) and (max-width: 767px) {
	.fullscreen-menu__nav a {
		display: block; /* Span the whole width */
		font-family: 'Playfair Display';font-weight:400;
		font-size: 1.5em; /* Increase the default font size */
		padding: 5px; /* Add padding to the button to increase the click/tap area */
		color: #294260; /* Apply light grey colour */
		text-decoration: none; /* Remove default underline */
		transition: color 300ms ease-in; /* Add transition for the colour on hover */
	}
}

	.fullscreen-menu__nav a:hover,
	.fullscreen-menu__nav a:focus,
	.fullscreen-menu__nav a:active {
		color: #eac463; /* Darken the text colour on hover */
	}

.fullscreen-menu [class^="social-button"] {
	margin: 0 0.5rem; /* Add a larger margin between the social buttons in the menu overlay */
	height: 3.75rem; /* Increase the size of the social buttons */
    width: 3.75rem; /* Increase the size of the social buttons */
    font-size: 1.5rem; /* Increase the size of the social icon inside the button */
}

@media only screen and (min-width: 46rem) { /* When the viewport is large enough */

	.fullscreen-menu-container {
		display: flex; /* Add display flex to the container */
		justify-content: center; /* Align menu contents to the center horizontally */
		align-items: center; /* Align menu contents to the center vertically */
	}

	.fullscreen-menu {
		padding: 0;
	}
}

/* menu principal */
div.menu-menu {margin-top:30px;}
ul.menu-principal {display:inline;list-style:none;padding-top:20px;}
ul.menu-principal li{display:inline;padding-left:10px; padding-right:10px}
ul.menu-principal li a{color:#000;font-size:1.1em}
ul.menu-principal li a:hover{color:#eac463;}

@media only screen and (max-width:1200px) {
div.menu-menu {display:none;}
}

/* menu reservation*/
div.menu-reservation {margin-top:30px;text-align:center;}
ul.menu-reservation {display:inline;list-style:none;padding-top:20px;}
ul.menu-reservation li{display:inline;padding:0px;}
ul.menu-reservation li a{color:#fff;background-color:#c24026;padding:10px;border-radius:8px;white-space: nowrap;}
ul.menu-reservation li a:hover{box-shadow: 8px 8px 6px #aaa;background-color:#eac463}
@media only screen and (max-width:776px) {
div.menu-reservation {margin-top:20px;}
ul.menu-reservation li a{color:#fff;background-color:#c24026;padding:8px;border-radius:8px;white-space: nowrap;}
}

/* menu bouton*/
div.menu-bouton {margin-top:10px;}
@media only screen and (min-width: 1200px) {
div.menu-bouton {display:none;}
}

/* menu telephone*/
div.menu-telephone {margin-top:30px;}
ul.menu-telephone {display:inline;list-style:none;padding-top:20px;}
ul.menu-telephone li{display:inline;padding:0px;border:2px solid #eac463;border-radius: 8px;white-space: nowrap;}
ul.menu-telephone li {padding:8px 10px 8px 50px;background-image:url('https://www.tennis-lavarenne.fr/wp-content/themes/tclv/assets/images/ic-raquette.png');}
ul.menu-telephone li {background-repeat: no-repeat;background-size:40px;background-position:left 5px;}
@media only screen and (max-width: 992px) {
div.menu-telephone {display:none;}
}

/*--------------------------------------------------------------
HOME PAGE 
--------------------------------------------------------------*/
#home {margin:0px;padding:0px;}

.plein {display:flex;align-items:center;justify-content:center;height:100vh;position:relative;z-index:10;}
.ecran_titre {font-family: 'Playfair Display';font-weight:400;font-size:4.5em;color:#fff;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari et Chrome */
    -o-animation: fadein 2s; /* Opera */
}

.ecran_secondaire {font-family: 'Playfair Display';font-weight: 400;font-size:2em;color:#fff;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari et Chrome */
    -o-animation: fadein 2s; /* Opera */

}

.titre_home {font-family: 'Playfair Display';font-weight:400;font-size:3em;color:#eac363;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari et Chrome */
    -o-animation: fadein 2s; /* Opera */
}


@media only screen and (min-width: 320px) and (max-width: 767px) {
.ecran_titre {font-family: 'Playfair Display';font-weight:400;font-size:3em;color:#fff;}
.ecran_secondaire {font-family: 'Playfair Display';font-weight: 400;font-size:1.5em;color:#fff;}
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* sur Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* sur Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.ecran_scroll {position:absolute;bottom:0;font-size:1.4em;color:#fff;padding-bottom:40px;left:50%; transform: translate(-50%,-50%);}

.magazine{position:relative;overflow:hidden;height:100%;padding-top:20px;padding-bottom:20px;}
.magazine img {border-radius: 30px;}
.sous_titre_magazine{margin-top:15px;color:#2a4360;}
.corps_magazine{font-size:1.1em;margin-top:50px;}

button.bouton-accueil{
  position: relative;
  border: none;
  color: white;
  font-size:1.6em;
  font-weight:bold;
  padding: 16px 32px;
  text-align: center;
  font-size: 16px;
  margin: 40px 2px;
  color: #FFFFFF;
  transition: 0.4s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

button.bouton-accueil:hover {opacity: 0.6;}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.titre_magazine{font-family: 'Playfair Display';font-weight:400;font-size:1.4em;color:#fff;margin-top:60px;}
}

/*** PICTO HOME **/
span.home-picto {font-size:1.5em; color:#294260;}
.pub{position:relative;overflow:hidden;height:100%;margin-top:40px;}

.actu{position:relative;}
.actu-titre{font-family: 'Playfair Display';font-weight:400;font-size:2.8em;color:#7f7f7f;margin:-15px;padding:0px;}
.actu-content{padding-bottom:40px;padding-top:40px;text-align: center;}
@media only screen and (min-width: 320px) and (max-width: 767px) {
.actu-content{padding-bottom:10px;padding-top:10px;}
.actu-titre{font-family: 'Playfair Display';font-weight:400;font-size:1.5em;color:#7f7f7f;margin:0px;padding:0px;}
}
.actu-fond{background-color:#ffffff;}

.actualite{background-color:#fff;}
.news-teaser{margin-bottom:0px; auto;background-color:#fff;margin-top:20px;}
.news-teaser-content {position:relative;}
.news-teaser:hover .news-teaser-thumbnail img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.news-teaser-thumbnail{margin-bottom:0.5em;overflow:hidden;}
.news-teaser-thumbnail img{-webkit-transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;will-change:transform;overflow:hidden}
.news-teaser-categorie {position:relative;}
.teaser-cat-content {position:absolute;}
.news-teaser-conttitre {position:absolute;}
.teaser-cat-content p{margin:0px;padding:10px 5px 10px 5px;line-height:0px;text-transform: uppercase;color:#fff;}
.news-teaser-title{text-transform: uppercase;color:#000;}
.news-teaser-title p {padding-top:40px;padding-bottom:0px;margin-bottom:0px;}
.news-teaser-title a {color:#333;text-decoration:none;}
.news-teaser-title a:hover {color:#333;text-decoration:underline;}

.actu-section-list{display:-moz-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0;margin:0}

.news-more{
  border:0px;
  width:100%;
  margin:auto;
  text-align:right;
  position:relative;
  font-weight:bold;
  font-family: 'Playfair Display';font-weight:400;font-size:1.2em;color:#7f7f7f;
}
 
.news-more:before{
  content:'';
  position:absolute;
  left:calc(-0% - 2px);
  top:calc(50% + 3px);
  border-bottom:1px solid #000;
  width:85%;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
.news-more:before{width:65%;
}

}

.news-more a {color:#7f7f7f;}
.news-teaser-link{color:#fff;text-align:right;padding:0px;margin:0px;}
.news-teaser-link a{font-size:1em;color:#fff;font-weight:400;margin:0px;padding:5px 15px 5px 15px;text-transform:uppercase;background-color:#f1f1f1;}
.news-teaser-link a:hover{text-decoration:none;background-color:#034877;color:#fff}

.bloc-espace {position:relative;height:40px;width:100%;clear:both;}



/*--------------------------------------------------------------
PAGE INTERIEURES
--------------------------------------------------------------*/
#page {margin:0px;padding:0px;}
.top-page {width:100%;height:100px;}
.top-page-single {width:100%;height:130px;}

.titre-title {font-size:2.8em;font-weight:300;position:relative;letter-spacing:0.075em;display:flex;flex-direction:column;margin-top:30px;margin-bottom:30px;color:#294260;text-transform:uppercase;}
.titre-title:after {content:'';display:inline-block;width:60px;height:0px;border:1px solid #000;margin:10px 0}
.titre-ref {font-size:0.8em;color:#666666;display: block;margin-top:-30px;margin-bottom:20px;}

   .article-plus {margin-top:30px;}
  .article-trait hr {size:1px;color#333;width:100%;}
  .article-titre {text-transform: uppercase;font-weight:bold;font-size:1.1em}
  .news-teaser-title-article p {padding-top:5px;}
  .news-teaser-title-article a {color:#333;text-decoration:none;}
  .news-teaser-title-article a:hover {color:#333;text-decoration:underline;}

#breadcrumbs {text-transform: uppercase;}
#breadcrumbs a {color:#333;}
#breadcrumbs a:hover {color:#333;text-decoration:underline;}


/*------------------- FOOTER ------------------*/
#site-footer{padding-top:0px;padding-bottom:60px;margin:0px;width:100%;overflow:hidden;position:relative;color:#00;}
.footer-titre {font-family: 'Playfair Display';font-weight:400;font-size:1.5em;color:#000;}
.footer-text {margin-top:20px;font-family: 'Playfair Display';font-weight:400;font-size:1.em;color:#000;}
.footer-adresse {font-family: 'Playfair Display';font-weight:400;font-size:1.1em;color:#000;}
.footer-contact span {font-family: 'Playfair Display';font-weight:400;font-size:1.em;color:#000;}
.menu-pied-de-page-container {margin-top:40px;}
.menu-pied-de-page-container ul {list-style:none;}
.menu-pied-de-page-container li {display:inline;}
.menu-pied-de-page-container a {color:#294260; text-decoration:underline;padding-left:15px; padding-right:15px;}


/*------------------- NSL ------------------*/
button.bouton-nsl{
  position: relative;
  border: none;
  color: white;
  font-size:1.6em;
  font-weight:bold;
  padding: 4px 16px;
  text-align: center;
  font-size: 16px;
  margin-left:15px;
  color: #FFFFFF;
  transition: 0.4s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

button.bouton-nsl:hover {
 opacity: 0.6;
}

.newsletter {padding-bottom:20px;position:relative;width:100%;background-color:#f0b506;overflow:hidden}
.newsletter2 {padding-bottom:20px;position:relative;width:100%;overflow:hidden}
.newsletter2 div {margin-top:15px;margin-bottom:15px;}
input.input-nsl2 {border: 0;outline: 0;border-bottom: 2px solid #388b79;width:300px;color:#333333;}
input.input-nsl2:hover, input.input-nsl:active {border-bottom: 2px solid #333333;}
.nsl-titre {font-family: 'Playfair Display';font-weight:400;font-size:2.5em;color:#000;margin-top:20px;color:#f1f1f1;}
.nsl-accroche {font-weight:400;font-size:1em;color:#f1f1f1;}
input.input-nsl {border: 0;outline: 0;border-bottom: 2px solid #f1f1f1;width:300px;color:#f1f1f1}
input.input-nsl:hover, input.input-nsl:active {border-bottom: 2px solid #388b79;}
.nsl-from {margin-top:20px;}
.nsl-ok {background-color:#e4ffe7;border:2px solid green;padding:5px;margin-bottom:20px;} 
.nsl-erreur {background-color:#fffafa;border:2px solid red;padding:5px;margin-bottom:20px;} 


@media only screen and (min-width: 320px) and (max-width: 767px) {
input.input-nsl {border: 0;outline: 0;border-bottom: 2px solid black;width:180px;}
}

#site-footer ::placeholder {
  color:#ececec;
font-size:0.8em;
}

/* Placeholders */
::-webkit-input-placeholder { opacity: 1; transition: opacity .5s; }  /* Chrome 56, Safari 9 */
:-moz-placeholder { opacity: 1; transition: opacity .5s; } /* FF 4-18 */
::-moz-placeholder { opacity: 1; transition: opacity .5s; } /* FF 19-51 */
:-ms-input-placeholder { opacity: 1; -ms-transition: opacity .5s; transition: opacity .5s; } /* IE 10+ */
::placeholder { opacity: 1; transition: opacity .5s; } /* Modern Browsers */

/* Focus */
*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome 56, Safari 9 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */

form.newsletter div {margin-top:10px; margin-bottom:10px;}
form.newsletter label {font-size:1.1em; display: block;}
form.newsletter input {border: 0;outline: 0;border-bottom: 2px solid black;width:300px; background: transparent; }
form.newsletter input:hover, form.newsletter input:active{border: 0;outline: 0;border-bottom: 2px solid white;width:300px; background: transparent; }
form.newsletter select {background: transparent; border:1px solid black;padding:8px;}
form.newsletter select:hover {background: transparent; border:1px solid white;padding:8px;}
form.newsletter input.code {border: 1px solid black;background: transparent; }


form.newsletter button{
  position: relative;
  border: none;
  color: white;
  font-size:1.6em;
  font-weight:bold;
  padding: 4px 16px;
  text-align: center;
  font-size: 16px;
  margin-left:15px;
  color: #FFFFFF;
  transition: 0.4s;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

form.newsletter button:hover{
 opacity: 0.6;
}


/*----------------------- Maps----------------*/



/*--------------------------------------------------------------
FORMULAIRE
--------------------------------------------------------------*/
button,input,optgroup,select,textarea {font-family: sans-serif;font-size: 100%;line-height: 1.15;margin: 0;}
.site-form{padding: 10px 20px;background:#f4f7f8;margin:0px;padding: 20px;border-radius: 8px;font-family: Georgia, "Times New Roman", Times, serif;}
.site-form fieldset{border: none;}
.site-form legend {font-size: 1.4em;margin-bottom: 10px;}
.site-form label {display: block;margin-bottom: 8px;}
.site-form input[type="text"],
.site-form input[type="email"],
.site-form textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: rgba(255,255,255,.1);
	border: none;
	border-radius: 4px;
	font-size: 15px;
	margin: 0;
	outline: 0;
	padding: 10px;
	width: 100%;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box; 
	background-color: #e8eeef;
	color:#8a97a0;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	margin-bottom: 30px;
}
.site-form input[type="text"]:focus,
.site-form input[type="email"]:focus,
.site-form textarea:focus{
	background: #d2d9dd;
}

.site-form input[type="submit"],
.site-form input[type="button"]
{
	position: relative;
	padding: 19px 39px 18px 39px;
	color: #FFF;
	margin: 0 auto;
	background: #d2d9dd;
	font-size: 18px;
	text-align: center;
	font-style: normal;
	width: 100%;
	border: 1px solid #000;
	border-width: 1px 1px 3px;
	margin-bottom: 10px;
	cursor: pointer;
}
.site-form input[type="submit"]:hover,.site-form input[type="button"]:hover{background: #8e9497;}

.site-form .number {background: #fab913;color: #fff;height: 30px;width: 30px;display: inline-block;font-size: 0.8em;margin-right: 4px;line-height: 30px;text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,0.2);border-radius: 15px 15px 15px 0px;}


/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/
table {border-collapse: collapse;margin: 0 0 1.5em;width: 100%;}
thead th {border-bottom: 2px solid #bbb;padding-bottom: 0.5em;}
th {padding: 0.4em;text-align: left;}
tr {border-bottom: 1px solid #eee;}
td {padding: 0.4em;}
th,td,th:first-child,td:first-child {padding-left: 0;}
th:last-child,td:last-child {padding-right: 0;}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/
.post-thumbnail {
	margin-bottom: 1em;
}

.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/
img,
video {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

audio:focus,
video:focus {
	outline: thin dotted;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}
/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */
p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
	margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {
	top: 5px;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/
.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}
/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

@media screen and (min-width: 30em) {
	/* Typography */
	body,
	button,
	input,
	select,
	textarea {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h1 {
		font-size: 30px;
		font-size: 1.875rem;
	}

	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	h3 {
		font-size: 22px;
		font-size: 1.375rem;
	}

	h4 {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h5 {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	h6 {
		font-size: 16px;
		font-size: 1rem;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
		font-size: 0.875rem;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}

	img.alignright {
		float: right;
		margin-left: 1.5em;
	}

	/* Site Branding */

	.site-branding {
		padding: 3em 0;
	}



	.page-numbers.current {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Site Footer */

	.site-footer {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Gallery Columns */

	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}

@media screen and (min-width: 48em) {

	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	/* Layout */


	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 58%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 36%;
	}

	.error404 #primary {
		float: none;
	}



	.custom-header-media {
		height: 165px;
		position: relative;
	}


	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 0;
		position: relative;
	}


	.custom-logo-link {
		padding-right: 2em;
	}

	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}



	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}

	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}

	/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
	.background-fixed .panel-image {
		background-attachment: fixed;
	}

	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}

	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */

	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}

	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}

	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}

	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}



	.page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}

	.page:not(.home) #content {
		padding-bottom: 3.25em;
	}

	/* 404 page */

	.error404 .page-content {
		padding-bottom: 9em;
	}

	/* Comments */

	#comments {
		padding-top: 5em;
	}

	.comments-title {
		margin-bottom: 2.5em;
	}

	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */

	.nav-links .nav-title {
		position: relative;
	}

	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}

	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}

	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}

	/* Secondary */

	#secondary {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
	}

	/* Footer */

	.site-footer {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
		margin-top: 3em;
	}

	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 36%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 58%;
	}

	.social-navigation {
		clear: left;
		float: left;
		margin-bottom: 0;
		width: 36%;
	}

	.site-info {
		float: left;
		padding: 0.7em 0 0;
		width: 58%;
	}

	.social-navigation + .site-info {
		margin-left: 6%;
	}

	.site-info .sep {
		margin: 0 0.5em;
		display: inline;
		visibility: visible;
		height: auto;
		width: auto;
	}

	/* Gallery Columns */

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

@media screen and ( min-width: 67em ) {


	/* Pagination */

	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.page-numbers.current .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

	/* Comments */

	.comment-body {
		margin-left: 0;
	}
}

@media screen and ( min-width: 79em ) {

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

	.admin-bar .site-navigation-fixed.navigation-top,
	.admin-bar .site-navigation-hidden.navigation-top {
		top: 46px;
	}
}


/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}

	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
 {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}


	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		position: relative;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-title {
		font-size: 25pt;
	}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
	}

	/* Colors */

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {
		padding: 0;
	}
}

/* LOGO CAROUSSEL */
.logo-partenaire {padding-top:20px; padding-bottom:20px;overflow: hidden;}
.logo-partenaire-text {padding:20px;font-size:2em}*
.logo-partenaire-text-pt {margin:15px;font-size:1.1em}
.logo-partenaire-text-pt a {color:#333;}
:root {    --items-per-page: 4;}
.carousel { width: 100%;overflow: hidden;position: relative;}
.carousel-container {white-space: nowrap;}
.carousel-container {white-space: nowrap;}
.carousel-item {
    display: inline-block;
    min-width: calc(100% / var(--items-per-page));
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
	border-radius : 10px;
	margin-left:10px;
	margin-right:10px;
}
.carousel-item img {height:120px;}

/* page partenaires */
.partenaires-page {
    display: inline-block;
    min-width: calc(100% / var(--items-per-page));
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc;
	border-radius : 10px;
	margin:10px;
	}
	.partenaires-page img {height:120px;}

/* SLIDE */
.slide {width: 100%;height: 600px;overflow: hidden;position: relative;background-color: #000;}
.slide p {color:#ffffff;margin-top:20px;text-align:center;font-size:2.5em;text-shadow: #000 1px 0 10px;line-height:1.1em;}
.slide p.slide_text1 {color:#ffffff;margin-top:200px;margin-bottom:0px;text-align:center;font-size:1.5em;text-shadow: #000 1px 0 10px;line-height:1.1em;font-style: italic;}
.slide p.slide_text2 {color:#ffffff;margin-top:10px;margin-bottom:0px;text-align:center;font-size:3em;text-shadow: #000 10px 0 10px;line-height:1.1em;}
.slide p.slide_text3 {color:#ffffff;margin-top:5px;margin-bottom:0px;text-align:center;font-size:1.5em;text-shadow: #000 1px 0 10px;line-height:1.1em;}
.slide > div {width: 100%;height: 100%;background-size:cover;position: absolute;animation: slide 28s infinite;opacity: 0;}
.slide > div:nth-child(2) {animation-delay: 7s;}
.slide > div:nth-child(3) {animation-delay: 14s;}
.slide > div:nth-child(4) {animation-delay: 21s;}
/*.slide > div:nth-child(5) {animation-delay: 20s;}*/

@media only screen and (max-width: 732px) {
.slide {width:100%;height:300px;overflow:hidden;position: relative;background-color: #000;}
.slide > div {height: 100%;background-size:cover;position: absolute;animation: slide 28s infinite;opacity: 0;}
.slide p.slide_text1 {display:none;}
.slide p.slide_text2 {margin-top:180px;font-size:1.5em;}
.slide p.slide_text3 {margin-top:5px;font-size:1em;}
}




@keyframes slide {
  10% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  40% {
    transform: scale(1.1);
  }
}

/* bouton ul li word presse */
.wp-element-button {background-color:#eac463;color:#ffffff;}
ul.wp-block-list {padding-left:25px;margin-left:25px;}
/* Table Body */
.wp-block-table tbody {
	background-color: #fff;
	color: #000;
}
/* Table Rows - All rows */
.wp-block-table tbody tr {
	background-color: #fff;
}
/* Table Rows - alternating row */
.wp-block-table tbody tr:nth-child(odd) {
	background-color: #fff;
}

/* Table body cells */
.wp-block-table tbody td {
	border: 1px solid #b5b5b5;
	color:#2f2f2f;
	padding-left:5px;
}


/* li.menu-item-892 {border-top:1px solid #f0b506;border-bottom:1px solid #f0b506;} */

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

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

@media only screen and (min-width: 320px) and (max-width: 767px) {
.wp-block-columns {display: block;}
}
.wp-block-button {margin-bottom:30px;}

/**********  CARTE ****************/
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}