body{
	background			: url(../img/miseenpage/bg.jpg) scroll;
	background-repeat	: repeat;
}

#main{
	position			: absolute;
	top					: 50%;
	margin-top			: -350px;
	left				: 50%;
	margin-left			: -500px;
	width				: 1000px;
	height				: 700px;
	background-color	: #000000;	
}

#fond{
	position			: absolute;
	top					: 100px;
	left				: 0px;
	width				: 1000px;
	height				: 500px;
	z-index				: 1;
	background			: url(../img/miseenpage/fond-BL.jpg) white no-repeat 0 0;
}

#content {
	position			: absolute;
	top					: 150px;
	left				: 25px;
	width				: 800px;
	height				: 500px;
}

#title {
	position			: absolute;
	top					: 80px;
	left				: 15px;
	width				: 200px;
	height				: 10px;
	font-family			: arial;
	font-size			: 12px;
	color				: white;
	text-decoration 	: none;
	text-align			: justify;
}

#item1{
	position			: absolute;
	top					: 100px;
	left				: 60px;
	width				: 400px;
	height				: 130px;
	
	background			: url(../img/miseenpage/item1.png) scroll;
	background-repeat	: no-repeat;
	z-index				: 9;
}

#item2{
	position			: absolute;
	top					: 115px;
	left				: 40px;
	width				: 30px;
	height				: 30px;
	z-index				: 9;
}

#item3{
	position			: absolute;
	top					: 150px;
	left				: 48px;
	width				: 30px;
	height				: 30px;
	
	background			: url(../img/miseenpage/item3.png) scroll;
	background-repeat	: no-repeat;
	z-index				: 9;
}

#item4 {
	position			: absolute;
	top					: 184px;
	left				: 68px;
	width				: 30px;
	height				: 30px;
	
	background			: url(../img/miseenpage/item4.png) scroll;
	background-repeat	: no-repeat;
	z-index				: 9;
}

#item5 {
	position			: absolute;
	top					: 213px;
	left				: 88px;
	width				: 30px;
	height				: 30px;
	
	background			: url(../img/miseenpage/flag.png) scroll;
	background-repeat	: no-repeat;
	z-index				: 9;
}

#item5-fr {
	position			: absolute;
	top					: 213px;
	left				: 88px;
	width				: 30px;
	height				: 30px;
	
	background			: url(../img/miseenpage/flag-fr.png) scroll;
	background-repeat	: no-repeat;
	z-index				: 9;
}

#bottom {
	position			: absolute;
	top					: 680px;
	left				: 380px;
	width				: 300px;
	height				: 30px;
	z-index				: 9;
}

#bottom a {
	font-family			: arial;
	font-size			: 12px;
	color				: white;
	text-decoration 	: none;
	text-align			: justify;
}

#bottom a:hover {
	font-family			: arial;
	font-size			: 12px;
	color				: #888888;
	text-decoration 	: none;
	text-align			: justify;
}

#texte_attente {
	position			: absolute;
	top					: 300px;
	left				: 450px;
	width				: 300px;
	height				: 30px;
	
	font-family			: franklin;
	font-size			: 18px;
	color				: #333333;
	text-decoration 	: none;
	text-align			: justify;
	z-index				: 9;
}

/****** menu *******/

#menu{
	position			: absolute;
	top					: 70px;
	left				: 325px;
	width				: 700px;
	height				: 38px;
	z-index				: 9;
}

#design{
	position			: absolute;
	top					: 0px;
	left				: 0px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/design-white.png) scroll;
	background-repeat	: no-repeat;
}

#design-orange{
	position			: absolute;
	top					: 0px;
	left				: 0px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/design-orange.png) scroll;
	background-repeat	: no-repeat;
}

#communication{
	position			: absolute;
	top					: 0px;
	left				: 125px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/comm-white.png) scroll;
	background-repeat	: no-repeat;
}

#communication-orange{
	position			: absolute;
	top					: 0px;
	left				: 125px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/comm-orange.png) scroll;
	background-repeat	: no-repeat;
}

#img{
	position			: absolute;
	top					: 0px;
	left				: 250px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/img-white.png) scroll;
	background-repeat	: no-repeat;
}

#img-orange{
	position			: absolute;
	top					: 0px;
	left				: 250px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/img-orange.png) scroll;
	background-repeat	: no-repeat;
}

#picture-video{
	position			: absolute;
	top					: 0px;
	left				: 250px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/pict-white.png) scroll;
	background-repeat	: no-repeat;
}

#picture-video-orange{
	position			: absolute;
	top					: 0px;
	left				: 250px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/pict-orange.png) scroll;
	background-repeat	: no-repeat;
}

#conseil{
	position			: absolute;
	top					: 0px;
	left				: 375px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/conseil-white.png) scroll;
	background-repeat	: no-repeat;
}

#conseil-orange{
	position			: absolute;
	top					: 0px;
	left				: 375px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/conseil-orange.png) scroll;
	background-repeat	: no-repeat;
}

#teaching{
	position			: absolute;
	top					: 0px;
	left				: 375px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/teaching-white.png) scroll;
	background-repeat	: no-repeat;
}

#teaching-orange{
	position			: absolute;
	top					: 0px;
	left				: 375px;
	width				: 125px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/teaching-orange.png) scroll;
	background-repeat	: no-repeat;
}

#contact{
	position			: absolute;
	top					: 0px;
	left				: 500px;
	width				: 175px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/contact-white.png) scroll;
	background-repeat	: no-repeat;
}

#contact-orange{
	position			: absolute;
	top					: 0px;
	left				: 500px;
	width				: 175px;
	height				: 30px;
	display				: block;
	background			: url(../img/miseenpage/contact-orange.png) scroll;
	background-repeat	: no-repeat;
}

/*******************/

/******* bandeau et JS *******/

#texte {
	position			: absolute;
	top					: 300px;
	left				: 150px;
	height				: 150px;
	width				: 250px;
	z-index				: 9;
	font-family			: franklin;
	font-size			: 13px;
	color				: #666666;
	text-decoration 	: none;
	text-align			: justify;
}

#fld {
	position			: absolute;
	width				: 30px;
	height				: 30px;
}

#flg {
	position			: absolute;
	width				: 30px;
	height				: 30px;
}

#fl_d {
	position			: absolute;
	top					: 610px;
	right				: 25px;
	width				: 30px;
	height				: 30px;
	z-index				: 9;
}

#fl_g {
	position			: absolute;
	top					: 610px;
	left				: 25px;
	width				: 30px;
	height				: 30px;
	z-index				: 9;
}

#bandeau {
	position			: absolute;
	top					: 590px;
	height				: 90px;
	width				: 860px;
	left				: 65px;
	overflow			: hidden;
}

.boutton{
	position			: relative;
	float				: left;
	top					: 0px;
	left				: 10px;
	margin				: 10px;
	z-index				: 9;
}

/**************/

/**** home-maj_galerie *****/

#flb {
	position			: absolute;
	width				: 20px;
	height				: 20px;
	z-index				: 9;
}

#flh {
	position			: absolute;
	width				: 20px;
	height				: 20px;
	z-index				: 9;
}

#fl_b {
	position			: absolute;
	top					: 560px;
	right				: 190px;
	width				: 20px;
	height				: 20px;
}

#fl_h {
	position			: absolute;
	top					: 525px;
	right				: 190px;
	width				: 20px;
	height				: 20px;
}

#maj_galerie {
	position			: absolute;
	top					: 510px;
	left				: 370px;
	width				: 380px;
	height				: 100px;
	padding-left		: 15px;
	padding-right		: 15px;
	z-index				: 9;
}

.galerie {
	position			: relative;
	width				: 380px;
	height				: 20px;
	font-family			: franklin;
	font-size			: 12px;
	margin-top			: 5px;
	color				: #333333;
	border-bottom		: 1px solid black;
	z-index				: 9;
}

/***************/

/**** home-maj_news *****/

#maj_news {
	position			: absolute;
	top					: 160px;
	left				: 370px;
	width				: 600px;
	height				: 300px;
	overflow			: auto;
	background-color	: transparent;
	z-index				: 9;
}

.news_div {
	position			: relative;
	top					: 0px;
	left				: 0px;
	width				: 560px;
	height				: 100px;
	padding				: 5px;
}

.news_text {
	position			: relative;
	width				: 340px;
	height				: 100px;
	float				: left;
}

.news_text h3 {	
	font-family			: franklin;
	font-size			: 9px;
	color				: #666666;
	text-decoration 	: none;
	text-align			: justify;
	border-bottom		: 1px solid #666666;
}

.news_text h4 {	
	font-family			: franklin;
	font-size			: 11px;
	color				: #333333;
	text-decoration 	: none;
	text-align			: justify;
	margin-top			: 20px;
}

.news_img {
	position			: relative;
	float				: left;
	left				: 10px;
}

/***************/

/***** presentation ******/

#presentation {
	position			: absolute;
	top					: 260px;
	left				: 30px;
	width				: 280px;
	height				: 320px;
	z-index				: 9;
}

.pres_text {
	position			: relative;
	width				: 280px;
	height				: 190px;
	float				: left;
}

.pres_text h3 {	
	font-family			: franklin;
	font-size			: 12px;
	color				: #666666;
	text-decoration 	: none;
	text-align			: justify;
}

.pres_text h4 {	
	font-family			: franklin;
	font-size			: 13px;
	color				: #333333;
	text-decoration 	: none;
	text-align			: justify;
	margin-top			: -5px;
	padding				: 5px;
	border-bottom		: 1px solid #666666;
	border-top			: 1px solid #666666;
}

.pres_img {
	position			: relative;
	top 				: 5px;
	left				: 90px;
	width				: 100px;
	height				: 120px;
}

/***** galerie *******/

#gallery {
	position			: absolute;
	border				: none;
	z-index				: 7;
}

#flecheg {
	position			: absolute;
	width				: 20px;
	height				: 20px;
	z-index				: 9;
}

#fleched {
	position			: absolute;
	width				: 20px;
	height				: 20px;
	z-index				: 9;
}

#fleche_g {
	position			: absolute;
	width				: 20px;
	height				: 20px;
	z-index				: 9;
}

#fleche_d {
	position			: absolute;
	width				: 20px;
	height				: 20px;
	z-index				: 9;
}

#apareil_y {
	position			: absolute;
	width				: 20px;
	height				: 20px;
	top					: 185px;
	left				: 380px;
	z-index				: 9;
}

#apareil_n {
	position			: absolute;
	width				: 20px;
	height				: 20px;
	top					: 185px;
	left				: 380px;
	z-index				: 9;
}

#explain {
	position			: absolute;
	width				: 470px;
	height				: 20px;
	top					: 560px;
	left				: 400px;
	z-index				: 9;
}

#compteur {
	position			: absolute;
	width				: 40px;
	height				: 20px;
	top					: 560px;
	left				: 890px;
	z-index				: 9;
	background-color	: black;
	font-family			: franklin;
	font-size			: 13px;
	color				: white;
	text-decoration 	: none;
	text-align			: center;
}

/*********************/

#vr{
	position			: absolute;
	top					: 0px;
	left				: 0px;
	width				: 250px;
	height				: 185px;
}