@font-face{font-family:'rtcb';src:url('rtcb.eot')format('eot');src:url('rtcb.eot?#iefix')format('embedded-opentype'),url('rtcb.woff2')format('woff2'),url('rtcb.woff')format('woff'),url('rtcb.svg#rtcb')format('svg');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'rtcr';src:url('rtcr.eot')format('eot');src:url('rtcr.eot?#iefix')format('embedded-opentype'),url('rtcr.woff2')format('woff2'),url('rtcr.woff')format('woff'),url('rtcr.svg#rtcr')format('svg');font-weight:normal;font-style:normal;font-display:swap;}
@font-face{font-family:'rtcl';src:url('rtcl.eot')format('eot');src:url('rtcl.eot?#iefix')format('embedded-opentype'),url('rtcl.woff2')format('woff2'),url('rtcl.woff')format('woff'),url('rtcl.svg#rtcl')format('svg');font-weight:normal;font-style:normal;font-display:swap;}

*{box-sizing:border-box;}
html{height:100%;width:100%;}
IMG{image-rendering:smooth;}
body{padding:0;margin:0;font:1em 'rtcr',Arial,Helvetica,sans-serif;color:#765;}
header{display:flex;justify-content:center;flex-direction:column;}
a{color:#876;}
a:hover,a:focus{color:#D70;}
dl{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:.1em 0 -0.8em;padding:0 0 .6em 0;box-shadow:0px 12px 10px -15px #630;}
dl a{color:#765;text-decoration:none;}
dt{font-family:'rtcr';margin:.3em 0 0;padding:0;font-size:1.4em;}
dd{display:flex;font-family:Arial,Helvetica,sans-serif;margin:0;padding:.2em 0 0 0em;font-size:.55em;flex-direction:row;color:#A98;text-transform:uppercase;border-top:1px dotted #975;}
dd span{margin-left:1.5em;flex-direction:column;letter-spacing:1.5em;color:#765;}

header nav{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;font-size:.9em;margin:0;padding:0;}
header nav div{padding:.3em .85em;background:#876;color:#FFF;cursor:pointer;box-shadow:2px 3px 5px -2px #B85;}
header nav > ul{position:relative;top:3.1em;display:none;width:100%;flex-direction:column;list-style:none;padding:0;margin:0;border-bottom:1px dotted #975;}
header nav ul li{flex-direction:column;position:relative;border-top:1px dotted #975;}
header nav ul li a,header nav ul li span{display:block;font-weight:bold;padding:.3em .8em;color:#765;}
header nav ul li:last-child a{}
header nav ul li a:hover,header nav ul li a:focus,a:hover,a:focus{color:#D70;}
header nav ul li ul{display:block;padding:0;width:100%;flex-direction:column;}
header nav ul li ul li{display:block;padding:0;border-top:1px dotted #975;}
header a{color:#765;text-decoration:none;}
header nav ul li ul li a{display:block;font-weight:normal;padding:.3em .8em;width:100%;}

#ch{display:none;}
header nav ul li#sch{position:absolute;display:block;flex-direction:column;justify-content:center;align-items:center;top:-2.6em;padding:.4em .8em;width:100%;}
header nav ul li#sch li{border-top:0;}

#sch label{display:none;}
#sch input{padding:.2em .6em;font:1em 'rtcr',Arial,Helvetica,sans-serif;border:1px solid #876;border-radius:0;}
#sch input[type=text]{width:80%;color:#321;background:#F7F6F5;box-shadow:1px 1px 1px 0px #BA9 inset}
#sch input[type=submit]{width:20%;color:#FFF;background:#876;}

main,article{display:flex;flex-direction:column;}
main nav{margin-top:1em;font-size:.7em;color:#987;}
main nav#pages{font-size:1.2em;text-align:center;}
main nav#pages a{padding:.2em .4em;color:#FFF;background:#876;border:1px solid #876;text-decoration:none;}
main nav#pages b a{color:#876;background:#FFF;border:1px solid #876;}
main nav ul{padding:0 .8em;margin:.3em 0;list-style:none;}
main nav ul li{display:inline-block;}
main nav ul li::after{content: " »";}
main nav#pages ul li::after{content: "";}
main nav ul li:last-child::after{content:"";}
article header,figure{margin:0;padding:.5em .5em .5em;}
hr{height:1px;border:0px;background:#CCC;}
figure{margin:0 .5em;padding:.5em;box-shadow:0px 12px 15px -15px #630;border:1px solid #EDC;text-align:center;background:#FFF;}
figcaption{padding-top:1em;font-size:.7em;}
.bw{filter:grayscale(100%);}
.sel-img{border-color:#666;;box-shadow:0px 0px 0px 0px #FFF;opacity:.5;filter:alpha(opacity=50);}
H1,H2{margin:0;}
H1{font-size:1.3em;}
H2{font-size:1em;margin-top:1em;}
H1 span,H2 span{font-weight:normal;color:#987;font-size:.9em;vertical-align:middle;}
article header{margin:1em 0;text-align:center;}
article > figure img{display:block;margin:0 auto;width:auto;max-width:100%;height:auto;}
#fr,#gb,#de{float:left;display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:#BA9;color:#FFF;margin:1.25em .6em 0 0;padding:.1em;width:19px;height:13px;}
#fr b,#gb b,#de b{font-size:.7em;font-weight:normal;}
section{display:flex;flex-wrap:wrap;padding:.5em;flex-direction:row;font-size:.8em;text-align:justify;}
section#list-img,section#list-txt{text-align:center;justify-content:center;}
section div{padding:.3em;width:100%;}
.tech{text-align:center;}
.tech p{margin:.3em 0;font-size:.9em;}
section#list-txt div{margin:.3em;border:1px solid #EDC;width:100%;}
section figure{margin-bottom:2em;width:11em;height:11em;align-content:center;}
article > section figure img{display:flex;margin:0 auto;}
.match{padding:0 2px;font-style:normal;color:#FFF;background:#987;}
#complement{background:#F7F6F5;}
aside{margin:0 1em;background:#F7F6F5;}
aside div{margin:.5em 1em .5em 1em;font-size:.8em;}
aside div ul{margin:0;padding:0 0 0 1em;list-style-type:square;}
aside div ul li{padding:0 0 .7em 0em;}
aside div ul li::marker{color:#BA9;}

#plan > ul{margin:0;padding:0 1em;}
#plan > ul ul{margin:0;padding:.3em 1em 1em;}
#plan > ul li,#plan > ul ul li,#plan > ul ul ul li{padding-bottom:.5em;}

body > nav{display:block;margin-top:1.5em;}
body > nav ul{display:flex;flex-direction:row;list-style:none;padding:0;margin:0 .7em;justify-content:space-between;}
body > nav ul a{padding:.3em .6em;background:#987;text-decoration:none;color:#FFF;border-radius:.2em;border:1px solid #987;}
body > nav ul a:hover,body > nav ul a:focus{border-color:#D70;}

footer{margin:1em;padding-bottom:.5em;border-top:1px dotted #975;}
footer a{color:#765;}
footer nav ul{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1em;list-style:none;padding:0;width:auto;}
footer nav ul li{display:inline-flex;margin:.5em;font-size:.7em;}
footer nav ul li:last-child{display:flex;}
footer nav ul li a{display:block;margin:0 1em;width:auto;}
footer nav ul li:last-child a{margin:0 0 0 0.3em;}

@media only screen and (min-width:360px){}

@media only screen and (min-width:480px){
H1{font-size:1.6em;font-family:'rtcr';}
H2{font-size:1.1em;font-family:'rtcr';}
}

@media only screen and (min-width:640px){
dl{margin:.7em 0 -0.9em;}
dt{font-size:1.7em;}
dd{font-size:.6em;}
header nav ul li{border-top:none;}
main nav{margin:1em 2em 0;background:#F8F7F6;}
article header,figure{margin:0;padding:.5em 1.5em .5em;}
article header{margin:1em 0 0 0;text-align:center;}
figure{margin:0 1.5em;padding:1em;}
section{display:flex;padding:.5em;flex-direction:row;justify-content:center;font-size:.9em;text-align:left;}
section div{padding:1em;width:33%;}
section#list-txt div{padding:1em;width:32%;}
}

@media only screen and (min-width:768px){
dl{margin:.3em 0 0;}
dt{font-size:1.9em;}
dd{font-size:.75em;}
header nav{align-items:center;}
header nav div{display:none;}
header nav > ul{position:relative;display:flex;flex-direction:row;justify-content:center;list-style:none;padding:0;margin:0;border-bottom:0;top:0;}
header nav ul li{flex-direction:column;position:relative;}
header nav ul li a,header nav ul li span{font-weight:normal;padding:1em .8em .5em;border-left:1px dotted #975;}
header nav ul li:last-child a{border-right:1px dotted #975;}
header nav ul li ul{display:none;position:absolute;top:2.5em;width:14.55em;flex-direction:column;background:#FFF;border-bottom:1px dotted #975;box-shadow:1px 3px 5px -3px #A86;}
header nav ul li ul li a{width:14.55em;border-right:1px dotted #975;}

#ch{display:inline-block;}
header nav ul li#sch{top:0;padding:0;width:622px;}
#sch ul{padding:0;width:100%;border-top:1px dotted #975;}
#sch ul li{padding:.5em 1em;width:100%;border:1px dotted #975;border-bottom:0;}

H1{font-size:1.6em;}
H2{font-size:1.1em;}
body > nav ul{margin:0 1.2em;}
footer nav ul{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;margin:1em;list-style:none;padding:0;width:auto;}
footer nav ul li{display:inline-flex;flex-wrap:wrap;margin:.5em 1em;font-size:.7em;}
footer nav ul li a{display:inline-block;margin:0 .5em;width:auto;}
}

@media only screen and (min-width:980px){
footer li:last-child{float:right;margin-left:4em;}
}