@charset "iso-8859-1";
/* CSS Document */

.boo {
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* --------------------------------------------------------------------- */
/* -------------- MENU PRINCIPAL HORIZONTAL ------------------- */
#menu {
	clear:both;
	height:66px;	
}
ul#menuHovHor {
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#menuHovHor li {
	margin: 0 0 5px 0 ;
	padding: 0 ;
	float:left;
}

/* ****** RESEAUX ***** */
ul#menuHovHor li #reseaux {
	display: block ;
	width: 127px ;
	height : 55px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background:url(../img/menu/detection/reseaux.png) no-repeat 0 0px ;
}

ul#menuHovHor li #reseaux:hover, ul#menuHovHor li #reseaux.selected {
	background:url(../img/menu/detection/reseaux.png) no-repeat 0 -55px ;
}

/* ****** STRUCTURES ***** */
ul#menuHovHor li #structures {
	display: block ;
	width: 100px ;
	height : 55px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background:url(../img/menu/detection/structures.png) no-repeat 0 0px ;
}

ul#menuHovHor li #structures:hover, ul#menuHovHor li #structures.selected {
	background:url(../img/menu/detection/structures.png) no-repeat 0 -55px ;
}

/* ****** cuves ***** */
ul#menuHovHor li #cuves {
	display: block ;
	width: 211px ;
	height : 55px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background:url(../img/menu/detection/cuves.png) no-repeat 0 0px ;
}

ul#menuHovHor li #cuves:hover, ul#menuHovHor li #cuves.selected {
	background:url(../img/menu/detection/cuves.png) no-repeat 0 -55px ;
}

/* ****** dao ***** */
ul#menuHovHor li #dao {
	display: block ;
	width: 159px ;
	height : 55px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background:url(../img/menu/detection/dao.png) no-repeat 0 0px ;
}

ul#menuHovHor li #dao:hover, ul#menuHovHor li #dao.selected {
	background:url(../img/menu/detection/dao.png) no-repeat 0 -55px ;
}

/* --------------------- ----------------------------- */
/* RESEAUX */

/* ****** Reparation ***** */
ul#menuHovHor li #reparation {
	display: block ;
	width: 267px ;
	height : 55px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background:url(../img/menu/reseaux/reparation.png) no-repeat 0 0px ;
}

ul#menuHovHor li #reparation:hover, ul#menuHovHor li #reparation.selected {
	background:url(../img/menu/reseaux/reparation.png) no-repeat 0 -55px ;
}

/* ****** decoupe ***** */
ul#menuHovHor li #decoupe {
	display: block ;
	width: 184px ;
	height : 55px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background:url(../img/menu/reseaux/decoupe.png) no-repeat 0 0px ;
}

ul#menuHovHor li #decoupe:hover, ul#menuHovHor li #decoupe.selected {
	background:url(../img/menu/reseaux/decoupe.png) no-repeat 0 -55px ;
}

/* ****** decoupe ***** */
ul#menuHovHor li #demantelement {
	display: block ;
	width: 119px ;
	height : 55px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background:url(../img/menu/reseaux/demantelement.png) no-repeat 0 0px ;
}

ul#menuHovHor li #demantelement:hover, ul#menuHovHor li #demantelement.selected {
	background:url(../img/menu/reseaux/demantelement.png) no-repeat 0 -55px ;
}

/* ****** assistance ***** */
ul#menuHovHor li #assistance {
	display: block ;
	width: 162px ;
	height : 55px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background:url(../img/menu/reseaux/assistance.png) no-repeat 0 0px ;
}

ul#menuHovHor li #assistance:hover, ul#menuHovHor li #assistance.selected {
	background:url(../img/menu/reseaux/assistance.png) no-repeat 0 -55px ;
}

/* --------------------- ----------------------------- */
/* DERIVATION */

/* ****** Reparation ***** */
ul#menuHovHor li #branchement {
	display: block ;
	width: 219px ;
	height : 54px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background:url(../img/menu/derivation/branchement.png) no-repeat 0 0px ;
}

ul#menuHovHor li #branchement:hover, ul#menuHovHor li #branchement.selected {
	background:url(../img/menu/derivation/branchement.png) no-repeat 0 -54px ;
}

/* ****** decoupe ***** */
ul#menuHovHor li #derivation {
	display: block ;
	width: 199px ;
	height : 54px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background:url(../img/menu/derivation/derivation.png) no-repeat 0 0px ;
}

ul#menuHovHor li #derivation:hover, ul#menuHovHor li #derivation.selected {
	background:url(../img/menu/derivation/derivation.png) no-repeat 0 -54px ;
}

/* ****** decoupe ***** */
ul#menuHovHor li #renouvellement {
	display: block ;
	width: 232px ;
	height : 54px;
	line-height: 30px ;
	color: #000 ;
	text-indent: 41px ;
	text-decoration: none ;
	background:url(../img/menu/derivation/renouvellement.png) no-repeat 0 0px ;
}

ul#menuHovHor li #renouvellement:hover, ul#menuHovHor li #renouvellement.selected {
	background:url(../img/menu/derivation/renouvellement.png) no-repeat 0 -54px ;
}

/* ------------------- */
/* PRESENTATION */

.presentationDetection {
	width:271px;
	height:129px;
	background-image:url(../img/detection_presentation.png);
}
.presentationDetection:hover {
	background:url(../img/detection_presentation.png) 0 -129px;
}

.presentationDerivation {
	width:271px;
	height:129px;
	background-image:url(../img/derivation_presentation.png);
}
.presentationDerivation:hover {
	background:url(../img/derivation_presentation.png) 0 -129px;
}

.presentationReseaux {
	width:271px;
	height:129px;
	background-image:url(../img/reseaux_presentation.png);
}
.presentationReseaux:hover {
	background:url(../img/reseaux_presentation.png) 0 -129px;
}