#menu
{
	font-family: arial black;
	font-size: x-large;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	border: 3px solid #555;
	background-color: navy;
	width: 100%;
	overflow: hidden;
 }

#banniere
{
	border: 3px solid #555;
}

#pageactive
{
	color: yellow;
}
/* /header */

/* section */
section
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: justify;
	width: 85%;
	font-family: arial;
    margin: auto;
}

article
{
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
  	border: 3px solid #444;
  	border-radius: 10px;
  	background-color: rgba(124,124,124,0.5);
}

.boxtitletext
{
	font-size: large;
}
.articlevideo
{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
  	border: 3px solid #444;
	border-radius: 10px;
	background-color: rgba(124,124,124,0.5);
}

#articlevideo1
{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
  	border: 3px solid #444;
	border-radius: 10px;
	background-image: url(fonds1.png);
	background-repeat: repeat;
	background-attachment: scroll;
}

#articlevideo2
{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
  	border: 3px solid #444;
	border-radius: 10px;
	background-image: url(fonds2.png);
	background-repeat: repeat;
	background-attachment: scroll;
}

#articlevideo3
{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
  	border: 3px solid #444;
	border-radius: 10px;
	background-image: url(fonds3.png);
	background-repeat: repeat;
	background-attachment: scroll;
}

#articlevideo4
{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
  	border: 3px solid #444;
	border-radius: 10px;
	background-image: url(fonds4.png);
	background-repeat: repeat;
	background-attachment: scroll;
}


.articleimage
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 3px solid #444;
	border-radius: 10px;
	background-color: rgba(124,124,124,0.5);
}

iframe
{
	border:30px solid #555;
}

h3,h2
 {
 	text-align: center;
 	font-family: arial black;
 }

.text
{
	width: 85%;
	margin: auto;
	text-align: justify;
	margin-bottom: 10px;
}

.vide
{
	height: 10px;
}

.source
{
	font-size: smaller;
	font-style: italic;
	margin-bottom: 10px;
	color: black;
}
/* /section */

/* footer */
footer
{
	font-family: arial black;
	display: flex;
	justify-content: space-around;
	border: 3px solid #555;
	background-color: gray;
	color: white;
	width: 100%;
}

#navfooter
{
	font-size: medium;
	
}

#signature
{
	font-size: small;
}
/* /footer */

/* global */
ul 
 {
	list-style:none;
}

a
{
	color: white;
}

a:hover
{
 	color: yellow;
 }

/* /global */