/* © InitiativeWeb */	

* { margin:0; padding:0 } /* mac hide \*/
html, body { height:100%; width:100%; }
body { width:100%; height:100%; margin:auto; overflow:hidden; min-width:600px; max-width:2000px; 
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; background-color:#000000; } /* To prevent bug scale in FF ! */

#mainDiv { height:96%; background-color:#000000; font-size:85%; margin:auto; padding: 0; min-width:600px; max-width:1600px; overflow:auto; } /* To prevent bug scale in FF ! */
	
div { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; background-color:#000000; } /* used by main flash style - bg added */

h1 { color: #FFFFBB; font-weight: bold; font-size:14px; letter-spacing:1.0px; } /*#EEEEEE */
h2 { color: #FFFFCC; font-weight: bold; font-size:13px; letter-spacing:0.5px; } /*#CCCCCC */
h3 { color: #FFFFDD; font-weight: bold; font-size:12px; letter-spacing:0px; } /* #DDDDDD */

p  { margin:5px; padding:0px ; text-align:justify; font-size:12px; color:#CCCCCC; }
ul { margin:0px ; padding:0px ; font-size:12px; color:#CCCCCC; }
em { color: #FEFEFE; font-weight: bold; display: inline; }
img { border:none; margin:0; padding:0; }
li 	{ list-style-type:disc; }
 
a:link 		{ color: #FFFFBB; font-size:12px; font-style: normal; text-decoration: underline; }
a:visited 	{ color: #FFFF99; } 
a:hover	{ color: #FFFFFF; font-size:11px; font-weight:bold; }

/* All JS CONTAINERS */
#JSCol-A { display: inline; float: left; margin: 20px 20px 0 10px; width: 390px; font-size: .7em; }
#JSCol-B { float: left; margin: 20px 0 0 0; width: 180px; }
/* Used in JSLibrary */	
#JSLinks { display: inline; width: 175px; float: left; margin: 10px 10px 10px 5px; font-size: 1.0em; list-style: none; cursor: pointer; }
#JSContent { float: left; width: 430px; margin: 30px 0 0 25px; }
#JSCaption { color: #555555; width: 100%; clear: left; margin: 5px 0 0 0;	float: left; font-size: 1.0em; }

#arrow { background-color:#000000; text-align:right; bottom:0; left:0; font-size:12px; color:#999999; opacity:0.9; padding:1px 1px; position:fixed; width:100%; z-index:1000; /* border-top:1px solid #999999; */}  
.arrow { height:40px; width:46px; background: url(img/arrowdown.png) no-repeat; bottom:-6px; position:fixed; right:10px; z-index:2000; }
.arrow.active { background: url(img/arrowup.png) no-repeat; }

/* Useful misc */
.alert { color:#fb0000; font-size:0.85em; }
.note{ color:#666; margin-right:10px; font-variant:small-caps; }
.icon { vertical-align:middle; margin:0 2px 0 2px;}
.cache { display: none; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.no-margin { margin:0; }
.no-padding { padding:0; }
.gris_clair { color: #9c9c9c}
.gris_fonce { color: #3a3a3a}