html {
font-family: Verdana, sans-serif;
font-size: 13px;
line-height: 16px;
text-align: center;
margin: 0;
padding: 0;
background: #6d9bcf url(../images/fond-gouttes.jpg) 0 -55px repeat-x;
}
body {
width:100%;
height:100%;
margin: 0;
padding: 0;
}
a {
text-decoration:none;
color: #be4a8f;
background: transparent;
margin: 0;
padding: 0;
}
a:hover {
color: #3888dd;
}
h1, h2 {
text-align: center;
color: #be4a8f;
font-size: 15px;
margin: 4px 0 10px 0;
padding: 0;
}
#content-homepage h1 {
width: 312px;
}
h2 {
margin: 0 0 8px 0;
font-size: 13px;
}
#content #left_frame h2 {
text-align: left;
margin: 0 0 1px 0;
}
span {
font-weight: bold;
margin: 0;
padding: 0;
}
#frame_table {
overflow: auto;
height: 508px;
margin: 0;
padding: 0
}
table {
border-collapse: collapse;
margin: 0;
padding: 0;
}
td {
vertical-align: top;
margin: 0;
padding: 4px 2px;
border: 1px solid #dce0e1;
}
#content td a, #content td a:hover {
background: white;
}
#content td img {
margin: 10px 10px 0 0;
}
#content.broad table {
margin: 15px 0 0 0;
}
#content td ul {
list-style-type: none;
margin: 0;
padding: 0;
background: #fff;
}
#content td ul li {
font-style: normal;
list-style-type: none;
margin: 0 0 4px 0;
padding: 0;
background: #fff;
}
th {
color: #be4a8f;
margin: 0;
padding: 2px 4px;
}
#menu #applications ul li a, #content img,table.no_border td {
border: 0;
}
#header {
top: 0;
position:absolute;
left: 50%;
z-index: 6000;
display:block;
background: transparent url(../images/logo.png) -1px no-repeat;
width: 173px;
height:76px;
margin: 0 0 0 -478px;
padding: 0 0 0 0;
}
#author {
color: white;
}
#author:hover {
text-decoration: underline;
}
#slogan {
top: 0;
position:absolute;
left: 50%;
font-weight: bold;
width: 846px;
height: 61px;
color: white;
line-height: 17px;
text-align: right;
margin: 0 0 0 -390px;
padding: 8px 10px 0 0;
background: #3888dd url(../images/bordslogan.gif) top repeat-x;
border:1px solid #4a4750;
}
#principal, #principal2 {
font-size: 0;
top: 34px;
position:absolute;
left: 50%;
width: 16px;
height: 552px;
background: transparent url(../images/bordgauche.png) repeat-y;
margin: 0 0 0 -479px;
padding: 0;
}
#principal2 {
top: 0;
height: 586px;
background: transparent url(../images/borddroit.png) right repeat-y;
margin: 0 0 0 462px;
}
#main {
width: 936px;
height: 554px;
margin-left: auto;
margin-right: auto;
margin-top: 32px;
margin-bottom: 0;
padding: 0;
background: #fff;
}
#bas {
font-size: 0;
top: 586px;
position:absolute;
left: 50%;
width: 957px;
height: 15px;
background-image: url(../images/bordbas.png);
margin: 0 0 0 -479px;
padding: 0;
}
#coingb, #coindb {
font-size: 0;
width:16px;
height:15px;
background-image:url(../images/basgauche.gif);
float: left;
margin: 0;
padding: 0;
}
#coindb {
background-image:url(../images/basdroit.gif);
float:right;
}
#menu {
width: 938px;
top: 38px;
position: absolute;
left:50%;
z-index: 2000;
line-height: 14px;
margin: 0 0 0 -468px;
padding: 0;
background: transparent;
}
#menu li {
float:left;
list-style-type: none;
margin: 0 0 0 -1px;
padding: 0 0 0 0;
background: transparent;
}
#menu li a {
font-weight: bold;
display:block;
width: 93px;
height: 25px;
margin: 0;
padding: 8px 8px 0 8px;
background: transparent url(../images/fond-appli.gif);
}
#menu li a.double-size {
height: 31px;
padding: 2px 8px 0 8px;
}
#menu li a:hover {
background:transparent url(../images/fond-appli.gif) 0 33px;
}
#menu #applications {
margin: 33px 15px 0 0;
padding: 0 0 0 4px;
}
#menu #applications ul {
float: left;
width:142px;
text-align:left;
margin: 0 5px 0 0;
padding: 0;
background: transparent url(../images/bordappli.png) right repeat-y;
}
#menu #applications ul li {
width:138px;
list-style-type: none;
margin: 0 0 0 0;
padding: 2px 4px 0 0;
}
#menu #applications #eau {
background: transparent url(../images/photo-eau-potable.jpg) no-repeat 0 18px;
}
#menu #applications #assainissement {
background: transparent url(../images/photo-assainissement.jpg) no-repeat 0 18px;
}
#menu #applications #milieux {
background: transparent url(../images/photo-milieux-naturels.jpg) no-repeat 0 18px;
}
#menu #applications #energie {
background: transparent url(../images/photo-sites-industriels.jpg) no-repeat 0 18px;
}
#menu #applications #chauffage {
background: transparent url(../images/photo-chauffage.jpg) no-repeat 0 18px;
}
#menu #applications ul li a {
display:block;
width:127px;
height:93px;
list-style-type: none;
margin: 5px 0 0 0;
padding: 0 0 0 1px;
background: transparent url(../images/bord-application.png) no-repeat 0 7px;
border-top :1px solid white;
line-height: 15px;
}
#menu #applications ul li a:hover, #menu #applications #chauffage a:hover {
width: 125px;
height:92px;
padding: 1px 0 0 1px;
margin: 5px 0 -1px 0;
border:1px solid #424b50;
}
#content, #content-homepage {
top: 120px;
position:absolute;
left: 50%;
z-index: 4000;
text-align: left;
width:736px;
float: left;
color: #1a538f;
font-family: Georgia, sans-serif;
margin: 0 0 0 -300px;
padding: 0;
background: #fff;
}
object {
margin: 12px 0 0 0;
padding: 0;
}
#flash-architecture {
top: 0;
right:0;
position: absolute;
margin: 0;
padding: 0;
}
#content-homepage p {
font-size: 14px;
clear:left;
float: left;
width:312px;
margin: 4px 0;
padding: 25px 16px 0 16px;
background: transparent url(../images/compteur.png) no-repeat 0 5px;
border-bottom: 1px solid #7da8d5;
}
#content-homepage p a {
line-height: 15px;
text-align: right;
font-size: 12px;
font-weight: bold;
color: white;
clear:both;
float: right;
margin: 16px -16px 0 0;
padding: 0 4px 0 10px;
background: transparent url(../images/bord-paragraphe.png) no-repeat;
border-bottom: 1px solid white;
}
#content-homepage p a:hover {
margin: 15px -16px 0 0;
border-bottom: 2px solid white;
}
#content {
top: 78px;
width:786px;
margin: 0 0 0 -320px;
background: #fff;
}
#content p {
margin: 0 0 5px 0;
padding: 0;
}
#content #right_frame #paragraphe-assainissement {
width: 250px;
margin: -50px 0 20px 0;
}
#content p.centered {
text-align: center;
}
#content.broad p {
margin: 4px 0 15px 0;
padding: 0;
}
#content p.listed {
margin: 4px 0 10px 0;
padding: 0 0 0 19px;
background: #fff url(../images/goutte.png) no-repeat 1px 5px;
}
#content.broad ul li {
margin: 0 0 20px 0;
}
//#content img {
//display:block;
//margin: 4px auto;
//padding: 0;
//}
#content ul {
list-style-type: none;
margin: 6px 0 8px 0;
padding: 0;
background: #fff;
}
#content ul li {
font-style: normal;
list-style-type: none;
margin: 0 0 4px 0;
padding: 0 0 0 18px;
background: #fff url(../images/goutte.png) no-repeat 1px 5px;
}
#content ul.no_chip li {
background: #fff;
}
#content #liens li {
margin: 0 0 16px 0;
}
#content a {
margin: 0;
padding: 0 10px 3px 0;
background: #fff url(../images/fond-lien.gif) no-repeat top right;
}
#content a:hover {
margin: 0;
padding: 0 10px 3px 0;
background: #fff url(../images/fond-lien.gif) no-repeat bottom right;
}
#content #plan {
clear: none;
margin: 0;
padding: 0;
background: #fff;
}
#content #plan img {
margin: 0 5px 0 0;
padding: 0;
}
#content #view_frame {
float: left;
width: 280px;
margin: 0 0 4px 0;
padding: 0;
}
#content #view_frame #fiche {
float: left;
text-transform: uppercase;
display: block;
width: 129px;
height: 27px;
background: #fff url(../images/telecharger-fiche.png) right top no-repeat;
margin: 17px 0 0 0;
padding: 10px 0 0 0;
}
#content #view_frame #fiche:hover {
background: #fff url(../images/telecharger-fiche.png) right -37px no-repeat;
}
#content #view_frame #demo {
float: right;
text-transform: uppercase;
display: block;
width: 127px;
height: 27px;
background: #fff url(../images/voir-demo.gif) right top no-repeat;
margin: 0;
padding: 27px 0 0 0;
}
#content #view_frame #demo:hover {
background: #fff url(../images/voir-demo.gif) right -54px no-repeat;
}
#content #right_frame {
float: right;
width: 448px;
height: 508px;
margin: 0;
padding: 0 10px 0 0;
}
#content #right_frame img {
clear: both;
}
#content #left_frame {
float: left;
width: 310px;
height: 444px;
margin: 10px 0 0 0;
padding: 0;
}
#right_frame p {
margin: 0 0 16px 0;
}
#content #right_frame ul li {
padding: 0 0 0 8px;
background: #fff url(../images/dash.png) no-repeat 1px 9px;
}
#content #left_frame img {
margin-top: 10px;
margin-bottom: 10px;
padding: 0;
}
#content #left_frame ul li {
margin: 0 0 2px 0;
padding: 0 0 0 4px;
background: #fff;
}
#float_frame {
float: left;
margin: 0 0 10px 0;
padding: 0;
}
#float_frame img {
float: left;
margin: 2px 6px 0 0;
}
#float_frame.reverse {
margin: 0;
}
#float_frame.reverse img {
float: right;
margin: 2px 0 0 6px;
}
#float_frame.reverse p, #float_frame.small p {
text-align: right;
float: right;
width: 260px;
margin: 40px 0 0 0;
}
#float_frame.small p, #float_frame.middle_valign p {
margin: 16px 0 0 0;
}
#float_frame p {
margin: 3px 0 0 2px;
padding: 0;
}
#architecture {
text-align: center;
font-weight: bold;
font-size: 11px;
width: 714px;
height: 487px;
background: #fff url(../images/architecture-telegestion.gif) no-repeat 0 26px;
margin: 10px auto;
padding: 0;
}
#exploitation, #collectivite2, #maintenance, #maitrise, #content #service, #tiers, #qualite {
width: 144px;
float: right;
}
#exploitation {
margin: 0;
padding: 8px 53px 53px 0;
}
#collectivite2 {
margin: 0;
padding: 80px 88px 0 0;
}
#maintenance {
margin: 0;
padding: 86px 78px 30px 0;
}
#maitrise {
margin: 0;
padding: 40px 14px 80px 0;
}
#content #service {
margin: 0;
padding: 40px 390px 0 0;
}
#tiers {
margin: 0;
padding: 14px 30px 0 0;
}
#qualite {
margin: 0;
padding: 14px 60px 0 0;
}
form {
clear: both;
float: left;
width: 402px;
margin: 8px 0 0 0;
padding: 0;
background: transparent;
}
#content form p {
float: left;
width: 100%;
margin: 0 0 5px 6px;
padding: 0;
text-align:left;
}
label,select {
float: left;
text-align: left;
vertical-align: middle;
margin: 0;
padding: 0;
}
select {
color: #1a538f;
margin: 0 0 0 12px;
padding: 0;
}
input {
float :right;
margin: 0 8px 0 0;
padding: 0;
}
input.text{
width: 210px;
color:#2f2361;
text-align:left;
margin: 0 8px 2px 0;
padding: 0 1px;
vertical-align: middle;
background: #fff;
}
input#submiter{
float :right;
color:#2f2361;
text-align:left;
margin: 0 8px 2px 0;
padding: 0 1px;
vertical-align: middle;
}
form span.error {
font-size:11px;
position:absolute;
color: #D1761C;
font-weight: 600;
margin: 0 0 0 30px;
padding:0;
}
form input.error {
border: 1px solid #D1761C;
}
.float_left {
float: left;
margin: 0;
padding:0;
}
.float_right {
float: right;
margin: 0;
padding:0;
}
#displayer {
position: absolute;
z-index: 8000;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background:transparent url(../images/transparent.png);
}
#overview {
position: absolute;
z-index: 10000;
top: 100px;
left: 50%;
padding: 0;
}
#logo_lien {
display:inline;
float:left;
margin-top:5px;
margin-left:17px;	
}
#trophees-com {
position: absolute;
bottom: 0;right: 0;
border: 0;
}