/*modifier le 21 Octobre 2013*/

body
{
}

/*modifier la scrollbar du div elevator du sous sous menu avec class*/

.elevator::-webkit-scrollbar 
{
  width: 5px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;
 }

.elevator::-webkit-scrollbar-track 
{
  background-color: #FFFFFF; /*couleur du fond de la scrollbar*/
 }

.elevator::-webkit-scrollbar-thumb
 { /*la petite bande qui monte/descend*/
  background-color: #000000 /*couleur de l'ascenseur*/;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
 }
 
 .elevator
 {
 width:142;
 height:160;
 overflow-x: hidden;
 overflow-y: scroll;
 border-right:1px solid #E4E4E4;
 }

/* les six truc les repertoires exemple 1 */

a#exemple
{ 
background-image: url('/img/exemple02.gif');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}

a#exemple:hover
{
background-image: url('/img/exemple01.gif');
background-repeat: no-repeat; 
width:21px;
height:22px;
display:block;
}

a#exemple:active
{
background-image: url('/img/exemple01.gif');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}


/* les six truc les repertoires transport 2 */

a#transporter
{ 
background-image: url('/img/transporter02.gif');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}

a#transporter:hover
{
background-image: url('/img/transporter01.gif');
background-repeat: no-repeat; 
width:21px;
height:22px;
display:block;
}

a#transporter:active
{
background-image: url('/img/transporter01.gif');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}

/* les six truc les repertoires regler 3 */

a#regler
{ 
background-image: url('/img/regler02.gif');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}

a#regler:hover
{
background-image: url('/img/regler01.gif');
background-repeat: no-repeat; 
width:21px;
height:22px;
display:block;
}

a#regler:active
{
background-image: url('/img/regler01.gif');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}

/* les six truc les repertoires recruter 4 */

a#recruter
{ 
background-image: url('/img/recruter02.gif');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}

a#recruter:hover
{
background-image: url('/img/recruter01.gif');
background-repeat: no-repeat; 
width:21px;
height:22px;
display:block;
}

a#recruter:active
{
background-image: url('/img/recruter01.gif');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}

/* les six truc les repertoires financer 5 */

a#financer
{ 
background-image: url('/img/financer02.gif');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}

a#financer:hover
{
background-image: url('/img/financer01.gif');
background-repeat: no-repeat; 
width:21px;
height:22px;
display:block;
}

a#financer:active
{
background-image: url('/img/financer01.gif');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}

/* les six truc les repertoires se proteger 6 */

a#seproteger
{ 
background-image: url('/img/seproteger02.gif');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}

a#seproteger:hover
{
background-image: url('/img/seproteger01');
background-repeat: no-repeat; 
width:21px;
height:22px;
display:block;
}

a#seproteger:active
{
background-image: url('/img/seproteger01');
background-repeat: no-repeat;
width:21px;
height:22px;
display:block;
}


/* les sous repertoires  */

a#test    
{ 
font-size:12px; 
color: #808080; 
text-decoration:none; 
font-family:arial,verdana; 
font-weight:bold;
letter-spacing:1;
display:block;
background-image: url('/img/arrieplanbouton9.gif');
background-repeat: no-repeat;
width:132px;
height:16px;
padding: 4px;
}

a#test:hover
{
background-image: url('/img/arrieplanbouton10.gif');
background-repeat: no-repeat; 
text-decoration: none; 
color: #000000; 
font-family:arial,verdana; 
font-size:12px;
font-weight:bold;
letter-spacing:1;
padding: 4px;
width:132px;
height:16px;
display:block;
}

a#test:active
{
background-image: url('/img/arrieplanbouton10.gif');
background-repeat: no-repeat; 
text-decoration: none; 
color: #000000; 
font-family:arial,verdana; 
font-size:12px;
font-weight:bold;
letter-spacing:1;
padding: 4px;
width:132px;
height:16px;
display:block;
}

/** une fois cliqué on inverse**/

a#testclique
{ 
font-size:12px; 
color: #808080; 
text-decoration:none; 
font-family:arial,verdana; 
font-weight:bold;
letter-spacing:1;
display:block;
background-image: url('/img/arrieplanbouton10.gif');
background-repeat: no-repeat;
width:132px;
height:16px;
padding: 4px;
}

a#testclique:hover
{
background-image: url('/img/arrieplanbouton9.gif');
background-repeat: no-repeat; 
text-decoration: none; 
color: #000000; 
font-family:arial,verdana; 
font-size:12px;
font-weight:bold;
letter-spacing:1;
padding: 4px;
width:132px;
height:16px;
display:block;
}

a#testclique:active
{
background-image: url('/img/arrieplanbouton9.gif');
background-repeat: no-repeat; 
text-decoration: none; 
color: #000000; 
font-family:arial,verdana; 
font-size:12px;
font-weight:bold;
letter-spacing:1;
padding: 4px;
width:132px;
height:16px;
display:block;
}



/** menu gauche - liens menu**/

a#lienmenu
{ 
color: #808080; 
text-decoration : none; 
font-family:arial,verdana; 
font-size:12px;
font-weight:bold;
letter-spacing:1;
}

a#lienmenu:hover
{  
color: #000000; 
text-decoration:none;
font-size:12px;
font-weight:bold;
letter-spacing:1;
} 
			  
a#lienmenu:active       
 { 
 text-decoration:none; 
 font-family:arial,verdana; 
 font-size:12px;
 font-weight:bold;
 letter-spacing:1
 }


/** menu gauche - liens  sous menu**/

a#liensousmenu 
{ 
font-size:11px; 
color: #000000 ; 
letter-spacing:1;
font-family:arial,verdana ; 

text-decoration: none;
width:145px; 
height:13px; 
color:#808080; 
padding: 1px;
display:block;
}

a#liensousmenu:hover
{
background-color:#FFFFFF; 
text-decoration: none; 
width:145px; 
height:13px; 
padding: 1px;
font-size:11px; 
font-family:arial,verdana;

color:#000000;
display:block;
}

a#liensousmenu:active 
{ 
text-decoration: none;
font-size:11px; 
color: #000000 ; 
letter-spacing:1;
font-family:arial,verdana ; 

text-decoration: none ;
width:145px; 
height:13px; 
color:#808080; 
padding: 1px;
display:block;
}  

/** menu gauche - liens  sous menu une fois cliquée**/

a#liensousmenuclique 
{ 
font-size:11px; 
color: #000000 ; 
letter-spacing:1;
font-family:arial,verdana ; 
font-weight:bold;
text-decoration: none;
width:145px; 
height:13px; 
color:#000000; 
padding: 1px;
display:block;
}

a#liensousmenuclique:hover
{
background-color:#DFE6EC; 
text-decoration: none; 
width:145px; 
height:13px; 
padding: 1px;
font-size:11px; 
font-family:arial,verdana;
font-weight:bold;
color:#000000;
display:block;
}

a#liensousmenuclique:active 
 { 
text-decoration: none;
font-size:11px; 
color: #000000 ; 
letter-spacing:1;
font-family:arial,verdana ; 
font-weight:bold;
text-decoration: none;
width:145px; 
height:13px; 
color:#000000; 
padding: 1px;
display:block;
}  

a#soussousmenu   
{ 
font-size:11px; 
color: #808080; 
font-family:verdana,arial,helvetica;
text-decoration:none;
height:10px; 
color:#808080;
}

a#soussousmenu:hover 
{ 
text-decoration: underline;  
height:11px; 
color: #000000; 
font-size:11px;
height:10px; 
font-family:verdana,arial,helvetica; 
}

a#soussousmenu:active 
{ 
font-size:11px; 
color: #000000; 
font-family:verdana,arial,helvetica;
text-decoration: none ;
height:10px; 
color:#808080;
}  


a#lientype2
{
font-family:arial,verdana;
text-decoration: none; 
color: #808080;
font-size:11px;
font-weight:bold;
}

a#lientype2:hover
{
font-family:arial,verdana;
text-decoration:underline; 
color: #808080;
font-size:11px;
font-weight:bold;
}

a#lientype2:active
{
font-family:arial,verdana;
text-decoration:none; 
color: #000000;
font-size:11px;
font-weight:bold;
}


#lienactivetype2
{
font-family:arial,verdana;
text-decoration:none; 
color: #000000;
font-size:11px;
font-weight:bold;
}

#textebasmenugauche
{
 font-size:12px;
 font-family:arial,verdana;
 color:#000000; 
}