#formJs .x-form-text, textarea.x-form-field {
    background-image:url(../images/text-bg.gif);
}

#formJs .x-form-invalid.x-form-composite .x-form-invalid {
    background-image:url(../images/invalid_line.gif);
}


body {
	background-image: url(/imports/images/fond.gif);
	background-repeat: repeat-x;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555555;
	line-height: 16px;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 10px;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}
a {
	outline:none;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
}
#page {
	width: 968px;
	margin-right: auto;
	margin-left: auto;
}

#entete {
	height: 188px;
}

#lien_accueil {
	position: absolute;
	height: 180px;
	width: 380px;
	margin:-120px 0 0 -40px;
	z-index:99;
}

#signature {
	height: 54px;
	width: 339px;
	float: left;
	background-image: url(/imports/images/entete_image1.jpg);
	padding-top: 130px;
	padding-left: 45px;
	color: #464c47;
	font-size: 13px;
	line-height: 21px;
	background-repeat: no-repeat;
}

#signature .logo-site {
    background: transparent url(../images/logo-ecotech.png) top left no-repeat;
    padding-top: 69px;
    width: 318px;
    height: 0;
    overflow: hidden;
    margin-top: -22px;
    margin-left: -6px;
}


#signature a {
	text-decoration: none;
}

#signature .titre {
	font-size: 32px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 33px;
	margin-left: -3px;
}

#signature .titre_gras {
	font-size: 38px;
	color: #1565d0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contenu_texte {
	padding: 12px 0px 20px 45px;
}


.collonnes_centrales_double .infobox_techpropre2 {
	width: 292px;
	height: 125px;
	background-image: url(/imports/images/ib_fond4.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 16px;
	color: #777777;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 20px;
}


#membre2 {
	background-image: url(/imports/images/ib_fond4.jpg);
	padding-top: 6px;
	height: 129px;
	font-weight: normal;
	font-size: 12px;
	padding-left: 28px;
	width: 275px;
}


.collonnes_centrales_double .infobox_techpropre {
	width: 292px;
	height: 125px;
	background-image: url(/imports/images/ib_fond2.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 16px;
	color: #777777;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 20px;
}

#membre {
	background-image: url(/imports/images/ib_fond3.jpg);
	padding-top: 6px;
	height: 129px;
	font-weight: normal;
	font-size: 12px;
	padding-left: 28px;
	width: 275px;
} 

#membre a {
	color: #84b75b;

} 

#membre a:hover {
	color: #000000;

}

.collonnes_centrales_double .infobox_techpropre a {
	color: #777777;
	text-decoration: underline;
}

.collonnes_centrales_double .infobox_techpropre a:hover {
	color: #ed8551;
	text-decoration: underline;
}



#contenu_texte .intro {
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	color: #555555;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#contenu_texte .intro em {
	font-weight: bold;
	color: #ed8551;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}


#contenu_texte .intro2 {
	font-size: 15px;
	line-height: 22px;
	font-weight: normal;
	color: #777777;
	margin: 0px;
}

#contenu_texte .intro2 em {
	font-weight: normal;
	color: #ed8551;
	font-style: normal;
}

#contenu_texte_droit {
	width: 254px;
	float: right;
}


.partenaires {
	margin-top: 5px;
	color: #000000;
}

#membre_de {
	margin: 5px 0px 15px 0px;
	color: #000000;
}



#contenu_texte_droit .infobox_techpropre {
	width: 234px;
	height: 150px;
	background-image: url(/imports/images/ib_fond.jpg);
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 18px;
	color: #777777;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 20px;
}

#contenu_texte_droit .infobox_techpropre a {
	color: #777777;
	text-decoration: none;
}

#contenu_texte_droit .infobox_techpropre a:hover {
	color: #ed8551;
	text-decoration: none;
}

#contenu_texte_gauche {
	width: 650px;
	margin: 0px;
	padding: 0px;
}

.infobox_techpropre_titre  {
	color: #84b75b;
	line-height: 30px;
}
.infobox_techpropre_titre em {
	color: #1565d0;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	line-height: 30px;
}

.logo_accueil_contenu {
	width: 600px;
	height: 200px;
}
.logo_accueil {
	width: 250px;
	float: left;

}

#bas_de_page {
	padding: 25px 0px 25px 45px;
	font-size: 11px;
}

#bas_de_page a {
	color: #777777;
}

#bas_de_page a:hover {
	color: #000;
}

.clair {
	clear:both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}

#nouveaute {
	width: 254px;
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 13px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

#nouveaute p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#nouveaute_texte {
	width: 204px;
	background-image: url(/imports/images/ib_nouveau_photo_bas.gif);
	background-repeat: repeat-y;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 21px;
	background-position: left bottom;
	margin: 0px;
}

#nouveaute_texte h2 {
	font-size: 12px;
	line-height: 15px;
	color: #84b75b;
	padding-bottom: 5px;
}

.pad_top {
	padding-top: 10px;
}

.texte_noir {
	color: #000000;
}

.texte_vert {
	color: #84b75b;
	padding-top: 10px;
}

.texte_vert a {
	color: #84b75b;
}

#realisation_propage {
	position: absolute;
	margin: -16px 0px 0px 500px;
}

#ib_entete_infolettre {
	background-image: url(/imports/images/fr/ib_infolettre.gif);
	font-weight: bold;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 18px;
	height: 44px;
	width: 220px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin: 10px 0px 0px 0px;
}

#ib_entete_infolettre p {
	margin: 0px;
	padding: 0px;
	font-size: 16px;

}

#ib_entete_infolettre_bas {
	width: 215px;
	background-image: url(/imports/images/ib_infolettre_bas.gif);
	background-position: bottom;
	padding: 10px;
	margin: 0px 0px 20px 0px;
}

#ib_entete_infolettre_bas .boite {
	width: 135px;
	float: right;

}

#ib_entete_infolettre_bas .texte_gauche {
	float: left;

}

#ib_entete_infolettre_bas .groupe {
	height: 30px;
	width: 210px;

}

#ib_entete_infolettre_bas .bouton {
	margin: 0px 0px 0px 0px;
}

.lien_pdf {
	font-size: 9px;
	text-align: center;
	line-height: 10px;
	text-decoration: none;
}

.lien_pdf a {
	text-decoration: none;
}

.lien_pdf a:hover {
}

.menu_media
 {
	position: absolute;
	margin: -22px 0px 0px 874px;
	text-align: right;
	font-size: 10px;
}

.menu_media a{
	color:#464c47;
	text-decoration: none;
}

.menu_media a:hover{
	color:#ed8551;
}

.logos_carte{
	width: 525px;
	float: right;
}

.carte{
	height: 700px;
	width: 100%;
	overflow: hidden;
}

.texte_photo_contact{
	margin: 0px 0px 0px 128px;
	font-size: 11px;
	line-height: 12px;
}

.photo_contact{
	float: left;
}

.contenu_photo_contact{
	height: 160px;
}

.abonnez_en_accueil{
	float: right;
	width: 238px;
}

.bouton_technoclimat {
    background: transparent url(../images/fr/ib_technoclimat.jpg) top left no-repeat;
    height: 186px;
    width: 254px;
    overflow: hidden;
}

.bouton_technoclimat .hidden {
    position: absolute;
    top: -999em;
}

.bouton_technoclimat .info {
    margin-top: 150px;
    margin-left: 17px;
    font-weight: bold;
}

.bouton_technoclimat .info a {
    color: #777;
}