/*##################
#     SELECT TRI   #
##################*/
#selectgenre{
	width: 305px;
	height: 30px;
	overflow: hidden;
}
#genre_iconselect, #nbre_iconselect { 
	background: #fff url(../im-design/selectBg.png) no-repeat 100% 0;
	color:#000;
	height:20px;
	padding:5px;
	width:295px;
	float:left;
	cursor: pointer;
	font-size:1.3em;
	line-height:20px;
}
.selectwrapper { 
	margin-top: 28px;
	display:none; 
	position:absolute;
	width: 303px;
	border: 1px solid #bdbba9;
	-moz-border-radius: 0 0 4px 4px;
	height: 150px;
	z-index:15000; 
	background: #fff;
	overflow: hidden;
	text-align: left;
}
form#tri .selectwrapper .selectitems {  
	margin: 0 0 0 2px; 
	width:163px;
	font-size:1.1em;
	font-weight: normal;
}
.selectwrapper .last { 
	border: none; 
}
.selectwrapper .selectitems span { 
	padding-left: 5px; 
} 
form#tri .selectwrapper .hoverclass a {
	background: #f0eee1;
}  
form#tri .selectwrapper a{ 
	display: block;
	padding: 5px;
	border-bottom: solid 1px #ddd;
	color: #000;
	font-size: 14px;
} 
form#tri .selectwrapper a.tout{ 
	font-weight: bold;
}
form#tri .selectwrapper .hoverclass a:hover{ 
	text-decoration: none;
}
.selectwrapper .selectedclass { 

}
#nbre_holder{
	margin-left:260px;
}


.selectfooter { 
	background: red; 
	height: 
	8px; margin-bottom: -5px;
}
form#tri #genre_options, #nbre_options {
	margin: 0; 
	height: 150px; 
	width: 303px;
	overflow-y:auto;
	overflow-x:hidden;
	border-top: 0;
	text-align: left;
}

#contenant fieldset#tri input#date {
	background: url('../im-design/fond-input-date.png') top left no-repeat;
	width:90px;
	height:18px;
	border:none;
}
/*##############################
#     CAROUSEL PAGE AGENDA     #
##############################*/
.jcarousel-container {
    position: relative;
	width: 264px;
	height: 76px;
}
.jcarousel-container-horizontal{
    width: 264px;
}
.jcarousel-clip{
    z-index: 2;
    overflow: hidden;
    position: relative;
    width:  264px;
    height: 52px;
}
.jcarousel-list{
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    width: 52px;
    height: 52px;
	background: #f2f2f2;
	cursor: pointer;
    margin-right: 1px;
	overflow:hidden;
}
.jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/* Button */
.jcarousel-next-horizontal{
    position: absolute;
    top: 60px;
    right: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../im-design/next-horizontal.png) 0 0 no-repeat ;
}
.jcarousel-next-horizontal:hover {
    background-position: -16px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -32px 0;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -48px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: transparent url(../im-design/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover {
    background-position: -16px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -32px 0;
}

.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -48px 0;
}
/*##############################################
#     AUTOCOMPLETE #
##############################################*/
ul#listeLieu{
	margin: -10px 0 0 175px;
	padding: 10px;
	position: absolute;
	background: #F9F4EC;
}
.suggestionsBox{
	position: absolute;
	left: 280px;
	margin: 2px 0px 0px 0px;
	width: 355px;
	background-color: #000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;
	color: #fff;
	z-index: 3000;
}
.suggestionsBoxAccueil{
	position: absolute;
	top: 45px;
	left: 320px;
	width: 260px;
	background-color: #000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border: 2px solid #000;
	color: #fff;
	z-index: 3000;
}
.suggestionList{
}
.suggestionList li{
	margin-bottom: 3px;
	padding: 3px;
	cursor: pointer;
	list-style: none;
}
.suggestionList li:hover{
	background-color: #f90;
	color:#000;
}