/* Structure de la page                                                                                                                                                            
body____________________________________________________________.

( sp ) /----------------------------------------------------------
    /   banner
    /   menubar /   /   /   /   /   /   
__________________________________________________________________

| sidebar |     nav
|     |     ___________________________________
|     |     texte
|     |
|         |
|         |
|         |
|         |
|         |
|         |     _________________________________________
___________     footer
*/

body{
      font-family: Verdana, Helvetica, Charcoal, Arial, sans-serif;
      background-color: white;
      background: url(fond.jpg) repeat top left;
      font-weight: medium;  
      font-style: normal;
      font-size: 10pt;
      text-decoration: none;
      }


div#banner {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 135px;
      padding: 0;
      margin: 0;
      }

div#sp  {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 135px;
      padding: 0;
      margin: 0;
      background: transparent url(16poet.gif) no-repeat top left;
      width: 100%;
      z-index: 7;
    }



div#banner {
          background: url(parchem_haut.jpg) repeat-x top left;
          width: 100%;
          z-index: 6;
           }
div#bannertitle {
            position: absolute;
            background: url(bann-title.gif) no-repeat top left;
            top: 20px;
            left: 300px;
            height: 70px;
            width: 100%;
          z-index: 8;
           }     

div#nb {
	position: absolute;
	top:10px;
	left: 88%;
	height:15px;
	width: 12%;
	font-size: 18px;
	z-index: 9;
	}
                  
div#banner-text {
          position: absolute;
          color: #000044;
          top: 90;
          left: 350px;
          font-family: Verdana, Helvetica, Charcoal, Arial, sans-serif;
          font-weight: huge;  
          font-style: bold;
          font-size: 16pt;
          text-decoration: italic;       
          z-index: 4;
           }
           
div#menubar { 
        position: absolute;
        background: url(nav.jpg) repeat top left ;
        top: 130px;
        left: 200px;
        bottom: 190px;
        height: 60px;
        width: 100%;
        color: #000080;
        z-index: 2;
            }

div#menuder
{
      font-size:12px;
      position: absolute;
      text-align: center;
      color: #FFFFFF;
      background: url("parchem_menu.jpg") no-repeat;
      top: 125px;
      left: 220px;
      right:0;
      list-style-type: none;
      width: 120px;
	  z-index: 5;
}

/*menus deroulants (pas IE)*/

        html > body #menuder h4
         {
		font-size:14px;
		padding-top: 0;
                float: none;
        }

	#menuder a:link {
        color: #4040AA;
        text-decoration:none;
        }

        #menuder a:visited {
        color: #000000;
        text-decoration:none;
        }

	  
		
	html > body #menuder ul {
				display: none;
				width:120px;
			       }

        html > body #menuder:hover ul {
				position:fixed;
				top:160px;
				color: #FF0000;
                                float: none;
				font-size: 14px;
				display: block;
				background:  url("parchem_menu.jpg");
				/*border: 1px solid #AADDAA;*/        
                                margin: 0px;
                                padding: 0px;
                                list-style-type: none;
				z-index:4;
                                }

	html > body #menuder a:hover { color: #FF0000;}

div#menuder2
{
      font-size:12px;
      position: absolute;
      text-align: center;
      color: #FFFFFF;
      background: url("parchem_menu.jpg") no-repeat;
      top: 125px;
      left: 360px;
      right:0;
      list-style-type: none;
      width: 120px;
      z-index: 5;
}

/*menus deroulants (pas IE)*/

        html > body #menuder2 h4
         {
		font-size:14px;
		padding-top: 0;
                float: none;
        }

	#menuder2 a:link {
        color: #4040AA;
        text-decoration:none;
        }

        #menuder2 a:visited {
        color: #000000;
        text-decoration:none;
        }

	  
		
	html > body #menuder2 ul {
				display: none;
				width:120px;
			       }

        html > body #menuder2:hover ul {
				position:fixed;
				top:160px;
				color: #FF0000;
                                float: none;
				font-size: 14px;
				display: block;
				background:  url("parchem_menu.jpg");
				/*border: 1px solid #AADDAA;*/        
                                margin: 0px;
                                padding: 0px;
                                list-style-type: none;
				z-index:5;
                                }

	html > body #menuder2 a:hover { color: #FF0000;}


/* Bouton Aide */
div#aide
{
      font-size:12px;
      position: absolute;
      text-align: center;
      color: #FFFFFF;
      background: url("parchem_menu.jpg") no-repeat;
      top: 125px;
      left: 500px;
      right:0;
      list-style-type: none;
      width: 120px;
      z-index: 5;
}

        html > body #aide h4
         {
		font-size:14px;
		padding-top: 0;
                float: none;
        }

	#aide a:link {
        color: #4040AA;
        text-decoration:none;
        }

        #aide a:visited {
        color: #000000;
        text-decoration:none;
        }

	html > body #aide a:hover { color: #FF0000;}

/* Flux RSS */
div#rss
{
      font-size:12px;
      position: absolute;
      text-align: center;
      color: #FFFFFF;
      top: 5px;
      left: 150px;
      right:0;
      list-style-type: none;
      width: 70px;
      z-index: 7;
}


	  
	
/*recherche */
div#recherche {
	position: absolute;
        background: url(nav.jpg) repeat-x center ;
        text-align: right;
		top: 165px;
        left: 30%;
		right: 100%;
        bottom: 185px;
        height: 20px;
        width: 65%;
        color: #000080;
        z-index: 3;
            }

/*menu du cote*/            
div#sidebar {
          position: fixed;
          color: #000044;
          top: 130px;
          left: 0;
          right: 200px;
          width: 200px;
          height: 100%;
          bottom: 100%;
          background: url(gauche.jpg) repeat top left;
          font-family: Verdana, Helvetica, Charcoal, Arial, sans-serif;  
          font-size: 8pt;
	  list-style-type: none;
          text-decoration: italic;       
          z-index: 2;
           }

html > body #sidebar li:hover {color: #FF0000;}

/*texte*/           
div#texte {
 	 position: absolute;
 	 top: 190px;
     	 padding: 15px;
	 left: 200px;
     	 right: 80%;
	 font-family: Verdana, Helvetica, Charcoal, Arial, sans-serif;  
         font-size: 10pt;
         text-decoration: italic;       
      	 width: 50%;
	 height:70%;
    	 z-index: 0;
	}

/* footer */
div#footer
        {
	 text-align: center;
	 font-size: 8pt;
         color: #00000;
	 position: fixed;
         top: 78%;
         padding: 0;
         left: 75%;
         width: 25%;
         z-index: 1;
        }