/*************************
*     Menu Verticale     *
*************************/
#vertical_menu{
/*	background-color: white;
	border: 2px solid black;*/
	
	width : 210px;
	float : left ;
}

/*****************************
*     La une de l'equipe     *
*****************************/
#front_page img{
	height : 280px;
}


/**************
*     Menu    *
**************/
.navigation { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
	background: #000; 
	color: #fff; 
	width: 210px; 
	font: 1.2em "Trebuchet MS", sans-serif;
}

.navigation a, .navigation span { 
	display: block; 
	padding: 4px 0px 4px 10px; 
	color: #fff; 
	text-decoration: none; 
	/*background: #000 url(../images/menu-item.png) left top no-repeat;*/
	background-color : rgb(40, 130, 22);
	border-top : 1px solid black;
	border-left : 1px solid black;
	border-right : 1px solid black;
}

.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
	background-image: url(../images/unroll_icon.png);
	background-repeat : no-repeat;
	background-position : right;
}

.navigation .open a, .navigation .open span {
	background-image: url(../images/roll-up_icon.png); 
	background-repeat : no-repeat;
	background-position : right;
} 

.navigation a:hover, .navigation a:focus, .navigation a:active, .navigation li:hover, .navigation li:focus{ 
/*.navigation a:hover, .navigation a:focus, .navigation a:active{ */
	/*text-decoration: underline; */
	background-color : rgb(90, 180, 60);
} 

.subMenu li:hover, .subMenu li:focus{
	background-color : rgb(90, 150, 60);
}

.navigation .subMenu { 
	font-size: .8em; 
	background-color : rgb(70, 184, 47);
	font-size: .9em; 
	margin: 0; 
	padding: 0; 
	border-bottom: 1px solid #666; 
} 

.navigation ul.subMenu a { 
	background: none; 
	padding: 3px 20px; 
}