/* Définition des polices personnalisées */

@font-face
{
    font-family: 'BallparkWeiner';
    src: url('polices/ballpark.eot');
    src: url('polices/ballpark.eot?#iefix') format('embedded-opentype'),
         url('polices/ballpark.woff') format('woff'),
         url('polices/ballpark.ttf') format('truetype'),
         url('polices/ballpark.svg#BallparkWeiner') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Dayrom';
    src: url('polices/dayrom.eot');
    src: url('polices/dayrom.eot?#iefix') format('embedded-opentype'),
         url('polices/dayrom.woff') format('woff'),
         url('polices/dayrom.ttf') format('truetype'),
         url('polices/dayrom.svg#Dayrom') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Eléments principaux de la page */

body
{
    background: url("blue-2137334_1920.jpg");
	background-repeat: repeat-y;
	opacity:1;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}

#bloc_page
{
    width: 1000px;
    margin: auto;
}

article h1, footer h1, nav a, aside h1
{
    font-family: Dayrom, serif;
    font-weight: normal;
    text-transform: uppercase;
}
#banniere
{
	display:flex;
	margin:auto;
	flex-direction:#;
	flex-wrap:wrap;
	justify-content:space-between;
	align-content:stretch;
	align-items:center;
	width:#;
	max-height:#;
}	

#img_banniere,#titre_slogan
{
	text-align: justify;
	margin: 5px;
	padding:10px;
    border: 1px blue solid;
    box-shadow: 0px 2px 5px #1c1a19;	
	border-radius: 5px;
}

.img_banniere
{
	max-width:580px;
	border: 1px blue solid;
    box-shadow: 2px 2px 5px #1c1a19;	
	border-radius: 5px;
	background-color: #f5f5f5;
}
.titre_slogan
{
	margin-top:150px;
	max-width:350px;
	height:190px;
	border: # #;
	vertical-align:#;
	position:#;
	top:100px;
	background-color: black;
	color:yellow;
}

nav ul
{
	display:flex;
	margin:auto;
	justify-content:center;
	list-style-type: none;
}
nav li
{
    margin-right: 10px;
	padding: 5px;
	box-shadow: 0px 2px 5px #1c1a19;
	background-color: #f5f5f5;
}
nav a
{
    font-size: 1.3em;
    color: #181818;
    padding-bottom: 3px;
    text-decoration: none;
}
nav a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
}
nav a:focus
{
	background-color: silver;
}
#centrale
{
	display:flex;
	margin:auto;
	flex-direction:#;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content:stretch;
	align-items:#;
	width:#;
	max-height:#;
}	

#sous_centrale1,#sous_centrale2,#sous_centrale3,#sous_centrale4
{
	text-align: left;
	margin: 10px;
	padding:5px;
    border: 1px blue solid;
    box-shadow: 0px 2px 5px #1c1a19;	
	border-radius: 5px;
}	
.sous_centrale1
{
	max-width:700px;
	background-color: black;
	color:yellow;	
}
.sous_centrale2
{
	max-width:220px;
	background-color: #706b64;
	color:#;
	height:400px;
}
.sous_centrale3
{
	max-width:335px;
	background-color: #706b64;
	color:#;
}
.sous_centrale4
{
	max-width:335px;
	background-color: #706b64;
	color:#;
}
#pied
{
	display:flex;
	margin:auto;
	flex-direction:#;
	flex-wrap:#;
	justify-content:#;
	align-content:space-between;
	align-items:#;
	width:1000px;
	max-height:#;
	text-align: #;
	margin: #;
	padding:#;
    border: 1px #;
    box-shadow: # # # #;	
	border-radius: #;
}
#contact
{
	width:450px;
	max-height:#;
	text-align: justify;
	margin: 5px;
	padding:5px;
    border: 1px blue solid;
    box-shadow: 2px 2px 5px #1c1a19;	
	border-radius: 5px;
	background-color: #b3b7b9;
	color:#;	
}
#site_map
{
	width:150px;
	max-height:#;
	text-align: justify;
	margin: 5px;
	padding:5px;
    border: 1px blue solid;
    box-shadow: 2px 2px 5px #1c1a19;	
	border-radius: 5px;
	background-color: #b3b7b9;
	color:#;	
}
#mentions_legales
{
	width:170px;
	max-height:#;
	text-align: justify;
	margin: 5px;
	padding:5px;
    border: 1px blue solid;
    box-shadow: 2px 2px 5px #1c1a19;	
	border-radius: 5px;
	background-color: #b3b7b9;
	color:#;	
}
header
{
}

.zozor_logo, .zozor_classe, .illustr_compta
{
	float:left;
	margin:4px;
}
h1,h2
{
	color:#e9ab03;
	text-align:center;
}
footer a
{
	color:#04689b;
}