@charset "UTF-8";
@font-face {
	font-family:'Source Sans Pro';
	font-style:normal;
	font-weight:400;
	src:url('SourceSansPro-Regular.woff?') format('woff');
}
@font-face {
	font-family:'Source Code Pro';
	font-style:normal;
	font-weight:400;
	src:url('SourceCodePro-Regular.woff?') format('woff');
}
html {background:#56A; color:#000; padding:5px; text-align:center}
body,input {font-family:'Source Sans Pro',"Arial","Helvetica","Liberation Sans","FreeSans",sans-serif}
body {background:#FFF; color:#000; margin:0 auto 0 auto; max-width:75em; padding:.5em 2em 1em 2em; text-align:left}
code,kbd,pre {font-family:'Source Code Pro',"Consolas","Courier New","Liberation Mono",monospace}
code,kbd {font-size:1em}
pre {font-size:small}
div,p,h1,h2,h3,h4,h5,h6 {display:block}
h1 {text-align:center; text-shadow:#ABF -6px -6px 8px}
h2,h3,h4,h5,h6 {text-align:left}
h1,h2,h3 {clear:left; font-weight:normal}
h2,h3,h4 {padding-left:.2em}
h2 {border-bottom:1px solid; border-left:8px solid #56A; margin:2em auto 1em -11px}
h3 {border-left:4px solid #F32}
h4,h5,h6 {position:relative}
h4 {border-left:6px double #F82; margin-left:50px}
h5 {margin-left:99px}
h6 {margin-left:150px}
img {border:none}
hr {clear:both; margin:1em auto 1em auto; text-align:center; width:99%}
audio {max-width:95%}
a {text-decoration:none}
a:hover,a:link:hover,a:visited:hover {background:#FEFEFE; color:#F00}
a:active,a:link:active,a:visited:active {background:inherit; color:#F60}
a[hreflang]:hover {background:#FBEBF5; color:#F00}
acronym {border:none; font-variant:small-caps}
abbr[title],acronym[title],span[title] {border-bottom:1px dotted; cursor:help}
address a {background:inherit; color:#000}
li p {margin:0}

body.archive {background:#FFF url('../images/archive.png')}

hr.n1,hr.n2 {border:none; height:1px; margin:.1em; visibility:hidden}
hr.n3 {width:50%}
hr.n4 {width:25%}
hr.n5 {width:12%}
hr.n3,hr.n4,hr.n5 {background:#FFF; border-bottom:none; border-left:none; border-right:none; border-top:1px solid #999; color:#999; height:2px}
hr.n6 {display:none}

ul.arbo,ol.arbo {font-size:125%}
ul.arbo ul,ul.arbo ol,ol.arbo ul,ol.arbo ol {font-size:85%}
ul.arbo p,ol.arbo p {font-size:80%; margin-bottom:1px; margin-top:1px}
dl.etroit dt {margin-top:1em}
dl.etroit dd {display:list-item; margin-left:1em}
dl.publi dt {margin-top:1em}

a[rel~="external"]:after {content:"\25E5"; font-size:.4em; font-weight:normal; vertical-align:top}
a.rss,a.rss:link,a.rss:visited {
	background:#F60;
	border-bottom:1px solid #420;
	border-left:1px solid #FA5;
	border-right:1px solid #730;
	border-top:1px solid #FC9;
	color:#FFF;
	font-family:"Verdana","DejaVu Sans",sans-serif;
	font-weight:bold;
	font-size:.7em;
	margin:0 1em 0 1em;
	padding:0 .5em 0 .5em;
	text-decoration:none
}
a.rss:hover {background:#09F; color:#000}
a.rss abbr {border:none}

pre.incode {background:#EEE; border-left:2px solid #33E; color:#000; overflow:auto; padding-left:5px}
pre.incode cite {color:#00F; font-family:'Source Code Pro',"Consolas","Courier New","Liberation Mono",monospace; font-style:italic}
pre.incode.bat cite {color:#67B}
pre.incode a {background:inherit; color:#F71}
pre.incode em {
	background:#FFF;
	border-bottom:1px solid #99B;
	border-left:1px solid #99B;
	border-right:1px solid #99B;
	color:#000;
	font-size:larger;
	font-style:normal;
	margin:0;
	padding:0 2em 0 1em
}
pre.incode.mini {max-height:30em}
pre.incode.bat {background:#001; color:#EEF}

div.sb {font-size:small; text-align:right}
div.langue {float:right; text-align:right}

div.videocentre,div.centre,div.centre div,div.centre form,div.centre table,div.centre caption,
div.imagecenter,div.imagecenter table,div.imagecenter caption {margin-left:auto; margin-right:auto; text-align:center}
div.imagecenter {margin-bottom:1em; margin-top:1em; vertical-align:top}
div.imagecenter img {margin-bottom:1em; margin-top:5px; vertical-align:top}
div.videocentre p {margin:.1em}

/*Art*/
body.art {max-width:none}
p.photo {
	background:#F8F8E8;
	border:2px solid #888;
	border-radius:1em;
	box-shadow:.3em .3em .7em rgba(0,0,0,.7);
	float:left;
	margin:.3em .7em .7em .3em;
	max-width:91%;
	padding:.2em .7em .3em .7em;
	text-align:center;
}
p.photo img {border:1px solid #999; height:auto; max-width:99%}
p.photo code {color:#777; display:block; float:left; font-weight:bold; margin:0 .2em 0 0; position:relative; text-align:left}
span.date {color:#F77; display:block; font-family:'Source Code Pro',"Consolas","Courier New","Liberation Mono",monospace; font-size:75%; font-style:italic; text-align:right}

/*Index*/
body.home {max-width:none; padding:5px}
.pancarte {margin:2.1em 0 2em 0; padding:0; text-align:center}
.pancarte div {border-top:2px ridge; border-bottom:2px ridge; margin:1em auto .5em auto; padding:.3em; text-align:center; width:17em}
.pancarte h1 {font-size:x-large}
.pancarte h1,.pancarte h2 {margin:.1em; padding:.1em; text-align:center}
.pancarte h2 {border:none; font-size:large}

#formulaire {background:#56A; color:#FEFEFE; margin:0; padding:0 5px 3px 5px; position:absolute; right:0; top:0}
#formulaire,#q {font-size:small}
#formulaire img {position:relative; top:.2em}
#formulaire p {display:inline}
#formulaire a {background:#56A; color:#FEFEFE}
#formulaire a:hover {background:inherit; color:inherit; text-decoration:underline}

.bloc {background:#E7E7E7; border-bottom:1px solid; border-left:1px solid; color:#000; padding:1em .5em .5em 1em}
.bloc h2 {margin:0 0 .5em 0; padding-left:0}
.bloc h2,.bloc h3 {border-left:none}
.bloc ul {margin:0 0 1em 1em; padding:0}
.bloc li {margin:0; padding:0}

#rubriques {float:left; margin:0 .2em 1em 1em; width:15.5em}

#actu,#photo {float:right; margin:0 1em 1em 0; min-width:330px; text-align:center; width:50%}
#actu div {
	background:#FFF;
	color:#000;
	height:15em;
	margin:0;
	overflow:auto;
	padding:0 0 0 .5em;
	text-align:left
}
#actu p {margin:1em 0 .5em 0; padding:0}
#qrcode {float:right; left:-1em; position:relative}

#photo img {border:3px outset #FFF; height:auto; max-width:98%; min-width:70%}

/*SVG*/
#main {color:#FFF; fill:#BBE; text-anchor:middle; position:absolute; left:5px; top:5px; height:99px; width:99px}
#main > path {fill:none}
#main > text {font-size:17px}

/*CV*/
table.entete td.nom, table.entete td.title {text-align:center}
table.entete tr {text-align:left}
table.entete td.separe {width:9%}
table.entete a {white-space:nowrap}
ul.coord li {float:left; margin:0 2em 0 auto; padding:0 3em 0 0}
ul.coord dl {margin:0}
ul.coord dd {text-align:right}
table.cv tr,div.cv ul {background:#F0F0F0}
table.cv tr.titre,div.cv h3 {background:#BBC}
table.cv tr.sep {background:#FFF}
tr.corps td,div.cv ul {border-bottom:1px dashed #000}
table.cv th {text-align:left}
table.cv ul {margin:0; padding:0}
table.cv li,div.cv li {margin-left:1.5em; padding-left:0}
div.cv h3 {border:none; font-size:1em; font-weight:bold; margin-bottom:0; padding-bottom:0}
div.cv ul {margin:0; padding:2px 0 4px 0}
div.cv div {position:relative; text-align:right; top:-1.2em}
p.alert {color:#F11; text-align:center}

/*Blog*/
object.notes {border:1px dotted #AAA; height:15em; margin:.5em auto .5em 1em; width:98%}
html.notes {background:#FFF; border:none; overflow:auto; padding:0}
html.notes body {border:none; padding:.5em}
html.notes h1 {font-size:large; text-align:left}
html.notes ul {font-size:smaller; list-style-type:none}
.livredor blockquote {background:#FAFAFF; border:1px solid #B29; padding:1em}
.livredor small {margin-left:4em}
.livredor p,.livredor textarea {color:#416; font-family:"Tempus Sans ITC",cursive; font-size:1.1em; margin:0}
.livredor div {display:inline}
.livredor div,.livredor div input {color:#416; font-family:"Monotype Corsiva",cursive; font-size:1.4em; margin-left:2em}
.livredor input[type="submit"] {font-weight:bold}
.livredor pre {color:#BAC; display:inline; font-style:italic; margin-left:5em; white-space:normal}

@media handheld, all and (max-width:46em), all and (max-device-width:640px)
{
	html {padding:0}
	body {padding:.5em}
	.pancarte {margin:auto}
	#formulaire {margin:-5px; position:relative}
	#rubriques,#actu,#photo {float:none; margin:.5em 0 0 0; min-width:99px; padding:.5em; width:auto}
	#actu div {height:auto}
	#main {display:none}
	object.notes,.livredor blockquote {margin:.2em .2em .5em .2em}
}
@media all and (min-width:72em)
{
	#f {margin-top:32em}
	#rubriques,#actu,#photo {position:absolute; margin:0; top:9em}
	#rubriques {left:15%; margin-left:-8em; width:16em}
	#actu {float:none; left:50%; margin-left:-17%; width:32%}
	#actu div {height:25em}
	#photo {margin-right:-10em; right:15%; width:20em}
	#photo img {margin:1.2em 0 0 0}
}
@media all and (min-width:100em)
{
	#photo {margin-right:-14.5em; right:15%; width:31em}
}
@media all and (min-width:72em) and (min-height:50em)
{
	#f {margin-top:41em}
	#actu div {height:35em}
}
@media all and (min-width:72em) and (min-height:70em)
{
	#f {margin-top:61em}
	#actu div {height:55em}
}
@media print
{
	html,body,.bloc {background:#FFF; border:none; color:#000}
	a {background:#FFF; color:#000}
	h1+h2,h2+h3,h3+h4,blockquote div,blockquote pre {page-break-before:avoid}
	blockquote,blockquote p,.pancarte,div.imagecenter {page-break-inside:avoid}
	div.livredor {page-break-inside:auto}
	h1,h2,h3,h4,h5,h6,blockquote p,blockquote div {page-break-after:avoid}
	h1 {text-shadow:none}
	acronym[title],abbr[title],span[title] {border:none}
	pre.incode.mini {max-height:none; overflow:visible}
	pre.incode em {background:#FFF; color:#000}
	object.notes {min-height:30em; height:auto; overflow:visible}
	div.sb,p.sb,div.langue,#formulaire {display:none}
	#rubriques,#actu {float:none; width:90%}
	#actu div {background:#FFF; color:#000; overflow:hidden}
}