@charset "utf-8";
.bloc-droite,.bloc-gauche,.container{display:inline-block;box-sizing:border-box}h1,h2,h3{padding-left:20px}a:hover,h2{color:#f96400}img.centre,img.miniature-200{display:block;margin:10px auto}#boutonNavigation,button{transition:.3s ease-in;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer}html{height:100%;margin:0;padding:0;border:0;background-color:#fff}.bloc-90,h1,img.centre{height:auto}body{font-family:georgia,Arial,sans-serif;font-size:1.1em;line-height:1.5;color:#000;margin:0}.attention,h1{font-size:1.2em}#recherche_adsense{display:flex;justify-content:right}.bloc-90{max-width:1100px;margin:20px auto;width:95%;background-color:#fff}.container{width:100%}.bloc-gauche{width:74%;vertical-align:top;padding:10px;background-color:#fcfcfc;margin-right:5px}.bloc-droite{width:25%;vertical-align:top;float:right}.contenu-droite{border:1px solid #916953;margin-top:10px;margin-bottom:10px;padding:10px}h1{color:#78a1bb;padding-bottom:5px;border-bottom:1px solid #f96400}h2{font-size:1.1em}h3{color:#db9f6e}a:link{color:#325aa0;text-decoration:none}a:visited{color:#45b948}a:hover{text-decoration:none}a:active{color:#2b3663}img.centre{max-width:100%;border-radius:5px}img.miniature-200{width:100%;height:auto;max-width:200px}.barre-grise{background:#eaeaea;height:250px;padding-left:5%;padding-top:10px;margin-top:10px;display:flex}.bottom1,.bottom2,.bottom3{flex:1;margin:5px}.bottom4{flex:3;margin:5px;padding-top:5px}.contenu-gauche-gris{box-sizing:border-box;min-height:55px;height:auto;vertical-align:top;background-color:#f8f8f8;padding:0 10px;border:1px solid #d8d8d8;margin:5px 0}.contenu-gauche-2,.contenu-gauche-3{vertical-align:top;display:inline-block;padding:0 10px 20px;box-sizing:border-box;box-shadow:10px 5px 5px #f6f6f6}.contenu-gauche-2{width:45%;border:1px solid #d8d8d8;margin:5px;border-radius:10px;background:linear-gradient(to bottom,#fff,#f6f6f6)}.contenu-gauche-3{width:31%;border:1px solid #d8d8d8;margin:5px;border-radius:10px;background:#fff;text-align:center}.FondBlanc,.reseaux,button{background-color:#fff}.FondBlanc{padding-top:10px;padding-bottom:15px}button{border-color:#d0d6b1;border-radius:5px;height:50px;width:120px;margin:auto;padding:10px;display:grid}button:hover{background-color:#fdfdfd}#citation{width:280px;height:200px;background-color:#d4d2d0;border-radius:10px 50px/70px;margin:30px auto}#cache{display:none}.attention{text-align:center;line-height:20px;font-weight:700;color:#3a92ae}.accueil{float:left;padding:10px}.reseaux{border:1px solid #d8d8d8;width:100%;box-sizing:border-box;padding:10px;margin:5px;border-radius:10px;box-shadow:10px 5px 5px #f6f6f6;display:flex}.icone-reseaux{margin:10px;vertical-align:middle}.reussite{background-color:#c6deab;border:1px solid #5d8037;height:auto;margin-top:100px;padding-top:10px;padding-left:10px;color:#5d8037}.juste,.faux{height:auto;margin-top:2px;padding-top:5px;padding-left:10px;color:#5d8037}.juste{background-color:#c6deab;border:1px solid #5d8037}.faux{background-color:#fce1e1;border:1px solid #5d8037}#boutonNavigation{border-radius:5px;height:75px;width:200px;font-size:.8em;margin:5px;padding:10px;background-color:#7ac0d6;color:#fff;border:2px solid #ccc;line-height:50px}span.fleche{font-size:125%}p.quiz{color:#f96400;padding-left:20px;font-size:1.1em}@media (max-width:850px){.bloc-droite,.bloc-gauche,.contenu-gauche-gris{box-sizing:border-box;vertical-align:top}.logo{background-image:url(https://www.lachimie.fr/graphisme/lachimie-logo.webp);height:50px;background-repeat:no-repeat;background-position:15% 0}.bloc-90{max-width:1000px;margin:20px auto;width:90%;height:auto}.container{width:100%;display:inline-block;box-sizing:border-box}.bloc-gauche,.bloc-droite{display:block;width:100%}.bloc-gauche{padding-right:10px}.contenu-gauche-2,.contenu-gauche-3{display:block;width:100%;margin:5px}.contenu-gauche-2{padding:10px}.contenu-gauche-3{padding:0 10px 20px;border-radius:10px;box-shadow:10px 5px 5px #f6f6f6;background:#fff}.barre-grise{background:#f2f2f2;padding-left:5%;padding-top:20px;margin-top:20px;box-shadow:0 5px 2px 1px grey;height:auto;margin-bottom:10px}h2{color:#ce8e80}a:hover{color:#c60030;text-decoration:underline}#boutonNavigation{border-radius:5px;height:25px;width:100%;font-size:.8em;transition:.3s ease-in;margin:auto;padding-top:10px;text-transform:uppercase;text-align:center;text-decoration:none;cursor:pointer;display:grid;background-color:#7ac0d6;color:#fff;border:2px solid #ccc}span.fleche{font-size:150%}.reussite{margin-top:150px}}