/* ######################################################## */
/* FEUILLE DE STYLE REALISEE PAR ARNAUD MAILLARD / PIXME.FR */
/* POUR LE SITE AFRICARRERA.COM / AFRICARRERA.ORG           */
/* TOUS DROITS RESERVES - REPRODUCTION INTERDITE            */
/* ######################################################## */
html { height:100%; }
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; background:#DDCEAA url(img/body.jpg) 50% 0 no-repeat fixed; color:#000; }
	a { text-decoration:none; color:#422E18; font-weight:bold; }
		a:hover { text-decoration:underline; }
	p { margin:0 0 10px 0; text-align:justify; padding:0; line-height:1.4em; }
	table { margin:0 auto 10px auto; border:none;}
	th { font-weight:bold; text-align:center; vertical-align:middle; padding:5px; color:#FFF; }
	td { padding:3px; }
	em { font-style:italic; }
	dl { text-align:left; }
	dt { font-weight:bold; }
	dd { margin:0 0 15px 20px; }
	h1 { margin:0 0 15px 0; font-size:1.6em; font-weight:bold; color:#5F4222; border-bottom:1px solid #5F4222;}
	h2 { margin:0 0 10px 0; font-size:1.5em; font-weight:bold; color:#5F4222; }
	h3 { margin:0 0 8px 0; font-size:1.4em; font-weight:bold; color:#000; background:url(img/h3.gif) 0 8px no-repeat; padding-left:10px; }
	h4 { margin:0 0 5px 0; font-size:1.4em; font-weight:bold; color:#5F4222; }
	h5 { margin:0 0 5px 0; font-size:1.2em; font-weight:bold; }
	h6 { margin:0 0 5px 0; font-size:1.2em; font-weight:bold; font-style:italic; }
	q { font-style:italic; }
	img { border:6px #DDCFAB solid; margin:4px; }
	li { margin-bottom:5px; }

#entete { margin:0; height:200px; }
	#entete a { display:block; height:200px; width:99%; margin:0 auto; }
		#entete a span { display:block; position:absolute; top:-10000px; left:-10000px; }

#contenu { width:988px; margin:0 auto; overflow:hidden; }
	#gauche { width:230px; float:left; overflow:hidden; position:fixed; padding:30px 0 0 0; margin:0; }
		.menubox { width:230px; margin:0 0 20px 0; padding:0 0 37px 0; overflow:hidden; background:url(img/menuboxul.png) 2px bottom no-repeat; }
			.menubox .titre { width:180px; padding:12px 25px 0 25px; color:#FFF; font-weight:bold; font-style:italic; font-size:18px; overflow:hidden; background:url(img/menuboxtitle.png) 2px 0 no-repeat; text-align:center; }
			.menubox ul { width:190px; list-style:none; margin:0; padding:0 20px; background:url(img/menubox.png) 2px repeat-y; overflow:hidden; }
				.menubox ul li { margin:0; padding:0; }
					.menubox ul li a { display:block; padding:4px 5px 4px 35px; width:150px; color:#000; background:url(img/menuboxa.gif) 11px 5px no-repeat; }
						.menubox ul li a:hover { color:#FFF; background:#5F4222 url(img/menuboxao.gif) 11px 5px no-repeat; text-decoration:none; }
.rub16 .menu_16 ,
.rub10 .menu_10 ,
.rub11 .menu_11, 
.rub12 .menu_12,
.rub13 .menu_13,
.rub14 .menu_14 { color:#FFF; background:#5F4222 url(img/menuboxao.gif) 11px 5px no-repeat; }

	#droite { width:758px; float:right; overflow:hidden; }
		#droitehaut { width:743px; height:42px; padding:3px 0 0 15px; background:url(img/droitehaut.png) no-repeat; }
			#droitehaut ul { margin:0; padding:0; list-style-type:none; display:block; height:28px; }
				#droitehaut li { width:115px; height:28px; margin:0 5px 0 0; padding:0; float:left; position:relative; background:url(img/menuhautli.png) no-repeat; }
					#droitehaut li a { width:115px; color:#FFF; padding:7px 0 5px; text-align:center; display:block; float:left; text-decoration:none; height:16px; }
						#droitehaut li a:hover { color:#5F4222; }
					#droitehaut ul li ul { display:none; border:0; }
					#droitehaut ul li:hover { background:url(img/menuhautao.png) no-repeat; }
						#droitehaut ul li:hover a { color:#5F4222; }
					#droitehaut ul li:hover ul { display:block; position:absolute; background:#FFF; color:#A88958; opacity:0.85; width:200px; top:28px; left:0px; overflow:hidden; height:auto; }
					#droitehaut li ul li { float:none; height:auto; width:200px; background:none; }
					#droitehaut li ul li a { display:block; width:180px; float:none; padding:4px 5px 4px 15px; color:#000; text-align:left; font-weight:normal; height:auto; background:url(img/menulia.png) 4px 10px no-repeat; }
						#droitehaut li ul li a:hover { background:#5F4222; color:#FFF; }

.rub3 li#mm_3 { background:url(img/menuhautaa.png) no-repeat; }
.rub4 li#mm_4 { background:url(img/menuhautaa.png) no-repeat; }
.rub5 li#mm_5 { background:url(img/menuhautaa.png) no-repeat; }
.rub6 li#mm_6 { background:url(img/menuhautaa.png) no-repeat; }
.rub7 li#mm_7 { background:url(img/menuhautaa.png) no-repeat; }

		#droitemilieu { width:668px; min-height:320px; padding:0 45px; overflow:hidden; background:url(img/droitemilieu.png) repeat-y; color:#000; }
		#droitebas { width:758px; height:45px; background:url(img/droitebas.png) no-repeat; }

#bas { text-align:center; padding:0 0 10px 230px; color:#fff; }
	#bas2 a { font-weight:normal; color:#fff; padding:0 10px; }
		#bas2 a:hover { text-decoration:underline; }

/* Classes personnalisées */

/* Fil d'ariane : */
.chemin { margin:0 0 15px 0; font-size:10px; color:#5F4222; }
	.chemin a { padding:0 3px 0 0; color:#5F4222; }
		.chemin a:before { content:"> "; }
		.chemin a:hover { content:"> "; color:#000; }

/* Liens */
a.blank { background:url(img/blank.gif) 100% no-repeat; padding-right:10px; }
a.lire { padding-left:14px; background:url(img/lire.gif) 2px 3px no-repeat; }

/* Articles : */
.article { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px dotted #5F4222; overflow:hidden; }
.lienarticlecomment { text-align:right; font-size:10px; }
	.lienarticlecomment a { text-align:right; font-size:10px; padding:4px 0 3px 18px; background:url(img/editer.gif) no-repeat; color:#DDCFAB; }
		.lienarticlecomment a:hover { color:#000;}

/* Sous-rubriques et rubriques soeurs */
.sousrubriques { width:420px; background:url(img/sousrubbas.gif) 0 100% no-repeat; margin:0 auto 10px; padding:0 0 5px 0; color:#FFF; clear:both; }
	.sousrubriques h2 { font-size:14px; color:#DDCFAB; padding:5px; background:url(img/sousrubhaut.gif) no-repeat; margin:0; }
	.sousrubriques ul { background:#5F4222; list-style:none; margin:0; padding:0 0 5px 0; }
	.sousrubriques li { margin:0; padding:0 5px; }
	.sousrubriques a { display:block; padding:4px 10px 4px 35px; color:#FFF; background:url(img/menuboxao.gif) 9px 5px no-repeat;  }
		.sousrubriques a:hover { color:#5F4222; background:#DDCFAB url(img/menuboxa.gif) 9px 5px no-repeat; text-decoration:none; }
	li.rubactive{ color:#5F4222; background:#DDCFAB url(img/menuboxa.gif) 9px 5px no-repeat; text-decoration:none; padding:4px 10px 4px 35px; margin:0 5px; }

/* Formulaires */
textarea { border:1px solid #5F4222; background:#FFF; color:#000; opacity:0.5; }
.inputtxt { border:1px solid #5F4222; background:#FFF; color:#000; opacity:0.5; }
.bouton { background:#5F4222; border-color:#756643 #000 #000 #756643; border-style:solid; border-width:1px; color:#FFF; font-weight:bold; }

/* Commentaires */
.commentaires { padding:0 0 10px 0; margin:0 0 15px 0; border-bottom:1px dotted #5F4222; }
	.date { float:right; font-size:10px; }
	.pseudo { font-weight:bold; }
	blockquote { border:dashed #000 1px; color:#000; font-style:italic; margin:5px 10px 5px 20px; padding:5px 50px 5px 10px; background:#FFF url(img/blockquote.gif) 98% 5px no-repeat; opacity:0.5; }
	.nav { font-size:9px; font-family:verdana, sans-serif; text-align:right; color:#5B4631; }

/* Pagination */
#pagination { padding:5px 0 15px; border-bottom:1px dotted #5F4222; text-align:center; overflow:hidden; margin:0 0 15px; }
	#pagination a { padding:3px; background:#5F4222; border-color:#756643 #000 #000 #756643; border-style:solid; border-width:1px; color:#FFF; font-weight:bold; }
		#pagination a:hover { background:#FFF; opacity:0.5; color:#5F4222; text-decoration:none; }
	#pagination span { padding:3px; background:#FFF; opacity:0.5; border:1px solid #5F4222; font-weight:bold; }

/* Classes génériques */
.ok { background:#6F9 url(img/ok.gif) 10px 10px no-repeat; padding:10px 10px 10px 40px; border:2px solid #090; color:#090; }
.pasok { background:#F99 url(img/pasok.gif) 10px 10px no-repeat; padding:10px 10px 10px 50px; border:2px solid #F00; color:#F00; }
.ajouter { background:url(img/ajouter.gif) no-repeat; padding-left:18px; }
.rss { background:url(img/rss.gif) no-repeat; padding-left:18px; }
.citer { background:url(img/citer.gif) no-repeat; padding-left:18px; }

/* Lien "Haut de page" */
#pagetop a { padding-left:14px; background:url(img/pagetop.gif) 2px 2px no-repeat; }

/* Putain d'IE6 ! */
#ie { background:#F00; color:#FFF; padding:10px; }
#ie h2 { color:#FF0; }
#ie a { color:#F90; }