@charset "UTF-8";
/* Début menu de navigation */
#menu { /* Placement de la liste sur la page */
	width: 750px;
	height: 80px;
	float: right;
}


#navMenu { /* Placement de la liste sur la page */
	margin-top: 0px;
	margin-right: 0px;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	overflow: hidden;
	padding: 0;
	
}

#navMenu li { /* Permet aux éléments de la liste d'être l'une à côté de l'autre */
	float: right;
}

#navMenu li, #navMenu li a { /* Definition de la taille des éléments de la liste  */
	display: block;
	height: 80px;
	width: 115px;
	background-repeat: no-repeat;
}


/* nouvel élément */

#navMenu li#m1 a { /* Image sélectionnée*/
	background: url(design/menu/sdio_navig_1.jpg);
	background-position: 0px 0px;
}

#navMenu li#m1  a:hover { /* Image en hover */
	background-position:0px -80px;
}

#navMenu li#m1  a:active, #navMenu li#m1 a:focus { /* Image en active */
	background-position:0px -80px;
}

body#p1 #navMenu li#m1 a { /* Image sélectionnée*/
	background-position:0px -160px;
}

/* nouvel élément */

#navMenu li#m2 a { /* Image sélectionnée*/
	background:url(design/menu/sdio_navig_2.jpg);
	background-position:0px 0px;
}

#navMenu li#m2  a:hover { /* Image en hover */
	background-position:0px -80px;
}

#navMenu li#m2  a:active, #navMenu li#m2 a:focus { /* Image en active */
	background-position:0px -80px;
}

body#p2 #navMenu li#m2 a { /* Image sélectionnée*/
	background-position:0px -160px;
}

/* nouvel élément */

#navMenu li#m3 a { /* Image sélectionnée*/
	background:url(design/menu/sdio_navig_3.jpg);
	background-position:0px 0px;
}

#navMenu li#m3  a:hover { /* Image en hover */
	background-position:0px -80px;
}

#navMenu li#m3  a:active, #navMenu li#m3 a:focus { /* Image en active */
	background-position:0px -80px;
}

body#p3 #navMenu li#m3 a { /* Image sélectionnée*/
	background-position:0px -160px;
}

/* nouvel élément */

#navMenu li#m4 a { /* Image sélectionnée*/
	background:url(design/menu/sdio_navig_4.jpg);
	background-position:0px 0px;
}

#navMenu li#m4  a:hover { /* Image en hover */
	background-position:0px -80px;
}

#navMenu li#m4  a:active, #navMenu li#m4 a:focus { /* Image en active */
	background-position:0px -80px;
}

body#p4 #navMenu li#m4 a { /* Image sélectionnée*/
	background-position:0px -160px;
}

/* nouvel élément */

#navMenu li#m5 a { /* Image sélectionnée*/
	background:url(design/menu/sdio_navig_5.jpg);
	background-position:0px 0px;
}

#navMenu li#m5  a:hover { /* Image en hover */
	background-position:0px -80px;
}

#navMenu li#m5  a:active, #navMenu li#m5 a:focus { /* Image en active */
	background-position:0px -80px;
}

body#p5 #navMenu li#m5 a { /* Image sélectionnée*/
	background-position:0px -160px;
}

/* nouvel élément */

#navMenu li#m6 a { /* Image sélectionnée*/
	background:url(design/menu/sdio_navig_6.jpg);
	background-position:0px 0px;
}

#navMenu li#m6  a:hover { /* Image en hover */
	background-position:0px -80px;
}

#navMenu li#m6  a:active, #navMenu li#m6 a:focus { /* Image en active */
	background-position:0px -80px;
}

body#p6 #navMenu li#m6 a { /* Image sélectionnée*/
	background-position:0px -160px;
}

/* Fin du menu de navigation */