/* Feuille de styles voiles_occas v1.0 - juillet 2008 */



/* ----------- Styles génériques ----------- */
	html {
		height : 100%;
		margin: 0;
		padding: 0;

	}
		h1, h2, h3, h4, h5, ul, li, div {
		margin: 0;
		padding: 0;
		border: 0;
	}
body{
		background: #C2D4DE url(images/deg.gif) top center repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.7em;
		height : 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		color: #285779;
}

		h1 {
		/*background: #C2D4DE url(images/entete-haut.gif) top left no-repeat;*/
		/*width:800px;
		height:87px;*/
		text-indent: -5000px;
		margin: 0;
		padding: 0;
		font-size: 1px;
		line-height: 1px;
		text-decoration: none;
	}
		h2 {
		background: #C2D4DE url(images/menu1.jpg) top left no-repeat;
		width: 456px;
		height: 46px;
		text-indent: -9999px;
	}
		h3 {
		background: #C2D4DE url(images/titre_news.jpg) top left no-repeat;
		width: 336px;
		height: 46px;
		text-indent: -9999px;
	}
		h4 {
		background: #C2D4DE url(images/titre_semaine.jpg) top left no-repeat;
		width: 456px;
		height: 46px;
		text-indent: -9999px;
	}
		h5 {
		background: #C2D4DE url(images/titre_recherche.jpg) top left no-repeat;
		width: 336px;
		height: 46px;
		text-indent: -9999px;
	}
/* ---------- Structure ---------- */
	
/* ----- centrer la page ----- */
		#page {
			background-color:#C2D4DE;
			width: 810px;	
			min-height : 100%!Important; 
			text-align: center;
			margin:0 auto 0 auto;
		}

/*---------------------------*/
/*		    header	         */
/*---------------------------*/
		#header {
		position: relative;
		background: #C2D4DE url(images/entete-haut.gif) top left no-repeat;
		width:800px;
		height:87px;
		text-indent:-9999px;
		margin: 0 auto;
		}

		a#lienaccueil {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 800px;
		height: 87px;
		}
		
		.cache {
		text-indent: -5000px;
		font-size: 0px;
		line-height: 1px;
		text-decoration: none;
		}
		
		#headersous {
		background: url(images/entete-bas.gif) top left no-repeat;
		width: 800px;
		height: 13px;
		margin: 0 auto;
		text-align: left;
		}
		
		#headersous p {
		padding: 0;
		margin: 0;
		}
		
		#headersous p a img{
		padding: 0;
		margin: 0;
		border: 0;
		}
	
/*---------------------------*/
/*         gauche       	 */
/*---------------------------*/
		   #total_gauche {
			float:left;
			width:456px;
			text-align:left;
			margin-left:5px;
			}
	/*---------------------------*/
	/*   		menu_une  		 */
	/*---------------------------*/
		ul#menu_une {
			list-style: none;
			
		}
		ul#menu_une li {
			margin:0;
			padding:0;
		}
	/*---------------------------*/	
	/*   		semaine   		 */
	/*---------------------------*/
		   #semaine {
		   	margin: 0;
			padding:0;
			width:456px;
			text-align:left;
			background-color: #ADC8D3;

			}

		 #semaine p {
		    margin-left:12px;
			}
			
		
/*---------------------------*/		
/*   		droite  		 */
/*---------------------------*/
		   #total_droite {
			float:right;
			width:336px;
			text-align:left;
			margin-right: 5px;
			}
	/*---------------------------*/
	/*   		news   			 */
	/*---------------------------*/
		   #news {
			padding:0;
			float:left;
			width:336px;
			text-align:left;
			background-color: #ADC8D3;
			border:solid 1px #9DBDCC;
			margin: 8px 0 0 0;


			}
			#news p {
			padding: 0;
			margin: 5px  2px 2px 0;
			clear:right;
			
			}
			#news img {
			float:left;
			padding-right: 5px;
			}



	/*---------------------------*/		
	/*   		newsletter   	 */
	/*---------------------------*/
		   #newsletter {
		   	margin: 8px 0 0 0;
			float:left;
			padding:0;
			width:336px;
			text-align:left;
			background-color: #ADC8D3;
			border:solid 1px #9DBDCC;

			}

		   #newsletter p {
		   text-align:center;
			}
	/*---------------------------*/		
	/*   		recherche		 */
	/*---------------------------*/
		   #recherche {
		    background: #ADC8D3;
			float:left;
		   	margin: 8px 0 0 0;
			padding:0;
			width:336px;
			text-align:center;
			border:solid 1px #9DBDCC;

			}
	/*---------------------------*/
	/*   Formulaire recherche    */
	/*---------------------------*/
	#form_rech{
		margin:0;
		padding: 0;
	}
	#form_rech p {
		margin: 0;
		padding: 0;
	}
	
	#form_rech input {

		margin-top: 10px;

	}

	.champs {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #285779;
	}
	/*---------------------------*/
	/*   Formulaire newsletter   */
	/*---------------------------*/
	#letter{
		background: #ADC8D3;
		width: 336px;
		overflow: auto;
		margin:0;
		padding: 0;
		text-align:center;
	}
	#letter p {
		margin: 0;
		padding: 0;
	}
	
	
	#letter input {

		margin-top: 0.65em;
	}
	#letter label {
		background: #ADC8D3;
		color:#FFFFFF;
		width: 60px;
		padding:0;
		display: block;
		cursor: pointer;
		clear: left;
		margin-top: 0.65em;
	}
	


a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #285779;
	font-weight: bold;
}
a:visited {
	color: #285779;
}
a:hover {
	color: #285779;
}
a:active {
	color: #285779;
}

/*---------------------------*/
/* Navigation secondaire 	 */
/*---------------------------*/

ul#menu {
	list-style: none;
	width: 800px;
	height: 35px;
	}
	
	#menu li  {
	    float:left;
		display: block;
		text-align:left;
		text-indent: 5px;
		width: 109px;
		height: 25px;
		background-image: url(images/menu_neutre.jpg);
		
	}
	#menu li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
	text-transform:uppercase;
	}







.bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0A5A7F;
	padding: 2px;
	border: thin solid #FDFEFF;
}