#barre_fixe
{
position: fixed;
padding:0px 0;
top: 0px;
width: 100%;

}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

li {
    float: left;
    border-right:1px solid #bbb;
}

li:last-child {
    border-right: none;
}

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

li a:hover:not(.active) {
    background-color: #111;
}

.active {
    background-color: #4CAF50;
}

}
#piedDePage{
	background-color:lightblue;
	padding:50px 0;
	width: 100%;
	text-align:center;
	font-family:verdana;
	font-size:10px;
	height:50px;
	padding-top:20px;
	color:#5a0000;	
}	
	
input, textarea, select, option {
 background-color:#FFF3F3;
 }
input, textarea, select {
 padding:3px;
 width:350px; 
 height:35px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
input[type=type_nom]{ 
width:150px; 
} 
select {
 width:150px; 
 height:35px;

} input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 
 } 
input[type=number]{
 width:100px; 
} 
 
input[type=submit], input[type=reset] {
 width:200px;
 height:35px;
 margin-left:5px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 }
 input:focus, textarea:focus {
 background-color:white;
 }
input[type=submit]:focus, input[type=reset]:focus {
 background-color:#FFF3F3;
}
input[type=submit]:hover, input[type=reset]:hover {
 background-color:#FCDEDE;
 }
input[type=submit]:active, input[type=reset]:active {
 background-color:#FCDEDE;
 box-shadow:1px 1px 1px #D83F3D inset;
}


a:hover {
color:white;
text-decoration:none;
background-color:blue;
}
#footer {
background-color:lightblue;
text-align:center;
clear:both;
}