/* supression des marges ,le corps occupe la totalite de l'espace*/
body, html
{
background-color: #4a5352;
background-image: url(fonds/fondAccueil.jpg);
height: 100%; 
margin : 0; 
padding: 0; 
}
/* block conteneur centré, position relative pour que les blocks qu'il contient puissent s'y référer .
Hauteur mini de 100% de la fenetre navigateur pour que la frise du bas soit tjs en bas de le fenetre*/

#conteneur
{
position: relative;
width: 950px; 
margin: 0 auto; 
min-height: 100%;
}
/* les blocks suivants sont DANS le conteneur. En position absolue se référent coin en haut a gauche du conteneur.
Meme les TAILLES en % sont en reference eu conteneur*/
#menu
{
position: absolute; 
top: 0px; 
}
/* le menu est placé avant la frise dans le code html, ainsi il apparait bien DESSOUS la frise */
#frise_haut
{
position: absolute;
width: 100%;
top: 0px;
left: 0px; 
}
#friseH
{
width: 100%;
}
/* le block conteneur d'image sert uniquement a positioner l'image par rapport au bord haut-gauche du conteneur, 
et pas a definir la taille de l'image*/

#sous_menu
{
position: absolute; 
top: 350px; 
left: 100px; 
}
ul
{
list-style-type: none; 
color: white;
font-family:  "trebuchet MS", verdana, serif; 
font-size: 1em; 
}
.interval
{
height: 60px; 
}
a:hover img
{
width: 138px; 
height: 46px; 
}
a
{
text-decoration: none;
color: white;
}
a:hover
{
font-weight: bold;
}
#frise_bas
{

position: absolute; 
bottom: 0; left:0; 
width: 100%;
}
#friseB
{
width: 100%; 
}
/* le block contenu n'est pas en position absolue, mais en flux, pour que la modification de sa hauteur soit prise 
en compte dans la taille du conteneur (qu'il soit imbriqué DANS le conteneur).Et donc que la frise du bas soit bien 
toujours en bas */
/* de plus , il est placé juste DESSOUS la balise conteneur dans le code html, pour que ses margin soit en refrence 
au conteneur -> ne marche pas sous mozilla pour les marges haut et bas !!!*/

#contenu
{ 

padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px; 
margin-left: 0px; 
margin-right: 0px;
width: 950px;
}
/*les margin du contenu place le block vert horizontalement dans le conteneur
les margin top et bottom decalent tout sur mozzila !
les padding place le block_cadre a l'interieur du block contenu
les paddind left et right dont a calculer en fonction 
le block_cadre doit avoir une taille fixe : la taille de l'image des pavés encadrés du collier*/
#compagnie
{
width: 100%; 
}


/* les margin ici placent le texte dans le block_cadre
les margin top et bottom sont à calculer en fonction dela taille du p et du block_cadre
faire attention à ce que le texte ne déborde pas ... dans ce cas pré voir une barre de défilement*/