.conteneur { /*le conteneur global du site, qui sera centré */
top: 1%;
left: 1%;
width: 98%;
height: 98%;
position: absolute;
}

.entete {
width:99%;
height:17%;
overflow : auto;
background-image: url(http://www.lucrece.fobohen.fr/images/IMG_9540.jpg);
background-size: cover;
background-origin: content-box;
background-position : 70% 67%; 
color : white ;
font-style: italic;
font-size: 3em;
font-family : Arial, Helvetica, sans-serif;
}

.main {
position:absolute ;
top:19%;
left:0px;
width:85%;
height:69%;
overflow : auto;
}

.centre {
position:absolute ;
top:19%;
left:0px;
width:99%;
height:69%;
overflow : auto;
}

.left {
position:absolute ;
top:19%;
left:85%;
width:14%;
height:69%;
overflow : auto;
border-left : 1px solid;
}


.pied {
position:absolute ;
left:0px;
top:90%;
width:99%;
height:9%;
overflow : auto;
}

.texte {
width: 60%;
table-layout: fixed :
}

td.ent {
color : white ;
font-style: italic;
font-size: xx-large;
font-family : Arial, Helvetica, sans-serif;
}

.bor1 {
border: 2px solid;
}
.bor2 {
border: 3px solid;
border-radius: 5px;
}

body {
    font-size: 100%;
    background-color : #ECE4C4;
}

a.lien1:link {color:#000000;text-decoration:none;}
a.lien1:visited {color:#000000;text-decoration:none;}
a.lien1:hover {color:#000000;text-decoration:none;font-size: 1.2em;}
a.lien2 {color:#000000;text-decoration:none;letter-spacing: +2px;font-weight:bold;font-size: 1.5em;}
a.lien3:link {color:#FFFFFF;text-decoration:none;}
a.lien3:visited {color:#FFFFFF;text-decoration:none;}
a.lien3:hover {color:#FFFFFF;text-decoration:none;font-weight:bold;font-size: 1.2em;}

.white {background-color : #FFFFFF;}

.ital {font-style:italic;}