/* 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;

*/

html
  {
    overflow:scroll;	
  }

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;
	}

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

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

ul{
	margin-left:20px;
	list-style-type: disc;
	list-style-position: outside;
}

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

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

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

#centercol {
	position: relative;
	border-top: 1px solid #000;
	clear: both;
	color: #333;
	width: 100%;
	margin-left: 0px;
	padding-right: 0px;
	float: right;
	text-align: justify;
	background: #ffffff;
}

#centercol h1 {
	font-family: Verdana, Geneva, Lucida, sans-serif;
	clear:both;
	font-size: 16px;
	color: #000000;
	margin-top: 1em;
	margin-bottom: 0em;
	border-bottom: 2px solid #e50000;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

#centercol h2 {
	font-family: Verdana, Geneva, Lucida, sans-serif;
	clear:both;
	font-size: 13px;
	color: #000000;
	margin-top: 1em;
	margin-bottom: 0em;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

#centercol p {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

#centercol ul {
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
}

#centercol .content6 {
	min-height: 70px;
	width=100%;
}

#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 a {
	text-decoration: none;
	font-weight: bold;
	color: black;
	font-size: 10px;
	background: #989898;
}

#footer a:hover {
	color: white;
	text-decoration: none;
	background: #989898;
}

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

figure.three{
   width:170px;
}

figure.wide{
   width:537px;
}

#centerfig {
 display: table; /* shrink wrap the contents */
 margin: 0 auto; /* center via left/right margins */
 text-align:center;
}

figcaption {
   font-size : .8em;
   background : #white;
   display :block;
   text-align :center;
}
	
img.border {
   display: inline;
   border: 1px solid #ccc;
   padding: 2px;
   margin-left:15px;
}	
	
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.haut2 {
	margin-top: -5px;
    float: right;
	display: inline;
	style: vertical-align:middle;
	}

#menu {
/* on centre le menu dans la page */
    text-align: center;
	font-family: Verdana, Geneva, Lucida, sans-serif;
	margin: 0pt;
	padding-left: 0pt;
	float: center;
	font-size: 8pt;
	font-weight: bold;
	background: #989898;
	border-bottom: 0px solid #e50000;
}


/* partie positionnement et déco */
#menu a { 
	display:block; 
	color: #000; 
	text-decoration:none;
}

#menu > li ul {
	display:inline;
	background-color:#989898;
	z-index: 1000;
	padding-top: 6px;
	padding-left: 6px;
	padding-right: 6px;
}

#menu > li {
	position: relative;
	display: inline-block;
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #000;
}

#menu > li a:hover {
	color: white;
}
/* (presque) fin de la partie positionnement/déco */
/* dans cette déclaration, on fixe le max-height */
#menu ul {
	position: absolute;
	top: 2em; left: 0;
	max-height:0em;	
	margin: 0; padding: 0;
	background-color:#989898;
	overflow: hidden;
	transition: 0.3s max-height 0.3s;
	border-radius: 0 0 6px 6px;
	list-style-type: none;
}
/* ici on change la valeur de max-height au :hover */
#menu > li:hover ul {
	/* à adapter, le minimum est le meilleur mais voyez large 😉 */
	max-height: 100em;
}	
	
	
	
.solidblockmenu{
font-family: Verdana, Geneva, Lucida, sans-serif;
margin: 0pt;
padding-left: 20px;
float: center;
font-size: 8pt;
font-weight: bold;
background: #989898;
border-bottom: 0px solid #e50000;
}

.solidblockmenu li{
display: inline;
list-style: none;
}

.solidblockmenu li a{
float: left;
color: black;
padding-right: 20px;
padding-bottom: 8px;
padding-top: 8px;
text-decoration: none;
}

.solidblockmenu li a:hover {
color: white;
}	/* 	Feuille de style Haltools Gris sobre 	Rubrique 1 avec souligné sur toute la ligne	Rubrique 2 avec flèche bas à gauche	Ordre des type de doc*/#res_script p, #res_script dl, #res_script dt, #res_script dd, #res_script a   {	font-family:arial,verdana,sans-serif;	color: #ff0000;}#res_script {	border:0;	background-color:#ff0000;	color:#ff0000;}#res_script dt {display:none;}#res_script{	font-size:10.5px;	font-family: arial, verdana, sans-serif;	color:#ff0000;}#res_script .Rubrique{	border-bottom:1px solid #ff0000;	padding-bottom:0.2em;    font-weight:bold;    color:#ff0000;    font-size:1.7em;    margin:0 0 1.5em 0;}#res_script .SousRubrique {    font-weight:bold;    font-size:1.2em;    margin:1.5em 0;    padding-left:12px;    color: #363842;}#res_script dl{    clear:both;    margin:0 0 1em 15px ;    overflow:hidden;}#res_script dt{    display:none;}#res_script dd{    margin-left: 0;}#res_script .Vignette{  float: left;  clear:left;  padding-right:0em;  margin-left:0.5em;}#res_script .Vignette img{    background:none repeat scroll 0 0 #FFFFFF;    border:1px solid #CCCCCC;    padding:2px;}#res_script .NoticeResAvecVignette {	border: 0;	padding-bottom: 0.5em;	min-height:100px;}#res_script .ChampResAvecVignette {	display:none;width: 15%;	text-align:left;	font-size:0.9em;	color:#58529F;	font-weight:bold;	margin-bottom: 0em;	margin-top: 0em;	padding: 0em;	margin-left:120px; }/* quand il y a affichage de vignette */#res_script .ValeurResAvecVignette {	margin-left:120px; 	margin-bottom: 0em;	margin-top: 0em;	padding: 0em;	text-align:left;	font-size: 0.9em;	font-size: 1em;}#res_script .ValeurResAvecVignette a{	color:black;	text-decoration:underline;	font-size: 1em;}#res_script .Titre{    font-weight:bold;    color:#7F7B7A;    font-size:1.1em;    margin-bottom:0.5em;}#res_script .Titre a{    color:#7F7B7A;    text-decoration:none;}#res_script .Titre a:hover,#res_script .Titre a:focus{    text-decoration:underline;}#res_script .Auteurs{    color:#888888;    margin-bottom:0.7em;}#res_script .Detail{    margin-bottom:0.5em;}#res_script .Fichier_joint a{    text-decoration:none;    padding:0 0.5em 0 0;}.ValeurRes a{	color:#42A2D2;	text-decoration:none;}.annee_publi {	display: flex;	flex-direction: column;}#res_script {	display: flex;	flex-direction: column;}.typdoc { order:1000; } /*par defaut */.typdoc_HDR { order:1; }.typdoc_THESE { order:2; }.typdoc_ART { order:10; }.typdoc_COMM { order:20; }.typdoc_POSTER { order:21; }.typdoc_PRESCONF { order:22; }.typdoc_COUV { order:30; }.typdoc_OUV { order:31; }.typdoc_DOUV { order:32; }.typdoc_NOTE { order:33; }.typdoc_REPORT { order:40; }.typdoc_OTHERREPORT { order:41; }.typdoc_MINUTES { order:52; }.typdoc_UNDEFINED { order:60; }.typdoc_OTHER { order:61; }.typdoc_LECTURE { order:70; }.typdoc_PATENT { order:80; }.typdoc_MEM { order:90; }.typdoc_IMG { order:100; }.typdoc_VIDEO { order:101; }.typdoc_SON { order:102; }.typdoc_MAP { order:103; }