/* Eléments principaux de la page */

body
{
  background-color: #E7E7E7;
}


#bloc_page
{
	margin:auto;
	width:1000px;
	height:auto;
	background-color: rgba(255, 255, 255, .3);
	font-family: 'Julius Sans One', sans-serif;
    color: black;
}

/* Header */

header
{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

#titre_principal
{
    display: flex;
    flex-direction: column;
}

#logo
{
    display: block;
    flex-direction: row;
    align-items: baseline;
	position:static;
	margin-top:20px;
	margin-left:43px;
	
}

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

/* Navigation */

#nav_container
{
    clear: right;
}

*{
    vertical-align: baseline;
    margin: 0px;
    padding:0px;
}

div{
    display: block;
}

#main_menu
{
    float: left;
    padding: 0px 0px 0px 36px;
}

ul
{
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

#main_menu li
{
    width:12.4em;
    display:block;
    border-left:1px solid rgb(67,67,67);
    float: left;
    list-style-type: none;
    text-align: center;
    position: relative;
    padding-bottom: 0px;
}

*{
    vertical-align: baseline;
    margin:0px;
    padding:0px;
}

li
{
    display: list-item;
}

#main_menu li a
{
    text-align: center;
    display: block;
    color: black;
    font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    padding:0px 10px;
}

a
{
    color: rgb(102,102,102);
    cursor: pointer;
    text-decoration: none;
}

*{
    vertical-align: baseline;
    margin:0px;
    padding:0px;
}

#main_menu li a:hover
{
    color: black;
    font-weight: bold;
}

/*Parties*/

#actu1
{
	position:static;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	display:block;
	width:1000px;
	height:auto;
	line-height:25px;
	font-size:21px;
	text-align:center;
	color:black;
	font-family:'Public Sans', sans-serif;
}

#actu1 img
{
	width:1000px;
	height:auto;
	opacity:0.9;
	box-shadow: 0px 0px 15px 6px white
}

#actu1 img:hover
{
		opacity:1.0;
}

#actu2
{
	position:static;
	margin-top:60px;
	display:block;
	width:930px;
	height:200px;
	text-align:right;
	margin-left: 40px;
}

#actu2 img
{
	width:150px;
	height:150px;
	margin-right:40px;
	opacity:0.9;
	box-shadow: 0px 0px 15px 6px white
}

#actu2 img:hover
{
		opacity:1.0;
}

#actu2 p
{
	margin-top:-150px;
	margin-left:20px;
	line-height:25px;
	font-size:21px;
	text-align:left;
	color:black;
	font-family:'Public Sans', sans-serif;
}

#actu3
{
	position:static;
	margin-top:60px;
	display:block;
	width:930px;
	height:200px;
	text-align:right;
	margin-left: 40px;
}

#actu3 img
{
	width:150px;
	height:150px;
	margin-right:40px;
	opacity:0.9;
	box-shadow: 0px 0px 15px 6px white
}

#actu3 img:hover
{
		opacity:1.0;
}

#actu3 p
{
	margin-top:-150px;
	margin-left:20px;
	line-height:25px;
	font-size:21px;
	text-align:left;
	color:black;
	font-family:'Public Sans', sans-serif;
}

/* Bas de page */

#nav_footer{
	display: flex;
	font-family: 'Ubuntu', sans-serif;
}

#nav_footer ul{
	display: flex;
}

#nav_footer li{
	margin-left: 30px;
	margin-top: 30px;
}

#hautpage{
	margin-left: 300px;
	color: black;
}