@charset "utf-8";
/* CSS Document */
body {
	background: #ffffff;
	padding: 0;
	margin: 0;
	object-fit: scale-down; max-width: 100%
}


/* DESKTOP */
@media only screen and (min-width: 600px) {

	img.bigLogo {
		max-width: 100%;
		float: right;
	}
	
	img.smallLogo {
		max-width: 100%;
		float: right;
		padding-top: 13px;
		padding-right: 10px;
	}
	
	.smallLogo2 {
		display:none;
	}
  
  	.entete {
    	background-color: #000000;
		padding:0px;
		height:118px;
		width:100%;
	} 
	
	.img_titre {
	
		text-align:center;
		color:#000;
		font-size:24px;
		font-weight:bold;
		font-family: cursive;
		margin-top:30px;
	}
	
	.menu_desktop {
	
		width:100%;
		background-color:#292a2c;
		height:40px;
		padding:0px;
		margin:0px;
		color:#FFF;
		text-align:center;
		padding-top:21px;
		display: block;
        font-size: 18px;
        font-family: arial;
	}
	
	.menu_mobile {
		display:none;
	}
	
	.description {
		margin-left: auto;
    	margin-right: auto;
		width:500px;
		padding:0 20% 0 20%;
		text-align:center;
		margin-top:35px;
		font-family:arial;
		font-weight:normal;
		font-size:14px;
	}
	
	.spectacle_D {
		display:block;
		width:100%;
		margin-top:10px;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
	}
	
	.spectacle_M {
		display:none;
	}
	
}

/* MOBILE */
@media only screen and (max-width: 600px) {
  
  	img.bigLogo {
		max-width: 273px;
		float: right;
	}
	
	img.smallLogo {
		max-width: 70%;
		float: right;
		padding-top: 9px;
		display:none;
	}
	
	.smallLogo2 {
		display:block;
		width:100%;
		text-align:center;
		margin-top:20px;
	}
	
	.entete {
    	background-color: #000000;
		padding:0px;
		height:86px;
		width:100%;
	} 
	
	.img_titre {
	
		text-align:center;
		color:#000;
		font-size:20px;
		font-weight:bold;
		font-family: cursive;
		margin-top:10px;
	}
	
	.menu_desktop {
	
		width:100%;
		background-color:#292a2c;
		height:40px;
		padding:0px;
		margin:0px;
		color:#FFF;
		text-align:center;
		padding-top:5px;
		display:none;
	}
	
	.menu_mobile {
	
		width: 100%;
        background-color: #292a2c;
        height: 80x;
        line-height: 32px;
        margin: 0px;
        color: #FFF;
        text-align: left;
        padding-top: 10px;
        display: block;
        font-size: 18px;
        font-family: arial;
        padding-bottom: 10px;
	}
	
	.menu_mobile:hover {
	
        color: #e8b100;
	}
	
	.bar_orange {
    	display:none;
	}
	
	.description {
		width:auto;
		padding:0 50px 0 50px;
		text-align:center;
		margin-top:35px;
		font-family:arial;
		font-weight:normal;
		font-size:14px;
	}
	
	.spectacle_D {
		display:none;
	}
	
	.spectacle_M {
		display:block;
		width:100%;
		margin-top:10px;
		margin-left: auto;
		margin-right: auto;
		text-align:center;
	}
	
}

.bar_orange {
    width:100%;
	background-color:#e8b100;
	height:15px;
	padding:0px;
	margin:0px;
}

.bar_orange_titre {
    width:100%;
	background-color:#e8b100;
	height:35px;
	padding:0px;
	margin:0px;
}

.nom_page {
	font-size:22px;
	text-align:center;
	font-weight:bold;
	color:#292a2c;
	padding:5px 5px 5px 14px;
	font-family: arial;
}  	

.open_menu {
	font-size:18px;
	cursor:pointer;
	padding-left: 11px;	
} 

.sous_titre {
	text-align:center;
	margin-top:15px;
	font-family:arial;
	font-weight:bold;
}

	
a {
	color:#FFF;
	font-size: 18px;
	font-family: arial;
	text-decoration: none;
}

a:hover {
  	color: #e8b100;
  	font-size:18px;
}


.sidenav {
  	height: 100%;
  	width: 0;
  	position: fixed;
  	z-index: 1;
  	top: 88px;
  	left: 0;
  	background-color: #111;
  	overflow-x: hidden;
  	transition: 0.5s;
  	padding-top: 60px;
}

.sidenav a {
  	padding: 8px 8px 8px 32px;
  	text-decoration: none;
  	font-size: 21px;
  	color: #FFFFFF;
  	display: block;
  	transition: 0.3s;
}

.sidenav a:hover {
  	color: #e8b100;
}

.sidenav .closebtn {
  	position: absolute;
  	top: 0px;
  	right: 25px;
  	font-size: 36px;
  	margin-left: 50px;
}

.footer {
  	text-align:center;
	font-family:arial;
	font-size: 11px;
    padding: 10px 0 5px 0;
	font-weight: bold;
}

/* POUR MENU */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}