*
{
	box-sizing: border-box;
}


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

/*--------------------------------------------------------------------------*/

header
{
	border				: 7px solid green;
	background-color	: #FFF;																		/* #c0c0c0;*/
}


.header-bandeau
{
	width				: 100%;
	color				: purple;		
	font-size			: x-large;
	font-weight			: bold;
	text-align			: center;
	text-decoration		: underline;
}


.header-menu
{
	text-align			: center;
	display: table;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto; 
	padding: 20px 25px; 

}


.header-menu > * 
{
	display: table-cell;
	vertical-align: middle;
}


.header-menu ul,
.header-menu li 
{
	display				: inline;
	list-style			: none;
}


.header-menu a 
{
	position			: relative;
	display				: inline-block;
	padding				: 8px 20px;
	vertical-align		: middle;
	/*font-weight			: 300; */
	letter-spacing		: 0.025em;
}

/*--------------------------------------------------------------------------*/

body
{
	float				: middle;
	background-color	: grey;
	font-family			: arial;
}

/*--------------------------------------------------------------------------*/

h1
{
	font-size			: tall;
	text-align			: center;
	color				: red;
}

h2
{
	font-size			: tall;
	text-align			: center;
	color				: red;
}

/*--------------------------------------------------------------------------*/

p
{
	color				: black;
	font-size			: x-large;
	
}


a
{
	color				: red;
	font-style			: underline;	
}




/*--------------------------------------------------------------------------*/

.Central
{
	/*width				: 60%;*/
	/*float 				: none;*/											
	border				: 7px solid;
	border-color		: #0000ff;
	background-color	: #d0d0d0;
}

.centrage
{
	text-align			: center;
	width				: 100%
}

.TEST
{
	display				: flex;
    align-items			: center;
    justify-content		: space-around;
    flex-wrap			: wrap;
}

.CD_Texte
{
	font-weight			: bold;
	letter-spacing		: normal;
	font-family			: system-ui, sans-serif;
	line-height			: 2;
}


.Photos_MID
{
	width				: 74%;
	float 				: left;
	border				: 5px solid;
	border-color		: #0000ff;
	background-color	: #d0d0d0;
}


.Photos_RIGHT
{
	width				: 20%;
	float				: right;
	border				: 5px solid;
	border-color		: purple;
	background-color	: white;
}


.RETOUR
{
	clear				: both;
	font-size			: x-large;
	font-weight			: bold;
	color				: red;
}


.info
{
	width				: 25%;
	border				: 7px solid green;	
}


.IMG
{
	vertical-align		: middle;
	padding-top			: 5px;
	padding-bottom		: 5px;
}









/*--------------------------------------------------------------------------*/