/* Start of CMSMS style sheet 'Accueil' */
.bug { }

html, body {
		height: 100%;
}
body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #fff;
}

#zone_haut {
	width: 100% ; 
	height: 350px ;
	margin: 0 ; 
	padding: 0 ;
	text-align: center;
	position: absolute ; 
	background: #3D4E5E;
 }

#zone_bas {
	top: 350px ;
	width: 100% ; 
	margin: 0 ; 
	padding: 0 ;
	text-align: center;
	position: absolute ;
	background: #fff ;
	z-index : 0 ;
 }

.container {
	width: 980px; 
	margin-left: auto ;
    margin-right: auto ;
	padding: 0;
	position: relative; 
	text-align: left;
	font: 10px verdana,sans-serif ;
 }
 
.content {
	padding: 0 ;
}


#violet {
	height: 350px ;
	width: 910px ;
	background: url("images/iDjinn.jpg") no-repeat;
	}

#violet h2 {
	position : absolute ;
	top: 190px ;
	left: 118px ;
	margin: 0;
	border: 0;
	font: 20px/20px 'Trebuchet MS',sans-serif;
	text-align: left ;
	color : #fff ;
	}
#blanc #description {
	position : absolute ;
	width: 700px ;
	margin-left: 150px ;
	top: 220px ;
	font: 9px arial,sans-serif;
	text-align: left ;
	color : #3D4E5E ;
	z-index: 1 ;
	}
#blanc h1 {
	position : absolute ;
	top: 153px ;
	right: 0px ;
	margin: 0;
	border: 0;
	font: 18px/20px 'Trebuchet MS',sans-serif;
	text-align: left ;
	color : #3D4E5E ;
	z-index: 2 ;
	}
	
#blanc #logo {
	position : absolute ;
	top: 30px ;
	right: 75px ;
	z-index: 1 ;
	}

#menu {
	position : absolute ;
	bottom : 12px ;
	right : 0px ;
	z-index : 3 ;
}

#menu ul {
	padding:0;
	margin:0;
	height:2.2em;
}

#menu li {
	float: left;
	font: 14px/14px 'Trebuchet MS','Verdana',sans-serif;
	list-style: none ;
	margin: 0 ;
}

#menu a {
	padding: .6em 1em .6em 1.4em;
	margin: 0 ;
	color: #fff ;
	text-decoration: none ;
	background: url("images/pict_menu1.gif") left no-repeat ;
	display: block;
 }

#menu li a:hover {
	color: #7A1950 ;
 }

/* End of 'Accueil' */