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


/**
 * 1. Color scheme
 */
body {
	background-color: #b5a38d;
}

#content .wrapper {
	background-image:none;
	padding:2px; /* border specific */
	padding-bottom:5px;
}

#content .wrapper .wrapper {
	padding:10px; /* return to default */
}

#document {
	background:#999999 url(images/cineaste/accueil2.jpg) repeat-y top left;
}

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

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

#menu ul ul {
	display:block !important;
	padding-left:0;
}

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

.up, .selected.up {
	color:#fff;
}

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

.up {
	padding-right:16px;
	background-image:url(images/artiste/up.png);
}

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

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

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

.next2 {
	float:none;
	color:#3f4247;
	background-image:url(images/artiste/next2.png);
}

.next2:hover {
	background-image:url(images/artiste/next2-hover.png);
}

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

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

/**
 *
 */
.section, .subsection {
	background:transparent url(images/borders/type_04/north.gif) repeat-x top right;
}

div.hr {
	height:4px;
	background:transparent url(images/borders/type_04/north.gif) repeat-x top right;
}

#menu .section {
	margin-top:10px;
	padding-top:10px;
}

#content .section {
	padding-top:4px;
}

.subsection {
	padding:7px 0;
}

.picture, .first_picture, .second_picture {
	width:234px;
	padding-top:10px;
	margin:0 auto 5px auto;
}

.first_picture, .second_picture {
	float:left;
}

.first_picture {
	margin-left:23px;
	margin-right:25px;
	display:inline;
}

.second_picture textarea {
	width:100%;
	margin-bottom:5px;
}

.second_picture input.file, .second_picture input.submit {
	margin-top:5px;
}

.button.eye {
	float:left;
	padding-left:25px;
	background:transparent url(../images/icons/eye.gif) no-repeat center left;
}

#login_collection, #LoginControl1_login_collection {
	margin-top:70px;
	width:157px;
}

#login_collection, #login_collection a, #LoginControl1_login_collection, #LoginControl1_login_collection a {
	color:#399d66;
}

#login_collection .title.button, #LoginControl1_login_collection .title.button {
	text-align:center;
}

#login_collection .text, #LoginControl1_login_collection .text {
	width:140px; /* fix width for wk ('auto' expands too much) */
}

/**
 * 2. Document media layout
 */
#medias {
	padding-bottom:20px;
}

#medias .border {
	width:250px;
	float:left;
}

#medias .wrapper {
	position:relative;
}

#medias .odd {
	margin-right:10px;
	margin-bottom:10px;
}

#medias .par {
	margin-bottom:10px;
}

#medias .border a {
	font-weight:bold;
	color:#399d66;
}

#medias .border .wrapper {
	padding:6px;
}

#medias .border img {
	float:left;
	margin-right:5px;
}

.border.type_05, .border.type_05 a {
	background:#399d66;
	color:#fff;
	font-size:0.688em;
}

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

#media_description {
	background-image:none;
	padding:0;
}

#content #medias {
	background:transparent url(/_links/stylesheets/images/artiste/back1.jpg) no-repeat top left;
}

#media_content {
	padding:0;
	margin:0;
	background:transparent url(/_links/stylesheets/images/artiste/back2.jpg) no-repeat bottom left;
}

#media_display {
	padding:3px;
	margin:0;
	background:transparent url(/_links/stylesheets/images/borders/type_04/north.gif) repeat-x top left;
}

#media_description .wrapper {
	background:transparent url(/_links/stylesheets/images/borders/type_04/north.gif) repeat-x top left;
}

#content .medias .media .media-type {
	bottom:0px;
	right:7px;
}

/**
 * 3. Pages specific styling
 */
.submit {
	text-align:right;
}

body.nouveau-monde h1 {
	height:145px;
}

body.nouveau-monde #content {
	background:#fff url(/artiste/conscience/images/back-nouveau-monde.jpg) no-repeat top left;
}

body.course-au-progres h1 {
	height:145px;
}

body.course-au-progres #content {
	background:#fff url(/artiste/conscience/images/back-nouveau-monde.jpg) no-repeat top left;
}

body.echos-internationaux h1 {
	height:145px;
}

body.echos-internationaux #content {
	background:#fff url(/artiste/conscience/images/back-nouveau-monde.jpg) no-repeat top left;
}

body.long-combat h1 {
	height:145px;
}

body.long-combat #content {
	background:#fff url(/artiste/conscience/images/back-nouveau-monde.jpg) no-repeat top left;
}

body.apprendre h1 {
	height:135px;
	text-align:right;
}

body.apprendre #content {
	background:#fff url(/artiste/empreintes/images/back-grandir.jpg) no-repeat top left;
}

body.grandir h1 {
	height:135px;
	text-align:right;
}

body.grandir #content {
	background:#fff url(/artiste/empreintes/images/back-grandir.jpg) no-repeat top left;
}

body.observer h1 {
	height:135px;
	text-align:right;
}

body.observer #content {
	background:#fff url(/artiste/empreintes/images/back-grandir.jpg) no-repeat top left;
}

body.position h1 {
	height:140px;
	padding-top:5px;
	padding-left:15px;
}

body.proteger-forets #content {
	background:#fff url(/artiste/position/proteger-forets/images/back.jpg) no-repeat top left;
}

body.proteger-forets .banner {
	text-align:center;
}

body.proteger-animaux #content {
	background:#fff url(/artiste/position/proteger-animaux/images/back.jpg) no-repeat top left;
}

body.proteger-aquatique #content {
	background:#fff url(/artiste/position/proteger-aquatique/images/back.jpg) no-repeat top left;
}

body.terre-nourriciere #content {
	background:#fff url(/artiste/position/terre-nourriciere/images/back.jpg) no-repeat top left;
}

body.illusion-du-progres #content {
	background:#fff url(/artiste/position/illusion-du-progres/images/back.jpg) no-repeat top left;
}

body.contre-pollutions #content {
	background:#fff url(/artiste/position/contre-pollutions/images/back.jpg) no-repeat top left;
}

body.home-position h1 {
	color:#fff;
	padding:20px 10px;
}

body.home-position #info {
	text-align:right;
	float:right;
	width:585px;
	margin-bottom:100px;
}

body.home-position #info a {
	margin-right:8px;
}

body.home-position #info img {
	margin-bottom:8px;
}

body.agir h1 {
	height:145px;
}

body.agir #content {
	background:#fff;
}

body.combattre h1 {
	height:220px;
	color:#fff;
	text-align:right;
	padding-top:7px;
}

body.combattre #content {
	background:#fff url(/artiste/combattre/images/back.jpg) no-repeat top left;
}

body.combattre #navigation {
	text-align:center;
}

body.combattre .type_05 {
	font-weight:bold;
	font-size:0.75em;
	margin-bottom:20px;
}

body.evolution h1 {
	color:#fff;
	margin-bottom:130px;
}

body.evolution #content {
	background:#fff url(/artiste/evolution/images/back.jpg) no-repeat top left;
}

body.evolution #content .section, #content .subsection {
	text-align:center;
}

body.evolution .linkslist {
	text-align:right;
	margin:0;
	margin-right:20px;
}

body.upload .subsection {
	padding:20px 0;
}

body.upload .background_wrapper {
	background:transparent url(images/artiste/back3.jpg) no-repeat top left !important;
}

body.liens h1 {
	display:none;
} /* replaced by back.jpg */

body.liens.fr #content {
	background:#fff url(/artiste/liens/images/back.fr.jpg) no-repeat top left;
}

body.liens.en #content {
	background:#fff url(/artiste/liens/images/back.en.jpg) no-repeat top left;
}

body.liens #intro {
	padding:0 20px;
	margin-top:180px;
}

body.liens .sections .border {
	margin:10px 0;
}

body.liens .sections .border strong {
	text-transform:uppercase;
}

body.liens .sections .border .note {
	float:right;
	font-size:0.625em;
}

body.liens .sections .border .note a {
	font-size:0.625em;
}

body.liens .sections .links {
	display:none;
}

body.liens .sections .section h2 {
	text-align:right;
}

body.liens .sections .section {
	background-image:none;
}

body.liens #content .sections .subsections {
	padding:10px 0;
	background:transparent url(/_links/stylesheets/images/borders/type_04/north.gif) repeat-x top left;
}

body.mediapage h1 {
	height:auto;
	text-align:right;
}

body.mediapage #content {
	background:#fff url(/_links/stylesheets/images/artiste/back1.jpg) no-repeat top left;
}

/**
 * 4. Homepage
 */
body.home #document {
	position:relative;
	height:778px;
	background-image:url(images/cineaste/accueil2.jpg);
}

body.home#en #document {
	position:relative;
	height:627px;
	background-image:url(images/musee/cineaste.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;
	top:570px;
	left:200px;
	width:555px;
}

body.home #info a {
	color:#502440;
}

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

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

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

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