/*
Theme Name: Compagnie des Indes
Theme URI: http://wordpress.org/
Description: Compagnie des Indes
Version: 1.0
Author: Zhell
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

@import url("reset.css");

/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/

html, body{
	height:100%;
	overflow:hidden;
}

body{
	color:#fff;
	font-size:75%;	/* 1em = 12px */
	background-color:#000;
}

.txtHidden{
	position:absolute;
	left:-9999em;
}

a{
	color:#fff;
}

object{
	outline:none;
}
/* COLORS
--------------------------------------------------------------------------------------------------------------------------------------*/

/********** ROUGE ***********/
.page-id-83 #sidebar .content ,
.page-id-84 #sidebar .content ,
.page-id-82 #sidebar .content ,
.page-id-5 #sidebar .content{
	background:#d13f42 url(img/bg_rouge.png) left top no-repeat;
}
#logo.pagecontenu{
	margin-top:211px;
}
.page-id-83 #logo a,
.page-id-84 #logo a,
.page-id-82 #logo a,
.page-id-5 #logo a{
	background-position:right 0px;
}

.page-id-83 #menu li ,
.page-id-84 #menu li ,
.page-id-82 #menu li ,
.page-id-5 #menu li{
	border-color:#93ad6e;
}

.page-id-83 #menu li li ,
.page-id-84 #menu li li ,
.page-id-82 #menu li li ,
.page-id-5 #menu li li{
	border-color:#628627;
}

.page-id-83 #menu a,
.page-id-84 #menu a,
.page-id-82 #menu a,
.page-id-5 #menu a{
	color:#a2ff00;
}


.page-id-83 #sidebar.catalogue #menu a, 
.page-id-84 #sidebar.catalogue #menu a, 
.page-id-82 #sidebar.catalogue #menu a, 
.page-id-5 #sidebar.catalogue #menu a{
	color:#fff;
}
.page-id-83 #sidebar.catalogue #menu li, 
.page-id-84 #sidebar.catalogue #menu li, 
.page-id-82 #sidebar.catalogue #menu li, 
.page-id-5 #sidebar.catalogue #menu li{
	text-align:right;
	padding:5px 4px 5px 0;
	border-bottom:1px solid #EB767A;
}
.page-id-83 #sidebar.catalogue #menu li li, 
.page-id-84 #sidebar.catalogue #menu li li, 
.page-id-82 #sidebar.catalogue #menu li li, 
.page-id-5 #sidebar.catalogue #menu li li{
	border-color:#bc393d;
}

.page-id-83 #sidebar.catalogue #menu li li a, 
.page-id-84 #sidebar.catalogue #menu li li a, 
.page-id-82 #sidebar.catalogue #menu li li a, 
.page-id-5 #sidebar.catalogue #menu li li a{
	color:#e6b6b7;
}
.page-id-83 #sidebar.catalogue #menu li li.actif , 
.page-id-84 #sidebar.catalogue #menu li li.actif , 
.page-id-82 #sidebar.catalogue #menu li li.actif , 
.page-id-5 #sidebar.catalogue #menu li li.actif{
	
	border-color:#323232;
	background:#323232;
}
.page-id-83 #sidebar.catalogue #menu li li.actif a , 
.page-id-84 #sidebar.catalogue #menu li li.actif a , 
.page-id-82 #sidebar.catalogue #menu li li.actif a , 
.page-id-5 #sidebar.catalogue #menu li li.actif a{
	color:#fff;
}


/*CATEGORIE - GRIS*/
.search #sidebar .content, .single #sidebar .content,.category #sidebar .content,.page-id-8 #sidebar .content{
	background:#474747 url(img/bg_gris.png) left top no-repeat;
}

.search #logo a , .single #logo a,.category #logo a, .page-id-8 #logo a{
	background-position:right -146px;
}


/*CATEGORIE - BLEU*/
.page-id-11 #sidebar .content{
	background:#339894 url(img/bg_vert.png) left top no-repeat;
}

.page-id-11 #logo a{
	background-position:right -73px;
}

.page-id-11 #menu a{
	color:#a2ff00;
}

.page-id-11 #sidebar.catalogue #menu a{
	color:#fff;
}
.page-id-11 #sidebar.catalogue #menu li{
	text-align:right;
	padding:5px 4px 5px 0;
	border-bottom:1px solid #7bb6b4;
}
.page-id-11 #sidebar.catalogue #menu li li{
	border-color:#348c88;
}

.page-id-11 #sidebar.catalogue #menu li li a{
	color:#c2dcdb;
}
.page-id-11 #sidebar.catalogue #menu li li.actif{
	
	border-color:#323232;
	background:#323232;
}
.page-id-11 #sidebar.catalogue #menu li li.actif a{
	color:#fff;
}



/* HOME
--------------------------------------------------------------------------------------------------------------------------------------*/

#home, #stdPage{
	height:575px;
	position:absolute;
	left:0px;
	top:50%;
	width:100%;
	margin-top:-288px;
}

#flashHome{
	height:550px;
}

/* CONTENT
--------------------------------------------------------------------------------------------------------------------------------------*/

#inner{
	height:575px;
	width:706px;
	margin:0 auto;
	overflow:hidden;
	padding-left:300px;
	position:relative;
}

#stdPage #inner{
	height:100%;
}

/********** SIDEBAR ***********/

#sidebar{
	width:300px;
	overflow:hidden;
	/*background:#575757 url(img/sidebar_border_home.png) 292px 0px no-repeat;*/
	background:#575757 url(img/sidebar_border_content.png) 292px 0px no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index:4;
}
.page #sidebar{
	background:#575757 url(img/sidebar_border_content.png) 292px 0px no-repeat;
}
.home.page #sidebar{
	background:#575757 url(img/sidebar_border_content.png) 292px 0px no-repeat;
}
.page-template-catalogue-php.page #sidebar, .category #sidebar, .single #sidebar{
	background:#575757 url(img/sidebar_border_content.png) 292px 0px no-repeat;
}

#stdPage #sidebar{
	height:100%;
}

#sidebar .content{
	height:550px;
	margin-right:8px;
	overflow:hidden;
	padding-right:22px;
	background:#D13F42 url(img/bg_rouge.png) left top no-repeat;
}

#stdPage #sidebar .content{
	height:100%;
	padding:0;
	position:relative;
}

#sidebar .sidebarInner{
	height:575px;
	position:absolute;
	top:50%;
	width:100%;
	margin-top:-288px;
}

#sidebar .sidebarPadding{
	margin-right:8px;
	padding-right:22px;
}

/* Menu */

#stdPage #menu{
	margin-bottom:45px;
}

#menu{
	padding-top:50px;
	margin-bottom:25px;
}

#menu li{
	text-align:right;
	padding:5px 4px 5px 0;
	border-bottom:1px solid #eb767a;
}
#sidebar.catalogue #menu a{
	color:#fff;
}
#sidebar.catalogue #menu li{
	text-align:right;
	padding:5px 4px 5px 0;
	border-bottom:1px solid #7a7a7a;
}
#sidebar.catalogue #menu.open li.page-item-8{
	border:none;

}
#sidebar.catalogue #menu li li{
	border-color:#585858;
}

#sidebar.catalogue #menu li li a{
	color:#c2c2c2;
}
#sidebar.catalogue #menu li li a:hover{
	color:#fff;
}
#sidebar.catalogue #menu li li.actif{
	
	border-color:#323232;
	background:#323232;
}
#sidebar.catalogue #menu li li.actif a{
	color:#fff;
}

#menu li li{
	border-color:#d93036;
}
#menu a{
	display:block;
	outline:0;
	color:#fff;
	line-height:1em;
	font-size:1.75em;
	text-decoration:none;
	text-transform:uppercase;
}

#menu .page-item-2 a, #menu .home a{
	font-size:1.17em;
}

#menu a{
	color:#ffa1a4;
}

#home #menu a{
	color:#fff;
}

#menu ul{
	margin-top:30px;
	margin-bottom:20px;
}

#menu ul a{
	font-size:1em;
	text-transform:none;
}

#menu .last, #menu .cat-item-7, #menu .page-item-11, #sidebar.catalogue #menu li.page-item-11{
	border:0;
}
/********** SIDEBAR2 ***********/

#sidebar2{
	position:absolute;
	width:162px;
	height:550px;
	background:url(img/bg_ssmenu.gif) repeat-y top left #292929;
	top:0;
	left:116px;
	z-index:3;
	padding:0 9px;
}

#sidebar2 ul{
	display:none;
}
#sidebar2 li a{
	text-decoration:none;
	color:#aeaeae;
}
#sidebar2 li a:hover{
	color:#fff;
}
#sidebar2 li {
border-bottom:1px solid #323232;
padding:5px 4px 5px 4px;
text-align:left;
font-size:0.9em;
color : #aeaeae;
}
/*#sidebar2 li:hover {
color : #fff;
font-weight:bold;
background:#414141;
}*/
#sidebar2 ul.cat-item-1{
	margin-top:130px;
}
#sidebar2 ul.cat-item-3{
	margin-top:152px;
}
#sidebar2 ul.cat-item-4{
	margin-top:198px;
}
#sidebar2 ul.cat-item-5{
	margin-top:244px;
}

/* Infos */

#sidebarInfos{
	width:270px;
	float:right;
}

#sidebarInfos h2{
	height:38px;
	margin-bottom:30px;
	/*background:url(img/titre_sidebar.png) right top no-repeat;*/
	text-align:right;
	font-size:1.8em;
}

#sidebarInfos p{
	font-size:0.92em;
	text-align:right;
	margin-bottom:55px;
	line-height:1.25em;
	padding-left:5px;
}

#logo a{
	display:block;
	height:73px;
	outline:0;
	background:url(img/logo_cie_des_indes.png) right top no-repeat;
}

/********** CONTENT ***********/

#content{
	width:704px;
	height:100%;
	background:#000;
	position:relative;
}

#stdPage #content{
	height:100%;
	background:#656565 url(img/bg_content.png) left top no-repeat;
	position:relative;
}

.contentFull{
	position:absolute;
	height:575px;
	top:50%;
	left:0;
	width:100%;
	margin-top:-288px;
}

#filmInfos dl{
	margin-left:10px;
	margin-top:2px;
}
#linkPrint a:hover{
	color:#000;
}
/* Selection */

#selection{
	height:550px;
	float:right;
	width:37px;
	position:relative;
	background-color:#161616;
	z-index:100000;
}



#selection .inner{
	position:absolute;
	height:550px;
	width:16px;
	padding:0 10px;
	top:50%;
	height:550px;
	right:0;
	margin-top:-288px;
	text-align:right;
}


#selection.open{
	width:250px;
}

#selection.open .inner{	
width:230px;

}

#selection img.maselection{
	margin-top:19px;
}
#selection ul{
	margin-top:14px;
}
#selection ul li{
	margin-bottom:4px;
	overflow:hidden;
}
#selection ul li a{
	display:block;
	height:16px;
	background: url(img/cases.png) right top no-repeat;
	text-decoration:none;
	color:#C2C2C2;
}
#selection ul li a:hover, #selection ul li a.case.actif{
	background: url(img/cases.png) right bottom no-repeat;
	color:#fff;
}
#selection ul li.last a{
	background: url(img/case-orange.gif) right top no-repeat;
	color:#FF6600;
	
}
#selection ul li.last a span{
	margin-left:18px;
	background:#000000;

}
#selection ul li a span{
	display:none;
	height:15px;
	width:178px;
	float:left;
	margin-right:10px;
	border-bottom:1px solid #919191;
	font-size:10px;
	padding-left:2px;
	text-align:right;
	padding-right:4px;
}
#selection ul li a span img{
	margin-left:6px;
}
#selection.open ul li a span{
	display:block;
}
#selection img.enlever_selection{
	cursor:pointer;
	display:none;
	float:left;
	margin-right:9px;
	margin-top:7px;
}
#selection.open img.enlever_selection{
	display:block;
}

/* Main content */

#mainContent{
	float:left;
	width:620px;
	padding:0 50px 0 25px;
	height:100%;
	position:relative;
}
/* RESULTATS */
#mainContent.resultats .post{
	border-bottom:1px solid #565656;
	margin-bottom:14px;

}
#mainContent.resultats .post.last{
	border-bottom:none;

}


#mainContent.resultats p.titre{
	margin-bottom:30px;
	font-size:1.8em;
}
#mainContent.resultats h3{
	font-size:1.55em;
	font-weight:normal;
	
}
#mainContent.resultats h3 a{
	text-decoration:none;
	
}
#mainContent.resultats .soustitre{
	color:#ff6600;
	margin-bottom:5px;
}
#mainContent.resultats p{
	font-size:0.85em;
	margin-bottom:12px;
}
#mainContent.resultats p.boutons{
	margin-top:3px;
	margin-bottom:16px;
}
#mainContent.resultats p.boutons a{
	padding:4px 7px;
	background:#141414;
	text-decoration:none;
	color:#b7b7b7;
	font-size:0.9em;
}
#mainContent.resultats p.boutons a:hover{
	background:#000;
	color:#ff6600;
}

/* Choix langue */

#qtranslate-chooser{
	position:absolute;
	top:0;
	right:75px;
}

#qtranslate-chooser a{
	padding:0;
	background:none;
	text-decoration:none;
	font-size:1.3em;
	font-weight:bold;
}

#qtranslate-chooser li{
	float:left;
	padding:7px 4px 0px;
}

#qtranslate-chooser .active{
	background:#e11b22;
}
.search #qtranslate-chooser .active, .single #qtranslate-chooser .active, .page-id-8 #qtranslate-chooser .active, .category #qtranslate-chooser .active{
	background:#000;
}
.page-id-11 #qtranslate-chooser .active{
	background:#0d6e6a;
}
/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/
.footer ul li{
	display:inline;
}
#sidebar .footer, #content .footer{
	clear:both;
	width:100%;
	font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif;
}

#content .footer{
	background-color:#000;
}

#stdPage #sidebar .footer, #stdPage #content .footer{
	position:absolute;
	left:0px;
	bottom:0px;
}

* html #stdPage #sidebar .footer{
	bottom:-1px;
}

* html #stdPage #content .footer{
	bottom:-2px;
}

#sidebar .footer{
	background-color:#000;
}

#home #sidebar .footer{
	background-color:#1b1b1b;
}

#sidebar .footer ul li a{
	color:#fff;
}

#sidebar .footer .inner{
	padding:7px 33px 6px 0;
	height:12px;
	text-align:right;
	font-size:0.75em;
	color:#a4a4a4;
	text-transform:uppercase;
	background:#000;
}

#sidebar .footer .inner a{
	color:#a4a4a4;
	text-decoration:none;
}

#sidebar .footer .inner a:hover{
	text-decoration:underline;
}

#content .footer .inner{
	padding:7px 0 7px 30px;
	height:11px;
	font-size:0.75em;
}

#content .footer a{
	color:#fff;
}
/*Carousel*/
.jcarousel-control{
	text-align:center;
	background:url(img/bg_page.png) repeat-y center top;
	padding:0 0 2px 0;

}
.jcarousel-control a.actif{
	background:#FF6600;
	color:#fff;
}
.jcarousel-control a{
text-decoration:none;
font-size:0.9em;
padding:2px 6px;
}
.jcarousel-control a:hover{
	background:#000;
}
.btn_pagination{
color:#FF6600;
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    padding-right:26px;
	width:615px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/*LISTING CATEGORIES*/

#listing_categorie{

}
#listing_categorie a{
	display:block;
	width:150px;
	background-image:url(img/categories/vignette.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	margin-right:40px;
	margin-bottom:16px;
	text-decoration:none;

}

#listing_categorie a.last{
	margin-right:0px;
}
#listing_categorie a:hover{
	text-decoration:underline;
	background-position:top right;
}
#listing_categorie a span{
	padding-top:90px;
	display:block;
	text-align:center;
	font-size:0.95em;
}
/* Vignettes */
#listing_categorie a.cat-captations{
	background-image:url(img/vignettes/cap/captations.jpg);
}
#listing_categorie a.cat-documentaires{
	background-image:url(img/vignettes/documentaires.jpg);
}
#listing_categorie a.cat-editions{
	background-image:url(img/vignettes/editions.jpg);

}
#listing_categorie a.cat-fictions{
	background-image:url(img/vignettes/fictions.jpg);
}
#listing_categorie a.cat-magazines{
	background-image:url(img/vignettes/magazines.jpg);

}
#listing_categorie a.cat-memoires{
	background-image:url(img/vignettes/memoires.jpg);
}
#listing_categorie a.cat-programmes-courts{
	background-image:url(img/vignettes/pgmescourts.jpg);
}
#listing_categorie a.capt-theatre{
	background-image:url(img/vignettes/magazines.jpg);
}
#listing_categorie a.capt-danse{
	background-image:url(img/vignettes/cap/danse.jpg);

}
#listing_categorie a.capt-humour{
	background-image:url(img/vignettes/cap/humour.jpg);

}
#listing_categorie a.capt-divertissement{
	background-image:url(img/vignettes/cap/divertissement.jpg);

}
#listing_categorie a.capt-musique{
	background-image:url(img/vignettes/cap/musique.jpg);

}
#listing_categorie a.capt-opera{
	background-image:url(img/vignettes/cap/opera.jpg);

}
#listing_categorie a.doc-artsplastiques{
	background-image:url(img/vignettes/doc/arts-plastiques.jpg);

}
#listing_categorie a.doc-aventure{
	background-image:url(img/vignettes/doc/aventures-decouvertes.jpg);
}
#listing_categorie a.doc-spectacles{
	background-image:url(img/vignettes/doc/spectacle.jpg);
}
#listing_categorie a.doc-cinema{
	background-image:url(img/vignettes/doc/cinema.jpg);
}
#listing_categorie a.doc-danse-documentaires{
	background-image:url(img/vignettes/doc/danse.jpg);
}
#listing_categorie a.doc-histoire{
	background-image:url(img/vignettes/doc/histoire.jpg);
}
#listing_categorie a.doc-litterature{
	background-image:url(img/vignettes/doc/litterature.jpg);
}
#listing_categorie a.doc-musique-documentaires{
	background-image:url(img/vignettes/doc/musique.jpg);
}
#listing_categorie a.doc-societe{
	background-image:url(img/vignettes/doc/societe.jpg);
}
#listing_categorie a.fic-courts{
	background-image:url(img/vignettes/fictions/courtmetrage.jpg);
}
#listing_categorie a.fic-longs{
	background-image:url(img/vignettes/fictions/longmetrage.jpg);
}
#listing_categorie a.fic-series{
	background-image:url(img/vignettes/fictions/series.jpg);
}
#listing_categorie a.fic-tv{
	background-image:url(img/vignettes/fictions/telefilm.jpg);
}
#listing_categorie a.mem-festival-davignon{
	background-image:url(img/vignettes/memoire/festival-avignon.jpg);
}
#listing_categorie a.mem-theatre{
	background-image:url(img/vignettes/memoire/theatre.jpg);
}
#listing_categorie a.mem-danse{
	background-image:url(img/vignettes/memoire/danse.jpg);
}
#listing_categorie a.mem-humour{
	background-image:url(img/vignettes/memoire/humour.jpg);
}
#listing_categorie a.mem-divertissement{
	background-image:url(img/vignettes/memoire/divertissement.jpg);
}
#listing_categorie a.mem-musique{
	background-image:url(img/vignettes/memoire/memoiresmusique.jpg);
}
#listing_categorie a.mem-opera{
	background-image:url(img/vignettes/memoire/memoiresopera.jpg);
}


.hidden{
	display:none;
}


/*New*/
.titre_societe{
padding-top:3px;
}
#sidebar.catalogue #menu li li.current-cat a{
	color:#ffffff;
}
#sidebar2 li.current-cat a {
	color:#ffffff;
}
#linkPrint .print{
	color:#000;
}

#mainContent #filmResume p{
	font-size:0.9em;	
}

.margeDebug{
	left:0 !important;
	left:0;	
}