/*   
Theme Name: eceWeb
Theme URI: www.eceGrenoble.fr
Description: tbd
Author: S.Graham
Author URI: n/a
Template: n/a
Version: v.0.1
.
Copyright 2009 eceGrenoble.fr 
.
*/

/* GENERAL */

	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
	body {line-height:1.5;}
	table {border-collapse:separate;border-spacing:0;}
	caption, th, td {text-align:left;font-weight:normal;}
	table, td, th {vertical-align:middle;}
	blockquote:before, blockquote:after, q:before, q:after {content:"";}
	blockquote, q {quotes:"" "";}
	a img {border:none;}
	html {font-size:100%;}
	body {font-size:.90em;color:#131313;font-family: Arial, sans-serif;background: #ffffff url('../img/bg_Header.jpg') repeat-x top left;}	

	h1, h2, h3, h4 {font-weight:bold;}	
	h1 {font-family: Georgia, Serif; color: #ffffff; margin-bottom:0.5em; font-size:3.2em;}		
	h1 a, h1 a:hover , h1 a:active {color: #ffffff; text-decoration: none;} 	
	h1 span {color: #444444;font-size:0.55em;}
	
	h2 {font-family: Georgia, Serif; color: #444444; margin-bottom:0.2em; font-size:2.5em;}
	h3 {font-family: Georgia, Serif; color: #444444; margin-bottom:0.3em; font-size:2em;}
	h4 {font-family: Arial, sans-serif; color: #444444; margin-bottom:0.1em;font-size:1.25em;}
	h5 {font-family: Georgia, Serif; font-weight:600; color: #444444; margin:0; padding:0; font-size:1.1em;position: relative;}
	h2 span, h2 a {color: #131313; text-decoration: none;}
	h3 span, h3 a {color: #5e5e5e; text-decoration: none;}
	h4 span, h4 a {color: #5a5a5a; font-size:.9em; font-weight:normal;}

	p {margin:0 0 1.5em; text-align: justify;}
	p img, p a img  { padding: 4px; max-width: 100%; border: 1px solid #cfcfcf; background-color: #e7e7e7;}
	img.alignright {float:right; margin:0 0 1em 1em; padding: 4px; border: 1px solid red;}
	p img.alignleft {float:left; margin:0 1em 1em 0; padding: 4px;}
	p img.aligncenter {display: block; margin-left: auto; margin-right: auto; padding: 4px;}
	p a img.alignright {float:right; margin:0 0 1em 1em; padding: 4px;}
	p a img.alignleft {float:left; margin:0 1em 1em 0; padding: 4px;}
	p a img.aligncenter {display: block; margin-left: auto; margin-right: auto; padding: 4px;}

	a {color: #131313; text-decoration:underline; outline: none;}
	a:focus, a:hover {color: #549cbf;}
	blockquote {font-family: Georgia, Serif; font-size: 1.25em; display:block; margin:1em 0;padding:1em 1em 0 1em; color:#549cbf;font-style:italic;border-top: 1px solid #cfcfcf;border-bottom: 1px solid #cfcfcf;}
	blockquote.left {float: left; margin-top: 0}
	blockquote.right {float: right; margin-top: .5em;}
	blockquote a {color: #549cbf;}
	blockquote a:hover {color: #1f2c33;}

	strong, dfn {font-weight:bold;}
	em, dfn {font-style:italic;}
	sup, sub {line-height:0;}
	abbr, acronym {border-bottom:1px dotted #666;}
	ul, ol {margin:0 1.5em 1.5em 0; padding-left: 1.5em;}
	li ul, li ol {margin:0;}
	li {padding: 0.5em 0;}
	ul {list-style-type:disc;}
	ol {list-style-type:decimal;}
	dl {margin:0 0 1.5em 0;}
	dl dt {font-weight:bold;}
	dd {margin-left:1.5em;}
	caption {background:#eee;}
	
	.green {color:#47b51b!important;}
	.pink{color:#aa1c63!important;}
	.blue {color:#549cbf!important;}
	.white {color:#ffffff!important;}
	.lightGrey {color:#cfcfcf!important;}
	.caps {font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size:1.4em;font-weight: bold;line-height:100%;padding:0 2px;}
	.gras {font-size:1.3em;font-weight: bold;padding:0 2px;}

/* HEADER */

	#logo{height: 45px; margin: 45px 0 62px 0;float:left; display:block; width: auto;}	
	#navBar {list-style: none; margin: 65px 0 0 0; height: 45px; float:right; border-right: 1px solid #444444;}
	#navBar li {float: left; padding: 0 10px; height: 100%; width: 123px; text-align: center; border-left: 1px solid #444444;}
	#navBar a{color: #cfcfcf; text-decoration: none; display:block; height: 100%; padding: 13px 0; font-size: 1.1em;}	
	#navBar a:hover{color: #ffffff; text-decoration: none;}
	.cufon-active h1 {font-size:3.95em;}

	.titleBox h2{color: #1f2c33; font-size: 3.5em; position: relative; top: 0.15em} .titleBox .cufon-active h2 {font-size: 4em;}
	.titleBox h2 em{color: #5298bb;}
	.titleBox h2 strong{color: #5197ba;}
	.titleBox h3 {color: #273740; padding: 0 0 0 0; line-height: 1.3em;}
	.titleBox h3 a {color: #549cbf;} .titleBox h3 a:hover {color: #1f2c33;}
	.tbSml{background: transparent url('../img/blueBox_sml.png') no-repeat top left; height: 89px;}
	.tbMid{background: transparent url('../img/blueBox_mid.png') no-repeat top left; height: 279px;}
	.tbContact{background: transparent url('../img/blueBox_Contact.png') no-repeat top left; height: 326px; padding-top: 77px;}

	#breadCrumbs { list-style:none; padding: 0; margin: 0; height: 38px; border-top: 9px solid #444444; background: #e7e7e7 url('../img/bg_breadCrumbs.png') repeat-x right top;}
	#breadCrumbs li{float: left; height: 38px; text-align: center; padding: 0; margin-bottom: -5px; }
	#breadCrumbs li.current_item, #breadCrumbs li a {display: block; padding: 7px 15px; color: #444444; text-decoration: none; font-size:1.2em; font-weight: 500; background: transparent url('../img/bg_slash.png') no-repeat right center;}
	#breadCrumbs a:hover {color: #549cbf; text-decoration: underline; cursor: pointer;} 
	#breadCrumbs li.current_item {background: transparent url('../img/bg_crumbTriangle.png') no-repeat 50% 30px;}
	#breadCrumbs li.current_item a{color: #549cbf; background:none;}
	#breadCrumbs li.current_item a:hover{text-decoration: none;}
	#breadCrumbs li.home {padding-left: 30px; background: transparent url('../img/icon_home.png') no-repeat 16px -21px;}
	#breadCrumbs li.home:hover {background: transparent url('../img/icon_home.png') no-repeat 16px 11px;}

/* POST TITLE*/

	.postTitle{padding: 7px 7px 22px 7px; background: #ffffff url('../img/bg_postTitle.png') no-repeat;}
	.postTitle + h3, .postTitle + span +h3{font-style:italic; font-size: 3.5em; line-height: 1em; margin-bottom: .5em;}
	.postTitle + span a  {font-weight: bold;padding:0 2px;text-decoration: none; color: #cfcfcf;}
	.postTitle + span a:hover  {text-decoration: underline; color: #7e7e7e;}
	
/* RELATED POST */

	.related {list-style: none; padding-left: 0;}
	.related a {text-decoration: none;}
	.related li img {border: 5px solid #cfcfcf;}
	.related a:hover h3 {color: #549cbf;}
	.related a:hover img {border: 5px solid #444444;}
	
/* SOCIAL BOOKMARKS */	

	.socialBookmarks{background: transparent;border: none;margin: 15px 40px 5px 40px;}	
	.socialBookmarks li a {padding: 0 6px!important;}
	
/* FRONTPAGE FEATURE CLASS */

	.frontFeature{height: auto;}
	.frontFeature h3 {font-size: 2em;}
	.frontFeature p{text-align: left; line-height: 1.45em;}
	.frontFeature img{
		padding: 8px 9px 14px 9px;
		background: transparent url('../img/bg_featFrame.png') no-repeat center center;
		}
	
/* SIDEBAR CLASS */

	.content							{margin-top:3em;}
	.fauxCol							{margin-top: 0px; min-height: 100%; background: transparent url('../img/bg_container.gif') repeat-y top right;}
	.sideBar 							{margin: 0px -2px 0 -2px;padding:  0;border-right: 1px solid #cfcfcf;border-left: 1px solid #cfcfcf;}
	.sideBar * 							{list-style: none; padding: 0; }
	.sideBar h4 						{padding: 30px 10px 10px 15px;list-style: none; background: transparent url('../img/bg_sideSec.png') repeat-x top left;}
	.sideBar h4 a						{text-decoration: none;}
	.sideBar h4 img 				{padding: 5px 5px 0px 0px; margin-bottom: -1px;}
	.sideSec li							{margin: 0 0 0 15px; padding: 0px; border-bottom: 1px solid #cfcfcf;}
	.sideSec li:first-child			{border-top: 1px solid #cfcfcf;}
	.sideSec li:hover				{background-color: #e2e2e3;}	
	.sideSec span					{font-weight: bold;}
	.sideSec a						{display:block; text-decoration: none; height:100%; color: #5e5e5e; padding: 10px 5px;}
	.sideSec a:hover				{text-decoration: none; color: #549cbf;}
	.sideSec a:hover span  		{text-decoration: underline;}

/* ITEMLIST CLASS */

	.itemListCap 						{list-style: none; padding: 47px 10px 10px 10px;margin: -17px 0 0 0;background: #e7e7e7 url('../img/bg_itemListTop.gif') repeat-x top left;}
	.itemList *							{list-style: none; padding: 0;}
	.itemList li							{border-bottom: 1px solid #cfcfcf;}
	.itemList li:first-child			{border-top: 1px solid #cfcfcf;}
	.itemList li:hover				{background-color: #e2e2e3;}	
	.itemList span					{display: block; font-weight: bold;}
	.itemList a							{text-decoration: none; display:block; height:100%; color: #5e5e5e; padding: 10px;}
	.itemList a:hover				{text-decoration: none; color: #549cbf;}
	.itemList a:hover span  		{text-decoration: underline;}	

	p.end{background: #e7e7e7 url('../img/bg_itemListBot.gif') repeat-x bottom left; margin: 0; min-height: 70px;}
	
/* FRONT PAGE BG_WATERCOLOUR */

	#watercolour_home 	{position: relative; height: 245px; width:1085px; margin-left: -80px; margin-top: -100px; z-index: -999; background: transparent url('../img/bg_watercolour_home.jpg') no-repeat center center;}
	#watercolour_page 	{position: relative; height: 247px; width:579px; margin-left: 498px; margin-top: -100px; z-index: 1; background: transparent url('../img/bg_watercolor_page.jpg') no-repeat center center;}
	/* MAIN PAGE */
	.page_principale{float:left; width:460px;}
	.clear_both{clear:both;}
	.image{float:left; margin-right:15px;}
	.paragraphe {padding-left:0px; margin-top:0px; margin-right:0px; margin-left:0px; margin-bottom:14px; float:left; width:400px;}
	.paragraphe-titre{text-align:justify;}
	.page_principale img {padding-left:5px; padding-right:5px; margin-top:5px; float:left;}
	.titre_principale{width:530px;margin:auto;padding:10px;}
	.image_cote{width:200px;float:left;}
	.player{padding-left:0px; float:left;}
	.duree{margin-left: 20px; margin-top:0px; float:left; width:80px;}
	.espace {width:60%; margin:auto; padding-top:10px; border-bottom: 2px solid #cfcfcf;}
/* FOOTSECTION CLASS */

	.footSection{background: #060606 url('../img/bg_Foot.jpg') repeat-x top left;padding-top: 1.5em;}
	[rel~="license"] {color: #5e5e5e;}
	.license {text-align: justify;font-size: 0.75em;color: #5e5e5e;}
	.footLinks ul{list-style: none;padding: 0;border-bottom: 1px solid #1f1f1f;}
	.footLinks li {padding: 5px; border-top: 1px solid #1f1f1f; background: transparent url(../img/icon_liArrow.gif) no-repeat 0px 10px; padding-left: 15px;}
	.footLinks h3 {margin: 0; line-height: 0.2; color: #5e5e5e; font-size: 2.5em;}
	.footLinks p {color: #5e5e5e;}
	.footLinks a {text-decoration: none; color: #5e5e5e;}
	.footLinks a:hover{text-decoration: underline; color: #549cbf;}