.body {
background-color: #FFFFCC;
}
acronym{
cursor : help;
}
pre{
margin : 0%;
}
/* fr : Voila le truc */
/* en : Here is the trick*/
/* fr : Ce DIV agit egalement en tant que conteneur */
/* en : This DIV also acts as a container*/
.upperleft{
width : 90%;
margin-left : auto;
margin-right : auto;
background-color : #FFCC66;
background-image : url('upperleft.png');
background-repeat : no-repeat;
background-position : top left;
}
.upperright{
background-image : url('upperright.png');
background-repeat : no-repeat;
background-position : top right;
}
.lowerleft{
background-image : url('lowerleft.png');
background-repeat : no-repeat;
background-position : bottom left;
}
.lowerright{
background-image : url('lowerright.png');
background-repeat : no-repeat;
background-position : bottom right;
padding : 3% 3% 3% 3%;
}
.upperleft1{
width : 70%;
margin-left : auto;
margin-right : auto;
background-color : #FFCC66;
background-image : url('upperleft.png');
background-repeat : no-repeat;
background-position : top left;
}
.upperright1{
background-image : url('upperright.png');
background-repeat : no-repeat;
background-position : top right;
}
.lowerleft1{
background-image : url('lowerleft.png');
background-repeat : no-repeat;
background-position : bottom left;
}
.lowerright1{
background-image : url('lowerright.png');
background-repeat : no-repeat;
background-position : bottom right;
padding : 3% 3% 3% 3%;
}
.upperleft2{
width : 100%;
margin-left : auto;
margin-right : auto;
background-color : #000000;
background-image : url('upperleft2.png');
background-repeat : no-repeat;
background-position : top left;
}
.upperright2{
background-image : url('upperright2.png');
background-repeat : no-repeat;
background-position : top right;
}
.lowerleft2{
background-image : url('lowerleft2.png');
background-repeat : no-repeat;
background-position : bottom left;
}
.lowerright2{
background-image : url('lowerright2.png');
background-repeat : no-repeat;
background-position : bottom right;
padding : 3% 3% 3% 3%;
}