@charset "utf-8";
/* CSS Document */

html { height: -webkit-fill-available; }

body {
	font-family: 'century_gothicregular';
	min-height: 100vh;
}

.shadow_snef {
	box-shadow: 0 0 30px -20px var(--couleur2);
}

.no-border td { border: 0 solid black !important;}

/******************************** BORDURES GAUCHE **********************************/

.border-lc1 {
	border: solid var(--couleur1);
	border-width: 0 0 0 2px;
}

.border-lc2 {
	border: solid var(--couleur2);
	border-width: 0 0 0 2px;
}

.border-lc3 {
	border: solid var(--couleur3);
	border-width: 0 0 0 2px;
}

.border-lc4 {
	border: solid var(--couleur4);
	border-width: 0 0 0 2px;
}

.border-lc5 {
	border: solid var(--couleur5);
	border-width: 0 0 0 2px;
}

.border-lc6 {
	border: solid var(--couleur6);
	border-width: 0 0 0 2px;
}

.border-lc7 {
	border: solid var(--couleur7);
	border-width: 0 0 0 2px;
}

.border-lc8 {
	border: solid var(--couleur8);
	border-width: 0 0 0 2px;
}

/******************************** ANIMATIONS **********************************/

@keyframes anim-rotation {
	0% { transform: rotate(0)}
	100% { transform: rotate(-360deg)}
}

@keyframes anim-flash {
	0% { opacity: 1}
	45% { opacity: 0}
	100% { opacity: 1}
}

@keyframes anim-fade-down {
	0% { transform: translateY(-15px); opacity: 0}
	75% { transform: translate(0); opacity: 1}
}

@keyframes anim-fade-inner {
	0% { transform: scale(0.6); opacity: 0}
	100% { transform: scale(1); opacity: 1}
}

@keyframes anim-zoom {
	0% { transform: scale(1);}
	100% { transform: scale(1.5);}
}

.anim-rotation:hover { animation: anim-rotation 2s infinite;}
.anim-fade-inner:hover { animation: anim-fade-inner 2s infinite}
.anim-zoom:hover { animation: anim-zoom 1s infinite}
.anim-fade-down:hover { animation: anim-fade-down 1.5s infinite;}

/******************************** BOUTONS / LIENS **********************************/

.btn {
	--bs-btn-border-width: 2px;
	--bs-btn-border-radius: 0;
	padding-left: 20px;
	padding-right: 20px;
}

.btn-primary {
	--bs-btn-bg: var(--couleur1); 
	--bs-btn-border-color: var(--couleur1);
	--bs-btn-hover-color: var(--couleur1);
	--bs-btn-hover-bg: white;
	--bs-btn-hover-border-color: var(--couleur1);
    --bs-btn-focus-shadow-rgb: var(--couleur1-rgb);
    --bs-btn-active-color: var(--couleur1);
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: var(--couleur2);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: black;
    --bs-btn-disabled-bg: var(--couleur5);
    --bs-btn-disabled-border-color: var(--couleur5);
}
.btn-outline-primary {
    --bs-btn-color: var(--couleur1);
    --bs-btn-border-color: var(--couleur1);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--couleur1);
    --bs-btn-hover-border-color: var(--couleur1);
    --bs-btn-focus-shadow-rgb: var(--couleur1-rgb);
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--couleur1);
    --bs-btn-active-border-color: var(--couleur1);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--couleur1);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--couleur5);
    --bs-gradient: none;
}
.btn-secondary {
    --bs-btn-bg: var(--couleur4);
    --bs-btn-border-color: var(--couleur4);
    --bs-btn-hover-color: var(--couleur4);
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: var(--couleur4);
    --bs-btn-focus-shadow-rgb: var(--couleur4-rgb);
    --bs-btn-active-color: var(--couleur4);
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: var(--couleur4);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: black;
    --bs-btn-disabled-bg: var(--couleur5);
    --bs-btn-disabled-border-color: var(--couleur5);
}
.btn-outline-secondary {
    --bs-btn-color: var(--couleur4);
    --bs-btn-border-color: var(--couleur4);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--couleur4);
    --bs-btn-hover-border-color: var(--couleur4);
    --bs-btn-focus-shadow-rgb: var(--couleur4-rgb);
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--couleur4);
    --bs-btn-active-border-color: var(--couleur4);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--couleur4);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--couleur5);
    --bs-gradient: none;
}
.btn-danger {
    --bs-btn-bg: var(--couleur9);
    --bs-btn-border-color: var(--couleur9);
    --bs-btn-hover-color: var(--couleur9);
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: var(--couleur9);
    --bs-btn-focus-shadow-rgb: var(--couleur9-rgb);
    --bs-btn-active-color: var(--couleur9);
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: var(--couleur9);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: black;
    --bs-btn-disabled-bg: var(--couleur5);
    --bs-btn-disabled-border-color: var(--couleur5);
}
.btn-outline-danger {
    --bs-btn-color: var(--couleur9);
    --bs-btn-border-color: var(--couleur9);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--couleur9);
    --bs-btn-hover-border-color: var(--couleur9);
    --bs-btn-focus-shadow-rgb: var(--couleur9-rgb);
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--couleur9);
    --bs-btn-active-border-color: var(--couleur9);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--couleur9);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--couleur9);
    --bs-gradient: none;
}
.btn-warning {
	--bs-btn-color: white;
    --bs-btn-bg: var(--couleur7);
    --bs-btn-border-color: var(--couleur7);
    --bs-btn-hover-color: var(--couleur7);
    --bs-btn-hover-bg: white;
    --bs-btn-hover-border-color: var(--couleur7);
    --bs-btn-focus-shadow-rgb: var(--couleur7-rgb);
    --bs-btn-active-color: var(--couleur7);
    --bs-btn-active-bg: white;
    --bs-btn-active-border-color: var(--couleur7);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: black;
    --bs-btn-disabled-bg: var(--couleur5);
    --bs-btn-disabled-border-color: var(--couleur5);
}
.btn-outline-warning {
    --bs-btn-color: var(--couleur7);
    --bs-btn-border-color: var(--couleur7);
    --bs-btn-hover-color: white;
    --bs-btn-hover-bg: var(--couleur7);
    --bs-btn-hover-border-color: var(--couleur7);
    --bs-btn-focus-shadow-rgb: var(--couleur7-rgb);
    --bs-btn-active-color: white;
    --bs-btn-active-bg: var(--couleur7);
    --bs-btn-active-border-color: var(--couleur7);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--couleur7);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--couleur7);
    --bs-gradient: none;
}

.btn.couleur1:hover {
	color: var(--couleur7) !important;
}

.i-bulle {
	background-color: var(--couleur1);
	color: white;
	padding: 3px;
}

a {	text-decoration: none;}
a:hover { text-decoration: underline;}

.dropdown-menu a i:hover, .i-hover:hover {
	color: var(--couleur7) !important;
}

/******************************** FORM **********************************/
.form-floating label {
	color: var(--couleur4);
}

input.form-control {
	border: 1px solid #E0E0E0;
}

input[type=text], input[type=password] {
	border-radius: 0;
}

/******************************** ACCUEIL **********************************/

#bg-accueil {
	background: url("../img/groupesnef_bg_solutions_header.jpg") top center no-repeat;
	background-size: auto 600px;
}

#titre-accueil {
	margin: 10vh 10vh 6vh 10vh;
}

#form-accueil {
	margin-top: 5vh;
}

#form-accueil button {
	width: 36px;
	height: 36px;
	padding: 5px;
}

#accueil-geo:hover i { animation: anim-fade-down 1.5s infinite;}
#accueil-process:hover i { animation: anim-rotation 2s infinite;}
#accueil-elec:hover i { animation: anim-flash 1s infinite;}

#accueil-nav-elec-mobile, #accueil-nav-geo-mobile, #accueil-nav-process-mobile {
	display: none !important;
}

@media only screen and (max-width:576px) {
	#titre-accueil {
		margin: 5vh 5vh 3vh 5vh;
	}
	#accueil-geo, #accueil-process, #accueil-elec { 
		width: 100%;
		max-width: 100%;
	}
	#accueil-nav-elec-desktop, #accueil-nav-geo-desktop, #accueil-nav-process-desktop {
		display: none;
	}
	#accueil-nav-elec-mobile, #accueil-nav-geo-mobile, #accueil-nav-process-mobile {
		display: flex !important;
	}
}

/******************************** EXPLORATEUR **********************************/

#dropdown-explorateur button:active, #dropdown-explorateur button.btn.show {
	border: 0 solid black !important;
}

#tab-objet .active, #tab-objet .nav-link:focus {
	border: solid var(--couleur1);
	border-width: 0 0 2px 0;
}

#tab-objet .nav-link:hover {
	border: solid var(--couleur7);
	border-width: 0 0 2px 0;
}

#tab-objet .nav-tabs {
	--bs-nav-tabs-border-width:0 !important;
}

#contenu-tab-objet .tab-pane .badge {
	font-weight: normal;
}

#contenu-tab-objet .tab-pane .badge a i:hover {
	background-color: var(--couleur7);
}

#contenu-tab-objet table a i:hover {
	color: var(--couleur7);
}

/******************************** DIMENSIONS **********************************/

.max-width-250px { max-width: 250px;}

@media only screen and (min-width:1200px) {
	.h-vh-calc { height: calc(100vh - 10rem)}
}