body, textarea, input, select, tr, td, ul, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	background: #999999;
	margin: 0; padding: 0;
	color: white;
}
ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
p { margin: 5px; }
a { color: #CCCCCC; text-decoration: underline; }
a:hover, a:active, a:focus { color: white; }
img { border: 0px; }
form { margin: 0;}
input.submit { cursor: pointer; }

textarea { width: 100%; height: 150px; }
h2 { margin: 0; }
h1.info, h2.info, h3.info, h4.info, h5.info, h6.info { display: none; }
.bold    { font-weight: bold;   }
.center  { text-align: center;  }
.left    { text-align: left;    }
.right   { text-align: right;   }
.justify { text-align: justify; }
.hidden  { display: none;       }
.navy    { color: navy;         }
.blue    { color: blue;         }
.red     { color: red;          }
span.center, span.left, span.right, span.justify { display: block; }
/* CONTAINER */
#container {
/*
*/
	position: absolute;
	width: 792px;
	left: 50%;
	margin: 20px 0 0 -396px;
}

/* HEADER */
#header { background: top no-repeat; }
#header_2 {		
	height: 175px;
	background-image: url('../img/cache.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}
a#link_index { display: none; width: 792px; }
a#return { position: absolute; margin: 0 auto; display: block; width: 792px; height: 175px; }
div#player { display: block; text-align: center; }

div#player:before { content: " "; }
div#player:after { content: " "; }

/* CONTENT */
#content {
	margin: 10px 220px 0 180px;
	padding: 10px 0 0 0;
	height: 100% !important;
	height: 460px;
	min-height: 450px;
}
#content p, #content div.p {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0px;
	text-align: left;
	font-weight: normal;
	/*
	background-color: #9999CC;
	border: 1px solid black;
	*/
}
#content p.bold    { font-weight: bold;   }
#content p.center  { text-align: center;  }

#content li { font-weight: bold; }
#content img { border: 1px solid black; }

#content .bbc select { margin: 0 0 8px 0; }
#content .bbc img { border: 0px; height: 22px; }
#content .bbc a img.bbc { margin: 1px 0px; background-image: url('../img/bbc/bbc_bg.gif'); width: 22px; }
#content .bbc a img.bbc:hover { background-image: url('../img/bbc/bbc_hoverbg.gif'); }
#content .bbc img.divider { margin: 0; width: 1px; }
	/* PAGE BLOG */
.blog_react { text-align: center; background: white; border: 1px solid white; }
.blog_react textarea { width: 90%; }
.blog_react h2 { background: #333; color: #ccc; padding: 5px; }

#content span.highlight { background-color: #ff0; color: #666; padding: 0 .2em; }
#content p.img { text-align: center; }
#content p.date { font-size: 0.9em; }
#content h2.blog, #content h3.article { margin-bottom: 0; }
#content li.article { border: 1px solid white; padding: 10px 5px 5px 10px; margin-bottom: 5px; background: #909090 url('../img/shadowBlanc.png') -8px -8px no-repeat; }
#content li.article:hover { border-color: #ccc; background-color: #999; }
#content li.article h3 { margin: 0; }
#content li.article span.img, #content li.article img { display: block; float: left; margin: 0px 10px 0 0; }
#content li.article:hover span.img, #content li.article:hover img { outline: 1px dotted white; }
#content li.article hr { clear: both; visibility: hidden; }
#content li.article div.clear { clear: both; visibility: hidden; height: 2px; background: black; }
#content li.article p.link span { font-size: 0.8em; }
/* (pour la page d'édition) */
#content div.article { border: 1px solid white; padding: 10px 5px 5px 10px; margin-bottom: 5px; background: #909090 url('../img/shadowBlanc.png') -8px -8px no-repeat; }
#content div.article h3 { margin: 0; }
#content div.article span.img, #content li.article img { display: block; float: left; margin: 0px 10px 0 0; }
#content div.article hr { clear: both; visibility: hidden; }
#content div.article div.clear { clear: both; visibility: hidden; height: 2px; background: black; }
#content div.article p.link span { font-size: 0.8em; }

#content h3.comment { font-size: 12px; margin: 10px 5px 5px 5px; }
#content div.trackback { border: 1px solid #bbb; background-color: #aaa; padding: 0; margin: 0 10px 10px 20px; font-size: 11px; }
#content div.trackback h4 { font-size: 10px; margin: 0; padding: 0; background-color: #ccc; color: #888; padding: 2px}
#content div.trackback h4 a { color: #666; text-decoration: none; }
#content div.trackback p { margin: 0; padding: 0; padding: 5px; }
#content div.trackback.pair { text-align: right; }
#content div.trackback.pair p { text-align: right; }

#content form.blog { width: 100%; padding: 0; margin: 0; }
#content form.blog fieldset { border: 1px solid #a9a9a9; text-align: center }
#content form.blog fieldset legend { color: #a9a9a9; text-transform: uppercase; }
#content form.blog fieldset textarea { width: 350px; }

#right_col_blog { text-align: left; background-color: #999; margin: 5px; padding: 5px; }
#right_col_blog form fieldset { border: 1px solid #bbb; padding: 5px; }
#right_col_blog form fieldset label { text-transform: none; display: block; padding: 5px; }
#right_col_blog form input { border: 1px solid gray; }
#right_col_blog form input.search, #right_col_blog form input.newsletter { width: 120px; padding: 1px 1ex; }	
#right_col_blog form input.submit { padding: 0; cursor: pointer; }	
#right_col_blog table tr th.day { text-transform: lowercase; }
#right_col_blog table tr td a { display: block; background-color: #aaa; color: #FFF; font-weight: bold; border: 1px solid #bbb; text-decoration: none; }
#right_col_blog table tr td a:hover,
#right_col_blog table tr td a:active,
#right_col_blog table tr td.cur a { background-color: #333; color: #fff; }
#right_col_blog #search { visibility: hidden; position: absolute; margin: 15px 0 0 -132px; width: 152px; border: 1px solid #888; background-color: white; color: #000; font-size: .8em; text-transform: none; text-align: left; }
#right_col_blog #search a { display: block; border-bottom: 1px solid #ddd; color: #333; text-decoration: none; padding: 0 5px; }
#right_col_blog #search a:hover, #right_col_blog #search a:focus { background-color: #ddd; }
	/* PAGE INTERNET */
.internet { margin-top: 5px; }
.internet div.website { margin-bottom: 10px; }
.internet div.edit { border-top: 2px solid black; }
.internet span.clear { display: block; clear: both; visibility: hidden; }
.internet a { background-color: #9D9D9D; display: block; clear: both; padding: 5px; }
.internet a { text-decoration: none; color: white; }
.internet a:hover, .internet a:active { background-color: #CCCCCC; color: black; }
.internet a.edition { display: block; margin: 0; padding: 0; text-align: center; border: 0px; border-bottom: 1px solid #ccc; }
#content .internet img.internet_link_r { width: 150px; float: right; margin: 0 0 0 10px; }
#content .internet img.internet_link_l { width: 150px; float: left;  margin: 0 10px 0 0; }
	/* PAGE GALLERY */
ul#gallery {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;	/* to center the whole collection in #content */
}
ul#gallery li { display: inline; }
ul#gallery li .s1 {
  margin: 0 5px 5px 0px;
  display: table-cell; display: inline-table;
  display: inline-block;
  vertical-align: top;		/* OK with Opera and IE6 not Geko */
  text-align: center;		/* to center the thumbnail and legend in Geko/Opera */
}
ul#gallery li .s2 {
  margin: 0;			/* important reset the margins */
  display: table-cell;		/* block prevents vertical-align here */
  vertical-align: middle;	/* Ok with Opera and Geko not IE6 */
}
ul#gallery li a {
  display: block;
  border-bottom: none;
  width: 120px; height: 120px;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid white;
  background-color: #777;
  text-indent: -5000px;
  overflow: hidden;
}
ul#gallery li a:hover { background-color: #999; }
	/* PAGE CONTACT */
form.contact { padding: 10px; }
.contact fieldset { border: 0; }

.contact label { clear: both; float: left; display: block; width: 370px; margin-top: -0.5em; font-weight: bold; }
.contact label.first { margin-top: 0; }
.contact label input, 
.contact label textarea, 
.contact label option, 
.contact label select { font-weight: normal; }
.contact input, .contact select { position: relative; top: -1.4em; left: 100px; display: block; width: 250px; border: 1px solid #e9e9e9; }
.contact select { width: auto; }
.contact input.hidden { border: 0; }
.contact input.submit { clear: both; top: 0; width: 200px; }
.contact input.submit:hover { background-color: white; color: #333333; }
.contact textarea { position: relative; top: -1.4em; left: 100px; display: block; width: 250px; height: 150px; border: 1px solid #e9e9e9; }


/* LEFT COLUMN */
#left_col { position: absolute; left: 0; top: 170px; width: 170px; margin: 10px 0 0 0; padding: 20px 0 90px 0; text-transform: uppercase; background-image: url('../img/lamp_a.gif'); background-position: bottom; background-repeat: no-repeat; }
#left_col:hover { background-color: #CCCCCC; background-image: url('../img/lamp_b.gif'); }
#collapse_left_col a { display: block; position: absolute; top: 0; right: 0; width: 16px; height: 16px; text-decoration: none; background: #999 url('../img/arrow_left.png'); color: black; border: 1px solid #aaa; text-indent: 5000px; overflow: hidden; font-size: 1.5em; }
#collapse_left_col a:hover { background-color: white; }

	/* naviguation */
.nav li {                    /* POUR LES MULTIPLES BUGS DE IE */
	display: block;           /* POUR LES MULTIPLES BUGS DE IE */
	width: 170px;            /* POUR LES MULTIPLES BUGS DE IE */
	padding: 0; margin: 0;  /* POUR LES MULTIPLES BUGS DE IE */
}
.nav li.options { display: none; }
.nav li span.nav_cat, .nav li a { color: white; display: block; font-weight: bold; width: 160px; padding: 3px 5px 3px 5px; margin: 0; text-decoration: none; }
.nav li ul#references { display: block; }
.nav li a:hover, .nav li a:active { background-color: #999; }
.nav li a:focus { outline: none; }
		/* sub-naviguation */
.nav .s_nav span.nav_cat, .nav li ul.s_nav li a { color: #666; }
.nav li ul.s_nav li a:hover { color: #fff; background: #aaa; }
span.sub_margin { }
			/* sub-sub-naviguation */
.nav li ul.s_nav li ul.ss_nav a { color: white; }
span.ssub_margin { }

/* RIGHT COLUMN */
#right_col { position: absolute; top: 170px; right: 0; width: 210px; /* height: 400px; */ margin: 10px 0 0 0; padding: 20px 0 0 0; text-transform: uppercase; text-align: right; }
#right_col:hover { background-color: #CCCCCC; }

#right_col form fieldset { border: 0px solid #bbb; padding: 0 0 10px 0; text-align: left; }
#right_col form fieldset legend { display: none; }
#right_col form input { border: 1px solid gray; }
#right_col form input.search { width: 130px; padding: 1px 1ex; }	


#collapse_right_col a { display: block; position: absolute; top: 0; left: 0; width: 16px; height: 16px; text-decoration: none; background: #999 url('../img/arrow_right.png'); color: black; border: 1px solid #aaa; text-indent: 5000px; overflow: hidden; font-size: 1.5em; }
#collapse_right_col a:hover { background-color: white; }
#right_col ul.options { position: absolute; top: 0; right: 0; }
#right_col ul.options li a { background-color: #999; display: block; width: 16px; height: 16px; overflow: hidden; border: 1px solid #aaa; text-indent: 5000px; float: left; margin: 0 0 0 10px; text-decoration: none; color: black; font-size: 1.5em; }
#right_col ul.options li a:hover { background-color: white; }
#right_col ul.options li.header a { background-image: url('../img/arrow_up.png'); }
#right_col ul.options li.bigger a { background-image: url('../img/magnifier_zoom_in.png'); }
#right_col ul.options li.smaller a { background-image: url('../img/magnifier_zoom_out.png'); }
	/* naviguation */
#right_col .nav li { width: 210px; }
#right_col .nav li a { width: 200px; }
#right_col p { padding: 10px; text-align: left; text-transform: none; }
#right_col p a { color: #EEEEEE; font-weight: bold; }
#right_col p a:hover, #right_col p a:active { background-color: #999999; color: white; text-decoration: none; }
#right_col div#news { background-color: #999999; margin: 5px; padding: 5px; }
#right_col div#news h3.news { margin: 5px; padding: 0px; text-align: left; font-size: 1.5em; }
#right_col div#news span.date { display: block; color: #eee; text-transform: capitalize; font-size: 0.85em; padding: 5px 0 2px 0; }
#right_col div#news p { margin: 5px; padding: 0px; }
#right_col textarea { height: 300px }

	/* FOOTER */
#footer {
	clear: both;
	background-image: url('../img/cache.jpg');
	background-repeat: no-repeat;
	background-position: top;
	padding: 10px;
}
#footer textarea {
	height: 50px; background-image: none; }