/* Nicolas « Neovov » Le Gall pour Neoma Interactive - http://neoma-interactive.com */
/* @group global.css */

	/* @group Reset */

		/* http://meyerweb.com/eric/tools/css/reset/index.html */
		/* v1.0 | 20080212 */

		html, body, div, span, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, address, cite, code,
		del, dfn, em, img, ins, kbd, q, samp,
		small, strong, sub, sup, var,
		b, i,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, dialog, figure, header,
		hgroup, menu, nav, section,
		time, mark, audio, video {
			margin: 0;
			padding: 0;
			border: 0;
			/*outline: 0;*/
			font-size: 100%;
			vertical-align: baseline;
			background: transparent;
		}

		body { line-height: 1; }
			/*:focus { outline: 0; }*/

		blockquote, q { quotes: none; }
		blockquote:before, blockquote:after,
		q:before, q:after {
			content: '';
			content: none;
		}

		ins { text-decoration: none; }
		del { text-decoration: line-through; }

		ol, ul { list-style: none; }

		table {
			border-collapse: collapse;
			border-spacing: 0;
		}

	/* @end of Reset */

	/* @group HTML5 */

		article, aside, dialog, figure, footer, header,
		hgroup, nav, section { display: block; }

	/* @end of HTML5 */

	/* @group Global */

		body {
			background: #EDEDED;
			font: normal normal 87.5%/1.45 Arial, sans-serif;
			color: #000;
		}

		a { text-decoration: none; }
			a img { border: 0; }

		/* @group LoVe-HAte */

			a,
			a:link,
			a:visited {
				text-decoration: underline;
				color: #3A342A;
			}

			a:hover,
			a:focus,
			a:active {
				text-decoration: none;
				color: #999;
			}

		/* @end of LoVe-HAte */

		abbr {
			border-bottom-width: 1px;
			border-bottom-style: dotted;
			cursor: help;
		}

		label, button { cursor: pointer; }
		legend { display: none; } /* quite bad */

		blockquote p:before { content: open-quote; }
		blockquote p:after { content: close-quote; }
		blockquote p { quotes: "«\A0" "\A0»"; }

		input,
		textarea {
			padding: .3em;
			border: 1px solid #999;
			margin: 0 8px;
		}

		sup {
			position: relative;
			top: -.5em;
			font-size: 87.5%;
		}

	/* @end of Global */

	/* @group Layout */

		#header,
		#container,
		#footer {
			width: 920px;
			padding: 0 15px;
			margin: 0 auto;
		}

		#header {}

		#container {
			padding-bottom: 10px;
			overflow: hidden;
		}

			#content {
				width: 609px; /* regular width - padding-right - padding-left - border-left (650 - 20 - 20 - 1) */
				padding: 30px 20px 0 20px;
				border-left-width: 1px;
				float: right;
			}

			#sidebar {
				width: 246px; /* regular width - padding-right - padding-left (270 - 16 - 8) */
				padding: 20px 16px 10px 8px;
				float: left;
			}

		#footer {
			padding-top: 32px;
			margin-bottom: 40px;
		}

	/* @end of Layout */

	/* @group Classes */

		/* @group .nav */

			.nav,
			.nav ul {
				margin: 0;
				list-style: none;
				overflow: hidden;
			}

				.nav li {
					padding: 0 .33em;
					margin: 0;
					float: left;
				}

					.nav .pages ul { border-right: 1px solid #9F9F9F; }

						.nav .pages li {
							border-left: 1px solid #9F9F9F;
							font-weight: bold;
						}

							.nav .pages a { font-weight: normal; }

		/* @end of .nav */

		/* @group .search */

			.search fieldset { overflow: hidden; }

				.search div { float: left; }

					.search label,
					.search label img { vertical-align: middle; }

				.search button {
					background: url(img/sprites.png) no-repeat 0 -200px;
					width: 18px;
					height: 18px;
					padding: 0;
					border: 0;
					margin-top: .214em;
					float: left;
				}

					.search button span {
						position: absolute;
						left: -2000em;
					}

		/* @end of .search*/

		/* @group .questionnaire */

			.questionnaire fieldset { margin-bottom: 1.5em; }

				#content form.questionnaire h2 { margin-bottom: .8em; }

				#content form.questionnaire h3 {
					margin-bottom: .5em;
					font-size: 1em;
					font-weight: bold;
					text-transform: none;
					color: #000;
				}

				#content .questionnaire .question { margin-bottom: 1.5em; }

				#content .questionnaire .choices { margin-bottom: 1em; }

					#content .questionnaire .choice {
						margin-bottom: .33em;
						overflow: hidden;
					}

						.questionnaire .choice input {
							margin: .33em .5em;
							float: left;
						}

							.questionnaire .choice .other {
								margin-top: 0;
								margin-bottom: 0;
							}

						.questionnaire .choice label {
							max-width: 95%;
							float: left;
						}

					#content .questionnaire .comment {
						margin-bottom: 0;
						overflow: hidden;
					}

						#content .questionnaire .comment label,
						#content .questionnaire .comment textarea { float: left; }

						#content .questionnaire .comment label { font-weight: bold; }

						#content .questionnaire .comment textarea {
							width: 70%;
							height: 7em;
						}

				#content .questionnaire .thank {
					font: bold 1.286em Tahoma, Geneva, "Helvetiva Neue", Helvetica, Arial, sans-serif;
					color:#3A342A;
				}


		/* @end of .question */

	/* @end of Classes */

	/* @group Schemes */

		/* @group Blue */
		
			/* Loading sprites */
			.scheme-blue #rss,
			.scheme-blue .search button,
			.scheme-blue .highlight a,
			.scheme-blue #content h2,
			.scheme-blue #content .newsletter .section h3,
			.scheme-blue #content .newsletter .toc li li,
			.scheme-blue #sidebar h2 span,
			.scheme-blue #sidebar li,
			.scheme-blue #news li:first-letter { background-image: url(img/schemes/blue/sprites.png); }
		
			/* @group LoVe-HAte */

				.scheme-blue a:hover,
				.scheme-blue a:focus,
				.scheme-blue a:active,
				.scheme-blue #menu .selected a,
				.scheme-blue #menu .selected a:link,
				.scheme-blue #results h3 a { color: #1B6B94; }
		
			/* @end of LoVe-HAte */
		
			.scheme-blue #visual { background-color: #1B6B94; }
		
			.scheme-blue #menu .member.selected,
			.scheme-blue #sidebar .profile  {
				background-image: url(img/schemes/blue/back-member.png);
				border-color: #155271;
			}
		
				.scheme-blue #menu .member a { background-image: url(img/schemes/blue/arrow-east.png); }
		
				.scheme-blue #menu .member.selected a,
				.scheme-blue #sidebar .profile a { border-color: #61ACD3; }
		
				.scheme-blue #sidebar .profile a { background-image: url(img/schemes/blue/deco-profile.png); }
		
			.scheme-blue #content h3,
			.scheme-blue #content .special li { color: #1B6B94; }
		
			.scheme-blue .highlight,
			.scheme-blue #content .newsletter .toc h3,
			.scheme-blue #content .newsletter .section h3  { background-color: #C5E7F8; }
		
			.scheme-blue #content .newsletter .ads { border-color: #C5E7F8; }
		
			.scheme-blue #content .newsletter .article h4 { color: #155271; }
		
		/* @end of Blue */

		/* @group Brown */
		
			/* Loading sprites */
			.scheme-brown #rss,
			.scheme-brown .search button,
			.scheme-brown .highlight a,
			.scheme-brown #content h2,
			.scheme-brown #content .newsletter .section h3,
			.scheme-brown #content .newsletter .toc li li,
			.scheme-brown #sidebar h2 span,
			.scheme-brown #sidebar li,
			.scheme-brown #news li:first-letter { background-image: url(img/schemes/brown/sprites.png); }
		
			/* @group LoVe-HAte */
		
				.scheme-brown a:hover,
				.scheme-brown a:focus,
				.scheme-brown a:active,
				.scheme-brown #menu .selected a,
				.scheme-brown #menu .selected a:link,
				.scheme-brown #results h3 a { color: #664024; }
		
			/* @end of LoVe-HAte */
		
			.scheme-brown #visual { background-color: #664024; }
		
			.scheme-brown #menu .member.selected,
			.scheme-brown #sidebar .profile  {
				background-image: url(img/schemes/brown/back-member.png);
				border-color: #664024;
			}
		
				.scheme-brown #menu .member a { background-image: url(img/schemes/brown/arrow-east.png); }
		
				.scheme-brown #menu .member.selected a,
				.scheme-brown #sidebar .profile a { border-color: #AF8667; }
		
				.scheme-brown #sidebar .profile a { background-image: url(img/schemes/brown/deco-profile.png); }
		
			.scheme-brown #content h3,
			.scheme-brown #content .special li { color: #664024; }
		
			.scheme-brown .highlight,
			.scheme-brown #content .newsletter .toc h3,
			.scheme-brown #content .newsletter .section h3  { background-color: #D3CBC6; }
		
			.scheme-brown #content .newsletter .ads { border-color: #D3CBC6; }
		
			.scheme-brown #content .newsletter .article h4 { color: #664024; }
		
		/* @end of Brown */

		/* @group Green */

			/* Loading sprites */
			.scheme-green #rss,
			.scheme-green .search button,
			.scheme-green .highlight a,
			.scheme-green #content h2,
			.scheme-green #content .newsletter .section h3,
			.scheme-green #content .newsletter .toc li li,
			.scheme-green #sidebar h2 span,
			.scheme-green #sidebar li,
			.scheme-green #news li:first-letter { background-image: url(img/schemes/green/sprites.png); }

			/* @group LoVe-HAte */

				.scheme-green a:hover,
				.scheme-green a:focus,
				.scheme-green a:active,
				.scheme-green #menu .selected a,
				.scheme-green #menu .selected a:link,
				.scheme-green #results h3 a { color: #166A2B; }

			/* @end of LoVe-HAte */

			.scheme-green #visual { background-color: #166A2B; }

			.scheme-green #menu .member.selected,
			.scheme-green #sidebar .profile {
				background-image: url(img/schemes/green/back-member.png);
				border-color: #6FB312;
			}

			.scheme-green #menu .member a { background-image: url(img/schemes/green/arrow-east.png); }

				.scheme-green #menu .member.selected a,
				.scheme-green #sidebar .profile a { border-color: #D6F144; }

				.scheme-green #sidebar .profile a { background-image: url(img/schemes/green/deco-profile.png); }

			.scheme-green #content h3,
			.scheme-green #content .special li { color: #166A2B; }

			.scheme-green .highlight,
			.scheme-green #content .newsletter .toc h3,
			.scheme-green #content .newsletter .section h3  { background-color: #DFEAB1; }

			.scheme-green #content .newsletter .ads { border-color: #DFEAB1; }

			.scheme-green #content .newsletter .article h4 { color: #166A2B; }

		/* @end of Green */

		/* @group Orange */
		
			/* Loading sprites */
			.scheme-orange #rss,
			.scheme-orange .search button,
			.scheme-orange .highlight a,
			.scheme-orange #content h2,
			.scheme-orange #content .newsletter .section h3,
			.scheme-orange #content .newsletter .toc li li,
			.scheme-orange #sidebar h2 span,
			.scheme-orange #sidebar li,
			.scheme-orange #news li:first-letter { background-image: url(img/schemes/orange/sprites.png); }
		
			/* @group LoVe-HAte */
		
				.scheme-orange a:hover,
				.scheme-orange a:focus,
				.scheme-orange a:active,
				.scheme-orange #menu .selected a,
				.scheme-orange #menu .selected a:link,
				.scheme-orange #results h3 a { color: #E3660D; }
		
			/* @end of LoVe-HAte */
		
			.scheme-orange #visual { background-color: #E3660D; }
		
			.scheme-orange #menu .member.selected,
			.scheme-orange #sidebar .profile  {
				background-image: url(img/schemes/orange/back-member.png);
				border-color: #E3660D;
			}
		
				.scheme-orange #menu .member a { background-image: url(img/schemes/orange/arrow-east.png); }
		
				.scheme-orange #menu .member.selected a,
				.scheme-orange #sidebar .profile a { border-color: #F6B07E; }
		
				.scheme-orange #sidebar .profile a { background-image: url(img/schemes/orange/deco-profile.png); }
		
			.scheme-orange #content h3,
			.scheme-orange #content .special li { color: #E3660D; }
		
			.scheme-orange .highlight,
			.scheme-orange #content .newsletter .toc h3,
			.scheme-orange #content .newsletter .section h3  { background-color: #FFCDA9; }
		
			.scheme-orange #content .newsletter .ads { border-color: #FFCDA9; }
		
			.scheme-orange #content .newsletter .article h4 { color: #E3660D; }
		
		/* @end of Orange */

		/* @group Purple */

			/* Loading sprites */
			.scheme-purple #rss,
			.scheme-purple .search button,
			.scheme-purple .highlight a,
			.scheme-purple #content h2,
			.scheme-purple #content .newsletter .section h3,
			.scheme-purple #content .newsletter .toc li li,
			.scheme-purple #sidebar h2 span,
			.scheme-purple #sidebar li,
			.scheme-purple #news li:first-letter { background-image: url(img/schemes/purple/sprites.png); }

			/* @group LoVe-HAte */

				.scheme-purple a:hover,
				.scheme-purple a:focus,
				.scheme-purple a:active,
				.scheme-purple #menu .selected a,
				.scheme-purple #menu .selected a:link,
				.scheme-purple #results h3 a { color: #905A8B; }

			/* @end of LoVe-HAte */

			.scheme-purple #visual { background-color: #905A8B; }

			.scheme-purple #menu .member.selected,
			.scheme-purple #sidebar .profile  {
				background-image: url(img/schemes/purple/back-member.png);
				border-color: #5F3C64;
			}

				.scheme-purple #menu .member a { background-image: url(img/schemes/purple/arrow-east.png); }

				.scheme-purple #menu .member.selected a,
				.scheme-purple #sidebar .profile a { border-color: #C97CD6; }

				.scheme-purple #sidebar .profile a { background-image: url(img/schemes/purple/deco-profile.png); }

			.scheme-purple #content h3,
			.scheme-purple #content .special li { color: #905A8B; }

			.scheme-purple .highlight,
			.scheme-purple #content .newsletter .toc h3,
			.scheme-purple #content .newsletter .section h3  { background-color: #E7D7E9; }

			.scheme-purple #content .newsletter .ads { border-color: #E7D7E9; }

			.scheme-purple #content .newsletter .article h4 { color: #5F3C64; }

		/* @end of Purple */

	/* @end of Schemes */

	/* @group Banners */

		.scheme-blue #visual,
		.scheme-blue #visual.banner-1 { background-image: url(img/banners/01.jpg); }
		.scheme-blue #visual.banner-2 { background-image: url(img/banners/02.jpg); }
		.scheme-blue #visual.banner-3 { background-image: url(img/banners/03.jpg); }

		.scheme-brown #visual,
		.scheme-brown #visual.banner-1 { background-image: url(img/banners/04.jpg); }
		.scheme-brown #visual.banner-2 { background-image: url(img/banners/05.jpg); }
		.scheme-brown #visual.banner-3 { background-image: url(img/banners/07.jpg); }
		
		.scheme-green #visual,
		.scheme-green #visual.banner-1 { background-image: url(img/banners/14.jpg); }
		.scheme-green #visual.banner-2 { background-image: url(img/banners/08.jpg); }
		.scheme-green #visual.banner-3 { background-image: url(img/banners/09.jpg); }

		.scheme-orange #visual,
		.scheme-orange #visual.banner-1 { background-image: url(img/banners/06.jpg); }
		.scheme-orange #visual.banner-2 { background-image: url(img/banners/10.jpg); }
		.scheme-orange #visual.banner-3 { background-image: url(img/banners/11.jpg); }
		.scheme-orange #visual.banner-4 { background-image: url(img/banners/12.jpg); }

		.scheme-purple #visual,
		.scheme-purple #visual.banner-1 { background-image: url(img/banners/13.jpg); }

	/* @end of Banners */

	#header,
	#container { background: #FFF url(img/back-body.png) repeat-y center; }

	/* @group #header */

		#header { position: relative; }

		/* @group #toolbar */

			#toolbar {
				padding: .5em 1em .5em 2em;
				overflow: hidden;
				font-size: .857em;
			}

				#breadcrumb {
					padding: .25em 0;
					float: left;
				}

					#breadcrumb li { display: inline; }

				#toolbar div {
					float: right;
					overflow: hidden;
				}

					#toolbar div p {float:left; padding: .25em 0; margin: 0 1em;}
					#i18n,
					#rss {
						padding: .25em 0;
						margin: 0 1em;
						display: inline-block;
						float: left;
					}

					#rss {
						background: url(img/sprites.png) no-repeat 0 -297px;
						padding-left: 24px;
					}


					#toolbar .search { float: right; }
						#toolbar .search div { float: left; }

		/* @end of #toolbar */

		/* @group #visual */

			#visual {
				background: #3A342A;
				height: 91px; /* background's height - padding-top (131 - 40) */
				padding: 40px 0 0 20px;
				color: #FFF;
			}

				#visual h1 a {
					background: url(img/title.png) no-repeat;
					width: 142px; /* background's width */
					height: 25px; /* background's height */
					display: block;
					color: #FFF;
				}

					#visual h1 span {
						position: absolute;
						left: -2000em;
					}

				#visual p {
					margin-top: 8px;
					font-family: "Helvetiva Neue", Helvetica, Arial, sans-serif; /* Simplified Sitepoint's Helvetica/Arial-based font stack */
				}

		/* @end of #visual */

		/* @group #menu */

			#menu {
				background: url(img/back-menu.png) no-repeat center bottom;
				height: 2.722em;
				border-top: 1px solid #999;
				font-family: Tahoma, Geneva, "Helvetiva Neue", Helvetica, Arial, sans-serif; /* Simplified Sitepoint's Helvetica/Arial-based font stack */
				font-size: 1.286em;
			}

			/* @group LoVe-HAte */

				#menu a,
				#menu a:link,
				#menu a:visited { text-decoration: none; }

				#menu .selected a,
				#menu .selected a:link { color: #999; }

				#menu .member.selected a,
				#menu .member.selected a:link { color: inherit; }

				#menu .member.selected a:hover,
				#menu .member.selected a:focus {
					/*background-color: #3A342A;*/ /* better for a10y but unusuable */
					color: #E5E5E5;
				}

			/* @end of LoVe-HAte */

				#menu li  {
					background: url(img/back-menu.png) no-repeat 0 bottom;
					float: left;
				}

					#menu li a {
						height: 2.722em; /* menu's height */
						line-height: 2.722em; /* menu's height */
						padding: 0 1.25em;
						display: block;
					}

				#menu .first {
					background-position: center bottom;/* No separator for the first tab */
					border-left: 1px solid #999;
				}

				#menu .selected {
					background: url(img/back-menu-selected.png) no-repeat 0 bottom;
					padding-left: 9px; /* separator's width */
				}

					#menu .selected a {
						background: url(img/back-menu-selected.png) no-repeat right bottom;
						padding-right: 31px; /* regular padding (#menu li a) + separator's width */
					}

				#menu .selected + li { background-position: center bottom; }

				#menu .first.selected {
					background: none;
					padding-left: 0;
				}

				#menu .member {
					background: none;
					padding: 0; /* inherit from cascade */
					float: right;
				}

					#menu .member a {
						background: url(img/arrow-east.png) no-repeat 92% 55%;
						padding: 0 2em 0 1.25em;
						/*border: 1px solid #E5E5E5;*/
						border-width: 0 1px;
						border-style: solid;
						border-color: #999;
						/*text-transform: uppercase;*/
					}

				#menu .member.selected {
					background: url(img/back-member.png) repeat-x 0 bottom;
					border: 1px solid #3A342A;
				}

					#menu .member.selected a {
						background: url(img/arrow-south.png) no-repeat 92% 55%;
						height: 2.5em;
						line-height: 2.5em;
						padding: 0 2em 0 1.25em;
						border: 1px solid #E5E5E5;
					}

		/* @end of #menu */

		/* @group .pop-hover */

			.pop-hover {
				background: #EEE;
				width: 275px;
				box-shadow: 0 0 15px #CCC;
				-moz-box-shadow: 0 0 15px #CCC;
				-webkit-box-shadow: 0 0 15px #CCC;
				float: right;
			}

			.js .pop-hover {
				float: none;
				position: absolute;
				right: 15px; /* #header's padding-right */
				visibility: hidden;
			}

				.js .pop-hover.visible { visibility: visible; }

			/* @group form */

				.pop-hover form {
					padding: 1em;
					font-size: 87.5%;
				}

					.pop-hover form div       { overflow: hidden; }
					.pop-hover form div.first { margin-bottom: .5em; }

						.pop-hover form label {
							width: 6.666em; /* Beware! Devil's number!!! */
							display: block;
							float: left;
						}

						.pop-hover form input {
							margin-right: 0;
							float: left;
							vertical-align: middle;
						}

					.pop-hover form p {
						padding-left: 34%;
						margin-bottom: 1em;
					}

					.pop-hover .buttons { text-align: center; }

			/* @end of form */

			/* @group ul */

				.pop-hover ul {
					padding: 1em;
					list-style: disc;
				}

					.pop-hover li { margin-left: 1em; }

			/* @end of ul */

			/* @group .highlight */

				.highlight {
					background: #E0E0E0;
					text-align: right;
				}

					.highlight a {
						background: url(img/sprites.png) no-repeat 100% .8em;
						padding: .5em 2em .5em .5em;
						display: block;
					}

			/* @end of .highlight */

		/* @end of .pop-hover */

	/* @end of #header */

	/* @group #container */

		#container {}

		/* @group #content */

			/* @group Global */

				#content {
					border-left-style: solid;
					border-left-color: #E5E5E5;
					color: #000;
				}

					#content h2 {
						background: url(img/sprites.png) no-repeat 0 .5em;
						padding-left: 15px;
						margin-bottom: 30px;
						font-family: Tahoma, Geneva, "Helvetiva Neue", Helvetica, Arial, sans-serif; /* Simplified Sitepoint's Helvetica/Arial-based font stack */
						font-size: 1.286em;
						color: #3A342A;
					}

					#content h3 {
						margin-bottom: 20px;
						font-size: 1.286em;
						font-weight: normal;
						text-transform: uppercase;
					}

					#content p,
					#content ul,
					#content ol { margin-bottom: 1em; }

					#content div { margin-bottom: 3em; }

					#content ul {
						margin-left: 3em;
						list-style: disc;
					}

					#content li { margin-bottom: .5em; }

						#content li span { color: #000; }

					#content .footer { text-align: right; }

			/* @end of Global*/

			/* @group .meta */

				#content .meta {
					margin: .5em 0;
					overflow: hidden;
				}

					#content .meta p {
						margin: 0;
						float: left;
					}

					#content .meta .nav { float: right; }

			/* @end of .meta */

			/* @group .nav */

				#content .nav,
				#content .nav ul {
					margin: 0;
					list-style: none;
				}

					#content .nav li { margin: 0; }

			/* @end of .nav */

			/* @group .newsletter */

				#content .newsletter h2 { margin-bottom: .5em; }

				#content .newsletter .toc h3,
				#content .newsletter .section h3 {
					background: #CDCDCD url(img/sprites.png) no-repeat 20px 0.8em;
					padding: 6px 0 6px 35px;
					margin-bottom: 10px;
					font-family: Tahoma, Geneva, "Helvetiva Neue", Helvetica, Arial, sans-serif; /* Simplified Sitepoint's Helvetica/Arial-based font stack */
					font-weight: bold;
					text-transform: none;
					color: #3A342A;
				}

				/* @group .toc */

					#content .newsletter .toc {
						font-size: 0.857em;
						margin-bottom: 1em;
					}

						#content .newsletter .toc h3 {
							background-image: none;
							padding-left: 20px;
							text-transform: uppercase;
						}

						#content .newsletter .toc ul {
							margin: 0;
							padding: 0 20px;
							overflow: hidden;
							list-style: none;
						}

						#content .newsletter .toc ul ul { padding: 0; }


							#content .newsletter .toc li {
								width: 45%;
								padding-right: 5%;
								margin: 0;
								float: left;
							}

							#content .newsletter .toc li li {
								background: url(img/sprites.png) no-repeat 0 -95px;
								width: auto;
								padding-left: 18px;
								margin-bottom: 1em;
								float: none;
							}

								#content .newsletter .toc span { font-weight: bold; }

				/* @end of .toc */

				#content .newsletter .ads {
					padding: 1em 0;
					border-top: 4px solid #CDCDCD;
					margin: 0;
					text-align: center;
				}

				#content .newsletter .section { margin-bottom: 2em; }

				/* @group .two-colums */

					#content .newsletter .two-columns {
						padding: 0 20px;
						overflow: hidden;
					}

						#content .newsletter .two-columns .article {
							width: 47%;
							padding: 0 0 0 2.8%;
							border-left: 1px solid #E5E5E5;
							float: left;
						}

							#content .newsletter .two-columns .article.first {
								border: 0;
								padding: 0 3% 0 0;
							}

				/* @end of .two-columns */

				/* @group .article */

					#content .newsletter .article {
						padding: 0 20px;
						margin: 0;
						font-size: 0.857em;
					}

						#content .newsletter .article h4 {
							margin-bottom: 1em;
							font-weight: bold;
							font-size: 1.25em;
						}

						#content .newsletter .photo img { max-width: 100%; }

					/* @group .links */

						#content .newsletter .links {
							margin: 0;
							list-style: none;
							font-weight: bold;
						}

							#content .newsletter .links li { margin: 0; }
								#content .newsletter .links a { font-weight: normal; }

					/* @end of .links */

				/* @end of .article */

			/* @end of .newsletter */

			/* @group .search */

				#content .search { margin-bottom: 1em; }
					#content .search div { margin: 0; }
						#content .search input { width: 300px; }

			/* @end of .search */

			/* @group #formulaire_inscription */

				#formulaire_inscription div {
					margin-bottom: 0.5em;
					overflow: hidden;
				}

					#formulaire_inscription label,
					#formulaire_inscription img,
					#formulaire_inscription input,
					#formulaire_inscription textarea { float: left; }

					#formulaire_inscription label {
						width: 110px;
						display: block;
						text-align: right;
					}

						#formulaire_inscription .required {
							margin: 0 .25em;
							color: red;
						}

					#formulaire_inscription input    { width: 250px; }
					#formulaire_inscription textarea { width: 249px; }

					#formulaire_inscription .password input { width: 125px; }
					#formulaire_inscription .captcha input  { width: 9em; }

					#formulaire_inscription img {
						border: 1px solid #999;
						margin-left: 8px;
					}

					#formulaire_inscription p {
						padding-left: 118px; /* equivalent of label's width + input's margin-left (110 + 8) */
						padding-bottom: .5em;
						border-bottom: 1px solid #E7E7E7;
						margin: 1em 0;
						font-size: 85.7%;
						color: #666;
					}

					#formulaire_inscription button { margin-left: 147px; }

			/* @end of #formulaire_inscription */

			/* @group #notre-agence */

				#notre-agence {
					border-bottom: 1px solid #E5E5E5;
					margin-bottom: 30px;
				}

			/* @end of #notre-agence */

			/* @group #notre-reseau */

				#notre-reseau ul {
					margin-left: 0;
					overflow: hidden;
					list-style: none;
				}

					#notre-reseau li {
						background: #E5E5E5;
						width: 295px;
						float: left;
						margin: 0 5px 20px 4px;
					}
					#notre-reseau ul li {height:185px;}

						#notre-reseau img { padding: 3px; }

						#notre-reseau .legend{
							background: url(img/back-legend.png) repeat-y center;
							margin-top: -5px; /* weird bug */
							display: block;
							line-height: 2;
							text-align: center;
						}

			/* @end of #notre-reseau */

			/* @group #results */

				#results {
					padding: 1em 0;
					border-width: 1px 0;
					border-style: solid;
					border-color: #E7E7E7;
				}

					#results li,
					#results h3,
					#results p { margin: 0; }

					#results li { margin-bottom: 1.5em; }

				/* @group LoVe-HAte */

					#results h3 a { text-decoration: none; }

					#results a:hover,
					#results a:focus { text-decoration: underline; }

				/* @end of LoVe-HAte */

			/* @end of #results */

		/* @end of #content */

		/* @group #sidebar */

			/* @group Global */

				#sidebar h2 {
					background: url(img/back-menu.png) no-repeat center 85%;
					border: 1px solid #999;
					margin-bottom: 20px;
					line-height: 1.83;
					font-family: Tahoma, Geneva, "Helvetiva Neue", Helvetica, Arial, sans-serif; /* Simplified Sitepoint's Helvetica/Arial-based font stack */
					font-size: 1.286em;
					color: #3A342A;
				}

					#sidebar h2 span {
						background: url(img/sprites.png) no-repeat 10px .4em;
						padding-left: 25px;
					}

				#sidebar ul,
				#sidebar ol { margin-left: 10px; }

					#sidebar li {
						background: url(img/sprites.png) no-repeat 0 -95px;
						padding-left: 18px;
						margin-bottom: 1em;
						}

			/* @end of Global*/

			/* @group .profile */

				#sidebar .profile {
					background: #A4A4A4 url(img/back-member.png) repeat-x 0 bottom;
					margin-bottom: 35px;
					border: 1px solid #3A342A;
					font-size: 160%;
				}

					#sidebar .profile a {
						background: url(img/deco-profile.png) no-repeat 0 bottom;
						min-height: 40px;
						padding: .15em;
						padding-left: 55px;
						border: 1px solid #E5E5E5;
						display: block;
						text-align: center;
						text-transform: uppercase;
						color: #FFF;
					}

				/* @group LoVe-HAte */

					#sidebar .profile a,
					#sidebar .profile a:link,
					#sidebar .profile a:visited { text-decoration: none; }

					#sidebar .profile a:hover,
					#sidebar .profile a:focus { text-decoration: underline; }

				/* @end of LoVe-HAte */

			/* @end of .profile */

			/* @group #advanced-search */

				#advanced-search form { padding: 0 10px; }

					#advanced-search div { margin-bottom: .5em; }
					#advanced-search div.button { text-align: right; }

						#advanced-search label {
							padding-left: 10px;
							display: block;
						}

						#advanced-search input  {
							width: 97%;
							margin: 0;
						}

						#advanced-search select { width: 100%; }

			/* @end of #advanced-search */

			/* @group #news */

				#news { margin-bottom: 1.5em; }

					#sidebar #news li {
						background: none;
						padding: 0;
					}

					#news li:first-letter {
						background: url(img/sprites.png) no-repeat 0 -97px;
						padding-left: 18px;
					}

			/* @end of #news */

			/* @group #twitter */

				#sidebar #twitter {
					background: none;
					border: 0;
					margin-bottom: 3em;
					font-family: inherit;
					font-weight: normal;
					line-height: 1.05;
				}

					#sidebar #twitter a {
						background: url(img/back-twitter.png) no-repeat;
						width: 107px; /* background's width - padding-right - padding-left (217 - 35 - 75) */
						height: 38px; /* background's height - padding-top - padding-bottom (62 - 12 - 12) */
						padding: 12px 35px 12px 75px;
						margin: 0 auto;
						display: block;
					}

			/* @end of #twitter */

			/* @group #submenu */

				#sidebar #submenu { margin: 0 0 5em 0; }

					#sidebar #submenu li {
						background: none;
						padding: 0;
						margin: 0;
						border-bottom: 1px dotted #CCC;
					}

						#submenu a {
							padding: .4em .6em;
							display: block;
							text-decoration: none;
						}

				/* @group LoVe-HAte */

					#submenu a,
					#submenu a:link,
					#submenu a:visited { text-decoration: none; }

					#submenu a:hover,
					#submenu a:focus,
					#submenu a:active { background: #EDEDED url(img/back-submenu.png) no-repeat 95%; }

					#submenu .selected a { text-decoration: underline; }

				/* @end of LoVe-HAte */

			/* @end of #submenu */

		/* @end of #sidebar */

	/* @end of #container */

	/* @group #footer */

		#footer {
			background: url(img/back-footer.png) no-repeat;
			font-size: .857em;
			color: #3A342A;
		}

			#footer ul,
			#galaxy {
				height: 35px;
				line-height: 35px;
				text-align: center;
			}

				#footer li {
					display: inline;
					margin: 0 1em;
				}

				.copyright { text-transform: uppercase; }

	/* @end of #footer */

	/* @group Modifs JJ */
		ul#submenu li .on {text-decoration:underline;}
		div#resultats { height:20px;}
		div.choix {display:none;}
		span.details a#spip_pass {padding-left:7.5em;}
		#content div {margin-bottom:0;}
		#content div.histoire_droite ul {float:left; margin-left:15px; padding:0;}
		div.histoire_gauche {float:left; margin-right:10px; padding:0; margin-bottom:0; width:120px;}
		div.histoire_droite {float:left; width:400px;}
		div.etude_gauche {float:left; margin-right:10px; padding:0; margin-bottom:0; width:220px;}
		div.etudee_droite {float:left; width:300px;}
		#content div.partenaires_gauche ul {float:left; margin-left:15px; padding:0;}
		div.partenaires_droite {float:left;  padding:0; margin-bottom:0; width:205px;}
		div.partenaires_gauche{float:left; width:300px; margin-right:20px;}
		hr.separation {clear:both; visibility: hidden;}
		li.retour_haut {list-style-type:none; text-align:right; width:400px;}
		.encadre {border:1px solid #000000; margin:20px;}
		.telephone{float:left; padding:10px; width: 70px;}
		.coordonnees {float:left; padding:10px; width:400px;}
		.recrut h3 {clear:both; margin-top:25px; margin-bottom:0;}
		ul#sssousnav {list-style-type:none; text-align:center;}
		ul#sssousnav li {display:inline; margin-right:20px; font-size:1.2em}
		ul#sssousnav li .on {font-weight:bold; text-decoration:none;}

		div.chapeau { font-weight: bold; }

		.newsletter ul#sssousnav_archive {list-style-type:none; margin:20px 0 0 0; width:600px; padding:0;}
		.newsletter ul#sssousnav_archive li {display:inline; font-size:0.85em; padding:0;}
		.newsletter ul#sssousnav_archive li .on {font-weight:bold; text-decoration:none;}

		ul#sssousnav2 { text-align:left; color:#666666; margin:0 0 20px 0; padding:0;}
		ul#sssousnav2 li {display:inline; font-size:1em; display:block;  margin:0; padding:0;}
		ul#sssousnav2 li .on {font-weight:bold; text-decoration:none;}

		/*div.pop-hover  input{width:120px;}
		div.pop-hover  label{font-size:10px;}
		div.pop-hover span.details {font-size:10px;}*/
		body.page_login #minipres p.highlight a{display:none;}

		#formulaire_inscription label {width:140px; display:block; margin:0; padding:0;}
		#formulaire_inscription ul {list-style-type:none; margin:0; padding:0; }
		#formulaire_inscription input {margin-bottom:2px;}
		#formulaire_inscription textarea {margin-bottom:2px;}


		ul.spip_form_choix_unique li{list-style-type:none;}
		ul.spip_form_choix_multiple li{list-style-type:none;}
		ul.spip_form_choix_unique{ margin:0; padding:0;}
		ul.spip_form_choix_multiple{ margin:0; padding:0;}
		span.spip_form_label {width:580px; display:block;}
		div.spip_form_champ {width:580px;}

		.formulaire_spip li.erreur .erreur_message {font-size:10px;}

		form fieldset ul p {display:none;}
		div.boutons {margin-left:245px; }

		span.crayon-icones {margin-left:400px; float:left;}
		li.ancre {padding-bottom:20px; display:block;}

		li.profil { list-style-type:none;}
		.labelprofil {width:100px; text-align:right; display:block; float:left; margin-right:10px;}
		td.profil {vertical-align:bottom;}
		td.info {border: 1px solid black; width:500px;}
		.encadre { border:none;} 
		.nonvide { padding: 0 150px 0 15px; width: 150px; margin-right:50px;} 
		

		ul#aumilieu {margin-left:100px; margin-top:35px;}

		#content a#voir_article {display:none;}
		#content a#statistiques {display:none;}
		#modif {float:right; color:#000000;}
		#modif a#voir_mode .spip-admin-boutons {color:#000000;}

		.spip_documents_left {padding-right:15px;}
		
		#content object {margin-left:100px; margin-bottom:30px;}
		
		#refuse {font-family:Arial, Helvetica, sans-serif; color:#000000; width:380px; margin:60px auto 0 auto;}
		#refuse h1 {font-size:18px; text-align:center; padding-bottom:30px;}
		#refuse  label {width:150px; display:block; float:left;}
		#refuse  input {width:200px; float:left;}
		#refuse .details a {margin-left:150px;text-align:right; font-size:11px;}
		#refuse .boutons {margin-left:280px; margin-top:20px; margin-bottom:20px;}
	/* @end Modifs JJ */

/* @end of global.css */