*
{
	margin : 0;
	padding : 0;
	font-family: Times New Roman, Arial, Nimbus Roman No9 L, sans-serif;
	font-size : 14px;
}
body
{
	position : relative;
	width : auto;
	height : auto;
	background-color : #eaeaea;
}

/***********************************************************************/
/************************* CSS pour header *****************************/
/***********************************************************************/

#header
{
	position : relative;
	width : 1000px;
	height : 96px;
	background-color : white;
}

	.bande_haute_rouge
	{
		position : relative;
		width : 1000px;
		height : 30px;
		background-color : #cc0000;
		background-image : url(images/header_haut.png);
		background-repeat : no-repeat;
	}
	.bande_basse_blanche
	{
		position : relative;
		width : 1000px;
		height : 64px;
		background-color : white;
		background-image : url(images/header_bas.png);
		background-repeat : no-repeat;
	}
	.logo_fineo
	{
		position : relative;
		margin-top : 12px;
		margin-left : 750px;
		_margin-left : 373px;
		float : left;
		width : 250px;
		height : 40px;
		background-image : url(images/fineo.jpg);
		background-repeat : no-repeat;
	}
	.separateur_rouge
	{
		position : relative;
		margin : auto;
		width : 1000px;
		height : 2px;
		background : #ff0000;
		font-size : 1px;
	}
	
/***********************************************************************/
/*********************** CSS pour conteneur ****************************/
/***********************************************************************/

#conteneur
{
	position : relative;
	width : 1000px;
	background-color : #eaeaea;
}

/***********************************************************************/
/*********************** CSS pour menu gauche **************************/
/***********************************************************************/

#menugauche
{
	position : relative;
	float : left;
	width : 178px;
	background-color : #eaeaea;
}
	.cadre_menugauche
	{
		position : relative;
		margin : auto;
		margin-top : 25px;
		width : 169px;
		height : 166px;
	}
		.cadre_menugauche a
		{
			position : relative;
			display : block;
			margin-bottom : 2px;
			padding-left : 20px;
			line-height : 30px;
			color : black;
			text-decoration : none;
			font-weight : bold;
			border : 1px solid #787878;
		}
	.fleur_droite
	{
		position : relative;
		margin-top : 3px;
		margin-left : 55px;
		width : 123px;
		height : 180px;
		background-image : url(images/fleurdroite_menugauche.png);
		background-repeat : no-repeat;
	}
	.fleur_gauche
	{
		position : relative;
		margin-top : 27px;
		width : 77px;
		height : 153px;
		background-image : url(images/fleurgauche_menugauche.png);
		background-repeat : no-repeat;
	}

/***********************************************************************/
/************************** CSS pour index *****************************/
/***********************************************************************/

#contenu_droite
{
	position : relative;
	padding-bottom : 15px;
	float : left;
	width : 822px;
	background-color : #cbcbcb;
}
	.cadre_titre
	{
		position : relative;
		margin-top : 5px;
		margin-left : 25px;
	}
		.cadre_titre h1
		{
			position : relative;
			float : left;
			font-size : 22px;
			color : red;
			text-transform : uppercase;
		}
		.texte_titre
		{
			position : relative;
			float : right;
			margin-right : 100px;
			margin-top : 5px;
			_margin-right : 50px;
			_margin-bottom : 3px;
			margin-bottom : 10px;
			font-size : 19px;
			text-align : center;
		}
			.texte_titre span
			{
				position : relative;
				font-size : 19px;
				color : red;
			}
	.separateur_noir
	{
		position : relative;
		width : 822px;
		height : 2px;
		background-color : black;
		font-size : 1px;
	}
	.cadre_texte_index
	{
		position : relative;
		float : left;
		margin-left : 45px;
		_margin-left : 25px;
		margin-top : 10px;
		width : 490px;
	}
	.cadre_texte
	{
		position : relative;
		margin-left : 45px;
		margin-top : 10px;
	}
		.paragraphe_index
		{
			position : relative;
			margin-left : 40px;
			margin-top : 2px;
		}
	.cadre_info
	{
		position : relative;
		width : 822px;
	}
		.info_adresse
		{
			position : relative;
			float : left;
			margin-top : 15px;
			margin-left : 50px;
			_margin-left : 25px;
			padding-right : 60px;
			width : 300px;
			border-right : 1px solid black;
		}
		.info_recrutement
		{
			position : relative;
			float : left;
			margin-top : 15px;
			margin-left : 50px;
			width : 353px;
		}
			.cadre_recrutement
			{
				position : relative;
				border : 3px solid black;
				padding-top : 12px;
				padding-left : 30px;
				padding-right : 29px;
				padding-bottom : 23px;
				text-align : center;
				background-color : #c0c0c0;
			}

/***********************************************************************/
/************************* CSS pour propos *****************************/
/***********************************************************************/

.cadre_titre_seul
{
	position : relative;
	margin-top : 5px;
	margin-left : 25px;
	margin-bottom : 20px;
}
	.cadre_titre_seul h1
	{
		position : relative;
		font-size : 22px;
		color : red;
		text-transform : uppercase;
	}
.cadre_texte_propos
{
	position : relative;
	float : left;
	margin-left : 35px;
	_margin-left : 17.5px;
	margin-top : 20px;
	width : 500px;
}
	.texte_propos_cadregris
	{
		position : relative;
		padding-bottom : 10px;
		padding-left : 5px;
		width : 500px;
		background-color : #969696;
	}
		.texte_propos_cadregris p
		{
			margin-left : 15px;
		}
	.texte_adresse_propos
	{
		position : relative;
		font-size : 12px;
	}
	.cadre_imagetexte_propos
	{
		position : relative;
		float : left;
		margin-left : 80px;
		margin-top : 30px;
		width : 164px;
	}
		.cadre_imagetexte_propos i
		{
			margin-left : 8px;
			font-size : 13px;
		}

/***********************************************************************/
/************************ CSS pour service *****************************/
/***********************************************************************/

.cadre_texte_service
{
	position : relative;
	float : left;
	width : 550px;
	margin-left : 10px;
	_margin-left : 5px;
	margin-top : 10px;
}
.petit_separateur
{
	position : relative;
	margin-top : 5px;
	width : 245px;
	height : 1px;
	background-color : black;
	font-size : 1px;
}
.cadre_float_horizontal
{
	position : relative;
	float : left;
	width : 260px;
	height : 255px;
}
.cadre_float_horizontal_droite
{
	position : relative;
	float : left;
	margin-left : 30px;
	_margin-left : 15px;
	width : 260px;
	height : 255px;
}
.cadre_image_texte_1
{
	position : relative;
	margin-top : 2px;
	font-size : 12px;
}
	.cadre_image_texte_1 span
	{
		position : relative;
		float : left;
		margin-top : 20px;
		margin-left : 15px;
		width : 100px;
		font-size : 12px;
	}
		.texte_seul_propos
		{
			position : relative;
			margin-left : 5px;
			font-size : 12px;
		}
			.texte_seul_propos p
			{
				position : relative;
				margin-left : 15px;
				margin-bottom : 2px;
				font-size : 12px;
			}

/***********************************************************************/
/************************* CSS pour contact ****************************/
/***********************************************************************/
		
.cadre_texte_contact_mail
{
	position : relative;
	margin-left : 35px;
	margin-top : 10px;
}
.cadre_texte_contact_tel
{
	position : relative;
	margin-left : 55px;
	margin-top : 10px;
}
.formulaire
{
	margin-left : 20px;
	margin-top : 10px;
	width : 350px;
}
	.champ_nom
	{
		float : left;
		margin-left : 36px;
		_margin-left : 28px;
	}

/***********************************************************************/
/************************ CSS pour rejoindre ***************************/
/***********************************************************************/
		
.cadre_texte_rejoindre
{
	position : relative;
	float : left;
	margin-left : 55px;
	_margin-left : 27.5px;
	margin-top : 10px;
}
	.cadre_imagetexte_horizontal
	{
		position : relative;
		margin-left : 30px;
		_margin-left : 15px;
	}
	.cadre_imagetexte
	{
		position : relative;
		float : left;
		margin-left : 35px;
		_margin-left : 30px;
		margin-top : 30px;
		width : 208px;
		font-size : 12px;
		text-align : center;
	}
	.image_texte_rouge
	{
		float:left;
		margin-left:50px;
		margin-top:30px;
	}
/***********************************************************************/
/************************* CSS pour footer *****************************/
/***********************************************************************/

#footer
{
	position : relative;
	width : 822px;
	height : 30px;
	background-color : #eaeaea;
	margin-top : 8px;
}
	.bande_grisclair
	{
		position : relative;
		float : left;
		width : 178px;
		height : 30px;
		background-color : #eaeaea;
		padding-bottom : 20px;
	}
	.bande_grisfonce
	{
		position : relative;
		float : left;
		width : 822px;
		height : 30px;
		background-color : #cbcbcb;
		padding-bottom : 20px;
	}
		.cadre_lien
		{
			position : relative;
			margin-left : 192px;
		}
			.cadre_lien a
			{
				position : relative;
				font-size : 13px;
				line-height : 30px;
			}

/***********************************************************************/
/************************* CSS pour spacer *****************************/
/***********************************************************************/

.spacer
{
	clear : both;
	visibility : hidden;
	height : 0px;
	font-size : 1px;
}

/***********************************************************************/
/************************* CSS pour erreur *****************************/
/***********************************************************************/

span.reussi
{
	display : block;
	position : relative;
	margin-bottom: 10px;
	text-align: center;
	color: green;
	font-weight: bold;
}
span.erreur
{
	display: block;
	position : relative;
	margin-bottom: 10px;
	text-align: center;
	color: #d40000;
	font-weight: bold;
}