/* Insert your custom override CSS in this file */

:root {
    --main-color: #82c91e;
    --second-color: #649b18;
    --map-maille-border-color: "black";
}

.img-circle {
    border-radius: 50%;
  }

  .img-responsive,
  .thumbnail > img,
  .thumbnail a > img,
  .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
    display: block;
    max-width: 100%;
    height: auto;
  }

  .center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

 


@font-face {
font-family: 'Dosis';
src:url('../css/fonts/Dosis-Medium.otf');
}

.navbar-collapse {
  margin-top: 5px;
}

.navbar-default {
  background-color: #fff;
}

.corner-ribbon.red {
  background: #e43;
}
.corner-ribbon.top-right {
  top: 40px;
  right: -65px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.corner-ribbon.shadow {
  box-shadow: 0 0 10px rgba(0,0,0,.5);
}
.corner-ribbon.sticky {
  position: fixed;
}
.corner-ribbon {
  width: 300px;
  background: #e43;
  position: absolute;
  top: 25px;
  left: -50px;
  text-align: center;
  line-height: 50px;
  padding-left:15px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  z-index: 9999;
}


.slick-prev::before, 
.slick-next::before {
  color: #1e1b0c;
} 

/*** style navbar ****/
/*** couleur titre ****/
.navbar-default .navbar-brand {
  color: #c8b8ab;
}
/*** couleur titre hover ****/
.navbar-default .navbar-brand:hover {
  color: #fff;
}
/*** taille titre****/
.titreAppli {
  font-size: 26px;
  font-family: Dosis, Helvetica, sans-serif;
}
/*** couleur fond navbar ****/
.navbar-default {
  background-color: #425363;
}
/*** couleur fond navbar veticale ****/
#sideBar {
  background-color: #9B5334;
}


/*** bouton  http://jsfiddle.net/23pmy0rt/ ****/
.switch-candy a {background-color: #ffba0c!important;}
.switch-toggle > label {
          outline-style: none!important;
            }
/*** bouton switch carto ****/

h1 {
  margin-top: 5px;
  font-family: Dosis;
}

.btn-primary {
  background-color: hsl(23, 95%, 46%);
  border-color: #000000;
}

.btn-primary:hover {
  color: #fff;
  background-color: #42536360;
  border-color: #42536360;
}

.stat-thumbnail .chiro{
  min-height: 180px;
  max-height: 180px;
}

.vertical-center {


  align-items: center;
}

#mapnorm {
height: 734px;
}

.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  
}

.flex-item {
  margin: auto;
  width: 10%;
}

.footer .flex-item img {
  max-height: 120px;
}


.footer h1 {
  margin-bottom: 20px;
}

.glyphicon.white {
  color: #fff;
}



/* style du bouton deroulant pour les portails */
.sidebar-nav .btn-group .glyphicon{
margin-inline: 20px;	
}



.dropdown-menu{
top: 105%;
left: 105%;
background-color: #e6800d;
min-width: 350px;  /* assure une largeur minimale */
max-width: 500px;
font-family: Dosis;
color: black;
white-space: normal;   /* autorise le retour à la ligne */
overflow-wrap: break-word;
  z-index: 1000;
}

li.sidebar-brand {

  padding: 5px 10px;
  white-space: normal;      /* permet le retour à la ligne */
  word-wrap: break-word;    /* coupe le mot s'il est trop long */
  padding: 5px 10px;        /* ajoute un peu d'espace */
  display: block;
}

/* END sidebar */

/* style bootstap */
/* #warning-map-loutre {
  margin-inline: 10px;
  margin-bottom: 8px;
} */

#warning-map-loutre {
  margin-inline: 0px;
  margin-bottom: 0px;
  border-radius: 0px;
  border: none;
}

/* customisation onglets, centre ressources */

#accueil-centre-ressources .nav-tabs > li > a:hover {
  background-color: #d8d6d6;
  text-decoration: none;
}
#accueil-centre-ressources .nav-tabs > li > a.active, .nav-tabs > li > a.active:focus, .nav-tabs > li > a.active:hover {
  background-color: #9b5334;
  color: #fff;
}
#accueil-centre-ressources .nav.nav-tabs {
  font-size: 26px;
  font-family: dosis;
  margin-top: 10px;
  margin-bottom: 8px;
}
#accueil-centre-ressources .panel-primary > .panel-heading {
/*  color: #fff; */
  background-color: #f0bd7a;
  border: none;
 border-radius: 4px;
}
#accueil-centre-ressources .panel-heading
{
  border-radius:none;
}
#accueil-centre-ressources .panel-heading .media-heading
{
  padding-top:8px;
  font-size: 20px;
}
#accueil-centre-ressources .panel-body {
 /* padding: 15px 0px;*/
}
#accueil-centre-ressources .media {
  padding-left: 15px;
  padding-right: 15px;
}
#accueil-centre-ressources .nav>li>a, .nav-tabs>li>a {
  padding: 10px 15px 4px 15px;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
#accueil-centre-ressources .panel-heading>h3>a {
  text-decoration: none;
}

.lg-stat-acceuil { 
  margin-top: 20px;
  margin-left: -10px;
}




/* Slider FOOTER LOGO ASSSO PARTENAIRES */

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
  max-height: 120px;

}

.slick-slider
{
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list
{
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus
{
  outline: none;
}
.slick-list.dragging
{
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
  -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.slick-track
{
  display: flex;
}
.slick-track:before,
.slick-track:after
{
  display: table;
  content: '';
}
.slick-track:after
{
  clear: both;
}
.slick-loading .slick-track
{
  visibility: hidden;
}

.slick-slide
{
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide
{
  float: right;
}
.slick-slide img
{
  display: block;
}
.slick-slide.slick-loading img
{
  display: none;
}
.slick-slide.dragging img
{
  pointer-events: none;
}
.slick-initialized .slick-slide
{
  display: block;
}
.slick-loading .slick-slide
{
  visibility: hidden;
}
.slick-vertical .slick-slide
{
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-track .slick-slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}


/* page de presentation */



/* limiter la hauter des popup leaflet sur la carte */
.leaflet-popup-content {
  max-height: 250px;
  overflow: auto;
  }  


  
  .thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}

h1 {
  margin-top: 0px;
  font-family: Dosis;
  font-size: 36px;
}

a {
  color: #337ab7;
  text-decoration: none;
  background-color: transparent;
}

.img-responsive {
 /* max-height: 120px; */
}

.footer{
	text-align: center;
  margin-left: 60px;
  margin-top: 60px;
  flex: 1; 
}

p {
  text-align: justify;
  text-justify: auto;
}

h4 {
  font-size: 18px;
  font-weight: 500;
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.card-body {
  padding:0;
}

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


.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #9B5334;;
  border-color: #9B5334;
}

.btn.disabled, .btn:disabled {
  opacity: 1;
}

.nav-link:hover {
  color: #fff;
  background-color: #42536360;
  border-color: #42536360;
}

.row {
 /* margin-top : 20px;*/
 margin : 0px
}

.slider .tooltip.in { 
  opacity: 0.8; 
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  /*border-radius: 4px;*/
}

.panel-body {
  padding: 15px;
}


.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
 /* overflow: hidden;*/
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
  text-decoration: none;
}
.media-list {
  padding-left: 0;
  list-style: none;
}

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../css/fonts/glyphicons-halflings-regular.eot');
  src: url('../css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../css/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.panel-heading .accordion-toggle:after {
  /* symbol for "opening" panels */
  font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
  content: "\e114";    /* adjust as needed, taken from bootstrap.css */
  float : right;
  color: grey;         /* adjust as needed */
  padding-right: 10px;
}
.panel-heading .accordion-toggle.collapsed:after {
  /* symbol for "collapsed" panels */
  content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

#page {
  min-height: 93vh;
}

.map-hidden {
    visibility: hidden;
    height: 0 !important;
    overflow: hidden;
}