@CHARSET "UTF-8";

div#infosPratiques {
    padding:0;
    height: 300px;   /* hauteur de la fenetre */
}

div#infosPratiques img { display: block; }

div#infosPratiques ul {
    position: relative;
    margin: 1px;  /* marge par rapport au cadre */
    padding: 0px;
    list-style-type: none;
    background: #ffffff url() left top no-repeat; /* couleur de l'arriere fond des bloccs titres */
    height: 26px;  /* hauteur des blocs titres */
}

div#infosPratiques ul li {
    margin: 1;  /* marge entre blocs titres */
    padding: 0;
    display: block;
    float: left;
    width: 75px;    /* largeur des blocs titres */
    height: 25px;
    font-size: 9px;
}

div#infosPratiques ul li:first-child {
    margin-right: 0px;
}

div#infosPratiques ul li a.onglet1 {
    display: block;
    line-height: 26px;
    text-align: center;
	background-color: #0e4c80;  /* Ccouleu du bloc 1 */
}

div#infosPratiques ul li a.onglet2 {
    display: block;
    line-height: 26px;
    text-align: center;
	background-color:  #4a6ba8;   /* Ccouleu du bloc 2 */
}

div#infosPratiques ul li a.onglet3 {
    display: block;
    line-height: 26px;
    text-align: center;
	background-color: #0d5caa; /* Ccouleu du bloc 3 */
}

div#infosPratiques ul li a.onglet4 {
    display: block;
    line-height: 26px;
    text-align: center;
	background-color: #5494d9;   /* Ccouleu du bloc 4 */
}

div#infosPratiques ul li a.onglet:hover {
    color: #ffffff;
}

div#infosPratiques ul li:hover {
    background: #b71f6a url() left top no-repeat;
}

 

div#infosPratiques ul li div.blocInfo {
    position: absolute;
    left: 0;
    display: none;
}

div#infosPratiques ul li:hover div.blocInfo {
    display: block;
}

div#infosPratiques ul li div.blocInfo ul {
    background-image: none;
	height: auto;
}

div#infosPratiques ul li:first-child div.blocInfo {
	display: block;
}

div#infosPratiques ul li div.blocInfo ul li {
    width: 100%;
	overflow: hidden;
	float: left;
    height: 160px;
	line-height: normal;
	background-color: #ffffff;    /* couleur du fond de la partie texte du bloc texte */
    background-image: none;
	padding: 8px 0px;
}
	
	div#infosPratiques ul li div.blocInfo ul li:hover {
		background-color: #ffffff;  /* couleur du fond de la partie texte du bloc texte au passage de la souri */
	}

		div#infosPratiques ul li div.blocInfo ul li a { display: block; margin: 0 5px; font-weight:normal;}