@charset "iso-8859-1";

BODY {COLOR: #ffffff; FONT-FAMILY:  "Trebuchet MS", Arial, Helvetica, sans-serif; FONT-SIZE: 12px;
	background-color: #4B4B4D;
	margin: 0;
	padding: 0;
	border:0;
	width:100%;
	text-align: center;
	 }

A {COLOR: white; FONT-SIZE:13px; text-decoration: none;outline: none;}
A:hover {COLOR: white; FONT-SIZE:13px; TEXT-DECORATION: none;outline: none;color: white;}	
A img{ border: none ;}


#page{
	margin: 0 auto;
	margin-top:50px;
	width: 1040px;
	height:560px;
	text-align: left;
	}
	#pagef{
		position: relative;
		width:100%;
		height:100%;
		}
		#signature{
			position: absolute;
			width:390px;
			height:10px;
			top:550px;
			left:605px;
			color:#515152;
			z-index:3;
			 FONT-SIZE: 11px;
			}
		#page1{
			position: absolute;
			width:950px;
			height:550px;
			left:45px;
			background-image:url(images/fond.jpg);
			z-index:1;
			-moz-box-shadow: 10px 10px 10px #303031;
			-webkit-box-shadow: 10px 10px 10px #303031;
			box-shadow: 10px 10px 10px #303031;
			}
			a.logo{
				display:block;
				position:absolute;
				width:132px;
				height:171px;
				background-image:url(./images/logo.gif);
				top:30px;
				left:30px;
				}
			#contenu{
				position: absolute;
				width:700px;
				height:480px;
				background-color:white;
				top:35px;
				left:215px;
				
				}	
				/************************************/
				#con{
					margin: 0 auto;
					width:666px;
					height:460px;
					background-image:url(./images/illu_contact.jpg);
					}
				/***********************************/	
				div.centre{
					background-color: #FFF;
					width: 700px;
					height: 480px;
					font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
					font-size: 11px;
					color: #4b4b4b;
					float: right;
					padding-top: 0px;
					}
					#gal_rea{
						position:absolute;
						margin: 10px 0px 10px 10px;
						width:529px;
						height:460px;
						}
					#menu_rea{
						position:absolute;
						left:550px;
						margin: 10px 10px 10px 0px;
						width:141px;
						height:460px;
						}
						ul.gal{
							border:0;
							padding:0;
							margin:0;
							list-style-type:none;
							}
							ul.gal li{
								color:#97BE30;
								border:0;
								padding:0;
								margin:10px;
								font-weight:bold;
								}
							ul.gal li a{
								color:#4B4A4D;
								text-decoration:none;
												
								}
		
						ul.gal li  a:hover{
							color:#97BE30;
							}	
				/*********************************/	
				#accueil{
					margin-top:10px;
					margin-left:10px;
					width:680px;
					height:460px;
					}	
				/*********************************/
				#imgpre1{
					position:absolute;
					width:335px;
					height:460px;
					background-image:url(./images/illu_presentation.jpg);
					top:10px;
					left:10px;
					}
				#imgpre2{
					position:absolute;
					width:335px;
					height:125px;
					background-image:url(./images/illu_presentation2.jpg);
					top:10px;
					left:355px;
					}
				#textpre{
					position:absolute;
					width:335px;
					height:325px;
					top:145px;
					left:355px;
					color:#4B4A4D;
					}
					ul.pres{
						border:0;padding:0;margin:0;
						list-style-type:none;
						}
						ul.pres li.start{
							margin-top:10px;
							margin-bottom:10px;
							}
						ul.pres li.para{
							margin-bottom:10px;
							}
						ul.pres li.sig{
							margin-top:0px;
							}
				/********************************************/
				#imgser{
					position:absolute;
					width:335px;
					height:460px;
					background-image:url(./images/illu_services.jpg);
					top:10px;
					left:10px;
					}
				#textser{
					position:absolute;
					width:335px;
					height:460px;
					top:10px;
					left:355px;
					color:#4B4A4D;
					}
					ul.titre{
						border:0;padding:0;margin:0;
						margin-top:5px;
						list-style-type:none;
						clear:left;
						FONT-SIZE: 14px;
						color:#4B4A4D;
						font-weight:bold;
						}
					ul.titre2{
						border:0;padding:0;margin:0;
						margin-top:20px;
						list-style-type:none;
						clear:left;
						FONT-SIZE: 14px;
						color:#4B4A4D;
						font-weight:bold;
						}
						li.puc{
							float:left;
							color:#97BE30;
							width:10px;
							}
					ul.serv{
						border:0;padding:0;margin:0;
						list-style-type:none;
						margin-left:40px;
						font-weight:bold;
						clear:left;
						}
						li.txtvert{
							float:left;
							color:#97BE30;
							font-weight:bold;
							}
						li.txtgris{
							float:left;
							color:#4B4A4D;
							font-weight:bold;
							}
						li.txtbar{
							float:left;
							width:10px;
							text-align:center;
							}
						
					ul.servpuc{
						border:0;padding:0;margin:0;
						margin-left:55px;
						color:#97BE30;
						font-weight:bold;
						}
						ul.servpuc li{
							color:#4B4A4D;
							}
						li.clearf{
							clear:left;
							}
				/*****************************************/
				#location{
					position: absolute;
					width:200px;
					height:5px;
					top:45%;
					left:40%;
					color:#4B4A4D;
					}
				/**************************************/
				#txtref{
					position:absolute;
					width:345px;
					height:460px;
					top:10px;
					left:10px;
					overflow-y:scroll;
					}
				#imgref{
					position:absolute;
					width:335px;
					height:460px;
					background-image:url(./images/illu_references.jpg);
					top:10px;
					left:355px;
					}
		#menu{
			position: absolute;
			width:220px;
			height:200px;
			top:250px;
			z-index:2;
			}
			ul.menu{
				border:0;
				padding:0;
				margin:0;
				list-style:none;
				width:100%;
				}
				li.menu{
					width:178px;
					height:24px;
					}	
				a.menu{
					display:block;
					position:absolute;
					width:170px;
					height:24px;
					background-color:#96BD0D;
					margin-top:8px;
					text-align:right;
					font-weight:bold;				
					line-height: 22px;
					padding-right:8px;
					-moz-box-shadow: 3px 3px 5px #525254;
					-webkit-box-shadow: 3px 3px 5px #525254;
					box-shadow: 3px 3px 5px #525254;
					}
				a.active{
					display:block;
					position:absolute;
					width:170px;
					height:24px;
					background-color:#404040;
					margin-top:8px;
					text-align:right;
					font-weight:bold;				
					line-height: 22px;
					padding-right:8px;
					left:45px;
					}
				a.menu:hover{
					-moz-box-shadow: 2px 2px 2px #525254;
					-webkit-box-shadow: 2px 2px 2px #525254;
					box-shadow: 2px 2px 2px #303031;
					}
					
				a.presentation{top:10px;}
				a.services{top:43px;}
				a.realisations{top:76px;}
				a.references{top:109px;}
				a.location{top:142px;}
				a.contact{top:175px;}
			
				a.menu.presentation:hover{top:11px;left:1px;}
				a.menu.services:hover{top:44px;left:1px;}
				a.menu.realisations:hover{top:77px;left:1px;}
				a.menu.references:hover{top:110px;left:1px;}
				a.menu.location:hover{top:143px;left:1px;}
				a.menu.contact:hover{top:176px;left:1px;}
			
				a.apresentation{top:10px;}
				a.aservices{top:43px;}
				a.arealisations{top:76px;}
				a.areferences{top:109px;}
				a.alocation{top:142px;}
				a.acontact{top:175px;}