/****************************************************************
	NOTES :
	-------
		blue marine	=> #093898
		blue clair	=> #AFD2F2
****************************************************************/




/************************ BODY *********************************/
*{
	margin				: 0px;
	padding				: 0px;
}
html, body {
	margin				: 0;
	padding				: 0;
/*	background-color	: #042887;*/													/* bleu marine */
	font-family			: Arial, Verdana, Helvetica, sans-serif;
	font-size			: 0.90em;
	background-image	: url("http://s181244701.onlinehome.fr/assuranceAXA/images/backgroundRepeat.jpg");
	background-repeat	: repeat;
}


/************************ IMAGES *********************************/
img{
	border				: 0;
}

/********************** FORMULAIRE ******************************/
input.bouton, input.bouton:link, input.bouton:visited, input.bouton:focus{
	border				: 1px solid blue;
	background-color	: #093898;
	color				: white;	
}
input.bouton:active, input.bouton:hover{
	border				: 1px solid #093898;
	background-color	: white;
	color				: #093898;	
}

/************************ TABLE *********************************/
table{
	margin				: 0px;
	padding				: 0px;
	border				: 0px;
}
th.tbl_std{
	background-color	: #093898;
	font-weight			: bold;
	padding				: 5px;
	color				: white;
}
th.tbl_std_droite{
	background-color	: #093898;
	font-weight			: bold;
	padding				: 5px;
	text-align			: right;
	color				: white;	
}
td.tbl_std{
	background-color	: #AFD2F2;
	padding				: 5px;
	font-weight			: bold;
}
td.tbl_superVoyant{
	background-color	: #f4e500;
	text-align			: center;
	padding				: 5px;
	color				: black;
}

/************************ TEXT *********************************/
.indice{
	font-size:0.75em;
}
.grosTitre{
	color				: #093898;
	font-size			: 18px;
	font-weight			: bold;
}
.sousGrosTitre{
	color				: #093898;
	font-size			: 16px;
	font-weight			: bold;
}
.titreSimple{
	font-size:14px;
	font-weight:bold;
}
.titre{
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid black;
}
.textJustifier{
	text-align : justify; 
}
.textBlanc{
	color				:  white;
	font-size		: 0.75em;
	/*font-weight	: bold;*/	
}
.grosTitreCadre1et2{
	font-size		: 16px;
	color				: white;
	font-weight	: bold;
	text-align		: center;
}
.textCadre1et2{
	font-size			: 12px;
	color				: white;
	padding				: 20px;
}

/************************ CORPS *********************************/
/*
.choixCouleurFondHaut{
	border				: 1px solid white;
	width					: 50px;
	float					: left;
	padding				: 5px;
}
*/

/************************ CORPS *********************************/
.content{
/*	border				: 3px solid fuchsia;*/
	width				: 794px;
	height				: 100%;
	margin				: auto;
	background-image	: url("http://s181244701.onlinehome.fr/assuranceAXA/images/bande.jpg");
	background-repeat	: repeat-y;
}
.milieu{
/*	border				: 1px solid red;*/
	background-image	: url("http://s181244701.onlinehome.fr/assuranceAXA/images/milieu.jpg");
	background-repeat	: no-repeat;
	width				: 794px;
	height				: 100%;
	min-height			: 394px;
	top					: 0px;
}

/**********************	ERREUR / OK ********************************/
/* Erreur */
.erreur{
	margin				: 3px;
	padding				: 3px;
	border				: 1px solid red;
	background-color	: #FFE1E1;
	color				: red;
	font-size			: 1.25em;
}
/* Validation est OK  */
.ok{
	margin				: 3px;
	padding				: 3px;
	border				: 1px solid blue;
	background-color	: #AFD2F2;				/* bleu clair */
	color				: blue;
}

/**********************	liens : general sur l'ensemble du site ********************************/
a{
	color				: #173b79;							/* bleu */
}
a:link, a:visited, a:focus{
	text-decoration		: none;
	color				: #173b79;							/* bleu */
}
a:active, a:hover{
	text-decoration		: none;
	background-color	: #093898;							/* bleu marine */
	color				: white;
}
/**********************	liens : blanc ********************************/
a.blanc{
	color				: white;
}
a.blanc:link, a.blanc:visited, a.blanc:focus{
	text-decoration		: underline;
	color				: white;
}
a.blanc:active, a.blanc:hover{
	text-decoration		: none;
	background-color	: white;
	color				: #093898;							/* bleu marine */
}
/**********************	liens : menu du haut de la page ********************************/
a.menuHaut{
	color				: #093898;							/* bleu marine */
	font-size			: 14px;
}
a.menuHaut:link, a.menuHaut:visited, a.menuHaut:focus{
	text-decoration		: underline;
	color				: #093898;							/* bleu marine */
	font-size			: 14px;	
}
a.menuHaut:active, a.menuHaut:hover{
	text-decoration		: none;
	color				: #093898;							/* bleu marine */
	font-size			: 14px;
	font-weight			: bold;
	background-color	: #f4e500;							/* jaune */

}

/**********************	ALIGNEMENT ****************************/
.align_gauche{
	float				: left;
}
.align_droite{
	float				: right;
}
.align_bas{
	bottom				: 0px;
}


/**************************	MENU ****************************/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
/*border:1px solid red;*/
position: absolute; /* placement du menu, à modifier selon vos besoins */
top: 127px;
left: 50%;
margin-left:-370px;
/*margin-left:30px;*/
z-index:100;
width: 700px; /* correction pour Opera */
}
#menu dl {
float: left;
width: 7em;													/* taille de chaque case du menu */
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
/*background: #ccc;*/										/* couleur menu : gris */
background: #f4e500;										/* couleur menu : jaune */
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #042887;
color:white;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}