BODY {margin: 0pt; 
           padding: 0pt; 
           background: #FFFFFF; }
UL.menu {list-style:disc; 
                color:#FFFFFF; 
                font-weight:bold; 
                text-decoration:none; 
                text-color:#FFFFFF;}
A {text-decoration:none;}
A:link {color: #006699;
           text-decoration:none;}
A:visited {color: #006699;
           text-decoration:none;}
# A:hover {color: #d22a1d;
#         background: url(./images/grey.png) repeat-y;
#	 text-decoration:none;}
H1 {color: #006699;
    background-color: #FFFFFF;
    text-align: center;
    padding: 0.55em;
    marging: 0.55em;}
H2 {color: #006699;}
H3 {color: #006699;}


.back {background: darkgray; 
    padding: .5em; 
    margin: 1.5em 0 1em 1.5em;}
.section {background: #ffd; 
    margin: -1.5em 0 0 -1.5em; 
    border:0em; 
    padding: 0em;}


.upperleft{
width : 100%;
margin-left : auto;
margin-right : auto;

background-color : #d4f4d2;
background-image : url('img/mcoin-HG-clair.png');
background-repeat : no-repeat;
background-position : top left;
}

.upperright{
background-image : url('img/mcoin-HD-clair.png');
background-repeat : no-repeat;
background-position : top right;
}

.lowerleft{
background-image : url('img/mcoin-BG-clair.png');
background-repeat : no-repeat;
background-position : bottom left;
}

.lowerright{
background-image : url('img/mcoin-BD-clair.png');
background-repeat : no-repeat;
background-position : bottom right;
padding : 2% 2% 2% 2%;
}
<!-- pour changerle vert, il faut changer le #116622 et lui donner la valeur de $BLUE  -->