/********************************************************/
/*
*** Filtre d'evenement
*/	
/********************************************************/
/*
*** Filtre d'evenement (correction fichier)
*/
#filter-bar {
	position: relative;
	background-color: #b8c1c6;
	width: 100%;
	height: 76px;
}

	.container {
		position: relative;
		max-width: 1224px;
		min-width: 940px;
		height: 76px;
		margin: 0 auto;
		padding: 0 40px;
	}
	
		ul#menuNiv1 { 
			list-style-type: none;
			position: relative;
			width: auto;
			height: 76px;
			margin: auto;
			margin: 0;
			padding: 0;
			display: block;
			z-index: 1;
			border: none;
		}
			
			ul#menuNiv1 li {
				position: relative;
				height: auto;
				display: inline-block;
				float: left;
				margin: 0;
				padding: 0;
				border-right: 1px solid #cdd2d7;
			}
				
				ul#menuNiv1 li a {
					color: #ffffff;
					text-decoration: none;
				}

/* Espace de recherche */
#filter-bar .container ul li a  input	{
	padding: 0;
	margin: 20px 12px 20px 12px;
	border: none;
}
				
	#filter-bar .container ul li #search-keywords-wrap {
		background-color: #A7B1B9;
		width: 177px;
		height: 28px;
		color: #2F353E;
		border-color: #B7BFC5 #B7BFC5 #BBD0D4;
		border-image: none;
		border-style: solid;
		border-width: 1px;
		box-shadow: 0 3px 2px #8C969F inset;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;	
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		margin: 23px 12px 23px 6px;
	}
				
		#filter-bar .container ul li #search-keywords-wrap label {
			background-position: center center;
			background-repeat: no-repeat;
			background-image: url('../picture/icon/seek.png');
			display: block;
			float: left;
			width: 12px;
			height: 11px;
			margin: 9px 8px;
			padding: 0;
		}
					
			#filter-bar .container ul li #search-keywords {
				background-color: #a7b1b9;
				border: 0 none;
				color: #2F353E;
				display: inline-block;
				font-family: "Arial", sans-serif;
				font-size: 12px;
				font-weight: bold;
				height: 15px;
				letter-spacing: 0.025em;
				outline: medium none;
				padding: 0;
				margin: 7px 0 6px 0;
				width: 146px;
			}            
					
/* Cellule de localisation (filter rubrique) */
li.localisation {
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

li.localisation a{
    font-family: "Lucida Grande", Helvetica, Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #2f353e;
    text-transform: uppercase;
    text-decoration: none;
    padding: 31px 17px 30px 35px;
    float: left;
	outline: none;
}
     
    li.localisation a.fleche {
        background: url("../picture/icon/arrow.png") no-repeat 12% 50%; /*Logo du site*/
    }
		
		li.localisation a.fleche:hover {
            background-color: #2f353e;
            color: #ffffff;
        }

/* Cellule de localisation (filter sous-menu rubrique) */
#menuNiv2loca {
	position: absolute;
	background-color: #2f353e;
	color: #ffffff;
	white-space: normal;
	width: 230px;
	top: 76px;
	left: 0;
	border: 0;
	display: none;
}

#menuNiv1 li a:focus + #menuNiv2loca {
	display: block;
	transition:all .5s;
	position: absolute;
	background-color: #2f353e;
	color: #ffffff;
	white-space: normal;
	width: 230px;
	top: 76px;
	left: 0;
	border: 0;
}

#menuNiv1 li:hover a {
	background-color: #2f353e;
}

#menuNiv1 li a:focus {
	background-color: #2f353e;
}

#menuNiv2loca:hover {
	display: block;
}

	#menuNiv2loca div.loca-list-position {
		margin: 0;
		padding: 10px 0;
	}

/* Personnalisation du sous-menu Localisation */
	#idCountry {
		font-family: "Lucida Grande";
		margin: 5px 15px;
		padding: 3px;
		text-transform: none;
		width: 200px;
	}
	
	#idState {
		font-family: "Lucida Grande";
		margin: 5px 15px;
		padding: 3px;
		text-transform: none;
		width: 200px;
	}
	
	#idDepartement {
		font-family: "Lucida Grande";
		margin: 5px 15px;
		padding: 3px;
		text-transform: none;
		width: 200px;
	}
	
	#idCity {
		font-family: "Lucida Grande";
		margin: 5px 15px;
		padding: 3px;
		text-transform: none;
		width: 200px;
	}
	
/* Cellule de type (filter rubrique) */
li.type {
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

li.type a{
    font-family: "Lucida Grande", Helvetica, Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #2f353e;
    text-transform: uppercase;
    text-decoration: none;
    padding: 31px 17px 30px 35px;
    float: left;
	outline: none;
}
     
    li.type a.fleche {
        background: url("../picture/icon/arrow.png") no-repeat 12% 50%; /*Logo du site*/
    }
		
		li.type a.fleche:hover {
            background-color: #2f353e;
            color: #ffffff;
        }

/* Cellule de type (filter sous-menu rubrique) */
#menuNiv2type{
	position: absolute;
	background-color: #2f353e;
	color: #ffffff;
	white-space: normal;
	width: 230px;
	top: 76px;
	left: 0;
	border: 0;
	display: none;
}

#menuNiv1 li a:focus + #menuNiv2type {
	display: block;
	transition:all .5s;
	position: absolute;
	background-color: #2f353e;
	color: #ffffff;
	white-space: normal;
	width: 230px;
	top: 76px;
	left: 0;
	border: 0;
}

#menuNiv1 li:hover a {
	background-color: #2f353e;
}

#menuNiv1 li a:focus {
	background-color: #2f353e;
}

#menuNiv2type:hover {
	display: block;
}

	#menuNiv2type div.type-list-position {
		margin: 0;
		padding: 10px 15px;
	}
/*Contenu Type sous-menu */
#idCategorie {
	font-family: "Lucida Grande";
	margin: 0;
	padding: 3px;
	text-transform: none;
	width: 200px;
}
/* Cellule date (filter rubrique) */
li.date {
    position: relative;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
}

li.date a{
    font-family: "Lucida Grande", Helvetica, Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #2f353e;
    text-transform: uppercase;
    text-decoration: none;
    padding: 31px 17px 30px 35px;
    float: left;
	outline: none;
}
     
    li.date a.fleche {
        background: url("../picture/icon/arrow.png") no-repeat 12% 50%; /*Logo du site*/
    }
		
		li.date a.fleche:hover {
            background-color: #2f353e;
            color: #ffffff;
        }

/* Cellule de date (filter sous-menu rubrique) */
#menuNiv2date{
	position: absolute;
	background-color: #2f353e;
	color: #ffffff;
	white-space: normal;
	width: 230px;
	top: 76px;
	left: 0;
	border: 0;
	display: none;
}

#menuNiv1 li a:focus + #menuNiv2date {
	display: block;
	transition:all .5s;
	position: absolute;
	background-color: #2f353e;
	color: #ffffff;
	white-space: normal;
	width: 230px;
	top: 76px;
	left: 0;
	border: 0;
}

#menuNiv1 li:hover a {
	background-color: #2f353e;
}

#menuNiv1 li a:focus {
	background-color: #2f353e;
}

#menuNiv2date:hover {
	display: block;
}

	#menuNiv2date div.date-list-position {
		margin: 0;
		padding: 10px 15px;
		float: left;
	}

/* Contenu "Date de début" sous-rubrique personnalisation */
#menuNiv2date .date-list-position .date-begin {
	position: relative;
	width: auto;
	height: auto;
	float: left;
	margin: 0 auto;
	padding: 0 0 5px 0;
}
			
	#menuNiv2date .date-list-position .date-begin h3 {
		position: relative;
		font-family: "Open Sans", Arial, sans-serif;
		font-weight: normal;
		font-size: 11pt;
		float: left;
		margin: 0;
		padding: 0 12px 0 0;
	}
					
	#menuNiv2date .date-list-position .date-begin input {
		position: relative;
		width: 150px;
		display: inline-block;
		float: left;
		margin: 0px;
		padding: 3px;
	}
	
/* Contenu "Date de fin" sous-rubrique personnalisation */			
#menuNiv2date .date-list-position .date-end {
	position: relative;
	width: auto;
	height: auto;
	float: left;
	margin: 0 auto;
	padding: 5px 0 0 0;
}
			
	#menuNiv2date .date-list-position .date-end h3 {
		position: relative;
		font-family: "Open Sans", Arial, sans-serif;
		font-weight: normal;
		font-size: 11pt;
		float: left;
		margin: 0;
		padding: 0 12px 0 3px;
	}
					
	#menuNiv2date .date-list-position .date-end input {
		position: relative;
		width: 150px;
		display: inline-block;
		float: left;
		margin: 0;
		padding: 3px;
	}
	
/***css du calendrier***//*
.calendar:hover {
	display: block;
}
.calendar{
	background-color:#f1efee;
	position:absolute;
	font-family:"Lucida Grande";
	font-size:12px;
	border:1px solid #cc0000; 
	display: block;
}
.calendar a{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}
.calendar span{
	float:left;
	display:block;
	width:25px;
	cursor:pointer;
	text-align:center;
}
.calendar .titleMonth{
	width:100%;
	background-color:#dd0000;
	color:#FFFFFF;
	text-align:center;
	border-bottom:1px solid #666;
	margin:none;
	padding:none;
	padding-top:2px;
	padding-bottom:2px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
}
.calendar .separator{
	float:left;
	display:block;
	width:25px;
}
.calendar .currentDay{
	font-weight:bold;
}
*/
/* Bouton filtrer (validation) */
#filter-bar .container #menuNiv1 li.buton-filter {
	width: auto;
	height: auto;
	border: none;
	background-color: #2f353e;
	margin: 19px 12px;
	padding: 0;
	border-radius: 20px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	float: left;
}

	.buton-filter input{
		border: none;
		background-color: #2f353e;
		margin: 18px 12px;
		border-radius: 20px;
		-moz-border-radius: 60px;
		-webkit-border-radius: 60px;
		font-family: "Lucida Grande", Tahoma, Verdana, Helvetica, Arial, sans-serif;
		font-size: 11px;
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
		text-transform: uppercase;
		margin: 0;
		padding: 10px 23px;
		cursor: pointer;
	}	

.buton-filter input:hover {background-color: black;}