html {
	height: 100%;
}

body {
	font-family: Montserrat, sans-serif !important;
	background-color: #fff;		/*  #C8E7F6;  */
	color: #004687;
	overflow: hidden;
}

body.index {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
}

body:not(.geoproject) {
	overflow: visible;
	padding: 0px 15px;
}

input[type=checkbox], 
input[type=radio] {
	vertical-align: middle;
	margin: 2px;
}

/* * messages d'alerte  * */
div.alert-div {
	position: absolute;
	top: -30px;
	width: 95%;
	height: 0px;
	margin-left: 1%;
	overflow: visible;
}

.alert-div > div {
	z-index: 99;
	top: 90px;
}

.alert-div .alert {
	z-index: 9999;
	display: none;
}

.alert-div .alert a {
	margin: 0px 10px;
}

select option:disabled {
	cursor: not-allowed;
	background-color: lightgray;
}

/* ==* index page de login ==* */ 
/*  la classe form-control s'en charge  */
/*  
.login input { 
	width: 100%;
}
 */

/* ==* Permet de fixer toutes les colonnes à la même height ==* */	
.login-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.login-row > * {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.img-login img {
	width: 100%;
}

.logo-login {
	padding: 1em;
	flex-direction: row;
	justify-content: center;
}

#logo-login {
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	min-height: 5em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

i.ico-login {
	padding: 0 3px;
	z-index: 2;
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: auto;
	line-height: 30px;
	display: inline-block;
	color: #909090;
	font-size: 16px;
	right: 20px;
}

.login-title {
	font-size: 24px;
	font-weight: 500;
}

.login-title p {		
	padding: 0px;
	margin: 0px;
}

.login {
	border: solid 3px;
/* 	border-radius: 8px;  */
	border-radius: 0px 0px 6px 6px ;		
}

.geo-bo-color {
	border: solid 3px;		
}

.yellow-bg {
	background-color: #fffacc !important;
}

.gray-bg {
	background-color: #ccc !important;
}

.red-bg {
	background-color: #FF9999 !important;
	color: #FFFFFF !important;
} 

.black-bg {
	background-color: #000 !important;
}

.gray-text {
	color: #999 !important;
}

.gray-bg .gray-text {
	color: #fff !important;
}

/* ====================================* */
.acc-imgs {
	margin-left: 10px;
	margin-right: 10px;
}

.acc-imgs div {
	background-repeat: no-repeat;
	background-size: cover;
}

.acc-imgs.p50 div {
	min-height: 50px;
}

.acc-imgs.p70 div {
	min-height: 70px;
}

/* === couleurs background Login ==== */
form {
	margin: 0px;
}

.footer {
	height: 5px;
}


div.band {
	background-size: cover;
}

#login-text {
	text-align: justify;
}

#bandSize {
	transition: height 0.3s ease;
}

#login-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#login-container > * {
	width: 100%;
	display: flex;
	justify-content: center;
}

/* == Small devices (tablets, 768px and up) == */
@media (max-width: 991px) {
	.login-content {
		padding: 1em;
	}
	
	.login-content > * {
		flex: 0 1 100%;
	}
}

.login-contact {
	list-style-type: none;
	padding-left: 1em;
}

.login-contact .phone:before {
	content: "\f095";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	margin-right: 0.5em;
}

.login-contact .email:before {
	content: "\f0e0";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	margin-right: 0.5em;
}

@media (min-width: 992px) {
	.login-content > * {
		flex: 0 1 66%;
		margin: 0;
	}
}


body.index #modal-force-login .modal-content {
	padding: 0;
}

body.index #modal-force-login .modal-footer .geo-btn {
	margin: 0;
}

body.index div.fullscreen-header {
	height: 100%;
}

.login-footer {
	margin-top: 0.5em;
}

.login-footer > a {
	text-align: center;
	font-size: 1em;
	line-height: 1.5em;
}

.login-footer i, 
.login-footer p {
	display: inline;
}

#login-form {
	padding: 0.5em 0;
}

#login-form .validation-row .geo-btn {
	max-width: none;
	width: 100%;
	margin: 0 0;
}

#login-form > *:not(:first-of-type) {
	margin-top: 0.5em;
}

.big-head {
	height: 140px;
}

.small-head {
	height: 70px;
}

/*  
div.band > div {
	height: 140px;
}
 */

/*  
div.band > div:first-child {
	height: 68px;
}
 */

#logo {
	max-height: 41px;		/*  le div contenant à 10px de padding  */
}

/* == Small devices (tablets, 768px and up) == */
@media (max-width: 768px) {
	div:not(.small-head) > div.headl.overlay-white {
		top: 75%;
	}
}

@media (min-width: 768px) {
/* 
	div.band > div:first-child {
		height: 140px;
	}
 */
	div:not(.small-head) > div > #logo {
		max-height: 100px;
	}
}

.logout {
	height: 68px;
}

.logout div {
	display: inline-block;
	vertical-align: middle;
	right: 40px;
}

.overlay-white {
	background-color: #fff;
	padding: 10px;
	border-radius: 8px;
}

.mat-link {
	padding: 15px;
}

.mat-link .overlay-white {
	background-color: #eee;
}

.headr.overlay-white {
	min-width: 390px;
}

.headr.overlay-white > div:first-of-type {
	float: left;
}

.headr.overlay-white > div:nth-of-type(2n) {
	float: right;
	padding: 5px;
}

#Deconnexion {
	font-size: 0.8em;
}

div.lowhead {
	height: 72px;
}

.header {
/* 	background-color: #ffffff;  */
	color: #000000;		
	height: 60px;
	display: table;
}

.header div {
	display: inline-block;
	vertical-align: middle;
}

.header-overlay-r,
.header-overlay-l {
	height: 100%;
	width: 100%;	
}

.header-overlay-r {
	background-image: url(../../images/bandeau-droite.png);
	background-position: left 100% top;
}

.header-overlay-l {
	background-image: url(../../images/bandeau-gauche.png);
	background-position: right 100% top;
}

.titre-boite {
	margin: 10px;
}


div.spacer-middle {
	min-height: 5%;
}

a i,.pointer i {
	vertical-align: middle;
}

a:not(.disabled):hover i,
.pointer:not(.disabled):hover i {
	text-shadow: grey 2px 2px 3px;
	transform: translate(-1px,-1px);
}

*.pointer {
	cursor: pointer;
}

a.disabled i,
.pointer.disabled{
	color: gray;
	cursor: not-allowed;
}

/* ==*	pour centrer les div dans le header ==* */
.text-center-tab * {
	text-align: center;
}

.text-center-tab tr td:first-child {
	text-align: left;
}

.center-v,.center-c,.center-h {
	position: relative;
	min-height: 1.5em;
}

.center-v > div.spacer,
.center-v > div.spacer {
	position: inherit;
	height: 1.5em;
}

.center-v > div,
.center-v > img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
	
.center-h > div,
.center-h > img {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
		
.center-c > div,
.center-c > img {
	position: absolute;
	transform: translate(-50%,-50%);
	top: 50%;
	left: 50%;
}


.headr {
	right: 15px
}

.headl {
	left: 15px
}

/* ======================================== */
.grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.grid > div {
	padding: 3px;
}

.grid .c1 {
	flex: 1 1 auto;
}

.grid .c2 {
	flex: 2 1 auto;
}

.grid .c3 {
	flex: 3 1 auto;
}

.grid.fixed > [class^="c"] {
	flex-basis: 0%
}

/* ======================================== */

.dropdown-header.menuH:before {
	content: '\A';
	position: absolute;
	width: 100%;
	height: 1.6em;
	left: 0;
	background: #000;
	opacity: 0.3;
}

.menuH .btn-group > a {
	padding: 6px 12px
}

#menus {
    display: flex;
}

#menus > * {
    flex: 1 1 1em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

#menus > *:last-of-type {
    flex: 0 1 auto;
    padding-left: 0.5em;
}

#menus > * > * {
    flex: 0 0 auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#menus > *:last-of-type > * {
    flex: 0 0 auto;
    padding: 0.5em;
    justify-content: center;
}


/*  pour l'affichage des menus hover  */
.dropdown-menu.fade {
	display: block;
	opacity: 0;
	pointer-events: none;
	border-radius: 0px;
	padding: 0px;
	min-width: 250px;
}


.dropdown:hover > .dropdown-menu.fade,
.open > .dropdown-menu.fade {
	pointer-events: auto;
	opacity: 1;
}

/* ================================* */
.dropdown-menu span i {
	font-size:1.5em
}

.dropdown-menu .dropdown-header.menuH {
	font-size: 1.0em;
}

.dropdown-menu span {
	margin: 0px 5px;
	font-size: 0.9em;
	line-height: 2em;
}

.maint-btn {
	right: 20px;
	min-width: 440px;
}

.maint-btn > div {
	display: inline-block;
}

.maint-btn img {
	width: 100%;
}

.geo-btn {
	margin: 1%;
	max-width: 200px;
	border-radius: 8px;
}

#fen-principale {
	position: relative;
	max-height: 100%;
	width: 100%;
	height: 100%;
	border: 0;
	marginheight: 0;
	marginwidth: 0;
	background-color: #FFFFFF;
}

 .typeExtra select.form-control{
	max-width:90%;
}



/* ============================================================================================== */
/* ====================================== Gestion TO ======================================= */
/* ============================================================================================== */

#selActionsModal .listeSel select{
	max-width:100%;
}

#selActionsModal .hideList .listeSel{
	display:none;
}
#selActionsModal  .add,
#selActionsModal  .remove{
	float:left;
}

.selActions.set .fa-plus-circle {
	display:none;
}

.selActions:not(.set) .fa-eye{
	display:none;
}


/* ============================================================================================== */
/* ====================================== PAGES D'ACCUEIL ======================================= */
/* ============================================================================================== */
#facultative-container > * {
}

#facultative-container > * > * {
}

/*  Small devices (tablets, 768px and up)  */
@media (min-width: 768px) {
	#facultative-container > * > *:last-of-type:not(:first-of-type) {
		border-width: 0;
		border-left: solid 1px;
	}
}

#facultative-col-1 {
}

#facultative-col-2 {
}

.contact-container {
	display: flex;
	flex-direction: column;
}

.contact-service-container {
	flex: 1 1 auto;
	margin-bottom: 1em;
}

/*  Small devices (tablets, 768px and up)  */
@media (max-width: 767px) {
	.contact-container {
		flex-direction: row;
	}

	.contact-service-container {
		flex-basis: 40%;
	}
}

.contact-service-title {
	font-size: 1.2em;
	margin: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.contact-person-container {
	padding-left: 0.5em;
}

.contact-person-container:not(:first-of-type) {
	margin-top: 1em;
}

.contact-person-container > p {
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	white-space: nowrap;
}

.contact-person-container > p:before {
	font-family: FontAwesome;
	font-size: inherit;
}

.contact-person-address:before { content: "\f0f7"; }
.contact-person-phone:before { content: "\f095"; }
.contact-person-mobile:before { content: "\f10b"; }
.contact-person-fax:before { content: "\f1ac"; }
.contact-person-mail:before { content: "\f003"; }

.contact-person-container .contact-person-address {
	white-space: normal;
}

.contact-person-name {
	font-weight: bold;
}

.container {
	font-size: 0.9em;
	padding-left: 25px;
}


.thin-sep {
	border: none;
	border: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
}

.left-sep {
	border: none;
	border-left: solid 1px;
}

.top-sep {
	border: none;
	border-top: solid 1px;
	padding-top: 10px;
}

.row.eqH {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}

.row.eqH > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

/* ============================================================================================== */
/* ======================================= PAGES D'ADMIN ======================================== */
/* ============================================================================================== */
.admin-title {
	font-size: 2em;
	font-weight: 500;
}

div.table-header {
	font-size: 1.2em;
	font-weight: 400;
}


.actions-div {
	text-align: center;
	min-width: 100px;
}
	
.actions-div div {
	display: inline-block;
}

th.actions-20 {
	width: 30%;
}


div.actions-div.fs1-5 {
	text-align: right;
	font-size: 1.5em;
}


.h-lvl-1 i {
	font-size: 1.5em;
}


.h-lvl-1 {
	min-height: 1.5em;
	font-size: 1.2em;
}


.action-filler {
	width: 1em;
	display: inline-block;
}

.collapseH {
	width: 90%;
	cursor: pointer;
}

select[multiple] {
	height: 200px;
}

.mat-link select[multiple], td select[multiple] {
	height: auto;
}

.ico-repr {
	border-width: thin;
	padding: 10px;
}

.ico-repr label {
	width: 100%;
}

.modal-content {
	padding: 10px 10px 25px 10px;
/* 	min-height: 400px;  */
}

.modal button.close {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

ul.draggablePanelList div.dragPanel {
	cursor: move;
}

.dragging-ancor {
	width: 2em;
}

input.form-control.date-picker {
	display: inline-block;
	width: 90%;
}

.city-sel {
	max-height: 300px;
	overflow-y: auto; 
}

table tr td .form-control {
	width: 100% !important;
}

.table > tbody > tr > td {
	vertical-align: middle;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	padding: 6px;
}

table.dataTable thead.actionAll > tr > th,
table.dataTable thead.actionAll > tr > td {
	padding-right: 6px;
}

.alert {
	font-weight: bold;
}

.input-short input.form-control {
	width: 150px;
	display: inline-block;
}

.row.form-group .toggle.btn {
	min-width: 105px;
}

/* ============================== */		
.color-picker {
	color: white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
 
/*  définition de classes style bootstrap pour le text align responsive  */ 		
.text-right-xs {
	text-align: right;
}

.text-left-xs {
	text-align: left;
}

/*  Small devices (tablets, 768px and up)  */
@media (min-width: 768px) {
	.text-left-sm {
		text-align: left;
	}
	
	.text-right-sm {
		text-align: right;
	}
}

/*  Medium devices (desktops, 992px and up)  */
@media (min-width: 992px) {
	.text-left-md {
		text-align: left;
	}

	.text-right-md {
		text-align: right;
	}
}

/*  Large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {
	.text-left-lg {
		text-align: left;
	}

	.text-right-lg {
		text-align: right;
	}
}

.breadcrumb {
	margin-bottom: 0px;
	border-radius: 0px;
}

/*  
.breadcrumb > .active {
	color: #ccc; 
	text-decoration: underline 
}
 */

.sigUtils {
	margin: 5px;
	float: right;
}

/*  ==========================================================================* */
/*  ==========================================================================* */

@media (min-width: 992px) {
	#foot {
		height: 1.5em;
	}
}

.rss-row {
	position: relative;
	margin-right: 15px;
}

#next-rss {
	cursor: pointer;
	position: absolute;
	top: 75px;
	right: 1;
	font-size: 1.5em;
}

.carousel a:hover {
	color: inherit;
}


.carousel a {
	text-decoration: none;
}

ul.carousel {
	overflow: hidden;
}

.description {
	margin-top: 50px;
}

.slider {
	overflow: hidden;
	position: relative;
}

.carousel {
	height: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.carousel li {
	display: block;
	height: auto;
}

.carousel.fixed li {
	height: 150px;
}

.carousel.fixed.f2x li {
	height: 300px;
}

.carousel.fixed.f3x li {
	height: 450px;
}

.carousel li .label {
	height: 10%;
}

.carousel li .entry-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.carousel li .entry-content p {
	display: none;
}

.date-div {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: column;
	padding: 0 5 5 5;
}

.date-div span:first-child {
	font-weight: bold;
	font-size: 1.6em;
}

.carousel li .rss_img img {
	border-right: 4px solid ;
}

.carousel li .rss_img {
	flex: 5 1 0%;
	height: auto;
	display: inline-block;
}

.carousel li .rss_content {
	flex: 7 1 0%;
	margin-left: 10px;
	height: auto;
	display: inline-block;
}

.carousel li .rss_img img {
	height: auto;
	width: 100%;
}

.wrapper {
	align-items: center;
}

.h-lvl-1 .actions-div a i {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

/* ==* https://css-tricks.com/drag-and-drop-file-uploading/ ==* */
/* ==* DRAG AND DROP ==* */
.box .center-c {
	min-height: 80px;
}

.box.has-advanced-upload .box__file {
	display: none;
}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
	display: none;
}

.box.has-advanced-upload .center-c {
	background-color: white;
	outline: 2px dashed black;
	outline-offset: -10px;
}

.box.has-advanced-upload .box__dragndrop {
	display: inline;
}

.box .center-c.is-dragover {
	background-color: grey;
}

.box.is-uploading .box__input,
.box.is-error .box__input,
.box.is-success .box__input,
.box.is-uploading .files-list,
.box.is-error .files-list,
.box.is-success .files-list {
	display: none;
}

.box.is-uploading .box__uploading {
	display: block;
}

.box.is-error .box__error {
	display: block;
}

.box.is-success .box__success {
	display: block;
}

.fa-spin.spin-reverse {
	display: inline-block;
	-moz-animation: spin-reverse 2s infinite linear;
	-o-animation: spin-reverse 2s infinite linear;
	-webkit-animation: spin-reverse 2s infinite linear;
	animation: spin-reverse 2s infinite linear;
}

@-moz-keyframes spin-reverse {
	0% { -moz-transform: rotate(0deg); }
	100% { -moz-transform: rotate(-359deg); }
}

@-webkit-keyframes spin-reverse {
	0% { -webkit-transform: rotate(0deg); }
	100% { -webkit-transform: rotate(-359deg); }
}

@-o-keyframes spin-reverse {
	0% { -o-transform: rotate(0deg); }
	100% { -o-transform: rotate(-359deg); }
}

@-ms-keyframes spin-reverse {
	0% { -ms-transform: rotate(0deg); }
	100% { -ms-transform: rotate(-359deg); }
}

@keyframes spin-reverse {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(-359deg); }
}

/* ============================================================================================== */
/* =========================================== SPAGO ============================================ */
/* ============================================================================================== */

.full-screen {
	position: absolute;
	width: 97%;
	height: 97%;
}

#spago {
	border: none;
	width: 100%;
	height: 90%;
}

#row-main {
	overflow-x: hidden;
}


#tree-fold {
	position: absolute;
	float: left;
}

.doc-col {
	transition: width 0.3s ease;
}

.tree-col {
	transition: margin 0.3s ease;
}

.tree-col.collapsed {
	/*  hide it for small displays  */
	display: none;
}

@media (min-width: 992px) {
	.tree-col.collapsed {
		display: block;
		/*  same width as sidebar  */
		margin-left: -25%;
	}

}

.geo-bg-color select {
	background-color: white;
	color: black;
}

.index .modal-dialog.modal-lg {
	top: 25%;
}

/* ============================================================================================== */
/* ============================================================================================== */
/* ============================================================================================== */

/**** couleurs des boutons geolite,geo-lux, deconnexion *****/
/** Images **/
div.band {
	background-image: url(../images/bandeau.png);
}

body.index div.band {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

div.band.fullscreen-header {
	background-image: url(../images/fullscreen.png), url(../images/fullscreen.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;
}

#logo-login {
	background-image: url(../images/logo.png);
}

.login {
	background-color: rgba(255, 255, 255, 0.8);
}

div#logo {
	background-image: url(../images/logo.png);
	background-size: cover; 
	background-repeat: no-repeat;
}

.geolite-usager {
	padding-top: 0.5em;
	margin-top: 0.5em;
	border-top: 1px dashed rgba(0, 0, 0, 0.3);
}

#mandatory-container {
	border-width: 0;
	order: -1;
	margin-bottom: 1em;
}

@media (min-width: 992px) {
	#mandatory-container:not(:first-of-type) {
		order: 0;
		border-left: 1px solid;
		margin-bottom: 0;
	}
}

@media (max-width: 991px) {
	#mandatory-container > .row:first-of-type > *:last-of-type {
		border-left: 1px solid;
	}
}

#mandatory-container > .row:first-of-type label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#mandatory-container > .row:first-of-type .btn {
	max-width: 100%;
	width: 100%;
}

#mandatory-container > .row:first-of-type p {
	margin: 0;
}

#mandatory-container > .row:first-of-type ul {
	padding-left: 1.5em;
	text-align: justify;
}

#mandatory-container > .row:first-of-type li {
	margin-bottom: 0.2em;
}

/**********/ 
a:hover,
a.menu:hover {
	color: hsl(28, 100%, 40%);		/* tonic */
}

.geo-color,
*.geo-color *,
* > *.geo-color {
	color: hsl(212, 74%, 40%);		/* fond */
}

.geo-bo-color {
	border-color: hsl(212, 74%, 40%);		/* fond */
}

.geo-bg-color,
.geo-bg-color * {
	color: #fff;
	background-color: hsl(212, 74%, 40%);		/* fond */	
}

/**** couleurs des boutons geolite,geo-lux, deconnexion *****/
.geo-btn {
	color: #fff;
	background-color: hsl(28, 100%, 40%);		/* tonic */
	border-color: hsl(28, 100%, 50%);			/* tonic hsl +10% l */
}

.geo-btn.disable {
	background-color: hsl(28, 0%, 40%);		/* tonic s 0%*/
	pointer-events: none;
}

.geo-btn * {
	color: #fff;
}

.geo-btn:focus,
.geo-btn.focus,
.geo-btn:hover  {
	color: #fff;
	background-color: hsl(28, 100%, 30%);		/* tonic hsl -10% l */
	border-color: hsl(28, 100%, 40%);			/* tonic */
}

.geo-btn:active,
.geo-btn.active {
	color: #fff;
	background-color: hsl(28, 100%, 20%);		/* tonic hsl -20% l */
	border-color: hsl(28, 100%, 40%);			/* tonic */
}

/* Menus */		
.menuH {
	background-color: hsl(212, 74%, 40%);		/* fond */
}

li.menuH {
	color: #fff;
}

a.menu {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
}

/**************  PAGES D'ADMIN  ***************************/
/* DATATABLE */
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
	background-color: hsl(212, 74%, 40%);		/* fond */
	border-color: hsl(212, 74%, 40%);			/* fond */
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: hsl(212, 50%, 97%);		/* fond hsl 97% */
}

.h-lvl-2 {
	background-color: hsl(212, 10%, 70%);		/* fond hsl 10% 70% */
	margin-bottom: 10px;
}

.h-lvl-1 {
	background-color: hsl(212, 30%, 70%);		/* fond hsl 30% 70% */
}

ul.pagination > li {
	cursor: pointer;
}

.info_super_admin {
	color: black;
	background-color: #FFFF99; 
	border: 1px solid #666600; 
	padding-left: 4px;
	padding-right: 4px;
}

/*************************************************************************************************/
/******************************************   GEOLITE   ******************************************/
/*************************************************************************************************/

.geo-background {
	background-color: hsl(212, 74%, 40%);/* fond */
	color: #fff;
}

.geo-background, .geo-background * {
	color: #ffffff;
}

/**************************************************************************************************/
/******************************* Conditions de maskage de GEO-Lux *********************************/
/**************************************************************************************************/

/** masquer certains éléments en fonction du type d'utilisateur ou de son ID **/ 
.geolux.hideable.Mairie:not(.GLforCommunes) {
	display: none;
}