.cadet-text {
    color: cadetblue;
}
.stepper:not(.materialize-stepper) {
    background: slategrey;
    color:white;
}
p.presentation::before {
    content:"hello";
}
p.presentation {

    text-align: justify;
    padding-top: 12px;
    padding-bottom: 12px;
}
:root{
    --main-gold: rgba(218,165,32,1.0);
    --main-white:rgba(255,255,255,0.8);
    --light-white:rgba(255,255,255,0.5);
	--main-black:rgba(0,0,0,1.0);
	--main-dark-blue:rgba(45,58,65,1.0);
    --main-text-gray:rgba(169,169,169);
	--main-linear: linear-gradient(45deg, rgba(45,58,65,1.0), transparent);
	--main-brown:rgba(165,42,42,1.0);
}

.ulsolution li {
    padding-top: 8px;
    padding-bottom: 8px;;
}
.ulsolution .collapsible-body {
    background: var(--main-linear);
    color:var(--main-text-gray);
}
.ulsolution ul {
	/* border-top:1px solid var(--light-white);*/
}
.list-highlight {
    color:var(--main-gold);
}
.list-text-focus {
    color:var(--main-white);
}
.list-text {
    font-size:1.0em;
}
.li-clear {
    background-color: var(--light-white);;
}
.li-bordered {
    margin-top: 5px;
    margin-bottom: 5px;;
}
ul#ulnumerologie ul li {
	border-bottom: 1px solid rgba(255,255,255,0.3);
}
audio
{
    audio { width: 250px; display: block; margin:20px; }
    audio:nth-child(2) { width: 250px; }
    audio:nth-child(3) { width: 350px; }
}

/* Titre de header en fragment */
.pretitle {
	display:none;
}
@media screen and (min-width: 992px) {
	.pretitle {
		display:block;
	}
}

.gradient {
	border: 1px solid black;

	-webkit-box-shadow: inset 0 1px 0px rgba(255,255,255,.2);
	-moz-box-shadow: inset 0 1px 0px rgba(255,255,255,.2);
	box-shadow: inset 0 1px 0px rgba(255,255,255,.2);
	background: #494949; /* Old browsers */
    background: -webkit-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%);

	background: -moz-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%);
	background: -o-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%);
	background: -ms-linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%);
	background: linear-gradient(top, #494949 0%, #434242 31%, #393838 55%, #242323 83%, #1b1a1a 100%, #161515 100%, #0b0b0b 100%); /* W3C */
	-image  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#0b0b0b',GradientType=0 ); /* IE6-9 */
}


.cover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	width: 398px;
	height: 10px;
	border: 2px solid black;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-webkit-box-shadow: inset 0px 5px 5px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 5px 5px rgba(0,0,0,1);
	box-shadow: inset 0px 5px 5px rgba(0,0,0,1);
}

.coverLarge {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	height: 398px;

	-webkit-transition: opacity .7s ease;
	-moz-transition: opacity .7s ease;
	-o-transition: opacity .7s ease;
	-ms-transition: opacity .7s ease;
	transition: opacity .7s ease;

	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-o-transition-delay: .5s;
	-ms-transition-delay: .5s;
	transition-delay: .5s;
}

.flow-text {
	font-size: 1.0rem;
	padding-bottom: 20px;
}
.intro-text {
	text-align:justify;
}

.highlight-title {
	color:var(--main-gold);
	text-transform: uppercase;
}
.title-data-list {

}
ul.data-list {

}
ul.collapsible .collapsible-header {
	background: var(--main-black);
	color:var(--light-white);

}
ul.collapsible .collapsible-body {
    background: var(--main-linear);
    color:var(--main-text-gray);

}
ul.collection li.collection-item {
	background: rgba(255,255,255,0.6);
}
.material-icons {
    vertical-align: middle;
}
.justify {
	text-align:justify;
}
.box-text {
	color: var(--light-white);
}
.pmerged {
	padding:2%;
	margin-bottom: 25px;
	font-size: 1.2em;
}
.title-data-collection {
	color:var(--main-brown);
}
.gradient {
	background: var(--main-linear);
}
html, body {
	background:rgba(25,42,34,0.8);
}
body {
	/* background: rgba(0,0,0,1.0);*/
	overflow:hidden;
}

div#map {
		width:100%;
		margin:0px;
		padding:0px;
		height:100vh;
		z-index:10;
	}

	.mapcontainer {
		z-index:10;
		position:relative;
	}


div.moresnav {
  padding-left:2rem;
  padding-right:2rem;
  padding-top: 5px;
  padding-bottom:5px;
}
div.moresnav p.flow-text {
	text-align:justify;
	color:rgba(255,255,255,0.5);
}

div.actions {
	position:fixed;
	right:35px;
	top:75px;
	z-index:999;
}

div.ractions {
	position:fixed;
	right:-200px;
	opacity:0.8;
}

div.ractions:hover {
	opacity:1.0;
}

div#rightvbar {
	position:fixed;
	right:47px;
	top:0px;
	height:100vh;
	width:1px;
	background:rgba(255,255,255,0.3);

}
div#leftvbar {
	position:fixed;
	left:47px;
	top:0px;
	height:100vh;
	width:1px;
	background:rgba(255,255,255,0.3);

}
div#rightvvbar {
	position:fixed;
	left:25px;
	top:0px;
	height:100vh;
	width:1px;
	background:rgba(255,255,255,0.2);

}


.smooth {
	opacity:0.5;
}
.smooth:hover {
	opacity:0.8;
}
/* Conteneur des menus dynamiques droits */
div#right-elements {
	position:fixed;
	right:25px;
	top:0px;
	height:100vh;
	width:auto;
	z-index:100;
}


#mobile {
	background:rgba(0,0,0,1.0);
	width:80%;
}

.material-icons {
	vertical-align:middle;
}

.snav {
	background:rgba(100,100,100,0.8);
	position:fixed;
	width:40%;
	height:96vh;
	left:-40%;
	top:65px;
	overflow-y:auto;
	z-index:101;
}

.snav ul{
	overflow-y:auto;
}
.snav ul.collection {
	background:rgba(0,0,0,0.0);
}
.snav ul.collection li.collection-item{
	background:rgba(0,0,0,0.8);
	color:rgba(255,255,255);
	border:none;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
.collection {
	margin:1%;
}
.collapsible {
	margin:1%;

}
.collapsible .collection {
	background:blue;
}

.collapsible.collapsible .collapsible-header {
	/* background:rgba(0,0,139,0.8); */
	color:rgba(255,255,255,0.8);
}
.collapsible-header h6 {

}
.collection .collapsible .collapsible-header {
	 background:rgba(0,0,139,0.2);
}

.collapsible-title {
	color:yellow;
}

.row {
	margin:0;
	padding:0;
}

/* Box d'information des sides dynamiques gauche  */
.moresnav {
	background:rgba(0,0,0,0.5);
	position:fixed;
	width:55%;
	/* right:48px;*/
	right:-55%;
	bottom:45px;
	min-height:33vh;
	overflow-y:auto;
	color:rgba(255,255,255,0.8);
	z-index:100;
}

.snav h3 {
	color:rgba(255,255,255,0.8);
	font-size:1.0rem;
}

div#main-container {
	width:100%;
	height:100vh;
}

@media screen and (max-width:349px) {
#searchtop {
display:none;
}
}
@media screen and (min-width:350px) {
#searchtop {
display:block;
}
}
/* BOXES  */
div#boxes {
position:fixed;
width:94%;
height:93vh;
top:65px;
left:3%;
background:rgba(255,255,255,0.5);
z-index:1;
}
.progress {
background-color:rgba(222,236,172,0.8);
}
.progress .determinate {
background-color:rgba(184,134,11,0.8);
}
/* Loader Ajax */
div#dataloader {
position:fixed;
width:2%;
height:2vh;
left:49%;
top:49vh;
z-index:1001;
}

ul.collection.headersnav {
background:aqua;
}
.highlight {
color:yellow;
}

/* snav et collection  */
ul.collection.header-collection {
background:azure;

}
div.collapsible-header h6 {
color:rgba(100,149,237,0.5);
}

ul.collection.header-collection h6 {
color:cadetblue;
}

.collapsible-text {
text-align:justify;
color:rgba(255,255,255,0.5);

}
ul.collapsible ul.collapsible div.collapsible-header {
color:rgba(255,228,196,0.5);
/* background:rgba(0,0,139,0.8);*/
}

.collapsible-body {
padding:2%;
}

div.li-subheader {
color:cadetblue;
}

/* réponses serveur  */
.text-result {
text-align:justify;
color:cadetblue;
}
.title-result {
color:cadetblue;
}
.label-result {
color:brown;
}
.material-icons:hover {
color:chartreuse;
}
ul input {
color:rgba(255,255,255,0.7);
}
ul input::placeholder {
	color:rgba(200,200,200,0.5);
}
.label-title {
color:bisque;
}
.hebrew {
color: antiquewhite;
}
.latin {
color: brown;
}
.power {
color: darkcyan;
}
.translation {
color: cadetblue;
}
audio {
width:96%;
}
.sceau h6 {
color:darkcyan;
}
.value {
color: darkcyan;
}
.base {
color: brown;
}
.text-signification {
text-align:justify;
color:bisque;
}
/* Messages serveur  */
.response {

}
.alert-message {

}
.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
.alert h4 {
	margin-top: 0;
	color: inherit;
}
.alert .alert-link {
	font-weight: bold;
}
.alert > p,
.alert > ul {
	margin-bottom: 0;
}
.alert > p + p {
	margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
	padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
	position: relative;
	top: -2px;
	right: -21px;
	color: inherit;
}
.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-success hr {
	border-top-color: #c9e2b3;
}
.alert-success .alert-link {
	color: #2b542c;
}
.alert-info {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.alert-info hr {
	border-top-color: #a6e1ec;
}
.alert-info .alert-link {
	color: #245269;
}
.alert-warning {
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}
.alert-warning hr {
	border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
	color: #66512c;
}
.alert-danger {
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert-danger hr {
	border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
	color: #843534;
}