html{
	font-size: 16px;
}

body {
 background-color: rgb(255,255,255); 
 font-family: 'Lato', serif;
 color: #333;
}

/**********************************  TITRES ********************************/
h1 {
  font-size: 1.4em;
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-weight:bold!important; 
}
	h1 i {margin-right:10px;}
h2{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}
/*************************** MISE EN FORME GENERALE *************************/ 
hr{
 margin-top: 0!important;
}
p{
	font-size: 1em;
}

/******************************** COULEURS **********************************/
.coul1{
}

.coul2{
}

.coul3{
}

.black{
	color:black;
}

.white{
	color:white;
}

/********************************** TABLES ***********************************/
th, td{
 
}


/************************************ LIENS **********************************/
a, .leaflet-container a {
	color: #111;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #00A1CB;
	text-decoration: none;
}
.leaflet-container a {
	color: #D70060;
}
.leaflet-container a:hover {
	color: #00A1CB;
}
.link{
 cursor:pointer;
}

.link:hover{
 color: #00A1CB;
}

/********************************** BOUTONS ***********************************/
button{
	margin-top:1em;
	margin-bottom: 1em;
}
.btn-secondary{
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
 background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
 background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
 background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
 background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
 background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
 background-color:#599bb3;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 display:inline-block;
 cursor:pointer;
 color:#ffffff;
 font-family:Arial;
 font-weight:bold;
 padding:5px 30px;
 text-decoration:none;
 text-shadow:0px 1px 0px #3d768a;
}
.btn-secondary:hover {
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
 background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
 background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
 background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
 background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
 background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
 background-color:#408c99;
}
.btn-secondary:active {
 position:relative;
 top:1px;
}

.btn-danger{
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b35959), color-stop(1, #bd2a2a));
 background:-moz-linear-gradient(top, #b35959 5%, #bd2a2a 100%);
 background:-webkit-linear-gradient(top, #b35959 5%, #bd2a2a 100%);
 background:-o-linear-gradient(top, #b35959 5%, #bd2a2a 100%);
 background:-ms-linear-gradient(top, #b35959 5%, #bd2a2a 100%);
 background:linear-gradient(to bottom, #b35959 5%, #bd2a2a 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b35959', endColorstr='#bd2a2a',GradientType=0);
 background-color:#b35959;
 -moz-border-radius:6px;
 -webkit-border-radius:6px;
 border-radius:6px;
 display:inline-block;
 cursor:pointer;
 color:#ffffff;
 font-family:Arial;
 font-weight:bold;
 padding:5px 30px;
 text-decoration:none;
 text-shadow:0px 1px 0px #3d768a;
}

.btn-danger:hover {
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bd2a2a), color-stop(1, #b35959));
 background:-moz-linear-gradient(top, #bd2a2a 5%, #b35959 100%);
 background:-webkit-linear-gradient(top, #bd2a2a 5%, #b35959 100%);
 background:-o-linear-gradient(top, #bd2a2a 5%, #b35959 100%);
 background:-ms-linear-gradient(top, #bd2a2a 5%, #b35959 100%);
 background:linear-gradient(to bottom, #bd2a2a 5%, #b35959 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd2a2a', endColorstr='#b35959',GradientType=0);
 background-color:#408c99;
}
.btn-danger:active {
 position:relative;
 top:1px;
}


/*************************************** NAVBAR *******************************/
.logo-brand{
	max-height:60px;
	margin-right:1em;
}
.navbar-brand{
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
}

.navbar-light{
 background-color: white !important;
}

.navbar-nav{
 background-color: white;
 padding:10px;
}

.navbar-expand-lg{
  height: 96px !important;
}


li.active a{
	color:black!important;
	font-weight: bold;
}

.navbar-light .navbar-toggler{
  border-color:transparent !important;
}
.dropdown-item.active, .dropdown-item:active{
 background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
 background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
 background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
 background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
 background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
 background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
 background-color:#599bb3;

}
.dropdown-item:hover{
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
  background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
  background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
  background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
  background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
  background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
  background-color:#408c99;
}
.dropdown-menu{
  margin-top:5px;
  z-index:1002;
}

/*BARRE SOMBRE SOUS NAVBAR */
#container_nav{
  background-color: #ccc;
  color:#000;
  position: -webkit-sticky;
  position: sticky;
  top: 96px;
  width:100%;
  height:10px;
  margin-bottom:20px;
  z-index: 1001;
  box-shadow: 0px 5px 5px rgba(10,10,10,0.1);
}

/***************************** LOGIN PAGE *************************/
.logo_login{
  width:200px;
  margin-bottom:30px;
}

.container-login{
  width:100%;
  padding:20px;
  background-color: rgb(0,63,102);
  box-shadow: inset 0px 0px 300px 0px rgba(0,0,0,.3);
  border: solid rgba(0,0,0,0) 1px;
}

.btn-custom{
  background-color: rgb(87,149, 187); ;
  color: #fff;
  margin: 10px auto 20px;
  font-weight: 700;
}
.btn-custom:hover{
  background-color: rgb(0,63,102);
  color:white;
}

.container-anim{
  animation-name: apparition-fond;
  animation-duration: 1s;
  margin-top: 10vh;
  text-align: center;
  padding: 30px;
  border-radius: 10px;
}
.contenu-login{
  opacity: 0;
  animation-name: apparition-contenu;
  animation-delay: .8s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes apparition-fond {
  from{transform: scale(0,0);}
  to{transform: scale(1,1);}
}
@keyframes apparition-logo {
  0%{opacity: 0;transform: translateY(122px);}
  100%{opacity: 1;transform: translateY(0);}
}
@keyframes apparition-contenu{
  from{opacity: 0}
  to{opacity: 1}
}
@media screen and (max-width: 480px) {
  .container-anim{margin-top:3vh}
  .login-titres{margin:10px 0}
}

/**************************** AUTRE MISE EN FORME GENERALE **************************/
.img-thumbnail{
  max-height:150px;
}

.realisation, .actu, .information{
  margin-bottom: 20px;
}

.legend{
  color:#999;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
}

.realisation_image{
  width:100%;

}

.titre{
  font-size: 1.2em;
  display:block;
  line-height:1.1em;
  overflow-wrap: break-word;
  max-height:45px;
  overflow: hidden;
}

.img-thumbnail{
  max-height:100px;
}

input, textarea, select{
 margin-top: 0.1em;
 margin-bottom: 0.5em;
}

label{
  margin-top: 0.1em;
}

.block_container{
 border:1px solid rgba(200,200,200,0.4);
 border-radius: 3px;
 background-color: rgba(200,200,200,0.2);
 padding: 10px;
 margin-top: 12px;
 margin-bottom: 12px;
}


/************************************* CARTE DES PIRATES ****************************/ 
#map{ /* la carte DOIT avoir une hauteur sinon elle n'apparaît pas */
height:80vh;
}

/************************************** MEDIA QUERIES *******************************/
/****** Pour éviter que le burger passe en dessous */
@media (max-width: 330px) { 
  #brand{
    display:none;
  }
}

/****** Pour éviter que les li passent sur 2 lignes */
@media (min-width: 990px) and (max-width:1200px) { 
  #brand{
    display:none;
  }
}



@media (max-width: 991px) { 
  .navbar-nav{
    border: 1px solid rgba(100,100,100,0.2);
    box-shadow: 0px 3px 3px rgba(100,100,100,0.2);
  }
  .titre{
    font-size: 0.85em;
  }

  input{
    font-size: 0.8em;
  }

  th{
    font-size: 0.7em;
  }
  td {
    font-size: 0.75em;
  }
}
.lien-action {display:block;}
a.btn_likes {border-radius:10px;background-color:#666;padding:6px 10px;font-size:130%;color:#fff !important;text-decoration:none;cursor:pointer;}
a.btn_likes:hover {background-color:#D70060;}
a.btn_likes i {margin-right:10px;}

/* annuaire */
.infosjd {position:absolute;bottom:5px;color:#333;font-weight:400;}
a:hover .infosjd {color:#333;}
/* Carte */
.nb_likes {position:absolute;right:15px;background-color:red;top:0;background-color:#fff;color:#444;font-size:90%;font-weight:300;padding:2px 5px;border:1px solid #ccc;}
.marker-cluster-small {background-color: rgba(215, 0, 96, 0.6);}
.marker-cluster-small div {background-color: rgba(215, 0, 96, 0.6);color:#fff;}
.btn {background-color:#00a1cb;color:#fff;}

/*fiche JD*/
.liste_entreprises a{font-weight:400;font-size:95%;}
.action_fist {border-radius:10px;background-color:#d70060;color:#fff;padding:3px 6px;}

/*menu*/
.nav-link {text-align:center;margin-right:15px;}
.nav-link i {
	font-size:2em;
	display:block;
	margin-bottom:4px;
}
@media (min-width: 991.98px) { #moncompte {border-left:1px solid #ddd;padding-left:20px;} }

/*upload information*/
.preview {
	height:150px;
}

#img_preview {height:150px;width:auto;margin-bottom:10px;}
/*footer*/