html, body {
   height: 100%;
background-color:grey;	
   border: 0px solid transparent;
   margin: 0px 0px 0px 0px;
   min-height: 100%;
   padding: 0px 0px 0px 0px;
   width: 100%;
    font-size:100%;
		min-width:320px;
		cursor:  pointer;

    font-family: Arial,Times New Roman,sans-serif;

}



#tete, #corps, #pied, #menu{

   vertical-align: top;

width:100%;
font-size:30px;

}

#tete{
		height:7%;
		min-height:50px;
	background-color:#048900;
	
}
#pied{
		
background-color:grey;	
	position:relative;
	float:left;
bottom:0;


	color:white;
	font-weight:bolder;
	font-size:18px;
}
#pied span{

margin-left:20px;
float:left;
}
#souspied{
width:60%;
float:left;

}
#souspied2{
float:left;

}

#corps
{
	z-index:10;
  text-align: center;
background-color:white;
word-wrap: break-word; 
float:left;
	
}
#titreprincipal{
color:navy	;


}
#menu{
	background-color:#1a1a1a;
		min-height:50px;
		border-top:1px solid #b3b3b3;
border-bottom:3px solid #4d4d4d;	
}

#menu table
{
width:100%;
color:white;
border-collapse:collapse;
}
.tdtablemenu
{

  line-height: 200%; /* hauteur de ligne (identique) */
  white-space: nowrap; /* interdiction de passer à la ligne */
text-align:center;
font-weight:bolder;
width:6%;

font-size: 1vw;
}




#menu table tr td a
{
color:white;
text-decoration:none;

}

#menucourt{
background-color:grey;
display:none;
}
#menucourt table {
width:100%;
}

#menucourt table tr {

}

#menucourt table tr td{
font-weight:bolder;
border: 2px white solid;
font-size:8vw;
width:100%;
text-align:center;
}
#menucourt table tr td a{
color:white;
text-decoration:none;
}