/* Stylesheet "NotreBoutchtou" :: v1 (02-05-2008) */
/* Designed by "cclair.nl"  */
/* Coded by "WeCode"  */
/* You may learn from this CSS and use its techniques in your own projects, but the unique combination of images, colors, sizes, typography, and positioning ("the design") is copyright (c) 2008 "NotreBoutchtou" and may not be used by anyone but us. */ 

/*
	Style Index
	---------------------
	
	$1 - Site Structure Styles
		$1.1 - General Styles
		$1.2 - Main Layout Styles
		
	$2 - Content Styles
		$2.1 - General Content Styles
		
	$4 - Image Styles
		$4.1 - General Image Styles

	$5 - Form Styles
		$5.1 - General Form Styles
		
*/ 







/*** $1 - Site Structure Styles ***/

		/* 1.1 - General Styles */
		
			* {
				margin:0;
				padding:0;
			}
						
		/************************/
	
		/* 1.2 - Main Layout Styles */
	
			body {
				background: #fff;
				color:#333333;
				font-family:  Helvetica, Arial, sans-serif;
				font-size: 12px;
				line-height: 18px;
			}
			
			#global {
				position:absolute;
				left: 50%;
				top: 50%;
				width: 800px;
				height: 524px;
				margin-top: -262px; /* moitié de la hauteur */
				margin-left: -400px; /* moitié de la largeur */
			}

			#container {
				background:url(../images/bg_container.jpg) no-repeat top right #fff;
				border:1px solid #cccccc;
				border-width:1px 1px 1px 1px;
				margin:0 auto;
				position:relative;
				width:800px;
			}
			
			#container.op {
				background:url(../images/bg_container_op.jpg) no-repeat top right #fff;
			}
			
			#main {
				padding: 90px 0 0 0;
				overflow: hidden;
			}
			
			#sidebar {
				float: left;
				width: 190px;
			}
			
			#labyrinth {
				background:url(../images/bg_sidebar.jpg) no-repeat top left #fff;
				height: 303px;
				width: 190px;
			}
			
			#content {
				float: right;
				border: 1px solid #ccc;
				border-width: 0 0 0 1px;
				height: 432px;
				*height: 429px;
				overflow: auto;
				padding: 0 10px 10px 10px;
				width: 589px;
			}
			

		/************************/







/*** $2 - Content Styles ***/

		/* 2.1 - General Content Styles */
		
			a:link, a:visited{
				color:#a31c4a;
			}
			
			a:hover, a:active{
				color:#000;
			}
			
			h1 {
				line-height:2em;
				font-size: 1.5em;
				margin: 0;
			}
			
			h2 {
				font-size: 1.2em;
				margin: 0;
			}
			
			p {
				margin: 0 0 1.5em 0;
			}







/*** $3 - List Styles ***/

		/* 3.1 - General Lists */

			ul li{
				list-style-position: inside;
				margin: 0 0 1.5em 0;
			}

		/************************/

		/* 3.2 - Main Navigation */

			#sidebar ul {
				padding: 0.2em 10px 0.2em 0 ;
				width:180px;
			}

			#sidebar ul li {
				display:block;
				font-size:11px;
				list-style: none;
				margin: 0 0 0 0;
				padding: 0.2em 0 ;
				text-align: right;
			}

			#sidebar li a {
				color: #999999;
				text-decoration:none;
			}
			
			#sidebar li a:hover {
				text-decoration: underline;
			}

			#sidebar li.current a {
				color:#a31c4a;
				text-decoration:none;
			}		 

		/************************/

		/* 3.3 - Content Lists */

			#content ul {
				margin: 0 0 14px 0;
			}
			#content ul ul {
				margin: 0 0 0 0;
			}
			#content li, #sidebar li {
				list-style:square;
				margin:0 0 0 14px;
			}
			#content li li {
				list-style:disc;
				margin:0 0 0 24px;
			}					

		/************************/
			









/*** $4 - Image Styles ***/

		/* 4.1 - General Image Styles */
		
			img {
				border: none;
			}
			
		/************************/
	
		/* 4.2 - Image Buttons */
		
			#header img {
				padding:7px 0 0 0;
			}

		/************************/





/*** $5 - Form Styles ***/

		/* 5.1 - General Form Styles */
		

			
			/* 5.1 - General Form Styles */

				form {
					padding:22px 0 22px 0;
					overflow: hidden;
				}
				
				fieldset {
					border: 0;
				}

				button {
					margin: 22px 0 0 0;
				}

				form .row {
					border-top:1px solid #fefefe;
					padding:8px 0 4px 0;
					overflow: hidden;
				}

				label {
					float:left;
					font-weight: bold;
					margin:0.5em 12px 0 0;
					width:120px;
				}

				label.radio {
					float:none;
					font-weight: normal;
					margin:0.1em 12px 0 0;
					text-align:left;
					width:auto;
				}

				input, textarea {
					border: 1px solid #ccc;  
					font-size:1em;
					padding:0.4em;				
					margin: 0 0.5em 0.5em 0;  
					width:410px;
				}

				input.radio {
					border:0;
					margin:0.6em 5px 0 0;
					width:auto;
				}

				input:focus, textarea:focus {
					border: 1px solid #8DB4D0;  
				}

				input.sc {
					display:none;
				}
			/************************/