/* ------------------------------ RESET STYLE --------------------------------- */
* {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  text-decoration:none;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

ol, ul {
  list-style: none;
}

body {
  line-height:1;
  background-color:#333333;
 font-size:11px;
  color:#ffffff;
}

a {
cursor:pointer;
cursor:hand;
color:#333333;
}

h1 {
font-size:0px;
text-indent:-9999px;
position:absolute;
}

h2 {
font-size:18px;
margin:0 0 10px 0;
height:22px;
text-align:center;
background:url(../images/interface/titre_h2.png) left top no-repeat;
text-transform:uppercase;
padding:20px;
z-index:1;
color:#333333;
}


h3 {
font-size:16px;
margin:0;
height:40px;
text-align:left;
font-weight:bold;
padding:20px 0 0 0;
text-indent:20px;
background:url(../images/interface/titre_h3.png) left top no-repeat;
}

h4 {
font-size:18px;
margin:0;
height:50px;
text-align:left;
font-weight:bold;
padding:15px 0 0 0;
text-indent:20px;
background:url(../images/interface/titre_h4.png) left top no-repeat;
color:#FFFFFF;
}



/* Table */
table {
  border-collapse: collapse;
  width:100%;
  border:1px solid #522527;
  text-indent:5px;
  border-spacing: 0px;
  background:url(../images/interface/bg_table.png) left top no-repeat;
width:715px;
margin:0 0 0 15px;

}

th {
text-align:left;
height:30px;
font-weight:bold;
color:#333333;
}


td {
height:25px;
color:#333333;
}

caption {
text-transform:uppercase;
text-align:right;
font-weight:bold;
line-height:30px;
color:#FFFFFF;
}

/* Form */
input {
background-color:#ffffff;
border:1px solid #000000;
height:15px;
margin:0 0 0 160px;
color:#000066;
}

textarea {
border:1px dashed #000000;
overflow:auto;
background-color:#FFFFFF;
width:500px;
height:200px;
margin:0 0 0 160px;
color:#000066;
}

select {
border:1px solid #000000;
background-color:#FFFFFF;
margin:0 0 0 160px;
height:20px;
color:#000066;
}


.parcourir {
height:20px;
}

label {
width:150px;
text-align:right;
position:absolute;
height:17px;
}


.bouton {
height:46px;
width:120px;
border:0;
cursor:pointer;
border:0;
background: url(../images/bouton/valider.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
}

.bouton:hover {
background-position: 0 -46px;
}


.autre_imput {
background-color:transparent;
border:0;
}

.etoile {
color:#993333;
}

.message {
color:#FF0000;
text-align:center;
margin:20px 0;
font-weight:bold;
}

.form_espace_client {
position:absolute;
background:url(../images/interface/header_invisible/bg_connexion.png) no-repeat left top;
width:365px;
height:229px;
left:325px;
top:0;
}

.champ_client {
background-color:#ffffff;
position:absolute;
left:95px;
margin:0;
width:150px;
height:20px;
border:#046496 1px solid;
color:#046496;
font-size:12px;
font-weight:bold;
}

.bouton_client {
position:absolute;
left:122px;
top:182px;
width:85px;
height:46px;
border:0;
background: url(../images/bouton/ok.png) 0 0 no-repeat;
font-size:0px;
letter-spacing: -100px;
cursor:pointer;
}

.bouton_client:hover {
background-position: -85px 0;
}



/* ------------------------------ ARCHITECTURE --------------------------------- */

#global {
background:#333333 url(../images/interface/header.png) top center repeat-x;
width:100%;
height:100%;
}

#contenu_invisible {
width:100%;
height:295px;
position:relative;
background:#0099FF url(../images/interface/header_invisible/top_header.png) top center;
}

#milieu_invisible {
width:990px;
margin:0 auto;
color:#FFFFFF;
height:100%;
position:relative;
}

#contenu {
background:transparent;
width:990px;
margin:0 auto;
}

#header {
color:#FFFFFF;
height:500px;
position:relative;
z-index:60;
}

#milieu {
background:transparent;
position:relative;
min-height:1120px;
height:auto !important;
height:1120px;
}



#encart_milieu {
margin:0;
position:relative;
width:745px;
}

.bloc_1 {
background:#FFFFFF;
padding:15px;
margin:0 0 0 15px;
width:685px;
position:relative;
clear:both;
color:#000000;
background:#ffffff url(../images/interface/bas_page.png) bottom center no-repeat;
}

.bloc_1 p {
color:#000000;
margin:0 0 0 0;
padding:10px;
line-height:20px;
text-align:justify;
}

.bloc_2 {
padding: 0 15px 15px 15px;
margin:0 0 0 15px;
width:685px;
position:relative;
background:#666666 url(../images/interface/bas_page_etablissements.png) bottom center no-repeat;
}

.bloc_2 p {
color:#FFFFFF;
margin:0 0 0 0;
padding:5px;
line-height:20px;
text-align:justify;
}



a.infos {
right:20px;
bottom:10px;
height:40px;
width:128px;
background: url(../images/bouton/plus_infos.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
position:absolute;
}

a.infos:hover {
background-position: 0 -40px;
}

a.contact_ets {
right:20px;
height:46px;
width:120px;
background: url(../images/bouton/coordonnees_etablissement.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
position:absolute;
}

a.contact_ets:hover {
background-position: 0 -46px;
}

a.contact_asso {
right:20px;
height:46px;
width:120px;
background: url(../images/bouton/coordonnees_asso.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
position:absolute;
}

a.contact_asso:hover {
background-position: 0 -46px;
}

a.membres_ca {
right:160px;
height:46px;
width:120px;
background: url(../images/bouton/membres_ca.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
position:absolute;
}

a.membres_ca:hover {
background-position: 0 -46px;
}

h5 {
font-size:18px;
background:#666666 url(../images/interface/h5_jaune.png) bottom center no-repeat;
margin:0;
height:30px;
color:#333333;
text-indent:30px;
padding:12px 0 0 0;
}

h6 {
font-size:18px;
background:#666666 url(../images/interface/h5_vert.png) bottom center no-repeat;
margin:0;
padding:0;
height:30px;
color:#333333;
text-indent:30px;
padding:12px 0 0 0;
}

.bloc_3 {
padding: 10px 15px 25px 15px;
margin:0 0 30px 10px;
width:695px;
position:relative;
background:#FFCC00;
height:73px;
}

.bloc_3 p {
color:#333333;
margin:0 0 0 0;
padding:5px;
line-height:12px;
text-align:justify;
font-weight:bold;
}

.bloc_4 {
padding: 10px 15px 25px 15px;
margin:0 0 30px 10px;
width:695px;
position:relative;
background:#99CC33;
height:73px;
}

.bloc_4 p {
color:#333333;
margin:0 0 0 0;
padding:5px;
text-align:justify;
line-height:12px;
text-align:justify;
font-weight:bold;
}





.titre_etablissement{
font-size:18px;
margin:0;
height:50px;
text-align:left;
font-weight:bold;
padding:15px 0 0 0;
text-indent:20px;
background:url(../images/interface/titre_orange.png) left top no-repeat;
color:#FFFFFF;
}

.auteur{
font-size:18px;
margin:0;
height:40px;
text-align:left;
font-weight:bold;
padding:10px 0 0 0;
text-indent:20px;
background:url(../images/interface/auteur_commentaire.png) left top no-repeat;
color:#FFFFFF;
}

#titre_jaune{
font-size:18px;
margin:0;
height:50px;
text-align:left;
font-weight:bold;
padding:15px 0 0 0;
text-indent:20px;
background:url(../images/interface/titre_jaune.png) left top no-repeat;
color:#333333;
text-transform:uppercase;
text-align:center;
}

.bloc_contact {
background:#333333 url(../images/interface/contact.png) top left no-repeat;
width:745px;
height:350px;
margin:20px 0 0 15px;
position:relative;
}



.bloc_actu {
background:#333333 url(../images/interface/bg_actu.png) top left no-repeat;
width:495px;
height:362px;
margin:20px 0 0 15px;
position:relative;
}

.bloc_actu_texte {
width:450px;
height:220px;
top:120px;
left:20px;
position:absolute;
}

.titre_actu {
font-size:18px;
font-weight:bold;
color:#333333;
margin:0 0 5px 0;
}

.date_actu {
font-size:11px;
margin:0 0 15px 0;
}

#encart_droite {
background:transparent;
width:220px;
position:absolute;
top:0;
right:0;
z-index:2;
height:100%;
}

#footer {
background:#1a4566 url(../images/interface/footer.png) top center repeat-x;
background-color:#333333;
width:100%;
color:#FFFFFF;
height:353px;
}

#footer_milieu {
width:990px;
margin:0 auto;
position:relative;
z-index:0;
}

.puce {
float:left;
margin:0 10px 0 0;
}
/* ------------------------------ INTERFACE --------------------------------- */

.video {
background: url(../images/interface/bg_video.png) left top no-repeat;
width:685px;
height:511px;
padding:42px 0 0 42px;
margin:0;
}

a#evenement {
height:230px;
width:245px;
background: url(../images/bouton/programme.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#333333;
position:relative;
}

a#evenement:hover {
background-position: -245px 0;
}




a#lettre {
height:120px;
width:245px;
background: url(../images/bouton/lettre_interne.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#333333;
position:relative;
}

a#lettre:hover {
background-position: -245px 0;
}




a#journal {
height:235px;
width:245px;
background: url(../images/bouton/download_journal.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#333333;
position:relative;
}

a#journal:hover {
background-position: -245px 0;
}


a#mailto {
bottom:0px;
height:65px;
width:745px;
background: url(../images/bouton/mail.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
position:absolute;
}

a#mailto:hover {
background-position: 0 -65px;
}

a#mailto2 {
bottom:-65px;
height:65px;
width:745px;
background: url(../images/bouton/mail2.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
position:absolute;
}

a#mailto2:hover {
background-position: 0 -65px;
}


a#lire_suite {
right:20px;
bottom:10px;
height:40px;
width:128px;
background: url(../images/bouton/suite.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
position:absolute;
}

a#lire_suite:hover {
background-position: 0 -40px;
}

a#welcome {
height:191px;
width:730px;
background: url(../images/interface/welcome.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
position:relative;
}

a#welcome:hover {
background-position: -730px 0px;
}

a#city {
position:absolute;
right:5px;
top:480px;
background:url(../images/bouton/city.png) no-repeat left top;
width:212px;
height:212px;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
}

a#city:hover {
background-position: -212px 0px;
}

a#valid {
height:46px;
width:120px;
background: url(../images/bouton/valider.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
float:left;
}

a#valid:hover {
background-position: 0 -46px;
}


a#supr {
height:46px;
width:120px;
background: url(../images/bouton/supprimer.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
margin:0 0 0 140px;
}

a#supr:hover {
background-position: 0 -46px;
}




#page {
position:relative;
margin:20px 0 0 0;
height:63px;
}

a#precedent {
right:120px;
bottom:0;
height:63px;
width:119px;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
position:absolute;
background: url(../images/bouton/precedent_suivant.png) no-repeat left top;

}

a#precedent:hover {
background-position: 0 -63px;
}

a#suivant {
right:0;
bottom:0;
height:63px;
width:119px;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
position:absolute;
background: url(../images/bouton/precedent_suivant.png) no-repeat -119px 0;

}

a#suivant:hover {
background-position: -119px -63px;
}




a.mail {
height:24px;
width:151px;
background: url(../images/bouton/mail.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
z-index:40;
position:absolute;
right:10px;
bottom:50px;
}

a.mail:hover {
background-position: -151px 0px;
}



#anim_header {
position:absolute;
top:30px;
}



.admin_photo {
margin: 10px 0 0 18px;
float:left;
text-align:center;
width:100px;
padding:10px;
}

.equipe {
margin: 5px 0 0 18px;
float:left;
text-align:left;
width:292px;
height:155px;
padding:14px;
background: url(../images/interface/fiche_equipe.jpg) no-repeat left top;
position:relative;
}


/* ------------------------------ SOUS MENU 1 --------------------------------- */

#menu_enfance {
height:75px;
width:730px;
background:#417DAF url(../images/bouton/nav_etablissements.png) no-repeat left top;
}

#menu_enfance li, #menu_enfance a {
   height: 75px;
   display: block;
   float:left;
   width:155px;
   font-size:0px;
   letter-spacing: -100px;
   color:#1b4869;
}

#bouton1_enfance a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) 0 -75px no-repeat;
}


#bouton2_enfance a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -155px -75px no-repeat;
}


#bouton3_enfance a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -310px -75px no-repeat;
}


#bouton4_enfance a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -465px -75px no-repeat;
}


/* ------------------------------ SOUS MENU 2 --------------------------------- */
#menu_poly {
height:75px;
width:730px;
background:#417DAF url(../images/bouton/nav_etablissements.png) no-repeat left -150px;
}

#menu_poly li, #menu_poly a {
   height: 75px;
   display: block;
   float:left;
   width:155px;
   font-size:0px;
   letter-spacing: -100px;
   color:#1b4869;
}


#bouton1_poly a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) 0 -225px no-repeat;
}


#bouton2_poly a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -155px -225px no-repeat;
}


#bouton3_poly a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -310px -225px no-repeat;
}


#bouton4_poly a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -465px -225px no-repeat;
}

/* ------------------------------ SOUS MENU 3 --------------------------------- */
#menu_neptune {
height:75px;
width:730px;
background:#417DAF url(../images/bouton/nav_etablissements.png) no-repeat left -300px;
}

#menu_neptune li, #menu_neptune a {
   height: 75px;
   display: block;
   float:left;
   width:155px;
   font-size:0px;
   letter-spacing: -100px;
   color:#1b4869;
}


#bouton1_neptune a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) 0 -375px no-repeat;
}


#bouton2_neptune a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -155px -375px no-repeat;
}

#bouton3_neptune a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -310px -375px no-repeat;
}


#bouton4_neptune a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -465px -375px no-repeat;
}



/* ------------------------------ SOUS MENU 4 --------------------------------- */
#menu_travail {
height:75px;
width:730px;
background:#417DAF url(../images/bouton/nav_etablissements.png) no-repeat left -450px;
}

#menu_travail li, #menu_travail a {
   height: 75px;
   display: block;
   float:left;
   width:155px;
   font-size:0px;
   letter-spacing: -100px;
   color:#1b4869;
}


#bouton1_travail a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) 0 -525px no-repeat;
}


#bouton2_travail a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -155px -525px no-repeat;
}

#bouton3_travail a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -310px -525px no-repeat;
}

/* ------------------------------ SOUS MENU 5 --------------------------------- */
#menu_service {
height:75px;
width:730px;
background:#417DAF url(../images/bouton/nav_etablissements.png) no-repeat left -600px;
}

#menu_service li, #menu_service a {
   height: 75px;
   display: block;
   float:left;
   width:155px;
   font-size:0px;
   letter-spacing: -100px;
   color:#1b4869;
}


#bouton1_service a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) 0 -675px no-repeat;
}


#bouton2_service a:hover {
   background: transparent url(../images/bouton/nav_etablissements.png) -155px -675px no-repeat;
}


/* ------------------------------ ESPACE CLIENT --------------------------------- */

a#espace_client {
left:600px;
top:0px;
height:30px;
width:193px;
background: url(../images/bouton/connexion.png) no-repeat left top;
display:block;
position:relative;
font-size:0px;
letter-spacing: -100px;
}

a#espace_client:hover {
background-position: 0 -30px;
}


a#espace_admin {
height:80px;
width:245px;
background: url(../images/interface/nav_admin.png) no-repeat 0 -180px;
display:block;
position:relative;
font-size:0px;
letter-spacing: -100px;
}

a#espace_admin:hover {
background-position: -245px -180px;
}

a#espace_actu {
height:35px;
width:245px;
background: url(../images/interface/nav_admin.png) no-repeat 0 -261px;
display:block;
position:relative;
font-size:0px;
letter-spacing: -100px;
}

a#espace_actu:hover {
background-position: -245px -261px;
}

a#espace_actu_mise {
height:33px;
width:245px;
background: url(../images/interface/nav_admin.png) no-repeat 0 -296px;
display:block;
position:relative;
font-size:0px;
letter-spacing: -100px;
}

a#espace_actu_mise:hover {
background-position: -245px -296px;
}

a#espace_article {
height:70px;
width:245px;
background: url(../images/interface/nav_admin.png) no-repeat 0 -331px;
display:block;
position:relative;
font-size:0px;
letter-spacing: -100px;
}

a#espace_article:hover {
background-position: -245px -331px;
}



a#espace_membre {
height:80px;
width:245px;
background: url(../images/interface/nav_admin.png) no-repeat 0 0;
display:block;
position:relative;
font-size:0px;
letter-spacing: -100px;
}

a#espace_membre:hover {
background-position: -245px 0;
}

a#espace_actu2 {
height:33px;
width:245px;
background: url(../images/interface/nav_admin.png) no-repeat 0 -80px;
display:block;
position:relative;
font-size:0px;
letter-spacing: -100px;
}

a#espace_actu2:hover {
background-position: -245px -80px;
}

a#espace_article2 {
height:70px;
width:245px;
background: url(../images/interface/nav_admin.png) no-repeat 0 -113px;
display:block;
position:relative;
font-size:0px;
letter-spacing: -100px;
}

a#espace_article2:hover {
background-position: -245px -113px;
}



/* ------------------------------ MENU --------------------------------- */

a#nav_titre1, a#nav_titre2, a#nav_titre3, a#nav_titre4, a#nav_titre5  {
position:absolute;
left:0;
height:45px;
width:198px;
background: url(../images/bouton/nav.png) no-repeat left top;
display:block;
font-size:0px;
letter-spacing: -100px;
color:#1b4869;
}

a#nav_titre1:hover {
background-position: 0 -285px;
}


a#nav_titre2 {
background-position: -198px 0;
}

a#nav_titre2:hover {
background-position: -198px -285px;
}

a#nav_titre3 {
background-position: -396px 0;
}

a#nav_titre3:hover {
background-position: -396px -285px;
}

a#nav_titre4 {
background-position: -594px 0;
}

a#nav_titre4:hover {
background-position: -594px -285px;
}

a#nav_titre5 {
background-position: -792px 0;
}

a#nav_titre5:hover {
background-position: -792px -285px;
}


div#nav1, div#nav2, div#nav3, div#nav4, div#nav5 {
	width: 198px;
	height: 45px;
	overflow: hidden;
	position:absolute;
    top:435px;
	z-index:90;
}

div#nav1 a, div#nav2 a, div#nav3 a, div#nav4 a, div#nav5 a {
	display: block;
}


#nav_ul2 {
height:150px;
width:198px;
position:relative;
margin:45px 0 0 0;
z-index:91;
}

#nav_ul2 {
background: url(../images/bouton/nav.png) -198px -45px no-repeat ;
}


#nav_ul2 li, #nav_ul2 a {
   height: 30px;
   display: block;
   width:198px;
   position:absolute;
   font-size:0px;
   letter-spacing: -100px;
   color:#1b4869;
}

#nav2_li1 { top: 0px;    }
#nav2_li2 { top: 30px;    }
#nav2_li3 { top: 60px;   }
#nav2_li4 { top: 90px;   }
#nav2_li5 { top: 120px;   }


#nav2_li1 a:hover {
   background: url(../images/bouton/nav.png) -198px -330px no-repeat;
}


#nav2_li2 a:hover {
   background: url(../images/bouton/nav.png) -198px -360px no-repeat;
}

#nav2_li3 a:hover {
   background: url(../images/bouton/nav.png) -198px -390px no-repeat;
}

#nav2_li4 a:hover {
   background: url(../images/bouton/nav.png) -198px -420px no-repeat;
}

#nav2_li5 a:hover {
   background: url(../images/bouton/nav.png) -198px -450px no-repeat;
}


/* --------------------------------------- ALBUM PHOTO ------------------------------------- */

.slideshow {
	height: 523px;
	width: 491px;
	position:relative;
	margin:20px auto;
	background-image:url(../images/interface/bg_diaporama.png);
	padding:17px 0 0 85px;
}
.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

.slideshow-controller {
	background: url(../images/diaporama/controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(../images/diaporama/controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(../images/diaporama/controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(../images/diaporama/controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(../images/diaporama/controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(../images/diaporama/controller-prev.gif);
	left: 65px;
	width: 28px;
}



/* --------------------------------------- GESTION du TEXTE AGRANDIT ------------------------------------- */

#manivelle {
	width: 245px;
	height: 226px;
	background: url(../images/interface/bg_slider.png) no-repeat left top;
	position:relative;
	margin:15px 0 0 0;
}

div.slider {
	width: 50px;
	height: 155px;
	position:absolute;
	top:32px;
    left:63px;
}

.knob {
	width: 46px;
	height: 31px;
	cursor:pointer;
	margin:0px;
}

#poigne {
	background: url(../images/interface/slider.png) no-repeat left top;
	width: 46px;
	height: 31px;
	display:block;
}

a#poigne:hover {
	background-position: 0 -31px;
}

a#poigne:active {
	background-position: 0 -62px;
}