@font-face{font-display:swap;font-family:'lescitesdor';src:url('/lescitesdor.woff2') format('woff2'),url('/lescitesdor.ttf') format('truetype');}
body{--couleur1:#930;--couleur2:#ffa200;--couleur3:249,189,38;--couleur4:#ffe8bf;--shadow:0 0 0.2em var(--couleur1);background-attachment:fixed;background-color:#c96;background-image:url('/texture.jpg');background-repeat:repeat;color:var(--couleur1);font-family:arial,sans-serif;font-size:0.8em;margin:10px 0;padding:0;text-align:center;text-decoration:none;}
a,a:link,a:visited{color:var(--couleur1);text-decoration:underline;}
a:active,a:hover,a:focus{color:var(--couleur4);}
.titre_texte{color:var(--couleur2);font-family:'lescitesdor',arial,sans-serif;margin:0 auto 10px auto;text-shadow:0.06em 0.06em 0 var(--couleur1);-webkit-text-stroke: 0.015em var(--couleur1)}
.drapeau{height:25px;width:25px;}
.titre1,.compteur{color:var(--couleur2);font-family:'lescitesdor',arial,sans-serif;font-size:1.4em;margin-bottom:3px;text-shadow:var(--shadow),var(--shadow),var(--shadow),var(--shadow),var(--shadow);}
.special{font-weight:bold;}
.justifie{text-align:justify;}
.centrage{text-align:center;}
.droite{text-align:right;}
.gauche{text-align:left;}
.grecaptcha-badge{visibility:hidden;}
#div_conteneur{height:auto;margin:10px auto 0 auto;overflow:visible;padding:0 0 20px 0;position:relative;width:1000px;}
#div_haut{border-radius:20px;box-shadow:10px 10px 10px #000000;margin:0 0 15px 0;overflow:hidden;padding:0;position:relative;width:1000px;z-index:10;}
#div_logo{bottom:0;margin:0;padding:0;position:absolute;right:10px;top:0;width:200px;z-index:15;}
#div_langue{float:right;height:25px;margin:0;overflow:hidden;padding:0;width:25px;}
#div_menu{background-color:rgb(var(--couleur3));background-color:rgba(var(--couleur3),0.9);background-image:url('/menu1.jpg');background-position:right center;background-repeat:no-repeat;border-radius:20px;box-shadow:-10px 10px 10px #000000;box-sizing:border-box;float:left;height:420px;margin:0;overflow:visible;padding:26px 0;position:relative;width:200px;z-index:20;}
#div_menu2{display:none;}
#div_intro{border-radius:20px;box-shadow:10px 10px 10px #000000;margin:20px auto;position:relative;width:900px;}
#div_main{background-color:rgb(var(--couleur3));background-color:rgba(var(--couleur3),0.9);border-radius:20px;box-shadow:10px 10px 10px #000000;box-sizing:border-box;float:right;margin:0 0 15px 0;min-height:420px;padding:10px 10px 20px 10px;position:relative;width:790px;z-index:5;}
#div_pied{background-color:rgb(var(--couleur3));background-color:rgba(var(--couleur3),0.9);border-radius:20px;box-shadow:10px 10px 10px #000000;box-sizing:border-box;float:right;font-size:0.8em;height:70px;margin:0 0 15px 0;padding:5px 10px;width:790px;z-index:0;}
#div_accueil1{background-image:url('/mco4_medaillon.png');background-position:center top;background-repeat:no-repeat;background-size:85%;display:table-cell;vertical-align:top;}
#div_accueil2{display:table-cell;padding-left:5px;vertical-align:top;width:25%;}
#motscroises1{display:block;}
#motscroises2{display:none;}
table{border-spacing:0;margin:10px auto;padding:0;}
td{padding:0;}
.table100{border-collapse:collapse;width:100%;}
.table100 td{border:1px solid var(--couleur1);}
img{border:none;}
.img_clic{vertical-align:middle;}
.img_episode{border-bottom-right-radius:20px;float:left;margin-right:1%;max-width:55%;}
.img_perso_A{aspect-ratio:1/1;border:1px solid #900000;border-radius:20%;box-sizing:border-box;float:left;margin:0 2% 0 0;max-width:49%;padding:1%;width:min(500px,49%);}
.img_perso_B{aspect-ratio:1/1;border:1px solid #900000;border-radius:20%;box-sizing:border-box;max-width:95%;padding:2%;width:min(150px,95%);}
.img_block{display:block;}
.img_gauche{float:left;margin:2px 20px 2px 0;}
.img_droite{float:right;margin:2px 0 2px 20px;}
.img_centre{margin:0 auto;}
ul{margin:0;padding:0;}
.menu > li,.menu > li li{background-color:rgb(255,255,255);background-color:rgba(255,255,255,0.2);border-radius:11px;box-shadow:inset -1px -1px 1px rgba(0,0,0,0.3),inset 1px 1px 1px rgba(255,255,255,0.3);box-sizing:border-box;display:inline-block;height:22px;list-style:none;margin:0 auto 1px auto;padding:1px;position:relative;vertical-align:middle;}
.menu > li{width:120px;}
.menu > li li{width:70px;}
.menu a,.menu div{color:var(--couleur2);display:inline-block;font-family:'lescitesdor',arial,sans-serif;font-size:1.3em;letter-spacing:1px;text-decoration:none;text-shadow:var(--shadow),var(--shadow),var(--shadow),var(--shadow),var(--shadow);vertical-align:middle;}
.menu a:active,.menu a:hover,.menu a:focus{color:var(--couleur4);}
.menu div{font-size:0.8em;position:absolute;right:4px;top:5px;}
.menu ul{left:85px;max-height:0;overflow:hidden;position:absolute;top:16px;transition:0s max-height 0.2s;z-index:30;}
.menu > li:hover ul{max-height:300px;}
.motscroises{background-color:#eee;border-width:1px;box-sizing:border-box;display:block;font-family:arial,sans-serif;font-size:0.9em;font-weight:bold;height:20px;margin:0;padding:0;text-align:center;width:20px;}
ul.chat_historique{list-style:none;margin:5px 0 0 0;padding:0;text-align:left;}
ul.chat_historique li{border-bottom:1px solid transparent;border-top:1px solid var(--couleur1);overflow-wrap:break-word;padding:5px;}
audio{border:5px solid var(--couleur2);border-radius:20px;box-sizing:border-box;height:40px;width:70%;}
sub,sup{line-height:75%;}
@media all and (max-width:1025px){
body{margin:1%;}
#div_intro{margin:10px auto;max-width:900px;width:95%;}
#div_conteneur{margin:0 auto;min-width:320px;padding:0;width:100%;}
#div_haut{width:100%;}
#div_logo{right:1%;width:20%;}
#titre{max-width:90%;}
#div_main{padding:10px 1% 20px 1%;width:79%;}
#div_pied{padding:5px 1%;width:79%;}
#div_haut,#div_main,#div_pied{border-radius:10px;box-shadow:5px 5px 5px #000000;margin:0 0 10px 0;}
#div_menu{border-radius:10px;box-shadow:-5px 5px 5px #000000;width:20%;}
}
@media all and (max-width:639.5px){
body{margin:0 1%;}
#div_menu,#div_haut,#div_logo{display:none;}
#div_menu2{background-color:rgb(var(--couleur3));background-color:rgba(var(--couleur3),0.5);background-image:url('/bandeau.jpg');background-repeat:no-repeat;background-size:100%;border-radius:0 0 10px 10px;box-shadow:5px 5px 5px #000000;display:block;margin:0 0 10px 0;min-width:320px;padding:0;position:fixed;top:0;width:98%;z-index:12;}
#div_accueil1,#div_accueil2{display:block;width:100%;}
.menu2{float:left;font-size:1.2em;margin:0;padding:2.8125% 0;width:25%;}
#div_main{margin-top:24%;min-height:0;padding:5px 1% 20px 1%;width:100%;}
#div_pied{width:100%;}
}
@media all and (max-width:479.5px){
body{margin:0;}
#div_haut,#div_pied{border-radius:0;box-shadow:none;margin:0 0 5px 0;}
#div_main{border-radius:0;box-shadow:none;margin-top:22.5%;}
#div_menu2{border-radius:0;box-shadow:none;margin:0;width:100%;}
.img_episode{border-radius:10px;display:block;float:none;margin:auto;max-width:100%;}
#motscroises1{display:none;}
#motscroises2{display:block;}
.menu2{font-size:0.85em;}
}