html {	
	font:"Trebuchet MS", sans-serif;	
	}
html, body {
	height: 100%;
	margin: 0 10px 10px 10px;
	}
#footer {
	bottom: 0px;
	text-align:center;
	width:100%;
	}
#footer p {
	margin: 2px 0;
	font-size: 0.9em;
	color:#ffd145;
	}
#footer q {
    border-right:ridge 1px white;  
    padding-right:5px;
}
#footer a {
    color:Gray;
}
#header {
	height: 150px;
	width:100%;
	vertical-align:top;
	display:block;
}
#header div a {
    float:right;
    font-size:small;
    padding-right:1px;  
}
#milieu {
	border:solid 3px white;
	font-size:100%;
}
#services {
    padding-left:10px;
    padding-top:10px;
    padding-right:10px;
    font-size:95%;
}
#services ul li div {
    visibility:hidden;
    left:-10000px;
    height:0px;
    position:absolute;
}
#services ul {
	margin:0;
	padding:0;
	list-style-type: none;
}
#services li {
	margin:0;
	padding:0;	
}
#services li a {
	display: block;
	padding: 0px 0px 0px 0.5em;
	background-image:url(images/menug.jpg);
	background-color:Gray;
	color: #fff;
	font-weight:400;
	height:25px;
	text-decoration: none;	
	background-repeat:no-repeat;
	padding-left:30px;
	padding-top:1px;
	vertical-align:middle;
}
#services  li a:hover {
	background-image:url(images/menughov.jpg);
	padding-left:25px;
}
#menuOnglet {
 width:100%;
 font-size:93%;
}
#menuOnglet  a {
 background:transparent;
 color:#000;
}
#menuOnglet a:hover {
    background-image: url("images/ongletappelhov.gif");
}
.navbar {
	text-align: center;
	height: 30px;
	border-right: 1px solid White;
	background-image:url("images/ongletappel1.gif");
	background-repeat:no-repeat;
}
a.navbar:link{
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	padding-top: 7px;
	border: 0px;
	display: block;
	width: 100%;
}
a.navbar:visited{
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	padding-top: 7px;
	border: 0px;
	display: block;
	width: 100%;
}
a.navbar:hover{
	font-size: 10pt;
	padding-top: 7px;
	text-decoration: none;
	border: 0px;
	width: 100%;
}
#div0 {
	width:100%;
}
.encadre {
	background-color:#ffffff;
	font-size:small;
}
.encadre p {
    text-align:center;
}
#menumilieu tr td {
    text-align:center;
}
#Identif {
    float:right;
}
dl, dt, dd, ul, li {
    margin: -1pt;
    padding: 1px;
    list-style-type: none;
}
#menu {
    position:absolute;
    padding-bottom:15px;
    height:25px;
}
#menu div {
    text-align: center;
    background-image:url("images/ongletappel.gif");
    background-repeat:no-repeat;
    height:25px;
    font:Arial bold;
}
#menu div div {
    text-align: center;
    background-image:none;
    background-repeat:no-repeat;
    height:25px;
}
#menu li {
    text-align: center;
    background-image: url("images/m1.jpg");
    background-repeat:no-repeat;
}
#menu li a, #menu dt a {
    color: #000;
    text-decoration: none;
    border: 0 none;
}
#logo {
    position:absolute;
    top:30px;
    z-index:2;
    width:200px;
    height:100px;
    left:10px; 
}
.borduregauchem {
    background-color:white;
    background-repeat:repeat-y;
    padding-left:7px;
}
.borduredroitem {
    background-color:white;
    background-repeat:repeat-y;
    padding-left:7px;
}
.coinhgm {
    background-color:white;
    background-repeat:no-repeat;
    height:7px;
    width:7px;
}
.coinhdm {
    background-color:white;
    background-repeat:no-repeat;
    height:7px;
    width:7px;
}
.coinbgm {
    background-color:white;
    background-repeat:no-repeat;
    height:7px;
    width:7px;
}
.coinbdm {
    background-color:white;
    background-repeat:no-repeat;
    height:7px;
    width:7px;
}
.hautm {
    background-color:white;
    background-repeat:repeat-x;
    height:7px;
    padding-top:7px;
}
.basm {
    background-color:white;
    background-repeat:repeat-x;
    height:7px;
}
.deroule {
    overflow:hidden;
    visibility:visible;
    width:100%;
}
#onglet1 {
    width:33%;
}
#onglet3 {
    width:34%;
}
#onglet4 {
    width:33%;
}
ul#ongletrond, #ongletrond li {
list-style-type: none;
margin:0;
padding:0;
}
ul#ongletrond {
width: 100%;
height: 1.1em;
border-bottom: 1px solid black;
}
#ongletrond li {
display: inline;
}
#ongletrond a {
font:verdana, arial, sans-serif;
text-decoration: none;
color: black;
margin: 0 0.5em;
padding:0;
background: white url(images/centre.jpg) 0 0; 
background-repeat:no-repeat;
}
#ongletrond a:hover {
background: white url(images/centre.jpg) 0 124px;
background-repeat:no-repeat;
}
#ongletrond a:before {
width: 12px;
padding: 0 12px 0 0;
background: white url(images/gauche.jpg) 0 0;
background-repeat:no-repeat;
content: "";
}
#ongletrond a:after {
width: 12px;
padding: 0 12px 0 0;
background: white url(images/droite.jpg) 0 0;
background-repeat:no-repeat;
content: "";
}
html > body #ongletrond a:hover:before {
background: white url(images/gauche.jpg) 23px 0;
background-repeat:no-repeat;
}
html > body #ongletrond a:hover:after {
background: white url(images/droite.jpg) 23px 0;
background-repeat:no-repeat;
}
#com {
    text-align:center;
    position:relative;
    top:145px;
    right:30px;
    font-family:Arial Black;  
    font-size:90%;
}
#com1 a:hover {
    color: #ddc309;
}
#com1 a {
    color: black;
}
#crm {
    text-align:center;
    position:relative;
    top:130px;
    right:0px;
    font-family:Arial Black;  
    font-size:90%;  
}
#crm1 a:hover {
    color: Teal;
}
#crm1 a {
    color: black;
}
#maint {
    text-align:center;
    position:relative;
    top:155px;
    left:35px;
    font-family:Arial Black;  
    font-size:90%; 
}
#maint1 a:hover {
    color: blue;
}
#maint1 a {
    color: black;
}
#heu {
    text-align:center;
    position:relative;
    top:90px;
    right:30px;
    font-family:Arial Black;  
    font-size:90%;  
}
#heu1 a:hover {
    color: orange;
}
#heu1 a {
    color: black;
    position: relative;
    bottom:35px;
}
#pre {
    text-align:center;
    position:relative;
    top:80px;
    right:0px;
    font-family:Arial Black;  
    font-size:90%;   
}
#pre1 a:hover {
    color: red;
}
#pre1 a {
    color: black;
    position: relative;
    bottom:25px;
}
#pro {
    text-align:center;
    position:relative;
    top:85px;
    left:35px;
    font-family:Arial Black;  
    font-size:90%;   
}
#pro1 a:hover {
    color:green;    
}
#pro1 a {
    color: black;
    position: relative;
    bottom:35px;
}
.servcrm {
    padding-left:50px;
}
#accueil 
{
    margin-top:-45px;
}
#titre {
    border-bottom: 1px solid #999999;
    color : #cc0000;
    font-weight:bold;
    padding:2px 0;
}