/*
	1 - imports dotclear
	2 - styles Trois Couleurs
*/


/* IMPORTS DOTCLEAR */

/* Common styles
-------------------------------------------------------- */

body *
{
	font-size:12px;
}
	
ul
{
	margin:0px;
	padding:0px;
	list-style-position:inside;
	list-style-type:none;
}

ul li
{
	display: inline;
}

/*
div#droite ul li
{
	display: block;
	margin-left:10px;
}
*/

/*a:link, a:visited { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }*/
pre { overflow: auto; width: 100%; height: auto; }
.left { float: left; }
.right { float: right; }



/* STYLES TROIS COULEURS */

ul.mois li, div.listes ul li
{
	display:block;
	margin:0px;
}

ul.mois
{
	margin-top:10px;
}

	.post-tags, .post-tags *
	{
		display:inline;
	}

div.listes ul li
{
	margin-bottom:10px;
}

img#contactsRss
{
	width:300px;
	height:30px;
	margin-bottom:5px;
}

div#blogMainframe
{
	width:649px;
	/*height:100%;*/
	overflow:visible;
	color:#333333;
	background-color:#ffffff;
	background-image:url('http://www.mk2.com/images/troiscoul__blogbk02.png');
	background-repeat:repeat-y;
	float:left;
}

	div#blogHeader
	{
		width:649px;
		height:50px;
		background-color:#ffffff;
		background-image:url('http://www.mk2.com/images/troiscoul__02bk-header.png');
		background-repeat:no-repeat;
	}
	
		div#blogHeader *
		{
			display:inline;
			margin:0px;
			margin-top:1px;
			float:left;
		}
		
		div#blogHeader div#search
		{
			width:190px;
			height:50px;
			/*max-width:199px;*/
		}
		
		div#blogHeader img#blogHeader_header
		{
			margin-left:1px;
		}
		
			div#blogHeader div#search *
			{
				position:relative;
				margin:0px;
				padding:0px;
				display:inline;
				border:none;
				float:left;
				clear:right;
			}
			
			div#blogHeader div#search img#recherche
			{
				width:65px;
				height:50px;
			}
			
			div#blogHeader div#search form
			{
				display:inline;
				border:none;
				width:125px;/* 125px */
				max-width:125px;/* 125px */
				/*margin:0px;
				padding:0px;*/
			}
			
			div#blogHeader div#search input#q
			{
				width:90px; /* 90px */
				max-width:90px; /* 90px */
				height:21px;/* 16 */
				border-style:solid;
				border-width:1px;
				border-color:#000000;
				background-color:#ffffff;
				color:#ca88b2;
				padding:2px;
				padding-left:5px;
				padding-top:11px;
				margin-top:4px;
			}
			
			div#blogHeader div#search input.submit
			{
				width:20px;
				height:50px;
			}
	
	div#blogMainframe div#blogGauche, div#blogMainframe div#blogContent
	{
		padding-bottom:10px;
	}
	
	
	div#blogContent
	{
		float:left;
		width:649px; /*429px*/ /* 449px*/
		padding:10px;
		overflow:visible;
		_margin-left:10px;/*5px*/ /* hack pour IE<=6 */
	}
	
		div#blogContent div.post
		{
			width:629px; /* 419px */
			color:#222222;
			margin-bottom:30px;
			text-align:left;
		}
		
			div#blogContent div.post ul.post-tags, div#blogContent div.post ul.post-tags *
			{
				color:#999999;
				display:inline;
			}
			
			div#blogContent div.post div.post-content
			{
				padding-left:50px;
				padding-right:50px;
			}
			
			div#blogContent div.post div.post-content img, div#blogContent div.post div.post-excerpt img
			{
				max-width:500px; /*409px*/ /*419px;*/
				margin-top:5px;
				margin-bottom:5px;
				border-style:solid;
				border-width:5px;
				border-color:#e9e5d9;
			}			
		
		div#blogContent  div#content-info
		{
			margin-bottom:20px;
		}
		
		div#blogContent div.post p.post-info-co
		{
			margin-top:20px;
			margin-bottom:60px;
		}
		
		div#message
		{
			/*
			width:647px;
			height:20px;
			background-color:#fff4b4;
			color:#2d2d2d;
			padding:5px;
			text-align:center;
			background-image:url( 'http://www.mk2.com/images/troiscoul__msg-bk.png' );
			*/
			width:637px;
			height:17px;
			margin-left:1px;
			background-color:#fff4b4;
			color:#2d2d2d;
			padding:5px;
			text-align:center;
			font-style:italic;
			font-size:11px;
			letter-spacing:2px;
		}
		
			div#message a
			{
				color:#ff0000;
				font-size:11px;
			}
		

p#navlinks
{
	margin-bottom:50px;
	margin-top:50px;
}

div#blogEnding
{
	float:left;
	width:649px;
	height:1px;
	margin-bottom:10px;
	background-color:#ffffff;
	background-image:url('http://www.mk2.com/images/troiscoul__blogbottom.gif');
	background-repeat:repeat-x;
}

	div#blogEnding img
	{
		width:649px;
		height:1px;
		/*display:none;*/
	}
	
	img.contentSep
	{
		margin-left:-8px;
	}
	
	img.comBloc
	{
		margin-top:10px;
	}
	
	div#blogContent div.post div.post-content img.noBorder, div#blogContent div.post div.post-excerpt img.noBorder, img.noBorder
	{
		border-width:0px;
		border:none;
	}

/* nouvelle colonne de droite */

	div#droite
	{
		z-index:1;
	}

	div#droite div.whitestage
	{
		position:relative;
		display:block;
		float:left;
		padding:10px;
		padding-top:1px;
		background-color:#ffffff;
		background-image:url( 'http://www.mk2.com/images/troiscoul__right-bk.png' );
		width:280px;
		/*
			border-style:solid;
			border-width:1px;
			border-color:#ff0000;
		*/
	}

	div#droite div.floor
	{
		position:relative;
		float:left;
		width:300px;
		height:1px;
		/*margin-bottom:10px;*/
		background-color:#ffffff;
		background-image:url('http://www.mk2.com/images/troiscoul__blogbottom.gif');
		background-repeat:repeat-x;
		/*
			border-style:solid;
			border-width:1px;
			border-color:#ff0000;
		*/
	}
	
	div#droite div.floor img
	{
		width:300px;
		height:1px;
		/*display:none;*/
	}
	
	div#droite div#rubriques
	{
		background-color:#ffffff;
		background-image:url('./images/troiscoul__nav-bk02.png');
		background-position:left center;
		margin-bottom:10px;
		width:300px;
	}
	
		div#droite div#rubriques h2
		{
			margin-bottom:5px;
		}
		
		/*div#droite div#rubriques h2*/
		
		div#droite div#rubriques img
		{
			margin-right:10px;
			vertical-align:middle;
		}
	
/* mise en forme */

	h1 a, h1
	{
		color:#000000;
		font-size:30px;/*40px*/ /*1.8em;*/
		line-height:45px;
		letter-spacing:1px;
	}

	h2, h2 a
	{
		font-size:20px;/*1.7em;*/
		/*font-weight:bold;*/
		margin-bottom:0px;
	}
	
		a h2:hover, h2 a:hover
		{
			text-decoration:underline;
		}
		
		h2.catThema 
		{
			/*margin-bottom:40px;*/
			margin-bottom:10px;
		}
		
		h2.catEnTete
		{
			margin-bottom:30px;
		}
		
		h2.post-title, h2.post-title a
		{
			color:#e2001a;
			font-size:15px;
		}
				
		h3, h3 a, a h3
		{
			margin:0px;
			font-size:14px;
			text-decoration:none;
			/*font-weight:normal;*/
		}
		
		h3 a:hover /*h3:hover *, h3 a:hover, h3:hover*/
		{
			text-decoration:underline;
		}
			
	div#comments
	{
		color:#000000;
	}
	
	form, fieldset
	{
		margin:0px;
		padding:0px;
	}
	
	fieldset
	{
		border:none;
	}
	
	fieldset *
	{
		display:block;
		border:none;
		/*margin:2px;*/
	}
	
	fieldset p
	{
		margin-bottom:15px;
	}
	
	input.com, textarea.com
	{
		border-style:solid;
		border-width:1px;
		border-color:#666666;
		background-color:#f2f2f2;
		margin-bottom:10px;
		padding:5px;
		min-width:250px;
		min-height:20px;
	}
	
	input.preview, input.submit
	{
		margin-top:4px;
		margin-bottom:4px;
		display:inline;
	}
	
	input.preview
	{
		margin-right:50px;
	}
	
	dd
	{
		color:#999999;
	}
			
	div#blogContent div.post p
	{
		text-align:justify;
		margin:0px;
		margin-bottom:5px;
		/*text-align:left;*/
		text-indent:10px;
		line-height:1.3em;
	}
	
		div#blogContent div.post p strong
		{
			/*font-size:1.2em;*/
			letter-spacing:1px;
		}
		
		div#blogContent div.post p strong em, div#blogContent div.post p em strong
		{
			/*font-size:1.2em;*/	
			letter-spacing:1px;
		}
		
		div#blogContent div.post p.post-info
		{
			text-indent:0px;
		}
		
		div#blogContent div.post div.post-content
		{
			margin-top:15px;
		}
		
		div#blogContent div.post p.read-it
		{
			margin:0px;
			margin-top:5px;
		}
		
		div#blogContent div.post div p a, div#blogContent div.post div p a:hover, div#blogContent div.post div a p, div#blogContent div.post div a p:hover
		{
			color:#e2001a;
			text-decoration:none;
		}
		
		div#blogContent div.post div p a:hover, div#blogContent div.post div a p:hover
		{
			text-decoration:underline;
		}
		
		a.comment_count, a.comment_count:hover
		{
			color:#e2001a;
		}
		
	
	div#blogContent p#poweredby
	{
		margin-top:50px;
		color:#999999;
	}
	
		div#blogContent p#poweredby a
		{
			color:#666666;
		}
		
		div#blogContent div.post h1 a:hover, div#blogContent div.post h1 a
		{
			text-decoration:none;
		}
		
		div#blogContent div.post p.day-date, * p.day-date, p.day-date
		{
			color:#e2001a;
			text-indent:0px;
			margin:0px;
			margin-bottom:0px;
		}
		
		div#blogContent div.post p.tete, * p.tete, p.tete
		{
			text-indent:0px;
			margin:0px;
			margin-bottom:0px;
		}
		
		div#droite img.intertitre
		{
			margin-top:10px;
			margin-bottom:10px;
			display:block;
		}
		
			div#droite div#calendar
			{
				margin:0px;
				padding:0px;
				/*background-color:#ffffff;*/
			}
				
				div#droite div div#calendar *
				{
					text-decoration:none;
					border:none;
					/*background-color:#ffffff;*/
				}
				
				div#droite div#calendar h2, div#droite div#calendar h2 *, div#droite div.links h2, div#droite div.links h2 *
				{
					width:0px;
					height:0px;
					overflow:hidden;
					line-height:0px;
					margin:0px;
					padding:0px;
					font-size:0px;
					/*color:#ffffff;*/
					text-decoration:none;
					display:none;
				}
								
				div#droite div#calendar table
				{
					width:290px;
					max-width:290px;
					margin:0px;
					padding:0px;
					table-layout:fixed;
				}
				
				div#droite div#calendar table caption
				{
					text-align:left;
					padding-left:5px;
					text-decoration:none;
					border:none;
				}
				
				div#droite div#calendar table td, div#droite div#calendar table th
				{
					width:20px;
					padding:0px;
				}
				
				div#droite div#calendar table caption *
				{
					font-size:18px;
				}
				
				div#droite div#calendar table td a, div#droite div#calendar table caption a
				{
					color:#e2001a;
				}
				
				div#droite div#calendar table td a:hover, div#droite div#calendar table caption a:hover
				{
					text-decoration:underline;
				}
				
		div.links
		{
			margin-left:0px;
			padding:0px;
			/*background-color:#00ff00;*/
		}
		
			* html div.links, *+html div.links
			{
				/*margin-left:-16px;*/ /* -18 */
			}
			
			/*div.links h2
			{
				display:none; précisé plus haut (voir calendar) 
			}*/
			
			div.links a, div.links h3
			{
				color:#2d2d2d;
			}
			
			div.links h3 
			{
				/*margin-top:25px;*/
				margin-bottom:10px;
			}
			
			div.links ul
			{
				margin-bottom:25px;
			}
		
	
	p.pagination
	{
		margin-top:15px;
		margin-bottom:30px;
		text-align:center;
	}
	
	p.field
	{
		margin:0px;
		margin-top:5px;
	}
	
	p.check *
	{
		display:inline;
	}
			
	a.tech, a.tech:hover, a.tech *, a.tech:hover *
	{
		color:#1eb01e;
	}
	
	a.cine, a.cine:hover, a.cine *, a.cine:hover *
	{
		color:#000000;
	}
	
	a.cult, a.cult:hover, a.cult *, a.cult:hover *
	{
		color:#ff0057;
	}
	
	a.tech:hover, a.cine:hover, a.cult:hover, a.tcRed:hover, a.tcGreen:hover, a.tcBlack:hover, a.tcGrey:hover
	{
		text-decoration:underline;
	}
	
.tcRed, a.tcRed:hover
{
	color:#fc0046;
}

	.tcRed img
	{
		background-color:#fc0046;
	}

.tcBlack, a.tcBlack:hover
{
	color:#000000;
}

	.tcBlack img
	{
		background-color:#000000;
	}

.tcGreen, a.tcGreen:hover
{
	color:#00b700;
}

	.tcGreen img
	{
		background-color:#00b700;
	}

.tcGrey, .tcGrey *, a.tcGrey:hover, a.tcGrey:hover *
{
	color:#666666;
}

	.tcGrey img
	{
		background-color:#666666;
	}

/*   Page Festival 3 couleurs */
#festival {
	float: left;
}

#festival h1 {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#festival img {
	float: left;
	margin: 0;
	padding: 0;
	}