/*
Theme Name: Capexpe
Theme URI: http://mu.wordpress.org/
Description: The default Capexpe theme design by <a href="http://www.exodedesign.be">EXODE</a>.
Version: 1.0
Author: Marlier Gregory
Author URI: http://www.exodedesign.be/
Tags: CapexpeColor
*/


/*------------------//// Typo & Gene ////------------------*/

body {
	font-size: 11px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: white;
	color: #333333;
	padding: 0px 0px 10px 0px;}

a,
a:link,
a:visited {
	color: #45484C;
	font-style: normal;
	text-decoration:underline;}
a:hover {
	color: #000000;}

img {
	border: none 0px white;}
	
a img{border: 0px;}


/*------------------//// Page ////------------------*/

#page {
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	background-color: white;
	clear: both;}
	

/*------------------//// HEADER ////------------------*/

#header {
	background-color: white;
	margin: 0px;
	padding: 0px;
	height: 180px;
	width: 1000px;}


/*-------------- Header Title --------------*/
#headerTitle 	{
	margin: 0px;
	height: 140px;
	width: 1000px;
	background: url(images/Header_BG.jpg);
	background-repeat: no-repeat;
	background-position: top;}
	
#headerTitle h1 {
	display: none;
	padding: 0px;
	margin: 0px;}
	
#headerTitle .description {
	color: red;
	display: none;}
	
/*-------------- Menu Navigation --------------*/	
div.menu {
	width: 1000px;
	height: 31px;
	background-image: url(images/MenuNav_BG.jpg);
	text-align: left;}

#menuNav ul{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 7px 5px 0px 5px;}

#menuNav li {
	position: relative;
	display: inline;
	padding: 0px 7px 0px 3px;/}

#menuNav a,
#menuNav a:link,
#menuNav a:visited {
	color: #143f6f;
	font-size: 12px;
	font-style: normal;
	text-decoration:none;}

#menuNav a:hover {
	color: #f0060f;}

#menu span {
	background-image: url(images/MenuNav_Home.gif);
	background-position: center;
	background-repeat: no-repeat;}

ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	padding: 7px 5px 0px 5px;
}

ul#menu li {
	float: left;
	margin: 0;
	background-image: url(images/MenuNav_Separator.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

ul#menu ul li {
	float: none;
	position: relative;
	z-index:1000;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
}

ul#menu li.item_home {
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
}

ul#menu li ul {
	margin: 0px;
	padding: 10px 0px 0px 0px;
	display:none;
	list-style: none;
	position: absolute;
}
ul#menu ul ul{
	margin-left: .2em;
	position: absolute;
	top: 0; /* if using borders, -1px to align top borders */
	left: 100%;
}

ul#menu * a:hover, ul#menu li a:active{
	color: #143f6f;
}

ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:hover,
ul#menu li a:active{
	display: block;
	text-decoration: none;
	color: #143f6f;
	padding: 0px 7px 0px 3px;
}

ul#menu li:hover ul {
	display: block;
}

ul#menu ul {	
	border-bottom: 1px solid #DCDCDC;
	border-left: 1px solid #DCDCDC;
	background-color: #ECECEC;
}

ul#menu ul li {
	display: block;
	padding: 5px 7px 5px 3px;
	background-image: url(images/MenuNav_Separator.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}


ul#menu ul li a:link,
ul#menu ul li a:visited,
ul#menu ul li a:hover,
ul#menu ul li a:active {
}

/*------------------//// CATEGORY SELECTOR ////--------*/
ul#ce_menu {
	padding: 0px;
	margin: 0;
	list-style: none;
	float: right;
	font-size: 10px;
	text-align: left;
}

ul#ce_menu li {
	float: left;
  	position: relative;
	padding: 0px 5px 0px 5px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right center;
}

ul#ce_menu li ul {
  	position: absolute; 
  	margin: 0px;
	padding: 10px 0px 0px 0px;
	display:none;
	list-style: none;
	background-color: #8A99AC;
	border-right: 1px solid #FFFFFF;
}

ul#ce_menu li > ul {
	top: auto;
	left: auto;
}

ul#ce_menu li:hover ul, 
ul#ce_menu li.over ul{ display: block; }

ul#ce_menu ul li {
	display: block;
	padding: 5px 7px 5px 3px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right center;
	border: 0px;
}

ul#ce_menu li a:link,
ul#ce_menu li a:visited,
ul#ce_menu li a:hover,
ul#ce_menu li a:active{
	display: block;
	text-decoration: none;
	color: #ffffff;
	padding: 0px 7px 0px 3px;
}

ul#ce_menu ul li a:link,
ul#ce_menu ul li a:visited,
ul#ce_menu ul li a:hover,
ul#ce_menu ul li a:active {
}

/*------------------//// CONTENT ////------------------*/
#content {
	background-color: white;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	width: 1000px;}
	
#content h1{
	display: none;}

/*-------------- EDITO --------------*/	
#edito{
	display: block;
	float: left;
	width: 610px;
	height: 343px;
	padding: 40px 20px 10px 0px;
	margin: 0px;
	background-image:url(images/edito_background.jpg);
	background-repeat: no-repeat;}

.editoContent{
	display: block;
	height: 300px;}
	
#edito h2{
	margin: 10px;}

#edito h2 a,
#edito h2 a:link,
#edito h2 a:visited,
#edito h2 a:hover {
	font-size: 16px;
	color: #000000;
	text-decoration: none;}
		
#edito p {
	margin: 10px 20px 10px 10px;
	text-align: justify;}

#edito p a,
#edito p a:link,
#edito p a:visited {
	color: #000000;}
#edito p a:hover{
	text-decoration: none;}
	

/*-------------- NEWS --------------*/	
#news{
	color: white;
	display: block;
	float: right;
	width: 370px;
	height: 343px;
	padding: 50px 0px 10px 0px;
	margin: 0px;
	background-image: url(images/news_background.jpg);
	background-repeat: no-repeat;}

.newsContent{
	display: block;
	height: 310px;}

#news table{
	width: 100%;
	text-align: left;
	padding: 10px;}

#news table th{
	font-size: 14px;
	font-weight: bold;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: white;
	}

#news table td{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: white;}

#news table .right{
	width: 80px;
	text-align: right;}

td a,
td a:link,
td a:visited {
	color: white;
	text-decoration: none;}
td a:hover{
	color: #dddddd;}	
	

th a,
th a:link,
th a:visited {
	color: white;
	text-decoration: none;}
th a:hover{
	color: #dddddd;}
	
#newscontainer{
	height: 300px;
}

#newsinner
{
  position:relative;
  /* padding:5px 5px 5px 5px; */
  height:290px; /* Inner films height. It will be -10 from Max height */
  /* width:140px; this will be -20px from full width of #encFilmMain*/
  overflow:hidden;
}
#newsscrollbartop
{           
  background:url('image/bg-1.jpg') left center repeat-x #333;
  text-align:center;
  color:#fff;
}
#newsscrollbarbottom
{    
  background:url('img/bg-1.jpg') left center repeat-x #333;
  text-align:center;
  color:#fff;
}
#newsscrollbartop a,
{
  background-image:url(images/arrow-up.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	display:block;
	border: 2px solid transparent;
	float:right;
	height:25px;
	margin:0;
	text-indent:-10000px;
	width:25px;

}
#newsscrollbarbottom a
{
  background-image:url(images/arrow-down.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	display:block;
	border: 2px solid transparent;
	float:right;
	height:25px;
	margin:0;
	text-indent:-10000px;
	width:25px;

}
#encNav
{
  position:relative;
  color:#FFF;
  font-size: 10px;
  top:0px;
}	
	
/*-------------- EXPES --------------*/

.expeDescription { margin: 4px 0; }
.expeDescription h3 { font-size: 16px; padding: 0; margin: 0 0 10px 0; }

#expes{
	display: block;
	float: right;
	height: 500px;
	width: 1000px;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 50px 0px;
	padding:0px;
	background-image:url(images/Expes_BG.jpg);
	background-repeat: no-repeat;}

.recherche{
	text-align: right;
	padding: 20px 20px 10px 20px; 
	color: white;
	font-weight: bold;
	/* text-transform: capitalize; */
	/* font-size: 14px; */
	display: block;}
	
.recherche input {
	/* width: 255px; */
	/* height: 17px; */
	border: none; /*1px dotted #FFFFFF;*/
	padding: 0px 0px 0px 20px;
	color: black;}

.recherche input.searchfield {
	width: 255px;
	height: 17px;
	background-image:url(images/SearchInput_BG.png);
	background-repeat: no-repeat;
	background-color: transparent;
}
.recherche select {
	font-size: 11px;
	height: 20px;
	text-align: center;
	background-color: #59738c;
	color: #FFFFFF;
	border: 1px solid #496076;
}

.recherche label {
	font-size: 10px;
}
	
	
.lastExpe{
	padding: 0px 0px 0px 0px;
	color: white;
	height: 413px;}

.expeDescription{
	padding: 5px 5px 0px 15px;
	margin: 0px 0px 0px 0px;
	width: 1000px;}
.expeDescription th{
	text-align: left;
	font-size: 16px;}
.expeNoPicture {
	width: 75px;
	height: 50px;
	background-image:url(images/no_picture.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
}


		
/*-------------- Button --------------*/
.button_LireLaSuite{
	margin: 0px 0px 0px 0px;
	display: block;
	float: inherit;
	height: 20px;
	width: 100px;
	background-image:url(images/Button_Suite.png);
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -10000px;}	

.button_RSS{
	margin: 0px 0px 0px 0px;
	display: block;
	height: 20px;
	width: 66px;
	float: inherit;
	background-image:url(images/Button_RSS.png);
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -10000px;}
	
.button_NewsLetter{
	margin: 0px 0px 0px 0px;
	display: block;
	float: inherit;
	height: 20px;
	width: 100px;
	background-image:url(images/Button_NewsLetter.png);
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -10000px;}
	
.button_Top{
	font-weight: bold;
	font-variant: small-caps;}
	
.navigation {
	clear:both;
	display:block;
	margin:0;
	height: 35px;
	padding:17px 20px 0;}

.aligncenter{
	display: block;
	text-align: center;}
	
.alignright{
	display: block;
	float: right;
	padding: 0px 0px 0px 5px}
	
.alignleft{
	display: block;
	float: left;
	padding: 0px 5px 0px 0px;}

.alignCenter{
	display: block;
	text-align: center;}
	
.alignRight{
	display: block;
	float: right;
	padding: 0px 0px 0px 5px}
	
.alignLeft{
	display: block;
	float: left;
	padding: 0px 5px 0px 0px;}

a.video {
	background-image:url(images/Button_MediaVideo.png);
	background-repeat: no-repeat;
	background-color: transparent;
	display:block;
	border: 2px solid transparent;
	float:right;
	height:25px;
	margin:0;
	text-indent:-10000px;
	width:25px;
}

a.album {
	background-image:url(images/Button_MediaPhoto.png);
	background-repeat: no-repeat;
	background-color: transparent;
	display:block;
	float:right;
	border: 2px solid transparent;
	height:25px;
	margin:0;
	text-indent:-10000px;
	width:25px;
}

a.scrollup {
	background-image:url(images/arrow-up.gif);
	background-repeat: no-repeat;
	background-color: transparent;
	display:block;
	border: 2px solid transparent;
	float:right;
	height:25px;
	margin:0;
	text-indent:-10000px;
	width:25px;
}


/*------------Search------*/
#searchHeader{
	display: block;
	height: 65px;
	background-image:url(images/SearchHeader_BG.jpg); 
	background-repeat: no-repeat;}

.searchResult{
	padding: 0px 0px 10px 0px;
	color: black;
	background-image:url(images/SearchFooter.gif);
	background-position: bottom;
	background-repeat: no-repeat;}

a.result,
a.result:link,
a.result:visited{
	color: #000000;
}	

.postTitleResult{
	font-weight: bold;
	font-size: 14px;}

td.postdescription{
	font-size: 12px;}

td.postdate{
	font-style: italic;
	font-size: 10px;}
	
a.whitelink,
a.whitelink:link,
a.whitelink:visited {
	color: white;
	text-decoration: none;
}

a.whitelink:hover{
	color: white;
	text-decoration: underline;
}
	
/*--------------Single---------*/


.singleNavigation{
	display: block;
	height: 50px;
	margin:0px;
	padding: 17px 50px 0px 50px;
	background-image: url(images/Single_NavBG.gif);
	background-repeat: no-repeat;
	clear: both;
	}
	
#single{
	display: block;
	width: 950px;
	padding: 0px 25px 20px 25px;
	background-image:url(images/SearchFooter.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}
	
.previousPost{
	display: block;
	float: left;
	text-align: left;
	}
.nextPost{
	display: block;
	float: right;
	text-align: right;}
	

/*------Pages-----*/
#contentPage {
	width: 950px;
	display: block;
	padding: 0px 25px 15px 25px;
	background-image:url(images/SearchFooter.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}



/*-----Sidebar---*/
#sidebar {
	float: right;
}

#sidebar ul{
	margin: 0;
	padding:7px 5px 0;
	list-style: none;
	width: 100%;
}

#sidebar ul li input.mid {
	width: 85px;
	height: 15px;
	border:1px solid black;
	padding: 0px 7px 0px 3px;
}

#sidebar ul li input {
	display: block;
	font-style: normal; 
	text-decoration: none;
	color: #143f6f;
	padding: 0px 7px 0px 3px;
}

#sidebar ul li a,
#sidebar ul li a:link,
#sidebar ul li a:visited,
#sidebar ul li a:hover,
#sidebar ul li a:active {
	display: block;
	text-decoration: none;
	color: #143f6f;
	padding: 0px 7px 0px 3px;
}

#sidebar ul li {
	float: left;
	display: block;
	background-image: url(images/MenuNav_Separator.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#sidebar ul li.submit button{
	height : 7px;
	width : 11px;
	cursor: pointer;
	border : 0;
	background-image: url(images/CapExpeLogin.gif);
	background-repeat: no-repeat;
	background-position: center middle;
}

#sidebar ul li.submit button span {
	display : none;
}
	

ul#login_error {
	position: relative;
	left: 25px;
	top: 25px;
	padding: 0px;
	width:300px;
	border: 1px solid #A90000;
	background-color: #FFFFFF;
}

ul#login_error li {
	display: block;
	float: none;
	padding: 5px;
	color: #A90000;
}