#content li, #content_blog li, p {
	margin-top:0;
	margin-bottom: 8px;
}

#content h1, #content_blog h1, .center {
	text-align:center;
}

#content *, #content_blog * {
	/*line-height: 20px;*/
}


.posted, .comment {
	margin-left:48px;
	padding-left:8px;
}

#calendar {
	border-collapse:collapse;
}

#calendar th, #calendar td {
	padding: 2px;
}

/* Number titles with class="numberedtitles" */

.numberedtitles h2 {
	counter-increment: numberedh2;
	counter-reset: numberedh3;
}

.numberedtitles h2:before {
	content: counter(numberedh2) ".\00A0";  
}

.numberedtitles h3 {
	counter-increment: numberedh3; 
}

.numberedtitles h3:before {
	content: counter(numberedh2) "." counter(numberedh3) ".\00A0";  
}

/* Definition lists as pseudo-lists */
dt {
	font-weight:bold;
	margin-top:16px;
}
dt:lang(fr):after {
	content:"\00A0: ";
}
dt:lang(en):after {
	content:": ";
}
dt span.ou {
	font-weight:normal;
	font-style:italic;
}
dl dd {
	margin-left:32px;
	display:list-item;
	margin-top:4px;
}

/* Cadre autour des réalisations */
a.cadrereal {
	display:block;
	float:left;
	width:300px;
	text-align:center;
	margin-left:1em;
	margin-right:1em;
	padding: 0!important;
	background-image: none!important;
	text-decoration:none;
}
.cadrereal h2 {
	color:black;
	background:transparent;
	text-decoration:none;
}

.blockcenter {
	margin-left: auto;
	margin-right: auto;
}

/* TEXT */

blockquote {
/*color:#4f4f4f !important;*/
font-family:Georgia, "DejaVu Serif", "Bitstream Vera Serif", serif;
padding:.5em 2em; /* 8px 67px */
/*font-size:16px;
min-height:57px;
background:#E8E8E8; */
text-align:justify;
margin:1em; /* 10px */
}


blockquote:lang(en) { quotes: '“' '”' /*"‘" "’"*/ }
blockquote:lang(fr) { quotes: "« " " »" /*"“" "”"*/ }

blockquote:lang(en) p:first-child:before     { content: open-quote; font-size:5em; position:absolute; margin-left:-.5em; margin-top:.2em;}
blockquote:lang(en) p:last-child:after { content: close-quote;  font-size:5em;float:right; margin-right:-.5em; margin-top: .3em;}

blockquote:lang(fr) p:first-child:before     { content: open-quote; font-size:5em;position:absolute;  margin-left:-.6em; }
blockquote:lang(fr) p:last-child:after { content: close-quote;  font-size:5em;float:right; }


/*blockquote p:first-child:before {content: "“"; font-size:5em; font-weight: bold; float:left; margin-left:-.1em}

blockquote p:last-child:after  {content: "”"; font-size:5em; font-weight: bold; float:right;}
*/
acronym[title], abbr[title], dfn[title] {
	border-bottom: 1px dotted black;
	cursor:help;
	font-style: inherit;
}

code {
	font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Andale Mono", "Monaco", monospace;
}

pre {
	font-family: "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Andale Mono", "Monaco", monospace;
	padding:.5em;
	overflow: auto;
}

.right, .cover {
	float:right;
	margin: 0 1em;
}
.cover img {
	max-height: 250px;
}

.notes {
	font-size:80%;
}

#content_blog .notes li, #content .notes li {
	margin-bottom: 0;
}

img {
	border:0;
	vertical-align:middle;
}

/* Reduce images to fit width in mobile */
#content img {
	max-width: 100%;
}

/* <p class="illustration"> : grey border around image */
p.illustration {text-align:center; text-indent:0;}

p.illustration img { padding:5px; border:solid 1px #888888; background:#f0f0f0; }

/* <p class="image"> : images en blocs */

p.image img {display:block;}

/* <p class="imglegende"> : affiche la légende (span) en petit sous l'image block */

.imglegende img {
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	.imglegende span {
		font-size:0.8em;
	}
	.imglegende p {
		text-align:center!important;
	}
	.imglegende.float img {
		display:inline;
	}
	.imglegende.float span {
		clear:both;
		display:block;
	}
	strong.red {
		color:red;
		font-weight:normal;
	}


.smarttable {
	margin-left:auto;
	margin-right:auto;
	border-collapse: collapse;
}

.smarttable td, .smarttable th {
	border:1px solid;
}

.smarttable th[scope="row"], .smarttable th.scope-row {
	border-left:0;
	border-right: 2px solid;
}

.smarttable th[scope="col"], .smarttable th.scope-col {
	border-top:0;
	border-bottom: 2px solid;
}

.smarttable caption {
	margin-top:1em;
	text-align:left;
	font-weight:bold;
	width:100%;
}

.smarttable caption:after {
	content:" :";
}

kbd {
	border:1px solid #808080;
	padding:0 5px 2px 0;
	background:white;
	color:black;
}

kbd:first-letter {
	text-transform:uppercase;
}

code {
	padding: 0 5px;
}

code.menu {
	font:80% "MS sans serif",Tahoma,arial,sans-serif;
	background:#EDEEED;
	color:black;
	border:1px solid #9D9DA1;
}

code.bouton {
	font:80% "MS sans serif",Tahoma,arial,sans-serif;
	background:#E9EBF5;
	color:black;
	border:1px solid #9D9DA1;
	-moz-border-radius:10%;
	border-radius:10%;
	padding:0.25em;

}

code.dossier, code.folder {
	font:85% "MS sans serif",Tahoma,arial,sans-serif;
}

code.dossier:before, code.folder:before {
	content: url("/img/Crystal_22_folder_blue.png");
	margin-right:.5em;
	vertical-align:top;
}

code.fichier {
	font:85% "MS sans serif",Tahoma,arial,sans-serif;
}

code.fichier:before {
	content: url("/img/Crystal_22_file.png");
	margin-right:0.25em;
	vertical-align:top;
}

/* code.cocher:before {
	content: url("../icones/cocher.png");
	margin-right:0.25em;
	vertical-align:middle;
}

code.decocher:before {
	content: url("../icones/decocher.png");
	margin-right:0.25em;
	vertical-align:middle;
}

#contenu a[href$=".asc"]:before {
	content:url("clef.png") "\00A0" ;
	vertical-align:baseline;
}
#contenu a[href$=".odt"]:before {
	content:url("odt.png") "\00A0" ;
	vertical-align:baseline;
}
#contenu a[href$=".odb"]:before {
	content:url("odb.png") "\00A0" ;
	vertical-align:baseline;
}
#contenu a[href$=".ods"]:before {
	content:url("ods.png") "\00A0" ;
	vertical-align:baseline;
}
#contenu a[href$=".odp"]:before {
	content:url("odp.png") "\00A0" ;
	vertical-align:baseline;
}
#contenu a[href$=".odg"]:before {
	content:url("odg.png") "\00A0" ;
	vertical-align:baseline;
}
#contenu a[href$=".odf"]:before {
	content: url("odf.png") "\00A0";
	vertical-align:baseline;
}
#contenu a[href$=".odm"]:before {
	content: url("odm.png") "\00A0";
	vertical-align:baseline;
}


#contenu a[type="application/pdf"]:before, #contenu a[href$=".pdf"]:before {
	content:url("pdf.png") "\00A0" ;

}

#contenu a[type="application/vnd.sun.xml.writer"]:before, #contenu a[href$=".sxw"]:before {

	content:url("sxw.png") "\00A0" ;

}

#contenu a[type="application/pas"]:before, #contenu a[href$=".psd"]:before {

	content:url("pas.png") "\00A0" ;

} */

a[href$=".exe"]:before {
	content:url("/img/exe.png") "\00A0" ;
}

a[href^="http"]:not([href^="https://xavier.robin.name"]):not([href^="http://xavier.robin.name"]) {
	background-image: url("/img/external_link.png");
	background-position:top right;
	background-repeat: no-repeat;
	padding: 0 13px 0 0;
}

a[href$=".pdf"]:before {
	content: url("/img/Crystal_16_pdf.png");
	margin-right:0.25em;
	vertical-align:top;
}

/* Don't show external links on shareaholic bar */
.shr-bookmarks a[href^="http"] {
	background-image: none !important;
	padding: 0 !important;
}