BODY{
		padding:0px;
		margin:0px;
		background-color:#222;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#071d3b;
	}
	
	A{
		outline:none;
		text-decoration:none;
		color:#fff;
	}
	A:hover{
		color:#000;
	}
	
	#global{
		position:relative;
		width:1000px;
		height:830px;
		margin-left:auto;
		margin-right:auto;
		background:url(../images/background.jpg) no-repeat;
	}
	A.back-to-index{
		position:absolute;
		top:57px;
		left:44px;
		width:260px;
		height:130px;
		display:block;
		background:url(../images/logo-over.png) no-repeat 0px 0px;
	}

	A.back-to-index:hover{
		background-position:0px -130px;
	}
	
	#left-menu{
		position:absolute;
		top:262px;
		left:0px;
		padding:0px;
		margin:0px;
		list-style:none;
	}
	#left-menu LI, #left-menu A, #left-menu DIV{
		position:relative;
		height:30px;
		margin:0px;
		padding:0px;
		width:230px;
		height:30px;
		display:block;
	}
	
	#left-menu A.accueil{
		background:url(../images/menu-left/left-accueil.png) no-repeat 0px 0px;
	}
	#left-menu A.control{
		background:url(../images/menu-left/left-control.png) no-repeat 0px 0px;
	}
	#left-menu A.tele{
		background:url(../images/menu-left/left-tele.png) no-repeat 0px 0px;
	}
	#left-menu A.video{
		background:url(../images/menu-left/left-video.png) no-repeat 0px 0px;
	}
	#left-menu A.cyber{
		background:url(../images/menu-left/left-cyber.png) no-repeat 0px 0px;
	}
	#left-menu A.qui-sommes-nous{
		background:url(../images/menu-left/left-qui-sommes-nous.png) no-repeat 0px 0px;
	}
	#left-menu A.contact{
		background:url(../images/menu-left/left-contact.png) no-repeat 0px 0px;
	}
	#left-menu A:hover{
		background-position:0px -30px;
	}
	
	#bottom-menu{
		position:absolute;
		top:800px;
		left:270px;
		padding:0px;
		margin:0px;
		list-style:none;
	}
	#bottom-menu LI{
		float:left;
	}
	#bottom-menu A{
		position:relative;
		height:18px;
		margin:0px;
		padding:0px;
		display:block;
	}

	#bottom-menu A.accueil{
		background:url(../images/menu-bottom/bottom-accueil.png) no-repeat 0px 0px;
		width:45px;
	}
	#bottom-menu A.control{
		background:url(../images/menu-bottom/bottom-control.png) no-repeat 0px 0px;
		width:94px;
	}
	#bottom-menu A.tele{
		background:url(../images/menu-bottom/bottom-tele.png) no-repeat 0px 0px;
		width:92px;
	}
	#bottom-menu A.video{
		background:url(../images/menu-bottom/bottom-video.png) no-repeat 0px 0px;
		width:101px;
	}
	#bottom-menu A.cyber{
		background:url(../images/menu-bottom/bottom-cyber.png) no-repeat 0px 0px;
		width:104px;
	}
	#bottom-menu A.qui-sommes-nous{
		background:url(../images/menu-bottom/bottom-qui-sommes-nous.png) no-repeat 0px 0px;
		width:165px;
	}
	#bottom-menu A.contact{
		background:url(../images/menu-bottom/bottom-contact.png) no-repeat 0px 0px;
		width:46px;
	}
	#bottom-menu A:hover{
		background-position:0px -18px;
	}
	
	h1.page-title{
		padding:0px;
		margin:0px;
		position:absolute;
		top:211px;
		left:303px;
		color:#FFFFFF;
		font-size:34px;
		letter-spacing:1px;
		font-weight:normal;
	}
	
	.page-content{
		position:absolute;
		top:285px;
		left:330px;
		width:370px;
		height:500px;
	}

	.page-content H1{
		margin:0px;
		padding:0px;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		text-transform:uppercase;
		margin-bottom:10px;
	}
	.page-content H2{
		margin:0px;
		padding:0px;
		margin-top:200px;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		text-transform:uppercase;
	}
	.page-content UL{
		font-weight:bold;
		list-style:square;
		margin:0px;
		padding:0px;
		padding-left:20px;
		margin-bottom:10px;
	}
	
	.page-content p{
		text-align:justify;
		line-height:14px;
	}
	IMG.illustration{
		position:absolute;
		top:0px;
		left:0px;
	}
	#legals{
		position:absolute;
		top:740px;
		left:10px;
		width:370px;
		height:40px;
		color:#FFFFFF;
		font-size:10px;
	}
	#legals A{
		text-decoration:none;
		color:#FFFFFF;
	}
	#legals A:hover{
		color:#999;
	}

	UL.contact{
		width:350px;
		list-style:none;
		margin-top:30px;
		border:#071d3b dashed 1px;
		padding-top:10px;

	}
	UL.contact LI{
		margin-bottom:5px;
	}

	UL.contact TEXTAREA{
		width:240px;
		max-width:240px;
		height:45px;
		maxheight:45px;
		font-size:10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	UL.contact TEXTAREA.message{
		height:90px;
		maxheight:90px;
	}

	UL.contact INPUT{
		width:240px;
		height:18px;
		font-size:10px;
		font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
	UL.contact DIV{
		float:left;
		width:80px;
		text-align:right;
		margin-right:10px;
	}

	UL.contact A.button{
		color:#000000;
		display:block;
		margin-top:10px;
	}

	UL.contact A.button:hover{
		text-decoration:underline;
	}