html{scroll-behavior: smooth}
@charset "utf-8";
@font-face{font-family:'serif';font-display:auto;src:local('serif'),url('POLICES/serif-ttf-webfont.woff');}
serif,serifP,serifI,serifW{font-family:'serif';word-spacing:.5vw;line-height:120%;font-size:125%}
serifP{font-size:110%}
serifI{font-style:italic}
serifW{color:white;text-shadow:1px 1px 1px black}
@font-face{font-family:'Curves';font-display:auto;src:local('Curves'),url('POLICES/parisienne-webfont.woff')}
@font-face{font-family:'curve2';font-display:auto;src:local('curve2'),url('POLICES/curve2-ttf-webfont.woff')}
curve2{font-family:'curve2';line-height:1.1em;font-size:2.8vw}
curve,curveP,curveW,curveB{font-family:'Curves';font-size:130%;line-height:120%;font-weight:650}
curveP{font-size:1.1em;font-style:normal}
curveWG,curveBG{font-family:'curve2';font-size:2.2em;line-height:.9em;font-weight:100}
curveW{color:white;text-shadow:1px 1px 2px black}
curveB{color:black;text-shadow:0 0 .1vw black,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 3px white,0 0 3px white,0 0 3px white;font-size:1.8em}
curveWG{color:white;text-shadow:0 0 .1vw white,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black}
curveBG{color:black;text-shadow:0 0 .1vw black,0 0 2px white,0 0 2px white}
@media(min-width:700px){curve,curveW{font-size:125%}}
@media(min-width:700px){curveWG,curveBG{font-size:190%;line-height:110%}}
@font-face{font-family:'immortal';font-display:auto;src:local('immortal'),url('POLICES/immortal-webfont.woff')}
imm,immI,immW,immB,immG{font-family:'immortal';font-size:120%;line-height:120%}
imm{text-shadow:none}immI{text-shadow:none;font-style:italic}
immG{text-shadow:1px 1px 1px white;font-size:2.6vw}
immW{color:white;text-shadow:1px 1px 2px black}
immB{color:black;text-shadow:1px 1px 2px white}
@font-face{font-family:'Verdana';font-display:auto;src:local('Verdana'),url('POLICES/verdana-ttf-webfont.woff')}
arial{font-family:'Arial';line-height:2.8vw}
comic{font-family:'Comic Sans MS';font-size:2.2vw;line-height:2.8vw}
verd,verdi,verdm,verdmI,verdp,verdW,verdB{font-family:'Verdana';font-size:105%;line-height:150%}
@media(min-width:700px){verd,verdi,verdm,verdmI,verdp,verdW,verdB{font-size:100%}}
verdI{font-style:italic}verdmI{font-size:1.8vw;font-style:italic}
verdBI,verdWI{font-family:'Comic Sans MS';font-style:italic}
verdBI{color:purple;font-size:1em}
verdWI{color:yellow;font-size:1.1em}
verdp{font-size:1.4vw}verdm{font-size:1.8vw}
verdW{font-size:2.2vw;color:white;text-shadow:0 0 2vw black,0 0 1px black,0 0 1px black,0 0 1px black,0 0 1px black}
verdB{font-size:2.2vw;color:black;text-shadow:1px 1px 2px white}
W{color:white;text-shadow:0 0 .1vw white,0 0 2px black,0 0 3px black,0 0 3px black}
N{color:black;text-shadow:0 0 .1vw black,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 3px white,0 0 3px white,0 0 3px white}
OB{text-shadow:0 0 .1vw black,0 0 2px white,0 0 2px white,0 0 3px white,0 0 3px white,0 0 3px white,.2em .2em .15em black}
OW{text-shadow:0 0 .1vw white,0 0 2px black,0 0 2px black,0 0 3px black,0 0 3px black,0 0 3px black,.2em .2em .15em black}

body{background-color:#8EB9DE;font-size:2.6vw;line-height:2.2vw} /* < 500px */
@media(min-width:500px){body{font-size:2.4vw}}
@media(min-width:700px){body{font-size:2vw;line-height:2.8vw}}
@keyframes opac{from{opacity:0}to{opacity:1}}
[id*="suite"]{margin:0;display:none;animation:opac 1.3s}
.flotte{float:left}.tampon{width:13vw;left:4em;top:1em;animation:opac 5s}
.CloseWindow{width:8vw;position:fixed;z-index:4;right:1em;top:3.5em}
.PetitBody{width:9vw;position:fixed;z-index:4;left:.2em}.GrosBody{width:10vw;position:fixed;z-index:4;margin-top:5vw;left:0em;padding-top:.6em}
.cadreFreeFind{font-size:2vw;height:1.2em;width:8em}.loupeFreeFind{width:2.5em;padding-top:1em}#Loupe{display:block;cursor:pointer;margin-left:0em;margin-top:5em;width:10%}
#cadre{border-radius:2vw;padding:4vw;padding-bottom:5vw;text-align:justify;width:88%}
/* .marge_gauche{margin-right:40%;text-align:justify} */
.plan{background:url(IMAGES/table-matieres.jpg)no-repeat;text-align:right}
.papier{background:url("IMAGES/feuille-de-papier.jpg");font-family:"Comic Sans MS"}
.banc{background:url(IMAGES/banc-seul.jpg);background-position:top;background-size:100%}
.ciel{background:url(IMAGES/fond_ciel_2.jpg)}
.intro{background:url(IMAGES/Germe.jpg)}
.ceil-soleil{background:url(IMAGES/ciel-bleu.jpg);background-size:100%}
.papier,.intro,.banc,.plan,.ciel,.ceil-soleil{border-radius:2vw;box-shadow:1.5vw 1.5vw 1.5vw #614423;padding:2em;background-size:100%}
.un{background:url(IMAGES/UN-H.jpg)no-repeat}
.deux{background:url(IMAGES/DEUX.jpg)no-repeat;padding-bottom:50vw}
.trois{background:url(IMAGES/desert-H.jpg)no-repeat}
.quatre{background:url(IMAGES/pont-ruisseau-12.jpg)no-repeat}
.cinq{background:url(IMAGES/galaxie2.jpg)no-repeat}
.un,.deux,.trois,.quatre,.cinq{position:relative;background-size:100%;padding-bottom:30vw}
.nuage1,.nuage2,.nuage3,.nuage4,.nuage5,.nuage6,.nuage7{position:relative;width:50vw;font-weight:700}
/* .nuage1{top:20vw;left:5vw} 
@media(min-width:700px){.nuage1{top:-1vw}}  */
.nuage2{top:-5vw;left:40vw} /* l'amour */
.nuage3{top:-20vw;left:-5vw} /* amour déserté */
/* @media(min-width:700px){.nuage2,.nuage3{top:-12vw}} */
.nuage4{top:-20vw;left:39vw;width:58vw} /* amour dans couple */
/* @media(min-width:700px){.nuage4{top:-15vw}} */
.nuage5{top:-20vw;left:10vw;width:52vw;width:65vw} /*parents*/
.nuage6{top:-20vw;left:40vw;width:52vw;width:65vw} /*enfants*/
/* @media(min-width:700px){.nuage5{top:-19vw}} */
.nuage7{top:-20vw;left:10vw;width:65vw} /*relations humaines*/
/* @media(min-width:700px){.nuage6{top:-5.5vw}} */
.feuille1,.feuille2,.feuille3,.feuille4,.feuille5,.feuille6{position:relative;width:38vw;font-weight:700;}
.feuille1{top:5vw;left:10vw}
/* @media(min-width:700px){.feuille1{top:1vw;left:2vw;width:33%}} */
.feuille2{top:7vw;left:47vw}
/* @media(min-width:700px){.feuille2{top:-8vw;left:41vw;width:33%}} */
.feuille3{top:7vw;left:54vw} /* w est-ce si difficile ?*/
.feuille4{top:10vw;left:12vw} /*Se rapprocher de notre être intérieur*/
.feuille7{top:7vw;left:30vw;width:18vw} /* Reprendre le contrôle */
.feuille5{top:12vw;left:50vw} /* Je vais méditer cela */
.feuille6{top:16vw;left:4vw} /* soutenir ceux qui peinent */
/* @media(min-width:700px){.feuille6{top:5vw;left:32vw;padding-top:0vw}} */
.texte,.texteP{position: absolute;font-weight:700;font-family:'verdana';font-size:2.7vw;color:white;text-shadow: 0 0 1px black,0 0 2px black,0 0 3px black,0 0 3px black, 0 0 4px #4B2700, 0 0 4px #4B2700, 0 0 5px #4B2700, 0 0 6px #4B2700}
.texteP{font-size:2vw}
@media(min-width:700px){.texte,.texteP{font-size:2.2vw}}
.texteB{position: absolute;font-weight:700;font-family:'verdana';font-size:2.7vw;color:black;text-shadow: 0 0 1px black,0 0 3px white,0 0 3px white,0 0 3px white}
.bleu{position: absolute;color:#aed6f1;font-size:3vw;line-height:120%;font-family:'verdana';text-shadow:0 0 2vw white,0 0 1px black,0 0 1px black,0 0 1px black,0 0 2px blue,0 0 3px blue,0 0 5px blue,0 0 6px blue,0 0 7px blue,0 0 7px blue}
.bleu a {color: inherit} .vert a {color: inherit}
.vert{position: absolute;width:40vw;color:white;font-size:2.7vw;line-height:120%;font-family:'verdana';text-shadow:0 0 1vw white,0 0 2vw black,0 0 2vw black,0 0 2vw black,0 0 2vw green,0 0 2vw green,0 0 2vw green}
@media(min-width:700px){.bleu,.vert{font-size:2vw}}
.contenu{width:1.5em;position:relative;cursor:pointer;top:0.5vw}
contenu div{display:none}
contenu:hover div{background:url(IMAGES/parchemin-deroulant-large.png)no-repeat;width:auto;background-size:100%;background-position:bottom;display:inline;font-family:'Verdana';font-size:1.2em;line-height:1.7em;text-align:left;margin-left:-35vw;animation:opac 1.3s;position:absolute;z-index:3;margin-top:3vw;padding-left:2vw;padding-right:2vw;padding-top:2vw;padding-bottom:7vw}
#box0,#box2,#box3,#box4,#box6,#box8,#box10{top:2.6vw;animation:opac 1.3s} */
#box0{left:0em}#box2{left:2em}#box3{left:3em}#box4{left:4em}#box6{left:6em}#box8{left:8em}#box10{left:10em}
ul ul{display:none;position:absolute;background-color:#C2DFFF}li li li{transition:all 2.5s}li{opacity:.8;transition:opacity 2.6s ease-in;list-style-type:none;position:relative;width:32em;transition:all 2.5s}
/*;border:3px solid blue*/
li:hover{opacity:1;transition:opacity 0s ease-out;background-color:transparent;padding-top:0em;padding-bottom:0em}/*;border:3px solid blue*/
li:hover ul.niveau2,li li:hover ul.niveau3,li li li:hover ul.niveau4,li li li li:hover ul.niveau5{display:block;padding:.3em;padding-bottom:.3em;padding-top:.3em;border-radius:3vw;box-shadow:6px 4px 4px #333972}
ul.niveau1{margin-left:1em;padding-left:1em}
ul.niveau2{display:none;background-color:#FAEBD7;left:0em;top:-1.2em;width:27em;z-index:3}
ul.niveau3{left:7em;top:-1.2em;background-color:#FAEBD7;z-index:3}
ul.niveau4{left:7em;top:-1.2em;background-color:#FFFFF8;z-index:3}
ul.niveau5{left:7em;top:-1.2em;background-color:#FFF0F8;z-index:3}
#noLI{background-color:transparent;border:0;width:100%}a{text-decoration:none;color:blue}a:hover{color:green;text-shadow:1px 1px 2px white}
a.tableW,a.tableB{font-style:italic}
a.tableW,a.tableB,a.itemW,a.itemB{font-weight:200;word-spacing:.5vw;font-family:'serif';font-size:1.6em}
a.tableB,a.itemB{color:black;text-shadow:0 0 .1vw black,0 0 .1vw black,0 0 .2vw black,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white,0 0 3px white} /* font-weight:700 */
a.itemB:hover{color:blue;font-weight:700}
a.tableW,a.itemW{color:white;text-shadow:0 0 .1vw white,0 0 2px black,0 0 2px black,0 0 2px black,0 0 2px black}
@media(min-width:700px){a.tableW,a.tableB,a.itemW,a.itemB{font-size:2.7vw}}
a.tableW:hover{color:yellow;font-weight:700}
a.item{color:green;font-family:'Verdana';text-shadow:0;font-size:1.3em;line-height:1.7em;font-weight:700;transition:1s}
@media(min-width:700px){a.item{font-size:1.2em}}
a.item:hover{color:black}
a.item span{display:none;border-radius:8px}a.item:hover span{display:inline;position:absolute;line-height:1em;border:1px solid #8c8c8c;background:#f4f4f4;z-index:3}a.item>span{font-size:1.8vw;width:80%;padding:1em;box-shadow:6px 4px 4px brown}a.item:hover>span{opacity:1;line-height:1.5em;margin-top:1.5em;padding-left:2em;left:3em;z-index:5}
nota:hover{animation:opac 1s}
nota span{display:none;border-radius:8px;text-align:justify}
nota:hover span{color:black;display:inline;position:absolute;line-height:1em;border:1px solid #8c8c8c;background:#f4f4f4;z-index:3}
nota>span{font-size:95%;padding:1.8em;box-shadow:0px 3px 6px brown}
nota>span{opacity:1;line-height:1.5em;margin-top:2vw;left:3em;z-index:5}
a.item2{color:white;text-shadow:1px 1px 1px black,2px 2px 2px black;font-weight:700;font-family:'Verdana';font-size:2.4vw}a.item2:hover{color:yellow}
a.auteurW,a.auteurB{font-style:italic;text-decoration:underline;font-family:'Verdana';font-size:1em;line-height:2em}
a.auteurW{color:yellow;text-shadow:0 0 2px black,0 0 3px black}
a.auteurB{color:green;text-shadow:0 0 2px white,0 0 3px white}
a.auteurB{font-style:italic;text-decoration:underline;font-family:'Verdana';font-size:.8em}
.auteurFB{font-style:italic;color:purple;font-family:'Verdana';font-size:1.8vw}a.auteurFB:hover{color:purple}
.titre{color:#5819B3;font-weight:700;font-family:'Arial';font-size:1.6em}
h5{text-align:center}h2{text-shadow:1px 1px 2px black;font-size:135%;color:orange}
@media(min-width:700px){h4{font-size:2vw}}
h5{text-shadow:2px 2px 11px black;text-align:center}
h9{color:black;font-size:4vw;font-family:Curves;font-weight:700}h12,h13{text-shadow:2px 2px 11px black;text-decoration:underline;font-family:immortal;color:white}
h12{font-size:1.7em}h12:hover{color:yellow}
h13{font-size:4vw;color:#260081}h13:hover{color:#C646C6}
ppetit{font-size:80%}petit{font-size:85%}moyen{font-size:90%}Pgros{font-size:115%;font-weight:700}gros{font-size:120%}Tgros{font-size:140%}
.p03{margin-bottom:-1.6em}.p02{margin-bottom:-1.3em}.p01{margin-bottom:-1em}.p0{margin-bottom:-1.5vw}.pI{margin-bottom:-1vw}.pI5{margin-bottom:0vw}.pII{margin-bottom:2vw}.pIII{margin-bottom:3vw}.pIV{margin-bottom:4vw}.pV{margin-bottom:15%}
button,input[class*="btn"]{cursor:pointer;white-space:pre-wrap;width:20vw;height:6vw;transition:all 1s;font-family:'Arial';font-size:1.6vw}
.btnTransparent{background-color:transparent;border:.3vw solid;color:white}.btnTransparent:hover{background-color:transparent;color:yellow;text-shadow:1px 1px 8px white}