/** 
 *	Ubbink Solaire / Calcul 
 * 	version $Id: main.css 75 2009-12-15 14:56:25Z fabien $
 */

/**
 * Html
 */
body, html { width:100%; font-size:1em; font-family: Arial, Helvetica, sans-serif; }
body { margin:0; padding:0; background-color:#ef9200; color:#4d515e; text-align:center; }
img { border:0; }
a { text-decoration:none; color:#4d515e; }
a:hover { text-decoration:underline;}
form, input, textarea, select, h1, h2, h3, h4, h5 { margin:0; }
ul, li { margin:0; padding:0; }

/**
 * Struture
 */
#container { margin:0 auto; padding:0; text-align:left; width:852px; } 

#header { height:119px; padding:0; position:relative; width:852px; }
#header img.logo { left:0; position:absolute; top:23px; }

#content { background:#fff; padding:0; width:852px; } 
#content h1 { color:#e50102; padding:20px 0 15px 30px; font-size:1.4em; }
#content h2 { color:#f19200; padding:20px 0 15px 30px; font-size:1em; }
#content form { padding:10px 0 15px 30px; } 
	
#footer { background:url(/images/fonds/fd_footer.gif) 0 160px repeat-x; height:269px; width:852px; }
#footer img.logo { display:inline; float:left; margin:18px 0 0 15px; }
#footer img.baseline { display:inline; float:left; margin:18px 0 0 10px; }
#footer p.adresse { margin:0 0 0 78px; padding-top:10px; font-size:0.7em; color:#fff;}
#footer p.adresse a { color:#fff; }

.clear { clear:both; }
.hidden { display:none; }

/**
 * Etape 1
 */
div.etape1 { clear:both; padding:5px 0; font-size:0.7em; }
div.etape1 label { dispaly:block; float:left; width:160px; font-weight:bold; }
div.etape1 input { }
div.etape1 ul.radio_list { height:20px; list-style:none; }
div.etape1 ul.radio_list li { display:block; float:left; line-height:20px; height:20px; width:120px; }
div.etape1 ul.radio_list li label { display:block; float:left; font-weight:normal; width:90px; }
div.etape1 ul.radio_list li input { display:block; float:left; margin:0 10px 0 0; }
div.pos label { line-height:20px; }

div.etape1 p.help {	margin:0 0 0 160px; font-size:0.9em; font-style:italic; }
div.etape1 ul.error_list { margin:5px 0 0 160px; color:red; list-style:none; }
div.pos ul.error_list { clear:both; }

div.cv, div.eq, div.ubc, div.ubr { display:none; }

fieldset { border:0; }
legend { font-size: 1.1em; font-weight: bold; padding:0 0 20px 0; }

/**
 * Etape 2
 */
#etape2 { padding-left:30px; font-size:0.7em;}
#etape2 div { padding:5px 0; }
#etape2 h2 { font-size: 1.5em; padding:2px 0; color:#f19200; }
#etape2 table { font-size:  }

#opt_infos1, #opt_infos2 { float:left; width:300px; }
#opt_infos1 th, #opt_infos2 th { width:150px; }

#entree { clear:both; }
#entree, #entree2 { float:left; width:300px; }
#entree th, #entree2 th { width:150px; }
#entree td, #entree2 td { text-align:right; }

#rail { clear:both; width:525px; }
#rail .c1 { width:100px; }
#rail .c2 { width:75px; text-align:right; }
#rail .c3 { width:350px; text-align:right; }

#rolls .c1 { width:50px; }
#rolls .c2, #rolls .c4, #rolls .c5, #rolls .c6 { text-align:right }
#rolls .c3 { text-align:center }
#rolls .c7 { width:300px; }

#recap .c1 { width:90px; text-align:right; padding-right:20px; }
#recap .c2 { width:300px; }
#recap .c3 { width:75px; text-align:right; }

#recap td.total { padding-top:20px; font-size:1.1em; font-weight:bold; } 
#recap td.c2b { text-align:right; }  

#recap a { display:block; padding:10px 0; font-size:1.1em; }
#recap a.goHome { color:#e50102; font-weight:bold; text-decoration:underline; }
#recap a.goHome:hover { text-decoration:none; }

/**
 * Login
 */
div.login { clear:both; padding:5px 0; font-size:0.7em; }
div.login label { dispaly:block; float:left; width:120px; font-weight:bold; }
div.login input { }

div.login p.help { margin:0 0 0 120px; font-size:0.9em; font-style:italic; }
div.login ul.error_list { margin:5px 0 0 120px; color:red; list-style:none; }

/**
 * Erreur
 */
#appErreur { padding-left:30px; height:250px; }
#appErreur p { font-size:0.9em; color:#e50102; font-style:italic; }

/**
 * Flash Notice
 */
#notice  { padding-left:30px; }
#notice p { font-size:0.9em; color:#e50102; font-style:italic; }

/**
 * Infos
 */
#infos { padding-left:30px; font-size:0.7em;}
#infos div { padding:5px 0; }
#infos h2 { font-size: 1.5em; padding:2px 0; color:#f19200; }
#infos p { font-size: 1.1em; padding:2px 0; color:#e50102; font-weight:bold; }
#infos p a { color:#e50102; font-weight:bold; }