/*
	Name: HTML5
	Date: Mai 2010
	Description: HTML5 et CSS3.
	Version: 2.54
	Author: Philippe Le Mesle
	Author URI: http://wwww.hiseo.fr & http://on-air.hiseo.fr
*/
/* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* */
/* remember to define focus styles! */
:focus {
background: #D2D2D2;
 border: 1px solid #5E5E5E;
 }
 
:focus:hover {
 background: #C7C7C7;
 }
.ie :focus,.ie :focus:hover/*CE CON d'IE APPLIQUE LE ZOOM SUR LA TOTALITE DE LA PAGE*/
{
background: transparent;border:none
}
.ie form :focus {
background: #D2D2D2;
 border: 1px solid #5E5E5E;
 }
 
.ie form :focus:hover {
 background: #C7C7C7;
 }
body {
	line-height: 1;
	background:#F9F9F4;
	width:1200px;
	min-width:980px;
	border-right:1px solid #999;color:#5B534C
}
article, aside, dialog, figure, footer, header, 
hgroup, nav, section, blockquote { 
	display: block;
}

nav ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

ul {
	list-style: disc;
}

ul ul {
	list-style: circle;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

ins{text-decoration:none}

del {
	text-decoration: line-through;
}

mark {
	background: none;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;	
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select, a img {
	vertical-align: middle;
}

.clear.clearer{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }


/* VOUS AVEZ DEMANDE LA POLICE - NE QUITTEZ PAS - */
@font-face {
	font-family: 'Goudy';
	src: url('http://on-air.hiseo.fr/font/goudy_bookletter_1911-webfont.eot');
	src: local('Goudy'), url('http://on-air.hiseo.fr/font/goudy_bookletter_1911-webfont.woff') format('woff'), url('http://on-air.hiseo.fr/font/goudy_bookletter_1911-webfont.ttf') format('truetype'), url('http://on-air.hiseo.fr/font/goudy_bookletter_1911-webfont.svg#webfont') format('svg');
}

.goudy{font-family: Goudy,Georgia,"Times New Roman",Times,serif}
.georgia{font-family: Georgia,"Times New Roman",Times,serif}
.baskerville{font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif}
.times{ font-family: "Times New Roman",Times,serif}
/**/

/* Oui */
div.my_monkey,h1.my_monkey,label.my_monkey,p.my_monkey,span.my_monkey,span.noscreen{text-indent:-10000px;line-height:0.1px;margin:0px;padding:0px;position:absolute}
div.article sup a.action,sup{font-size:smaller;vertical-align:super}
.supersup{vertical-align:50%}
.droit, a.droit{font-style: normal}
.non-soulign,a.non-soulign:hover,footer a.non-soulign, article a.non-soulign, .entry-content a.non-soulign, article a.non-soulign:hover, .entry-content a.non-soulign:hover{text-decoration: none;background: transparent;border:none;}
.inline{display: inline}
article.comment,footer.entry-meta:after,.entry-meta,img,.display{display:block}
.no-overflow{overflow: hidden;}
.centrage,span.centrage,div.centrage{text-align: center}
figure.centre,img.centre,p.centre{display:block;margin-right:auto;margin-left:auto}
.top {display:block;margin-bottom:0.3em}
.arrow {font-family:"Arial Unicode MS",FreeSerif,OpenSymbol,"DejaVu Sans",sans-serif;font-size:xx-large;
line-height:1}
.left{float:left;display:inline;margin-right:10px}
.right{float:right;display:inline;margin-left:4px}
.droite,.lasuite{text-align: right}
.amp {font-family:Goudy;font-size:2em}
.bleu{color: #6699CC}
a:link:hover, a:visited:hover, a:link:visited:hover{border-bottom: 1px dotted #c00}
a.jump{display: block;text-align: center;color:#756E5E;font-size:1.2em;font-weight:700;border:none;margin-bottom:6px}
#content a.int,a.int:hover {color:#333;cursor:default;text-decoration:none;font-weight:normal;}
.rouge,a,a:link,a.rouge{color:#c00;text-decoration: none}
.blanc{color:#fff}
.noir{color:#000}
.sepia,.sepia-fonce{color:#5B534C}
.sepia-clair{color:#5C5C58}/* c'est pas clair ? */
.gris,nav.new-comments a.gris{color:#666}
.grigris{color:#999}
.orange {color :#fc0}
.marron{color:#B3450D}.marron-clair{color:#756E5E}.cacadcanard{color:#996633}
.no-espace{position:absolute;text-indent:1000%}
.smaller{font-size:smaller}
.smallsmall{font-size:xx-small;line-height:90%}
.caps{text-transform: uppercase;}
.bigbig{font-size:4em}
.big{font-size:2em}
.ptibig{font-size:1.2em}
.bigger{font-size: larger}
/*.cap{text-transform: uppercase}*/
b,.gras{font-weight:700}
.maigre{font-weight:300}
.ital{font-style: italic;font-weight: normal}
.etroit{letter-spacing:-1px}
.no-indent,article p.no-indent,.entry-content p.no-indent{text-indent:0px}
.mark,mark,mark.search{color:#5B534C}.mark,mark{background:#FCF7BD;font-weight:700}mark.search{font-weight:300;background:none}
span.def,abbr.def{font-weight: 700;border-bottom-width: thin;border-bottom-style: dotted;border-bottom-color:#c00;cursor:help}
/*abbr.def:hover{background:transparent url(../css-ss/selection-bubble.png) no-repeat right bottom}*/
mark a,mark a.inline{color: #000;font-weight: 700;background:#FCF7BD}
mark a:hover,mark a.inline:hover{background: #FFFF99;color:#c00}
strong,em{font-weight:300;font-style:normal}
.strike{text-decoration:line-through}
span.strike-rev {background: transparent url(css-ss/strike-rev.png) repeat-x center center}
span.strike-rev:hover{background: #FFFF99 repeat-x center center}
#content ul,#content ol,#content li{color:#333;margin: 1em 0 1em 24px;padding: 0}#content ul{line-height:1em;}
.tirets {border-style:dotted}
.ombre{text-shadow:2px 2px rgba(255, 255, 255, 0.5)}.ombrage{text-shadow: 2px 2px 4px #999}
iframe{overflow: hidden}
no-select{-moz-user-select: none} /* amusant, juste amusant */
aside#aparte,.cartouche{padding: 0px 10px;border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc;background:#EFEDE6}
/* For MOD ANTI-SPAM Extra security layer for mathcaptcha */
.hidden,#your-id {display: none;}
/*.help{background:url("css-ss/selection-bubble.png") no-repeat scroll 0 0 transparent;height:29px;left:-50px;position:absolute;top:-50px;width:25px}*/
.toggler-closed,.main-droite a{background: transparent url(css-images/droite.png) no-repeat left 50%}
.toggler-closed:hover,.main-bas{background: transparent url(css-images/bas.png) no-repeat left 50%}
.toggler-opened:hover,.main-haut{background: transparent url(css-images/up.png) no-repeat left 50%}
.toggler-opened,.main-gauche{background: transparent url(css-images/gauche.png) no-repeat right 50%}
.break-word {word-wrap: break-word}
span.external a,.entry-content a.external,
article.comment a.external,article p a.external{background:transparent url(css-ss/external.png) no-repeat scroll right center;padding:0 14px 0 0;text-decoration: none}
article figure a.external,section.entry-content figure a.external,section.entry-content a.external img, div.rebuzz a.external {background:url(none);padding:0}
span.title{border-bottom: medium double #c00}
/**/
angles-ronds{-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px}
.trans{opacity: 0.5;filter:alpha(“opacity=50”);filter:alpha(opacity=50);-moz-opacity:0.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);-khtml-opacity: 0.5;-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”}.trans:hover{opacity:1}
/* COTE NORD */
nav#crumbs{display:block;width:100%;color:#999;font-size:.64em;font-weight:bold;letter-spacing:2px;line-height:1.2em;text-align:left;text-transform:uppercase;padding-top: 11px;padding-bottom:16px}.ie6 #conteneur{margin-top:52px}
h1.rules span.h1 {font-size:20px;font-style:italic;color: rgb(77, 77, 77);letter-spacing:1px;margin-top: 7px;margin-left:-4px;}
.ampersand{font-family:Baskerville,"Goudy Old Style","Palatino","Book Antiqua",serif;font-size:110%;color:#999;font-style:italic;letter-spacing: 0.1em;font-weight:200;}
h1.rules span.h2 {margin: 0pt; padding: 8px 0pt 0pt; font-size: 12px; font-style: normal; color: rgb(153, 153, 153); letter-spacing: 2px;}
h1.rules span.h1:hover {color:#c00}
h1.rules{font-weight:normal;letter-spacing:-0.1px;text-align: center;text-transform: uppercase;display:block;width:240px;top:30px;position: absolute;left: 20px;line-height: 1.4em;}
header.billentete{display:block;height:124px;color:#999;text-shadow: 0px 1px #fff;background: transparent url(css-images/building_html5.png) no-repeat 554px 30px;}.chrome header.billentete{
padding-top:30px;background: transparent url(css-images/building_html5.png) no-repeat 540px 12px}
header.billentete h1.rules:after{display:block;content:"Soliloques autour de mon Meccano HTML5 & CSS3";letter-spacing:-0.1px;font: oblique 200 normal 1em/normal Georgia, serif;width:200px;padding-left:954px;margin-top:-50px;text-transform: none;text-align:left;line-height:1.2em}.ie header.billentete h1:after{font-size:1em}
h1.pages{color:#5B534C;padding:10px 0px;font-size:1.6em;line-height: normal;font-weight:200}h1.pages:before{content:url(css-ss/separ-ator.png)}
header.billentete h1 a,header.billentete h1 a:hover {text-decoration: none;border:none}
nav#menu {border-top: medium double rgb(102, 102, 102);border-bottom: 1px solid rgb(102, 102, 102);/*width: 100%;*/width:1200px;position: absolute;left:0px;top:112px;display: block;clear: both;padding: 11px 0px 11px 0px;margin-bottom: 0px;right: 0px;text-shadow:0 1px 1px #fff}
.gecko nav#menu {top:126px}.webkit nav#menu {top:138px}.chrome nav#menu {top:108px}.opera nav#menu {top:124px}.ie nav#menu {top:126px}.ie6 nav#menu{top:124px}
nav#menu address {display:inline},nav#menu a {margin: 2px 0px 1px }nav#menu a.nav {color:#5B534C;font-size: 18px;padding: 10px 4.2%;text-shadow:1px 1px rgba(255, 255, 255, 0.5);text-decoration: none;font-weight:500; text-transform:uppercase;line-height: 20px; }nav#menu a.nav:hover,nav#menu a.nav:hover:visited{color:#fff;text-shadow:none;background-color:#c00;border-top:2px solid #996633}

/* */
#conteneur{padding-left:12px;margin-top:48px;margin-right:auto;left:320px;text-align:left;position:relative;width:738px;border-left:1px solid #999;border-bottom:1px solid #999;padding-top:8px;background:transparent url(css-ss/conteneur-bg.png) no-repeat scroll center top;}
}.ie #conteneur{top:0px}.opera #conteneur{top:-2px}.safari #conteneur{top:12px}.chrome #conteneur{margin-top:-12px}
/* LE CENTRE */
section.entry-content,article,div#content{font-family:Georgia;padding: 0px 30px 40px 6px;line-height:1.4em;width:600px}
footer.homeentry-meta,footer.entry-meta{font-size:.6em}footer.entry-meta span.tagshome:before{content:"~";display:block;vertical-align:100%
}footer.entry-meta span.tagshome:before{font-size: 2em}
footer.entry-meta:after{/*content:"~";text-align:center*/content:url(css-ss/divider.png);text-align:center}
a.paginator{font-style:oblique}
aside.meta a,footer.entry-meta a{color:#666;border-bottom: 1px dotted #999}
hr.end-article{color:#fff;font-size: 2px;}header.billentete hgroup{display:block;width:320px}
.house{display:block;width:240px;margin-right:auto;margin-left:auto}
footer.entry-meta{}*/
h6#commentaires{display:block;color:#5C5C58;font: 1.4em Goudy;letter-spacing: -1px;/*border-bottom: thin dashed #999;*/margin-bottom:.54em}
section#comments p#commentaires,aside.rightsidebar h4 ,h3.footlinks,section#commentsbox span.h2-comment{font: 1.8em Goudy;letter-spacing: -1px}
article p.lasuite a:after{content:" →"}article p a:visited:after{color: #039;font-weight: normal;content:"\00A0\221A";font-size:75%}
section.related_posts a:before{content:"\2935";vertical-align:super}aside#links a:before{content: "\21AA"}
section.related_posts a:before,aside#links a:before {font-weight: 300;color:#666;padding-right:4px}
/* TYPO TYPO PAR LA */
article h2.intro {margin-top:18px}article p.intro,.entry-content p.intro{margin-top:0;}
.entry-content h3.enligne,.entry-content h2.enligne{float:left;margin-top:7px;margin-bottom:-7px;font-size:1em;line-height:1em}
article p.intro,.entry-content p.intro,article h2.intro,.entry-content h2.intro {color:#333;text-indent:0;font: 400 1.2em Georgia;margin-bottom:0px} article h2.intro span.cap,.entry-content h2.intro span.cap {color:#5B534C;float:left;font-size:400%;  line-height:1em;padding:0 12px 0 0;text-shadow:1px 1px rgba(255, 255, 255, 0.5)} .entry-content h2.intro span.cap[title=A],.entry-content h2.intro span.cap[title=B],.entry-content h2.intro span.cap[title=C],.entry-content h2.intro span.cap[title=D],.entry-content h2.intro span.cap[title=E],.entry-content h2.intro span.cap[title=F],.entry-content h2.intro span.cap[title=G],.entry-content h2.intro span.cap[title=H],.entry-content h2.intro span.cap[title=I],.entry-content h2.intro span.cap[title=J],.entry-content h2.intro span.cap[title=K],.entry-content h2.intro span.cap[title=L],.entry-content h2.intro span.cap[title=M],.entry-content h2.intro span.cap[title=N],.entry-content h2.intro span.cap[title=O],.entry-content h2.intro span.cap[title=P],.entry-content h2.intro span.cap[title=Q],.entry-content h2.intro span.cap[title=R],.entry-content h2.intro span.cap[title=S],.entry-content h2.intro span.cap[title=T],.entry-content h2.intro span.cap[title=U],.entry-content h2.intro span.cap[title=V],.entry-content h2.intro span.cap[title=W],.entry-content h2.intro span.cap[title=X],.entry-content h2.intro span.cap[title=Y],.entry-content h2.intro span.cap[title=Z] {background:url(css-images/lettrines.png) no-repeat;  text-indent:-9999em;overflow: hidden} .entry-content h2.intro span.cap[title=A] {  background-position:0 -40px;  margin:0;  padding:0 88px 20px 0; } .entry-content h2.intro span.cap[title=B] {  background-position:-88px -15px;  margin:0 10px 0 0;  padding:40px 63px 20px 0; } .entry-content h2.intro span.cap[title=C] {  background-position:-152px -15px;  margin:0 10px 0 0;  padding:40px 72px 0 0; } .entry-content h2.intro span.cap[title=D] {  background-position:-228px 0;  margin:0 10px 0 0;  padding:40px 106px 50px 0; } .entry-content h2.intro span.cap[title=E] {  background-position:-338px 0;  margin:0 10px 0 0;  padding:40px 110px 40px 0; } .entry-content h2.intro span.cap[title=F] {  background-position:-456px -10px;  margin:0 10px 0 0;  padding:40px 95px 40px 0; } .entry-content h2.intro span.cap[title=G] {  background-position:-551px -25px;  margin:0 10px 0 0;  padding:40px 126px 30px 0; } .entry-content h2.intro span.cap[title=H] {  background-position:-677px -10px;  margin:0 10px 0 0;  padding:40px 90px 10px 0; } .entry-content h2.intro span.cap[title=I] {  background-position:-770px -10px;  margin:0 10px 0 0;  padding:40px 82px 40px 0; } .entry-content h2.intro span.cap[title=J] {  background-position:-850px 0;  margin:0 10px 0 0;  padding:40px 100px 10px 0; } .entry-content h2.intro span.cap[title=K] {  background-position:-951px -20px;  margin:0 10px 0 0;  padding:40px 103px 20px 0; } .entry-content h2.intro span.cap[title=L] {  background-position:0 -164px;  margin:0 10px 0 0;  padding:40px 97px 20px 0; } .entry-content h2.intro span.cap[title=M] {  background-position:-96px -154px;  margin:0 10px 0 0;  padding:40px 136px 20px 0; } .entry-content h2.intro span.cap[title=N] {  background-position:-235px -174px;  margin:0 10px 0 0;  padding:20px 90px 10px 0; } .entry-content h2.intro span.cap[title=O] {  background-position:-319px -164px;  margin:0 10px 0 0;  padding:40px 80px 20px 0; } .entry-content h2.intro span.cap[title=P] {  background-position:-403px -174px;  margin:0 10px 0 0;  padding:40px 72px 0 0; } .entry-content h2.intro span.cap[title=Q] {  background-position:-476px -174px;  margin:0 10px 0 0;  padding:40px 102px 100px 0; } .entry-content h2.intro span.cap[title=R] {  background-position:-579px -174px;  margin:0 10px 0 0;  padding:20px 105px 20px 0; } .entry-content h2.intro span.cap[title=S] {  background-position:-683px -174px;  margin:0 10px 0 0;  padding:20px 90px 20px 0; } .entry-content h2.intro span.cap[title=T] {  background-position:-770px -184px;  margin:0 10px 0 0;  padding:20px 92px 20px 0; } .entry-content h2.intro span.cap[title=U] {  background-position:-866px -184px;  margin:0 10px 0 0;  padding:20px 104px 20px 0; } .entry-content h2.intro span.cap[title=V] {  background-position:-971px -184px;  margin:0 10px 0 0;  padding:20px 102px 20px 0; } .entry-content h2.intro span.cap[title=W] {  background-position:0 -306px;  margin:0 10px 0 0;  padding:20px 137px 60px 0; } .entry-content h2.intro span.cap[title=X] {  background-position:-135px -316px;  margin:0 10px 0 0;  padding:20px 107px 20px 0; } .entry-content h2.intro span.cap[title=Y] {  background-position:-243px -339px;  margin:0 10px 0 0;  padding:20px 89px 40px 0; } .entry-content h2.intro span.cap[title=Z] { background-position:-333px -339px;  margin:0 10px 0 0;  padding:20px 75px 20px 0; } h2.autres:after,h2.intro:after {content:'\00a0';} 
/* */
article p, section.entry-content p{margin-top:4px;font-weight:300;font-style: normal;color: #333}article p,section.entry-content p {text-indent:18px }div.article p{text-indent:12px }
section .bodytext {-moz-column-count:2;-moz-column-gap:45px;-moz-column-rule:1px dotted silver;font-size:84% !important;}
section .bodytext p{color: #FF0000;text-align: left;}
div.article {
/* SANS PREFIXE */ 
column-count: 2;
column-gap: 20px;
column-rule:1px dotted #bbb;
/* GECKO */
-moz-column-count: 2;
-moz-column-gap: 20px;
-moz-column-rule:1px dotted #bbb;
/* WEBKIT */
-webkit-column-count: 2;
-webkit-column-gap: 20px;
-webkit-column-rule:1px dotted #bbb;
border-top:1px solid #999;border-bottom:1px solid #999;	padding:8px;text-align:left}
.Article2Col{column-count:2}.Article3Col{column-count:3}
div.article h2,h3,h4{font: bolder Goudy;color: #756E5E;margin-top:.54em}div.article h2,h3{margin-left:.54em}div.article h2{font-size:1.2em}div.article h2{font-size:1em}div.article h3{font-size:.9em}h4{margin-left:.9em;font-size:.78em}
#content div.article ul {margin-left:-1.5em}
/* */
details, summary { }
   details, summary, SUMMARY {}
   .no-details summary:hover, .no-details summary:focus {background: transparent;border:none}
   .no-details details > * { display: none; }
   .no-details details [open] > * {display:block}
   .no-details details p {width:454px;margin-left:auto;margin-right:auto;padding: 4px;text-align:left;border: 4px double #CECDC8}
   /* The following doesn’t toggle correctly in Webkit:
   .no-details details summary:before { content: '► '; }
   .no-details details[open] summary:before { content: '▼ '; }
   */
   /* And yes, it should really be ::before, but that doesn’t work in IE8 */
   .no-details details summary:before { content: '► '; }
   .no-details details.open summary:before { content: '▼ '; }
   /* For IE6 and IE7, who don’t support generated content, you could use padding-left + a background image instead */
   /* I really couldn’t be bothered though. */
   /*
   .no-details details summary { padding-left: 20px; background: url(img/arrow-sprite.png) no-repeat 0 0; }
   .no-details details.open summary { background-position: 0 -20px; }
   */
   .no-details details summary {display:block;cursor: pointer}
/* */
#content blockquote p{text-indent:0;padding-left:18px;border-left:14px solid  #666;font-size:1em;font-style: italic;font-weight:300}
cite,q {color:#756E5E;font-style: italic}cite:before,q:before{content: '« '; }cite:after,q:after{content: ' »'; }
aside blockquote:after,#content blockquote:after, #content blockquote:before {letter-spacing: 4px;font:5.4em Goudy;display:block}
.entry-content blockquote:before{content: '\201C';line-height:normal;margin-left:18px;margin-top:0px;padding:0px;margin-bottom:-60px}
.entry-content blockquote:after{content: '\201D';line-height: 0px;vertical-align: bottom;text-align:right;margin-top:-20px;margin-bottom:-40px}.entry-content blockquote:before,.entry-content blockquote:after{color:#666}
/* MISES A JOUR */
.entry-content aside li span.update-cont{font-size:0.92em;color: #666;font-style: oblique;display: block;margin-left: 10px}
ins h3,
article ins h3,
.entry-content h3,.entry-content h2,ins h3,ins h2,
article ins h3 {color: #333;font-weight: 300}ins h3,
article ins h3{font-size: 1.1em;margin-top: 2em}.entry-content h3,.entry-content h2,.h2{color:#666;font-weight: 700;margin-top:0.54em;margin-bottom: 0.54em}.entry-content h2,.h2{font-size:1.2em}.entry-content h3{font-size:1.1em;text-indent:18px}.entry-content h4{font-size:1em;text-indent:22px}
ins,
.entry-content section.update,
article ins,
.entry-content ins {margin:4px 0px 4px 14px;padding:5px;font-size: smaller;width: 484px}
.entry-content ul li{line-height:1.4em}
ins h3,
ins h3 a,
.entry-content section.update h3 a,
.entry-content section.update h3,
article ins h3,
article ins h3 a,
.entry-content ins h3 a,
.entry-content ins h3 {margin-top:.4em;font-size:1.1em;text-decoration: none}
ins h3,
ins h3 a,
.entry-content section.update h3 a,
article ins h3,
article ins h3 a,
.entry-content ins h3 a{background:#333 url(none) repeat scroll 0 0;color:#2C7AD0;color:#fff}
ins p.no-update:before,
.entry-content section.update p.no-update:before{content: ""}
ins p:before,
ins h3:before,
.entry-content section.update p:before,
.entry-content section.update h3:before,
article ins p.noupdate:before,
.entry-content ins p.no-update:before{content: ""}
ins p:before,
ins h3:before,
.entry-content section.update p:before,
.entry-content section.update h3:before,
ins:before,
article ins p:before,
article ins h3:before,
.entry-content ins p:before,.entry-content ins ul:before,.entry-content ins ol:before,
.entry-content ins h3:before {content: "Actualisation";font-size: .8em;color:#c00;display: block}
section.update span.update{font-size:.8em;color:#c00;display: block}
/* SOMMAIRES */
aside.rightsidebar h1{text-transform: capitalize;text-shadow: 0px 0px 2px #000;color: #756E5E;text-align:center;display:block;border-bottom: thin dashed #666;margin-right: 0px;margin-bottom: 6px;margin-left: 0px;font-size:2em}
#content ol.toc {margin-top:-18px}#content ol.toc li{margin-bottom:-10px;margin-left:-20px;padding: 4px 0px 0px}
ol.toc li:first-child{border-top:none}/*ol.toc li:first-child:before{
	content:url(css-images/bg-sommaire.png);
}*/
#content ol.toc li:last-child{margin-bottom:10px}h2.toc{background: transparent url(css-images/bg-sommaire.png) no-repeat left center;padding: 10px 10px 10px 50px;display: block}
ol.toc,dl.nav {display: block;width:auto;margin: 0 0 4em;font-size:100%}
ol.toc li,dl.nav dd {float: left;display: inline;font-style: italic;border-top:thin dotted #666}
h2.toc,dl.nav dt {color:#756E5E;font-weight:700;margin-bottom:6px}
ol.toc li a,dl.nav dd a {text-decoration: none;margin-left:2px;margin-bottom: 2px;padding-top: 2px;padding-right: 12px;padding-left: 4px}
ol.toc li a:hover, dl.nav dd.active a:hover,dl.nav dd a:hover {background:#756E5E; color:#F5F4EF}
dl.nav dd.active a {background:#756E5E; color:#F5F4EF; }
ol.toc li a:before,dl.nav dd a:before{content:"\21AA\ ";color:#756E5E;font-size:200%;vertical-align:-4px;padding-right:8px;line-height:0px}
/* */
/* LISTES Ô MA LISTE */
/* */
#sitemap #conteneur a {color:#756E5E;font-family:Goudy;}#sitemap #conteneur a:hover {color:#c00}#sitemap ul#sitemap-articles.nicelist {margin-left:4px}#sitemap ul#sitemap-articles.nicelist li{margin-left:4px;line-height:.84em;}h1.sitemap{font-family:Goudy;font-size: 2em;padding:10px 0px;line-height: normal}
/* */
#sitemap #conteneur a {color:#756E5E;font-family:Goudy;}#sitemap #conteneur a:hover {color:#c00}#sitemap ul#sitemap-articles.nicelist {margin-left:4px}#sitemap ul#sitemap-articles.nicelist li{margin-left:4px;line-height:.84em;}h1.sitemap{font-family:Goudy;font-size: 2em;padding:10px 0px;line-height: normal}
/* PAGES */
h1.tagadada{font-family: 'Goudy';margin-top: 12px;margin-left:-54px;padding-bottom: 24px;font-size:1.54em;line-height:1.54em}span.tagadada{font: 30% Georgia;color: #999;}#contact h1.contact{font-size:1.54em;color:#756E5E;font-weight: 300;}#contact a.tagadas{color:#756E5E;line-height:1.1em}/*#tag a.tagadas:hover{color:#c00}#tag nav#crumbs{display: none}*/
#archive #conteneur,#contact #conteneur{border-left:none;border-bottom:none}#contact #conteneur{min-height:2284px}
#contact div#content{padding: 8px;margin:49px 0px 16px 42px;min-height:500px;width:580px}
#archive nav#leftsidebar,#tags nav#leftsidebar, #contact nav#leftsidebar,#contact section#bottom {display:none}
#contact section#commentsbox {margin-top:-24px}
#contact #conteneur:before{content:url(css-ss/contact-sidebar_bg.png);position:relative;float:left;margin-left:-300px}
#contact section#commentsbox form{padding-top:24px;width:300px;}
#contact section#commentsbox input#calc{width:18px;height:16px;margin-left:-14px}
#formuller {
	width: 454px;;margin-left:-54px
	background-color: #f0e6b4;
	background-color: rgba(240,230,180,0.8);
	text-align: left;
	padding:24px;
	-webkit-transform:rotate(-2deg);
	-webkit-transition: -webkit-transform 0.3s ease, -webkit-box-shadow 0.3s ease;
	-webkit-box-shadow: 20px 20px 8px rgba(0,0,0,0.2);
}
#formuller:hover {
	-webkit-transform:rotate(0deg);
	-webkit-box-shadow: 1px 1px 6px rgba(0,0,0,0.8);
}
#contact input#weblink{width:240px}#contact section#commentsbox label{color:#756E5E;padding-left:0;background:url(none)}
#archive section.archive_date{width:560px}#archive #conteneur:before{content:url(css-ss/bg-archive-page.png);position:relative;float:left;margin-left:-120px}
/* Gazouillis*/
p.tweets span{background:transparent url(css-images/2twit.png) no-repeat;height:22px;font-size:1em;font-style: italic;line-height: 100%;text-align: right;display: block;padding-top:34px;padding-right:120px;margin-right:-34px;padding-bottom:12px;color: #666}
div#tweet{
}
div#tweet ul{list-style:none outside none;padding:0}
div#tweet li{padding:3px 3px 3px 24px;background:transparent url(css-images/favicon-sepia.png) no-repeat left 10%;}
div#tweet span.twitterPrefix{display:block}
div#tweet span.twitterStatus{}
div#tweet span.twitterTime{color:#C5C5C5;font-style:italic;}
/* *//* CODES ETC. */
div.article code,code{font-size:120%}pre > code{font-size:100%}.opera code,.opera div.article code{font-size:100%}
article code.guill, div.entry-content code.guill, div.entry-content ul.nicelist li code.guill, code.guill{color:#5B534C;overflow: auto;white-space:pre}
pre {
	width: 500px;
	margin:25px 0 25px 25px;
	overflow:auto;
	padding:10px;
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	background: #FFFFCC;
	border: 4px solid #EFEDE6
	transition: all .3s linear;
   -o-transition: all .3s linear;
   -moz-transition: all .3s linear;
   -webkit-transition: all .3s linear;

}
/*pre code[class]:after {
	content: 'langage du code : ' attr(class);
	display: block;
	text-align: right;
	font-size: smaller;
	padding-top: 5px;
	font-style: italic;
}*/
pre:hover {
	position: relative;
	width: 700px;
	z-index: 99;
	background: #E8E9C9;
	}
/* no vertical scrollbars for IE 7 */
*:first-child+html pre {
	padding-bottom: 20px;
	overflow-y: hidden;
	overflow: visible;
	overflow-x: auto; 
	}
/* no vertical scrollbars for IE 6 */
* html pre { 
	padding-bottom: 20px;
	overflow: visible;
	overflow-x: auto;
	}
/* CHILE WITHOUT CARNE */
/* Chili -- js */
.js__ml_comment { color: gray; }
.js__sl_comment { color: green; }
.js__string { color: teal; }
.js__num { color: red; }
.js__reg_exp { color: maroon; }
.js__brace { color: red; font-weight: bold; }
.js__statement { color: navy; font-weight: bold; }
.js__error { color: Coral; }
.js__object { color: DeepPink; }
.js__property { color: Purple; font-weight: bold; }
.js__function { color: olive; }
.js__operator { color: RoyalBlue; font-weight: bold; }
.js__liveconnect { text-decoration: overline; }

/* Chili -- php */
.php__start { color: red; font-weight: bold }
.php__end { color: red; }
.php__mlcom { color: gray; }
.php__com { color: green; }
.php__string1 { color: purple; }
.php__string2 { color: fuchsia; }
.php__value { color: gray; font-weight: bold; }
.php__number { color: red; }
.php__const1 { color: red; }
.php__const2 { color: red; }
.php__global { color: red; }
.php__keyword { color: navy; font-weight: bold; }
.php__variable { color: #4040c2; }

/* Chili -- html */
.html__doctype { color: #CC6600; }
.html__ie_style { color: DarkSlateGray; font-weight: bold; }
.html__comment { color: #4040c2; }
.html__tag_start { color: navy; font-weight: bold; }
.html__tag_end { color: navy; }
.html__entity { color: blue; }
.html__attr_name { color: green; }
.html__attr_value { color: maroon; }

/* Chili -- css */
.css__comment { color: olive; }
.css__directive { color: fuchsia; }
.css__url { color: fuchsia; }
.css__class { color: #CC0066; font-weight: bold; }
.css__id { color: IndianRed; font-weight: bold; }
.css__pseudo { color: #CC9900; }
.css__element { color: Purple; font-weight: bold; }
.css__property { color: #330066; }
.css__special { color: #330066; text-decoration: underline; }
.css__value { color: #3366FF; }
.css__string { color: teal; }
.css__number { color: red; }
.css__color { color: green; }
/* */
span.guill:before,
code.guill:before {content: "\3C"}
span.guill:after,
code.guill:after {content: "\3E"}
/* */
/* COTE OUEST */
nav#leftsidebar {background: url(css-ss/divider.png) no-repeat scroll center 100%;position: absolute;left:4px;top:180px;width:280px;padding: 10px 0px 60px 4px}
nav#leftsidebar hr { height: 1px; color: rgb(178, 175, 163); background: none repeat scroll 0% 0% rgb(178, 175, 163); border: 0pt none; margin-top: 10px;border: none }
nav#leftsidebar hr + hr { margin-top: -5px; }
nav#leftsidebar nav{left:69px}
nav#leftsidebar section.on-air_search,nav#leftsidebar section#search input {text-align: center;margin-top:-16px}
nav#leftsidebar nav.description p{font-size:.88em;text-align: left;line-height: 130%;margin-top:6px}nav.description span{line-height:80%}
.webkit nav#leftsidebar nav.description {font-size:78%}
nav#leftsidebar p, nav#leftsidebar li{text-align: left;font-size: .9em;line-height: 1.8em;color: #888;margin-left:0px;padding-left:28px}.safari nav#leftsidebar li{padding-left:66px}h4.tweets,div#twitter{margin-left:8px}div#twitter li{padding-top: 4px;padding-bottom: 4px;padding-left:14px}
.safari nav#leftsidebar ul li{margin-left:-42px}
nav#leftsidebar nav.description p.h6,nav#leftsidebar p.h6{text-align:left;margin-left:0px;font-size:1.2em;letter-spacing: -.5px}
nav#twitter_nav p.tweets span{background:transparent url(css-images/2twit.png) no-repeat;height:22px;font-size:1em;font-style: italic;line-height: 100%;text-align: right;display: block;padding-top:34px;padding-right:120px;margin-right:-34px;padding-bottom:12px;color: #666}
 .twitter li {margin:0;padding:0 0 10px}
.twitter em {color:#999672;font-size:95%}
.tweets {line-height:115%}
span#twitter-link a,nav.new-comments a{color:#996633}nav#leftsidebar nav.new-comments ul li{line-height:16px;padding-top: 4px;padding-bottom: 4px}
/* */
/* COTE EST */
aside#rightbar{position:absolute;top:132px;right:69px}
aside#aparte,aside.meta,aside.pages {margin-right:-220px;margin-top:32px;font-size: 80%;padding: 5px 10px;width: 32%;
display: block;float:right;clear:both}aside#aparte,aside.meta{position: relative}aside.meta a {text-shadow:0 1px 1px #fff}
aside.meta {text-transform: uppercase}aside#aparte{border-top: 12px solid #666}
aside#aparte ol.nav{margin-top:-20px;list-style-type:upper-roman}aside#aparte ol.nav li{margin-left:0px}
aside.rightsidebar a { color: #c00; text-decoration: none; font-weight: normal}
aside.rightsidebar p {margin: 0px;padding: 0px;text-align: left;font: italic 90%/140% Georgia}
aside.rightsidebar h4 ,h3.footlinks{font-size:1.8em;padding-top: 6px;padding-bottom: 6px}
#content ul.nicelist li {padding-left: 0.8em;list-style: none;line-height:1.4em}
div#twitter li:before,ul.nicelist li:before{content:"\21AA\ ";color: #666;font-size:154%;vertical-align: -20%}
.nicelist ul li:before {content:"\2935\ ";margin-left: 8px;font-size:120%;vertical-align:14%;}
ol.nicelist li, ul.nicelist li { margin-bottom:0.5em}
ol.nicelist {margin-left:1.5em; padding-left:2em;list-style:decimal}
.nicelist ol li {background-image:none;padding-left:0em}
/* A L'OUEST*/
.searchfield{color:#c00;background:#fff url(css-images/search.png) no-repeat scroll left center;height:18px;line-height:15px;padding:3px 1px 3px 34px;margin-left:14px;font-size:.84em;width: 140px}
/*ul.star li,a.hiseo-links{background:url(css-ss/hiseo-list-icon.png) no-repeat left 4%;margin:5px 0}ul.star li{list-style: none inside;text-indent: 2em}*/
span.hiseo-links,a.hiseo-links{background:url(css-ss/hiseo-list-icon.png) no-repeat 0px;margin:5px 0;color:#996633;padding-left:16px}
nav.tags p{line-height: normal}
nav.tags a {color:#5C5C58;text-decoration: none;text-transform: capitalize;font-size: .8em;text-shadow:1px 1px rgba(255, 255, 255, 0.5)}
nav.tags a:hover {color: #666;text-decoration: none}
nav.tags span.tag_link{float: right}
section.taglist{font-family:Goudy;font-size:1.4em;}
/* */
div.text a:hover, div.photo a:hover, div.link a:hover, div.video a:hover, div.audio a:hover, div.conversation a:hover, div.quote a:hover { color: rgb(0, 0, 0); text-decoration: none; border-bottom: 1px solid #c00; }
div.text h2 { text-align: center; padding: 0px; margin: 0px 0px 10px; font-size: 200%; font-style: normal; font-family: Goudy; color: rgb(0, 0, 0); font-weight: normal; font-variant: small-caps; letter-spacing: 0.1em; text-transform: capitalize; }
article h1.link a {font-size:1.54em;font-weight:200;color: #c00;border-bottom: 1px dotted rgb(51, 51, 51);line-height: normal;padding: 12px 12px 2px 0px;display: block;width:580px}
article h1.link a:hover {text-decoration:none;border-bottom: 1px solid #c00;color:#5B534C}
div.retweet{margin-top:14px;}div.rebuzz{margin-top:240px}
div.retweet,div.rebuzz {
	background:no-repeat center 0px transparent;
	float:right;
	height:auto;
	padding-top:24px;
	width:auto;
	margin-right: -154px;}
	div.rebuzz {background:url(css-ss/rebuzz.png)no-repeat}div.retweet {background:url(css-ss/retwitter.png)}
content article footer.entry-meta {margin: 20px 0 0 0}
content article footer.entry-meta span {text-align: center; font-size: 11px; font-weight: bold; line-height: 1.2em; text-transform: uppercase; letter-spacing: 2px; color: #999}
article footer.entry-meta span.comments {font-size: 15px} 
/*article footer.entry-meta span a { color: #666; }*/
article footer.entry-meta span.comments a { padding: 0 16px 0 0}
footer.entry-meta .author, footer.entry-meta .entry-date {display:inline}span.copyright,span.given-name,span.family-name{font-style: normal;color:#666} 
a.anchor{background:transparent url(css-ss/anchor.png) no-repeat 0px 0px;padding: 0px 4px 0px 14px}
a.anchor:hover{background:transparent url(css-ss/anchor.png) no-repeat 0px -14px;padding: 0px 4px 0px 14px}
/* */
img.cadre{padding:4px;background:#eee;border-color:#ddd #bbb #aaa #ccc;border-style:solid}
.shadow,img.cadre,.shadow, .entry-content aside{box-shadow: 3px 3px 7px #777;-moz-box-shadow: 3px 3px 7px #777;-webkit-box-shadow: 3px 3px 7px #777}
figure {-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);border:1px solid gray;display:inline-block;max-width:580px;margin:4px auto 4px 14px;padding:18px;background:#756E5E}
figcaption,figcaption p {font-family:Goudy;text-shadow: 0px -1px 0px #010000;display:block;color:#F9F9F4;font-weight:400;font-size:100%;margin-bottom:-6px;margin-top:6px;text-align:center}figcaption span {font-size:90%}
/* */

nav#nav-below{font-weight: 700;color: #666;text-align: center;display: block;width:100%;font-size:.9em;}
.entry-content summary,.entry-content aside{background:none repeat scroll 0 0 #F1F1EE;border:1px solid #E8E8E8;color:#333;display:block;float:right;font-size:smaller;line-height:normal;margin-bottom:4px;margin-left:4px;margin-top:4px;overflow:visible;padding:4px;visibility:visible;width:240px;z-index:12}
.entry-content summary,.entry-content aside ul#inside{margin:1em 0 1em 0px}
.entry-content summary,.entry-content aside li span.update-cont {color:#666;display:block;font-size:0.92em;font-style:oblique;margin-left:10px}
.entry-content summary,.entry-content aside.entry-date {display:block;margin-bottom:1em;text-transform:uppercase}
.entry-content summary,.entry-content aside a,.entry-content aside a.ancre {display:block;}
.entry-content summary,.entry-content aside .entry-date {font-size:0.8em;font-variant:normal;margin-bottom:4px;text-transform:lowercase}
section#footnote {font-size:0.74em;color:#999;display: block;font-style: italic;width: 480px}
section#footnote p,section#footnote ul{border-top:1px dashed #666;list-style: none;margin-top:6px;padding-top:2px;margin-left:0px;}
/* */

section#commentsbox article { border: none; padding: 0; margin: 0 0 30px 0; font-size: 14px; }
/*section#commentsbox{ position: relative; margin: 0 0 20px 0; background: #f7f7f7; padding: 10px; border: 3px #ddd double; }*/
section#commentsbox legend { padding: 0 5px; text-transform: uppercase; color: #888; font-size: 13px; letter-spacing: 2px; }
section#addcomment label, section#commentsbox label {background:url("sn_icons/asterisque.png") no-repeat scroll left top transparent;padding-left:18px;font-weight: bold; font-size: 12px; line-height: 1em; color: #999}section#addcomment label.not-required,section#commentsbox label.not-required{background:transparent url(none);padding-left:2px}
section#commentsbox textarea#text { margin: 0 0 10px 0; width: 460px; padding: 5px; border: 1px #ddd solid; }
section#addcomment input#calc{width:26px;text-align: center}section#commentsbox input#calc,section#commentsbox input#remember_me{width: 24px}section#commentsbox input#calc,section#commentsbox input#remember_me{width: 24px;}section#commentsbox input#name,section#commentsbox input#email,section#commentsbox input#url{width:240px}
section#commentsbox input:focus,section#commentsbox textarea:focus { border-color: #000; }
div.pollContainer form input.button2,#contact section#commentsbox form input.button2:hover,section#commentsbox input.button2:hover,
#contact section#commentsbox form input.button2,section#commentsbox input.button2 {width:128px;height:24px;margin-top:10px;padding:6px;height: 12px;background: transparent url(css-ss/arrow-bouton.png) no-repeat center center;text-indent:-9999px;display: block}
#contact section#commentsbox form input.button2,section#commentsbox input.button2 {border:6px solid #fff;}
#contact section#commentsbox form input.button2:hover,section#commentsbox input.button2:hover {border:6px solid #F9F9F4}
section#commentsbox .html { margin: 10px 0 0 0; font-size: 11px; line-height: 1em; color: #777; }
section#commentsbox #cancel-comment-reply-link { padding: 3px; font-size: 11px; line-height: 1em}
section.come {margin:0 0 8px;padding:20px 0 5px}
article.comment{width:560px;min-height:100px;border-bottom: thin dotted #999;padding:6px;margin-bottom:12px;margin-left:14px}
article.comment div.commentaire{max-height:25em;overflow:auto;margin-top:24px;font:13px "Courier New", Courier, monospace}
#comment-preview,article.comment div.commentaire{background:url(css-ss/bg-comment.png) repeat-y -58px top;line-height:25px;padding-right:12px;padding-left:12px}
article.comment blockquote {background:none repeat scroll 0 0 #F7F7F7;border-left:3px solid #ccc;
font-family:Cambria,Georgia,"Times New Roman",Times,serif;font-style:italic;padding:5px 0 5px 5px;margin:0px 0px 10px 10px}
article.comment blockquote:before,article.comment blockquote:after{content:none}
#comment-preview {width:460px;visibility: visible;word-wrap: break-word;border:1px solid #D1D1D1;-moz-border-radius:2px 2px 2px 2px;border-radius:2px 2px 2px 2px}
section#commentsbox label.prev {background: url(none)}
/* BOUTONS */
.button3 {
-moz-border-radius:2em 2em 2em 2em;
background:-moz-linear-gradient(center top , #9E9E9E, #454545) repeat scroll 0 0 transparent;
border:1px solid #494949;
color:#FFFFFF;
font:10px/100% Arial,Helvetica,sans-serif;
height:22px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.6);
width:22px;
}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button3:hover,
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */
/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.button3:hover,
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}
/* */
/* COMMENTAIRES */

#content cite.commentauthor{color:#333;margin:0;text-decoration:none;font: 1.2em 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;background: url(none);border-left: none;padding-top:12px}
cite.commentauthor:before{content: ''}
cite.commentauthor:after{content: '' }
.comment_meta_date,span.comment_permalink{color:#555;font-family:helvetica,arial,verdana,sans-serif;font-size:.69em;text-transform:uppercase;border-bottom:1px solid #ddd;margin-left:8px;float:right;padding-bottom:0px}header.posted{display:block;padding-left:8px;margin-bottom:0px}
div.grav{float:left;margin:4px;background:#F8F8F6 url(css-ss/gravatar-bg.png) no-repeat scroll left top;height:64px;width:80px;}
.gravatar {padding: 8px}
/* */
/* D'HIVER */
.archive_date p {line-height:1.6em;font-family:"Goudy";font-size:1.1em;text-transform:uppercase;text-align:justify;}
.arc_list p {text-align:left}
.arc_list p a {color:#386E80}
/* BODY PAGES */
#tags p.tags-all{
	text-align:center;padding-right:200px;
	line-height: 125%}
#tags p.tags-all a{color:#5B534C}
#tags #conteneur {
	border:none;
	margin-left:-94px;
	background: transparent url(css-ss/bg-tags-page.png) no-repeat 454px 24px;
}
#tags body{color:green}
/*     */
/* ----- tiny et tool tip styles ----- */
a.tip {position: relative}
a:hover.tip {color:gray}
ul#sitemap-page li {margin-left:6px}
a.tip span.nohand,a.tip span {display: none;position: absolute;text-decoration:none;background:#F4EFE9;border:thin solid #E1E0DB;color:#333;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;overflow: visible;line-height: normal}
a:hover.tip span {background:#fff url(css-images/droite.png) no-repeat right 100%}a:hover.tip span.nohand,a:hover.tip span {display: block;font-size:80%;top:400%;left:110%;width:200px;height: auto;padding: 5px 5px 10px;z-index: 244;font-size: .9em;box-shadow: 3px 3px 7px #777;-moz-box-shadow: 3px 3px 7px #777;-webkit-box-shadow: 3px 3px 7px #777}
a:hover.tip span.nohand  {background: #fff url(none)}
.tinyTip{ width: 325px; padding: 17px 0px 0px 0px; display: block; background: url(css-images/tinyTip-top.png) 0px 0px no-repeat; }
.tinyTip .content{ padding: 0px 32px 0px 15px; font-size: 14px; font-family: "Lucida Sans Unicode"; color: #010101;
background: url(css-images/tinyTip-content.png) 0px 0px repeat-y,url(css-images/droite.png) no-repeat 95% 50%}
.tinyTip .bottom{height: 47px;background: url(css-images/tinyTip-bottom.png) 0px 0px no-repeat;font: 0px/0px sans-serif}
/* IMAGES LITEBOX */
.crop{
	float:left;
	margin:.5em 10px .5em 0;
	overflow:hidden; /* this is important */
	border:1px solid #ccc;
	}
	/* input values to crop the image: top, right, bottom, left */
.crop img{
	margin:-20px -15px -40px -55px;zoom:50%
	}
.crop img:hover{
	margin:0px;
	zoom: 200%
	}
/*div.thumb */
img.thumb {width:160px; height:auto;}
#navigation a img {width:64px; height:auto;}
div.vign{float:left;margin-right:8px;border-top:4px solid #FC0;border-right:4px solid #FC0;border-bottom:1px solid #FC0;.border-bottom:4px solid #FC0;border-left:4px solid #FC0;padding:0;background:#FC0}

.window_obscur{z-index:99;display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;
-moz-opacity: 0.8;	opacity:.80;filter: alpha(opacity=80);background:#000}

.window_content{z-index:100;position:absolute;display:none;overflow:auto;border-top:16px solid #FC0;border-right:16px solid #FC0;border-bottom:14px solid #FC0;border-left:16px solid #FC0;background:#FC0;overflow:hidden}

.window_content a{display: block;font-size:1.6em;font-weight: bold;color:#000;background: #FFCC00 no-repeat left 84%;padding-left: 30px;padding-top:10px;text-decoration: none}

.window_content a:hover{background: #FFCC00 no-repeat left 84%;color:#999}

/* */
div.text ol, div.text ul { margin: 10px; font-family: Georgia,"Times New Roman",Times,serif; font-size: 0.8em; text-align: justify; }
div.text blockquote, div.photo blockquote, div.link blockquote, div.quote blockquote, div.audio blockquote, div.video blockquote { font-style: italic; text-align: justify; }
div.quote h3 { font-family: "Times New Roman",Times,serif; font-weight: normal; font-style: italic; }
div.quote h3.short { font-size: 185%; line-height: 100%; }
div.conversation ul { font-size: 1em; list-style-type: none; }
div.conversation li { text-align: left; }
div.conversation li span.label { font-weight: bold; }
/* LE SUD */
/* BOTTOM */
.toggler {color:#5B534C;font-size:1em;font-weight:700;padding: 24px 10px 24px 48px;display: block;line-height: normal;margin-bottom:2px;width: 600px;margin-left: 0px;background: transparent url(css-images/droite.png) no-repeat left 50%}a.toggler,a:hover.toggler,a:visited:hover.toggler,a:visited.toggler {border-bottom:none}
footer#fouteur h1.trigger:hover{background: transparent url(css-images/bas.png) no-repeat left 50%;color: #666}#contact div.proposal p {padding: 4px 12px}
#contact div.proposal{width:500px;font-size: 1.4em;line-height:30px;margin:54px 0px 24px;padding: 12px 6px}
#contact div.imgContainer{min-height:92px;text-align:left}
#contact div.imgContainer p{padding-top:24px;font-size:1em;color:#996633}
/* FOUTEUR */
footer#fouteur {background: url(css-ss/divider.png) no-repeat center 100%;font-size: 80%;padding-top: 24px;margin-bottom: 20px;margin-left:360px;margin-right: 12px}
.opera footer#fouteur {padding-top:48px}.safari footer#fouteur {padding-top:48px}
footer section#mentions{/*border-top: 1px solid rgb(204, 204, 204);*/color: #333;padding-bottom: 24px;line-height:2em;text-align: center}
footer#fouteur a { color: #c00; text-decoration: none}
#toTop {display:none;position:fixed;right:5px;bottom:5px;background:transparent url(css-images/up2.png) no-repeat scroll center center;padding:10px;height: 64px;width:40px;margin-bottom:-12px;overflow:hidden;text-indent:-999px;}
.rating_wrapper *{margin:0; border:0; padding:0}
.rating_wrapper {overflow:hidden; height:84px;width:580px;/*border-top:1px dotted #A5A490*/}
.rating_wrapper:before{
content:'Combien de Sgt Pepper ?'}
.sp_rating{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:11px; line-height:58px; color:#5f5f5f; display:block;}
	.ratings{float:left; padding-right:4px;}/*.item{display:block;margin-top:54px}*/
	.base{background:url(css-ss/ratings-pepper.png) 0 0 no-repeat; width:230px; height:100%; float:left; padding-right:4px; overflow:hidden}
	.average{background:url(css-ss/ratings-pepper.png) 0 -116px no-repeat; text-indent:-9999px;color: hsla(30, 100%, 50%, 0.1)}
	.votes{float:left; padding-right:4px;}
	.score{ background:url(css-ss/ratings-pepper.png) 0 0 no-repeat; width:230px; height:100%; float:left; position:relative;}
		.score a{display:block; height:100%; float:left; text-indent:-9999px; position:absolute; overflow:hidden; line-height:1em;}
		.score1 {width:20%; z-index:55;}
		.score2 {width:40%; z-index:54;}
		.score3 {width:60%; z-index:53;}
		.score4 {width:80%; z-index:52;}
		.score5 {width:100%; z-index:51;}
		.score a:hover{ background:url(css-ss/ratings-pepper.png)  no-repeat 0px -116px;}
	.status {height:58px; width:230px; overflow:hidden; position:relative;}
		
	.score_this{ height:100%; overflow:hidden;}
		.score_this a{}
/* WIKIO */
div.fin{height:66px;background: transparent url(css-ss/bg-fin.png) no-repeat scroll center}
div.wikio a.stamp  {
background-position:left top;
background-repeat:no-repeat;}
div.wikio a.stamp {
	background-image:url("css-ss/social-bouton.png");
	display:inline;
	float:right;
	height:80px;
	width:80px;
	margin-top: -54px;
	margin-right: -154px;
}
div.wikio a.stamp:hover,
div.wikio a.stamp:focus {background-image:url("css-ss/social-bouton.png");
	background-position: bottom left;
}
div.wikio a.stamp:link, div.wikio a.stamp:visited, div.wikio a.stamp:hover, div.wikio a.stamp:focus, div.wikio a.stamp:active {
border:medium none;
}

div.wikio a.stamp:link,
div.wikio a.stamp:visited,
div.wikio a.stamp:hover,
div.wikio a.stamp:focus,
div.wikio a.stamp:active {
	border: none}

div.wikio a.stamp:link img,
div.wikio a.stamp:visited img,
div.wikio a.stamp:hover img,
div.wikio a.stamp:focus img,
div.wikio a.stamp:active img {
    transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}
div.wikio a.stamp:hover img,
div.wikio a.stamp:focus img {
	transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-webkit-transform: rotate(-10deg);
}
/*div.wikio a.stamp:hover:after{
	content:'\21BA\ Faire tourner la manivelle du gramophone dans les réseaux via Wikio...';
	color:#333;
	display:inline;
	float:left;
	margin-left:50px;
	margin-top:-28px;
	border-bottom: 1px dotted #666
}.ie8 div.wikio a:hover:after{display:none}*/
/* EXTRAS */
div#front-message{
	height: 187px;
	width: 279px;
	position: absolute;
	top:154px;
	left:924px;
	z-index: auto;
}.chrome div#front-message{	top:118px;}
.show-show{
	margin: 4px;
	padding: 4px;
	height: 154px;
	width: 540px;
	clear: right;
	float: left;
	position: relative;
}
.show-show p{font-style: oblique;color: #333}
.show-show:before{
	display:block;
	content:url(css-ss/main-show.png);
	float: left;
	height: 40px;
	width: 65px;
	margin-left: -36px;
}
.show-show a.btn {
	background:url(css-ss/signup.png) no-repeat scroll left top transparent;
	display:block;
	height:38px;
	left:450px;
	position:absolute;
	top:88px;
	width:164px;border:none;
	text-decoration: none;overflow:hidden;
text-indent:-9999px;
}
.show-show a.btn:hover {
background-position: bottom right;
}

/* VITRINE */
figure.vitrine{
width:600px;height:auto;margin-left:-54px;margin-top:16px;padding-right:60px;padding-bottom:64px;
background-color:transparent;
	background-image: url(css-ss/decouvrir.png), url(css-ss/4-cadre-vitrine.png);
	background-repeat: no-repeat, no-repeat;
	background-position:0px 80px, 140px 0px;
-moz-box-shadow:none;border:none
}
figure.vitrine:hover{
background-color:transparent;
	background-image: url(css-ss/lux.png), url(css-ss/decouvrir.png), url(css-ss/4-cadre-vitrine.png);
	background-repeat: no-repeat,no-repeat, no-repeat;
	background-position:124px 60px, 20px 80px, 140px 0px;
}
figure.vitrine > a img, figure.vitrine a:hover img { width: 400px; height: 400px; margin-left: 184px; margin-top: 40px; ; z-index: 7777;}
figure.vitrine a img{
opacity:.00;
filter:alpha(opacity=00);
filter: "alpha(opacity=00)";
}
figure.vitrine a:hover img{
opacity:1;
filter:alpha(opacity=100);
filter: "alpha(opacity=100)";
} 
figure.vitrine figcaption{
border-bottom: 0.12em dotted #AE9A89;
width:420px;
margin-left:160px;
margin-top:48px;
padding: 24px
}

figure.vitrine figcaption span.legend a{
font-family:goudy;
	color:#5B534C;
	text-shadow:none;
	font-size: 1.2em;
	font-weight: 700;
	background: url(none);
}
figure.vitrine span.show{
	margin-top:-90%;margin-left:auto;margin-right:auto;
	display:block;
	float: left;
	height: 2em;
	width: 380px;
}
figure.vitrine span.show a{
	color:#F9F9F4;
	font-size:2em;
	text-shadow:0 -1px 0 #474645;
	background: url(none);
}

/* AVANT ARRIERE
#left {
background-image:url("css-ss/arriere.png");
cursor:pointer;
height:50px;
left:0;
position:absolute;
top:157px;
width:28px;
z-index:10;
}
#left.hover{background-image:url(css-ss/backward.png);background-position:0 50px}
#right {
background-image:url("css-ss/avant.png");
cursor:pointer;
height:50px;
position:absolute;
right:0;
top:157px;
width:28px;
z-index:10;
}
#right.hover{background-image:url(css-ss/forward.png);background-position:0 50px} */
/* */
/* ====================================================================================================================== */
/* / / impression papier / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / / */
/* ====================================================================================================================== */
@media print {
body {background:white;font-size: 12pt}
#nav{display:none}
#container, #content {width: auto;margin:0 5%;padding:0;border:0;float:none !important;color:black;background: transparent none}
div#content {margin-left:10%;padding-top:1em;border-top:1px solid #930}
a:link, a:visited {color:#520;background:transparent;font-weight: bold;text-decoration: underline}
#content a:link:after, #content a:visited:after {content:" (" attr(href) ") ";font-size: 90%}
#content a[href^="/"]:after {content:" (http://on-air.hiseo.fr" attr(href) ") "}
header, footer{display:none}
h2, h3, h4{page-break-after:avoid}
a{text-decoration:none; color:inherit}
a:not([href^="#"]):before{content: "<"; font: 90% Georgia, sans-serif;color:#666}
a:not([href^="#"]):after{content: " " attr(href) ">";font: 90% Georgia, sans-serif;color:#666;word-wrap:break-word;white-space:pre}
a[href^="/"]:after{
content:" http://on-air.hiseo.fr" attr(href) ">"}
figure a:before, 		
figure a:after{content: ""}
article>*, section>*{text-align: left}
img{page-break-inside: avoid}
}