@import 'blueprint/plugins/sprites/sprite.css';
@import 'blueprint/plugins/buttons/buttons.css';
@import 'blueprint/plugins/css-classes/css-classes.css';

body {
	/*
	background: #fff;
	font: normal 12px/18px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #4C4C4C;
	*/
}

/* alert boxes */
.notice, .error, .success { border-width: 1px 0;}

#content { 
	padding-bottom: 25px; 
	width: 685px; 
	background: white url(../img/layout/content_footer.png) bottom left no-repeat; 
	float: left;
}

.small { font-size: 0.9em;}
#content-content { padding: 10px 20px; width:475px}
#content-table { padding-top: 10px; background: #eef5f5 url(../img/layout/bg_content.jpg) top left no-repeat;}
#content-table,
#content-table table,
#content-table td,
#content-table th { vertical-align: top; }
a { text-decoration: none; color: #666; }

#content-content a { text-decoration: none; color: #f34c00; border-bottom: 1px dotted #f34c00;}
#content-content a:hover { border-bottom-width: 0;}

em {font-style: italic;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;; margin:0; padding:0}
ol {list-style-type:decimal;}
li { margin-bottom: 5px;}


#content-content h2.first,
#content-content h3.first,
#content-content h4.first,
#content-content h5.first,
#content-content p.first,
#content-content ul.first { margin-top: 0;}


#content-content div.hr {
	width: 100%;
	background: transparent url('../img/layout/dots.png') no-repeat scroll center center;
	height: 5px;
}
#content-content div.hr hr {
	display: none;
}
h1,
#content-content h2 { font: normal 16px Arial, Helvetica, sans-serif; position: relative;}
#content h1 { color: #0c6b6a; padding: 10px 0 5px 20px; background: url(../img/layout/content_header_sub.png) top left no-repeat;}
#content-content h2.header {
	font-size: 16px; color: #0c6b6a; font-weight: normal;
}
#content-content h2 { font-size: 15px; clear: both; color: #222; margin-bottom: 7px; font-weight: bold; margin-top: 25px;}
#content-content h3 { font-size: 1.1em; color: #0c6b6a; font-weight: bold; margin-top: 10px; margin-bottom: 5px; line-height: 1.35em;}

#title { background: transparent url(../img/layout/title.jpg) top left repeat-y; }
	#title div#front { position: relative; height: 80px; width: 600px; background-repeat: no-repeat; background-position: bottom left; margin: 0; line-height: 1px; border: 0;}
		#title div#front span { position: absolute; left: -9999px; }

blockquote {
	font-size: 14px;
	line-height: 1.5;
	color: #90AB33;
	margin: 0 15px 25px;
}

#navlinks {
	background: transparent url(../img/layout/navlinks_bg.jpg) -8px 0 no-repeat;
	height: 52px;
	width: 483px;
	margin: 0;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
}
#navlinks li {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline;
}
#navlinks li a {
	color: #7e7e7e;
	display: block;
	float: left;
	height: 42px;
	padding-top: 6px;
	position: relative;
}
#navlinks li#t1 a { width: 84px; }
#navlinks li#t2 a { width: 156px; margin-right: 7px; margin-left: 31px;}
* html #navlinks li#t2 a { margin-left: 15px;} /* merci IE6 de prendre le double des margin-left quand float:left */
#navlinks li#t3 a { width: 105px; margin-right: 7px;}
#navlinks li#t4 a { width: 95px; margin-right: 9px;}
#navlinks li#t5 a { width: 73px; }

#navlinks li#t1 a span { position: absolute; left: -9999px;}

#navlinks li a:hover,
#navlinks li a.active {
	 color: #0c6b6a;
}
#navlinks li a.active {
	 font-weight: bold;
}
p {
	font: normal 12px/18px Arial, Helvetica, sans-serif;
}

#sidebar {
	width: 256px;
	float: right;
}
#sidebar .block {
	margin-bottom: 12px;
	clear: both;
}

#sidebar .textblock {
	background: white;
	padding: 12px;
}

#sidebar h3 {
	height: 31px;
	margin-top: 0;
	background: transparent url('../img/layout/menu_header_sommaire.png') top left no-repeat;
}
#sidebar p { font-size: 11px;}
#page-pourquoi-ecowatt #sidebar h3 {
	background-image: url('../img/layout/menu_header_pourquoi-ecowatt.png');
}
#page-register #sidebar h3,
#page-login #sidebar h3 {
	background-image: url('../img/layout/menu_header_deja-inscrit.png');
}
#page-forum #sidebar h3 {
	background-image: url('../img/layout/menu_header_forum.png');
}
#page-profile #sidebar h3 {
	background-image: url('../img/layout/menu_header_espace-alertes.png');
}
	#sidebar h3 span {
		position: absolute;
		left: -9999px;
	}

#sidebar div.sidecontent {
	padding: 10px 10px 20px 10px;
	border-right: 1px solid #ddd;
	width: 235px;
	background: white;
}
#page-profile #sidebar div.sidecontent {
	width: 255px;
	padding: 15px 0 0 0;
}

#page-profile #sidebar div.sidecontent ul li {
	margin-left: 20px;
}

#sidebar div.footer {
	background: white url('../img/layout/menu_footer.png') bottom left no-repeat;
	margin-bottom: 12px;
	height: 9px;
}

#sidebar ul {
	width: 256px;
	margin: 0 0 0 0;
	list-style: none;
	padding-bottom: 9px;
	background: transparent url('../img/layout/menu_footer.png') bottom left no-repeat;
	clear: both;
}
	#sidebar li {
		margin: 0;
		height: 50px;
		overflow: hidden;
	}
		#sidebar li a {
			width: 256px;
			height: 53px;
			display: block;
			position: relative;
			background-position: top left;
			background-repeat: no-repeat;
			background-color: transparent;
		}
		#page-profile #sidebar li a {
			width: 235px;
		}
		.page-les-bons-gestes-en-cas-d-alerte #sidebar li a {
			background-image: url('../img/layout/menu_bon_geste.png');
		}
		.page-approvisionnement-electrique-grand-ouest #sidebar li a {
			background-image: url('../img/layout/menu_alim_grand_ouest.png');
		}
		.page-les-initiatives-des-partenaires #sidebar li a {
			background-image: url('../img/layout/menu_partenaires.png');
		}
		.page-electricite-en-general #sidebar li a {
			background-image: url('../img/layout/menu_electricite.png');
		}
			#sidebar li a span {
				position: absolute;
				left: -9999px;
			}
		
		#sidebar li#m1.active a,
		#sidebar li#m1 a:hover 	{ background-position: 0 -212px; }
		
		
		#sidebar li#m2 a 	{ background-position: 0 -53px; }
		#sidebar li#m2.active a,
		#sidebar li#m2 a:hover 	{ background-position: 0 -265px; }
		
		#sidebar li#m3 a 	{ background-position: 0 -106px; }
		#sidebar li#m3.active a,
		#sidebar li#m3 a:hover 	{ background-position: 0 -318px; }
		
		
		#sidebar li#m4 a 	{ background-position: 0 -158px; }
		#sidebar li#m4.active a,
		#sidebar li#m4 a:hover 	{ background-position: 0 -371px; }
			
		#pre-footer { background: transparent url(../img/layout/content_bg_footer.jpg) top left no-repeat; padding-top: 50px; }
		#footer { background: transparent url(../img/layout/footer.jpg) top left no-repeat;}
	
	
			.page-profile #sidebar li a {
				height: 24px;
				display: block;
			}
				.page-profile #sidebar li a span {
					position: relative;
					left: 0;
				}
		
#content-content img { margin: 10px 0;}		
#content-content .sideimg {
	padding-left: 70px;
}
#content-content .sideimg.ampoule {
	background: transparent url('../img/content/ampoule.png') top left no-repeat;
}
#content-content .sideimg.maison {
	background: transparent url('../img/content/maison.png') top left no-repeat;
}
#content-content .sideimg.prise {
	background: transparent url('../img/content/prise.png') top left no-repeat;
}

.content-right #sidebar {
	float: left;
	clear: left;
	margin-right: 10px;
}
.content-right #content {
	float: right;
	margin: 0;
}

li.warning {
	list-style: none;
	padding-left: 21px;
	color: #b30000;
	margin: 0 0 0 -20px;
	background: transparent url('../img/layout/warning.gif') 0 3px no-repeat;
}

#content-content img.imgleft {
	margin: 0 10px 5px 0;
	float: left;
}


/* FORMS */
input.text, 
input.title, textarea   { padding:2px; font-size:11px;  font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 0; width: 200px; background: white;}
fieldset { padding-top: 5px; padding-bottom: 5px; border: 0;}
#content fieldset p { margin-bottom: 5px; line-height: 1; padding-bottom: 3px; }
#page-contact textarea { height: 100px;}

form.searchform {
	margin-top: 0;
	padding: 0;
}

button{
margin-top:10px;
text-align:right;
}

#content label {
	display: block;
	float: left;
	width: 200px;
	height: 17px;
	padding: 8px 15px 0 0;
	text-align: right;
	font-weight: normal;

}
form p {
	border-bottom: 1px dotted #ccc;
}

select {
	height: 24px;
	padding: 4px;
	width: 206px;
	font-size: 11px;
}
body #content-content form input.text.required { border-color: green;}
body #content-content form input.text.required:focus { border-color: green;}


.even {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #f5f4f4;
}

#content-content ul.posts-list,
#content-content ul.posts-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content-content ul.posts-list ul li {
	display: inline;
	margin-right: 10px;
}

#content-content ul.posts-list li.post-item {
	padding: 10px 5px;
}
#content-content ul.posts-list li.post-item.spam {
	background:#FBE3E4;border-color:#FBC2C4;
}

#content-content ul.posts-list ul li a {
	font: 0.9em Verdana, Arial, Helvetica;
	border-width: 0
}
#content-content ul.posts-list ul li a:hover {
	border-bottom-width: 1px;
}
#content-content .paging { text-align: right; margin-bottom: 0;}
#content-content div.paging p { margin-bottom: 7px;}


tr.alerte-1 { background: #E6EFC2;color:#264409}
tr.alerte-2 { background: #FFF6BF;color:#514721;}
tr.alerte-3 { background: #FBE3E4;color:#8a1f11}


#profilelink {
	color: #FFFFFF;
	font: normal 24px 'Trebuchet MS', Verdana, Arial, sans-serif;
	position: absolute;
	display: block;
	width: 270px;
	text-align: center;
	height: 20px;
	line-height: 20px;
	bottom: 25px;
	left: 15px;
}

#page-index #quizlink {
	position: absolute;
	bottom: -100px;
	left: 26px;
	display: block;
}

.defcon-1 {
background-position: 0px 0px;
}
.defcon-2 {
background-position: 0px -67px;
}
.defcon-3 {
background-position: 0px -134px;
}
#defcon-o-meter {
	background-image: url('../img/layout/alertes.gif');
	background-attachment: scroll;
	background-repeat: no-repeat;
	width: 124px;
	height: 67px;
	z-index: 5;
	position: absolute;
	margin-top: 19px;
	margin-left: 0px;
}
#defcon-o-meter span {
	position: absolute;
	left: 8px;
	top: 4px;
	font-size: 11px;
}
	
	
#pourquoi-ecowatt-link {
	position: absolute;
	background: url('../img/blank.gif');
	top: 380px;
	height: 51px;
	left: 30px;
	width: 250px;
}
#pourquoi-ecowatt-link span {
	position: absolute;
	left: -9999px;
}



/* IE 6 et 7 ont besoin de 3 px de margin pour que ça soit beau */

#logo_ecowatt {
	margin-top: 3px;
}

html>/**/body #logo_ecowatt {
		margin-top: 0;
}

#contactblock form {
	margin-top: 2px;
}
#contact_form label {
	display: block;
	float: left;
	width: 135px;
	height: 17px;
	padding-top: 8px;
	text-align: right;
	padding-right: 15px;
}
#contact_form label.required, .required-fields {font-weight:bold;}
#contact_form label.ferror {
	float: none;
	font-size: 10px;
	width: 350px;
	margin: 0;
	font-weight: normal;
	padding: 0 10px 5px 0;
	height: 10px;
	text-align: right;
	line-height: 1;
	border: 0;
	color: #8a1f11;
}

#contact_form p.ferror input,
#contact_form p.ferror textarea {
	border-color:#FBC2C4;
}
#contact_form p {
	border-bottom: 1px dotted #ccc;
	margin: 15px 0 0 0;
	padding-bottom: 15px;
}
#contact_form p.ferror {
	padding-bottom: 0;
}
#contact_form p.last {
	border: 0;
}
#contact_form input.submit {
	height: 34px;
	padding: 2px 40px 5px;
	width: 145px;
	color: black;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	margin-top: 5px;
	text-align: left;
	line-height: 1;
	cursor: pointer;
	float: right;
	clear: both;
}
#contact_form select {
	height: 24px;
	padding: 4px;
}
#sidebar label.errorforum {
	clear: both;
	float: none;
	width: 220px;
	display: block;
}
#all-my-posts h2 {
	font: 12px/18px "Trebuchet MS", helvetica, verdana, arial, sans-serif;
}
#all-my-posts h2 a {
	border-width: 0;
}
#all-my-posts h2 a:hover {
	border-width: 1px;
}