/**
 *  Projet Kofi Yamgnane Présidentielle 2010
 *  www.yamgnane2010.com
 * 
 *  @author     alexandre at pix-l dot fr, paul at pix-l dot fr, franck at pix-l dot fr
 *  @version    spip.2.0.10
 */


html { overflow: -moz-scrollbars-vertical; }
.clear { clear:both !important; font-size:0 !important; line-height:0 !important; height:0 !important; float:none !important; }
.mini {display:none;}
.strong 	{ font-weight:bold; }

.spip_documents 	{ display:block; background-color:#DFDFDF; border:1px solid #FFFFFF; padding:5px;  width:550px; margin-bottom:10px; }
.spip_documents dt 	{ float:left; }
.spip_documents dt.spip_doc_titre { padding:15px 10px; }
.spip_documents_mp3 { background:#DFDFDF none repeat scroll 0 0; padding:5px; margin:5px 0; border:1px solid #FFFFFF  }
.spip_doc_descriptif, .spip_doc_titre { width:auto !important }

.spip_documents_center { text-align:center; display:block; margin:5px 0 }
.formulaire_spip input,
.formulaire_spip textarea,
.formulaire_togo_inscription_newsletter input,
.formulaire_togo_inscription_newsletter select,
.formulaire_togo_inscription_newsletter textarea 	{ border: 1px solid #AAAAAA; padding:3px; margin:5px 0; width:400px !important; color:#777777 }
.formulaire_togo_inscription_newsletter select 		{ width:420px; }
.formulaire_spip .checkbox,
.formulaire_togo_inscription_newsletter .checkbox { width: auto !important; }
.formulaire_togo_inscription_newsletter .boutons .submit,
#formulaire_ecrire_auteur_6 .boutons input.submit	{ width:81px !important; }
 		
.forum-fil ul 				{ margin-left:20px; border-left:1px solid #BE0A26; padding-left:5px; }
/* styles globaux */
body 		{ font: normal normal normal 12px/17px "Lucida Grande", Tahoma, Geneva, Arial; color:#4d4d4d; background:url(../_imgs/bg.gif) top center repeat-x #F6F6F6; }
.wrapper 	{ width:822px; margin:0 auto; padding:0 19px 0 19px; background:url(../_imgs/content-bg.png) top center repeat-y #FFF; }
a 			{ color:#000; text-decoration:none;  }
input,
textarea	{ font: normal normal normal 12px/14px "Trebuchet MS", "helvetica", "arial"; }
textarea 	{ height:auto; }
hr 			{ padding:0; margin:0; border:none; }
br.bugajaxie 		{ font-size:0; line-height:0; height:0; margin:0; padding:0; display:block; }
.boutons .submit 	{ background:url(../_imgs/sprite.png) top right no-repeat; width:55px; height:19px; border:none; color:#FFF; font-size:14px; line-height:20px; padding:0 0 4px; text-align:center; }

/* header */
.header 	{ width:960px; padding:0 8px 10px 6px; position:relative; background:url(../_imgs/header-bg.png) top left no-repeat;  }

/* banniere */
.banniere 				{ width:820px; height:140px; background:url(../_imgs/togo2010.jpg) top center no-repeat #C4D000; border-bottom:5px solid #BE0A26; }
.banniere .logo 		{ display:block; float:left; width:94px; height:140px; }
#banniere-titre 		{ float:left; height:140px; }
#banniere-titre h1, #banniere-titre h2, #banniere-titre h3 	{ display:block; padding:15px 20px; text-shadow: 0 -1px 3px #666; }
#titre1 				{ font-size:32px; color:#FFF; font-weight:normal; letter-spacing:3px; padding-top:20px !important; } 
#titre2 				{ font-size:41px; color:#BE0A26; text-transform:uppercase; font-weight:bold; padding-bottom:5px !important; padding-top:10px !important; letter-spacing:2px; } 
#titre3 				{ font-size:24px; color:#FFF; font-weight:normal; margin-left:5px !important; letter-spacing:1px; } 

/* content */
#content 					{ display:block; float:left; width:590px;  }
#content .content-col ul	{ background:#FFF; list-style:none; color:#000; text-align:center; }
#content .content-col img	{ margin:5px 5px 0 5px; }
#content .content-col li	{ text-align:left; }
#actualite li, #presse li 	{ padding:5px 15px; background:url('../_imgs/sprite.png') top left no-repeat #FFF; background-position: -5px -148px; }
/*#actualite li.first 		{ padding-top:0; background-position: -810px -176px; }*/
#actualite li.image-first 	{ padding:0; background-position: -5px -148px; }
#actualite li.image-first 				{ padding:5px 5px 0 5px; }
#actualite li.article-image-first 		{ background:url('../_imgs/sprite.png') no-repeat #FFF -811px -171px; padding:5px 15px; }

#actualite li.image-first img 	{ margin:0 }
#content h1, #content h2 	{ font-size:14px; text-transform:uppercase; color:#000; font-weight:bold; padding-bottom:5px; }
.content-col a, .content-col a:visited 		{ color:#272727; font-size:13px; font-weight:bold; }
.date 						{ font-size:10px; color:#4d4d4d; }
h3.date 					{ display:inline; font-size:14px; color:#BE0A26; }
.chapo 						{ font-size:12px; color:#666; }

/* home */
#presentation 				{ display:block; width:590px; height:195px; position:relative; border-bottom:5px solid #BE0A26; }
#sursaut-et-programme 		{ background:url('../_imgs/logo-etoiles.png') top left no-repeat #EEE; }
#sursaut-et-programme-foot 	{ background:url('../_imgs/logo-etoiles.png') bottom left no-repeat transparent; height:20px; }
#sursaut 					{ float:left; width:220px; padding:5px 10px; }
#programme 					{ float:right; width:320px; height:101px; padding:5px 10px; }
#actualite, #presse 		{ padding-bottom:5px; background:#C4D000; border-top:1px solid #DeDeDe; border-bottom:1px solid #DeDeDe; }
#actualite 					{ float:left; margin-right:5px; border-right:1px solid #DeDeDe; }
#presse 					{ float:right; margin-left:0px; border-left:1px solid #DeDeDe; }
#actualite h3, #presse h3	{ height:21px; padding:5px 0 0 10px; background:url('../_imgs/sprite.png') top center no-repeat #DDD;
							background-position: -245px -62px; color:#FFF; text-shadow: 0 -1px 3px #666; border-bottom:1px solid #BE0A26; }
#actualite h3 a, #presse h3 a 	
	{ height:21px; color:#FFF; text-shadow: 0 -1px 3px #666; border:0; }

.content-home, .content-home a, .content-home a:visited 	{ color:#555; text-decoration:none; }

#sursaut-et-programme h2 a 	{ color:#000; }


/* colonne */
#sidebar 			{ display:block; float:left; width:230px; background:url('../_imgs/sidebar-bg.png') repeat-y #C4D000; }
#sidebar .content 	{ padding:5px 5px 5px 10px; }
#sidebar input 		{ color:#777; }
#sidebar h4 		{ border-bottom:1px solid #808080; color:#254180; padding:0 0 2px 5px; font: italic bold normal 16px "Myriad Pro", "helvetica", "arial";}
.side-bg 			{ margin-top:5px; background:url('../_imgs/sidebar-sep.png') left -1px no-repeat; }
.side-bg a, .side-bg p 		{ font-size:12px; color:#4d4d4d; line-height:15px; }			

/* Recherche */
#formulaire-recherche label 	{ display:block; height:21px; color:#FFF; padding:0 5px; text-shadow: 0 -1px 3px #666; font-weight:bold; }
#recherche 						{ display:block; float:left; width:150px; font-size:12px; height:16px; padding:3px; margin-right:5px;  border:1px solid #AAA; }
#submit-recherche 				{ display:block; height:23px; width:36px; background:url('../_imgs/sprite.png') top center no-repeat #DDD; 
								background-position: -209px -62px; border:0; cursor:pointer; }

/* Dons */
#dons 						{ background:url('../_imgs/dons-bg.png') top center repeat-x #E64B14; }
#dons a, #dons 				{ color:#FFF; }
#dons p 					{ font-size:12px; }
#bouton-don 				{ display:block; float:left; width:41px; height:41px; margin:5px 10px 5px 0; background:url('../_imgs/sprite.png') top center no-repeat #D22; 
							background-position: -616px -36px; }
#bouton-soutenir 	{ display:block; width:180px; height:18px; font-size:14px; background:url('../_imgs/sprite.png') top left no-repeat #AAA;
					background-position:0 -62px; color:#FFF; text-shadow: 0 -1px 3px #666; font-weight:bold; padding:5px 15px; margin:5px 0; }


/* Facebook, Twitter, Photo-Videos, Agenda */
#bouton-fb 			{ display:block; float:left; width:39px; height:38px; margin:5px 10px 0 0; background:url('../_imgs/sprite.png') top center no-repeat #D22; 
					background-position: -657px -36px; }
#bouton-twit 		{ display:block; float:left; width:41px; height:40px; margin:5px 10px 0 0; background:url('../_imgs/sprite.png') top center no-repeat #D22; 
					background-position: -696px -36px; }
#bouton-foto-vids 	{ display:block; float:left; width:39px; height:38px; margin:5px 10px 0 0; background:url('../_imgs/sprite.png') top center no-repeat #D22; 
					background-position: -737px -36px; }
#bouton-agenda 		{ display:block; float:left; width:39px; height:39px; margin:5px 10px 0 0; background:url('../_imgs/sprite.png') top center no-repeat #D22; 
					background-position: -776px -36px; }
#agenda h5 			{ font-weight:normal; }
#agenda h5.strong 	{ font-weight:bold; }

/* Footer */
#footer			{ width:610px; margin:5px auto 15px auto; padding:0 250px 0 0; color:#AAA; font-weight:bold; font-size:11px; background:#F6F6F6; text-align:center; }
#footer a, #footer a:hover 	{ color:#AAA; font-size:12px; font-weight:bold; text-decoration:none; }
#footerclear 	{ float:left; width:610px; border-top:2px solid #C9CACA; size:0; height:0; margin:0 0 5px 0;}

/* Menu */
#supwrap 					{ display:block; margin:0 auto; width:860px; height:10px; background:#FFF; }
#topmenu 					{ border-top:1px solid #DeDeDe; margin-left:-2px }
#topmenu li 				{ display:block; float:left; width:116px; height:12px; padding:8px 10px 14px 10px; 
border-left:1px solid #69971F; border-right:1px solid #9CB81D; border-bottom:2px solid #572; 
background:url('../_imgs/sprite.png') no-repeat;  background-position: -15px 0; text-align:center; }
#topmenu li:hover 			{ border-bottom:2px solid #BE0A26; }
#topmenu li a 				{ font-size:12px; font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase; text-shadow: 0 -1px 3px #666; letter-spacing:1px; }
#topmenu li.onglet-first 	{ width:115px; border-left:0; background-color:#DDD; background-position: 0 0; }
#topmenu li.onglet-last 	{ width:115px; border-right:0; background-color:#DDD; background-position: -685px 0; }
#topmenu li.onglet-actif 		{ border-bottom-color:#BE0A26; }
#topmenu li.onglet-actif:hover 	{ border-bottom-color:#FFF; }

/* Home - presentation  */
#image-presentation 	{ width:590px; height:195px; }
#presentation strong 	{ display:block; position:absolute; width:570px; height:16px; padding:10px; bottom:0; height:auto; background:#DDD; 
						opacity:0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); left:0;
						color:#000; font-size:16px; font-weight:bold; font-style:italic; font-family:Georgia; }

/* Home - Programme */
#programme h2, #programme h3 	{ display:inline; }
#programme h3 					{ font-size:12px; font-weight:normal; }

/* Rubriques */
.read-next 			{ display:block; float:right; padding:0 5px 15px 12px; color:#666; }
.rubrique-content 	{ background:#FFF; }
#entete-rubrique 	{ display:block; float:left; width:590px; padding:8px 5px 3px 10px; border-bottom:1px solid #BE0A26; background:url('../_imgs/degrade-bg.png') top left repeat-x #799A17; }
#entete-rubrique h1, #archive-rubrique h2 	{ font-weight:bold; color:#BE0A26; }
#entete-rubrique h1 	{ float:left; text-shadow: 0 -1px 3px #AAA; }
#pagination-articles 	{ display:block; width:570px; text-align:center; margin:35px 0 25px 0; padding-left:20px; }

/* Articles */
.article-content 	{ background:#e7e7e7; }
#entete-article 	{ display:block; float:left; width:365px; margin-bottom:10px; padding:5px 5px 1px 5px; border-right:1px dashed #BE0A26; border-bottom:1px dashed #BE0A26; background:url('../_imgs/degrade-bg.png') top left repeat-x #799A17; }
#archive-article 	{ display:block; float:right; width:204px; margin-bottom:10px; padding:5px 3px; border-left:1px dashed #BE0A26; border-bottom:1px dashed #BE0A26; background:url('../_imgs/degrade-bg.png') top left repeat-x #799A17; }
#entete-rubrique #outils 	{ padding-right:14px; }
#outils 			{ float:right; }
#outils a 			{ display:block; float:right; padding-left:2px; width:17px; height:17px; }
#outils a span 		{ display:none; }
#outils-imp 		{ background:url('../_imgs/picto-article.gif') top left no-repeat; }
#outils-fb 			{ background:url('../_imgs/picto-article.gif') -20px 0 no-repeat; }
#outils-twit 		{ background:url('../_imgs/picto-article.gif') -42px 0 no-repeat; }
#outils-rss 		{ background:url('../_imgs/picto-article.gif') -62px 0 no-repeat; }
#archive-article li,
#archive-article li	a { font-size:12px; color:#fff; }
#archive-article ul	{ padding-left:14px; list-style:square; text-shadow: 0 -1px 3px #666; }
#entete-article h1, #archive-article h2 	{ font-weight:bold; color:#BE0A26; }
#entete-article h1 	{ float:left; }
.article 			{ padding:15px; background:url('') #e7e7e7 !important; }
.article2 			{ padding:15px; }
div.article2 		{ margin-bottom:20px; padding:10px 5px; background:url('../_imgs/sprite.png') top left no-repeat; background-position: -15px -148px; }
#corps, .corps 		{ margin:10px 0; }
#caption2 img 		{ margin-top:2px; padding-top:0; }

/* Contact & forum */
.formulaire_ecrire_auteur 					{ padding:15px; }
.formulaire_ecrire_auteur label, legend 	{ display:block; }
.formulaire_ecrire_auteur legend 			{ padding-bottom:10px; }
.formulaire_ecrire_auteur input, textarea 	{ width:360px; margin:5px 0 15px 0; }
.formulaire_ecrire_auteur input[type=submit] , #formulaire_forum fieldset.previsu .boutons input[type=submit] , #submit-formulaire-forum , #submit-formulaire-forum2 
	{ display:block; height:30px; width:81px !important; background:url('../_imgs/sprite.png') top center no-repeat #DDD; 
								background-position: -497px -88px; text-indent:-9999px; margin-left:152px; margin-top:8px; cursor:pointer; }
.formulaire_spip li 								{ list-style-type:none; }
#formulaire_forum label								{ display:block; }
.moderation_info legend , fieldset.previsu legend 	{ font-weight:bold; color:#BE0A26; text-transform:uppercase; }
.moderation_info p.explication						{ color:#BE0A26; margin-bottom:10px; }
.forum-texte p 										{ margin:5px 15px; padding:5px; border:1px dashed #BE0A26; font-size:10px; color:#666; }
#article-forum 										{ padding-top:0; margin-bottom:15px; }
#article-forum 	p 									{ margin:0; padding:3px 0 0 3px; border:none; font-size:12px; }
li.forum-fil 										{ border-top:1px dashed #BE0A26; margin-bottom:10px; padding-top:3px;  }
.previsu li.forum-fil 								{ border:0; }


/* osx */

.osx #bouton-soutenir 	{ font-size:13px;}
.osx #dons a,
.osx #dons 				{ font-size:11px;}