/* project: internet music template
   author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
  
body { 
	padding: 0; 
	margin: 0; 
	font: 0.74em Arial, Helvetica, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #000000; 
	text-align: justify; 
	background: #f4f4f4 url(../habillage/Body_BG01.png) repeat-x top;
	/*background: #f4f4f4 url(../habillage/drupagora_BG.png) repeat-y top center;*/
}

a {
	color: #4A8EBC; 
	background: inherit;
}

a:hover {
	color: #C3593C;
	background: inherit;	
}

a img {
	border:0; }

a.title {
	color: #FE6700;
	background: #FFF;
}

h1 {
	font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	padding: 2px 0 0 0px;
	margin: 0;
	color: #464548;
	background: inherit;
}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }


h1 a, h2 a {
	text-decoration: none;
	color: #464548;
	background: inherit;
}

h1 a:hover, h2 a:hover {
	color: #C3593C;
	background: #FFF;
}

h1 .red{
	color: #C3593C;
	background: inherit;
}


h2 { 
	margin: 0 0 5px 0; 
	padding: 0; 
	font: bold 1.5em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #000; 
	background: inherit;
}

h2 .yellow{
	color: #FFFCD1;
	background: inherit;
}

p {	margin: 0 0 5px 0; }

span.spip_documents_center {
	display: block;
	text-align: center;
}
span.spip_documents_left {
	margin: 0px 10px 10px 0px;
}
span.spip_documents_right {
	margin: 0px 0px 10px 10px;
}
form { 
	margin: 0; 
}

input.search { 
	width: 145px; 
	height: 22px;
	border: none;
	background: #fff url(http://www.toolinux/images/input.gif) no-repeat; 
	padding: 5px 10px 0 25px;
	color: #808080;
}

input.button {
	border: 0;
	height: 27px;
	width: 76px;
	background: #ABC43C url(http://www.toolinux/images/button.gif) no-repeat;
	color: #FFF;
	font: bold 1.1em Arial, Helvetica, Sans-Serif;
}

input.login { 
	width: 150px;
	border: none; 
	background: url(http://www.toolinux/images/logininput.gif); 
	padding: 4px; 
}

/* layout
   ------ */
.links {
margin:0;
padding:0;
font-size:10px;
background: black;
-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 50);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 50);
box-shadow: 0 2px 4px rgba(0, 0, 0, 50);
}
.bloc {
background:#fff;
}
.nav{
margin:0;
padding:3px 20px 10px;
background: #fff url(../habillage/Nav_BG01.png) top center;
clear:both;
}
	.nav li {
	display:inline;
	padding: 2px 5px 8px;
	margin: 0px 5px;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	}
	.nav .current {	background:#FFF;color:#E1591D;}
	.nav .current a {color:#E1591D;}
	.nav .current a:hover {color:#E1591D;}
	.nav a {
	color:#fff;
	text-decoration: none;
	}
	.nav a:hover {
	text-decoration: uppercase;
	}

	.nav .about {
	float:right;	
	}

.content { 
	margin: 10px auto;
	width: 950px; 
}

.logo {
	float: left;
	width: 180px;
	padding: 10px 0 11px 10px;
}
.logo a:hover{
	background:none;
}

.header_right {
	float: right;
	width: 550px;
	height: 72px;
}

.logo p {
	font-size: 0.9em;
	color: #808080;
	padding: 0 0 0 7px;
	background: inherit;
}


.top_info {
	width: 540px;
	margin: 12px 0 5px 0;
	padding: 0 5px 5px 0;
	text-align: right;
	background: #FFF url(http://www.toolinux/images/dot.gif) repeat-x bottom;
	color: #444;
}
	

.slogan {
	text-align: right;
	width: 160px;
}


.bar { 
	text-align: right;
	font-size: 1.1em;
	height: 30px; 
}

	.bar li { 
		
		padding: 0px 10px 8px 10px;
		color: #808080;
		background: #FFF;
		display: inline;
	}
	
	.bar li.active { 
		background: #FFF url(http://www.toolinux/images/bar.gif) no-repeat center bottom; 
		color: #C3593C;
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.bar a { 
		font-weight: bold;
		color: #4A8EBC; 
		background: inherit;	
	} 

.search_field { 
	text-align: right;
	float: right;
	width: 620px;
	height: 38px;
	background: #464548 url(http://www.toolinux/images/searchbg.gif) no-repeat top right; 
	color: #000;
	clear: both;
	padding: 10px 10px 0 0;
}

.grey {
	font-size: 1.2em;
	font-weight: bold;
	color: #ccc;
	background: inherit;
	
}

.search {
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	background: inherit;	
}

.newsletter {
	float: left;
	height: 33px;
	padding: 15px 0 0 15px;
	width: 112px;
	background: #464548 no-repeat;
	
	color: #FFF;
	margin: 0 0 3px 0;
}

.subheader {
	clear: both;
	margin: 3px 0 10px 0;
	padding: 8px;
	background: #f4f4f4;
	color: #808080;
	border-bottom: 1px solid #ccc;
}



/* Top
   --------- */
   
.links ul{
margin:0;
padding:0 15px;
text-align:right;
}
.links li{
display:inline;
margin:0px;
padding: 2px 10px 2px 15px;
list-style-image: url(../habillage/Puce01.png);
list-style-position: outside;
}
.links li a{
text-decoration:none;
color:#fff;
}
.links li a:hover{
color:#fff;
text-decoration:underline;
}



/* left side
   --------- */
   


.left {
	width: 550px;
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	background: url(../habillage/Page_BG01.png) repeat-y left;
}
	.left_articles {	
		margin: 0px 0px 15px;
		padding: 0px 0px 0px 5px;
	}
		.left_articles .SupaDate {
			color: #AAA;
			float: right;
			font-size: 9px;
		}
		.left_articles .date {
			color: #ABA279;
			float: left;
			font-family: Arial;
			text-align: center;
			width: 35px;
			padding: 7px 0px 0px;
		}
		.left_articles .date .jour{
			font-size: 30px;
			font-weight:normal;
		}
		.left_articles .date .mois{
			font-size: 10px;
			font-weight:normal;			
			text-transform:uppercase;
		}
		.left_articles .news {
			margin: 0 0 20px 70px;
			padding: 0 0 20px;
			border-bottom: 1px dashed #eee;
			color: #333;
		}
		.left_articles .news .chapo{
			font-weight:bold;
			margin-bottom:15px;
		}
		.left_articles .news .intro{
			font-weight:bold;
			margin-bottom:15px;
		}
		.left_articles .news .texte{

		}
		.left_articles .news h2, .left_articles .news h2 a {
			color:#e1591d;
			text-decoration:none;
			
		}
		.left_articles .news h2 a:hover{
			color:#e1591d;
			text-decoration:underline;
		}
		.left_articles .tags{
			margin: 2px 0px 10px;
		}		
		.left_articles .tags span a, .left_articles .tags span a:hover{
			background: url(../habillage/tag_orange.png) no-repeat top left;
			padding:  0px 7px 2px 18px;
			font-size:10px;
			color:#aaa;
			text-decoration:none;
		}
		
		.pubCentrale {
			margin: 10px 0px 30px 75px;
		}


	.article_forum {
		margin: 0 0 0 80px;
	}
					
	.left-forum	{
		margin: 0 0 0 80px;
	}	
	.forum {
		list-style-type:none;
		margin:0px;	
		padding:0px;
	}
	.forum a, .forum a:hover {
	color:#C3593C;
	}
	.forum p{
		color:#555;
	}
	.forum ul, .forum ul ul ul, .forum ul ul ul ul, .forum ul ul ul ul ul, .forum ul ul ul ul ul, .forum ul ul ul ul ul ul ul {
		list-style-type: none;
		margin: 20px 0px 10px 30px;
		padding: 0px;
	}
	.forum-titre {
		text-transform:uppercase;
		}
	.forum-message {
		border-top: 1px dashed #BBB;	
	}
	.forum .date {
		font-size:9px;
		text-decoration:italic;
		color: #aaa;
		float:inherit;
		width:100%;
		text-align:left;
		padding:0px;
	}	
	.repondre a{
		background:#888;
		color:#fff;
		text-transform:uppercase;
		padding: 2px 4px;
		font-size:10px;
		text-decoration:none;
		margin: 5px 0px;
	}
	.repondre a:hover {
		background:#888;
		color:#fff;		
	}
	.repondreArticle a{
		background:#E1591D;
		color:#fff;
		margin:20px 0 ;	
	}
	.repondreArticle a:hover{
		background:#E1591D;
		color:#fff;
	}	
	
	.left_articles div.socialtagsBloc  {
		clear:left;
		background: #f4f4f4;
		border: 1px solid #DDD;
		border-radius: 8px;
		margin: 2px 0px 0px 65px;
		padding: 10px 25px 5px;
		text-align: center;
	}
		.left_articles div.socialtagsBloc h1 {
			color: #AAA;
			font-family: verdana;
			font-size: 16px;
			font-weight: bold;
			margin: 0px 0px 5px;
			padding: 0px;
			text-transform: uppercase;
		}
		
	.left_articles .partager  {	
	margin: 10px 25px 30px 65px;
	padding: 0px 0px 0px 22px;
	background:transparent url(../habillage/help.png) no-repeat left center;
	
	}
	.left_articles .partager a {
	color:#E1591D;	
	text-decoration: none;
	background:transparent;
	}
	.left_articles .partager a:hover {	
	color:#E1591D;
	text-decoration: underline;
	background:transparent;	
	}
	.AlaUne {
		
	}
		.AlaUne .news {
			padding: 0px;
			color: #000;
			background: url(../habillage/HomeEncart_Top.png) no-repeat top center;
			border:none;
		}
		.AlaUne .news h2 {
			padding: 15px;
			text-transform: uppercase;
		}
		.AlaUne .news p{
			font-size: 14px;
			line-height: 140%;
			padding: 0px 15px;		
		}
		.news p a, .news p a:hover{
			color: #333;
			text-decoration:none;
		}
		.news .articleContent p a , news .articleContent p a:hover{
		text-decoration:underline;
		}
		.AlaUne .news p a, .AlaUne .news p a:hover{
			color: #000;
			text-decoration:none;
		}
		.AlaUne .linksNews {
			padding: 10px;
			background: url(../habillage/HomeEncart_Bottom.png) no-repeat bottom center;
		}
		.AlaUne .linksNews a, .AlaUne .news h2 a{
			background-image:none;
			background-color:transparent;		
		}			
		.left_articles .AlaUne .tags{
			margin: 2px 0px 10px 15px;
		}	
						
	.news .linksNews {
		text-align:right;
		font-size:11px;
		}
	.news .linksNews a{
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		color: #e1591d;
	}	
	.news .linksNews a:hover{
		text-decoration:underline;
	}			
		
	.lt {
		height: 10px;
		background: #6E6E6E url(http://www.toolinux/images/lt.gif) no-repeat;
		color: #FFF;
	}
	
	.lbox {
		color: #eee;
		padding: 3px 12px;
		margin: 0 0 15px 0;
		background: #6E6E6E url(http://www.toolinux/images/lb.gif) no-repeat bottom left;
		height: 178px;
	}
	
	.lbox a {
		color: #FFFCD1;
		background: inherit;
	}
	
	.lbox h2 {
		
		color: #FFF;
		background: #6E6E6E;
	}
	
	
.thumb {
	float: left;
	width: 150px;
	border: 1px solid #d4d4d4;
	color: #fff;
	background: #6e6e6e;
	margin: 0 15px 15px 0;
	padding: 5px;
}

.thumb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }
/* SupaRight side
   ---------- */
.SupaRight {
	float: right;
	width: 125px;
	margin: 0 10px 5px 0;
}   
  .SupaRight .partenaires { 
  
  }
  .SupaRight .partenaires hr{ 
	border-style: none;
	border-width: 0px;
	display: block;
	margin: 30px auto; 
	background:#fff;
  }
  .SupaRight .partenaires ul { 
	margin:0;
	padding:0;   
  }
  .SupaRight .partenaires ul li { 
	margin:0px;
	padding: 2px 2px 2px 0;
	list-style-image: url(../habillage/Puce03.png);
	list-style-position: inside;   
  }

	.SupaRight .partenaires ul li a {
		color: #E1591D;
		font-size: 10px;
		text-decoration: none;
}
	.SupaRight .partenaires ul li a:hover {
		text-decoration:underline;
}   
   
   
   
    	
/* right side
   ---------- */
		
.right {
	float: right;
	width: 247px;
	margin: 0;
	background: url(../habillage/Barre_BG01.png) repeat-y center;
	text-align:center;
}
.right .top {
	background: url(../habillage/BarreTop_BG01.png) no-repeat top center;
	height:100px;
}
.right .top .search {
background: transparent none;
border: none;
color: #ccc;
height: 10px;
margin: 37px 0px 0px;
padding: 5px;
width: 187px;
font-size: 12px;
font-weight: normal;
}
.right .bottom {
	background: url(../habillage/BarreBottom_BG01.png) no-repeat bottom center;
	height:50px;
	border: none;
	clear: both;
}
.right .RightContent {
	margin: 0 0 5px 3px;
}
.right .rssRight {
	background: url(../habillage/BoutonActuWeb01.png) no-repeat top center;
	padding: 35px 0 10px 0;
	margin: 15px 0px 0px;
}
.right .rssRight ul{
	margin: 0 25px;
	padding:0px;
}
.right .rssRight ul li{
	border-bottom: 1px dashed #CCC;
	list-style-image: url(../habillage/Puce_RSS01.png);
	list-style-position: inside;
	margin: 0px;
	padding: 10px 0px;
	text-align: left;
}
.right .rssRight ul li .date {
	font-size:9px;
	color: #bbb;
}
.right .rssRight ul li a {
	color: #E1591D;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.right .rssRight ul li a:hover {
	text-decoration:underline;
}
.right .rssRight ul li p {
	color: #505050;
	font-size: 11px;
	font-weight: normal;
}
.right a {
	color: #FFFCD1;
	background: inherit;
}

		
	.rt {
		background: #C85E35 url(http://www.toolinux/images/rt.gif) no-repeat;
		color: #FFF;
		height: 7px;
	}
		
	.right_articles {
		font-size: 0.9em;
		width: 220px;
		background: #C85E35 url(http://www.toolinux/images/rb.gif) no-repeat bottom;
		color: #FEE1D5;
		padding: 3px 3px;	
		margin: 0 0 5px 0;
		text-align:left;
		align=center
	}
	
			
.image {
	float: left;
	margin: 0 9px 3px 0;
}





/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF url(http://www.toolinux/images/dot.gif) repeat-x;
	padding: 8px 0;
}

.footer a {
	color: #C3593C;
	background: inherit;
}

/*
 * Formulaire
 */

fieldset {
	margin:10px 0 0 0;
	width:460px;
	padding:10px;
	border: 1px solid #c0c0c0; }

fieldset textarea {
	width:100%;
	border: 1px solid #c0c0c0; }

.submit {
	margin:0 0 0 3px;
	border: 1px solid #c0c0c0;
	width: 100%;}