/* /////////////////////////////////////////////////////////////// */
/* ---                     REMISE DES COMPTEURS A ZERO                       --- */
/* /////////////////////////////////////////////////////////////// */
* {margin:0; padding:0;}
html {margin:0; padding:0;}
body {margin:0; padding:0;}
div {margin:0; padding:0;}
table {margin:0; padding:0;}
tr {margin:0; padding:0;}
td {margin:0; padding:0;}
ul {margin:0; padding:0;}
li {margin:0; padding:0;}
h1 {margin:0; padding:0;}
h2 {margin:0; padding:0;}
h3 {margin:0; padding:0;}
h4 {margin:0; padding:0;}
p {margin:0; padding:0;}
input {margin:0; padding:0;}
textarea {margin:0; padding:0;}
a img {border:0;}

/* ////////////////////////////////////////////////////////// */
/* ---                               REGLAGES GENERAUX                      --- */
/* ///////////////////////////////////////////////////////// */
/* COULEURS utilisés dans bilanCO2.com */
/* Vert clair de fond : RGB 143 190 71 HEXA 8FBE47 */
/* Vert foncé de fond : RGB 115 153 57 HEXA 739939 */
/* Bleu de fond : RGB 100 167 189 HEXA 64A7BD */
/* Vert  foncé texte: RGB 0 100 48 HEXA 006430 */
/* Gris CO2 : RGB 102 102 102 HEXA 666666 */
/* -------------------------------------- */
/* Gris clair table : RGB 229 229 229 HEXA e5e5e5 */
/* Gris foncé table : RGB 202 202 203 HEXA cccccb */
/* Vert clair table : RGB 104 153 103 HEXA 689967 */
/* Vert foncé table : RGB  50 102  49 HEXA 326631 */
/* Orange     table : RGB 248 179  52 HEXA F8B334 */

body /* On travaille sur la balise body, donc sur TOUTE la page */
{
	background-color: #64A7BD; /* Le fond de la page sera bleu */
	color: black; /* Le texte de la page sera noir */
	line-height: 15px;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	font-family:"Verdana", "Arial", serif;
}

p {
	margin-left: auto;
	margin-right: auto;
	font-family: "Verdana", "Arial", serif;
	font-size: 12px;
	color: #333333;
	text-indent: 0px; /* Les paragraphes commenceront xx em sur la droite */
    line-height: 18px;
}

.clear {clear:both;}	

h1 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
    line-height: 18px;
	font-family:"Verdana", "Arial", serif;
}

h2 {
	color: #64A7BD;
	font-size: 14px;
	font-weight: bold;
	margin-top:10px;
    line-height: 18px;
	font-family:"Verdana", "Arial", serif;
}

h3 {
	color: #111111;
	font-size: 13px;
	font-weight: bold;
	margin-top:10px;
	font-family:"Verdana", "Arial", serif;
    line-height: 16px;
}

h4 {
	color: #555555;
	font-size: 12px;
	font-weight: bold;
	margin-top:5px;
	font-family:"Verdana", "Arial", serif;
    line-height: 16px;
}
a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: #508CA0; /* Les liens seront en "bleu bilanco2" au lieu de bleu */
   font-style: normal; 
}
a:hover /* Quand le visiteur pointe sur le lien */
{
   text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */
   color: #508CA0; /* Le lien sera écrit en vert bilanCO2 quand on pointera dessus */
}

.smaller_text {
	font-size:10px;
}

.bold_text {
	font-weight: bold;
}

.tiny_text {
	font-size:8px;
}

.serre {
	margin-top:5px;
    line-height: 12px;
}

.legende_h1 {
	font-size:10px;
	font-weight: bold;
}

.auteur-citation {
	font-size:12px;
    line-height: 18px;
	text-align:center;
	color:#508CA0;
}

.citation {
	font-size:10px;
	font-style: italic;
	/*background: url("../images/citation.png") no-repeat;*/
}

img.centre {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

#ENTIER {
	position: relative;
	left: 10px;
	top: 10px;
	display:block;
	width: 950px;
	background-color: #ffffff;
	vertical-align: middle;
}

#ENTIER-blabla {
	float:left;
	position: relative;
	display:block;
	left: 0px;
	top: 0px;
	padding: 10px 20px;
	width: 930px;
	height: auto;
	font-size:15px;
	background-color: #ffffff;
}

#ENTIER-blabla ul {
	font-size:12px;
	margin-right:6px;
	margin-left:2px;
	padding-left:8px;
	list-style-image: none;
	list-style-type: none;
}

#ENTIER-blabla li{
	font-size:12px;
	margin-right:10px;
	margin-left:2px;
	padding-left:12px;
}

#EN-HAUT-A-DROITE {
	position: absolute;
	display:block;
	margin: 10px 0 0 740px;
	width: 240px;
}

#table-entier-entreprise {
	width: 920px;
	/* se comporte comme un tableau*/
	display: table;
	border-collapse: collapse;
	color: inherit;
	background: url("../images/approche-entreprises-background.png") no-repeat;
}

#table-entier-collectivite {
	width: 920px;
	/* se comporte comme un tableau*/
	display: table;
	border-collapse: collapse;
	color: inherit;
	background: url("../images/approche-collectivites-background.png") no-repeat;
}

#table-entier-particulier {
	width: 920px;
	/* se comporte comme un tableau*/
	display: table;
	border-collapse: collapse;
	color: inherit;
	background: url("../images/approche-particuliers-background.png") no-repeat;
}

.rowl {
	/* se comporte comme une ligne*/
	display: table-row;
	color: inherit;
}

.rowl p {
	/* se comporte comme une cellule*/
	display: table-cell;
	padding: 0px 10px 0px 110px;
	border: none;
	vertical-align: middle;
	color: inherit;
	width: 460px;
	height: 60px;
}

/* /////////////////////////////////////////////////////////////// */
/* ---                    PARTIE SUPERIEURE                    --- */
/* /////////////////////////////////////////////////////////////// */
#DG {
	position: relative;
	left: 10px;
	top: 10px;
	width: 730px;
	background-color: #ffffff;
	vertical-align: middle;
}

#DG-header {
	float:left;
	display:block;
	height: 167px;
	width: 100%;
	background-color: #8FBE47;
}

#titre {
	position: relative;
	left: 0px;
	top: 0px;
	height: 127px;
	width: 100%;
	margin-left:0px;
	padding-top:0px;
}

#navigation {
	float:left;
	position: relative;
	left: 0px;
	bottom: -2px;
	display:block;
	width: 100%;
}

#navigation ul {
	color:#000000;
	font-size:11px;
	text-align:center;
	list-style-image: none;
	list-style-type: none;
	text-transform:uppercase;
	font-weight: bold;
	padding-left:8px;
}

#navigation ul li{
	float:left;
	display:block;
	margin-right:2px;
	margin-left:2px;
	width:115px;
	height:26px;
	padding-top:12px;
	padding-left:0px;
	cursor:pointer;
	background-color: #739939;
	border-color: #ffffff;
}

#navigation ul .selected { 
	background-color: #64A7BD;
	color:#ffffff;
}

#navigation ul .selected a { 
	color:#ffffff;
}

#navigation ul:hover { 
	background-color: #64A7BD;
}

#navigation a {
	color:#444444;
	text-decoration:none;
}

#navigation a .selected {
	color:#ffffff;
	text-decoration:none;
}

#navigation a:hover {
	color:#ffffff;
	text-decoration:none;
}

/*	sous-menu notamment pour rubrique outils */
#sous-menu {
	float:left;
	position: relative;
	left: 0px;
	display:block;
	background-color: #FFFFFF;
}

.sous-menu-moyen {
	width: 340px;
}

.sous-menu-large {
	width: 600px;
}

#sous-menu ul {
	color:#000000;
	font-size:10px;
	text-align:center;
	list-style-image: none;
	list-style-type: none;
	font-weight: bold;
	padding-left:8px;
	height:24px;
}

#sous-menu ul li{
	float:left;
	display:block;
	margin-right:2px;
	margin-left:2px;
	height:20px;
	padding-top:5px;
	padding-left:0px;
	cursor:pointer;
	background-color: #739939;
	border-color: #ffffff;
}

.sous-menu-moyen ul li {
	width: 100px;
}

.sous-menu-large ul li {
	width: 180px;
}


#sous-menu ul .selected { 
	background-color: #64A7BD;
	color:#ffffff;
}

#sous-menu ul .selected a{
	color:#ffffff;
	text-decoration:none;
}

#sous-menu ul:hover { 
	background-color: #ffffff;
}

#sous-menu a {
	color:#444444;
	text-decoration:none;
}

#sous-menu a .selected {
	color:#ffffff;
	text-decoration:none;
}

#sous-menu a:hover {
	color:#ffffff;
	text-decoration:none;
}

/*	Parties gauche */

#DG-blabla {
	float:left;
	position: relative;
	left: 0px;
	top: 0px;
	padding: 10px 20px;
	width: 690px;
	height: 240px;
	font-size:15px;
	background-color: #ffffff;
}

#DG-centre {
	float:left;
	position: relative;
	left: 0px;
	top: 0px;
	height: 260px;
	width: 730px;
	background-color: #ffffff;
/*	border: solid 1px;
	border-color: #333333;*/
}

#DG-centre-long {
	float:left;
	position: relative;
	left: 0px;
	top: 0px;
	height: 520px;
	width: 730px;
	background-color: #ffffff;
}

#DG-centre-long-p  {
	padding: 20px;
}

#DG-centre-tres-long {
	float:left;
	position: relative;
	left: 0px;
	top: 0px;
	height: 518px;
	width: 700px;
	background-color: #ffffff;
	padding: 10px 10px 0 20px;
}

#DG-formulaire {
	float:left;
	position: relative;
	left: 0px;
	top: 0px;
	padding: 10px;
	height: 540px;
	width: 710px;
	background-color: #ffffff;
	padding: 10px 10px 0 20px;
}

#DG-centre-titre {
	position: relative;
	float:left;
	left: 20px;
	top: 0px;
	width: 690px;
	height: 30px;
	color:#777777;
	text-align:right;
	text-transform:uppercase;
	font-weight: bold;
	padding-right: 20px;
	padding-top: 10px;
}

#DG-centre-3colonnes {
	position: relative;
	float:left;
	left: 20px;
	top: 0px;
	width: 690px;
	background-color:#FFFFFF;
}

#DG-centre-1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 230px;
	background-color:#FFFFFF;
}

#DG-centre-2 {
	position: absolute;
	left: 230px;
	top: 0;
	width: 229px;
	background-color:#FFFFFF;
}

#DG-centre-3 {
	position: absolute;
	left: 460px;
	top: 0;
	width: 229px;
	background-color:#FFFFFF;
}

.DG-image {
	position: relative;
	left: 0px;
	top: 0px;
	width: 187px;
	height: 120px;
	background-color:#eeeeee;
	text-align: left;
	padding-bottom: 10px;
	padding-left:40px;
	padding-right:3px;
	color:#aa8833;
	font-weight: bold;
}

.DG-texte {
	position: relative;
	left: 0px;
	top: 0px;
	width: 212px;
	text-align: center;
	padding-bottom: 10px;
	padding-left:9px;
	padding-right:9px;
	color:#333333;
	background-color: #ffffff;
}

.DG-texte p {
	text-align: left;
}

#DG-foot {
	float:left;
	position: relative;
	left: 0px;
	height: 70px;
	top: 0px;
	float:left;
	display:block;
	width: 970px;
	z-index: 1;
}

#DG-foot ul {
	color:#000000;
	font-size:9px;
	text-align:center;
	list-style-image: none;
	list-style-type: none;
	padding-left:8px;
}

#DG-foot ul li{
	float:left;
	display:block;
	margin-right:2px;
	margin-left:2px;
	width:110px;
	height:30px;
	padding-top:20px;
	padding-left:4px;
	cursor:pointer;
}

.blanc-gris {
	background: url("../images/bas-de-page-blanc-gris.PNG") no-repeat;
}


.blanc {
	background: url("../images/bas-de-page-blanc.PNG") no-repeat ;
}

.vert {
	background: url("../images/bas-de-page-vert.PNG") no-repeat ;
}

#foot-color {
	position:relative;
	float:left;
	width:100%;
	height:20px;
	background-color:#64A7BD;
}
/* ////////////////////////////////////////////////// */
/* ---                   COLONNE DE DROITE                       --- */
/* ////////////////////////////////////////////////// */

#DD {
	position: absolute;
	margin: 10px 0 0 740px;
	width: 240px;
	height: 500px;
	color:#222222;
	font-size: 12px;
	background-color: #ffffff;
}

#DD h1 {
	text-align: center;
	color: #666666;
}

#DD-header {
	position: relative;
	left: 0px;
	top: 0px;
	width: 100%;
}

#DD-newsletter {
	position: relative;
	float: left;
	left: 0px;
	top: 2px;
	height: 80px;
	width: 220px;
	text-align:center;
	background-color: #dddddd;
	padding: 10px;
}

#DD-newsletter img {
	margin: 8px;
}

input {
	background-color:#E8EBEC;
}

button {
	background-color:#E8EBEC;
	font-weight:bold;
	font-size:1em;
}

#DD-partners {
	position: relative;
	float: left;
	left: 0px;
	top: 7px;
	height: 70px;
	width: 220px;
	text-align:center;
	background-color: #dddddd;
	padding: 10px;
}

#DD-CO2-live {
	position: relative;
	float: left;
	left: 0px;
	top: 2px;
	height: 95px;
	width: 220px;
	text-align:center;
	background-color: #dddddd;
	padding: 10px;
}

#DD-CO2-live td {
	width: 220px;
}

#DD-fiches {
	position: relative;
	float: left;
	left: 0px;
	top: 7px;
	height: 430px;
	width: 220px;
	text-align:center;
	background-color: #dddddd;
	padding: 10px;
}

#DD-fiches table {
	position: relative;
	float: left;
	width: 220px;
	text-align:center;
}

#DD-fiches table a {
	text-decoration:none;
}

#DD-fiches table a:hover {
	color:#ffffff;
	text-decoration:none;
}

#DD-news {
	position: relative;
	float: left;
	left: 0px;
	top: 7px;
	width: 220px;
	text-align: left;
	background-color: #dddddd;
	padding: 10px;
}

#DD-news li  {
	padding: 5px;
	list-style-image: none;
	list-style-type: none;
}

#DD-news li a {
	text-decoration:none;
	list-style-image: none;
	list-style-type: none;
}

#DD-news li a:hover {
	color:#444444;
	text-decoration:none;
}

#DD-news li span {
	color:#222222;
	font-size: 10px;
	font-style: italic;
}

#DD-news h1 a {
	text-decoration:none;
}

#DD-news h1 a:hover {
	color:#444444;
	text-decoration:none;
}

.news-petit {
	height: 298px;
}

.news-moyen {
	height: 398px;
}

.news-grand {
	height: 498px;
}

#DD-adresse {
	position: relative;
	float: left;
	left: 0px;
	top: 2px;
	width: 220px;
	height: 100px;
	text-align: center;
	background-color: #dddddd;
	padding: 10px;
}

#DD-adresse h1 {
	font-size: 18px;
}

/* /////////////////////////////////// */
/* ---          REFERENCES         --- */
/* /////////////////////////////////// */
#REF-table-2colonnes {
	width: 930px;
	/* se comporte comme un tableau*/
	display: table;
	border-collapse: collapse;
	color: inherit;
}

.REF-colonneG {
	padding: 0px 10px 0px 10px;
	border: none;
	vertical-align: middle;
	color: inherit;
	width: 230px;
	height: auto;
}

.REF-colonneG p {
	text-align: center;
}

.REF-colonneD {
	/* se comporte comme une cellule*/
	display: table-cell;
	padding: 0px 10px 0px 10px;
	border: none;
	vertical-align: middle;
	color: inherit;
	width: 700px;
	height: auto;
}

/* ////////////////////////////////////////////////// */
/* ---                   AUTRES PAGES                                  --- */
/* ////////////////////////////////////////////////// */

.mot-cle a {
	text-align:left;
	color:#508CA0;
	font-size: 10px;
	font-style: italic;
}

.mot-cle a:hover {
	color:#222222;
	text-decoration:none;
}

.source {
	text-align:right;
	color:#222222;
	font-size: 10px;
	font-style: italic;
}

.savoir-plus {
	text-align:left;
	color:#222222;
	font-size: 10px;
	font-style: italic;
}

.bon_a_savoir {
	position: relative;
	background-color: #eaeaea;
	padding: 5px;
	width: 80%;
	left: 10%;
}

.bon_a_savoir p  {
	color:#000000;
	text-align:left;
	background-color: #eaeaea;
	padding: 10px;
	width: 80%;
}

.bon_a_savoir h1 {
	text-align:left;
	background-color: #eaeaea;
	padding-top: 10px;
	padding-left:10px;
	width: 80%;
}

#image-ici img {
	float:right;
	padding: 15px;
}

#image-partner img {
	float:left;
	padding: 2px;
	background-color: #dddddd;
}

/* /////////////////////////////////////////////////////////////// */
/* ---                    FORMULAIRE                           --- */
/* /////////////////////////////////////////////////////////////// */

#formulaire {
	display:block;
	float:none;
	color:black;
	margin:10px;
}
#formulaire .marge {
	float:left;
	display:block;
	width:190px;
	text-align:right;
	margin-top:5px;
	padding-right:10px;
	font-size: 11px; 
    font-weight: bold; 
}
#formulaire .description {
	float:left;
	display:block;
	width:400px;
	margin-top:5px;
	padding-right:50px;
	font-size: 11px; 
}
#formulaire textarea, input, select {
	background-color:#efefef;
}
#formulaire .envoyer {
	float:right;
	display:block;
	width:175px;
	height:54px;
	background-image:url(../images/bulle-bleu.png);
	background-repeat:no-repeat;
	text-align:center;
	margin-top:10px;
	margin-right:15px;
	padding-top:18px;
}

#formulaire .envoyer input {
	font-size:15px;
	background-color:transparent;
	cursor:pointer;
}

#formulaire .envoyer input:hover {
	background-color:white;
}