/* CSS Document */

body {
	background-color: white;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center; 
	margin : 0px 0px 0px 0px;
	color: white;
	
}

A:link {
	text-decoration: none;
	color: white;
      font: "Arial";
	}

/*déjà visité*/
A:visited {
	text-decoration: none;
	color: white;
      font:  "Arial";
	}

/*survolez*/
A:hover {
	text-decoration: none;
	color: blue;
      font: "Arial";
	}

/*liens actifs = link*/
A:active {
	text-decoration: none;
	color: black;
      font: "Arial";
	}
	

.Menu1{
      z-index : 3;
      font : 5em "Arial";
}

.News{
      font: 0.8em "Arial";
      color: #CCFF00;
      background-color:#000019;
}


/***********************************************************/
/**************** STRASS *******************************/

.StrassTab{
      font : 0.8em "Arial";
      padding-left: 5px;
}

.L1{
      background-color:#424242;
      color : white;
}

.L2{
      background-color:#000099;
}

/***********************************************************/
/**************** EMMA Menu pages  #FF8C00*******************************/


.EmmaMenu{
      color: #0066FF;
      vertical-align:top; 
      font : 0.7em "Arial";
      border-bottom : 0px solid #0066FF;
}


/***********************************************************/
/**************** TPFE PLUIE *******************************/
.Goutte{
      position: absolute;
      height : 300;
      color: blue;
      z-index : 3;
      font-size: 9pt;
}

.Pluie{
      position: absolute;
      z-index : 1;
}

.contenu{
      position: relative;
      left: 20%;
      width: 800px;
      font: 0.8em "Arial";
      color: #CCFF00;
      z-index : 2;
}

.surlign {
      background-color :#CCFF00;
      color: #000019;
      font: 1em "Arial";
}
/***********************************************************/
/***********************************************************/

.liste {
      position: absolute;
      top: 1%;
      left: 0%;
      width: 20%;
      color: black;
      font: 0.7em "Arial";
              z-index : 1;
      }
      
.titre { 
      /*background-color: #778899; */
      color : #708090;
      z-index : 2; 
      font: 1em "Arial";
      margin-top: 10px;
      /*font-weight: bold ;*/
              z-index : 1;
      }



/**********************************************************/
/**********************************************************/


.form_newsletter {
      position: absolute;
      width: 60%;
      border: 1px solid blue;
      background: #708090;
      color : white;
      font: 0.9em "Arial";
      z-index : 1; 
      }
      
.form_ecoute {
      Left 1%;
      width:60%;
      border: 1px solid blue;
      background: #708090;
      color : white;
      font: 0.9em "Arial";
      z-index : 1; 
      }


/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/

      
/**********************************************************/
/**********************************************************/
/*********BLOG BLOG BLOG **********************************/
/**********************************************************/
/**********************************************************/

.Box_Blog {
      position: absolute;
      top: 5px;
      left: 250px;
      width: 60%;
      background: #000;
      border: 1px dotted #999900;
      list-style: none;
      padding-left: 15px;
      padding-top: 5px;
      color: #999900;
      font: 10pt "Arial";
      z-index : 1;
      }



.Box_glossaire {
       position : relative;
       background: transparent url(../ES-Emma/graph/bgcentreemmastrass.png);
       background-position: center top;
	     background-repeat: repeat-y;
       color : black;   
       font: 14pt "lucida";
       text-align: justify;
       z-index : 0;
}

.Box_histoire {
      background-color : none;
	    padding : 10px 200px 50px 200px;
       color : black;   
       font: 14pt "lucida";
       text-align: justify;
      z-index : 3; 
}

.bgTop {
      position : relative;
      height : 30px;
      background: transparent url(../ES-Emma/graph/bgTop.png) no-repeat;
	    background-position: center bottom;
      z-index:1;  
}

.bgBottom {
      position : relative;
      height: 40px;
      background: transparent url(../ES-Emma/graph/bgBottom.png) no-repeat;
	    background-position: center bottom;
      z-index:1;
}


      
.boutons{
      position : absolute;
      border: 4px dashed orange;
      right : 15%;
      background: transparent;
      width : 45px;
      height : 40px;
      color : black;
      font: 1em "Arial" bold;
      z-index : 5;
}


.Nb{
      position : relative;
      float : right;
      background: black;
      height : 10px;
      width : 20px;
      color : white;
      font: 0.8em "Arial";
      z-index : 4; 
}


.Box_mouchard{
      position : absolute;
      padding : 3px 3px 3px 3px;
      top : 250px;
      width: 12%;
      background: #cccccc;
      border-color : grey;
      color : white;
      font: 0.6em "Arial";
      z-index : 7; 
}

.mouches{
      background: none;
      margin : -2px 0px -2px 0px;
      color : white;
      z-index : 2; 
}



/**********************************************************/
/**********************************************************/
.bg_rorschach{
      position : absolute;
      background: transparent;
      color : green;
      font: 0.8em "Arial";
      z-index : 8; 
}

/**********************************************************/
/*************INSERT BLOG *********************************/ 
 
.Box_txt {
      /*display:inline; float :left; */
      position: relative;
       background: transparent url(./ES-Emma/graph/bgcentreemmastrass.png);
       background-position: center top;
	     background-repeat: repeat-y;
      color : black;
      text-align: justify;
      font: 9pt "arial";
      z-index : 2; 
      }
      
.Box_img {
      position: relative;
      background: transparent url(./ES-Emma/graph/bgcentreemmastrass.png);
      background-position: center top;
	    background-repeat: repeat-y;
      color : black;
      font: 8pt "arial";
      z-index : 2; 
      }
      
.Box_zik {
      position: relative;
      border: 1px dashed grey;
      padding: 5px 0px 3px 0px;
      background: #EDEDED;
      color : black;
      font: 8pt "arial";
      z-index : 2; 
      }
      
.Box_vid {
      position: relative;
      border: 1px dashed grey;
      padding: 5px 0px 3px 0px;
      background: #EDEDED;
      color : black;
      font: 8pt "Arial";
      z-index : 2; 
      }