body, html, img, a, div, p, form {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
body, html {
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(images/solarezo-fond-repeat.jpg);
	background-position: center top;
	background-repeat: repeat-x;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #585858;
	text-align: left;
    behavior: url("csshover.htc");
}
a { outline: none; text-decoration:none; }
input {
	border: 1px solid #7ca3c0;
	padding:0 2px;
	outline: none;
}
textarea {
	border: 1px solid #7ca3c0;
}
li {
    list-style-type:square;
}
.aligner-droite { float: right; }
.aligner-gauche { float: left; }
.aligner-centre { margin-left:auto;margin-right:auto;}
.clear-both { clear: both; }
.display-block { display: block; }
.erreur { color:red; }
.texte-bleu {
	color: #168acb;
	line-height: 14px;
}


.texte-noir { color: #585858; line-height: 14px; }

ul li span.texte-noir{
    display:inline;
}
span{padding:0}
.texte-gras { font-weight:bold; line-height: 14px; }
.image-a-droite {
    float: right;
	margin-left: 20px;
	padding: 0;
	margin-bottom: 10px;
}
span.image-a-droite img,span.image-a-gauche img, span.image-au-centre img{border: 2px solid #008cce;}
img.image-a-gauche,img.image-a-droite, img.image-au-centre{border: 2px solid #008cce;}

.image-a-gauche {
    float: left;
	margin-right: 20px;
	
	margin-bottom: 10px;
	padding:0px;
}
.image-au-centre {
	display:block;
	text-align:center;
	margin-bottom: 10px;
}

#fond-page {
	background-image: url(images/solarezo-fond.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 981px;
	margin: auto;
	text-align: left;
}
#bloc-recherche {
	width: 881px;
	height: 30px;
	margin-left: 49px;
	padding-top: 20px;
}
#bloc-recherche input { border: 0; }
#bloc-recherche #champ-texte {
	width: 162px;
	height: 16px;
	border: 1px solid #617fa6;
}
#page {
	width: 881px;
	margin-left: 49px;
    min-height:550px;
	text-align: left;
	background-color: #FFFFFF;
	background-image: url(images/solarezo-page-fond.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
}
/*pour IE*/
* html #page{
   height:550px; 
}

#bloc-credits {
	width: 881px;
	margin-left: 49px;
	padding-top: 12px;
	padding-bottom: 20px;
	text-align: right;
	color: #7f7f7f;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#bloc-credits a {
	color: #7f7f7f;
	text-decoration: none;
}
#bloc-credits a:hover {
	text-decoration: underline;
}
#bandeau-haut {
	width: 853px;
	margin-left: 28px;
	padding-top: 11px;
	background-image: url(images/bandeau-haut-fond.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
#bandeau-haut #logo {
	margin-top: 9px;
	float: left;
}
#bandeau-haut #menu {
	padding-top: 8px;
	margin-bottom: 12px;
}
#bandeau-haut #menu a {
	margin-right: 24px;
	display: block;
	float: left;
	height: 17px;
}


/** Nouveaux items Juillet 2011 */
/*----------------------------- */
#bandeau-haut a.qui-sommes-nous_fr, #bandeau-haut a.qui-sommes-nous-visite_fr{width: 118px;}
#bandeau-haut a.qui-sommes-nous_fr {background-image: url(images/menu-qui-sommes-nous_fr.gif);}
#bandeau-haut a.qui-sommes-nous_fr:hover, #bandeau-haut a.qui-sommes-nous-visite_fr {background-image: url(images/menu-qui-sommes-nous-hover_fr.gif);}

#bandeau-haut a.pourquoi-solarezo_fr, #bandeau-haut a.pourquoi-solarezo-visite_fr{width: 178px;}
#bandeau-haut a.pourquoi-solarezo_fr {background-image: url(images/menu-pourquoi-solarezo_fr.gif);}
#bandeau-haut a.pourquoi-solarezo_fr:hover,#bandeau-haut a.pourquoi-solarezo-visite_fr {background-image: url(images/menu-pourquoi-solarezo-hover_fr.gif);}

#bandeau-haut a.nos-offres-photovoltaiques_fr, #bandeau-haut a.nos-offres-photovoltaiques-visite_fr{width: 113px;}
#bandeau-haut a.nos-offres-photovoltaiques_fr {background-image: url(images/menu-photovoltaique_fr.gif);}
#bandeau-haut a.nos-offres-photovoltaiques_fr:hover,#bandeau-haut a.nos-offres-photovoltaiques-visite_fr {background-image: url(images/menu-photovoltaique-hover_fr.gif);}

#bandeau-haut a.biomasse-energie_fr, #bandeau-haut a.biomasse-energie-visite_fr{width: 115px;}
#bandeau-haut a.biomasse-energie_fr {background-image: url(images/menu-biomasse-energie_fr.gif);}
#bandeau-haut a.biomasse-energie_fr:hover,#bandeau-haut a.biomasse-energie-visite_fr {background-image: url(images/menu-biomasse-energie-hover_fr.gif);}

#bandeau-haut a.realisations_fr, #bandeau-haut a.realisations-visite_fr{width: 89px;}
#bandeau-haut a.realisations_fr {background-image: url(images/menu-realisations_fr.gif);}
#bandeau-haut a.realisations_fr:hover,#bandeau-haut a.realisations-visite_fr {background-image: url(images/menu-realisations-hover_fr.gif);}

#bandeau-haut a.ecosysteme_fr, #bandeau-haut a.ecosysteme-visite_fr{width: 79px;}
#bandeau-haut a.ecosysteme_fr {background-image: url(images/menu-ecosysteme_fr.gif);}
#bandeau-haut a.ecosysteme_fr:hover,#bandeau-haut a.ecosysteme-visite_fr {background-image: url(images/menu-ecosysteme-hover_fr.gif);}


#bandeau-haut a.qui-sommes-nous_en, #bandeau-haut a.qui-sommes-nous-visite_en{width: 85px;}
#bandeau-haut a.qui-sommes-nous_en {background-image: url(images/menu-qui-sommes-nous_en.gif);}
#bandeau-haut a.qui-sommes-nous_en:hover, #bandeau-haut a.qui-sommes-nous-visite_en {background-image: url(images/menu-qui-sommes-nous-hover_en.gif);}

#bandeau-haut a.pourquoi-solarezo_en, #bandeau-haut a.pourquoi-solarezo-visite_en{width: 142px;margin-left:22px;}
#bandeau-haut a.pourquoi-solarezo_en {background-image: url(images/menu-pourquoi-solarezo_en.gif);}
#bandeau-haut a.pourquoi-solarezo_en:hover,#bandeau-haut a.pourquoi-solarezo-visite_en {background-image: url(images/menu-pourquoi-solarezo-hover_en.gif);}

#bandeau-haut a.nos-offres-photovoltaiques_en, #bandeau-haut a.nos-offres-photovoltaiques-visite_en{width: 92px;margin-left:22px;}
#bandeau-haut a.nos-offres-photovoltaiques_en {background-image: url(images/menu-photovoltaique_en.gif);}
#bandeau-haut a.nos-offres-photovoltaiques_en:hover,#bandeau-haut a.nos-offres-photovoltaiques-visite_en {background-image: url(images/menu-photovoltaique-hover_en.gif);}

#bandeau-haut a.biomasse-energie_en, #bandeau-haut a.biomasse-energie-visite_en{width: 106px;margin-left:22px;}
#bandeau-haut a.biomasse-energie_en {background-image: url(images/menu-biomasse-energie_en.gif);}
#bandeau-haut a.biomasse-energie_en:hover,#bandeau-haut a.biomasse-energie-visite_en {background-image: url(images/menu-biomasse-energie-hover_en.gif);}

#bandeau-haut a.realisations_en, #bandeau-haut a.realisations-visite_en{width: 88px;margin-left:22px;}
#bandeau-haut a.realisations_en {background-image: url(images/menu-realisations_en.gif);}
#bandeau-haut a.realisations_en:hover,#bandeau-haut a.realisations-visite_en {background-image: url(images/menu-realisations-hover_en.gif);}

#bandeau-haut a.ecosysteme_en, #bandeau-haut a.ecosysteme-visite_en{width: 81px;margin-left:22px;}
#bandeau-haut a.ecosysteme_en {background-image: url(images/menu-ecosysteme_en.gif);}
#bandeau-haut a.ecosysteme_en:hover,#bandeau-haut a.ecosysteme-visite_en {background-image: url(images/menu-ecosysteme-hover_en.gif);}


#colonne-gauche {
	float: left;
	margin-right: 15px;
	overflow:hidden;
}

.cghome{width: 235px;}
.cginter{width:228px;}

#colonne-gauche #sous-menu {
	margin-top: 21px;
	margin-left: 28px;
}
#colonne-gauche #sous-menu a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #168acb;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	background-image: url(images/sous-menu-puce.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 12px;
	padding-bottom: 4px;
	padding-right:10px;
	width: 150px;
	min-height:23px;
}
#colonne-gauche #sous-menu a:hover {
	color: #fcc100;
}
#colonne-gauche #sous-menu a.visite{
	color: #fcc100;
}

#colonne-gauche #sous-menu ul.ss_ss_menu {
    margin-left:45px;
    margin-top:5px;
    margin-bottom:10px;
    padding:0px;
}

#colonne-gauche #sous-menu ul.ss_ss_menu li{
    list-style-type:disc;
    color:#919191;  

}

#colonne-gauche #sous-menu ul.ss_ss_menu li a{
    color:#919191;
    background-image:none;
    text-transform:none;
    padding:0;
    margin:0;
    
}

#colonne-gauche #sous-menu ul.ss_ss_menu li a.visite{
    color: #fcc100;
}
#colonne-gauche #sous-menu ul.ss_ss_menu li a:hover {
	color: #fcc100;
}

#colonne-gauche #lien-espace-presse {
    height: 18px;
    margin-bottom: 2px;
	text-align: left;
	padding-left: 34px;
	
}
#colonne-gauche #lien-espace-presse a {
    display: block;
    float: left;
}

#colonne-gauche #rester-informe {
	float: left;
    height: 100px;
	padding-left: 34px;
	margin-top:10px;
}

#colonne-gauche #rester-informe.rester-informe_fr div.titre-fond, #colonne-gauche #rester-informe.rester-informe_en div.titre-fond {
    background-repeat: no-repeat;
    padding-top: 23px;
    padding-bottom: 20px;
    float: left;
    width: 215px;
	
}
#colonne-gauche #rester-informe.rester-informe_fr div.titre-fond {
    background-image: url(images/colonne-gauche-rester-informe-fond_fr.gif);
	padding-left: 14px;
}
#colonne-gauche #rester-informe.rester-informe_en div.titre-fond {
    background-image: url(images/colonne-gauche-rester-informe-fond_en.gif);

	
}
#colonne-gauche #rester-informe #legende {
	padding-top: 4px;
    padding-left: 8px;
	text-align: justify;
	color: #445971;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:156px;
}
#colonne-gauche #rester-informe input { border: 0; }
#colonne-gauche #rester-informe .input-text {
	width: 137px;
	height: 17px;
	float: left;
	border: 1px solid #919eb3;
	margin-left: 8px;
}
#colonne-droite {
	float: right;
	padding-right: 36px;
	padding-bottom:50px;
	font-size:12px;
	line-height:17px;
}

.cdhome{width: 560px;}
.cdinter{width: 581px;}

#colonne-droite #fil-ariane {
	float: left;
	padding-top: 2px;
	margin-top: 8px;
	height: 22px;
	font-family: Verdana;
	font-size: 10px;
	color: #919191;
	margin-bottom:15px;
}
#colonne-droite #fil-ariane a {
	color: #919191;
	text-decoration: none;
}
#colonne-droite #fil-ariane a:hover {
	color: #919191;
	text-decoration:underline;
}
#colonne-droite #fil-ariane a.bread-current{font-weight:bold;}
#colonne-droite a {
	color: #168acb;
	text-decoration: underline;
}
#colonne-droite a:hover { text-decoration: none; }
#index #colonne-gauche {
	width: 276px;
	float: left;
	padding-top: 40px;
	margin-right: 10px;
	background-image: url(images/bandeau-gauche-index-fond.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#index #colonne-gauche.en {
	width: 276px;
	float: left;
	padding-top: 40px;
	margin-right: 10px;
	background-image: url(images/bandeau-gauche-index-fond_en.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#index #colonne-gauche #actualite {
	margin-left: 30px;
	width: 235px;
	height:117px;
	overflow:hidden;
}
#actualite .titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #84888b;
	display: block;
	margin-bottom: 6px;
}
#colonne-droite #actualite .titre {
    margin-bottom: 5px;
}
#index #colonne-gauche #actualite .texte {
	width: 162px;
	float: left;
	text-align: left;
}
#index #colonne-gauche #actualite a,a.actualite {
	color: #008cf3;
	font-weight: bold;
	font-size: 11px;
	display: block;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
a.actualite{margin-left:30px;}


#index #colonne-droite {
	width: 558px;
	float: left;
	margin-top: 10px;
}
#index .marge-droite {
	margin-right: 31px;
}
#index #slider ul, #index #slider li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#colonne-droite .label{
  width: 130px;
  font-weight: bold;
  color:#168acb;
}
#colonne-droite .champ{
  width: 250px;
}

.bouton-ok{
  width:24px;
  height:19px;
}

h1.titre, #colonne-droite .titre{
	font-size:18px;
	color:#168acb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
}

h1.titre_petit{
	font-size:18px;
	color:#168acb;
	font-family: Helvetica, Arial, sans-serif;
}


h1.titre_tres_petit{
	font-size:14px;
	color:#168acb;
	font-family: Helvetica, Arial, sans-serif;
}

.email-newsletter {
  color: #aaaaaa;
}

#devenez-partenaire {
	width: 500px;
}
#devenez-partenaire .date {
	width: 70px;
}

#devenez-partenaire input {
	width: 230px;
}

#devenez-partenaire textarea {
	width: 230px;
	color: #0e2343;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#devenez-partenaire .label {
	text-align: right;
	display: block;
	padding-right: 4px;
	padding-top: 6px;
}
#devenez-partenaire #bouton {
	width: 86px;
	height: 20px;
	border: 0px;
	padding-left: 200px;
}
#devenez-partenaire .champ {
	padding-top: 4px;
	color: #0e2343;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#devenez-partenaire form {
	width: 500px;
	display: block;
	margin-left: 30px;
}

#valider_devis #bouton {
	width: 86px;
	height: 20px;
	border: 0px;
	padding-left: 200px;
}

#espace-presse {
	width: 400px;
}
#espace-presse input {
	width: 140px;
}
#espace-presse .label {
	text-align: right;
	display: block;
	padding-right: 4px;
	padding-top: 6px;
}
#espace-presse #bouton {
	width: 109px;
	height: 20px;
	border: 0px;
	padding-top: 14px;
	padding-left: 100px;
}
#espace-presse .champ {
	padding-top: 4px;
	color: #0e2343;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#espace-presse form {
	width: 500px;
	display: block;
	margin-left: 30px;
}


#contactez-nous {
	width: 500px;
}
#contactez-nous input {
	width: 160px;
}
#contactez-nous textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100px;
}
#contactez-nous .label {
	text-align: right;
	display: block;
	padding-right: 4px;
	padding-top: 6px;
}
#contactez-nous #bouton {
	width: 89px;
	height: 20px;
	border: 0px;
	padding-top: 14px;
	padding-left: 166px;
}
#contactez-nous .champ {
	padding-top: 4px;
	color: #0e2343;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#contactez-nous form {
	width: 500px;
	display: block;
	margin-left: 30px;
}

#plan-site {
	margin-left: 40px;
}
#plan-site li {
	color: #fcc200;
}
#plan-site a {
	font-size:13px;
	color:#168acb;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight:bold;
	line-height: 20px;
}
#plan-site a:hover {
	color: #fdc200;
}

#telechargement #liste-fichiers {
    margin-left: 20px;
}
#telechargement #liste-fichiers ul {
	margin-top: 5px;
}
#telechargement #liste-fichiers li {
	color: #fcc200;
}

#colonne-droite li{
    /*color: #fcc200;*/
	background:url(images/bg-li.png) left 5px no-repeat;
	list-style:none;
	padding-left:14px;
	margin-bottom:11px;
	text-align:justify;
}

#colonne-droite ul{
    /*color: #fcc200;*/
	padding-left:20px;
	list-style-position:outside;
}

#telechargement a {
	font-size:13px;
	color:#168acb;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight:bold;
	line-height: 20px;
}

#telechargement a:hover {
	color: #fdc200;
}

#page-recherche  {
	padding-left: 40px;
}
#recherche a.titre {
	color:#168acb;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}
#recherche a:hover.titre {
	color:#fcc200;
}
#recherche a.lien {
	color:#fcc200;
	text-decoration: none;
}
#recherche a:hover.lien {
	text-decoration: underline;
}
#recherche #pagination {
	width: 90%;
	text-align: center;
	color: #666666;
	font-weight: bold;
}
#recherche #pagination a {
	color:#168acb;
}
#recherche #pagination a:hover {
	text-decoration: none;
}

a.espace-presse {
	font-size:13px;
	color:#fcc200;
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	font-weight:bold;
	line-height: 20px;
}
a.espace-presse:hover {
	color: #fdc200;
}

.image_accueil{
	margin-left:10px;
	float: left;
}
.image_accueil_centre {
 	float: left;
	margin-left: 30px;
	/*margin-right: 35px;
	*/
}

.barre_verticale_index{
    height:135px;
    width:13px;
    background-image: url(images/barre-verticale-index.gif);
    background-repeat: repeat-y;
    margin:0;
    padding:0;
}

.petite_phrase{
    color:#075993;
    font-size:11px;
    font-weight:bold;
}

.grande_phrase{
    color:#0099df;
    font-size:16px;
    font-weight:bold;
}

#espace-inscription-mdp{
    width:225px;
    margin-top:15px;
}

#espace-inscription-mdp a {
	color:#168acb;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
#espace-inscription-mdp a:hover {
	color:#fcc200;
}

a.actualites{
    text-decoration:underline;
}

.lien{
    color: #168acb;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
}

.titre_fichier{
    font-size:14px;
}

/* AJOUTS CLEMENTS JUILLET 2011 */
div#nos-offres_fr{position:absolute;margin-top:-10px;margin-left:344px;}
div#nos-offres_en{position:absolute;margin-top:-10px;margin-left:320px;}
a.bloc-particuliers{margin-left:30px;}
div#actualite p{font-family:Verdana;font-size:11px;line-height:11px;}
div#actualite span.titre{font-family:Verdana, Geneva, sans-serif;font-size:12px;font-weight:bold;margin-bottom:3px;}
.hidden{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}

div#bloc-vous-etes{clear:both;background:url(images/bg-bloc-vous-etes.png) left bottom repeat-x;padding:10px 10px 15px 10px;border:1px solid #e8e8e8;width:537px;vertical-align:middle;margin-bottom:20px;}
div#bloc-vous-etes img.titre-vous-etes{float:left;margin-top:5px;}

div#bloc-vous-etes div.texte{color:#989898;font-size:11px;float:left;width:144px;vertical-align:middle;line-height:13px;margin:0 10px;}
div#bloc-vous-etes select{width:175px;float:left;margin-top:3px;margin-left:5px;}
div#bloc-vous-etes a.valider{float:right;float:left;margin-top:2px;margin-left:10px;}

div.titre-page{display:block;border-bottom:2px solid #008cce;padding-bottom:2px;margin:0;font-size:0px;line-height:0px;margin-top:5px;}
h2.ariane{display:inline;}
h2.ariane a{
	color: #919191;
	text-decoration: none;
	font-size: 10px;
}


h3{color:#008cce;font-size:14px;font-weight:bold;line-height:14px;}

ul#pagination li{padding-left:0;line-height:23px;}

#colonne-droite a.telecharger-brochure:link,#colonne-droite a.telecharger-brochure:visited{display:block;border:1px solid #008cce;background:#f1f8fb;padding:10px;text-align:center;text-decoration:none;font-weight:bold;}
#colonne-droite a.telecharger-brochure:hover{text-decoration:underline;}

div#contenu-tmp{padding:30px 50px;}
div#contenu-tmp a:link, div#contenu-tmp a:visited{color:#008cce;text-decoration:underline;}
div#contenu-tmp a:hover{text-decoration:none;}
div#contenu-tmp h2{font-size:14px;font-weight:bold;color:#008cce;}

table.ecosysteme{border-bottom:1px solid #bfbfbf;margin-bottom:30px;}

div.bloc-video{
	border-left:6px solid #fcc100;
	padding-left:10px;
	height:150px;
	float:left;
	width:170px;
	padding-top:5px
}

div.bloc-video div.vignette-video{margin-top:8px;}
div.bloc-video div.bouton-play{margin-top:-70px;margin-left:60px;}