/** STRUCTURE **/

body {
background-image: url(../img/bg_body.gif);
background-repeat: repeat-x;
background-attachment: fixed;
}

body.admin {
background: #C0C0C0;
}

.img-thumbnail {
min-width: 200px;
min-height: 150px;
}

.spin {
animation-name: spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear; 
}

@keyframes spin {
	from {
	    transform:rotate(0deg);
	}
	to {
	    transform:rotate(360deg);
	}
}

.container {
background-color: #fff;
min-height: 100%;
box-shadow: 1px 1px 12px #555;
margin:10px auto;
}

#header {
max-height:150px;
margin-bottom:15px;
}

.admin #header {
height: 30px;
}

#footer {
min-height: 200px;
background: #F5F5F5;
border-top: 1px solid #ccc;
margin-top: 20px;
}

#main {
min-height:400px;

}

h4, .h4 {
font-weight: bold;
}

#footer h4 {
font-weight: bold;
color: #5F5F5F;
padding: 0 0 0 11px;
}

#footer ul {
list-style-type: none;
padding: 0 0 0 10px;
border-left:1px solid #ccc;
}

#footer ul li {
margin-top: 5px;
}

#footer ul li a {
color: #5F5F5F;
}

.texte-intro {
font-size:14px;
}

#nav.nav.nav-pills > li > a {
font-size:14px;
font-weight:bold;
}

#mainNav li {
float:left;
}

#mainNav li > ul {
display:none;
list-style-type:none;
position:absolute;
z-index:9999;
background:#fff;
width:100%;
padding:0;
border: 1px solid #eeeeee;
border-radius: 4px 4px 4px 4px;
}

#mainNav li:hover > ul {
display:block;
}

#mainNav li > ul li {
width:100%;
}

#mainNav li > ul li a {
display:block;
padding: 10px 15px;
}

#mainNav li > ul li a:hover, #mainNav li > ul li a:focus {
text-decoration:none;
background-color:#eeeeee;
border-bottom: 1px solid #eeeeee;
}
/* MYMODAL */

#mapmodalback {
position:fixed;
top:0;
left:0;
background: rgba(85, 85, 85, 0.5);
width:100%;
height:100%;
display:none;
}

#mapmodal {
position:fixed;
width:40%;
top:30px;
left:30%;
z-index:99999;
margin:0 auto;
padding:0 10px 10px 10px;
background:#fff;
border-radius:5px;
}

#mapmodal #map {
width:100%;
height:600px;
}

/* CUSTOM COLORS */

a,
a:hover,
a:active,
a:focus,
.leaflet-container a {
color: #79B51C;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
background-color: #79B51C;
}

.form-control:focus {
border-color: #79B51C;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(121, 181, 28, 0.6);
}

/** TABLEAUX **/

.table th {
white-space:nowrap;
}

th.code_station {
min-width:95px;
}

th.ibgn {
min-width:50px;
}

th.gfi {
min-width:40px;
}

th.taxon_indicateur {
min-width:40px;
}

th.variete {
min-width:140px;
}

th.lim_classe {
min-width:106px;
}

th.type_cemagref {
min-width:114px;
}

/** LISTE FAUNISTIQUE **/

.listedownloadlink {
float:right;
font-size:12px;
margin-top:20px;
}

/** STATIONS **/
#map {
height:400px;
margin-bottom: 17px;
}

/** TOOLTIP **/
.myTooltip {
cursor:pointer;
}

#myTooltip img {
-webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
-moz-box-shadow:0px 6px 12px rgba(0, 0, 0, 0.176);
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
max-width:350px;
}

/* LEGENDE */

.legende {
width:150px;
max-width: none;
}

.legende-double {
width:270px;
}

.legende td, .legende th {
text-align: left;
padding: 2px 10px;
}

.legende .color-square {
display: inline-block;
height: 15px;
width: 15px;
vertical-align: middle;
}

.echelle {
width: 100%;
border-collapse: collapse;
}
.echelle tbody, .echelle tbody td {
border: 1px solid;
}
.echelle thead tr:not(.active) {
display: none;
}
.echelle thead td {
position: relative;
height: 20px;
}
.echelle thead td span {
position: absolute;
top: 0;
right: 0;
transform: translateX(50%);
}
.echelle tbody td {
width: 16.66%;
height: 15px;
}
.echelle tfoot {
text-align: center;
}
.echelle tfoot td {
padding-top: 5px;
}


/* PRESENTATION */

#presentation h2 {
margin-top:40px;
}

/* NAVBAR */

.sidebar-nav {
padding: 9px 0;
}

.dropdown-menu .sub-menu {
left: 100%;
position: absolute;
top: 0;
visibility: hidden;
margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
visibility: visible;
}

.dropdown:hover .dropdown-menu {
display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
margin-top: 0;
}

.navbar .sub-menu:before {
border-bottom: 7px solid transparent;
border-left: none;
border-right: 7px solid rgba(0, 0, 0, 0.2);
border-top: 7px solid transparent;
left: -7px;
top: 10px;
}
.navbar .sub-menu:after {
border-top: 6px solid transparent;
border-left: none;
border-right: 6px solid #fff;
border-bottom: 6px solid transparent;
left: 10px;
top: 11px;
left: -6px;
}

/* LISTS */

.spaced-list > li {
margin-bottom:15px;
}

/* TABLES */
.table.table-clickable tbody tr {
cursor: pointer;
}
.table.table-filtrable thead tr:first-child th {
border-bottom-width: 0;
}
.table.table-filtrable thead tr.filtres td {
border-top-width: 0;
}
/*
.table.datatable {
position: relative;
display: block;
height: 400px;
overflow-y: hidden;
}
.table.datatable > * {
filter: blur(3px);
}
.table.datatable::after {
content: "Chargement...";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding-top: 80px;
text-align: center;
background: rgba(255,255,255, 0.6);
}
.dataTables_wrapper .table.datatable {
height: auto;
overflow-y: auto;
display: table;
}
.dataTables_wrapper .table.datatable > * {
filter: none;
}
.dataTables_wrapper .table.datatable::after {
display: none;
}
*/
.table.table-filtrable .nowrap {
white-space: nowrap;
word-break: keep-all;
}
.table.table-filtrable .select2-container--default .select2-selection--multiple .select2-selection__choice {
font-size: 80% !important;
}
.table.table-filtrable .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
white-space: nowrap;
text-overflow: ellipsis;
width: calc(100% - 15px);
display: inline-block;
overflow: hidden;
line-height: 100%;
}
.select-echelle .dropdown-menu {
margin-top: 0;
}
.select-echelle > a {
color: #333;
}
.select-echelle > a:hover {
text-decoration:underline;
text-decoration-style: dotted;
}
select#echelle {
width: 500px;
}
.w-100 {
width: 100% !important;
}