/*______★ ☆ ✭______________________________________________________-- •· ·
           •                 __. ★.      .       __
     • ▌ ▄ ·.   ▄▄▄·  ·▄▄▄▄   ▐▄▄▄▄▄▄ .▄▄▄ • ▄▄▄  .▄   ▄•·
     ·██ ▐███▪ ▐█  █  ██▪ ██   ·██▀   ▀▄.▀·  ▀▄.▀· █▌ ▄▌▪
     ▐█ ▌▐▌▐█· ▄█▀▀█▌  █·  █▌▪▄  ██  ▐▀▀ ▪  ▐▀▀▪   ▐▀▀▄·
__.__██ ██▌▐█▌ ▐█ ▪▐▌ ██. ██  ▐▌▐█▌  ▐█▄▄▌  ▐█▄▄▌ •▐█. ██▄▄▄▄▄______ www.madjeek.fr _______.. ★ ☆ ✭ 
     ▀  █▪  ▀▀  ▀  ▀  ▀▀▀▀▀•   ▀▀▀•   ▀▀▀    ▀▀▀  ·▀       ▀
  ______________________________________________________ (c) Fabien Conéjéro / FC84 _____*/

/*/////////////////////////////////////////////////////////////////////////////*/
/*  @file : THEME HOME PAGE INDEX - V.Classic - MADJEEK.FR                     */
/*  :root {font-family:'Quan';} if you need to force the                       */
/*  typogragraphic display, only.                                              */
/*/////////////////////////////////////////////////////////////////////////////*/

/* :root {font-family:'Quan';} if you need to force the typogragraphic display, only. */
body, html {height:100%;width:100%;margin:0px;padding:0px;border:0;font-size:100%;font:inherit;
vertical-align:baseline;scroll-behavior:smooth;
/* Style ref. Module : BGSKY-03 : BG Gradient sky linear Oblic */
background:rgb(5,23,51);background:-moz-linear-gradient(top, rgba(5,23,51,1) 0%, rgba(30,93,112,1) 26%,
rgba(45,142,139,1) 67%, #a8e0c1 87%, #ffffff 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#051733), color-stop(26%,#1e5d70), 
color-stop(67%,#2d8e8b), color-stop(87%,#a8e0c1), color-stop(100%,#ffffff));
background:-webkit-linear-gradient(top, #051733 0%,#1e5d70 26%,#2d8e8b 67%,#a8e0c1 87%,#ffffff 100%);
background:-o-linear-gradient(top, #051733 0%,#1e5d70 26%,#2d8e8b 67%,#a8e0c1 87%,#ffffff 100%);
background:-ms-linear-gradient(top, #051733 0%,#1e5d70 26%,#2d8e8b 67%,#a8e0c1 87%,#ffffff 100%);
background:linear-gradient(to bottom, #051733 0%,#1e5d70 26%,#2d8e8b 67%,#a8e0c1 87%,#ffffff 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#051733', endColorstr='#ffffff',GradientType=0 );
background:rgb(13,33,53);
background:-moz-linear-gradient(top, #0d2135 0%, #10376b 17%, #005884 48%, #4a9dc5 78%, #ffffff 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,33,53,1)), color-stop(17%,#10376b), 
color-stop(48%,#005884), color-stop(78%,#4a9dc5), color-stop(100%,#ffffff));
background:-webkit-linear-gradient(top, #0d2135 0%,#10376b 17%, #005884 48%,#4a9dc5 78%,#ffffff 100%);
background:-o-linear-gradient(top, #0d2135 0%, #10376b 17%,#005884 48%,#4a9dc5 78%,
rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top, #0d2135 0%,#10376b 17%,#005884 48%,#4a9dc5 78%,
rgba(255,255,255,1) 100%);
background:linear-gradient(to bottom, #0d2135 0%,#10376b 17%,#005884 48%,#4a9dc5 78%,#fff 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2135', endColorstr='#ffffff',GradientType=0 );
background-size:100%;background-attachment:fixed}

html {cursor: none;/*@see: cursor custom in this page*/}
#cursor-light-halo{/*@see: cursor-light-halo JS inline*/z-index:10;height:10px;width: 10px;pointer-events:none;position:fixed;background:#fff;border-radius:50%;
box-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff,0 0 70px #fff, 0 0 80px #fff, 0 0 100px #fff, 0 0 150px #fff;}
/* Scrollbar */
::-webkit-scrollbar{width:0.5px;height:0.5px;opacity:0.01}::-webkit-scrollbar-button{width:0.5px;height:0.5px;opacity:0.01}
/* Z-index 1 */
.header-home{left:5%;width:90%;margin-top:1000px;padding-top:15px;padding-left:1px;padding-top:1px;padding-right:1px;padding-bottom:1px}
.home-box-1-nav{background-color:#56e6ff49;left:5%;width:90%;margin-top:50px;padding-left:1px;padding-top:1px;padding-right:1px;padding-bottom: 1px}
.home-box-2{left:5%;width:90%;margin-top:50px;padding-top:15px;padding-left: 1px;padding-top:1px;padding-right: 1px;padding-bottom:1px}
/* Z-index 2 */
.Newbox002{z-index:2;height:100%;width:100%;
background-image:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, rgb(5, 0, 94)), color-stop(0.3, rgb(9, 9, 121)), color-stop(0.65, rgb(4, 118, 193)), color-stop(1, rgb(0, 212, 255)) );
background-image:-o-linear-gradient(left bottom, rgb(5, 0, 94) 5%, rgb(9, 9, 121) 30%, rgb(4, 118, 193) 65%, rgb(0, 212, 255) 100%);
background-image:-moz-linear-gradient(left bottom, rgb(5, 0, 94) 5%, rgb(9, 9, 121) 30%, rgb(4, 118, 193) 65%, rgb(0, 212, 255) 100%);
background-image:-webkit-linear-gradient(left bottom, rgb(5, 0, 94) 5%, rgb(9, 9, 121) 30%, rgb(4, 118, 193) 65%, rgb(0, 212, 255) 100%);
background-image:-ms-linear-gradient(left bottom, rgb(5, 0, 94) 5%, rgb(9, 9, 121) 30%, rgb(4, 118, 193) 65%, rgb(0, 212, 255) 100%);
background-image:linear-gradient(to left bottom, rgb(5, 0, 94) 5%, rgb(9, 9, 121) 30%, rgb(4, 118, 193) 65%, rgb(0, 212, 255) 100%);
opacity: 1;left:0%;padding: 15px 15px 15px 15px;animation: newup-nav .2s;animation-fill-mode:forwards}@keyframes newup-nav{from{top:600px}to{top:0px}}
.box002-warp{top:45%;left:50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.logo-home{margin-bottom:2%}

.box66{padding: 1em 3em;border-right:1px solid #e0deded0;border-image: linear-gradient(0deg, #ffffff00 0%, #e0deded0, #ffffff00 100% ) 1;
width: 25%;max-width:400px;left:25%;bottom:15%;z-index:2}
.box67{padding: 5px 5px 5px 60px;width:25%;max-width:400px;bottom:15%;left:50%;z-index:2}

/* Simple Nav - for : BreadcrumbList / fil d'Ariane */
ul, ol {list-style-type:none;margin:0;margin-bottom:2px;padding:10px 20px 10px 20px;overflow:hidden}
li {float:left} li a {display:block;padding:5px;text-decoration:none}

/* button Enter anim halo white */
.visit{position:fixed;margin-top:58%;margin-left:42%;margin-right:44%;width:70px;height:30px;border:1px solid #fff;border-radius:20px;
display:flex;align-items:center;justify-content:center;animation: pulse 2s infinite;animation-delay:4s;z-index:1;}
@-webkit-keyframes pulse {from {background:#7284ad26;box-shadow: 0 0 5px #D4E8FF;}
50% {background: #395eb31a;box-shadow: 0 0 50px #D4E8FF;-ms-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);} to {background: #7284ad2e;box-shadow: 0 0 5px #D4E8FF;} }
@keyframes pulse {from {background:#7284ad26;box-shadow: 0 0 5px #D4E8FF;}
50% {background: #395eb31a;box-shadow: 0 0 50px #D4E8FF;-ms-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);} to {background: #7284ad2e;box-shadow: 0 0 5px #D4E8FF;}}

/* translucent-crystal-diamond-FC84 - custom bg item effect */
.custom-home-button{background: #ffffff;
background: -moz-linear-gradient(45deg, #ffffff 0%, #ffffff00 15%, #ecececd8 30%, #ffffff00 45%, #ffffff67 85%, #ffffff00 100%);
background: -webkit-linear-gradient(45deg, #ffffff 0%, #ffffff00 15%, #ecececd8 30%, #ffffff00 45%, #ffffff67 85%, #ffffff00 100%);
background: linear-gradient(45deg, #ffffff 0%, #ffffff00 15%, #ecececd8 30%, #ffffff00 45%, #ffffff67 85%, #ffffff00 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
border-right: 1px solid #e0deded0;border-image: linear-gradient(90deg, #ffffff00 0%, #e0deded0, #ffffff00 100% ) 1;}
/* crystal-glass-FC84 - custom bg item effect
background: transparent; border-right: 1px solid #e0deded0;border-image: linear-gradient(90deg, #ffffff00 0%, #e0deded0, #ffffff00 100% ) 1;} */
.home-button-1{bottom:14%;left:33%;} .home-button-2{bottom:14%;left:36%;} .home-button-3{bottom:14%;left:39%;}
button:hover{cursor:pointer;cursor:var(--cur2)}

/* Cookie consent - @see : cookie-consent-FC84 JS file  */
.cookie-consent{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);padding:5px;z-index:1000;display:none;border-radius:30px;border-width:3px;border-style:groove;background-color:rgba(255,255,255,0.3);box-shadow:3px 3px 6px 3px rgba(0,0,0,0.1),-3px -3px 3px 3px rgba(247,251,255,0.5),3px 3px 8px 2px rgba(0,0,0,0) inset,-3px -3px 7px 2px rgba(247,251,255,0) inset;font-family:Arial,sans-serif;color:#0e0eae;font-size:10px;}
.cookie-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;position:relative;padding-top:8px;}
.cookie-content a.info-link{margin-left:10px;color:#0e0eae;text-decoration:underline;cursor:pointer;}
.close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;border-radius:50%;background-color:rgba(255,255,255,0.794);border:1px solid #030066;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;}
.cookie-content label,.cookie-content .action-link,.cookie-content a{font-size:12px;margin:0 5px;padding:5px;display:inline-block;cursor:pointer;}
.action-link{margin:5px;padding:10px 15px;border:none;background-color:#030066;color:white;border-radius:10px;text-align:center;}
.action-link:hover{background-color:#0e0eae;}
.cookie-content a{text-decoration:underline;}
.cookies-data{cursor:pointer;font-size:14px;cursor:pointer;margin:10px;text-align:center;color:whitesmoke;letter-spacing:2px;z-index:1;position:fixed;bottom:1%;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,0.7);padding:10px;border-radius:5px;min-width:90px;max-width:90%;}

/* Module Accesibility page Index only - @see : accessibility-index-FC84.js */
#accessibilityPanel{position:fixed;bottom:62%;/* Espace pour remonter le panneau par rapport au bouton */right:0.5%;
background-color:rgba(255, 255, 255, 0.3);/* Fond semi-transparent inspiré des cookies */
border:3px groove #030066;/* Bord inspiré du style des cookies */border-radius:10px;/* Arrondir les coins */
padding:10px;box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1), -3px -3px 3px rgba(247, 251, 255, 0.5);display:none;/* Masqué par défaut */z-index: 1000;}
#accessibilityButton{position:fixed;bottom:60%;/* Positionnement fixe du bouton */right:0.5%;
z-index:1000;/* Élévation pour qu'il reste au-dessus des autres éléments */background-color:#030066;/* Couleur de fond inspirée du style des cookies */
color:white;/* Texte en blanc pour le contraste */border-radius:10px;/* Arrondi des coins */padding: 10px 15px;/* Espace autour du texte */
border:none;/* Pas de bordure */cursor:pointer;/* Pointeur sur le bouton */}
#accessibilityButton:hover{background-color:#0e0eae;/* Changement de couleur au survol inspiré des cookies */}
.accessibility-option{color:#030066;/* Texte en bleu foncé, comme le bouton d'accessibilité */cursor:pointer;/* Pointeur sur l'option */
text-decoration:underline;/* Souligné pour le style */margin: 5px 0; /* Marge pour l'espacement */}
.accessibility-button{background-color:#030066;/* Couleur de fond inspirée du bouton d'accessibilité */
color:white;/* Texte en blanc pour le contraste */border:none;/* Pas de bordure */border-radius:10px;/* Arrondi des coins */
padding:10px;/* Espace autour du texte */cursor:pointer;/* Pointeur sur le bouton */}
.accessibility-button:hover{background-color:#0e0eae;/* Changement de couleur au survol inspiré des cookies */}