@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;		
	}

/*
/*
/*      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;	
	}



	