@charset "ISO-8859-1";

/*
 * 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:#884d75;
}

a {
	color:#399d66;
}

#menu a {
	color:#502440;
}

.subsections {
	color:#399d66;
}

h1 {
	padding:10px;
	color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
	font-style:normal;
	margin-bottom:0px;
	background-repeat:no-repeat;
	background-position:center;
}

h1.agirMaintenant {
	padding:10px;
	background-image: url(../../artiste/images/temps_agir_top.jpg);
	text-align:left;
}

h1.unGesteALaFois {
	padding:10px;
	background-image: url(../../artiste/images/temps_agir_top.jpg);
	text-align:left;
}

h1.pourBienEtre {
	padding:10px;
	background-image: url(../../artiste/images/temps_agir_top.jpg);
	text-align:left;
}

h1.agirEnsemble {
	padding:10px;
	background-image: url(../../artiste/images/temps_agir_top.jpg);
	text-align:left;
}

#content h1 {
	color:#339966;
}

body.agir h1 {
	height:145px;
}

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

#menu h2 {
	color:#6c2f57;
}

#content h2 {
	color:#399d66;
	margin-top:0;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.875em;
	font-weight:bold;
	clear:both;
}

h3 {
	color:#333333;
	font-family:georgia, serif;
	text-align:center;
	margin:0;
	font-size:0.875em;
	font-style:normal;
	padding-bottom:20px;
}

#content {
	position:relative;
	width:557px;
	background-color:#f9fcf9;
	margin-top: 35px;
	margin-right: 15px;
	margin-bottom: 30px;
	margin-left: 0;
}

/*body #document .wrapper {
	padding:0;
	background:transparent url(images/artiste/logo.gif) no-repeat bottom left;
}	*/



#document .wrapper.en {
	padding:0;
}

#document .wrapper.fr {
	padding:0;
}

#content .wrapper {
	background-image:none;
	padding:2px 2px 5px 2px; /* border specific */
	padding-bottom:5px;
	padding-left: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:#426978 url(images/artiste/back.jpg) repeat-y top left;
}

#footer .navigation {
	background-color:#6c2f57;
	background-image:url(images/artiste/signature.gif);
}

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

#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:#399d66;
}

.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) */
}

#navigation ul {
	margin-bottom:15px;
}

#navigation li {
	float:left;
	width:115px;
	margin-right:5px;
	line-height:87.5%;
}

#navigation li.last {
	margin-right:0;
}

#navigation li a {
	color:#399d66;
	font-weight:bold;
	font-size:0.75em;
	text-decoration:none;
	text-transform:uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**
 * 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:7px;
	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:2px;
}

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 #content {
	background:#fff;
}

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:627px;
	background-image:url(images/artiste/accueil.jpg);
}

body.home#en #document {
	position:relative;
	height:627px;
	background-image:url(images/artiste/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:230px;
	left:20px;
	width:175px;
}

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