@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;
}
/* Mis en ligne le 14/07/2025 */
/* REGAGES GENERAUX */
html,body{overflow-y:visible;width:100%;height:100%;line-height:1.8;font-family:"Geliat",sans-serif;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:100px;margin-top:-70px;color:rgba(255,155,0,0.8);}
nav #logo-btn #text-menu:hover{opacity:0.75;}
nav #logo-btn img{display:block;margin-top:60px;margin-left:40px;}
.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.87rem;letter-spacing:0.15rem;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.87rem;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*/ 
#baniere,#baniereMusic{width:auto;height:auto;display:block;text-align:center;margin:auto;padding:0;margin-top:-5%;}
#baniereMusic{margin-top:-4%;}
#titre{margin-left:3.5%;font-family:"Stylish",sans-serif;color:rgba(160,160,160,0.8);font-size:2.87rem;letter-spacing:1em;font-weight:100;}
#titre a{text-decoration:none;}
#sous-titre,#sous-titreMusic,#sous-titre-mentions{display:block;margin:-1% 0 4% 0;font-family:"Tillana",sans-serif;color:rgba(160,160,160,0.75);font-size:1.87rem;letter-spacing:0.2rem;font-weight:100;}
#sous-titreMusic{margin:0.6% 0 3.5% 0;}
#baniere #logo-btn img{margin-top:9%;margin-left:16.5%;}
#baniere #sous-titre-mentions{font-family:"Geliat",sans-serif;font-size:1.70rem;margin-top:-5%;font-weight:600;}
#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:auto;height:auto;text-align:center;margin:auto;padding:0;margin-top:6%;margin-bottom:20%;font-family:"Tillana",sans-serif;color:rgba(160,160,160,0.75);font-size:1.15rem;letter-spacing:0.2rem;font-weight:100;}
#maintenance-ibo #text-maintenance{display:block;margin-top:30px;}
@media only screen and (max-width:1025px){#maintenance-ibo{text-align:left;margin-left:6%;margin-right:6%;}}
/*PAGE A PROPOS*/
#biographie,#mentionsLegales{width:65%;height:auto;margin:auto;padding:0;margin-top:5%;padding:0;font-family:"Geliat",sans-serif;text-align:justify;hyphens:auto;
font-size:1rem;letter-spacing:0.1rem;line-height:1.8rem;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.5rem;font-weight:900;}	
.bloc-texte{width:auto;height:auto;padding:20px!important;}	
.intermed-text{display:block;text-align:center;font-size:30px;font-weight:100;letter-spacing:0.8rem;}
/* MENTIONS LEGALES*/
#mentionsLegales{border-radius:30px;margin-top:5%;text-align:left;line-height:1.6rem;}
#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)}
/*HOME BLOCS LIENS*/ 
.container{display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.item{width:26%;height:auto;margin:10px;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.01rem;}
.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!important;letter-spacing:0.4rem;}
.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;}
@media only screen and (max-width:1441px){
#sous-titre{margin-top:-2%;}
.item{width:27.5%;}.item a p{text-align:left;}
#biographie,#mentionsLegales{width:75%;margin-top:5%;text-align:left;}
}
@media only screen and (max-width:1025px){
/*navigation*/nav #logo-btn img{width:90px;height:90px;}
/*titre*/#titre{margin-left:6%;font-size:2.77rem;}
#sous-titre,#sous-titreMusic{display:inline-block;margin-left:1%;font-size:1.65rem;}
#sous-titreMusic{margin-top:2%;}#ibo-photo{width:90px;height:90px;margin-top:-1.5%;margin-bottom:1%;}
/*baniere*/#baniere,#baniereMusic{margin-top:-6%;padding-bottom:3%;}#baniereMusic{margin-top:-5%;}
#baniere #sous-titre-mentions{margin-top:-8%;font-size:1.50rem;}
/*biographie*/#biographie,#mentionsLegales{width:80%;font-size:0.98rem;padding:10px;}
#biographie{margin-top:-1%!important;}
/*mentions legales*/#mentionsLegales{margin-top:0px;}
#baniere #logo-btn img{margin-top:10%;margin-left:8%;width:90px;height:90px;}
/*contenu*/.container{display:block;}
.item{width:80%;margin:auto;margin-bottom:20px;padding:20px;}
.item a{font-size:0.98rem;}
}
@media only screen and (max-width:769px){
/*navigation*/nav #logo-btn img{width:88px;height:88px;margin-top:15px;margin-left:-10px;}
nav #logo-btn #text-menu{margin-left:50px;}
/*titre*/#titre{margin-left:12%;font-size:2.57rem;}
#sous-titre,#sous-titreMusic{margin-left:0;font-size:1.55rem;}
#ibo-photo{width:86px;height:86px;margin-top:-1%;}
/*baniere*/#baniereMusic{margin-top:-3%;}
#baniere #logo-btn img{width:88px;height:88px;margin-top:11%;margin-left:6%;}
#baniere #sous-titre-mentions{margin-top:-9%;font-size:1.40rem;}
.item{width:82%;margin-bottom:10px;padding:10px;}
.item a{font-size:0.96rem}
/*contenu*/#biographie,#mentionsLegales{width:82%!important;font-size:0.96rem;}
}
@media only screen and (max-width:481px){
/*navigation*/nav #logo-btn img{width:86px;height:86px;margin-top:20px;margin-left:-5px;}
nav #logo-btn #text-menu{margin-top:-64px;margin-left:58px;font-size:98%;}
.sidenav a{font-size:0.84rem;}
/*titre*/#titre{margin-left:18%;margin-bottom:-5%;font-size:2.47rem;}
#sous-titre,#sous-titreMusic{font-size:1.40rem;margin-left:2.3%;}
#sous-titreMusic{margin-top:4%;margin-bottom:8%;}
#ibo-photo{width:83px;height:83px;}
/*baniere*/#baniere{margin-top:6%;padding-bottom:4%;}
#baniereMusic{margin-top:9%;}
#baniere #logo-btn img{width:86px;height:86px;margin-top:3%;margin-left:1%;}
#baniere #sous-titre-mentions{margin-top:-16.5%;font-size:1.25rem;text-align:left;margin-left:15%;}
/*contenu*/.item{width:90%;}
.item a{font-size:0.94rem;padding:5px;}
.item a p{padding:0px 10px;}
#biographie,#mentionsLegales{width:90%!important;font-size:0.94rem;letter-spacing:0.06em;}
#mentionsLegales{margin-top:5%;}
#mentionsLegales p img{width:20%;height:20%;}
}
@media only screen and (max-width:361px){
/*navigation*/nav #logo-btn img{width:83px;height:83px;}
nav #logo-btn #text-menu{margin-top:-62px;font-size:94%;}
.sidenav a{font-size:0.82rem;}
/*titre*/#titre{margin-left:14%;margin-bottom:-10%;font-size:2.37rem;letter-spacing:0.8em;}
#sous-titre,#sous-titreMusic{font-size:1.35rem;margin-left:1.5%;line-height:1.7;margin-top:3%;margin-bottom:5%;}
#sous-titreMusic{margin-top:6%;}
#ibo-photo{width:80px;height:80px;margin-top:-3%;}
/*baniere*/#baniereMusic{margin-top:13%;}
#baniere{margin-top:9%;padding-bottom:3%;}
#baniere #sous-titre-mentions{text-align:left;font-size:1.1rem;letter-spacing:0.15rem;margin-top:-18%;margin-left:17%;margin-bottom:10%;}
#baniere #logo-btn img{width:83px;height:83px;margin-top:-4%;margin-left:-1%;}
/*contenu*/.item a{font-size:0.90rem;}
.item a p{padding:0px 5px;}
#biographie,#mentionsLegales{font-size:0.90rem;letter-spacing:0.03em;}
#mentionsLegales{margin-top:0%;}
}
@media only screen and (max-width:321px){
/*navigation*/nav #logo-btn img{width:80px;height:80px;}
nav #logo-btn #text-menu{font-size:90%;}
.sidenav a{font-size:0.80rem;}
/*titre*/#titre{margin-left:6%;margin-bottom:-12%;font-size:2.17rem;letter-spacing:0.8em;}
#ibo-photo{margin-top:-3.5%;}
/*baniere*/#baniere{margin-top:12%;}
#baniere #logo-btn img{width:80px;height:80px;margin-top:-10%!important;}
#baniere #sous-titre-mentions{font-size:1.03rem!important;letter-spacing:0.06rem;margin-top:-20%;margin-left:18%!important;}
/*contenu*/.item a{font-size:0.88rem;}
.item a p{padding:0px 0px;}
#biographie,#mentionsLegales{font-size:0.88rem;letter-spacing:0.01em;}
#mentionsLegales{margin-top:2%;}
}
@media only screen and (max-width:241px){
#baniere #sous-titre-mentions{font-size:0.90rem!important;letter-spacing:0.01rem;margin-top:-25%;margin-left:20%!important;}	
}
/*PAGE MUSIQUE*/
#biographie #flute-pan {width:auto;height:auto;margin:auto;padding:0;margin-top:15px;margin-bottom:-15px;font-size:2.2rem!important;text-align:center;}
#biographie #fleche-bas{width:auto;height:auto;margin:auto;padding:0;margin-top:15px;margin-bottom:-15px;font-size:1.2rem!important;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.9rem;font-weight:normal;background-color:transparent;letter-spacing:0.06rem;}
#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.2rem;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 (249,208,7)*/      
#organics-bloc .bloc-album, #organics-bloc a, #organics-bloc a .infos-time{color:rgba(104,237,29,0.65);} /*vert #68ed1d (104,237,29)*/       
#providence-bloc .bloc-album, #providence-bloc a, #providence-bloc a .infos-time{color:rgba(234,92,36,0.7);} /*orange #ea5c24 (234,92,36)*/
#intuition-bloc .bloc-album, #intuition-bloc a, #intuition-bloc a .infos-time{color:rgba(201,74,229,0.7);} /*violet #c94ae5 (201,74,229)*/
#nomades-bloc .bloc-album, #nomades-bloc a, #nomades-bloc a .infos-time{color:rgba(19,189,255,0.7);} /*bleu #13bdff (19,189,255)*/
#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.9rem;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.85rem;} 
#ibo-wavesurfer #ibo-waveform #infos-wave #time-current{margin-left:10px;}
#ibo-wavesurfer #ibo-waveform #infos-wave #time-total{padding-left:0px;} /* Pour posiotionnement à la fin de waveform : padding-left:91% */
@media only screen and (min-width: 2000px){
#ibo-wavesurfer{width:66.5%;}
}
@media only screen and (max-width:1441px){
#ibo-wavesurfer{width:77%;}
}
@media only screen and (max-width:1025px){
#ibo-wavesurfer{width:83.2%;font-size:0.97rem;}
}
@media only screen and (max-width:781px){
#ibo-wavesurfer{width:84.4%;font-size:0.96rem;}
#ibo-wavesurfer #ibo-waveform{padding:5px;}
}
@media only screen and (min-width:768px){
#biographie #fleche-bas{display:none;}
#biographie #flute-pan {display:block;}
}
@media only screen and (max-width:769px){
#biographie #flute-pan {display:none;}
#biographie #fleche-bas{display:block;}
#ibo-wavesurfer{width:85.6%;font-size:0.95rem;}
}
@media only screen and (max-width:481px){
#ibo-wavesurfer{width:95.5%;font-size:0.93rem;}
#ibo-wavesurfer #playlist .bloc-album{font-size:0.87rem;}
#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;}
}
@media only screen and (max-width:361px){
#biographie #fleche-bas{font-size:1.15rem!important;}
#ibo-wavesurfer{width:99.5%;font-size:0.89rem;}
#ibo-wavesurfer #playlist .bloc-album{font-size:0.83rem;}
}
@media only screen and (max-width:321px){
#biographie #fleche-bas{font-size:1.1rem!important;}
#ibo-wavesurfer{font-size:0.87rem;}
#ibo-wavesurfer #playlist .bloc-album{font-size:0.77rem;}
}
/*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.90rem;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.90rem;border:0.16em dotted rgba(65,255,0,0.1);border-radius:15px;}
.mySlides{display:none;}
img{vertical-align:middle;}
/* Slideshow container */
.slideshow-container{max-width:450px;height:auto;margin:auto;position:relative;}
.slideshow-photos-container{max-width:800px;height:auto;margin:auto;position:relative;}
/* Next & previous buttons */
.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.15rem;transition:0.6s ease;
border-radius:0 3px 3px 0;user-select:none;}
/* Position the "next button" to the right */
.next{right:0;border-radius:3px 0 0 3px;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover{background-color:rgba(0,0,0,0.6);}
/* Caption text */
.text{color:rgba(255,235,59,0.75);font-size:0.90rem;padding:8px 12px;position:absolute;bottom:-40px;width:100%;text-align:center;letter-spacing:0.1rem;}
.text em{font-size:0.85rem;}
/* Number text (1/3 etc) */
#diaporama-box .numbertext,#diaporama-box .numbertextphoto{color:rgba(180,180,180,0.8);font-size:0.85rem;padding:0;position:absolute;}
#diaporama-box .numbertext{top:5px;left:10px;}
#diaporama-box .numbertextphoto{top:-1%;left:-8%;}
/* The dots/bullets/indicators 48 dots 16 x 3 */
#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);}
/* Fading animation */
.fade{animation-name:fade;animation-duration:1.5s;}
@keyframes fade{from {opacity: .4} to{opacity:1}}
/* On smaller screens, decrease text size */
@media only screen and (max-width:1441px){
#diaporama-box{width:75%;}
#diaporama-box-photos{width:75%;}
#dot-box{width:51%;}
#dot-box-photos{width:43%;}
}
@media only screen and (max-width:1025px){
#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%;}
}
@media only screen and (max-width:769px){
#diaporama-box{width:80%;margin-top:35px;}
#diaporama-box-photos{width:80%;margin-top:35px;}
#diaporama-box .text{font-size:0.85rem;}
#diaporama-box .text em{font-size:0.80rem;}
#diaporama-box .numbertext,#diaporama-box-photos .numbertextphoto{font-size:0.80rem;}
.prev,.next{font-size:1.10rem}
#dot-box{width:90%;}
#dot-box-photos{width:75%;}
}
@media only screen and (max-width:641px){
#diaporama-box{width:81.5%;}
#diaporama-box-photos{width:82%;}
.prev,.next{font-size:1.05rem}
#dot-box{width:72%;}
#dot-box-photos{width:91%;}
}
@media only screen and (max-width:631px){
.slideshow-container .mySlides img{width:100%!important;height:auto!important;}
}
@media only screen and (max-width:481px){
#diaporama-box{width:90%;}
#diaporama-box-photos{width:89%;}
.prev,.next{font-size:1rem}
#diaporama-box .text{font-size:0.80rem;}
#diaporama-box .text em{font-size:0.75rem;}
#dot-box{width:90%;}
#dot-box-photos{width:77%;}
}
@media only screen and (max-width:361px){
.prev,.next{font-size:0.95rem}
#diaporama-box .text{font-size:0.78rem;}
#diaporama-box .text em{font-size:0.73rem;}
#diaporama-box .numbertext,#diaporama-box-photos .numbertextphoto{font-size:0.73rem;}
#dot-box{width:95%;}
#dot-box-photos{width:80%;}
}
@media only screen and (max-width:321px){
.prev,.next,.text{font-size:0.90rem}
#dot-box{width:72%;}
#dot-box-photos{width:90%;}
}
/*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.87rem;}
#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:-10px 0px 20px 37px;color:rgba(0,230,255,0.7);font-size:0.80rem;letter-spacing:0.05rem;}
#video_player #video-titres .vignette:hover{opacity:0.65;}
@media only screen and (max-width:1441px){
#video_player{width:75%;margin-top:40px;}
}                                                        
@media only screen and (max-width:1025px){
#video_player{width:80%;}
}
@media only screen and (max-width:769px){
#video_player{width:80%;display:block;}
#video_player #video-titres .vignette{display:inline-block;margin:0; padding:0;margin:10px 5px 10px -30px;}
}
@media only screen and (max-width:641px){
#video_player{width:82%;}
}
@media only screen and (max-width:481px){
#video_player{width:90%;font-size:0.85rem;margin-bottom:35%;}
#video_player #video-titres .titre-vignette{font-size:0.78rem;}
}
@media only screen and (max-width:361px){
#video_player{font-size:0.83rem;}
#video_player #video-titres .vignette img{width:105px;height:auto;}
#video_player #video-titres .titre-vignette{font-size:0.76rem;}
}
@media only screen and (max-width:321px){
#video_player{margin-bottom:20%;font-size:0.82rem;}
#video_player #video-titres .vignette img{width:100px;height:auto;}
#video_player #video-titres .titre-vignette{font-size:0.75rem;}
}                  
/*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!important;font-weight:500!important;letter-spacing:0.12rem;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);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform :rotate(-45deg);-o-transform:rotate(-45deg);}
#melange:active{transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform :rotate(45deg);-o-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.8rem!important;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.5em;font-weight:900;}
#sens-cartes #interpretationInfos{padding:20px 60px 0px 60px;text-align:justify;hyphens:auto;}
#sens-cartes #dico-cartes .titre-dico{font-weight:850;letter-spacing:0.3rem;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;}
@media only screen and (max-width:1441px){
#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;}
}
@media only screen and (max-width:1025px){
#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;}
}
@media only screen and (max-width:769px){
#tarot-box{width:82%;}
#sens-cartes{width:80%;}
#sens-cartes,#sens-cartes #interpretationInfos,#sens-cartes #dico-cartes{font-size:0.98rem;}
#tarot-box #pioche,#tarot-box #melange{font-size:0.86rem!important;}
#sens-cartes #dico-cartes li .bigLetter{font-size:1.55rem;}
}
@media only screen and (max-width:481px){
#tarot-box{width:98%;}
#sens-cartes{width:90%;}
#sens-cartes,#sens-cartes #interpretationInfos,#sens-cartes #dico-cartes{font-size:0.96rem;letter-spacing:0.03em;}
#tarot-box #pioche #pioche,#tarot-box #pioche #melange{font-size:0.84rem!important;}
#sens-cartes #dico-cartes li .bigLetter{font-size:1.52rem;}
}
@media only screen and (max-width:361px){
#sens-cartes,#sens-cartes #interpretationInfos,#sens-cartes #dico-cartes{font-size:0.92rem;}
#tarot-box #pioche #pioche,#tarot-box #pioche #melange{font-size:0.80rem!important;}
#sens-cartes #dico-cartes li .bigLetter{font-size:1.48rem;}
}
@media only screen and (max-width:321px){#sens-cartes,#sens-cartes #interpretationInfos,#sens-cartes #dico-cartes{font-size:0.90rem;}
#tarot-box #pioche #pioche,#tarot-box #pioche #melange{font-size:0.78rem!important;}
#sens-cartes #dico-cartes li .bigLetter{font-size:1.46rem;}
}
/*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.8rem;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.8rem;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;letter-spacing:0.15rem;}
#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);letter-spacing:0.15rem;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:0.94rem;}
#bloc-contact .merci-envoi,#bloc-contact .erreur-envoi,#bloc-contact .envoi-invalide{width:auto;display:block;margin-left:12%;font-size:1.1rem;font-style:italic;letter-spacing:0.2rem;color:rgba(255,0,110,0.6);}
@media only screen and (max-width:1441px){
#contact-ibo{width:93.5%;}
}
@media only screen and (max-width:1025px){
#contact-ibo{width:100%;}
}
@media only screen and (max-width:769px){
#bloc-contact form{width:82%;}
#bloc-contact form p input,#bloc-contact form p textarea{font-size:0.96rem;}
#bloc-contact form p .envoi-mail,#bloc-contact form p .erase-mail{padding:5px;letter-spacing:normal;font-size:0.92rem;}
#bloc-contact .merci-envoi,#bloc-contact .erreur-envoi,#bloc-contact .envoi-invalide{margin-left:10%!important;font-size:1.05rem;}
}
@media only screen and (max-width:481px){
#bloc-contact form{width:90%;}
#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{letter-spacing:0.1rem;font-size:0.88rem!important;}
#bloc-contact .merci-envoi,#bloc-contact .erreur-envoi,#bloc-contact .envoi-invalide{letter-spacing:0.1rem;}
}
@media only screen and (max-width:361px){
#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{font-size:0.86rem!important;}
#bloc-contact .merci-envoi,#bloc-contact .erreur-envoi,#bloc-contact .envoi-invalide{margin:8% 0 0 10%!important;font-size:0.96rem;}
}
@media only screen and (max-width:321px){
#bloc-contact form p .envoi-mail,#bloc-contact form p .erase-mail{display:block;margin:auto!important;margin-top:10px!important;font-size:0.84rem!important;}
#bloc-contact form p .erase-mail{margin-top:15px;}
#bloc-contact .merci-envoi,#bloc-contact .erreur-envoi,#bloc-contact .envoi-invalide{margin:8% 0 0 10%!important;font-size:0.92rem;}
}
/*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.2rem;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%;text-align:center;}
#pied-extras #compteur-visites label{width:auto;margin:auto;text-align:center;font-size:1.02rem;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:1rem;color:rgba(180,180,180,0.7);letter-spacing:0.03rem;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;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.3rem;}
footer #top-page:hover{opacity:0.6;}
/*FOOTER COPYRIGHT*/
footer #infos-bas-page{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 #mentionLegalesLink{text-decoration:none;color:rgba(180,180,180,0.65);}
footer #infos-bas-page #mentionLegalesLink:hover{color:rgba(250,10,10,0.8);}
/*REVOIR A PARTIR DE LA - POLICES 1440px -->-0.10rem - 1024px -->0.98rem - 768px -->0.96rem - 480px -->0.94rem - 360px -->0.90rem - 320px -->0.88rem*/
@media only screen and (max-width:1441px){
#pied-extras #compteur-visites label{font-size:1rem;}
#pied-extras #compteur-visites #msgbox #intermed{font-size:0.98rem;}
footer #infos-bas-page, footer #infos-bas-page #copyright,footer #infos-bas-page #mentionLegalesLink{margin-top:8%;letter-spacing:0.05em;}
}
@media only screen and (max-width:1025px){
#pied-extras .reseaux-bloc{margin-top:8%;}
#pied-extras #compteur-visites label{font-size:0.97rem;}
#pied-extras #compteur-visites #msgbox #intermed{font-size:0.95rem;}
footer #top-page{margin-top:5%;}
footer #infos-bas-page, footer #infos-bas-page #copyright,footer #infos-bas-page #mentionLegalesLink{font-size:0.88rem;letter-spacing:0.04em;}
}
@media only screen and (max-width:769px){
#pied-extras #compteur-visites label{font-size:0.96rem;}
#pied-extras #compteur-visites #msgbox #intermed{font-size:0.94rem;}
footer #top-page{font-size:1.25rem;}
footer #infos-bas-page, footer #infos-bas-page #copyright,footer #infos-bas-page #mentionLegalesLink{margin-top:10%;font-size:0.87rem;letter-spacing:0.03em;}
}
@media only screen and (max-width:481px){
#pied-extras .reseaux-bloc{margin-top:15%;}
#pied-extras #compteur-visites label{font-size:0.94rem;}
#pied-extras #compteur-visites #msgbox #intermed{font-size:0.92rem;}
footer #top-page{margin-top:10%;font-size:1.2rem;}
footer #infos-bas-page, footer #infos-bas-page #copyright,footer #infos-bas-page #mentionLegalesLink{margin-top:15%;font-size:0.86rem;letter-spacing:0.02em;}
}
@media only screen and (max-width:361px){
#pied-extras .reseaux-bloc{margin-top:20%;}
#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.90rem;}
footer #top-page{margin-top:15%;font-size:1.15rem;}
footer #infos-bas-page, footer #infos-bas-page #copyright,footer #infos-bas-page #mentionLegalesLink{margin-top:18%;font-size:0.84rem;letter-spacing:0.01em;}
}
@media only screen and (max-width:321px){
#pied-extras #compteur-visites label{font-size:0.90rem;}
#pied-extras #compteur-visites #msgbox #intermed{font-size:0.88rem;}
footer #top-page{margin-top:20%;font-size:1.1rem;}
footer #infos-bas-page, footer #infos-bas-page #copyright,footer #infos-bas-page #mentionLegalesLink{margin-top:20%;font-size:0.82rem;letter-spacing:normal;}
}
@media only screen and (max-width:319px){
footer #top-page{margin-top:25%;}
footer #infos-bas-page, footer #infos-bas-page #copyright,footer #infos-bas-page #mentionLegalesLink{margin-top:10%;font-size:0.75rem;}
}