body{
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 13px;
	background: #000000;
	color: #ffffff;
}
h1{
	font-size: 18px;
	padding: 0;
	margin: 0;
	font-weight:normal;
}
h2{
	font-size: 15px;
	padding: 0;
	margin: 5px 0 0 0;
}
h3{
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding: 0 0 2px 0;
	text-decoration: underline;
}
.cl{
	clear: both;
}
a img{
	border: 0px #ffffff solid;
}

#global-a{
	width: 960px;
	height: 600px;
	position: absolute;
	left: 50%;
	margin-left: -480px; 
}
	#animation{
		width: 560px;
		height: 290px;
		margin: auto;
		margin-top: 155px;
		text-align:center;
	}
		#animation a{
			color: #646667;
			text-decoration: none;
		}
		#animation a:hover{
			color: #ffffff;
		}
	
#global{
	width: 960px;
	height: 600px;
	position: absolute;
	left: 50%;
	margin-left: -480px; 
	margin-top: 10px;
}
	#head{
		width: 960px;
		height: 70px;
	}
		#logo{
			width: 240px;
			height: 60px;
			float: left;
		}
		#menu{
			width: 710px;
			height: 15px;
			text-align: right;
			float: right;
			margin: 45px 0 0 0;
			font-size: 12px;
			padding: 0 0 0 10px;
		}
		
			#menu a{
				color: #646667;
				margin: 0 20px 0 20px;
				text-decoration: none;
			}
			#menu a#active, #menu a:hover{
				color: #ffffff;
			}
	#middle{
		width: 958px;
		min-height: 448px;
		border: 1px #6b6c6e solid;
		background: url(../images/middle_accueil_simple.jpg) no-repeat;
	}
	#middle-accueil{
		width: 958px;
		height: 448px;
		border: 1px #6b6c6e solid;
		background: url(../images/middle_accueil.jpg) no-repeat;
	}
		#middle-accueil h2{
			margin: 40px 0 0 0;
			color: #FFD581;
		}
	#middle-presentation{
		width: 958px;
		height: 448px;
		border: 1px #6b6c6e solid;
		background: url(../images/middle_presentation.jpg) no-repeat;
	}
		#middle-presentation p{
			margin: 30px 0 30px 0;
		}
	#middle-tarifs{
		width: 958px;
		height: 448px;
		border: 1px #6b6c6e solid;
		background: url(../images/middle_presentation1.jpg) no-repeat;
	}
	#middle-expertise{
		width: 958px;
		height: 448px;
		border: 1px #6b6c6e solid;
		background: url(../images/middle_expertise.jpg) no-repeat;
	}
		
	#middle-process{
		width: 958px;
		height: 448px;
		border: 1px #6b6c6e solid;
		background: url(../images/middle_process.jpg) no-repeat;
	}
		
	#middle-contacts{
		width: 958px;
		height: 448px;
		border: 1px #6b6c6e solid;
		background: url(../images/middle_contacts.jpg) no-repeat;
	}
		#texte{
			width: 530px;
			height: 368px;
			float: right;
			margin: 30px 40px 0 0;
		}
			.lien a{
				color : #ffffff;
				text-decoration: none;
			}
			.lien a:hover{
				color : #ffffff;
				text-decoration: underline;
			}
			#tarifs_gauche{
				width: 260px;
				height: 300px;
				float: left;
				text-align: gauche;
				color: #E4E4E4 ;
				font-size: 16px;
			}
				#tarifs_gauche ul{
					margin: 50px 0 0 0;
				}
				#tarifs_gauche ul li{
					margin: 0 0 20px 0;
				}
				#titre_tarif1{
					width: 170px;
					height: 32px;
					color: #000000;
					text-align: center;
					padding: 13px 0 0 0;
					background: #e4e4e4;
					margin: auto;
				}
				#tarifs_gauche .lien{
					font-size: 12px;
					font-style: italic;
					text-align: center;
					padding: 38px 5px 0 0;
				}	
			#separateur{
				width: 1px;
				height: 300px;
				float: left;
				margin: 0 4px 0 4px;
				background: #ffffff;
			}
			#tarifs_droite{
				width: 260px;
				height: 300px;
				float: right;
				text-align: left;
				color: #ffd581;
				font-size: 16px;
			}
				#tarifs_droite ul{
					margin: 50px 0 0 0;
					padding: 0 0 0 20px;
				}
				#tarifs_droite ul li{
					margin: 0 0 20px 0;
				}
				#titre_tarif2{
					width: 170px;
					height: 32px;
					text-align: center;
					padding: 13px 0 0 0;
					background: #ffd581;
					color: #000000;
					margin: auto;
				}
				#tarifs_droite .lien{
					font-size: 12px;
					font-style: italic;
					text-align: center;
					padding: 20px 5px 0 0;
				}	
				#cgv{
					margin: 30px 0 0 0;
					width: 530px;
					text-align: center;
				}
					#cgv a{
						color: #ffffff;
						text-decoration: none;
						font-style: italic;
						font-size: 12px;
					}
					#cgv a:hover{
						text-decoration: underline;
					}
					a.cgv{
						color: #646667;
						text-decoration: none;
						font-style: italic;
					}
					a.cgv:hover{
						color: #ffffff;
					}
			#texte_process{
				width: 510px;
				height: 320px;
				margin: 20px 0 10px 0;
				padding: 0 10px 10px 10px;
				float: right;
				overflow: auto;
				border: 1px #ffffff solid;
			}
				#texte_process h2{
					margin: 15px 0 5px 0;
					color: #FFD581;
				}
			#texte_process ul, #texte_process li{
				margin: 0 0 0 20px;
				list-style-type: disc;
			}
		#adresse{
			width: 530px;
			height: 20px;
			text-align: center;
			float: right;
			margin: 15px 40px 0 0;
		}
		#texte-contact{
			width: 230px;
			height: 368px;
			float: right;
			margin: 30px 40px 0 0;
		}
		#texte-forces{
			width: 530px;
			height: 368px;
			float: right;
			margin: 30px 40px 0 0;
		}
			#texte-forces h2{
				background: #FFD581;
				color: #000000;
				padding: 2px 0 0 4px;
			}
			#texte-forces ul{
				margin-top: 10px;
				margin-bottom: 15px;
			}
	#bottom{
		width: 700px;
		float: left;
		text-align: right;
		color: #ffffff;
		padding: 5px 0 0 0;
		
	}
		#bottom a{
			color: #646667;
			text-decoration: none;
		}
		#bottom a:hover{
			color: #fff;
		}
	#bottom1{
		width: 255px;
		float: right;
		text-align: right;
		padding: 5px 5px 0 0;
	}
		a.mentions{
			float: right;
			text-decoration: none;
			color: #ffffff;
		}
		a.mentions:hover{
			text-decoration: underline;
		}
		#mentions_legales{
			padding: 30px;
		}
			#mentions_legales h1{
				font-size: 16px;
				font-weight: bold;
				text-decoration: underline;
				margin: 0 0 10px 0;
			}
			#mention_legales img{
				margin: 0;
			}