html,body {overflow:hidden;}

body {
margin:0;
padding: 0;
background-image: url(../ressource/fond.gif);
background-repeat: repeat-x;
background-color: #FFF;
font-size: 12px;
color: #2F318D;
}

table {
width: 100%;
height: 100%;
border-collapse: collapse;
margin:0;
padding: 0;
}

tr, td {border-collapse: collapse;
margin:0;
padding: 0;
border: 0 none;
}

#gauche {
background-image: url(../ressource/bandeau_gauche.jpg);
background-repeat: no-repeat;
width: 220px;
vertical-align: bottom;
border-collapse: collapse;
}

#gauche img {border: 0 none;}

#centre {
vertical-align: top;
text-align: right;
height: 50px;
}

.titre {
height: 125px;
vertical-align: bottom;
background-image: url(../ressource/titre.gif); 
background-repeat: no-repeat; 
background-position: 0 60px;
padding: 0 15px;
position: relative;
top: 0;
left: -30px;
}

#menu {
position: absolute;
right:0;
top:130px;
z-index: 101;
height: 20px;
text-align: left;
padding: 0 15px;
white-space: nowrap;
background-image: url(../ressource/fond_menu.gif); 
background-repeat: no-repeat; 
background-position: 350px 0;
}

a, img {border: 0 none;}

#pied {
z-index: 104;
height: 20px;
background-color: #B6DAC7;
}

h1 {
line-height: 30px;
font: bold 1.5em Arial, Verdana, Helvetica, sans-serif;
margin: 15px 15px 25px 10px;
}

h4, strong {
font: bold 1.2em Arial, Verdana, Helvetica, sans-serif;
}

.courant {
font: normal 0.8em Arial, Verdana, Helvetica, sans-serif;
margin: 0;
width: 100%
}

.scroll {
overflow: auto;
height:100%;
width:100%;
min-height:300px;
z-index: 15;
position:relative;
left: -45px;
}

.voletgauche {
padding: 0 25px 15px 15px;
vertical-align: top;
text-align:justify;
width:50%;

}

.voletgauche2 {
padding: 0 25px 15px 15px;
vertical-align: top;
text-align: justify;
width:25%;
}

.voletdroite {
z-index: 14;
left: -45px;
width:50%;
border-left: 1px solid #2F318D;
padding: 0 25px 15px;
vertical-align: top;
text-align:justify;
}

li {
display:inline;
margin:0;
padding-left: 15px;
list-style-type: none;
background-image: url(../ressource/puce2.gif);
background-repeat:no-repeat;
background-position:-0.6em -0.1em;
} 

li {
display:block;
height: 1.5em;
margin: 1.2em 0;
list-style-type: none;
}



li a:link, li a:visited, a.mail:link, a.mail:visited, h3 a:link, h3 a:visited {
text-decoration: none;
border-bottom: 1px solid #2F318D;
padding: 1px;
color: #2F318D;
}

li a:hover, a.mail:hover, h3 a:hover{
text-decoration: none;
border-bottom:1px solid #FFC0C0;
padding: 1px;
background: #FEE;
}

b {
font: bold 1em Arial, sans-serif;
}
em {
font: normal 0.8em Helvetica, Verdana, Arial, sans-serif;
text-decoration:none;
}

cite {
font: italic 1em Verdana, Arial, sans-serif;
text-decoration:none;
}

.surlien a:link, .surlien a:visited {
border-bottom: 1px solid #2F318D; 
text-decoration:none;
position:relative;
z-index: 45;
#2F318D
}

.surlien a:hover {
background: #FEE;
border-bottom: 1px solid #FFC0C0;  text-decoration:none;
z-index: 1;
}

sup {
font: normal 0.8em Arial, Verdana, Helvetica, sans-serif;
}

.listing {
background-color: #9CC;
width:700px;
border: 1px solid #2F318D;
padding: 3px;
}

.listing th {
background-color: #9CC;
}

.listing td {
padding:3px;
font: normal 0.8em Arial, Verdana, Helvetica, sans-serif;
text-decoration: none;
}

.rose {
background-color: #FFF;
}


#annuel, #previsionnel, #diagnostic, #alerte, #licenciement, #operation, #salaries, #projets {
position:absolute;
left:50%; top:50%;
margin-left:-325px;
margin-top:-148px;
visibility:hidden;
z-index:150;
}

.contact {
font: normal 1em arial, helvetica, sans-serif;
text-align: left;
}

.bouton {
background-color: #9CC;
border: 2px solid #FEE;
font-weight: bold;
}

.fermer {
background-color:#2F318D;
margin:0;
text-align:right;
color:#fff;
font: bold 0.8em arial, helvetica, sans-serif;
}

.croix {
background-color:#FBB;
text-align: center;
width: 15px;
text-decoration:none;
}