/* 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: #ffffff url(../images/content-background.gif) repeat-y left top;
}



/* Header : entête de page */

		#header {
			position: absolute;
			width: 950px;
			height: 120px;
			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 #banner{
					position: absolute;
					text-align: right;
					width: 770px;
					height: 65px;
					overflow: hidden;
					top:3px;
					left:170px;
				}
				#header #banner object{
					border:1px solid #ddd;
				}
				
				#header #menu_general {
					position: absolute;
					width: 680px;
					height: 30px;
					top:100px;
					left:155px;
				}
						#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:122px;
					left:157px;
				}
						
				#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;
					}


				#header #send_friend {
					position:absolute;
					top:100px;
					left:750px;
					width: 180px;
					height: 18px;
					padding: 2px 20px 0px 0px;
					text-align: right;
				}




/* Footer : pied de page visible */

		#footer {
			position: relative;
			margin: 0px 0px 0px 0px;
			width: 950px;
			height: 80px;
			background: url(../images/footer.gif) no-repeat center top;
			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 */

				#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;
						}

/* div formulaire de recherche */

				#footer #zone_recherche{
				/* zone de l'entrée au moteur de recherche */
					position: absolute;
					width: 325px;
					height: 30px;
					top:5px;
					left:20px;
					text-align: left;
				}
					#footer #zone_recherche form{
					}
						#footer #zone_recherche form table{
							text-align: left;
						}
							#footer #zone_recherche #label_search{
								width: 90px;
								display: block;
								float: right;
								padding: 10px 0px 0px 10px;
								color: #5E7D93;
								font-weight: bold;
							}
							#footer #zone_recherche #word_search{
								font-size: 12px;
								color: #5E7D93;
								width: 170px;
								height: 20px;
								background: transparent;
								border:none 0px transparent;
							}
							#footer #zone_recherche #btn_search{
								width: 35px;
								height: 20px;
							}
				
/* div lien vers RW */
				#liens_footer_rw{
					position: absolute;
					width: 50px;
					height: 50px;
					top:30px;
					left:830px;
					z-index: 74;
				}
					#liens_footer_rw a img{
						width: 40px;
						height: 40px;
					}
				
				
/* div lien vers FEDER */
				#liens_footer_feder{
					position: absolute;
					width: 70px;
					height: 50px;
					top:30px;
					left:880px;
					z-index: 75;
				}
					#liens_footer_feder a img{
						width: 40px;
						height: 40px;
					}







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

		#content {
			padding: 0px 0px 0px 0px;
			margin: 120px 0px 0px 0px; 
			width: 950px;
			background: url('../images/colonne-background.gif') repeat-y -1px 0px;
			z-index: 1;
			height:100%;
		}
			#content #colonne_de_gauche{
				float: right;
				position: relative;
				vertical-align: top;
				width: 150px;
				height:100%;
			}
			/* IE6 */ * html #content #colonne_de_gauche{
				width: 145px;
				overflow: hidden;
			}
			
					#content #colonne_de_gauche a{
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						line-height: 0px;
						font-size: 0px;
						border: 0px none transparent;
					}
					#content #colonne_de_gauche img{
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						line-height: 0px;
						font-size: 0px;
						border: 1px solid green;
						border: 0px none transparent;
					}
					#content #colonne_de_gauche div{
						margin:0px 0px 0px 0px;
						padding:0px 0px 0px 0px;
						line-height: 0px;
						font-size: 0px;
						border: 1px solid red;
						border: 0px none transparent;
					}
					
					
			

/* mise en forme de la zone principale */

			#content #colonne_de_droite{
				position: relative;
				float:right;
				vertical-align: top;
				width: 800px;
			}
			/* IE6 */ * html #content #colonne_de_droite{
			}

				#content #colonne_de_droite.content_background_top {
					background: url('../images/content-background-top.gif') repeat-x 0px 0px;
				}
					#content #colonne_de_droite div.content_background_border {
						background: url('../images/content-background-border.gif') repeat-y 0px 0px;
						height:100%;
					}
						#content #colonne_de_droite div div.content_background_corner {
							background: url('../images/content-background-corner.gif') no-repeat 0px 0px;
							padding: 20px 0px 10px 8px;
						}
							#content #colonne_de_droite #colonne_du_centre{
								padding: 0px 0px 0px 10px;
								margin: 0px 0px 10px 0px;
								float: left;
								position: relative;
								vertical-align: bottom;
								width: 560px;
								height: 520px;
								overflow: hidden;
								/* border:1px solid magenta; */
							}
							* html #content #colonne_de_droite #colonne_du_centre {
								width: 550px !important;
							}
								#content #colonne_de_droite #marge_interieur{
									padding: 30px 0px 30px 30px;
								}
								* html #content #colonne_de_droite #marge_interieur{
									padding: 30px 0px 30px 20px !important;
								}

									#content #colonne_de_droite #marge_interieur .margedroite{
										padding: 0px 20px 0px 0px;
									}
/* mise en forme de la zone "texte" */
									#content #colonne_de_droite #marge_interieur .colonne_central {
										position: relative;
										float: left;
										vertical-align: bottom;
										padding:0px 20px 30px 0px;; 
										width: 510px;
									}
									/* IE6 */ * html #content #colonne_de_droite #marge_interieur .colonne_central {
									}
/* mise en forme de la colonne de droite 
	(tips, news sous menu...)
 */
									#content #colonne_de_droite #marge_interieur .colonne_droite {
										position: relative;
										float:left;
										vertical-align: bottom;
										width: 215px;
									}
									/* IE6 */ * html #content #colonne_de_droite #marge_interieur .colonne_droite {
									}

/* actualité */
										#content #colonne_de_droite #colonne_des_actus{
											padding: 0px 0px 0px 0px;
											margin: 0px 0px 10px 0px;
											position: relative;
											float:left;
											vertical-align: bottom;
											width: 220px;
											height: 515px;
											/* border:1px solid yellow; */
										}
										#content #colonne_de_droite #marge_interieur .colonne_droite #colonne_des_actus{
											position: relative;
											float:left;
											vertical-align: bottom;
											width: 220px;
											height: 515px;
											/* border:1px solid yellow; */
										}
											#table_news{
												height: 100%;
											}
								
/* Table a la une */
												#a_la_une_title {
													margin: 20px 0px 0px 0px;
													background: transparent url(../images/colonne-a_la_une.gif) no-repeat left top;
												}
													#a_la_une_title img{
														width: 220px;
														height: 50px;
													}
												#a_la_une {
													padding: 0px 15px 20px 15px;
													width: 190px;
													background: transparent url(../images/colonne-a_la_une.gif) no-repeat left bottom;
												}
													#a_la_une .cat {
														color: #9dbc2b;
														font-weight: bold;
													}
													#a_la_une a {
														color: #7c7e86;
													}
													#a_la_une a:hover {
														color: #519ed1;
													}






/* Table Actu */



												#actus_title {
													margin: 0px 0px 0px 0px;
													background: transparent url(../images/colonne-actus.gif) no-repeat left top;
												}
													#actus_title img {
														width: 220px;
														height: 50px;
													}
												#actus {
													padding: 0px 15px 30px 15px;
													width: 190px;
													background: transparent url(../images/colonne-actus.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: 0px 0px 0px 0px;
														width: 190px;
														height: auto;
														display:none;
														border:0px none transparent;
														display:none;
													}
														#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;
														}
						


			.screens_team {
				position: relative;
				padding: 0px 0px 0px 0px;
				width: 505px;
				height: 550px;
				overflow: hidden;
				border:0px none transparent;
				/* border:1px dotted red; */
			}
			
			.screen_team {
				position: relative;
				padding: 0px 0px 0px 0px;
				width: 505px;
				height: auto;
				display:none;
				border:0px none transparent;
				/* border:1px dotted #222222; */
			}
				.team {
						background: url(../images/tips.gif) no-repeat left bottom;
						padding: 0px 0px 20px 0px !important;
						margin: 0px 0px 0px 0px !important;
						width: 215px;
					}
						.team h3 {
							font-size: 14px;
							padding: 0px 20px 0px 20px !important;
							margin: 0px 0px 0px 0px !important;
						}
						.team p {
							font-size: 12px;
							color: #333333;
							padding: 0px 20px 0px 20px !important;
							margin: 0px 0px 0px 0px !important;
						}
						.team a {
							color: #333333;
						}
						.team h1 {
							background: url(../images/tips.gif) no-repeat left top;
							height:20px;
							font-size: 14px;
							color: #ffffff;
							padding: 10px 10px 10px 40px !important;
							margin: 0px 0px 0px 0px !important;
						}
							.team h1 a {
								color: #ffffff;
							}
						
						.team img.images_equipe{
							
						}
						.tdimg_equipe {
							width:270px;
						}

						div.zone_images_equipe_thumb {
							float: left;
							padding: 0px;
						}
						img.images_equipe_thumb{
						}
						div.nom_equipe_thumb {
							text-align: center;
							font-size: 9px;
							color:#555555;
						}
			
/* 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: #dd9628;
		}
		form#contact label span.error {
			white-space: nowrap;
			color: #dd9628;
		}				
	
	form#contact input.text,
	form#contact select.select,
	form#contact textarea.textarea {
		border: 1px #7c7e86 dotted;
		color: #7c7e86;
		width: 250px;
	}	
	form#contact textarea.textarea{
		width: 400px;
		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: 100px;
	}
	form#contact table textarea.textareaneed,
	form#contact table select.selectneed,
	form#contact table input.emailneed ,
	form#contact table input.textneed {
		border: 1px #dd9628 dotted;
		background-color: white;
		color: #dd9628;
		width: 250px;
	}
	form#contact table textarea.textareaneed {
		width: 400px;
		height: 150px;
	}
	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 #dd9628 dotted;
		background-color: #dd9628;
		color: white;
		width: 100%;
	}

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