@charset "utf-8";
/*
	AUTEUR 		: Michael DUMONTET
	SOCIETE		: Agence web UWL-Communication
	
	COULEUR :
	---------
		- couleur marron texte	: #8f887c;
		- couleur bleu foncé	: #0a326a;

	SOURCE :
	---------
		- Aligner pied de page en bas de l'ecran : http://www.blog.manit4c.com/2008/12/03/fixer-en-bas-de-page-un-footer-avec-les-css/
		
		
		
		<div id="theSite">
			le contenu de mon site<br />
			<!-- decommenter ce qui suit pour obtenir un ascenceur -->
			<!--
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			test<br />test<br />test<br />test<br />
			-->
			<div class="clearfooter"></div>
		</div>
		<div id="footer">
			Le contenu de mon footer
		</div>
		
		
		
		<style>
		html, body {
		height:100%;
		margin:0;
		padding:0;
		}
		#theSite {
		min-height: 100%;
		margin-bottom: -50px;
		position: relative;
		background-color:#0F0; 
		}
		.clearfooter {
		height: 50px;
		clear: both;
		}
		#footer {
		height: 50px;
		position: relative;
		background-color:#F00; 
		}
		</style>
		// nécéssaire pour les utilisateurs d'ie6
		<!--[if lt IE 7]>
		<style>
		#theSite {
		height: 100%;
		}
		</style>
		<![endif]-->

*/
*{
	margin				: 0px;
	padding				: 0px;
}

html, body {
	height				: 100%;
	margin				: 0;
	padding				: 0;
	color				: white;
	font-family			: Verdana, Geneva, sans-serif;
	font-size			: 0.75em;
	background-color	: #2d3540;
}

/* Contenaire global du site */
.content{
/*	border				: 1px dotted red;*/
/*	background			: url("../images/fond/footer.jpg") no-repeat center bottom;*/
	background			: url("../images/fond/bandeHaut.jpg") repeat-x top;

	min-height			: 100%;
	margin				: 0px auto -181px auto;
	position			: relative;
}

/* Contenaire general du corps de site du site */
.contentGeneral{
	background			: url("../images/fond/haut.jpg") no-repeat top center;
	width				: 100%;	/* 1361 px */
	min-height			: 570px;	/* 570px */
}

/* corps du site */
.corps{
/*	border				: 1px solid orange;*/
	margin				: auto;
	width				: 962px;
/*	background			: url("../images/fond/carte.png") rightc top no-repeat;*/
/*	z-index				: 100;*/
}

/* haut du site */
.entete{
/*	border				: 1px solid red;*/
	height				: 230px;
}
.positionMenu{
	/*border				: 1px solid yellow;*/
	background			: url("../images/fond/fond-menu-haut.png");
	float				: right;
	width				: 870px;	/* 797 */
	height				: 36px;
	text-align			: right;
/*
	position			: relative;
	left				: 580px;
	top					: -80px;
	width				: 500px;
*/
}

.milieu{
/*	border				: 1px dotted orange;*/
	min-height			: 50px;
	display				: inline-block;
}

/* pied du site */
.piedDePageCorps{
/*	border				: 1px solid red;*/
	border-top			: 1px solid black;
	font-size			: 11px;
	background			: url("../images/fond/piedDePageRepeat.jpg") repeat-x;
}
.piedDePage{
/*	border				: 1px solid green;*/
	position			: relative;
	font-size			: 10px;
	color				: white;
	width				: 936px;			/* 946 = 936 + 10 */
	height				: 171px;			/* 181 = 171 + 10 */
	padding				: 5px;
	margin				: auto;
	bottom				: 0px;
	background			: url("../images/fond/piedDePage.jpg") no-repeat center;
}
.piedDePageBlocGauche{
/*	border				: 1px dotted white;*/
	float				: left;
	width				: 580px;			/* 620 = 580 + 40 */
	height				: 100%;
	padding				: 5px 10px;
	margin				: 0px 10px;
}
.piedDePageBlocDroite{
/*	border				: 1px dotted white;*/
	float				: left;
	width				: 265px;			/* 305 = 265 + 40 */
	height				: 100%;	
	padding				: 5px 10px;
	margin				: 0px 10px;
}

.clearfooter {
/*	border				: 1px solid orange;*/
	height				: 191px;
	clear				: both;
}

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

.colGauche{
/*	border				: 1px solid white;*/
	width				: 350px;
	float				: left;
	margin-right		: 5px;
}
.colDroite{
/*	border				: 1px solid pink;*/
	width				: 580px;
	float				: left;
	padding				: 5px;
}
/*
.txtBrands{
	border				: 1px dotted green;
	padding				: 5px;
}
*/

/**************************************************************** DIVERS ****************************************************************/
.padding_01{
	padding				: 10px;	
}

/**************************************************************** TABLE ****************************************************************/
td.td_01{
	color				: #0a326a;
}

/**************************************************************** H1 ****************************************************************/
/*
h1{
	font-size			: 16px;
}
*/
h1.h1_01{
	font-size			: 16px;
	margin-bottom		: 10px;
	letter-spacing		: 3px;
	text-transform		: uppercase;
}
h1.h1_02{
	float				: right;
}


h2{
	margin				: 0px;
	font-size			: 14px;
	font-weight			: 100;
}
h2.h2_01{
	font-size			: 15px;
	border-bottom		: 1px solid white;
	padding				: 0px 0px 3px 0px;
	margin				: 0px 0px 8px 0px;
}

h2.nomClients{
	color				: #99cf51;
	font-size			: 1.5em;

}

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 #0a326a;
/*	width				: 95%;*/
	margin				: 1px;
	padding				: 1px;
	font-size			: 11px;
	width				: 400px;
}
textarea.textarea_01{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	border				: 1px solid #0a326a;
	width				: 400px;
	height				: 150px;
	margin				: 1px;
	padding				: 1px;
}
/*
textarea.textarea_02{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	border				: 1px solid white;
	background-color	: #deddd9;
	width				: 200px;
	height				: 100px;
	margin				: 1px;
	padding				: 1px;
}
*/
select.select_01{
	font-family			: Verdana, Arial, Helvetica, sans-serif;
	font-size			: 10px;
	border				: 1px solid white;
	background-color	: #deddd9;
	margin				: 1px;
	padding				: 1px;
}
input.bouton{
	border				: 1px solid black;
	background-color	: white;
	color				: black;
	font-weight			: bold;
	margin				: 1px;
	padding				: 1px;
}
input.bouton:hover{
	border				: 1px solid white;
	background-color	: black;
	color				: white;
	font-weight			: bold;
	margin				: 1px;
	padding				: 1px;
}

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

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

a.a_02, a.a_02:visited, a.a_02:active{
	color				: #0a326a;		
	text-decoration		: underline;
}
a.a_02:hover {
	color				: #0a326a;		
	text-decoration		: none;
}

a.a_03, a.a_03:visited, a.a_03:active{
	text-decoration		: none;
}
a.a_03:hover {
	text-decoration		: none;
}

a.a_04, a.a_04:visited, a.a_04:active{
	text-decoration		: none;
	color				: #8f887c;
}
a.a_04:hover {
	text-decoration		: underline;
	color				: #8f887c;
}


/**************************************************************** MENU ****************************************************************/
/* menu haut classique */
a.blancHaut, a.blancHaut:visited, a.blancHaut:active{
	text-decoration		: none;
}
a.blancHaut:hover {
	text-decoration		: underline;
}

/* menu haut page actuelle */
a.rougeHaut, a.rougeHaut:visited, a.rougeHaut:active{
	text-decoration		: underline;
}
a.rougeHaut:hover {
	text-decoration		: underline;
}

/* menu bas classique */
/*
a.blancBas, a.blancBas:visited, a.blancBas:active{
	text-decoration		: none;
}
a.blancBas:hover {
	text-decoration		: underline;
}
*/

/* menu bas page actuelle */
/*
a.rougeBas, a.rougeBas:visited, a.rougeBas:active{
	text-decoration		: underline;
}
a.rougeBas:hover {
	text-decoration		: underline;
}
*/

/* menu haut page actuelle */
a.a_menuBas, a.a_menuBas:visited, a.a_menuBas:active{
	font-weight			: bold;
	text-decoration		: none;
}
a.a_menuBas:hover {
/*	color				: #8f887c;*/	/* marron */
	text-decoration		: underline;
}

/**************************************************************** TITRE ****************************************************************/
.titre_01{
	letter-spacing		: 5px;
}
.titre_02{
	color				: #0a326a;
	padding				: 0px 10px;
	font-weight			: bold;
}

/**************************************************************** TEXTE ****************************************************************/
/* Texte 01 : xxx */
.texte_01{
/*	border				: 1px solid red;*/
	color				: #8f887c;
	font-size			: 14px;
	font-weight			: bold;
	text-transform		: uppercase;
}

/* Texte 02 : texte blanc corps de page */
.texte_02{
/*	border				: 1px solid red;*/
	color				: #0a326a;
/*	font-size			: 10px;*/
	padding				: 0px 10px;
}

/* Texte 03 : xxx */
.texte_03{
/*	border				: 1px solid red;*/
	color				: white;
	font-size			: 12px;
	font-weight			: bold;
}

/* Texte 04 : texte marron du pied de page */
.texte_04{
/*	border				: 1px solid red;*/
	color				: #8f887c;
	font-size			: 10px;
}

/* Texte brands : texte blanc corps de page + fond */
.texte_about{
/*	border				: 1px solid red;*/
	color				: white;
	padding				: 0px 10px;
	background			: url("../images/fond/pages/aboutHaut2.png") top no-repeat;
	min-height			: 180px;
}

/* Texte brands : texte blanc corps de page + fond */
.texte_brands{
/*	border				: 1px solid red;*/
	color				: white;
	padding				: 0px 10px;
	background			: url("../images/fond/pages/brandsHaut2.png") top no-repeat;
	min-height			: 180px;
}

/* Texte brands : texte blanc corps de page + fond */
.texte_products{
/*	border				: 1px solid red;*/
	color				: white;
	padding				: 0px 10px;
	background			: url("../images/fond/pages/productsHaut2.png") top no-repeat;
	min-height			: 180px;
}

/* Texte brands : texte blanc corps de page + fond */
.texte_picturesDatabase{
/*	border				: 1px solid red;*/
	color				: #0a326a;
	padding				: 0px 10px;
	background			: url("../images/fond/pages/picturesDatabaseHaut2.png") top no-repeat;
	min-height			: 180px;
}

/* Texte brands : texte blanc corps de page + fond */
.texte_contact{
/*	border				: 1px solid red;*/
	color				: white;
	padding				: 0px 10px;
/*	background			: url("../images/fond/pages/contactHaut2.png") top no-repeat;*/
	min-height			: 180px;
}

/* Texte brands : texte blanc corps de page + fond */
.texte_parteners{
/*	border				: 1px solid red;*/
	color				: #0a326a;
	padding				: 0px 10px;
/*	background			: url("../images/fond/pages/contactHaut2.png") top no-repeat;*/
}

p.p_01{
	display				: inline-block;
}

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

/**************************************************************** ERREUR / OK / INFO / DEBUG ****************************************************************/
/* Erreur */
.erreur{
	margin				: 5px;
	padding				: 5px;
	border				: 1px solid red;
	background-color	: #FFE1E1;
	color				: red;
	text-align			: center;
	background-image	: url("../images/fond/cadre/rouge.jpg");
	width				: 100%;
}
/* Validation est OK  */
.ok{
	margin				: 5px;
	padding				: 5px;
	border				: 1px solid green;
	background-color	: #E9FFE8;
	color				: green;
	text-align			: center;
	background-image	: url("../images/fond/cadre/vert.jpg");
	width				: 100%;
}
/* Information */
.info{
	margin				: 5px;
	padding				: 5px;
	border				: 1px solid orange;
	background-color	: #FFF848;										/* Jaune */
	color				: orange;
	text-align			: center;
	background-image	: url("../images/fond/cadre/orange.jpg");
	width				: 100%;
/*	background-image	: url("images/fond/bleu.jpg");*/
}
/* Debug */
.debug{
	margin				: 5px;
	padding				: 5px;
	border				: 1px solid #999999;
	background-color	: #CCCCCC;
	color				: #999999;
	background-image	: url("../images/fond/cadre/gris.jpg");
	width				: 100%;
	font-weight			: bold;
}

/**************************************************************** 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;
}
.alignDroiteBlocMenuHaut{
	float				: right;
	margin				: 0px;
	padding				: 20px 0px 1px 0px;
	font-size			: 16px;
/*
	background			: url("../images/fond/menuHaut.png") no-repeat;
	height				: 40px;
	width				: 580px;
*/
/*	font-weight			: bold;*/
}