/* compact [
	squelettes/habillage.css
] 63.9% */

/* squelettes/habillage.css */
@media screen{body{background:white;margin:0;font-size:1em;color:#333}
img,table{margin:0;padding:0;border:0}
table.spip{box-shadow:3px 3px 5px #aaa;border:1px solid #9eabb0;margin-bottom:10px}
table.spip td{border:1px solid #9eabb0;padding:6px}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:1em;font-weight:400}
#entete,#logo,#accroche{display:inline-block;float:left}
#entete{border-bottom:black solid 4px;height:60px}
#navButtons ul,#formulaire_menu_lang{float:right}
#navButtons a{color:white}
#navButtons a:hover{color:orange}
#navButtons ul{margin:6px 0 0;padding:5px;position:relative;list-style:none}
#navButtons ul li{float:left;padding:3px 7px;margin:0 3px;background:rgb(0,133,200);color:white;border-radius:10px;border:2px solid white;box-shadow:3px 3px 5px #aaa;white-space:nowrap;line-height:24px}
#formulaire_menu_lang{width:200px;margin:.3rem;float:right;clear:right}
#accroche{margin-top:16px;font-size:.8em;width:300px}
#footer{width:100%;display:flex;flex-direction:row;justify-content:center;background:url(/IMG/png/fond.png) repeat-x;padding-top:50px;color:#0e232e}
#footer p{flex-grow:1;text-align:center;padding:1rem}
#footer p:last-child{text-align:right;margin-right:1rem}
#footer p:last-child > span{text-align:left;line-height:2rem;display:inline-block}
.centre{text-align:center}
#principal{margin:1em 100px 0 260px;padding:0;width:80%}
.encart{float:right;width:13em;margin:1em 0 0 4%}
body,#navigation,.encart,.formulaire_spip{font-family:Verdana,"Bitstream Vera Sans",Tahoma,Arial,sans-serif}
q,blockquote,.liste-articles li .texte,h3.spip{font-family:"Bitstream Vera Serif",Georgia,Times,serif}
.rubriques,.breves,.syndic,.forums,.divers{min-width:10em;border:1px solid #CCC;margin-bottom:1em;font-size:.77em}
#menu-gauche{float:left;width:200px}
#menu-gauche ul{margin:.2rem;padding:0;list-style:none;line-height:1.2rem}
#menu-gauche > ul{margin-left:10px;margin-top:10px}
#menu-gauche li{margin-left:10px}
#menu-gauche{font-size:.8em;margin-left:5px}
#menu-gauche h2{font-size:1em;font-weight:700}
.formulaire{width:150px;color:black;margin:8px 8px 16px;padding:4px;border:1px solid #a0a0a0;background-color:#f6f6f6;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:1em;font-weight:400}
.formulaire input.search{border:solid 1px #b8bdc0;padding:.2rem}
.formulaire input.submit{margin-left:3px}
.menu-titre{padding:.2em .4em;border-bottom:1px dotted #CCC;text-align:center;font-weight:700}
.menu{float:right;margin:40px 10px 16px;width:360px}
.menu ul{display:block;margin:0;padding:0 0 4px;list-style:none}
.menu-item{margin:0;padding:1px 4px;font-size:90%}
.rubriques p,.breves p,.syndic p,.forums p,.divers p{margin:0;padding:.2em .7em}
.rubriques ul,.breves ul,.syndic ul,.forums ul,.divers ul{padding:.2em 0}
.rubriques li,.breves li,.syndic li,.forums li,.divers li{padding:0 .7em}
.rubriques{background:#EAFFEA}
.rubriques .menu-titre{background:#F2FFF2}
.breves{background:#FFEAEA}
.breves .menu-titre{background:#FFF2F2}
.syndic{background:#E8F8F8}
.syndic .menu-titre{background:#F0FCFC}
.divers{background:#F8F8E8}
.divers .menu-titre{background:#FCFCF0}
.contenu{margin:15px}
.contenu .texte{margin-right:15px}

.contenu .surtitre{margin-top:0;margin-bottom:0}
.contenu .detail{margin-left:2em;font-size:80%;color:#303030}
.contenu .detail .important{color:#a02020}
.contenu h1,h2{font-size:105%;font-weight:700}
.contenu h1,h2.titre-extrait{font-size:105%;font-weight:700}
.contenu .surtitre{font-size:105%;font-weight:700;font-variant:small-caps}
.extrait{border:groove 2px #a0a0a0;padding:1em;font-size:85%}
h2.spip{margin:5px 0;font-weight:700;font-size:1.3em;color:brown}
h1.titre-texte{color:brown}
.cartouche{padding-top:1em;margin-bottom:1em}
.cartouche .titre{font-size:1.27em;font-weight:700;color:#000}
.cartouche .spip_logos{float:right;margin-left:16px;margin-bottom:16px}
.cartouche p{margin:1em 0;padding:0}
.cartouche small{font-size:.71em}
.chapo{margin-bottom:1.5em;font-weight:700;line-height:1.4em}
.lien{background:#EEE;margin:1em 1em 1.5em;padding:.82em;border:1px solid #CCC;font-size:.82em;font-weight:700}
.texte{color:#000;font-size:.96em}
.ps,.notes{margin-top:1.4em;padding-top:2px;border-top:2px solid #CCC}
.ps{font-size:.82em}
.notes{clear:both;font-size:.77em}
.ps h2,.notes h2{font-size:1.19em;font-weight:700}
.liste-articles li{margin-bottom:1em}
.liste-articles li .titre{font-size:1.03em;font-weight:700}
.liste-articles li .spip_logos{float:right;margin-left:16px;margin-bottom:16px;clear:right}
.liste-articles li p{margin:0;padding:0}
.liste-articles li .enclosures{float:right;text-align:right;max-width:60%;margin:0}
.liste-articles li small{display:block;font-size:.71em}
.liste-articles li .texte{margin-top:5px;margin-bottom:2em;border:1px solid #CCC;padding:.9em;font-size:.82em;line-height:1.4em}
.formulaire_spip form,.formulaire_spip fieldset,.formulaire_spip legend,.formulaire_spip label,.formulaire_spip input,.formulaire_spip textarea,.formulaire_spip select,.formulaire_spip option{margin:0;padding:0;border:0;background:none}
.formulaire_spip{text-align:left;font-size:.77em}
.formulaire_spip p{margin:.5em 0;padding:0}
.formulaire_spip fieldset{display:block;margin:.77em 0;padding:.77em;border:1px dotted}
.formulaire_spip legend{font-weight:700;padding:3px;background:#FFF}
.formulaire_spip .forml{width:99%;padding:1px;border:1px solid;font-family:inherit;font-size:inherit}
.spip_bouton{text-align:right}
.spip_bouton input{margin:3px 0;padding:1px 2px;border:2px outset;font-weight:700;float:right}
.reponse_formulaire{font-weight:700;color:#F00}
fieldset.reponse_formulaire{border:1px dotted;font-weight:400}
fieldset.previsu{padding:1em;border:1px solid}
.formulaire_login_forum .forml{width:12em}
.formulaire_login_forum .spip_logos{float:right;padding-left:10px}
.choix_mots{width:47%;float:left}
.choix_mots label{display:inline}
.formulaire_recherche{text-align:left}
.formulaire_recherche label{display:none}
a{text-decoration:none;color:#0080C0}
a:hover{text-decoration:none;color:#f30}
.info{font-size:9px;text-align:center;padding:5px;margin:5px}
.pagination-items{list-style:none;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center}
.pagination-item{margin:0em;flex-basis:7.5%;display:flex;align-items:center}
.pagination_precedent_suivant .pagination-item{flex-basis:auto}
.pagination-item + .pagination-item{margin-left:.5em}
.pagination-item-label{display:block;flex-basis:100%;background:#f0f0f0;text-decoration:none;padding:.5em;border-radius:.25em;text-align:center}
.on .pagination-item-label,a.pagination-item-label:hover,a.pagination-item-label:focus,a.pagination-item-label:active{background:#0089C5;color:#fff}
.on .pagination-item-label{font-weight:700}
.pagination_precedent_suivant .disabled{visibility:hidden}
.pagination-item.disabled .pagination-item-label{color:#888;font-weight:400}
.menu_articles strong{font-size:1em}
ul.plan-rubriques span{text-transform:lowercase}
#homeMain,#exemples{display:flex;flex:auto;flex-wrap:wrap;align-items:center}
#homeMain > div{margin:1.5rem}
#exemples > a{display:inline-block;margin:1rem}
#demo,#demoPython{text-align:center;box-shadow:5px 5px 8px #aaa}
#demo{width:360px;height:260px;background:url(/squelettes/images/fenetre-mtg.png) no-repeat}
#demoPython{width:300px;height:489px;background:url(/squelettes/images/fenetre-mtg-python.png) no-repeat}
.demoTitle{position:relative;top:25px;color:hsl(0 0% 40%);background-color:hsla(0 0% 100% / 60%);opacity:80%;font-size:3rem}
#demoPython .demoTitle{top:80px;color:white;background-color:hsla(0 0% 0% / 60%)}
.imgplay{position:relative;top:12px;left:100px;overflow:hidden;width:164px;height:150px}
.imgplay img:hover{margin-top:-150px}
#demoPython .imgplay{top:120px;left:70px}
.telnews{display:flex;flex-direction:column;align-items:center}
#telechargement{position:relative;left:-20px;width:300px;text-align:center;margin-bottom:40px}
#telechargement a{color:white}
#telechargement img{position:absolute;z-index:5;top:30px;left:0}
#telautres{font-size:.7em;padding:10px 0 0 66px;font-weight:700}
#telautres a{color:rgb(0,133,200)}
#telautres a:hover{color:red}
#telbouton{z-index:1;margin-left:50px;font-size:2em;background:rgb(0,133,200);background-image:linear-gradient(bottom,rgb(0,133,200) 0%,rgb(0,133,200) 73%,rgb(121,204,255) 100%);background-image:-o-linear-gradient(bottom,rgb(0,133,200) 0%,rgb(0,133,200) 73%,rgb(121,204,255) 100%);background-image:-moz-linear-gradient(bottom,rgb(0,133,200) 0%,rgb(0,133,200) 73%,rgb(121,204,255) 100%);background-image:-webkit-linear-gradient(bottom,rgb(0,133,200) 0%,rgb(0,133,200) 73%,rgb(121,204,255) 100%);background-image:-ms-linear-gradient(bottom,rgb(0,133,200) 0%,rgb(0,133,200) 73%,rgb(121,204,255) 100%);background-image:-webkit-gradient(
linear,left bottom,left top,color-stop(0,rgb(0,133,200)),color-stop(0.73,rgb(0,133,200)),color-stop(1,rgb(121,204,255))
);border:5px solid white;border-radius:15px;box-shadow:5px 5px 8px #aaa;padding:10px 20px 10px 30px}
#telbouton:hover{box-shadow:1px 1px 0 black;position:relative;top:3px;left:3px}
#telver{font-size:.4em}
#news{width:240px;text-align:left}
#news .titre{position:relative;line-height:2em;margin:0 25px;color:white;text-align:center;width:80%;font-weight:700;background:#0084c8;border:3px solid #fff;border-radius:12px;box-shadow:5px 5px 8px #aaa;z-index:10}
#news ul{position:relative;border:1px solid #005c94;border-radius:15px;box-shadow:5px 5px 8px #aaa;z-index:1;margin:10px 0;list-style:square url('//www.mathgraph32.org/squelettes/bullet.png');padding:10px 10px 10px 24px}
#news li{line-height:1.4em;font-size:.7em;margin:0;padding:.2rem 0;font-weight:400}
#exemples{margin:30px auto auto;clear:both;text-align:center}
#exemples img{vertical-align:middle;width:280px;box-shadow:5px 5px 8px #aaa;margin-left:15px;border:1px solid #9eabb0}
img.middle{vertical-align:middle}
#exbouton{font-size:1.5em;color:white;display:inline;border:5px solid white;border-radius:15px;box-shadow:5px 5px 8px #ddd;padding:10px 20px;background-color:rgb(255,102,0);background-image:linear-gradient(bottom,rgb(255,102,0) 0%,rgb(255,102,0) 72%,rgb(255,153,0) 92%);background-image:-o-linear-gradient(bottom,rgb(255,102,0) 0%,rgb(255,102,0) 72%,rgb(255,153,0) 92%);background-image:-moz-linear-gradient(bottom,rgb(255,102,0) 0%,rgb(255,102,0) 72%,rgb(255,153,0) 92%);background-image:-webkit-linear-gradient(bottom,rgb(255,102,0) 0%,rgb(255,102,0) 72%,rgb(255,153,0) 92%);background-image:-ms-linear-gradient(bottom,rgb(255,102,0) 0%,rgb(255,102,0) 72%,rgb(255,153,0) 92%);background-image:-webkit-gradient(
linear,left bottom,left top,color-stop(0,rgb(255,102,0)),color-stop(0.72,rgb(255,102,0)),color-stop(0.92,rgb(255,153,0))
)}
#exbouton:hover{box-shadow:1px 1px 0 black;position:relative;top:3px;left:3px}}