#logoprincipal
{
	width=300
}

body
{
	background-image: url("background.png");
}

p
{
	font-size: 1.2em;
	color:white;
}

.vert
{
	color: green;
}


.bleu
{
	color: blue;
}

.rouge
{
	color: red;
}

.blanc
{
	color: white;
}

h1
{
	font-family: Arial;
	text-align: left;
	color: white;
	width: 100%;
	background-color: #CCC;
}

h4
{
	color:white;
	text-align: center;
	border: 2px white dashed;
	border-radius: 10px;
}

h2
{
	font-size: 15px
	font-family: Monospace;
	color: white;
}


h3
{
	color:white;
	
	font-size: 20px;

}

footer
{
	font-size: 12px;
	text-align: center;
}

#banniere
{
	    margin-top: 10px;
    height: 128px;
    border-radius: 5px;
    background: url('banniere.png') no-repeat;
    position: relative;
    
    margin-bottom: 25px;
}

#banniere_description
{
    position: absolute;
    bottom: 0;
    border-radius: 0px 0px 5px 5px;
    width: 99.8%;
    height: 33px;
    padding-top: 15px;
    padding-left: 4px;
    background-color: rgba(24,24,24,0.8);
    color: white;
    font-size: 1.2em;
    text-align: center;
    
}

table
{
	color:white;
	border-collapse: collapse;
}
td
{
	border: 1px solid white;
}

fieldset
{

	width: 300px;
  height: 360px;
}





ul
{
  color: white;
}


.ul_menu 
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

.li_menu 
{
  float: left;
}

li a 
{
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover 
{
  background-color: #111;
}

.active 
{
  background-color: #e9cd30;
}

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