body
		{
			margin: 5px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			/*background: #dea ;*/
			background: #183152
		}
		
		div#conteneur
		{
	
      position: relative;
			width: 1000px ;
			margin: 0 auto ;
			text-align: left ;
			border: 2px solid #ab4 ;
			background: #fff right top repeat-y ;
			/*background: url(test.png) center repeat-y;*/

		}
		
		div#conteneur2
		{
	
      position: relative;
			width: 1000px ;
			margin: 0 auto ;
			text-align: left ;
			border: 2px solid #ab4 ;
			/*background: #fff right top repeat-y ;*/
			background: url(test.png) center repeat-y;

		}
		
		h1#header
		{
			height: 258px ;
			
			margin: 0 ;
		
		}
		
		
		h1#header a span
		{
			display: none ;
		}
		
		ul#menu
		{
			height: 35px ;
			margin: 0 ;
			padding: 0 ;
			background: url(bg_menu.gif) repeat-x 0 -25px ;
			list-style-type: none ;
		}
				
		ul#menu li
		{
			float: left ;
			text-align: center ;
		}
		
		ul#menu li a
		{
			width: 115px ;
			line-height: 25px ;
			font-size: 1.2em ;
			font-weight: bold ;
			letter-spacing: 2px ;
			color: #fff ;
			display: block ;
			text-decoration: none ;
			border-right: 2px solid #dea ;
		}
		
		ul#menu li a:hover
		{
			background: url(bg_menu.gif) repeat-x 0 0 ;
		}
		
		div#contenu
		{
			padding: 0 20px 0 30px ;
			/*background: url(bg_page.gif) no-repeat 15px 15px ;*/
		}
		
		div#contenu h2
		{
			padding-left: 50px ;
			line-height: 50px ;
			font-size: 1.4em ;
			background: url(logos/logoetelan.jpg) no-repeat left bottom ;
			color: #9b2 ;
			border-bottom: 1px solid #9b2 ;
		}
		
		div#contenu h3
		{
			margin-left: 10px ;
			padding-left: 5px ;
			border-bottom: 6px solid #046380;
			border-left: 6px solid #046380  ;
			color: #004478 ;
		}
		
		div#contenu h4
		{
			margin-left: 10px ;
			padding-left: 5px ;
			border-left: 18px solid #068E7C  ;
			color: #B74300 ;
		}
		
		div#horaire
		{
			margin-left: 10px ;
			padding-left: 50px ;
		  background: url(logos/logoetelan.jpg) no-repeat left bottom ;
			font: 1.5em "Trebuchet MS", helvetica, sans-serif ;
			color: #B74300 ;
		}
		
		
		div#contenu p
		{
			text-align: justify ;
			text-indent: 2em ;
			line-height: 1.7em ;
		}
		
		div#contenu a
		{
			color: #8a0 ;
		}
		
		div#contenu a:hover
		{
			color: #9b2 ;
		}
		
		p#footer
		{
			margin: 0 ;
			padding-right: 10px ;
			line-height: 30px ;
			text-align: right ;
			color: #8a0 ;
		}
		
		pre
		{
			overflow: auto ;
			background: #dea ;
			border: 2px solid #9b2 ;
			padding: 5px 0 0 5px ;
			font-size: 1.2em ;
		}
		
		
		pre span
		{
			color: #560 ;
		}
		
		pre span.comment
		{
			color: #b30000 ;
		}
		

		
		div#content 
		{
			float: left;
			width: 700px;
			margin-top: 5px;
		}

		div#sidebar 
		{
			float: right;
			width: 300px;
			/*background: #E4FED8 repeat-y;*/
		  
		}

		div#center 
		{
			padding-bottom: 50px;
			padding: 0 10px 0 10px ;
			/*position:absolute;
      top: 500px;
      left: 100px;
     float: right;
			width: 500px;*/
			overflow: auto;
		}
		
		div#milieu 
		{
			padding-bottom: 50px;
			/*position:absolute;
      top: 500px;
      left: 100px;*/
      float: right;
			width: 480px;
			/*overflow: auto;*/
		
		}
		
		div#milieu2 
		{
			padding-bottom: 50px;
			/*position:absolute;
      top: 500px;
      left: 100px;*/
      float: right;
      width: 770px;
			/*overflow: auto;*/
		
		}
		
		div#logo 
		{
			float: right;
			width: 300px;
			background: #FFFFFF;
		
		}
		
  div#piedpage1 {
		height: 20px;
		clear: both;
	}

	div#piedpage2 {
		position: absolute;
		bottom: 0; left: 0;
		width: 100%;
		height: 1,3em;
	  text-align: center;
		
		background: #D7D7D4;
	}
		
	.gauche {
  float: left;
  margin-right: 10px;
  /*margin-left: 15px;*/
  } 
  
  
  .droite{
  float: right;
  margin-left: 10px;
  }
	
	

	.agenda1{
			font: 1.5em "Trebuchet MS", helvetica, sans-serif ;
			color: #84B2AC ;
		}
		
	.agenda2{
			font: 1.1em "Trebuchet MS", helvetica, sans-serif ;
			color: #454645 ;
		}
    
   .agenda3{
			font: 1.3em "Trebuchet MS", helvetica, sans-serif ;
			color: #0D4C00 ;
		}
    
    .titre{
    	font: 1.4em "Trebuchet MS", helvetica, sans-serif ;
    }	
		
	  .trait{
   border-bottom: 1px solid #BCBCBC ;
   }
   

    .evenement{
			padding-left: 50px ;
			line-height: 50px ;
			font-size: 1.8em ;
			background: url(logos/logoetelan.jpg) no-repeat left bottom ;
			color: #004478 ;
			}
			
/*Menu verticale*/

/*--- Menu 18--- */

#menu18 {
width: 200px;
margin: 10px;/*
position:absolute;
top: 500px;
left: 100px;
padding-bottom: 10px;
overflow: auto;*/
}

#menu18 ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu18 li a {
text-align: center;

height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

/* N'oubliez pas de renseigner l'adresse des images */
#menu18 li a:link, #menu18 li a:visited {
color: #4D4D4D;
display: block;
background: url(images/menu18.gif);
padding: 8px 0 0 10px;
}

#menu18 li a:hover {
color: #FF9834;
background: url(images/menu18.gif) 0 -32px;
padding: 8px 0 0 10px;
}