@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: 990px;
	margin:2px auto 10px auto;
	background: #efefef url('/img/bg_container.jpg') repeat-x left 10px;
}
	
#frame_iframe {
	width: 600px;
	margin:30px auto 10px auto;
	background: white;
}

#Main {
	position:relative;
	margin: 10px 27px 10px 28px;
}

#Main #Logo {
	float:right;
	margin:15px 30px 15px 0 ;
}

#MenuGeneral a,
#MenuRubriques a {
	text-decoration: none;
	font-weight: bold;
	color: #767a7c;
}

#MenuGeneral a:hover,
#MenuRubriques a:hover {
	color: #ED5311;
}



#MenuGeneral {
	margin:0 0 0 0; 
	padding: 0;
	
}
	
	
	#MenuGeneral li {
		margin:8px 0 0 0; 
		padding: 0;
		float:left;
		list-style: none;
	}

	#MenuGeneral a {
		display: block;
		padding: 4px 10px;
		background-color: #E7E8E9;
	}



#MenuGeneral .siteext {
	padding-right:20px;
	background:#E7E8E9 url('/img/common/fl_e7e8e9.jpg') no-repeat right 50%;
		margin-right:10px;
	margin-left:10px;
}

#MenuGeneral .impression {
	padding-right:20px;
	background:#f3f4f4 url('/img/common/fl_f3f4f4.jpg') no-repeat right 50%;
	margin-right:10px;
	margin-left:10px;
}


#MenuRubriques {
	clear: both;
	margin: 7px 0 ;
	padding: 0;
	background-color: #f3f4f4;
	height: 27px;
}
	#MenuRubriques li {
		margin:0; 
		padding: 0;
		float:left;
		list-style: none;
	}
	
	#MenuRubriques a {
		display: block;
		line-height: 27px;
		padding : 0 15px;
		width: 140px;
	}


#Contenu {
	
	border:10px solid #e7e8e9;
	border-width: 10px 0 10px 0;
	
}


.mGauche {
	background-color: #E7E8E9;
	padding:5px;
	margin:0 0 10px 0;	
}



.menuAccueil {
	width: 120px;
	margin:0 auto 12px auto;
}
.menuAccueilLast {
	margin-bottom:0;
}
 .menuAccueil img {
	display: block;
}




.message {
	
	

}


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;
	}
	



.ContenuTable {
	width: 99%;
	margin: 10px auto 4px auto;
	border-spacing: 0;
	border-collapse: collapse;
	position: relative;
}

.ContenuTable tr {
	vertical-align: top;
}
.ContenuTable td {
	padding:0;
}
.ContenuTable col.COL1 {
	width: 140px;
}
.ContenuTable col.COL2 {
	
}
.ContenuTable col.COL3 {
	width: 120px;
}

.ContenuTable .left {
	background-color: #efefef;
}


.ContenuTable .main {
	padding: 0 5px 0 5px;
}


.ContenuTable  .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:120px;
    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;
}
#Footer {

	padding:7px 5px 0 5px;
	text-align: right;

}.left {
    background: #666666 !important;
    padding: 5px 0 0 5px !important;
    width:140px;
}

	.left p,
	.left a,
	.left li,
	.left h2 {
	    color: white;
	}
	
	.left h2 {
	    margin: 15px 0 5px 0;
	    font-size: 12px;
	    padding: 5px;
	}
	.left h2.selected {
	   background: #ccc;
	}
	.left h2 a {
	    display:block;
	    font-size: 12px;
	}
	.left ul {
	    padding: 0 ;
	    margin: 0 0 0 10px;
	}
	
	.left li {
		padding:0;
		margin:0;
	    list-style: none;
	}

    .left a.projet {
        display: block;
        margin: 10px auto;
        background: #ec5212;
        padding:10px;
        font-weight: bold;
    }
    
    
  .ch1, .ch2, .ch3, .ch4, .ch5 {
  	padding-left:25px !important;
  	background: transparent url('/img/common/chiffre/1.gif') no-repeat left 5px !important;
  }
  .ch2 {
  	background-image:  url('/img/common/chiffre/2.gif') !important;
  }
  .ch3 {
  	background-image:  url('/img/common/chiffre/3.gif') !important;
  }
  .ch4 {
  	background-image:  url('/img/common/chiffre/4.gif') !important;
  }
  .ch5 {
  	background-image:  url('/img/common/chiffre/5.gif') !important;
  }
.AccueilVideo {
	position: relative;
	background: #E7E8E9;
	width: 233px;
	margin:0 5px 10px 5px;
	padding:5px 0 0 0;
	
}

	.AccueilVideo p {
		margin: 5px 10px;
	}
	.AccueilVideo div.video {
		width: 200px;
		margin: 60px auto 0 auto;	
	}

	.AccueilVideo a.title {
		position: absolute;
		display: block;
		background: white url('/img/accueil/fleche.png') no-repeat right 50%;
		top:5px;
		width: 213px;
		padding: 10px;
		-moz-opacity:.85;
		opacity:.85;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
		filter: alpha(opacity=85);		
		font-weight: bold;
		color: #ED5311;
	}
	
	.AccueilVideo a.all {
		display: block;
		font-weight: bold;
		text-align: right;
		margin-right: 10px;
		margin-bottom:0;
	}
	
	
.AccueilBox {
	position: relative;
	background: #E7E8E9;
	width: 233px;
	margin:0 5px 10px 5px;
	height:102px;
	padding:5px 0 0 0;
	
}
	.AccueilBox strong {
		font-weight: normal;	
		float: right;
		display: block;
		width:115px;
	}
	
	.AccueilBox a {
		position: absolute;
		display: block;
		background: white url('/img/accueil/fleche.png') no-repeat right 50%;
		top:65px;
		width: 213px;
		padding: 10px;
		-moz-opacity:.85;
		opacity:.85;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
		filter: alpha(opacity=85);		
		font-weight: bold;
		color: #ED5311;
	}


#AB-Connaissance,
#AB-Salon,
#AB-Temoin,
#AB-Recherche,
#AB-Diasys {
	background-image: url('/img/accueil/simulation.jpg');
	background-position: top left;
	background-repeat: no-repeat;
		
}
#AB-Connaissance {
	background-image: url('/img/accueil/solutions.jpg');
		
}
#AB-Temoin {
	background-image: url('/img/accueil/formation.jpg');
	height:112px;
}
#AB-Salon {
	background-image: url('/img/accueil/showroom.jpg');
	height:112px;
}
#AB-Recherche {
	background-image: url('/img/common/logo-proactif.jpg');
}

	
table.deu {
	margin: 10px auto;
    background: #efefef;
    width:533px;
}

    table.deu td {
	   padding: 10px;
	}
	
	
    table.deu a.connais {
        display: block;
         color: #ED5311;
    }
    table.deu a.deu {
	   display: block;
	   background: white url('/img/accueil/fleche.png') no-repeat right 50%;
	   color: #ED5311;
	   font-weight: bold;
	   padding: 7px;
	   
	}


table.panorama {
	margin: 0 auto;
	background: #efefef;
	width:533px;
}
table.panorama td {
	text-align: left;
	padding: 15px 0;
	width:100px;
}
table.panorama td.first{
	width:30px
}
table.panorama img{
	display: block;
	margin-bottom:5px;
}
table.panorama a{
	display: block;
	margin: 5px 0 0 0;
}

table.panorama_xs {
	margin: 0 auto;
	background: #efefef;
	width:533px;
}
table.panorama_xs td {
	text-align: left;
	padding: 15px 0;
	width:100px;
}
table.panorama_xs td.first{
	width:30px
}
table.panorama_xs img {
	float: left;
	margin: 0 5px 0 0;
}
table.panorama_xs a {
	font-size:10px;
	line-height:11px;
}



#searchresponse_indicator {
	position: absolute;
	top:300px;
	width:370px;
	left:50%;
	margin-left:-175px;
	padding:5px;
	text-align: center;
	background-color: white;	
	font-weight: bold;
	color:#666;
}



/****************************************************************************/
/* RESULTATS DE RECHERCHE */
/****************************************************************************/

.resultNav {
	
}
.resultNav a {
	font-size: 9pt;
	color: red;
}
.resultNav a.off {
	font-size: 9pt;
	color: black;
	font-weight: bold;
}
.resultTable {
	width: 100%;
	border: none;
	border-collapse: collapse;
	text-align: left;
}
.resultTable a {
	font-weight: normal !important;
}

.row1 {
	height: 30px;
	background-color: #FFFFFF;
	color: #000000;
}
.row2 {
	height: 30px;
	color: #000000;
	background-color: #CCCCCC;
}




#CadreImage {
	background:#e7e8ea;
}

#CadreImage div.carte {
	margin:0 auto;
	width: 472px;
	height: 472px;	
	background:#808080 url('../img/recherche/fond_mapo.gif') no-repeat right bottom;
		text-align: center;
}

#CadreImage div.carte img {
	cursor:pointer !important;
}

#CadreImage div.carte img:hover {
	cursor:pointer !important;
}

#CadreImage div.navig  table {
	margin:0 auto;
	background-color: #dedede;
}
#CadreImage div.navig {
	margin:0 auto 1em auto;
	width: 472px;
	
}


#CadreImage div.carte img{
	float:left;
	margin-left:9px;
	margin-top:9px;
}


span.picto  {
	background-color: #ff3100;
	color: white;
	font-size:5pt !important;
	line-height: 1em;
}



/****************************************************************************/
/* LIVESEARCH */
/****************************************************************************/

div.autocomplete {
	position: absolute;
	width: 200px !important;
	border: 1px solid black;
	background-color: white;
	margin:0px;
	padding:0px;
	height: 207px;
	overflow:hidden;
}

div.autocomplete ul {
	list-style-type: none;
	margin: 0px;
	padding:0px;
}

div.autocomplete li {
	display: block;
	clear: right;
	height: 17px;
	padding: 2px;
}

div.autocomplete li.odd {
	background-color: #efefef;
}

div.autocomplete li.even {
	background-color: #dedede;
}

div.autocomplete li.selected {
	background-color: #fff;
}





/****************************************************************************/
/* RESULTATS DE RECHERCHE */
/****************************************************************************/

.resultNav {
	clear:both;
	
}

.resultNav a {
	font-size: 9pt;
	color: red;
}

.resultNav a.off {
	font-size: 9pt;
	color: black;
	font-weight: bold;
}

.result p{
	margin:0;
	padding:2px;
}

.result {
	clear:both;
	width: 100%;
	text-align: left;
	margin-bottom:1em;
	border-bottom:1px solid #ffffff;
	padding-bottom:3px;
}
.result p.raisonsociale{
	width:15em;
	font-weight: bold;
	float:left;
}
.result p.adresse{
	width:15em;
	float:left;
	margin-left:2px;
}

.result p.lien{

	float:right;

}
.result ul{
	clear:both;
	margin-left:0;
	padding-left:0;
}
.result ul li{
	display: inline;
	width:15em;
	padding:2px;
	float:left;
	
}

.row1, .row2 {
	padding:3px;	
}
.row1 {
	background-color: #dddddd;
	color: #000000;
}
.row2 {
	color: #000000;
	background-color: #efefef;
}




/** 
 *	RECHERCHE 
 */
 

a.caract_web_perso, a.caract_web_proactif {
	padding:2px ;
	font-size:8pt;
	background: transparent url('../img/web.gif') no-repeat left 50%;
	padding: 2px 2px 2px 35px ;
	color:#999;
}


a.caract_emailproactif {
	padding:2px ;
	font-size:8pt;
	background: transparent url('../img/adresse.gif') no-repeat left 50%;
	padding: 2px 2px 2px 35px ;
	color:#999;
}


span.caract_web_perso, span.caract_web_proactif {
	padding:2px ;
	font-size:8pt;
	padding: 2px 2px 2px 35px ;
	color:#ccc;
}


span.caract_emailproactif {
	padding:2px ;
	font-size:8pt;
	padding: 2px 2px 2px 35px ;
	color:#ccc;
}




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

div.proactif-fiche  {
    /*padding :3px;*/
}

div.proactif-fiche 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-fiche 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-contact {
    border : 1px solid #ccc;
    padding :5px;
    /*background:white url('../img/fond_contact.png') no-repeat left bottom;*/
    margin : 1em auto;
 }

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 li {}
ul.proactif-telmail li#proactif-telmail-telephone { list-style-image: url('../img/tel.gif'); }
ul.proactif-telmail li#proactif-telmail-fax{ list-style-image: url('../img/fax.gif'); }
ul.proactif-telmail li#proactif-telmail-portable{ list-style-image: url('../img/tel.gif'); }
ul.proactif-telmail li#proactif-telmail-email{ list-style-image: url('../img/web.gif'); }
ul.proactif-telmail li#proactif-telmail-siteweb{ list-style-image: url('../img/web.gif'); }
ul.proactif-telmail li#proactif-telmail-url{ list-style-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: 300px;		
}
fieldset   { border-color: #ccc; border-width: 1px 0 0 0}
fieldset  legend { color: #333;font-weight:bold;}



div.Onglet {
	clear:both;
	border-top:1px solid #ccc;
	padding-top:1em;
}
ul.Onglet  {
}

ul.Onglet li {
	float:left;
	list-style:none;
}

ul.Onglet a {
	display: block;
	border:1px solid white;
	border-bottom:0;
	padding:3px 15px;
	margin-right:.5em;
	background-color:#dedede;
	color:#666;
}
ul.Onglet a.current {
	color:#ff3100;
}


ul.filAriane {
	padding:10px 0 0 0;margin:0 0 5px 10px;background:transparent;}
ul.filAriane li {display:inline;background-color:transparent;padding:2px 5px;font-size:105%;}

li.flechegrise {background-image:url('/img/flechegrise.gif');background-repeat:no-repeat;background-position: center left;	padding-left:15px !important;}



a.supprProjet {
	position: absolute;
	top:155px;
	right: 10px;
	background: #ED5311 url('/img/bt_suppr.png') no-repeat left 50%;
	color: white;
	padding: 3px 10px 3px 17px;
}
#frame {
	position: relative;	
}

#Main #Logo {
	margin-bottom:35px ;
}

	
	#fond_opaque {
		position:absolute;
		height:100%;
		width:100%;
		top:0;
		left:0;
		background-color: black;
		z-index: 10000;
		opacity:0.6;
	    /*_filter : alpha(opacity=60);*/
	    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
		_height:expression($$('body')[0].getDimensions().height);
		_width:expression($$('body')[0].getDimensions().width);
		cursor: pointer;
	}

	#showAlert {
		position:absolute;
		z-index: 15000;
		background: white;
		padding: 20px;
		width: 610px;
		top: 50px;
		left:50%;
		margin-left: -305px;
		text-align: center;
	}
	#showAlert p  {
		font-size:12px;
		margin: 7px 0;
	}
	#showAlert em  {
		font-size:12px;
		font-weight: bold;
		font-style: normal;
	}
	#showAlert p strong {
		font-size:22px;
		text-align: center;
		display: block;
		margin: 15px;
		
		color: #575757
		
	}
	
	#showAlert a  {
		margin-top:10px;
		float: right;
		font-size: 12px;
		color: #666;
		text-decoration: underline;
	
	}
	
	#showAlert img  {
		float: left; 
		margin : 15px 20px 40px 0;
	}