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


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

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

/* 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, .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:#999; 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 {color:#c9a7c5}
.contenu .rss {float:left;margin: 6px 8px 0 0;}
.list_articles .rss {float:none; padding:2px 3px 2px 20px; margin:0}

a.ancre {padding:0 0 0 15px;background: transparent url(http://another-teacher.net/4nother/pix_puce_retourhaut.png) no-repeat 0 0.05em}
#sommaire_1 {visibility:hidden}
span.readmore {font-weight:bold;font-size:0.9em;background: transparent url(http://another-teacher.net/4nother/pix_puce_lirelasuite.png) no-repeat 100% 0}
span.moreitems {font-weight:bold;font-size:0.9em;background: transparent url(http://another-teacher.net/4nother/pix_puce_moreitems.png) no-repeat 100% 0}
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 100% 0}
span.readmore a, span.dropacom a, span.moreitems a {padding-right:16px} span.out a {color:#6191c7}
span.doks {padding:0 0 0 16px;background: transparent url(http://another-teacher.net/4nother/pix_puce_pj.png) no-repeat 0 0}
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% }



/* balises de base */

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

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body {background:#fff/*#b9bda9 #eaf1f2 url(http://another-teacher.net/4nother/pix_frame.png) repeat-y top center;*/; margin:3px 0;padding:0; text-align: center; }
.bloc {position:relative;left:2px;width:878px;margin:0 auto;text-align:left;overflow:hidden}
.rail {position:relative;width:248px;float:right;clear:right;margin:0 0 23px 0;}

.bando {height:86px;background:#333 url(http://another-teacher.net/4nother/fond_bandeau.gif) no-repeat 0 0;color:#fff;margin-bottom:4px}
.blog {background-image:url(http://another-teacher.net/4nother/fond_bandeaublog.gif)}
.bando h1 {position:relative;left:-10000px}
.home {position:absolute; top:0; left:0;z-index:10000;display:block;width:266px; height:45px}
.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;color:#777;position:absolute;bottom:24px;left:140px}
.bitly a {color:#555;padding:0 2px} .bitly a:hover {text-decoration:none;background:#333;color:#000}
.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}

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

.conteneur {/*background:#efefef*/background:#fff url(http://another-teacher.net/4nother/pix_trait_tiretvertical.png) repeat-y 625px 0;}
.contenu {position:relative;width:620px;float:left; padding:0 0 1em 0;background:#fff }
.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}

.ntro, .somrart {border:1px solid #ddd;margin:20px 0 20px 0;padding:0 20px;color:#666;background:#fafafa}
.ntro {}
.somrart {width:340px;padding:0;margin:0;position:relative}
.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 a {margin:2px}
.thmbz a:hover {border-color:#9d298b}

p.mot {float:right;clear:right;text-align:right;font-size:0.9em;line-height:1.4em;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 {color:#bbb; text-decoration:none; border:1px solid #bbb; padding:0 2px; margin:0 0 0 10px}
.mot a:hover {background:#fafafa}

p.date {width:6em; float:right; padding:0;margin:0;border:1px solid #ccc; text-align:center; line-height:1em; font-size:0.8em; color:#aaa}
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 {margin:40px 0}
#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:left;margin:-2px 10px 20px 1px;border:none}
#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;clear:left}
#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}

.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}


.plan {font-size:0.9em}
.plan h1, .plan h2 {clear:both}
.plan h2 {margin:10px 0}
.plan li, .list_articles li {margin:10px 0 0 0;list-style:disc; clear:right;}
.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}
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}

.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;border:none;margin:0 0 8px 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}
.rail a {text-decoration:none;color:#92997b}
.rail a.on {background:#92997b;color:#fff}
.rail .on a {color:#656a52}
.rail a:hover {text-decoration:underline;color:#656a52}

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

.rubriques {background:#fff /*#405266;*/}
.rubrique {background:#fff /*#5c6b7c;*/}
.rubriques li, .rubrique li {margin:0;padding:0;border-top:1px solid #fff;}
.rubriques li.slide a {font-size:1.4em}
.rubriques a, .rubrique a {display:block;padding:4px 2px}
.rubriques a:hover, .rubrique a:hover {text-decoration:none;color:#fff;background:#656a52}
.rubrique h3 a {color:#444;}
.rubrique h3 a:hover {color:#92997b; background:none}


.archives li {width:50%;float:left}

ul.mots, div.mots {margin:0 0 4px 0}
.mots ul, ul.mots {text-align:center;font-size:0.79em}
.mots ul {padding-bottom:10px}
.mots li {line-height:1.7em;margin:0 4px}
.mots li, .mots li a {display:inline;}
.mots li a {padding:0;margin:0}
.mots li a:hover, .mots li a.on {background:none;color:#656a52;text-decoration:none}
.mots a.ajax {float:right;}

.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}

.tweets {background: #fff url(http://another-teacher.net/4nother/pix_bckgrnd_twitter.png) no-repeat 100% 0;}
.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;clear:both}
.tweets li img {vertical-align:middle}

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

.slide {position:relative}
.slide span {display:none;position:absolute;top:0;left:-284px;width:283px;background: transparent url(http://another-teacher.net/4nother/pix_bckgrnd_slide.gif) no-repeat 100% 4px;}
.slide em {display:block;/* border: solid #fff;border-width:2px 0 2px 2px;*/background:#e2862c;color:#fff; line-height:1.22em;font-size:0.9em;font-style:normal;font-weight:normal;letter-spacing:0;padding:8px;margin:0 5px 0 0;text-transform:none}


.list_articles, .list_rubriques {margin-left:40px;overflow:visible}
ul.cols li {float:left;width:50%;padding:0;margin:0;min-height:20px;height:auto}
ul.colls {position:relative;padding:0;margin:0;left:20px}
.colls li {float:left;width:33%;padding:0;margin:0; min-height:20px;height:auto}
.list_rubriques p {color:#777; font-size:0.9em}

.list_posts {margin:0; padding:0}
.list_posts h1 {line-height:0.8em}
.list_posts img.spip_logos {display:block;float:left;padding:0;margin:0.4em 20px 4px 0;border:none}

.list_posts ul.lite {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}
/* .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}

#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:#bbb;}
#licence a {color:#ac8eaa}
#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}


.derniers {clear:both;top:2px;background: #fff; color:#333;padding:20px 0 0 0;border-top:1px solid #ddd}
.col {width:292px;float:left;padding:0;margin:0;}
.col ul {list-style:none;padding:0; margin:0;font-size:0.85em}
.col li {clear:right;background:#fff;margin:0 0 0 0;padding:10px 10px 10px 0;}
.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 {margin:0 0 0 4px}
.col em {font-style:normal;font-size:0.9em; color:#777}
.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: 40px 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}



/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }