body
{
margin:0;
padding:0;

}


#h12
{
 
 width:100%;
 background-color:rgb(50,200,50);
 color:white;
 margin:0;
 text-align:center;
}

#h12 p
{
color:#fffacd;
font-size:2.2em;
font-style:italic;
font-family:georgia,tahoma;
padding:2px 0 6px 0;
}



#global
{
width:100%;

}

#blocmenugauche
{
float:left;
width:150px;
background-color:rgb(50,200,50);
color:white;
height:472px;
}

#blocmenudroite
{
float:right;
width:150px;
background-color:rgb(50,200,50);
color:black;

height:472px;
}
#blocmenudroite img
{
margin-left:20px;
}

#blocmenugauche p,  #blocmenudroite p
{
margin-left:1em;
}

#blocmenugauche ul, #blocmenudroite ul
{
margin:0 0 1em 0;
}

#blocmenugauche li, #blocmenudroite li
{
list-style-type:none;
margin: 0 0 0 1em;
}
#blocmenugauche li a:hover, #blocmenudroite li a:hover
{
text-decoration:underline;
}

#contenu
{
margin-left:150px;
margin-right:150px;
background-color:#32cd32;

height:472px;

}

#contenu p
{
margin:0 2px 0 2px;
border:1px solid black;
padding:10px;
}

#pied
{
clear:both;
width:100%;
background-color:rgb(50,200,50);
margin:0;
margin-top:2px;

text-align:center;
}

#a
{ 
width:100%;
background-color:#cccc00;
height:20px;
margin-top:-4px;
}

#d
{ 
width:auto;
height:435px;
padding:1em;
border:1px solid #000;
overflow:auto;
background:#fff;
text-align:justify;
}

#menuhaut
{

top:199px;
left:0;
width:100%;
margin:0;
padding: 0 0.5em 0.1em 0;
list-style-type:none;
background-color:red;
color:#ffffff;

text-align:right;

}

#menuhaut li
{
display:inline;
}

#menuhaut a
{
color:#ffffff;
text-decoration:none;
padding-right:0.6em;
}

#menuhaut a:hover
{
text-decoration:underline;
color:orange;
}