/* CSS Document */

		body
		{
			margin: 0px 0 ;
			padding: 0 ;
			text-align: center ;
			font: 0.9em Century Gothic, verdana, helvetica, sans-serif ;
			background: url(img/m_fond.jpg);
		}
		

		
		td,tr{ 
		font: 0.8em verdana, helvetica, sans-serif ;
		border-width:0px; 
		width:20%;
		text-align:center;
		}



		div#conteneur
		{
		
			width: 770px ;
			margin: 0 auto ;
			text-align: justify ;
			border: 2px solid #385990 ;
		
		}
		
		h1#header
		{
			height: 153px ;
			margin:0 ;
			padding:0 ;
			background: url(img/f_header.jpg) no-repeat left top ;
	
		}
		
		h1#header a
		{
			width: 350px; ;
			height: 110px ;
			display: block ;
			background: url(img/logo_druguet.gif) no-repeat 0 0;
			position: relative ;
			left: 0px ;
			top: -20px ;
		
		}
		
		h1#header a span
		{
			display: none ;
		}
		
		#illustr {
		position: absolute;
		margin-left:660px;
		top :0px;
		}
		
		#drapo {
		position:absolute;
		margin-left:350px;
		top :5px;
		}
		
		ul#menu 
		{
		margin-left:5px;
		margin-top:-40px;
		margin-bottom:40px;
		font: 0.9em "Trebuchet MS", helvetica, sans-serif ;
		list-style-type: none ;
		}
		
	
		ul#menu li
		{
			margin-left:-5px;		
			float: left ;
			text-align: center ;
			display: block ;
			width:135px;
			letter-spacing: 1px ;
		}
		
		ul#menu li a
		{
			font-size: 1.1em ;
			font-weight: bold ;
			color: yellow ;
			text-decoration: underline ;
			
				
		}
		
		ul#menu li a:hover
		{
	
			text-decoration:underline;
			background: #385990;
			color:white;
			border-bottom: 1px solid black ;
			border-left: 1px solid black ;
			border-right: 1px solid black ;
			padding : 5px;
		}
	
		ul#menu li a:active
		{
			color:blue;
			text-decoration:underline;
			background: white;
			padding-top:5px;
			
			}


	
		li#actif {

		
			font-weight: bold ;
			padding-top:5px;
			padding-bottom:5px;
			margin-top:10px;
			font-size: 1.4em ;
			color: white ;
			background-color:#385990;
			border-bottom: 1px solid black ;
			border-left: 1px solid black ;
			border-right: 1px solid black ;
			

		}
	
		#contenu
		{			
				background: url(img/m_content.gif) repeat-y 0px 0px;
			
				
		}
			
		#contenu p, li
		{
		margin-left :20px;	
		padding: 0 0 0 0px ;
		text-align:left;

			}
		
		

		h2
		{
			margin-left:50px;
			font-size: 1.4em ;
			color: #385990 ;
			padding-left: 5px ;
			border-bottom: 1px dotted #385990 ;
			border-left: 30px solid #385990 ;
		}
		
		h3
		{
			
			padding-left: 5px ;
			border-bottom: 1px solid #906F38 ;
			border-left: 10px solid #906F38 ;
			color:#906F38 ;
		}
		
		
			h4
		{
			margin-left: 20px ;
			padding-left: 5px ;
			color:#385990 ;
			text-align:left;
		}
		
		
		#contenu img {
		background-color:#906F38;
		margin-right: 10px;
		margin-bottom: 10px;
		}
		
	img a {
		border:0px;
			}
		
	 img a:hover {
		border:1px;
		}
		
	div#contenu a
		{
			color: #385990 ;
			
		}
		
	div#contenu a:hover
		{
			background-color: #385990 ;
			color:white;
		}
	
		#boite {
			
			margin:0px 30px;
			line-height: 20px ;
		
			padding-top:20px;
			width:450px;
	}
																			
		#boitegauche,
		#boitedroite,
		#boite2		
		 {
		position: absolute;
		top: 180px;
		}
		
		#boitegauche {
		margin: 0 20px;
		
		}

		#boitegauche img{
		float:center;
		}
	
		#boitecentre {
					
			margin-left:270px;
			width:300px;
			font-size: 0.9em ;
			padding-top: 30px;
			color: black ;
			line-height: 20px ;
		}
			
		#boitecentre h1 {
			font: 1.8em verdana, helvetica, sans-serif ;
			font-weight: bold ;
			margin-left:20px;
			text-align:left;
		}
		
			#boitecentre h2 {
			font-size: 1.4em ;
			color: #385990;
			padding-left: 5px ;
			border-bottom: 1px dotted #385990 ;
			border-left: 0px;
			font-weight: bold ;
			text-align:left;
}
	
			#boitecentre h3 {
			margin-top:25px;
			margin-left: 15px ;
		
}
			
		#boitedroite {

			
			margin: 0 585px;
			width:170px;
			background: white;
			font-weight:bold;
			font-size: 0.9em ;
			color: #385990 ;
			border-bottom: 1px dotted #385990 ;
			border-top: 1px dotted #385990 ;
			border-left: 1px dotted #385990 ;	
			margin-top:10px;			
			}
		
	#boite1 {
			margin:0 240px;		
			padding-left:50px;
			width:420px;
			
			padding-top: 10px;
			color: black ;
		}
			
			
		#boite2 {

			margin:0 30px;
			width:200px;
						}
		div#boite2 {
			background: white;
			font-weight:bold;
			font-size: 0.9em ;
			color: #385990 ;
			border-bottom: 1px dotted #385990 ;
			border-top: 1px dotted #385990 ;
			border-left: 1px dotted #385990 ;	
			margin-top:10px;			
			padding:5px;
			}
	

	
	#boite4 {

	margin:0 500px;
	width:230px;
	position: absolute;
	top: 166px;
}

			div#boite4 {
			background: white;
	
		
			color: #385990 ;
			border-bottom: 1px dotted #385990 ;
			border-top: 1px dotted #385990 ;
			border-left: 1px dotted #385990 ;	
			margin-top:10px;			
			padding:5px;
			}
	

		#boite4 li {
		margin-bottom:10px;
		font: 0.8em verdana, helvetica, sans-serif ;
			}
		
		
		div#footer
		{
		background: url(img/b_content.gif) no-repeat 0px 0px;
		height: 36px;
		text-align: center;
		color: gray;
		position : relative;
		clear:both;
		}
		
			
		#flash {
		padding:5px;
		text-align:center;
		
		}
.li {
	list-style-position: inside;
	list-style-type: disc;
}