* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Verdana, sans-serif;
	font-size: 100%;
	color: #333;
	line-height: 1.25em;
	background-color: #d6dfdf;
	background: -webkit-gradient(linear, 0 0, 0 800, color-stop(0.0, #e3eded), color-stop(1.0, #d6dfdf));
	padding: 1.2em 0;
}

a, a:link {
	color: #1960a4;
	text-decoration: none;
	outline: none;
}

a:hover {
	color: #021834;
}

#wrapper {
	width: 61.25em;
	background-color: #fff;
	margin: 0 auto;
	/*border: 1px solid #d5d5d3;*/
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.8);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.8);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/* @group Header */

#header {
	height: 8.75em;
	border-bottom: 1px solid #e6e6e6;
	border-top: 1px solid #fff;
	margin: 0 0 3.75em 0;
	background-color: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #fcfcfc), color-stop(1.0, #f6f6f6));
	-webkit-border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius : 2px 2px 0 0;

}

h1 {
	padding: 1.38em 0 1em 1.785em;
	font-size: 2.625em;
	float: left;
}

h1 a:link, h1 a:visited {
	color: #333;
	text-decoration: none;
	text-shadow: #fff 0 2px 0;
	-webkit-transition-property: text-shadow, color;
    -webkit-transition-duration: 500ms;
}

h1 a:hover {
	color: #000;
	text-decoration: none;
	text-shadow: #9ccbe3 0 1px 8px;
}

#vers_sommaire {
	color: #aaa;
	width: 10em;
	margin: 4.125em 0 0 0;
	float: right;
	-webkit-transition-property: color;
    -webkit-transition-duration: 500ms;
}

div#vers_sommaire a:link, div#vers_sommaire a {
	color: #666;
}

div#vers_sommaire:hover {
	color: #666;
}

#lien_tdm {
	font-size: 0.85em;
}

a#lien_tdm {
	font-size: 0.75em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #1960a4;
	text-decoration: none;
	-webkit-transition-property: color;
    -webkit-transition-duration: 500ms;
}

a#lien_tdm:hover {
	color: #333;
}

.finger {
	display: block;
	float: left;
	margin: 0 0.2em 0 0;
	font-size: 1.3em;
	
}

/* @end */

h2 {
	font-weight: bold;
	font-size: 1.142em;
	margin: 0 0 1.3em 0;
	line-height: 1.45em;
}

h3 {
	font-size: 1em;
	margin: 2.857em 0 1.428em;
}

h4 {
	font-weight: normal;
	text-transform: uppercase;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	color: #111;
	margin: 0 0 20px 0;
}

abbr {
	text-transform: lowercase;
	font-variant:small-caps;
	font-style: normal;
	border-bottom: 0;
	letter-spacing:0.1em;
}

.romain {
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing:0.1em;
}

.jpf {
	background-color: #fde8ac;
	cursor: help;
}

/* @group Contenu */

#content {
	border-bottom: 1px solid #d9d9d9;
	padding: 0 0 3.928em 6em;
	font-size: 0.875em;
	position: relative;
}

h2.titre {
	font-weight: bold;
	font-size: 1.285em;
	margin: 0 0 2.111em 0;
	line-height: 1.3em;
	width: 34em;
}

h2.titre span {
	margin: 0.111em 0 0 -5.666em;
	text-align: right;
	display: block;
	float: left;
	width: 3.8em;
	font-size: 0.7em;
	font-weight: normal;
	color: #999;
}


#content p {
	width: 40em;
}

p {
   margin-bottom:0;
}
p + p {
   text-indent:2em;
   margin-top:0;
}

blockquote.du-livre {
	font-size: 0.857em;
	color: #666;
	margin: 1.785em 0 1.6em 2em;
	font-style: italic;
}

.du-livre {
	position: relative;
}

.du-livre .ic {
	position: absolute;
	left: -0.7em;
	text-align: right;
	display: block;
}

pre {
	margin: 1.785em 0 1.571em 1.65em;
	font-size: 1em;
}

code {
	/*font-size: 0.928em;*/
	font-family: verdana, monaco, monospace, sans-serif;
	color: #9f3d25;
	background-color: #eee;
	padding: 0 0.3em;
}

pre code {
	display: block;
	width: 30em;
	background-color: #f6f6f6;
	border: 1px dotted #e9e9e9;
	font-family: monaco, courier, mono;
	padding: 0 1em;
}

#suivant {
	position: absolute;
	right: 0.8em;
	bottom: 0.8em;
	height: 1.65em;
}

#box1, #box2 {
	color: #aaa;
	font-size:12px;
	text-align: center;
	margin-top: 1.5em;
	line-height: 1em;
	width:1em;
	height:1em;
	border:1px solid black
}

#box2 {
  font-size:60px;
  margin: 0.3em 0;
}

#nav_articles {
	float: right;
	color: #999;
	font-size: 0.75em;
	margin: 0 2em 1em 0;
	padding: 0.5em;
}

#nav_articles a {
	color: #1960a4;
	text-shadow: #fff 0 1px 0;
	margin: 0 0.833em;
	padding: 0.416em 1.25em;
	background-color: #eee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f0f0f0), color-stop(1.0, #eaeaea));
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition-property: -webkit-gradient, color;
    -webkit-transition-duration: 200ms;
}

#nav_articles a:hover {
	color: #021834;
	background-color: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #fafafa), color-stop(1.0, #efefef));
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#nav_articles a:active {
	color: #000;
	background-color: #ddd;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ddd), color-stop(1.0, #ccc));
	border-top: 1px solid #888;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* @end */

/* @group Sommaire */

#sommaire {
	/*font-size: 0.75em;*/
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	padding: 1em 0 4.25em 2.25em;
	background-color: #f0f0f0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f6f6f6), color-stop(1.0, #f0f0f0));
}

#sommaire a {
	-webkit-transition-property: color;
    -webkit-transition-duration: 200ms;
}

#sommaire h2 {
	margin: 2.142em 0 3em 4.142em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.section {
	/*font-size: 1.166em;*/
	margin: 0 0 1.571em 0;
}

.section span {
	width: 4.9em;
	/*font-size: 0.7em;*/
	margin: 0.5em 0.9em 0 0;
}

ol.section_list, ol, ol.section_list ol {
	list-style-type: none;
}

ol.section_list {
	margin: 0.9em 0 1.5em 0;
}

ol.section_list a:visited {
	color: #999;
	text-decoration: none;
}

ol.section_list ol {
	margin: 1.666em 0 0.4em 0;
}

li {
	
}

ol li span {
	display: block;
	float: left;
	margin: 0.4em 0.9em 0 0;
	text-align: right;
	width: 5em;
	color: #777;
	/*font-size: 0.8em;*/
	line-height: 1.5em;
	-webkit-transition-property: color;
    -webkit-transition-duration: 200ms;
}

ol li:hover span {
	color: #000;
}

ol li.section:hover span, ol li.section_list_title:hover span {
	color: #777;
}

li.section_list_title {
	margin: 1.666em 0 0 0;
}

.proche {
	color: #ccc;
}

/* @end */


/* @group Footer*/

#footer {
	padding: 2.181em 0 3em 7.3em;
	font-size: 0.687em;
	color: #777;
	background-color: #e3e3e3;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #e9e9e9), color-stop(1.0, #e0e0e0));
	border-top: 1px solid #f3f3f3;
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius : 0 0 2px 2px;
}

#footer a {
	color: #777;
}

#footer a:hover {
	color: #1763b3;
}

#switch {
	float: right;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.1em;
	margin: 1.65em 7em 0 0;
}

#switch a {
	color: #aaa;
}

#switch a:hover {
	color: #666;
	text-decoration: none;
}

#switch a .red {
	color: #ff959a;
}

#switch a:hover .red {
	color: #d51412;
}

/* @end */