@CHARSET "UTF-8";

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

div#infosPratiques4 img { display: block; }

div#infosPratiques4 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#infosPratiques4 ul li {
    margin: 1;  /* marge entre blocs titres */
    padding: 0;
    display: block;
    float: left;
    width: 74px;    /* largeur des blocs titres */
    height: 25px;
    font-size: 9px;
}

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

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

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

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

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

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

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

 

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

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

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

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

div#infosPratiques4 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#infosPratiques4 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#infosPratiques4 ul li div.blocInfo ul li a { display: block; margin: 0 5px; font-weight:normal;}
		

#menu-deroulant, #menu-deroulant ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#menu-deroulant {
/* on centre le menu dans la page */
    text-align: center;
}
#menu-deroulant li {
/* on place les liens du menu horizontalement */
    display: inline-block;

}
#menu-deroulant ul li {
/* on enlève ce comportement pour les liens du sous menu */
    display: inherit;
	
}
#menu-deroulant a {
    text-decoration: none;
    display: block;
	color:#000;
	
}
#menu-deroulant ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: left;
    z-index: 1000;
	
	
}
#menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
			margin: 0;
			padding: 10;
			background:#e2e2e2;
}