/*
Theme Name: CNL
Theme URI: http://www.cnl59.fr
Description: Theme du site
Version: 1.0
Author: Tilt Studio
Author URI: http://www.tilt-studio.fr
*/

/****************************************************************************
* CNL.css
* - Generalites
* - Container principal
* - Header
* - Footer
* - Contenu d'une page
****************************************************************************/

/***************************************************************************/

/* - Generalites ***********************************************************/
* { margin:0; padding:0; }

body
{
	font-family: Arial, Sans-Serif;
	font-size:11px;
	color:#332b2b;
	background:#6d6767;
}

a img { border:none; }
	
.textbox
{
	padding:2px 4px;
	border:1px solid #433f3f;
	font-size:11px;
	background:#c7c7c7;
}

.clear { clear:both; }

.page a.back,
.page .button
{
	display:block;
	margin:40px auto 0;
	width:120px;
	padding:3px 10px;
	border:none;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	color:#fefeff;
	font-size:11px;
	background:#6e6a6a;
}

.error, .fielderror
{
	color:#cd2e2e;
}

.list-pages { list-style-type: none; font-weight:bold; }
	.list-pages ul { list-style-type: square;list-style-position: inside;margin-bottom:10px; }
	.list-pages ul ul ul { margin:0 0 0 10px; }
	.list-pages .pagenav { border-top:1px solid #6E6A6A; padding-top:10px; }
	.page .list-pages a { color:#000; }
	
.linkcat { list-style-type: none; margin-bottom:20px; }
	.linkcat h2 { margin-bottom:10px; }
	.linkcat ul { list-style-type: disc; margin-left:20px; }
	
/* TEMP */
.militant div.wait
{
	position:relative;
	width:243px;
	height:130px;
	margin:70px auto 0;
	padding:80px 40px 30px;
	color:#332b2b;
	font-size:12px;
	background:#a9a5a5;
}

/* - Container principal ***************************************************/
#container
{
	width:955px;
	margin:20px auto;
	background:#332b2b;
}

/* - Header ****************************************************************/
.header
{
	position:relative;
	width:955px;
	height:129px;
}

	.header h4
	{
		position:absolute;
		left:15px;
		top:15px;
	}

	.header .baseline
	{
		position:absolute;
		left:248px;
		top:27px;
	}
	
	.header .search
	{
		position:absolute;
		left:305px;
		top:71px;
		width:347px;
		height:31px;
		background:#6e6a6a;
	}
	
		.header .search label
		{
			position:absolute;
			left:5px;
			top:7px;
		}
	
		.header .search .textbox
		{
			position:absolute;
			left:110px;
			top:7px;
			width:186px;
			height:14px;
		}
	
		.header .search .button
		{
			position:absolute;
			left:312px;
			top:8px;
			width:29px;
			height:18px;
			border:none;
			color:#fff;
			font-size:11px;
			line-height:18px;
			text-align:center;
			cursor:pointer;
			background:#332b2b;
		}
		
	.header .sticker-permanence, #sticker_permanence
	{
		position:absolute;
		right:102px;
		top:0px;
	}
		
	.header .sticker-militant, #sticker_militant
	{
		position:absolute;
		right:13px;
		top:11px;
	}
	object#sticker_militant { right:0; top:0;}
	
	.header .menu
	{
		position:absolute;
		z-index:3;
		left:0px;
		bottom:0px;
		width:955px;
		height:27px;
		list-style:none;
	}
	
		.header .menu li
		{
			float:left;
		}
	
		.header .menu li a
		{
			color:#787281;
		}
		
			.header .menu li ul
			{
				display:none;
				list-style:none;
				position:absolute;
				z-index:2;
				padding:8px 0px;
				margin-top:-3px;
				background:#8b8698;
			}
			
				.header .menu li ul li
				{
					float:none;
					display:block;
				}
				
				.header .menu li ul a
				{
					display:block;
					color:#372f2f;
					text-decoration:none;
					padding:3px 10px;
				}
				
				.header .menu li ul a:hover
				{
					color:#f1f1f1;
				}
	
/* - Footer ****************************************************************/
.footer
{
	clear:both;
	width:955px;
	padding:7px 0;
	text-align:center;
	color:#c0b1b1;
	font-size:12px;
	background:#6d6767;
}

	.footer a
	{
		color:#c0b1b1;
		text-decoration:none;
	}
	
	.footer span
	{
		padding: 0 10px; 
	}
	
/* - Contenu d'une page ****************************************************/
.page
{
	position:relative;
	padding:16px 18px;
	color:#6d6767;
}

	.page a { color:#6d6767; }

.box
{
	position:relative;
}

	.box h5
	{
		position:absolute;
		left:0;
		top:0;
		width:22px;
		height:100%;
		border-right:1px solid #8c8989;
	}

		.box h5 img { position:absolute; right:0; top:0; }
		
	.box-content
	{
		position:absolute;
		right:0;
		top:0;
		height:100%;
		background:#928f8f;
		background-repeat:no-repeat;
		background-position: right bottom;
	}
	
/* - Banniere de pub *******************************************************/
.ad
{
	float:right;
	margin-bottom:16px;
	display:block;
	width:108px;
	height:411px;
	overflow:hidden;
	background:transparent;
}

/* - Homepage **************************************************************/
.boxes
{
	position:relative;
	width:769px;
	height:410px;
	color:#332b2b;
}

.boxes .box h2 { font-weight:normal; font-size:11px; }

.box-actualites h5, .box-journal h5 { width: 25px; }

.box-actualites
{
	position:absolute;
	left:0;
	top:0;
	width:769px;
	height:213px;
	overflow:hidden;
}

	.box-actualites .post
	{
		padding:10px;
		width:719px;
		height:193px;
		overflow:hidden;
	}
	
	.box-actualites .post h3 { margin-bottom:10px; }

	.box-actualites .post h3 a { font-size:16px; color:#38781a;text-decoration:none; }

.box-journal,
.box-connaissance,
.box-newsletter
{
	position:absolute;
	bottom:0;
	height:173px;
}

	.box-actualites .box-content	{ width:739px; }
	.box-connaissance .box-content	{ width:268px;background-image:url(../images/common/corner-red.gif); }
	.box-newsletter .box-content	{ width:126px;background-image:url(../images/common/corner-purple.gif); }

	/* Journal départemental */
	.box-journal		{ width:297px; }
		.box-journal .box-content		{ width:268px;background-image:url(../images/common/corner-violet.gif); }

	.box-journal .photo
	{
		display:block;
		position:absolute;
		left:16px;
		top:9px;
		width:114px; 
		height:163px;
		background:url(../images/homepage/journal-ombre.gif) no-repeat left top;
	}
	
		.box-journal .photo img { width:106px; height:155px; }

	.box-journal .text
	{
		position:absolute;
		left:140px;
		top:20px;
		width:125px;
	}
	
	.box-journal .download a
	{
		display:block;
		float:left;
		margin:10px 5px 5px -5px;
		padding:5px;
		color:#fff;
		text-decoration:none;
		background:#9a0386;
	}
	
	.box-journal .archives a
	{
		display:block;
		width:100px;
		color:#7b046b;
	}
	
	/* Faisons connaissance */
	.box-connaissance	{ left:316px;width:294px; }
	
	.box-connaissance .video
	{
		position:absolute;
		left:8px;
		top:12px;
	}
	
		.box-connaissance .video img { position:absolute;left:-4px;top:-4px; }
	
	.box-connaissance .text
	{
		position:absolute;
		left:180px;
		top:20px;
		width:85px;
	}
	
		.box-connaissance .text h2 { margin-bottom:15px; }
		
		.box-connaissance a { color:#af2222; }
		
	/* Newsletter */
	.box-newsletter		{ right:0;width:152px; }
	
	.box-newsletter .text
	{
		padding:20px 6px 0px 8px;
	}
		.box-newsletter .text h2 { margin-bottom:15px; }
		
		.box-newsletter .textbox { width:100px;margin:8px 0; }
		
		.box-newsletter .button
		{
			display:block;
			margin:0 auto;
			width:29px;
			height:18px;
			border:none;
			color:#fff;
			font-size:11px;
			line-height:18px;
			text-align:center;
			cursor:pointer;
			background:#7f438e;
		}
	
/* - Page seule ************************************************************/
.single, .single-news
{
	width:764px;
}

	.single h1, .single-news h1
	{
		margin-bottom:2px;
		border-bottom:1px solid #928f8f;
		color:#f1f1f1;
		font-size:24px;
		font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
		font-weight:normal;
	}
	
	.single .entry, .single-news .entry
	{
		min-height:299px;
		padding:40px;
		color:#332b2b;
		font-size:12px;
		background:#fff;
	}
	
		.single .entry p, .single-news .entry p { margin-bottom: 1em; }	
		.single .entry ul { list-style-position: inside;  }
		.single .entry a { color:#332B2B; }
		.single .entry a.back { color:#fff; }
		
.search h3 a { color:#609e23; }
.single-news h1 { color:#3ea315;border-bottom-color:#3ea315; }
	.single-news a.back { background:#3ea315; }
	.single-news .entry { overflow:hidden; }
	.single-news .entry img { max-width:100%; }
	
.single-militant h1 { color:#267407;border-bottom-color:#267407; padding-left:105px; }
	.single-militant a.back { background:#267407; }
	.single-militant .blank { display:block;float:left; width:68px; height:30px; }

.single-journal h1 { color:#9A0386;border-bottom-color:#9A0386; }
	.single-journal a.back { background:#9A0386; clear:left; }
	.single-journal .entry { background:#928F8F; padding:40px 0 40px 40px; font-size:11px; }
	
	.single-journal .journal
	{
		width:120px;
		margin:0 60px 40px 0;
		float:left;
	}
	
	.single-journal .journal .photo
	{
		display:block;
		width:114px; 
		height:163px;
		background:url(../images/homepage/journal-ombre.gif) no-repeat left top;
	}
	
		.single-journal .journal .photo img { width:106px; height:155px; }
	
	.single-journal .journal p { width:106px;height:60px; margin:0; overflow:hidden; }
	
	.single-journal .journal a.lien
	{
		display:block;
		float:left;
		margin:0px 5px 5px -5px;
		padding:5px;
		color:#fff;
		text-decoration:none;
		text-align:center;
		background:#9a0386;
	}
	
	.single-journal .pager a { color:#fff; background:#332B2B; padding:2px 4px; margin:0 3px; text-decoration:none; }

	
/* - Newsletter ************************************************************/
.newsletter
{
	width:764px;
}

	.newsletter h1
	{
		margin-bottom:2px;
		border-bottom:1px solid #7f438e;
		color:#7f438e;
		font-size:24px;
		font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
		font-weight:normal;
		text-transform:uppercase;
	}
	
	.newsletter form
	{
		position:relative;
		display:block;
		min-height:299px;
		padding:40px;
		color:#332b2b;
		font-size:12px;
		background:#928f8f url(../images/common/corner-purple.gif) no-repeat right bottom;
	}
	
		.newsletter form p { margin-bottom: 1em; }
		
		.newsletter form .mention
		{
			position:absolute;
			bottom:0px;
			left:30px;
			font-size:10px;
			color:#d3c7c7;
		}
		
		.newsletter form .checkbox 
		{
			text-align:center;
		}
		
		.newsletter form p.buttons
		{
			padding-left:210px;
		}
		
		.newsletter form .button 
		{
			padding:2px 10px;
			background:#7f438e;
		}
		
		.newsletter form .button, .newsletter form a.back
		{
			margin:0 10px 0 0;
			float:left;
		}
		
		.newsletter .col1
		{
			float:left;
			width:320px;
		}
		
			.newsletter .col1 label,
			.newsletter .col2 label
			{
				display: block;
				float:left;
				width:90px;
				padding-right:10px;
				text-align:right;
				line-height:20px;
			}
			
			.newsletter .col1 input
			{
				width:200px;
				height:12px;
				font-size:10px;
				border:1px solid #c3c3c3;
			}
			
			.newsletter .col1 textarea
			{
				width:200px;
				height:50px;
				font-size:10px;
				font-family: Arial, sans-serif;
				border:1px solid #c3c3c3;
			}
		
		.newsletter .col2
		{
			float:left;
			width:320px;
		}
		
			.newsletter .col2 select { width:155px; }
		
			.newsletter .col2 label
			{
				width:150px;
			}
		
			.newsletter .col2 span
			{
				display:block;
			}
		
			.newsletter .col2 span.group
			{
				float:left;
				width:160px;
			}
		
			.newsletter .col2 span label
			{
				display:inline;
				float:none;
			}
		
		.newsletter .col3
		{
			clear:left;
		}
		
/* - Espace militant *******************************************************/
.militant
{
	width:764px;
	height:386px;
	margin-top:20px;
	border-top:5px solid #267407;
	background:#928f8f;
}

	.militant h1, .single-militant h2
	{
		position:absolute;
		top:3px;
		left:0;
		width:120px;
		height:120px;
		display:block;
		color:#267407;
		font-size:24px;
		font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
		font-weight:normal;
		text-transform:uppercase;
		background: url(../images/militant/espace-militant.png) no-repeat left top;
	}
	
		.militant h1 span, .single-militant h2 span { visibility: hidden;}
	
	.militant .list
	{
		margin:20px;
		padding:30px 40px;
		min-height:286px;
		color:#332b2b;
		font-size:12px;
		background:#a9a5a5;
	}
	
		.militant .list ul
		{
			margin:0 auto;
			width:400px;
			list-style-position: inside;
			text-align:left;
		}
	
	.militant form
	{
		position:relative;
		width:243px;
		height:180px;
		margin:70px auto 0;
		padding:30px 40px;
		color:#332b2b;
		font-size:12px;
		background:#a9a5a5;
	}
	
		.militant form h2, .militant .list h2
		{
			margin-bottom:15px;
			text-align:center;
			color:#ffffff;
			font-size:14px;
		}
		
		.militant form label
		{
			display:block;
			margin-bottom:3px;
		}
		
		.militant form p input
		{
			display:block;
			width:232px;
			padding:2px 5px;
			border:1px solid #7c7c7c;
		}
	
		.militant form p { margin-bottom: 1em; }
		
		.militant form .button
		{
			position:absolute;
			right:40px;
			bottom:15px;
			width:80px;
			padding:2px 10px;
			background:#267407;
		}
		
		.militant form .back
		{
			position:absolute;
			left:40px;
			bottom:15px;
		}

/* - Permanence CNL ********************************************************/
.permanence
{
	position:relative;
	width:764px;
	height:386px;
	margin-top:20px;
	border-top:5px solid #580b4e;
	background:#928f8f;
}

	.permanence h1
	{
		position:absolute;
		z-index:2;
		top:-40px;
		left:-15px;
		width:120px;
		height:120px;
		display:block;
		color:#580b4e;
		font-size:24px;
		font-family: Trebuchet MS, Arial, Helvetica, Sans-serif;
		font-weight:normal;
		text-transform:uppercase;
		background: url(../images/permanence/permanence-cnl.png) no-repeat left top;
	}
	
		.permanence h1 span { visibility: hidden;}
		
	.permanence #carte
	{
		position:absolute;
		left:40px;
		top:25px;
	}
		
	.permanence .infos
	{
		position:absolute;
		right:20px;
		top:20px;
		width:230px;
		height:350px;
		color:#332b2b;
	}
	
		.permanence .city { display:none; }
		.permanence #default { display:block; }
	
		.permanence .infos h2
		{
			text-transform:uppercase;
			color:#ffffff;
			font-size:14px;
			margin-bottom:15px;
		}
	
		.permanence .infos .back
		{
			position:absolute;
			left:0px;
			bottom:0px;
		}
		
		.permanence .infos .address
		{
			margin-bottom:2px;
			font-weight:bold;
		}
		
		.permanence .infos .time
		{
			padding-left:20px;
			line-height:16px;
			background:url(../images/permanence/time.gif) no-repeat left top;
		}
		
		.permanence .infos .entry
		{
			margin-bottom:15px;
		}
		
/* - Page de recherche *****************************************************/
.search h1 { color:#C7C7C7; border-bottom-color:#C7C7C7; }

.search h2 { font-size:13px; margin-bottom:30px; }
.search h3 { margin-bottom:3px; }

.search .post h3 a { padding:2px 6px; background:#C7C7C7; color:#3a3333; text-decoration:none; display:block; }

.search .post {	margin-bottom:15px; }

.search .post small { font-style:italic; }

.search .post p { display:inline; }

.search .post a.link-article { display:block; }