/*
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
{
	background: url("../images/bg/bg2.png") repeat-x scroll 0 0 #ffffff;
	font-family: Arial, Sans-Serif;
	font-size:11px;
	color:#343434;
}

a img { border:none; }

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

.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:#ffffff;
	font-size:11px;
	background:#cccccc;
}

.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:#ffffff;
}

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

.a
{
color;#000000;
}

	.header h4
	{
		position:absolute;
		left:15px;
		top:15px;
	}
	
	.header .logo
	{
		position:absolute;
		left:0px;
		top:0px;
	}	
	
	.header .baseline
	{
		position:absolute;
		left:245px;
	}
		
	.header .search
	{
		position:absolute;
		left:593px;
		top:42px;
		width:347px;
		height:31px;
	}
	
	.header .lib_rech
	{
		position:absolute;
		left:697px;
		top:30px;
		width:239px;
		height:13px;
		*+font-size:11px;
		color:#ffffff;
		}
	
	
		.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:25px;
			height:18px;
			border:none;
			color:#fff;
			font-size:12px;
			line-height:18px;
			text-align:center;
			cursor:pointer;
			background:#000000;
		}
		
	
	.header .menu
	{
		position:absolute;
		z-index:3;
		left:0px;
		bottom:0px;
		width:955px;	
		height:27px;
		list-style:none;
	}
	

	#ssmenu1 {
	;
	background-color: #DDEFE4;
	line-height:25px;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	position:absolute;
	width: 137px;
	visibility:hidden;
	display:block;
	margin-top:26px;
	margin-left:0px;
	
	}
	
	 *+html #ssmenu1 { 
	 margin-left: -140px; 
	 }
	
	a:link {
	text-decoration:none;
	color:#00714B;
	}
	
	a:hover {
	color:#ED2027;
	
	}
	
	#ssmenu2 {
	background-color: #DDEFE4;
	line-height:25px;
	font-size:12px;
	text-align:center;
	width:156px;
	position:absolute;
	visibility:hidden;
	display:block;
	margin-top:26px;
	margin-left:136px;
	
	}
	
	*+html #ssmenu2 {
	margin-left: -160px;
	}
	
	#ssmenu3 {
	background-color: #DDEFE4;
	line-height:25px;
	font-size:12px;
	text-align:center;
	width:380px;
	position:absolute;
	visibility:hidden;
	display:block;
	margin-top:26px;
	margin-left:292px;
	
	}
	
		*+html #ssmenu3 {
	margin-left:-2px;
	}
	
	#ssmenu4 {
	background-color: #DDEFE4;
	line-height:25px;
	font-size:12px;
	text-align:center;
	width:156px;
	position:absolute;
	visibility:hidden;
	display:block;
	margin-top:26px;
	margin-left:450px;
	
	}
	
			*+html #ssmenu4{
	margin-left:-158px;
	}
	
		.header .menu li
		{
			float:left;
		}
	
		.header .menu li a
		{
			color:#787281;
		}
	
				.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:#515151;
	font-size:11px;
	background:#ffffff;
}

	.footer a
	{
		color:#515151;
		text-decoration:underline;
	}

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

	.page a { color:#6d6767; 
	text-decoration:none;
	}

	.page a:hover {
	text-decoration:underline;
	color:#424242;
	}	
	
.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:#cccccc;
		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-adhesion 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:#DB402C;text-decoration:none; }

.box-adhesion,
.box-permanence,
.box-reseau-social
{
	position:absolute;
	bottom:0;
	height:173px;
}

	.box-actualites .box-content	{ width:739px; }
	.box-permanence
	{
		display:block;
		width:269px;
		height:175px;
	}
	
	.box-reseau-social .box-content	{ width:126px;background-image:url(../images/common/corner-news.png); }
	


	/* adhesion */
	.box-adhesion		{
		margin-left:30px;
		display:block;
		width:269px;
		height:175px;
	}

	
	/* permanence */
	.box-permanence	{ left:335px;width:268px; }
	
	.box-permanence .video
	{
		position:absolute;
		left:8px;
		top:12px;
	}
	
		.box-permanence .video img { position:absolute;left:-4px;top:-4px; }
	
	.box-permanence .text
	{
		position:absolute;
		left:180px;
		top:20px;
		width:85px;
	}
	
		.box-permanence .text h2 { margin-bottom:15px; }
		
		.box-permanence a { color:#af2222; }
		
	/* reseau-social */
	.box-reseau-social		{ right:0;width:126px; 
		top:235px;
		margin-left:30px;
		display:block;
		width:130px;
		height:170px;
		color:#5E6B8B;
		text-align:center;
		border:3px;
		border-color:#cccccc;
		border-style:solid;
		}
		
	.box-reseau-social h3{
	font-size:14px;
		}

	
	
	.box-reseau-social .text
	{
		padding:0px 6px 0px 8px;
		color: #5f5f5f;
		text-align: left;
	}
		.box-reseau-social .text h2 { margin-bottom:15px;
		color:#3A5998
		; }
		
		.box-reseau-social .textbox { width:100px;margin:8px 0; 
		background:#ffffff;
		
		}
		
		.box-reseau-social .button
		{
			display:block;
			margin:0 auto;
			width:30px;
			height:18px;
			border:none;
			color:#fff;
			font-size:11px;
			line-height:18px;
			text-align:center;
			cursor:pointer;
			background:#000000;
		}
	
/* - Page seule ************************************************************/
.single, .single-news
{
	width:764px;
}

	.single h1, .single-news h1
	{
		margin-bottom:2px;
		border-bottom:1px solid #928f8f;
		color:#4a4a4a;
		font-size:20px;
		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; }
		.single .entry img.alignleft { float:left; }
		.single .entry img.alignright { float:right; }
		
.search h3 a { color:#609e23; }
.single-news h1 { color:#DB402C;border-bottom-color:#DB402C; }
	.single-news a.back { background:#848484; }
	.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-adhesion h1 { color:#9A0386;border-bottom-color:#9A0386; }
	.single-adhesion a.back { background:#9A0386; clear:left; }
	.single-adhesion .entry { background:#928F8F; padding:40px 0 40px 40px; font-size:11px; }
	
	.single-adhesion .adhesion
	{
		width:120px;
		margin:0 60px 40px 0;
		float:left;
	}
	
	.single-adhesion .adhesion .photo
	{
		display:block;
		width:114px; 
		height:163px;
		background:url(../images/homepage/adhesion-ombre.gif) no-repeat left top;
	}
	
		.single-adhesion .adhesion .photo img { width:106px; height:155px; }
	
	.single-adhesion .adhesion p { width:106px;height:60px; margin:0; overflow:hidden; }
	
	.single-adhesion .adhesion a.lien
	{
		display:block;
		float:left;
		margin:0px 5px 5px -5px;
		padding:5px;
		color:#fff;
		text-decoration:none;
		text-align:center;
		background:#9a0386;
	}
	
	.single-adhesion .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 #b71543;
		color:#b71543;
		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:#ffffff
	}
	
		.newsletter form p { margin-bottom: 1em; }
		
		.newsletter form .mention
		{
			position:absolute;
			bottom:0px;
			left:30px;
			font-size:10px;
			color:#ec1b1b;
		}
		
		.newsletter form .checkbox 
		{
			text-align:center;
		}
		
		.newsletter form p.buttons
		{
			padding-left:210px;
		}
		
		.newsletter form .button 
		{
			padding:2px 10px;
			background:#cccccc;
		}
		
		.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 #cccccc;
	background:#ffffff;
}

	.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/) no-repeat left top;
	}
	
		.militant h1 span, .single-militant h2 span { visibility: hidden;}
	
	.militant .list
	{
		margin:20px;
		padding:30px 40px;
		min-height:286px;
		color:#a4a4a4;
		font-size:12px;
		background:#ffffff;
	}
	
		.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:#cccccc;
	}
	
		.militant form h2, .militant .list h2
		{
			margin-bottom:15px;
			text-align:center;
			color:#4f4f4f;
			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:#000000;
		}
		
		.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:#ffffff;
}

	.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/) 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:#712e75;
			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; }