@charset "UTF-8";
/* CSS Document */
/*=== HEADER NAV ==*/
.nav {
	width: 565px;
	height: 20px;
	background: url(../images/nav.png) no-repeat;
    position: absolute;
}

.nav li {
display:inline;
}

.nav li a:link, .nav li a:visited {
    position: absolute;
    top: 0;
    height: 20px;
	width:100%; 
    text-indent: -9000px;
    overflow: hidden;
	z-index: 10;
}

.nav-ecole, .nav-ecole-click {
    position: absolute;
    top: 0;
    left: 0px;
    width: 121px;
    height: 20px;
    background: url(../images/nav.png) no-repeat -0px -60px;
}

.nav-ecole-click {
    background: url(../images/nav.png) no-repeat -0px -90px;
}


.nav .ecole a:link, .nav .ecole a:visited {
        left: 0px;
        width: 121px;
    }
    .nav .ecole a:hover, .nav .ecole a:focus {
        background: url(../images/nav.png) no-repeat -0px -60px;
    }
    .nav .ecole a:active {
        background: url(../images/nav.png) no-repeat -0px -90px;
    }
	.current-ecole .ecole a:link, .current-ecole .ecole a:visited {
		background: url(../images/nav.png) no-repeat -0px -90px;
		cursor: default;
	 }
	
/*.nav .ecole a:link, .nav .ecole a:visited {
		left: 0px;
        width: 121px;
	}
	.nav .ecole a:hover, .nav .ecole a:focus {
		background: url(../images/nav.png) no-repeat -0px -30px;
	}
	.nav .ecole a:active {
		background: url(../images/nav.png) no-repeat -0px -60px;
	}
	.current-ecole .home a:link, .current-ecole .home a:visited {
		background: url(../images/nav.png) no-repeat -0px -90px;
		cursor: default;
	}
	.nav-ecole, .nav-ecole-click {
		position: absolute;
		top: 0;
		left: 0px;
        width: 121px;
		height: 20px;
		background: url(../images/nav.png) no-repeat -0px -30px;
	}
	.nav-ecole-click {
		background: url(../images/nav.png) no-repeat -0px -60px;
	}*/
	
.nav-stages, .nav-stages-click {
    position: absolute;
    top: 0;
    left: 143px;
    width: 54px;
    height: 20px;
    background: url(../images/nav.png) no-repeat -143px -60px;
}

.nav-stages-click {
    background: url(../images/nav.png) no-repeat -143px -90px;
}

.nav .stages a:link, .nav .stages a:visited {
        left: 143px;
        width: 54px;
    }
    .nav .stages a:hover, .nav .stages a:focus {
        background: url(../images/nav.png) no-repeat -143px -60px;
    }
    .nav .stages a:active {
        background: url(../images/nav.png) no-repeat -143px -90px;
    }
	.nav .stages a:active {
        background: url(../images/nav.png) no-repeat -143px -90px;
    }
	.current-stages .stages a:link, .current-stages .stages a:visited {
		background: url(../images/nav.png) no-repeat -143px -90px;
		cursor: default;
	 }
	
.nav-creation, .nav-creation-click {
    position: absolute;
    top: 0;
    left: 220px;
    width: 163px;
    height: 20px;
    background: url(../images/nav.png) no-repeat -220px -60px;
}

.nav-creation-click {
    background: url(../images/nav.png) no-repeat -220px -90px;
}

.nav .creation a:link, .nav .creation a:visited {
        left: 220px;
        width: 163px;
    }
    .nav .creation a:hover, .nav .creation a:focus {
        background: url(../images/nav.png) no-repeat -220px -60px;
    }
    .nav .creation a:active {
        background: url(../images/nav.png) no-repeat -220px -90px;
    }
	.current-creation .creation a:link, .current-creation .creation a:visited {
		background: url(../images/nav.png) no-repeat -220px -90px;
		cursor: default;
	 }
	
.nav-actus, .nav-actus-click {
    position: absolute;
    top: 0;
    left: 395px;
    width: 81px;
    height: 20px;
    background: url(../images/nav.png) no-repeat -395px -60px;
}

.nav-actus-click {
    background: url(../images/nav.png) no-repeat -395px -90px;
}

.nav .actus a:link, .nav .actus a:visited {
        left: 395px;
        width: 81px;
    }
    .nav .actus a:hover, .nav .actus a:focus {
        background: url(../images/nav.png) no-repeat -395px -60px;
    }
    .nav .actus a:active {
        background: url(../images/nav.png) no-repeat -395px -90px;
    }
	
.nav-contact, .nav-contact-click {
    position: absolute;
    top: 0;
    left: 505px;
    width: 65px;
    height: 20px;
    background: url(../images/nav.png) no-repeat -505px -60px;
}

.nav-contact-click {
    background: url(../images/nav.png) no-repeat -505px -90px;
}

.nav .contact a:link, .nav .contact a:visited {
        left: 505px;
        width: 65px;
    }
    .nav .contact a:hover, .nav .contact a:focus {
        background: url(../images/nav.png) no-repeat -505px -60px;
    }
    .nav .contact a:active {
        background: url(../images/nav.png) no-repeat -505px -90px;
    }
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/nav.png) no-repeat -505px -90px;
		cursor: default;
	 }