/* 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 paddings-top dans le conteneur ici sont pour placer les blocks contenant les panno de présentations
le panno Mello est en flux pour que sa hauteur "décale " la frise du bas.

/* 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: 4px; 
margin: 0 auto; 
}
/* le menu est placé avant la frise dans le code html, ainsi il apparait bien DESSOUS la frise */
#frise_haut
{
position: absolute;
width: 100%;
height: 40px;
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*/

#logo
{
position: absolute; 
top: 30px;
left: 0px;  
}
/* la taille du logo_image en % est referente au conteneur, et plus au block qui la contient !!
-> pas sous Mozilla!!-> mettre une taille FIXE en px !*/
#logo_image
{
width: 120px; 
height: 130px;
}
table
{
margin: 0 auto;
border-collapse: collapse;
}
td
{ 
padding: 0px;

}
#frise_bas
{

position: absolute; 
bottom: 0; left:0; 
width: 100%;
}
#friseB
{
width: 100%; 
}
#contenuA
{
padding-top: 200px; 
padding-bottom: 110px;
}
#melloA
{
background-image: url(images/ApannoMelloI.png); 
background-repeat: no-repeat;
margin-left: 60px;
width: 351px; 
}

#pannoMello
{
visibility: hidden; 
display: block;
}
a:hover  #pannoMello
{
visibility: visible; 
}
#tagadaA
{background-image: url(images/pannoIce.png); 
background-repeat: no-repeat;
width:366px; 
float: right;
padding-right: 60px;
margin-top: 200px;
}

#pannoTTT
{
visibility: hidden; 
display: block;
}
a:hover  #pannoTTT
{
visibility: visible; 
}
.celluleBas
{
padding-right: 5px; 
padding-left: 5px; 
}
.celluleBasT
{
font-weight: bold; 
}

#basPage
{
margin-right: 50px; 
}
#pied
{
font-family: arial, Verdana, Times, serif;
font-size: 0.8em;
color: #FFD433; 
position: absolute; 
bottom: 50px;
width: 100%;
height: 20px;
}
#pied a
{
color: #FFD433; 
text-decoration: none; 
}
#pied a:hover
{
color: white; 
}