body{
	    font-family: "Lato", Helvetica, Arial, sans-serif;
}

#header {
    background:#1c273e;
	height: 100px;
	padding-top: 40px;
	border-bottom: #41a62a 6px solid;
}

h1{
	color: white;
	font-size: 40px;
	background-color:#41a62a;
	border-radius:50%;
	text-align:center;
	border:2px solid #679403; 
	width:60px;
	height:60px;
}
#header ul{
	float:right;
	margin-right:60px;
}
#header ul img{
	border:2px solid #679403; 
	width:60px;
	height:60px;
	border-radius:50%;
}
#header ul li{
	margin-left:20px;
	float:left;
}
#header ul li a p{
	display: none;
	padding:2px;
	color: white;
	background-color: grey;
	border:1px solid black;
	position: absolute;
}
#header ul li a:hover p{
	display: block;
}
#baniere {
	margin-left: 20px;
}
#icone a{
	color: black;
}

#icone a:hover{
	color:#41a62a;
}

/* ------------------------------------ */
#barre{
	margin-bottom:20px;
	margin-left:12%;
}
#barre a{
	color: #5f5c5b;
}
.passif{
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	border-left:1px solid #41a62a;
	border-right:1px solid #41a62a;
	border-bottom:1px solid #41a62a;
	background: linear-gradient(white, #41a62a);
}
.actif{
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
}
/* ------------------------------------ */
@media only screen and (min-width:1000px) {
#menu{
	float:left;
}
#corp {
	margin-top:100px;
	min-height:500px;
	min-width: 400px;
	margin-left: 200px;
	padding-left:40px;
	padding-right:40px;
}
#menu{
	margin-top: 60px;
	width: 200px;
	margin-left: 20px;
}
#icone {
	margin-top: 40px;
	margin-left:20%;
}
#menu1{
	display:none;
}
}
@media only screen and (max-width:1000px) {
#corp {
	margin-top:20px;
	min-width: 400px;
	padding-left:20px;
	padding-right:20px;
}
#menu{
	display:none;
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom:20px;
}
}
/* --------------------------------------- */
#menu1{
	margin:20px;
}

#menu ul {
    list-style-type: none;
}
#menu li {
	margin-bottom: 10px;
}
#menu li a {
	padding: 5px;
	font-size:20px;
}

#menu li a {
    color:#1c273e;
}
#menu li a:hover {
    color:#41a62a;
}
h4 {
	margin-left:10px;
	text-shadow: -2px 0 #41a62a, 0 2px #41a62a, 2px 0 #41a62a, 0 -2px #41a62a;
	color: #ffffff;
	font-size: 20px;
}
/* ------------------------------------ */

#icone th {
	text-shadow: -2px 0 #41a62a, 0 2px #41a62a, 2px 0 #41a62a, 0 -2px #41a62a;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#icone td {
	width:160px;
	height:180px;
}
#icone td a img{
	margin-left:30px;
}
#icone td a p{
	text-align:center;
}
/* ------------------------------------ */
#liste_wrapper {
 margin-top: 20px;
 clear: none;
}
#liste {
 margin-top: 20px;
 clear: none;
}
#index {
	margin: auto;
	margin-top: 100px;
	width: 600px;
	min-height:500px;
}

#texte {
	margin-bottom:50px;
}

/* ------------------------------------ */

#footer {
	height:33px;
  	width:100%;
	text-align:center;
	padding-top: 12px;
 	font-size: 10px;
	margin-top:40px;
	position:absolute;
}    	

#footer a{
	color: black;
}

#footer a:hover{
	color: black;
}

/* ------------------------------------ */

a {
	text-decoration: none;
	font-weight: bold;
}

html, body { 
    margin: 0;
	padding: 0;
}

h3 {
	font-size: 40px;
	font-weight: bold;
	color: #41a62a;
	margin-bottom: 15px;
	text-align:center;
}
span {
	padding:5px;
	margin:5px;
}
#rouge{
	background: #cc0000;
}
#gris{
	background: #616161;
}
#vert{
	background: #6fa939;
}
#jaune{
	background: #e6b839;
}
#orange{
	background: #f25e23;
}
/*---------------------------------*/
#form{
	width:474px;
	margin-left:25%;	
}
 
#form fieldset {
  margin-top: 15px;
  margin-bottom:15px;
  padding: 10px;
  border: 1px black solid;
  width:474px;
}
 
#form legend {
  margin-left:20px;
  padding: 0px 3px;
  font-weight: bold;
  font-variant: small-caps;
}
 
#form label {
  width: 200px;
  display: inline-block;
  vertical-align: top;
  margin: 6px;
}
 
#form em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
 
#form input:focus {
  background: #eaeaea;
}
 
#form input, textarea {
  width: 249px;
}
 
#form textarea {
  height: 100px;
}
 
#form select {
  width: 254px;
}
 
#form input[type=checkbox] {
  width: 10px;
}
 
#form input[type=submit] {
  width: 150px;
  padding: 10px;
}
#form input[type=button] {
  width: 150px;
  padding: 10px;
}

#form input[type=radio] {
	 width: 10px;
	 margin-left:20px;
}
.question{
	text-align:right;
	float:right;
}



/*---------------------------------*/
#tab_vgp {
	margin-left: 100px;
}
#tab_vgp thead{
	background-color: #d8d8d8;
}
#tab_vgp th{
	border: solid 1px black;
	padding: 5px;
	text-align: center;
}
#tab_vgp td{
	border: solid 1px black;
	padding: 5px;
}

#parametre input{
	margin-right:30px;
}
#parametre input[type=button] {
  width: 150px;
  padding: 10px;
}
}
#parametre SELECT {
	margin-right:30px;
}