body {

padding:0px;

margin:0px;

}

.cadre_01 {

background:#E7F5B6;

float:left;

width:20%;

height:700px;

}

.cadre_011 {

background:#F9FFEA;

border:1px solid #6A9239;

width:15%;

height:200px;

position:fixed;

}

.cadre_02 {

border:1px solid #6A9239;

float:left;

width:60%;

height:700px;

}

.cadre_02 p {

padding-top:220px;

}

.cadre_021 {

border-bottom:1px solid #6A9239;

width:60%;

margin-top:0px;

height:200px;

position:fixed;

}

.cadre_03 {

background:#E7F5B6;

float:left;

width:19%;

height:700px;

}

.cadre_031 {

background:#F9FFEA;

border-top:1px solid #6A9239;

border-right:1px solid #6A9239;

border-bottom:1px solid #6A9239;

width:15%;

margin-top:31%;

height:200px;

position:fixed;

}

body, html {

height: 100%;

margin: 0;

padding: 0;

}

html {

overflow: visible;

}

body {

overflow: auto;

}

/*le menu en position absolute*/

.cadre_011 {

background:#F9FFEA;

border:1px solid #6A9239;

position:absolute;

top:30px;

left:20px;

width:150px;

height:300px;

}