@charset "utf-8";

@import url("layout.css");
/* CSS Document */

  body {
    	font: 0.8em  Verdana, Arial, Helvetica, sans-serif;
    	background: #0093af;
		background: url(../images/fd_baniere.jpg) top left repeat-x;
    	background-color: #0093af;
		background-image: url(../images/fd_baniere.jpg) top left repeat-x;
		background-repeat: repeat-x;			
    	text-align: center; 
    	color: #ffffff;
    }
	
    div#container {
		top: 0px;
		left: 0px;
    	width: 100%;
    	text-align: left; 
	    }	
		
    div#header {
	    height: 113px;
    }
	
 	div#header2 {
		height: 122px;
	}
		
	div#menu {
		height: 40px;
    	background: #98d3df;
		margin: 0 ;
		padding: 0 ;
		border: 0;		
	}
	
/*
/*
/*      MENU PRINCIPAL
/*	
/*    */

#menu ul {
  position:relative;
  list-style:none;
  margin: 0px;
  padding-right: 20px; 
  width:500px;
  height:40px;
}

#menu ul a {
  position: absolute;
  display: block;
  width: 500px;
  height: 40px;
  text-decoration: none;
}

#menu a:hover {
  width:500px;
  height:40px;
}

#lien1 {
  top: 0px;
  left: 0px;
  background: url(../boutons/btn_home_off.png) no-repeat;
}

#lien1:link, #lien1:visited {
  background: url(../boutons/btn_home_off.png) no-repeat;
}

#lien1:hover, #lien1:focus {
  top:0px;
  left:0px;
  width:89px;
  background: url(../boutons/btn_home_on.png) no-repeat;
}

#lien2 {
  top: 0px;
  left: 90px;
  width:134px;
  background: url(../boutons/btn_company_off.png) no-repeat;
}

#lien2:link, #lien2:visited {
  top: 0px;
  left: 90px;
  width:134px;
  background: url(../boutons/btn_company_off.png) no-repeat;
}

#lien2:hover, #lien2:focus {
  top:0px;
  left:90px;
  width:134px;
  background: url(../boutons/btn_company_on.png) no-repeat;
}

#lien3 {
  top: 0px;
  left: 225px;
  width:100px;
  background: url(../boutons/btn_news_off.png) no-repeat;
}

#lien3:link, #lien3:visited {
  top: 0px;
  left: 225px;
  width:100px;
  background: url(../boutons/btn_news_off.png) no-repeat;
}

#lien3:hover, #lien3:focus {
  top:0px;
  left:225px;
  width:100px;
  background: url(../boutons/btn_news_on.png) no-repeat;
}

#lien4 {
  top: 0px;
  left: 330px;
  width:114px;
  background: url(../boutons/btn_contact_off.png) no-repeat;
}

#lien4:link, #lien4:visited {
  top: 0px;
  left: 330px;
  width:114px;
  background: url(../boutons/btn_contact_off.png) no-repeat;
}

#lien4:hover, #lien4:focus {
  top:0px;
  left:330px;
  width:114px;
  background: url(../boutons/btn_contact_on.png) no-repeat;
}


/*
/*
/*     CORPS
/*	
/*    */

    div#mainContent {
		overflow: hidden;
		width: 1024px;
	    margin: 0 auto;	
    	background: #0093af;
    }
	
	div#mainContent a {
		color: #000080;
	}

	div#mainContent a:hover {
		color: #000080;
	}
	
    div#contentLeft {
		float: left;
		width: 450px; 
	}
	
	 div#contentCenter {
	 	margin-left: 500px;
    	padding: 20px 50px 20px 0px;
    }
	
	div#contentCenter a {
	text-decoration: none;
	}
	
	div#contentCenter img {
	margin: 0px;
	padding: 0px;  
	border: 0px;
	}	
	
    div#footer {
		clear: both; 
		font-size: 0.8em;
		color: silver;
		font-weight: bold;
		text-align: center;
    	background: #0093af;
    }
	
    div#footer p {
    	margin: 0; 
    	padding: 10px 0; 
		line-height: 30px ;
		text-align: center ;
    }
	
	h2 {
	    font-size: 1.2em;
		margin: 0 0 10px 0;
		font-weight: bold;
    	color: #000080;
	}
	
	p {
		margin: 0 0 10px 0;
	}
	
	pre {
		overflow: auto ;
		background: #dea ;
		border: 1px solid #9b2 ;
		padding: 5px 0 0 5px ;
		font-size: 1.2em ;
	}
	
	pre span
	{
		color: #560 ;
	}
	
	pre span.comment
	{
		color: #b30000 ;
	}
	
div.figure {
  float: left;
  width: 90%;
  min-width: 400px;
  border: thin white solid;
  margin: 0.5em;
  padding: 0.5em;
}

div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

img.scaled {
  width: 100%;
}