@charset "utf-8";
/* CSS Document */

* {
 	padding:0;
	
}

body, html {
	font:11px/20px Verdana, arial,  Helvetica, sans-serif;
	color: #666666;
	text-align: center; 
}
body {
	background-color:#ffffff;
}
.floatleft{float:left}
.floatright{float:right}
.alpha {font: italic 23px "Courier New", Courier,Georgia; }
.alpha_h2 {font: bold italic 36px "Courier New", Courier,Georgia; }
.italic { font-style:italic}
.bold {font-weight:bold}
.highlight_blue {color:#2F1F89;font-weight:bold}
.highlight_grey {color: #666666 ;font-weight:bold}
.grey {color: #666666 ;}
.blue {color:#2F1F89;}
.blue_italic { font-style:italic; color:#2F1F89;}
.abbrev{cursor: help; }
.clear { clear: both;}




p {	
	color: #000; 
	margin:0;
	padding:0; 
}
sup {
	font-size:8px; 
	font-weight:normal;
	vertical-align: super;
}

* html sup {
	font-size:10px; 
}

th {
	font: bold 11px/18px Verdana, arial, Helvetica, sans-serif; 
}
ul {
	color:#000000; 
	font:11px/18px Verdana, arial, Helvetica, sans-serif;  
	letter-spacing: 0.1px;
	list-style-type:square;
}

li {
	color:#000;
	margin: 0 0 4px 40px;

}


.box {
	float:left;
	padding:0;
	margin:0 10px 10px 0;
	border: none;
}

#container {
	background-color:#fff;
	margin: 0px auto; 
	overflow:hidden;
	text-align: left;
	width:950px; 
}
#black_header {
	background:#000 ; 
	height: 180px;
	margin-bottom:-180px;
}
* html #header{
/*	margin-bottom:25px;
	overflow:hidden;*/
}

h1 {
	font-size:9px; 
	height: 321px; 
	margin-bottom:-115px;
	padding:0; 
	text-indent: -9999px;   
	width: 960px;
}



blockquote ul{
text-indent:0px;

}
blockquote ul li{
text-indent:0px;
margin:10px;
}





/***** =Main Content 
***************************************/

#content {
	float: center; 
	margin: 0 10px 10px 10px;
	text-align:left;
	width:706px;
	z-index:10;
}
* html #content {
	width:700px;
}
	#content  img {
		border: 1px solid #e2e2e2; 
		padding: 20px; 
		background-color:#ffffff; 
		margin:15px 25px 0 0;
	}
	
	#content img.box {
		float:center;
		padding:0;
		margin:0 20px 10px 0;
		background-color:transparent;
		border: none;
	}
	#content h2 {
		color: #a5003b; 
		font: bold 18px Verdana, arial, Helvetica, sans-serif, Times, serif; 
		padding: 0; 
		margin: 5px 0 0 0; 
	}
	#content h2.ref {
		color: #a5003b; 
		font: bold 11px Verdana, arial, Helvetica, sans-serif, Times, serif; 
		margin:-2px 0 10px 1px;
	}
	#content h3 {
		border-bottom:2px solid #f3f3f3; 
		font: bold 14px/20px Verdana, arial, Helvetica, sans-serif, Times, serif; 
		margin:5px 0 5px 0;
		padding: 15px 0 2px; 
		
	}
		#content h3 .small_h3_bold{
			font: bold 11px Verdana, arial, Helvetica, sans-serif, Times, serif;
		}
		#content h3 .small_h3{
			font: 11px Verdana, arial, Helvetica, sans-serif, Times, serif;
		}
	#content h4 {
		font: 12px/16px Verdana, arial, Helvetica, sans-serif, Times, serif; 
		line-height:20px; 
		margin:0 0 0 15px; 
		padding-top: 10px; font-weight: bold; 
		padding-bottom: 5px;	
	}
	#content li  h4 {
		font: bold 12px/16px Verdana, arial, Helvetica, sans-serif, Times, serif;  
		margin:0; 
		padding: 10px 0 5px 0; 
	}
	
	#content  a:link {
		color: #2F1F89; 
		border-bottom: #C5D7F7 1px solid; 
		text-decoration: none;  
		margin-left: 0px;
	}
	#content  a:visited {
		color: #617E20; 
		border-bottom:#959e79 1px dotted; 
	
	}
	#content a:hover {
		color: #a5003b; 
		border-bottom: #a5003b 1px solid; 
	}
	






/***** =Palettes de couleur
***************************************/

#wrap-palette-turnkey {
	overflow:hidden;
	width:721px;
} 
	#wrap-palette-turnkey table{
		margin-left:-13px
	} 
		#wrap-palette-turnkey table iframe {
			width:721px;
			height:406px;
		}
		
* html #wrap-palette-turnkey {
	overflow:hidden;
	width:720px;
} 
hr#palette {
	width:711px;
	size:1px;
	noshade:noshade;
	color:#e2e2e2;
	background-color: #e2e2e2;
}

/*palette couleur*/
form {margin: 0; height:auto}

#main {border-bottom: 1px solid; padding-bottom: 0.5em;}

#uicell {
width: 28em;
} /*a redimensionner suivant largeur de page*/
* html #uicell {
	width: 23em;  /*a redimensionner suivant largeur de page*/
}
#uicell th {
	width: 7em; 
	text-align: left; 
	padding-right: 0.5em;}
	
#uicell td {padding: 0 0 0 0.5em;}
#uicell td.pal {padding: 0 3em;}
#uicell #gobuttons td {height: 1.5em;}

input, #input a {font: 0.85em "Andale Mono", Courier, monospace;}
#input, #output {margin: 0 0 1em;}

#input td {white-space: nowrap;}
#input a {border: 2px outset silver; background: silver; padding: 1px 0.25em; cursor: pointer;}
#input .coltype {background: #EEE; border-style: inset;}

#output input {border: 2px solid white; border-width: 0 2px;}
#output td.text {border-bottom: 1px dotted silver;}

#watercell {width: 75px; background: silver; padding: 0;}
#grid {background: black; border: 1px solid black; border-width: 0 1px 1px 0; margin: 5px 4px;}
#grid td {height: 11px; width: 11px; padding: 0; line-height: 11px;}
#grid td a {display: block; height: 10px; width: 10px; line-height: 10px;
  border: 1px solid black; border-width: 1px 0 0 1px;}

#textcell p {margin: 0; padding: 0 1em 1em 1.5em;}
#disclaimer{
	color: #999; 
	font: italic 10px Verdana;
}