@charset "utf-8";
@font-face {
    font-family:'Geliat';
    src: url('../fonts/geliat/Geliat-ExtraLight.eot');
    src: url('../fonts/geliat/Geliat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/geliat/Geliat-ExtraLight.woff2') format('woff2'),
        url('../fonts/geliat/Geliat-ExtraLight.woff') format('woff'),
        url('../fonts/geliat/Geliat-ExtraLight.ttf') format('truetype'),
        url('../fonts/geliat/Geliat-ExtraLight.svg#Geliat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Stylish';
    src: url('../fonts/stylish/Stylish-Regular.eot');
    src: url('../fonts/stylish/Stylish-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/stylish/Stylish-Regular.woff2') format('woff2'),
        url('../fonts/stylish/Stylish-Regular.woff') format('woff'),
        url('../fonts/stylish/Stylish-Regular.ttf') format('truetype'),
        url('../fonts/stylish/Stylish-Regular.svg#Stylish-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Tillana';
    src: url('../fonts/tillana/Tillana-Regular.eot');
    src: url('../fonts/tillana/Tillana-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/tillana/Tillana-Regular.woff2') format('woff2'),
        url('../fonts/tillana/Tillana-Regular.woff') format('woff'),
        url('../fonts/tillana/Tillana-Regular.ttf') format('truetype'),
        url('../fonts/tillana/Tillana-Regular.svg#Tillana-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* Edition du 26/07/2025  styleibo8*/
/* REGAGES GENERAUX */
html,body{overflow-y:visible;width:100%;height:100%;line-height:1.8;font-size:16px;font-weight:100;color:rgba(180,180,180,0.7);}
header,main,section,nav,article,div,p,figcaption{width:auto;height:auto;margin:0;padding:0;margin:auto;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
strong{font-weight:900;font-style:italic;}
body{margin:0;padding:0;background-image: linear-gradient(109deg, transparent 0%, transparent 5%,
rgba(149, 149, 149,0.04) 5%, rgba(149, 149, 149,0.04) 38%,transparent 38%, transparent 100%),linear-gradient(324deg, transparent 0%, transparent 31%,
rgba(149, 149, 149,0.04) 31%, rgba(149, 149, 149,0.04) 99%,transparent 99%, transparent 100%),linear-gradient(259deg, transparent 0%, transparent 11%,
rgba(149, 149, 149,0.04) 11%, rgba(149, 149, 149,0.04) 57%,transparent 57%, transparent 100%),linear-gradient(221deg, transparent 0%, transparent 5%,
rgba(149, 149, 149,0.04) 5%, rgba(149, 149, 149,0.04) 37%,transparent 37%, transparent 100%),linear-gradient(90deg, rgb(0,0,0),rgb(0,0,0));}
@media print{html,body{display:none;visibility:hidden;}}
/*NAVIGATION LATERALE*/ 
nav #logo-btn #text-menu{display:block;margin-left:90px;margin-top:-70px;font-family:"Geliat",sans-serif;font-size:1rem;color:rgba(255,155,0,0.8);}
nav #logo-btn #text-menu:hover{opacity:0.75;}
nav #logo-btn img{display:block;margin-top:40px;margin-left:30px;}
.sidenav{height:100%;width:0;position:fixed;z-index:1;top:0;left:0;float:left;background-image:linear-gradient(to left,#050505,#292929);overflow-y:hidden;transition:0.5s;
padding-top:60px;}
.sidenav a{padding:8px 10px 8px 32px;font-family:"Geliat",sans-serif;font-size:0.88rem;letter-spacing:0.15em;text-decoration:none;color:rgba(105, 105, 105,0.8);display:block;transition:0.3s;}
.sidenav a i{padding-right:10px;}.sidenav a:hover{opacity:0.75;}.sidenav .closebtn{position:absolute;top:-15px;right:0;font-size:1.88rem;margin-left:0;color:rgba(250,10,10,0.7);}
.sidenav .closebtn:hover{color:rgba(250,10,10,1);}
/*COULEURS*/
.orange{color:rgba(255,155,0,0.90);}.orange-border{border:1px ridge rgba(255,155,0,0.1)!important;}/*musique*/ 
.jaune{color:rgba(255,235,59,0.80);}.jaune-border{border:1px ridge rgba(255,235,59,0.1)!important;}/*visuel*/ 
.vert{color:rgba(65,255,0,0.80);}.vert-border{border:1px ridge rgba(65,255,0,0.1)!important;}/*photos*/  
.bleu{color:rgba(0,230,255,0.80);}.bleu-border{border:1px ridge rgba(0,230,255,0.1)!important;}/*video*/ 
.violet{color:rgba(165,90,255,0.80);}.violet-border{border:1px ridge rgba(165,90,255,0.1)!important;} /*tarot*/
.rouge{color:rgba(255,0,110,0.80);}.rouge-border{border:1px ridge rgba(255,0,110,0.1)!important;} /*contact*/
.gris{color:rgba(180,180,180,0.8);}/*police ecriture  et titres*/
.ibo-link{text-decoration:none;color:rgba(250,10,10,0.8);}/*liens*/
.ibo-link:hover{color:rgba(250,10,10,1);}/*survol lien*/
/*BANNIERE*/ 
#titre{margin-left:3.5%;font-family:"Stylish",sans-serif;color:rgba(160,160,160,0.8);font-size:2.88rem;letter-spacing:1em;font-weight:100;}#titre a{text-decoration:none;}
#baniere,#baniereMusic{width:auto;height:auto;display:block;text-align:center;margin:auto;padding:0;margin-top:-4.6%;}#baniereMusic{margin-top:-3.65%;}
#baniere #logo-btn img{margin-top:7%;margin-left:16.5%;}#sous-titre,#sous-titreMusic,#sous-titre-mentions{display:block;margin:-1% 0 4% 0;font-family:"Tillana",sans-serif;font-size:1.88rem;letter-spacing:0.105em;font-weight:100;color:rgba(160,160,160,0.75);}
#sous-titreMusic{margin:0.6% 0 3.5% 0;}#sous-titre-mentions{margin-top:-4.7%;font-weight:500;}
#ibo-photo{width:96px; height:96px;border:0.1em ridge rgba(160,160,160,0.3);border-radius:30px 15px;padding:3px;margin-top:-2%;margin-bottom:2%;}                  
/*POUR PAGE MAINTENANCE*/
#maintenance-ibo{width:60%;height:auto;text-align:center;margin:auto;margin-top:5%;padding-top:30px;font-family:"Tillana",sans-serif;color:rgba(160,160,160,0.75);border:1px inset rgba(180,180,180,0.3);border-radius:8px;}
#maintenance-ibo #text-maintenance{width:66%;display:inline-block;text-align:left;margin:auto;margin-top:20px;margin-bottom:20px;padding:20px;font-size:1.50rem;letter-spacing:0.2rem;font-weight:100;}
/*PAGE A PROPOS*/
#biographie,#mentionsLegales{width:65%;height:auto;margin:auto;padding:0;margin-top:5%;padding:0;font-family:"Geliat",sans-serif;font-size:1rem;letter-spacing:0.1em;line-height:1.8em;
text-align:justify;hyphens:auto;color:rgba(180,180,180,0.7);border:1px ridge rgba(128,128,128,0.1);border-radius:30px;}#biographie .first-letter{font-family:"Geliat",sans-serif;font-size:1.6rem;font-weight:900;}	
.bloc-texte{width:auto;height:auto;padding:20px!important;}.intermed-text{display:block;text-align:center;font-size:1.88rem;font-weight:100;letter-spacing:0.8em;}
/* MENTIONS LEGALES*/
#mentionsLegales{border-radius:30px;margin-top:5%;text-align:left;line-height:1.6em;}
#mentionsLegales .creativecommons a img{width:85px;height:28px;margin:0px 5px 0px 5px;padding:3px;border:1px inset rgba(180,180,180,0.3);border-radius:8px;}
#mentionsLegales .creativecommons a{text-decoration:none;color:rgba(180,180,180,0.7)}#mentionsLegales #iboal-w3c{font-size:0.88rem;}
/*HOME BLOCS LIENS*/ 
.container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;}
.item{width:26%;height:auto;margin:20px;padding:10px;border:1px ridge rgba(128,128,128,0.1);border-radius:30px;background-image: linear-gradient(326deg, rgba(236, 236, 236,0.04) 0%, 
rgba(236, 236, 236,0.04) 6%,rgba(157, 157, 157,0.04) 6%, rgba(157, 157, 157,0.04) 29%,rgba(77, 77, 77,0.04) 29%, rgba(77, 77, 77,0.04) 100%),linear-gradient(164deg, 
rgba(236, 236, 236,0.04) 0%, rgba(236, 236, 236,0.04) 36%,rgba(157, 157, 157,0.04) 36%, rgba(157, 157, 157,0.04) 61%,rgba(77, 77, 77,0.04) 61%, rgba(77, 77, 77,0.04) 100%),
linear-gradient(336deg, rgba(236, 236, 236,0.04) 0%, rgba(236, 236, 236,0.04) 64%,rgba(157, 157, 157,0.04) 64%, rgba(157, 157, 157,0.04) 69%,rgba(77, 77, 77,0.04) 69%, 
rgba(77, 77, 77,0.04) 100%),linear-gradient(90deg, rgb(0,0,0),rgb(0,0,0));}
.item a{text-decoration:none;display:block;font-family:"Geliat",sans-serif;font-size:1rem;font-weight:100;letter-spacing:0.01em;}
.item a p{margin:0;padding:10px 20px;color:rgba(0,0,0,1);text-align:justify;hyphens:auto;}
.item a #titre-music, .item a #titre-artvisuel, .item a #titre-photo, .item a #titre-video, .item a #titre-tarot, .item a #titre-contact{display:block;margin:auto;text-align:center;letter-spacing:0.4em;}
.item a #titre-music{color:rgba(251,100,0,1);} .item a #music-case{color:rgba(251,100,0,0.90);}
.item a #titre-artvisuel{color:rgba(255,235,59,1);} .item a #visuel-case{color:rgba(255,235,59,0.80);}
.item a #titre-photo{color:rgba(65,255,0,1);} .item a #photo-case{color:rgba(65,255,0,0.80);}
.item a #titre-video{color:rgba(0,230,255,1);} .item a #video-case{color:rgba(0,230,255,0.80);}
.item a #titre-tarot{color:rgba(165,90,255,1);} .item a #tarot-case{color:rgba(165,90,255,0.80);}
.item a #titre-contact{color:rgba(255,0,110,1);} .item a #contact-case{color:rgba(255,0,110,0.80);}
.item a:hover{opacity:0.8;}
/*PAGE MUSIQUE*/
#biographie #flute-pan{width:auto;height:auto;display:block;margin:auto;padding:0;margin-top:15px;margin-bottom:-15px;font-size:2.20rem;text-align:center;}
#biographie #fleche-bas{width:auto;height:auto;display:none;margin:auto;padding:0;margin-top:15px;margin-bottom:-15px;font-size:1.20rem;text-align:center;}
#ibo-wavesurfer{display:block;overflow-x:hidden;width:66.8%;height:auto;margin:auto;margin-top:20px;padding:0 15px;font-family:"Geliat",sans-serif;font-size:0.97rem;font-weight:normal;background-color:transparent;letter-spacing:0.06em;}
#ibo-wavesurfer #ibo-waveform #waveform{background-image:linear-gradient(to right,rgba(5,5,5,0.6),rgba(41,41,41,0.3));border-radius:15px;}
#ibo-wavesurfer #ibo-waveform{border:0.1em ridge rgba(255,155,0,0.1);padding:10px;border-radius:20px;}
#ibo-wavesurfer .btn-player{width:118px;height:auto;padding:5px 10px;background-color:transparent;}#ibo-wavesurfer .btn-player i{color:rgba(255,155,0,0.8);padding-right:5px;}
#ibo-wavesurfer .btn-player i:hover{color:rgba(255,155,0,0.6);}#ibo-wavesurfer #playlist .bloc-album{display:block;margin:auto;margin:10px 0 10px 20px;letter-spacing:0.2em;font-weight:650;border:none;}
#ibo-wavesurfer #playlist .bloc-album{text-decoration:none;}#ibo-wavesurfer #playlist a{border:none;}                               
#patchwork-bloc,#organics-bloc,#providence-bloc,#intuition-bloc,#nomades-bloc{margin:auto;border:0.16em dotted rgba(255,102,0,0.1);border-radius:20px;margin-bottom:20px;}
#patchwork-bloc .bloc-album{background-color:transparent;border:none;}#patchwork-bloc .bloc-album, #patchwork-bloc a, #patchwork-bloc a .infos-time{color:rgba(249,208,7,0.65);} /*jaune #f9d007*/      
#organics-bloc .bloc-album, #organics-bloc a, #organics-bloc a .infos-time{color:rgba(104,237,29,0.65);} /*vert #68ed1d*/       
#providence-bloc .bloc-album, #providence-bloc a, #providence-bloc a .infos-time{color:rgba(234,92,36,0.7);} /*orange #ea5c24*/
#intuition-bloc .bloc-album, #intuition-bloc a, #intuition-bloc a .infos-time{color:rgba(201,74,229,0.7);} /*violet #c94ae5*/
#nomades-bloc .bloc-album, #nomades-bloc a, #nomades-bloc a .infos-time{color:rgba(19,189,255,0.7);} /*bleu #13bdff*/
#ibo-wavesurfer .badge-info{background-color:transparent;color:rgba(255,155,0,0.8);font-weight:normal;}#ibo-wavesurfer #playlist a{margin:0px 0px;} 
#ibo-wavesurfer #playlist a .vignette-album{margin:0px 10px 0px 0px;padding:3px;border-radius:15px;}#ibo-wavesurfer #playlist a .infos-time{display:inline;margin:0;padding:0;text-align:left;}
#ibo-wavesurfer #ibo-waveform #nompiste{color:rgba(255,155,0,0.8);font-size:0.88rem;font-style:italic;padding-left:10px;}
#ibo-wavesurfer #ibo-waveform #infos-wave #time-current,#ibo-wavesurfer #ibo-waveform #infos-wave #time-total{width:60%;color:rgba(255,155,0,0.5);font-size:0.88rem;} 
#ibo-wavesurfer #ibo-waveform #infos-wave #time-current{margin-left:10px;}#ibo-wavesurfer #ibo-waveform #infos-wave #time-total{padding-left:0px;}
/*SLIDESHOWS OEUVRES et PHOTOS*/
*{box-sizing:border-box;}
#diaporama-box{width:64.5%;height:auto;margin:auto;margin-top:50px;padding-top:30px;font-family:"Geliat",sans-serif;font-size:0.95rem;border:0.16em dotted rgba(255,235,59,0.1);border-radius:15px;}
#diaporama-box-photos{width:65%;height:auto;margin:auto;margin-top:50px;padding-top:30px;font-family:"Geliat",sans-serif;font-size:0.95rem;border:0.16em dotted rgba(65,255,0,0.1);border-radius:15px;}
.mySlides{display:none;}img{vertical-align:middle;}
.slideshow-container{max-width:450px;height:auto;margin:auto;position:relative;}.slideshow-photos-container{max-width:800px;height:auto;margin:auto;position:relative;}
.prev,.next{cursor:pointer;position:absolute;top:50%;padding:12px;margin-top:-22px;color:rgba(180,180,180,1);font-weight:500;font-size:1.2rem;transition:0.6s ease;
border-radius:0 3px 3px 0;user-select:none;}
.next{right:0;border-radius:3px 0 0 3px;}
.prev:hover, .next:hover{background-color:rgba(0,0,0,0.6);}
.text{color:rgba(255,235,59,0.75);font-size:0.95rem;padding:8px 12px;position:absolute;bottom:-40px;width:100%;text-align:center;letter-spacing:0.1em;}.text em{font-size:0.95rem;}
#diaporama-box .numbertext,#diaporama-box .numbertextphoto{color:rgba(180,180,180,0.8);font-size:0.95rem;padding:0;position:absolute;}
#diaporama-box .numbertext{top:5px;left:10px;}#diaporama-box .numbertextphoto{top:-1%;left:-8%;}
#dot-box{width:48%;height:auto;display:block;margin:auto;margin-top:55px;margin-bottom:20px;padding:5px;border:0.16em ridge rgba(255,235,59,0.03);border-radius:15px;}
#dot-box-photos{width:40%;height:auto;display:block;margin:auto;margin-top:-5px!important;margin-bottom:20px;padding:5px;border:0.16em ridge rgba(255,235,59,0.03);border-radius:15px;}
.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#3d3d3d;border-radius:50%;display:inline-block;transition:background-color 0.6s ease;}
.style-change{background-color:rgba(255,235,59,0.4);}.active, .dot:hover{background-color:rgba(250,10,10,0.4);}
.fade{animation-name:fade;animation-duration:1.5s;}
@keyframes fade{from {opacity: .4} to{opacity:1}}
/*VIDEO PLAYER*/
#video_player{display:table;width:64.5%;height:auto;line-height:0;margin:auto;margin-top:70px;margin-bottom:10%;background-color:transparent;font-family:"Geliat",sans-serif;font-size:0.95rem;}
#video_player video{width:100%;height:auto;background-color:transparent;border:1px ridge rgba(0,230,255,0.1);border-radius:15px;padding:10px;}
#video_player video,#video_player #video-titres{display:table-cell;vertical-align:top;}
#video_player #video-titres{width:16%;height:auto;}#video_player #video-titres .vignette img{border:1px ridge rgba(0,230,255,0.1);border-radius:10px;padding:5px;margin:0px 0px 20px 30px;}
#video_player #video-titres .titre-vignette{margin:-9px 0px 20px 37px;color:rgba(0,230,255,0.7);font-size:0.90rem;letter-spacing:0.05em;}#video_player #video-titres .vignette:hover{opacity:0.65;}
/*JEU DE TAROT*/
#tarot-box{width:100%;height:auto;margin:auto;text-align:center;margin-top:35px;margin-bottom:35px;}
.bordCarte{width:200px;height:200px;display:inline-block;margin:15px 2px;padding:6px;border:1px ridge rgba(180,180,180,0.1);border-radius:100px;}		
#pioche,#melange{width:130px;height:auto;position:relative;margin:25px;padding:10px 10px;text-decoration:none;color:rgba(165,90,255,0.7);text-transform:uppercase;font-size:0.95rem;font-weight:500;letter-spacing:0.12em;background-color:transparent;border:1px ridge rgba(165,90,255,0.15);border-radius:30px;}
#pioche:hover,#melange:hover{opacity:0.75;}#pioche:active{transform:rotate(-45deg);}#melange:active{transform:rotate(45deg);}
#sens-cartes,#sens-cartes #interpretationInfos,#sens-cartes #dico-cartes{margin:auto!important;margin:0;padding:0;}	 
#sens-cartes{width:65%;height:auto;margin-bottom:0;padding:20px 0px;font-family:"Geliat",sans-serif;font-size:1rem;letter-spacing:0.06em;text-align:justify;hyphens:auto;line-height:1.8em;color:rgba(180,180,180,0.7);border:1px ridge rgba(165,90,255,0.1);border-radius:30px;}
#sens-cartes .first-letter{font-family:"Geliat",sans-serif;font-size:1.6rem;font-weight:900;}#sens-cartes #interpretationInfos{padding:20px 60px 0px 60px;text-align:justify;hyphens:auto;font-style:italic;}
#sens-cartes #dico-cartes .titre-dico{font-weight:850;letter-spacing:0.3em;color:rgba(165,90,255,0.8);padding-bottom:20px;}#sens-cartes #dico-cartes{padding:20px 60px 20px 40px;text-align:justify;hyphens:auto;list-style:none;}
#sens-cartes #dico-cartes li{margin-left:20px;}#sens-cartes #dico-cartes li .nomCarte{color:rgba(165,90,255,0.6);font-weight:600;}
#sens-cartes #dico-cartes li .bigLetter{font-size:1.65rem;font-weight:600;}#sens-cartes #dico-cartes .espaceVide{display:block;visibility:hidden;}
/*CONTACT*/ 
#contact-ibo{width:81.5%;height:auto;margin:auto;padding:0;margin-top:3%;padding:0;background-color:transparent;}
#bloc-contact form{width:80%;text-align:center;height:auto;margin:auto;padding-top:30px;padding-bottom:30px;border:1px dotted rgba(255,0,110,0.15);border-radius:30px;}
#bloc-contact form p input{width:90%;height:auto;margin-bottom:20px;padding:5px;font-family:"Geliat",sans-serif;font-size:1rem;letter-spacing:0.06em;text-align:justify;hyphens:auto;line-height:1.8em;color:rgba(180,180,180,0.7);background-color:transparent;border:1px dotted rgba(255,0,110,0.15);border-radius:6px;}
#bloc-contact form p input:link,#bloc-contact form p input:hover,#bloc-contact form p input:active{background-color:transparent;}
#bloc-contact form p textarea{width:90%;height:auto;padding:5px;font-family:"Geliat",sans-serif;font-size:1rem;letter-spacing:0.06em;text-align:justify;hyphens:auto;line-height:1.8em;color:rgba(180,180,180,0.7);background-color:transparent;border:1px dotted rgba(255,0,110,0.15)!important;border-radius:10px;}
#bloc-contact form p input::placeholder,#bloc-contact form p textarea::placeholder{font-style:italic;font-size:0.90rem;letter-spacing:0.15em;}
#bloc-contact form p .envoi-mail,#bloc-contact form p .erase-mail{width:auto;height:auto;padding:15px;color:rgba(255,0,110,0.6);font-size:0.90rem;letter-spacing:0.15em;background-color:transparent;border:1px dotted rgba(255,0,110,0.15);border-radius:25px;}
#bloc-contact form p .envoi-mail:hover,#bloc-contact form p .erase-mail:hover{opacity:0.70;}#bloc-contact form p button i{color:rgba(255,0,110,0.6);padding-right:15px;font-size:1rem;}
#bloc-contact .merci-envoi,#bloc-contact .erreur-envoi,#bloc-contact .envoi-invalide{width:auto;display:block;margin-left:12%;font-family:"Geliat",sans-serif;font-size:1.10rem;font-style:italic;letter-spacing:0.2em;color:rgba(255,0,110,0.6);}
/*PIED DE PAGE RESEAUX VISITEURS*/
.fa.fa-twitter::before{content:"𝕏";}
#pied-extras .reseaux-bloc{width:240px;display:block;margin:auto;margin-top:5%;padding:3px;text-align:center;border:1px ridge rgba(128,128,128,0.1);border-radius:30px;}
#pied-extras .reseaux-bloc a{font-size:1.20rem;color:rgba(255,155,0,0.90);padding:8px;}
#pied-extras .reseaux-bloc a:hover{opacity:0.6;}
#pied-extras #compteur-visites{width:240px;margin:auto;margin-top:5%;margin-bottom:0%;font-family:"Geliat",sans-serif;text-align:center;}
#pied-extras #compteur-visites label{width:auto;margin:auto;text-align:center;font-size:1rem;letter-spacing:0.24em;font-style:italic;text-transform:uppercase;font-weight:600;}
#pied-extras #compteur-visites label:hover{opacity:0.75;}
#pied-extras #compteur-visites #msgbox #intermed{width:200px;margin:auto;text-align:center;margin-top:10px;padding:12px;text-align:left;font-size:0.95rem;color:rgba(180,180,180,0.7);letter-spacing:0.03em;border:1px ridge rgba(128,128,128,0.1);border-radius:20px;}
#pied-extras #compteur-visites #msgbox #intermed .nbre-visiteurs{color:rgba(255,155,0,0.75);font-weight:500;}
#pied-extras #compteur-visites #msgbox{margin:0;padding:0;top:0;}
#pied-extras #compteur-visites #surcouche{display:none;margin:0;padding:0;top:0;}
#pied-extras #compteur-visites #case1,#pied-extras #compteur-visites #case2,#pied-extras #compteur-visites #case3,#pied-extras #compteur-visites #case4,#pied-extras #compteur-visites #case5,#pied-extras #compteur-visites #case6,#pied-extras #compteur-visites #case7,#pied-extras #compteur-visites #case8,#pied-extras #compteur-visites #case9,#pied-extras #compteur-visites #case10,#pied-extras #compteur-visites #case11{display:none;}
#pied-extras #compteur-visites #case1:checked + #surcouche,#pied-extras #compteur-visites #case2:checked + #surcouche,#pied-extras #compteur-visites #case3:checked + #surcouche,#pied-extras #compteur-visites #case4:checked + #surcouche,#pied-extras #compteur-visites #case5:checked + #surcouche,#pied-extras #compteur-visites #case6:checked + #surcouche,#pied-extras #compteur-visites #case7:checked + #surcouche,#pied-extras #compteur-visites #case8:checked + #surcouche,#pied-extras #compteur-visites #case9:checked + #surcouche,#pied-extras #compteur-visites #case10:checked + #surcouche,#case11:checked + #surcouche{display:block;}
#pied-extras #compteur-visites label{cursor:pointer;}
/*FOOTER TOP PAGE COMPTEUR VISITEURS*/
footer{width:100%;height:auto;display:block;margin:auto;text-align:center;margin-top:0;padding:0;font-family:"Geliat",sans-serif;letter-spacing:0.06em;}
footer #top-page{display:block;margin-top:5%;margin-left:-8px;color:rgba(255,155,0,0.65);font-size:1.32rem;}footer #top-page:hover{opacity:0.6;}
/*FOOTER COPYRIGHT*/
footer #infos-bas-page p{width:100%;display:block;margin:auto;margin-top:5%;padding-bottom:10px!important;font-size:0.90rem;letter-spacing:0.06em;font-weight:100;padding:0px;color:rgba(180,180,180,0.65);}
footer #infos-bas-page p #mentionLegalesLink{text-decoration:none;color:rgba(180,180,180,0.65);}footer #infos-bas-page p #mentionLegalesLink:hover{color:rgba(250,10,10,0.8);}
/**RESPONSIVE**/
@media only screen and (min-width: 2000px){#ibo-wavesurfer{width:66.5%;}}
@media only screen and (max-width:1440px){#baniere #logo-btn img{margin-left:11%;}#sous-titre{margin-top:-2%;}#sous-titre-mentions{margin-top:-5.6%;}.item{width:27.5%;}.item a{text-align:left;font-size:0.98rem;}
#biographie,#mentionsLegales{width:75%;margin-top:5%;text-align:left;}#ibo-wavesurfer{width:77%;}#diaporama-box{width:75%;}
#diaporama-box-photos{width:75%;}#dot-box{width:51%;}#dot-box-photos{width:43%;}#video_player{width:75%;margin-top:40px;}#sens-cartes{width:75%;padding:10px 10px;}
#sens-cartes #interpretationInfos{padding:20px 20px 30px 20px;}#sens-cartes #dico-cartes{padding:0;margin-left:0px;margin-bottom:20px!important;}
#contact-ibo{width:93.5%;}footer #infos-bas-page p{margin-top:8%;letter-spacing:0.05em;}}
@media only screen and (max-width:1024px){#maintenance-ibo{width:80%;}#maintenance-ibo #text-maintenance{width:80%;font-size:1.50rem;}
nav #logo-btn img{width:90px;height:90px;}#baniere #logo-btn img{margin-top:10%;margin-left:8%;}#ibo-photo{width:90px;height:90px;margin-top:-1.5%;margin-bottom:1%;}
#titre{margin-left:6%;font-size:2.78rem;}#baniere,#baniereMusic{margin-top:-6%;padding-bottom:3%;}#baniereMusic{margin-top:-4.5%;}
#sous-titre,#sous-titreMusic,#sous-titre-mentions{margin-left:1%;font-size:1.68rem;}#sous-titreMusic{margin-bottom:5%;}#sous-titre-mentions{margin-top:-7.5%;}
#biographie,#mentionsLegales{width:80%;font-size:0.98rem;padding:10px;}#biographie{margin-top:-3%!important;}#mentionsLegales{margin-top:0px;}
.container{display:block;}.item{width:70%;margin:auto;margin-bottom:20px;padding:20px;}#diaporama-box{width:80%;}#diaporama-box-photos{width:80%;}
.slideshow-photos-container .mySlides img{width:100%;height:auto;}#dot-box{width:68%;}#dot-box-photos{width:57%;}#ibo-wavesurfer{width:80%;font-size:0.95rem;}#video_player{width:80%;}
#sens-cartes{width:80%;}#sens-cartes #interpretationInfos{padding:10px 10px 20px 10px;}#sens-cartes #dico-cartes{padding:0;margin-left:-10px!important;}
#sens-cartes,#sens-cartes #interpretationInfos,#sens-cartes #dico-cartes{text-align:left;}#contact-ibo{width:100%;}#bloc-contact form p button i{font-size:0.96rem}#bloc-contact form p input,#bloc-contact form p textarea{font-size:0.96rem;}
#pied-extras .reseaux-bloc{margin-top:8%;}#pied-extras .reseaux-bloc a{font-size:1.10rem;}#pied-extras #compteur-visites label{font-size:0.98rem;}#pied-extras #compteur-visites #msgbox #intermed{font-size:0.92rem;}footer #top-page{margin-top:5%;}
footer #infos-bas-page p{font-size:0.88rem;letter-spacing:0.04em;}}
@media only screen and (max-width:769px){#biographie #flute-pan {display:none;}#biographie #fleche-bas{display:block;}}
@media only screen and (max-width:768px){#maintenance-ibo{width:90%;}#maintenance-ibo #text-maintenance{width:90%;}	
nav #logo-btn #text-menu{margin-top:-66px;margin-left:75px;}nav #logo-btn img{width:88px;height:88px;margin-top:30px;margin-left:20px;}.sidenav .closebtn{font-size:1.68rem;}
#baniere #logo-btn img{width:88px;height:88px;margin-top:14%;margin-left:6%;}#ibo-photo{width:88px;height:88px;margin-top:-1%;}#biographie .first-letter{font-size:1.40rem;}
#baniere,#baniereMusic{margin-top:-9%;padding-bottom:4%;}#baniereMusic{margin-top:-7%;}#titre{margin-left:12%;font-size:2.58rem;}
#sous-titre,#sous-titreMusic,#sous-titre-mentions{font-size:1.58rem;}#sous-titreMusic{margin-top:1%}#sous-titre-mentions{margin-top:-9.75%}#mentionsLegales #iboal-w3c{font-size:0.86rem;}
.item{width:82%;margin-bottom:10px;padding:10px;}.item a{font-size:0.96rem}#biographie,#mentionsLegales{width:82%;font-size:0.96rem;}#ibo-wavesurfer{width:84.4%;font-size:0.94rem;}#ibo-wavesurfer #ibo-waveform{padding:5px;}
#diaporama-box{width:80%;margin-top:35px;font-size:0.93rem;}#diaporama-box-photos{width:80%;margin-top:35px;font-size:0.93rem;}.prev,.next{font-size:1.18rem;}#dot-box{width:90%;}#dot-box-photos{width:75%;}
#video_player{width:80%;display:block;}#video_player #video-titres .vignette{display:inline-block;margin:0;padding:0;margin:10px 5px 10px -30px;}#video_player #video-titres .titre-vignette{font-size:0.88rem;}
#tarot-box{width:82%;}#sens-cartes{width:80%;}#sens-cartes,#sens-cartes #interpretationInfos,#sens-cartes #dico-cartes{font-size:0.96rem;}#tarot-box #pioche,#tarot-box #melange{font-size:0.90rem;}
#sens-cartes #dico-cartes li .bigLetter{font-size:1.60rem;}#bloc-contact form p button i{font-size:0.94rem}#bloc-contact form{width:82%;}#bloc-contact form p input,#bloc-contact form p textarea{font-size:0.94rem;}
#bloc-contact form p .envoi-mail,#bloc-contact form p .erase-mail{padding:5px;letter-spacing:normal;font-size:0.89rem;}
#bloc-contact .merci-envoi,#bloc-contact .erreur-envoi,#bloc-contact .envoi-invalide{margin-left:10%;font-size:1.05rem;}#pied-extras .reseaux-bloc a{font-size:1.05rem;}
#pied-extras #compteur-visites label{font-size:0.96rem;}#pied-extras #compteur-visites #msgbox #intermed{font-size:0.90rem;}footer #top-page{font-size:1.28rem;}footer #infos-bas-page p{margin-top:10%;font-size:0.86rem;letter-spacing:0.03em;}}
@media only screen and (max-width:630px){.slideshow-container .mySlides img{width:100%!important;height:auto!important;}}
@media only screen and (max-width:480px){nav #logo-btn img{width:85px;height:85px;margin-top:20px;margin-left:-5px;}nav #logo-btn #text-menu{margin-top:-64px;margin-left:58px;font-size:0.98rem;}.sidenav a{font-size:0.86rem;}
#baniere #logo-btn img{width:85px;height:85px;margin-top:3%;margin-left:1%;}#ibo-photo{width:85px;height:85px;}#titre{margin-left:18%;margin-bottom:-5%;font-size:2.48rem;}#biographie .first-letter{font-size:1.30rem;}
#sous-titre,#sous-titreMusic,#sous-titre-mentions{font-size:1.48rem;margin-left:2.3%;}#sous-titreMusic{margin-top:4%;margin-bottom:8%;}#biographie #fleche-bas{font-size:1.15rem;}
#baniere{margin-top:4%;padding-bottom:4%;}#baniereMusic{margin-top:7%;margin-bottom:-5%;}#sous-titre-mentions{margin-top:-16%;margin-left:10%;}.item{width:90%;}.item a{font-size:0.94rem;padding:5px;}
.item a p{padding:0px 10px;}#biographie,#mentionsLegales{width:90%;font-size:0.94rem;letter-spacing:0.06em;}#mentionsLegales{margin-top:5%;}#mentionsLegales p img{width:20%;height:20%;}
#mentionsLegales #iboal-w3c{font-size:0.84rem;}#ibo-wavesurfer{width:95.5%;font-size:0.92rem;}#ibo-wavesurfer #playlist .bloc-album{font-size:0.88rem;}#ibo-wavesurfer #playlist a .vignette-album{margin:0px 5px 0px 0px;}
#ibo-wavesurfer #playlist a .trackname,#ibo-wavesurfer #playlist a .infos-time{letter-spacing:normal;}.prev,.next{font-size:1.16rem;}#diaporama-box{width:90%;font-size:0.90rem;}
#diaporama-box-photos{width:89%;font-size:0.90rem;}#diaporama-box .text,#diaporama-box .text em{font-size:0.90rem;}#diaporama-box .numbertext,#diaporama-box-photos .numbertextphoto{font-size:0.90rem;}#dot-box{width:90%;}#dot-box-photos{width:77%;}
#video_player{width:90%;font-size:0.90rem;margin-bottom:35%;}#video_player #video-titres .titre-vignette{font-size:0.86rem;}#tarot-box{width:98%;}#sens-cartes{width:90%;}#sens-cartes,#sens-cartes #interpretationInfos,#sens-cartes #dico-cartes{font-size:0.94rem;letter-spacing:0.03em;}
#tarot-box #pioche,#tarot-box #melange{font-size:0.88rem;}#sens-cartes #dico-cartes li .bigLetter{font-size:1.55rem;}#sens-cartes .first-letter{font-size:1.5rem;}#bloc-contact form{width:90%;}#bloc-contact form p button i{font-size:0.92rem}#bloc-contact form p input,#bloc-contact form p textarea{font-size:0.92rem;}
#bloc-contact form p .envoi-mail,#bloc-contact form p .erase-mail{letter-spacing:0.1em;font-size:0.88rem;}#bloc-contact .merci-envoi,#bloc-contact .erreur-envoi,#bloc-contact .envoi-invalide{font-size:1rem;}
#pied-extras .reseaux-bloc{margin-top:15%;}#pied-extras .reseaux-bloc a{font-size:1rem;}#pied-extras #compteur-visites label{font-size:0.94rem;}#pied-extras #compteur-visites #msgbox #intermed{font-size:0.88rem;}footer #top-page{margin-top:10%;font-size:1.25rem;}
footer #infos-bas-page p{margin-top:15%;font-size:0.85rem;letter-spacing:0.02em;}}
@media only screen and (max-width:360px){nav #logo-btn img{width:83px;height:83px;}nav #logo-btn #text-menu{margin-top:-62px;font-size:0.94rem;}.sidenav a{font-size:0.84rem;}.sidenav .closebtn{font-size:1.48rem;}
#baniere #logo-btn img{width:83px;height:83px;margin-top:-2%;margin-left:-1%;}#ibo-photo{width:83px;height:83px;margin-top:-3%;}#titre{margin-left:14%;margin-bottom:-10%;font-size:2.38rem;letter-spacing:0.8em;}
#maintenance-ibo{font-size:1.35rem;}#sous-titre,#sous-titreMusic,#sous-titre-mentions{font-size:1.38rem;margin-left:1.5%;line-height:1.7;margin-top:3%;margin-bottom:5%;}#sous-titreMusic{margin-top:6%;}
#sous-titre-mentions{margin-top:-19%;margin-left:13%;}#mentionsLegales #iboal-w3c{font-size:0.82rem;}#baniere{margin-top:6%;padding-bottom:3%;}#baniereMusic{margin-top:9%;}
.item a{font-size:0.92rem;}.item a p{padding:0px 5px;}#biographie,#mentionsLegales{font-size:0.92rem;letter-spacing:0.03em;}#mentionsLegales{margin-top:8%;}#biographie .first-letter{font-size:1.20rem;}
#ibo-wavesurfer{width:99.5%;font-size:0.90rem;}#ibo-wavesurfer #playlist .bloc-album{font-size:0.85rem;}.prev,.next{font-size:1.12rem;}#ibo-wavesurfer #ibo-waveform #nompiste{font-size:0.84rem;}
#diaporama-box{width:90%;font-size:0.88rem;}#diaporama-box-photos{width:89%;font-size:0.88rem;}#diaporama-box .text,#diaporama-box .text em{font-size:0.88rem;}#diaporama-box .numbertext,#diaporama-box-photos .numbertextphoto{font-size:0.88rem;}
#dot-box{width:95%;}#dot-box-photos{width:80%;}#video_player{font-size:0.88rem;}#video_player #video-titres .vignette img{width:105px;height:auto;}
#video_player #video-titres .titre-vignette{font-size:0.84rem;letter-spacing:0.03em;}#sens-cartes .first-letter{font-size:1.45rem;}#sens-cartes,#sens-cartes #interpretationInfos,#sens-cartes #dico-cartes{font-size:0.92rem;}#tarot-box #pioche,#tarot-box #melange{font-size:0.86rem;}
#sens-cartes #dico-cartes li .bigLetter{font-size:1.50rem;}#bloc-contact form p button i{font-size:0.90rem}#bloc-contact form p input,#bloc-contact form p textarea{font-size:0.90rem;}#bloc-contact form p .envoi-mail,#bloc-contact form p .erase-mail{font-size:0.87rem;}
#bloc-contact .merci-envoi,#bloc-contact .erreur-envoi,#bloc-contact .envoi-invalide{margin:8% 0 0 10%;font-size:0.95rem;}#pied-extras .reseaux-bloc{margin-top:20%;}#pied-extras .reseaux-bloc a{font-size:0.90rem;}#pied-extras #compteur-visites{margin-top:12%;}#pied-extras #compteur-visites label{font-size:0.92rem;}#pied-extras #compteur-visites #msgbox #intermed{font-size:0.86rem;}
footer #top-page{margin-top:15%;font-size:1.20rem;}footer #infos-bas-page p{margin-top:18%;font-size:0.83rem;letter-spacing:0.01em;}}
@media only screen and (max-width:320px){nav #logo-btn img{width:80px;height:80px;}nav #logo-btn #text-menu{font-size:0.92rem;}.sidenav a{font-size:0.82rem;}#ibo-photo{width:80px;height:80px;margin-top:-3.5%;}
#baniere #logo-btn img{width:80px;height:80px;margin-top:-8%;}#titre{margin-left:6%;margin-bottom:-12%;font-size:2.28rem;letter-spacing:0.8em;}
#baniere{margin-top:12%;}#sous-titre,#sous-titreMusic{font-size:1.28rem;}#baniere #sous-titre-mentions{font-size:1.19rem;letter-spacing:normal;margin-top:-19%;margin-left:14%;}#biographie #fleche-bas{font-size:1.10rem;}
.item a{font-size:0.90rem;}.item a p{padding:0px 0px;}#biographie,#mentionsLegales{font-size:0.90rem;letter-spacing:0.01em;}#mentionsLegales{margin-top:12%;}#biographie #fleche-bas{font-size:1.115rem;}
#ibo-wavesurfer{font-size:0.88rem;}#ibo-wavesurfer #playlist .bloc-album{font-size:0.75rem;}.prev,.next{font-size:1rem;}#dot-box{width:72%;}#dot-box-photos{width:90%;}
#diaporama-box .text{font-size:0.86rem;}#diaporama-box .text em{font-size:0.86rem;}#diaporama-box .numbertext,#diaporama-box-photos .numbertextphoto{font-size:0.86rem;}
#video_player{margin-bottom:20%;font-size:0.86rem;}#video_player #video-titres .vignette img{width:100px;height:auto;}#video_player #video-titres .titre-vignette{font-size:0.82rem;}
#sens-cartes,#sens-cartes #interpretationInfos,#sens-cartes #dico-cartes{font-size:0.90rem;}#sens-cartes #dico-cartes li .bigLetter{font-size:1.45rem;}
#tarot-box #pioche,#tarot-box #melange{font-size:0.84rem;}#bloc-contact form p .envoi-mail,#bloc-contact form p .erase-mail{display:block;margin:auto!important;margin-top:10px!important;font-size:0.85rem!important;}
#bloc-contact form p input,#bloc-contact form p textarea{font-size:0.88rem;}#bloc-contact form p .erase-mail{margin-top:0.938rem;}#bloc-contact .merci-envoi,#bloc-contact .erreur-envoi,#bloc-contact .envoi-invalide{margin:8% 0 0 10%;font-size:0.90rem;}
#pied-extras #compteur-visites label{font-size:0.90rem;}#pied-extras #compteur-visites #msgbox #intermed{font-size:0.84rem;}footer #top-page{margin-top:20%;font-size:1.10rem;}
footer #infos-bas-page p{margin-top:20%;font-size:0.82rem;letter-spacing:normal;}}
@media only screen and (max-width:240px){#baniere #sous-titre-mentions{font-size:0.90rem;letter-spacing:0.01em;margin-top:-25%;margin-left:20%;}.item a{font-size:0.88rem;}#diaporama-box .text{bottom:-55px;}
#biographie,#mentionsLegales{font-size:0.85rem;letter-spacing:normal;}footer #top-page{margin-top:25%;}footer #infos-bas-page p{margin-top:10%;font-size:0.80rem;}}