/*
	COULEUR :
	---------
		- couleur xxx	: #xxxxxx;
		
*/
@charset "utf-8";
body {
	color: #FFFFFF;
	margin				: 0px;
	padding				: 0px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 9px;
	background-color	: #757678;
}

/* Contenaire global du site */
.content{
/*	border				: 1px solid green;*/
	margin				: auto;
}

/* corps du site */
.corps{
/*	border				: 1px solid red;*/
	width				: 1024px;
}

/* haut du site */
.entete{
/*	border				: 1px solid red;*/
	background-color	: #666666;
}
		
/* milieu du site */
.milieu{
/*	border				: 1px solid green;*/
	min-height			: 400px;
	clear				: both;
}

/* pied du site */
.piedDePage{

}

.blocPiedDePage{
	border-top-style:solid;
	border-top-color:white;
	border-top-width:1px;
	fload				: right;
	padding				: 10px;
	margin				: 5px 0px 0px 0px;
}

.blocCarte{
	padding				: 10px;
	margin				: 5px 0px 0px 0px;
}

.blocCorps{
	padding				: 10px;
	margin				: 5px 0px 0px 0px;
}

.blocVert{
	background-color	: #006600;
	padding				: 10px;
	margin				: 5px 0px 0px 0px;
	width				: 350px;
}

.clearall{
/*	clear				: all;*/
	clear				: both;
}

#apDiv1 {
	position:absolute;
	left:55px;
	top:280px;
	width:123px;
	height:201px;
	z-index:1;
}

/**************************************************************** H1 ****************************************************************/
.texte_01{
	color				: #006600;
	font-weight			: bold;
	display				: inline;
}
.texte_02{
	font-weight			: bold;
	display				: inline;
}
/**************************************************************** H1 ****************************************************************/
h1{
	color				: white;
	font-size			: 2.5em;
}
h2{
	margin				: 10px 0px 5px 0px;
	font-size			: 1.75em;
}
h3{
	margin				: 0px;
	font-size			: 1.5em;
}
h4{
	margin				: 0px;
	font-size			: 1.25em;
}
h5{
	margin				: 0px;
	font-size			: 0.75em;
}
h6{
	margin				: 0px;
	font-size			: 0.5em;
}

/**************************************************************** FORM ****************************************************************/
form{
	margin				: 0px;
	padding				: 0px;
}
input.input_01{
	border				: 1px solid white;
	background-color	: #deddd9;
	width				: 100%;
}
textarea.textarea_01{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	border				: 1px solid white;
	background-color	: #deddd9;
	width				: 100%;
	height				: 80px;
}
/**************************************************************** LIENS ****************************************************************/
a, a:visited, a:active{
	color				: white;
	text-decoration		: none;
}
a:hover {
	color				: white;
	text-decoration		: underline;
}

a.a_01{

}
a.a_01, a.a_01:visited, a.a_01:active{
	color				: white;
	text-decoration		: none;
}
a.a_01:hover {
	color				: white;
	text-decoration		: underline;
}

a.a_02{
	font-size			: 14px;
	font-weight			: bold;
}
a.a_02, a.a_02:visited, a.a_02:active{
	color				: white;
	text-decoration		: none;
	padding				: 10px;
	margin				: 5px 0px 0px 0px;
}
a.a_02:hover {
	color				: #CCCCCC;
	text-decoration		: underline;
	padding				: 10px;
	margin				: 5px 0px 0px 0px;
}

/**************************************************************** TEXTE ****************************************************************/
/* Texte : petit + italique */
.texte_01{
	font-size			: 10px;
	font-style			: italic;
}

/**************************************************************** IMG ****************************************************************/
img{
	border				: 0px;
}

/**************************************************************** ERREUR / OK / INFO / DEBUG ****************************************************************/
/* 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/cadre/rouge.jpg");
	width				: 450px;
}
/* Validation est OK  */
.ok{
	margin				: 5px;
	padding				: 5px;
	border				: 1px solid green;
	background-color	: #E9FFE8;
	color				: green;
	text-align			: left;
	background-image	: url("../images/fond/cadre/vert.jpg");
	width				: 450px;
}
/* Information */
.info{
	margin				: 5px;
	padding				: 5px;
	border				: 1px solid orange;
	background-color	: #FFF848;										/* Jaune */
	color				: orange;
	text-align			: left;
	background-image	: url("../images/fond/cadre/orange.jpg");
	width				: 450px;
/*	background-image	: url("images/fond/bleu.jpg");*/
}
/* Debug */
.debug{
	margin				: 5px;
	padding				: 5px;
	border				: 1px solid grey;
	background-color	: #CCCCCC;
	color				: grey;
	text-align			: left;
	background-image	: url("../images/fond/cadre/gris.jpg");
	width				: 450px;
}

/**************************************************************** LEGEND ****************************************************************/
/* corps de la legende */
fieldset{
	border				: 1px solid white;
	margin				: auto;
	padding				: 1%;
	width				: 95%;
	text-align			: center;
}

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

/**************************************************************** ALIGNEMENT ****************************************************************/
.alignGauche{
	float				: left;
}
.alignDroite{
	float				: right;
}
.alignDroiteAvecMargeDroite{
	float				: right;
	margin-right		: 15px;
}