.droite{
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	width: 100%;
}
.droite_header{
	background-color: black;
	display: flex;
	justify-content: space-between;
}

.droite_header>div:nth-child(1){
	margin-top: 10px;
	margin-left: 10px;
}
.droite_header>div:nth-child(2){
	flex-grow: 2;
}

main{
	flex-grow: 2;
	background-image: repeating-linear-gradient(112.5deg, hsla(19,0%,93%,0.2) 0px, hsla(19,0%,93%,0.2) 0px,transparent 0px, transparent 1px,hsla(19,0%,93%,0.2) 1px, hsla(19,0%,93%,0.2) 4px,transparent 4px, transparent 5px,hsla(19,0%,93%,0.2) 5px, hsla(19,0%,93%,0.2) 8px),repeating-linear-gradient(0deg, hsla(19,0%,93%,0.2) 0px, hsla(19,0%,93%,0.2) 0px,transparent 0px, transparent 1px,hsla(19,0%,93%,0.2) 1px, hsla(19,0%,93%,0.2) 4px,transparent 4px, transparent 5px,hsla(19,0%,93%,0.2) 5px, hsla(19,0%,93%,0.2) 8px),linear-gradient(135deg, rgb(238, 238, 238),rgb(121, 121, 121));
}
main>*{
	margin: 10px 5% 10px 5%;
	text-align: justify;
}

.droite_sous_menu{
	background-color: silver;
	margin: 0px;
	padding: 10px 5%;
}
/*Titre d'entête de page*/
h2{	font-size: 2rem; margin: 0px; text-align: center; color: rgb(0,102,153); font-family: serif;}
/*Titre de sous-menu dans une page*/
h3{	font-size: 2rem; margin: 0px; text-align: center; color: rgb(0,102,153); font-family: serif;}
/*Titre des articles dans un sous-menu*/
h4{	font-size: 2rem; margin: 0px auto 10px auto; text-align: center; color: rgb(0,102,153); font-family: serif;}
/*Titre de paragraphe dans un article*/
h5{	font-size: 1.2rem; margin: 0px; color: rgb(0,102,153); font-family: serif;}
/*Titre en ligne dans un paragraphe.*/
h6{	display: inline-block; font-size: 1.2rem; margin: 0px; color: rgb(0,102,153); font-family: serif;}

@media screen and (max-width: 600px){
    h2, h3, h4 {font-size: 1.5rem;}
 }

.carte_blanche{
	background-color: rgba(255, 255, 255, 1); 
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px 10px 0px 10px; 
	box-shadow: 10px 5px 5px rgb(108,108,108) ;
}
.deux_colonnes{ column-width: 25em; column-rule: dotted 1px black; }

p{ margin: 0.6rem auto 0.6rem auto; line-height: 1.8rem; }
.premiere_lettre p:not(.centre)::first-letter { color: rgb(0,102,153);  font-size: 130%;  font-weight: bold; }

.lettrine{height: 5.4rem; float: left; margin-right: 10px; cursor: default; margin-top: 10px;}

q{	font-style: italic; quotes:  "« " " »";}
blockquote{	font-style: italic; margin: auto 5%;}
.centre{text-align: center;}

.puce>li{list-style-type: "\1F539"; margin-left: 5%;}

.droite a, .droite li[data-nb], span[title]{color: rgb(0,102,153); text-decoration: none; font-weight: bold;}
.droite a:hover, .droite li[data-nb]:hover,span[title]:hover {color: red; cursor : pointer;}
.retour{color: rgb(0,102,153) ;cursor: pointer; font-weight: bold; text-align: right;}
.retour:hover{ color: red; }

.droite_sous_menu{
	display: flex;
	justify-content: space-around;
}

@media screen and (max-width: 600px){
	.droite_sous_menu{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

.droite_footer{
	background-color: red;
	color: white;
}

.droite_footer div{text-align: center;}
.droite_footer div a{text-decoration: none; font-weight: bold; color: white;}
.droite_footer div a:hover{color: white;}