/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------ */
/* Typographie generale (style transversaux)  */
/* ------------------------------------------ */

/* @font-face {
	font-family: Qlassik_TB;
	src: url('http://another-teacher.net/4nother/polices/Qlassik_TB.otf');
} */

html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: Qlassik_TB, "DejaVu Sans", "Bitstream Vera Sans", Verdana, Geneva, Arial, Helvetica, sans-serif; color: #000; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; /* font-family: Georgia, Times, serif; */}
h1 { font-size: 1.70em; color: #333; margin:0;padding: 20px 0 0 0;/*background:transparent url(http://another-teacher.net/4nother/pix_puce_flawa.png) no-repeat top left*/}
h2 { font-size: 1.40em; color:#888; margin:0.15em 0 0.5em 0;}

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym, span.nfo { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }

dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

.lite {color:#444; font-size:0.82em} 
.lowercase {text-transform:lowercase}
.big {font-size:1.2em;}
.small {font-size:0.9em;color:#666}

a {color:#9d298b; text-decoration:none}
a.une {color:#76206b}
a:hover, a.on {text-decoration:underline}


a.rss {color:#f8a943;font-size:0.8em;background: url(http://another-teacher.net/4nother/pix_puce_rss.png) no-repeat top left;padding:2px 3px 0 19px;line-height:15px;font-weight:bold}
a.tweetlink {color:#8bc8df; background: url(http://another-teacher.net/4nother/pix_puce_twitter.gif) no-repeat top left;padding:2px 3px 0 19px;line-height:15px;}
a.rss:hover {text-decoration:underline}
.login a {color:#fff;} 
.lite a, #licence a {color:#7a6577}
.contenu .rss {float:left;margin: 6px 8px 0 0;}
.list_articles .rss {float:none; padding:2px 3px 2px 20px; margin:0}

#sommaire_1 {visibility:hidden}
a.ancre {padding:0 0 0 15px;background: transparent url(http://another-teacher.net/4nother/pix_puce_retourhaut.png) no-repeat 0 70%;}
span.readmore {font-weight:bold;font-size:0.9em;background: transparent url(http://another-teacher.net/4nother/pix_puce_lirelasuite.png) no-repeat 100% 50%}
span.moreitems {font-weight:bold;font-size:0.9em; padding: 6px 4px 6px 0; border: 2px solid #f0e3ee; background: #faf2f9 url(http://another-teacher.net/4nother/pix_puce_moreitems.png) no-repeat 0 50%}
span.border {border: 2px solid #f0e3ee; padding:6px 0 6px 6px;background-color: #faf2f9;}
span.out {background-image: url(http://another-teacher.net/4nother/pix_puce_visiter.png)}
span.dropacom {background: transparent url(http://another-teacher.net/4nother/pix_puce_comment.png) no-repeat 0 0}
span.star {background: transparent url(http://another-teacher.net/4nother/pix_puce_greystar.png) no-repeat 0 0; padding-left:14px}
span.readmore a {padding-right:16px}
span.out a {color:#6191c7}
span.moreitems a, span.dropacom a {padding-left:16px}
span.doks {padding:0 0 0 16px;background: transparent url(http://another-teacher.net/4nother/pix_puce_pj.png) no-repeat 0 -1px}
span.doks em {font-style:normal;font-variant:small-caps;font-weight:bold;}

.cc {padding:2px 0 2px 18px;background: transparent url(http://another-teacher.net/4nother/pix_puce_cc.png) no-repeat 0 50% }

.conteneur, .derniers, .clickable, .recents, .moreitems, .thmbz a, .border, .derniers a img, .pied, .somrart, #licence, .date, .formulaire_spip, .spip_logos, .bando {-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;}


/* balises de base */

.contenu ol, .contenu ul {margin:0 0 0.8em 40px; padding:0}

/* ------------------------------------------ */
/* Disposition a l'ecran des blocs principaux */
/* ------------------------------------------ */
body {background: #cdccb5 ; margin:3px 0;padding:0; text-align: center; }
.bloc {position:relative;left:2px;width:968px;margin:0 auto;text-align:left;overflow:hidden}
.conteneur {/*background:#efefef*/background:#fff url(http://another-teacher.net/4nother/pix_trait_tiretvertical.png) repeat-y 706px 0; padding: 6px 0}
.sans {background-image:none}
.contenu {position:relative;width:690px;float:right; left:-270px; padding:0 0 1em 0;background:#fff }
.sans .contenu {width:902px; left:-8px}
.rail {position:relative;left:714px; width:248px;margin:0 0 2.4em 0;}

.wide {width:auto; left:10px}

body.heuristique {height:1000px}
#flashcontent {height:100%; overflow:visible}


.bando {height: 83px; background: #333 url(http://another-teacher.net/4nother/fond_bandeau.png) no-repeat 4px 2px; color: #878a77; margin-bottom: 4px;}
.bando h1 {position:relative;left:-10000px}
.home {position:absolute; top:0; left:0;z-index:10000;display:block;width:320px; height:42px}
.home:hover {text-decoration:none}
.bando .rss {z-index:9999;position:absolute;left:6px;bottom:4px;}
.bando .tweetlink {z-index:9999;position:absolute;left:6px;bottom:24px;}
span.bitly {font-size: 0.85em; position: absolute; bottom: 24px; left: 140px}
.bitly a {color:#555;padding:0 2px} .bitly a:hover {text-decoration:none;background:#878a77;color:#fff}
.login {z-index:9999;position:absolute;right:8px;bottom:27px}
.deli {display:block;z-index:10000;width:16px;height:16px;border:1px solid #fff;position:absolute;top:24px;left:212px;;background:#fff url(http://static.delicious.com/img/delicious.gif) no-repeat -1px -1px}
#cse-search-box {position:absolute; top:12px;right:6px}
.bando label {padding-right:8px}
#qrcode {position: absolute; top: 0; left: 340px}

.insert {background:#000;margin:-4px auto 4px auto}

.wide {width:100%}
.wide iframe {width:855px;height:500px}

.chronologie {display:block;margin:0;line-height:1em;width:9em;font-size:0.8em;float:right;text-align:right}
.chronologie img {vertical-align:middle; padding:0; margin:0}
.gauche {float:left;text-align:left;margin:-2em 0}

.fildariane {margin:0 8em 0 0}

.somrart {width:340px;padding:8px;margin:0 0 4px 0;position:relative;color:#666;background:#f6f5ea}
.somrart ul {padding:0;margin:0 0 0 20px}
.somrart li {margin:0;padding:0}




.annonce img {margin:0;padding:0}
a.annonce {display:block;float:right;clear:right;border:2px solid #fff;margin:0.7em 0 0 10px}
a.annonce:hover {border-color:#cd331f}

.thmbz {text-align:center}
.thmbz img {float:none;clear:none;padding:0;margin:0;}
.thmbz a {display:block;float:left;border:2px solid #eee;margin:1px 2px 2px 1px;padding:2px}
.contenu .thmbz {width:260px; float:right;}
.contenu .thmbz a {float:right; margin:2px 0 2px 4px}
.thmbz a:hover {border:2px solid #9d298b}
.thmbz hr {clear:left;font-size:1px; border:none}

p.mot {float:right;clear:right;text-align:right;font-size:0.9em;padding:1px 0;margin:3px 0 0 20px; overflow:visible}
ul.mot {list-style:none;float:right;clear:right;text-align:right;font-size:0.9em;line-height:1.4em;overflow:visible}
ul.mot li {padding:0;margin:2px 0 0 10px;}
.mot a, .filtre a, th.mot, .mots strong {color:#595f4e; text-decoration:none; padding: 2px 0 0 20px; margin:0 0 0 4px;background: transparent url(http://another-teacher.net/4nother/pix_puce_tag.png) no-repeat left bottom;}
a.tag_gr1, strong.tag_gr1 {background-image:url(http://another-teacher.net/4nother/pix_puce_tag_c1.png)}
a.tag_gr2, strong.tag_gr2 {background-image:url(http://another-teacher.net/4nother/pix_puce_tag_c4.png)}
a.tag_gr3, strong.tag_gr3 {background-image:url(http://another-teacher.net/4nother/pix_puce_tag_c2.png)}
a.tag_gr4, strong.tag_gr4 {background-image:url(http://another-teacher.net/4nother/pix_puce_tag_c3.png)}
a.tag_gr8, strong.tag_gr8 {background-image:url(http://another-teacher.net/4nother/pix_puce_tag_c5.png)}
a.tag_gr10, strong.tag_gr10 {background-image:url(http://another-teacher.net/4nother/pix_puce_tag_c6.png)}
.filtre a.on {background: transparent url(http://another-teacher.net/4nother/pix_puce_close.png) no-repeat 0 0.3em}
.mot a:hover, .filtre a:hover {text-decoration:underline}

p.date {width:60px; float:right; padding:0;margin:0 0 0 10px;border:1px solid #777; text-align:center; line-height:1em; font-size:0.8em; color:#999; background: #fff}
p.art {margin-top:1px}
.date strong {display:block;font-size:2em;line-height:1em;color:#bb8787;}

.notesbasdepage {color:#777; font-size:0.82em;}
.notesbasdepage h4 {font-style:italic; margin:0 0 2em 0}
.notesbasdepage p, .notesbasdepage li {margin:0 auto;padding:0}

#portfolio, .exo {margin:40px 0}
.exo {clear:left}
#portfolio h2 {padding:0 0 0 16px;background: transparent url(http://another-teacher.net/4nother/pix_puce_pj.png) no-repeat 0 0.2em}
#portfolio img.spip_logos {float:none; position:absolute;left:0;border:none}
.exo h2, .exo P {padding:0; margin:0}
.exo img.spip_logos {float:left; margin:-4px 10px 0 1px}
#portfolio ul {padding:0;margin:20px 0 0 0;font-size:0.82em}
#portfolio li {list-style:none;margin:0 0 20px 0;padding:0 0 0 60px;clear:both; overflow:visible}
#portfolio em {color:#777;font-style:normal}
#portfolio pre {display:block;clear:both;border:1px solid #ddd;margin:0 0 0 47px; padding:10px;font-size:1.22em}
#portfolio .qrcode {float:right;height:83px;width:83px;position:relative;top:-6px}
#portfolio iframe {position:relative;left:-60px}

.fullscreen {position: fixed; top: 0; left: 0; padding: 3px; background: #f5f5f5; z-index:10000}

.logoart {float:right; clear:right; margin:0 0 0 10px}
.list_posts .logoart {float:left; clear:none; margin:0 10px 0 0}
.list_posts p.extrait {clear:right}


ul.langue {margin:0;padding:0;list-style:none}
ul.langue li {display:inline;margin:0;padding:0 20px 0 0}
.langue on {text-decoration: underline}

.annu h3  {font-weight:bold;margin:1.5em 0 0 0;padding:0; font-size:1.2em}
.annu dt {font-weight:bold;color:#777;margin:1em 0 0 0;}
.annu dd {font-size:0.82em}
.annu img {float:right}

.plan {font-size:0.9em}
.plan h1, .plan h2 {clear:both}
.plan h2 {padding:20px 0 0 0}
.plan li, .list_articles li {margin:10px 0 0 0;list-style:disc;}
.plan p {margin-left:20px}
.plan li.secteur {list-style-type:none;margin: 0 0 0 -40px; padding:10px 0 0 0; border-top:1px solid #f0f0f0}
.plan strong.secteur {font-weight:normal; font-size:1.7em;}
img.spip_logos {float:right; margin:0 0 10px 10px; border:2px solid #eee; padding:2px; background: #fff}
a:hover img.spip_logos {border-color:#9d298b}

p.choixtri {margin:0 0 2em 0;padding:0;line-height:1em;font-size:0.82em;}
p.choixtri a {text-decoration:none;color:#c9a7c5}
p.choixtri .on {color:#888;font-weight:bold}


ul.onglets {margin:20px 0;list-style:none;}
ul.onglets li {float:left;padding:6px 0; margin:0 1px 0 0; background:#fff;}
ul.onglets li a {padding:4px 22px;margin:0;background: #b9bda3;color:#fff;text-decoration:none;}
ul.onglets li a.on {color: #fff; background: #878a77;border-top:3px solid #878a77}
ul.onglets li a:hover {background: #878a77; color:#fff}
div.onglets {clear:left; padding-top:20px}
ul.onglets li a.modif {background:#e2862c; color:#fff}
ul.onglets li a.modif:hover {background:#e27000}



.rail h3, .somrart h3, span.mois, .mois span {position:relative;padding:2px 16px 0 2px;border:none;margin:0 0 8px 0;color:#444;letter-spacing:1px;font-weight:bold;text-transform:uppercase;/* font-family: georgia, serif*/}
.rail h3 {position:relative;padding:0;}
p.mois {clear:left}
span.mois {margin:1.7em 0 0 0;padding:0;}
.rail ul {list-style:none;padding:0; margin:0 0 2px 0}
.rail li {margin:0 2px;padding:0}
.rail li ul {margin-left:30px}


.blts {float:right;} .blts img{margin:2px 0 0 0;padding:0;border:1px solid #fff}

.rubriques {background:#fff; padding:0; margin-top:-2px /*#405266;*/}
.rubrique {background:#fff /*#5c6b7c;*/}
.rubriques li, .rubrique li {margin:0;padding:0;border-top:1px solid #fff;}
.rubriques li.slide a {font-weight: bold; text-transform: uppercase; color:#333;}
.rubriques li a, .rubrique li a {display:block;padding:4px 2px; color:#656a52; text-decoration:none;}
.rubriques li a:hover, .rubrique li a:hover {color: #fff; background: #656a52}
.rubriques li a.on, .rubrique li a:hover {color: #fff; background: #878a77}
.rubrique h3 a {color:#444; text-decoration:none}
.rubrique h3 a:hover {color:#92997b; background:none}
.rubriques li.links a, .rubrique li.links a {background-image: url(http://another-teacher.net/4nother/pix_puce_lnk.png);background-position: 225px 50%; background-repeat: no-repeat}
.rubriques li.pan a, .rubrique li.pan a {background-image: url(http://another-teacher.net/4nother/pix_puce_pan.png);background-position: 225px 50%; background-repeat: no-repeat}
.rubriques li.star a, .rubrique li.star a {background-image: url(http://another-teacher.net/4nother/pix_puce_star.png);background-position: 225px 50%; background-repeat: no-repeat}
.rubriques li.nfo a, .rubrique li.nfo a {background-image: url(http://another-teacher.net/4nother/pix_puce_nfo.png);background-position: 225px 50%; background-repeat: no-repeat}
.rubriques li.vdo a, .rubrique li.vdo a {background-image: url(http://another-teacher.net/4nother/pix_puce_vdo.png);background-position: 225px 50%; background-repeat: no-repeat}
.rubriques li.map a, .rubrique li.map a {background-image: url(http://another-teacher.net/4nother/pix_puce_map.png);background-position: 225px 50%; background-repeat: no-repeat}
.rubriques li.exo a, .rubrique li.exo a {background-image: url(http://another-teacher.net/4nother/pix_puce_exo.png);background-position: 225px 50%; background-repeat: no-repeat}
.rubriques li.new a, .rubrique li.new a {background-image: url(http://another-teacher.net/4nother/pix_puce_new.png);background-position: 210px 50%; background-repeat: no-repeat}

.slide {position:relative}
.slide div {display:none;position:absolute;top:0;left:-283px;width:283px;/* background: transparent url(http://another-teacher.net/4nother/pix_bckgrnd_slide.gif) no-repeat 275px 5px;*/}
.slide p {background:#656a52 /*#e2862c*/;color:#fff; line-height:1.22em;font-size:0.9em;font-style:normal;font-weight:normal;letter-spacing:0;padding:10px 20px;margin:0 1px 0 0;text-transform:none}
.slide strong {display:inline-block;margin-bottom:20px}

.private_box {margin:0;background:#e2862c;color:#fff;font-weight:bold;background:#e2862c}
.private_box a {color:#fff;font-weight:normal}
.private_box a:hover {text-decoration:none;color:#000}
.private_box ul {padding:4px;line-height:1.5em;font-size:0.82em;}

ul.mots, div.mots {margin:0 0 2.4em 0}
.contenu .mots ul {margin:3em 0;}
.mots h3, h1.mots {padding-left:20px; background: transparent url(http://another-teacher.net/4nother/pix_puce_tag.png) no-repeat left bottom;}
.mots ul {text-align:center;font-size:0.79em; padding-bottom:10px}
.mots li {line-height:1.7em;margin:0 4px}
.contenu .mots ul {line-height:2em;}
.mots li, .mots li a {display:inline;}
.mots li a {padding:0;margin:0;text-decoration:none;color:#92997b}
.mots li a:hover, .mots li a.on {background:none;color:#656a52;text-decoration:none}
.mots span {float:right;z-index:1000;text-transform:none;font-weight:normal;font-size:0.85em; padding: 4px}

.stats p {font-size:0.9em;color:#999;line-height:1.5em;margin:0;padding:0}
.stats img {vertical-align:bottom;padding-bottom:0.3em}

.modifs ul {font-size:0.82em}

.scrollup {position: relative; overflow: hidden; height:150px; top:-20px;font-size:0.85em; }
.scrollup a {color:#9d298b;}
.headline {position:absolute;top:210px;height: 195px; padding: 4px}

.tweets {background: #fff url(http://another-teacher.net/4nother/pix_bckgrnd_twitter.png) no-repeat 100% 10px;}
.tweets h3 a {text-transform:none;}
.tweets h3 img {border:0;float:left;padding:0;margin:0 6px 10px 0}
.tweets ul {font-size:0.85em}
.tweets li {margin-top:14px;padding:0;}
.tweets li img {vertical-align:middle}

.tweets em {font-style:normal;font-size:0.96em;color:#888}
.tweets .mention {font-style:italic;}


ul.list_articles, ul.list_rubriques {padding:6px; overflow:visible}
.list_articles li, .list_rubriques li {padding:6px 0 6px 20px; list-style:none; background: transparent url(http://another-teacher.net/4nother/pix_puce_listitem.png) no-repeat 0 0.8em}
ul.cols li {float:left;width:50%;padding:0;margin:0;min-height:20px;height:auto}
ul.colls {position:relative;padding:0;margin:10px 0;left:20px}
.colls li {float:left;width:33%;padding:0;margin:0; min-height:20px;height:auto}
.colls li a {padding-right:24px}
.list_rubriques p {color:#777; font-size:0.9em}

.list_articles div.notation_note, .plan div.notation_note {float:right;margin-left:10px}
.list_articles .clickable {margin:0}
.show, .hide {color:#c9a7c5;font-size:0.82em;font-weight:bold; cursor: pointer}
.list_articles span.lite, .plan span.lite {display:none}

.recents {border:2px solid #eee}

.list_posts {clear:both; margin:0; padding:10px 0 0 0}
.list_posts .clickable {clear:both; margin: 8px 0; padding:8px 10px; background:#fafaf7}
.list_posts div.hover {background-color: #f6f5ea}
.list_posts h1 {line-height:0.92em}
.list_posts img.spip_logos {display:block;float:left;padding:0;margin:0.4em 20px 4px 0;border:none}

.list_posts hr {clear:both;height:0}

ul.boxed {clear:both;height:17em;font-size:0.8em;overflow:auto;margin:10px 0 0 20px;padding:0 0 0 40px;border:1px solid#eee;background:#fafafa url(http://another-teacher.net/4nother/pix_puce_rss.png) no-repeat 1px 1px}
.list_posts ul.full {height:22em}
ul.lite a {color:#777} ul.lite a.spip_out {color: #6191c7}

.contenu .list_comz {margin:0; list-style:none; padding:0}
.list_comz > li {line-height:1.6em; padding:6px 6px 6px 0;border-top:4px solid #eee;}
.list_comz p.lite {line-height:1em;margin:0; padding:3px 0 0 0;} .list_comz p.lite strong {}
.list_comz div, dd.com {font-size:0.8em;letter-spacing:1px;margin:4px 5px 0 20px; padding:10px 20px 0 20px; background: transparent url(http://another-teacher.net/4nother/fond_callout.gif) no-repeat 4px 0}
.list_comz div p {margin:0;padding:4px 0;line-height:1.9em}
.list_comz .clickable {padding:0 20px; font-weight:bold;}
.list_comz .prive {border-right:40px solid #cdccb5; border-color:#e2862c}
/* .comz1 {background:#ccd5e0} .comz2 {background:#e0e6ec} .comz3 {background:#eaeef2} */ .stef {background: transparent url(http://another-teacher.net/4nother/pix_puce_zom.png) no-repeat top right}

.list_threads {margin:20px 0 0 0}
.list_threads dt {border-top:1px solid #efefef;padding:20px 0 10px 0; color:#333}
.list_threads dd {color:#666; font-size:0.8em;margin:0 0 10px 40px;line-height:1.6em}

.list_contribz {font-size:0.82em}

#licence {clear:both;padding:4px; margin:2em 0 0 0;font-size:0.85em; background:#fff; color:#444; border:2px solid #c6b4c4}
#licence p, #licence h1 {margin:10px 0 1em 0; padding:0 16px;}
#licence h1 {color:#777;}
#licence img {float:right;clear:right;border:none;margin:0 0 4px 0;padding:0}
#licence span {font-weight:bold}

#licence.contrat {position:fixed;top:0; left:0; margin:0; padding:0; width:100%; height:100%; z-index:10000;text-align:center; color:#fff ;background-color:#222; filter : alpha(opacity=90);-moz-opacity : 0.9;opacity : 0.9; }
#licence.contrat img {display:none;}
#licence.contrat h1 {color:#fff}

.txt2srt textarea{width:580px;padding:4px;border:2px solid #efefef;font-size:0.9em;line-height:1.6em}
.txt2srt .boutons {text-align:left;padding:0;margin:0}
.txt2srt .boutons input {margin:0}
#stampified textarea {/* background:#d8ddee;border-color:#c2c9e4 */}


.derniers {clear:both;top:2px; color:#333;padding:20px 0 0 0; margin:0 auto 6px; background:#e0dfc6}
.col {position:relative; width:322px;float:left; left:4px;padding:0;margin:0;}
.col ul {list-style:none;padding:0; margin:0;font-size:0.85em}
.col li {clear:left;margin:0 10px 2px 0; padding:8px 10px 8px 70px}
.col a {font-weight:bold}
.col a.rss {font-size:1.2em;font-weight:normal;padding:2px 2px 0px 18px}
.col li.extra a:hover {}
.col img.spip_logos {float:left; margin:-2px 10px 0 -66px}
.col em, #scrollup em {font-style:normal;font-size:0.9em; color:#555}
.col h3 {position:relative;padding:2px 8px 0 0;border:none;margin:0 0 8px 0;color:#333;font-size:0.9em;letter-spacing:1px;font-weight:bold;text-transform:uppercase;}


.pied {font-size:0.85em; color:#fff;background:#000;padding: 20px 0 10px 0}
.pied p {clear:both;text-align:center;padding:0 4px; margin:0;}
.pied p a {text-decoration:none;font-weight:bold;padding:0;color:#92997b}
.pied p a:hover {text-decoration:underline}
a.prive {position:absolute; width:16px; height:16px; bottom:4px;right:1px;background:transparent url(http://another-teacher.net/4nother/pix_puce_zom.png) no-repeat 0 0}

.sans .private_box {position:absolute;z-index:500}
.fond {min-height:420px; position:relative; background:#fff; z-index:1}
.fond1 {background-image:url(http://another-teacher.net/4nother/fond1.png)}
.fond2 {background-image:url(http://another-teacher.net/4nother/fond2.png)}
.fond3 {background-image:url(http://another-teacher.net/4nother/fond3.png)}
.fond4 {background-image:url(http://another-teacher.net/4nother/fond4.png)}
.fond5 {background-image:url(http://another-teacher.net/4nother/fond5.png)}
.fond6 {background-image:url(http://another-teacher.net/4nother/fond6.png)}
.fond7 {background-image:url(http://another-teacher.net/4nother/fond7.png)}
.fond8 {background-image:url(http://another-teacher.net/4nother/fond8.png)}
.fond9 {background-image:url(http://another-teacher.net/4nother/fond9.png)}
.wrapped {width:260px; min-height:90px; position:absolute;
font-size:0.82em;
border:3px solid #000; background:#fff;
-moz-border-radius: 25px; -webkit-border-radius: 25px; -khtml-border-radius: 25px; border-radius: 25px;}
#root {top:160px; right:340px; z-index:10}
.fille {border:2px solid #777}
.fille1 {top:10px; right:260px; z-index:20}
.fille2 {top:90px; right:70px; z-index:30}
.fille3 {top:180px; right:40px; z-index:40}
.fille4 {top:260px; right:100px; z-index:250}
.fille5 {top:320px; right:320px; z-index:220}
.fille6 {top:260px; left:100px; z-index:200}
.fille7 {top:180px; left:30px; z-index:190}
.fille8 {top:100px; left:20px; z-index:180}
.fille9 {top:20px; left:160px; z-index:10}
.wrapped h1, .wrapped h2, .wrapped p {line-height:1em; margin:0;padding:2px 20px}
.wrapped h1 {font-size:1.4em;font-weight:bold; margin:2px 0 0 0;}
.wrapped h2 {margin: 2px 0 0 0}

.exos {width:100%; border-collapse:collapse}
.exos td {border:1px solid #cccbc2; padding:10px 4px}


.clickable {cursor: pointer}
.hover {background-color: #f6f5ea;z-index:1000}
.invisible { position: absolute; top: -3000em; height: 1%; }
.hide {display:none}