/* CSS Document by Black meridian */

/* ------------------------------------------------------------------------ */
/* >>>>>>>>>>>>>   reset                                               <<<< */
/* ------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body {line-height: 1; color: black; background: white;}
ol,ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption,th,td {text-align: left; font-weight: normal;}
img {vertical-align: bottom;}


/* ------------------------------------------------------------------------- */
/* >>>>>>>>>>>>>   global                                       <<<<<<<<<<<< */
/* ------------------------------------------------------------------------- */

html {font: 0.625em/1em 'Muli', Helvetica, Arial, sans-serif;}
body {-webkit-font-smoothing: antialiased;}
h1, h2, h3, h4, h5, h6 {line-height: normal; font-weight: normal;}
p, li {line-height: normal;}
strong {font-weight: bold;}
em {font-style: italic;}
a {text-decoration: none; color: inherit;}
a:hover, a:focus {text-decoration: underline; color: inherit; outline: none;}
a span, button {cursor: pointer;}
img {max-width: 100%; vertical-align: bottom;}
sub, sup {font-size: 75%;}

#rgpd, #rgpd-parametrage, #topnav, #nav, #breadcrumb, #footer, .navbar-toggler, .subnav {display: none !important;}

#logo-nav {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #707070; min-height: 104px;}
#logo {top: auto; margin: 0 0 10px; padding: 0; font-size: 42px; line-height: 1; font-weight: 200; text-transform: uppercase; color: #a50b5b;}
#logo a {text-decoration: none; color: inherit;}
.unml {float: right; margin: 10px 0 0 20px;}
.unml img {width: 218px;}
.baseline {margin: 0; font-size: 18px; line-height: 30px; font-weight: normal; text-transform: uppercase; color: #d60b52;}

h1 {margin: 0 0 30px; font-size: 42px; line-height: 50px; font-weight: bold;}
h2 {margin: 30px 0 20px; font-size: 25px; line-height: 30px; font-weight: 900;}
h3 {margin: 30px 0 20px; font-size: 20px; line-height: 26px; font-weight: 600;}
h4 {margin: 10px 0 8px; font-size: 15px; line-height: 22px; font-weight: bold;}
h4 .material-icons {font-size: 20px;}

h1:first-child,h2:first-child,h3:first-child,h4:first-child {margin-top: 0;}
h1:last-child,h2:last-child,h3:last-child,h4:last-child {margin-bottom: 0;}

p {margin-bottom: 10px;}
p, li {font-size: 15px; line-height: 22px;}
ul {margin: 0 0 10px; padding: 0 0 0 10px; list-style: none;}
ul > li {position: relative; padding-left: 25px;}
ul > li:before {float: left; margin: 11px 0 0 -25px; border-top: 1px solid #a4135b; width: 13px; height: 1px; content: "";}
ul > li:after {position: absolute; left: 13px; top: 8px; border: 1px solid #a4135b; width: 7px; height: 7px; content: ""; border-radius: 50%;}

h1 + .chapo {margin-top: -30px;}
.chapo {margin: 0 0 35px;}
.chapo p {font-size: 22px; line-height: 28px; font-weight: 600;}
.markdown h2 {display: flex;}
.markdown h2 .material-icons {top: auto; margin: 0.1667em 10px 0 0;}

.material-icons {position: relative; vertical-align: bottom;}

.aside {display: none; margin-top: 40px;}
.aside.infos-pratiques {display: block !important;}
.aside .inner-border h4 {color: #a4135b;}
.aside .inner-border .list-date {padding-left: 0;}
.aside .inner-border .list-date li {padding-left: 0;}
.aside .inner-border .list-date li:before, .aside .inner-border .list-date li:after {content: none;}
        
.liste-tags {margin-left: -2px; margin-right: -2px; padding: 0; font-size: 0; line-height: 0; text-align: center;}
.liste-tags li {display: inline-block; margin: 5px; padding: 0;}
.liste-tags li:before, .liste-tags li:after {content: none;}
.liste-tags li a {display: block; padding: 7px 15px; white-space: nowrap; text-decoration: none; color: $white; background: #a4135b; border-radius: 10px;}
.liste-tags li a .count {margin-left: 2px; color: #d60b52;}

.embed-responsive {display: block; position: relative; width: 100%; padding: 0; overflow: hidden;}
.embed-responsive:before {display: block; padding-top: 56.25%; content: "";}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;}

.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 .leaflet-overlay-pane svg,
.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;}
.leaflet-tile-pane {z-index: 200;}
.leaflet-marker-pane {z-index: 600;}