/* Font */
@font-face
    {
    font-family: "Police";
    src:url("fonts/agency_fb.ttf");
    }

/* Styles globaux  */
body
    {
	background-color: #282828;
	background-repeat: no-repeat;
	background-attachment: fixed;
	margin: 0;
    }

*
    {
	font-size:x-large;
    font-family: "Police";
    }

p   {
	padding:10px 20px 10px 20px;
	margin:0px 0px 10px 0px;
    }

h1  {
	text-shadow : 1px 1px 1px gray;
	font-size:xx-large;
    }

h1, h2
    {
	padding-left:10px;
    }

/* menu de navigation */ 

#menu_nav
    {
	margin:0;
	background-color:#1B1817;
    padding-left: 17.5%;
    }

#menu_nav ul
    {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }

#menu_nav li
    {
	height:100%;
	padding: 0px 0px;
	margin:0;
	border-left: 1px solid #1B1817;
	border-right: 1px solid #1B1817;
    float: left;
    }

#menu_nav li a
    {
    display: block;
    color: white;
    text-align: center;
    padding: 5px 20px;
    text-decoration: none;
    }

#menu_nav li:hover
    {
	border-left: 1px solid #01FF68;
	border-right: 1px solid #01FF68;
    background-color: rgb(0, 142, 58);
    }

/* en-tête  */

header
    {
	text-align:center;
	margin-bottom:20px;
    background-color: #01FF68;
    }


/* classe zone_centre */

.zone_centre
    {
	margin:0px auto 0px auto;
	width: 70%;
    min-width: 800px;
    }

.zone_centre a
    {
    padding:10px 20px 10px 20px;
	margin:0px 0px 10px 0px;   
    }

#flex
    {
    display: flex;    
    }

.zone_centre article
    {
    display: inline-block;
    list-style: none;
    }
/* classe fond_clair (à créer) */

.fond_clair
    {
    background-color: rgba(255, 255, 255, 0.70);
    }

/* section actualités */
#actu
    {
    margin-bottom:20px;
    }

#actu h1
    {
	padding: 10px 30px;
	margin:0;
    }

#actu article h2, #actu article p, #actu article a
    {
	margin: 0;
	padding : 0px 30px;
    }

/* section bienvenue */

#bienvenue
    {
	width : 70%;
	display : inline-block;
	margin-bottom:20px;
    /*margin-left: 17.5%;
    215*/
    float: left;
    }

/* zone de côté "Prochains concerts" */

#next
    {
	width: 30%;
	display:inline-block;
    margin-bottom: 20px;
    float: left;
    }

#next h1
    {
	font-size:x-large;
    }

#next h2
    {
	font-size:large;
	color:red;
    }

#next p
    {
	font-size:large;
    }


/*pied de page */

footer
    {
    float: left;
	background-color:#282828;
    text-align: center;
    width: 100%
    }

footer a
    {
	color: #01FF68;
    }

footer p
    {
    color: rgba(255, 255, 255, 0.70);
    }
        
footer img
    {
	width:50px;
	height:50px;
    }

/* bouton de retour vers le haut */

#back_to_top
    {
    float: right;
    margin-right: 3%;
    }

#back_to_top img
    {
	width:50px;
	height:50px;
    }

/* Image fond */

#imagefond
    {
    position: absolute;
    z-index: 1000;
    background-image: url(images/background.jpg);
    width: 100%;
    height: auto;
    float: left;
    background-repeat: no-repeat;
    }