/*-------------------------------- Gestion du CONTENU --------------------------------*/
body {
	margin: 0; /* pour éviter les marges */
  	text-align: center; /* pour corriger le bug de centrage IE */
	font: normal 11px Arial;
	color: #000000;
	background: #FFFFFF url(../images/index/index_17.jpg) top center repeat-x;
}

#conteneur {
	width: 979px;
	margin: 0 auto; /* Pour center le site */
	padding: 0px;
	text-align: center;
}

.transparence {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: .8;
}



/*-------------------------------- Gestion des POLICES --------------------------------*/

.Police-Arial-10-Blanc { font: 10px Arial; color:#FFFFFF; }
.Police-Arial-11-Noir { font: 11px Arial; color:#000000; }
.Police-Arial-11-Bleu { font: 11px Arial; color:#0062ab; }
.Police-Arial-11-Gris { font: 11px Arial; color:#666666; }
.Police-Arial-12-Bleu { font: 12px Arial; color:#0062ab; }
.Police-Arial-12-Blanc { font: 12px Arial; color:#FFFFFF; }
.Police-Arial-12-Noir { font: 12px Arial; color:#000000; }
.Police-Arial-12-Gris { font: 12px Arial; color:#666666; }
.Police-Arial-12-GrisFonce { font: 12px Arial; color:#333333; }
.Police-Arial-14-Noir { font: 14px Arial; color:#000000; }
.Police-Arial-14-Bleu { font: 14px Arial; color:#0d629b; }
.Police-Arial-14-GrisFonce { font: 14px Arial; color:#333333; }

.Police-Helvetica-14-GrisFonce { font: 14px Helvetical; color:#333333; }


/*-------------------------------- Gestion des POLICES --------------------------------*/

/* Style lien par defaut */
a, a:visited { color:#000000; text-decoration:none; }
a:hover, a:focus, a:active { color:#000000; text-decoration:none; }

/* Style lien Bleu-Noir */
a.Lien-Bleu-Noir, a:visited.Lien-Bleu-Noir { color:#0062ab; }
a:hover.Lien-Bleu-Noir, a:focus.Lien-Bleu-Noir, a:active.Lien-Bleu-Noir { color:#000000; }

/* Style lien Noir-Bleu */
a.Lien-Noir-Bleu, a:visited.Lien-Noir-Bleu { color:#000000; }
a:hover.Lien-Noir-Bleu, a:focus.Lien-Noir-Bleu, a:active.Lien-Noir-Bleu { color:#0062ab; }

/* Style lien Blanc-Noir */
a.Lien-Blanc-Noir, a:visited.Lien-Blanc-Noir { color:#FFFFFF; }
a:hover.Lien-Blanc-Noir, a:focus.Lien-Blanc-Noir, a:active.Lien-Blanc-Noir { color:#000000; }

/* Style lien Gris-Noir */
a.Lien-Gris-Noir, a:visited.Lien-Gris-Noir { color:#666666; }
a:hover.Lien-Gris-Noir, a:focus.Lien-Gris-Noir, a:active.Lien-Gris-Noir { color:#000000; }



/*-------------------------------- Gestion des FORMULAIRES --------------------------------*/

FORM {
	margin: 0px;
}

/* Champs du formulaire de demande de contact */
INPUT.FormContact{
	font-family: normal 11px Arial; 
	color: #666666;
	background-color: #FFFFFF;
	border: #666666 1px solid; 
	width: 370px;
}


/* Champs du formulaire de demande de contact */
TEXTAREA.FormContact{
	font-family: normal 11px Arial; 
	color: #666666;
	background-color: #FFFFFF;
	border: #666666 1px solid; 
	width: 370px;
	height: 150px;
}


/**************************************************************/
/*    Zone de définition des styles de menu deroulant         */
/*    Font, Taille, Couleur, ...                              */
/**************************************************************/

.menu { 
	padding:10px 0px; 
	margin:0px; 
	z-index:100; 
	width:114px; 
	height:13px; 
	background: url(../images/index/menu-inactive.gif) top no-repeat; 
	text-align:center; 
	font: normal 11px Arial; 
	color: #FFFFFF; 
}
.menu:hover { 
	background: url(../images/index/menu-over.gif) top no-repeat; 
}
.menu a{ 
	color: #FFFFFF;
}
.menu-on { 
	padding:10px 0px; 
	margin:0px; 
	z-index:100; 
	width:114px; 
	height:13px; 
	background: url(../images/index/menu-active.gif) top no-repeat; 
	text-align:center; 
	font: normal 11px Arial; 
	color: #FFFFFF; 
}

.sousmenu { 
	padding: 0px; 
	margin: 0px; 
	z-index: 110; 
	width: 130px; 
	top: 33px; 
	left: 0px; 
	position: absolute; 
	list-style-type: none; 
	display: none; 
	background: #989a9f url(../images/index/index_20.gif) top repeat-x;
}


.sousmenu li { 
	background: none; 
	font: normal 11px Arial;
	color: #000000;
	text-align: left;
}
.sousmenu li:hover { 
	background: url(../images/index/index_21.gif) top repeat-x; 
}
.sousmenu li a{ 
	display: block;
	padding: 3px 10px;
	color: #000000;
}

.soussousmenu { 
	background: none; 
	font: normal 11px Arial;
	color: #000000;
	text-align: left;
}
.soussousmenu:hover { 
	background: url(../images/index/index_24.gif) bottom right no-repeat; 
}

.soussousmenu2 { 
	background: none; 
	font: normal 11px Arial;
	color: #000000;
	text-align: right;
}
.soussousmenu2:hover { 
	background: url(../images/offres/offre_11.gif) bottom right no-repeat; 
}