/*
* 12/12/2005 - 22:40:00 - Scout Web Portail - v 1.1.1
*
* complet.css v 1.1 - Styles du menu par défaut du portail (liens triés par unité)
* Copyright (C) 2005 ChMat
* http://www.scoutwebportail.org
*
* This file is part of Scout Web Portail.
*/
/*
Structure des menu :
div id=menu_membre
	ul

div id=menu_princ
	ul
	
div id=menu_left
	ul class=sections_unite (autant de listes que d'unités)
	  li class=section (section_actif) > nom d'une section : a class=section
	  li class=unite (unite_actif) > nom d'une unité : a class=unite
	    ul
		  li (class=aucun_lien)
		    a (class=new_lien)
	
	ul class=menu_general
	
	a id=coin_chefs
	
	a id=coin_membres
*/



/* Menu Membres */
/* Il s'agit d'un petit menu qui gère les connexions. Ici positionné en haut à groite */

#menu_membre{
	position:absolute;
	top:0px;
	right:0px;
}

#menu_membre ul{
	list-style:none;
	margin:0px;
	padding:2px;
	padding-left:15px;
	background:url('../images/menu_membres.png') no-repeat top left;
}

#menu_membre li{
	display:inline;
	padding:0px 5px;
}

#menu_membre a{
	text-decoration:none;
	color:#333;
}

#menu_membre a:hover{
	text-decoration:underline overline;
}
	
/************************************************************************/
/* Menu supérieur */
/* Menu horizontal au sommet de la page */

#menu_princ{
	position:absolute;
	top:118px;
	left:0px;
	width:900px;
	height:25px;
	border:0px;
	border-top:1px solid white;
	border-bottom:1px solid white;
	padding:0px;
	font-size:15px;
	background:url('../images/white50.png');
}
	
#menu_princ ul{
	margin:0;
	padding:0;
	padding-top:0px;
	height:25px;
	list-style:none;
	text-align:center;
}
	
#menu_princ ul li{
	display:inline;
	font-weight:bold;
	margin:0px 10px;
}
	
#menu_princ ul li a{
	padding:4px 8px;
	line-height:25px;
	color:darkblue;
	text-decoration:none;
	background:none;}	

#menu_princ ul li a:hover{
	background-color:#FFFFFF;
	color:darkred;}


/*********************************************************************/	
/* Menu Latéral */


#menu_left{
	width:140px;
	float:left;}
	
#menu_left ul{
	list-style:none;
}	

#menu_left a{
	text-decoration:none;
	color:black;
}

ul.sections_unite, .menu_general ul{
	margin:0px;
	padding:0px;
}


/* Position des "gros" blocs */
#menu_unite li.section, #menu_unite li.unite, #menu_unite li.section_actif, #menu_unite li.unite_actif, #coin_membres, #coin_chefs{
	position:relative;
	margin:20px 5px;
	z-index:100;
}


#menu_unite li.section:hover, #menu_unite li.unite:hover{
	z-index:105;
}

/* Fait des cadre autour des liens, sortes de boutons */
.section a.section, .section_actif a.section_actif, .unite a.unite, .unite_actif a.unite_actif, #coin_membres a, #coin_chefs a{
	display:block;
	position:relative;
	width:120px;
	padding:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #CCC;
	z-index:100;
	box-shadow: 3px 3px 5px #666;
	-moz-box-shadow: 3px 3px 5px #666;
	-webkit-box-shadow: 3px 3px 5px #666;
	
}

.unite a, .unite_actif a, .section a, .section_actif a{
	background-color:GhostWhite;
}

/* Couleurs sépcifique à chaque section */
#h a:hover, #h:hover a.unite, #h .unite_actif{
	background-color:yellow;
	border: 1px solid navy;
}
	
#i a:hover, #i:hover a.section, #i .section_actif{
	background-color:yellow;
	color:black;
	border: 1px solid navy;
}
	

#j a:hover, #j:hover a.section, #j .section_actif{
	background-color:yellow;
	color:black;
	border: 1px solid navy;
}

#u a:hover, #u:hover a.section, #u .section_actif{
	background-color:yellow;
	color:black;
	border: 1px solid navy;
}

#r a:hover, #r:hover a.section, #r .section_actif{
	background-color:yellow;
	color:black;
	border: 1px solid navy;
}

#a a:hover, #a:hover a.unite, #a .unite_actif{
	background-color:SaddleBrown;
	color:white;
	border: 1px solid navy;
}

#b a:hover, #b:hover a.unite, #b .section_actif{
	background-color:SaddleBrown;
	color:white;
	border: 1px solid navy;
}

#c a:hover, #c:hover a.unite, #c .section_actif{
	background-color:SaddleBrown;
	color:white;
	border: 1px solid navy;
}

#d a:hover, #d:hover a.unite, #d .section_actif{
	background-color:SaddleBrown;
	color:white;
	border: 1px solid navy;
}


#f a:hover, #f:hover a.unite, #f .section_actif{
	background-color:SaddleBrown;
	color:white;
	border: 1px solid navy;
} 

#e a:hover, #e:hover a.section, #e .section_actif{
	Background-color:red;
	color:white;
	border: 1px solid navy;
}

/*#u a:hover, #u:hover a.unite, #b a:hover, #b:hover a.section, #l a:hover, #l:hover a.section, #m a:hover, #m:hover a.section, #w a:hover, #w:hover a.section, #s a:hover, #s:hover a.section, #t a:hover, #t:hover a.section, #p a:hover, #p:hover a.section, #v a:hover, #v:hover a.section, */
.section:hover a.section, .unite:hover a.unite{
	z-index:150;
}
	
.sub_unite a:hover, .sub_section a:hover, .sub_section a:hover, .sub_unite a:hover{
	border:0px !important;
}

.sub_section, .sub_unite{
	display:none;
	position:relative;
	border:1px solid #CCC;
	border-top:0px;
	top:-3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin:0px	5px;
	padding:5px 0px;
	z-index:10;
	background:white;
	-moz-box-shadow: 1px 1px 5px #666;
	-webkit-box-shadow: 1px 1px 5px #666;
	-o-box-shadow: 1px 1px 5px #666;
	box-shadow: 1px 1px 5px #666;}

.section_actif .sub_section, .unite_actif .sub_unite{
	display:block;
}

/* D'une manière générale, j'ai tenté de mettre les ":hover" sur les balises A car IE6 ne comprends que ça, mais parfois ce n'est pas possible */
/* Tant pis pour IE6, qui ne voit pas les menus qui s'ouvrent au survol de la section. */
.section:hover .sub_section, .unite:hover .sub_unite{
	display:block;
	position:absolute;
	z-index:120;
	top:25px;
	padding-top:1px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}
.sub_section a, .sub_unite a{
	background:white;
	display:block;
	width:108px;
	padding:0px 5px;
}

/* Ajouter un lien */
a.new_lien {
	padding-left:20px;
	width:94px;
	background-image: url('../../../templates/default/images/plus.png');
	background-repeat:no-repeat;
	background-position:5px;
}

#coin_chefs a{
	background:DodgerBlue;
	border: 1px solid Blue;
}	

#coin_membres a{
	background:blue;
	border: 1px solid navy;
}

#coin_chefs a, #coin_membres a{
	color:white;
}

#coin_chefs a:hover, #coin_membres a:hover, .menu_general a:hover, .sub_unite a:hover, .sub_section a:hover, .sub_section a:hover,  .sub_section_actif a:hover, .sub_unite a:hover, .sub_unite_actif a:hover, #bloc_connectes a:hover{
	background-color:Lavender;
	color:black;
}

#menu_general, #bloc_connectes{
	margin:20px 5px;
	padding-top:22px;
	position:relative;
	width:130px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #CCC;
	-moz-box-shadow: 3px 3px 5px #666;
	-webkit-box-shadow: 3px 3px 5px #666;
	-o-box-shadow: 3px 3px 5px #666;
	box-shadow: 3px 3px 5px #666;
	padding-bottom:5px;
}
#bloc_connectes {
	margin-top:30px;
	font-size:10px;
}


#menu_general h1, .menu_general h2, .menu_general .titre, #bloc_connectes h2{
	color:black;
	position:absolute;
	font-weight:bold;
	top:0px;
	left:0px;
	width:120px;
	padding:2px 5px;
	font-size:11px;
	margin:0px;
	background:Lavender;
	border-bottom:1px solid #CCC;}

#menu_general a, #bloc_connectes a{
	display:block;
	width:120px;
	padding:0px 5px;}