/* fond du site */

body {
	background: #e6ebf2 url(../images/background.gif) repeat-x left top;
}


/* centrage du site et largeur */

#allpage {
	margin: 0px auto 0px auto;
	padding:  0px;
	width: 950px;
	top:0px;
	background: transparent url(../images/content-background.gif) repeat-y left top;
}



/* Header : entête de page */

		#header {
			position: absolute;
			width: 950px;
			height: 170px;
			top:0px;
			z-index: 10;
			margin: 0px 0px 0px 0px;
			background: url(../images/header.gif) no-repeat left top;
		}
				
/* div menu et sous menu */

				#header #menu_general {
					position: absolute;
					width: 450px;
					height: 20px;
					top:142px;
					left:270px;
					border: 1px solid red;
					border: 0px none transparent;
				}
						#header #menu_general a span {
							display: block;
							height: 20px;
							overflow: hidden;
							padding: 2px 30px 0px 30px;
						}
						#header #menu_general span.m,
						#header #menu_general a{
							display: block;
							float: left;
							padding: 0px 0px 0px 0px;
							margin: 0px 0px 0px 0px;
							color: #5b5d67;
							font-weight: normal;
							font-size: 14px;
						}
						#header #menu_general a:hover{
							color: #ffffff;
							background-color:#8f8f8f;
							border-bottom: 0px none transparent;
						}
						#header #menu_general a.mselected{
							color: #ffffff;
							background-color: #999999;
							border-bottom: 0px none transparent;
						}
			
						
/* sous menu */
								#header #menu_general div.menu{
									position: relative;
									top:20px;
									z-index: 55;
									width: 0px;
									height: 0px
								}
								#header #menu_general div.menu table {
									position: absolute;
									border: 1px solid #dad6d8;
									border-top: 0px none transparent;
									padding: 0px 0px 10px 0px;
									margin: 0px 0px 0px 0px;
									background: #ffffff;
									left:-10px;
									width: 150px;
								}	
										#header #menu_general div.menu a{
											font-style: normal;
											display: block;
											width: 135px;
											float: left;
											padding: 3px 8px 3px 7px;
											margin: 0px 0px 0px 0px;
											color: #8B8B9E;
											font-weight: normal;
											font-size: 12px;
										}
										#header #menu_general div.menu a.smain {
										}
										#header #menu_general div.menu a.smain:hover{
											color: #ffffff;
											background-color: #c1c3c5;
										}
										#header #menu_general div.menu a.smainselected span{
											color: #96be00;
										}
/* div inscription */

				#header #inscription  {
					position: absolute;
					width: 250px;
					height: 20px;
					top:142px;
					left:680px;
					border: 1px solid red;
					border: 0px none transparent;
				}
						#header #inscription a span {
							display: block;
							height: 20px;
							overflow: hidden;
							padding: 2px 70px 0px 70px;
						}
						#header #inscription span.m,
						#header #inscription a{
							display: block;
							padding: 0px 0px 0px 0px;
							margin: 0px 0px 0px 0px;
							float: right;
							color: #ffffff;
							font-weight: normal;
							font-size: 14px;
							background: #b3b100 url(../images/arrows.gif) no-repeat 50px center;
						}
						#header #inscription a:hover{
							color: #ffffff;
							background-color:#8f8f8f;
							border-bottom: 0px none transparent;
						}
						#header #inscription a.mselected{
							color: #ffffff;
							background-color: #999999;
							border-bottom: 0px none transparent;
						}
						
						
						
/* div lien sur logo */
				
				#header #lien_logo_hp{
				/* lien sur le logo */
					position: absolute;
					width: 400px;
					height: 120px;
				}
						#header #lien_logo_hp img{
							border: 0px none transparent;
							width: 400px;
							height: 120px;
						}
						#header #lien_logo_hp a{
							border: 0px none transparent;
						}
				
/* div Fils d'ariane */
				#header #ariane{
					position:absolute;
					top:170px;
					left:270px;
				}
						
				#header #ariane,
					#header #ariane	*{
						font-size: 10px;
					}
					#header #ariane	.pathselected {
						color: #5b5d67;
					}
					#header #ariane	.path {
						color: #5b5d67;
					}
					#header #ariane	.path:hover {
						color: #5b5d67;
					}



				#header #titre_site {
					position:absolute;
					top:100px;
					left:310px;
					width: 600px;
					font-size: 32px;
					text-align: right;
					color:#d3d3d3;
					font-weight: 100;
				}







/* Footer : pied de page visible */

		#footer {
			position: relative;
			bottom: 0px;
			margin: 0px 0px 0px 0px;
			width: 950px;
			height:auto!important;
			background: url(../images/footer.gif) no-repeat center bottom;
			z-index: 70;
			clear: both;
		}
			#footer_content {
				padding:20px 30px 30px 30px;
			height:auto!important;
				clear: both;
			}
/* div menu copyright */

				#footer #menu_copyright{
					position: absolute;
					margin: 0px 0px 0px 20px;
					bottom:0px;
					width: 100%;
					padding: 0px 0px 0px 0px;
					clear:both;
				}
				
				#footer #menu_copyright *{
					color: #5b5d67;
					font-size: 10px;
					text-align: left;
				}
						#footer #menu_copyright #menu_copyright_left{
							float: left;
							text-align: left;
						}
						#footer #menu_copyright #menu_copyright_right{
							float: right;
							text-align: right;
							margin: 0px 0px 0px 0px;
							padding: 0px 0px 0px 0px;
						}
							#footer #menu_copyright b{
								color: #5b5d67;
								font-weight: bold;
							}
							#footer #menu_copyright a{
								color: #5b5d67;
							}
								#footer #menu_copyright #menu_copyright_right a{
										margin: 0px 0px 0px 20px;
								}
							#footer #menu_copyright a.selected{
								color: #96bf0d;
							}
							#footer #menu_copyright a:hover{
								color: #96bf0d;
							}

/* div menu utilitaire */

				#footer #menu_utilitaire {
				/* menu des liens utilitaires (a gauche du moteur de recherche) */
					position: absolute;
					width: 680px;
					height: 20px;
					top:5px;
					left:250px;
					text-align: right;
				}
					#footer #menu_utilitaire a{
						color: #ffffff;
						font-weight: normal;
						text-align: right;
						padding: 10px 10px 0px 10px;
					}
						#footer #menu_utilitaire a:hover{
							color: #96bf0d;
						}
						#footer #menu_utilitaire a.selected{
							color: #96bf0d;
						}






/* Content : partie contenu cad : colonnes gauche | centre | droite */

		#content {
			padding: 0px 0px 0px 0px;
			margin: 170px 0px 0px 0px; 
			width: 950px;
			z-index: 1;
			height:100%;
		}
			#content #colonne_de_gauche{
				float: right;
				position: relative;
				vertical-align: top;
				width: 250px;
				height:100%;
			}
			/* IE6 */ * html #content #colonne_de_gauche{
				width: 250px;
				overflow: hidden;
			}
	
/* Table Actu */

					#actus {
						width: 240px;
					}
					#actus_title {
						margin: 0px 0px 0px 0px;
						padding: 10px 0px 0px 0px;
						height: 40px;
						background: transparent url(../images/news_colonne.gif)  no-repeat left top;
						text-align: center;
						border: 1px solid red;
							border:0px none transparent;
					}
					
					#actus_title a {
						font-size: 20px;
						font-weight: 100;
						color:#ffffff !important;
					}
					
					#actus_list {
						padding: 0px 15px 30px 15px;
						background: transparent url(../images/news_colonne.gif) no-repeat left bottom;
					}
						.screens_actus {
							position: relative;
							padding: 0px 0px 0px 0px;
							width: 190px;
							height: 200px;
							overflow: hidden;
							border:0px none transparent;
						}
						
						.screen_actus {
							position: relative;
							padding: 15px 15px 15px 15px;
							height: auto;
							display:none;
							border:0px none transparent;
							display:none;
						}
						.screen_actus_title {
							padding: 0px 0px 0px 15px;
							background: url(../images/news_arrow.gif) no-repeat left 2px;
						}
						.screen_actus_title a,
						.screen_actus_title {
							font-size: 14px;
							color:#b1b000;
						}
						.screen_actus_texte {
							padding: 0px 0px 20px 15px;
						}
							#actus .date {
								color: #9dbc2b;
								font-weight: normal;
								font-size: 9px;
							}
							#actus a {
								color: #7c7e86;
							}
							#actus a:hover {
								color: #519ed1;
							}
							
							.more {
								display: inline-block;
								width: 16px;
								height: 8px;
								margin: 0px 0px 0px 6px;
								background: url(../images/more.gif) no-repeat left top;
								color:transparent !important;
								text-decoration: none;
							}


		
					
					
			

/* mise en forme de la zone principale */

			#content #colonne_content{
				position: relative;
				float:right;
				vertical-align: top;
				width: 630px;
				padding: 20px 50px 20px 0px;
				border: 1px solid red;
				border: 0px none transparent;
			}
			/* IE6 */ * html #content #colonne_content{
			}






			
/* mise en form du formulaire */
		
form#contact div.form {
	width: 600px;
	margin:10px 0 0 0;
	clear: both;
}
form#contact fieldset {
	border:0;
	padding:0;
	margin:0 0 10px 0;
	clear: both;
}
fieldset span.checkbox_item, 
fieldset span.radio_item {
	display:block;
	text-indent: -20px;
	padding:0 0 0 20px
}

fieldset fieldset {
	margin:0 0 0 20px!important;
}
	form#contact div.label {
		width:150px;
		float: left;
	}
	form#contact div.input {
		width:440px;
		float: right;
	}
	form#contact label {
		color: #7c7e86;
	}				
	
		form#contact label.need {
			color: #dd9628;
		}
		form#contact label span.error {
			color: #dd9628;
		}				
	
	form#contact input.text,
	form#contact input.email,
	form#contact select.select,
	form#contact textarea.textarea {
		border: 1px #7c7e86 dotted;
		color: #7c7e86;
		width: 100%;
	}	
	form#contact textarea{
		height: 150px;
	}
	form#contact input.hidden {
	}	
	form#contact input.checkbox {
	}
	form#contact input.radio {
	}
	form#contact table td {
		padding: 0px 0px 5px 0px;
	}
	form#contact table td.label {
		width: 150px;
	}
	form#contact input.need,
	form#contact select.need, 
	form#contact textarea.need {
		border: 1px #dd9628 dotted!important;
		background-color: white!important;
		color: #dd9628!important;
	}
	form#contact input.error,
	form#contact select.error, 
	form#contact textarea.error {
		border: 1px #dd9628 dotted!important;
		background-color: #dd9628!important;
		color: white!important;
	}

/* captcha */
	#captcha {
		position:absolute;
		top:-600px;
		left:-600px;
		border: 0px none transparent;
		padding: 0px;
		margin: 0px;
		width: 0px;
		height: 0px;
	}