/**
 * 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;
}
a {
	color:#306294;
}
h1 {
	text-align:center;
	color:#306294;
	line-height:100%;
}
h2,
h3 {
	color:#306294;
}
.navigation {
	color:#66669a;
}
#sitenav {
	color:#88b0d9;
	background-color:#306294;
	background-image:url(images/cineaste/title.gif);
}
#sitenav a {
	color:#88b0d9;
}
#sitenav a:hover,
#sitenav a.selected {
	color:#fff;
}
#languages .selected {
	background-image:url(images/cineaste/languages.selected.png);
}
#languages .choices {
	background-image:url(images/cineaste/languages.choices.png);
}
#languages .choices,
#languages .choices a {
	color:#88b0d9;
}
#topnav {
	background-image:url(images/cineaste/topnav.png);
}
#footer .navigation {
	background-color:#346192;
	background-image:url(images/cineaste/signature.gif);
}
#copyright {
	color:#306294;
}
#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:11px;
	color:#7e6651;
	background-image:url(images/cineaste/next-brown.png);
}
.next.alt-white {
	font-size:11px;
	color:#7e6651;
	background-image:url(images/cineaste/next-white.png);
}
.next.alt-black {
	font-size:11px;
	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:10px;
	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:12px;
}
#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:11px;
	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:14px; }
body.les-films #content tbody th { font-size:12px; }
body.les-films #content th,
body.les-films #content td { padding:5px 5px 5px 0;color:#295581; }
body.les-films #content td { font-size:11px; }

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; }

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:200px; }
 /*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); }
 /*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); }
 /*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); }
 /*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); }
 /*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); }
 /*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); }
 /*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); }
 /*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.filmo_home #document { position:relative;background-image:url(/cineaste/filmographie/images/backGround.jpg);height:745px; }
body.filmo_home.en #document { position:relative;background-image:url(/cineaste/filmographie/images/backGround_en.jpg);height:745px; }

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, /* --- */
body.film_cover #document { height:900px;position:relative; }
body.film_cover #content,
body.film_cover #content a { color:#fff; }
body.filmography #content { width:535px;margin-right:35px;margin-top:25px; }
body.filmography #content .customcorners2_body { height:720px; }
body.filmography #content .customcorners2_wrapper { height:720px; } /* --- */
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:10px;
	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 1px 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;
}*/