*{
	padding: 0;
	margin: 0;
}
body{
	font: 76%/1.3 Verdana, Helvetica, sans-serif;
	background-color: #e6e4eb;
}
a{
	text-decoration: none;
	color: #5d93ae;
}
a img{
	border: 0;
}
ul li{
	list-style: none;
}
h4{
	margin:20px 0;
	color:#5D93AE;
}
ol{
	margin: 20px 0;
}
ol li{
	margin: 10px 0 10px 20px;
}
.hidden{
	display: none;
}
.up{
	display:block;
	width:770px;
	text-align:right;
	background: url('img/up.gif') right no-repeat;
	padding: 0 15px;
}
/*////////////// anim_logo ///////////////*/
#anim_logo{
	position: absolute;
	left: 50%;
	top: 50%;
	width:0;
	height:0;
	margin-left: -203px;
	margin-top: -227px;
	z-index: 200;
	background:#5D93AE;
}
/*////////////// container ///////////////*/
#container{
	width: 964px;
	background: #aec7df url('img/page_bkg.gif');
	position: absolute;
	left: 50%;
	margin-left: -482px;
	z-index: 10;
	overflow: hidden;
}
/*////////////// header ///////////////*/
h1{
	width: 964px;
	height: 145px;
	background: #fff url('img/header.gif') no-repeat right;
}
h1 a{
	display: block;
	width: 523px;
	height: 145px;
	text-indent: -5000px;
	background: #fff url('img/logo.gif') no-repeat;
}
/*////////////// menu ///////////////*/
ul#menu{
float: left;
padding: 0 10px;
}
ul#menu li a{
	display:block;
	width: 110px;
	height: 35px;
	margin-bottom: 10px;
	text-indent: -5000px;
}
ul#menu li a.accueil{
	background: url('img/accueil_btn.gif') top;
}
ul#menu li a.actus{
	background: url('img/actus_btn.gif') top;
}
ul#menu li a.present{
	background: url('img/present_btn.gif') top;
}
ul#menu li a.conseils{
	background: url('img/conseils_btn.gif') top;
}
ul#menu li a.refs{
	background: url('img/refs_btn.gif') top;
}
ul#menu li a.liens{
	background: url('img/liens_btn.gif') top;
}
ul#menu li a.contact{
	background: url('img/contact_btn.gif') top;
}
ul#menu li span{
	display:block;
	margin-top:30px;
	color:#fff;
	font-weight:bold;
}
ul#menu li a.recrut{
	margin-top:10px;
	background: url('img/recrut_btn.gif') top;
}
ul#menu li a.active{
	background-position: 0 -35px;
}
ul#menu li a:hover{
	background-position: bottom;
}
ul#menu li a.active:hover{
	background-position: 0 -35px;
}
ul#menu li a.ge{
	height:127px;
	margin-top: 150px;
	border: solid 1px #5d93ae;
	background: url('img/ge.gif') bottom left no-repeat;
}
ul#menu li a.ge:hover{
	border:solid 1px #e09047;
}
/*////////////// page title ///////////////*/
h2{
	height: 162px;
	padding-left: 131px;
	background: #aec7df url('img/page_top.gif') no-repeat left bottom;
}
h2 span{
	display: block;
	height: 73px;
	background-color: transparent;
	text-indent: -5000px;
}
h2 span.accueil{
	background: #aec7df url('img/accueil.gif') left no-repeat;
}
h2 span.actus{
	background: #aec7df url('img/actus.gif') left no-repeat;
}
h2 span.present{
	background: #aec7df url('img/present.gif') left no-repeat;
}
h2 span.conseils{
	background: #aec7df url('img/conseils.gif') left no-repeat;
}
h2 span.refs{
	background: #aec7df url('img/refs.gif') left no-repeat;
}
h2 span.liens{
	background: #aec7df url('img/liens.gif') left no-repeat;
}
h2 span.contact{
	background: #aec7df url('img/contact.gif') left no-repeat;
}
h2 span.recrut{
	background: #aec7df url('img/recrut.gif') left no-repeat;
}
/*////////////// page ///////////////*/
.page{
	float: left;
	padding: 0 8px 0 20px;
	width: 801px;
	overflow:hidden;
}
h3{
	width:100%;
	overflow: hidden;
	margin-left: -21px;
}
h3 span{
	background: url('img/laser.gif') bottom right no-repeat;
	padding: 20px 35px 0 20px;
	height: 50px;
	clear:both;
	float: left;
	color: #e09047;
}
.page a:hover{
	text-decoration: underline;
}
/*////////////// accueil ///////////////*/
#accueil a.pitch{
	display: block;
	height: 450px;
	background: url('img/pictos2.gif') no-repeat left top;
	text-indent: -5000px;
	overflow: hidden;
}
#accueil ul.pitch{
	display:none;
}
#accueil h3.prerule{
	width: 820px;
	background: url('img/ruler.gif') 19px 20px no-repeat;
	padding: 40px 0 0 0;
}
#accueil ul.names{
	width:100%;
}
#accueil ul.names li{
	float: left;
	width: 320px;
	margin-right: 10px;
	margin-bottom:10px;
	background: url('img/puce.gif') no-repeat top left;
	padding-left: 10px;
}
#accueil ul.names li.director{
	height:100px;
}
#accueil ul.names li strong{
	color: #5d93ae;
}
#accueil ul.names{
	margin-bottom: 25px;
}
#accueil img#trimble{
	float: left;
	margin: 60px 0 0 -19px;
}
#accueil a#vue3D{
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	width:110px;
	height:72px;
	background:url('img/vue3D_btn.gif');
}
#accueil a#vue3D:hover{
	background-position:0 -72px;
}
/*////////////// actus ///////////////*/
#actus div{
	padding-bottom: 20px;
	background: url('img/pointilles.gif') bottom left no-repeat;
	overflow:hidden;
}
#actus div img{
	clear: both;
	float: right;
	margin: 0 10px;
}
#actus div pl{
	margin-bottom: 10px;
}
#actus div ul{
	margin-bottom: 10px;
}
#actus div li{
	background: url('img/puce.gif') no-repeat;
	padding-left: 10px;
}
/*////////////// present ///////////////*/
#present p.med{
	width:500px;
	margin-bottom:20px;
}
#present .right{
	float:right;
	margin-left:15px;
	margin-right:15px;
}
#present .left{
	float:left;
	margin-right:15px;
}
#present strong{
	color:#5d93ae;
}
/*////////////// conseils ///////////////*/
#conseils ul.doted li{
	background: url('img/puce.gif') top left no-repeat;
	padding-left:10px;
	margin:0;
}
#conseils ul li{
	margin-bottom:10px;
}
#conseils strong{
	color:#E09047;
}
#conseils .left{
	float:left;
	margin-right:30px;
}
/*////////////// refs ///////////////*/
#refs p.med{
	width:550px;
}
#refs li div{
	background: #d6e3ef;
	width:100%;
	margin-top:10px;
	margin-bottom:20px;
	overflow:hidden;
}
#refs li div div{
	width:299px;
	float:left;
	margin-top:0;
	margin-bottom:0;
	margin-right:1px;
}
#refs li div div li{
	margin-left:15px;
	list-style-type:square;
}
#refs li div div + div li{
	list-style-type:circle;
}
#refs li div div + div{
	width:499px;
	margin-left:1px;
}
#refs li h4{
	background: #e8ac75;
	color: #fff;
	padding: 2px;
	margin:0;
	font-size:100%;
}
#refs li ul{
	background: #d6e3ef;
	padding: 5px;
}


/*////////////// contact ///////////////*/
#contact .map, #contact form{
	text-align:center;
}
#contact .map iframe{
	margin: 15px auto;
}
#contact form{
	padding:0 20px 20px;
}
#contact fieldset{
	overflow:hidden;
	padding:0 20px 20px;
}
#contact legend{
	font-weight:bold;
	font-size:120%;
	color:#5d93ae;
	padding:5px;
}
#contact input, #contact textarea, #contact label{
	float:left;
	margin:10px 0 10px 10px;
}
#contact input.submit{
	float: none;
	margin: 10px 0;
}
#contact label{
	width:150px;
	text-align:right;
}
#contact form br{
	clear:both;
}
#contact label.required:first-letter {
	color:#5d93ae;
	font-weight:bold;
	font-size:120%;
}
/*////////////// liens ///////////////*/
#liens li{
	width:100%;
	padding-bottom:40px;
	background: url('img/buildings_line.gif') bottom left no-repeat;
	overflow:hidden;
}
#liens li img{
	float: left;
	margin: 0 15px 15px 0;
}
#liens li span{
	background: url('img/right.gif') no-repeat top left;
	padding-left: 30px;
	margin-top: 15px;
}
#liens p.med{
	width:540px;
}
#liens object{
	margin-right:3px;
	margin-bottom:3px;
}
/*////////////// recrut ///////////////*/
#recrut p.med{
	width:500px;
	margin-bottom:20px;
}
a.recrutlink{
    font-style:italic;
    font-weight:bold;
    text-decoration:underline;
    text-transform:uppercase;
}
a.recrutlink:hover{
    color:#E09047;
}
/*////////////// mleg ///////////////*/
a.mleg{
	clear:both;
	color:#fff;
	display:block;
	width: 131px;
	text-align:center;
}
a.mleg:hover{
	text-decoration: underline overline;
}
/*////////////// address ///////////////*/
div.email a{
	clear: both;
	display:block;
	padding-top: 20px;
	background: url('img/bottom-email.gif') no-repeat bottom;
	width: 964px;
	height: 86px;
	text-indent: -5000px;
	overflow:hidden;
}
address{
	clear: both;
	display:block;
	background: url('img/bottom-address.gif') no-repeat bottom;
	width: 964px;
	height: 81px;
	text-indent: -5000px;
	overflow:hidden;
}