@charset "iso-8859-2";
/********************************************************
	CSS Document / Devis - Solargie by Skalpel.fr
********************************************************/

/* Devis
-----------------------------------------------------------------------------*/
#main div.box-devis-calcul { margin: 10px 0 10px 0; }
	#main div.box-devis-calcul div.presentation { float: left; width: 240px; padding-right: 20px; font-size: 0.90em; }
	#main div.box-devis-calcul div.coordonnees { float: left; width: 389px; padding-left: 10px; border-left: 1px solid #0295BF; }
		#main div.box-devis-calcul div.coordonnees label { width: 120px;}
		
	#main div.box-devis-calcul div.consommation { }
		#main div.box-devis-calcul div.consommation label { width: 390px; }
		
	#main div.box-devis-calcul div.cartesolaire { float: left; width: 365px; padding-right: 20px; }
	#main div.box-devis-calcul div.coefficient { float: left; width: 250px; }
		#main div.box-devis-calcul div.coefficient label { width: 140px;}
	#cartesolaire-img { display: none; padding: 10px 0 0 70px; }
		#cartesolaire-img img { border: 1px solid #FFFFFF; }
		
	#main div.box-devis-calcul div.toiture { float: left; width: 365px; padding-right: 20px; }
	#main div.box-devis-calcul div.toiture-form { float: left; width: 250px; }
	
	#main div.box-devis-calcul div.orientation { float: left; width: 365px; padding-right: 20px; }
	#main div.box-devis-calcul div.orientation-form { float: left; width: 250px; }

		
	#main div.box-devis-calcul div.row { clear: both; margin-bottom: 2px; }
	#main div.box-devis-calcul label { float: left; font-weight: bold; padding-top: 2px; }
	#main div.box-devis-calcul div.row img.corner { vertical-align: middle; }
	#main div.box-devis-calcul div.row input.text {
		height: 17px;
		padding-top: 2px;
		background: url(../images/interface/input-text-bg.gif) top left repeat-x;
		vertical-align: middle;
		font-size: 12px;
		color: #333333;
	}
	#main div.box-devis-calcul div.row select {
		width: 220px;
		border: 1px solid #255F92;
		font-size: 10px;
		color: #333333;
	}
	#main div.box-devis-calcul div.row img.radioArea { vertical-align: middle; margin-right: 3px; cursor: pointer; }
	#main div.box-devis-calcul div.row label.input { float: none; width: auto; margin-right: 5px; font-weight: normal; }
	
	#main div.box-devis-calcul div.calculer { float: right; margin-top: 5px; }
		#main div.box-devis-calcul div.calculer input {
			width: 118px;
			height: 43px;
			background: url(../images/interface/input-calculer.gif) top left no-repeat;
			cursor: pointer;
		}
		
	#main div.box-devis-calcul div.legales { margin-top: 7px; color: #ABDCE9; }
	
	
/* Resultats
-----------------------------------------------------------------------------*/
#main div.box-devis-resultats { margin: 10px 0 10px 0; }
	#main div.box-devis-resultats p.estimation { margin-bottom: 5px; color: #184267; font-size: 1.30em; font-weight: bold; }
		#main div.box-devis-resultats p.estimation span { margin-left: 10px; color: #225D91; font-size: 0.90em; }
		
	#main div.box-devis-resultats div.resultat { padding: 10px; border-top: 1px solid #7DB8D3; }
	#main div.box-devis-resultats div.start { border: 0; }
		#main div.box-devis-resultats div.resultat ul.normal {}
		#main div.box-devis-resultats div.resultat ul.normal li { background: none; padding: 0; }
		#main div.box-devis-resultats div.resultat ul.normal span { color: #12304B; }
		#main div.box-devis-resultats div.resultat ul.lines { width: 100%; }
		#main div.box-devis-resultats div.resultat ul.lines li { width: 100%; padding: 0; background: url(../images/interface/box-devis-resultat-li.gif) 0 9px repeat-x; text-align: right; }
		#main div.box-devis-resultats div.resultat ul.lines span.left { float: left; padding-right: 5px; background-color: #a4dbec; }
		#main div.box-devis-resultats div.resultat ul.lines span.right { padding-left: 5px; background-color: #a4dbec; color: #12304B; }
		
	#main div.box-devis-resultats div.combien { margin-top: 30px; }
		#main div.box-devis-resultats div.combien p.title { margin-bottom: 5px; font-size: 1.90em; color: #184267; text-transform: uppercase; }
		#main div.box-devis-resultats div.combien div.description { padding-top: 5px; border-top: 1px solid #26A4C8; border-bottom: 1px solid #26A4C8; }
			#main div.box-devis-resultats div.combien div.mois { 
				float: left; 
				width: 60px; 
				height: 60px; 
				line-height: 55px;
				background: url(../images/interface/box-devis-resultat-mois.gif) top left no-repeat; 
				text-align: center;
				font-size: 2.00em;
				color: #184267;
				font-weight: bold;
			}
			#main div.box-devis-resultats div.combien div.txt { 
				float: left;
				width: 430px;
				margin: 8px 0 0 5px;
				font-size: 1.10em;
				color: #FFFFFF;
			}
			
			#main div.box-devis-resultats div.combien div.txt i { 
				font-size:10px;
			}
			
			#main div.box-devis-resultats div.combien div.txt span { color: #FFC215; font-weight: bold; }
			#main div.box-devis-resultats div.combien div.total-cout { 
				float: left;
				width: 150px;
				height: 38px;
				padding: 25px 0 0 50px;
				margin:0 10px 5px 0;
				background: url(../images/interface/box-devis-resultat-total-cout.gif) top left no-repeat;
				font-size: 2.20em;
				color: #FFC215;
			}
			#main div.box-devis-resultats div.combien div.total-gain { 
				float: left;
				width: 150px;
				height: 38px;
				padding: 25px 0 0 50px;
				margin:0 10px 5px 0;
				background: url(../images/interface/box-devis-resultat-total-cout.gif) top left no-repeat;
				font-size: 2.20em;
				color: #FFC215;
			}
				#main div.box-devis-resultats div.combien div.total-gain span { font-size: 0.70em; }
		#main div.box-devis-resultats div.combien p.legales { margin-top: 5px; font-size: 0.90em; color: #FFFFFF; }
			#main div.box-devis-resultats div.combien p.legales span { color: #FFC215; }
			
	#main div.box-devis-resultats div.tools { height: 30px; margin-top: 40px; }
		#main div.box-devis-resultats div.tools p.retour a {
			display: block;
			height: 30px;
			line-height: 30px;
			padding-left: 22px;
			background: url(../images/interface/btn-retour.gif) 0 6px no-repeat;
			font-size: 1.20em;
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
		}
		#main div.box-devis-resultats div.tools p.print a {
			float: right;
			display: block;
			height: 30px;
			line-height: 30px;
			padding-left: 22px;
			background: url(../images/interface/btn-print.gif) 0 6px no-repeat;
			font-size: 1.20em;
			color: #FFFFFF;
			font-weight: bold;
			text-decoration: none;
		}
		
	#main div.box-devis-resultats div.contact { margin-top: 40px; color: #ABDCE9; }
		#main div.box-devis-resultats div.contact p strong { color: #FFFFFF; }
		#main div.box-devis-resultats div.contact div.panel { margin-top: 10px; }
		
		#main div.box-devis-resultats div.row { clear: both; margin-bottom: 2px; }
		#main div.box-devis-resultats label { float: left; display: block; width: 280px; font-weight: bold; padding-top: 2px; }
		#main div.box-devis-resultats div.row img.corner { vertical-align: middle; }
		#main div.box-devis-resultats div.row input.text {
			height: 17px;
			padding-top: 2px;
			background: url(../images/interface/input-text-bg.gif) top left repeat-x;
			vertical-align: middle;
			font-size: 12px;
			color: #333333;
		}
		#main div.box-devis-resultats div.row select {
			width: 290px;
			border: 1px solid #255F92;
			font-size: 10px;
			color: #333333;
		}
		#main div.box-devis-resultats div.envoyer { float: right; margin-top: 5px; }
			#main div.box-devis-resultats div.envoyer input {
				width: 118px;
				height: 43px;
				background: url(../images/interface/input-envoyer.gif) top left no-repeat;
				cursor: pointer;
			}
		#main div.box-devis-resultats div.contact p.legales { margin-top: 7px; }
			#main div.box-devis-resultats div.contact p.legales span { color: #FFC215; }