/* 
###################################
######## LISTES ET MENUS ########## 
###################################
*/

/********************* les ul et les li **************************/	

#menu_espaces_dedies ul { /* prennent la largeur de leur conteneur (site) */
	list-style-type:none;
	height:1%;
	margin:0; padding:0;
	background: #380E45;
	overflow:hidden;
}
#menu_espaces_dedies ul:after { /* pour que les ul s'étendent malgrès leur li en float (équivalent de clearfix) */
	content:".";
	clear:both;
	visibility:hidden;
	height:0;
	display:block;
}
#menu_espaces_dedies ul li { /* différenciation pour débug*/
	overflow:hidden;
	color: #eacff3;
	padding: 1px;
}

#menu_espaces_dedies ul li a { /* pas de soulignement des liens */
	color: #eacff3;
	text-decoration: none;
}

/****************** essais class wraptocenter ******************/

.wraptocenter {
    display: table-cell;
    vertical-align: middle;
    width: 100px;
}
.wraptocenter * {
    vertical-align: middle;
}
.wraptocenter span {
	display: inline-block;
	font-size: 1px;
	margin:0; padding:0;
	height: 100%;
	width: 1px;
}
.float { 
	float:left;
}

/****************** menu rouge ******************/

#menu_secondaire dl {
	position: absolute;
	left: 220px;
	width: 777px;height: 35px;
	margin: 0;
}

#menu_secondaire dl a {
	font: normal 10pt Georgia, "Times New Roman", Times, serif; 
	color: white;
	text-decoration:none;
	border: 1px solid red;
}

#menu_secondaire dt {
	float:left;
	margin: 0;
	padding-left: 15px;
}

#menu_secondaire dd {
	float: left;
	height: 35px;
	margin: 0;
	padding-left: 5px;
	line-height: 2em;
}

/******************form recherche*****************/
#menu_secondaire dd.recherche {
	float: left; 
	width: 140px;
	margin: 0 0 0 10px;
	height: 25px;
	padding: 5px 0 0 0;
	
}

#menu_secondaire dd.recherche fieldset {
	float: left; 
	width: 140px;/**/
	height: 20px;
	margin: 0;
	padding: 0;	line-height: auto;
	border: none;
}

#menu_secondaire dd.recherche input.spip_bouton{
	float: left; 
	width: 26px; 
	color: white; 
	background: none;
	border: none; 
	text-align: center;
	font: normal 09pt Arial, Helvetica, sans-serif;  
	
}

#menu_secondaire dd.recherche label {
	display: none;
}

#menu_secondaire dd.recherche input#formulaire_recherche {
	float: left; 
	background: white;
	width: 110px; 
	border: 1px solid #4f4f4f; 
	font: normal 8pt Arial, Helvetica, sans-serif;  
	color: #4f4f4f;
}

/*****************menu gauche*********************/


#colonne_gauche ul {
	clear: both;
	font: normal 09pt/1.1em Arial, Helvetica, sans-serif;  
	padding: 0px;
	width: 180px;
	margin: 10px 0 20px 40px;	
}

#colonne_gauche li {
	list-style-type: none;
	padding: 10px 0;
	color: #ffffff;
	cursor: pointer;
	border-bottom: 1px solid #4C2758;
}

#colonne_gauche li a {
	color: #ffffff;
	text-decoration: none;
}

#colonne_gauche ul#menu li a:hover {
	text-decoration: underline
}

#colonne_gauche ul ul {
	font: normal 09pt/1em Arial, Helvetica, sans-serif;  
	margin-left: 0;
	width: 170px;
	padding:0;	
}

#colonne_gauche li ul li {
	/*
	list-style-image: url(../_images/fleche_menu_gauche.gif);	
	*/
	list-style-type:none;
	margin-left: 0;
	padding: 0 0 0 20px;
	margin: 5px 0 0 0;
	font: normal 08pt/1em Arial, Helvetica, sans-serif;   
	border-bottom: none;
	width: 160px;
	background: url(../_images/fleche_menu_gauche.gif) 0 -5px no-repeat;
}

#colonne_gauche ul#menu li ul li a {
	color: #eacff3;
	text-decoration: none;
}
#colonne_gauche ul#menu li ul li a:hover {
	/*color: #ffffff;*/
	text-decoration: underline;
}

/*#colonne_gauche ul#menu li h2{
	padding:0;
	margin: 0 0 0 6px;
	font: normal 09pt/1.3em Arial, Helvetica, sans-serif; 
	color: #ffffff; 
}
#colonne_gauche ul#menu li h3{
	padding:0;
	margin: 0 0 0 14px;
	font: normal 08pt/1.3em Arial, Helvetica, sans-serif; 
	color: #CA98D9; 
}*/

/*****************menu gauche accueil*********************/

#colonne_gauche li dl {
	padding:0;
	margin: 8px 0;
}

#colonne_gauche li dl h2 {
	margin:0; padding:0;
	display: block;
}

#colonne_gauche li dl dd {
	list-style-image: url(../_images/fleche_menu_gauche.gif);
	margin-left: 0;
	width: 190px;
	padding:0;
	margin: 3px 0 0 0px;
	font: normal 08pt/1em Arial, Helvetica, sans-serif;   
}

#colonne_gauche li dl dd a {
	color: #eacff3;
	text-decoration: none;
}

#colonne_gauche .titre {
	float:left;/**/
	padding: 0;
	width: 200px;
	margin: 8px 0 15px 10px;
} 

#colonne_gauche .titre h3 {
	color: #FFFFFF;
	font: bold 1.2em/1em Arial, Helvetica, sans-serif;   
}
#colonne_gauche .titre h3 a{
	color: #FFFFFF;
	font: bold 1.1em/1em Arial, Helvetica, sans-serif;   
	text-decoration: none;
}

#colonne_gauche .titre h3 span {
	margin: 0 10px 0 0;
}

/************************* MENU LANGUES ***************************/

#menu_langues {
	position: absolute;
	top: 170px;
	left: 20px;
	margin:0;
}
dl#menu_langues dd {
	list-style-type:none;
	float:left;
	margin: 0;
	font: normal 09px Arial, Helvetica, sans-serif;
}
dl#menu_langues dd a {
	color: #9c87a2;
	text-decoration:none;
}
dl#menu_langues dd a:hover {
	color:#ffffff;
}

/**************************mais aussi***********************/

#mais_aussi dl{
	margin: 0 0 0 45px;
	clear: both; 
}

#mais_aussi dl a {
	font: normal 09pt Arial, Helvetica, sans-serif;
	color: #9a83a0;
	text-decoration: none;
}
#mais_aussi dd a:hover {
	text-decoration: underline;
}

#mais_aussi dt {
	font: bold 10pt Arial, Helvetica, sans-serif;
	padding: 10px 0 5px 0;
	color: #663e70;
}

#mais_aussi dd {
	padding: 0 ;
}

#mais_aussi dt a {
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #663e70;
	text-decoration: none;
}