@charset "iso-8859-1";
/* CSS Document */

/* RÉSULTATS */
/****************************/
.resultat{ padding:13px 0; }
.resultat div { float:none;display:inline-block;vertical-align:middle; }

.wrapper-dropdown { background-color:#0099FF; }

.filtre-recherche{position:relative;display:inline-block;border:solid 1px #0099FF;  color:#0099FF;top:-3px !important;margin:0 9px 10px 9px;text-align:center;width:auto;}
.bloc-niveau .filtre-recherche{border:solid 1px #0055FF;  color:#0055FF;}
.filtre-recherche .supprimer-filtre { color:#0099FF;font-size:16px; }
.filtre-recherche:hover, .filtre-recherche:hover .nom-filtre, .filtre-recherche:hover .supprimer-filtre, .filtre-recherche.active .nom-filtre{color:#FFF;background-color:#0099FF;}
.bloc-niveau .filtre-recherche:hover .nom-filtre, .bloc-niveau .filtre-recherche:hover .supprimer-filtre, .bloc-niveau .filtre-recherche.active .nom-filtre{color:#FFF;background-color:#0055FF;}
.filtre-recherche .nom-filtre {position:relative;display:inline-block;font-family: 'Raleway', sans-serif;font-weight:400 ;color: #000;font-size:15px;padding:0 10px;background-color: #FFF;z-index:5;}
.filtre-recherche .supprimer{ background:url(../images/icones-baseconnaissances/supprimer.png) no-repeat; width:17px; height:17px;position:absolute;top:-1px; right:0px; cursor:pointer; cursor:hand;transition:right 0.5s ease;z-index:0; }
/*.filtre-recherche:hover .supprimer,*/ .filtre-recherche.active .supprimer{right:-19px;}

/* NAVIGATION CATÉGORIES */
#nav-categories{ border:#0099FF solid 1px; background-color:transparent !important;}
#nav-categories .navbar-nav{padding:0px;margin-left:-15px;margin-right:-15px;}
#nav-categories .navbar-nav > li > a, #nav-categories .dropdown-menu > li > a {font-size:13px !important; padding:15px 10px;line-height:18px;}
#nav-categories .navbar-nav > .active > a, #nav-categories .dropdown-menu > .active > a, #nav-categories .dropdown-menu > .active > a:hover, #nav-categories .navbar-nav > .active > a:hover{ background-color:#0099FF !important; color:#fff !important;}
#nav-categories .navbar-nav > li > a:hover, #nav-categories .dropdown-menu > li > a:hover { background-color:#f5f5f5 !important; color: #0099FF; }


#bloc-especes img{display:block;}
#bloc-especes > div {cursor:pointer; cursor:hand;}
#bloc-especes > div > div {position:relative;width:148px; height:124px; margin:auto; border:solid 1px #0055FF;transition: background 0.3s, color 0.3s;}
#bloc-especes > div > div:hover, #bloc-especes > div > div.active {background-color:#0055FF; }
#bloc-especes > div > div:hover > div, #bloc-especes > div > div.active > div {color:#FFFFFF !important;}
#bloc-especes > div > div > div {position:absolute; top:65px;text-align:center;width:100%;text-transform:uppercase;}

.gray-grad {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ebebeb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ebebeb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ebebeb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ebebeb); /* Standard syntax */
}
	
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	.resultat div { text-align:center; margin-top:10px;margin-bottom:10px; }
	#nav-categories .dropdown-menu > li > a{margin-left:10px;}
}

@media (min-width: 768px) {
	.resultat div { float:none;display:inline-block;vertical-align:middle; }
	
	/* navigatiion pc */
	#nav-categories{ border:none; background-color:transparent !important;}
	#nav-categories .navbar-nav > li {/*border-right: #0099FF solid 1px;border-top: #0099FF solid 1px;border-bottom: #0099FF solid 1px;*/border: #0099FF solid 1px;margin-bottom:10px;margin-right:-1px;}
	#nav-categories .navbar-nav > li:first-child {border-left: #0099FF solid 1px;}
	/*#nav-categories .navbar-nav > li:first-child, #nav-categories .navbar-nav > li:first-child > a {border-radius:4px 0 0 4px ;}
	#nav-categories .navbar-nav > li:last-child, #nav-categories .navbar-nav > li:last-child > a {border-radius:0 4px 4px 0;}*/
	#nav-categories .navbar-nav { display: inline-block; float: none; min-height:28px; /*height: 28px; */;}
	#nav-categories .navbar-collapse { text-align: center;}
	#nav-categories .dropdown-menu > li:hover { visibility: visible; }
	#nav-categories .dropdown:hover .dropdown-menu { display: block; margin-top: 0; }
	#nav-categories .dropdown-menu{min-width:100%;}
#nav-categories .nav.navbar-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}	
}