/*
 * 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:#8181ab;
}





#content .wrapper {
	background-image:none;
	padding:2px; /* border specific */
	padding-bottom:5px;
}
#content .wrapper .wrapper {
	padding:10px; /* return to default */
}
#content .background_wrapper {
	margin:0;
	padding:0px 10px;
	background:transparent url(images/artiste/back1.jpg) no-repeat top left;
}
#document {
	background:#8181ab url(images/illustrateur/accueil2.jpg) repeat-y top left;
}
#sitenav {
	color:#c0dedc;
	background-color:#666699;
	background-image:url(images/illustrateur/title.gif);
}
#sitenav a {
	color:#c0dedc;
}
#sitenav a:hover,
#sitenav a.selected {
	color:#fff;
}
#languages .selected {
	color:#666699;
	background-image:url(images/illustrateur/languages.selected.png);
}
#languages .choices {
	background-image:url(images/illustrateur/languages.choices.png);
}
#languages .choices,
#languages .choices a {
	color:#c0dedc;
}
#topnav {
	background-image:url(images/illustrateur/topnav.png);
}
#topnav a {
	color:#666699;
}
#footer .navigation {
	background-color:#66669a;
	background-image:url(images/illustrateur/signature.gif);v
}
#copyright,
#copyright a {
	color:#66669a;
}
#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:11px;
}

#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:12px;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:10px; }
body.liens .sections .border .note a { font-size:10px; }
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:1000px;
	background-image:url(images/illustrateur/accueil2.jpg);
}

body.home#en #document {
	position:relative;
	height:627px;
	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;
	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;
}