body
{
	background-color: black;
}

/*Entete avec la citation*/
header
{
	width: 100%;
    height: 130px;
	margin-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif;
}
header p
{
	text-align: center;
	
	font-size: 48px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	
	
}
header a
{
	text-decoration: none;
	color: #D4D5D7;
}
.cit
{
	font-weight: normal;	
	font-size: 18px;
	color: #D4D5D7;
}


#corps
{
	background-color: #14191D;
	margin: auto;
	max-width: 1024px;
	min-width: 320px;
	border-radius: 5px;
}

#menu
{
	width: 100%;
	height:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 25px; /* pour décaler le menu vers le bas sinon il recouvre le header*/
	margin-left:9%;
	position:relative;
	z-index: 2;
}
#menu ul
{
	margin:0;
	padding:0;
	border-radius: 4px;
	list-style-type: none;
	text-align:center;
}
#menu li
{	
	font-size: 20px;/* taille du texte dans le menu par défaut*/
	background-color: #27282A;
	color: #D4D5D7;
	float:left;	
	position: relative; 
	width: 170px;
	
	color: #D4D5D7;
}
#menu  li a
{	
	width: 170px;
	text-decoration: none;
	color: #D4D5D7;
	display: block;
}
#menu  li a:hover
{
	text-decoration: none;
	color: #27282A;
	background-color: #D4D5D7;
}
#menu ul li ul 
{
	display:none;
}
#menu li:hover ul li 
{
	float:none;
}
#menu ul li:hover ul
{
	display: block;
	text-align: center;
	background-color: #D4D5D7;
	color: #27282A;
}
#menu li ul 
{
	position:absolute;
}
section
{
	color:#D4D5D7;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}
.news
{
	padding: 15px;
	color: #D4D5D7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify;
}
.news a
 {
	text-decoration: none;
	color: #2CABCB;
 }

 /* Affichage titre des news ou pas: mise en forme*/

.bouton {
	border:none;
	padding:6px 0 6px 0;
	border-radius:3px;
	box-shadow:1px 1px 3px #aaa;
	background:#fff;
	color:#555;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.bouton:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:none;
	padding:6px 0 6px 0;
	border-radius:2px;
	box-shadow:1px 1px 3px #aaa;
	background:#fff;
	color:#555;
}
.bouton:active {
	position:relative;
	top:1px;
}



 
 
 
/*Début du style dans la section article*/
.accueil
{
	display: inline-block;  /* Pour mettre l'article et aside cote a cote */
	width: 75%;
	vertical-align: top;   /*alignement en haut*/
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	color: #D4D5D7;
	
}
article
{
	display: inline-block;  /* Pour mettre l'article et aside cote a cote */
	width: 97%;
	vertical-align: top;   /*alignement en haut*/
	padding: 15px;
	color: #D4D5D7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
article p
{
	text-align: justify;
}
article h1,h2,h3,h4
{
	text-align: center;
}
article h1
{
	font-size: 20px;
}
article h2
{
	font-size: 18px;
}
article a
{	
	color: #2CABCB;  /*couleur bleu pale*/
	text-decoration: none;
}
article li
{
	text-align: left;
}
article a:hover
{
	color: #D4D5D7;  /*couleur blanc cassé*/
}
.centerimg
{
	text-align: center;
}
.legend
 {
	font-style: italic;
	font-size: 12px;
}
.newsh1
{
	padding-top:25px;
	text-align: center;
	font-size: 20px;
}
.posinebleft
{
	display: flex;
}
.neb
{
	list-style-type: none;
}
.posinebright
{
	display: flex;
	
}
.tablegrisbg
{
	background-color: #D4D5D7;
	color: #14191D;
	border-radius:3px;
	width: 65%; 
	margin-left: auto;
    margin-right: auto;
	border-collapse: collapse;
}
.tablegrisbg th, td
{
	width: 30px;
}
.tabgalerie
{
	width: 800px; 
	margin-left: auto;
    margin-right: auto;
	border-collapse: collapse;
	border-radius: 10px;
	border: none;
}
.tabgalerie img
{
	border-radius: 10px;
	border: 2px solid #14191D;;
}
.galerie
{
	width: 200px;
	height:200px;
}	
.imgstelvision
{
	height: auto;
	width: 462px;
}
.def
{
	color: #2CABCB;
}
.galeriepage
{
	max-width: 70%;
	margin: 0px;
}
.galeriepage img
{
	max-width: 500px;
	margin: 0px;
}
.lialigncenter
{
	display: inline;
	padding: 10px;
}
.logoapps
{
	float:left;
	height: 80px;
	width: 74px;
	padding-right:10px;
}

.formule
{
	text-align: center;
	color: #2CABCB;
	font-style: bold;
	padding-top: 15px;
}
.even
{
	width: 150px;
	height: 150px; 
	border: 0px;
	margin: auto;
}
aside
{
	display: inline-block;  /* Pour mettre l'article et aside cote a cote */
	width: 18%;
	vertical-align: top;
	margin-top: 25px;
	padding: 10px;
	background-color: #D4D5D7;/*couleur blanc cassé*/
	border-radius: 3px;
	color: #14191D; /*couleur fond section*/
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
aside a
{
	text-decoration: none;
	color: #2CABCB;
}
aside a:hover
{
	color: #14191D;
}
.countdowntitle
{
	font-style: bold;
	text-align: center;
}
.countdown
{
	float: right;
	text-align: top;
	margin: 10px;
}
.dessous
{
    clear: both;
}
iframe
{
	border: 0px;
}
/* Pied de page */
footer
{
	margin:0;	
	padding: 5px;
	text-align: center;
	color: #B3B3B3;
	background-color: #667882;
	border-radius: 5px;
	
}

footer p
{
	color: #B3B3B3;
	margin: 0px;
	padding: 0px;
}
footer a
{
	color: #2CABCB;  /*couleur bleu pale*/
	text-decoration: none;
}
footer a:hover
{
	color: #D4D5D7;  /*couleur blanc cassé*/
}
.imgw3c
{
	border:0;
	width:80px;
	height:25px;
}


@media (max-width: 930px){
	.cit
	{
		display:none; 
	}
	#menu
	{
		width: 100%;
	}
}
@media (max-width: 750px){
	header
	{
		width: 62%;
		height: 30px;
		display: inline-block;
		vertical-align: top;
	}
	header p
	{
		font-size: 30px;
		text-align: center;
		
		font-weight: bold;
		margin: 0px;
		padding: 0px;
	}
	
	#menu
	{
		width: 30%;
		height:50px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		display: inline-block;
		margin-left:0px;
		
		z-index: 1;
	}
	#menu ul
	{
		padding-left: 100px;
		
	}
	#menu li
	{	
		font-size: 12px;/* taille du texte dans le menu par défaut*/
		background-color: #14191D;
		color: #D4D5D7;
		float: right;	
		width: 100px;
		
		color: #D4D5D7;
	}
	#menu  li a
	{	
		width: 100px;
		text-decoration: none;
		color: #D4D5D7;
		
	}
	#menu  li a:hover
	{
		text-decoration: none;
		color: #27282A;
		background-color: #D4D5D7;
	}
	#menu ul li ul 
	{
		display:none;
		padding-left: 0px;
	}
	
	
	#menu ul li:hover ul
	{
		display: block;
		float: right;
		text-align: center;
		background-color: #D4D5D7;
		color: #27282A;
		position: absolute;
		left: -100px;
		top: -30px;
		z-index: 2;
	}
	

	#corps
	{
		width: 100%;
		margin: 0px;
		
	}
	img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video 
	{
		max-width: 100%;
	}
	
	.news
	{
		padding: 0px;
	}
	.accueil
	{
		padding: 0px;
		width: 95%;
	}
	.cit
	{
		display:none;	
	}
	.tablegrisbg
	{
		display:none; 
		
	}
	.posinebleft
	{
		display: inline-block;
		vertical-align: top;
		margin-right: 0px;
	}
	.galeriepage img
	{
		width: 100%;
		margin: 0px;
	}
	#slideshow
	{
		display: none;
	}
	aside
	{
		width: 75%;
	}
	article
	{
		padding: 0px; 
	}
}