@charset "ISO-8859-1";

/*
 * The « Illustrateur » section specific style.
 * Copyright fredericback.com, 2007
 *
 * TOC:
 * 1. Color scheme
 * 2. Document media layout
 * 3. Homepage
 */


/**
 * 1. Color scheme
 */
 
body {
	background:#8181ab;
}

a {
	color:#66669A;
}

h1 {
	color:#333333;
	line-height:1em;
}

h2, h3 {
	color:#66669A;
}

.navigation {
	font-size:100%;
	color:#66669a;
}

/*body #document  {
	background:#fff url(images/illustrateur/logo.gif) no-repeat bottom left;
}*/
body#fr #document {
	background:#fff url(images/illustrateur/logo.gif) no-repeat bottom left;
}

body#en #document {
	background:#fff url(images/illustrateur/logo_en.gif) no-repeat bottom left;
}

#header {
	height:270px;
}

#content {
	margin-top:15px;
}

#footer .navigation {
	background-color:#66669a;
	background-image:url(images/illustrateur/signature.gif);
}

#copyright, #copyright a {
	color:#E0E0EF;
}

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

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

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

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

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

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

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

a.thumbnail {
	width:100px;
	height:70px;
	float:left;
	padding:15px;
	margin:-5px 5px 5px -5px; /* gets the start of the object after the blur effect */
	background:transparent url(images/illustrateur/thumbnail.jpg) no-repeat top left;
}

a.thumbnail:hover {
	background-image:url(images/illustrateur/thumbnail-hover.jpg);
}

/**
 * 2. Document media layout
 */
body.mediapage #header {
	height:70px;
	width:100%;
	background-image:none;
}

body.mediapage #medias {
	margin-top:0;
}

#medias {
	margin-top:1.5em;
}

#medias .medias {
	background:#b5b5ce;
}

#medias .media {
	clear:both;
	display:block;
	color:#333333;
	text-decoration:none;
	cursor:pointer;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:98% 88%;
}

#medias .media a {
	font-weight:bold;
	color:rgb(102, 102, 154);
}

#medias .media .meta {
	font-size:0.65em;
	position:absolute;
	left:150px;
	right:40px;
	bottom:6px;
}

#medias .media-type {
	right:10px;
}

#media_description {
	background:url(images/borders/type_01/north.gif) repeat-x top;
}

#media_description .wrapper {
	background:url(images/borders/type_01/south.gif) repeat-x bottom;
}

#media_description p {
	width:480px;
	margin:0 auto;
	text-align:center;
}

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

body.home.en #document {
	position:relative;
	height:820px;
	background-image:url(images/illustrateur/accueil_en.jpg);
}

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

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

body.home #footer .up {
	display:none;
}

body.home #info {
	position:absolute;
	bottom:65px;
	right:25px;
	width:530px;
}

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

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

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

.getFlash {
	font-size:0.625em;
}