/*************************************************************************
 * Il est  dans votre intêret d'avoir un site au design original,        *
 * pour qu'il ait sa propre identité visuelle, plutôt qu'un design       *
 * plagié...                                                             *
 * On peut s'inspirer d'un design mais la création doit être personnelle.*
 * Soninkara.org                                                         *
 *************************************************************************/                                 


/*
 * Menu des propriétés du menu horizontal de Soninkara
 * Appliqués au premier item
 */
.nature {
	font-family: Tahoma,Arial,Helvetica,Verdana,sans-serif;
	font-size: 10px;
 	font-weight: bold;
}

/*
 * Menu des propriétés du menu horizontal de Soninkara
 * Appliqués au 2nd niveau et inferieur...
 */
.nature ul {
	font-weight:bold;
}

/*
 * Menu des propriétés du menu horizontal de Soninkara
 * Appliquable à tout le menu dans tout le conteneur
 */
.nature li {
	background-image: url(img/green_tab.gif);
	background-repeat: no-repeat;
	width: 105px;
	margin-right: 2px;
}

/*
 * Menu des propriétés du menu horizontal de Soninkara
 * Appliqués au 2nd niveau et inferieur...
 */
.nature ul li {
	background-image: none;
	background-color: #ededed;
	border-bottom: solid 1px #D7D7D7;
	width: 200px;
	margin: 0px;
}

/* Propriétés spécifique du skin NATURE skin Seulement */
/* this applies to the last item of the first level */
.nature li.last {
	margin: 0px;
}

/*
 * Menu des propriétés du menu horizontal de Soninkara
 * appliques aux liens qui sont en bas du menu items, no matter the menu level
 */
.nature a {
	text-decoration: none;
	color: #EDEDED;
	line-height: 28px;
	padding:0px 8px 0px 31px;
	cursor: pointer;
}

/*
 * Menu des propriétés du menu horizontal de Soninkara
 * Appliqués au 2nd niveau et inferieur...
 */
.nature ul a {
 	color: #000066;
	line-height: 19px;
}


/***************************************************************************
* Dans cette section, on definit l'effet mouse-over sur les items          *
***************************************************************************/

/*
 * Mouse over du menu items
 * Appliquer à tout le  menu items dans tous le menu conteneur
 */
.nature li.hover {
	background-image:url(img/grey_tab.gif) !important;
}
  
/*
 * Mouse over du menu items
 * Appliqués au 2nd niveau et inferieur...
 */
.nature ul li.hover {
	background-image: none !important;
	background-color: #ECF3E1 !important;
}

/*
 * Mouse over des links
 * Appliqués au 2nd niveau et inferieur...
 */
.nature a.hover {
	color: #5CA408 !important;
}

/*
 * Mouse over des links
 *  Appliqués à tous les items situés  au 2nd item et inferieur...
 */
.nature ul a.hover {
  	color: #529700 !important;
}


/*****************************************************************************
* On definit l'effet d'un item selectionné                                   *
*****************************************************************************/

/*
 * Menu item sélectionné
 * Appliquer à tout le menu item selectionné dans tout le conteneur
 */
.nature li.selected {
	background-image: url(img/selected1.gif);
}

/*
 * Menu item sélectionné
 * Appliquer à tout le menu item selectionné dans tout le conteneur
 */
.nature ul li.selected {
	background-image: none;
	background-color: #d7dfb5;
}

/*
 * Links sélectionnés
 * Appliquer à tous les links de tout le  menu items
 */
.nature a.selected {
	color: #663300;
}

/*
 * Links sélectionnés
 * Appliquer à tous les links de tout le  menu items
 */
.nature ul a.selected {
	color: #718D04;
}


/*************************************************************************************
* Dans cette section, on définit les fleches du menu déroulant de Soninkara.org      *
* Une flèche (puce est insérée dans le menu item  quand ce dernier y a des sub-menus *
*************************************************************************************/
 /* 
 * Définir les fleches (puces)
 * Appliques à tout le   menu items qui ont des  sub-menus
 */
.nature .arrow {
	background-image:url(img/white_arrow_horizontal.gif);
	background-repeat: no-repeat;
	background-position: 14px 10px;
}

/* 
 * Définir les fleches (puces)
 * Appliques à tout le menu dont les items ont des  sub-menus localisés au 2nd  level ou inférieur
 */
.nature .hover ul .arrow,
.nature ul .arrow {
	background-image:url(img/green_arrow_horizontal.gif);
	background-position: 14px 5px;
}

/* 
 * Définir les fleches (puces)pour l'effet mouse over
 * Appliques à tout le menu dont les items ont des  sub-menus avec effet  mouse over
 */
.nature .hover .arrow {
	background-image:url(img/green_arrow_vertical.gif);
}

/* 
 * Définir les fleches (puces)pour l'effet mouse over
 * Appliques à tout le menu dont les items ont des  sub-menus localisés au 2nd  level ou inférieur
 */
.nature ul .hover .arrow {
	background-image:url(img/green_arrow_horizontal.gif);
}
/*************************************************************************
* C'est le LAYOUT style definition du menu CSS de Soninkara.org          *
* A changer avec précaution :-)                                          *
*************************************************************************/
div.horizontal {
	clear: both;
}
div.horizontal br {
	clear: both;
}
div.horizontal ul {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	clear: both;
}
div.horizontal li {
	list-style-type: none;
	display: block;
	float: left;
	clear: none;
	text-align: left;
    position: static;
}
div.horizontal li img {
	border: none;
}
div.horizontal a {
	clear: both;
	display: block;
	margin: 0px;
}
div.horizontal ul li ul {
	position: absolute;
	left: -5000px;
	top: -5000px;
	visibility: hidden;
	clear: both; 
}
div.horizontal ul li ul li {
	clear: both; 
}
div.horizontal ul li ul li a {
	clear: both;
}
.hasImg,
.hasImg a {
	padding: 0px !important;
	margin:	0px	!important;
	border:	none !important;
	outline: none !important;
	background:	transparent !important;
	width: auto !important;
}