@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 {
		width: 100%;
		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;
}

/*
/*
/*      SOUS MENU
/*	
/*    */

	div#smenu {
		width: 100%;
		height: 50px;
		margin: 0 ;
		padding: 0 ;
		border: 0;		
	}
	
	div#smenu a {
		text-decoration: none;
	}

	div#smenu a:hover {
		color: #000080;
		text-decoration: none;
	}
	
	div#smenu img {
		margin: 0px;
		padding: 0px;  
		border: 0px;
	}
	
	#navigation {
		margin: 0 ;
		padding: 0 ;
		list-style: none ;
		text-align: center ;
	}
	
	#navigation ul {
		margin-right: 0px
	}
	
	#navigation li {
		display: inline;
		margin-right: 0px;
		color: #fff ;
		background: #0093af;
	}
	
	#navigation li a, #navigation li a:visited {
		padding: 3px 10px ;
		background: #0093af;
		color: #fff ;
		border-left: 1px solid #fff ;
		border-bottom: 1px solid #fff ;
		border-right: 1px solid #fff ;
		font: 1em "Trebuchet MS",Arial,sans-serif ;
		line-height: 1em ;
		text-align: center ;
		text-decoration: none ;
	}
	
	#navigation li a:hover, #navigation li a:focus {
 		background: #98d3df;
		color: #000080;
		border-left: 1px solid #000080 ;
		border-bottom: 1px solid #000080 ;
		border-right: 1px solid #000080 ;		
		text-decoration: none ;
	}

	#navigation li#active a {
		background: #000080;
		border: 1px solid #000080;
		color: #98d3df;
	}

    div#mainContent {
		overflow: hidden;
		width: 1024px;
	    margin: 0 auto;	
    	background: #0093af;
    }
	
	div#mainContent a {
		color: #ffffff;
		font-weight: bold;
		text-decoration: underline;
	}

	div#mainContent a:visited, div#mainContent a:link {
		color: silver;
		font-weight: bold;
		text-decoration: underline;	
	}
	
	div#mainContent a:hover {
		color: #000080;
	}
	
    div#contentLeft {
		float: left;
		width: 400px; 
	}
	
	 div#contentCenter {
	 	margin-left: 470px;
    	padding: 0px 50px 20px 0px;
    }
	
    div#footer {
		clear: both; 
		font-size: 0.8em;
		color: silver;
		font-weight: bold;
		text-align: center;
    	background: #0093af;
    }
	
    div#footer p {
    	margin: 0px; 
    	padding: 0px; 
/*		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;
		text-align: justify;
	}
	
	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 ;
	}
	
	.inputext {
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border-color: #87d6fd;
	border-style: solid;
	border-width: 1px;
	font-size: 11px; 
	padding-left: 3px;
	}
	
	.texttext {
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border-color: #87d6fd;
	border-style: solid;
	border-width: 1px;
	font-size: 11px; 
	padding-left: 3px;
	}	
	 
	select {
	font-family: Verdana, Arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border-color: #87d6fd
	border-style: solid;
	border-width: 1px;
	font-size: 11px; 
	padding-left: 3px;
	}

	textarea {
	font-family: Verdana, Arial, sans-serif;
	background-color: #ffffff;
	color: #000000;
	border-color: #87d6fd;
	border-style: solid;
	border-width: 1px;
	font-size: 11px; 
	padding-left: 3px;
	}
	
	div#tel {
	text-align: center; 
	}
	
	#marque {
	font-weight: bold;
	color:#FFCC00;
	}
	
	.erreur {
	font-weight: bold;
	margin-top: 15px;
	margin-right: 50px;
	margin-bottom: 15px;
	margin-left: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;	 
	border-style: solid;
	border-width: 2px;
	border-color: #ffcc00;	
	}