/*
Theme Name: MJS
Theme URI: http://www.jeunes-socialistes.fr/
Description: Le thème du site des jeunes socialistes.
Version: 2.2
Author: Jonathan Debauve
*/

body {
	margin: 0;
	padding: 0;
}

#page {
	color: #3E3D40;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

img {
	border: 0;
}

a {
	color: #3e3d40;
	text-decoration: underline;	
}

a:hover {
	text-decoration: none;
}

ul {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

hr {
	border: 1px solid #bbb;
	clear: both;
	margin: 6px 0 4px 0;
}
	
h1 {font-size: 20px; margin: 0 0 12px 0;}
h2 {font-size: 14px; margin: 0 0 6px 0;}
h3 {font-size: 13px; margin: 0 0 6px 0;}

.titrevignette {font-size: 12px; margin: 0 0 12px 0; font-weight:bold;}


img {border: 0;}

.clear {clear: both; margin: 0; padding: 0;}
.none {display: none;}



/* HEADER 
---------------------------------------------------- */

#logo {
	display: none;
}

#retour-accueil {
	float:left;
	display: block;
	height: 145px;
	width: 960px;
}

	/* Menu 
	---------------------------------------------------- */
	
	
	#menu {
		background: url('img/fd_menu.png') no-repeat;
		clear: both;
		display: block;
		height: 40px;
		margin: 0;
		padding: 0;
		width: 960px;
	}
	
	
	ul#menu{
		background: url('img/fd_menu.png') no-repeat;
		float:left;
		height: 40px;
		margin: 0;
		padding:0 14px;
		width: 932px;
	}
	
	ul#menu li{
		display:block;
		margin-top:0;
	}
	
	#menu li.niveau1 span {
		left:-9999px;
		position:absolute;
		z-index:50;
	}
	
	#menu li, #menu li.niveau1 a {
		display: block;
		min-height: 40px;
	}
	
	#menu li {
		float:left;
		display:inline;
		list-style:none;
		padding:0;
	}
	
	li#accueil a.niveau1 {width:41px;}
	li#l-actu a.niveau1 {width: 79px;}
	li#les-jeunes-socialistes a.niveau1{width:201px;}
	li#nos-idees a.niveau1{width:99px;}
	li#agissez a.niveau1{width:95px;}
	li#contactez-nous a.niveau1{width:159px;}
	
	li#accueil:hover a.niveau1{background: url('img/fd_menu.png') -14px -40px no-repeat;}
	li#l-actu:hover a.niveau1{background: url('img/fd_menu.png') -55px -40px no-repeat;}
	li#les-jeunes-socialistes:hover a.niveau1{background: url('img/fd_menu.png') -134px -40px no-repeat;}
	li#nos-idees:hover a.niveau1{background: url('img/fd_menu.png') -335px -40px no-repeat;}
	li#agissez:hover a.niveau1{background: url('img/fd_menu.png') -434px -40px no-repeat;}
	li#contactez-nous:hover a.niveau1{background: url('img/fd_menu.png') -529px -40px no-repeat;}

	ul#menu li.niveau1 ul{
		display:block;
		float:left;
		margin: 0;
		padding: 0;
		width:240px;
	}
	
	ul#menu li.niveau1 ul li{
		clear: left;
		display: block;
		float:left;
		margin: 0;
		min-height: 12px;
		padding: 0;
	}
	
	ul#menu li.niveau1 ul li img {
		float: left;
		margin: -7px 10px 0 0;
	}
	
	ul#menu li.niveau1 ul li a{
		background: url('img/fd_menu.png') 0 -80px;
		color:#d40050;
		display: block;
		font: bold 14px 'Trebuchet MS';
		min-height: 20px;
		padding: 12px 10px 8px 10px;
		text-decoration:none;
		width: 265px;
	}
	
	ul#menu li.niveau1 ul li.bas a{
		background: url('img/fd_menu.png') 0 -120px;
	}
	
	ul#menu li.niveau1 ul li a:hover{
		background: url('img/fd_menu.png') -285px -80px;
		color: #d40050;
	}
	
	ul#menu li.niveau1 ul li.bas a:hover{
		background: url('img/fd_menu.png') -285px -120px;
		color: #d40050;
	}


	ul#menu li.niveau1#nos-idees ul{
		display:block;
		float:left;
		margin: 0;
		padding: 15px 10px 10px 10px;
		width:120px;
	}
	
	ul#menu li.niveau1#nos-idees ul li{
		clear: left;
		float:left;
		margin: 0 0 6px 0;
		min-height: 12px;
		padding: 2px;
	}
	
	ul#menu li.niveau1#nos-idees ul li a{
		background: none;
		color:#d40050;
		display:block;
		font: bold 12px 'Trebuchet MS';
		min-height: 12px;
		padding: 0;
		text-decoration:none;
		width:120px;
	}
	
	ul#menu li.niveau1#nos-idees ul li a:hover{
		background: none;
		text-decoration:underline;
	}
	
	ul#menu li.niveau1#nos-idees ul li.p2012-menu a {
		font-style: italic;
	}
		
	ul#menu li div.niveau2{
		left:-999em;
		position:absolute;
		width:285px;
		z-index:500;
	}
	
	ul#menu li#nos-idees div.niveau2 {
		background: url('img/fd_menu.png') -570px bottom;
		width:425px;
	}
	
	ul#menu li:hover div.niveau2{left:auto;}
	
	/* Nettoyage */
	.clearfix:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden;}.clearfix{display:inline-block;}html[xmlns] .clearfix{display:block;}* html .clearfix{height:1%;}

	

	/* Champ recherche 
	---------------------------------------------------- */
	
	li#recherche {
		float: right;
		margin: 0;
		padding: 0;
		position: relative;
		right: 4px;
		top: 12px;
	}
	
	.champ-recherche {
		background: url('img/champ-recherche.png') no-repeat;
		border: 0;
		clear: right;
		color: #9c9e9f;
		float: left;
		height: 14px;
		margin: 0;
		padding: 2px 4px 1px 4px;
		top: 0;
		width: 197px;
	}
	
	.searchsubmit {
		float: left;
		height: 17px;
		margin: 0;
		padding: 0;
		width: 35px;
	}

	.screen-reader-text {display: none;}
	
	
	
	
	

/* CONTENU
---------------------------------------------------- */

#contenu {
	clear: both;
	float: left;
	margin: 0 0 0 10px;
	min-height: 800px;
	padding: 0;
	width: 670px;	
}


.home #contenu {
	margin: 0;
}

#banniere {
	border: 1px solid #bbb;
	clear: both;
	float: left;
	height: 110px;
	margin: 10px 0 0 0;
	padding: 2px;
	width: 936px;	
}

	/* Une
	------------------------------------------------------ */
	
	.carrousel {
		float: left;
		height: 240px;
		margin: 0;
		padding: 0;
		width: 960px;
	}
	
	.zonedeune {
		background-position: center;
		float: left;
		height: 240px;
		margin: 0;
		padding: 0;
		position: absolute;
		width: 960px;
		z-index: 1;
	}
	
	.zonedeune a {
		display: block;	
	}
	
	.carrousel img {
		border-left: 1px solid #ddd;
		height: 240px;
		width: 959px;
	}

	/* Numero Slide */
	
	.carrousel .menu-une {
		top: -230px;
		cursor: pointer;
		display: inline;
		float: right;
		margin: 0;
		padding: 0;
		position: relative;
		right: 10px;
		z-index: 100;
	}
	
	.inactif {
		background: url('img/carrousel_numero-inactif.png') no-repeat;
		color: #3E3D40;		
		display: block;
		float: left;
		font: 10px 'Trebuchet MS', Arial, Helvetica, san-serif;
		font-weight: 700;
		height: 19px;
		margin: 0 0 0 4px;
		padding: 4px 0 0 0;
		text-align: center;
		width: 21px;
	}
	
	
	.actif {
		background: url('img/carrousel_numero-actif.png') no-repeat;
		color: #fff;
		display: block;
		float: left;
		font: 10px 'Trebuchet MS', Arial, Helvetica, san-serif;
		font-weight: 700;
		height: 19px;
		margin: 0 0 0 4px;
		padding: 4px 0 0 0;
		text-align: center;
		text-decoration: none;
		width: 21px;
		z-index: 2;
	}

	
	
	/* Tweet
	------------------------------------------------------ */
	
	#twitter_div {
		background: url('img/fd_twitter.png') no-repeat;
		border-left: 1px solid #ddd;
		clear: both;
		display: block;
		height: 16px;
		margin: 0 0 20px 0;
		padding: 3px 20px 1px 41px;
		width: 898px;
	}


	#twitter_update_list {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#twitter_div strong a {
		color: #47a6cf;
		margin: 0 10px 0 0;
		text-decoration: none;
	}
	
	#twitter_div a {
		color: #d40050;
		text-decoration: none;
	}
	
	#twitter_div a:hover {
		text-decoration: underline;
	}
	
	#twitter_div .twitter-date {
		margin: 0 0 0 5px;
	}
	
	
	/* L'essentiel
	------------------------------------------------------ */
	
	#essentiel {
		clear: both;
	}
	
	#videos2 {
		height: 257px;
	}
	
	#essentiel .articles, #essentiel .videos {
		display: block;
		float: left;
		margin: 0 0 20px 0;
		padding: 0 0 0 20px;
		width: 660px;
	}
	
	#essentiel .articles .article {
		display: block;
		float: left;
		height: 240px;
		margin: 0 20px 0 0;
		padding: 0;
		width: 145px;
	}
	
	#essentiel .articles .article:hover {
		background: #eee;
	}
	
	#essentiel a {
		text-decoration: none;
	}
	
	#essentiel .articles .description {
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
		display: block;
		height: 119px;
		padding: 5px;
		width: 133px;
	}
	
	#essentiel h1 {
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 2px 0;
		padding: 0;
	}
	
	
	.home .date {
		color: #bbb;
		font-size: 10px;
	}
	
	
	.fonctions-articles {
		bottom: 21px;
		float: right;
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
		right: 5px;
	}
	

	.fonctions-articles li {
		display: block;
		float: left;
		height: 16px;
		margin: 0 0 0 0;
		padding: 0;	
		width: 16px;
	}	
	
	.fonctions-articles li a {
		display: block;
		float: left;
		height: 16px;
		width: 16px;
	}
	
	.lire-la-suite a {background: url('img/fd_fonctions.png') -16px 0 no-repeat;}
	.lire-la-suite a:hover {background: url('img/fd_fonctions.png') -16px -16px no-repeat;}

	.partager a {background: url('img/fd_fonctions.png') 0 0 no-repeat;}
	.partager a:hover {background: url('img/fd_fonctions.png') 0 -16px no-repeat;}

	.commenter a {background: url('img/fd_fonctions.png') -32px 0 no-repeat;}
	.commenter a:hover {background: url('img/fd_fonctions.png') -32px -16px no-repeat;}

		
	#essentiel .videos .article {
		display: block;
		float: left;
		height: 180px;
		margin: 0 20px 0 0;
		padding: 0;
		width: 145px;
	}
	
	#essentiel .videos img {
		margin: 0 0 5px 0;
	}

	#essentiel .videos .article .play {
		background: url('img/play.png') 10px 76px no-repeat;
		display: block;
		height: 90px;
		padding: 10px;
		position: relative;
		top: -114px;
		width: 125px;
	}

	#essentiel .videos .article:hover  .play {
		background: url('img/play2.png') 10px 76px no-repeat;
	}
	
	#essentiel .videos .description {
		position: relative;
		top: -110px;
	}	
	
	
	/* Agissez */
	
	#agissez-maintenant {
		display: block;
		float: right;
		list-style: none;
		height: 240px;
		margin: 0 20px 20px 0;
		padding: 0;
		width: 260px;
	}
	
	#agissez-maintenant li a {
		display: block;
		height: 80px;
		margin: 0;
		padding: 0;
		width: 260px;		
	}
	
	#sidebar #agissez-maintenant {
		display: block;
		float: right;
		list-style: none;
		height: 240px;
		margin: 0 0 20px 0;
		padding: 0;
		width: 260px;
	}
	
	
	#agissez-maintenant li.adherez {background: url('img/fd_agissez.png') 0 0 no-repeat;}
	#agissez-maintenant li.adherez:hover {background: url('img/fd_agissez.png') -260px 0 no-repeat;}	
	#agissez-maintenant li.restez-informes {background: url('img/fd_agissez.png') 0 -80px no-repeat;}
	#agissez-maintenant li.restez-informes:hover {background: url('img/fd_agissez.png') -260px -80px no-repeat;}	
	#agissez-maintenant li.donnez {background: url('img/fd_agissez.png') 0 -160px no-repeat;}
	#agissez-maintenant li.donnez:hover {background: url('img/fd_agissez.png') -260px -160px no-repeat;}	
	
	
	#agissez-maintenant li.adherezenligne {background: url('img/agissez2.png') 0 0 no-repeat;}
	#agissez-maintenant li.adherezenligne:hover {background: url('img/agissez2.png') -260px 0 no-repeat;}
	#agissez-maintenant li.soutenez-nous {background: url('img/agissez2.png') 0 -80px no-repeat;}
	#agissez-maintenant li.soutenez-nous:hover {background: url('img/agissez2.png') -260px -80px no-repeat;}	
	#agissez-maintenant li.agissez {background: url('img/agissez2.png') 0 -160px no-repeat;}
	#agissez-maintenant li.agissez:hover {background: url('img/agissez2.png') -260px -160px no-repeat;}	
	
	/* En campagne */
	
	
	#encampagne {
		border: 1px solid #ddd;
		display: block;
		float: right;
		height: 267px;
		margin: 0 20px 20px 0;
		width: 258px;
	}
	
	#titreencampagne {
		margin:15px 8px 5px 8px;
		padding: 0;
		text-align: left;
	}
	
	#imgencampagne {
		margin:0 8px 5px 8px;
		padding: 0;
		text-align: left;
	}
	
	#jensuis {
		margin:0 8px 0 0;
		padding: 0;
		float: right;
	}
	
	
	.txtencampagne {
		margin:0 8px 5px 8px;
		padding: 0;
		text-align: left;
	}
	
	/* Module Newsletter home
------------------------------------------------- */

#home_newsletter {
	clear: both;
	display: block;
	height: 54px;
	padding: 20px 0;
	float: left;
	margin: 10px 0 0 0;
}

#home_newsletter h1 {
	border-bottom: 0;
	color: #d40050;
	font-size: 16px;	
	font-weight: normal;
	margin: 0 0 6px 0;
	padding: 0 4px;
}

#home_newsletter #email {
	background: url('img/fd_newsletter.png') no-repeat;
	border: 0;
	color: #444;
	float: left;
	font-size: 14px;
	height: 28px;
	margin: 0;
	padding: 4px 10px;
	width: 440px;
}

#home_newsletter #submit {
	float: left;
	height: 34px;
	margin: 0;
	padding: 0;
	width: 173px;
}

	
	
	/* Restez connectés */
	
	#essentiel #reseaux {
		border: 1px solid #ddd;
		display: block;
		float: right;
		height: 178px;
		margin: 0 20px 20px 0;
		width: 258px;
	}
	
	#essentiel h2 {
		margin: 24px 20px;
		padding: 0;
		text-align: left;
	}
	
	#essentiel #reseaux ul#reseaux-sociaux {
		float: left;
		font-size: 11px;
		font-weight: bold;
		list-style: none;
		margin: 0;
		padding: 0 0 0 18px;
		width: 104px;
	}
	
	#essentiel #reseaux ul#contenus {
		float: left;
		font-size: 11px;
		font-weight: bold;
		list-style: none;
		margin: 0;
		padding: 0 0 0 10px;
		width: 104px;
	}

	
	#essentiel #reseaux ul li {
		display: block;
	}
	
	#essentiel #reseaux ul li a {
		display: block;
		height: 16px;
		margin: 0 0 12px 0;
		padding: 5px 4px 3px 28px;
		width: 72px;
	}
	
	#essentiel #reseaux ul li#facebook a {background: url('img/fd_reseaux.png') 0 0 no-repeat;}
	#essentiel #reseaux ul li#facebook a:hover {background: url('img/fd_reseaux.png') -104px 0 no-repeat;}
	#essentiel #reseaux ul li#twitter a {background: url('img/fd_reseaux.png') 0 -24px no-repeat;}
	#essentiel #reseaux ul li#twitter a:hover {background: url('img/fd_reseaux.png') -104px -24px no-repeat;}
	#essentiel #reseaux ul li#la-coopol a {background: url('img/fd_reseaux.png') 0 -48px no-repeat;}
	#essentiel #reseaux ul li#la-coopol a:hover {background: url('img/fd_reseaux.png') -104px -48px no-repeat;}
	#essentiel #reseaux ul li#dailymotion a {background: url('img/fd_reseaux.png') 0 -72px no-repeat;}
	#essentiel #reseaux ul li#dailymotion a:hover {background: url('img/fd_reseaux.png') -104px -72px no-repeat;}
	#essentiel #reseaux ul li#flickr a {background: url('img/fd_reseaux.png') 0 -96px no-repeat;}
	#essentiel #reseaux ul li#flickr a:hover {background: url('img/fd_reseaux.png') -104px -96px no-repeat;}
	#essentiel #reseaux ul li#issuu a {background: url('img/fd_reseaux.png') 0 -120px no-repeat;}
	#essentiel #reseaux ul li#issuu a:hover {background: url('img/fd_reseaux.png') -104px -120px no-repeat;}
	
	
	/* Le dossier
	------------------------------------------------------ */

	#dossier {
		background: #eee;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		clear: both;
		display: none;
		float: left;
		height: 200px;
		margin: 0;
		padding: 20px;
		width: 920px;
	}

	
	/* Informations supplémentaires
	------------------------------------------------------ */

	#agenda h2, #communiques-de-presse h2, #federations h2, #federations2 h2, #kiosque h2, #sur-la-toile h2 {
		border-bottom: 2px solid #d40050;
		margin: 0;
		padding: 0;
	}

	#agenda {
		display: block;
		float: left;
		height: 293px;
		margin: 20px 20px 0 20px;		
		width: 293px;
	}
	
	
	#communiques-de-presse {
		display: block;
		float: left;
		height: 293px;
		margin: 20px 0 0 0;		
		width: 293px;
	}
	
	#agenda ul, #communiques-de-presse ul, #federations ul, #federations2 ul, #sur-la-toile ul {
		font-size: 11px;
		font-weight: normal;
		line-height: 1.2em;
		list-style: none;
		margin: 0 0 2px 0;
		padding: 0;
	}
	
	#agenda ul li, #communiques-de-presse ul li a {
		background: #fff;
		border-bottom: 1px dotted #ddd;
		clear: both;
		display: block;
		min-height: 48px;
		padding: 5px;
		text-decoration: none;
	}
	
	#agenda ul li a {
		display: block;
		min-height: 48px;
		text-decoration: none;
	}
	
	#agenda ul li:hover, #communiques-de-presse ul li a:hover, #federations ul li a:hover, #federations2 ul li a:hover, #sur-la-toile ul li a:hover {
		background: #eee;
	}
	

	#agenda ul li img, #communiques-de-presse ul li img {
		border: 1px solid #eee;
		float: left;
		height: 46px;
		margin: 0 10px 0 0;
		width: 62px;
	}

	#agenda ul li span.titre-evenement, #communiques-de-presse ul li span.titre-cdp {
		display: block;
		float: left;
		font-size: 11px;
		font-weight: normal;
		margin: 1px 0 0 0;
		padding: 0;
		width: 200px;
	}
	
	#federations {
		display: block;
		float: right;
		height: 293px;
		margin: 20px 20px 0 0;
		width: 293px;
	}

	#federations ul, #sur-la-toile ul {
		height: 236px;
		overflow-x: hidden;
		overflow-y: auto;		
	}

	#federations ul li a, #sur-la-toile ul li a {
		background: #fff;
		border-bottom: 1px dotted #ddd;
		clear: both;
		display: block;
		padding: 5px;
		text-decoration: none;
	}
	
	#federations ul li a span, #sur-la-toile ul li a span {
		color: #bbb;
		font-size: 10px;
	}
		
		
	#federations2 {
		display: block;
		float: right;
		height: 293px;
		margin: 9px 20px 0 0;
		width: 293px;
	}

	#federations2 ul, #sur-la-toile ul {
		height: 236px;
		overflow-x: hidden;
		overflow-y: auto;		
	}

	#federations2 ul li a, #sur-la-toile ul li a {
		background: #fff;
		border-bottom: 1px dotted #ddd;
		clear: both;
		display: block;
		padding: 5px;
		text-decoration: none;
	}
	
	#federations2 ul li a span, #sur-la-toile ul li a span {
		color: #bbb;
		font-size: 10px;
	}
		
	
	#kiosque {
		border-bottom: 1px solid #ddd;
		display: block;
		float: left;
		height: 293px;
		margin: 20px 0 20px 20px;		
		padding: 0;
		width: 606px;
	}
	
	#kiosque table, #kiosque tr, #kiosque td {
		border: 0;
		border-collapse: collapse;
		margin: 0;
		padding: 0;
	}
	
	#kiosque td.document:hover {
		background: #eee;
	}
	
	#kiosque td.document {
		height: 233px;
		margin: 0;
		padding: 0 10px;
		vertical-align: bottom;
		width: 131px;
	}

	#kiosque .document img {
		border: 1px solid #eee;
		max-height: 129px;
		max-width: 129px;
		margin: 0;
		padding: 0;
	}
	
	#kiosque h3 {
		display: block;
		height: 80px;
		margin: 5px 0 0 0;
		padding: 0;
		vertical-align: text-top;
	}

	#kiosque h3 a {
		display: block;
		font-size: 11px;
		font-weight: normal;
		vertical-align: text-top;
	}

	#kiosque a {
		text-decoration: none;
	}
	
	#sur-la-toile {
		display: block;
		float: right;
		height: 293px;
		margin: 20px 20px 20px 0;		
		width: 293px;
	}	
	
	
	/* Perspectives 2012 */

	#p2012 {
		clear: both;
		display: block;
		height: 106px;
		list-style: none;
		margin: 0;
		padding: 0 0 20px 20px;
	}

	#p2012 li a {
		border: 1px solid #ddd;
		display: block;
		float: left;
		height: 106px;
		margin: 0 20px 0 0;
		padding: 0;
		width: 213px;
	}
	
	#p2012 li.vote a {background: url('img/fd_p2012.png') -1px -1px;}
	#p2012 li.vote a:hover {background: url('img/fd_p2012.png') -1px -109px;}
	#p2012 li.emploi a {background: url('img/fd_p2012.png') -216px -1px;}
	#p2012 li.emploi a:hover {background: url('img/fd_p2012.png') -216px -109px;}
	#p2012 li.logement a {background: url('img/fd_p2012.png') -431px -1px;}
	#p2012 li.logement a:hover {background: url('img/fd_p2012.png') -431px -109px;}
	#p2012 li.sante a {background: url('img/fd_p2012.png') -646px -1px;}
	#p2012 li.sante a:hover {background: url('img/fd_p2012.png') -646px -109px;}
	
	
	
	#articles {
		float: left;
		width: 680px;
	}	
	


	.post {
		padding: 0 0 25px 0;
	}

	.post h1, .page h1 {
		border: 0;
		font-size: 14px;
		margin: 0 0 2px 0;
		padding: 0;
		width: 300px;
	}

	.search .post h1, .search .page h1 {
		border: 0;
		font-size: 14px;
		margin: 0 0 2px 0;
		padding: 0;
		width: auto;
	}
	
	.post h1 a, .page h1 a, .search .page h1 a {color: #d40050; text-decoration: none;}
	.post h1 a:hover, .page h1 a:hover, .search .page h1 a:hover {color: #ff3366;}
	
	.page .post-categories {display: none;}
	
	.post-categories {
		color: #d40050;
		font-weight: bold;
	}
	
	.post-categories a {
		color: #d40050;
		text-decoration: none;
	}
	
	.post-categories a:hover {
		text-decoration: underline;	
	}
	
	
	.resume {
		clear: both;
		padding: 5px 0 0 0;
	}
	
	.logo-article, .search .page .logo-article {
		border: 1px solid #bbb;
		float: left;
		height: 100px;
		margin: 0 10px 4px 0;
		padding: 2px;
		width: 140px;
	}
	
	.post p, .search .page p {
		line-height: 1.5em;
		margin: 0 0 2px 0;
		text-align: justify;
	}
	
	.lire-la-suite a {
		color: #d40050;
		font-weight: 700;
		text-decoration: none;
	}
	
	.lire-la-suite a:hover {
		color: #ff3366;
	}
	
	.date-article, .search .page .date-article {
		clear: left;
		float: left;
		font-size: 10px;
		height: 20px;
		margin: 0;
		padding: 5px 0 0 0;
		width: 100px;
	}
		
	.fonctions-article, .search .page .fonctions-article {
		border: 0;
		clear: right;
		float: right;
		font-size: 10px;
		margin: 0;
		padding: 5px 0 0 0;
		text-align: right;
		width: 180px;
	}
		
	.fonctions-article li,  .search .page .fonctions-article li {
		display: inline;
		list-style: none;
		height: 20px;
		margin: 0 0 0 10px;
		padding: 0 0 0 16px;
	}
		
	.fonctions-article a {color: #222; text-decoration: none;}
	.fonctions-article a:hover {text-decoration: underline;}
	.commentez {background: url('img/commentez.png') left 1px no-repeat;}
	.partagez {background: url('img/partagez.png') left center no-repeat;}


	.wp-pagenavi {
		padding: 5px 0 0 0;
		text-align: center;
		width: 330px;
	}
	
	.wp-pagenavi a {
		background: url('img/fd_numero.png') center repeat-x;	
		color: #999;
		font-weight: bold;
		margin: 2px;
		padding: 2px 6px; 
		text-decoration: none;
	}
	
	.wp-pagenavi a:hover {	
		background: url('img/fd_numero-hover.png') center repeat-x;	
		color: #3E3D40;
		background-color: #ddd;
	}
	
	.wp-pagenavi span.pages {
		display: none;
	}
	
	.wp-pagenavi span.current {
		background: url('img/fd_numero-hover.png') center repeat-x;	
		color: #3E3D40;
		font-weight: bold;
		margin: 2px;
		padding: 2px 6px; 
	}
	
	.wp-pagenavi span.extend {
		background: url('img/fd_numero-hover.png') center repeat-x;	
		color: #3E3D40;
		font-weight: bold;
		margin: 2px;
		padding: 2px 6px; }

	
	


/* SIDEBAR
---------------------------------------------------- */

#sidebar {
	float: right;
	margin: 10px 10px 10px 0;
	width: 260px;
}

#sidebar h2 {
	border-bottom: 3px solid #d40050;	
	padding: 3px 10px 10px 10px;
	margin: 0;
}

#sidebar #videos {
	background: url('img/fd_videos.png') bottom no-repeat;
	color: #fff;
	font-style: italic;
	font-weight: bold;
	line-height: 1.2em;
	height: 390px;
	margin: 0 0 20px 0;	
}

#sidebar #videos ul {
	list-style: none;
	margin: 0;
	padding: 0;	
}

#sidebar #videos ul li a {
	clear: left;
	color:#fff;
	display: block;
	float:left;
	height: 47px;
	margin: 0;
	padding: 8px 5px 5px 5px;
	text-decoration:none;
	width: 250px;
}

#sidebar #videos ul #en-lecture em {
	font-style: normal;
}

#sidebar #videos ul #en-lecture a {
	background: url('img/fd_videos.png') top no-repeat;
	height: 50px;
	margin: 0;
	padding: 8px 5px 2px 5px;
	width: 250px;
}

#sidebar #videos ul li img {
	float: left;
	margin: -3px 10px 0 0;
	padding: 0;
}


#sidebar #videos ul li a:hover{
	background: url('img/fd_videos.png') top no-repeat;
}

#sidebar #photos {
	height: 151px;
	padding: 10px 10px 20px 10px;
}

#sidebar #photos p {
	font-weight: bold;
	float: left;
	margin: 0;
	padding: 0;
	width: 100px;
}

#sidebar #photos a {
	color: #3E3D40;
	text-decoration: none;
}

#sidebar #photos a:hover {
	text-decoration: underline;
}

#sidebar #photos iframe {
	float: right;
}



/* PAGE CARAVANE
---------------------------------------------------- */

#sidebarpage {
	float: right;
	margin: 0 10px 10px 0;
	width: 260px;
}

#contenupage {
	clear: both;
	float: left;
	margin: 0 0 20px 10px;
	min-height: 800px;
	padding: 0;
	width: 670px;	
}

#contenuvdc {
	clear: both;
	float: left;
	margin: 0 0 20px 130px;
	min-height: 200px;
	padding: 0;
	width: 670px;	
}

.animg {
	float: left;
	display: block;
	margin: 15px 20px 0 0;
	width: 325px;
}

.animd {
	float: left;
	display: block;
	margin: 15px 0 0 0;
	width: 325px;
}

.animphoto {
	float: left;
	display: block;
	margin: 0 15px 0 0;
	width: 125px;
}

.animnom {
	float: left;
	display: block;
	margin: 0 0 5px 0;
	width: 185px;
	font-size : 14px;
}

.animfonction {
	float: left;
	display: block;
	margin: 0 0 5px 0;
	width: 185px;
}

.animlien {
	float: left;
	display: block;
	margin: 0 0 5px 0;
	width: 185px;
}

.animtwitter {
	float: left;
	display: block;
	margin: 0 5px 0 0;
	width: 25px;
	height: 25px;
}

.animfb {
	float: left;
	display: block;
	margin: margin: 0 0 0 0;
	width: 25px;
	height: 25px;
}

#caravanetwitter {
	float: right;
	display: block;
	margin: 10px 0 10px 0;
	width: 150px;
	height: 30px;
}

#caravanedm{
	float: right;
	display: block;
	margin: 0 0 0 0;
	width: 150px;
	height: 30px;
}


.caravanepush {
	float: left;
	display: block;
	margin: 10px 20px 10px 0;
}

.caravanepush2 {
	float: left;
	display: block;
	margin: 10px 0 10px 0;
}

/* PAGE VOLONTAIRE
---------------------------------------------------- */

#contenuvdc {
	clear: both;
	float: left;
	margin: 0 0 20px 130px;
	min-height: 200px;
	padding: 0;
	width: 670px;	
}

#contenuenr {
	clear: both;
	float: left;
	margin: 0 0 20px 10px;
	min-height: 200px;
	padding: 0;
	width: 670px;	
}

#formsoutien {
	float: left;
	margin: 10px 15px 0 0;
	width: 325px;
}

#dercampagne {
	float: right;
	margin: 10px 0 0 0;
	width: 325px;
}

.voltxt {
	margin: 10px 0 10px 0;
	line-height: 1.5em;
	color: #3E3D40;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.enrtxt {
	margin: 10px 0 10px 10px;
	line-height: 1.5em;
	color: #3E3D40;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.engagement {
	margin: 10px 0 0 0;
	height: 49px;
	width: 250px;
	display: block;
	float: left;
	}

.iconeengagement {
	margin: 0 0 0 0;
	height: 49px;
	width: 45px;
	display: block;
	float: left;
	}

.txtengagement {
	margin: 5px 0 0 0;
	color: #3E3D40;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 49px;
	width: 205px;
	display: block;
	float: left;
}

.txtengagement a {
	text-decoration: none;
}

#tableausoutien {
	margin: 10px 0 0 0;
	display: block;
	float: left;
}

.btnvalider {
	margin: 10px 0 0 0;
	display: block;
	float: right;
}

.btnvalider2 {
	margin: 10px 0 0 0;
	display: block;
	float: left;
}

#imgcampagne {
	margin: 10px 0 0 0;
	display: block;
	float: left;
	height: 230px;
	width: 150px;
}

#btnesp {
	margin: 10px 0 0 0;
	display: block;
	float: right;
	height: 35px;
	width: 150px;
}

#btncommande {
	margin: 10px 0 0 0;
	display: block;
	float: right;
	height: 35px;
	width: 150px;
}


#enrcontacts {
	margin: 10px 0 20px 10px;
	display: block;
	float: left;
}

#commandetract {
	margin: 0 0 10px 50px;
	display: block;
	float: left;
	width: 850px;
}

	/* Pages pacte
	------------------------------------------------------ */
	
	
	
.plusprop {
	margin: 0 0 20px 0;
	display: block;
	float: right;
	width: 150px;
	height:35px
}

.pushprop {
	display:block;
	float:left;
	width: 100px;
	height: 100px;
}

.titreengagement {
	display:block;
	float:left;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:14px;
	font:#333;
}

.sstitreengagement {
	display:block;
	float:left;
	padding: 5px 0 5px 0;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:12px;
	font:#666;
}

#pushdl  {
	display:block;
	float:left;
	width:250px;
	heigth:83px;
	margin: 5px 0 10px 0;
}
	/* Pages 8 engagements
	------------------------------------------------------ */
	
#sidebareng {
	float: left;
	margin: 0 0 10px 10px;
	width: 250px;
}

#contenueng {
	clear: both;
	float: right;
	margin: 0 20px 20px 10px;
	min-height: 780px;
	padding: 0;
	width: 670px;	
}

#icone {
	display:block;
	float:right;
	width: 100px;
	height: 100px;
	margin:20px 0 0 0;
}
#video {
	display:block;
	float:right;
	width: 250px;
	height: 170px;
	margin:10px 0 0 0;

}

blockquote {
	background: #f3f3f3;
	border: 1px dotted #e3e3e3;
	clear: both;
	margin: 10px 0 10px 0px;
	padding: 8px 18px 5px 18px;
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-size:14px;
}
blockquote p {
	color: #474747 !important;
	margin-bottom: 5px;
	margin-top: 0 !important;
	
}
blockquote cite {
	display: block;
	font-style: italic;
	margin-top: 10px;
	text-align: right;
}
blockquote blockquote {
	margin-left: 0;
}

/* Pages Réseau
	------------------------------------------------------ */

#contenureseau {
	clear: both;
	float: left;
	margin: 0 0 20px 10px;
	min-height: 800px;
	padding: 0;
	width: 940px;	
}

	.fonctions-reseau, .search .page .fonctions-reseau {
		border: 0;
		clear: right;
		float: right;
		font-size: 10px;
		margin: 0;
		padding: 5px 0 0 0;
		text-align: right;
		width: 940px;
	}
		
	.fonctions-reseau li,  .search .page .fonctions-reseau li {
		display: inline;
		list-style: none;
		height: 20px;
		margin: 0 0 0 10px;
		padding: 0 0 0 16px;
	}
		
	.fonctions-reseau a {color: #222; text-decoration: none;}
	.fonctions-reseau a:hover {text-decoration: underline;}

	
	
.dossierreseau {
	float: left;
	display: block;
	margin: 15px 20px 0 0;
	width: 425px;
}

.campagnereseau {
	float: left;
	display: block;
	margin: 15px 0 0 0;
	width: 425px;
}

.unereseau {
	float: left;
	display: block;
	margin: 0 15px 0 0;
	width: 200px;
	border: 1px solid #dcdcdc;
}

.unetitre {
	float: left;
	display: block;
	margin: 0 0 5px 0;
	width: 185px;
	font-size : 14px;
	color:#d40050;
}

.uneextrait {
	float: left;
	display: block;
	margin: 0 0 5px 0;
	width: 185px;
	font-size:12px;
	line-height: 1.5em;
}

.unereseaulien {
	float: left;
	display: block;
	margin: 0 0 5px 0;
	width: 185px;
}

.btnreseau {
	float: left;
	display: block;
	margin: 10px 0 0 0;
	width: 185px;
}

#articlesreseau {
	float: left;
	display: block;
	margin: 10px 0 0 0;
	width: 940px;
}

.articlereseau {
	float: left;
	display: block;
	width: 226px;
	height: 330px;
	border: 1px solid #dcdcdc;
}

#article1 {
	margin: 0 8px 0 0;
}

#article2 {
	margin: 0 8px 0 0;
}

#article3 {
	margin: 0 8px 0 0;
}

#article4 {
	margin: 0 0 0 0;
}

.imgartreseau {
	float: left;
	display: block;
	padding: 3px;
	width: 220px;
	height: 167px;
}

.titreartreseau {
	float: left;
	display: block;
	padding: 3px;
	width: 220px;
	font-size: 12px;
	color: #d40050;
	line-height:1.3em;
}


.extraitartreseau {
	float: left;
	display: block;
	padding: 3px;
	width: 220px;
	font-size: 10px;
	line-height:1.3em;
	
}

.suiteartreseau {
	float: right;
	display: block;
	padding: 3px;
	color: #d40050;
	font-size:10px;
	margin: 0 5px 0 0;
}



.imgartprimaires {
	float: left;
	display: block;
	padding: 3px;
	width: 220px;
	height: 143px;
}



	/* Fil d'ariane et Date
	------------------------------------------------------ */
	
	#infos-page {
		background: #ddd;
		clear: both;
		height: 20px;
		margin: 10px 0 0 0;
		padding: 0 20px;
		width: 920px;
	}
	
	#fil-d-ariane {
		clear: both;
		color: #9c9e9f;
		float: left;
		font-size: 11px;
		height: 11px;
		overflow: hidden;
		padding: 3px 0;
		width: 700px;
	}
	
	#fil-d-ariane a {
		color: #9c9e9f;
		text-decoration: none;
	}
	
	#fil-d-ariane a:hover {
		color: #3E3D40;
	}
	
	#date {
		float: right;
		color: #9c9e9f;
		font-size: 11px;
		padding: 3px 0;
		text-align: right;
		width: 200px;
	}



/* Copyright
------------------------------------------------------ */

#pied-de-page {
	background: #eee;
	color: #3E3D40;
	display: block;
	float: left;
	font-family: 'Trebuchet MS', Arial, san-serif;
	line-height: 1.5em;
	margin: 0;	
	padding: 20px 0;
	width: 960px;
}

#pied-de-page a {
	color: #3E3D40;
	text-decoration: none;
}

#pied-de-page a:hover {
	text-decoration: underline;
}


.menu_bas-de-page {
	float: left;
	margin: 0;
	padding: 5px 0px 5px 20px;
	width: 136px;
}

.menu_bas-de-page ul {
	list-style: none;
	margin: 0 0 18px 0;
}

.menu_bas-de-page ul li {
	font-size: 12px;
	font-weight: bold;	
	line-height: 1.8em;
}	

.menu_bas-de-page ul li li {
	font-size: 11px;
	font-weight: normal;
}