/* CSS Document */
html, body{height:100%;}
body{margin:0;
	padding:0;
	background:url(images/fond_body.png) 0 0 repeat-x;
	background-color:#FFFFFF;
	}
img{border:0px;}

h1.gris{display:block;
	width:100%;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	margin:0;
	position:relative;
	float:left;
	overflow:hidden;
	color:#666;
	background:url(images/sep_trait.jpg) 0 24px no-repeat;
	}
h1.gris2{display:block;
	width:100%;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	margin:0;
	position:relative;
	float:left;
	overflow:hidden;
	color:#666;
	background:url(images/sep_trait.jpg) 0 31px no-repeat;
	}
h1.noir{display:block;
	width:100%;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	margin:0;
	position:relative;
	float:left;
	overflow:hidden;
	color:#333;
	}
h1.noir2{display:block;
	width:100%;
	font:normal 18px/20px Arial, Helvetica, sans-serif;
	padding:0 0 0 0;
	margin:0;
	position:relative;
	float:left;
	overflow:hidden;
	color:#333;
	}
h2{display:block;
	width:100%;
	font:normal 12px/15px "Trebuchet MS";
	padding:0 0 0 0;
	margin:5px 0 0 0;
	position:relative;
	float:left;
	overflow:hidden;
	color:#666;
	text-align:justify;
	}
h3{display:block;
	width:100%;
	font:normal 12px/15px "Trebuchet MS";
	padding:0 0 0 0;
	margin:0 0 0 0;
	position:relative;
	float:left;
	overflow:hidden;
	color:#999;
	text-align:justify;
	}
h4.telephone{width:100%;
					position:relative;
					float:left;
					margin:5px 0 2px 0;
					padding:0 0 0 23px;
					overflow:hidden;
					background:url(images/telephone2.gif) 0 0 no-repeat;
					font:normal 12px/20px "Trebuchet MS";
					color:#fff;
					}


p{display:block;
	width:100%;
	top:0;
	left:0;
	position:relative;
	float:left;
	font:normal 12px/15px "Trebuchet MS";
	padding:0 0 20px 0;
	margin:0 0 0 0;
	overflow:hidden;
	color:#999;
	text-align:justify;
	}
ol{display:block;
	width:342px;
	top:0;
	left:0;
	position:relative;
	float:left;
	font:normal 12px/15px "Trebuchet MS";
	padding:0 0 20px 40px;
	margin:0 0 0 0;
	overflow:hidden;
	color:#666;
	text-align:justify;
	}
ul{color:#999999;}

div#page_precedente a{display:block;
					position:relative;
					float:right;
					margin:0;
					padding:0 0 0 30px;
					overflow:hidden;
					font:normal 12px/30px "Trebuchet MS";
					color:#333333;
					top:0;
					left:0;
					background:url(images/fleche_retour.jpg) 0 0 no-repeat;
					text-decoration:none;
					}
#page_precedente a:hover{text-decoration:underline;}
		
		
div#global{width:950px;
			margin:0 auto 0 auto;
			padding:0px;
			top:0;
			overflow:hidden;
			}
div#gauche{width:202px;
			position:relative;
			float:left;
			padding:0;
			margin:28px 0 0 0;
			top:0;
			left:0;
			overflow:hidden;
			}
div#logo{width:202px;
		height:106px;
		position:relative;
		float:left;
		margin:0;
		padding:0;
		top:0;
		left:0;
		overflow:hidden;
		}
div#menu_gauche{width:202px;
				height:265px;
				position:relative;
				float:left;
				margin:0;
				padding:0;
				top:0;
				left:0;
				overflow:hidden;
				background:url(images/fond_menu_gauche3.jpg) 0 0 no-repeat;
				}
#menu_gauche h1{display:block;
				position:relative;
				float:left;
				font:bold 15px/18px Arial, Helvetica, sans-serif;
				top:0;
				left:12px;
				margin:0;
				padding:0 9px 48px 9px;
				overflow:hidden;
				color:#666666;
				}
#menu_gauche a{display:block;
				width:182px;
				font:normal 12px/20px "Trebuchet MS";
				position:relative;
				float:left;
				color:#666;
				text-decoration:none;
				left:9px;
				background:url(images/icone_triangles_bleus.gif) 0 6px no-repeat;
				overflow:hidden;
				padding:0 0 0 12px;
				}
#menu_gauche a:hover{width:164px;
					padding-left:20px;
					background-color:#F5F5F5;
					color:#0094DE;
					font-weight:bold;
					}
div#flash{width:202px;
				height:158px;
				position:relative;
				float:left;
				position:relative;
				margin:0 0 70px 0;
				padding:0;
				top:0;
				left:0;
				overflow:hidden;
				background-color:#0099CC;
				}	

div#droite{width:720px;
			position:relative;
			float:left;
			margin:60px 0 0 0;
			left:28px;
			padding:0;
			overflow:hidden;
			top:0;
			}
div#banniere{width:720px;
				height:112px;
				position:relative;
				float:left;
				padding:0;
				margin:0;
				overflow:hidden;
				top:0;
				left:0;
				}
.onglet_gris a{display:block;
				width:148px;
				height:112px;
				font:normal 18px/20px Arial, Helvetica, sans-serif;
				position:relative;
				float:left;
				color:#ccc;
				text-decoration:none;
				left:0;
				background:url(images/onglet_haut_gris.png) 0 0 no-repeat;
				overflow:hidden;
				padding:37px 12px 0 0;
				text-align:center;
				margin:0 18px 0 0;
				}
.onglet_gris a:hover{background:url(images/onglet_haut_gris.png) -160px 0 no-repeat;
					color:#FFFFFF;
					}
.onglet_bleu a{display:block;
				width:148px;
				height:112px;
				font:normal 18px/20px Arial, Helvetica, sans-serif;
				position:relative;
				float:left;
				color:#ccc;
				text-decoration:none;
				left:0;
				background:url(images/onglet_haut_bleu.png) 0 0 no-repeat;
				overflow:hidden;
				padding:37px 12px 0 0;
				text-align:center;
				margin:0 0 0 0;
				}
.onglet_bleu a:hover{background:url(images/onglet_haut_bleu.png) -160px 0 no-repeat;
					color:#FFFFFF;
					}

div#centre{width:720px;
			position:relative;
			float:left;
			padding:0 0 20px 0;
			margin:42px 0 0 0;
			top:0;
			left:0;
			overflow:hidden;
			}
	
	/* PAGE ACCUEIL */
	div#centre_haut{width:720px;
					position:relative;
					float:left;
					position:relative;
					margin:0;
					padding:0;
					overflow:hidden;
					top:0;
					left:0;
					}	
	div#centre_haut_gauche{width:382px;
							position:relative;
							float:left;
							position:relative;
							margin:0;
							padding:0;
							top:0;
							left:0;
							overflow:hidden;
							}
	#centre_haut_gauche img{margin:10px 0 10px 0;}
	#centre_haut_gauche a.contenu_texte{
							
							font:normal 14px/16px "Trebuchet MS";
							color:#0099FF;
							text-decoration:none;
							margin:0 0 10px 0;
							}	
	#centre_haut_gauche a:hover.contenu_texte{text-decoration:underline;
								color:#0099CC;
								}	
	#centre_haut_gauche a.contenu_texte2{
							
							font:normal 11px/16px "Trebuchet MS";
							color:#0099FF;
							text-decoration:none;
							margin:0 0 10px 0;
							text-align:left;
							}	
	#centre_haut_gauche a:hover.contenu_texte2{text-decoration:underline;
								color:#0099CC;
								}
	#centre_haut_gauche a.liste{
							display:block;
							
							position:relative;
							float:left;
							padding:0;
							font:normal 14px/16px "Trebuchet MS";
							color:#0099FF;
							text-decoration:none;
							margin:0 0 10px 0;
							}	
	#centre_haut_gauche a:hover.liste{text-decoration:underline;
								color:#0099CC;
								}								
	
	div#toutes_actus{width:100%;
					position:relative;
					float:left;
					margin:0;
					padding:0;
					top:0;
					left:0;
					overflow:hidden;
					}
	#toutes_actus a{font:normal 12px/16px "Trebuchet MS";
	color:#0099FF;
	text-decoration:none;
	margin:0 0 10px 0;
	}	
	#toutes_actus a:hover{text-decoration:underline;
		color:#0099CC;
		}
	#toutes_actus a.contenu{
							font:bold 12px/15px "Trebuchet MS";
							color:#0099FF;
							text-decoration:none;
							
							}	
	#toutes_actus a:hover.contenu{
								color:#000;
								}
	
	div#services{width:100%;
					position:relative;
					float:left;
					margin:0;
					padding:0;
					top:0;
					left:0;
					overflow:hidden;
					}
	#services a{display:block;
	position:relative;
	float:left;
	font:normal 12px/20px "Trebuchet MS";
	color:#0099FF;
	text-decoration:none;
	margin:0 0 10px 0;
	padding:0 0 0 22px;
	background:url(images/icoen_services.jpg) 0 0 no-repeat;
	}	
	#services a:hover{text-decoration:underline;
		color:#0099CC;
		}
	
	div#navigation{width:100%;
					position:relative;
					float:left;
					margin:10px 0 0 0;
					padding:0;
					overflow:hidden;
					top:0;
					left:0;
					text-align:center;
					}
	#navigation ul{display:block;
					text-align:center;
					list-style-type:none;
					padding:0;
					margin:0 auto 0 auto ;
					overflow:hidden;
					}
	li.page_actuelle{display:block;
					width:30px;
					height:40px;
					color:#0099FF;
					position:relative;
					float:left;
					margin:0 2px 0 0;
					padding:0;
					overflow:hidden;
					background-image:url(images/nav_page_actuelle.jpg);
					text-align:center;
					font:bold 12px/20px "Trebuchet MS";
					}
	li.page_actuelle a{display:block;
					width:30px;
					height:40px;
					color:#333333;
					position:relative;
					float:left;
					margin:0 2px 0 0;
					padding:0 0 0 0;
					overflow:hidden;
					background:url(images/nav_lien_page.jpg) 0 0 no-repeat;
					text-align:center;
					text-decoration:none;
					font:normal 11px/20px "Trebuchet MS";
					}
	li.page_actuelle a:hover{
					background:url(images/nav_lien_page.jpg) -30px 0 no-repeat;
					
					}
	
	div#coordonnees{width:202px;
					height:245px;
							position:relative;
							float:left;
							position:relative;
							margin:0 0 20px 0;
							padding:10px 10px 0 10px;
							top:0;
							left:0;
							overflow:hidden;
							background:url(images/fond_coordonnees2.png) 0 0 no-repeat;
							}	
	#coordonnees a.loupe {display:block;
					position:relative;
					float:left;
					margin:0 0 0 0;
					padding:0 0 0 23px;
					
					background:url(images/loupe2.gif) 0 0 no-repeat;
					font:normal 12px/20px "Trebuchet MS";
					color:#fff;
					text-decoration:none;
					}
	#coordonnees a:hover.loupe{text-decoration:underline;
								}
	#coordonnees h2{display:block;
					width:100%;
					font:normal 12px/15px "Trebuchet MS";
					padding:0 0 0 0;
					margin:5px 0 0 0;
					position:relative;
					float:left;
					overflow:hidden;
					color:#fff;
					text-align:justify;
					}
	#coordonnees h3{display:block;
					width:100%;
					font:normal 12px/15px "Trebuchet MS";
					padding:0 0 0 0;
					margin:0 0 0 0;
					position:relative;
					float:left;
					overflow:hidden;
					color:#F5F5F5;
					text-align:justify;
					}
	div#zoom{width:382px;
							position:relative;
							float:left;
							position:relative;
							margin:20px 0 0 0;
							padding:0 0 0 0;
							top:0;
							left:0;
							overflow:hidden;
							}
	#zoom h2{display:block;
	width:100%;
	font:normal 12px/15px "Trebuchet MS";
	padding:0 0 0 0;
	margin:0 0 10px 0;
	position:relative;
	float:left;
	overflow:hidden;
	color:#666;
	text-align:justify;
	}
	#zoom img{margin:0 0 0 0;}
	#zoom a.contenu_texte{
							
							font:normal 14px/16px "Trebuchet MS";
							color:#0099FF;
							text-decoration:none;
							margin:0 0 10px 0;
							}	
	#zoom a:hover.contenu_texte{text-decoration:underline;
								color:#0099CC;
								}
	
	div#sep_verticale_haut_centre{width:60px;
									height:402px;
									position:relative;
									float:left;
									margin:0;
									padding:0;
									top:0;
									left:0;
									background:url(images/sep_verticale_haut_centre.jpg) 0 0 no-repeat;
									overflow:hidden;
									}
	div#centre_haut_droite{width:278px;
							position:relative;
							float:left;
							position:relative;
							margin:0;
							padding:0;
							top:0;
							left:0;
							overflow:hidden;
							}
	div#menu_haut_droite{width:248px;
							position:relative;
							float:left;
							position:relative;
							margin:2px 0 20px 0;
							padding:0;
							top:0;
							left:0;
							overflow:hidden;
							}
	#menu_haut_droite a{display:block;
				width:248px;
				font:normal 12px/20px "Trebuchet MS";
				position:relative;
				float:left;
				color:#666;
				text-decoration:none;
				left:0;
				background:url(images/icone_triangles_bleus.gif) 0 6px no-repeat;
				overflow:hidden;
				padding:0 0 0 12px;
				}
	#menu_haut_droite a:hover{width:248px;
					padding-left:20px;
					background-color:#F5F5F5;
					color:#0094DE;
					font-weight:bold;
					}
	div#actus{width:248px;
							position:relative;
							float:left;
							position:relative;
							margin:0 0 20px 0;
							padding:0;
							top:0;
							left:0;
							overflow:hidden;
							}
	#actus a.titre{display:block;
					width:100%;
							font:normal 12px/15px "Trebuchet MS";
							color:#0099FF;
							text-decoration:none;
							margin:0 0 10px 0;
							}	
	#actus a:hover.titre{text-decoration:underline;
								color:#0099CC;
								}
	
	#actus a.contenu{
							font:bold 12px/15px "Trebuchet MS";
							color:#0099FF;
							text-decoration:none;
							
							}	
	#actus a:hover.contenu{
								color:#000;
								}
	#actus a.suite{display:block;
				width:248px;
				font:normal 12px/20px "Trebuchet MS";
				position:relative;
				float:left;
				color:#666;
				text-decoration:none;
				left:0;
				background:url(images/icone_triangles_bleus.gif) 0 6px no-repeat;
				overflow:hidden;
				padding:0 0 0 12px;
				}
	#actus a:hover.suite{width:228px;
					padding-left:20px;
					background-color:#F5F5F5;
					color:#0094DE;
					font-weight:bold;
					}	
	.sep_pointille{width:100%;
					height:15px;
					position:relative;
					float:left;
					padding:0;
					margin:0;
					overflow:hidden;
					border-top:1px #999999 dotted;
					top:0;
					left:0;
					}
	
	div#derniere_real{width:278px;
							position:relative;
							float:left;
							position:relative;
							margin:0 0 0 0;
							padding:0;
							top:0;
							left:0;
							overflow:hidden;
							}
	div#derniere_real_titre{width:278px;
							height:80px;
							position:relative;
							float:left;
							position:relative;
							margin:0 0 0 0;
							padding:0;
							top:0;
							left:0;
							overflow:hidden;
							background:url(images/fond_titre_dernire_real.png) 0 0 no-repeat;
							}
	#derniere_real_titre a{display:block;
							width:195px;
								color:#FFFFFF;
								position:relative;
								float:left;
								margin:40px 0 0 0;
								padding:0 0 0 0;
								overflow:hidden;
								top:0;
								left:30px;
								font:bold 14px/16px Arial, Helvetica, sans-serif;
								text-decoration:none;
								} 	
	#derniere_real_titre a:hover{text-decoration:underline;}		
	div#derniere_real_img{width:248px;
							height:162px;
							position:relative;
							float:left;
							position:relative;
							margin:0 0 0 0;
							padding:0;
							top:0;
							left:0;
							overflow:hidden;
							}
	
	div#fond_toutes_refs{width:248px;
						height:55px;
						position:relative;
						float:left;
						margin:0;
						padding:0;
						overflow:hidden;
						top:0;
						left:0;
						}
	 #fond_toutes_refs a{display:block;
				width:248px;
				font:normal 14px/15px Arial, Helvetica, sans-serif;
				position:relative;
				float:left;
				color:#FFF;
				text-decoration:none;
				left:0;
				background:url(images/fond_toutes_refs2.jpg) -248px 0 no-repeat;
				overflow:hidden;
				padding:5px 0 40px 67px;
				text-align:left;
				margin:0 0 0 0;
				}
	#fond_toutes_refs a:hover{background:url(images/fond_toutes_refs2.jpg) 0 0 no-repeat;
					color:#FFFFFF;
					}
	div#fond_contactez-nous{width:278px;
						height:55px;
						position:relative;
						float:left;
						margin:0;
						padding:0;
						overflow:hidden;
						top:0;
						left:0;
						}
	 #fond_contactez-nous a{display:block;
				width:278px;
				font:normal 14px/15px Arial, Helvetica, sans-serif;
				position:relative;
				float:left;
				color:#FFF;
				text-decoration:none;
				left:0;
				background:url(images/fond_contactez-nous.jpg) 0 0 no-repeat;
				overflow:hidden;
				padding:5px 0 40px 57px;
				text-align:left;
				margin:0 0 0 0;
				}
	#fond_contactez-nous a:hover{background:url(images/fond_contactez-nous.jpg) -278px 0 no-repeat;
					color:#FFFFFF;
					}

/* FOOTER FULL LARGEUR */
div#footer_full_largeur{background-color:transparent;
					height:50px;
					margin:0;
					padding:0;
					background-image:url(images/fond_footer_1px.png);
					background-repeat:repeat-x;
					}
div#footer{width:690px;
			margin:0 auto 0 auto;
			padding:0px 0 0 202px;
			top:0;
			overflow:hidden;
			
			
			}

#footer p{font:normal 12px/15px Arial, Helvetica, sans-serif;
			top:0;
			left:0;
			margin:20px 0 0 0;
			padding:0;
			overflow:hidden;
			color:#fff;
			text-align:center;
			}
#footer a{font:normal 12px/15px Arial, Helvetica, sans-serif;
			top:0;
			left:0;
			margin:0;
			padding:0;
			overflow:hidden;
			text-decoration:underline;
			color:#fff;
			}
#footer a:hover{color:#000000;}/* CSS Document */

/* FORM CONTACT */
		div#form_contact{width:382px;
						position:relative;
						float:left;
						padding:0;
						margin:20px 0 0 0;
						overflow:hidden;
						font:normal 12px/20px "Trebuchet MS";
						}
		#form_contact label.normal {width:182px;
				position:relative;
				line-height:20px;
				float:left;	
				color:#666666;
				padding:0;
				margin:0;
				top:0;
				left:0;		
				}
		#contenu_form{width:382px;
						position:relative;
						float:left;
						padding:0;
						margin:10px 0 0 0;
						overflow:hidden;
						}
		.required{color:#006699;
					font-weight:bold;}
		#form_contact input {width:194px;
		line-height:20px;
		position:relative;
		float:left;
		margin-bottom:8px;
		}
		.textarea{width:376px;
				height:100px;
				position:relative;
				float:left;
				margin-bottom:8px;
				}
		#form_contact label.checkbox {width:250px;
				position:relative;
				line-height:20px;
				float:left;	
				color:#666666;
				padding:0;
				margin:0;
				top:0;
				left:0;		
				}
		#form_contact input.checkbox {width:20px;
							line-height:20px;
							position:relative;
							float:left;
							margin-bottom:8px;
							}
		#form_contact p.normal{ display:block;
						width:100%;
						top:0;
						left:0;
						position:relative;
						float:left;
						font:normal 12px/15px "Trebuchet MS";
						padding:20px 0 10px 0;
						margin:0 0 0 0;
						overflow:hidden;
						color:#999;
						text-align:justify;
						}

/* REFERENCES */
	div#references{width:382px;
					position:relative;
					float:left;
					margin:0 0 20px 0;
					padding:0;
					top:0;
					left:0;
					overflow:hidden;
					}
	#references a.titre{display:block;
						position:relative;
						float:left;
						font:normal 14px/20px "Trebuchet MS";
						color:#0099FF;
						text-decoration:none;
						margin:0;
						padding:0;
						top:0;
						left:0;
						}
	#references a:hover.titre{text-decoration:underline;}
	#references p{display:block;
				width:100%;
				top:0;
				left:0;
				position:relative;
				float:left;
				font:normal 12px/15px "Trebuchet MS";
				padding:0 0 5px 0;
				margin:0 0 0 0;
				overflow:hidden;
				color:#999;
				text-align:justify;
				}
	#references img{margin-bottom:20px;clear:left;}