/*
#343434
|color02|
#868686
#002a96
|color05|
*/
@import url(menu.css);
@import url(menu-footer.css);

html, body
{
	margin:0; padding:0;
	text-align:center;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#343434;
	background:#fff url(../images/bg.jpg) repeat-x 0 0; 
}
body{ background:url(../images/bg2.jpg) no-repeat 50% 224px; }

	h1, h2, h3, h4, h5, h6
	{
		margin:0;
		padding:4px 0;
	}
	h1
	{
		color:#4981ac;
		font-size:20px;
		margin:0; line-height:20px;
		padding-top:0;
		padding-bottom:6px;
		margin-bottom:8px;
		padding-left:0;
		border-bottom:1px solid #f0f4ff;
	}

	h2
	{
		color:#868686;
		font-size:18px;
		line-height:17px;
		margin:0; 
		padding-top:0;
		padding-bottom:10px;
		padding-left:0px;
		font-weight:normal;
	}
	h3
	{
		color:#343434;
		text-transform:none;
		font-size:16px;
		margin:0; line-height:14px;
		padding-top:0;
		padding-bottom:10px;
		font-weight:normal;
	}

	p
	{
		margin:0;
		padding:3px 0 10px 0;
		text-align:justify;
	}
		#content p
		{
			margin-right:15px;
		}
	a
	{
		color:#002a96;
		text-decoration:underline;
	}
	a:hover
	{
		color:#e65b24;
		text-decoration:none;
	}
	img, a img
	{
		border:none;
	}
	.clear
	{
		clear:both;
	}
	ul
	{
	}
	hr 
	{
		border:none;
		border-top:1px solid #C6D1DE;
		border-bottom:1px solid #ffffff;
	}
	embed, object{ outline:none; }
	
/* FORMS */

.input, textarea, input[type=text], input[type=password]
{
	font-size:14px; 
	line-height:25px;
	padding:2px 5px;
	background:#fff url(../images/input.jpg) no-repeat 0 0;
	border:1px solid #afafaf;
	font-family:Arial, Helvetica, sans-serif;
	color:#aeaeae;
}

.input:focus, .input:hover, textarea:hover , textarea:focus
{
	border:1px solid #75bce5;
	color:;
}
select
{
	border:1px solid #afafaf;
	padding:2px;
}
textarea
{
	background:#fff url(../images/textarea.jpg) no-repeat 0 0;
	width:220px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#afafaf;
}
input[type=submit] {
	cursor:pointer;
	width:159px;
	height:36px;
	line-height:36px;
	background:transparent url(../images/submit.png) no-repeat 0 0;
	border:none;
	text-align:center;
	font-size:14px; font-weight:bold; 
	color:#234560;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
input[type=submit]:hover {
	color:#3989c8;
}

blockquote
{
	margin:0;
	padding:20px;
	margin:30px 0;
	background:#4e4a49 url(../images/blogQuote-on.jpg) no-repeat 10px 0;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	clear:both;
	position:relative;
}
blockquote .fermequote
{
	display:block;
	width:27px; 
	height:16px;
	background:url(../images/blogQuote-off.jpg);
	position:absolute;
	bottom:0;
	right:10px;
}
blockquote p
{
	margin:0 !important; padding:0 !important;
}


/*

STRUCTURE

*/
#container
{
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
	#menu
	{
		margin:0 0px;
	}
	#header
	{
		height:245px;
		background:url(../images/header.jpg) no-repeat 0 0;
	}
		#AnimHeaderC
		{
			position:absolute;
			top:0; left:0;
			height:202px; width:960px;
		}
			#AnimHeaderC object
			{
				position:absolute; top:0; left:0;
			}
	#main
	{
		margin:0 0;
		margin-top:7px;
	}
		#titre-page
		{
			width:636px;
			float:left;
		}
			#titre-page h1{ 
				padding:0; margin:0; 
				padding-left:16px;
				line-height:44px;
				height:44px;
				text-transform:uppercase; font-weight:normal; font-size:26px; 
				background:#336a95 url(../images/bg-bleu-headers.jpg) repeat-x 0 0;
				color:#FFF;
			}
		#ts1
		{
			width:586px;
			float:left;
			padding:0 25px;
			background:#e8e8e8 url(../images/content.jpg) no-repeat 0 100%;
			padding-bottom:120px;
		}
		#content{
			width:586px;
			float:left;
			padding:0 25px;
			padding-top:20px;
			background:#e8e8e8;
		}
		#right
		{
			width:315px;
			float:right;
			font-size:12px;
		}

		.titre
		{
			height:44px;
			background:#336a95 url(../images/bg-bleu-headers.jpg) repeat-x 0 0;
			font-size:20px; color:#FFF;
			line-height:44px;
			padding-left:16px;
		}
		.vert .titre
		{
			background:#7a9f23 url(../images/bg-vert-headers.jpg) repeat-x 0 50%;
		}
		.vert .titre a 
		{
			color:#ffffff;
			text-decoration:none;
		}
		.orange .titre
		{
			background:#ef7e00 url(../images/bg-orange-headers.jpg) repeat-x 0 0;
			position:relative;
		}
		.titre-small
		{
			font-size:14px;
			text-transform:uppercase;
		}
		.block{
			background:#e8e8e8;
			width:315px;
			margin-right:7px; float:left;
			margin-bottom:8px;
		}
		#right .block
		{
			margin-right:0;
		}
		#rightLeft .block
		{
			width:201px;
		}
		
		#right .block ul.menu
		{
			list-style-image:url(../images/minilogo.gif);
		}
			#right .block ul.menu li
			{
				padding-right:10px;
			}
			#right .block ul.menu li a
			{
				font-size:15px; 
				color:#868686;
				text-decoration:none;
				padding:5px;
				display:block;
			}
			#right .block ul.menu li a:hover
			{
				background:#f1f1f1;
			}
a.bt
{
	display:block;
	font-size:14px; font-weight:bold; text-decoration:none;
	color:#234560;
	text-transform:uppercase;
	line-height:42px;
	background:url(../images/bt-right.png) no-repeat 100% 0;
	padding-right:6px;
}

a.bt span
{
	display:block;
	background:url(../images/bt-main.png) no-repeat 0 0;
	line-height:42px;
	padding-left:10px;
	padding-right:5px;
	text-align:center;
}
a.bt:hover
{
	color:#3989c8;
}
/* Blocks accueil */
.militants
{
	padding:10px 15px;
}
.petition
{
	padding:10px 15px;
	height:50px;
}
	.petition-desc
	{
		float:left;
		width:190px;
	}
	.petition .bt
	{
		float:right;
	}
#twitter
{
	background:#e8e8e8 url(../images/twitter.jpg) no-repeat 0 0;
	padding-top:57px;
	padding-bottom:10px;
}
.waiting .twitts
{
	height:80px;
	background:url(../images/ajax-loader.gif) no-repeat 50% 50%;
}
	.twitt
	{
		padding:6px 0;
		margin:0 12px;
		border-bottom:1px solid #fff;
		color:#606060;
		overflow:hidden;
	}
		.twitt a
		{
			color:#666;
			text-decoration:none;
		}
		.twitt a:hover
		{
			color:#444;
		}
#facebook
{
	padding-top:20px;
	background:#e8e8e8 url(../images/facebook.jpg) no-repeat 0 0;
}
	.facebook-link a
	{
		padding-left:51px;
		font-size:14px;
		font-weight:bold;
		color:#a2bfd7;
		text-decoration:none;
		text-transform:uppercase;
	}
	.facebook-images
	{
		padding:20px 10px;
		text-align:center;
	}
		.facebook-images img
		{
			padding:4px;
		}
	

/* ACTUS */
	.moveRight, .moveLeft
	{
		display:block;
		width:10px;
		height:14px;
		overflow:hidden;
		float:right;
		text-indent:-999em;
		margin:0 4px;
	}
	.moveRight
	{
		background:url(../images/arrow-right.png) no-repeat 0 0;
	}
	.moveLeft
	{
		background:url(../images/arrow-left.png) no-repeat 0 0;
	}
	.disabled
	{
		background-position: 0 100%;
	}
		.orange .titre .moveRight
		{
			position:absolute;
			top:50%;
			right:10px;
			margin-top:-7px;
		}
		.orange .titre .moveLeft
		{
			position:absolute;
			top:50%;
			right:25px;
			margin-top:-7px;
		}
		
		#actus
		{
			width:430px;
			background:#e8e8e8 url(../images/content.jpg) no-repeat 0 100%;
			padding-bottom:90px;
		}
			.actusList
			{
				position:relative;
				height:286px;
				width:430px;
				overflow:auto;
			}
				.actus-nav
				{
					position:absolute;
					bottom:5px; right:5px;
				}
			#actusListW .actu
			{
				position:relative;
				height:286px;
				width:430px;
			}
			#actusListW.scr .actu
			{
				position:absolute;
				float:none;
				overflow:hidden;
			}
				#actusListW .actu .actu-infos
				{
					position:absolute;
					width:430px;
					bottom:0;
					left:0;
				}
					#actusListW .actu .actu-infos h2
					{
						background:url(../images/black-60.png) repeat;
						-background:#000 none;
						margin:0;
						padding:4px 7px;
						font-size:20px;
						font-weight:bold;
						color:#fff;
						line-height:normal; letter-spacing:normal;
					}
					#actusListW .actu .actu-infos .actu-desc
					{
						background:url(../images/blue-90.png) repeat;
						-background:#477da9 none;
						padding:4px 7px;
						color:#FFF;
						font-size:12px;
					}
		/* scripted styles */
			#actus .scripted
			{
				overflow:hidden;
			}
			#actusListW.scr .actu .actu-infos
			{
				bottom:-200px;
			}
			.more-actus-list .actu
			{
				position:relative;
				border-bottom:1px solid #dadada;
				padding-bottom:10px;
			}
			.latest .actu
			{
				background:#eeeeee;
			}
				.more-actus-list .actu h2
				{
					font-size:16px; font-weight:bold; color:#000;
					padding:15px;
					padding-left:30px;
					padding-bottom:4px;
				}
				.latest .actu h2
				{
					color:#4981ac;
				}
				.latest .actu img
				{
					float:left;
					padding:8px;
					margin-top:10px;
				}
				.more-actus-list .actu .actu-content
				{
					padding:12px;
				}
				.more-actus-list .actu .date
				{
					width:36px;
					height:26px;
					position:absolute;
					top:13px;
					left:-12px;
					font-size:10px;
					text-align:center;
					background:url(../images/actus-date.gif) no-repeat 0 0 ;
					line-height:10px;
				}
				.more-actus-list .actu .date .dm
				{
					padding-top:2px;
					color:#fff;
					display:block;
				}
				.more-actus-list .actu .date .year
				{
					color:#8db9d9;
				}
				.more-actus-list .actu .actu-links
				{
					position:absolute;
					right:5px;
					bottom:2px;
				}
					.more-actus-list .actu .actu-links .readon a
					{
						background:url(../images/arrow-links-red.gif) no-repeat 0 50%;
						padding-left:10px;
					}
					.more-actus-list .actu .actu-links .comments
					{
					}
					.more-actus-list .actu .actu-links span.nb-comments
					{
						margin-right:3px;
						margin-left:10px;
						display:inline-block;
						padding:5px;
						text-decoration:none !important;
						color:#FFF;
						background:url(../images/comments.gif) no-repeat 50% 4px;
						font-size:10px;
					}

		#videos
		{
			width:129px;
			margin:;
			height:330px;
		}
		.newsletter
		{
			padding:16px;
			height:90px;
		}
			.newsletter h2
			{
				font-size:16px;
			}
			.newsletter .input
			{
				display:block;
				width:268px;
				margin-bottom:2px;
			}
			.newsletter .submit
			{
				float:right;
			}
			
		#agenda
		{
			height:122px;
			overflow:auto;
			margin:10px;
		}
			.event
			{
				margin:8px 0px;
				font-size:12px;
			}
				.event .date
				{
					display:block;
					color:#ecc818;
				}
				.event a
				{
					display:block;
					background:#FFF;
					height:60px;
					margin:0;
					padding:6px;
					font-size:12px;
					text-decoration:none;
				}
				.event a:hover
				{
					background:#f29400;
					color:#FFF
				}
				.event a:hover .date
				{
					color:#683900;
				}
				
		.join-us h2
		{
			font-size:16px;
		}
		.join-us
		{
			border-top:1px solid #DADADA;
			margin-top:6px; 
			padding-top:6px; 
		}
			.join-us a
			{
				display:block;
				width:159px;
				height:36px;
				line-height:36px;
				background:transparent url(../images/joinUs.png) no-repeat 0 0;
				border:none;
				text-align:center;
				font-size:14px; font-weight:bold; 
				color:#b9b9b9;
				font-family:Arial, Helvetica, sans-serif;
				text-transform:uppercase;
				text-decoration:none;
			}
			.join-us a:hover
			{
				color:#fff;
				background-position: 0 100%;
			}


	#footer
	{
		padding-bottom:28px;
		background:#4980ab url(../images/footer-repeat.png) repeat-x 0 0;
	}
		#footerW
		{
			padding-top:160px;
			background:url(../images/footer2.jpg) no-repeat 50% 0;
		}

		#footer p
		{
			margin-top:30px;
			margin:0; padding:0;
			font-size:10px;
			font-weight:bold;
		}
		#footer h1, #footer h1 a
		{
			border:none;
			color:#343434;
			font-size:12px;
			margin:0; padding:0;
			text-transform:none;
			font-weight:normal;
		}


	/* 
	CSS PAGE CONTENU
	.csc-textpic-imagewrap
	{
		width:100%;
		margin:0 !important;
		text-align:left;
		padding:5px !important;
	}
	.csc-textpic-caption
	{
		font-size:10px;
		padding:5px 2px;
	}
	.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap, .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap
	{
		width:auto;
		background:none;
		border:none;
		padding:0 !important;
	}
	*/

/*----------------ACTUALITES VIDEOS-----------------------*/

.news-list-item-video
{
	width:305px;
	height:300px;
	float:left;
	margin-right:12px;
}

.news-list-item-video h3
{
	color:#069;
	font-size:14px;
	text-decoration:none;
	text-align:center;
}

/* EDITO */
#editoOverlay
{
	position:fixed;
	top:0; 
	left:0;
	-position:absolute;
	height:100%;
	width:100%;
	background:url(../images/black-60.png) repeat;
	z-index:995;
}
#editoContainer{
	z-index:996;
	width:657px;
	position:absolute;
	top:202px;
	left:50%;
	margin-left:-325px;
	background:#fff;
	text-align:center;
}
	#editoMenu
	{
		width:auto;
		height:44px;
		background:url(../images/edito-menu.jpg) repeat-x 0 0;
	}
		#editoContainer #editoMenu a
		{
			color:#FFF;
		}
	#editoFermer, #editoDontShowAgain
	{
		display:block; 
		text-decoration:none;
		line-height:44px ;
		font-size:14px;
		padding:0 10px;
		float:right;
	}
	#editoDontShowAgain
	{
		background:url(../images/edito-dontshow.jpg) no-repeat 95% 0;
		padding-right:30px;
	}
	#editoDontShowAgain.dontShow { background-position:95% 100%;}
	#editoContenu
	{
		padding:7px;
	}
	
	#editoVideo{
		height:270px;
		background:#CCC;
	}
	#editoTexte{}
	#editoEdito{}
	
	.inscription fieldset
	{
		border:none;
		margin:0; padding:0;
	}
	.inscription fieldset legend
	{
		margin:0; padding:0;
		display:block;
	}
	
.mentions
{
	margin-top:18px;
	padding-top:12px;
	border-top:1px solid #cbcbcb;
}	

.mentions p
{
	font-size:11px;
}

.ul-no-padding
{
	margin-top:-5px;
}

#lien-participer {
	background-color:#fff;
}

#lien-participer a
{
	display:block;
	text-indent:-9999px;
	width:314px;
	height:133px;
	background:url(../images/participez-au-changement.png) no-repeat top;
}

	#lien-participer a:hover
	{
		background:url(../images/participez-au-changement.png) no-repeat bottom;
	}
	
#lien-tournee {
	background-color:#fff;
}

#lien-tournee a
{
	display:block;
	text-indent:-9999px;
	width:314px;
	height:140px;
	background:url(../images/lien-module-tournee.jpg) no-repeat top;
	outline:none;
}

.link-dl
{
	float:left;
}

.link-dl a.download
{
	display:block;
	margin:6px 0;
	padding:6px 32px 6px 0px;
	background:url(../images/link-dl.png) no-repeat right;
}