/* 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;
	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: 231px;
	background: #E6E7E8 url('../images/header.jpg') no-repeat 0 0
	}

#header a.header {
	display: block;
	width: 939px;
	height: 231px
	}
	
#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 }
        
#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 }

#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 }
/***********************/
#langues { position: absolute; left: 860px; top: 15px }

#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;
        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 }
/*
.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 }
.actuTitle span { 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_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_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_Maintenance { height: 50px; background: url('../images/h1_Maintenance.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 }
/***********************/
#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; }