/*
style.css
*/

header
{
	background-color: #f8f6ea;
	color: black;
	order: 1px solid red;
	position: fixed;
	width:98%;
}
body
{
	background-color: #f8f6ea;
	color: black;
	order: 1px solid red;
}

footer
{
	background-color: #f8f6ea;
	color: black;
	order: 1px solid red;
	bottom: 10px;
	right : 10px;
	position: fixed;
}

.menu {}
.menu li {
    list-style-type: none ;       /* Suppression des puces */
}
.menu a {
    display:block;                /* Transformation en block */
    min-width: 100px;             /* Largeur minimale des liens */
}

.superbloc
{
	color: black;
	order: 3px solid green;
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
	op: 20%;
	width: 60%;
}

.container1
{
	color: black;
	order: 2px solid green;
    margin-top: 100px;
    margin-right: auto;
	width: 100%;
}
.container
{
	color: black;

}
.menu li {
    list-style-type: none ;       /* Suppression des puces */
}
.menu a {
    display:block;                /* Transformation en block */
    min-width: 100px;             /* Largeur minimale des liens */
}

.superbloc
{
	color: black;
	order: 3px solid green;
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
	op: 20%;
	width: 60%;
}

.container1
	order: 2px solid blue;
    display: flex;              /* Transformation en flexbox */
    padding:0;                  /* Suppression des marges internes */
	font-size:3em;
	font-family: arial, sans-serif;
	width:100%;
	justify-content: space-between;
}
.menu li {
    list-style-type: none ;       /* Suppression des puces */
}
.menu a {
    display:block;                /* Transformation en block */
    min-width: 100px;             /* Largeur minimale des liens */
}

.superbloc
{
	color: black;
	order: 3px solid green;
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
	op: 20%;
	width: 60%;
}

.container1
{
	color: black;
	order: 2px solid green;
    margin-top: 100px;
    margin-right: auto;
	width: 100%;
}
.container
{
	color: black;

}
.menu li {
    list-style-type: none ;       /* Suppression des puces */
}
.menu a {
    display:block;                /* Transformation en block */
    min-width: 100px;             /* Largeur minimale des liens */
}

.superbloc
{
	color: black;
	order: 3px solid green;
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
	op: 20%;
	width: 60%;
}

.container1
{
	color: black;
	order: 2px solid green;
    margin-top: 100px;
    margin-right: auto;
	width: 100%;
}
.container
{
	color: black;
	order: 2px solid green;
    margin-top: 20px;
    margin-right: auto;
	width: 90%;
}

.bloc1
{
	display: inline-block;
	color: black;
	order: 2px solid red;
    argin-top: 200px;
    margin-right: auto;
	width: 20%;
}
.bloc2
{
	display: inline-block;
	color: black;
	order: 2px solid blue;
	width: 70%;
}

.bloc3
{
	display: inline-block;
	color: black;
	order: 2px solid blue;
	width: 100%;
}

.image
{
	width: 100%;
	order: 5px solid black;
}

.small_image
{
	width: 49%;
}

.medium_image
{
	width: 49%;
    margin-left: auto;
    margin-right: auto;
}

.red
{
	color: red;
}

	h1
	{
	font-weight: bold;
	}

	h2
	{
	font-weight: bold;
	}


	p
	{
	display:inline;
	font-size: 1.1em;
	font-family: arial, sans-serif, courier new, ;
	font-style: normal;
	letter-spacing :0.7px;
	color: black;
	z-index: 1;
	}

	::selection{
  background-color : #295e0f;
  color : #fff
}

	a
	{
	font-style: bold;
	color: red;
	text-decoration: none;
	opacity: 1;
	z-index: 1;
	}
	.hyperlien
	{
	color: red;
	}

	a:hover
	{
	opacity: 1;
	z-index: 1;
	}