p {	
	font-family:Georgia, Garamond, serif;
	font-size: 1.20em;	
	line-height: 140%;
	text-align:justify;
	margin-top:0px;
	margin-bottom: 10px;	
}

#Notes>p{
    display: block;
	font-size: 1.05em;	
	text-align:justify;	
}

article h1, .article_h1{
    display: block;
	font-size: 1.45em;	
	text-align:left;
	font-variant:small-caps;
	font-weight:bold;	
}

article h2, .article_h2{
    display: block;
	font-size: 1.30em;	
	text-align:left;
	font-variant:small-caps;
	font-weight:bold;
}

article h3{
    display: block;
	font-size: 1.20em;	
	text-align:left;
	font-weight:bold;
}
.titre_article {
    display: block;
	font-size: 1.70em;	
	line-height: normal;
	text-align:center;
	font-variant:small-caps;
	font-weight:bold;		
	margin-bottom: 10px;
}

.soustitre_article {
    display: block;
	font-size: 1.50em;	
	text-align:center;
	font-variant:small-caps;
	font-weight:bold;
	margin-bottom: 40px;
}
.blockquote{
	text-align:justify;
	margin-left:150px;
}

.blockquote span{
	text-align:right;
}

.cesure{
	hyphens: auto; 
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
}

.main {
	padding-top: 20px;
}

.cadre-image {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	box-shadow: 3px 4px 8px rgba(0,0,0,0.8);
	background-color: #FAEBD7;
}

			*{
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}
			.navbar
			{
				font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
				background-image: url(background-img.jpg);
				background-size: cover;
				background-attachment: fixed;
			}
			.navbar
			{
				height: 46px;
				width: 100%;
				padding: 15px 15px;
				padding-top: 8px;
				background-color: #ffffff;
				position: relative;
			}
			.navbar .nav-header
			{
				display: inline;
			}
			.navbar .nav-header .nav-logo
			{
				display: inline-block;
				margin-top: -7px;
			}
			.nav-logo
			{
				font-size: 30px;
				color: #ffffff;
			}
			.navbar .nav-links
			{
				display: inline;
				float: left;
				font-size: 18px;
			}
			.navbar .nav-links .loginBtn
			{
				display: inline-block;
				padding: 5px 15px;
				margin-left: 20px;
				font-size: 17px;
				color: rgb(9, 14, 90);
			}
			.navbar .nav-links a 
			{
				padding: 10px 12px;
				text-decoration: none;
				font-weight: 550;
				color: black;
			}
			/* Hover effects */
			.navbar .nav-links a:hover
			{
				background-color: rgba(0, 0, 0, 0.3);
			}
			/* responsive navbar toggle button */
			.navbar #nav-check, .navbar .nav-btn
			{
				display: none;
			}

			@media (max-width:700px) 
			{
				.navbar .nav-btn
				{
					display: inline-block;
					position: absolute;
					top: 0px;
					right: 0px;
				}
				.navbar .nav-btn label 
				{
					display: inline-block;
					width: 40px;
					height: 40px;
					padding: 5px;
					color: black;
					text-align: center;
				}
				.navbar .nav-btn label span 
				{
					display: block;
					height: 10px;
					width: 25px;
					border-top: 3px solid #eee;
				}
				.navbar .nav-btn label:hover, .navbar #nav-check:checked ~ .nav-btn label 
				{
					background-color: rgb(9, 14, 90);
					color: black;
					transition: all 0.5s ease;
				}
				.navbar .nav-links
				{
					position: absolute;
					display: block;
					text-align: center;
					width: 50%;
					background-color: white;					
					transition: all 0.3s ease-in;
					overflow-y: hidden;
					top: 70px;
					right: 0px;
				}
				.navbar .nav-links a 
				{
					display: block;
				}
				/* when nav toggle button not checked */
				.navbar #nav-check:not(:checked) ~ .nav-links 
				{
					height: 0px;
				}
				/* when nav toggle button is checked */
				.navbar #nav-check:checked ~ .nav-links 
				{
					height: calc(100vh - 50px);
					overflow-y: auto;
				}
				.navbar .nav-links .loginBtn 
				{
					padding: 10px 40px ;
					margin: 20px;
					font-size:  18px;
					font-weight: bold;
					color: rgb(9, 14, 90);
				}
				/* Responsive dropdown code */
				.navbar .nav-links .dropdown, .navbar .nav-links .dropdown2 
				{
					float: none;
					width: 100%;
				}
				.navbar .nav-links .drop-content, .navbar .nav-links .drop-content2 
				{
					position: relative;
					background-color: rgb(220, 220, 250);
					top: 0px;
					left: 0px;
				}
				/* Text color */
				.navbar .nav-links .drop-content a 
				{
					color: rgb(9, 14, 90);
				}  
			}

			/* Dropdown menu CSS code */
			.dropdown
			{
				position: relative;
				display: inline-block;
			}
			.drop-content, .drop-content2 
			{
				display: none;
				position: absolute;
				background-color: white;
				min-width: 170px;
				width:auto;
				font-size: 16px;
				top: 34px;
				z-index: 1;
				box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.4);
			}
			/* on hover show dropdown */
			.dropdown:hover .drop-content, .dropdown2:hover .drop-content2 
			{
				display: block;
			}
			/* dropdown links */
			.drop-content a 
			{
				padding: 12px 10px;
				border-bottom: 1px solid rgb(197, 197, 250);
				display: block;
				height: 36px;
				transition: all 0.5s ease !important;
			}
			.dropBtn .drop-content a:hover 
			{
				background-color: rgb(230, 230, 230); /* couleur de contraste */
			}
			.dropdown:hover .dropBtn, .dropdown2:hover .dropBtn2 
			{
				background-color: rgba(0, 0, 0, 0.3);
			}
			.dropdown2 .drop-content2 
			{
				position: absolute;
				left: 170px;
				top: 196px;
			}
			.dropBtn2 i 
			{
				margin-left: 10px;
			}