/* GENERAL */

/* Couleur : 	Brou de noix : #3F2204
		chataigne : #806D5A
		mandarine : #FEA347
		Beige : #C8AD7F
		etain: #EDEDED
		Fumée: #BBD2E1
		Bleu foncé ASPA: #0868A1
		Bleu medium ASPA: #499AC9
		Bleu clair ASPA: #C1E4F7
		Orange ASPA: #EA4211
		Vert ASPA: #DBE249
		Dragée : #DFF2FF
*/

/* ++ */
div#conditions { text-align: justify; width: 50%; padding: 10px; margin-bottom: 30px; margin-top: 50px;}
h1#graphtitle { text-align: center; font-size: 15pt; }
h2#graphtitle { color: #0868A1; }
li#conditions { list-style-type: circle; }

/* INDEX */

body.energair {
	  text-align: center; /* pour corriger le bug de centrage IE */
}

div#intro
{
	position: relative;	
	top: 100px;
	text-align: center;
}

div#main_tolog
{
	position: relative;
	top: 100px;
	width: 600px;
	height: 350px;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
	padding-right: 5px;
	background-image: url(images/factory.jpg);
	background-repeat:  no-repeat;
}

form#login
{
	position: relative;
	top: 0px;
	left: 300px;
	width: 300px;
	height: 350px;
	background-color: #0868A1;
	background-image: url(images/corner_right_blue.jpg);
	background-position: top right;
	background-repeat:  no-repeat;
}
img#partenaire {
	margin-left: 5px;
	margin-right: 75px;

}
img#aspa {
	margin-left: 49px;
}

h1#login_title{
	font-size: 20px;
	padding-left: 50px;
	padding-top: 10px;
	color: #FFFFFF;
}

h2{
	font-size: 14px;
	padding-left: 0px;
	padding-top: 10px;
	color: #FFFFFF;
}
a.inscription{
	font-size: 11px;
	padding-left: 0px;
	padding-top: 5px;
	color: #C1E4F7;
}
input.log_pwd
{
	width: 230px;
	border: 0px;
}
input#to_log
{
	margin-top: 50px;
	margin-left: 200px;
	color: #000000;
}
h1#error {
	position: absolute;
	font-size: 14px;
	color: #000000;
	top: 270px;
	left: 20px;
}

/* ENERG'AIR */

body {
	font-family: Arial;
	font-size: 11px;
	margin: 0; /* pour éviter les marges */
}
body#body_diffusion {
	background-color: #DFF2FF;
}

div {
	position : relative;
	padding: 0px;
	margin: 0px;
	/*border: 1px solid;
	border-color: Red;*/

}
a{
	text-decoration: none;
}

a img
{
	border: none;
}
h1{
	margin-left: 5px;
	font-size: 17px;
	text-align: left;
	color: #0868A1;
	font-weight: bolder;
}
h1.italic
{
	font-style: italic;
}
li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
select{
	background-color: #FFFFFF;
}

/* ENERG'AIR */

div#main{
	width: 900px;
	margin-left: auto;
   	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
}
img.logos{
	padding-top: 10px;
}
img#logo_atmopaca {
	padding-left:10px;
}
img#logo_paca {
	margin-right: 10px;
}
img#logo_CPER{
	margin-right: 20px;
}
img.vignettes{
	text-align: center;
	margin-left: 20px;
}

input#consommation {
	margin-left: 20px;
}
input.input_categorie{
	vertical-align: super;
}

label.categories {
	vertical-align: super;
	margin-left: 10px;
	font-size: 16px;
}
label#cat_selected {
	color: #DBE249;
}
.detail_version {
	margin-left: 5px;
}
div#accueil {
	background-color: #C1E4F7;
	padding: 5px;
	padding-bottom: 0px;
	position: relative;
}
div.columns
{
	float: left;
	padding: 0px;
	padding-bottom: 0px;
	margin-top: 5px;
	width: 221px;
	margin-right: 5px;
	background-color: #C1E4F7;
}
h1#entete
{
	margin: 0px;
	width: 100%;
	height: 60px;
	padding-bottom: 10px;
	text-align: center;
	vertical-align : top;
	font-size: 30px;
	background-color: #0868A1;
	color: #FFFFFF;
	background-image: url(images/corner_right_blue.jpg);
	background-position: top right;
	background-repeat:  no-repeat;
	
}
li#list_avatar a:hover
{
	border: 1px solid #3F2204;
}


input#message
{
	font-size: 14px;
	font-weight: bolder;
	color: #FEA347;
}
input.hidden
{
	border: none;
	background-color: transparent;
}
ul.closeinfo{
	display : none;
}
ul.openinfo{
	display : block;
}
div#col4 {
	margin-right: 0px;

}
select.choices {
	width: 220px;
}
select.levels {
	width: 165px;
}
a.adds {
	color: #EA4211;
	size: 14px;
}
a.removes {
	color: #EA4211;
	size: 14px;
	margin-left: 100px;
}
div.footer {
	height: 40px;
	border: 0px;
	background-image: url(images/corner_left_blue.jpg);
	background-position: bottom left;
	background-repeat:  no-repeat;		
}
table {
	color: #0868A1;
}
input#validation {
	display: block;
	margin-left: 800px;
	margin-bottom: 5px;
}

/* RESULTS */

table#table_result {
	margin: 10px;
	border-collapse:collapse;
	font-family: Arial;
	font-size:100%;
	text-align: center;
}

thead {
	background-color: #0868A1;
	color: #FFFFFF;
}
th#th_version {
	font-size: 20px;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-image: url(images/corner_right_blue.jpg);
	background-position: top right;
	background-repeat:  no-repeat;
	vertical-align : middle;
	padding: 20px;
}
th#th_diffusion {
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	background-color: #0868A1; /*#C1E4F7;*/
	color: #FFFFFF;
	font-size: 11px;
	text-align : right;
	margin-bottom: 5px;
}
th#th_diffusion a {
	color: #C1E4F7;
	border-style: dotted;
	border-color: #C1E4F7;
	border-width: 1px;
	margin-right: 10px;
}

th.th_header {
	border:1px solid #FFFFFF;
	background-color: #0868A1;
	color: #DBE249;
	font-size: 14px;
	vertical-align : top;
	padding: 10px;
}

td.td_result {
	border:1px solid #FFFFFF;
	border-left: 0px;
	//background-color: #DFF2FF;
	vertical-align : middle;
	padding: 10px;
	color: #0868A1;
}
td#td_result_impaire {
	background-color: #DFF2FF; 
}
td#td_result_paire {
	background-color: #E6FAFA;
}
td.td_param {
	border: 1px solid #FFFFFF;
	//background-color: #C1E4F7;
	vertical-align : middle;
	padding: 10px;
	color: #000000;
}
td#td_param_impaire {
	background-color: #C1E4F7; 
}
td#td_param_paire {
	background-color: #C1F6F6;
}

td#td_sum_param {
	background-color: #499AC9;
	color: #DBE249;
	vertical-align : middle;
	padding: 10px;
	background-image: url(images/corner_left_blue_med.jpg);
	background-position: bottom left;
	background-repeat:  no-repeat;
	font-weight: bolder;
	border-top: 2px solid #499AC9;
	border-left: 1px solid #FFFFFF;
}

td.td_sum_result {
	font-weight: bolder;
	border:2px solid #499AC9;
}

input.formtab {
	margin-top: 5px;
}


body#body_diffusion p {
	color: #0868A1;
}

/* GRAPHIQUE */
body.graph {
	text-align: center;
	margin: 30px;
}