body
{
	background-color: #f2f1ee;
	max-width:960px;
	margin: auto;
}
@media all and (max-width: 1024px)
{
body
{
width: auto;
}
}

h3
{
	color: #921f0f;
	text-align: center;
	font-family :arial;
	font-style : normal;
}
h4
{
	color: #921f0f;
	font-family :arial;
	font-style : normal;
}
h5
{
	color: #921f0f;
	text-align: center;
	font-family :arial;
	font-style : normal;
}
.intro /*le javascript de l'intro*/
{
	font-size : 1.1em;
	color: #921f0f;
	font-style : italic;
}

.intro1/*titre de l'intro */
{
	display: flex;
	color: #921f0f;
	background-color: #fbc586;
	font-family :arial;
	font-style : normal;
	justify-content: center;
	box-shadow: 6px 6px 6px black;
	border-radius: 10px
}
.intro2/* sous-titre de l'intro */
{
	color: #921f0f;
	text-align: center;
	font-family:arial;
	font-style: normal;
	
}
.intro1_image/* image de l'intro image */
{
	display:flex;
	align-items: center;
	justify-content: center;	
}
.image1/* centrer une image */
{
	display:flex;
	align-items: center;
	justify-content: center;

}
.imageflottante/* image gauche*/
{
	float: left;
	margin:20px
}
.imageflottante2/* image droite*/
{
	float: right;
	margin:20px
}

p
{
	text-align: justify;
	margin-right: 20px;
	margin-left: 20px;
	color: black;
	font-family :arial;
	font-style : normal;
	font-size : 1em;

}
#conteneur /*2 ou 3 elements cote à cote pour les lignes du menu */
{
	display: flex;
	justify-content: space-around;
	border-radius: 10px;
	border: solid 2px #FF8000;/*orange++*/
	background-color:#F7F2E0;/*orange*/
}
.element_1
{
	margin: 10px;	
	border: solid 1px #F7BE81;/*orange+*/
	border-radius: 10px;
	padding: 10px;
	background-color: #f2f1ee;/*presque blanc*/
	text-align: center;
}
.element_2
{
	margin: 10px;
}
.element_3
{
	margin: 10px;
}
#menu /*3 elements cote à cote pour en tete menu avec blasons */
{
	display: flex;
	justify-content: space-around;
	background-color:#F7F2E0;/*orange*/
	
}
.menu_1
{
	margin: 10px;	
	padding: 10px;
	background-color: #f2f1ee;/*rouge sombre*/
	text-align: center;
	font-size: 1em;
}
.menu_2
{
	margin: 10px;
}
.menu_3
{
	margin: 10px;
}
a /* Liens par défaut (non survolés) */
{
	text-decoration: none;
	color: blue;
	font-style: italic;
	font-size : 1.2em;
}
a:hover /* Apparence au survol des liens */
{
	text-decoration: underline;
	color: green;
	
}
.bouton
{
	display:flex;
	justify-content: flex-end;
	
}
.b1
{
	
	border-radius: 5px;
	background-color:#D8D8D8;/*gris*/
	padding:3px;
}
.b2
{

	border-radius: 5px;
	background-color:#D8D8D8;/*gris*/
	padding:3px;
}
	
.texte_image/*2 elements cote à cote */
{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.c_1
{
	margin: 5px;	
	border: solid 1px #FAAC58;/*orange*/
}
.c_2
{
	margin: 5px;
	border: solid 1px #FAAC58;/*orange*/
}
.texte_image_col/*2 elements l'un au dessus de l'autre */
{
	display: flex;
	justify-content: space-around;
	flex-direction: column;
	align-items: center;
}
.z_1
{
	margin: 5px;	
	border: solid 1px #FAAC58;/*orange*/
}
.z_2
{
	margin: 5px;
	border: solid 1px #FAAC58 /*orange*/
}