*{
    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:77px;
    margin-top: 150px;
    border: solid 1px #5d93ae;
    background: url('img/logo-OGE.gif') bottom left no-repeat;
}
ul#menu li a.ge:hover{
    border:solid 1px #e09047;
}

ul#menu li a.commonparts{
    text-indent:0;
    font-weight:bold;
    color:#5D93AE;
    padding:5px;
    border:solid 2px #E09047;
    height:auto;
    width:97px;
    background:#fff;
}
ul#menu li a.commonparts:hover{
    color:#000;
}

/*////////////// 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;
}
h2 span.commonparts{
    background: #aec7df url('img/commonparts.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/pictos4.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 -30px;
}
#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 p{
    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;
}
/* form */
form{
    padding:0 20px 20px;
}
fieldset{
    overflow:hidden;
    padding:0 20px 20px;
}
legend{
    font-weight:bold;
    font-size:120%;
    color:#5d93ae;
    padding:5px;
}
input, textarea, label{
    float:left;
    margin:10px 0 10px 10px;
}
input.submit{
    float: none;
    margin: 10px 0;
}
label{
    width:160px;
    text-align:right;
}
label.large{
    width:480px;
    text-align:left;
}
label.radio{
    text-align:left;
    width:auto;
    margin:0 10px;
}
input.alt{
    clear:both;
    float:none;
    margin-right:5px;
}
input.alt2{
    margin-top:28px;
}
input.large{
    width:350px;
}
form br{
    clear:both;
}
label.required:first-letter {
    color:#5d93ae;
    font-weight:bold;
    font-size:120%;
}
#commonparts form{
    margin-top:20px;
}
form h3{
    text-align:center;
    color:#E09047;
}
/*////////////// 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;
}