body {

position:relative;
margin-left: auto;
vertical-align:middle; 
margin-right: auto;
width : 800px;
height : 600px;


}

h1{
border : solid black 5px;
width:500px;
margin-top:100px;
margin-left: auto;
margin-right: auto;
}
  .titre img {
    border : none;
    border : 0;
    }


a{
color:#222222;
}

.tout{
position:absolute;
background-color : #FFFFFF;

margin-left: auto;

margin-right: auto;
width : 800px;
height : 600px;


/*border : solid black 5px;*/

}

.titre {
background-color: #BBBBBB;
position:absolute;
width : 800px;
height : 60px;
margin-top : 5px;

/*border-bottom : solid black 1px;*/

}

.menus{
background-image: URL(images/repet2.png);
position : absolute;
width : 160px;
height : 480px;
margin-left : 0px;
margin-top:65px;



}

#contenu{

background-image: URL(images/repet1.png);
position : absolute;
margin-left : 160px;
margin-top:65px;
width : 640px;
height : 480px;
text-align : center;


}

.pied{
background-color: #777777;
height : 20px;
position:absolute;
width:800px;
height:20px;
margin-top : 545px;

text-align : center;
font-size:x-small;
/*border-top : solid black 1px;*/

}

.pied a{
color:#777777;
}

.pied img{
margin-top:1px;

}


/*menu1*/
#informations{
position:absolute;
margin-top:90px;
margin-left:5px;
/*border-top:solid black 2px;*/
}
/*menu2*/
#cartes{
position:absolute;
margin-top:240px;
margin-left:5px;
/*border-top:solid black 2px;*/
}
/*menu3*/
#images{
position:absolute;
margin-top:390px;
margin-left:5px;
/*border-top:solid black 2px;*/
}


/*sousmenus*/
#sousmenu1{
position:relative;
margin-top:-10px;
margin-left:-15px;
line-height: 2.4em ;
}

#sousmenu2{
position:relative;
margin-top:-10px;
margin-left:-15px;
line-height: 2.4em ;
}
#sousmenu3{
position:relative;
margin-top:-10px;
margin-left:-15px;
line-height: 2.4em ;
}


/*ce qui est dans le contenu ( H² si tu lis cela... ) */
#content{
/*background-color:#00ff00;*/
position : relative;
margin-top : 0px;
margin-left : 0px;
}

#content .image{
position : relative;
margin-top : 45px;
margin-left : 0px;
}

#content cont-menu{

position : relative;
top : 5px;
margin-left : 0px;
width : 600px;
height:300px;
color:#AAAAAA;
}


#content a{
color:#444444;
}

/*ne pas oublier que j'ai des sous menu dans mon menu : */
/* les menus suivant et precendent*/
#content #cont-sousmenu{
position:absolute;
margin-top:10px;
width:400px;
height:150px;
}


/*liens de cont-menu (1 2 3 4 etc...)*/
#content cont-menu a{
position : relative;
padding:0px 10px 0px 10px;
margin-left : 5px;
}

/*liens pas liens mais ecrits en gras de cont-menu (ie le num de page lue en cours qui n'est plus cliquable et ecrite en gros)*/
#content cont-menu b{
position : relative;
padding:0px 10px 0px 10px;
margin-left : 5px;

color:#000000;
}

/*quand suivant ou precedent se grise*/
#content cont-menu .c{
position : relative;
margin-left : 10px;
color : #888888;
border:solid green 1px;
}

#content h2{
position : relative;
margin-top : 30px;


}

#content cont-texte{
position : absolute;
margin-top : 85px;
color : #222222;
width : 560px;
margin-left : 40px;
text-align : justify;
}

#content .cont-texte2{
/*background-color:#FF0000;*/
position : relative;
margin-top : 5px;
color : #222222;
width : 540px;
height:400px;
margin-left : 40px;
text-align : justify;
}
#content .cont-texte2 img{
/*background-color:#FF0000;*/
margin-left:35px;
border:solid black 2px;

}

#content .cont-texte3{
/*background-color:#FF0000;*/
position : relative;
margin-top : 55px;
color : #222222;
width : 540px;
height:200px;
margin-left : 40px;
text-align : justify;
}



#content table{
background-color : #F5F5F5;
position : relative;
color : #FF0000;
margin-top : 40px;
margin-left : 120px;
width : 400px;
height : 400px;
}

tabl-titre{
position:relative;
font-weight : bold;
font-size : 24px;
color : black;
}

table h3{
color : black;
}

nation1{
color : #444444;
}

nation2{
color : Magenta;
}
/*
#sous-menu1{
position:absolute;
margin-top:100px;
}

#sous-menu2{
position:absolute;
margin-top:200px;
}
*/

#content .dessins{
position:absolute;
margin-left: auto;
vertical-align:middle; 
margin-right: auto;
}

#content .precedent{
position:absolute;
margin-left: -80px;
}
#content .suivant{
position:absolute;
margin-left: 160px;
}
#content .precedent2{
position:absolute;
margin-left: -500px;
margin-top: 320px;
}