/* fond du site */

body {
	background: #111111;
}


/* centrage du site et largeur */

#allpage {
	padding:  0px;
	top:0px;
	background: #ffffff;
}

.centrage_du_site{
	margin: 0px auto 0px auto;
}

.largeur_du_site {
	width: 950px;
}

/* Header : entête de page */

		#header {
			position: absolute;
			height: 120px;
			top:0px;
			z-index: 10;
			margin: 0px 0px 0px 0px;
			background: #222222;
		}
				
/* div menu et sous menu */

				#header #menu_general {
					position: absolute;
					width: 680px;
					height: 30px;
					top:100px;
					left:250px;
				}
						#header #menu_general span.m,
						#header #menu_general a{
							display: block;
							float: left;
							padding: 0px 10px 0px 0px;
							margin: 2px 10px 0px 0px;
							color: #5b5d67;
							font-weight: normal;
							font-size: 14px;
							border-right: 1px solid #ffffff;
						}
						#header #menu_general a:hover{
							color: #f29500;
							border-bottom: 0px none transparent;
						}
						#header #menu_general a.mselected{
							color: #96be00;
							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 lien sur logo */
				
				#header #lien_logo_hp{
				/* lien sur le logo */
					position: absolute;
					width: 170px;
					height: 95px;
					top:0px;
					left:0px;
				}
						#header #lien_logo_hp img{
							border: 0px none transparent;
							width: 170px;
							height: 95px;
						}
						#header #lien_logo_hp a{
							border: 0px none transparent;
						}
				
/* div Fils d'ariane */
				#header #ariane{
					position:absolute;
					top:125px;
					left:260px;
				}
						
				#header #ariane,
					#header #ariane	*{
						font-size: 10px;
					}
					#header #ariane	.pathselected {
						color: #5b5d67;
					}
					#header #ariane	.path {
						color: #5b5d67;
					}
					#header #ariane	.path:hover {
						color: #5b5d67;
					}



				#header #connection {
					position:absolute;
					top:20px;
					left:430px;
					width: 500px;
					text-align: right;
						color:#96be00;
				}
					#header #connection a{
						color:#ffffff;
					}







/* Footer : pied de page visible */

		#footer {
			position: relative;
			margin: 0px 0px 0px 0px;
			height: 80px;
			background: #222222;
			z-index: 70;
			clear: right;
		}
		
/* div menu copyright */

				#footer #menu_copyright{
					position: absolute;
					margin: 0px 0px 0px 0px;
					top:90px;
					width: 100%;
					padding: 0px 0px 0px 0px;
				}
				
				#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 */

				#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;
				}
					#menu_utilitaire a{
						color: #ffffff;
						font-weight: normal;
						text-align: right;
						padding: 10px 10px 0px 10px;
					}
						#menu_utilitaire a:hover{
							color: #96bf0d;
						}
						#menu_utilitaire a.selected{
							color: #96bf0d;
						}

/* div formulaire de recherche */

				#zone_recherche{
				/* zone de l'entrée au moteur de recherche */
					position: absolute;
					width: 325px;
					height: 30px;
					top:5px;
					left:20px;
					text-align: left;
				}
					#zone_recherche form{
					}
						#zone_recherche form table{
							text-align: left;
						}
						#zone_recherche form table tr td{
							vertical-align: top;
						}
							#zone_recherche #label_search{
								width: 90px;
								display: block;
								float: right;
								padding: 10px 0px 0px 10px;
								color: #5E7D93;
								font-weight: bold;
							}
							#zone_recherche #word_search{
								font-size: 12px;
								color: #666666;
								width: 170px;
								height: 20px;
								background: transparent;
								border:1px solid #111111;
							}
							#zone_recherche #btn_search{
								width: 22px;
								height: 22px;
								border:1px solid #111111;
							}





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

		#page {
			padding: 0px 0px 0px 0px;
			margin: 120px 0px 0px 0px; 
			background: #eeeeee;
			vertical-align: top;
			z-index: 1;
			height:100%;
		}
			#colonne_menu{
				padding: 30px 30px 40px 20px;
				margin: 0px 0px 0px 0px;
				float: left;
				position: relative;
				vertical-align: top;
				width: 200px;
				height:100%;
				background: #dddddd;
			}
				/* IE6 */ * html #page #colonne_menu{
					width: 200px;
					height:100%;
				}
			
			#contenu {
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				float: right;
				position: relative;
				vertical-align: top;
				width: 700px;
				height:100%;
				background: #cccccc;
			}

			#colonne_du_centre{
				margin: 0px 0px 0px 0px;
				float: left;
				position: relative;
				vertical-align: top;
				width: 450px;
				height:100%;
				background: #aaaaaa;
			}
				* html #page #colonne_du_centre {
					width: 450px !important;
				}

			#colonne_de_droite{
				padding: 30px 30px 40px 20px;
				margin: 0px 0px 0px 0px;
				float: right;
				position: relative;
				vertical-align: top;
				width: 200px;
				height:100%;
				background: #bbbbbb;
			}
				* html #page #colonne_de_droite {
					width: 200px !important;
				}
				
			.marge{
				padding: 30px 30px 40px 20px;
				background: #eeeeee;
			}
			.clear {
				clear: both;
			}
/* mise en form du formulaire */
		
form#contact table {
	width: 410px;
}
	form#contact label {
		white-space: nowrap;
		color: #7c7e86;
	}				
	
		form#contact label.need {
			white-space: nowrap;
			color: #d17323;
		}
		form#contact label span.error {
			white-space: nowrap;
			color: #d17323;
		}				
	
	form#contact input.text,
	form#contact select.select,
	form#contact textarea.textarea {
		border: 1px #7c7e86 dotted;
		color: #7c7e86;
	}	
	form#contact textarea{
		height: 150px;
	}
	form#contact input.hidden {
	}	
	form#contact input.checkbox {
	}
	form#contact input.radio {
	}
	form#contact table td {
		padding: 0px 10px 5px 0px;
	}
	form#contact table td.label {
		width: auto;
	}
	form#contact table textarea.textareaneed,
	form#contact table select.selectneed,
	form#contact table input.emailneed ,
	form#contact table input.textneed {
		border: 1px #da954d dotted;
		background-color: white;
		color: #da954d;
	}
	form#contact table textarea.textareaneederror,
	form#contact table select.selectneederror,
	form#contact table input.emailneederror ,
	form#contact table input.textneederror,
	form#contact table input.neederror {
		border: 1px #da954d dotted;
		background-color: #da954d;
		color: white;
	}
	
	.short {
		width: 250px !important;
	}
	.veryshort {
		width: 30px !important;
	}
	.long {
		width: 500px !important;
	}
	.mention {
		font-size: 10px;
		white-space: normal !important;
		text-align: justify;
	}

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