/* Feuille de css commune pour le site et l'app, attention, il peut y avoir de mauvaises surprises */
/* car des choses différentes peuvent avoir le même nom ou faire des choses différentes dans les deux */

/* Note: pour débugger, utiliser 
body { background-color: pink !important; }
 * à coller n'importe où dans le style.css dans le débuggeur firefox / Editeur de style / style.css
 * ou directement dans style.css si on a peur qu'elle ne soit pas chargée, avec un peu de dichotomie
 * on y arrive bien
 */

:root{
    --moco-green: rgb(120,197,117);
    --moco-blue: rgb(0,192,255);
}
.container-fluid {
    padding:0px;
}
/* sur les onglets */
.btn-success{
    background-color: var(--moco-green);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.18), 0 1px 5px 0 rgba(0,0,0,0.15);
    color:black;
}
.skin-blue .main-header .logo{
    color:black;
    padding:0px;
}
.content { 
    padding-top:0px;
}
.main-sidebar {
    padding-top: 50px;
}
.popover-content{
    color: black;
}
.sideMessage{
    color:red;
    padding-left:14px;
}
.rightAlign{
    float:right;
}
#check_forceMatchYear {
	padding-top: 0px;
	margin-top: -30px;
}
#filtreScaleChoice {
	padding-top: 0px;
	margin-top: -15px;
}

#plageClimat-label {
	font-weight: normal;
	font-style: italic;
}
#plageAnnees-label {
	font-weight: normal;
	font-style: italic;
}
#Annee-label {
	font-weight: normal;
	font-style: italic;
}
#check_forceMatchCultMulti{
	margin-top: -35px;
}
#summariseValues_checkbox{
	padding-top: 0px;
	margin-top: -30px;	
}
#typeExploitDephy-label {
	font-weight:normal;
	font-style:italic;
	padding-top:0px;
}
#modeProductDephy-label {
	font-weight:normal;
	font-style:italic;
}
#otex18_nom-label {
	font-weight:normal;
	font-style:italic;
}
#cultDansSystemesComp-label {
	font-weight:normal;
	font-style:italic;
}
#filterNA-label {
	font-weight:normal;
	font-style:italic;
}
/* Menu session */
#MenuSession { 
    float:right;
}
/* Dropdown Button */
.dropbtntypetab {
	background-color: var(--moco-green);
	color: black;
	margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
	font-size: 20px;
	cursor: pointer; 
	font-weight: 400;
    font-family: Source Sans Pro,sans-serif;
    border: 1px solid grey;
    padding:0.5em;
}
.dropbtn {
	background-color: var(--moco-blue);
	color: black;
	margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
	font-size: 20px;
	cursor: pointer; 
	border: none ;
	font-weight: 400;
    font-family: Source Sans Pro,sans-serif;
    box-shadow: none;
    margin-inline: 0.5em;
}
.menu-btn {
	background-color: transparent;
	color: black;
	padding: 5px;
	font-size: 14px;
	border: none;
	cursor: pointer;
	min-width: 160px;
}
/* Dropdown button on hover & focus */
.dropbtn:hover, .menu-btn:hover {
    color: white;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;    
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	right: 0;/*Aligner sur le bord droit */
	background-color: var(--moco-blue) ;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border: 1px solid grey;
    border-radius: 3px;
	z-index: 1;
	            
}
/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;        
}
/* Change color of dropdown links on hover */
/*.dropdown-content a:hover {background-color: #2980B9;} */

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

/* le titre */
.logobrand {
    margin-right: 0.3em;
    vertical-align: sub;
}
span.mocoribabrand {
    font-size: 21.5px;
    font-family: Source Sans Pro, sans-serif;
    font-weight: 400;
    color: rgb(10,10,10,0.8);
}
span.VizIdentity {
    font-size: 29px;
    font-family: Birthstone, Source Sans Pro, sans-serif;
    font-weight: 400;
    font-style: normal;
    padding:0px;
}
.docsViz {
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    top: -3px;
}
span.mocoribabrand:hover{
    color: rgb(10,10,10,0.95);
}
.versionTag {
    font-size: small;
    background-color: rgb(255,255,255);
    border-radius: 3px;
    margin-left: 0.2em;
    vertical-align:middle;
}



/* pour site quarto */
#quarto-header > nav {
    padding-left: 0em;
    padding-right: 0em;
    height:50px;
}

/* le gradient dans la barre de navigation (haut) */
.navbar { 
    background: linear-gradient(45deg,rgb(0,192,255),rgb(120,197,117));
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-right: 0.2em;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.4);
}
/* la taille du logo */
.navbar-logo { 
    max-height: 1.6em;
    padding-left: 1em;
}

/* Pour le titre dans la barre de navigation */
.navbar-brand {
    --bs-navbar-brand-hover-color: rgb(10,10,10,0.95);
    color: rgb(10,10,10,0.8);
    padding-left: 0.3em;
}
/* pour les éléments de la barre de navigation */
.navbar-nav {
    --bs-navbar-color: rgb(10,10,10,0.85);
    --bs-navbar-hover-color: rgb(10,10,10,0.95);
    --bs-navbar-active-color: rgb(10,10,10,0.7);
}
.navbar-nav li:nth-child(1) a{
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -2px;
}

/* aspect du pied de page */
.footer {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.4);
}
.nav-footer {
    /* background: linear-gradient(45deg,rgb(120,197,117),rgb(0,192,255)); */
}

.thumbnail-image.card-img {
    height: auto;
}