* {
	margin: 0; 
	padding: 0; 
}
html {
	margin: 0; 
	padding: 0; 
	height: 100%;
}	
body { 
	position: relative;
	margin: 0; 
	padding: 0; 
	min-height: 100%;
	font: 62.5% "Trebuchet MS", arial, helvetica, sans-serif; /* 62.5% => 10px */
	color: #444444;	
	background: #4287b6 url(images/fond.jpg) repeat-x;
}
a {
	color: #00568d;	
	font-weight: bold;
}
a:hover {
	color: #003150;
}

/* Titre */
h2 {
	color: #0072ba;
	font-size: 140%;
	margin-bottom: 20px;	
}
h3 {
	color: #6ea0c2;
	font-size: 130%;
}
h4 {
	float: left;
	font-size: 120%;
	line-height: 22px;
}
h5 {
	color: #6495ED;
	font-size: 100%;
}
/* Mise en page */	
#menu {		
	width: 940px;
	height: 40px;
	margin: 0 auto;
	padding: 10px 30px 0 30px;
	background: url(images/fond_menu.png) no-repeat;
}
	#menu dl {
		float: left;
	}
	#menu dt a {
		display: block;
		height: 20px;
		padding: 10px 30px 10px 30px;
		font-size: 130%;
		font-weight: bold;
		color: #eaf2f7;
		text-decoration: none;
		background: url(images/fond_menu_over.png) no-repeat right top;	
	}
	#menu dt a:hover {
		background-repeat: repeat-x;
		background-position: left center;
	}
	.dehors {
		height: 20px;
		padding: 10px 30px 10px 30px;
		font-size: 130%;
		font-weight: bold;
		color: #eaf2f7;
		background: url(images/fond_menu_over.png) no-repeat right top;
	}
	.dessus {
		cursor : default; 
		height: 20px;
		padding: 10px 30px 10px 30px;
		background: url(images/fond_menu_over.png) repeat-x left bottom;
		font-size: 130%;
		font-weight: bold;
		color: #666666;
	}
	#menu dd {
		margin: 0px;
		list-style-type: none;
		display: none;
	}
	#menu ul {
		margin: 0px;
		list-style-type: none;
		position: absolute;
		/*
		margin: 0 -5px -1px -5px;
		padding: 0 5px 1px 5px;
		*/
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		border-bottom: 1px solid #fff;
		/*background: url(images/fond_sous_menu_ombre.png) repeat-y;*/
	}
	#menu li {
		margin: 0px;
		list-style-type: none;
	}
		#menu li a {
			display: block;
			width: 280px;	
			height: 32px;	
			padding: 0 10px 0 10px;
			color: #666666;
			font-size: 130%;
			font-weight: bold;
			text-decoration: none;
			line-height: 32px;
			background: url(images/fond_sous_menu.png) repeat-x;			
		}
		#menu li a:hover {
			color: #ffffff;
			background-position: left bottom;
		}		
			
#milieu {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px 270px 20px;
	min-height: 100%;	
	background: url(images/fond_contenu.png) repeat-y;
}		
	#titre {
		height: 250px;
		width: 960px;
		background: url(images/accroche.jpg) no-repeat;
	}
	#titre span {
		display: none;
	}
	#contenu {
		width: 920px;
		padding: 0 20px 0 20px;
		font-size: 110%;
		line-height: 20px;
		text-align: justify;		
	}
	.listeBleu ul, .listeBleu li {
		list-style-position: inside;
		list-style-image : url(images/liste_bleu.gif);		
	}
	.listeBleu li {
		line-height: 16px;
		text-align: left;	
		margin-left: 10px;
		margin-top: 10px;
	}
	.sousListeBleu ul, .sousListeBleu li {
		list-style-position: inside;
		list-style-image : url(images/liste_bleu_carre.gif);			
	}
	.sousListeBleu li {
		line-height: 16px;
		text-align: left;	
		margin-left: 30px;
		margin-top: 10px;
	}	
		#colonneGauche {
			float: left;	
			width: 655px;
		}	
		#colonneDroite {
			float: right;	
			width: 245px;
		}			
#bas {
	position: absolute;
	bottom: 0;
	height: 300px;
	width: 100%;
	background: url(images/fond_piedpage.jpg) bottom repeat-x;		
}
	#hautDePage {	
		width: 940px;
		height: 80px;
		margin: 0 auto;
		padding: 40px 60px 0 0;
		font-size: 120%;
		text-align: right;		
		background: url(images/fond_basdepage.png) no-repeat;
	}

	#piedDePage {
		width: 940px;
		margin: 0 auto;
		padding: 0 20px 0 20px;
	}	
	#piedDePage p {
		float: left;
		width: 160px;
		height: 160px;
		padding: 10px 30px 0 30px;
		font-size: 120%;
		line-height: 22px;
		color: #fff;
		background: url(images/separation_vertical.jpg) no-repeat right top;
	}
	#piedDePage a {
		color: #fff;
	}

	#formulaire {
		float: left;
		width: 400px;
		margin: 0 20px 0 20px;
	}
	
	#plan {
		float: right;
		width: 460px;
	}

	#coordonnees {
		clear: both;
		width: 920px;
	}			
.falco {
	font-weight: bold;
	color: #0072ba;
}	
/* Accueil */
.blocAccueil{
	float: left;
	width: 180px;
	height: 230px;
	margin: 0 20px 20px 0;
	padding: 5px;	
	border: 1px solid #BDBDBD;
	background-color: #F5F5F4;	
}
.enteteBleu{	
	height: 35px;
	color: #FFF;
	font-size: 120%;
	padding: 5px 0 5px 10px;
	text-align: center;
	line-height: 15px;
	font-weight: bold;
	background: url(images/fond_enteteBleu.jpg) repeat-x;
}
.enteteVert{	
	height: 35px;
	color: #FFF;
	font-size: 120%;;
	padding: 5px 0 5px 10px;
	text-align: center;
	line-height: 15px;
	font-weight: bold;
	background: url(images/fond_enteteVert.jpg) repeat-x;
}
.texteBlocAccueil {
	text-align: left;
	font-size: 110%;
	line-height: 16px;
}
.texteBlocAccueil a {
	text-decoration: none;
	color: #444444;
	font-weight: normal;
}
/* Information acceuil */
.blocColonne {
	width: 245px;
	margin: 0 0 15px 0;
	background: url(images/bloc_col260_fond.jpg) repeat-y;
}
	.enteteColonne {
		background: url(images/bloc_col260_top.jpg) no-repeat;
		height: 10px;
	}
	.contenuColonne {
		background: url(images/bloc_col260_bottom.jpg) no-repeat bottom;
		font-size: 12px;
		color: #000;
		padding: 0 10px 10px 10px;
	}	
		.titreColonne {
			font-weight: bold;
			color: #84a253;
			margin-bottom: 10px;
			font-size: 110%;
		}
		
		#listeBloc {
			height: 174px; 
			overflow: auto;
		}
		#listeBloc ul {			
			list-style-position: inside;
			list-style-image : url(images/liste_verte.gif);
			text-align: left;
		}
		#listeBloc li {
			line-height: 16px;
			margin-bottom: 10px;
		}
		#listeBloc a {
			font-weight: normal;
			color: #444444;
			text-decoration: none;
		}
		#listeBloc a:hover {
			color: #000000;
			text-decoration: none;
		}		
		#listeBloc span {
			color: #6d8645; 
		}
				

.fenetre {
	display: none;
	position: absolute;
	top: 230px;
	left: 50%;
	width: 500px;
	max-height: 468px;
	margin: 0 0 0 -400px;
	padding: 10px;
	background: #f7f7f5;
	border: 1px solid #00568d;
}
.fenetreTitre {
	height: 22px;
	margin-bottom: 10px;
}
.fenetreContenu {
	overflow: auto;
	max-height: 420px;
	width: 490px;
	padding-right: 10px;
}
.fermer {
	float: right;
}
.image {
	border: 0;
}
.retour {
	margin: 20px 0 30px 10px; 
	text-align: center;
	font-size: 120%;
}
.fil {
	text-decoration: none;
}
.reference {
	clear: both; 
	padding: 5px;
	margin: 0 0 10px 0;
	background: url(images/fond_reference.jpg) repeat-x bottom;	
	border: 1px solid #e6e6e4;
}
.imageReference {
	float: right;
	/*width: 150px;*/
	/* border: 1px solid #ccc; */
}


/* Espace Client */
#frmEspaceClient p {
	margin: 0 0 10px 0;
}

#frmEspaceClient label {
	float: left;
	line-height: 14px;
	margin: 0;
	width: 90px;
	padding: 0 5px 0 0;
	vertical-align: middle;
}

#frmEspaceClient input {
	width: 120px;
}	

















label {
	display: block;
	float: left;
	width: 100px;
	margin: 0 5px 0 0;
	line-height: 30px;
	text-align: right;
}
.champ {
	width: 220px;
	height: 18px;
	margin: 6px 0 6px 0;
}
.blocColonne .champ {
	width: 120px;
}
.blocColonne label {
	width: 80px;
}
.liste {
	height: 30px;
	line-height: 30px;
}

textarea {
	width: 325px;
	height: 100px;
}

.erreur {
	position: absolute; 
	width: 230px; 
	height: 34px; 
	margin: 0 0 0 -8px; 
	padding: 0 0 0 22px; 
	line-height: 34px;
	font-size: 100%;
	color: #fff;
	background: url(images/erreur.gif) no-repeat;
	display: none;
}
.blocColonne .erreur {
	width: 236px;
	margin: 0 0 0 -290px;
	background: url(images/erreur_gauche.gif) no-repeat;
}
.focus {
	border: 2px solid #386F8E;
}

.erreurs{
	color:red;
	border: 2px solid red;
}

.numPage{
	color:red;
}