/* ***** BEGIN LICENSE BLOCK *****
* This file is part of INDUXIA's work.
* Copyright (c) 2006 INDUXIA and contributors. All rights
* reserved.
*
* INDUXIA is a multimedia production company which provides highly 
* interactive, design driven and functional solutions.
* More information about our services: http://www.induxia.com/
*
* ***** END LICENSE BLOCK *****
*
* Contributor(s):
*  Guillaume Vialet
*/

/* *** Définition des blocs *** */
/* **************************** */
div#wrapper {
	width: 100%; /* la largeur doit être auto */
	text-align: left;
}

/* colonne de gauche : logo et menu de navigation collections */
div#left {
	width: 225px;
	float: left;
	margin-left: 0px;
	padding-left: 10px;/*5*/
}

	/* menu de navigatin */
	#menu { }

/* colonne de droite : en-tête et contenu */
div#right {
	width: auto;
	min-width: 560px;
	margin-left: 235px;	/* + 5px pour IE6 */
	padding-right: 20%;
}

/* slogan du site */
div#header { padding-top: 90px; }

/* contenu du site */
div#content { margin-top: 55px; }

/* pied de page (vide) */
#footer { height: 75px; }

/* **************************** */


/* *** Styles génériques *** */
/* ************************* */

html, body { margin: 0; padding: 0; }

body {
	background-color: #000;
	font: normal normal 9pt arial, helvetica, sans-serif;
	color: #fff;
}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

ul, li { margin: 0; padding: 0; }
/*dl, dt, dd { margin: 0; padding: 0; }*/

img { border: 0; }

p { margin: 0; padding: 0; }

a { color: #00FF00; text-decoration: underline; }
a:hover { text-decoration: none; }

/* IE 5/5.5 text-size hack */
table { font-size: 1em; }

hr.spacer { visibility: hidden; margin: 0; padding: 0; height: 2em; }

hr { border: 0; width: 100%; background-color: #fff; color: #fff; display: block; height: 1px; margin: 2em 0 2em 0; }

.maigre { font-weight: normal; }
.vert { color: #00FF00; }
.bold { font-weight: bold; }

/* *** Styles colonne de gauche (#left) *** */
/* **************************************** */

/* logo */
div#left h1 { margin-top: 15px; margin-bottom: 43px; display: block; background: url("../img/bg.h1.gif") left top no-repeat; width: 215px; height: 106px; }
	
	#left h1 strong { display: none; }


/* *** Styles du menuu (#menu) contenu dans #left *** */
/* ************************************************** */

.noJs{ display: none; }

div#menu { font-size: .9em; }
div#menu a { color: #A9A9A9; text-decoration: none; }
div#menu a:hover { color: #fff; }

div#menu ul { list-style: none; }


/* *** Styles colonne de droite (#right) *** */
/* ***************************************** */
div#right {  }


/* *** Styles en-tête (#header) *** */
/* ******************************** */
div#header { }


/* *** Styles colonne principale (#content) *** */
/* ******************************************** */
div#content p { margin: 0; padding: .8em 0 .8em 0; text-align: justify; }

div#content h3 { background: url("../img/bg.h4.gif") left bottom no-repeat; margin: 1.8em 0; padding-bottom: 2px; }

div#content h4 { font-size: 1.1em; margin: 2.2em 0 1.2em 0; padding-bottom: .2em; border-bottom: 1px solid #A9A9A9; }

div#content h5 { font-size: 1em; margin: .8em 0; }

div#content ul { margin: 0 0 0 4em; padding: 0; list-style: square; }
div#content ul li { margin: 0; padding: .4em 0 .4em 0; }

div#content ol { margin: 0 0 0 4em; padding: 0; }
div#content ol li { margin: 0; padding: .4em 0 .4em 0; }


/* *** Styles pied de page (#footer) *** */
/* ************************************* */
div#footer { clear: both; }