@charset "utf-8";
/* position des cadres */
body    {background-color:PapayaWhip}
main    {width: 67%; }
article {font-size: 20px;  padding-top:10px; padding-bottom: 20px; padding-left: 50px; padding-right: 50px }
aside   {position: absolute; left: 1220px; top: 200px;  width: 500px; font-size: 30px; border-style: unset; }
nav     {position: relative; }

#menu { 
	display: flex;
	list-style-type: none;
	border: none;
	}
#menu li {flex: 1 1 auto; }
#menu li a:hover {color:red; }
#menu li a, #menu li a:visited {
	display: block;
	text-align: center;
	background-color: gainsboro;
	font-size: 2rem;
	font-weight: bold;
	padding: 5px 0;
	border-right: solid darkgray 1px;
	color: black;
	text-shadow: white 2px 0 0;
	text-decoration: none;
}


/* balise de titres */

h1, h2, h3, h4 {text-align: center; background-color: gainsboro; font-weight: bold; position: relative; width: auto; padding: 5px; }
h3 {padding: 5px; background-color: lightgray; }


/* propriétés balises affichage texte */
li { padding-bottom: 5px; text-align: justify ;}
p { text-indent: 30px; padding-bottom: 5px; text-align: justify; }
p.document {font-size: 19px; font-weight: normal; font-style: italic; text-indent: 20px; text-shadow: 0px 0px 0px white; text-align: justify; text-indent: 30px;}
.centre {text-align: center; }
div.ascenseur {height: 700px; overflow: auto; }
div#contact { position: relative; left: 350px; }
strong {font-size: 22px; font-weight: bold; color: Navy; }
blockquote {background-color: lightgray; font-size: 25px; padding-left: 15px; padding-right: 15px; }

.rouge {color: red; font-weight: bold; }
.petit { font-variant:small-caps; text-align: center; }
.centre_gris { text-align: center; font-weight: bold; color: gray; font-size: 20px; padding-bottom: 0px; margin-bottom: 0px;}

/* affichage de texte */
input {text-align: center; font-weight: bold; }

/* position des photos */
img#photo_1 {position: relative; left: 75px;}
img#photo_2 {position: relative; left: 75px; top: 10px; }
img#photo_3 { position: relative; left: 75px; top: 20px; }
img#photo_4 {position: relative; left: 75px; top: 20px; }
img#france {position: relative; left: 25px;}


/* listes de définitions */
dt { font-weight: bold; }

.mobile {display: none; } /* l'article de classe mobile n'est pas affiché */

/* ------------------------------------- */
/* page d'accueil pour les petits écrans */

@media only screen and (max-width: 599px) {
	.screen {display: none; }
	.mobile {display: block; }
	main {width: 100%; }
	h1.titre_page {font-size: 25px; font-weight: normal; }
	#menu {display: none; }