html {
	margin: 0;
	padding: 0;
	overflow-x: auto; /* corrige le pb de scrollbar dans IE mais ne les enlève pas, n'a pas d'effet dans Mozilla, ou Opera */
}

body {
	margin: 0;
	padding: 0;
	text-align: center; /* centre dans IE */
	background: url(imgs/fond.gif) repeat;
}

#container {
	margin: 0 auto 0 auto; /* centre la fenetre, quelque soit la taille de la fenetre du nav */
	padding: 0;
	text-align: left; /* re-aligne le texte à gauche pour annuler le centrage pour IE */
	width: 950px;
}

img { border: 0; }

.align_left { float: left; }

.align_right { float: right; }

a,a:hover,a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}

	a.coord {
		color: #DC5500 !important;
		text-decoration: none;
	}

	a.coord:hover {
		color: #DC5500;
		text-decoration: underline;
	}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

	p.coord {
		margin: 10px 0 0 20px;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
	}
	
	p.hor {
		margin: 10px 20px 0 0;
		font-size: 13px;
		font-weight: bold;
		color: #fff;
	}

	
	.date_news {
		color: #000;
		font-size: 12px;
		font-weight: normal;
	}
	
	p.titre_news {
		color: #000;
		font-size: 18px;
		font-weight: bold;
		padding-top: 10px;
	}
	
	p.texte_news {
		color: #000;
		font-size: 16px;
		padding-bottom: 20px;
	}
	
		p.texte_news a {
			color: #000;
		}
	
	p.nbpage {
		font-size: 12px;
		text-align: center;
	}
	
		p.nbpage a {
			color: #000;
		}

#anim {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1000px;
	margin: 0;
	padding: 0;
	background: #fff url(imgs/fond-intro-capm25.jpg) no-repeat;
	z-index: 100;
}

	#intro {
		position: absolute;
		top: 0;
		left: 0;
		width: 650px;
		height: 350px;
		margin: 144px 0 0 214px;
		padding: 0;
	}
					
	#skip_intro {
		position: absolute;
		top: 0;
		left: 0;
		margin: 500px 0 0 550px;
		padding: 0;
	}
	
		#skip_intro a {
			font-family:  Arial, Helvetica, sans-serif;
			font-size:  12px;
			font-weight:  bold;
			color:  #000;
			text-decoration:  none;
		}
			
		#skip_intro a:hover {
			text-decoration:  underline;
		}

#banner {
	width: 950px;
	background: url(imgs/banner.jpg) 302px 0 no-repeat;
	height: 149px;
	margin: 0;
	padding: 0;
}

#bandeau-sup {
	width: 950px;
	height: 81px;
	background : url(imgs/bandeau-sup.jpg) no-repeat;
	text-align: center;
	margin: 0;
	padding: 0;
}

	#bandeau-sup a.logo {
		margin-right: 24px;
		padding: 0;
	}
	
	#bandeau-sup img {
		margin-top: 24px;
	}

#separation {
	width: 950px;
	height: 3px;
	background-color: #DC5500;
	margin: 0;
	padding: 0;
}

#bandeau-inf {
	width: 950px;
	height: 106px;
	background : url(imgs/bandeau-inf.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

#menu {
	float: left;
	width: 297px;
	height: 457px;
	background : url(imgs/fond-menu.jpg) no-repeat;
	margin: 0;
	padding: 0;
}

	#menu ul {
		list-style: none;
		list-style-image: url(imgs/fleche.gif);
	}
	
		#menu ul li {
			margin-top: 60px;
			margin-left: 10px;
			padding: 0;
			height: 36px;
		}
			
			#menu li a, #menu li a:hover, #menu li a:focus, #menu li a:active {
				width: 222px;
				height: 36px;
				margin-left: 6px;
				padding: 0;
			}
			
			#menu li a.news {
				display: block;
				background: url(imgs/news.gif) left no-repeat;
			}
			
			#menu li a.news:hover, #menu li a.news:focus, #menu li a.news:active {
				background: url(imgs/news.gif) right no-repeat;
			}
			
			#menu li a.boutique {
				display: block;
				background: url(imgs/boutique.gif) left no-repeat;
			}
			
			#menu li a.boutique:hover {
				background: url(imgs/boutique.gif) right no-repeat;
			}
			
			#menu li a.occasions {
				display: block;
				background: url(imgs/occasions.gif) left no-repeat;
			}
			
			#menu li a.occasions:hover, #menu li a.occasions:focus, #menu li a.occasions:active {
				background: url(imgs/occasions.gif) right no-repeat;
			}
			
			#menu li a.contact {
				display: block;
				background: url(imgs/contact.gif) left no-repeat;
			}
			
			#menu li a.contact:hover, #menu li a.contact:focus, #menu li a.contact:active {
				background: url(imgs/contact.gif) right no-repeat;
			}

#content {
	float: left;
	width: 653px;
	height: 457px;
	margin: 0;
	padding: 0;
	background-color: #D5D3D4;
	overflow: hidden;
}

	#news {
		width: 653px;
		padding: 0;
		margin: 0;
	}
	
		#news p {
			width: 600px;
			margin: 10px 0 0 10px;
		}
	
	#occasions {
		width: 653px;
		height: 457px;
		margin:0;
		padding: 0;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	
		#content_occasions {
			margin: -43px 0 0 0;
			padding: 0;
		}
	
			#content_occasions select {
				visibility: hidden;
			}
		
			#content_occasions #partenariat {
				margin: 0 0 20px 0;
				padding: 0;
				background-color: #D5D3D4; 
				width: 633px;
				height: 20px;
				text-align: center;
				z-index: 100;
			}
			
			#content_occasions #partenariat p {
				color: #000;
				font-size: 12px;
				font-weight: bold;
				margin: 4px 0 0 0;
				padding: 0;
			}
			
			#content_occasions #partenariat a, #content_occasions #partenariat a:hover, #content_occasions #partenariat a:focus, #content_occasions #partenariat a:active, #content_occasions #partenariat a:visited {
				color: #dc5500;
				font-size: 12px;
				font-weight: bold;
				margin: 0;
				padding: 0;
			}
			
			#content_occasions #partenariat a {
				text-decoration: none;
			}
			
			#content_occasions #partenariat a:hover {
				text-decoration: underline;
			}
	
	#contact {
		text-align: center;
	}
	
		#contact p.titre_contact {
			font-size: 24px;
			font-weight: bold;
		}
		
		#contact p.texte_contact {
			font-size: 16px;
			font-weight: bold;
		}
		
		#contact a {
			color: #FF6600;
		}
		
		#contact p.mappy {
			color: #339900;
		}
		
#footer {
	clear: both;
	width: 950px;
	height: 110px;
	background : url(imgs/footer.jpg) no-repeat;
	text-align: center;
	margin: 0;
	padding-top: 110px;
}

	#footer a, #footer p {
		font-size: 10px;
		color: #000;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}