/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0 }

body {
	font-family: verdana, sans-serif;
	font-size:  11px;
	line-height: 1.36em;
	color: #404143;
	background: #E6E7E8        
	}

a{ text-decoration: underline; color: #B0C836 }
a:hover{text-decoration:none}
a img { border: none }
p { margin: 15px 0; line-heigth: 12px; text-align: justify }
ul { margin: 15px 0 10px 30px; list-style-image: url('../images/puce-li.png') }
ul li ul { list-style-image: url('../images/puce-li-2.gif') }
ol { margin: 5px 0 5px 30px; font-size: 12px }
li { margin: 4px 0 }
dl { padding: 0 20px }
dt { font-weight: bold; margin: 10px 0 5px 0 }
dd { margin: 5px 0; padding: 5px }
fieldset { border: 1px solid #282A1E; padding: 5px; margin: 10px 0 }
legend { font-weight: bold; color: #B0C836; font-size: 14px }
address { margin: 15px 30px }
small { font-size: 10px }
blockquote { margin: 12px 0; font-size: 16px; font-weight: bold }
.hr { border-bottom: 1px solid #E6E7E8 }
.hr hr { visibility: hidden }

.left { float: left }
.right { float: right }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px }
.align_left {text-align: left }
.align_right {text-align: right }
.center { text-align: center}
.justify { text-align: justify }
.invisible { display: none }

h1 { font-size: 20px; font-family: verdana, arial, sans-serif; color: #505C63; font-weight: normal }
h2 { font-size: 14px; color: #B0C836; margin: 15px 0 0 0 }
h3 { font-size: 12px; color: #B0C836; margin: 15px 0 }
h4 { font-size: 11px; margin: 10px 0 }

#conteneur {
	width: 939px;
	margin: 0 auto;
    background: url('../images/bg_conteneur.gif') repeat-y 0 0
	}

#header{
	position: relative;
	width: 939px;
	height: 140px;
	border-bottom: 1px solid #3e3e3e;
	background: #E6E7E8 url('../images/header.jpg') no-repeat 0 0
	}

/*** NEW ***/
#header_new {
	position: relative;
	width: 939px;
	height: 140px;
	border-bottom: 1px solid #3e3e3e;
	background: #E6E7E8 url('../images/header_new.jpg') no-repeat 0 0
	}

#header_new a.header span {
	display: none
	}
/*** FIN NEW ***/

#header a.header {
	display: block;
	width: 939px;
	height: 140px
	}
	
#header a.header span {
	display: none
	}

.diapoL { position: absolute; left: 214px; top: 48px }
.diapoR { position: absolute; left: 412px; top: 48px }
.diapoL img, .diapoR img { position: absolute }
        
.btn-login {
        position: absolute;
        right: 0;
        margin: 16px 4px 0 0;
        line-height: 30px;
        width: 105px;
        background: url('../images/btn-login.png') no-repeat 0 0;
        padding-left: 30px
}
        
.btn-login a { color: #505C63 }

.btn-simul a {
        display: block;
        width: 175px; height: 42px;
        position: absolute;
        right: 50px; margin-top: 120px;
        background: url('../images/btn-simul.gif') no-repeat 0 0
}
.btn-simul a:hover {
        background: url('../images/btn-simul.gif') no-repeat 0 -42px
}
.btn-simul a span {
        display: none
}
        
#contenu {
	width: 633px;
	padding: 22px 30px 22px 46px;
	float: left
}
#contenu strongi { color: #B0C836 }
#contenu .accroche { background: #DBE394; padding: 5px 16px  }
#contenu .accroche strong { color: #404143 }
#contenu .accroche a { color: #505c63  }

#colonne { 
        width: 187px;
        padding: 36px 23px 10px 20px;
        float: left
        }

#colonne a { color: #505C63 }
#une { background: #B0C836; color: #fff; padding: 15px }
.btn-videoHome a {
        display: block;
        margin: 13px 25px 20px 0;
        float: left;
        width: 370px;
        height: 280px;
        background: url('../images/btn-videoHome.jpg') no-repeat 0 0
}
.btn-videoHome a:hover {
        background: url('../images/btn-videoHome.jpg') no-repeat 0 -280px        
}
.btn-videoHome a span { display: none }

.btn-newsletter a {
        display: block;
        margin: -25px auto 0 auto;
        width: 175px;
        height: 42px;
        background: url('../images/btn-newsletter.png') no-repeat 0 0
}
.btn-newsletter a:hover {
        background: url('../images/btn-newsletter.png') no-repeat 0 -42px        
}
.btn-newsletter a span { display: none }
/***********************/
#langues { position: absolute; right: 0; top: -25px }

#navbar {
        position: relative;
        width: 939px;
        height: 43px;
        font-family: arial, sans-serif;
	background: #505C63 url('../images/bg_navbar.gif') no-repeat 0 0
        }
        
#navbar ul { 
        margin: 0 0 0 68px;
        padding: 0;
        list-style: none
}

#navbar li { margin:0; padding:0; }

#navbar ul li a, .bouton a { display: block; text-decoration: none }

#navbar ul li .niveau1 a, .bouton a {
        color: #fff;        
        font-size: 13px;
        letter-spacing: 1px;
        padding: 7px 4px 0 18px;
        margin: 7px 5px 0 0;
        float: left;
        line-height: 29px;        
        background: #505C63 url('../images/puce_navbar.gif') no-repeat 6px 0
}

#navbar ul li .niveau1 a:hover, #navbar ul li .niveau1.select a, .bouton a:hover {
        background: #888D92 url('../images/puce_navbar.gif') no-repeat 6px -36px
}

#navbar .subMenu {       
        position: absolute;
		z-index: 1001;
        margin: 2px 0 0 0
        }

#navbar .subMenu ul {
        -moz-opacity: 0.9;
        opacity: 0.9;
        filter: alpha(opacity=90);
        margin: 0
        }
        
#navbar .subMenu ul li { margin: 1px 0 }

#navbar .subMenu ul li .niveau2 a {
        font-size: 12px;
        padding: 0 10px;
        color: #404143;
        line-height: 28px;
        background: #B0C836
        }
        
#navbar .subMenu ul li .niveau2 a:hover { color: #fff; background: #545B63 }

/***********************/
#arbo { font-size: 14px; font-family: arial, sans-serif; background: url('../images/puce_arbo.gif') no-repeat 0 center; padding-left: 14px; margin: 0 0 20px 0 }
.erreur { color: #ff0000; text-align: center; font-size: 14px; padding: 2px 0; background: #fff; border: 1px dashed #ff0000;}
.confirm { font-size: 14px }
.input { font-size: 11px; font-family: arial, sans-serif; border: 1px solid #282A1E; background: #B0C836 }
.lineDiapo a { position: relative }
.zoom {position: absolute; top: -95px; left: 5px; width: 178px; height: 100px; background: url('../images/magnifier.png') no-repeat 0 0; display: none }
/*
.searchTitle { font-size: 15px; font-weight: 700; color: #B0C836; margin-bottom: 8px }
*/
.actuTitle { background: url('../images/actuTitle.gif') no-repeat 0 0; width: 73px; height: 16px }
.mapTitle { background: url('../images/mapTitle.gif') no-repeat 0 0; width: 100px; height: 22px }
.actuTitle span, .mapTitle span { display: none }

 { display: none }

.faq p { padding-left: 120px; background: url('../images/quot.gif') no-repeat 0 0 }
.offre { padding-left: 20px; border-left: 10px solid #E6E7E8 }

.h1_index { height: 50px; background: url('../images/h1_index.gif') no-repeat }
.h1_index_en { height: 50px; background: url('../images/h1_index_en.gif') no-repeat }
.h1_index_de { height: 50px; background: url('../images/h1_index_de.gif') no-repeat }
.h1_index-v2 { height: 50px; background: url('../images/h1_index-v2.gif') no-repeat }

.h1_QuiSommesNous { height: 50px; background: url('../images/h1_QuiSommesNous.gif') no-repeat }
.h1_QuiSommesNous_en { height: 50px; background: url('../images/h1_QuiSommesNous_en.gif') no-repeat }
.h1_QuiSommesNous_de { height: 50px; background: url('../images/h1_QuiSommesNous_de.gif') no-repeat }
.h1_Photovoltaique { height: 50px; background: url('../images/h1_Photovoltaique.gif') no-repeat }
.h1_Photovoltaique_en { height: 50px; background: url('../images/h1_Photovoltaique_en.gif') no-repeat }
.h1_Photovoltaique_de { height: 50px; background: url('../images/h1_Photovoltaique_de.gif') no-repeat }
.h1_Offres { height: 50px; background: url('../images/h1_Offres.gif') no-repeat }
.h1_Offres_en { height: 50px; background: url('../images/h1_Offres_en.gif') no-repeat }
.h1_Offres_de { height: 50px; background: url('../images/h1_Offres_de.gif') no-repeat }
.h1_Projets { height: 50px; background: url('../images/h1_Projets.gif') no-repeat }
.h1_Projets_en { height: 50px; background: url('../images/h1_Projets_en.gif') no-repeat }
.h1_Projets_de { height: 50px; background: url('../images/h1_Projets_de.gif') no-repeat }
.h1_Location { height: 50px; background: url('../images/h1_Location.gif') no-repeat }
.h1_Location_en { height: 50px; background: url('../images/h1_Location_en.gif') no-repeat }
.h1_Location_de { height: 50px; background: url('../images/h1_Location_de.gif') no-repeat }
.h1_Acquisition { height: 50px; background: url('../images/h1_Acquisition.gif') no-repeat }
.h1_Acquisition_en { height: 50px; background: url('../images/h1_Acquisition_en.gif') no-repeat }
.h1_Acquisition_de { height: 50px; background: url('../images/h1_Acquisition_de.gif') no-repeat }
.h1_Investissement { height: 50px; background: url('../images/h1_Investissement.gif') no-repeat }
.h1_Investissement_en { height: 50px; background: url('../images/h1_Investissement_en.gif') no-repeat }
.h1_Investissement_de { height: 50px; background: url('../images/h1_Investissement_de.gif') no-repeat }
.h1_Metier { height: 50px; background: url('../images/h1_Metier.gif') no-repeat }
.h1_Metier_en { height: 50px; background: url('../images/h1_Metier_en.gif') no-repeat }
.h1_Metier_de { height: 50px; background: url('../images/h1_Metier_de.gif') no-repeat }
.h1_Mentions { height: 50px; background: url('../images/h1_Mentions.gif') no-repeat }
.h1_Recrutement { height: 50px; background: url('../images/h1_Recrutement.gif') no-repeat }
.h1_Faq { height: 50px; background: url('../images/h1_Faq.gif') no-repeat }
.h1_Contact { height: 50px; background: url('../images/h1_Contact.gif') no-repeat }
.h1_Contact_en { height: 50px; background: url('../images/h1_Contact_en.gif') no-repeat }
.h1_Contact_de { height: 50px; background: url('../images/h1_Contact_de.gif') no-repeat }
.h1_ProjetsImages { height: 50px; background: url('../images/h1_Projets-images.gif') no-repeat }
.h1_ExempleRea { height: 50px; background: url('../images/h1_ExempleRea.gif') no-repeat }
.h1_ExempleRea_en { height: 50px; background: url('../images/h1_ExempleRea_en.gif') no-repeat }
.h1_ExempleRea_de { height: 50px; background: url('../images/h1_ExempleRea_de.gif') no-repeat }
.h1_Maintenance { height: 50px; background: url('../images/h1_Maintenance.gif') no-repeat }
.h1_NosEngagements { height: 50px; background: url('../images/h1_NosEngagements.gif') no-repeat }
.h1_NosEngagements_en { height: 50px; background: url('../images/h1_NosEngagements_en.gif') no-repeat }
.h1_Newsletter { height: 50px; background: url('../images/h1_Newsletter.gif') no-repeat }
.h1_Biomasse { height: 50px; background: url('../images/h1_Biomasse.gif') no-repeat }
.h1_Biomasse_en { height: 50px; background: url('../images/h1_Biomasse_en.gif') no-repeat }
.h1_Hydro { height: 50px; background: url('../images/h1_Hydro.gif') no-repeat }
.h1_Hydro_en { height: 50px; background: url('../images/h1_Hydro_en.gif') no-repeat }
.h1_reaBiomasse { height: 50px; background: url('../images/h1_reaBiomasse.gif') no-repeat }
.h1_reaBiomasse_en { height: 50px; background: url('../images/h1_reaBiomasse_en.gif') no-repeat }
.h1_reaHydro { height: 50px; background: url('../images/h1_reaHydro.gif') no-repeat }
.h1_reaHydro_en { height: 50px; background: url('../images/h1_reaHydro_en.gif') no-repeat }
.h1_reaPhoto { height: 50px; background: url('../images/h1_reaPhoto.gif') no-repeat }
.h1_reaPhoto_en { height: 50px; background: url('../images/h1_reaPhoto_en.gif') no-repeat }
.h1_Developpement { height: 50px; background: url('../images/h1_Developpement.gif') no-repeat }
.h1_Developpement_en { height: 50px; background: url('../images/h1_Developpement_en.gif') no-repeat }


h1 span { display: none }

#map {
	width: 847px;
	height: 500px;
	}
#contact { margin-top: 15px }
#contact p { margin: 5px 0; clear: both }        
#contact label { display: inline; float: left; text-align: right; line-height: 18px; width: 150px; margin: 0 5px 5px 0 }
#contact .input { float: left; width: 200px }
.bouton a { margin-right: 5px }

.chapo { font-weight: 700; color: #505C63 }
/**** Pagination ****/
.pagination { width: 100%; padding: 0 2px}
.pagination td { height: 26px; }
.pagination a { padding: 2px 5px; text-decoration: none }
.numpage { padding: 2px 5px; color: #fff; border: 1px solid #545B63; background: #B8CD4A }
.btn-debut a, .btn-precedent a, .btn-suivant a, .btn-fin a, .lienspage a  { border: 1px solid #545B63; color: #545B63 }
.btn-debut a:hover, .btn-precedent a:hover, .btn-suivant a:hover, .btn-fin a:hover, .lienspage a:hover { background: #888D92; color: #fff }
/***********************/
.tabCounter { font-size: 13px; margin-top: 15px; width: 100% }
.tabCounter tr td { background: #e6e7e8; border-bottom: 1px solid #fff; padding: 5px 8px }
.counter { text-align: right }
.counter span { 
	padding: 0 5px 1px 5px;
	color: #fff;
	background: #505c63 url('../images/counter.png') repeat-x 0 0;
	border: 1px solid #9ba1a5;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	margin-left: 1px
	}

.photo { margin-top: 15px }
.photo.right { margin-left: 20px }
.photo.left { margin-right: 20px }
.photo p { text-align: center; margin: 5px 0 0 0; color: #717275; font-style: italic }

a.btn-synergie img {border: 1px solid #717275}
a.btn-synergie:hover img {border: 1px solid #B0C836}
/***********************/
.btn-home { float: left; width: 200px; height: 140px; position: relative }
.btn-home.photovoltaique, .btn-home.photovoltaic { margin: -40px 15px 0 15px }

.btn-home span { display: block; position: absolute; top: 0; left: 0; width: 200px; height: 140px; background: url('../images/btn-home.png') no-repeat 0 -140px; }
.btn-home:hover span { background: url('../images/btn-home.png') no-repeat 0 0 }

.btn-home.photovoltaique { background: url('../images/blocHomePhotovoltaique.jpg') no-repeat }
.btn-home.biomasse { background: url('../images/blocHomeBiomasse.jpg') no-repeat }
.btn-home.hydraulique { background: url('../images/blocHomeHydro.jpg') no-repeat }

.btn-home.photovoltaic { background: url('../images/blocHomePhotovoltaic.jpg') no-repeat }
.btn-home.biogas { background: url('../images/blocHomeBiogas.jpg') no-repeat }
.btn-home.hydraulic { background: url('../images/blocHomeHydraulic.jpg') no-repeat }

.btn-home b { display: none }

.btn-map { display: block; width: 187px; height: 100px; background: url('../images/btn-map.jpg') no-repeat 0 0 }
.btn-map:hover { background: url('../images/btn-map.jpg') no-repeat 0 -100px }
.btn-map span { display: none }
/***********************/
#footer{
        width: 939px;
        color: #505C63;
        font-size: 12px;
        font-family: arial, sans-serif;
        padding-top: 5px;
        background: #E6E7E8 url('../images/bg_footer.gif') no-repeat 0 0
	}
#footer a { color: #505C63; text-decoration:none; }
#footer a:hover { text-decoration: underline; }