@CHARSET "UTF-8";

* {
	font-family: arial, sans-serif;	
	font-size:12px;
}

body {
	font-size:12px;
	/*background: #efefef url('/img/bg_body.jpg') repeat-x left top;*/
	color:#666;
	margin:0;
	padding:0;
}

.shadow {
	display: block;
}

img {
	border:0;
}


h1 {
	font-size: 15px;
}

h2 {
	font-size: 13px;
}


a {
	text-decoration: none;
	color: #666;
}

fieldset   { border-color: #ccc; border-width: 1px 0 0 0}
fieldset  legend { color: #333;font-weight:bold;}


p.msg_erreur { 
    margin:0;
    font-weight:bold;
    background-color:#ccc;
    border:1px solid #333;
    padding: 0 5px 0 5px;
}

.PROACTIFpro {
	color:#ED5311 !important;	
}

.PROACTIFactif {
	color:#999 !important;
}
	
	
#frame {
	width: 543px;
	margin:0 auto 10px auto;
    background: white;
}
	
#frame_iframe {
	width: 600px;
	margin:30px auto 10px auto;
	background: white;
}

#Main {
	position:relative;
	margin: 0 0;
}
#Contenu {
	
	border:10px solid #e7e8e9;
	border-width: 0 0 10px 0;
	
}


input.button {
	display: block;
	width: 100%;
	border:1px solid #ccc;
	border-width: 1px 0;	
	color: #666;
	background: white url('/img/common/fl_white.jpg') no-repeat left 50%;
	text-align: left;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
}




.rappels {

	margin : 2em;
	border:1px solid #ccc;
	background-color:white;
	padding:10px;
}

	.rappels h4 {
		margin:0;
		padding: 3px 0 3px 0;
		border-bottom: 1px solid #ccc;
		margin-bottom:5px;
	}
	
	.rappels td, .rappel th {
		padding:4px;
	}
	.rappels th {
		width:12em;
		text-align:right;
	}
	





.arborescence {
	
	
} 

.arborescence h2 {
	font-size:12px;
	margin:0;
	padding:3px 0 3px 5px;
	
	background-color: #f3f4f4;
	border-bottom:1px solid white;
} 

.arborescence ul {
	padding:0;
	margin:0;
} 

.arborescence li {
	padding:0;
	margin:0;
	list-style: none;
	border-bottom:1px solid white;
	
} 

.arborescence li a {
	display: block;
	padding:2px 0 2px 15px;
	margin:0;
	color: #666;
	text-decoration: none;
	background-color: #e7e8e9;
	
} 
.arborescence li a:hover {
	color: #ED5311;
}

.image_legende {
	margin:0 auto;	
}	

/**
 * Titres H1
 */

#pcent {
	position: relative;
	height:80px;
    background: transparent url('/img/accueil/hp_03_xs.jpg') no-repeat left top;
}


	#pcent h1 {
		width:533px;
	    position: absolute;
	    bottom:0;
	    background: white url() no-repeat 5px 50%;
	    -moz-opacity: .85;
	    opacity:.85;
	    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
		filter: alpha(opacity=85);		
	    margin:0;
	    padding : 10px 0 10px 55px;
	}
    
    #pcent h1.pompe_chaleur {
        background-image: url('/img/common/nrj/dev_02.jpg');
    }
    #pcent h1.bois {
        background-image: url('/img/common/nrj/dev_06.jpg');
    }
    #pcent h1.solaire {
        background-image: url('/img/common/nrj/dev_01.jpg');
    }
    
 
	 #pcent h1.agenda,
	 #pcent h1.fiche,
	 #pcent h1.recherche,
	 #pcent h1.temoignages,
	 #pcent h1.envoyer-mon-projet,
	 #pcent h1.solution-innovante,
	 #pcent h1.financement,
	 #pcent h1.vous-renovez,
	 #pcent h1.vous-construisez {
        background-image: none;
        padding-left:10px;
    }    

.pcent-si-condensation_fioul {
	height:160px !important;
    background-image: url('/img/solutions-innovantes/bandeaux/condensation_fioul.jpg') !important;
}

.pcent-si-condensation_gaz {
	height:160px !important;
    background-image: url('/img/solutions-innovantes/bandeaux/condensation_gaz.jpg') !important;
}

.pcent-si-bois {
	height:160px !important;
    background-image: url('/img/solutions-innovantes/bandeaux/bois.jpg') !important;
}

.pcent-si-solaire {
	height:160px !important;
    background-image: url('/img/solutions-innovantes/bandeaux/solaire.jpg') !important;
}

.pcent-si-pompe_chaleur {
	height:160px !important;
    background-image: url('/img/solutions-innovantes/bandeaux/pac.jpg') !important;
}
 
 
   
    div.selectionne {
        width: 300px;
        float: right;
    }
	    
	    div.selectionne a {
	        display: block;
	        background: #ED5311;
	        color: white;
	        font-weight: bold;
	        padding: 5px 50px 5px 10px;
	    }
	    
	    
#LePoint {
	width: 920px;
	margin: 10px auto 0 auto;	
}	    


#getBesoinChauffage,
#getDepenseEnergetique {
	background: white;
	border:1px solid #ccc;
	width:400px;
	position: absolute;
	left: 50%;
	margin-left: -230px;
	top:230px;
	padding:5px;
} 

#getBesoinChauffage h4,
#getDepenseEnergetique h4 {
	margin:0 0 6px 0;
	padding: 0 5px;
	border-bottom:1px solid #ccc;
	
}

#getBesoinChauffage a,
#getDepenseEnergetique a {
	display: block;
	text-align: right;
}


#getBesoinChauffage input.submit {
	background: #efefef !important;
	border:1px solid #ccc !important;
	margin : 0 0 0 10px;
}


#getDepenseEnergetique input.submit {
	background: #efefef !important;
	border:1px solid #ccc !important;
	margin: 10px;
}

#getBesoinChauffage input.txt,
#getDepenseEnergetique input.txt {
	background: white;
	border:1px solid #ccc;
	width: 60px;
}


table.consoDiasys {
	border-spacing: 0;
}
	
	table.consoDiasys td,
	table.consoDiasys th {
		padding:2px 10px !important;
	}
	
	table.consoDiasys td,
	table.consoDiasys th {
		text-align: right;
	}
	table.consoDiasys th.titre {
		border-bottom:1px solid #ccc;
		text-align: left;
	}
	table.consoDiasys td.resultat,
	table.consoDiasys th.resultat {
		border-top:1px solid #ED5311;
		color: #ED5311;
		text-align: right;
	}
	table.consoDiasys td.resultat {
		text-align: right;
	}
	
	
	
a.pdfDAISYS {
	display: block;
	margin:0 0 0 50px;	
	padding:0 10px 10px 10px;
	width: 120px;
	padding-left:50px;
	color: #ED5311;
	background: white url('/img/common/pdf.png') no-repeat left top;
}	


ul.carrerouge {
	
}
	
	ul.carrerouge li {
		list-style-image: url('/img/bullet.gif');
		margin-bottom:10px;
	}
	ul.carrerouge li li {
		list-style: disc;
		margin-bottom:3px;
	}
	
h2.hred {
	padding-left:5px;
	font-size: 120%;
	border-bottom:2px solid #333;
	color: #333;
	margin-top:25px;
}
	
h3.hred {

	border-bottom:1px solid #EC5212;
	color: #EC5212;
}



a.retour_viessmann {
    margin: 50px 100px;
    display: block;   
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline;
}#Footer {
	padding:3px 5px 0 5px;
	text-align: right;
	font-size: 10px;
}


/****************************************************************************/
/* FICHE PROACTIF */
/****************************************************************************/

div.proactif_onglet  { padding :3px 10px;}

div.proactif_onglet  tr {vertical-align: top;}
div.proactif_onglet h2 {
    background: transparent url('../img/carre_gris.png') no-repeat left top;
    padding : 2px 0 2px 30px;
    font-size :17px;
}

a.proactif-info {
	display: block;
	padding: 10px 10px 10px 50px;	
	font-weight: bold;
}		

div.proactif-info {
	display: block;
	padding: 0 10px 0 60px;	
}		

a.proactif-info {
	background: transparent url('') no-repeat -50px 50%
}		

a.proactif-telmail-telephone { background-image: url('../img/tel.gif');}
a.proactif-sms { background-image: url('../img/send.png');}
a.proactif-message {	background-image: url('../img/send.png');}
a.proactif-devis { 	background-image: url('../img/send.png');}

a.proactif-info:hover { color: #ED5311; background-position: 10px 50%; }		



div.proactif_onglet address {
    font-style: normal;
}

p.proactif-charte {
	clear: both;
    text-align:center;
    width : 22em;
    border:1px solid #ccc;
    margin : 0 auto;
    padding :5px;
}

p.proactif-charte a {
    color:red;
    text-decoration: none;
    display: block;
}
ul.proactif-qualification {
    list-style: none;
    margin: 0 0 0 0;
    padding : 0;
}

div.proactif-url {
    background: white url('../img/site_web.png') no-repeat left 2px;
    height : 60px;
    width : 90%;
    margin : 0 0 0 auto;
    text-align:right;
}
div.proactif-url a {
    display:block;
    font-weight:bold;
    color:red;
}

ul.proactif-telmail {margin:15px 0; padding:0;}
ul.proactif-telmail li {margin-top:10px;padding-left:50px;background: transparent url() no-repeat left top; list-style: none}
ul.proactif-telmail li#proactif-telmail-telephone { background-image: url('../img/tel.gif'); }
ul.proactif-telmail li#proactif-telmail-fax{ background-image: url('../img/fax.gif'); }
ul.proactif-telmail li#proactif-telmail-portable{ background-image: url('../img/tel.gif'); }
ul.proactif-telmail li#proactif-telmail-email{ background-image: url('../img/web.gif'); }
ul.proactif-telmail li#proactif-telmail-siteweb{ background-image: url('../img/web.gif'); }
ul.proactif-telmail li#proactif-telmail-url{ background-image: url('../img/web.gif'); }


#table-proactif-contact-sms input {
	width:6em;
}
#table-proactif-contact-sms th {
	text-align:right;
	padding-left:4px;	
}
.proactif-fiche #map a,
.proactif-fiche #map span {
	font-size:7px !important;
}

table.Formulaire {width :98%;}
table.Formulaire th {font-weight: bold;text-align:right;width : 13em;}
table.Formulaire th em { font-size: 8pt; color: #aaa; font-style: normal; }
table.Formulaire tr { vertical-align: top;}

table.Formulaire textarea,
table.Formulaire input.input {
	border:1px solid #ccc;
	background:white;
	width: 270px;		
}
fieldset   { border-color: #ccc; border-width: 1px 0 0 0}
fieldset  legend { color: #333;font-weight:bold;}

a.btnRetourFiche,
input.btnRetourFiche  {
    color:#666666;
    text-decoration:none;
    float: right;
    font-weight: bold;
    background: transparent;
    border: 0;
    text-decoration: underline;
    cursor: pointer;
}
a.btnRetourFiche {
    width :120px;   
    margin-top:10px;
}

.google-adresse span {
    font-size:9px;  
    display: none; 
}