@charset "iso-8859-1";
/* author: JJD */
/* Creation date: 23/03/2008 */
/* Last modified: 23/10/2011 */

/*body {background: url(K-display/Fond20a.jpg)}*/
body  {font-family: Verdana,Trebuchet MS,Arial, Helvetica; font-size: 12px; }
table  {font-family: Verdana,Trebuchet MS,Arial, Helvetica; font-size: 12px; }


#body1 {background-color: #435862;}
#body2 {background-color: #2E2014; }
#body3 {background: url(K-display/Fond.jpg)}

.c1 {background: #ffffaa; text-align: center; font-size: x-small; height: 22px}
.c0 {background: #000000; text-align: center; font-size: x-small; height: 22px}
.cb {text-align: center; width:145px; height: 40px} 

.t1 {text-align: center; font-size: x-small}
.t6 {text-align: center; font-size: 32px; font-weight: bold }



/*#body2 {background-color: #1D3833;}*/
/*#body3 {background-color: #6D7695; }*/



A:hover {color:#FF0000;background-color:#CDCBCB; }
div {margin-bottom:0;margin-top:0;padding-top:0;padding-bottom:0;}
img {border:none; margin:0; padding:0;}


#i2 {border:none; margin:0; padding:0; vertical-align: text-bottom;}

#sep4 {background: url(K-display/sep4.jpg); background-repeat: repeat-x ; height:13px;}

#global_k {
  position:absolute;
  top: 5px;
  left: 50%;
  width:750px;
  margin-left: -375px; /* moitié de la largeur */
  background-color: #FCF7ED;
}


#left_k {
  position:absolute;
  top: 5px;
  left: 50%;
  width:60px;
  margin-left: -445px;
}


#global_cm {
  position:absolute;
  top: 5px;
  left: 50%;
  width:800px;
  margin-left: -400px; /* moitié de la largeur */
  background-color: #FCF7ED;
}


#left_cm {
  position:absolute;
  top: 5px;
  left: 50%;
  width:60px;
  margin-left: -470px;
}


#left_bp2 {
  position:absolute;
  top: 5px;
  left: 50%;
  width:350px;
  margin-left: -725px;
}


#right_bp2 {
  position:absolute;
  top: 5px;
  left: 50%;
  width:350px;
  margin-left: +375px;
}


 a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#F7F3F3;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:20em;
    border:1px solid #6699cc;
    background-color:#fff; color:#1212FF ;  /* color:#6699cc*/
    text-align: justify;
    font-weight:none;
    padding:5px;
  /*  background-image: url(../im/fond.gif);*/
} 


#t1  {text-align: center;  width:140px; }
#t1 A { text-decoration: none; }

#t2  {text-align: center; width:145px;  }    /* background-color: #CAE6D7;   */
#t2 A { text-decoration: none;   }

#select_bp A { text-decoration: none; font-weight:bold;}
#select_bp A:hover {color:#000000;background-color:#CDCBCB; font-style: italic;}


.table1 {border:none; margin-bottom:0; margin-top:0; padding:0;}
.table2 {border:none; margin-bottom:0; margin-top:0; padding:1px;}
.table3 {border-collapse:collapse; border-style:ridge; border-width:3px; margin:0; padding:0; width:750px;}
.mini1 {border: none; margin:0; padding:0;  text-align:center; width:150px; }
.cell1 {border: none; margin:0; padding-left:5px; text-align: left;}
.cell1a {border: none; margin:0; padding-left:5px; color:#6E6E6E;}


#menu, #menu ul /* Liste */	
{
	padding : 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défault de la liste */
	line-height : 21px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
	font-weight : bold; /* on met le texte en gras */
	/*font-family : Arial; /* on utilise Arial c'est plus beau ^^ */
	/*font-size : 12px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	padding: 0px 7px;
	background: black url(K-navig/bgMenu2.gif) center center repeat-x;
	/*background : #005aae; /* couleur de fond */	
	/*color : #b1d9ff;  couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	/*width : 80px;  largeur */
	
}

#menu li /* Elements des listes */	
{ 
	float : left; 
	/* pour ie qui ne reconnait pas "transparent" */
	/* border-right : 1px solid #fff;  on met une bordure blanche à droite de chaque élément */
	border-right: 2px solid green;
}


#menu a:hover, #menu li ul a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #005aae; /* On passe le texte en noir ... */
	background: #b1d9ff; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}