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

	* {margin:0; padding:0; font-family : Verdana, Arial, Helvetica, sans-serif; }
	.fl { float: left; margin-right: 1em; }
	.fr { float: right; margin-left: 1em; }
	.bold { font-weight: bold; }
	.small { font-size: 10px; }
	.center { text-align: center; }
	img { border: none; }
	a:link, a:visited, a:active { color: #00008B; font-weight: bold; text-decoration: none; }
	a:hover { color: #A9A9A9; font-weight: bold; text-decoration: none; }

	html, body {height: 100%; background: url(/images/bg-body.png);}
	body { color: #000; }

	
/* ----- conteneur 770 px pour etre visible en 800x600 ----- */
	div#global { min-height: 100%; width: 770px; margin: 10px auto; position: relative; background: url(/images/bg-global.png) repeat-y ; align: center;  }

		
/* ----- banniere ----- */
	#header { position: absolute; left:0; background: url(/images/header.png) no-repeat ; width: 770px; height: 113px; }
	#header_fr { position: absolute; left:0; background: url(/images/header-fr.png) no-repeat ; width: 770px; height: 113px; }

	
/* ----- centre ----- */
	#centre { 
	margin-top:110px; 
	padding-left:165px;  
	float: left; 
	padding-bottom: 120px;/* Pour éviter la superposition du pied de page et du contenu : */ }
	
	#centre  { width: 427px; }
	#centre table { width: 427px; }
	#centre  {  font-size: 0.8em;	line-height: 19px;}	

	
	
	h1 { margin-top:-1.5em;}
	h1, h2 { font-size: 120%;  font-weight: bold; color:#A68136;margin-bottom:10px;  }
	#centre h1, #centre p { padding: 5px; line-height: 140%;}
	#centre li{padding: 10px 0px 0px 0px;}
	#centre li{ margin-left: 30px; padding:0; }
	a:link, a:active, a:visited { color:#333399; text-decoration:none; }
	a:hover { color:#989898; text-decoration:underline; }
	
	
/* ----- colonne droite ----- */
	#droite {margin-top: 113px; width: 160px; min-height: 700px; height: 750px;/* pour IE */ float: right; background: url(/images/bg-droite.png) no-repeat; padding-bottom: 20px; /* Pour éviter la superposition du pied de page et du contenu : */ padding-top: 10px;}
	#droite p { padding:5px 5px  0px  5px;}
	#droite li { margin-left: 30px; padding:0 0 10px 0; list-style-image: url(http://www.racking-cresswellindustries.com/images/liste.gif);font-size: 10px;}


/* ----- clear both ----- */
	.boxclear  { clear: both; line-height: 0px }


/* ----- menu du haut ----- */
	#topmenu   { position: absolute; top:1em; height:50px;}
	#topmenu table { margin-left:115px; width: 500px;}
	.tablefr {margin-top: -.6em;}
	#topmenu td { font-weight: bold; font-size: 11px; margin:0 5px ; padding:0 5px 2px 0; border-bottom: 5px solid #999; line-height: 11px; }
	.nav_off a:link, .nav_off a:visited, .nav_off a:active { color: #333333; font-weight: bold; text-decoration: none; }
	.nav_off a:hover { color: #A68136; font-weight: bold; text-decoration: none; }
	.nav_on a:link, .nav_on a:visited, .nav_on a:active, .nav_on a:hover { color: #A68136; font-weight: bold; text-decoration: none; }


/* ----- colonne gauche ----- */
	#gauche { position: absolute; top:100px; width:160px;  }
	#gauche p { padding:5px 0 0 0px; margin-left:20px;}
	#gauche li { margin-left: 30px; padding:0; }


/* ----- pied de page ----- */
	#pied { position: absolute; width: 100%; height: 117px; bottom: 0; background: url(/images/footer.png) no-repeat; }
	#pied p { font-size:0.6em; text-align:right; margin-top: 72px;}
	#pied p span { font-size:1.2em; padding: 0 10px 0 30px;}


/* ----- popup formulaire ----- */
	#popform { width: 400px; position: absolute; top: 220px; left:15px; background: #fff; border: 0px solid #000; visibility: hidden; font-size:10px;}

	input, textarea { background: #eee;  font-size:10px}
	fieldset { padding: 10px; color:#666; font-size: 85%; width: 85%;margin-left: auto; margin-right: auto; }
	legend { padding-bottom:5px; border: 1px solid #000; margin-left:250px;}
	label { display: block; margin: 0.5em 0 .2em 0; }
	.textfield { border: 1px solid #666; padding: 2px; font-size: 100%; width: 90%; }

/* ----- popup charte beam -----*/
	#lyr2 { width:424px; height:365px; text-align: right; position: absolute; top: 323px; left:160px; border: 1px solid #000; visibility: hidden; background: url(/images/images/beam.gif) #fff no-repeat bottom; }
	
/* ----- titre des modules -----*/

 span.texte_module,  span.texte_module form input
{ 
 font-size: 10px; 
width:125px;
margin-left:20px;margin-top:0px;
}

 div.texte_module
{ 
font-size: 10px; 
width:125px;
margin-left:20px;margin-top:0px;
}


 p.texte_module_droit 
{ 
 font-size: 10px; 
 line-height: 12px;
width:125px;
margin:0px;
padding:0px;
}
	.titre_module_simple { 
	color: #fff; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	margin: 0px auto 0px auto; 
	width:125px; 
	height:25px; 
	background : url(http://www.racking-cresswellindustries.com/images/titre_module_simple.gif) no-repeat; }
	
	.titre_module_double { 
	color: #fff; 
	font-weight: bold; 
	font-size: 11px; 
	line-height: 12px; 
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
	margin: 5px auto 0px auto; 
	width:125px; 
	height:35px; 
	background : url(http://www.racking-cresswellindustries.com/images/titre_module_double.gif) no-repeat; }
	

	
/* ----- version francaise / anglaise -----*/
	.version { border:1px solid #cccccc; padding:1px; background:#eee; font-size:10px; margin-left:6px; }