body { 
      background-image:url('img/motifs_fond_site_batofar.png');  
      background-repeat:repeat-xy;
	  margin: 0;
      font-family: arial, sans-serif;
      text-transform: uppercase;
      color: #000;
    }
        img { 
      margin: 0;
      border: 0;
    }
     #scrollbar_track {  
     position:absolute;  
     top:0;  
     rightright:0;  
     height:100%;  
     width:10px;  
     background-color:transparent;  
     cursor:move;  
 } 
  
 #scrollbar_handle {  
     width:10px;  
     background-color:#5c92e7;  
     cursor:move;  
     -moz-border-radius: 5px;  
     -webkit-border-radius: 5px;  
     opacity:0.9;  
     -moz-opacity:0.9;  
 } 
 
 
#scrollbar_container {  
     position:relative;  
     width:395px;  
 } 
 
 #scrollbar_content {  
     overflow:hidden;  
    width:395px;  
     height:425px;  
 }  
 
 
    #tsugi {
	  height:250px;
	  width:250px;
	  background-image:url('img/tsugi.jpg');
      position: absolute;
      top: 170px;
      left: 640px;
      border-top: 0px solid #000;
	}
    #iframe {
	  height:500px;
	  width:700px;
	  background-image:url('img/cadre.png');
      position: absolute;
      top: 100px;
      left: 340px;
      border-top: 0px solid #000;
    }
	
	#iframe iframe {
	  height:395px;
	  left:135px;
	  position:absolute;
	  width:427px;

    }
	
	#nav {
	  align:left;
      position: absolute;
      top: 103px;
      left: 745px;
	  font-size: 60%; 
      font-weight: bold;
      margin: 0;
      color: #333;
    }

    #header {
      position: absolute;
      top: 200px;
      left: 50px;
    }

    #header h1 {
      margin: 0;
      color: #d81c1b;
      
    }
    #header h2 {
      font-size: 100%; 
      font-weight: bold;
      margin: 0;
      color: #000;

    }
    #header h3 {
      font-size: 60%;
      font-weight: normal;
      margin: 0;
      color: #000;
      border-top: 1px solid #FFF;
    }
     #header h4 {
      font-size: 60%;
      font-weight: normal;
      margin-top: 0em;
	  color: #000;
      border-bottom: 1px solid #FFF;
	  }
    
    #header a:link,a:visited,a:active { color: #000; text-decoration: none; }
    #header a:hover { color: #000; }

	
    
	
	#menu {
      list-style-type: none;
      position: absolute;
      top: 145px;
      left: 0px;
      font-size: 100%;
      font-weight: bold;
	   border-bottom: 1px solid #FFF;
    }

    #menu li { display: listĄ; }
    #menu a:link { color: #000; text-decoration: none; }
    #menu a:visited { color: #000; text-decoration: none; }
    #menu a:hover,a:active { color: #fff; background-color:#be0101; font-weight: bold;}

    #footer {
      color: #ccc;
      position: absolute;
      top: 85%;
      padding-left: 50px;
      margin-top: 5em;
      background-color: #333;
      width: 100%;
      text-align: left;
      font-size: 80%;
      text-transform: uppercase;
    }
    
    #footer a:link,a:active { color: #ccc; text-decoration: none;  }
    #footer a:visited { color: #ccc; text-decoration: none; }
    #footer a:hover { color: #be0101; cursor: pointer; }

    #nav a:link,a:visited,a:active { color: #333; text-decoration: none; }
    #nav a:hover { color: #be0101; }