body{
/*background:url(images/bleu_fond.jpg);*/
font-family:verdana;

}
#logo_baniere
{
margin:0 auto;padding:0;
width:993px;
height:90px;
margin-top:0px;
}

#baniere{
background-color:black;
width:1000px;
margin-left:530;
}

#conteneur-menu{
width:996px;
margin:0 auto;
height:30px;
position:relative;
}

#menu{
margin-left:2px;
z-index:2;
background:url(images/bleu.jpg);
position:absolute;
}

#menu a{
text-decoration:none;
}

#menu dl{
height:20px;
margin: 0px; padding: 0px;
display: block;
float:left;
font-size:13px;
}

#menu dt{
width:164px;
display:block;
height:25px;
color:#FFF;
line-height:25px;
text-align:center;
border-right: dotted 1px #FFF;
cursor:pointer;
}

#menu dd{
display:block;
margin:0px; padding:0px;
background:url(images/bleu.jpg);

}

#menu dd ul{
margin:0px; padding:0px;
text-align:center;
list-style:none;
}



#menu dd ul li a{
width:164px;
color:#FFF;
text-decoration:none;
height:25px;
line-height:25px;
border-top: dotted 1px #FFF;
/*border-bottom: dotted 1px #FFF; *//* les IE< IE8 voient un espace entre les liens et considère que nous somme sortis du sous menu, cette méthode evite ce prob*/
display:block;
}

#menu dd ul li a:hover{
background:url(images/bleu_clair.jpg);
color:black;
margin:0px; padding:0px;
}

#menu dl dd{
display:none;
margin:0px; padding:0px;
}

#menu dl:hover dd{
display:block;
margin:0px; padding:0px;
}

#corps{
width:993px;
height:500px;
position:relative;
margin: 0 auto;
margin-top:3px;
/*background:url(images/bleu.jpg);*/
}


#menu_gauche {
/*border:none;*/
width:190px;
font-size:18px;
/*font-weight:normal;*/
float:left;
}
#menu_gauche a{
/*color: white;*/
background:url(images/bleu.jpg);
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 1px;
border: 2px outset #c0c0c0;
display: block;
width: 180px;
margin-top:-11px;
color:black;
font-size:13px;
}
#menu_gauche a:hover {
  background-color: #6495ED;
  background-image: url(aqua.jpg);
  border: 2px inset #c0c0c0;
}

#sous_corps{
width:790px;
height:500px;
margin-left:200px;

/*background:url(images/bleu.jpg);*/
}

#menu_gauche h1{
color:black;
font-size:18px;
font-weight:normal;
}
#menu_gauche a{


font-weight:normal;
}
#menu_gauche p{
margin-top:-10px;

font-size:13px;
font-weight:normal;
}
#menu_gauche  img{
border:none;
}

#image1{
float:left;
margin-left:5px;
z-index:-1;
width:385px;
 height:300px;

}
#image2{
/*float:left;*/
margin-left:400px;
width:385px;
 height:300px;
}
#image3{
float:left;
margin-left:5px;
width:385px; 
height:300px; 
margin-top:50px;

}
#visioconference_telepresence_videoprotection{
width:382px;
height:20px;
/*position:absolute;*/
position:relative;
line-height:20px;
margin-top:-25px; 
/*margin-left:25px;*/
text-align:center;
background:url(images/bleu.jpg);
border: 2px outset #c0c0c0;
z-index:2;

}
#visioconference_telepresence_videoprotection a{
width:382px;
z-index:2;
 color:white;

}
#visioconference_telepresence_videoprotection  :hover {
  background-color: #6495ED;
 /* background-image: url(aqua.jpg);*/
  border: 2px inset #c0c0c0;
  display: block;
}
#titre {
width:790px;
height:20px;
line-height:20px;
color:white;
background:url(images/bleu.jpg);
}
#reference{
/*position:absolute;*/
position:relative;
width:150px;
height:20px;
line-height:20px;
margin-left:600px;
float:clear;
/*background:url(images/bleu.jpg);*/

margin-top:5px;
font-size:13px;
}
#produits{
width:250;
height:320px;
margin-top:50px;
/margin-top:10px;
float:left; 
border: 2px solid #a3b2d1;
border-right:none;
margin-left:5px;
}

#service{
width:385px;
height:295px;
margin-left:400px;
border: 2px solid #a3b2d1;
/*border-left:none;*/
margin-top:25px;
}
#service a{
text-decoration:underline;
 color:blue;
}
#pied{
width:790px;
height:20px;
margin-left:200px;
/*background:url(images/bleu.jpg);*/

}
#isi
{
font-size:10px;
font-style:italic;

}