@charset "UTF-8";

/* @group Reset */

/*
html5doctor.com Reset Stylesheet
v1.4 
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,dialog,figure,footer,header,
hgroup,menu,nav,section,menu,
time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
article,aside,dialog,figure,footer,header,
hgroup,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

/* @end */
/* @group Common */

body {
	background-color: #FDFDFD;
	color: #222;
	font: small/150% "Book Antiqua", "Georgia", "Verdana", Helvetica, sans-serif;
}

h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 110%; }
h5 { font-size: 105%; }
h6 { font-size: 105%; }
h1, h2, h3, h4, h5, h6 {
	color: #8D8D8D;
	font-weight: normal;
	margin: 1.4em 0 1.2em;
}
h1, h2 {
	text-shadow: 2px 2px 5px rgba(218, 218, 218, .4);
}
h2 {
	color: #0092E3;
	font-style: italic;
	margin-top: 1.5em;
}

a {
	color: #606060;	
	text-decoration: none;
}
a:hover, a:active {
	color: #E7770E;
}

p {
	margin-bottom: 1em;
}

hr {
	border: 1px solid #3366CC;
	margin: 1em 0;
}

iframe {
	border: none;
}

pre, code, var {
	font-family: "LuxiMono", "Bitstream Vera Sans Mono", "Monaco", "Courier New", monospace;
	font-size: 9pt;
}
pre {
	background-color: #FBF9EA;
	border: 1px solid #ACAA94 !important;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	max-height: 15em;
	overflow: auto;
	padding: 5px !important;
}
code, var {
	color: #007000;
}

/* @end   Common */
/* @group Layouts */

.inlineblock {
	display: -moz-inline-stack; /*Firefox < 3*/
	display: inline-block;
	vertical-align: top;
}

.wrapper {
	margin: 0 auto;
	width: 920px;
}

.container {
	max-width: 945px;
}

header, footer, header .wrapper {
	position: relative;
}
article {
	padding-left: 2em;
}

nav {}

section {}

footer, #footer {
	font-size: 90%;
	line-height: 2em;
	margin-top: 3em;
}

/* @end   Layouts */
/* @group Tools */

.text-center { text-align: center; }
.text-right  { text-align: right; }
.text-left   { text-align: left; }
.small  { font-size: small; }
.xsmall { font-size: x-small; }

.notice {
	background-color: #EBEBEB;
	border-style: solid;
	border-width: 1px 0;
	margin-top: 1em;
	padding: .5em .2em;
}
.info {
	border-color: #5FCC2E;
}
.warning {
	border-color: #CF9127;
}
.important {
	border-color: #D12C2A;
}
.error {
	background-color: #FCC;
	border-color: #F00;
	color: #333;
	padding: .6em 1em;
}

.help-link {
	position: absolute;
	right: 0;
	top: 0;
}

ul.inline-links, ol.inline-links {
	list-style: none;
}
.inline-links li {
	display: inline;
}

/* @end   Tools */
/* @group Banner */

header[role="banner"] {
	height: 60px;
}
header[role="banner"] h1, header[role="banner"] h2 {
	line-height: 60px;
	margin-bottom: 0;
	margin-top: 0;
}
header[role="banner"] h2 {
	position: absolute;
	top: 0;
	right: 5px;
}

/* @end   Banner */
/* @group Breadcrumb */

#breadcrumb {
	border-top: 1px solid #0092E3;
	padding-top: .3em;
	text-shadow: 0 1px 0 #D5D5D5;
}
#breadcrumb li:after {
	color: #8D8D8D;
	content: " » ";
}
#breadcrumb li:last-child:after {
	content: "";
}

/* @end   Breadcrumb */
/* @group Article */

article a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	color: #888;
}

article h1 a {
	color: #8D8D8D;
	margin-bottom: .2em;
}

article > header {
	margin-left: -2em;
}
article > header h1 {
	margin-bottom: .2em;
}
article > header .time {
	font-style: italic;
}

article footer {
	background-color: #F8F8F8;
	border: 3px double #F0F0F0;
}

/* @end */
/* @group Footer */

#footer {
	background-color: #E3E1DE;
	border-top: 1px solid #DCDBD8;
	color: #766C5E;
	text-shadow: 0 1px 0 #FFF1DC;
	position: relative;
	padding: .8em 1em;
}
#footer a {
	font-size: 90%
}
#footer a:hover {
	color: #000;
}
#footer aside {
	position: absolute;
	right: 1em;
	z-index: 5;
}
#footer aside h3 {
	color: #000;
	display: none;
}
#footer aside li:after {
	content: " • ";
}
#footer aside li:last-child:after {
	content: "";
}
#footer footer {
	margin-top: 0;
}

	/* @group Social Network */

	.social-network a {
		background-color: transparent ;
		background-image: url(http://assets1.pioupioum.fr/themes/compositio-ppm/images/bg-social-network-16.png);
		background-repeat: no-repeat;
		padding-left: 20px;
	}
	.pearson         { background-position: 0 0; }
	.linkedin        { background-position: 0 -16px; }
	.delicious       { background-position: 0 -32px; }
	.github          { background-position: 0 -48px; }
	.twitter         { background-position: 0 -64px; }
	.friendfeed      { background-position: 0 -80px; }
	.plaxo           { background-position: 0 -96px; }
	.flickr          { background-position: 0 -112px; }
	.lastfm          { background-position: 0 -128px; }
	.fashion-geektim { background-position: 0 -144px; }

	/* @end   Social Network */

/* @end   Footer */
/* @group Code */

.code-demo {
	background-color: #ECECEC;
	border: 1px solid #CACACA;
	padding: 10px 10px 4px;
	margin: 1em auto 2em;
}

/* @end   Code */
/* @group IE Fixes */

*+html .code-demo {
	padding-bottom: 10px;
}
* html .code-demo {
	padding-bottom: 10px;
}
* html .inlineblock {
	display: inline;
	zoom: 1;
}
*+html header[role="banner"] h2 {
	overflow-x: hidden;
}

/* @end   IE Fixes*/