/*
Theme Name: Zapping 2010

Version: 1.0

Description: Based on Renegade.

Author: Après Coup
Author URI: http://www.aprescoup.com

*/


@import url("reset.css");
@import url("basic.css");
@import url("dropdown.css");

body { margin:0px; padding:0px; background:#031728 url('images/bg_interieur.jpg') center top no-repeat; position:relative; background-attachment: fixed; font:normal normal 12px arial, verdana, sans-serif; color:#ffffff; }

body.home { background:#052846 url('images/bg_general.jpg') center top no-repeat; background-attachment: fixed; }

a { color:#155da0; text-decoration:none; }
a:hover { color:#3484ce; }

/* blue background bar */
.bgBar { background:url('images/header.png') center top no-repeat; width:100%; height:599px; position:absolute; /* top:-200px; */ top:20px; left: 0px; z-index:20; }
.bgFlash { position:absolute; width:100%; height:700px; margin: 0 auto; top:20px; left: 0px; z-index:20; }

.bgBarNew { background:url('images/fond_mininav.png') right top no-repeat; width:500px; height:90px; position:absolute; /* top:-90px; */ top:0px; right:0; z-index:30; }

#flash_header { width:100%; height:500px; position: relative; top:0; left:0; z-index:30; }
#flash_header_int { width:100%; height:140px; position: relative; top:0; left:0; z-index:30; }

#flash_affiche { width:100%; height: 100%; position: absolute; top:0px; left:0px; z-index:10; }


.wrap { width:737px; margin:0px auto 0px; z-index: 35; }
.conteneurHome { position: absolute; top: 214px; width:100%; margin:0 auto; z-index: 35; }

	.topbar { clear:both; margin:0px; padding:213px 0 0 0; height:33px; z-index: 25; }
	.topbarhome { clear:both; margin:0px; padding:0; height:33px; z-index: 25; }

.bgBarNew { text-align: center; }
.bgBarNew .menu { text-align: center; padding: 0 20px 0 20px; }

		.menu {  text-transform:uppercase; font-size:13px; line-height:100%; font-family: "Arial Narrow", calibri, arial, sans-serif; font-weight: bold; position:absolute; z-index: 60; /* visibility:hidden; */ }
			.menu ul { list-style:none; margin:0px; padding: 10px 0 0 30px; z-index:100; background:url('images/separateur-nav.png') 18px 13px no-repeat;	width: 100%; height: 40px; }
				.menu li { float: left; margin:0px; padding:0px 12px 0px 0; position:relative; background:url('images/separateur-nav.png') right center no-repeat; }
					.menu li a { 
						display:inline-block; padding: 2px 3px 2px 3px; margin:0px; color:#000000; text-decoration:none;
						}
					.menu li a:hover  { color:#4ebde4; }
					.menu li.current_page_item a,
					.menu li.current_page_parent a,
					.menu li.current_page_ancestor a { color:#4e6e8c; }
					.menu li.home-link a { background:none; padding-left:0; }
					.menu li.subscribe { float:right; overflow:hidden; }
					.menu li.subscribe a { background:none; color:#FFC062; }
					.menu li.subscribe a:hover { color:#FFD697; }
					.menu li.subscribe img { float:right; margin:-2px 0px 0px 8px; width:16px; height:16px; }

	.header { padding:0px 0px 30px 0px; margin:0px; height:220px; clear:both;  color:#CCCCCC; }
		.header h1 { font:bold 44px/100% Helvetica, Arial, sans-serif; margin:0px 0px 0px 0px; text-shadow:1px 1px 1px rgba(0,0,0,0.5); }
		.header a, .header a:hover { color:#FFFFFF; text-decoration:none; }
		.header h4 { font:normal 14px/140% Georgia, serif; font-style:italic; margin:10px 0px 0px 0px; }

	#content { clear:both; position: relative; padding: 13px 0 0 8px; z-index: 50; background-color: #031728; min-height: 400px; }
	#largecontent { clear:both; position: relative; z-index: 50; background-color: #031728; min-height: 500px; padding: 0px; }
	#content_noside { position: absolute; left: 0px; top: 0px; width:100%; height: 100%; z-index: 1; }

	.home #content { margin: 326px 0 0 0; padding: 12px 0 0 8px; }

	.c1 ul { margin: 0; padding: 0; }
	.c1 li { margin:0px; padding:0px 0 0 12px; position:relative; background:url('images/separateur-nav.png') left center no-repeat; }

		.c1 { width:517px; float:left; margin: 0px 10px 0px 1px; position: relative; }
		.large { width: 735px; margin: 0px 10px 0px 0px; }

		.flashinner { margin: 0; padding: 0; }

			.post { overflow:hidden; background:#bababa url('images/post_fd_message.jpg') left top repeat-x; margin: 0px; padding: 20px; }
			.largepost { padding: 0px; }

				.post-title { overflow:hidden; font:bold 32px "Arial Narrow", Calibri, Arial, sans-serif; text-transform: uppercase; color:#155da0; margin:0px; padding:0px; }
				.post-title a { color:#155da0; text-decoration:none; }
				.post-title a:hover { color:#666666; text-decoration:none; }

				.post-text { overflow:hidden; margin:0px; font:normal normal 12px arial, verdana, sans-serif; color:#000000; }
				.post-text h2 { font-family: "arial narrow", arial, verdans, sans-serif; font-weight: bold; color:#155da0; font-size: 18px; margin: 0; padding: 0; }
				.post-text h3 { font-family: "arial narrow", arial, verdans, sans-serif; font-weight: bold; color:#155da0; font-size: 16px; margin: 0; padding: 0; line-height: 100%; }
				.post-text strong { font-weight: bold; color:#155da0; margin: 0; padding: 0; }
				.post-text em { color:#155da0; }
				/* .post-text p { padding: 0 0 30px 0; } */
				.post-text hr { margin: 0 0 20px 0; padding: 0; }
				.post-text #bulletlist { width: 137px; height: 165px; font-size: 10px; background-color: #a1a1a1; padding: 5px; }
				.post-text #bulletlist ul{ list-style-type: disc; margin:0; padding:0 5px 0 15px; }
				.post-text #bulletlist ul li{ margin:0; padding:0 0 5px 0; color:#155da0; }
				.post-text #bulletlist ul li span { color:#464646; }

				.post-text a { text-decoration: underline; }
				.post-text a:hover { text-decoration: none; }

				.rubrique { margin: 50px 0 0 0; }
				.nav-onglets { position: absolute; left: 0; top: 0; font-family: georgia, "times new roman", serif; font-style: italic; color: #000000; white-space: nowrap; width: 520px; height: 36px; font-size: 11px; }
				.nav-onglets ul { list-style: none; display: inline; width: 520px; height: 36px; }
				.nav-onglets ul li { float: left;  height: 36px; width: 172px; padding: 5px 0; text-align: center; list-style: none; background: url(images/nav-onglets-passif.png) left top no-repeat; }
				.nav-onglets ul li.current_page_item { width: 173px; background: url(images/nav-onglets-actif.png) left top no-repeat; color: #145897; }
				.nav-onglets ul li a { color: #000000; text-decoration: none; }
				.nav-onglets ul li a:hover { color: #3484ce; text-decoration: none; }
				.nav-onglets ul li.current_page_item a { font-weight: bold; color: #145897; }

				.nav-onglets { position: absolute; left: 0; top: 0; }


				.post-meta { overflow:hidden; clear:both; padding:10px 20px; margin:0px -20px 0px -20px; background:#F1F1EF; color:#888888; font-size:11px; }

				.post-comments { font-weight:bold; float:right; }

				.sep { height:17px; margin:40px 0px; overflow:hidden; clear:both; }

				.navigation a, .navigation span { background:#8A949D; }

		.c2 { width:190px; float:left; }



	.footer { position: relative; margin: -180px 0 0 0; clear:both; width: 100%; height: 365px; background:url('images/footer.png') center 20px no-repeat; z-index: 150; }
	.footer .footer_inner { position: relative; width:760px; margin: 0px auto; padding: 180px 0 0 0; }
	.footer .footer_inner #logo_solidarite_sida { float: left; padding: 30px 0 0 0; }
	.footer .footer_inner .liens { float: left; margin: 45px 0 0 27px; font-family: arial, verdana, sans-serif; font-size: 11px; font-weight: bold; color: #b0e1f2; }
	.footer .footer_inner .liens ul { list-style-type: none; }
	.footer .footer_inner .liens ul li a{ font-weight: normal; color: #46bbe3; }
	.footer .footer_inner #bt_credit { position: absolute; right: 50px; top: 305px;font-family: arial, verdana, sans-serif; font-size: 11px; color: #434343; z-index: 30; }
	.footer .footer_inner #bt_don { position: absolute; left: 580px; top: 220px; z-index: 20; }
	.footer .footer_inner #mentions { position: absolute; width:760px; text-align: center; top: 308px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #ee2a25; }
	.footer .footer_inner #mentions span { color: #46bbe3; padding: 0 10px 0 10px; }
	.footer .footer_inner #mentions a { color: #46bbe3; padding: 0 10px 0 10px; }

			#widgets { list-style:none; margin:0px; padding:0px; }

.liensfooter { list-style: none; display: inline; padding: 0; }
.liensfooter li { background: url(images/separateur-lien-footer.gif) 0px 3px no-repeat; list-style: none; display: inline; padding: 0 0 0 5px; }


/* aligns and images */
p img { padding:0; max-width:100%; }
img.centered { display:block; margin-left:auto; margin-right:auto; }
img.alignnone { padding:0px; margin:0px 0px 10px 0px; display:inline; }
img.alignright { padding:0px; margin:0px 0px 10px 10px; display:inline; }
img.alignleft { padding:0px; margin:0px 10px 10px 0px; display:inline; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter, div.aligncenter { display: block; margin-left:auto; margin-right:auto; }
.textalignleft { text-align:left; }
.textalignright { text-align:right; }
.textaligncenter { text-align:center; }

/* captions */
.wp-caption { position: relative; text-align: center; padding: 0; margin:10px; overflow: hidden; background-color: #ffffff; }
.wp-caption.alignright { margin: 10px; }
.wp-caption.alignleft { margin: 10px; }
.wp-caption.alignnone, .wp-caption.aligncenter { margin:0px 0px 10px 0px; }
.wp-caption img { display:block; margin: 4px; padding:0; border:0px; float:none; }
.wp-caption.alignright img { float:right; }
.wp-caption.alignleft img { float:left; }
.wp-caption div.wp-caption-text { position: absolute; left: 0px; top: 0px; width: 95%; height: 95%; background: none;  font:normal 10px/100% Arial, Helvetica, sans-serif; text-align: left; color: transparent; padding: 10px 20px 20px 10px; margin: 0px; }
.wp-caption div.wp-caption-text:hover { background:url(images/fond_caption.png) top left repeat; color: #5b5a5a;  }

/* calendar */
#wp-calendar, #wp-calendar th, #wp-calendar td { background:none; border:none; }
#wp-calendar { background:none; empty-cells: hide; width:100%; font:normal 11px/200% Verdana, Arial, Helvetica, sans-serif; }
#wp-calendar th { font-style:normal; font-weight:normal; text-transform: capitalize; }
#wp-calendar td { text-align: center; background-color:#E1E1E1; padding:0px; }
#wp-calendar td:hover { background-color:#CFCFCF; }
#wp-calendar a { text-decoration:none; display:block; background-color:#CDCDCD; color:#333333; }
#wp-calendar a:hover { background-color:#B9B9B9; }
#wp-calendar caption { font-weight:bold; text-align:center; }
#wp-calendar #today { background-color:#FFFFFF; }
#wp-calendar caption { text-align: center; width:100%; }
#wp-calendar .pad { background-color:#F0F0F0; }
#wp-calendar #next a { padding-right:10px; text-align:right; }
#wp-calendar #prev a { padding-left:10px; text-align:left; }
#wp-calendar .pad, #wp-calendar .pad:hover { background:#F3F3F3; }


img.size-thumbnail { margin: 0 5px 5px 0; }

#widgets li { line-height: 10px; margin: 0; padding: 0 5px 5px 0; }

#widgets li.gris { width: 188px; background:#bababa url('images/sidebar_fd_gris.jpg') center top no-repeat; padding:0 0 10px 0; margin:0; }
#widgets li.gris h2 { padding: 5px 0 0 12px; font-size: 14px; font-weight: bold; font-family: "Arial Narrow", Calibri, Arial, sans-serif; color: #155da0; text-transform: uppercase; }
#widgets li.gris a { font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; color: #464646; }
#widgets li.gris ul li { list-style-type: disc; color:#155da0; }

#widgets li.gris ul li.acces, #widgets li.gris ul li.garderie, #widgets li.gris ul li.camping, #widgets li.gris ul li.handicap, #widgets li.gris ul li.faq  { list-style-type: none; padding: 0 0 12px 0; }
#widgets li.gris ul li.acces a, #widgets li.gris ul li.garderie a, #widgets li.gris ul li.camping a, #widgets li.gris ul li.handicap a, #widgets li.gris ul li.faq a  { font-weight: bold; }

#widgets li.gris ul { padding: 0 5px 0 30px; }
#widgets li li.violet ul, #widgets li.violet ul { padding: 0 5px 15px 15px; }
#widgets li.gris ul.pucesimages { padding: 0 0 0 5px; }

#widgets li.gris ul li.acces a { padding: 5px 0 5px 23px;  background: url('images/picto_acces.gif') center left no-repeat; }
#widgets li.gris ul li.garderie a { padding: 5px 0 5px 23px;  background:url('images/picto_garderie.gif') center left no-repeat; }
#widgets li.gris ul li.camping a { padding: 5px 0 5px 23px;  background: url('images/picto_camping_hotel.gif') center left no-repeat; }
#widgets li.gris ul li.handicap a { padding: 5px 0 5px 23px;  background:url('images/picto_accueil_handicap.gif') center left no-repeat; }
#widgets li.gris ul li.faq a { padding: 5px 0 5px 23px;  background:url('images/picto_faq.gif') center left no-repeat; }

#widgets li.widget, #widgets li.violet { position: relative; width: 183px; background:#4f073d url('images/sidebar_fd_bulle_l.jpg') center top no-repeat; }
#widgets li.widget h2, #widgets li.violet h2 a { font-family: "Arial Narrow", Calibri, Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 14px;  }
#widgets .violet_bottom { position: absolute; left: 0px; bottom: 0px; background: 
url('images/sidebar_fd_bulle_bas.jpg') center bottom no-repeat; width: 188px; height: 18px; }
#widgets li.widget ul li, #widgets li.violet ul li { list-style-type: none; padding: 0 0 5px 8px; }
#widgets li.widget h2, #widgets li.violet h2 { padding: 5px 0 0 12px; font-size: 14px; font-weight: bold; font-family: "Arial Narrow", Calibri, Arial, sans-serif; color: #ffffff; text-transform: uppercase; }
#widgets li.widget a, #widgets li.violet a { font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff; }
#widgets li.widget span.date, #widgets li.violet a span.date { font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; color: #9c4987; }

#widgets h2.widgettitle { margin: 0; background:url('images/sidebar_fd_titre.png') left top repeat-y; padding: 1px 0 0 9px; font-size: 14px; font-weight: bold; font-family: "Arial Narrow", Calibri, Arial, sans-serif; color: #ffffff; text-transform: uppercase; height: 22px; }
#widgets h2.widgettitle a { font-family: "Arial Narrow", Calibri, Arial, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 14px;  }

#widgets #newsletter { width: 175px; height: 29px; background:url('images/sidebar_fd_bulle_s.jpg') left top no-repeat; padding:0 0 0 13px; margin: 0 0 5px 0; }
#widgets #newsletter input { float: left; width: 137px; height: 15px; margin: 8px 0 0 0; padding:0; font-size: 11px; font-family: Arial, sans-serif; border: none; }
#widgets #newsletter img { float: left; margin: 5px 0 0 3px; padding: 0; }

#widgets #player_mp3 { padding: 0 0 10px 0; }
#widgets #sidebar_communautaire { list-style: none; padding: 7px 0 0 30px; }
#widgets #sidebar_communautaire ul li { list-style: none; float: left; padding: 0 10px 0 0; }

#a_laffiche { position: relative; margin: -10px 0 15px 0; padding: 0; }
#a_laffiche h1 { background:url('images/home_fd_titre_large.png') left top no-repeat; font-family: "Arial Narrow", Calibri, arial, sans-serif; font-size: 16px; color: #ffffff; text-transform: uppercase; padding: 1px 0 3px 10px; }
#a_laffiche #a_laffiche_int { width: 518px; height: 185px; padding: 0; background: #e0e0e0 url('images/home_fd_affiche.jpg') left top no-repeat; }
#a_laffiche #a_laffiche_int .affiche_element { position: relative; width: 150px; float: left; padding: 5px 5px 0 15px; font-family: arial, verdana, sans-serif; font-size: 11px; color: #000000; }
#a_laffiche #a_laffiche_int .affiche_element .cache_video { position: absolute; left: 15px; top: 25px; }
#a_laffiche #a_laffiche_int .affiche_element h2 { padding: 0; margin: 0; font-family: "arial narrow", arial, sans-serif; font-size: 12px; color: #e31719; text-transform: uppercase; white-space: nowrap; }
#a_laffiche #a_laffiche_int .affiche_element h2 a { color: #e31719; }
#a_laffiche #a_laffiche_int .affiche_element span { white-space: normal; color: #000000; }
#a_laffiche #a_laffiche_int .affiche_element span img { width: 143px; height: auto; overflow: hidden; margin: 2px 0 5px 0; padding: 0; }
#a_laffiche #a_laffiche_int .affiche_element span a { color: #000000; }
#a_laffiche #bt_tt_videos { position : absolute; top: 200px; left: 205px; margin: 0; padding: 0; font-size: 28px; }
#a_laffiche #bt_tt_videos a { background:url('images/home_bt_tt_videos.png') 0px 0px no-repeat; }
#a_laffiche #bt_tt_videos a:hover { background:url('images/home_bt_tt_videos.png') -105px 0px no-repeat; }

#news { float: left; width: 300px; padding: 0 0 30px 0; }
#news h1 { background:url('images/home_fd_titre_medium.png') left top no-repeat; font-family: "Arial Narrow", Calibri, arial, sans-serif; font-size: 16px; color: #ffffff; text-transform: uppercase; padding: 0 0 5px 10px; margin: 0; }
#news .news_element { position: relative; padding: 0 0 5px 5px; margin: 0 0 5px 0; background:url('images/home_separateur_news.png') left bottom no-repeat;  color: #868084; font-size: 10px; font-family: arial, sans-serif; min-height: 110px;}
#news .news_element .news_date { position: absolute; left: 78px; top: 11px; color: #3591e6; font-style: italic; }
#news .news_element a { pcolor: #3591e6; }
#news .news_element .news_titre { position: absolute; left: 78px; top: 25px; color: #ffffff; font-size: 11px; text-transform: uppercase; font-weight: bold; }
#news .news_element img { float: left; margin: 0 5px 0 0;}
#news #bt_all_news { position: absolute; left: 0px; bottom: 15px; background:url('images/home_fd_bt_all_news.png') left top no-repeat; width: 290px; height: 19px; text-align: right; text-transform: uppercase; padding: 2px 10px 0 0; font-family: "Arial Narrow", Calibri, arial, sans-serif; font-size: 12px; font-weight: bold; }
#news #bt_all_news a { color: #ffffff; }


#focus { position: absolute; top: 240px; left: 309px; z-index: 20; }
#bande_annonce{ position: absolute; top: 467px; left: 318px; padding:0; margin:0; }
#bande_annonce h1 { background:url('images/home_fd_titre_ba.png') left top no-repeat; font-family: "Arial Narrow", Calibri, arial, sans-serif; font-size: 12px; color: #ffffff; text-transform: uppercase; padding: 1px 0 4px 10px; margin: 0; }
#bande_annonce .cache_video { position: absolute; top: 23px; left: 0px; z-index: 50; }

#widgets #newsletter { margin: 10px 0 5px 0; }
#widgets #newsletter form#form_inscr { font-size: 22px; }
#widgets #newsletter form#form_inscr a img { background:url('images/sidebar_bt_inscription_ok.jpg') 0px 0px no-repeat; }
#widgets #newsletter form#form_inscr a:hover img { background:url('images/sidebar_bt_inscription_ok.jpg') 0px -22px no-repeat; }

#widgets li#sidebar_boutique { padding:0; margin:0 0 5px 0; height: 35px; font-size: 35px; }
#widgets li#sidebar_benevole { padding:0; margin:0 0 5px 0; height: 35px; font-size: 35px; }
#widgets li#sidebar_buzz { padding:0; margin:0 0 5px 0; height: 35px; font-size: 35px; }
#widgets #sidebar_boutique a { padding:0; margin:0; width: 188px; height: 35px; background:url('images/sidebar_bt_achetez.png') 0px 0px no-repeat; }
#widgets #sidebar_boutique a:hover { background:url('images/sidebar_bt_achetez.png') -188px 0px no-repeat; }
#widgets #sidebar_benevole a { padding:0; margin:0; width: 188px; height: 35px; background:url('images/sidebar_bt_benevole.png') 0px 0px no-repeat; }
#widgets #sidebar_benevole a:hover { background:url('images/sidebar_bt_benevole.png') -188px 0px no-repeat; }
#widgets #sidebar_buzz a { padding:0; margin:0; width: 188px; height: 35px; background:url('images/sidebar_bt_buzz.png') 0px 0px no-repeat; }
#widgets #sidebar_buzz a:hover { background:url('images/sidebar_bt_buzz.png') -188px 0px no-repeat; }

form#form_contact input { width: 220px; }
form#form_contact textarea#message { width: 459px; height: 200px; margin: 3px 0 5px 0 ; }
form#form_contact p { float: right; padding: 3px 3px 0 0; }
form#form_contact p a img { background:url('images/bt_envoi_contact.png') 0px 0px no-repeat; }
form#form_contact p a:hover img { background:url('images/bt_envoi_contact.png') 0px -23px no-repeat; }

form#form_benevole input { width: 220px; }
form#form_benevole input.radio { width: 20px; }
form#form_benevole textarea#message { width: 459px; height: 200px; margin: 3px 0 5px 0 ; }
form#form_benevole p { float: right; padding: 3px 3px 0 0; }
form#form_benevole p a img { background:url('images/bt_envoi_contact.png') 0px 0px no-repeat; }
form#form_benevole p a:hover img { background:url('images/bt_envoi_contact.png') 0px -23px no-repeat; }

form#form_presse label { padding: 0 0 3px 0; margin: 0; white-space: normal; }
form#form_presse input { width: 220px; margin: 0 0 5px 0 ; }
form#form_presse input.checkbox { width: 20px; margin:0 0 0 5px; padding:0; background: none; border: none; }
form#form_presse input.radio { width: 20px; margin:0; padding:0; background: none; border: none; }
form#form_presse input.submit {  }
form#form_presse textarea { width: 459px; height: 200px; margin: 3px 0 5px 0 ; }
form#form_presse p { clear: both; padding: 0 0 20px 0; }
form#form_presse p span { float: left; }
form#form_presse p a img { background:url('images/bt_envoi_contact.png') 0px 0px no-repeat; }
form#form_presse p a:hover img { background:url('images/bt_envoi_contact.png') 0px -23px no-repeat; }

.post h1 { font:normal 24px/150% "Arial Narrow", Calibri, Arial, sans-serif; text-transform: uppercase; color: #155da0; }

.encart { font-family: "arial narrow", calibri, arial, verdana, sans-serif; background-color: #031728; color: #ffffff; padding: 20px; font-size: 1.2em; text-align: justify; }
.encart h3 { font-family: georgia, "times new roman", serif; font-style: italic; }

.conteneurHome #menu { position: absolute; top: 2px; left: 50%; width: 700px; margin-left: -309px; }
.conteneurHome #diaporama { position: absolute; top: 25px; left: 50%; width: 737px; margin-left: -368px; }
table.partenaires { margin: 0 0 20px 0; }
table.partenaires tr { margin: 0; padding: 0; }
table.partenaires tr td { margin: 0; padding: 5px; }

table.soutiens { margin: 0 0 20px 0; }
table.soutiens tr { margin: 0; padding: 0; }
table.soutiens tr td { margin: 0; padding: 5px; height: 20px; text-align: left; }

#cache { position: absolute; left: -5000px; top: -5000px; }
.comment-text { color: #031728; }
ol.commentlist li { list-style: none; background: none; }