/* global whitespace reset (leftjustified.net)	

version initiale 

background: #C2BBAF; body
background = #8c867e; margin
couleur orange : #ffbd4d
fond page principale : #fffbf6
rouge un peu foncé color:#e50000;

*/

body {
	margin: 0;
	padding: 0;
	color: #FFF;
	background: #d0d0d0;
	font-family: Verdana, Geneva, Lucida, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	}

p.figure{ 
	padding: 0;
	font-size: 11px; 
	margin-top: 0; 
	margin-left: 3px; 
	text-align: left;
	}

doi {
	font-weight: bold;
    color:#e50000;
	}

oai {
	font-weight: bold;
    color:#e50000;
	}

h4{ 
padding: 0; 
font-size: 10px; 
font-style: normal;
line-height: 0.5em; 
text-align: left;}

p{ 
padding: 0; 
margin-top: 10px; 
text-align: justify;
}

p.direction{ 
padding: 0; 
margin-top: 2px;
margin-bottom: 6px; 
text-align: left;
}

ul{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 1em;
	margin-left:1em;
	list-style-type: disc;
	list-style-position: outside;
}

ul.gauche{
list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0em;
	margin-left:0em;
/*	list-style-type: disc;
	list-style-position: outside;*/
	width:100%;
}

ul.liste{
list-style-type: none;
	margin-top: 10px;
	padding-left: 1em;
	margin-left:1em;
	width:100%;
}

#mainbody {
	width: 770px;
	margin: 0;
	padding: 0;
	border: 0px solid #000;
	background: #989898;
}

#topnav {
	clear: both;
	position: relative;
	height: 30px;
	padding: 8px;
	font-weight: bold;
	text-align: left;
	font-size: 24px;
}

#topnav a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	background: #989898;
}

#topnav a:hover {
	color: #000;
	background: #989898;
}

#title{
	color:#e50000;
	float:left;
	width:758px;
	height:35px;
	display: inline;
	margin-top: 8px;
	margin-left: 10px;
	font-weight: bold;
	text-align: left;
	font-size: 22px;
}

#leftcol {
	position: relative;
	width: 155px;
	padding: 5px;
	float: left;
	text-align: left;
	background: #989898;
}

#leftcol .content {
	margin: 10px 0px 20px 0px;
}
#leftcol a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background: #989898;
	target: _blank;
}
#leftcol a:hover {
	color: #e50000;
	background: #989898;
}
#rightcol {
	position: relative;
	width: 585px;
	border-left: 2px solid #e50000;
	color: #333;
	padding: 9px;
	float: right;
	text-align: justify;
	background: #ffffff;
}

#centercol {
	position: relative;
	clear: both;
	color: #333;
	padding-left: 25px;
	padding-right: 25px;
	float: right;
	text-align: justify;
	background: #ffffff;
}


#centercol .content {
	margin: 7px 7px 25px;
	text-align: left;
}

#centercol .content6 {
	margin: 7px 7px 25px ;
	min-height: 70px;
}

#centercol .content5 {
	margin: 8px 0px 8px 0px;
}

#centercol a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	background: #ffffff;
}
#centercol a:hover {
	color: #e50000;
	background: #ffffff;
}
#footer {
	clear: both;
	position: relative;
	height: 35px;
	font-size: 10px;
	color: #000000;
	text-align: center;
	border-top: 1px solid #000;
	background-color: #989898;
}
#footer h3 {
	font-size: 10px;
	margin: 0;
	padding: 0 5px;
}
#footer a {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	font-size: 10px;
	background: #989898;
}
#footer a:hover {
	color: #e50000;
	text-decoration: none;
	background: #989898;
}
.screenshot {
	padding: 4px;
	float: right;
}
#toplink {
	float: right;
	clear: both;
}
#menuDeroulant li
{
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
}

img.border {
   display: inline;
   border: 1px solid #ccc;
   padding: 2px;
   margin-left:15px;
}

h2{
	font-family: "Lucida Grande", arial, Lucida, sans-serif;
	clear:both;
	font-size: 18px;
	color: #000000;
	margin-top: 1em;
	margin-bottom: 0em;
	}

h1{
	font-family: "Lucida Grande", arial, Lucida, sans-serif;
	clear:both;
	font-size: 15px;
	color: #000000;
	margin-top: 1em;
	margin-bottom: 0em;
	border-bottom: 2px solid #e50000;
	}	
	
h5{
	font-family: "Lucida Grande", arial, Lucida, sans-serif;
	clear:both;
	font-size: 14px;
	color: #111111;
	margin-top: 1.1em;
	margin-bottom: 0.5em;
	}
	

	
ol li {
	list-style: decimal outside;
	padding-left: 5px;
	margin-left: 2em;
	margin-top: 0.7em;
	background: none;
	}

/*Figures
================================================*/

/*img {	
	position: relative;
	float: right;
	display: inline;
	margin: 20pt 20pt 20pt 20pt;
	padding: 4px;
	border: 1px solid #ccc;
	}*/

figure {
   width:250px;
   float:left;
   display: block;
   padding : 6px;
   background : white;
   margin : 10px 10px 10px 10px;
}

figure.spec{
   width:200px;
}

figure.right{
   float:right;
}

figure.three{
   width:150px;
}

figure.wide{
   width:537px;
}

figcaption {
   font-size : .8em;
   background : #white;
   display :block;
   text-align :center;
}
	
img.left {
	float: left;
	display: inline;
	margin-left:20px;
	margin-bottom:20px;
	}
	
img.illust {
	float: left;
	display: inline;
	margin:20px 20px 20px 20px;
	}	
	
img.haut {
	border-top: 2px solid #e50000;
	border-bottom: 2px solid #e50000;
	border-right: 0px solid #000;
	border-left: 0px solid #000;
	background: #000;
	}
	
img.haut3 {
	border-top: 2px solid #e50000;
	border-bottom: 2px solid #e50000;
	border-right: 0px solid #000;
	border-left: 0px solid #000;
	background: #000;
	}	
	
img.haut2 {
	margin-top: -5px;
    float: right;
	display: inline;
	}
	

.Rfigure {
	/*position: relative;*/
	float: right;
	display: inline;
	background: #eee;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 15px;
	}

.R2figure {
	/*position: relative;*/
	float: right;
	display: inline;
	background: #eeeeee;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 15px;
	}

.R3figure {
	width: 600px;
	position: relative;
	float: center;
	display: inline;
	margin: 4px 0 15px 15px;
	}	

.Lfigure {
	/*position: relative;*/
	float: left;
	display: inline;
	margin: 15px 15px 8px 0px;
	background: #eee;
	}
	
.L2figure {
	/*position: relative;*/
	float: left;
	display: inline;
	margin: 5px 15px 8px 0px;
	background: #eee;
	}

#content .Rfigure img, #content .Lfigure img {
	float: none;
	margin: 0 0 4px 0;
	}

#content .Rfigure p, #content .Lfigure p{
	font-size: 11px;
	margin: 0;
	line-height: 1.2;
	}		

#content .R2figure p, #content .Lfigure p{
	font-size: 11px;
	margin: 0;
	line-height: 1.2;
	}

#content .R3figure p, #content .Lfigure p{
	font-size: 11px;
	margin: 0;
	line-height: 1.2;
	}

/*img {	
	position: relative;
	float: right;
	display: inline;
	margin: 0.5em 0em 1.5em 1em;
	padding: 4px;
	border: 1px solid #ccc;
	}*/

.solidblockmenu{
margin: 0pt;
padding: 0pt;
float: center;
font: bold 13px Arial;
background: #989898;
border-bottom: 0px solid #e50000;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-left: 1px solid #989898;
}
.solidblockmenu li a:visited{
color: #e50000;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: #e50000;
background: transparent url(images/blockactive.gif) center center repeat-x;
}