@charset "UTF-8";
/* CSS Document */

#container {
	margin: 0px;
	padding: 0px;
	height: 500px;
	width: 882px;
}
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	margin: 20px 0px 0px 20px;
	padding: 0px;
}
#container #logo{
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 882px;
}
#container #logo a:link, #container #logo a:visited {
	background: url(../images/logo.jpg) bottom;
	height: 30px;
	width: 182px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#container #logo a span {
	margin-bottom: -1000px;
	margin-left: -1000px;
}
#container #logo a:hover {
	background: url(../images/logo.jpg) top;
	height: 30px;
	width: 182px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#container #menu {
	background: #333;
	margin: 0px;
	padding: 0px;
	height: 88px;
	width: 882px;
}

#container #menu #menugauche {
	list-style-type: none;
	margin: 0px;
	padding: 6px 40px 0px 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #999;
	float: left;
}
#menu #menugauche li #apropos:link, #menu #menugauche li #apropos:visited {
	background: url(../images/menu_apropos.jpg) bottom;
	height: 16px;
	width: 180px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu #menugauche li #apropos:hover {
	background: url(../images/menu_apropos.jpg) bottom;
	height: 16px;
	width: 180px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu #menugauche li #portfolio:link, #menu #menugauche li #portfolio:visited {
	background: url(../images/menu_portfolio.jpg) top;
	height: 16px;
	width: 180px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu #menugauche li #portfolio:hover {
	background: url(../images/menu_portfolio.jpg) bottom;
	height: 16px;
	width: 180px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu #menugauche li #explor:link, #menu #menugauche li #explor:visited {
	background: url(../images/menu_explor.jpg) top;
	height: 16px;
	width: 180px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu #menugauche li #explor:hover {
	background: url(../images/menu_explor.jpg) bottom;
	height: 16px;
	width: 180px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu #menugauche li #contact:link, #menu #menugauche li #contact:visited {
	background: url(../images/menu_contact.jpg) top;
	height: 16px;
	width: 180px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#container #menu #menugauche li {
	margin: 0px;
	padding: 2px 0px 0px;
}
#menu #menugauche li #contact:hover {
	background: url(../images/menu_contact.jpg) bottom;
	height: 16px;
	width: 180px;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu #menugauche li span  {
	margin: 0px 0px -1000px -1000px;
	padding: 0px;
}
#container #infos{
	margin: 0px;
	padding: 0px;
	height: 330px;
	background: url(../images/fond_accueil.jpg);
}
#container #visuelsbas {
	margin: 0px;
	padding: 0px;
	height: 50px;
	border-top: 1px solid #999;
	clear: both;
	border-bottom: 1px solid #999;
}
#menu span {
	margin-bottom: -1000px;
	margin-left: -1000px;
}
#container #infos h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	line-height: 18px;
	margin: 0px;
	padding: 30px 0px 0px 10px;
	float: left;
}
#container #infos p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #666;
	width: 370px;
	margin: 0px;
	padding: 10px 40px 0px 10px;
	float: left;
}
#infosdroite {
	float: right;
	height: 280px;
	width: 450px;
	margin: 0px;
	padding: 0px;
}
#infosgauche {
	float: left;
	height: 280px;
	width: 420px;
	margin: 0px;
	padding: 0px;
}
