@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: inherit !important;
  }
}

body { font-family: 'Open Sans', sans-serif; }

.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }

.uc { text-transform: uppercase; }
.oh { overflow: hidden; }
.nw { white-space: nowrap; }

.hidden { visibility: hidden; }


.color-red    { color: #c80b0e !important; }
.color-orange { color: #E8531E !important; }
.color-green  { color: #5CA128 !important; }
.color-yellow { color: #E09A3F !important; }


.bg-red    { background-color: #c80b0e; }
.bg-orange { background-color: #E8531E; }
.bg-green  { background-color: #5CA128; }
.bg-yellow { background-color: #E09A3F; }
.bg-blue   { background-color: #5bc0de; }


.is-required .form-label:after { content: "*"; color: darkred; }

.html-mb-0>p:last-child { margin-bottom: 0 }


/* ------------------------------------------------------------------ */
/* Composants
/* ------------------------------------------------------------------ */

#main-map { border-bottom: 2px solid #fff; }


.form-text { font-size: 0.8em; }


.alert-label { font-size: 18px; font-weight: 600; display: inline-block; padding: 10px 11px; letter-spacing: 1px; color: #fff; border-radius: 10px; }

.label-default     { background-color: #777; }
.label-orange      { background-color: #E8531E; }
.label-lightorange { background-color: #f18825; }
.label-lightgreen  { background-color: #95c11f; }
.label-fne-red     { background-color: #c80b0e; }
.label-yellow      { background-color: #f0ad4e; } /* Sol */
.label-red         { background-color: #d9534f; } /* Air */
.label-green       { background-color: #5cb85c; } /* Vivant */
.label-blue        { background-color: #5bc0de; } /* Eau */
.label-purple      { background-color: #C062D3; } /* Société */
.label-orange      { background-color: #E8531E; } /* Activités */
.label-normal      { font-weight: normal }


#flash-message .alert { border-radius: 0; border: none; border-bottom: 2px solid #fff; color: #fff; }
#flash-message .alert-success { background-color: #95c11f; }
#flash-message .alert-danger { background-color: #de3731; }
#flash-message .alert-warning { background-color: #f18825; }


/* Boutons */

.btn-red { background-color: #c80b0e; border-color: #c80b0e; color: #fff; }
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active { background-color: #b00a0c; border-color: #98080b; color: #fff; }
.btn-red.disabled:hover, .btn-red.disabled:focus, .btn-red.disabled:active, .btn-red.disabled.active, .btn-red[disabled]:hover, .btn-red[disabled]:focus, .btn-red[disabled]:active, .btn-red[disabled].active, fieldset[disabled] .btn-red:hover, fieldset[disabled] .btn-red:focus, fieldset[disabled] .btn-red:active, fieldset[disabled] .btn-red.active { background-color: #c80b0e; border-color: #c80b0e; color: #fff; }

.btn-green { background-color: #5CA128; border-color: #5CA128; color: #fff; }
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active { background-color: #508d23; border-color: #45781e; color: #fff; }
.btn-green.disabled:hover, .btn-green.disabled:focus, .btn-green.disabled:active, .btn-green.disabled.active, .btn-green[disabled]:hover, .btn-green[disabled]:focus, .btn-green[disabled]:active, .btn-green[disabled].active, fieldset[disabled] .btn-green:hover, fieldset[disabled] .btn-green:focus, fieldset[disabled] .btn-green:active, fieldset[disabled] .btn-green.active { background-color: #5CA128; border-color: #5CA128; color: #fff; }


.btn-outline-red { color: #c80b0e; background-color: transparent; background-image: none; border-color: #c80b0e; border-width: 2px; }
.btn-outline-red:hover { color: #fff; background-color: #c80b0e; border-color: #c80b0e; }
.btn-outline-red:focus, .btn-outline-red.focus { box-shadow: 0 0 0 0.2rem rgba(0,146,212, 0.5); }
.btn-outline-red.disabled, .btn-outline-red:disabled { color: #c80b0e; background-color: transparent; }
.btn-outline-red:not([disabled]):not(.disabled):active, .btn-outline-red:not([disabled]):not(.disabled).active, .show > .btn-outline-red.dropdown-toggle { color: #212529; background-color: #c80b0e; border-color: #c80b0e; box-shadow: 0 0 0 0.2rem rgba(0,146,212, 0.5); }


.btn-theme-yellow { background-color: #f0ad4e; border-color: #f0ad4e; color: #fff; }
.btn-theme-yellow:hover, .btn-theme-yellow:focus, .btn-theme-yellow:active, .btn-theme-yellow.active { background-color: #eea236; border-color: #ec971f; color: #fff; }
.btn-theme-yellow.disabled:hover, .btn-theme-yellow.disabled:focus, .btn-theme-yellow.disabled:active, .btn-theme-yellow.disabled.active, .btn-theme-yellow[disabled]:hover, .btn-theme-yellow[disabled]:focus, .btn-theme-yellow[disabled]:active, .btn-theme-yellow[disabled].active, fieldset[disabled] .btn-theme-yellow:hover, fieldset[disabled] .btn-theme-yellow:focus, fieldset[disabled] .btn-theme-yellow:active, fieldset[disabled] .btn-theme-yellow.active { background-color: #f0ad4e; border-color: #f0ad4e; color: #fff; }

.btn-theme-red { background-color: #d9534f; border-color: #d9534f; color: #fff; }
.btn-theme-red:hover, .btn-theme-red:focus, .btn-theme-red:active, .btn-theme-red.active { background-color: #d43f3a; border-color: #c9302c; color: #fff; }
.btn-theme-red.disabled:hover, .btn-theme-red.disabled:focus, .btn-theme-red.disabled:active, .btn-theme-red.disabled.active, .btn-theme-red[disabled]:hover, .btn-theme-red[disabled]:focus, .btn-theme-red[disabled]:active, .btn-theme-red[disabled].active, fieldset[disabled] .btn-theme-red:hover, fieldset[disabled] .btn-theme-red:focus, fieldset[disabled] .btn-theme-red:active, fieldset[disabled] .btn-theme-red.active { background-color: #d9534f; border-color: #d9534f; color: #fff; }

.btn-theme-green { background-color: #5cb85c; border-color: #5cb85c; color: #fff; }
.btn-theme-green:hover, .btn-theme-green:focus, .btn-theme-green:active, .btn-theme-green.active { background-color: #4cae4c; border-color: #449d44; color: #fff; }
.btn-theme-green.disabled:hover, .btn-theme-green.disabled:focus, .btn-theme-green.disabled:active, .btn-theme-green.disabled.active, .btn-theme-green[disabled]:hover, .btn-theme-green[disabled]:focus, .btn-theme-green[disabled]:active, .btn-theme-green[disabled].active, fieldset[disabled] .btn-theme-green:hover, fieldset[disabled] .btn-theme-green:focus, fieldset[disabled] .btn-theme-green:active, fieldset[disabled] .btn-theme-green.active { background-color: #5cb85c; border-color: #5cb85c; color: #fff; }

.btn-theme-blue { background-color: #5bc0de; border-color: #5bc0de; color: #fff; }
.btn-theme-blue:hover, .btn-theme-blue:focus, .btn-theme-blue:active, .btn-theme-blue.active { background-color: #46b8da; border-color: #31b0d5; color: #fff; }
.btn-theme-blue.disabled:hover, .btn-theme-blue.disabled:focus, .btn-theme-blue.disabled:active, .btn-theme-blue.disabled.active, .btn-theme-blue[disabled]:hover, .btn-theme-blue[disabled]:focus, .btn-theme-blue[disabled]:active, .btn-theme-blue[disabled].active, fieldset[disabled] .btn-theme-blue:hover, fieldset[disabled] .btn-theme-blue:focus, fieldset[disabled] .btn-theme-blue:active, fieldset[disabled] .btn-theme-blue.active { background-color: #5bc0de; border-color: #5bc0de; color: #fff; }

.btn-theme-purple { background-color: #C062D3; border-color: #C062D3; color: #fff; }
.btn-theme-purple:hover, .btn-theme-purple:focus, .btn-theme-purple:active, .btn-theme-purple.active { background-color: #b84ecd; border-color: #b03ac8; color: #fff; }
.btn-theme-purple.disabled:hover, .btn-theme-purple.disabled:focus, .btn-theme-purple.disabled:active, .btn-theme-purple.disabled.active, .btn-theme-purple[disabled]:hover, .btn-theme-purple[disabled]:focus, .btn-theme-purple[disabled]:active, .btn-theme-purple[disabled].active, fieldset[disabled] .btn-theme-purple:hover, fieldset[disabled] .btn-theme-purple:focus, fieldset[disabled] .btn-theme-purple:active, fieldset[disabled] .btn-theme-purple.active { background-color: #C062D3; border-color: #C062D3; color: #fff; }

.btn-theme-orange { background-color: #E8531E; border-color: #E8531E; color: #fff; }
.btn-theme-orange:hover, .btn-theme-orange:focus, .btn-theme-orange:active, .btn-theme-orange.active { background-color: #d74816; border-color: #bf4114; color: #fff; }
.btn-theme-orange.disabled:hover, .btn-theme-orange.disabled:focus, .btn-theme-orange.disabled:active, .btn-theme-orange.disabled.active, .btn-theme-orange[disabled]:hover, .btn-theme-orange[disabled]:focus, .btn-theme-orange[disabled]:active, .btn-theme-orange[disabled].active, fieldset[disabled] .btn-theme-orange:hover, fieldset[disabled] .btn-theme-orange:focus, fieldset[disabled] .btn-theme-orange:active, fieldset[disabled] .btn-theme-orange.active { background-color: #E8531E; border-color: #E8531E; color: #fff; }



/* Pagination */
.pagination .page-item .page-link { color: #c80b0e; }
.pagination .page-item.active .page-link { background-color: #c80b0e; border-color: #c80b0e; color: #fff; }


/* Carousel news + blocs */
.slider-container { }
.slider-container h2 { margin-top: 0; font-size: 34px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }

.slider { margin: 0 -10px 10px -10px !important; }

.slider-item { width: 263px; background-color: #fff; margin: 5px 10px 15px 10px; position: relative; z-index: 1; }
.slider-item:before, .slider-item:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:263px; background: #fff; box-shadow: 0 15px 10px rgba(0,0,0,0.5); transform: rotate(-3deg); }
.slider-item:after { transform: rotate(3deg); right: 10px; left: auto; }
.slider-item a { text-decoration: none; }
.slider-item .item-figure { position: relative; height: 200px; overflow: hidden; }
.slider-item .item-figure .thumb { transition: all 0.2s ease-in-out; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.slider-item .item-figure .item-date { transition: all 0.2s ease-in-out; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; color: #fff; position: absolute; left: 0; top: 30px; padding: 10px 15px; background-color: #c80b0e; }
.slider-item .caption { color: #333; background-color: #fff; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; /* background-color: #fefefe; background-color: #ddd; */ }
.slider-item .caption .inner { overflow: hidden; }
.slider-item .caption h3 { transition: all 0.2s ease-in-out; margin-top: 5px; font-size: 20px; font-weight: 400; }
.slider-item .caption .publish_date, .slider-item .caption .event-place { transition: all 0.2s ease-in-out; font-size: 14px; color: #c80b0e; font-weight: 400; }

.slider-item a:hover .item-figure .thumb { transform: scale(1.2); }
.slider-item a:hover .item-date { background-color: #E8531E; }
.slider-item a:hover .caption h3 { color: #c80b0e; }
.slider-item a:hover .caption .publish_date, .slider-item a:hover .caption .event-place { color: #c80b0e; }

.slider .slick-dots { position: inherit; bottom: inherit; margin-top: 15px; }
.slider .slick-dots li button:before { font-size: 15px; /* top: 10px; */ }
.slider .slick-dots li button:hover:before, .slider .slick-dots li button:focus:before { opacity: 0.5; }
.slider .slick-dots li.slick-active button:before { color: #c80b0e; opacity: 1; }

.slider .slick-prev:before, .slider .slick-next:before { font-size: 50px; opacity: .25; color: black; }
.slider .slick-prev { left: -55px; width: 50px; height: 47px; }
.slider .slick-next { right: -55px; width: 50px; height: 47px; }
.slider .slick-prev:hover:before, .slider .slick-prev:focus:before, .slider .slick-next:hover:before, .slider .slick-next:focus:before { opacity: 0.50; }
.slider .slick-prev.slick-disabled:before, .slider .slick-next.slick-disabled:before { opacity: .15; }





/* ------------------------------------------------------------------ */
/* Interface
/* ------------------------------------------------------------------ */


.container-fluid { max-width: 1440px; }

#site-header .quick-access { text-decoration: none; border-radius: 0 0 10px 10px; transition: opacity 0.2s ease-in-out; }
#site-header .quick-access:hover { opacity: 0.8 }
#site-header .tagline { font-size: 18px; }

#main-nav { background-color: #c80b0e; border-bottom: 2px solid #fff; z-index: 1001; }
#main-nav .nav-link { border-radius: 0; color: #fff; text-transform: uppercase; font-size: 18px; padding-top: 10px; padding-bottom: 10px; }
#main-nav .nav-link:hover { background-color: #706c70; color: #fff; }
#main-nav .nav-link.active { background-color: #fff; color: #c80b0e; }


/* Menu mobile */
#mobile-nav { position: fixed; width: 100%; height: 100%; overflow-y: auto; overflow-x: hidden; top: 0; right: -100%; /* background-color: #c80b0e; */ background-color: rgba(200,11,14,1); z-index: 1001; transition: all .1s linear; }
#mobile-nav a { text-decoration: none; }

#mobile-nav-header { height: 55px; position: relative; }
#mobile-nav-logo { position: absolute; left: 15px; top: 5px; width: 180px; z-index: 10002; }
#mobile-nav-back { position: absolute; left: 15px; top: 16px; z-index: 10002; }
#mobile-nav-close { position: absolute; right: 15px; top: 16px; z-index: 10002; }

#mobile-nav-header p { position: absolute; z-index: 10001; width: 100%; top: 16px; font-size: 14px; letter-spacing: 1px; font-weight: 600; }
#mobile-nav-header p span { display: block; padding-top: 3px; color: #fff; text-transform: uppercase; }

#mobile-nav ul { position: absolute; width: 100%; text-transform: uppercase; font-size: 20px; font-weight: 600; list-style: none; margin: 0; padding: 0; border-top: 2px solid rgba(0,0,0,0.1); transition: all .1s linear; }
#mobile-nav ul li { border-bottom: 2px solid rgba(0,0,0,0.1);  }
#mobile-nav ul li a { display: block; padding: 13px 10px 15px 10px; text-decoration: none; color: #fff; letter-spacing: 1px; }

#mobile-main-nav { right: 0; }
#mobile-main-nav li a i.fa { padding-top: 5px; padding-right: 10px; }
#mobile-nav .mobile-subnav { right: -100%; }




#stats-bar { background-color: #c80b0e; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
#stats-bar .counter .js-counter { font-size: 30px; }

#alert-access { text-decoration: none; background-color: rgba(255,255,255,0.2); }
#alert-access:hover { background-color: #706c70; }
#alert-access .title { font-size: 24px; line-height: 24px; }

#footer-partners .partner-item { display: inline-block; margin-left: 10px; margin-bottom: 5px; width: 60px; }
#footer-credit p { font-size: 14px; }
#footer-credit p a { color: #333; text-decoration: none; }






/* ------------------------------------------------------------------ */
/* Accueil
/* ------------------------------------------------------------------ */

#region-info {  }
#region-info { width: 270px; background-color: #fff; border-left: 1px solid #eee; /*z-index: 1001;*/ }
#region-info .close-region { display: block; text-decoration: none; padding: 0 0 0 10px; background-color: #f5f5f5; }
#region-info .close-region span.icon { display: inline-block; padding: 10px; float: right; background-color: #706c70; color: #fff; }
#region-info .close-region span.icon i.fa { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#region-info .close-region:hover span.icon i.fa { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
#region-info .close-region span.text { color: #444; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; display: inline-block; padding: 10px 0 0 0; }
#region-info #region-logo { max-width: 70%; }
#region-info address { padding: 15px 15px; border-top: 1px solid #eee; margin: 0; }
#region-info>ul { border-bottom: 1px solid #eee; }
#region-info>ul>li { border-top: 1px solid #eee; padding: 0px 15px; }
#region-info>ul>li>a { display: block; padding: 10px 0px; color: #444; font-weight: 400; text-decoration: none; }
#region-info>ul>li>a:hover { color: #c80b0e; }

#region-info .list-group-item { border-radius: 0; border-left: none; border-right: none; }
#region-info .list-group-item i.fa { position: relative; top: 3px; }


.home-section { border-top: 15px solid #c80b0e; }




/* ------------------------------------------------------------------ */
/* Cartes
/* ------------------------------------------------------------------ */

.leaflet-popup-content-wrapper { border-radius: 0px; }
.alert-infowindow { font-size: 14px; }
.alert-infowindow p.title { font-size: 18px; font-weight: 600; }
.alert-infowindow a { color: #fff; }






/* ------------------------------------------------------------------ */
/* Page région
/* ------------------------------------------------------------------ */

/* Calque de chargement */
#map-loading { position: absolute; width: 100%; z-index: 1000; top: 50%; transform: translateY(-50%); }
#map-loading .inner { background-color: rgba(255,255,255,0.8); margin: 0 auto; width: 200px; text-align: center; padding: 20px; border-radius: 10px; }



/* Contrôles de carte */
#map-controls { /*position: absolute; top: 0; left: 0px;*/ width: 270px; height: 100%; /* z-index: 1000;*/ }
#map-controls .content { position: relative; padding: 25px 15px 15px 15px; height: 100%; overflow: hidden;background-color: #fff; }

#map-controls .control-item { margin-bottom: 40px; }

#map-controls ul.list { border-top: 1px solid #eee; }
#map-controls ul.list li { border-bottom: 1px solid #eee; }
#map-controls ul.list li label { font-size: 13px; cursor: pointer; }

#control-place #placeSearch { border: none; box-shadow: none; height: auto; border-radius: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 12px; }


/* Switchs pour checkbox et radio */
.material-switch { position: relative; top: -5px; }
.material-switch > input[type="checkbox"],
.material-switch > input[type="radio"] { display: none; }
.material-switch > label { cursor: pointer; height: 0px; position: relative;  width: 40px; }
.material-switch > label::before { background: rgb(0, 0, 0); box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5); border-radius: 8px; content: ''; height: 16px; margin-top: -8px; position:absolute; opacity: 0.6; transition: all 0.3s ease-in-out; width: 40px; }
.material-switch > label::after { background: rgb(255, 255, 255); border-radius: 16px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); content: ''; height: 24px; left: -4px; margin-top: -8px; position: absolute; top: -4px; transition: all 0.2s ease-in-out; width: 24px; }
.material-switch > input[type="checkbox"]:checked + label::before,
.material-switch > input[type="radio"]:checked + label::before { background: inherit; opacity: 0.6; }
.material-switch > input[type="checkbox"]:checked + label::after,
.material-switch > input[type="radio"]:checked + label::after { background: inherit; left: 20px; box-shadow: none; }




/* ------------------------------------------------------------------ */
/* Notice alerte
/* ------------------------------------------------------------------ */

#alert-header { border-bottom: 1px dashed #ccc; }
#alert-header h1 { font-size: 22px; }

#alert-map { background-color: #ccc; height: 300px; }

.asso-item a { text-decoration: none; }
.asso-item a:hover { text-decoration: underline; }

#alert-description a { color: #c80b0e; font-weight: 400; }

.alert-file { text-decoration: none; }

#alert-link { border-top: 1px dashed #ccc; }




/* ------------------------------------------------------------------ */
/* Actualités / Agenda
/* ------------------------------------------------------------------ */

#news-content img { max-width: 100%; height: auto; }

#region-block a { text-decoration: none; }
#region-block a:hover { text-decoration: underline; }

#event-map { background-color: #ccc; height: 300px; margin-bottom: 15px; }


#blog-list .blog-item { text-decoration: none !important; transition: all ease 0.3s; }
#blog-list .blog-item .col-image { /* max-width: 200px; */ }
#blog-list .blog-item .blog-image { background: no-repeat center center scroll; background-size: cover; position: relative; }
#blog-list .blog-item .blog-image:before { content: ""; display: block; padding-top: 70%; }
#blog-list .blog-item .blog-image .overlay { transition: all 0.2s ease-in-out; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.3); }
#blog-list .blog-item h2 { font-size: 21px; color: #222; letter-spacing: 1px; transition: all ease 0.3s; }
#blog-list .blog-item p.excerpt { color: #555; font-size: 14px; }

#blog-list .blog-item:hover .blog-image .overlay { opacity: 1; }
#blog-list .blog-item:hover h2 { color: #c80b0e !important; }



/* -------------------------------
 *  Choix territoire
 * ------------------------------- */

#region-select .region-item { display: none; }

.region-map a path { cursor: pointer; fill: #c80b0e; transition: all 0.2s ease-in-out; }
.region-map a { text-decoration: none }
.region-map a.active path { fill: #d84d4f; }
.region-map a:hover path, .region-map a:hover g path { fill: #706c70 !important; }

.region-map-view a path { cursor: pointer; fill: #c80b0e; transition: all 0.2s ease-in-out; }
.region-map-view a.active path { fill: #d84d4f; }
.region-map-view a path:hover, .region-map-view a g:hover path { fill: #706c70 !important; }


.select-alert-type { text-decoration: none; font-size: 20px; }
a.select-alert-type:hover { background-color: #dee0e1 !important; border-color: #dee0e1; }





/* -------------------------------
 *  Campagnes
 * ------------------------------- */

#campaign-list .campaign-item { text-decoration: none !important; transition: all ease 0.3s; }
#campaign-list .campaign-item-past { opacity: 0.7; }
#campaign-list .campaign-item .col-image { /* max-width: 200px; */ }
#campaign-list .campaign-item .campaign-image { background: no-repeat center center scroll; background-size: cover; position: relative; }
#campaign-list .campaign-item .campaign-image:before { content: ""; display: block; padding-top: 70%; }
#campaign-list .campaign-item .campaign-image .overlay { transition: all 0.2s ease-in-out; opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.3); }

#campaign-list .campaign-item h2 { font-size: 28px; font-weight: 600; letter-spacing: 1px; transition: all ease 0.3s; }
/*#campaign-list .campaign-item:hover h2 { font-size: 28px; color: #E8531E; font-weight: 600; letter-spacing: 1px; transition: all ease 0.3s; }*/

/*#campaign-list .campaign-item-impact h2 { font-size: 28px; color: #E8531E; font-weight: 600; letter-spacing: 1px; transition: all ease 0.3s; }*/
/*#campaign-list .campaign-item-impact:hover h2 { font-size: 28px; color: #E8531E; font-weight: 600; letter-spacing: 1px; transition: all ease 0.3s; }*/

/*#campaign-list .campaign-item-initiative h2 { font-size: 28px; color: #5CA128; font-weight: 600; letter-spacing: 1px; transition: all ease 0.3s; }*/
/*#campaign-list .campaign-item-initiative:hover h2 { font-size: 28px; color: #5CA128; font-weight: 600; letter-spacing: 1px; transition: all ease 0.3s; }*/

#campaign-list .campaign-item p.excerpt { color: #555; font-size: 16px; }

#campaign-list .campaign-item:hover .campaign-image .overlay { opacity: 1; }
/* #campaign-list .campaign-item:hover h2 { color: #c80b0e !important; } */




/* -------------------------------
 *  Formulaire signalement
 * ------------------------------- */

#alert-nav .nav-link { color: #c80b0e; }

#alert-nav .nav-pills .nav-link.active,
#alert-nav .nav-pills .show>.nav-link { color: #fff; background-color: #c80b0e; }

#alert-nav .nav-link .badge { position: relative; top: -2px; /* left: 3px; */ }
#alert-nav .nav-pills .nav-link.active .badge,
#alert-nav .nav-pills .show>.nav-link .badge { background-color: #fff !important; color: #c80b0e; }


#alert-form-content h2 { font-size: 22px; }
#alert-form-content .form-group.has-error label { color: red; }
#alert-form-content .form-group.has-error .help-block { color: red; }
#alert-form-content .form-group.has-error .form-control { border-color: red; }
#alert-form-content .form-group.has-error button.multiselect.btn-outline-secondary { border-color: red; color: red; }

#alert-map-form { background-color: #fff; }






/* ------------------------------------------------------------------ */
/* Pages
/* ------------------------------------------------------------------ */

.page-title h2 { margin-top: 0; font-size: 34px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.page-title .lead a { text-decoration: none; }
.page-title .lead a:hover { color: #c80b0e !important; }

.page-content .page-description h1 { font-size: 28px; padding-bottom: 20px; }


.home-page-title h2 { margin-top: 0; font-size: 34px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.home-page-content .page-description h1 { font-size: 28px; padding-bottom: 20px; }

.page-nav a.active { background-color: #c80b0e; border-color: #c80b0e; }



/* ------------------------------------------------------------------ */
/* Espace Sentinelles
/* ------------------------------------------------------------------ */


#user-nav .nav-link { color: #c80b0e; }
#user-nav .nav-link .badge { position: relative; top: -2px; left: 3px; }
#user-nav .nav-pills .nav-link.active,
#user-nav .nav-pills .show>.nav-link { color: #fff; background-color: #c80b0e; }
#user-nav .nav-pills .nav-link.active .badge,
#user-nav .nav-pills .show>.nav-link .badge { background-color: #fff !important; color: #c80b0e; }


#user-alert-table a { color: #333; text-decoration: none; }








/* ------------------------------------------------------------------ */
/* Spécifique LG
/* ------------------------------------------------------------------ */

@media (max-width: 1200px) and (min-width:992px) {
	#alert-map-form { height: 500px; }
}



/* ------------------------------------------------------------------ */
/* Spécifique MD
/* ------------------------------------------------------------------ */

@media (max-width: 991px) and (min-width:768px) {
	#alert-map-form { height: 500px; }
}




/* ------------------------------------------------------------------ */
/* Spécifique Mobile SM
/* ------------------------------------------------------------------ */

@media(max-width:767px) {
	#alert-map-form { height: 50vh; }

	#site-logo { width: 180px; }

	#home-layer-mobile h1 { background-color: #706c70; color: #fff; font-size: 14px; font-weight: 400; line-height: 20px; text-align: center; padding: 10px 5px; margin: 0; /* border-bottom: 1px dashed #ddd; */ }

	#footer-partners-mobile .partner-item { display: inline-block; margin: 0; width: 23%; padding: 5px; }


	.home-section { border-top: 10px solid #c80b0e; }

	.page-title h2 { font-size: 20px; }

	#user-nav .nav-link { width: 100% !important; text-align: left; }

	#map-controls { position: fixed; width: 100%; right: -100%; z-index: 1001; border-top: 1px solid #eee; }
	#region-info { position: fixed; width: 100%; right: -100%; z-index: 1001; border-top: 1px solid #eee; }
	.leaflet-control-attribution,
	.leaflet-control-zoom { display: none; }

/* 	#mobile-controls { height: 54px; } */


	body.region-view { overflow: hidden; }
	body.region-view #footer { display: none; }

	.close-mobile-panel { display: block; text-decoration: none; padding: 0 0 0 10px; background-color: #f5f5f5; }
	.close-mobile-panel span.icon { display: inline-block; padding: 10px; float: right; background-color: #706c70; color: #fff; }
	.close-mobile-panel span.icon i.fa { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
	.close-mobile-panel:hover span.icon i.fa { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
	.close-mobile-panel span.text { color: #444; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; display: inline-block; padding: 10px 0 0 0; }


	#blog-list .blog-item .col-image { max-width: inherit; width: 100%; }
	#blog-list .blog-item .blog-image:before { content: ""; display: block; padding-top: 50%; }


/* 	.alert-label { font-size: 16px; } */

}



/* ------------------------------------------------------------------ */
/* Spécifique Mobile (encore plus petit)
/* ------------------------------------------------------------------ */

@media(max-width:575px) {

	.slider .slick-dots li { margin: 0; }

}