body
{
	background: url(img/background.jpg);
}

/*Style de la page*/
#bloc_page
{
	size: 90%;
	margin: auto;
}

#bloc_page a
{
	color: black;
}

section
{
	font-size: 2em;
}

/*Gestion des titres*/
h1
{
	font-size: 6em;
	text-align: center;
}

h2
{
	font-size: 3em;
	margin-bottom: 0px;
	margin-top: 3px;
}

h3
{
	font-size: 2em;
	margin-bottom: 1px;
}

/*Menu principal*/
nav
{
	width: 60%;
	justify-content: center;
	margin: auto;
}

nav ul
{
	font-size: 4em;

	list-style: none;
	display: flex;
	justify-content: space-between;
	text-align: center;
	
}

nav a
{
	text-decoration: none;
}

nav a:hover
{
	text-decoration: underline;
}

/*Disposition des mois*/
.list_festival
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	list-style: none;

}

.details
{
	list-style: none;

	margin-left: 0px;
}

.ico
{
    vertical-align: middle;
    margin-right: 8px;

    width: 32px;
}

.ico_fest
{
	vertical-align: middle;
	margin-right: 8px;

	width: 64px;
}

.pays
{
	margin-bottom: 2px;
}

.flag
{
	vertical-align: middle;
    margin-left: 8px;

	height: 32px;
}

/*Gestion des affiches*/
.affiche
{
	width: 80%;
	margin: auto;

	background-color: black; /*Fond noir pour les affiches sans fond*/
}

img.affiche{height: auto;}

/*Bouton retour en haut*/
#bouton_haut {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 0px;
  border-radius: 10px; /* Rounded corners */
}

#bouton_haut:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

/*Disposition du site sur smarphone*/
@media all and (max-width: 1024px)
{
    #bloc_page
    {
        width: auto;
    }

    #bouton_haut img
    {
    	width: 48px;	
    }

    /*Taille des carractères*/
    h1
    {font-size: 3em;}
    h2
    {font-size: 1.5em;}
    h3
    {font-size: 1em;}
    nav ul
    {font-size: 2em;}
    section
    {font-size: 1em;}

    /*Taille des icon*/
    .ico
    {width: 16px;}
    .ico_fest
    {width: 32px;}
    .flag
    {height: 16px;}
}