/* ---------------- OBJETS NATIFS ---------------- */html {  position: relative;  min-height: 100%;}body {  padding-top: 56px;  background-color:#EFEFEF;}a {	color:#e07;	font-weight:bold;}a:hover,a:active {	color:#555;}hr {	margin-top:3px;	margin-bottom:3px;}pre {	background-color:rgba(220,220,220,.4);	border: 1px solid rgba(180,180,180,.4);	color: 888888;	padding:5px;	-webkit-border-radius: 3px;	-moz-border-radius: 3px;	border-radius: 3px;}mark {	background-color:rgb(210,210,250);}samp {	display:block;}.title-help {	cursor:help;}.title-help:hover,.title-help:active {	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";	filter: alpha(opacity=80);	-moz-opacity: 0.8;	-khtml-opacity: 0.8;	opacity: 0.8;}.nav-pills .nav-link.active, .nav-pills .show>.nav-link {    color: #fff;    background-color: #EE0077;}.bg-primary {	background-color:#EE0077 !important;}.btn-primary {	background-color: #EE0077;	border: 1px solid #EE0077;}.btn-outline-primary {	color: #EE0077;	border: 1px solid #EE0077;}.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-primary.focus,.btn-outline-primary:hover,.btn-outline-primary:active, .btn-outline-primary:focus,.btn-outline-primary.focus {	background-color: #b20059 !important;	border: 1px solid #b20059 !important;	box-shadow: 0 0 0 0.2rem rgba(178, 89, 0, 0.5);}.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus,.show > .btn-primary.dropdown-toggle {	background-color: #b20059 !important;	border: 1px solid #b20059 !important;	box-shadow: 0 0 0 0.4rem rgba(178, 89, 0, 0.5);}.card-footer .btn-block {	-webkit-border-top-left-radius: 0px;	-webkit-border-top-right-radius: 0px;	-moz-border-radius-topleft: 0px;	-moz-border-radius-topright: 0px;	border-top-left-radius: 0px;	border-top-right-radius: 0px;}.text-score {	font-size:5em;	color: white;	letter-spacing: -0.05em;	text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0,0,0,0.9);}.progress-cursor {	position:absolute;	font-size:20px;	left:0;	margin-top:-24px;	z-index:1;}/* ---------------- UI GLOBALE ---------------- */#container-background {	position: absolute;	top:0;	left:0;	right:0;	bottom:0;	background-image: url('../img/wallpaper.jpg');	background-size: cover;	background-repeat: no-repeat;	z-index: -1;}img.avatar {	-webkit-border-radius: 50%;	-moz-border-radius: 50%;	border-radius: 50%;}a span.secret {	background-color:rgba(0,0,0,.05); 	white-space: pre; 	font-family: monospace;}.tab-pane {	padding:20px;	border: 1px solid #dee2e6;	background-color: white;}.tab-pane-nav-top {	border-top-width: 0px;}.toast-body {	color:#333333;}.btn-feedback {	position:absolute;	top:400px;	left:0px;	transform: rotate(-90deg);	-webkit-transform: rotate(-90deg);    transform-origin: 0 0;	-webkit-transform-origin: 0 0;	z-index:100;}.footer {	position: absolute;	bottom: 0;	width: 100%;	height: 60px;	line-height: 60px;}#app-saving-icon {	position:fixed;	z-index:9000;	bottom:0px;	right:20px;	font-size:3em;	background-color:#ee0077;	color:white;	padding:20px;	box-shadow: -1px 19px 13px 5px rgba(0,0,0,0.2);	-webkit-box-shadow: -1px 19px 13px 5px rgba(0,0,0,0.2);	-moz-box-shadow: -1px 19px 13px 5px rgba(0,0,0,0.2);	display:none;}/* ---------------- BOOTSTRAP EXTEND ---------------- */.dropdown-submenu {  position: relative;}.dropdown-submenu a::after {  transform: rotate(-90deg);  position: absolute;  right: 6px;  top: .8em;}.dropdown-submenu .dropdown-menu {  top: 0;  left: 100%;  margin-left: .1rem;  margin-right: .1rem;}/* ---------------- MAJESTIC ---------------- */.ttf-adult {			background: #333333; }.ttf-arts {			background: #ff6700; }.ttf-business {		background: #c5c88e; }.ttf-computers {		background: #dd3333; }.ttf-games {			background: #557832; }.ttf-health {		background: #000099; }.ttf-home {			background: #dd9955; }.ttf-kids {			background: #d8ad00; }.ttf-news {			background: #76d54b; }.ttf-recreation {	background: #89c7cb; }.ttf-reference {		background: #c84770; }.ttf-regional {		background: #f582b9; }.ttf-science {		background: #6bd39a; }.ttf-shopping {		background: #660000; }.ttf-society {		background: #7a69cd; }.ttf-sports {		background: #55355d; }.ttf-world {			background: #557777; }/* ---------------- Blocs & toolbars ---------------- */.bloc {	background-color:rgba(0,0,0,.05	);	padding:15px;	margin-bottom:20px;	border:none;}.bloc.bloc-active {	background-color: #555555;}.bloc.bloc-active * {	color: #ffffff !important;}.bloc.bloc-histo {	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";	filter: alpha(opacity=30);	-moz-opacity: 0.3;	-khtml-opacity: 0.3;	opacity: 0.3;}.bloc .bloc-sub {	background-color:rgba(255,255,255,0.5);	padding:10px;	margin-bottom:10px;	border:none;}.toolbar {	background-color:#50575e;	color:#EEEEEE;	text-align:right;	width:100%;	padding:5px 20px;	margin-bottom:10px;	font-size:smaller;}/* ---------------- Objets ATOM ---------------- */.clickable {	cursor: pointer;}.clickable:hover {	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	filter: alpha(opacity=80);	-moz-opacity: 0.8;	-khtml-opacity: 0.8;	opacity: 0.8;}.not-select {  -webkit-touch-callout: none; /* iOS Safari */    -webkit-user-select: none; /* Safari */     -khtml-user-select: none; /* Konqueror HTML */       -moz-user-select: none; /* Old versions of Firefox */        -ms-user-select: none; /* Internet Explorer/Edge */            user-select: none; /* Non-prefixed version, currently                                  supported by Chrome, Opera and Firefox */}.opacity-50 {	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	filter: alpha(opacity=50);	-moz-opacity: 0.5;	-khtml-opacity: 0.5;	opacity: 0.5;}.scrollable {	overflow-y: auto;	overflow-x: auto;}.vertical-scrollable {	overflow-y: auto;	overflow-x: hidden;}.horizontal-scrollable {	overflow-y: hidden;	overflow-x: auto;}.spoiler {	cursor:pointer;	background:black;	color:black;	transition: all .3s ease-in-out;  -webkit-touch-callout: none; /* iOS Safari */    -webkit-user-select: none; /* Safari */     -khtml-user-select: none; /* Konqueror HTML */       -moz-user-select: none; /* Old versions of Firefox */        -ms-user-select: none; /* Internet Explorer/Edge */            user-select: none; /* Non-prefixed version, currently                                  supported by Chrome, Opera and Firefox */}.spoiler:hover {	background:#EE0077;	color:#EE0077;}/* ---------------- LOADING ---------------- */.loading {	color:#ee0077;	font-size:20px;	animation:anim-rolling 2s linear infinite;	-webkit-animation:anim-rolling 2s linear infinite;}/* ---------------- EPINGLE ---------------- */button.pin,button.pin:hover {	position:absolute;	background-color: #e07;	border-color: #e07;	color:white;	top:-10px;	right:30px;	-webkit-transform: rotate(8deg);  /* Chrome, Opera 15+, Safari 3.1+ */	-ms-transform: rotate(8deg);  /* IE 9 */	transform: rotate(8deg);  /* Firefox */}button.pin:hover {	-webkit-transform: rotate(20deg) scale(1.1,1.1);	-ms-transform: rotate(20deg) scale(1.1,1.1);	transform: rotate(20deg) scale(1.1,1.1);	}button.pin:focus {    box-shadow: 0 0 0 0.2rem rgba(238,0,119,.25);}/* ---------------- GRAPHIQUES ---------------- */iframe.majestic {	overflow:hidden;	width:285px;	height:285px;	border:none;	padding:0px;	text-align:center;}iframe.majestic.majestic-md {	width:400px;	height:400px;}iframe.majestic.majestic-lg {	width:1038px;	height:500px;}/* ---------------- VIDEOS ---------------- */.video-player {	position:relative;	background-image: url(../img/video-form-background.jpg);	background-size: cover;	background-repeat: no-repeat;	cursor:pointer;	transition: all .25s ease-in-out;}.video-player .label {	position:absolute;	font-smooth:antialiased;	bottom:20%;	left:30px;	color:white;}.video-player .label * {	display:block;	text-shadow: 0px 3px 3px rgba(0, 0, 0, .5);}.video-player .sub {	font-size:1em;	font-variant:small-caps;	letter-spacing: .1em;}.video-player .title {	font-weight:bold;	font-size:2em;    line-height:.9em;}.video-player:hover,.video-player:active {	transform: scale(1.05, 1.05);	-webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.25);	-moz-box-shadow:    0px 20px 30px 0px rgba(0, 0, 0, 0.25);	box-shadow:         0px 20px 30px 0px rgba(0, 0, 0, 0.25);}/* ---------------- MODE NUIT ---------------- */#theme.mode-nuit {	background-color:#1F2428;	min-height:100%;	color:white;}#theme.mode-nuit #container-background {	background-image: url('../img/wallpaper-night.jpg') !important;}#theme.mode-nuit .bloc {	background-color:rgba(70,80,90,.5)}#theme.mode-nuit .bloc-sub {	background-color:rgba(0,0,0,0.3);}#theme.mode-nuit .card, #theme.mode-nuit .card-block {	color:white;	background-color:rgba(52,58,64,.95);}#theme.mode-nuit .tab-pane {    border: none;}#theme.mode-nuit  .bg-primary {	background-color:#b20059 !important;}#theme.mode-nuit .bg-light {	background-color:rgba(255,255,255,.2) !important;}#theme.mode-nuit .bg-warning {	background-color:rgba(255,180,0,.8) !important;	color:black	;}#theme.mode-nuit .text-muted {	color:#AAAAAA !important;}#theme.mode-nuit mark {	color:white;	background-color:rgb(80,80,120);}#theme.mode-nuit .dropdown-menu {	background-color: rgb(200,200,200);}#theme.mode-nuit .tab-pane {	background-color: rgba(255,255,255,.1);}#theme.mode-nuit .nav-tabs {    border-bottom: none;}#theme.mode-nuit .nav-tabs .nav-item.show .nav-link, #theme.mode-nuit .nav-tabs .nav-link.active {	color: rgb(255,255,255);	background-color: rgba(255,255,255,.2);}#theme.mode-nuit .modal-content {	background-color: rgb(80,80,90);}#theme.mode-nuit .table-bordered td, #theme.mode-nuit .table-bordered th {	border-color: #000000;}#theme.mode-nuit pre {	color:rgb(200,200,200);}#theme.mode-nuit table {	background-color:#9999AA;}#theme.mode-nuit tr,#theme.mode-nuit tr td,#theme.mode-nuit tr th {	border-color:#777788 !important;}#theme.mode-nuit .form-control {	color:white;	background-color: rgba(255,255,255,.2);}#theme.mode-nuit option{	color:#DDD;	background-color: #555555;}/* -------- ANIMATIONS ---------- *//* Anim-Rollling */.anim-fx-rolling {	animation: anim-rolling 1s linear infinite;	-webkit-animation:anim-rolling 1s linear infinite;}@keyframes anim-rolling {	100% { transform: rotate(360deg); }} @@-webkit-keyframes anim-rolling {	100% { transform: rotate(360deg); }} /* Anim-Shake */.anim-fx-shake {	animation: anim-shake 0.82s cubic-bezier(.36,.07,.19,.97) both;	transform: translate3d(0, 0, 0);	backface-visibility: hidden;	perspective: 1000px;}@keyframes anim-shake {  10%, 90% {    transform: translate3d(-1px, 0, 0);  }    20%, 80% {    transform: translate3d(2px, 0, 0);  }  30%, 50%, 70% {    transform: translate3d(-4px, 0, 0);  }  40%, 60% {    transform: translate3d(4px, 0, 0);  }}