/* CSS Document */

body{
margin:0;
padding:0;
width:100%;
height:100%;/*
background-image:url('../images/spacer_gauche.gif');
background-position: -2px left;
background-repeat:repeat-x;*/
background-color: #d6d6d6; /* Gris clair */
color:white;
font-family:arial;
font-size:12px;
overflow:hidden;
}

/* Permet de centrer tout le bloc verticalement */
#global{
margin:0;
padding:0;
position:absolute;
left: 50%;
top: 50%;
width: 810px;
height: 500px;
margin-top: -240px;  /*moitié de la hauteur */
margin-left: -405px; /* moitié de la largeur */
border:0px solid red;
z-index:30;
}

#banniere{
position:absolute;
left: 50%;
top: 50%;
width:804px;
height:300px;
margin-top: -390px; /* moitié de la hauteur */
margin-left: -402px; /* moitié de la largeur */
border:0px solid green;
background-image : url('../images/banniere.gif');
background-repeat : repeat-x;
background-position : center top;
z-index:7;
}

#coordonnees{
position:absolute;
width:798px;
height:18px;
top:50%;
margin-top: -198px; /* moitié de la hauteur */
/*float:right;*/
left:50%;
margin-left:-368px;
font-size:10px;
font-weight:bold;
line-height:18px;
color:#333333;
background-image : url('../images/spacer_coordonnees.gif');
background-repeat : repeat-x;
background-position : 0px 0px;
z-index:50;
}

#visuel{
position:absolute;
left:30px;
width:1020px;
height:600px;/*
background-image : url('../images/visuel.jpg');
background-repeat : no-repeat;
background-position : -205px 43px;*/
z-index:15;
border:0px solid red;
}

#masque{ /* Style du fond noir quand un popup s'ouvre*/
position:absolute;
top:50%;
right:0px;
margin-top: -198px; /* moitié de la hauteur */
/*float:right;*/
width:100%;
height:539px;
border:0px solid #b84633; 
padding:0px; 
background-color:white; 
background-color: black;       /* la couleur de fond          */
filter:alpha(opacity=70);
-moz-opacity:0.5;
opacity: 0.5;
z-index:35;
}

#Tfond{
position:absolute;
top:42px;
left:-174px;
width:1020px;
height:539px;
background-image : url('../images/visuel.jpg');
background-repeat : no-repeat;
background-position : 0px 0px;
z-index:5;
}
#t_anime, #t_fixe{
position:absolute;
top:42px;
left:0px;
/*margin-top:100px;*/
}
#flux_lumineux{
position:absolute;
top:86px;
left:448px;
z-index:30;
}
#texte{
position:absolute;
top:140px;
left:413px;
border:0px solid gren;
width:400px;
height:400px;
overflow:auto;
padding:10px;
z-index:20;
}
#cadre_actualites{
position:absolute;
top:100px;
border:1px solid #b84633; 
padding:10px; 
background-color:white; 
width: 250px; height: 100px;     /* pour correspondre à la taille du DIV */
background-color: #ffffff;       /* la couleur de fond          */
filter:alpha(opacity=30);
-moz-opacity:0.5;
opacity: 0.5;
}


/*#copyright{
position:absolute;
top:50%;
right:0px;
margin-top: -190px;  moitié de la hauteur 
width:39px;
height:176px;
z-index:40;
}*/

#banniere_spacer{
position:absolute;
top: 50%;
width:100%;
height:800px;
margin-top: -391px; /* moitié de la hauteur */
margin-left: 0px; /* moitié de la largeur */
border:0px solid green;
background-image : url('../images/spacer_gauche.gif');
background-repeat : repeat-x;
background-position : 0 0px;
z-index:1;
}
#spacer_droit{
position:absolute;
top:50%;
right:0px;
margin-top: -198px; /* moitié de la hauteur */
width:600px;
height:100%;
background-image : url('../images/spacer_droit.gif');
background-repeat : repeat-x;
background-position : 0px 0px;
z-index:5;
}
#blanc_haut{
width:100%;
height:300px;
background-color:white;
}

/***************** MISE EN FORME DU CADRE "ACTUALITES" *****************************************/
#titre_actualites{
position:absolute;
top:183px;
left:0px;
border:0px solid yellow;

}
#fond_transparent{
position:absolute;
top:200px;
left:0px;
width:390px;
height:120px;
border:1px solid #b84633; 
padding:10px; 
background-color:white; 
background-color: #ffffff;       /* la couleur de fond          */
filter:alpha(opacity=20);
-moz-opacity:0.5;
opacity: 0.5;
}
#texte_actualites{
position:absolute;
top:205px;
left:15px;
/*width:380px;
height:140px;*/
/*padding:10px;
background-color:purple;*/
}