@charset "UTF-8";
/* CSS Document */

html {
height:100%;
overflow:hidden!important;
_overflow:scroll;
}

body {
height:100%;
background-color:#CCCCCC;
overflow:hidden!important;

}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
text-align:left;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#666666;
font-weight:bolder;
font-style:oblique!important;
_font-style:normal;
text-align:center;
}

a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:5;
text-decoration:none;
color:#666666;
text-align:left;
line-height:1;
}

a img {
border:none;
}


#header {
oveflow:hidden;
position:absolute;
height:400px;
background-color:#FFFFFF;
width:800px;
top:0px;
margin-top:0px;
margin-left:-400px;
left:50%;
z-index:2;
}

#header #entreprise {
position:absolute;
top:25px;
right:25px;
}

#header table {
margin-left:25px!important;
_margin-left:23px;
}

#header #texte {
margin-left:25px!important;
_margin-left:23px;
top:360px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
text-align:justify;
color:#000000;
margin-right:40px;
}

#deco {
position:absolute;
display:block;
top:327px;
left:25px;
height:30px;
background-color:#FFFFFF;
text-align:left;
vertical-align:middle;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:30px;
font-size:10px;
margin-bottom:auto;
margin-top:auto;
font-weight:bold;
color:#666666;
letter-spacing:20px;
}

#survol {
position:absolute;
top:125px;
left:25px;
_left:23px;
z-index:3;
}


#middle {
position:absolute;
display:block; 
width:800px; 
margin-left:-400px;
left:50%;
top:400px;
bottom:0px!important;
_min-height:120%;
background-color:#FFFFFF; 
overflow:auto!important;
_overflow:hidden;
}



#middle p {
margin-left:25px!important;
_margin-left:23px;
margin-right:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
text-align:justify;
color:#000000;
vertical-align:top;
}

#middle li {
margin-left:25px!important;
_margin-left:23px;
margin-right:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
text-align:justify;
color:#000000;
}

#middle h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:left;
margin-bottom:5px;
margin-top:10px;
margin-left:25px!important;
_margin-left:23px;
}

#middle h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-align:left;
}

#images {
margin-left:25px!important;
_margin-left:23px;
margin-right:10px;
float:left;
}

#middle table {
margin-left:25px!important;
_margin-left:23px;
}

#tableau {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
text-align:justify;
color:#000000;
vertical-align:top;
}

#middle #tech {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:9px;
}

#middle #contact {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:9px;
}


#techform {
position:absolute;top:35px;left:490px;
}

#plan {
position:absolute;
top:10px;
right:25px;
}


#azur {
position:absolute;
top:30px;
left:350px;
}




/*MENU DEROULANT*/

#nav, #nav ul {
position:absolute;
top:100px;
left:25px;
padding:0;
margin:0;
list-style: none; 
line-height:20px;
z-index:3;

}

#nav a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:5;
display: block;
padding-right:10px;
padding-bottom:10px;
width:100%;
_width:auto;
_left:0px;
text-decoration:none;
color:#666666;
text-align:left;
}

#nav ul a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
display:block;
padding:12px;
background-color:#CCCCCC;
width:150px;
border-bottom:1px solid white;
}

#nav li {
float: left;
}

#nav ul li a:hover {
background-color:#999999;
}

#nav li ul {
position: absolute;
width: 10em;
left: -999em;
}

#nav li ul ul {
margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
border-top:5px solid #990000;
top:20px;
left: auto;
}

#nav li li:hover ul, #nav li li.sfhover ul {
border-top:0px solid;
top:51px;
left:14px;
}