/*
	bleu clair : #00bcff
	gris sombre : #919495
	gris clair	: #e7e4e4
*/

/************************ BODY *********************************/
*{
	margin				: 0px;
	padding				: 0px;
}
html, body {
	margin				: 0;
	padding				: 0;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 0.75em;
	color				: #919495;
	background-color	: #f4f4f4;
	background-image	: url("../images/fond/bande.jpg");
	background-position	: center;
	background-repeat	: repeat-y;
}

/************************ FORMULAIRES *********************************/
input, select, textarea, file{
	border				: 1px solid #e7e4e4;
	font-size			: 10px;
	padding				: 3px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
}
textarea{
	width				: 300px;
	height				: 150px;
}
textarea.mini{
	width				: 250px;
	height				: 200px;
}
input:hover{
	background-color	: white;
}
input:focus, select:focus, file:focus{
	background-color	: #00bcff;
	color				: white;
}
textarea:focus{
	background-color	: #00bcff;
	color				: white;
}
input.bouton{
	border				: 1px solid #00bcff;
	color				: white;
	background-color	: #00bcff;
}
input:hover.bouton{
	border				: 1px solid #00bcff;
	color				: #00bcff;
	background-color	: white;
}
input.cadre{
	border				: 1px solid red;
}
input.rien{
	/* rien faire, c'est pr l'affichage d'un bouton image, pr ne pas avoir de bordure */
	border				: 0;
}
/**********************	input : bouton ********************************/
input.boutonCouleur{
	border				: 1px solid white;
	color				: white;
	background-color	: #00bcff;
}
input:hover.boutonCouleur{
	border				: 1px solid #00bcff;
	color				: #00bcff;
	background-color	: white;
}

/*********************** ALIGN DROITE ****************************/
th{
	background-color	: #00bcff;
	color				: white;
	padding				: 5px;
}
td{
	vertical-align		: top;
}
td.alignDroite{
	text-align			: right;
}
td.alignMilieu{
	text-align			: center;
}

/************************ LEGEND *********************************/
/* corps de la legende */
fieldset{
	border				: 1px solid #919495;
	margin				: 0px 0px 10px 0px;
	padding				: 10px;
}

/* titre de la legende */
legend{
	padding				: 5px;
	font-size			: 16px;
	font-weight			: bold;
	color				: #919495;
}

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

/************************ CORPS *********************************/
.content{
	/*border				: 1px solid green;*/
	margin				: auto;
	width				: 800px;
	min-height			: 400px;
	background-image	: url("../images/fond/ombreHautCorps.jpg");
	background-position	: top;
	background-repeat	: no-repeat;
}
.colonneGauche{
	/*border				: 1px solid yellow;*/
	padding				: 4px;											/* passer à 5px si on enleve le "border"*/
	width				: 140px;
	float				: left;
}
.colonneDroite{
	/*border				: 1px solid yellow;*/
	padding				: 4px;											/* passer à 5px si on enleve le "border"*/
	width				: 640px;
	float				: left;
}
.header{
	/*border				: 1px solid orange;*/
	width				: 800px;
	height				: 187px;
	margin				: auto;
	background-image	: url("../images/fond/entete.jpg");
	background-position	: center;
	background-repeat	: no-repeat;
}
.footer{
	/*border				: 1px solid orange;*/
	width				: 800px;
	height				: 55px;
	margin				: auto;
	text-align			: center;
	background-image	: url("../images/fond/piedDePage.jpg");
	background-position	: center;
	background-repeat	: no-repeat;
}
.bloc_piedDePage{
	text-align			: left;
	margin-left			: 175px;
}
.bandeMenu{
/*	background-color	: #CCCCCC;*/
	background-image	: url("../images/fond/bandeHautMenu.jpg");
	background-position	: left;
	background-repeat	: no-repeat;
	padding				: 5px;
	margin-bottom		: 10px;
	text-transform		: uppercase;
}
/**********************	ERREUR / OK ********************************/
/* Erreur */
.erreur{
	margin				: 5px;
	padding				: 5px;
	border				: 1px solid red;
	background-color	: #FFE1E1;
	color				: red;
	font-size			: 1.25em;
	text-align			: left;
	background-image	: url("../images/fond/rouge.jpg");
}
/* Validation est OK  */
.ok{
	margin				: 5px;
	padding				: 5px;
	border				: 1px solid blue;
	background-color	: #00bcff;				/* ancien : #E9FFE8 */
	color				: blue;
	text-align			: left;
	background-image	: url("../images/fond/bleu.jpg");
}
/* Information */
.info{
	margin				: 5px;
	padding				: 5px;
	border				: 1px solid #919495;
	background-color	: #e7e4e4;										/* Jaune */
	color				: #919495;
	text-align			: left;
	background-image	: url("../images/fond/orange.jpg");
}
/* Debug */
.debug{
	margin				: auto;
	padding				: 5px;
	border				: 1px solid grey;
	background-color	: #CCCCCC;
	color				: grey;
	text-align			: left;
	background-image	: url("../images/fond/gris.jpg");
}

/**********************	liens : menu ********************************/
/*
.titreColonne{
	font-size			: 1.5em;
	text-transform		: uppercase;
	font-weight			: bold;	
	color				: #919495;
}
*/
.titreGeneral{
	font-size			: 1.5em;
	font-weight			: bold;
	margin-bottom		: 5px;
}
.sousTitre{
	color				: #00bcff;
}
.textJustifie{
	text-align			: justify;
}
.miniText{
	color				: #919495;
	font-size			: 0.95em;
}
.textBlanc{
	color				: white;
	margin				: 5px;
}
.textBleu{
	color				: #00bcff;
}
.textBleuGras{
	color				: #00bcff;
	font-weight			: bold;
}
p.std{
	padding				: 5px;
}
.prix{
	font-size			: 2em;
	font-weight			: bold;
}
/**********************	liens : menu ********************************/
a.cadre{
}
a.cadre:link, a.cadre:visited, a.cadre:focus{
	color				: #919495;
}
a.cadre:active, a.cadre:hover{
	color				: 00bcff;
}

/**********************	liens : normal ********************************/
a:link, a:visited {
	color				: #919495;
	text-decoration		: none;
}
a:hover {
	color				: #00bcff;
	text-decoration		: underline;
}
a:active {
	text-decoration		: none;
}

/**********************	liens : bleu ********************************/
a.lienTextBleuGras:link, a.lienTextBleuGras:visited {
	color				: #00bcff;
	text-decoration		: none;
	font-weight			: bold;
}
a.lienTextBleuGras:hover {
	color				: #00bcff;
	text-decoration		: underline;
	font-weight			: bold;
}
a.lienTextBleuGras:active {
	text-decoration		: none;
	font-weight			: bold;
}

/**********************	ALIGNEMENT ****************************/
.align_gaucheMiniTableau{
/*	border				: 1px solid #00bcff;*/
	float				: left;
	margin-left			: 30px;
	margin-bottom		: 10px;
	height				: 175px;
}
.align_gauche{
	float				: left;
	margin-right		: 10px;
	margin-bottom		: 10px;
}
.align_droite{
	float				: right;
	/*margin-right		: 10px;*/
	margin-bottom		: 10px;
}
hr{
	margin-top			: 5px;
	margin-bottom		: 5px;
}