/*
Theme Name: Theme P&P 01
Theme URI: 
Description: Template "Journal du Mobile"
Version: 0.1
Author: Nicolas Delnieppe
*/

/* --------------------------------------------- */
/* GENERAL */
body{ margin:0; padding:0; font-family:Arial, Helvetica, Sans-serif; font-size:0.75em; background:#E5E5E5 url(images/global_bg.gif) repeat-y 50% 0; text-align:center;}
a{ color:#903; text-decoration:none;}
a:hover{ color:#903; text-decoration:underline;}
a img{ border:none;}
hr.spacer{ clear:both; visibility:hidden; height:0; color:white; background:white;}
.noborder{ border:none!important;}
.btn_container{ text-align:center;}
a.btn{ padding:5px; background:#E5E5E5; border:1px solid #CCC; color:#333; font-size:11px; text-decoration:none;}
a.btn:hover{ background:#666; border-color:#666; color:white;}
p.spinner{ background:url(images/ajax-loader-spinner.gif) no-repeat 0 50%;}
p.spinner span{ padding-left:20px; font-size:11px; color:#666;}

#global{ width:980px; background:white; margin:0 auto; overflow:visible; text-align:left;}

/* --------------------------------------------- */
/* HEADER */
#header{ position:relative; height:170px; background:#603 url(images/header_bg.gif) no-repeat;}

	#header h1{ margin:30px; padding:0; float:left;}
	#header h1 a{ display:block; position:absolute; top:0; left:0; width:980px; height:130px;}
	#header h1 span{ display:none;}

	#header #main_nav{ clear:both; float:left; list-style:none; margin:70px 0 0 0; padding:0; background:#903 url(images/main_nav_bg.gif) repeat-x; width:980px; border-top:1px solid #C36; border-bottom:3px solid #502;}
	#header #main_nav li{ float:left; position:relative;}
	#header #main_nav li a{ float:left; height:17px; line-height:20px; padding:10px 20px; color:white; text-decoration:none; text-transform:uppercase; font-weight:bold; border-right:1px solid #603; border-left:1px solid #C36;}
	#header #main_nav li:hover a,
	#header #main_nav li.hover a,
	#header #main_nav li a:hover{ background:#C36 url(images/main_nav_bg_3.gif) repeat-x; border-color:#51001b;}
	
	#header #main_nav li:hover ul li a,
	#header #main_nav li.hover ul li a{ background:#903;}
	#header #main_nav li:hover ul li a:hover,
	#header #main_nav li.hover ul li a:hover{ background:#C36;}
	
	#header #main_nav li ul{ display:none; z-index:200; position:absolute; top:37px; left:0; margin:0; padding:0; background:#903; border:1px solid #502; border-bottom-width:3px; border-top:none;}
	
	#header #main_nav li:hover ul,
	#header #main_nav li.hover ul{ display:block!important;}
	#header #main_nav li ul li{ display:block; clear:left;}
	#header #main_nav li ul li a{ width:200px; padding:5px 10px; border:none; text-transform:none;}

	#header #main_nav .current_page_parent a,
	#header #main_nav .current_page_item a{ background:#C36 url(images/main_nav_bg_2.gif) repeat-x;}

/* Recherche */
#search{ background:#603; clear:both;}

	#search form#searchform{ margin:0; padding:5px; text-align:right;}
	#search form#searchform span{ color:white; font-weight:bold;}

/* --------------------------------------------- */
/* CONTENT */
.main_content{ float:left; width:655px; margin:0; overflow:visible;}

	.main_content .post_col{ width:322px; float:left; margin:0;}
	.main_content .post_col h2{ background:url(images/col_title_bg.gif) no-repeat;}
	
	/* Titres de base */
	.main_content h2{ clear:both; margin:30px 10px 10px 10px; padding:6px 10px; font-weight:normal; font-size:1.5em; background:url(images/main_title_bg.gif) no-repeat; color:white;}
	.main_content h4{ margin:0 0 10px 0; padding:0; font-size:36px; color:#666; font-weight:bold;}
	.main_content h3{ font-size:1.05em;}
	.main_content h3.page_title{ margin-left:70px; margin-top:30px;}
	
	/* Titres illustr?s */
	.main_content#page-offres_etonnantes h4{ background:url(images/page_illus-offres.jpg) no-repeat 0 50%; height:150px; padding:0;}
	.main_content#page-les_mobiles h4{ background:url(images/page_illus-mobiles.jpg) no-repeat 0 50%; height:150px; padding:0;}
	.main_content#page-les_operateurs h4{ background:url(images/page_illus-operateurs.jpg) no-repeat 0 50%; height:150px; padding:0;}
	.main_content#page-iphone h4{ background:url(images/page_illus-iphone.jpg) no-repeat 0 50%; height:150px; padding:0;}	
	.main_content#page-trucs_et_astuces h4{ background:url(images/page_illus-trucs_astuces.jpg) no-repeat 0 50%; height:150px; padding:0;}
	.main_content#page-phoneandphone h4{ background:url(images/page_illus-phoneandphone.jpg) no-repeat 0 50%; height:150px; padding:0;}
	.main_content#page-cm h4{ background:url(images/page_illus-cm.jpg) no-repeat 0 50%; height:150px; padding:0;}
	.main_content#page-faq h4{ background:url(images/page_illus-faq.jpg) no-repeat 0 50%; height:150px; padding:0;}

	.main_content#page-offres_etonnantes h4 span,
	.main_content#page-les_mobiles h4 span,
	.main_content#page-les_operateurs h4 span,
	.main_content#page-iphone h4 span,
	.main_content#page-trucs_et_astuces h4 span,
	.main_content#page-phoneandphone h4 span,
	.main_content#page-cm h4 span,
	.main_content#page-faq h4 span{ display:none;}
		
/* --------------------- */

/* POST */

.post{ clear:both; margin:10px 20px 0 20px; text-align:justify; border-bottom:1px solid #CCC; overflow:auto;}

	.post a.single_post_link{ display:block; text-align:right;}

	/* DATE */
	.post .post-date{ float:left; margin-right:10px; width:40px; height:50px; text-align:center; background:url(images/post-date_image.gif) no-repeat;}
	.post .post-date-month{ color:white; font-size:0.80em; padding-top:5px; height:15px;}
	.post .post-date-day{ font-size:2em; color:#333; height:30px;}
	.post .post-date-year{ color:#666; font-size:0.75em; height:15px; line-height:15px;}

	/* INFOS */
	.post .post-info{ float:left; }
	.post .post-info .post-metadata{ border-top:1px dotted #CCC; font-size:0.8em;}
	.post .post-info .post-metadata p{ margin:5px 0; color:#666}

	/* CONTENT */
	.post .post_content{ clear:both; overflow:auto; margin:0 30px 0 50px;}
	.post .post-thumb{ float:left; margin:0 10px; width:100px; text-align:center;}
	.post .post-thumb a{ }
	.post .post_content p.post-author{ text-align:left; font-style:italic;}
	
	
	/* TITRES */
	.post h3{ font-size:1.5em; margin:0 0 5px 0; padding:0; font-weight:normal; width:430px;}
	.post h3 a{ color:#666; text-decoration:none;}
	.post h3 a:hover{ color:#903; text-decoration:underline;}
	.post h2{ background:none; border:none; color:black; padding:0; text-transform:none; font-size:1.25em;}

	/* CAPTION */
	.post img{ margin-top:10px;}
	.post .wp-caption{ margin:0px;}
	.post .alignleft{ float:left; margin-right:20px;}
	.post .alignright{ float:right; margin-left:20px;}
	.post .wp-caption-text{ font-size:0.8em; padding:0 10px 10px 0; margin:5px 0;}

	#bt .post{ background:url(images/100x100_logo-bt.gif) no-repeat; padding-left:120px; min-height:100px;}
	#sfr .post{ background:url(images/100x100_logo-sfr.gif) no-repeat; padding-left:120px;}
	#nrj .post{ background:url(images/100x100_logo-nrj.gif) no-repeat; padding-left:120px;}
	#tele2 .post{ background:url(images/100x100_logo-tele2.gif) no-repeat; padding-left:120px;}
	#virgin .post{ background:url(images/100x100_logo-virgin.gif) no-repeat; padding-left:120px;}
	#universal .post{ background:url(images/100x100_logo-universal.gif) no-repeat; padding-left:120px;}
		
	
/* --------------------------------------------- */
/* SIDEBAR */
.sidebar{ padding:20px 0 20px 10px; width:310px; float:left; background:white; border-left:1px dotted #CCC;}
html>body .sidebar{ width:300px;}

	.sidebar h4{ clear:both; padding:5px; margin:0 0 10px 0; text-align:left; text-transform:uppercase; color:#333; font-size:0.8em; border-top:1px solid #E5E5E5; background:#F1F1F1;}
	.sidebar ul{ list-style:none; margin:0 0 10px 0; padding:0; width:300px;}
	.sidebar ul li{ color:#666; font-size:1.0em; margin-bottom:5px; padding-left:10px; background:url(images/list-small_arrow_01.gif) no-repeat 0 4px;}
	.sidebar ul li a{ color:#333;}
	.sidebar ul li a:hover{ color:#903;}
	.sidebar ul li ul{ list-style:none; margin:5px 0 10px 0; padding:0; width:200px;}
	.sidebar ul li ul li{ color:#666; margin-bottom:5px; padding-left:8px; background:url(images/list-small_arrow_02.gif) no-repeat 0 5px;}

	/* LIENS SPECIAUX (PhoneAndPhone, FAQ, Community Managers) */
	.sidebar ul.special_link{ margin:0; padding:0;}
	.sidebar ul.special_link li{ margin:0 0 10px 0; padding:0; width:300px; height:60px; overflow:hidden;}
	.sidebar ul.special_link li a{ display:block; height:15px; padding:65px 0 0 10px; background:white; color:white; font-size:0.75em; font-weight:normal; }
	.sidebar ul.special_link li a:hover{ text-decoration:none; color:white; background-position:0px -60px;}
	
	.sidebar #link_pap li a{ background-image:url(images/200x60_special_link-pap.gif); background-repeat:no-repeat;}
	.sidebar #link_cm li a{ background-image:url(images/200x60_special_link-cm.gif); background-repeat:no-repeat;}
	.sidebar #link_faq li a{ background-image:url(images/200x60_special_link-faq.gif); background-repeat:no-repeat;}
	.sidebar #link_apropos li a{ background-image:url(images/200x60_special_link-apropos.gif); background-repeat:no-repeat;}	

	/* Encart promo 160x600 */
	.sidebar .right_promo{ clear:both; margin:20px 8px 10px 10px; text-align:center; background:white; padding:10px; border:1px solid #CCC;}

	/* Icones "Web Social" : Facebook, Twitter... */
	.sidebar ul.list-icons{ text-align:center; padding-left:30px;}
	.sidebar ul.list-icons li{ display:inline; padding:0; background:none;}
	.sidebar ul.list-icons li span{ display:none;}
	.sidebar ul.list-icons li a{ display:block; float:left; width:40px; height:60px; margin-right:10px; padding:0; background-position:0 0;}
	.sidebar ul.list-icons li a:hover{ background-position:0 -60px !important;}
	.sidebar ul.list-icons li#facebook a{ background:url(images/icone_facebook.png) no-repeat;}
	.sidebar ul.list-icons li#twitter a{ background:url(images/icone_twitter.png) no-repeat;}
	.sidebar ul.list-icons li#rss a{ background:url(images/icone_rss.png) no-repeat;}
	.sidebar ul.list-icons li#youtube a{ background:url(images/icone_youtube.png) no-repeat;}
	.sidebar ul.list-icons li#dailymotion a{ background:url(images/icone_dailymotion.png) no-repeat;}
	.sidebar #encart-abo{ clear:both; margin:10px 0; background:#903; color:white; padding:5px 10px 10px 10px; font-weight:bold; text-transform:uppercase;}
	
/* --------------------------------------------- */
/* NAVIGATION */
.navigation{ padding:0 10px; margin:20px; height:24px; overflow:auto;}

	.navigation .btn a{ display:block; background:#E5E5E5; border:1px solid #CCC; padding:5px 10px; color:#333; font-weight:bold; font-size:0.8em;}
	.navigation .btn a:hover{ text-decoration:none; background:#666; border-color:#666; color:white;}
	.navigation .previous_link{ float:left;}
	.navigation .next_link{ float:right;}

	.navigation.top{ border-bottom:1px solid #CCC;}
	.navigation.bottom{ margin-top:0;}
	.navigation.top .btn a{ border-bottom:none;}
	.navigation.bottom .btn a{ border-top:none;}

/* --------------------------------------------- */
/* SPECIAL */
#search-result-info{ margin:20px; font-size:1.25em; border-bottom:1px solid #CCC;}
#no_results{ background:white; padding:10px; margin:10px;}

	#no_results p{ font-weight:bold;}

strong.search-excerpt{ background:#FE0; color:black;}

a.logout{ font-size:1em; color:#666}

/* --------------------------------------------- */
/* FAQ */
#faq-content ol{}
#faq-content ol li{ border-bottom:1px dotted #CCC; padding:0;}
#faq-content ol li.active, #faq-content ol li.active a.faq-question{ color:#903; font-weight:bold;}
#faq-content ol li.active *{ color:#000; font-weight:normal;}
#faq-content ol li h3{ margin:0;}
#faq-content ol li a.faq-question{ display:block; color:black; font-weight:normal; padding:10px 0;}
#faq-content ol li .faq-answer{ display:none;}

#faq-content ol li.active .faq-answer{ display:block;}
#faq-content ol li.active a.faq-question{ color:#903;}
#faq-content .faq-container{ padding:0 20px;}

span.xhr_response{ display:block; min-height:20px; padding:20px 0; color:#666; padding-left:30px; background:url(images/ajax-loader-spinner.gif) no-repeat left center;}

/* --------------------------------------------- */
/* COMMENTAIRES */
.comments-template{ margin:10px 20px;}

ol.commentlist{ margin:0; padding:10px; background:white; border:1px solid #CCC; list-style:none;}

	ol.commentlist li{ border-bottom:1px dotted #CCC; margin-bottom:10px; padding:10px;}
	ol.commentlist p{ font-style:italic;}
	ol.commentlist div.gravs img{ float:left; margin:0 10px 10px 0;}

/* --------------------------------------------- */
/* FOOTER */
#footer{ clear:both; border-top:1px solid #CCC; background:white; padding:20px 0 0 0; margin:60px 0 0 0; height:40px;}

	#footer ul{ margin:0 auto; padding:0; list-style:none; text-align:center;}
	#footer ul li{ display:inline; padding:0px 5px 0 3px; border-right:1px solid #666;}
	/*#footer ul :last-child{ border:none;}*/
	#footer ul li a{ color:#333}
	#footer .footer-adds{ text-align:center;}