/**
 * This file contains declarations specific to the Neige et Glace.
 *
 * Palette:
 * - color 1 = #016585
 * - color 2 = #47B6D4
 * - color 3 = #20004B
 *
 * @author Bernard Paques
 */

/**
 * standard tags
 */

a { /* basic link */
	color: #20004B;
	text-decoration: none;
}

a:link { /* link displayed for the first time */
	color: #20004B;
}

a:visited { /* link that has been used at least once */
	color: #20004B;
}

a:active { /* link at the moment it is clicked */
	background-color: #FFFF66;
	color: #20004B;
}

a:hover { /* link below the mouse pointer */
	background-color: #FFFF66;
	color: #20004B;
	text-decoration: underline;
}

b {
	color: #016585;
}

h1 {
	color: #20004B;
}

@media screen { /* not on printers */

	h1 {		/* make it more visual */
		margin: 10px 0 10px 0;
		padding: 0 1em 12px 0;
		background: transparent url("neg/h1_bg.jpg") bottom left no-repeat;
	}
}

h2 {
	color: #35A7ED;
}

@media screen { /* not on printers */

	h2 {		/* make it more visual */
		position: relative;
		left: -12px;
		top: +2px;
		margin: 2em 0 0 0;
		padding: 0 1em 20px 25px;
		background: url("neg/h2_bg.jpg") bottom left no-repeat;
	}
}

h3 {
	color: #35A7ED;
}

@media screen { /* not on printers */

	h3 {		/* make it more visual */
		margin: 1em auto 0 auto;
		padding: 10px 52px 10px 2px;
	}
}

h4 {
	color: #35A7ED;
}

/**
 * layout elements - also add behaviour for related sub-elements where applicable
 */

@media screen { /* this layout requires a large screen */

	#header_panel { /* top of the screen */
		background: #EADAB9 url("neg/header_panel_bg.jpg") top left repeat;
	}

}

#side_panel {
	background-color: #F8F2E4;
}

#side_panel dl {
	color: #886A50;
}

#side_panel dl a {
	color: #886A50;
}

#side_panel dl dd { /* body of one side box */
}

#side_panel dl dt { /* used for titles of various boxes */
	background-image: url("neg/boxtop200_blue.gif");
}

@media screen { /* this layout requires a large screen */

	body { /* enhance the bottom right of the page */
		background: #FCFEFD url("neg/background.jpg") no-repeat bottom right;
		border-bottom: 3px solid #A2D0EA;
	}

}

/**
 * unique elements for this variant
 */

p#buttons { /* navigation buttons in this section */
	position: absolute;
	top: 112px;
	left: 10px;
	margin: 0; /* need for IE Mac */
	padding: 14px 5px 6px 0px;
}

p#buttons a { /* some room between links */
	color: #35A7ED;
	font-size: 12px;
	font-weight: bold;
	margin: 0 5px 0 5px;
}

p#buttons a:hover { /* adapt link rendering */
	background: none;
}

/**
 * classes for this variant
 */

@media screen { /* not on printers */

	.bullet {		/* display a neat icon */
		padding-left: 9px;
		background: url("neg/bullet.gif") left no-repeat;
	}

	.bullet span {	/* mask default text */
		display: none;
	}
}

.even {
	background-color: #F8EFF0;
}

#main_panel .even {
	padding: 1em;
}

.introduction { /* before the main content of an article */
	color: #BC900B;
}

.odd {
	background-color: #F4E8EA;
}

#main_panel .odd {
	padding: 1em;
}