/*
	COULEUR :
	---------
		- bleu background site	: #1a508c;
*/
@charset "utf-8";
body {
	
	background			: url("../images/fond/haut.jpg") ;
	background-repeat	: no-repeat;
	background-color	: #1a508c;
	margin-left			: 0px;
	margin-top			: 0px;
	margin-right		: 0px;
	margin-bottom		: 0px;
	background-position : center top;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
	color				: white;
	
	
}

.justify{
text-align			: justify;
}

/* Contenaire global du site */
.content{
	/*border				: 1px solid green;*/
	height				: 100%;
	
	}

/* corps du site */
.corps{
	/*border				: 1px solid #CCCCCC;*/
	width				: 950px;
	margin				: auto;
}

/* haut du site */
.entete{
	/*border				: 1px solid red;*/
	width				: 100%;
}

/* haut du site */
.milieu{
	/*border				: 1px solid pink;*/
	padding				: 5px 10px;
	min-height			: 300px;
}

/* pied du site */
.piedDePage{
	/*border				: 1px solid red;*/
	width				: 100%;
	height				: 43px;
}

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

.redSlash {
	color				: #FF0000;
	font-weight			: bold;
}

.formContact {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 11px;
}

.annonce {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 14px;
}	

.annonce_red {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 16px;
	font-weight			: bold;
	color				: #FF0000;
}	

.citation {
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	color				: #70a4d4;
	text-align			: justify;
}	
/**************************************************************** TITRE PAGE ****************************************************************/
.justifier{
	text-align			: justify;
}
/*
.texte_01{
	color				: #26396b;
}
*/
p.p_01{
	text-align			: justify;
	text-indent			: 20px;
	margin-bottom		: 20px;
}
p.p_01:first-letter{
	font-size			: 24px;
	font-weight			: bold;
	margin-right		: 2px;
}
	

/**************************************************************** H1 ****************************************************************/
h1.h1_01{
	color				: white;
	font-size			: 2.5em;
	border-bottom		: 1px solid white;
}
h1{
	color				: white;
	font-size			: 2.5em;
}
h2{
	margin				: 20px 0px 0px 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;
}



/**************************************************************** TABLEAU ****************************************************************/
table{
	margin				: 0px;
	padding				: 0px;
}
table.table_01{
	width				: 100%;
}
.th_01{
	background-color	: #263769;
	color				: white;
	text-transform		: uppercase;
	text-align			: center;
}
.td_01{
/*	background-color	: red;*/
	border				: 1px solid #26396b;
	color				: #26396b;
	text-align			: center;
}
.bouton_01{
	text-align			: center;
}

/**************************************************************** LIENS ****************************************************************/
a, a:visited, a:active{
	color				: white;
	text-decoration		: none;
}
a:hover {
	color				: white;
	text-decoration		: underline;
}

/**************************************************************** FORMULAIRE ****************************************************************/
/*
textarea.std{
	border				: 1px solid #7E5C4B;
	padding				: 2px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	color				: #7E5C4B;
	font-size			: 10px;
	width				: 250px;
	height				: 100px;
}
textarea.std:focus, textarea.std:visited, textarea.std:active{
	border				: 1px solid white;
	background-color	: #7E5C4B;
	color				: white;
	padding				: 2px;
	font-family			: Verdana, Arial, Helvetica, sans-serif;
}
input.std{
	font-size			: 10px;
	border				: 1px solid #7E5C4B;
	padding				: 2px;
	color				: #7E5C4B;
}
input.std:focus, input.std:visited, input.std:active{
	border				: 1px solid white;
	background-color	: #7E5C4B;
	color				: white;
	padding				: 2px;
}
select.std{
	font-size			: 10px;
	border				: 1px solid #7E5C4B;
	padding				: 2px;
	color				: #7E5C4B;
}
select.std:focus, select.std:visited, select.std:active{
	border				: 1px solid white;
	background-color	: #7E5C4B;
	color				: white;
	padding				: 2px;
}
*/
textarea.textarea_01{
	width				: 40%;
	height				: 100px
}

input.input_01{
/*	border				: 1px solid red;*/
	border				: 0px;
/*	background			: url("../images/fond/bandeBleuMilieu.jpg") repeat-x;*/
	background			: url("../images/fond/champBleu.jpg") no-repeat;
	font-size			: 10px;
	color				: white;
	width				: 158px;		/* 168	= 158	+ 10 */
	height				: 16px;			/* 26	= 16	+ 10 */
	padding				: 5px;
}

input.bouton{
	border				: 1px solid #333333;
	padding				: 3px;
	background-color	: white;
	color				: #333333;
	font-weight			: bold;
}
input.bouton:hover{
	border				: 1px solid white;
	padding				: 3px;
	background-color	: #333333;
	color				: white;
	font-weight			: bold;
}

.commentaire {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	height:125px;
	width: 250px;
	color:042a57;	
	background-color: #FFFFFF;
	border: 1px solid #2063ac;
}

.champNormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	width: 250px;
	color:042a57;	
	background-color: #FFFFFF;
	border: 1px solid #2063ac;
}
.champCourt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	width: 130px;
	color:042a57;	
	background-color: #FFFFFF;
	border: 1px solid #2063ac;
}
.champPuce {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	color:042a57;	
	background-color: #1a508c;
	
}

champCommentaireCourt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 5px;
	height:125px;
	width: 150px;
	color:042a57;	
	background-color: #FFFFFF;
	border: 1px solid #2063ac;
}

/**************************************************************** IMG ****************************************************************/
img{
	border				: 0px;
}
/*
img.imgBordure_01{
	border				: 1px solid white;
	position			: absolute;
	z-index				: 1;
}
img.imgBordure_02{
	border				: 1px solid white;
}
.fondVendu{
	position			: absolute;
	z-index				: 2;
}
*/
/*
#img1 {
	position: absolute;
	width:100px;
	height:100px;
	z-index:1;
}

#img2 {
	position: absolute;
	width:100px;
	height:100px;
	z-index:2;
}
*/

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

/**************************************************************** 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;
}
/*********************************************************** UWL COMMUNICATION **************************************************************/
.uwlcommunication{
	font-size			: 8px;
}

.Stylebouton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	/*margin: 0px 20px;*/
	padding: 10px;
	width: 200px;
	color:#FFFFFF;	
	background-color: #2063ac;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	/*filter: Invert;*/
}

.Styleboutonfake{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
	/*margin: 0px 20px;*/
	padding: 10px;
	width: 180px;
	color:#FFFFFF;	
	background-color: #2063ac;
	border: 1px solid #FFFFFF;
	/*filter: Invert;*/
}