/*  
Theme Name: WP-Creativix
Theme URI: http://creativix.iwebix.de/
Description: WP-Creativix is a beautifull business & portfolio Wordpress Theme. It has unlimited variations due to the possibility to define a custom color code as highlight color.
It comes with a Portfolio Template already included which may display your latest work with nice Lightbox support. On the Frontpage it has a nice working Javascript Slideshow.
This Theme comes with a Javascript 3-Level Dropdown Menu. Of course there are many more features! Have fun while discovering. (Please use my theme DEMO to see how the Theme looks).
Version: 1.5
Author: Dennis Nissle
Author URI: http://www.iwebix.de/
Tags: white, silver, purple, light, three-columns, two-columns, fixed-width, right-sidebar, left-sidebar, theme-options, purple, front-page-post-form, photoblogging, custom-colors, custom-header, sticky-post, microformats
*/

body {
	background-image:url(http://filmerletravail.org/wp-content/themes/wp-creativix/images/fond.jpg);
background-repeat:no-repeat;

}


.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

b, em, strong {
font-weight: bold;
}



#slide-wrapper .category  {
margin: 280px 0 0 0;
} 

#slide-wrapper .category li { 
display: inline;
margin: 0 ;
}

#topmenu {
float: right;
}

.slideshow-container {
margin: 10px 0px 0px 0px;
overflow:hidden;
background-color:#FFF;
float: left;
}

#content-slideshow {
	margin: 0 0 10px;
	padding:0;
	overflow:hidden;
	border:5px solid white;
	}

#tblinfos, #tblinfos td { border:0;}

#tblinfos .category, #content-slideshow ul {
text-align: left;
	background:transparent;
	margin: 10px 0 0 5px;
	padding: 0;
	list-style-type: none;
	}           



#content-slideshow .slideshow {
	width:540px;
	overflow: hidden;
	float:left;
	color:#fff;
	}

#content-slideshow .slideshow ul {
	float:left;
	overflow: hidden;
	width:540px;
	height:250px;
	}

#content-slideshow .slideshow li {
	display:none;
	left:-99999em;
	width:540px;
	height:250px;
	display:block;
	overflow: hidden;
	background:#3F4045;
	position:relative;
	z-index:1;
	}

#content-slideshow .slideshow li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width:540px;
	height:250px;
	display:block;
	overflow: hidden;
	background:#3F4045;
	position:relative;
	z-index:1;
	}

#content-slideshow .slideshow li .entry {
	width:530px;
	padding: 5px;
	overflow: hidden;
	position:absolute;
	bottom:0;
	left:0;
	background:#3F4045;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	}

#content-slideshow .slideshow li .entry p {
	margin: 0;
	}

#content-slideshow .slideshow li .entry h2 a, 
#content-slideshow .slideshow li .entry h2 a:link,
#content-slideshow .slideshow li .entry h2 a:visited,
#content-slideshow .slideshow li .entry h2 a:hover,
#content-slideshow .slideshow li .entry h2 a:active  {
	line-height: 1.1em;
	margin:0;
	color:#993399 !important;
	margin: 0;
	letter-spacing:0;
	}

#content-slideshow  ul.slideshow-nav {
	height:250px;
	width:395px;
	margin:0;
	padding: 0;
	float:right;
	overflow:hidden;
	}

#content-slideshow .slideshow-nav li {
	display:block;
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	}

.slideme {
display: none;
}

#content-slideshow .slideshow-nav li a {
	width:375px;
	font-family:arial,helvetica,sans-serif;
	display:block;
	margin:0;
	padding:10px;
	list-style-type:none;
	display:block;
	height:30px;
	color:#999;
	font-size:8pt;
	overflow:hidden;
	background: white;
	border-bottom: 1px solid grey;
	line-height:1.35em;
	}
#content-slideshow .slideshow-nav li.on a {
	background: grey;
	color:#fff;
	}

#content-slideshow .slideshow-nav li a:hover,
#content-slideshow .slideshow-nav li a:active {
	color:#fff;
	}

#content-slideshow .slideshow-nav li a img.post-thum, 
#content-slideshow .slideshow-nav li a img.thumbnail {
	float:left;
	margin: 0 10px 0 0;
	border:0;
	padding:1px;
	background:#999;
	width:28px;
	height:28px;
	}

#content-slideshow .slideshow-nav li.on a img.post-thum, 
#content-slideshow .slideshow-nav li.on a img.thumbnail {
	background:#fff !important;
	}



#topmenu td {
text-align: left;
vertical-align: middle; 
border: 0;
}

#topmenu a {
color: #6e6e6e;
font-family: “Trebuchet MS”, sans-serif; font-size: 12px;
margin-top: 15px;
}

#topmenu img {
float: left;
}

#ec3_big_cal table {
width: 100%;
}

.slideshow-nav {
width: 350px;
}


.linknav {
width: 30px;
margin-right: 10px;
float: right;
}

.linknav {z-index: 10}


#content-slideshow {
width: 910pxpx;
padding:0px !important;
background-color: #FFF;
height: 254px;
overflow:hidden;
border: 5px solid #CCC;
position: relative;
}

#content-slideshow ul {
background:transparent !important;
margin: 0 !important;
border: none !important;
padding: 0 !important;
list-style-type: none !important;
position: relative;
}           

#content-slideshow .content_slideshow ul {
float:left;
overflow: hidden;
width: 300px;
margin: 0px !important;
padding: 0px !important;
height: 250px;
position: relative;
}

#content-slideshow .content_slideshow ul li {
display:none;
width: 300px !important;
height: 250px !important;
display:block;
overflow: hidden;
position:relative;
top: 0px !important;
left: 0px !important;
float: left;
margin: 0px !important;
padding: 0px !important;
z-index:1;
}

#content-slideshow .content_slideshow ul li img {
margin: 0px !important;
padding: 0px !important;
border: none !important;
float: left;
width: 540px;
position: absolute;
top: 0px;
height: 254px;
}

#content-slideshow  ul.slideshow-nav {
height:254px;
width:370px;
margin:0;
padding: 0;
float:right;
overflow:hidden;
}

#content-slideshow .slideshow-nav li {
display:block;
margin:0;
padding:0;
list-style-type:none;
display:block;
}

.slideme {
font-size: 6px;
float: right;
}

.slideme a {
font-size: 8px;
text-decoration: none;
color: #CCC;
}

#content-slideshow .slideshow-nav li {
width: 370px;
display:block;
margin:0px !important;
float: left;
padding: 0px !important;
}

#content-slideshow .slideshow-nav li a {
width: 370px;
display:block;
margin:0;
padding:9px;
list-style-type:none;
display:block;
height:31px;
color:#333;
overflow:hidden;
background-color: #EEE;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #CCC;
line-height:1.35em;
}

#content-slideshow .slideshow-nav li p {
float: left;
font-size: 12px;
font-weight: normal;
padding-top: 1px;
}

#content-slideshow .slideshow-nav li.on a {
background-color: #CCC;
color:#fff;
}

#content-slideshow .slideshow-nav li a:hover,
#content-slideshow .slideshow-nav li a:active {
color:#FFF;
}