@import url("https://fonts.googleapis.com/css2?family=Titillium+Web,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* Police Titillim web paramètres */

.titillium-web-extralight {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.titillium-web-light {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.titillium-web-regular {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.titillium-web-semibold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.titillium-web-bold {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.titillium-web-black {
  font-family: "Titillium Web", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.titillium-web-extralight-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.titillium-web-light-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.titillium-web-regular-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.titillium-web-semibold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.titillium-web-bold-italic {
  font-family: "Titillium Web", sans-serif;
  font-weight: 700;
  font-style: italic;
}


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


a:link {
	color: rgb(132,11,12);
	text-decoration:none;
	
}

a:hover {
	color: rgb(132,11,12);
	text-decoration:none;
	
}

a:visited {
	color : rgb(132,11,12);
 	text-decoration:none;
	
} 


html, body {
    height: auto;
    margin: 0;
    padding: 0;
	font-family: Titillium Web;

}

body {
    min-height: 1500px;
    width: 800px;
    padding: 5px;
    margin: auto;
	background-color: #FFFFFF;
}

div#presentation {
   	font-family: Titillium Web;
    font-size: 10pt;
	text-align: justify;
}


div#colonne_gauche {
    float: left;
    width: 20%;
	margin-right: 10px;
	padding: 3px;
	font-family: Titillium Web;
    font-size: 10pt;

}

div#contenu_colonne_gauche {
	float: left;
    background: #FFFFFF;
	font-family: Titillium Web;
	padding: 3px;
    	min-height: 1135px;

}

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

div#bloc_actus {
	background: #FFFFFF;
	position:relative;
	z-index:2;
	margin-bottom:10px;
	border: 1px rgb(132,11,12) solid ;
	padding: 3px;
	font-size: 10pt ;
		font-family: Titillium Web;

}

div#contenu_actus {
	font-family: Titillium Web ; 
	text-align: center;
	font-style: italic;
	font-size: 10pt;
}

div#fil_de_leau {
    background: #FFFFFF;
	padding: 3px;
	font-family: Titillium Web;
	line-height:18px;
	font-size: 10pt;
	position:relative;
	z-index:1;
}

div#centre {
	overflow: hidden;
    background: #FFFFFF;
	font-family: Titillium Web;
    font-size: 11pt;
	padding: 10px;
	padding-top: 0px;
	border-left:1px solid rgb(225,225,225);
	min-height: 1135px;
}


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

.nom_revue {
	font-family: Titillium Web;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 36pt;
	text-align: center;
	letter-spacing: 2px;
    padding-top:20px;
	}

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

.numeros {
	font-weight:bold;
	font-family: Titillium Web;

}

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

hr.continu_1pt {
	text-align: center ; 
	color: rgb(165,0,16); 
	background-color: rgb(165,0,16); 
	width: 90% ; 
	height: 1pt ; 
	border:none ; 
	margin: auto ; 
	margin-bottom: 30px ; 
	margin-top:30px;
}
hr.continu_titre_revue_1pt {
	text-align: center ; 
	color: rgb(165,0,16); 
	background-color: rgb(165,0,16); 
	width: 100% ; 
	height: 1pt ; 
	border:none ; 
	margin: auto ; 
	margin-bottom: 10px ; 
	margin-top: 10px;
}

hr.continu_gris_1pt {
	text-align: center ; 
	color: rgba(118,118,118,1.00); 
	background-color: rgba(118,118,118,1.00); 
	width: 90% ; 
	height: 1pt ; 
	border:none ; 
	margin: auto ; 
	margin-bottom: 30px ; 
	margin-top:30px;
}


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



hr.pointille  {
	text-align: center ; 
	border: 0; 
	border-bottom: 1px dashed rgb(165,0,16) ; 
	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-size: 16pt;
	text-align: left;
	color: rgb(132,11,12);
	}
	
.citation_ouverture {
	font-style: italic;
	text-align: justify;
	width:400px;
	float: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;
}

.resume {
	text-align:justify;
	line-height:18pt;
}

.tableau
 {
	font-family: "Times New Roman", Times, serif;
	font-size: 11pt;
	line-height: 15pt;
	text-align: center;
	border: medium solid;
	border-collapse: collapse;
	width: 100%;
}

.tableau th {
	border-bottom:2px solid grey;
	border-left:thin solid;
	margin:0;
}

.tableau td {
	border: thin solid ;
}

.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;
	font-family: Titillium Web;
	text-align:justify;
	color: #556268;
	line-height: 15pt;
	}

.legende {
	font-size: 10pt;
	text-align: center;
	line-height: 10pt;
	padding:10pt;
	}
	
.illustration {
	width: 450pt;
	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;
	}



sup { line-height:0; }



.titre_tableau_graphique_encadre {
	font-size: 12pt;
	font-weight:bold;
	text-align: center;
	padding:10pt;
	}
	
.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;
}





/*-----------------------------------------------------------------------------------------
Bouton retour haut static
------------------------------------------------------------------------------------------*/



body.scrolled #jump-top {
  bottom: -10rem;
}

#jump-top {
  position: fixed;
  bottom: 50%;
  right: 10%;
  z-index: 50;
  display: flex;
 height: 1.7rem;
  width: 1.7rem;
  align-items: center;
  justify-content: center;
  border-width: 1px;
  border-color: rgb(165,0,16);
  background-color: rgb(165,0,16);
 font-size: 1rem;
  color: #FFFFFF;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;

}



/*-----------------------------------------------------------------------------------------
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: #750001;
}
::-webkit-scrollbar-thumb:active {
  background: #750001;
}
::-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;
}
 .scrollbar_300px {
	width: 100%;
	height: 300px;
	border: 0px solid grey;
	overflow: scroll;
	display: inline-block;
}


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




	
/* Sur les écrans, quand la largeur de la fenêtre fait au minimum ???? px */

@media screen and (min-width: 600px){
	
 #jump-top {
   right: 2%;
}}
	
@media screen and (min-width: 768px){
	
 
 #jump-top {
   right: 2%;
}}
		
@media screen and (min-width: 992px){
	
 
 #jump-top {
   right: 10%;
}}


@media screen and (min-width:1500px){
	
 
 #jump-top {
   right: 10%;
}
	
	}