body {
	background-image: url('img/fond.png');
	min-height:700px;
	min-width:960px;
}
.bloc_icone{
	text-align:right;
	vertical-align:top;
	margin-top:15px;
	margin-right:10px;
	z-index:10;
}
img.icone{
	margin-right:5px;
	vertical-align:middle;
}

/*Logo Géosigweb*/
.ban {
	text-align: center;
	position: relative;
	margin-bottom: 10px;
	margin-top:-25px;
	z-index:-1;
}
/*Bloc central*/
div.bloc {
	text-align: center;
	vertical-align:middle;
	width: 960px;
	height: 660px;
	display:inline;
}
/* Images*/
img.appl {
	margin-left:40px;
	margin-right: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
}
/* Images*/
img.appl-off {
	margin-left:40px;
	margin-right: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
}
/* Effet de zoom lor du survol de l'image*/
img.appl:hover{
	transform:scale(1.1)
}

a, a:visited {
	color: transparent;
}

#bloc_message {
	color:#EA8003;
	font: 14pt "BreezeSans", sans-serif;
	text-align: center;
}

#bloc_message a {
	color: white;
}

#menu-deroulant, #menu-deroulant ul {
    padding: 0;
    margin: 0;
    list-style: none;
	color:white;
}
#menu-deroulant {
/* on centre le menu dans la page */
    text-align: right;
}
#menu-deroulant li {
/* on place les liens du menu horizontalement */
    display: inline-block;
}
#menu-deroulant li:hover ul {
/* Au survol des li du menu on affiche les sous menus */
    visibility: visible;
}
#menu-deroulant ul li {
/* on remplace ce comportement pour les liens du sous menu */
	display: grid;
	align-items: center;
	font:15px "BreezeSans", sans-serif;
}
#menu-deroulant a {
    text-decoration: none;
    height: 100%;
}
#menu-deroulant ul {
    position: absolute;
    width: 180px;
    right: 0;
/* on cache les sous menus complètement */
    visibility: hidden;
    text-align: left;
}

#telemaintenance-item {
	height: 37px;
	background: url('img/menu/menu_01.png') no-repeat;
}
#telemaintenance-item:hover {
	background: url('img/menu/menu_hover_01.png') no-repeat;
}

#presentation-item {
	height: 30px;
	background: url('img/menu/menu_02.png') no-repeat;
}
#presentation-item:hover {
	background: url('img/menu/menu_hover_02.png') no-repeat;
}

#telephone-item {
	height: 30px;
	padding-left: 48px;
	color:#05477D; 
	font-weight: bold !important;
	background: url('img/menu/menu_phone.png') no-repeat;
}

#telephone-item:hover {
	background: url('img/menu/menu_hover_phone.png') no-repeat;
	color:#FFFFFF; 
	font-weight: bold !important;
}

#mail-item {
	height: 34px;
	background: url('img/menu/menu_04.png') no-repeat;
}
#mail-item:hover {
	background: url('img/menu/menu_hover_04.png') no-repeat;
}