@charset "UTF-8";
/* CSS page 1 */

html, body {
	background: #FFF url(img/html-fond1.gif);
	height: 100%;
	margin: 0;
	padding: 0;
	}

img {
	border: none;
	}

#global {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px/1.1;
	
	width: 710px;
	
	margin: 0 auto;
	padding: 0;
	position: relative;
	background-color: #FFF;
	scroll: none;
	/* overflow: auto; */
	}
#header {
	margin: 0;
	padding-bottom: 10px;
	width: 710px;
	background: #FFF url(img/bandeau-orange.jpg) no-repeat;
	height: 160px;
	}
#bienvenue {
	margin: 24px 10px 0 10px;
	width: 330px;
	color: #00F;
	float: right;
	}
#bienvenue h1 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	}
#bienvenue p {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #FFF;
	}
#sidebar {
	background: #000 url(img/pave-noir.jpg) repeat-y;
	margin-top: 0px;
	padding: 0;
	padding-top: 10px;
	font-size: 18px;
	height:338px;
	width: 200px;
	float: left;
	}
#sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
ul#menu {
	margin: 15px;
	margin-right: 23px;
	margin-top: 0;
	padding: 0px;
	}	
ul#menu li a {
	display: block;
	height: 24px;
	background: url(img/brique-2.png) no-repeat left top;
	padding: 0 0 10px 45px;
	margin: 10px 0;
	border-bottom: dotted 4px orange;
	color: #FFF;
	font: 0.8em/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 16px;
	font-style: italic;
	}
ul#menu li a:hover {
	background-position: left bottom;
	color: #F6C;
	}
#sidebar #deco{
	margin-top: 45px;
	margin-right: 12px;
	padding: 10px;
	}
#truelle {
	margin: 0;
	padding: 0;
	float: left;
	}
#melangeur {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	float: right;
	}
#galerie {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-top: 45px;
	list-style-type: none;
	}
#galerie1 {
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-top: 0px;
	list-style-type: none;
	}
#galerie li{
		float: left;
		margin-left: 10px;
		margin-bottom: 25px;
		padding-left: 15px;
	}
#galerie1 li{
		float: left;
		margin-left: 10px;
		margin-bottom: 0px;
		padding-left: 15px;
	}
	
#postit {
	position: absolute;
	width: 145px;
	height: 85px;
	top: 140px;
	left: 490px;
	}
#metre-deroul {
	position: absolute;
	width: 255px;
	height: 74px;
	padding: 0;
	top: 87px;
	left: 365px;
	}

#content {
	position: absolute;
	top: 134px;
	left: 200px;
	background: #999 url(img/fond-p1.jpg) no-repeat top left;
	width: 510px;
	height: 383px;
	padding: 0;
	}
#carte{
	position: absolute;
	z-index:50;
	top: 0px;
	left: 0px;
	width: 336px;
	height: 173px;
	}