body {
margin-left: 0;
margin-right: 10%;
margin-top: 0;
color:darkblue;
font-family:arial;
size:4;
}
A
{
color: darkred;
}
a:hover
{
color: #FFCC33; text-decoration: overline underline;
}
body
{background-color:"#FFFF99"}
    body {
     scrollbar-face-color: #FFCC33;
     scrollbar-shadow-color: #000000;
     scrollbar-highlight-color: #FFFFFF;
     scrollbar-3dlight-color: #000000;
     scrollbar-darkshadow-color: #000000;
     scrollbar-track-color: darkyellow;
     scrollbar-arrow-color: #CC6633;
     }

h1 { font-size=20pt; color=purple; text-align="center";
}
h2 { font-size=10pt; color=darkred;
}
h3 { font-size=10pt; color=red;
}
h4 { font-size=15; color="#990000"; text-decoration=overline; text-align=center;
}


.fondhaut
{
position: absolute;
top:0px;
left:0px;
width:100px;
height:170px;
}

.head1
{
position: relative;
width:440px;
height: 170px;
}



.head2
{
position: relative;
left: 0;
top: 0;
width: 750px;
height: 50px;
background-color:"#FFFF99";
}

.head22
{
position : absolute;
left:900px;
top:0px;
background-color:"#FFFF99";
}

.fondhaut2
{
position: absolute;
top:170px;
left:0px;
width:800px;
height:50px;
}

.ban
{
float: right;
margin-right: 5px;  /* placement du logo dans son conteneur, head1 */
margin-top: 3px;
margin-bottom: 10px;
border: 0px none;

}

.drapeaux
{
position: relative;
float: right;
margin-left: 350px;
margin-top: 115px;
}


.logo
{
background-color: yellow;
margin-left: 2px;
margin-top: 3px;
}

.menu
{
position: absolute;
left: 0;
top: 135px;
width: 130px;
text-align=right;
}



.page
{
position: relative;
margin-left: 135px;
margin-top: 0px;
top: -10px;
margin-right: 0px;
background-color:"#FFFF99";
width:850;
overflow:auto;
height:390;
}


.fondmenu
{
position: absolute;
left: 0px;
width: 130px;
top: 218px;
}

.pied
{
position:relative;
top:100px;
left:30px;
width: 800px;
height: 20px;
background-color:burlywood;
}

.offre
{
position:absolute;
top:0px;
left:440px;
}