body, div, ul {margin:0 ; padding:0;}

body
{
	background-image: url(images\ImageDeFond_ModePaysage2.png);
	font-family: 1.2 rem Garamond, Times, serif;
}

.global
{
	margin: 0 auto; width: 1204px;
	background-color: whitesmoke;
	border: solid 1px lavender; border-top: none; border-bottom: none;
	height: auto;
}

.entete
{ 
	img display: block;
	color:#ADD8E6;
	font-size: 11px;
}

#logo
{
    display: flex;
    flex-direction: row;
    font-family: Arial,sans-serif;
    vertical-align: center;
}

#logo img
{
    width: 69px;
    height: 60px;
}

#conteneur
{   
	display:flex;
	margin: 0; padding: 0;
	align-items: flex-start;
	height: auto;
}


.element
{
    margin: 0; padding: 0;
    height:auto;
    width:350px;
    font-size: 19px;
}

.element:nth-child(1)
{
    flex:1;
    box-sizing: border-box; display: inline-block;border-bottom: none;
	vertical-align: bottom; margin-top: 20px
	width: 245px;
}

.element:nth-child(2)
{
    flex:4;
}

.contenu {letter-spacing: -0.31rem;}
.contenu {width: 975px; padding: 80px 10px 10px 270px;
		  display: inline-block;}
.contenu * {letter-spacing: normal;}

article, aside {box-sizing: border-box;
				display: inline-block;border-bottom: none;
				padding: 15px;}

article {width: 90%}

.pied
{
	margin:0;
	padding:15px 0;
	width:1264px;
	display: block;
	float:left;
	text-align: center;
    font-family: Arial,sans-serif;
    background-color: whitesmoke;
    color:lightgrey;
	border:none;
	font-size: 13px;
	text-decoration: none;
}

#menu {display: flex; list-style-type: none;}
#menu li {flex: 1 1 auto;}

#menu li a, #menu li a:visited
{
		display:block; text-align: center;
		padding: 15px 0; border: solid lavender 1px;border-bottom: none;
		font-family: Arial, sans-serif;
		font-size: 1rem; font-weight: bold;
		color: brown; text-shadow: white 2px 0 0;
		text-decoration: none;
}

#menuV {margin-top: 140px; margin-left: 0px;
		list-style-type: none;}

#menuV li a, #menuV li a:visited
{
		display:inline-block; line-height: 20px;
		margin: 10px 0; padding: 10px 5px 10px 10px;
		font-family: Arial, sans-serif;
		font-size: 1rem; font-weight: bold;
		border: solid 1px lavender;border-bottom: none;
		color: brown; text-shadow: white 2px 0 0;
		text-decoration: none;
}

#menu li a:hover, #menuV li a:hover
{
	background:linear-gradient (silver, dimgray);
	color: #d282f4; text-shadow: none;
}



h1 {font-family: Arial,sans-serif;	
	font-size: 1.5 rem; color: #87CEEB}
h2 {font-family: Arial,sans-serif;
	font-size: 1.2 rem; color: brown;}
h5 {font-family: Arial,sans-serif}

td /* pour les tableaux */
{
	border: 2px solid blue;
}

th /* pour les tableaux */
{
	border: 2px solid blue;
}
table
{
	border-collapse: collapse;
}

.droite {float: right; margin-left: 10px;}
.droite2 {float: right; margin-left: 50px;}
.gauche {float: left; margin-right: 10px;}