/* CSS Document */
#menuDeroulant .menu
{
	width: 900px;
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
	border: 0;
	background:url('../images/fond_onglet_fond.png') bottom no-repeat;

}

#menuDeroulant .sousMenu
{
	display:none;
	width: 898px;
	list-style-type: none;
	float:left;
	margin: 0;
	padding: 0;
	border: 0;
	border-right:#065126 solid 1px;
	border-left:#065126 solid 1px;
	background: #FFFFF9;
	background:url('../images/fond_onglet_fond.png') bottom no-repeat;
}

#menuDeroulant li
{
	width: 145px;
	margin: 0;
	padding: 0;
	border: 0;
	float:left;
}

#menuDeroulant li.right
{
	float:right;
}
#menuDeroulant a
{
	display: block;
	margin: 0;
	padding:7px 0px 7px 0px;
	text-decoration: none;
	vertical-align:middle;
	text-align:center;
}
#menuDeroulant a:hover
{
	text-decoration:underline;
	color:#FF0000;
}
#menuDeroulant .sousMenu li
{
	height:46px;
}
.menuDeroulantbtnVert a
{
	background:url('../images/fond_onglet_haut_vert.png') no-repeat;
	color:#FFFFF9;
}
.menuDeroulantbtnClair a
{
	background:url('../images/fond_onglet_haut_clair.png') no-repeat;
	color:#065126;
}









#kwicks {
	position: relative;
	height:250px;
	width:949px;
	background: #000000;
	border: 1px solid #CCCCCC;
}


.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 500px;
	height: 250px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script. However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwicks_ul li{
	float: left;
	height:500;
}


#kwicks_ul li .titre { 
	display:block;
    background: #085229;
    opacity: 0.9;
	filter:alpha(opacity=90);
    width:500px;
    height:30px;
    font-size:20px;
    position:absolute;
    z-index:50;
}

#kwicks_ul li .titre a{ 
	display:block;
    color: #C0C0C0;
    opacity: 1;
	filter:alpha(opacity=100);
    width:500px;
    height:30px;
    font-size:20px;
	text-align:left;
	margin-left: 25px;
}

#kwicks_ul li .detail { 
	display:none;
    background: #F9F9F9;
    opacity: 0.9;
	filter:alpha(opacity=90);
    width:500px;
    height:220px;
    position:relative;
    z-index:50;
    top: 30px;
	text-align:left;
	padding:5px 0 0 0;
	font-size: 1.2em;
}



#kwicks_ul li .detail a{ 
	color: #085229;
	opacity: 1;
	filter:alpha(opacity=100);
	position:relative;
	margin-top:5px;
	text-decoration:underline;
	cursor: pointer;
	display:block;
}

#kwicks_ul li .detail a:hover{ 
	color: #0000FF;
}

.kwicks-shadow {
    background: url("http://data.medialexie.com/all/images/menu/kwick_shadow.png") repeat-y scroll 0 0 transparent;
    height: 250px;
    position: absolute;
    right: 0;
    width: 15px;
    z-index: 60;
}