header{
	background-color: rgb(16, 20, 20);
}
body{
    color: red;
    background-color: black;
    }
div#thehead div{
	display: inline-block;
	width: 33%;
}
div#thehead div.lefthead{
	/*background-color: #159D47;*/
	vertical-align: baseline;
}

div#thehead div.centerhead{
	/*background-color: #7A77D4;*/
	vertical-align: top;
}
div#thehead div.righthead{
	/*background-color: red;*/
	vertical-align: baseline;
}


img.grue {
		display : block;
	margin-left: auto;
    margin-right: auto;
}

img.logo {
width: 50%;
}

h2.sswel{
	color: white;
	text-align: center;
}

p.theart{
	font-size: xx-large;
	font-family: georgia;
	font-weight: bold;
	background-color: white;
	text-align: center;
	color: #294C3B;
  	border: solid;
  	border-color: #53935F;
  	padding: 9px;
}

h3.linku{
	background-color: white;
	color: #A30866;
  	border: 10px solid #750549;
  	border-color: red;
  	padding: 5px;
}
h3.titre_jour{
	color: #2F4642;
	font-size: xx-large;
}

p.nom{
	color: black;
	font-size: xx-large;
}

h4.titre{
	color : #646464;
	font-size: x-large;
	font-size: 1.5em
	font-weight: bold;
	/*text-decoration: underline overline red;*/
}

p.encours{
		color: #9FBDB2;
		text-align: center;
		font-weight: bold;
		font-size: x-large;
}

p.nameph{
	color: #E7F432;
	text-align: center;
	font-size: large;
	font-weight: bold;
	font-family: comic;
}


p{
	text-align: justify;
}

ol.sansnum{
list-style: none;
}
ul{
	font-family: georgia;
	color : black;	
	font-size: x-large;
}
a:visited{
color : #A21633;
}

hr {
	 border-top: 2px solid white;
}
div#thehead div.righthead{
	font-family: comic;
	color : #B2BDB9;
}
div.righthead p.prod{
		font-size: xx-small;
		text-align: right;
}

footer{
	background-color: #456560;
	color : #BFDDEF;
	font-family: Arial;
	font-size: small;
	padding: 12px;
	position: absolute;
	bottom:0;
	width: 100%;
}


div#content div{
	display: inline-block;

}
	

div#content div.leftbox{
	width: 20%;
	color:white;
	text-align: center;
	background-color: #353E3C;
	vertical-align: top;
	margin: 2em;
	padding: 12px;
}
div#content div.une{
	width:60%;
	background-color: #353E3C;
	vertical-align: top;
	margin: 2em;
	padding: 12px;
}




nav.menu-nav ul li.btn{
	display: inline-block;
	list-style-type: none;
}

nav.menu-nav ul li.btn a{
	color : white;
	background-color: #51625C;
	text-decoration: none;
	padding: 12px;
	padding-right: 8px;
	padding-left: 8px;
}

nav.menu-nav ul li.btn:hover a{
	color : #51625C;
	background-color: white;
	transition : 0.6s all;
}