@charset "UTF-8";
/**
 *
 * @creator       Nicolas Verhoye
 * @file          main.css
 *
 */

@media screen, projection
{


  /*-------------------------------------------------------------------------*/

  body { 
	  background: #66cc33 url("../images/bg_body.jpg") repeat-x top left fixed;
	  padding: 10px 0;
	  font-family: arial; 
	  font-size:0.8em
  }

img{border:none;}
  a:link {
	font-weight:bold;
	text-decoration: underline;
	color: #2485b2;
  }
  

 
  a:visited {
	  font-weight:bold;
	  text-decoration: underline;
	  color: #2485b2;
  } 

    a:hover {
	  font-weight:bold;
	  text-decoration: none;
	  color: #2485b2;
  } 
  
  /* Proprietes layout */
  .page_margins {
	  margin: 0px auto;
	  width: auto;
	  min-width: 1050px;
	  max-width: 1050px;
	  background: #fff; 
  }
  
  #header { 
	  position:relative;
	  height: 225px; 
	  color: #000; 
	  background:#edf2f8 url("../images/bg_header.jpg") no-repeat top left; 
  }
  
	  #logos { 
		 position:absolute;
		  top:0px;
		  right:0px;
	  }
  
	
  #main {
	  margin: 30px 0 0 0;
	  background: #fff;
  }
  
  #footer { 
	  height:20px;
	  padding: 10px 20px;
	  color:#fff; 
	  background: #666;
	  border-top: 5px #efefef solid;
  }
    
  #footer a:link {
		color: #fff;
  }
  
  #footer a:hover {
		color: #fff;
  } 
 
  #footer a:visited {
		color: #fff;
  } 
  
  #footer-left {
	float:left; 
  }
  
  #footer-right {
	float:right; 
  }
	
  /* Menu de navigation */
	#nav {

		position:absolute;
		bottom:0px;
		right:0px;
		overflow:hidden;
	}
	  
	  ul#menu { 
		list-style-type:none;
	  }
	  
		ul#menu li { 
			display: inline; 
		}
		

				
		  ul#menu li span {
			
			  float: left; 
			  text-decoration: none;
			  height:42px;
			  width:152px; 
			  text-align:center; 
			  margin: 0 10px 0 0;
		  }
		  

			ul#menu li span a {
			  
				font-weight:bold; 
				font-size: 1.2em;
				color:#fff;
				text-decoration: none; 
				display:block;
				height:55px;
				padding-top:6px;
			}
			
		  ul#menu li span :hover {

			padding-top:11px;
		  
		  }
			
						
			  ul#menu li span.orange {
				background: url('../images/bg_nav_orange.jpg') no-repeat  0 -13px;
			  }
			  	
			    ul#menu li span.orange:hover{
				  background: url('../images/bg_nav_orange.jpg') no-repeat  0 -8px;
			    }
				
			  ul#menu li span.green{
				background: url('../images/bg_nav_green.jpg') no-repeat  0 -13px;
			  }
			  
			    ul#menu li span.green:hover{
				  background: url('../images/bg_nav_green.jpg') no-repeat  0 -8px;
			    }
			  
			  ul#menu li span.red {
				background: url('../images/bg_nav_red.jpg') no-repeat  0 -13px;
			  }
			  
			    ul#menu li span.red:hover{
				  background: url('../images/bg_nav_red.jpg') no-repeat  0 -8px;
			    }
				

  
  /*-------------------------------------------------------------------------*/

  /**
   * Corps de la page
   */

   	
  /* Colonne principale */
  
  #maincol { 
	  position:relative;
	  float: left;
	  width: 70%;
	  margin-bottom:20px;
  }
  
  #maincol_content { 
	padding: 0 25px 0 20px;
  }	
  
	  #maincol h1 {
		  height:30px;
		  font-size:22px;
		  color:#b73c00;
		  margin:0; padding:0;
	  }
		#maincol h1 span {
		  position:absolute; 
		  left:0px; 
		  padding-left: 70px;
		  background-image: url('../images/bg_h2_maincol.jpg');
		  background-repeat: no-repeat;
		  background-position: 0px 2px;
		}
		#maincol h2 {
		  font-size:18px;
		  color:#7db31c;
		  margin:0; padding:0;
	  }
	  #maincol h3{
	  	color:#336699;
		}
		#maincol table{ border-collapse:collapse; }
  /* Seperateur de colonne */ 
  
  #rightcol {
	  border-left: 2px #ddd solid;
  }
		
  /* Colonne secondaire */	
		
  #rightcol { 
	  width: auto;
	  margin: 0 0 0 69%;
  }
  
  #rightcol_content {
	padding: 10px 20px 0 15px;
  }
  
  #rightcol_content img{
	padding: 0px 5px 0 0px;
  }
  
  #rightcol_content p{
	padding-left: 13px;
	color:#676767;
  }

  /*-------------------------------------------------------------------------*/
  
  
  /**
   * Proprietes Ombres 
   */
   
   #shadow_top {

	  margin:40px auto 0 auto;
	  width:1065px;
	  height:9px;
	  background: url('../images/shadow_top.png') repeat-x top left; 
   }
   
   #shadow_bottom {

	  margin:0px auto;
	  width:1065px;
	  height:9px;
	  background: url('../images/shadow_bottom.png') repeat-x bottom left; 
   }
   
   #shadow_main {

	  margin:0px auto;
	  width:1065px;
	  background: url('../images/shadow_main.png') repeat-y bottom left; 
   }
  div#actu{margin-bottom:35px;}
p.actu a{text-decoration:none; }
p.actu_all{text-align:right;}
p.actu_all a{color:#B73C00; font-size:90%; text-decoration:none;}