@charset "ISO-8859-1";

/**
 * The « Cinéaste » section specific style.
 * Copyright fredericback.com, 2007
 *
 * TOC:
 * 1.  Color scheme
 * 2.  Document media layout
 * 3.  Homepage
 * 4.  Pages specific
 * 4.1 Filmography section
 * 4.2 Animation pour la télévision
 */


body {
	background:#b5a38d;
	background-repeat: no-repeat;
}

a {
	color:#306294;
}

h1 {
	text-align:center;
	color:#306294;
	line-height:100%;
}

h2, h3 {
	color:#306294;
}

.navigation {
	color:#66669a;
}

#footer .navigation {
	background-color:#0f2f4e;
	background-image:url(images/cineaste/signature.gif);
}

#copyright, #copyright a {
	color:#0F2F4E;
}

#menu ul ul {
	padding-left:0;
	font-style:normal;
}

#menu ul ul a {
	font-style:normal;
}

.up, .up.selected, .next, .prev, .button {
	color:#306294;
}

.up {
	background-image:url(images/cineaste/up.png);
}

.up:hover {
	background-image:url(images/cineaste/up-hover.png);
}

.next {
	background-image:url(images/cineaste/next.png);
}

.next:hover {
	background-image:url(images/cineaste/next-hover.png);
}

.next.alt {
	font-size:0.75em;
	color:#000000;
	background-image:url(images/cineaste/next-black.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.next.alt-white {
	font-size:0.75em;
	color:#7e6651;
	background-image:url(images/cineaste/next-white.png);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.next.alt-black {
	font-size:0.688em;
	color:#7e6651;
	background-image:url(images/cineaste/next-black.png);
}

.prev {
	background-image:url(images/cineaste/prev.png);
}

.prev:hover {
	background-image:url(images/cineaste/prev-hover.png);
}

#content .section {
	overflow:auto;
	padding-right:10px;
	clear:none;
}

#content td {
	vertical-align:top;
	padding:0 2em 1em 0;
}

/**
 * 2. Document media layout
 */
#medias {
	width:130px;
	float:right;
}

#medias a.media {
	font-size:0.625em;
	font-family:georgia, sans-serif;
	display:block;
	padding:0;
	width:130px;
	height:28px;
	font-weight:bold;
	color:#fff;
	background:transparent url(images/cineaste/media.gif) no-repeat top left;
}

#medias a.media .wrapper {
	display:block;
	padding:0 8px;
	padding-top:6px;
}

#medias a.media:hover {
	text-decoration:none;
}

#medias a.media:hover {
	text-decoration:none;
}

#medias a.media:hover .text {
	text-decoration:underline;
}

#medias a.media .count {
	float:right;
	color:#fff;
	font-weight:bold;
	font-size:1em;
}

#medias a.media .text {
	float:left;
}

#medias a.media img {
	float:left;
	vertical-align:middle;
	margin-right:3px;
}

#content.media_illustration #medias a.media.illustration, #content.media_attachement #medias a.media.attachement, #content.media_photo #medias a.media.photo, #content.media_video #medias a.media.video {
	color:#88B0D9;
	text-decoration:none;
	background:transparent url(images/cineaste/media-hover.gif) no-repeat top left;
}

#content.media_illustration #medias a.media.illustration .count, #content.media_attachement #medias a.media.attachement .count, #content.media_photo #medias a.media.photo .count, #content.media_video #medias a.media.video .count {
	color:#88B0D9;
}

#media_content {
	position:relative;
	margin:0 -12px;
}

#media_content .wrapper {
	padding:0;
	padding-bottom:10px;
}

#media_display {
	margin:10px 0;
}

#media_description {
	background:url(images/boxes/type_01/top_left.png) repeat-x top;
}

#media_description .wrapper {
	background:url(images/boxes/type_01/bottom_left.png) repeat-x bottom;
}

/* Pages that display multiple medias
 * uses class and not id.
 */
.media_display {
	text-align:center;
	margin:1em 0;
}

.media_description {
	font-size:0.688em;
	color:#306294;
	font-weight:bold;
}

/**
 * 3. Homepage
 */
/*body.home #document {
	position:relative;
	height:768px;
	background-image:url(images/cineaste/accueil.jpg);
}*/
body.home.accueilFr #document {
	position:relative;
	height:768px;
	background-image:url(images/cineaste/accueil.jpg);
}

body.home.accueilEn #document {
	position:relative;
	height:768px;
	background-image:url(images/cineaste/accueil_en.jpg);
}

body.home #header {
	height:auto;
	background-image:none;
}

body.home #footer {
	position:absolute;
	bottom:0;
	width:100%;
}

body.home #info {
	position:absolute;
	top:90px;
	right:25px;
	width:184px;
}

body.home #info h3 {
	font-style:normal;
}

body.home #info .navigation h2 {
	margin-top:0;
}

body.home #info .navigation a:hover {
	font-weight:bold;
	text-decoration:none;
}

body.home #info ul ul {
	display:none;
}

body.home a.thumbnail {
	position:absolute;
	display:block;
	padding:17px;
	background:transparent url(images/cineaste/thumbnail.png) no-repeat top left;
}

body.home a.thumbnail:hover {
	background-image:url(images/cineaste/thumbnail-hover.png);
}

body.home .navigation .first a {
	font-weight:bold;
}

body.home #intro {
	height:295px;
	overflow:auto;
	width:98%;
}

body.home #info .box {
	margin-right:14px;
	margin-top:25px;
}

body.home #info.wide {
	/* wide is introduced by js */
	width:740px;
}

body.home #info.wide #intro {
	padding-right:10px;
	height:560px;
}

body.home #info.wide .navigation, body.home #info.wide .box {
	display:none;
}

body.home #intro_toggle {
	text-align:right;
}

/**
 * 4. Pages specific
 */
body.lettre-jeune-cineaste h1 {
	color:#9c643c;
}

body.lettre-jeune-cineaste #document {
	background:#e9e7db url(/cineaste/images/back_lettre.jpg) no-repeat bottom left;
}

body.lettre-jeune-cineaste #content {
	width:460px;
	margin-top:20px;
	margin-right:62px;
	padding-bottom:230px;
}

body.lettre-jeune-cineaste #content p {
	text-indent:40px;
}

body.lettre-jeune-cineaste #footer {
	text-align:left;
}

body.lettre-jeune-cineaste #footer a.up {
	margin-left:10px;
}

body.les-films .background_wrapper, body.les-films #footer {
	background:transparent url(/cineaste/images/back_acheter_les_films_2.jpg) repeat-y top left;
}

body.les-films #content h1 {
	text-align:left;
	font-style:normal;
}

body.les-films #content th {
	font-size:0.875em;
}

body.les-films #content tbody th {
	font-size:0.75em;
}

body.les-films #content th, body.les-films #content td {
	padding:5px 5px 5px 0;
	color:#295581;
}

body.les-films #content td {
	font-size:0.688em;
}

body.techniques-danimation #document {
	background:#ffffff url(/cineaste/images/back_techniques.jpg) no-repeat top left;
}

body.techniques-danimation #content {
	margin-top:270px;
}

body.studio-danimation #document {
	background:#ffffff url(/cineaste/images/back_studio.jpg) no-repeat top left;
}

body.studio-danimation #content {
	margin-top:250px;
}

body.studio-danimation #content dd {
	margin-left:20px;
	font-size:0.75em;
}
body.studio-danimation #content dt {
	
	font-size:0.75em;
}
body.studio-danimation #content li {
	
	font-size:0.75em;
}

body.collaborateurs #document {
	background:#ece7e3 url(/cineaste/images/back_collaborateurs.jpg) no-repeat top left;
}

body.collaborateurs #content {
	margin-top:300px;
}

body.collaborateurs2 #document {
	background:#ece7e3 url(/cineaste/images/back_collaborateurs2.jpg) no-repeat top left;
}

body.collaborateurs2 #content {
	margin-top:300px;
}

body.collaborateurs3 #document {
	background:#ece7e3 url(/cineaste/images/back_collaborateurs3.jpg) no-repeat top left;
}

body.collaborateurs3 #content {
	margin-top:300px;
}

body.collaborateurs4 #document {
	background:#ece7e3 url(/cineaste/images/back_collaborateurs4.jpg) no-repeat top left;
}

body.collaborateurs4 #content {
	margin-top:300px;
}

body.collaborateurs5 #document {
	background:#ece7e3 url(/cineaste/images/back_collaborateurs5.jpg) no-repeat top left;
}

body.collaborateurs5 #content {
	margin-top:300px;
}

body.collaborateurs6 #document {
	background:#ece7e3 url(/cineaste/images/back_collaborateurs6.jpg) no-repeat top left;
}

body.collaborateurs6 #content {
	margin-top:300px;
}

body.collaborateurs7 #document {
	background:#ece7e3 url(/cineaste/images/back_collaborateurs7.jpg) no-repeat top left;
}

body.collaborateurs7 #content {
	margin-top:300px;
}

body.lettre-jeune-cineaste #bgLogo {
	float:left;
	margin:-115px 0px 0px -10px;
}

body.animations #bgLogo {
	clear:both;
	margin-bottom:60px;
}

body.les-films #bgLogo {
	clear:both;
	background:transparent url(/cineaste/images/back_acheter_les_films_2.jpg) repeat-y top left;
}

body#en #leLogo {
	background:transparent url(images/cineaste/logo_en.gif) no-repeat bottom left;
	width:160px;
	height:99px;
}

body#fr #leLogo {
	background:transparent url(images/cineaste/logo.gif) no-repeat bottom left;
	width:160px;
	height:99px;
}

body.acheter-les-films #document {
	background:#ece7e3 url(/cineaste/images/back_acheter_les_films.jpg) no-repeat top left;
}

body.acheter-les-films #content {
	margin-top:160px;
}

body.voir-les-films #document {
	background:#ece8e1 url(/cineaste/images/back_voir_les_films.jpg) no-repeat top left;
}

body.voir-les-films #content {
	margin-top:230px;
}

/**
 * 4.1 Filmography section
 */
 
 /**
 
 *BACKGROUND SECTION
 
 */
 
 /*Abracadabra*/
body.fr#abracadabra #document {
	position:relative;
	background-image:url(/medias/interfaces/P_0911.jpg);
}

body.en#abracadabra #document {
	position:relative;
	background-image:url(/medias/interfaces/P_0911_en.jpg);
}

body#abracadabra #content .section {
	height:100%;

}

/*Inon*/
body.fr#inon #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1062.jpg);
}

body.en#inon #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1062_en.jpg);
}

body#inon #content .section {
	height:100%;
}

/*Oiseau*/
body.fr#oiseaux #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1055.jpg);
}

body.en#oiseaux #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1055_en.jpg);
}

body#oiseaux #content .section {
	height:100%;
}

/*Illusion*/
body.fr#illusion #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1126.jpg);
}

body.en#illusion #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1126_en.jpg);
}

body#illusion #content .section {
	height:100%;
}

/*taratata*/
body.fr#taratata #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1016.jpg);
}

body.en#taratata #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1016_en.jpg);
}

body#taratata #content .section {
	height:100%;
}

/*Tout Ou rien*/
body.fr#toutOuRien #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1066.jpg);
}

body.en#toutOuRien #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1066_en.jpg);
}

body#toutOuRien #content .section {
	height:100%;
}

/*Crac*/
body.fr#crac #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1352.jpg);
}

body.en#crac #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1352_en.jpg);
}

body#crac #content .section {
	height:100%;
}

/*Homme qui plantait des arbres*/
body.fr#homme #document {
	position:relative;
	background-image:url(/medias/interfaces/lhomme-qui.jpg);
}

body.en#homme #document {
	position:relative;
	background-image:url(/medias/interfaces/lhomme-qui_en.jpg);
}

body#homme #content .section {
	height:100%;
}

/*Fleuve*/
body.fr#fleuve #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1369.jpg);
}

body.en#fleuve #document {
	position:relative;
	background-image:url(/medias/interfaces/P_1369_en.jpg);
}

body#fleuve #content .section {
	height:100%;
}

body.filmo_home #document {
	position:relative;
	background-image:url(/cineaste/filmographie/images/backGround.jpg);
	height:768px;
}

body.filmo_home.en #document {
	position:relative;
	background-image:url(/cineaste/filmographie/images/backGround_en.jpg);
	height:768px;
}

body.filmo_home #footer {
	position:absolute;
	bottom:0;
}

body.filmo_home #content {
	position:relative;
}

body.filmo_home #content h1 {
	margin-top:12px;
}

body.filmo_home #content h2 {
	margin:0;
}

body.filmo_home a.thumbnail {
	position:absolute;
	display:block;
	padding:17px;
	background:transparent url(/_links/stylesheets/images/cineaste/thumbnail.png) no-repeat top left;
}

body.filmo_home a.thumbnail:hover {
	background-image:url(/_links/stylesheets/images/cineaste/thumbnail-hover.png);
}

body.filmography #document  {
	
	
	height: 80%;
	padding-bottom: 45px;

}
body.film_cover #document {
	height:900px;
	position:relative;
	min-height: 900px;
	
}

body.film_cover #content, body.film_cover #content a {
	color:#fff;
}

body.filmography #content {
	width:535px;
	margin-right:35px;
	margin-top:20px;
}

body.filmography #content .customcorners2_body {
	
	
}

body.filmography #content .customcorners2_wrapper {

} /* --- */

body.filmography #footer, /* ---- */ body.film_cover #footer {
	position:absolute;
	bottom:0;
}

body.film_cover #content .wrapper {
	position:relative;
	padding:20px 40px;
}

body.film_cover #content h1 {
	color:#fff;
	text-transform:uppercase;
}

body.film_cover #content h1.year {
	position:absolute;
	top:15px;
	right:40px;
	line-height:1em;
}

body.film_cover #content a.thumbnail2 {
	display:block;
	padding:18px;
	background:transparent url(images/cineaste/thumbnail2.png) no-repeat center center;
}

body.film_cover #content a.thumbnail2:hover {
	background-image:url(images/cineaste/thumbnail2-hover.png);
}

body.film_cover #content .see_it {
	position:relative;
	top:-1em;
	width:150px;
	margin:0 auto;
	text-align:center;
}

body.film_cover #content .see_it .next.alt, body.film_cover #content .see_it .next.alt-white, body.film_cover #content .see_it .next.alt-black {
	float:none;
}

body.filmography #content .primary {
	margin-top:10px;
}

body.filmography #content .sections {
	margin:0;
	width:350px;
	padding-top:0;
}

body.filmography #content .sections p {
	margin-top:0;
}

body.filmography ul.tabs {
	position:relative;
	margin:0 -12px;
	margin-right:-13px;
	height:20px;
	font-weight:bold;
	background:transparent url(images/boxes/type_01/bottom_left.png) no-repeat bottom right;
}

body.filmography ul.tabs li.first {
	display:inline;
	margin-left:40px;
}

body.filmography.en ul.tabs li.first {
	margin-left:75px;
}

body.filmography ul.tabs li {
	height:20px;
	float:left;
	margin:0 3px;
	background:transparent url(images/cineaste/tab-line.gif) repeat-x top right;
	background-color:#a8c6e3;
}

body.filmography ul.tabs li.selected {
	background-color:#fff;
}

body.filmography ul.tabs li a {
	text-decoration:none;
	font-size:0.65em;
	display:block;
	background:transparent url(images/cineaste/tab-left.gif) no-repeat top left;
	color:#fff;
}

body.filmography ul.tabs li a:hover {
	text-decoration:underline;
}

body.filmography ul.tabs li.selected a {
	color:#306294;
}

body.filmography ul.tabs li a span {
	display:block;
	padding:3px 9px 4px 9px;
	background:transparent url(images/cineaste/tab-right.gif) no-repeat top right;
}

/* 4.2 Animation pour la télévision
 * (derived from filmography)
 */
body.animations #document {
	height:auto;
	background-image:url(/cineaste/animation-television/images/back.jpg);
}

body.animations #content {
	margin-bottom:60px;
}

body.animations #content .customcorners2_body, body.animations #content .customcorners2_wrapper {
	height:auto;
}

body.animations #content .section {
	width:520px;
	padding:0;
}

body.animations .selections {
	margin:0 auto;
	padding-bottom:5px;
	margin-bottom:5px;
	text-align:center;
}

body.animations .selections {
	background:url(images/boxes/type_01/bottom_left.png) repeat-x bottom;
}

body.animations #content .intro {
	margin-bottom:2em;
}
/*
body.animations#en #menu #leLogo{

	background:transparent url(images/cineaste/logo_en.gif) no-repeat bottom left;
	width:160px;
	height:99px;
	margin:300px 0px 0px -10px;
}
body.animations#fr #menu #leLogo{
	background:transparent url(images/cineaste/logo.gif) no-repeat bottom left;
	width:160px;
	height:99px;
	margin:300px 0px 0px -10px;
}*/
.subsections2 {
	background:transparent url(../images/icons/subsections.gif) no-repeat left 55%;
	padding-left:25px;
	text-align:left;
	line-height:87.5%;
	font-size:0.90em;
}

.subsections2 a {
	cursor:pointer;
}

.subsections2 span {
	font-size:0.90em;
}