html {
color: #556268;
background-color: #FDF5E6;
}

.bodystyle {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	line-height: 18pt;
	padding-left: 17 px;
	top: 0px;
	color: #556268;
	text-align:justify;
}


a:link {
	color: rgb(11,70,171);
	text-decoration:none;
	font-weight:bold;
}

a:hover {
	color: rgb(11,70,171);
	text-decoration:none;
	font-weight:bold;
}

a:visited {
	color: rgb(11,70,171);
 	text-decoration:none;
	font-weight:bold;
} 

a:active {
	color: rgb(11,70,171);
 	text-decoration:none;
	font-weight:bold;
} 


html, body {
    height: auto;
    margin: 0;
    padding: 0;
}

body {
    min-height: 1100px;
    width: 800px;
    padding: 5px;
    margin: auto;
	border:3px solid rgb(11,70,171);
	background-color: #FFFAF0;
}


.titre_publication {
	font-family: "Times New Roman", Times, serif;
	font-size: 18pt;
	font-style: italic;
	font-weight: bold;
	color:rgb(11,70,171);
	text-align: right;
	padding-right: 15px;
}

div#presentation {
   	font-family: "Times New Roman", Times, serif;
    font-size: 12pt;
	font-style:italic;
	text-align: justify;
}

div#colonne_gauche {
    float: left;
    width: 20%;
	margin-right: 10px;
	padding: 3px;
   	background: rgb(225,225,225);
	font-family: "Times New Roman", Times, serif;
    font-size: 10pt;
}

div#contenu_colonne_gauche {
	float: left;
    background: #FAFAFA;
	font-family: "Times New Roman", Times, serif;
	padding: 2px;
}

div#colonne_droite {
    float: right;
    width: 20%;
	margin-left: 10px;
	padding: 3px;
    background: rgb(225,225,225);;
	font-family: "Times New Roman", Times, serif;
    font-size: 10pt;
	text-align:center;
}


div#bloc_actus {
	background: #FAFAFA;
	box-shadow: 2px 8px 12px #aaa;
	position:relative;
	z-index:2;
	margin-bottom:10px;
	border: 3px rgb(132,11,12) solid ;
	padding: 3px;
	font-size: 12pt ;
}

div#contenu_actus {
	font-family: "Times New Roman", Times, serif ; 
	text-align: center ;
	font-style: italic ;
	font-size: 12pt ;
}

div#fil_de_leau {
    background: #FAFAFA;
	padding: 3px;
	font-family: "Times New Roman", Times, serif;
	font-weight:bold;
	line-height:18px;
	font-size: 10pt;
	position:relative;
	z-index:1;
}

div#centre {
	overflow: hidden;
    background: #FAFAFA;
	font-family: "Times New Roman", Times, serif;
    font-size: 12pt;
	padding: 20px;
	padding-top: 0px;
	border:2px solid rgb(225,225,225);
	box-shadow: 2px 8px 12px #aaa;
	min-height: 965px;
}


ul {
padding-left: 10px ;
margin-top: 5px;
list-style-type: none; 
}


.titres_colonne {
	color: #FAFAFA;
	font-weight:bold;
	background-color: rgb(11,70,171);
	height: 22px;
	line-height:22px;
	text-align:center;
	font-style:normal;
}

.numeros {
	font-weight:bold;
}

hr.continu {
	text-align: center ; 
	color: rgb(11,70,171); 
	background-color: rgb(11,70,171); 
	width: 90% ; 
	height: 2pt ; 
	border:none ; 
	margin: auto ; 
	margin-bottom: 30px ; 
	margin-top:30px
}


hr.continu_court {
	text-align: center ; 
	color: rgb(11,70,171); 
	background-color: rgb(11,70,171); 
	width: 70% ; 
	height: 1pt ; 
	border:none ; 
	margin: auto ; 
	 
	
}



hr.pointille  {
	text-align: center ; 
	border: 0; 
	border-bottom: 1px dashed rgb(11,70,171) ; 
	width: 90% ; 
	margin: auto ;
	margin-bottom: 5px ; 
	margin-top: 5px
}

div.ZonePrint { margin:10px; }

/* Styles créés ou copiés pour les articles en janvier 2016 */

.titre_article {
	font-family: "Times New Roman", Times, serif;
	font-size: 16pt;
	line-height: 16pt;
	font-weight: bolder;
	color:rgb(11,70,171);
	font-style: italic;
	text-align: left;
	}
	
.citation_ouverture {
	font-style: italic;
	text-align: right;
	}

.nom_auteur {
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	}

.ruban {
	font-weight: bold;
	font-size: 13pt;
	text-align: center;
	padding: 25pt;
	}

.nom_de_bloc {
	font-weight: bold;
	text-align: left;
	font-size: 14pt;
	color: rgb(132,11,12);
	}

.sommaire {
	font-weight: bold;
	}
	
.texte {
	text-align:justify;
	line-height:18pt;
}

.citation_prose {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	line-height: 15pt;
	text-indent: 0px;
	margin-left: 45pt;
	padding-right: 25pt;
	font-weight: normal;
	text-align: justify;
}

.citation_vers {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	line-height: 15pt;
	text-indent: 0px;
	margin-left: 45pt;
	padding-right: 25pt;
	font-weight: normal;
	text-align: center;
}
	
.notes {
	font-size: 11pt;
	text-align:justify;
	color: #666666;
	line-height: 15pt;
	}

.references {
	font-size: 11pt;
	text-align:justify;
	color: #556268;
	line-height: 15pt;
	}

.legende {
	font-size: 10pt;
	text-align: center;
	line-height: 10pt;
	padding:10pt;
	}
	
.illustration {
	width: 400pt;
	height: auto;
	padding: 10pt;
	}	
	

.auteur {
	font-size: 12pt;
	font-weight: bold;
	text-align:left;
	}

.titre_partie {
	font-size: 14pt;
	font-weight: bold;
	padding-top: 10pt;
	padding-bottom: 10pt;
	}

.titre_sous_partie {
	font-size: 13pt;
	font-style: italic;
	font-weight: bold;
	}

.couleur_bleu { 
	color:rgb(11,70,171); 
}

sup { line-height:0; }


.encadre {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	line-height: 15pt;
	text-indent: 0px;
	margin: 20pt;
	padding: 5pt;
	font-weight: normal;
	text-align: justify;
	background-color:#f0f1f1;
}

.titre_tableau_graphique_encadre {
	font-size: 12pt;
	font-weight:bold;
	text-align: center;
	padding:10pt;
	}
	


/*-----------------------------------------------------------------------------------------
scrollbar
------------------------------------------------------------------------------------------*/
 /* Works on Chrome, Edge, and Safari */

::-webkit-scrollbar {
  width: 8px;
  height: 5px;
}
::-webkit-scrollbar-button {
  width: 8px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgb(11, 70, 171);
}
::-webkit-scrollbar-thumb:active {
  background: rgb(11, 70, 171);
}
::-webkit-scrollbar-track {
  background: #ffffff;
  border: 0px none #ffffff;
  border-radius: 7px;
}
::-webkit-scrollbar-track:hover {
  background: #DFDFDF;
}
::-webkit-scrollbar-track:active {
  background: #ffffff;
}
::-webkit-scrollbar-corner {
  background: transparent;
}

 /* Works on Firefox */

.scrollbar_800px {
	width: 100%;
	height: 800px;
	border: 0px solid grey;
	overflow: scroll;
	display: inline-block;
}