html, body {
	height: 100%; /* Voir -> Note 1 ci-dessous */
	margin:0;
	padding:0;
	}
body {
	padding: 0;
	}

body{
	background-image:url(../img/body_fond.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#000;
	margin:0;
	padding:0;
	font-family: Georgia, serif;
	}
	
p {margin:0;padding:0;}
img{border:none;}
	
.solution-mm {
	height:28px;}	
	
#global {
	height:750px;
	width: 1005px;
	margin-left: auto;
	margin-right: auto;
	}
	
#site{
	width:1005px;
	height:641px;
	float:left;
	background-image:url(../img/fond_site.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
	
	#left{
		width:229px;/*269*/
		height:368px;/*383*/
		background-image:url(../img/left-fond.gif);
		background-repeat:no-repeat;
		background-position:top;
		float:left;
		padding-top:145px;
		padding-left:20px;
		padding-right:20px;
		font-size: 17px;
		font-weight: normal;
		color:#615e52;
		}
	#left ul{
		margin:0:;
		padding:0;
		}
	#left li{
		list-style:none;
		}
		#left-ligne{
			width: 230px;
			height:3px;
			font-size: 13px;
			background-color:#615e52;
			margin-bottom:20px;
			}
	#left-video{
		width:376px;/*446-35*/
		margin : 90px 35px 90px 35px;
		text-align: center;
		border:#333 1px solid;
		height:251px;/*433-90*/
		float:left;
		}
	#right-details-plan{
	width:300px;
	float:right;
	margin-right:200px;
	height:453px;/*483*/
	text-align:left;
	padding-top:15px;
	font-size: 17px;
	font-weight: normal;
	color:#FFFFFF;
		}
		#right-details-plan a{
			color:#949184;
			text-decoration:none;
			}
		#right-details-plan a:hover{
			color:#6a6759;
			text-decoration:underline;
			}
	#right-details-mentions{
	width:705px;
	float:right;
	height:453px;/*483*/
	text-align:right;
	padding-top:15px;
	line-height:1.3em;
	font-size:14px;
	color:#FFF;
		}
	#right-details-contact{
	width:705px;
	float:right;
	height:70px;/*483*/
	text-align:right;
	line-height:1.5em;
	padding-top:15px;
		}
	#right-details{
	width:705px;
	float:right;
	height:453px;/*483*/
	text-align:right;
	padding-top:20px;
	font-size: 17px;
	font-weight: normal;
	color:#FFFFFF;
		}
		#right-details a{
			color:#949184;
			text-decoration:none;
			}
		#right-details a:hover{
			color:#6a6759;
			text-decoration:underline;
			}
		.g-vert{/*grand vert*/
			font-size: 40px;
			color: #bcbe00;
			line-height: 2em;
			}
		.g-it-gris{/*grand italique gris*/
			font-size: 40px;
			font-style:italic;
			color: #6a6759;
			line-height:2.1em;
			}
		.sous-titre{/*sous titre gris*/
			font-size: 24px;
			color: #8f8c7e;
			}
		.p-gris{/*pt gris*/
			font-size: 17px;
			color: #8f8c7e;
			}
		.p-vert{/*petit vert*/
			font-size: 17px;
			font-weight: normal;
			color: #bcbe00;
			}
		.m-blanc{/*petit vert*/
			font-size: 14px;
			font-weight: normal;
			color: #fff;
			}

	#right{
		width:705px;
		float:right;
		height:601px;/*641 au max*/
		text-align:right;
		}
		#right ul{
			padding:0;
			margin:0;
			float:right;
			margin-top:53px;
			height:63px;/*118*/
			}
			#right li{
				list-style:none;
				display:inline;
				font-size: 17px;
				color:#949184;
				}
				#right li a{
					font-size: 17px;
					color:#949184;
					text-decoration:none;
					}
				#right li a:hover{
					font-size: 17px;
					color:#6a6759;
					text-decoration:underline;
					}
				#right span.select{
					font-size: 17px;
					color:#bcbe00;
					}
				#right img.top{
					margin-right:26px;
					margin-top:-10px;
					float:left;
					}
	
	
#footer{
	width:1005px;
	height:120px;
	float:left;
	background-image:url(../img/footer_fond.gif);
	background-repeat:no-repeat;
	background-position:top;
	}
	#footer-equipe{
		width:600px;
		float:left;
		height:120px;
		color:#3f3934;
		font-size:13px;
		text-align:left;
		margin:0;
		padding:0;
		
		}
		#footer-equipe ul{
			margin:0;
			padding:0;
			width:600px;
			}
			#footer-equipe li{
				list-style:none;
				display:inline;
				margin:0 15px 0 0;
				font-size:11px;
				font-weight:bold;
				width:100px;
				}
			.footer-equipe-perso{
				width:82px;
				float:left;
				margin:0;
				padding:0;
				text-align:center;
				}
			.footer-equipe-perso img{
				margin:0 0 10px 0;
				}
				
	#footer-contact{
		width:350px;
		float:right;
		height:20px;
		margin-top:17px;
		color:#000;
		font-size:17px;
		text-align:right;
		}
	#footer-mentions{
		width:350px;
		float:right;
		height:20px;
		margin-top:33px;
		font-size:13px;
		font-weight: bold;
		color: #949184;
		text-align:right;
		}
		#footer-mentions a{
			text-decoration: none;
			color: #949184;
			}
		#footer-mentions a:hover{
			text-decoration: none;
			color: #6a6759;
			}
		
#formu{
	width:705px;
	height:240px;
	font-family: Georgia, serif;
	}
	
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	margin: 0;
	padding: 0;
	clear:both;
	float:right;
	}
	
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	padding: 0;	
	border: none;
	}

#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	/*padding-right: 50px;*/
	margin: 0;
	width:705px;/*705*/
	float:right;
	}

#corpForm fieldset#coordonnees label {	/*** Mise en forme des intitulés de champs ***/
	width: 200px;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding-bottom: 3px;
	border:0px;
	line-height: 1.6;
	}

#corpForm fieldset#commentaires {	/*** Mise en forme des intitulés de champs ***/
	text-align: center;	/*** ... et ils sont alignés à droite... ***/
	margin: 5;
	padding: 5;
	}
#corpForm label:hover {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
	}

 #corpForm label.spe {
	 float:left;
	 padding-left:90px;
}

#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: #241f1c;
	font-size:12px;
	border:0px;
	color:#fff;
	border-top:#000 solid 1px;
	border-left:#000 solid 1px;
	border-bottom:#3f3934 solid 1px;
	border-right:#3f3934 solid 1px;

}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #3f3934;
	font-size:12px;
	color:#fff;
	border:0px;
	border-bottom:#f7f1e1 solid 1px;
	border-right:#f7f1e1 solid 1px;
	border-top:#f7f1e1 solid 1px;
	border-left:#f7f1e1 solid 1px;

}



.formbutton {
	background:#3f3934;
	border-bottom:#bcbe00 solid 1px;
	border-right:#bcbe00 solid 1px;
	border-top:#bcbe00 solid 1px;
	border-left:#bcbe00 solid 1px;
	cursor:pointer;
	font-size: 12px;
	color: #fff;
}


#ref{
	width:1005px;
	height:800px;
	font-size:13px;
	color:#464137;
	margin:150px auto 0 auto;
	line-height:normal;
	}
#ref a{
	color:#464137; text-decoration:none;
	}
#ref a:hover{
	color:#464137; text-decoration:underline;
	}
	#ref h1{font-size:17px;color:#939211;margin :0 0 10px 0;font-weight:normal;}
	#ref h1 a{color:#939211;text-decoration:none;}
	#ref h1 a:hover{color:#939211;text-decoration:underline;}
	#ref h2{font-size:15px;color:#8c7f74;margin :0 0 10px 0;font-weight:normal; text-decoration:underline;}
	#ref h2 a{color:#8c7f74;text-decoration:underline;}
	#ref h2 a:hover{color:#8c7f74;text-decoration:underline;}
	.bloc{
		width:220px;
		height:170px;
		margin-right:30px;
		margin-bottom:30px;
		float:left;
		}
	.bloc-comp{
		width:220px;
		height:120px;
		margin-right:30px;
		margin-bottom:30px;
		float:left;
		}
	.bloc-large{
		width:300px;
		height:200px;
		margin-right:50px;
		float:left;
		}