/*
Theme Name: Arcade Fire - Minimalist
Theme URI: http://www.arcadefire.com/
Description: Thème par défaut de Arcade Fire, design par Caroline Ropbert, 2010
Author: Catherine Desrochers
Version: 0.2


*/

/*
	1.0 Import
	2.0 Classes principales
	3.0 Classes General
		3.1 Curseurs
	4.0 .contener
	5.0 .header
	6.0 .nav
	7.0 .articles
		7.1 .sections
	8.0 .aside
	9.0 .footer
*/


/* ------------------------------------------------------------------------
	1.0 Import
------------------------------------------------------------------------- */
@import "lib/css/reset.css";


/*.spacer_{ margin:0; padding: 0; display:none}*/

/* ------------------------------------------------------------------------
	2.0 Classes principales
------------------------------------------------------------------------- */
html, body{padding: 0; margin: 0; height: 100%;}

html {font-size:100%;} 

body {
	/* font-size:62.5%; */
	font-size: 10px;
	font-family:"Courier New", Courier, monospace;
	line-height:2em;
}

h1, h2, h3, h4, h5, h6{
font-family: Courier;
}

.hidden{ display:none; }

.header, .nav, .article, .section, .aside, .footer { display:block; }

.contener, .header{position:absolute; top:0;}
.header {height:30px; z-index: 1;}
.contener{	height: 100%; z-index: 0;}

.nav, .article, .aside { float:left;min-height:100%; position: relative; }

.ie6 .nav, .ie6 .article, .ie6 .aside, .ie7 .nav, .ie7 .article, .ie7 .aside	{ float:left;min-height:auto; position: relative; padding-top: 60px; }

	
.nav:before, .article:before, .aside:before{
	display: block;	position: relative;
	content:'x'; text-indent: -999px; overflow: hidden;
	height:60px;
}

/* ------------------------------------------------------------------------
	3.0 Classes Generale
------------------------------------------------------------------------- */	
.inactive{ display:none; }

.active{ 	display:block; }

.clear, hr{
	clear:both;
	display:block;
	float:none;
}

hr{	border:none; border-top: 1px #d2caca solid; width:570px;  margin: 30px 0 5px -20px}

hr.dotted{
	background:url(lib/images/separ_dots_h.gif) repeat-x bottom;
	padding-bottom:20px;
	margin-bottom:35px;		
}

.mask{
	position:absolute;
	width:100%; height:100%;
	background-color:#f8f8f5;	
	opacity:0;	
}



		/* -------------------------------------------------------------------
			3.1 Curseurs
		-------------------------------------------------------------------- */	
		
		body{ cursor:url("lib/images/cursors/default.png"), default;  }




/* ------------------------------------------------------------------------
	4.0 Container
------------------------------------------------------------------------- */	
.contener{width:960px; padding-left:20px; }

/* ------------------------------------------------------------------------
	5.0 header
------------------------------------------------------------------------- */	
.header{ 
	background-color: #000;
	width: 100%;
	color:#fff;
	text-align: justify;	
	text-align: center;
	height:40px;				
}
	
	.header h1, .header h2{	
		display:block; position:absolute;
		height:28px;
		font-size: 2em;
		font-weight: normal;
		font-family:"Courier New", Courier, monospace;
	}
	
	.header h1{	
		top:5px;left: 20px;
		width:187px;	
		background:url(lib/images/af_logo_b.gif) no-repeat; text-indent:-9999px; overflow:hidden;
	}
	
	.header h2{	
		top:12px; left:115px;
	}
	

	
	/* ------------------------------------------------------------------------
	6.0 .nav
------------------------------------------------------------------------- */	
.nav{  width:190px; }
	
	.nav li { 	list-style:none; 	font-size:1.2em; line-height: 1.4em; margin:0 0	4px 0	}	
	.nav li li { 	font-size:1em;	}		
	.nav li, .nav li a { color: #000; text-decoration:none; background-color:#fff;}
	.nav li a:hover, .nav li.current_page_item a { color:#000; background-color:#FF0; }
	
	
	.section a.more { display:inline-block; zoom:1; color: #444; text-decoration:none; background-color:#fff;}
	.section a.more:hover { color:#000; background-color:#FF0; }


/* ------------------------------------------------------------------------
	7.0 .articles
------------------------------------------------------------------------- */	
.article { width:520px; margin-right:20px; padding:0 30px 0 20px; border-left:#d2caca 1px solid; border-right:#d2caca 1px solid; }

	/* -------------------------------------------------------------------
		7.1 .sections
	-------------------------------------------------------------------- */	
	.section{ 
		width:520px;	
		overflow: none; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
	 }
	 
	 .article .section hr{
		border-top:#d2caca 1px solid; padding-top:40px; 
	 }
	 
	 .article{margin-top:-.3em;}
	 
	 .contener h1, .aside h2 { font-family:"Courier New", Courier, monospace; text-transform:uppercase;  }
	 .contener h1, .contener .hgroup{ font-size: medium; font-weight: normal ; }	 
	 .contener h1, .home .contener .hgroup{ margin: 30px 0 15px 0}	 
	 .contener .nav.main h1{ width:190px; border-top:#d2caca 1px solid; padding: 30px 0 5px 20px; margin-left: -20px }
	 .home .contener .article .hgroup { margin:30px 0; }
	 .contener .article .hgroup { font-size:1em; text-transform: capitalize;font-weight: bold; }
	 .home .contener .article .hgroup { margin:30px 0; }
	 .section .hgroup a, .section .hgroup a:hover { text-decoration:none;}
	 .contener .article .hgroup { margin:0 0 30px 0; }
	 .contener .article .hgroup .date {font-style: italic;}
	 .contener .article h1{ margin:0; font-weight: bold; }
	 .section p {margin: 0 0 20px 0;}
	 .section p .big{font-size: 20px;}
	 .section {font-size:1.4em;  margin-bottom:25px}
	.section:first-child { border-top:none ; padding-top:0; } 
		.section img {max-width:520px; height:auto; }
		.section img.top { width:520px;  width:expression(this.width > 520 ? 520: true); }
		.section h2 { text-transform:uppercase;}
		.section a { color: #000; text-decoration:underline;}
		.section a:hover { background-color: #FF0; text-decoration:underline;}
		.section a img, .section a  { padding:0; margin: 0;}

	iframe, embed{
		/* height: auto !important; */
	}
	
	
/* ------------------------------------------------------------------------
	8.0 .aside
------------------------------------------------------------------------- */	
	
	.aside h1 {margin-top: -.2em; margin-bottom: 0; }
	.aside h2 {font-weight: normal; margin-bottom }
	.aside .nav { width:170px; padding: 0; margin: 0;	}	
	.aside .nav h2 { font-size:1em; font-weight: normal;font-style: italic; margin: 15px 0 0 0	}	
	.aside .nav:before { display: none;	} .ie6 .aside .nav	{ padding-top: 0; }
		.aside li { 	list-style:none; 	}		



/* ------------------------------------------------------------------------
	9.0 .footer
------------------------------------------------------------------------- */	
.footer { 
	display:block; float:none;	clear:both;	height:0px;	position:relative;
}

.footer .af_logo_2 { 
	display:block; float:left; left:0px; margin-top:-126px;	
}