/**********************         Affichage general                    *********************/
   html, body {
margin: 0;
padding: 0;
height: 100%;
}

	   body {
         font-family : sans-serif, serif, arial, tahoma	;
         font-size : 12px;
         color : white;
         margin : 0;
		 width : 100%;
		 margin-top: 25px;
         text-align : justify;
		 background : #000000 url(./bg_top.jpg) repeat-x top ;
		 
      
	  }
	  
	  
	     #main {
		margin: 0;
		padding: 0;
		height: 100%;
		
		 padding-bottom: 100px;
}

	    
		 
		 
		 
		 #head{
	
	     height : 138px; 
		 width : 977px;
	     background : url(./header.jpg) no-repeat ;

		 }
		 
		.GrosTitre{
		padding-top : 45px;
		margin-left : 300px;
		font-size : 35px;
		color : red;
		font-weight : bold;
	    font-variant :small-caps;

		 }
		  
		.SousTitre{
		
		margin-left : 300px;
		font-size : 12px;
		color : #ffffff;
		
	 

		 }


	
.logo {
		
			float : left;
			margin-left:35px;
		   
		
      }	 
	  
	  
   
	  
#BlokTop{
		
	     height : 40px;
	     width : 678px;
	     background :  url(./blok_head.jpg) no-repeat ;
		
		
      }
	  
#BlokMiddle{
		
	     color : white;
		 margin-left: 1px;
		 width: 665px !important; 
		 width : 677px;
		 
		min-height : 282px;
		padding-right : 10px;
		
		 background : #0d0000  url(./blok_middle.jpg) no-repeat ;
		 border-left:1px solid #330000; 
		 border-right:1px solid   #330000 ; 
		
      }	 

#BlokMiddle p{
		
	     color : white;
	    
		padding-left : 15px;
	  	padding-top	 : 15px;
		margin : 0px;
		
		
      }	 

 #BlokMiddle img{
         margin : 1px 8px;
         border : none;
      }	  	  
	  
#BlokBottom{
		
	      height : 117px;
	     width : 678px;
	     background :  url(./block_bottom.jpg) no-repeat ;
	
		
      }	  




#ActuTop{
		
	     height : 35px;
	     width : 199px;
	     background :  url(./actu_top.gif) no-repeat ;
		 margin-left : 15px;
		
		
      }
	  
#ActuMid{
		 margin-left : 15px;
	     color : white;
		 
		 width: 199px ;		
		
		 background : #121212  url(./actu_mid.jpg) repeat-y top ;
		padding-bottom : 10px;
		
      }	 
	  
	  
	
#ActuMid p{
		
	    color : #8c8c8c;
	    width : 175px;
		padding-left : 15px;
	  	padding-top	 : 10px;
		margin : 0px;
		
		
      }	 

	  	  
	  
#ActuBottom{
			 margin-left : 15px;
	      height : 83px;
	     width : 199px;
	     background :  url(./actu_bottom.gif) no-repeat ;
		
		
      }	  
	  
	  
	  
	  	  
	   #lefty {
	   position: absolute;
         float : left;
         width : 285px;
         margin-top : 5px;
         padding : 0;
		 margin-left : 8px;
         height : auto;
         color : #000000;
         font-size : 10px;
         background-color : black;
		 
      }
	  
	  #nav{
	     font-size : 14px;
		 color : red;
		 font-weight : bold;
	     height : 223px;
	   
	     background :  url(./nav.gif) no-repeat ;
		
		
      }	 

		#nav div {
		font-variant : small-caps;
		}	 


	#nav a:link  ,  #nav a:visited{
         color : #ff0000;
         text-decoration : none;
         background-color : transparent;
      }
 
  #nav   a:hover {
         color : #7e7e7e;
         text-decoration : none ;
         background-color : transparent;
		 
      }
		
	  
	 	 #Content {
         float : left;
		 line-height : 150%;
         margin-top : 5px;
			position: absolute;
		 margin-left : 280px;
       
		  color : #ffffff;
         font-size : 12px;
         background-color : black;
		
			
				
		
      } 
	  
	  
	  .commentright {
         text-align : right;
         font-size : 9px;
      }
	  
	  h1{
	  
	  margin :  0;
	  padding : 15px 0px 15px 20px;
	  }
	  
	  img {
	  border : none;
	
	  }
	    

  p {
         margin : 0px;
         padding : 0;
     
		}  
	  
     .u {
         text-decoration : underline;
      }


     .erreur {
         font-size : 11px;
         color : red;
         background-color : white;
         text-align : center;
      }

    
     a:link {
         color : white;
         text-decoration : none;
         background-color : transparent;
      }
     a:visited {
         color : white;
         text-decoration : none;
         background-color : transparent;
      }
     a:hover {
         color : #880000;
         text-decoration : none ;
         background-color : transparent;
		 
      }
	  
	  
     a.lien:link,  a.lien:visited {
         color : #8e8e8e;
         text-decoration : none;
         background-color : transparent;
      }
   
     a.lien:hover {
         color : #515151;
         text-decoration : none;
         background-color : transparent;
      }
	  
   /**********************         Affichage Formulaire                *********************/	  
	  
	  .form {
         color : white;
		
         background-color : #0D0000;
          border : 1px solid #8e0000;
         font : 11px sans-serif;
      }
	  
	  #corpForm .form {
        
		 width: 310px;
        
      }
   #corpForm fieldset#comm-actu, #corpForm fieldset#contact {
         margin : auto;
         font-style : normal;
         padding : 5px;
         border : 0;
      }
     #corpForm legend {
         font-weight : bold;
         color : black;
         background : transparent;
      }
     #corpForm p {
         padding : 0.2em 0;
         margin : 0 0 0.2em;
      }
     #corpForm fieldset#contact label {
         float : left;
         width : 25%;
         text-align : right;
         margin : 0;
         padding : 0 0.5em 0 0;
         line-height : 1.8;
         margin : 0px 0 0;
         padding : 0px 3px 0 5px;
      }
    
     #corpForm label:hover{
         cursor : pointer;
      }
     #corpForm span {
         margin : 0 0 2px 2px;
      }