.arriereplan-menu {
background-image:url(images/logistique_r3_c3.gif);
background-repeat:no-repeat;
}
.texteGRIS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3F3F3F;
}
.texteBLEU {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0077bb;
}
.texteBLC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.titreGRIS {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #3F3F3F;
}
.titreBLEU {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #0077bb;
}
.titreORANGE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #f29400;
}
.titreROUGE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #e64215;
}
.titreVERT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #318925;
}
.titreBORDEAU {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #9a141b;
}
.titreBLANC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #ffffff;
	padding-left:5px;
	margin-left:5px;
	padding-bottom:3px;
	margin-bottom:3px;
}
.menu2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: small-caps;
	color: #ffffff;
	padding-bottom:3px;
	margin-bottom:3px;
}
.left {
float:left;
}
.right {
float:right;
}

.pad10 {
padding:10px;
margin:10px;
}

/* MENUS DEROULANTS */
#menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
font-variant: small-caps;
color: #ffffff;
padding-left:0px;
margin-left:0px;
}
#menu dl {
padding:5px 2px; 
margin:5px 2px;
}
#menu dt {
text-align: left;
}
#menu dd {
display:none;
padding-left:0px;
margin-left:0px;
}
#menu ul {
padding-left:5px;
margin-left:5px;
}
#menu li {
cursor: pointer;
color:#ffffff;
padding-left:0px;
margin-left:0px;
}
#menu li a, #menu dt a {
cursor: pointer;
color:#ffffff;
height:20px;
padding-left:0px;
margin-left:0px;
}
#menu li a:hover, #menu li a:focus, #menu li a:active, #menu dt a {
cursor: pointer;
color: #ffffff;
text-decoration:underline;
}
.ssmenu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
left: 323px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
font-variant: small-caps;
color: #3F3F3F;
width:210px;
line-height:20px;
}

/*PICTOS*/
.picto {
  border: 0;
  margin: 0px;
  float: left;
  text-align: left;
  vertical-align:middle;
  height: 15px;
  color: #ffffff;
}
.orange {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:bold;
  background-color: #f29400;
  border: 0;
  margin: 5px 0px;
  padding: 5px 0px;
  position: absolute; /* placement du menu, à modifier selon vos besoins */
  left: 2px;
  top: 55px;
  width:150px;
}
.rouge {
  background-color: #e74215;
  border: 0;
  margin: 5px 0px;
  padding:5px 0px;
  position: absolute; /* placement du menu, à modifier selon vos besoins */
  left: 82px;
  top: 55px;
  width:220px;
}
.gris {
  background-color: #868789;
  border: 0;
  margin: 5px 0px;
  padding: 5px 0px;
  position: absolute; /* placement du menu, à modifier selon vos besoins */
  left: 162px;
  top: 55px;
  width:150px;
}
.vert {
  background-color: #318925;
  border: 0;
  margin: 5px 0px;
  padding:5px 0px;
  position: absolute; /* placement du menu, à modifier selon vos besoins */
  left: 242px;
  top: 55px;
  width:150px;
}
.bleu {
  background-color: #0178bc;
  border: 0;
  margin: 5px 0px;
  padding:5px 0px;
  position: absolute; /* placement du menu, à modifier selon vos besoins */
  left: 322px;
  top: 55px;
  width:180px;
}
.rougefonce {
  background-color: #9a141b;
  border: 0;
  margin: 5px 0px;
  padding:5px 0px;
  position: absolute; /* placement du menu, à modifier selon vos besoins */
  left: 402px;
  top: 55px;
  width:150px;
}
.flottanteblc {
  background-color: #ffffff;
  width: 6px;
  z-index:100;
}

/*STYLES POUR LES PICTOS DEROULANTS*/
#menuespace {
	position: absolute;
	top: 144px;
	z-index:100;
	left: 454px;
	width: 480px;
	height: 60px;
}
#menuespace dl {
float: left;
}
#menuespace dt {
cursor: pointer;
}
#menuespace dd {
display: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-transform: uppercase;
font-weight: bold;
}
#menuespace ul {
text-align: left;
padding-left: 5px;
margin-left: 5px;
height: 20px;
}
#menuespace li a, #menuespace dt a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #ffffff;
text-transform: uppercase;
text-decoration: none;
border: 0 none;
padding-left: 0px;
margin-left: 0px;
}
#menuespace li a:hover, #menuespace li a:focus, #menuespace li a:active {
text-decoration:underline;
}