@media (max-width:768px) and (orientation:landscape){html{-webkit-text-size-adjust:100%;}
}
@media screen and (max-width:1280px){
.hide_mobile{display:none !important;}
body:before{content:"Version mobile du site";display:block;color:#777;text-align:center;font-style:italic;}
}
body{width:320px;margin:0;background:rgb(255, 255, 221);margin-left:20px;}
a img{border:0;}
figure img{width:50%;height:50%;}
figure figcaption{margin:auto;width:40%;height:40%;}
h1{text-align:center;font-size:20px;font-family:Monotype Corsiva;margin-bottom:0;margin-top:10px;}
h1 img{width:30%;height:30%;}
nav{text-align:center;font-weight:bold;font-size:10px;}
h3{text-align:center;font-family:Microsoft YaHei;font-size:30px;margin-bottom:0;}
figure{text-align:center;display:inline-block;width:154px;margin:0px;padding:2px;}
.texte{font-family:Sans sherif;font-size:14px;padding:0px 10px 0px 10px;text-align:justify;}
.ch{font-family:KaiTi;font-size:16px;padding:0px 10px 0px 10px;}
.haut{background-color:white;}
.b{color:red;}
.c{color:blue;}
.d{color:orange;}
.e{color:green;}
.f{color:brown;}
.g{color:black;}
.h{color:rgb(255,128,128);}
.i{color:rgb(114, 156, 196);}
.large{width:320px;margin:auto;}
.cours{margin:auto;width:320px;font-family:Microsoft YaHei;font-size:7px;text-align:center;border-collapse:collapse;border-spacing:2px 2px;}
.carre{padding:2px;width:20%;box-shadow: 0 0 8px;background-color:white;}
.date{font-style:italic;font-size:6px;text-align:right;color:brown;}
.rose{background-color:rgb(255, 230, 242);}
.bleu{background-color:rgb(213, 255, 255);}
.carre2{padding:2px;width:20%;box-shadow: 0 0 10px;background-color:rgb(255,215,0);}
.carre img{width:40%;height:30%;}
.carre2 img{width:40%;height:30%;}