body{
	background-image:url('../images/background.jpg');
	background-size:500px;
	color:#000;
	min-height:calc(100vh - 50px);
	outline:0 none;
}

a{
	color:var(--lichens-sombre);
}

a:hover{
	color:var(--lichens-vif);
}

.btn_lichens{
	border: var(--bs-border-width) solid var(--bs-border-color);
	color:var(--lichens-sombre);
	background-color: var(--lichens-clair);
	
	text-decoration:none;
	cursor:pointer;
	border-radius: 4px;
	padding:5px;
	margin:4px;
	
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:80px;
}


.btn_lichens:hover{
	color:var(--lichens-vif);
}

.btn_lichens_rouge{
	border: var(--bs-border-width) solid var(--bs-border-color);
	color:#800;
	background-color: #FCC;
	
	text-decoration:none;
	cursor:pointer;
	border-radius: 4px;
	padding:5px;
	margin:4px;
	
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:80px;
}
.btn_lichens_rouge:hover{
	color:#F00;
}

.btn_lichens_hidden {
	display:none;
}

.label_lichens {
	color:var(--lichens-sombre);
}



.lichens_required:after{
	content: '  *';
	color:var(--lichens-vif);
}



#page{
	margin-bottom:50px;
}

.aslink{
	color:var(--lichens-sombre);
	cursor:pointer;
}

.aslink:hover{
	color:var(--lichens-vif);
}
.nolink{
	text-decoration:none;
}
.avatar{
	border-radius:50%;
	width:50px;
	height:50px;
	border: 1px solid #999;
	object-fit:cover;
}

.pre-wrap{
	white-space:pre-wrap;
}

.lch-clair-texte{
	color:var(--lichens-clair);
}
.lch-vif-texte{
	color:var(--lichens-vif);
}

.lch-sombre-texte{
	color:var(--lichens-sombre);
}

.lch-clair-bg{
	background-color:var(--lichens-clair);
}
.lch-sombre-bg{
	background-color:var(--lichens-sombre);
}
.lch-vif-bg{
	background-color:var(--lichens-vif);
}

.range_lichens {
	padding:0;
	outline: none;
	-webkit-appearance: none;
	margin: 18px 0;
	width:100%;
}

.range_lichens:focus {
	outline:none;
}

.range_lichens::-webkit-slider-runnable-track{
	width:100%;
	height:10px;
	cursor:pointer;
	background: var( --lichens-clair);
	border-radius: 10px;
	
}


.range_lichens::-webkit-slider-thumb {
	height:24px;
	width:24px;
	cursor:pointer;
	background: #ffffff;
	border-radius:25%;
	-webkit-appearance: none;
	margin-top:-7px;
	border:none;
	
	box-shadow: 0 3px 8px rgba( 0, 0, 0, 0.4);
	outline: none;
	cursor:pointer;
}

.range_lichens::-moz-range-track {
	width:100%;
	height:10px;
	cursor:pointer;
	background: var( --lichens-clair);
	border-radius: 10px;
	
}

.range_lichens::-moz-range-thumb {
	height:24px;
	width:24px;
	border-radius:25%;
	background:#fff;
	cursor:pointer;
	border:none;
	
	box-shadow: 0 3px 8px rgba( 0, 0, 0, 0.4);
	outline: none;
	cursor:pointer;
}

.range-lichens::-ms-track {
	width:100%;
	height:10;
	cursor:pointer;
	background: transparent;
	border-color: transparent;
	color:transparent;
	
}

.range-lichens::-ms-fill-lower {
	background: var( --lichens-clair);
	border-radius:10px;
	
}

.range-lichens::-ms-fill-upper {
	background: #ffffff;
	border-radius:10px;
}

.range-lichens::-ms-thumb {
	
	height:24px;
	width:24px;
	box-shadow: 0 3px 8px rgba( 0, 0, 0, 0.4);
	outline: none;
	border-radius:25%;
	background:#fff;
	cursor:pointer;
}

#password{
	width:calc(100% - 50px);
	border-radius:var(--bs-border-radius) 0 0 var(--bs-border-radius)  ;
	margin-right:0px;
	display: inline-block;
}
#passeye{
	display:inline-block;
	float:right;
	width:50px;
	margin-left:0px;
	border-radius: 0 var(--bs-border-radius) var(--bs-border-radius) 0;
}


@media only screen and (min-width: 768px) {
	#page{
		margin-top:50px;
	}
	
}