@charset "utf-8";
.cdc #wsentr {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#wsmenu ul > li.cmdmsg {color: grey;}
.wsmenu > .glo > .entete > figure {width: 64px;}
.wsmenu > .glo > .entete > figure img {border-radius: 50%; border: 2px solid #ccc;}
.cdc.wsmenu > .cat {background: darkblue;}
.cdc.wsmenu > .cat > li.menu {box-shadow: none; border-right: 1px solid white; background: #ddd;}
.cdc li.menu > label {color: darkblue;}
.cdc.wsmenu > .cat > li:not(.menu) {border-right: 1px solid white;}
.cdc ul > li:not(.choisi) {color: white;}
.cdc li.menu > ul.sub > li:not(.choisi) {color: darkblue;}
.cdc ul.sub > li:not(.choisi) {color: darkred;}
.cdc li.menu > ul.sub > li.accueil {color: red;}
.cdc li.menu > ul.choisi > li {width: 7.6em;}
.cdc.wsmenu > ul > li > ul > li:hover {background: #aaaaaa; color: darkblue;}
.cdc.wsmenu > ul > li:not(.menu):not(.choisi):hover, .wsmenu ul > li:not(.menu):active {background: #eeeeee; color: darkblue;}
.doc > * {position: absolute;}
.doc > .obj1, .doc > .obj2 {width: 16px; height: 20px; border: 1px solid grey; top: calc((100% - 20px) / 2); left: calc(50% - 16px / 2);}
.doc > .obj1 {z-index: 1; background: white;}
.doc > .obj2 {transform: translate(2px, -2px);}
.doc > .obj3 {z-index: 1; width: max-content; font-size: 6px; color: red; top: -2px; left: calc(50% - 16px / 2 + 2px);}
.doc > .obj3:before {content: "中 文";}
.doc > .obj4 {z-index: 1; width: 8px; height: 2px; border-top: 1px solid blue; border-bottom: 1px solid blue; top: 62%; left: calc(50% - 8px / 2 + 1px);}

.cdc.accueil > .wsdon .acc {position: relative;}
.cdc.accueil > .wsdon .acc > figure {animation: 3s transp2plein;}
.cdc.accueil > .wsdon .acc > figure + figure {position: absolute; top: 0; left: 0; opacity: 1; transform-origin: 48% 50%;}
.cdc.accueil.hsr0 > .wsdon .acc > figure + figure, .cdc.accueil.hsr1 > .wsdon .acc > figure + figure {animation: 2s tournerx;}
.cdc.accueil.hsr2 > .wsdon .acc > figure + figure, .cdc.accueil.hsr3 > .wsdon .acc > figure + figure {animation: 2s tourner;}
.cdc.accueil.hsr4 > .wsdon .acc > figure + figure, .cdc.accueil.hsr5 > .wsdon .acc > figure + figure {animation: 2s tourner1;}
.cdc.accueil.hsr6 > .wsdon .acc > figure + figure, .cdc.accueil.hsr7 > .wsdon .acc > figure + figure {animation: 2s a-img-dep-dg;}
.cdc.accueil.hsr8 > .wsdon .acc > figure + figure, .cdc.accueil.hsr9 > .wsdon .acc > figure + figure {animation: 3s gris2brillant;}
@keyframes transp2plein {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes tournerx {
	0% {transform: rotateX(10deg) scale(0.1); opacity: 0;}
	67% {transform: rotateX(540deg) scale(1.3);}
	100% {transform: scale(1.0); opacity: 1;}
}
@keyframes tourner {
	0% {transform: rotate(10deg) scale(0.1); opacity: 0;}
	67% {transform: rotate(360deg) scale(1.3);}
	100% {transform: scale(1.0); opacity: 1;}
}
@keyframes tourner1 {
	0% {transform: rotate(10deg) scale(0.1); opacity: 0;}
	67% {transform: rotate(1080deg) scale(1.3);}
	100% {transform: scale(1.0); opacity: 1;}
}
@keyframes gris2brillant {
	0% {opacity: 0;}
	25% {opacity: 1; transform: scale(1.2);}
	50% {opacity: 0; transform: scale(1);}
	75% {opacity: 1; transform: scale(1.2);}
	100% {opacity: 1; transform: scale(1);}
}
.cdc > .wsdon > figure {position: relative;}
.cdc > .wsdon > figure > .anim:before {position: absolute; content: " "; bottom: 200%; width: 1px; height: 1px; border-radius: 50%;}

.cdc .mot_img {position: relative; display: flex; flex-direction: row; justify-content: space-around; align-items: center; margin: 16px 6px 24px 6px;
	animation: 1s linear a-zon-dep-gd, 0.2s linear 3s forwards a-zon-cad;;}
.cdc .mot_img .src {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.cdc .mot_img .zh {margin: 1.2em auto 1.2em auto; font-size: 250%;}
.cdc .mot_img .py, .cdc .mot_img .fr {font-size: 150%; padding: 0;}
.cdc .mot_img .mot {width: max-content;}
.cdc .mot_img .exemp {width: 50%;}
.cdc .mot_img > .anim:before {position: absolute; content: " "; top: -50%; background: white; animation: 1s linear 2s a-zon-bor0;}
@keyframes a-zon-bor0 {
	0% {width: 50%; height: 0; top: 0; left: -50%; border-top: 4px solid #cccccc;}
	25% {width: 50%; height: 0; top: 0; left: calc(50% - 1px); border-top: 4px solid #cccccc; border-right: 4px solid #cccccc;}
	35% {width: 0; height: 30%; top: 0; left: calc(100% - 4px); border-top: 4px solid #cccccc; border-right: 4px solid #cccccc;}
	45% {width: 0; height: 30%; top: calc(70% - 4px); left: calc(100% - 4px); border: none; border-bottom: 4px solid #cccccc; border-right: 4px solid #cccccc;}
	55% {width: 50%; height: 0; top: calc(100% - 4px); left: calc(50% - 4px); border-bottom: 4px solid #cccccc; border-right: 4px solid #cccccc;}
	80% {width: 50%; height: 0; top: calc(100% - 4px); left: 0; border: none; border-left: 4px solid #cccccc; border-bottom: 4px solid #cccccc;}
	90% {width: 0%; height: 30%; top: calc(70% - 4px); left: 0; border-left: 4px solid #cccccc; border-bottom: 4px solid #cccccc;}
	100% {width: 0%; height: 30%; top: -30%; left: 0; border: none; border-left: 4px solid #cccccc;}
}
@keyframes a-zon-cad {
	100% {border: 1px solid #cccccc; box-shadow: 2px 2px 4px 0 #aaaaaa;}
}
.cdc .mot_img .mot .zh {position: relative; letter-spacing: 8px; font-weight: bold; overflow: hidden; color: #eeeeee;}
.cdc .mot_img .mot .zh:before {position: absolute; content: attr(data-text); letter-spacing: 8px; font-weight: bold; top: 0; left: 0; color: #111111;
	white-space: nowrap; overflow: hidden;}
.cdc.hsr0 .mot_img .mot .zh:before,
.cdc.hsr1 .mot_img .mot .zh:before,
.cdc.hsr2 .mot_img .mot .zh:before,
.cdc.hsr3 .mot_img .mot .zh:before,
.cdc.hsr4 .mot_img .mot .zh:before {animation: 1.25s linear a-txt-bal-gd; animation-delay: 0.75s;}
.cdc.hsr5 .mot_img .mot .zh:before,
.cdc.hsr6 .mot_img .mot .zh:before,
.cdc.hsr7 .mot_img .mot .zh:before,
.cdc.hsr8 .mot_img .mot .zh:before,
.cdc.hsr9 .mot_img .mot .zh:before {animation: 1.25s linear a-txt-bal-hb; animation-delay: 0.75s;}
.cdc .mot_img .exemp .zh {color: #111111;}
.cdc .mot_img .py, .cdc .mot_img .fr {position: absolute;}
.cdc .mot_img .py {top: 4px;}
.cdc .mot_img .fr {bottom: 4px;}
.cdc .mot_img .mot .py {left: 4px;}
.cdc .mot_img .exemp .py {right: 4px;}
.cdc .mot_img .mot .fr {left: 4px;}
.cdc .mot_img .exemp .fr {right: 4px;}

.cdc.accueil h2 {font-size: 125%;}
.cdc > .wsdon .txt .voc150 {margin: 1em auto 2em auto;}
.cdc .txt .voc150 > a {box-shadow: 0 3px 2px 0 #444; text-shadow: none; color: #333; padding: 16px; border-radius: 50%; background: #ccc;}
.cdc.accueil .vocab {position: relative; padding-bottom: 1em;}
.cdc.accueil .vocab > h2 + div {position: absolute; width: 110%; height: 200%; left: -5%; top: -100%; z-index: -1;
	border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom: 6px solid #ccc;}
.cdc > .wsdon .txt .vocab > h2 {position: absolute; width: 50%; left: 25%; top: 10%; color: #aaa; margin: 0; font-size: 1.5em; color: #bbb;}
.cdc .vocab > .lien {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.cdc .vocab > .lien > div {display: flex; flex-direction: row; justify-content: space-between;}
.cdc .vocab > .lien > div:first-of-type {width: 95%;}
.cdc .vocab > .lien > div:nth-of-type(2) {width: 75%; margin: 2em auto 1em auto;}
.cdc .vocab > .lien > div:nth-of-type(3) {justify-content: center; margin-bottom: 0.5em;}
.cdc .vocab > .lien > div:nth-of-type(3) > a {margin: auto 8px auto 8px;}
.cdc .vocab > .lien a {font-size: 150%; text-shadow: none; box-shadow: none; background: #bbb; width: 3.5em; padding: 8px; text-align: center; border-radius: 50%;}
.cdc .vocab .bas, .cdc .fiche.bas > .txt_img > a {color: green;}
.cdc .vocab .ava, .cdc .fiche.ava > .txt_img > a {color: blue;}
.cdc .vocab .pro, .cdc .fiche.pro > .txt_img > a {color: darkviolet;}
.cdc .vocab > .lien a.enf, .cdc .fiche.enf > .txt_img > a {color: white; background: linear-gradient(green, violet)}
.cdc .edito {display: flex; flex-direction: column; align-items: center;}
.cdc.accueil .outil a {text-shadow: none; box-shadow: none;}
.cdc .edito p {line-height: 150%; text-align: center; font-style: italic; letter-spacing: 3px;}
.cdc .edito p:before, .cdc .edito p:after {font-size: 120%; font-weight: bold; color: red;}
.cdc .edito p:before {content: "\275B\275B"; padding-right: 6px;}
.cdc .edito p:after {content: "\275C\275C"; padding-left: 4px;}

.cdc .voc_bas {display: flex; flex-direction: row; justify-content: space-around; flex-wrap: wrap;}
.cdc .voc_bas > * {border: 5px ridge #ccc; text-align: center; width: 7.5em; font-size: 1.2em; margin-top: 12px;}
.cdc .voc_bas.poli > * {width: 8.5em; font-size: 100%; margin: 12px auto 12px auto;}
.cdc .outil {display: flex; flex-direction: row; justify-content: space-around; margin: 1.5em auto 0 auto;}
.cdc .outil > div {display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.cdc .outil > div > a {color: #eee;}
.cdc .outil > div img {width: 128px; border-radius: 50%; margin-top: 6px;}
.cdc .outil .bouton {position: relative; width: 8em; height: 8em; border-radius: 50%; letter-spacing: 2px; background: radial-gradient(at 50% 60%, white, #aaa); 
	box-shadow: 0 3px 4px 2px #888; border: 2px solid #eee; margin: 4px;}
.cdc .outil .bouton > span {position: absolute; font-size: 120%; width: 100%; color: red; font-weight: bold; text-align: center; top: 40%;}
.cdc .outil > div > p {text-align: center;}

.cdc .hz_xxx {display: flex; flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: wrap;}
.cdc .hz_xxx figure {width: auto; margin: 8px;}
.cdc .hz_xxx figcaption {display: block; font-size: 90%; margin: 0;}
.cdc .hz_xyz {display: flex; flex-direction: row; justify-content: flex-start; align-items: center}
.cdc .hz_xyz > :not(:first-child) {margin-left: 8px;}
.cdc .hz_xxx.pied {justify-content: center; margin: 1.5em auto 1em auto; background: #888;}
.cdc .hz_xxx.pied > a {color: white; text-shadow: none; padding: 6px; box-shadow: none;}
.cdc .hz_xxx.pied > a:not(:first-child) {border-left: 1px solid white;}
.cdc .hz_xxx img[alt*="sifa"] {background: #222222; padding: 1px;}
.cdc .hz_xxx img[alt="Airwell"] {background: #b5bcbf; padding: 2px;}
.cdc .hz_xxx img[alt="soytouch"] {background: white;}
.cdc .cv p {font-style: italic; text-align: justify; font-weight: 400;}
.cdc .cadre {width: 98%; margin: 2em auto 2em auto; padding: 8px; box-shadow: 2px 2px 3px 0 grey;}
.cdc p.cadre {margin: auto;}
.cdc .cadre > .ttr {margin: 0 auto 1.5em auto; text-align: center; line-height: 100%; color: #888888;}
.cdc .cadre > .hz_xyz > p {margin: 0 auto 0 auto; width: auto;}
.cdc p.emp {text-align: center; margin: 1em auto 0 auto; color: #111111; font-weight: 400;}
.cdc p + p.inclus {margin-left: 4px;}
.cdc .exe p.inclus {text-align: inherit; min-width: inherit;}
.cdc p.inclus:not(:last-child) {margin-right: 4px;}
.cdc p.inclus > span {margin-left: 4px;}
.cdc .exe > p.fr {margin: 1.6em auto 0 auto; font-weight: bold;}
.cdc .exe.gauche > p.fr {margin: 0;}
li.cmdnote {position: relative;}
li.cmdnote > figure img {width: 28px;}
li.cmdnote .temoin {position: absolute; top: -12px; left: calc(50% + 8px); color: red; display: none;}
#imgmot {position: fixed; width: 32px;}
.wsout > .cmdnote {width: 100%; margin-bottom: 1.6em; position: relative}
.cdc > .wsdon .txt h2 {text-align: center; margin-top: 2em;}
.cdc > .wsdon.catal .txt h2 {text-align: center; margin: 3em auto 1.5em auto;}
.cdc > .wsdon.catal .txt > .tdb > h2 {margin: 0 auto 0 auto;}
.cdc > .wsdon.catal.evt .txt h2:not(only-of-type) {background: #dddddd;}
.cdc .cmdmajpg {cursor: pointer; font-size: 125%; color: red; text-align: center; width: max-content; margin: 1em auto 0 auto; padding: 4px 8px 4px 8px;
	border: 1px solid #ccc; box-shadow: 4px 4px 4px 0 #888;}
.cdc .cmdmajpg.disabled {cursor: default; color: #aaa;}
.cdc .txt.mcle > .titre {text-align: center; font-size: 125%; color: #333333; font-weight: bold; margin: 0 auto 1em auto;}
.cdc .txt.mcle > .titre ~ .zh.avdico:nth-of-type(even), .cdc .txt.mcle > .titre ~ .zh.avdico:nth-of-type(even) + .exe {background: #eee;}
.cdc .txt.mcle > .titre ~ .zh.avdico {margin-bottom: 0; padding-bottom: 0.5em;}
.cdc .txt.mcle > .tdb, .cdc .txt.mcle > h2, #mref .txt.mcle h2 {background: #e2f4d9; margin: 8px;}
.cdc .txt.mcle > .tdb > h2, #mref .txt.mcle > .tdb > h2 {padding: 0; margin: 0 auto 0 auto; width: 100%;}
.cdc .txt.mcle > .tdb {box-shadow: none; border: 1px solid blue; margin-top: 16px;}
.cdc .txt.mcle h2, #mref .txt.mcle h2 {position: relative; padding: 0; border-radius: 4px; margin: 8px; font-size: 120%;
	display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.cdc .txt.mcle h2 .ordtrt, .cdc .txt.mcle h2 .entree {position: absolute; color: red;}
.cdc .txt.mcle h2 .ordtrt {left: 4px; top: 2px; font-size: 1.3em;}
.cdc .txt.mcle h2 .entree {top: 2px; right: 12px; font-size: 1.2em;}
.cdc .txt.mcle h2 > .mot0 {position: absolute; top: 0; display: flex; flex-direction: row; justify-content: center; width: 100%; background: #b3d9a1;}
.cdc .txt.mcle h2 > .son.src:first-child {background: #b3d9a1; width: 100%; margin: 0;}
.cdc .txt.mcle h2 > .mot0 ~ .son.src, .cdc .txt.mcle h2 > .mot0 ~ .mot2, .cdc .txt.mcle h2 > .mot0 ~ .sig {margin-top: 2.2em; margin-bottom: 0;}
.cdc .txt.mcle > h2 > .zh:first-child, #mref .txt.mcle h2 > .zh:first-child {white-space: nowrap;}
.cdc .txt.mcle > h2 > .mot2, #mref .txt.mcle h2 > .mot2 {display: flex; flex-direction: column; align-items: center;}
.cdc .txt.mcle > h2 > .mot2 > span, #mref .txt.mcle h2 > .mot2 > span {display: flex; flex-direction: row; align-items: center;}
.cdc .txt.mcle > h2 > .mot2 .son.src > .fr, #mref .txt.mcle h2 > .mot2 .son.src > .fr {font-size: 80%;}
.cdc .txt.mcle > h2 > .mot2 > span:first-child, #mref .txt.mcle h2 > .mot2 > span:first-child {border-bottom: 3px solid #b3d9a1;}
.cdc .txt.mcle h2 .src {border: none; box-shadow: none;}
.cdc .txt.mcle h2 .zh + .sig {margin-left: 4px;}
.cdc .txt.mcle h2 .sig {color: red; font-weight: bold; margin: auto 6px auto 6px;}
.cdc .txt.mcle h2 .zh + .fr {margin: auto 6px auto 4px;}
.cdc figure.ordtrt {display: flex; flex-direction: column;}

.cdc > .wsdon.catal .txt h3 {background-color: #888888; color: white; width: max-content; padding: 4px 8px; border-radius: 4px;}
.cdc > .wsdon.catal .txt h3 > .zh {color: white;}
.cdc > .wsdon.catal .txt h4 {color: #222222; width: max-content; margin: 2em 0 1em 2px; padding: 4px 8px 4px 8px; box-shadow: 1px 1px 2px 0 grey;}
.cdc .ref-ttr {background: #ddd; margin: 0; padding: 1em 0 1.5em 0; color: darkblue;}
.cdc .ref-ttr + .hz_xxx {margin: 0 auto 2em auto; padding: 0.5em 0 0.5em 0; background: #ddd;}
.cdc.cmdnote .cmdhaut {position: absolute; z-index: 1; top: 8px;}
.cdc.cmdnote .somhaut {left: 8px;}
.cdc.cmdnote .cmdhaut > :first-child {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 1.6em; height: 1.6em;
	border-radius: 50%; font-weight: bold; font-size: 140%;}
.cdc.cmdnote .somhaut > :first-child {color: white; background: #888888;}
.cdc.cmdnote .dicorech {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end;}
.cdc.cmdnote .dicorech > :first-child {color: red; background: #cccccc;}
.cdc.cmdnote .cmdhaut .ouv, .cdc.cmdnote .cmdhaut .fer {width: 100%; text-align: center;}
.cdc.cmdnote .somhaut .ouv:before {content: "\b7\b7\b7";}
.cdc.cmdnote .dicorech .ouv:before {content: "Dico"; font-size: 0.7em;}
.cdc.cmdnote .dicorech .ouv {padding: 0 2px 4px 2px;}
.cdc.cmdnote .cmdhaut .fer:before {content: "X";}
.cdc.cmdnote .dicorech .contenu {background: #dddddd; padding: 1.2em 0 1em 0;}
.cdc.cmdnote .dicorech .contenu > label {position: absolute; top: 8px; color: #444444; font-size: 100%; font-weight: 900;}
.cdc.cmdnote .dicorech .contenu > .msgzone {position: absolute; bottom: 8px; color: red; padding: 0;}
.cdc.cmdnote .dicorech .contenu > form {width: 50%;}
.cdc.cmdnote .dicorech .contenu > label, .cdc.cmdnote .dicorech .contenu > .msgzone {left: 20%;}
.cdc.cmdnote .somhaut .sommaire {display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; padding-top: 8px; background-color: #888888;
	color: white; font-weight: bold;}
.cdc.cmdnote .somhaut .sommaire > * {width: 8.4em;}
.cdc.cmdnote > .txt {margin: 8px 8px 0 8px; padding: 0 1em 0 1em; overflow-y: scroll; box-shadow: 0 0 8px 0 #aaaaaa;}
.cdc.cmdnote > .txt > .titre {text-align: center; font-weight: bold; color: #444444; margin: 0.6em auto 1em auto;}
.cdc.cmdnote > .txt > .intro {text-align: justify; line-height: 170%;}
.cdc.cmdnote > .txt > .intro > p {margin: 0;}
.cdc.cmdnote > .txt > div:last-child {padding-bottom: 4em;}
.cdc.cmdnote h1, .cdc.cmdnote h2, .cdc.cmdnote h3, .cdc.cmdnote h4, #mref h1, #mref h2, #mref h3, #mref h4,
.cdc > .wsdon.catal .odm h2, .cdc > .wsdon.catal .odm h3, .cdc > .wsdon.catal .odm h4 {text-align: center; margin: 1.5em auto 0.5em auto;}
.cdc.cmdnote h2, #mref h2, .cdc > .wsdon.catal .odm h2 {font-size: 120%; padding: 8px; background-color: #dddddd; color: #222222;
	box-shadow: 2px 2px 4px 1px #888888;}
.cdc.cmdnote h3, #mref h3, .cdc > .wsdon.catal .odm h3 {background-color: #888888; color: white; width: max-content; padding: 6px 12px 6px 12px;
	border-radius: 4px}
.cdc .spprt > h4, .cdc #spprt ~ h4, .cdc.cmdnote h4, #mref h4 {color: #333333; letter-spacing: 1px; width: max-content;
    box-shadow: 2px 2px 4px 0 #444444; border: 1px solid #cccccc; padding: 2px 12px; margin: 2em auto 1em auto; border-radius: 4px;}
.cdc > .wsdon.catal .odm h4 {text-shadow: 2px 2px 3px #bbbbbb; color: #333333; letter-spacing: 1px;}
.cdc .spprt > h5, .cdc #spprt ~ h5, .cdc.cmdnote h5, #mref h5, .cdc > .wsdon.catal .odm h5 {font-size: 105%; color: #222222; font-weight: bold; margin: 1.5em 0 0.5em 0;}
.cdc .spprt > .tdb, .cdc #spprt ~ .tdb, .cdc.cmdnote .tdb {width: max-content; margin: 0.5em auto 0.5em auto; background: #dddddd; box-shadow: none;}
.cdc .spprt > .tdb > .ttr, #mref .tdb > .ttr, .cdc #spprt ~ .tdb > .ttr, .cdc.cmdnote .tdb > .ttr {margin: 0 auto 0 auto; padding: 8px;
	background: transparent; color: #444444; font-weight: normal;}
.cdc:not(.cmdnote) .tdb > h2 > .emp, .cdc:not(.cmdnote) .tdb ~ h3 > .emp {color: blue;}
.cdc:not(.cmdnote) .tdb ~ h3 {text-align: center; color: #444444; font-weight: 500; background-color: #eeeeee; box-shadow: 2px 2px 4px 0 #aaaaaa; padding: 8px;}
.cdc .tdb ~ p .mref.src {background-color: inherit; box-shadow: none; color: green; text-shadow: 2px 2px 3px lightgreen;}
.cdc .tdb ~ p .mref.src > .fr {color: green;}
.cdc .somtitre {font-weight: bold; font-size: 110%; color: #444444; margin: 1.5em 0 0.5em 0;}
.cdc .sommaire > * {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.cdc .sommaire > * > * {border-radius: 4px; margin: 0 8px 8px 0; padding: 4px; cursor: pointer;
	display: flex; justify-content: center; align-items: center; text-align: center;}
.cdc .sommaire > .niv2 {flex-direction: column; align-items: flex-start;}
.cdc .sommaire > .niv2:not(:first-child) {margin-top: 0.8em;}
.cdc .sommaire > .niv2 > * {width: auto; color: #222222;}
.cdc .sommaire > .niv3 > * {font-size: 90%; min-width: 7em; padding: 4px 8px 2px 8px; background-color: #aaaaaa; color: white;
	box-shadow: 2px 2px 4px 1px #aaaaaa;}
.cdc.cmdnote > .navig {position: absolute; height: 2.2em; width: 99%; left: 0.5%; bottom: 0;  
	display: flex; flex-direction: row; justify-content: center; background-color: #eeeeee;}
.cdc.cmdnote > .navig > * {width: 100%; text-align: center; color: red; font-size: 150%; font-weight: bold; cursor: pointer;}
.cdc.cmdnote > .navig > .disabled {cursor: default; color: #aaaaaa;}
.cdc.cmdnote > .navig > .pflag, .cdc.cmdnote > .navig > .prec {position: relative;}
.cdc.cmdnote > .navig > .pflag:not(.disabled), .cdc.cmdnote > .navig > .prec:not(.disabled) {color: blue;}
.cdc.cmdnote > .navig > .pflag, .cdc.cmdnote > .navig > .prec {font-size: 135%; padding: 4px 0 4px 0;}
.cdc.cmdnote > .navig .nb {position: absolute;  font-size: 10px; top: 0px; left: 50%;}
.cdc.cmdnote > .navig > :not(.disabled) > .nb {color: red;}
.ed-maj + *, .ed-maj.lig2 + * + *, .ed-maj.lig3 + * + *, .ed-maj.lig3 + * + * + * {animation: 1.5s a-zon-dep-gd;}
.cdc .lst {background-color: white;}
.cdc .lst > .fiche {width: 23%;}
.cdc .lst > .fiche:nth-last-of-type(2), .cdc .lst > .fiche:nth-last-of-type(2) ~ .fiche {width: 30%;}
.cdc .lst > .fiche:nth-last-of-type(3), .cdc .lst > .fiche:nth-last-of-type(3) ~ .fiche {width: 30%;}
.cdc .lst > .fiche:nth-last-of-type(4), .cdc .lst > .fiche:nth-last-of-type(4) ~ .fiche {width: 23%;}
.cdc .fiche > .ttr_fiche a .lig1, .cdc .fiche > .ttr_fiche a .lig2 {font-size: 0.9em; white-space: nowrap;}
.cdc .lst > .ttr_categ {color : #110994;}
.cdc .fiche > .info {margin: 0.5em 0 0.5em 0; font-size: 0.8em;}
.cdc .fiche > .prix {margin: 0 0 0.8em 0; font-size: 0.9em;}
.cdc .lst > li.tout {background-color: #110994; color: #eeeeee; width: 8em; box-shadow: 4px 4px 8px 0px #aaaaaa; border-radius: 4px;}
.cdc .txt_img > a, .cdc .fiche > .ttr_fiche .lig1, .cdc .fiche > .ttr_fiche .lig1 > span:not(.gratuit) {color: #110994;}
.cdc .fiche {background-color: #ffffff; box-shadow: 2px 8px 12px 0px #cccccc; position: relative;}
.cdc .txt_img {background-color: #aaaaaa;}
.cdc .fiche .aut {display: none;}
.cdc .fiche.audela .aut {display: block; margin-right: 8px;}
.cdc.evt .fiche  .aut, .cdc.qr .fiche .aut {display: block;}
.cdc .fiche > .info > .aut + * {margin-left: 0;}
.cdc .lst.general > .fiche > .prix {margin: 0;}
.prix {color: red;}
.prix.paye, .gratuit {color: green;}
.prix.gratuit, .prix.cache {display: none;}
.cdc .wsdon.catal {min-height: 640px;}
.cdc .wsdon.catal h1 > span {color: inherit;}
.cdc .wsdon.catal:not(.evt) .info > time > .hr {display: none;}
.cdc .lst.evt > .fiche {border: 1px solid #110994; box-shadow: none;}
.cdc .lst.evt > .fiche.passe {border: 1px solid #aaaaaa;}
.cdc .lst.evt > .fiche > .info, .cdc .lst.qr > .fiche > .info {flex-direction: column; align-items: center; font-size: 100%;}
.cdc .lst.evt > .fiche > .info > .aut, .cdc .lst.qr > .fiche > .info > .aut {margin-bottom: 0.5em;}
.cdc .lst.evt > .fiche > .txt_img {background: #110994;}
.cdc .lst.evt > .fiche.passe > .txt_img {background: #aaaaaa;}
.cdc .lst.evt > .fiche > .txt_img > a > span {color: white; text-shadow: 1px 1px 2px #444444;}
.cdc .wsdon.catal.evt h1 {width: max-content; margin: 2em auto 0.5em auto;}
.cdc .wsdon.catal.evt .info {justify-content: center; font-size: 110%;}
.comb.evtrsv > .ttr > .lig2 {color: #110994; font-size: 90%;}
.comb.evtrsv > .ttr > .lig3 {color: red; font-size: 90%;}
.cdc .tdb.non_cnt > h2.ttr, .cdc .tdb.non_abo > h2.ttr, .tdb.insuffis > h2.ttr {color: #aaaaaa;}
.cdc .txt a, .cdc .txt a > span.zh, .cdc .txt a > span.py {color: green; text-shadow: 2px 2px 3px #aaa; font-weight: 400;
	box-shadow: 1px 1px 1px 0 #888; padding: 0 2px 0 2px; margin: 0 1px 0 1px;}
.cdc h3 > a, .cdc h3 > a span.zh, .cdc h3 > a span.py {color: grey;}
.alerte > p {text-align: center;}
.alerte {display: flex; flex-direction: column; justify-content: space-around; align-items: center; margin-bottom: 1em;}
.cours .txt h3: {text-align: center; background-color: #cccccc; color: white; padding: 8px 0 8px 0; margin: 1em 0 0.5em 0; border-radius: 4px;}
.cours .txt h3.gauche {text-align: left; background-color: inherit; color: #333333; font-weight: bold; box-shadow: none; padding-left: 0;}
.cours .txt h4 {width: max-content; text-align: center; color: #ffffff; font-weight: 900; box-shadow: 0 0 8px #bbbbbb; margin: 1em auto 0.5em auto;
	padding: 0 0.5em 0 0.5em;}
.cours .txt h5 {font-size: 105%; width: max-content; text-align: center; color: #888888; font-weight: 900; text-shadow: 2px 2px 3px #cccccc;
	margin: 0.5em auto 0 auto; display: block;}
.cours .txt div.btn {text-align: center;}
.src, .son, .exe > p > span, .src.mref, .somref {padding: 2px 4px 1px 4px;}
.mot0 {padding: 2px 0 1px 0;}
.son, .odm > .cmd > span, .odm > .cmd > p:not(.disabled), .meo.exe > .src, .src.mref:not(.son), .somref {background: #e2f4d9; border-radius: 4px;
	box-shadow: 2px 2px 1px 0 #666666;margin-right: 2px; margin-bottom: 4px; border-bottom: 1px solid white; border-right: 1px solid white;}
.src.mref:not(.son), .somref {background: #e2f4d9;}
.src:not(.son), .exe:not(.cmd) > p > span:not(.son) {box-shadow: 1px 1px 2px 0 #888888; margin-right: 2px; margin-bottom: 4px;}
.src + .src, p.menu > .src:first-child {margin-left: 4px;}
.exe > p + p {margin-left: 6px;}
h3 > .src.son, h3 > .src:not(.son), h4 > .src.son, h4 > .src:not(.son) {background: transparent; box-shadow: none;}
.mot_img .src {background: transparent; border: none; box-shadow: none;}
.src.mref, .dico.mref, .somref {cursor: pointer; color: blue;}
.trad.mref {cursor: pointer; position: relative; height: 2em; border-radius: 8px;}
.trad.mref > .zh.avdico {font-size: 130%; width: max-content; margin: 0 auto 0 auto;}
.trad.mref > .masq {position: absolute; left: 0; bottom: 0; width: 100%; height: 3em; background-image: linear-gradient(to top, #bbb 10%, transparent 70%);}
#mref > .txt {overflow-y: scroll; box-shadow: 0 0 4px 0 #aaaaaa; margin: 4px; padding: 8px;}
#mref h1 {background-color: inherit; color: #111111; font-weight: 900; box-shadow: none;}
#mref h2 {background-color: inherit; color: #333333; font-weight: 600; box-shadow: none;}
#mref h4 {background-color: inherit; color: #999999; font-weight: 900; box-shadow: none;}
#mref > .fermer:before {content: "X";}
#mref >.fermer {text-align: center; padding-top: 4px; width: 32px; height: 32px; margin-left: calc(100% - 32px); margin-top: 4px;
	background-color: #dddddd; color: red; font-weight: bold; font-size: 120%; box-shadow: -2px 2px 3px 0 #444444;}
.exe {display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.exe.seul.puz:not(.bon) {margin-bottom: 1em;}
.exe.seul.puz.bon + .trad {margin-top: 0.5em; margin-bottom: 1em;}
.mot2 > .exe {flex-wrap: nowrap;}
.exe.decomp {align-items: flex-start;}
.exe > .mot2 {display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 4px 0 4px;}

.cdc p.zh.avdico {font-size: 190%; line-height: 150%; margin-bottom: 0.5em; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
.cdc p.zh.avdico.fr {font-size: 150%;}
.cdc p.zh.avdico.seul {width: max-content; margin: 0 auto 0.5em auto; display: block;}
.cdc p.avdico.zh > span {cursor: pointer;}
.cdc p.avdico.zh > .avecpy {display: flex; flex-direction: column; justify-content: space-around; align-items: center;}
.cdc p.avdico.zh > .avecpy:not([src]) {align-items: flex-start;}
.cdc p.avdico.zh > .avecpy:not(:last-child) {margin-right: 4px;}
.cdc p.avdico.zh > .avecpy[src] > span:first-child {letter-spacing: 4px;}
.cdc p.avdico.zh > .avecpy .fr {font-size: 70%; color: inherit;}
.cdc p.avdico.zh > .seg1 {color: blue;}
.cdc p.avdico.zh > .seg2 {color: #ad920b;}
.cdc p.avdico.zh > .seg3 {color: red;}
.cdc p.avdico.zh > .seg4 {color: green;}
.cdc p.avdico.zh > .seg5 {color: darkviolet;}
.cdc p.avdico.zh > .elema:not(.avecpy), .cdc p.avdico.zh > .elema.avecpy > span:first-child {margin: 0 1px 0 1px; border-radius: 4px; border: 2px solid;
	white-space: nowrap;}
.cdc p.avdico.zh > .elemf:not(.avecpy), .cdc p.avdico.zh > .elemf.avecpy > span:first-child {border-left: 5px solid #888;}
.cdc p.avdico.zh > .elemf.avecpy > span {padding-left: 5px;}
.cdc p.avdico.zh > .elemf1:not(.avecpy), .cdc p.avdico.zh > .elemf1.avecpy > span:first-child {border-left: 3px solid #bbb;}
.cdc p.avdico.zh > .elemf1.avecpy > span {padding-left: 3px;}
.cdc p.avdico.zh > .elem1:not(.avecpy), .cdc p.avdico.zh > .elem1.avecpy > span:first-child {border-bottom: 6px solid blue;}
.cdc p.avdico.zh > .elem2:not(.avecpy), .cdc p.avdico.zh > .elem2.avecpy > span:first-child {border-bottom: 6px solid #ad920b;}
.cdc p.avdico.zh > .elem3:not(.avecpy), .cdc p.avdico.zh > .elem3.avecpy > span:first-child {border-bottom: 6px solid red;}
.cdc p.avdico.zh > .elem4:not(.avecpy), .cdc p.avdico.zh > .elem4.avecpy > span:first-child {border-bottom: 6px solid green;}
.cdc p.avdico.zh > .elem5:not(.avecpy), .cdc p.avdico.zh > .elem5.avecpy > span:first-child {border-bottom: 6px solid darkviolet;}
.cdc p.avdico.zh > .elemx:not(.avecpy), .cdc p.avdico.zh > .elemx.avecpy > span:first-child {border-bottom: 6px solid #ccc;}
.cdc p.avdico.zh > .niv2:not(.avecpy), .cdc p.avdico.zh > .niv2.avecpy > span:first-child {border-bottom-width: 3px;}
.elem1 + .elem2, .elem2 + .elem1, .elem1 + .elem3, .elem2 + .elem3, .elem3 + .elem4, .elem3 + .elem5, .elem4 + .elem5 {margin-left: 2px;}
.exe.compo {display: flex; flex-direction: column;}
.exe.compo > .source, .exe.compo > .dest {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; font-size: 100%;}
.exe.compo > .dest {margin: 1em auto 1em auto; border: 1px solid red; padding: 4px; min-height: 2em; min-width: 50%; position: relative;}
.exe.compo > .source > span,  .exe.compo > .dest > span {display: flex; flex-direction: column; align-items: center; white-space: nowrap; font-size: 150%;
	padding-top: 4px; margin: auto 4px auto 4px; cursor: pointer; background: #ddd; border: 1px solid transparent; box-shadow: none;
    border-bottom-left-radius: 50%; border-bottom-right-radius: 50%;}
.exe.compo .acte {font-weight: bold; font-size: 24px; margin: 10px 4px -1px 4px; width: 32px; padding: 4px; text-align: center; 
    border: 1px solid transparent; border-radius: 50%;}
.exe.compo > .source .acte {background: green;}
.exe.compo > .dest .acte {background: red;}
.exe.compo > .source .acte:before {content: "\21E9"; color: white;}
.exe.compo > .dest .acte:before, .exe.compo > .dest > .annu:before {content: "\21E7"; color: white;}
.exe.compo > .dest > .annu {width: 32px; padding: 4px; border-radius: 50%; background: red; font-weight: 900;}
.exe.compo + .res {border: 1px solid green; min-width: 50%; width: max-content; margin: 1em auto 1em auto; min-height: 2em; padding: 4px;}
.exe.compo + .res > .dest {font-size: 120%;}

.exe.puz:not(.bon) > .zh {background: #dddddd;}
.exe.puz:not(.bon) + .score > .pron, .exe.puz.bon + .score > .pron:not(.son) {display: none;}
.exe.puz.bon > .zh {color: red;}
.exe.puz.bon + .score > .pron {display: block; margin-bottom: 2px; color: red; font-weight: bold; padding: 2px 6px;}
.exe.puz.bon ~ .trad > p {margin-top: 0;}
.exe.puz > .zh {font-size: 160%; cursor: pointer; display: flex; flex-direction: column; align-items: center;}
.exe.puz > .zh > .fr {font-size: 85%;}
.exe.puz > .vide {padding: 1.4em 0.8em 1.4em 0.8em;}
.exe.puz > .vide.choisi {padding: 1.4em 3em 1.4em 3em; border: 2px solid red; margin: auto 2px auto 2px;}
.score {display: flex; flex-direction: row; justify-content: center; margin: 0 auto 1.5em auto;}
.score > span {margin: auto 0.5em auto 0.5em;}
.score > .nt.ko {color: red; font-weight: bold;}
.exe.puz + .score {font-size: 120%; color: gray; display: flex; flex-direction: row; align-items: center;}
.exe.puz.bon + .score {color: green; margin-top: 0.5em;}
.majpg {border: 4px ridge #ddd; padding: 1em 0 1em 0;}
.majpg > .resu.aff ~ * {display: none;}
.majpg > .resu:not(.aff) {display: none;}
.majpg > .resu > legend {text-align: center; font-size: 120%; font-weight: bold; color: blue; margin-bottom: 1em;}
.majpg > .resu > div {font-size: 110%; display: flex; flex-direction: row; justify-content: center;}
.majpg > .resu > div.nttot {margin-top: 1em; font-weight: bold;}
.majpg > .resu > div > label {width: 8em;}
.majpg > .resu > div > span {width: 2em; text-align: right; margin-right: 8px;}
.majpg > .resu > div > .nt.ko {color: red; font-weight: bold;}
.majpg > .resu > div > span.tt {text-align: left; margin-left: 8px;}
.majpg > .resu > .cmdok {cursor: pointer; color: red; font-size: 140%; border: 4px ridge red; width: max-content; margin: 1em auto; padding: 4px 2em;}
.majpg .exe.puz:not(.bon) + .score {margin: 0.5em auto 5em auto;}
.majpg > div.son {width: max-content; margin: 1em auto 2em auto; font-size: 120%; padding: 2px 8px;}
.majpg > .exe.puz {flex-wrap: nowrap; animation: 1s a-zon-dep-gd;}
.majpg > .trad {animation: 1.5s a-zon-dep-gd;}
.majpg > .suppl > fieldset {border: none;}
.majpg > .suppl > fieldset > legend {font-weight: bold; color: blue; font-size: 120%; margin: 0 auto 0.25em auto;}
.majpg > .suppl > fieldset > div {display: flex; flex-direction: column; width: max-content; margin: 0 auto 0 auto;}
.majpg > .suppl > fieldset > div > span {width: max-content; margin: 5px 0 5px 0;}
.majpg > .suppl > fieldset > div label {font-size: 110%;}
.majpg > .suppl > fieldset > div label.zh {font-size: 140%;}
.exe > .mot2 > span.fr {background: #e2f4d9; width: 98%; text-align: center; font-size: 110%; border: 1px solid #bbb; margin-top: -4px;}
.exe.gauche, .exe.cmdres {justify-content: flex-start;}
.exe.gauche + .exe.gauche {margin-top: 0.8em;}
.exe.gauche > p {text-align: left;}
.exe.cmdres > :last-child {margin-left: 1em;}
p.exe {margin: 0.4em 0 0.4em 0; white-space: pre-wrap;}
p.exe.seul > span {text-align: center;}
.exe.seul:not(p) + .exe.seul:not(p) {margin-top: 1em;}
form.exe {flex-direction: column; align-items: flex-start;}
form.exe > * {position: relative; left: 35%; display: flex; flex-direction: row; justify-content: flex-start;}
form.char10.exe > * {left: 45%;}
form.exe > *:not(:first-child) {margin-top: 16px;}
form.exe label {margin-left: 16px; white-space: normal;}
.cdc .odm {margin-top: 0.8em;}
.cdc .odm.anim_g {animation: 0.2s a-zon-dep-dg;}
.cdc .odm.anim_d {animation: 0.2s a-zon-dep-gd;}
.cdc .odm .btn.debut {margin-top: 2em;}
.yf {color: blue;}
p > .yf::first-letter, .cmd .yf::first-letter, .cmdnote .yf::first-letter, #mref .yf::first-letter, .yf > .prem {color: red; font-weight: bold;
	letter-spacing: 1px;}
p.menu {display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap;}
p.menu > * {text-align: center; width: 5em; margin: 0 8px 8px 0;}
.cdc .odm .cmd > * {min-width: 3em;}
.cdc .odm .cmd.char10 > * {width: 8em; font-size: 100%;}
.cdc .odm .cmd.init > * {margin: 4px; text-align: center;}
.cdc .odm .cmd > *:not(.disabled):hover {cursor: pointer;}
.cdc .odm > .hz.mini {justify-content: space-around; margin-top: 0.5em;}
.cdc .odm > .hz.mini > .exe.seul {margin: 0;}
.cdc .meo {line-height: 150%; font-size: 1.1em;}
.cdc .meo > span {min-width: 3em;}
.cdc .meo > .src.choisi, .cdc .odm > .exe.cmd > p.choisi > span {border: 3px solid #444444;}
.cdc .meo + .exe > button, .cdc .odm .navig > button {width: 3em; font-size: 150%;}
.cdc .meo + .exe > button {margin: 2em 1em 2em 0;}
.cdc .odm .navig {margin-top: 2em; padding-top: 1em; border-top: 4px solid #cccccc;}
.cdc .odm .navig > button {margin-right: 1em;}
.cdc .meo + .exe > button:last-child, .cdc .odm .navig > button:last-child {margin-right: 0;}
button.clic, button.son {width: 16em; font-size: 1.2em; padding: 8px 0 8px 0; margin-bottom: 8px;}
button.clic:disabled {color: #bbbbbb;}
.ind {display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap;}
.ind > .btn button, .exe .clic {background-color: #eeeeee; color: #444444; box-shadow: 4px 4px 6px 0 #666666; border-radius: 4px;}
.ind > .btn button, .exe .clic {font-size: 1em;}
.ind > .btn button {margin: 0 12px 12px 0;}
.ind.phrase button {width: 8em; height: 3em;}
.ind:not(.phrase) button {width: 5.1em;}
.cdc .txt .trad > p {text-align: center; color: blue; line-height: 120%; font-weight: bold;}
.cdc .odm .exe + p:not(.exe):not(.emp), .cdc .odm .exe + p:not(.exe):not(.emp) + p {text-align: justify; line-height: 170%;}
.cdc.cmdnote .txt .trad > p, #mref .trad > p {margin: 0.5em 0 1em 0; font-size: 120%;}
p.sepa {text-align: center; font-weight: 900;}
.exe2 > span.ht {display: flex; flex-direction: row; margin-bottom: 4px;}
.exe2 > span.ht, .exe2 > span.ht > span:not(.lg0), .exe2 > span.src, .exe2 > span.src > span {width: 100%;}
.exe > p > span, .exe2 > span.ht > span, .exe.meo > span {display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.exe > p.inclus > span {display: inline-block; background-color: inherit;}
.cdc span.son > .zh, .cdc span.mot0 > .zh {position: relative;}
.cdc span.son > .zh + .py, .cdc span.mot0 > .zh + .py {padding-left: 8px;}
.cdc span.mot0 > .zh {margin: auto 4px auto 4px;}
p > .dico.mref {border: 1px solid #ddd; box-shadow: 2px 2px 3px 0 #aaa; padding: 1px 2px 0 2px; white-space: nowrap;}
.cdc .zh > .dico.mref:before {content: " ";}
.cdc .zh > .dico.mref {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; border: 1px solid white;
	box-shadow: 2px 2px 3px 0 #888;}
.cdc .mot0 > .zh > .dico.mref {height: 90%;}
.cdc .mot0 > .fr > .son {margin-right: 6px; background: #b3d9a1; color: red; border: 1px solid white;}
.cdc .mot2 > .dico.mref.fr {border: 1px solid royalblue; box-shadow: 2px 2px 3px 0 #444; margin-bottom: 3px; padding: 0 2px 0 2px;}
.exe.res {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.exe.res > :first-child {font-size: 1.5em; color: green; margin-bottom: 1em;}
.exe.res > :not(:first-child) {font-size: 1.2em; color: grey;}
.exe.res > :not(:first-child) > * {display: flex; flex-direction: row; justify-content: space-between;}
.exe.res > :not(:first-child) > * > :not(:first-child) {margin-left: 1em;}
.exe.gram > p > span {color: #444444;}
.exe > p:not(.inclus) > span.exe2 {box-shadow: none;}
.cdc .zh {color: #222222; font-size: 1.2em; font-weight: 500;}
.cdc p.zh {color: #222222; font-size: 1.5em; line-height: normal;}
.cdc p.zh > .fr {color: #222222; margin: auto 4px auto 4px;}
.cdc .py {font-family: "arial"; color: #666666; font-weight: 400; font-size: 110%; letter-spacing: 2px;}
.cdc .son > .py, .cdc .mref > .py {color: #666666; padding: 0 6px 0 6px;}
.cdc .decomp .son > .py {padding: 6px 0 6px 0;}
.cdc .src > .zh, .cdc .src > .py, .cdc .src > .fr {white-space: nowrap;}
.cdc .fr.poly > span.sepa {margin: 0 4px 0 4px; color: red;}
.cdc .fr, .exe.ordre:not(.gram) {color: blue; font-weight: 400;}
.cdc .fr > .autre, .cdc .fr > .sepa {color: #888888; text-shadow: none;}
.cdc .fr > .sepa {margin-left: 2px; margin-right: 2px;}
.cdc .fr > .choisi {color: blue;}
.cdc .yf ~ .fr > .autre, .cdc .yf ~ .fr > .sepa {display: none;}
.cdc .yf ~ .fr > .choisi {text-shadow: none;}
.exe p {width: auto; text-align: center; min-width: 3em; margin: 0.25em 0 0.25em 0;}
.exe p.ponct {min-width: auto; margin: 0; padding: 0;}
.exe p.ponct > span > .zh ~ * {display: none;}
.exe p > * {display: inline-block;}
.exe .sig {width: 1.5em; font-size: 1.5em; text-align: center; padding: 8px 0 8px 0;}
@media (max-width: 1216px) {
	.cdc .lst > .fiche {width: 22.4%;}
	.cdc .lst > .fiche:nth-last-of-type(4), .cdc .lst > .fiche:nth-last-of-type(4) ~ .fiche {width: 22.4%;}
}
@media (max-width: 1024px) {
	.wsent.cdc .entete {margin: 1em 0 0 1em;}
	.wsent.cdc .enseigne {font-size: 1.4em;}
	.cdc .lst > .fiche {width: 23%;}
	.cdc .lst > .fiche:nth-last-of-type(4), .cdc .lst > .fiche:nth-last-of-type(4) ~ .fiche {width: 23%;}
    .cdc .cadre {width: 96%;}
}
@media (max-width: 768px) {
	.cdc .lst > .fiche {width: 30%;}
	.cdc .lst > .fiche:nth-last-of-type(4), .cdc .lst > .fiche:nth-last-of-type(4) ~ .fiche {width: 30%;}
	.cdc .fiche > .ttr_fiche a .lig1, .cdc .fiche > .ttr_fiche a .lig2 {font-size: 0.8em;}
    .cdc figure.ordtrt {width: 90%; margin-left: calc(10% / 2);}
}
@media (max-width: 640px) {
	.wsent.cdc .entete {width: 64px;}
	.cdc .vocab > .lien > a {font-size: 120%;}
	.cdc .fiche > .ttr_fiche a .lig1, .cdc .fiche > .ttr_fiche a .lig2 {font-size: 0.9em;}
	.wsent.cdc .enseigne {font-size: 1.3em;}
	.cdc .wsdon.catal {min-height: inherit;}
	.cdc .hz_xxx figure {max-width: 80px;}
	.cdc.cmdnote .dicorech .contenu > form {width: 60%;}
	.cdc.cmdnote .dicorech .contenu > label, .cdc.cmdnote .dicorech .contenu > .msgzone {left: 15%;}
	.cdc p.zh.avdico {font-size: 125%;}
	.cdc p.avdico.zh > .avecpy[src] > span:first-child {letter-spacing: 2px;}
	.cdc p.avdico.zh > .avecpy:not(:last-child) {margin-right: 2px;}
    form.exe > * {left: 0;}
}
@media (min-width: 544px) and (max-height: 440px) {
	.wsmenu > .glo > .entete > figure {width: 32px;}
	li.cmdnote > figure img {width: 20px;}
    .cdc.cmdnote > .txt {margin-right: 2em; padding-bottom: 0;}
    .cdc.cmdnote > .navig {height: 88%; width: 2em; left: calc(100% - 2em); flex-direction: column; justify-content: center;}
	.cdc.cmdnote > .navig > * {padding: 0.2em 0 0.2em 0;}
	.cdc.cmdnote > .navig .nb {top: 30%; left: 70%}
}
@media (max-width: 488px) {
	.wsmenu > .glo > .entete > figure {width: 36px}
	.wsdon > h1, h1.ttr {margin: 0.5em auto 0.5em auto; font-size: 110%;}
	.cdc .vocab > .lien a {font-size: 100%;}
	.cdc .vocab > .lien > div:nth-of-type(2) {margin: 0.5em auto 0.5em auto;}
	.cdc .edito > figure img {width: 64px;}
	.majpg {border: 1px ridge #bbb;}
	.majpg > .suppl > fieldset > div > label {font-size: 90%;}
    .majpg > .suppl > fieldset > div > label:not(:last-child) {padding-right: 4px;}
	.cdc .cmdmajpg {font-size: 110%;}
	.cdc .edito p ~ div > a {min-width: 45%; font-size: 100%;}
	.cdc .edito figure > figcaption {font-size: 100%;}
	.cdc .edito img[alt="whatsapp"] {width: 48px;}
	.exe.puz > .zh {font-size: 130%;}
	.exe.puz > .vide {padding: 1.4em 0.5em 1.4em 0.5em;}
	.exe.puz > .vide.choisi {padding: 1.4em 1.6em 1.4em 1.6em; white-space: nowrap;}
	.exe.puz.bon ~ .trad > p {font-size: 100%;}
    .cdc figure.ordtrt {width: 100%; margin-left: 0;}
}
@media (max-width: 440px) {
    .cdc li.menu > ul.choisi > li {width: 8.2em;}
	.cdc.accueil h2 {font-size: 105%;}
	.cdc .edito > figure > figcaption {font-size: 90%;}
	.cdc .edito p {font-size: 90%; letter-spacing: 1px; line-height: 125%; margin: 0.5em 0 0.5em 0;}
	.cdc .edito p ~ div > a {font-size: 90%;}
	.cdc .outil .bouton {width: 6em; height: 6em;}
	.cdc .outil > div img {width: 6em}
	.cdc .outil .bouton > span {font-size: 95%;}
	li.cmdnote > figure img {width: 20px;}
	.wsent.cdc .entete {width: 48px; margin: 0.5em 0 0 1em;}
	.cdc .mot_img .zh {margin: 1.5em auto 1.5em auto; font-size: 150%;}
	.cdc .mot_img .py, .cdc .mot_img .fr {font-size: 120%;}
	.cdc .tdb ~ h3 {font-size: 95%;}
	.cdc .lst > .fiche {width: 47%;}
	.cdc .lst > .fiche:nth-last-of-type(2), .cdc .lst > .fiche:nth-last-of-type(2) ~ .fiche {width: 47%;}
	.cdc .lst > .fiche:nth-last-of-type(3), .cdc .lst > .fiche:nth-last-of-type(3) ~ .fiche {width: 47%;}
	.cdc .lst > .fiche:nth-last-of-type(4), .cdc .lst > .fiche:nth-last-of-type(4) ~ .fiche {width: 47%;}
	.cdc .fiche > .ttr_fiche a .lig1, .cdc .fiche > .ttr_fiche a .lig2 {font-size: 1em;}
	.cdc .txt.mcle h2, #mref .txt.mcle h2 {display: flex; flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: wrap;}
	.cdc .txt.mcle h2 .src.son {display: flex; flex-direction: column;}
	.cdc .zh > .dico.mref {left: -2px;}
	.cdc span.son > .zh + .py, .cdc span.mot0 > .zh + .py {padding-top: 8px;}
	.cdc .txt.mcle h2 .src.son > .py {font-size: 100%;}
	.cdc .txt.mcle h2 .src.son > .fr, .cdc .txt.mcle h2 .mot2 > .fr {font-size: 85%;}
	.cdc .txt.mcle h2 .sig {display: none;}
	.cdc .txt.mcle h2 .fr.poly {display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap;}
	.cdc .txt.mcle h2 > .mot0 {flex-direction: column;}
	.cdc .txt.mcle h2 > .mot0 ~ .son.src, .cdc .txt.mcle h2 > .mot0 ~ .mot2 {margin-top: 3.4em;}
	.cdc.cmdnote .dicorech .contenu > form {width: 80%;}
	.cdc.cmdnote .dicorech .contenu > label, .cdc.cmdnote .dicorech .contenu > .msgzone {left: 5%;}
	.cdc.cmdnote .dicorech .contenu {padding: 1.5em 0 1.2em 0;}
	.cdc.cmdnote .dicorech .contenu > label {font-size: 90%;}
    .cdc.cmdnote .somhaut .sommaire {font-size: 90%;}
    .cdc.cmdnote .somhaut .sommaire > * {width: 7.8em; padding: 0 0 8px 0;}
	.cdc .sommaire > * {justify-content: space-around;}
	.cdc .sommaire > * > * {padding: 0;}
	.cdc .sommaire > .niv2 > * {font-size: 95%;}
	.cdc .sommaire > .niv3 > * {margin: 0 auto 8px auto; width: 30%;}
	.cdc .sommaire > .niv3 > :nth-last-of-type(2), .cdc .sommaire > .niv3 > :nth-last-of-type(2) ~ * {width: 47%;}
	.cdc .sommaire > .niv3 > :nth-last-of-type(3), .cdc .sommaire > .niv3 > :nth-last-of-type(3) ~ * {width: 30%;}
	.wsent.cdc .enseigne {font-size: 1.1em;}
	.ind:not(.phrase) button {width: 3.5em;}
	.cdc .wsdon.catal > * {padding-left: 0.5em; padding-right: 0.5em;}
	.cdc .meo + .exe > button, .cdc .odm .navig > button {width: 2em; margin-right: 0.5em;}
	form.char10.exe > * {left: 40%;}
	.cours .txt h4 {font-size: 100%;}
	.cours .txt h5 {font-size: 90%;}
	.exe p {min-width: inherit;}
	.exe.res {font-size: 1.2em;}
	.cdc .hz_xxx figure {max-width: 64px; margin: 0.3em;}
    .cdc .cadre {width: 94%;}
}
@media (max-width: 376px) {
	.wsent.cdc .enseigne {margin: 0 0 0 0.8em; font-size: 1em;}
	.cdc .vocab > .lien > a {font-size: 95%;}
	.cdc .mot_img .zh {font-size: 120%;}
	.cdc .mot_img .py, .cdc .mot_img .fr {font-size: 100%;}
	.cdc .fiche > figure + .ttr_fiche {top: 10%;}
	.cdc .lst.evt > .fiche > .info > time {font-size: 90%;}
	.cdc .hz_xyz {flex-direction: column; justify-content: center;}
	.cdc .hz_xyz > :not(:first-child) {margin-left: 0;}
	.cdc .cadre > .hz_xyz > p:not(:last-child) {margin: 0 auto 0.5em auto;}
	.exe:not(.seul) > p .zh {font-size: 1.2em;}
	.exe:not(.seul) > p > span:not(.zh):not(.sig) {font-size: 0.9em;}
	.exe:not(.seul) > p > span.sig {padding: 8px 1px 2px 1px;}
	.cdc .exe.meo + .exe > button {width: 2.2em;}
}
@media (max-width: 320px) {
	.wsmenu > .glo > .entete > figure {width: 32px;}
	.wsdon > h1, h1.ttr {margin: 0.3em auto 0.3em auto; font-size: 105%;}
	.cdc.accueil h2 {font-size: 90%;}
	.cdc .edito figure > figcaption {font-size: 90%;}
	.cdc .edito img[alt="whatsapp"] {width: 40px;}
	.cdc .vocab > .lien > div:nth-of-type(2) {margin: 0.25em auto 0.25em auto;}
	.cdc .vocab > .lien a {font-size: 90%;}
	.cdc .vocab > .lien > a {font-size: 85%;}
	.cdc .outil {margin: 0.5em auto 0 auto;}
	.cdc .outil .bouton {width: 5.25em; height: 5.25em;}
	.cdc .outil > div img {width: 5.25em}
	.cdc .outil .bouton > span {font-size: 80%;}
	.majpg > .suppl > fieldset > div > label {font-size: 85%;}
	.cdc .fiche > .ttr_fiche a .lig1, .cdc .fiche > .ttr_fiche a .lig2 {font-size: 0.9em;}
    li.sous.second:not(.total) {font-size: 90%;}
    .tdb > .ttr {font-size: 0.95em;}
	.cdc .sommaire > .niv3 > * {width: 47%;}
	.cdc .sommaire > .niv3 > :nth-last-of-type(3), .cdc .sommaire > .niv3 > :nth-last-of-type(3) ~ * {width: 47%;}
	.ind:not(.phrase) button {width: 2.6em;}
	.exe.res {font-size: 1em;}
	.exe:not(.seul) > p > span:not(.zh):not(.sig) {font-size: 0.8em;}
	.src {border-width: 0.2mm}
    .cdc .hz_xxx.pied > a {font-size: 90%;}
    .cdc .cadre {width: 92%;}
	button.clic, button.son {width: 96%; font-size: 1em;}
}
@media (max-width: 256px) {
	.wsent.cdc .entete {margin: 0.5em 0 0 0.5em;}
	.cdc .lst > .fiche {width: 100%;}
	.cdc .lst > .fiche:nth-last-of-type(2), .cdc .lst > .fiche:nth-last-of-type(2) ~ .fiche {width: 100%;}
	.cdc .lst > .fiche:nth-last-of-type(3), .cdc .lst > .fiche:nth-last-of-type(3) ~ .fiche {width: 100%;}
	.cdc .lst > .fiche:nth-last-of-type(4), .cdc .lst > .fiche:nth-last-of-type(4) ~ .fiche {width: 100%;}
	.cdc .fiche > .ttr_fiche a .lig1, .cdc .fiche > .ttr_fiche a .lig2 {font-size: 1em;}
	.wsent.cdc .enseigne {margin: 0 0 0 0.7em; font-size: 0.8em;}
	.cdc .meo + .exe > button, .cdc .odm .navig > button {width: 1.4em;}
    .tdb > .ttr {font-size: 0.85em;}
	.ind.phrase button {width: 7em; font-size: 0.9em}
	.cdc .exe.meo + .exe > button {width: 2em; font-size: 120%;}
}