/* 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("../images_communes/abstract-3080642_1280.jpg");
	background-repeat: repeat;
	opacity:1;
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color: #181818;
}

#bloc_page
{
    max-width: 1300px;
    margin: auto;
}

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

#titre_slogan
{
	text-align: justify;
	margin: 5px;
	padding:10px;
    border: 1px blue solid;
    box-shadow: 0px 2px 5px #1c1a19;	
	border-radius: 5px;
}
#rappel_page
{
	border:1px blue solid;
	border-radius:5px;
	box-shadow: 5px 5px 5px black;
	background-color:white;
}

#img_banniere 
{
	margin:auto;
	border-radius: 10px;
	width:80%; 
	max-width:500px; 
	overflow: hidden; 
}
#img_banniere figure img 
{
	width: 20%;
	float:right;
}
#img_banniere figure 
{ 
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
	text-align: left;
	font-size: 0;
	animation: 20s slidy infinite;
}
@keyframes slidy 
{
	0% { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; }
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; }
}
.titre_slogan
{
	margin-top:150px;
	max-width:350px;
	height:220px;
	border: # #;
	vertical-align:#;
	position:#;
	top:100px;
	background-color:  #b3b7b9;
	color:#;
}

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: 1em;
    color: #1e3444;
    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:space-around;
	align-content:stretch;
	align-items:center;
	width:1500px;
	max-height:#;
}	

#sous_centrale1,#sous_centrale2,#sous_centrale3,#sous_centrale4
{
	text-align: justify;
	margin: 10px;
	padding:5px;
    border: 1px blue solid;
    box-shadow: 0px 2px 5px #1c1a19;	
	border-radius: 5px;
}	
#sous_centrale1
{
	width:800px;
	background-color:  #b3b7b9;
	color:#;
	max-height:800px;
}
#sous_centrale2
{
	text-align: center;
	max-width:700px;
	background-color: #b3b7b9;
	color:#;
	max-height:900px;
}
#sous_centrale3
{
	max-width:630px;
	background-color: #b3b7b9;
	color:#;
	max-height:500px;	
}
#sous_centrale4
{
	max-width:600px;
	background-color: #b3b7b9;
	color:#;
	max-height:500px;		
}
#sous_centrale5
{
	text-align: center;
	font-weight:bold;
	margin: 10px;
	padding:5px;
    border: 1px blue solid;
    box-shadow: 0px 2px 5px #1c1a19;	
	border-radius: 5px;
}
.sous_centrale5
{
	max-width:1300px;
	background-color: #b3b7b9;
	color:#;
}
#organig1 
{
	border:1px black solid;
	border-radius:1px;
	box-shadow: 5px 5px 5px #1c1a19;
	background-color: white;
}
#organig2 
{
	border:1px black solid;
	border-radius:1px;
	box-shadow: 5px 5px 5px #00ff7f;
	background-color: white;	
}
#organig3 
{
	border:1px black solid;
	border-radius:1px;
	box-shadow: 5px 5px 5px white;
	background-color: white;	
}
#organig4 
{
	border:1px black solid;
	border-radius:1px;
	box-shadow: 5px 5px 5px #ffa07a;
	background-color: white;	
}
#tableau table
{	position: center;
	border-collapse:collapse;
	text-transform:uppercase;
}
#tableau td
{	    
	border: 10px solid #b3b7b9;
}
#pied
{
	display:flex;
	margin:auto;
	flex-direction:#;
	flex-wrap:#;
	justify-content:space-around;
	align-content:space-between;
	align-items:center;
	width:1000px;
	max-height:#;
	text-align: #;
	margin: #;
	padding:#;
    border: 1px #;
    box-shadow: # # # #;	
	border-radius: #;
}
#contact
{
	width:400px;
	max-height:250px;
	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:300px;
	max-height:250px;
	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:300px;
	max-height:250px;
	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, .deux_ecrans
{
	float:left;
	margin:4px;
}
h1,h2
{
	color:#1171ba;
	text-align:center;
}
#img_banniere h1
{
	color:#1182ba;
	text-align:center;
}
footer
{
	color:##1171ba;
}
#machine
{
	border:1px blue solid;
	border-radius:5px;
	box-shadow: 5px 5px 5px blue;
	background-color: white;
}
.IClogo
{
	float:left;
	margin:4px;	
}