body {
 margin: 0;
 padding: 0;
 background-color: #d3d3d3;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}
#fond {
 background-image: url(images/background.png);
 background-repeat:repeat-y;
 background-position: center;
}
#header {
height: 117px;
}
#header #visuels {
 float: left;
 width: 900px;
}
#header #logo {
 float: left;
 width: 300px;
 height: 117px;
}
#header #logo img {
 border: none;
}
#header #vignettes {
 float: left;
 width: 600px;
 height: 117px;
 background-image: url(images/header.jpg);
 background-repeat: no-repeat;
}
#haut {
 float:left;
 width:686px;
 height:37px;
 background-image: url(images/backmenu.png);
 background-position: center;
 background-repeat:repeat-x;
 text-align: center;
}
#haut ul {
 margin: 0px 0px 0px 18px;
 padding: 0;
 list-style: none;
}
#haut li {
 margin: 0;
 padding: 0;
 display: inline;
}
#haut span {
 display: none;
}
#haut #rond {
 float: left;
 width: 30px;
 height: 29px;
 background-image: url(images/puces/rondmenu.png);
 background-repeat: no-repeat;
}

#conteneur {
 position: relative;
 width: 900px;
 margin: 0 auto; 
 background-color:#fecc7f;
 background-image: url(images/backactu.jpg);
 background-position: bottom right;
 background-repeat:no-repeat;
}
#centre {
 clear:both;
 background-color:#ffffff;
 margin-left: 0px;
 margin-right: 214px;
 background-image: url(images/globe.gif);
 background-position: bottom left;
 background-repeat:no-repeat;
}
#centre2 {
 clear:both;
 background-color:#ffffff;
 margin-left: 0px;
 margin-right: 214px;
 background-image: url(images/globe2.gif);
 background-position: bottom left;
 background-repeat:no-repeat;
}
#gauche {
position: absolute;
left:0;
width: 150px;
}
#droite {
position: absolute;
float:right;
right:0;
width: 214px;
height:100%;
}
p {margin: 0 0 10px 0;}
#pied {
 clear:both;
 height: 39px;
 margin: auto;
 width: 930px;
 background-image: url(images/footer.gif);
 background-position: bottom center;
 background-repeat:no-repeat;
 text-align:center;
 font-size:9px;
}

.accueil {
 display: block;
 float: left;
 width: 52px;
 height: 29px;
 background-image: url(images/menu/accueil1.png);
 background-repeat: no-repeat;
}
.accueil:hover {
 background-image: url(images/menu/accueil2.png);
 background-repeat: no-repeat;
}
.bodyaccueil .accueil {
 display: block;
 float: left;
 width: 52px;
 height: 29px;
 background-image: url(images/menu/accueil2.png);
 background-repeat: no-repeat;
}
.accueil_links {
 display: block;
 float: left;
 width: 52px;
 height: 29px;
 background-image: url(images/menu/accueil1.png);
 background-repeat: no-repeat;
}
.accueil_links:hover {
 background-image: url(images/menu/accueil2.png);
 background-repeat: no-repeat;
}
.societe {
 display: block;
 float: left;
 width: 72px;
 height: 29px;
 background-image: url(images/menu/societe1.png);
 background-repeat: no-repeat;
}
.societe:hover {
 background-image: url(images/menu/societe2.png);
 background-repeat: no-repeat;
}
.bodysociete .societe {
 display: block;
 float: left;
 width: 72px;
 height: 29px;
 background-image: url(images/menu/societe2.png);
 background-repeat: no-repeat;
}
.geomatique {
 display: block;
 float: left;
 width: 122px;
 height: 29px;
 background-image: url(images/menu/geomatique1.png);
 background-repeat: no-repeat;
}
.geomatique:hover {
 background-image: url(images/menu/geomatique2.png);
 background-repeat: no-repeat;
}
.bodygeomatique .geomatique {
 display: block;
 float: left;
 width: 122px;
 height: 29px;
 background-image: url(images/menu/geomatique2.png);
 background-repeat: no-repeat;
}
.actualites {
 display: block;
 float: left;
 width: 74px;
 height: 29px;
 background-image: url(images/menu/actu1.png);
 background-repeat: no-repeat;
}
.actualites:hover {
 background-image: url(images/menu/actu2.png);
 background-repeat: no-repeat;
}
.bodyactualites .actualites {
 display: block;
 float: left;
 width: 74px;
 height: 29px;
 background-image: url(images/menu/actu2.png);
 background-repeat: no-repeat;
}
.contact {
 display: block;
 float: left;
 width: 118px;
 height: 29px;
 background-image: url(images/menu/contact1.png);
 background-repeat: no-repeat;
}
.contact:hover {
 background-image: url(images/menu/contact2.png);
 background-repeat: no-repeat;
}
.bodycontact .contact {
 display: block;
 float: left;
 width: 118px;
 height: 29px;
 background-image: url(images/menu/contact2.png);
 background-repeat: no-repeat;
}
.liens {
 display: block;
 float: left;
 width: 38px;
 height: 29px;
 background-image: url(images/menu/liens1.png);
 background-repeat: no-repeat;
}
.liens:hover {
 background-image: url(images/menu/liens2.png);
 background-repeat: no-repeat;
}
.bodyliens .liens {
 display: block;
 float: left;
 width: 38px;
 height: 29px;
 background-image: url(images/menu/liens2.png);
 background-repeat: no-repeat;
}

#actus {
 margin-left: 10px;
 padding: 0px;
 width: 190px;
}
#actus ul {
 margin: 5px 0px 0px 0px;
 padding: 0;
 text-align: left;
 font-size:11px;
 
}
#actus li a {
 text-decoration: none; 
 margin-bottom: 20px;
 color:#000000;
}
#actus li a:hover {
 text-decoration: underline;
}

#snake {
	color:#999999;
	font-size:9px;
	padding-top:10px;
}
#snake a {
	text-decoration:none;
	color:#999999;
}
#snake a:hover {
	text-decoration:underline;
	color:#999999;
}

#home_links {
 margin: 0;
 padding-left:140px;
}
#home_links li {
 height:55px;
}
#home_links li a {
 text-decoration: none;
 color:#000000;
}
#home_links li a:hover {
 text-decoration: underline;
}

.legacy {
	color:#999999;
	font-size:9px;
	width:98%;
	height:20px;
}
a.legacy {
	text-decoration:none;
}
a.legacy:hover {
	text-decoration:underline;
}
#title_home {
 width:556px;
 height:100px;
 padding-left:100px;
 padding-top:30px;
}


#expertise {
 margin: 0;
 float:left;
 padding-left:50px;
 background-color:#FFFFFF;
}
#title_expertise {
 width:605px;
 height:50px;
 padding-left:50px;
 padding-top:30px;
 font-family:Verdana, Georgia, Arial, Helvetica;
}
#title_geomatique {
 width:630px;
 height:50px;
 padding-left:30px;
 padding-top:30px;
 font-family:Verdana, Georgia, Arial, Helvetica;
}
#txt-expertise {
 clear:both;
 float:left;
 font-size:12px;
 text-align:justify;
 line-height:14px;
 width:475px;
}
#txt-contact {
 clear:both;
 float:left;
 font-size:12px;
 text-align:justify;
 line-height:14px;
 width:550px;
}
#secteurs {
 margin: 0;
 float:left;
 padding-left:50px;
}
#txt-secteurs {
 clear:both;
 float:right;
 font-size:12px;
 text-align:justify;
 line-height:14px;
 width:480px;
}
#img-secteurs {
 float:left;
 width:130px;
}
#img-services {
 float:right;
 width:130px;
}


.txt-10 {
 font-size:10px;
}
.txt-11 {
 font-size:11px;
}

.title_page {
 font-size:18px;
 font-weight:bold;
 color:#ff9900;
}

.li_bulle {
	display: list-item;
	list-style-image: url(images/puces/bulle.gif);
}

#contenu_services {
 clear:both;
 float:none;
 padding-left:50px; 
 font-size:11px; 
 width:450px; 
 text-align:justify;
}
#contenu_societe {
 clear:both;
 float:none;
 padding-left:50px; 
 font-size:11px; 
 width:430px; 
 text-align:justify;
}
#contenu_geomatique {
 clear:both;
 float:none;
 padding-left:30px; 
 font-size:11px; 
 width:630px; 
 text-align:justify;
}
#contenu_liens {
 clear:both;
 float:none;
 padding-left:50px; 
 font-size:11px; 
 width:600px; 
 text-align:justify;
}
.contenu_scroll {
float: left;
width: 600px;
height: 700px;
	scrollbar-face-color: #ff9900;
    scrollbar-shadow-color: #228b22;
    scrollbar-highlight-color: #fff;
    scrollbar-3dlight-color: #ff9900;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #fff;
    scrollbar-arrow-color: #000;
}
.scrollcontenu {
float: left;
padding-left:50px; 
font-size:11px;
text-align:justify; 
width: 600px;
height: 700px;
overflow: auto;
}
#contenu_secteurs {
 clear:both;
 float:none;
 padding-left:50px; 
 font-size:11px; 
 width:450px; 
 text-align:justify;
}
#contenu_ref {
 /*clear:both;
 float:none;*/
 float: left;
 padding-left:50px; 
 font-size:11px; 
 width:605px; 
 text-align:justify;
}
#contenu_legacy {
 clear:both;
 float:none;
 padding-left:50px; 
 font-size:11px; 
 width:605px; 
 text-align:justify;
}
.title_lien {
 font-size:11px;
 font-weight:bold;
 color:#ff9900;
}
#navig_geo {
text-align:center;
margin-top:10px;
margin-bottom:10px;
}
#title_teleparc {
float:left;
 width:600px;
 height:50px;
 padding-left:50px;
 padding-top:30px;
 font-family:Verdana, Georgia, Arial, Helvetica;
}