html {
	background: #e3dcd2 url('/img/theme/bande_footer.png') top left repeat-y;
	}
body {
	background: #efefef url('/img/theme/bande_background.png') top left repeat-x;
/* 	Commenté car empeche l'ascenceur du body, du coup on peut rien voir en bas de page ^^ */
	/* overflow: hidden */
	}
a:hover, a.selected {
	color: #951f16;
	text-decoration: none;
	}
strong { font-weight: normal; }
/*************************************************
***********          CONTAINER     ***************
*************************************************/
#container {
	width: 956px;
	}
/*************************************************
***********           HEADER       ***************
*************************************************/
#header {
	background:transparent url('/img/theme/fond_header.jpg') no-repeat top right;
	height: 235px;
	}
	#header h1, #header ul#access-nav {
		position: absolute;
		left: -9999px;
		}
	#header #logo {
		float: left;
		margin-left: 40px;
		}
	#header h2 {
		float: left;
		font-size: 141.66%;
		font-weight: normal;
		color: #a3907c;
		padding: 103px 0 0 32px;
		}
		#header h2 span {
			font-size: 110%;
			position: relative;
			top: 17px;
			left: -55px;
			color: #a3907c;
			}
	#header ul {
		float: right;
		margin-top: 201px;
		width: 168px;
		height: 34px;
		}
		#header ul li {
			float: left;
			height: 34px;
			}
			#header ul li a {
				display: block;
				color: #805007;
				}
		#header ul li#equi {
			width: 75px;
			}
		#header ul li#philo {
			width: 93px;
			}
			#header ul li#philo a, #header ul li#equi a{
				display: block;
				padding: 10px 0 0 25px;
				line-height: 15px;
				height: 24px;
				}
				#header ul li#philo a:hover, #header ul li#philo a.selected{
					background: url('/img/theme/icons/nav_annexe_select1.png') center left no-repeat;
					color:  #951f16;
					}
				    #header ul li#equi a:hover, #header ul li#equi a.selected{
					background: url('/img/theme/icons/nav_annexe_select2.png') center left no-repeat;
					color:  #951f16;
					}
#header ul li#philo a {
background-image: url('/img/theme/fond_nav_annexe_1.png')
}
#header ul li#equi a {
background-image: url('/img/theme/fond_nav_annexe_2.png')
}
			
/*************************************************
***********           MAIN_NAV     ***************
**************************************************/
#main-nav {
	float: left;
	width: 165px;
	margin-top: 30px;
		}
		#main-nav ul li {
			height: 23px;
			margin: 0px 0px 9px 0px;
			}
			#main-nav ul li a {
				padding-left: 45px;
				line-height: 23px;
				display: block;
				color: #805007;
				}
			#main-nav ul li a:hover{
				background: url('/img/theme/icons/nav_icon_select.png') center left no-repeat;
				color:  #951f16;
				}
			#main-nav ul li a.selected {
				background: url('/img/theme/icons/nav_icon_select_bando.png') center left no-repeat;
				color:  #951f16;
				}
/*************************************************
***********           CONTENT      ***************
**************************************************/
#content {
	background: #efefef url('/img/theme/fond_modulaire.jpg') top right no-repeat;
	width: 740px;
	min-height: 350px;
	margin: 0px 0px 0px 215px; 
	padding-top: 14px;
	}
/*************************************************
***********           FOOTER       ***************
**************************************************/
#footer {
	background-color: #e3dcd2;
	height: 113px;
	position: relative;
	}
		#footer div h3 {
		font-weight: normal;
		color: #805007;
		}
	#footer #contact {
		background:transparent url(/img/theme/icons/contact_icon.png) no-repeat scroll left top;
		height:140px;
		margin:0 27px 0 40px;
		position:relative;
		}
		#footer #contact h3{
			padding: 22px 0px 2px 36px;
			}
		#footer #contact p {
			width: 159px;
			margin: 0px 18px 0px 36px;
			font-size: 91.67%;
			}
	#footer #contact form {
		position: absolute;
		top: 21px;
		left: 225px;
		height: 113px;
		}
		#footer #contact form input, #footer #contact form textarea {
			border: none;
			width: 210px;
			background-color: #f4f1ed;
			position: absolute;
			}
		#footer form input{
			top: 30px;
			color: #554c42;
			height: 20px;
			}
			#footer #contact form input.name {
				position: absolute;
				top: 0px;
				left: 0px;
				}
		#footer #contact form textarea {
			height: 49px;
			left:226px;
			top: -3px;
			margin-top: 3px;
			font-size: 95%;
			font-family: 'Trebuchet MS';
			color: #554c42;
			}
		#footer #contact form input.submit{
			position: absolute;
			top: 34px;
			left: 445px;
			width: 16px;
			height: 16px;
			background: transparent url('/img/theme/icons/submit.png');
			}
		#footer #contact form div.input.checkbox {
			position: absolute;
			top: 55px;
			width: 440px;
			float: left;
			}
			#footer #contact form div.input.checkbox #ContactCnil{
				width: 15px;
				height: 15px;
				}
			#footer #contact form div.input.checkbox label {
				display: inline;
				font-size: 66.66%;
				padding-left: 3px;
				float: left;
				width: 417px;
				position: absolute;
				left: 15px;
				top: 1px;
				text-align: justify;
				}
			#footer #contact form div.input.checkbox input {
				display: inline;
				position: relative;
				top: 0px;
				vertical-align: middle;
				}
		#footer #mentions {
			width: 400px;
			color: #b6a796;
			font-size: 75%;
			padding-left: 75px;
			margin-top: -3px;
			}
			#footer #mentions a{
				color: #b6a796;
				text-decoration: none;
				}
				#footer #mentions a:hover, #footer #mentions a.legales.selected{
					color: #951f16;
					}
	#footer #adresse{
		width: 124px;
		height: 119px;
		background: url('/img/theme/blanc_trans.png');
		padding: 11px 0 0 5px;
		position: absolute;
		top : -17px;
		left : 739px;
		line-height: 11px;
		}
		#footer #adresse h3{
			padding-bottom:  10px;
			color: #951f16;
			}
		#footer #adresse p{
			font-size: 91.67%;
			letter-spacing: -0.2px;
			line-height: 12px;
			}
			#footer #adresse p a{
				display: block;
				margin-top: 30px;
				font-size: 83.33%;
				text-decoration: none;
				}
	#footer #liens{
		background: url('/img/theme/icons/liens_icon.png') left top no-repeat;
		position: absolute;
		top : 10px;
		left : 881px;
		width: 40px;
		height: 60px;
		padding: 15px 0 0 34px;
		}
		#footer #liens h3 a{
		color: #805007;
			}
			#footer #liens h3 a:hover, #footer #liens h3 a.selected{
				color: #951f16;
				}
				
/********      message d'erreur       *************
**************************************************/
.error-message {
	color:#951F16;
	font-size: 100%;
	left: 140px;
	position:relative;
	top:-280px;
	left: 82px;
	width: 220px;
	padding-bottom: 15px;
	}
input.form-error {
	border : #951f16 solid 1px !important;
	}
#flashMessage {
	color: #951f16;
	font-size: 100%;
	font-family: sans-serif;
	margin-bottom: 15px;
	padding: 34px 16px 0 54px;
	line-height: 15px;
	}