/* Menu Haut */
#header-menu{
float:left;
marging:0px;
padding:0px;
}
#menu1 {
height:30;
}
#box-societe, #box-bv, #box-dv, #box-vi, #box-retd {
float:left;
width:195px;
height:73px;
margin:3px 2px 0px 0px;
}
#box-societe p, #box-bv p, #box-dv p, #box-vi p, #box-retd p {
font-size:0.9em;
font-weight:bold;
font-family:arial,verdana,helvetica,sans-serif;
text-transform:uppercase;
letter-spacing:0.1em;
}
#box-societe{
border:1px solid #FFFFFF;
}
#box-societe p{
border:1px solid #dcddde;
padding:2px 0px 1px 6px;
margin:0px;
color:#898b8e;
} 
#box-societe p a:link, #box-societe p a:active, #box-societe p a:visited {
text-decoration:none;
font-size:1em;
font-family:arial,verdana,helvetica,sans-serif;
font-weight:bold;
color:#898b8e;
text-transform:uppercase; 
}
#box-societe p a:hover {
text-decoration:none;	
color:#00adef; 
} 
#box-societe img{
border:0px;
display:block;
}
#box-bv {
background:url(../images/menu_basse-vision.jpg) no-repeat;
border:1px solid #dcddde;
}
#box-bv p{
margin:0px 0px 0px 0px;
padding:3px 0px 0px 6px;
color:black;
} 
#box-bv p a:link, #box-bv p a:active, #box-bv p a:visited {
text-decoration:none;
font-size:1em;
font-family:arial,verdana,helvetica,sans-serif;
font-weight:bold;
color:black;
text-transform:uppercase; 
}
#bv p a:hover {
text-decoration:none;
color:black; 
}
#box-dv {
background:url(../images/menu_distribution-video.jpg) no-repeat;
border:1px solid #f9cccb; 
}
#box-dv p {
margin:0px; 
padding:3px 0px 0px 6px;
color:#ee3124;
}  
#box-dv p a, #box-dv p a:link, #box-dv p a:active, #box-dv p a:visited {
text-decoration:none;
font-size:1em;
font-family:arial,verdana,helvetica,sans-serif;
font-weight:bold;
color:#ee3124;
text-transform:uppercase; 
}
#box-dv p a:hover {
text-decoration:none;
}
#box-vi {
background:url(../images/menu_video-industrielle.jpg) no-repeat;
border:1px solid #b3c99d;  
}
#box-vi p {
margin:0px; 
padding:3px 0px 0px 6px;
color:#7aa611;
} 
#box-vi p a:link, #box-vi p a:active, #box-vi p a:visited {
text-decoration:none;
font-size:1em;
font-family:arial,verdana,helvetica,sans-serif;
font-weight:bold;
color:#7aa611;
text-transform:uppercase; 
}
#box-vi p a:hover {
text-decoration:none;
}
#box-retd{
background:url(../images/menu_r-et-d.jpg) no-repeat;
border:1px solid #bcc7d4;  
}
#box-retd p{
margin:0px; 
padding:3px 0px 0px 6px;
color:#006697;
}
#box-retd p a:link,#box-retd p a:active,#box-retd p a:visited {
text-decoration:none;
font-size:1em;
font-family:arial,verdana,helvetica,sans-serif;
font-weight:bold;
color:#006697;
text-transform:uppercase; 
}
#box-retd p a:hover {
text-decoration:none;
}
/* Styles du Menu déroulant Haut et Menu Gauche */
@media print { /* pour cacher les menus à l'impression, marche au moins pour IE, Moz et Opéra.*/
.menu, .ssmenu {
visibility:hidden;
}
}
.menu, .ssmenu {
marging:0px;
padding:0px;
background-color:white;
color:#898b8e;
font-size:0.9em;
font-weight: normal; 
font-family:arial,verdana,sans-serif;
text-transform:uppercase;
letter-spacing:1px;
/* width et margin sont au cas où le javascript est désactivé. */
width:15em;
margin:1em;
}
.menu span, .ssmenu span {
display:none;
}
ul.ssmenu{
padding:0px;
margin:0px;
border-top: 1px solid #dcddde;
border-right: 1px solid #dcddde;
border-left: 1px solid #dcddde;
list-style-type:none;
font-size:1em;
width:100%;
}
.ssmenu li {
padding:0px;
margin:0px;
list-style-type:none;
}
.ssmenu a:link, .ssmenu a:visited, .ssmenu a:visited {
display:block;
margin:0px;
padding:2px 2px 3px 6px;
border-bottom:1px solid #dcddde;
text-decoration:none;
font-size: 0.85em;
line-height: 1.1em;
color:#898b8e;
}
.ssmenu a:hover, .ssmenu a:focus {
background-color:white;
color:#00adef;
}
.ssmenu a.contact:link, .ssmenu a.contact:visited, .ssmenu a.contact:visited {
display:block;
margin:0px;
padding:2px 2px 3px 6px;
border-bottom:1px solid #dcddde;
text-decoration:none;
font-size: 0.85em;
line-height: 1.1em;
color:#00adef;
}
.ssmenu a.contact:hover, .ssmenu a.contact:focus {
color:#00adef;
}
/* Couleur des sous menus au survol */  
.societe a:hover, .societe a:focus {
color:#00adef;
text-decoration:none;
}
.bv a:hover, .bv a:focus {
background-color:#000000;
color:white;
text-decoration:none;
}
.vi a:hover, .vi a:focus {
background-color:#70a000;
color:white;
text-decoration:none;
}
.dv a:hover, .dv a:focus {
background-color:#ee3124;
color:white;
text-decoration:none;
}
.retd a:hover, .retd a:focus {
background-color:#006697;
color:white;
text-decoration:none;
}
/* Les sous-niveaux et fonds de couleurs Basse Vision  */
.ssniveau1-bv{
background:#f4f4f4;
margin:0px;
padding:0px;
}
.ssniveau2-bv{
background:#e8e8e8;
margin:0px;
padding:0px;
}
.ssniveau3-bv{
background:#dcdcdc;
margin:0px;
padding:0px;
}
.ssniveau4-bv{
background:#d0d0d0;
margin:0px;
padding:0px;
}
/* Les sous-niveaux et fonds de couleurs Vidéo Industrielle  */
.ssniveau1-vi{
background:#eff4e2;
margin:0px;
padding:0px;
}
.ssniveau2-vi{
background:#e1ebc9;
margin:0px;
padding:0px;
}
.ssniveau3-vi{
background:#d3e2b1;
margin:0px;
padding:0px;
}
.ssniveau4-vi{
background:#c5d897;
margin:0px;
padding:0px;
}
/* Les sous-niveaux et fonds de couleurs Distribution Vidéo */
.ssniveau1-dv{
background:#feefee;
margin:0px;
padding:0px;
}
.ssniveau2-dv{
background:#fce0de;
margin:0px;
padding:0px;
}
.ssniveau3-dv{
background:#fbd2cf;
margin:0px;
padding:0px;
}
.ssniveau4-dv{
background:#fac1bd;
margin:0px;
padding:0px;
}
/* menu-gauche */
#box-menu-gauche {
padding:0px;
margin:0px;
float:left;
width:195px;
}
#box-menu-gauche h2 {
display:block;
margin:0px;
padding:2px 2px 2px 6px;
width:189px;
font-family:arial,verdana,helvetica,sans-serif;
color:white;
font-size:0.9em;
font-weight:bold;
text-transform:uppercase;
letter-spacing:0.1em;
}