body
{
font-family:helvetica, georgia,arial,sans-serif;
margin:0%;
padding:0;

}

body
{
margin:0px;
padding:0px;
}

#titre
{
text-align:center;
}
#titre p
{
color:white;
font-size:26px;
font-style:italic;
font-family:georgia;
margin-top:-6.5%;
}

#conteneur
{
width:98%;
height:560px;
margin:0 auto;
margin-top:-23px;

}



#haut
{
margin-left:1%;
margin-top:1%;
width:98%;
height:13%;
background-color:#32cd32;


}

#haut2
{
width:100%;
height:2px;
background-color:#f7dc88;
margin-top:20px;





}







#bas
{
margin-bottom:0;
width:100%;
height:13%;
background-image:url(foot2.png);
text-align:center;
border-top:2px solid #f7dc88;
}

#gauche
{

float:left;

width:25%;
height:65%;
background:rgb(208,255,204);
border:1px solid green;
}
#droite
{
float:right;
width:25%;
height:65%;
background:rgb(208,255,204);
border:1px solid green;
text-align:center;
}

#droite a
{
font-size:12px;
color:blue;

}

#centre
{

background-color:#ffffff;
height:65%;
border-top:1px solid black;
border-bottom:1px solid black;
}

#bas img
{
padding-top:10px;
}

#blason
{
position:absolute;
right:5.8%;
top:4.5%;
height:12%;
width:5.5%;

}

#blason p
{
color:white;
font-family:sans-serif;
font-size:0.6em;
text-align:center;
padding-top:14%;
margin-top:4.5%;
}

#gauche {text-align:center;}
#centre { font-size:12px;
}
#tit
{ color:green;
text-align:center;
font-style:italic;
font-weight:bold;
}

#tit2
{ color:red;
text-decoration:underline;}

#d
{ 
width:auto;
height:330px;
padding:1em;
border:1px solid #000;
overflow:auto;
background:#fff;
text-align:justify;
}
#d p
{
color:green;
font-family:georgia, tahoma, arial;
font-size:12px;
}