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

body { 
	margin-top: 0; 
	background: #fff url('../img/layout/background.png') top left repeat-x; 
}

/* alert boxes */
.notice, .error, .success { border-width: 1px 0;}
a:link, a:visited, a:active, a:hover { text-decoration: none; color: #155162;}
/* gimme the .last class back !!! */
.last { margin-bottom: 0;}
.small { font-size: 0.95em;}
.large { line-height: 1.5;}
/* =TABLES 
override blueprint 0.7 sucky defaults
*/
thead th { background:#eee; border-bottom:1px solid #999; color:#202020;} 
tr.even td { background:#F1F5FA;}
tr.odd td { background:#fff;}

/* FORMS */
input.text, 
input.title, textarea   { padding:2px; font-size:11px;  font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 0; width: 300px;}
fieldset { padding-top: 5px; padding-bottom: 5px;}
fieldset p { margin-bottom: 5px; line-height: 1;}
#page-contact textarea { height: 100px;}
.searchform input.title, .searchform  input.text {
	background: white url(../img/magnifier.png) 3px 2px no-repeat;
	padding-left: 20px;
	width: 270px;
}
form.searchform {
	margin-top: 0;
	padding: 0;
}
div#content form.searchform p {
	margin-bottom: 0;
	margin-top: 0;
	line-height: 1;
}

/* titres */
h1 { font-size: 2.5em; margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6 { font-family: 'Futura', 'Century Gothic', 'Helvetica', 'Arial', sans-serif;}
/* Titres soulignés */
.actu h2,
#page-liens h2,
.legal h2 { border-bottom: 1px solid #4A8CD2;}

.container {
	background: white url(../img/layout/header.jpg) top left no-repeat;  
}
#header {
	width: 950px;
	float: left;
	height: 212px;  
	position: relative; 
	margin: 0;
}

#sidebar { 
	float: left; 
	width:270px; 
	min-height: 530px;
	margin-right: 10px;
	padding-left: 0;
	background: transparent url('../img/layout/sidebar_bg.png') -5px 15px no-repeat;
	
}

/* header */
a#logo { display: block; position: absolute; background: transparent url(../img/layout/dot_clear.gif) top left no-repeat; width: 550px; height: 200px; top: 12px; left: 13px; text-indent: -9999px; } 

ul#menu_top { position: absolute; padding: 0; margin: 0; top: 0; left: 665px;
width: 232px; height: 22px; } 
#menu_top li { float: left; list-style: none; margin: 0; padding: 0; } 
#menu_top li a { display: block; height: 22px; background: transparent url(../img/layout/menu_top.png) top left no-repeat; } 
#menu_top li a span { position: absolute; left: -9999px; }
#menu_top li#mta a { width: 155px; background-position: 0 0; } 
#menu_top li#mtb a { width: 77px; background-position: -155px 0; } 

ul#navlinks { position: absolute; padding: 0; margin: 0; top: 212px; left: 261px;
width: 670px; height: 31px; background: transparent url(../img/layout/navlinks.png); } 
#navlinks li { float: left; list-style: none; margin: 0; padding: 0; } 
#navlinks li a { display: block; height: 31px; background: transparent url(../img/layout/navlinks.png) top left no-repeat; } 
#navlinks li a span { position: absolute; left: -9999px; }
#navlinks li#ta a { width: 148px; background-position: -34px 0; margin-left: 34px;} 
#navlinks li#ta.active a,
#navlinks li#ta a:hover { background-position: -34px -31px;  }
#navlinks li#tb a { width: 107px; background-position: -182px 0; } 
#navlinks li#tb.active a,
#navlinks li#tb a:hover { background-position: -182px -31px;  }
#navlinks li#tc a { width: 160px; background-position: -289px 0; } 
#navlinks li#tc.active a,
#navlinks li#tc a:hover { background-position: -289px -31px;  }
#navlinks li#td a { width: 113px; background-position: -449px 0; } 
#navlinks li#td.active a,
#navlinks li#td a:hover { background-position: -449px -31px;  }
#navlinks li#te a { width: 90px; background-position: -562px 0; } 
#navlinks li#te.active a,
#navlinks li#te a:hover { background-position: -562px -31px;  }

/* CONTENT */
#content { 
	width: 650px; 
	float: right;
	padding: 55px 20px 0 0;
}
#content .box { background: #E5ECF9; padding-bottom:0.5em;}
#content h2,
#content p { line-height: 1.5;}
#content h2 {  margin-bottom: 2px; line-height: 1.25; font-size: 1.7em;}
#content h3 {
	margin-top: 1.5em;
	margin-bottom: 0.75em;
	border-bottom: 1px dotted #4A8CD2;
}
#content li a:hover,
#content p a:hover {
	text-decoration: underline;
}
#page-associations #content h3 {
	clear: both;
}
#content .success h3,
#content .error h3,
#content .notice h3 {
	margin-top: 0.5em;
	border: 0;
}
/* liens de modération */
.admod_links { list-style: none; height: 30px;margin: 1em 0;  text-align: right; margin:1em -1.5em; padding-right: 1.5em;}
.admod_links a { color: #7e7e7e;}
.admod_links a:hover { color: #2c2c2c }
.admod_links li { display: inline; margin-left: 1.5em; line-height: 1.8;}

/* FOOTER */
#footer { clear: both; padding: 45px 0; width: 950px; position: relative; text-align: center;}
#footerlinks a:hover  { text-decoration: underline; color: #0099CC;}
#footerlinks { background: white url(../img/layout/footer.png) center top no-repeat; text-align: center; font-size: 0.95em; margin: 1em 0 0 0; padding: 0.75em 0 0 0; width: 950px; height: 50px;}
#footerlinks li { display: inline; margin-right: 10px;}

/* HOMEPAGE */
#page-index #content {
	padding-top: 35px;
}
#index_message {
	padding: 10px 0 32px 40px;
	font: normal 18px/1.5em 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
	#index_message span {
		color: #666;
	}

	#index_message em {
		display: block;
		margin-top: 1.5em;
		margin-right: 20px;
		margin-left: -15px;
		padding: 10px 15px;
		background: #F5E9D8;
		cursor: pointer;
		font: italic 16px/1.4em Georgia, Times, 'Times New Roman', serif;
		color: #35190B;
		-moz-box-shadow: 0 0 3px #35190B; /* FF3.5+ */
		-webkit-box-shadow: 0 0 3px #35190B; /* Saf3+, Chrome */
		box-shadow: 0 0 5px #35190B; /* Standard. Opera 10.5, IE9 */
	}
		#index_message em small {
			display: block;
			text-align: right;
			color: #686868;
			font: normal 13px/1.3em 'Helvetica Neue', Arial, Helvetica, sans-serif;
		}
	
	#shout,
	#join-us {
		float: left;
		display: inline;
		width: 285px;
		height: 0;
		font-size: 1em;
		padding-top: 200px;
		overflow: hidden;
		background: url('../img/content/join-us.jpg') no-repeat;
	}
	#shout:hover,
	#join-us:hover {
		background-position: 0 -200px;
	}
	#shout {
		margin: 0 25px;
		background-image: url('../img/content/shout.jpg');
	}
	
/* NEWS */
.actu { margin-bottom: 2em;}
.actu img { float: right; margin: 0 0 1em 1em;}
.actu p.date { font-size: 0.95em; margin-bottom: 1em;}

/* LIENS */


.liens p { margin-bottom: 1.5em;}

/* LISTE DES MATIERES */
ul.liste-matieres {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.liste-matieres li {
	padding: 0;
}
ul.liste-matieres li a {
	line-height: 22px;
	padding: 3px 0 2px 25px;
	background: transparent url('../img/book.png') 1px 2px no-repeat;
}
ul.liste-matieres li a:hover {
	border-bottom: 1px dotted #666;
	background: transparent url('../img/book_go.png') 1px 2px no-repeat;	
}
p.date a:hover {
	text-decoration: underline;
}
#page-browse #wrapper #content p.align-right a:hover,
#page-file #wrapper #content .fiche-document p.align-right a:hover {
	color: #D66800;
}
/* LISTE DES DOCUMENTS */
ul.liste-fichiers {
	list-style: none;
	padding: 0;
	margin: 0;
}
#page-search #content h3 {
	margin-top: 1.5em;
	border-bottom: 1px dotted #666;
}
#page-search #content h4 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #c9c9c9;

}
ul.liste-fichiers li a {
	line-height: 25px;
}
ul.liste-fichiers li a:hover {
	border-bottom: 1px dotted #666;
}
.fichier {
	background: transparent url('../img/file_types.png') 2px 0 no-repeat;
	padding: 3px 0 1px 24px;	
}
.pdf {
	background-position: 1px -20px;
}                        
.www {                  
	background-position: 1px -40px;
}                        
.ppt {                  
	background-position: 1px -60px;
}                        
.image {                
	background-position: 1px -80px;
}                        
.graph {                
	background-position: 1px -100px;
}                        
.excel {                
	background-position: 1px -120px;
}                        
.text {                 
	background-position: 1px -140px;
}                        
.zip {                  
	background-position: 1px -160px;
}
.doc {
	background-position: 1px -180px;
}




/* ADMIN */
#content ul.liste-fichiers li a:hover.nounderline { border: 0; text-decoration: none;} 

#charte {
	overflow: auto;
	height: 330px;
}


#sidebar ul {
	list-style: none;
	margin: 15px 0 0 30px;
	width: 200px;
}
	#sidebar ul li {
		padding: 0;
		margin: 0;
		clear: both;
	}
		#sidebar ul li ul {
			padding: 0;
			margin: 0 0 10px;
			clear: both;
		}
		#sidebar ul li a {
			clear: both;
			padding-top: 6px;
			padding-bottom: 7px;
			display: block;
			padding-left: 26px;
			color: #fff;
			font: bold 13px/1 Arial, Helvetica, sans-serif;
			background: url('../img/layout/sidebar_header.png') top left no-repeat;
			
		}
			#sidebar ul li ul li a {
				margin-top: 0;
				border-bottom: 1px solid #DCDCDC;
				
				padding-left: 20px;
				padding-top: 5px;
				padding-bottom: 5px;
				color: #222;
				font-size: 11px;
				background: transparent url('../img/layout/puce_sidebar.png') 26px 9px no-repeat;
				_height: 12px;
			}

			#sidebar ul li a:hover,
			#sidebar ul li.active a {
				font-weight: bold;
				padding-left: 33px;
			}
				#sidebar ul li.active ul li a {
					color: #222;
					background-color: transparent;
					padding-left: 20px;
				}
			#sidebar ul li ul li a:hover,
			#sidebar ul li ul li.active a {
				color: white;
				background-color: #4A8CD2;
				background-image: url('../img/layout/puce_sidebar-active.png');
				padding-left: 25px;
			}
			/* FORMS */
			input.text, 
			textarea   { padding:2px; font-size:11px;  font-family: Verdana, Arial, Helvetica, sans-serif; margin: 5px 0; width: 200px; background: white;}
			
			input.title   { padding:2px;  font-size: 16px; 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: 175px;
				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;
			}
			body #content form input.text.required { border-color: green;}
			body #content form input.text.required:focus { border-color: green;}


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

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

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

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

			#content ul.posts-list ul li a {
				font: 0.9em Verdana, Arial, Helvetica;
				border-width: 0
			}
			#content ul.posts-list ul li a:hover {
				border-bottom-width: 1px;
			}
			#content .paging { text-align: right; margin-bottom: 0;}
			#content div.paging p { margin-bottom: 7px;}
			
			
			
			#content #topicform label {
				font-size: 11px;
				display: block;
				float: left;
				width: 125px;
				height: 17px;
				padding-top: 5px;
				text-align: right;
				padding-right: 15px;
			}
			#content #topicform label.ferror {
				float: none;
				font-size: 10px;
				width: 280px;
				margin: 0;
				font-weight: normal;
				padding: 0 0 3px 0;
				height: 10px;
				text-align: center;
				line-height: 1
			}
			
h3.question {
		font: bold 12px/16px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}			
	h3.question a {
		margin-bottom: 20px;
	}
	h3.question span {
		font-weight: normal;
	}


a.fancybox img {
	padding: 5px;
	border: 1px solid #CCC;
	background; white;
}
a.fancybox:hover img {
	border: 1px solid #666;
}

#content .citation {
	display: block;
	margin-top: 1.5em;
	margin-right: 20px;
	padding: 10px 15px;
	background: #F5E9D8;
	font: italic 16px/1.5em Georgia, Times, 'Times New Roman', serif;
	color: #35190B;
	-moz-box-shadow: 0 0 3px #35190B; /* FF3.5+ */
	-webkit-box-shadow: 0 0 3px #35190B; /* Saf3+, Chrome */
	box-shadow: 0 0 5px #35190B; /* Standard. Opera 10.5, IE9 */
}

#page-programme #content ul ul {
	list-style-type: circle;
}
#page-programme #content ul ul ul {
	list-style-type: square;
}