@charset "utf-8";
/*
	AUTEUR 		: Michael DUMONTET
	SOCIETE		: Agence web UWL-Communication
	
	COULEUR :
	---------
		- couleur rouge		: #971a20;
		- couleur gris		: #707173;
*/
body {
	color				: #707173;
	margin				: 0px;
	padding				: 0px;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 0.75em;
}


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

/* corps du site */
.corps{
/*	border				: 1px solid orange;*/
	width				: 900px;
	margin				: auto;
}


/* haut du site */
.entete{
/*	border				: 1px solid red;*/
	height				: 247px;
}

/* milieu du site */
.milieu{
/*	border					: 1px solid green; */
	min-height				: 500px;
	clear					: both;
}

/* pied du site */
.piedDePage{
/*	border				: 1px solid red;*/
	color				: black;
	text-align			: right;
}


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

#blocGauche{
	border				: 1px solid pink;
	float				: left;
}
#blocDroite{
	border				: 1px solid yellow;
	float				: right;	
}

.sponsorbanner {
/*	border				: 1px solid white;*/
/*	background			: center none repeat scroll 0 0;*/
/*	background-color	: #99cf51; */
/*	border-top			: 1px solid #DFDFDF;*/

	background-image	: url("http://www.uwl-communication.com/images/fond/footer-bandeau.png");
	background-repeat	: no-repeat;
	background-position : center;
	bottom				: 0;
	color				: #FFFFFF;
	display				: block;
	height				: 50px;
	left				: 0;
	position			: fixed;
	text-align			: center;
	width				: 100%;
	z-index				: 999;
}

/**************************************************************** TABLE ****************************************************************/
th.th01{
	background-color: #d9dadb;
	color			: #7d7c7f;
}
td.td01{
	color			: #7d7c7f;
}
td.td02{
	vertical-align	: top;
	text-align		: right;
}


/**************************************************************** H1 ****************************************************************/
h1{
}
h1.h1_rouge{
	color				: #971a20;		
	font-size			: 18px;
	bottom				: 20px;
	font-weight			: bold;
}
h1.h1_gris{
	color				: #707173;		
	font-size			: 12px;
	bottom				: 20px;
	font-weight			: bold;
}
h2{
}
h2.h2_rouge{
	color				: #971a20;		
	font-size			: 14px;
	bottom				: 20px;
	font-weight			: bold;
}
h2.h_rouge{
	color				: #971a20;		
	font-size			: 14px;
	bottom				: 16px;
	font-weight			: bold;
	text-transform		: uppercase;;
}
h3.h_rouge{
	color				: #971a20;		
	font-size			: 12px;
	font-weight			: bold;
	text-transform: capitalize;
}
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				: 95%;
	margin				: 5px;
	padding				: 5px;
}
textarea.textarea_01{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	border				: 1px solid white;
	background-color	: #deddd9;
	width				: 95%;
	height				: 150px;
	margin				: 5px;
	padding				: 5px;
}
select.select_01{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	border				: 1px solid white;
	background-color	: #deddd9;
	margin				: 5px;
	padding				: 5px;
}
.bouton{
	margin				: 5px;
}
/**************************************************************** LIENS ****************************************************************/
a, a:visited, a:active{
	color				: #707173;
	text-decoration		: none;
}
a:hover {
	color				: #707173;
	text-decoration		: underline;
}

a.a_01, a.a_01:visited, a.a_01:active{
	color				: #99cf51;		/* 8C1C71 */
	text-decoration		: underline;
}
a.a_01:hover {
	color				: #99cf51;		/* 8C1C71 */
	text-decoration		: none;
}


/**************************************************************** TEXTE ****************************************************************/
p.texte_01{
	color				: #707173;
}
p#texteGras{
	font-weight			: bold;
	color				: black;
}
	

/**************************************************************** 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 #999999;
	background-color	: #CCCCCC;
	color				: #999999;
	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;
}