/*********************************************************************************************







Theme Name: Au Bonheur des Momes



Theme URI: http://www.future-creation.com



Description: Credits : Template de base -> WPZOOM, Conversion graphique -> Mary Grant & Cyril Marie, Adaptation template et installation -> Luc Micheau



Version: 2.0



Author: Future Creation



Author URI: http://www.future-creation.com







**********************************************************************************************







0.  CSS Reset  -------------------------  All Theme Files



1.  Toolbox CSS  -----------------------  All Theme Files



2.  Page Structure  --------------------  All Theme Files



3.  Header  ----------------------------  header.php



4.  Main Navigation  -------------------  header.php



5.  Featured Slider  -------------------  featured.php



6.  Featured Categories  ---------------  blocks.php



7.  Homepage Articles ------------------  index.php



8.  Single Articles & Pages ------------  single.php, page.php



9.  Comments  --------------------------  comments.php



10. Forms  ----------------------------   searchform.php



11. Sidebar & Widgets ------------------  sidebar.php



12. Footer  ----------------------------  footer.php







**********************************************************************************************/











/********************************************************************************************* 







0. CSS Reset  -------------------------  All Theme Files







*********************************************************************************************/   



* {



margin:0;



padding:0;



}







body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {



margin: 0;



padding: 0;



}







table {



border-collapse: collapse;



border-spacing: 0;



}







fieldset, img {border: 0;}







address, caption, cite, code, dfn, em, strong, th, var {



font-style: normal;



font-weight: normal;



}







ol, ul {list-style-type: none; list-style-position:inside;}



caption, th {text-align: left;}







h1, h2, h3, h4, h5, h6 {



font-size: 100%;



 }







q:before, q:after {content: '';}



abbr, acronym {border: 0;}











/* Global reset-RESET */



/* The below restores some sensible defaults */



strong { font-weight: bold }



em { font-style: italic }



a img { border:none } /* Gets rid of IE's blue borders */







table { -x-system-font: none; font-family: inherit; font-size: inherit; font-size-adjust: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; width: 100%; }



th {  background: #BBCCDD; color:#333; }



th, td { line-height: 20px; padding: 4px; }



tr:nth-child(2n) {  background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0; }



tr:nth-child(2n+1) {  }











 



/********************************************************************************************* 







1. Toolbox CSS  -------------------------  All Theme Files







*********************************************************************************************/   



#navigation {



font-family:Georgia,"Times New Roman",Times,serif;



font-weight:bold;



text-align:center;



float:left;



margin:0 auto;



width:500px;



}



  /* =WP-PageNavi



-------------------------------------------------------------- */



.wp-pagenavi {



	font-family:Arial; 



	font-size: 12px;



	text-align: center;



	padding: 6px;



	color: #fff;



	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);



	text-transform: uppercase;



}



	.wp-pagenavi .pages {



	padding: 5px 6px;



	margin: 0 6px;



	color: #fff;



	border: 1px solid #DDD;



	-moz-border-radius: 3px;



	-khtml-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



	background-color: #8D0101;



}



	.wp-pagenavi a:link, .wp-pagenavi a:visited { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px 6px; margin: 0 4px; color: #fff; font-weight: bold; background: #8D0101; }



	.wp-pagenavi .current {



	padding: 5px 6px;



	color: #FFF;



	margin: 0 5px;



	background:#F98606;



	font-weight: bold;



	border: 1px solid #DDD;



	-moz-border-radius: 3px;



	-khtml-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



}



	.pagenav .wp-pagenavi a:hover { color: #fff; background: #F98606; }



	



	



.navigation { color: #fff; float: left; width: 100%; }



	.navigation .alignleft a,   .navigation .alignright a { width: 125px; text-align: center; height: 20px; }



	.navigation a { color: #fff; background: #737070; font-weight: bold; margin: 7px 5px; padding: 5px 6px; cursor: pointer; font-size: 10px; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; }



	.navigation .alignleft { float: left; }



	.navigation a:hover { color: #fff; text-decoration: none; background: #6c6868; }



	.navigation .alignright { float: right; }



.post-edit-link { text-transform: uppercase; font-size: 10px; color: #f81b10; font-weight: bold; }



.pagenav { background: #fffaeb; padding: 8px 10px; float: left; width: 590px; font-size: 16px; font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif; text-transform: uppercase; color: #989898; }



	.pagenav a { color: #989898; }



		.pagenav a:hover { color: #656161; text-decoration: none; }



	.pagenav .floatleft { background: url(images/prev.png) no-repeat left 5px; padding-left: 20px; }



	.pagenav .floatright { background: url(images/next.png) no-repeat right 5px; padding-right: 20px; }



 











.aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto; }



.alignleft { float: left; margin: 10px 15px 5px 0; }



.alignright { float: right; margin: 10px 0 8px 20px; }



.clear { clear: both; }



.floatleft,.more_left { float: left; }



.floatright { float: right; }



.transpBlack { background: url(transpBlack.png); }











 



.wp-caption { border: 0px solid #B6B6B6; text-align: center; background-color: #FFFFFF; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }



	.wp-caption img { margin: 0; padding:4px 0; border: 0 none; }



	.wp-caption p.wp-caption-text { font-size: 11px; line-height: 14px; padding: 0 3px 5px; margin: 0; font-style: italic; }	



	



a { color: #8d0101; outline: none; text-decoration: none; }



	a img { border: none; }



	a:hover { text-decoration: underline; }



h1 { font-size: 26px; }



h2 { font-size: 22px; }



h3 { font-size: 20px; }



h4 { font-size: 16px; }



h5 { font-size: 14px; }



h6 { font-size: 12px; }



html { overflow-y: scroll; }



p { font-size: 1.3em/1.3em; margin-bottom:15px;}







#wp-calendar caption { font-weight: bold; color: #333; text-transform: uppercase; }



#wp-calendar td { text-align: center; }



	#wp-calendar td a { color: #333; font-weight: bold; text-decoration: underline; }



		#wp-calendar td a:hover { text-decoration: none; }



#wp-calendar caption { background: #888888 none repeat scroll 0 0; color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 8px 10px; text-shadow: 1px 1px 0 #656565; text-transform: uppercase; text-align: left; }



#wp-calendar #today { background: #2F91C4; color: #fff; font-weight: bold; }



 



a.more {



	font-weight:bold;



 	color:#2a2828;



 	font-size:16px;



	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;



	padding-right:34px;



	background:url(images/moreb.png) no-repeat right 2px;



}







a.more:hover {



	background:url(images/morebh.png) no-repeat right 2px;



	color:#972626;



	text-decoration:none;



	}



	



	li.date, li.category, ul.post-meta li.author, li.comments, #sidebar .popular li ul.post-meta li.comments a {



	 padding-left:16px;



	 text-transform:uppercase;



	 font-size:10px;



	 color:#8D0101;



	 margin:0px 5px 5px 0px;



	 display:inline;



	 border:none;



	 }



	 



	 li.date {



	 background:url(images/date.png) no-repeat 0px 0px;



	 }



	 #feature li.date {



	 background:url(images/home-date.png) no-repeat 0px 0px;



	 }



	 



	 li.comments {



	 background:url(images/comments.png) no-repeat 0px 0px;



	 }



	 #feature li.comments {



	 background:url(images/home-comments.png) no-repeat 0px 0px;



	 }



	 



	 li.category {



	 background:url(images/category.png) no-repeat 0px 0px;



	 }



	 #feature li.category {



	 background:url(images/home-category.png) no-repeat 0px 0px;



	 } 



	 



	 ul.post-meta li.author {



	 background:url(images/author.png) no-repeat 0px 0px;



	 }



	 #feature  ul.post-meta li.author {



	 background:url(images/home-author.png) no-repeat 0px 0px;



	 }



	 



	 ul.post-meta li a {



	 border-bottom:none;



	 color:#8D0101;



 	 }



	 #feature ul.post-meta li {



		color:#FCE829;



	 }



	 #feature ul.post-meta li a {



		border-bottom:none;



		color:#FCE829;



 	 }



	 



	 ul.post-meta li a:hover {



		text-decoration:none;



		border-bottom-width: 1px;



		border-bottom-style: dotted;



		border-bottom-color: #8D0101;



	 }



	 #feature ul.post-meta li a:hover {



		color:#FFF;



		text-decoration:none;



		border-bottom-width: 1px;



		border-bottom-style: dotted;



		border-bottom-color: #8D0101;



	 }



		



	 ul.post-meta {



	 margin:5px 0px;



	 }



	 



	 #panes ul.post-meta {



	 margin:0px;



	 }



	 







/********************************************************************************************* 







2. Page Structure  -------------------------  All Theme Files







*********************************************************************************************/   







body



{



	font-size:12px;



	line-height:1.6;



	color:#3B3232;



	font-family:Arial,Helvetica,sans-serif;



	background-color:#ffb848;



}



 



#content-wrap {



width:960px;



background:#FFF;



float:left;



margin-bottom:20px;



 -webkit-border-bottom-right-radius: 10px;



-webkit-border-bottom-left-radius: 10px;



 -moz-border-radius-bottomright: 10px;



-moz-border-radius-bottomleft: 10px;



 border-bottom-right-radius: 10px;



border-bottom-left-radius: 10px; 



 }







 



#page-wrap {



	width: 960px;



	margin: 0 auto;



}	



 







#content #fullwidth.post {



width:940px;



} 



 



 



/********************************************************************************************* 







3. Header  -------------------------  header.php







*********************************************************************************************/   



#topnav {



	background:url(images/bgtop.png) repeat-x;



	height:108px;



}



	



#nav-wrap {



	width:960px;



	margin:0 auto;



}



	



#nav-wrap ul {



	float:right;



	margin-top:1px;



}



 



	



#header {



	float:left;



	width: 960px;



	margin-top:-83px;



	position:relative;



	height:169px;



	z-index:10000;



}



	



#header #logo {



	position:absolute;



	top:-18px;



	left:140px;



	width:499px;



	height:140px;



}



#header #zone-01 {



	position:absolute;



	top:-25px;



	left:0px;



	width:200px;



	height:160px;



}



#header #zone-02 {



	position:absolute;



	top:10px;



	right:0px;



	width:70px;



	height:50px;



}



#header #zone-03 {



	position:absolute;



	top:68px;



	right:0px;



	width:70px;



	height:50px;



}



#ad468 {



	float:right;



	margin-top:10px;



}



#header .fond-vache {



	background-attachment: scroll;



	background-image: url(images/mascote.png);



	background-repeat: no-repeat;



	background-position: left top;



	height: 159px;



	width: 960px;



	position: absolute;



	left: 0px;



	top: -24px;



}



#menu {



	position:absolute;



	left:0px;



	bottom:0px;



	background:#1b1919 url(images/bgnav.png) no-repeat;



 	margin:20px 0 0 0;



 	width:960px;



 	float:left;



 	-webkit-border-top-left-radius: 7px;



	-webkit-border-top-right-radius: 7px;



 	-moz-border-radius-topleft: 7px;



	-moz-border-radius-topright: 7px;



 	border-top-left-radius: 7px;



	border-top-right-radius: 7px;



  	}



 



/********************************************************************************************* 







4. Main Navigation  -------------------------  header.php







*********************************************************************************************/   



 







	



	#menu ul.dropdown {



	width:850px;



	float:left;



	padding:0 10px;



  	}



	



	



	



	#menu #nav {



	width:785px;



 	}



	



 



	#header #menu .social {



	float:right;



	width:145px;



	height:30px;



	margin-top:2px;



	margin-right:5px;



	text-align:right;



 	}



 	



 	#header #menu .social li {



 	width:32px;



 	display:inline;



 	}



 



/********************************************************************************************* 







5. Featured Slider  -------------------------  featured.php







*********************************************************************************************/   



 



#feature { 



	background:#232020;



  	float:left;



	width:960px;



	height:351px;



	background:url(images/featurebg.png) no-repeat;



	position:relative;



	clear:both;



	}



  



 #navi ul {	



 	margin:0 auto;	



 	width:380px;



 	position:absolute;



 	top:255px;



 	left:567px;



 }







#navi li {	



 	float:left;



 	list-style-type:none;



	text-align:center;



	display:inline;



	margin-left:14px;



}







#navi a {



	color:#333333;



	display:block;



	position:relative;



	word-spacing:-2px;



	font-size:11px;		



	text-decoration:none;



	opacity:0.5;



}	







#navi a.current {



	 opacity:1;



  }



 



 #navi a:hover {



	opacity:1;



 }







#navi img {



	border:1px solid #000;



	margin:0 0 9px 0;



	display:block;



	width:60px;



	height:50px;



 }







#navi strong {



	display:block;		



	font-size:13px;



}







/* panes */



#panes {



	height:345px;



	



	/* must be relative so the individual panes can be absolutely positioned */



	position:relative;



	overflow:hidden;



}







/* crossfading effect needs absolute positioning from the elements */



#panes div {



	display:none;		



	position:absolute;



	font-size:13px;



	color:#ede9e9;	



	line-height:1.5;



	text-shadow:1px 1px 0 #000;



	overflow:hidden;



	padding:20px;



	width:920px;



  }



 



#panes p a {



color:#fff;



font-weight:bold;



}







#panes img {



	float:left;



	margin:5px 40px 0 5px;	



	width:520px;



	height:280px;



	border:1px solid #000000;



	-webkit-box-shadow: 0 0 30px rgba(0,0,0,1.0);



	-moz-box-shadow: 0 0 30px rgba(0,0,0,1.0);



	box-shadow: 0 0 30px rgba(0,0,0,1.1);



}







#panes a.more {



	color:#6e6666;



	font-weight:bold;



 }







#panes a.more:hover {



background:url(images/moreb.png) no-repeat right 2px;



color:#948787;



}















#panes h2 {



font-size:22px;



padding:0;



margin:0 0 5px 0;



line-height:1.2;



}







#panes h2 a {



color:#ff8a6b;



line-height:1.2;



}



#feature>#panes h2 a:hover{



	color:#fce829;



	line-height:1.2;



	text-decoration:none;



}



 



#panes p {



padding:5px 0 0 0;







} 







/********************************************************************************************* 







6. Featured Categories  -------------------------  blocks.php







*********************************************************************************************/   







#blocks {



float:left;



width:960px;



clear:both;



}







	.colart {



	width:240px;



	float:left;



	}



 



 	.colart:hover h3 {



	background-attachment: scroll;



	background-image: url(images/4menus_on.png);



	background-repeat: repeat-x;



	background-position: left top;



	}



	



	.colart h3 {



	background-attachment: scroll;



	background-image: url(images/4menus_off.png);



	background-repeat: repeat-x;



	background-position: left top;



	text-align:center;



	font-family:Georgia;



	font-size:13px;



	/*padding:4px 0;



	text-shadow:1px 1px 0 #000;*/



	text-transform:uppercase;



	font-weight: bold;



	color: #8D0101;



	}



	



	.colart h3 a {



	color:#8D0101;



	font-weight:bold;



	font-style:italic;



 	}



	.colart h3 a:hover {



		text-decoration:none;



 	}



 	



 	.colart .entry {



 	padding:8px 15px;



 	}



	



  	.colart h2 {



 	font-family:Georgia;



 	font-size:18px;



 	font-weight:normal;



 	font-style:italic;



 	line-height:1.4;



 	margin-bottom:5px;



 	}



 	



 	.colart h2 a {



	color:#8D0101;



 	}



	.colart h2 a:hover{



	color:#F98606;



	text-decoration:none;



 	}



 	



 	#blocks .more {



 	color:#2a2828;



 	font-size:16px;



	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;



	padding-right:34px;



	background:url(images/moreb.png) no-repeat right 4px;



	margin-top:10px;



	float:left;



  	}



	



	#blocks a.more:hover, #blocks .colart:hover .more {



	background:url(images/morebh.png) no-repeat right 4px;



	color:#972626;



	text-decoration:none;



	}



	



	#twitter_carousel {



	float:left;



	margin:15px 0 15px 15px;



	padding:12px 15px 0 120px;



	background:url(images/twitterbg.png) no-repeat;



	width:800px;



	font-family:Georgia;



	font-style:italic;



	color:#726c6c;



	overflow:hidden;



	height:30px;



	}







  	



/********************************************************************************************* 







7. Homepage Articles -------------------------  index.php







*********************************************************************************************/   



#content {



	background:url(images/h3bg-2.png) repeat-x top center;/**/



	/*background:url(images/h3bg.png) repeat-x top center;*/



	/*background:url(images/fond-site.jpg) repeat-x top center;*/



 	float:left;



	width:610px;



	margin:15px 15px 20px 15px;	



	}



	



 	



	h3.title {



 	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;



	text-transform:uppercase;



	color:#f98606;



	font-size:20px;



	font-weight:normal;



  	clear:both;



  	line-height:0.7;



  	background:#fffaeb;



  	padding-right:15px;



  	float:left;



 	}



	



	#content .post {



	float:left;



	clear:both;



	width:610px;



	padding:20px 0;



	border-bottom-width: 2px;



	border-bottom-style: solid;



	border-bottom-color: #fcdb7c;



 	}



 	



 	#content .sticky h2 a {



 	background:url(images/sticky.png) no-repeat 0 5px;



 	padding-left:20px;



  	}



 	



	.post h2, .post h1 {



	margin-bottom:5px;



	}



	



	.post h1 a {



	font-size:30px;



	line-height:1.2;



	}



	



	.post h2 a {



	font-size:24px;



	line-height:1.2;



	}



	.post h2 a:hover {



	color:#F98606;



	text-decoration:none;



	}



	



	h3.topcat {



	word-spacing:-5px;



	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;



	text-transform:uppercase;



	color:#F98606;



	font-size:20px;



	font-weight:bold;



	clear:both;



	background:#FFFAEB;



	padding-right:15px;



	float:left;



	line-height:1.1;



	margin-top:-5px



 	}



 	



 	h3.topcat a {



 	color:#F98606;



 	}



	h3.topcat a:hover {



	color:#8D0101;



 	}



 	



 	h3.topcat ul li { display:inline; float:left; padding-right:10px; } 



	



	.post .thumb img {



	float:left;



	border:none;



	margin:5px 10px 5px 0;



 	}



 	







 	#single ul.post-meta  {



 	background:url(images/line.png) repeat-x bottom center;



 	padding-bottom:10px; 



 	margin-bottom:10px; 



 	}



 	



 	#content.single {



 	background:url(images/h3bg.png) repeat-x center -5px;



 	}



	



	#content.page {



	background:none;



	}



	



	#content.page .post {



	padding:0;



	background:none;



	}



	



	#content.single .post {



	padding:10px 0 20px 0;



	background:none;



	}



	



	#content .post a.more {



	float:right;



 	clear:both;



	background:url(images/moreb.png) no-repeat right 5px;



  	}



	



	#content .post a.more:hover {



	background:url(images/morebh.png) no-repeat right 5px;



 	}



 	



 	.post .entry {



 	line-height:1.8;



 	}



    



 	.post .entry ul {



	margin:0 0 20px;



	padding:0 0 0 30px;



	}







	.post .entry ul li {



	list-style-type:square;



	}







	.post .entry ol {



	margin:0 0 20px;



	padding:0 0 0 30px;



	}







	.post .entry ol li {



	list-style-type:decimal;



	}



	



	.post .entry a {



	font-weight:bold;



 	}



 



 	.post blockquote {



 	border-left:3px solid #CCCCCC;



	color:#777777;



	font-family:Georgia,"Times New Roman",Times,serif;



	font-size:14px;



	font-style:italic;



	line-height:1.8em;



	margin:10px 20px 10px 30px;



	padding-left:10px;



	}







	blockquote, q {



	quotes:none;



	}







	.post .alignleft {



	float:left;



	margin:10px 15px 10px 0;



	}



	 



	.post .alignright {



	float:right;



	margin:10px 0px 10px 15px;



	}



	



	



	.prevnext {



	float:left;



	clear:both;



	width:610px;



	margin-bottom:20px;



	}



	



	.prevnext .previous {



	float:left;



 	}



	



	.prevnext .next {



	float:right;



 	text-align:right;



	}



	



	.prevnext a {



	padding: 2px 5px;



	margin-bottom: 5px;



	font-weight: bold;



	text-transform: uppercase;



	background: #8D0101;



	font-size: 10px;



	-moz-border-radius: 3px;



	-khtml-border-radius: 3px;



	-webkit-border-radius: 3px;



	border-radius: 3px;



	border: none;



	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);



	color: #fff;



	display:block;



	}



	



	



/********************************************************************************************* 







8. Single Articles & Pages -------------------------  single.php, page.php







*********************************************************************************************/   



 	



.share   {



 	clear:both;



	background:url(images/line.png) repeat-x bottom center;



 	padding-bottom:20px; 



 	margin-bottom:10px; 



	}



	



	.share h3, .prevnext h3  {



	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;



	text-transform:uppercase;



	font-size:16px;



	font-weight:bold;



	color:#F98606;



	margin-bottom:10px;



 	}







	.share li {



	padding:0 0 3px 20px;



	display:inline;



	margin-right:15px;



	}







	.share li a {



	color:#8D0101;



	font-size:10px;



	font-weight:bold;



	text-transform:uppercase;



	}



	.share li a:hover{



	color:#F98606;



	}







	 li.facebook  {



	background:url(images/facebook.png) no-repeat left;



	}







	  li.twitter  {



	background:url(images/twitter.png) no-repeat left;



	}

	  li.flickr  {



	background:url(images/flickr.png) no-repeat left;



	}







	 li.delicious  {



	background:url(images/delicious.png) no-repeat left;



	}







	  li.digg  {



	background:url(images/digg.png) no-repeat left;



	}







	  li.stumble  {



	background:url(images/stumble.png) no-repeat left;



	}



	



.tag-links {



background:url(images/tag.png) no-repeat left 2px;



padding-left:20px;



float:left;



clear:both;







}







.nextpage {



background:url(images/page.png) no-repeat left;



padding-left:20px;



float:left;



clear:both;



margin-bottom:5px;



font-weight:bold;



}



 



 



/********************************************************************************************* 







9. Comments  -------------------------  comments.php







*********************************************************************************************/   







#comments, #respond { float: left; background: url(images/h3bg.png) repeat-x 2px -5px; clear: both; margin: 15px 0; float: left; width: 610px; }



#comments ul.children #respond { background: none; width: 95%; }



#comments h3, #respond h3 {



	font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;



	text-transform: uppercase;



	font-size: 16px;



	font-weight: bold;



	color: #F98606;



	background: #FFFAEB;



	padding-right: 15px;



	line-height: 1;



	float: left;



	clear: both;



	margin-bottom: 15px;



}



#comments div.comments { margin: 0 0 10px 0; }



	#comments div.comments h2 { font-size: 18px; font-weight: normal; }



	#comments div.comments li, #main #respond { padding: 10px 0 5px; margin-top: 10px; }



#comments ol.commentlist div.comment-content { margin-left: 95px; }



#comments cite { font-style: normal; font-weight: normal; }



#comments p.trackbackurl { font-size: 11px; }



	#comments p.trackbackurl span.url { font-weight: bold; padding: 1px; }



#comments a.more-link { display: block; margin: 10px 0 0; }



#comments div#comments-comments ul, #comments div#comments-comments ol { margin-left: 0; }



#comments .comments { padding: 0px 0; clear: left; }



	#comments .comments li { margin: 0px 0 0em 0; padding: 20px 0; list-style-type: none; background: url(images/line.png) repeat-x top center; float: left; width: 100%; }



		#comments .comments li ul li { padding: 10px 0 5px 0; }



#comments ul.children { background: url(images/replybg.png) no-repeat 0 25px; margin: 0; padding: 0 0 0 25px; float: left; }



#comments .comments li ul.children { margin-top: 10px; padding: 0; width: 95%; }



	#comments .comments li ul.children li { clear: left; margin: 0 0 0px 30px; background: none; }



#comments .comments li ul li { border: none; }



.comment-body { position: relative; }



	.comment-body p a { text-decoration: underline; }



#comments .comments .comment-author-admin cite.fn a { color: #DB2A3B; font-style: italic; font-size: 14px; }



#comments  blockquote { color: #777777; font-family: Georgia,"Times New Roman",Times,serif; font-size: 11px; font-style: italic; }



#comments .comments cite.fn { font-size: 12px; font-weight: bold; font-family: Arial; }



	#comments .comments cite.fn a { color: #3B3232; }



#comments .comments div.gravatar { float: left; display: inline; width: 75px; margin: 0 10px 5px 0; }



	#comments .comments div.gravatar img { margin: 0; }



#comments .comments div.comment-author { line-height: 18px; margin: 0 10px 3px 0; width: 215px; position: relative; }



#comments .comment-author { float: left; }



	#comments .comment-author img.avatar { float: left; }



#comments .comment-meta { position: absolute; top: 20px; left: 60px; }



#comments .comments div.comment-content {  }



.comments p,   .comments li.author p { font-size: 11px; line-height: 20px; margin-left: 225px; margin-bottom:10px;}



#comments .comments .avatar { float: left; margin: 0 10px 0 0; }



#comments .comments span.says { display: none; }



#comments .comments .children { margin: 0 0 0 0; }



#comments .comments .commentmetadata a.comment-edit-link { background: none; }



#comments	.comments .commentmetadata a { display: inline; font-size: 11px; color: #9d9c9c; padding: 0; line-height: 17px; margin: 0; border-bottom: none; font-weight: bold; font-family: Arial,Helvetica,sans-serif; clear: both; float: left; }



#comments		.comments .commentmetadata a:hover { color: #4f535b; text-decoration: none; border: none; padding: 0; }



#comments	.comments .reply { margin: 15px 0 0 0; text-align: right; clear: both; }



#comments .comments .cancel-comment-reply p { margin: 0 0 0 0; border: none; }



#comments .afterpost .navigation .alignleft a, #comments .reply a, .afterpost .navigation .alignright a { padding: 3px 13px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; font-size: 10px; background: url(images/reply.png) no-repeat; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }



#comments .cancel-comment-reply { float: left; clear: both; margin-bottom: 10px; }



	#comments .cancel-comment-reply a { padding: 2px 5px; margin-bottom: 5px; font-weight: 700; text-transform: uppercase; background: #737070; font-size: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); color: #fff; }



#comments .afterpost .navigation .alignleft a:hover, #comments .afterpost .navigation .alignright a:hover, #comments .reply a:hover, #comments .cancel-comment-reply a:hover { text-decoration: underline; }



#commentform { color: #6F6F6F; clear: both; }



	#commentform code { font-size: 11px; }



	#commentform p { margin: 0 10px 15px 0; font-size: 12px; border: none; padding: 0; }



#commentslabel, #commentform label { line-height: 2.0em; font-size: 12px; font-style: italic; }



#comments textarea, #commentform textarea { width: 580px; height: 160px; }



#comments ul.children textarea, #commentform ul.children textarea { width: 450px; }



#comments #submit, #commentform #submit {



	display: inline-block;



	padding: 6px 15px 6px;



	color: #fff !important;



	font-size: 12px;



	font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;



	font-weight: bold;



	line-height: 1;



	text-transform: uppercase;



	text-decoration: none;



	word-spacing: 3px;



	border: none;



	position: relative;



	cursor: pointer;



	overflow: visible;



	width: auto;



	cursor: hand;



	margin: 12px 0;



	background-color:#8D0101;



}



/*#comments #submit, #commentform #submit {



	background: #8D0101 url(images/overlay-button.png) repeat-x 0 0;



	display: inline-block;



	padding: 6px 15px 6px;



	color: #fff !important;



	font-size: 12px;



	font-family: "Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;



	font-weight: bold;



	line-height: 1;



	text-transform: uppercase;



	text-decoration: none;



	word-spacing: 3px;



	-moz-border-radius: 5px;



	-webkit-border-radius: 5px;



	-moz-box-shadow: 0 0 0 rgba(0,0,0,0.25);



	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0.25);



	border: none;



	position: relative;



	cursor: pointer;



	overflow: visible;



	width: auto;



	cursor: hand;



	margin: 12px 0;



}*/



#comments #submit:hover, #commentform #submit:hover {



	color: #8D0101;



	background-color: #F98606;



}



#commentform #subscribe { float: left; margin: 5px 5px 0 0; text-transform: none; }



 



	



 



 







/********************************************************************************************* 







10. Forms  -------------------------   searchform.php







*********************************************************************************************/   



 



 



#respond input {



	background: #f5f6f9;



	border: 1px solid #F98606;



	color: #666;



	font-size: 13px;



	padding: 5px;



	margin:0px 8px 5px 0px;



}







#respond textarea {



	background: #f5f6f9;



	border: 1px solid #F98606;



	color: #6F6F6F;



	font-size: 13px;



	padding: 5px;



	font-family: Arial, Helvetica, sans-serif;



	width:580px



}











#searchform #s { background: #f5f6f9; border: 1px solid #b7bdc7;   color: #666; font-size: 13px; padding: 5px; margin:0 5px 5px 0; }







#sidebar #searchform {float:left; clear:both;}







#submit { background: #737070; border: 1px solid #504F4F; color: #F1ECEC;  font-size: 10px; font-weight:bold; padding: 5px;  }







#searchsubmit { background-color: #737070; border: 1px solid #737070; color: #F1ECEC;   font-size: 10px; padding: 5px; text-transform: uppercase; }



 



input { padding:5px; }







/********************************************************************************************* 







11. Sidebar & Widgets -------------------------  sidebar.php







*********************************************************************************************/   



 



#sidebar {



	float:left;



	width:300px;



	margin:15px 0 0 5px;



	background:none;



	position:relative;



 	}



	



	#sidebar h3 {



	font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;



	text-transform:uppercase;



	color:#f98606;



	font-size:20px;



	font-weight:normal;



  	clear:both;



  	line-height:0.7;



  	background:#fffaeb;



  	padding-right:15px;



  	float:left;



 	}



	  



	#tabs {



	background:url(images/bgtabs.png);



	padding:6px;



	float:left;



	clear:both;



	width:288px;



	margin-bottom:10px;



	}



	



	ul.tabs {



	margin: 0;



	padding: 0;



	float: left;



	list-style: none;



	height: 31px; /*--Set height of tabs--*/



 	width: 100%;



	}



	ul.tabs li {



		float: left;



		margin: 0;



		padding: 0;



		height: 31px; /*--Subtract 1px from the height of the unordered list--*/



		line-height: 31px; /*--Vertically aligns the text within the tab--*/



 		border-left: none;



		margin-bottom: -1px; /*--Pull the list item down 1px--*/



		overflow: hidden;



		position: relative;



 	}



	ul.tabs li a {



		text-decoration: none;



		color: #e9e9e9;



		display: block;



		font-size: 11px;



		text-transform:uppercase;



		font-weight:bold;



		padding: 0 8px;



 		outline: none;



 		cursor:pointer;



	}



	ul.tabs li a:hover {



 	}



 	



	html ul.tabs li.active, html ul.tabs li.active a,  html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/



		background: #fffaeb;



		color:#363333;



 	}



	



	.tab_container {



 	overflow: hidden;



	clear: both;



	float: left; 



 	background: #fffaeb;



	padding:6px;



	width:276px;



 }



	.tab_content {



	padding: 10px 0;



	font-size: 12px;



	background: #fee8a8;



	border:1px solid #f0f1f3;



	}



	



	



	.tab_container #tab4 {



	padding:10px;



	font-family:Georgia;



	}











	#sidebar .widget {



 	background:



	clear:both;



	float:left;



 	margin:0 0 25px 10px;



 	padding-right:10px;



 	width:280px;



 	}



	



	#sidebar .widget h3 {

	

        font-family:"Myriad Pro","Trebuchet MS","Helvetica Neue",Helvetica,Arial,Sans-Serif;



	text-transform:uppercase;



	color:#FFFFFF;



	font-size:20px;



	font-weight:normal;



  	clear:both;



  	line-height:1;



  	background:#FFB848;



  	padding-right:15px;



  	float:left;



 	}


	



	#sidebar .widget div  {



	margin:5px 0;



	padding:0 15px 10px 0;



	clear:both;



	}



	



	#sidebar .widget ul {



	clear:both;



	}



	



	#sidebar .widget ul li {



	list-style-type:square;



	padding:0;



	color:#8D0101;



	}



	



	#sidebar .widget ul ul {



 	margin:0;



	padding:0 0 0 15px;



	}



 



	



	#sidebar .tab_container .recentcomments, #sidebar .tab_container .popular {



	color:#a3a0a0;



	font-size:11px;



	}



	



	#sidebar .tab_container .recentcomments li, #sidebar .tab_container .popular li {



	border-bottom:1px solid #ced7de;



	padding:5px 10px;



	clear:both;



	}



	



	#sidebar .tab_container .recentcomments li:last-child, #sidebar .tab_container .popular li:last-child {



	border-bottom:none;



	}



	



	#sidebar .tab_container .recentcomments a, #sidebar .tab_container .popular a {



	font-weight:bold;



	color:#3b3232;



	font-size:14px;



	display:block;



	}



	



	#sidebar .tab_container .recentcomments img { 



	float: left; 



	margin: 5px 8px 5px 0;  



	width: 50px; 



	}



	



	#sidebar .tab_container .popular li ul.post-meta li.comments {



	padding:0;



	text-align:right;



	}



	



	#sidebar .tab_container .popular li ul.post-meta li.comments a:hover {



	text-decoration:underline;



	}



	



	#sidebar #cat, #sidebar select {



	width:268px;



	}







	#sidebar #cat, #sidebar select {



 	background:#F7F7F7;



	border:1px solid #cdcfd4;



	color:#333333;



	display:inline;



	font-family:Arial,Tahoma,Verdana;



	font-size:12px;



 	padding:5px;



 	line-height:1.5;



 	margin:5px 0;



	clear:both;



	float:left;



	}



 







ul.gallery img { border: 2px solid #D3DDE5; width: 60px; height: 60px; float:left;}



ul.gallery img:hover { border: 2px solid #0C2B41;  }



ul.gallery a { border: none;   }



ul.gallery a:hover, ul.gallery li:hover, ul.gallery li a:hover, #ads li:hover { border:none;}



ul.gallery { display: block; list-style-type: none; margin: 5px 0 0; padding: 5px 0; }



#sidebar .widget ul.gallery li { border: none; padding: 0 6px 8px 0;  float:left; list-style-type:none; list-style-position:outside;}



#ads{



	width:300px;



	height:250px;



	display:block;



}



  



 



/********************************************************************************************* 







12. Footer  -------------------------  footer.php







*********************************************************************************************/   



#footer {



	float:left;



	background:#fee8a8 url(images/bgfooter.png) repeat-x top center;



	padding:10px 25px 15px 25px;



	width:910px;



	-webkit-border-bottom-right-radius: 10px;



	-webkit-border-bottom-left-radius: 10px;



 	-moz-border-radius-bottomright: 10px;



	-moz-border-radius-bottomleft: 10px;



 	border-bottom-right-radius: 10px;



	border-bottom-left-radius: 10px; 



  	}



	



	#infowidget {



	width:380px;



	float:left;



	text-align:center;



	}



	



	#infowidget span {



	color:#8d0101;



	font-size:25px;



	font-family:Georgia;



	font-style:italic;



 	}



	



	#infowidget ul {



 	width:100%;



 	color:#716e6e;



	font-size:10px;



	font-weight:bold;



	text-transform:uppercase;



	}



	



	#infowidget li {



	padding:0 0 4px 23px;



	margin:0 15px 3px 0;



	width:40%;



	float:left;



	text-align:left;



	}







	#infowidget li a {



	color:#716e6e;



	font-size:10px;



	font-weight:bold;



	text-transform:uppercase;



	}



	



	#infowidget  li.rss  {



	background:url(images/feed.png) no-repeat left;



	}



	



	#infowidget  li.phone  {



	background:url(images/phone.png) no-repeat left;



	}



	



	#infowidget  li.email  {



	background:url(images/email.png) no-repeat left;



	}



	



	#footer_search {



	margin:20px 0px 0px 20px;



	height:40px;



	background:#fcdb7c;



	border:1px solid #fdba1f;



	-webkit-border-radius: 5px;



	-khtml-border-radius: 5px;



	-moz-border-radius: 5px;



	border-radius: 5px;



	float:right;



	width:440px;



	padding:15px 15px 25px 25px;



	color:#F98606;



	font-style:italic;



	font-weight:bold;



	}



	



	#footer_search #s {



	width:380px;



 	background:#f0f2f4;



	border:1px solid #F98606;



	}



	



 	#footer .hr {



	clear:both;



	height:1px;



	float:left;



	width:100%;



	background-color: #F98606;



	padding: 0px;



	margin-top: 12px;



	margin-right: 0;



	margin-bottom: 7px;



	margin-left: 0;



	border-bottom-width: 1px;



	border-bottom-style: solid;



	border-bottom-color: #fff;



	}



	



 	#copyright {



	float:left;



	width:770px;



	font-size:10px;



	font-weight:bold;



	color:#F98606;



	text-transform:uppercase;



	}



	



	#designed {



	float:right;



	width:145px;



	font-size:10px;



	font-weight:bold;



	color:#F98606;



	text-transform:uppercase;	 



	}



	



#programmation_search {



	-moz-border-radius:5px 5px 5px 5px;



	background:none repeat scroll 0 0 #FCDB7C;



	border:1px solid #FDBA1F;



	color:#F98606;



	float:left;



	font-style:italic;



	font-weight:bold;



	margin:0px;



	padding:15px 15px 0px 16px;



	margin-top:20px;



	margin-bottom:20px;



}







#programmation_search .customcheckbox {



	background:none repeat scroll 0 0 #FFF;



	background-image:url(../images/select.gif);



	background-repeat:no-repeat;



	background-position:right;



	border:1px solid #F98606;



}







#programmation_search .checkboxlabel {



	color:#666666;



	font-size:12px;



	font-family:Arial, Helvetica, sans-serif;



	text-transform:none;



	text-decoration:none;



	font-weight:normal;



	font-style:normal;



	float:right;



	padding-top:2px;



}







#header-search {



	float:left;



	background:#fee8a8 url(images/bgfooter.png) repeat-x top center;



	padding:10px 25px 15px 25px;



	width:910px;



	margin-left:-15px;



	-webkit-border-bottom-right-radius: 10px;



	-webkit-border-bottom-left-radius: 10px;



 	-moz-border-radius-bottomright: 10px;



	-moz-border-radius-bottomleft: 10px;



 	border-bottom-right-radius: 10px;



	border-bottom-left-radius: 10px; 



}



	



#programmation_search form{



	margin:0px;



	padding:0px;



}



#programmation_search select {



}



#programmation_search input {



	background:none repeat scroll 0 0 #FFF;



	border:1px solid #F98606;



	color:#666666;



	font-size:12px;



	margin:0 5px 5px 0;



	padding:6px;



}



#programmation_search #sendbutton{



	background-color:#737070;



	border:0px solid #737070;



	color:#F1ECEC;



	font-size:10px;



	margin:0px 5px 5px 0;



	text-transform:uppercase;



}







.cadreresult1{



	float:left;



	font-family:Arial, Helvetica, sans-serif;



	font-size:13px;



	border:solid 1px #ec008c;



	border-bottom:none;



	width:800px;



	margin-top:31px;



	background-color:#fde8f1;



	line-height:14px;;



}



.cadreresult1 .type1{



	border-bottom:solid 1px #ec008c;



	background-color:#fde8f1;



	



}







.cadreresult1 .type2{



	border-bottom:solid 1px #ec008c;



	background-color:#fad5e5;



	



}



.cadreresult1 .textecompagnie{



	color:#ec008c;



}



.cadreresult1 a{



	color:#ec008c;



}



.cadreresult2{



	float:left;



	font-family:Arial, Helvetica, sans-serif;



	font-size:13px;



	border:solid 1px #0071bc;



	border-bottom:none;



	width:800px;



	margin-top:31px;



	background-color:#e0e7f5;



	line-height:14px;;



}



.cadreresult2 .type1{



	border-bottom:solid 1px #0071bc;



	background-color:#e0e7f5;



	



}



.cadreresult2 .textecompagnie{



	color:#0071bc;



}



.cadreresult2 a{



	color:#0071bc;



}







.cadreresult2 .type2{



	border-bottom:solid 1px #0071bc;



	background-color:#c7d5ee;



	



}







.cadreresult3{



	float:left;



	font-family:Arial, Helvetica, sans-serif;



	font-size:13px;



	border:solid 1px #f7931d;



	border-bottom:none;



	width:800px;



	margin-top:31px;



	background-color:#fff1e1;



	line-height:14px;;



}



.cadreresult3 .type1{



	border-bottom:solid 1px #f7931d;



	background-color:#fff1e1;



	



}



.cadreresult3 .type2{



	border-bottom:solid 1px #f7931d;



	background-color:#ffe5ca;



	



}



.cadreresult3 .textecompagnie{



	color:#f7931d;



}



.cadreresult3 a{



	color:#f7931d;



}







.cadreresult4{



	font-family:Arial, Helvetica, sans-serif;



	font-size:13px;



	border:solid 1px #c26949;



	border-bottom:none;



	width:800px;



	background-color:#f6eae3;



	line-height:14px;;



	margin-left:50px;



}



.cadreresult4 .type1{



	border-bottom:solid 1px #c26949;



	background-color:#f6eae3;



	



}



.cadreresult4 .type2{



	border-bottom:solid 1px #c26949;



	background-color:#f2d6c6;



	



}



.cadreresult4 .textecompagnie{



	color:#c26949;



}



.cadreresult4 a{



	color:#c26949;



}



.cadreresult5{



	font-family:Arial, Helvetica, sans-serif;



	font-size:13px;



	border:solid 1px #fdb813;



	border-bottom:none;



	width:800px;



	background-color:#ffeece;



	line-height:14px;;



	margin-left:50px;



}



.cadreresult5 .type1{



	border-bottom:solid 1px #fdb813;



	background-color:#ffeece;



	



}



.cadreresult5 .type2{



	border-bottom:solid 1px #fdb813;



	background-color:#ffdfa4;



	



}



.cadreresult5 .textecompagnie{



	color:#ffa200;



}



.cadreresult5 a{



	color:#ffa200;



}











.cadreresult6{



	font-family:Arial, Helvetica, sans-serif;



	font-size:13px;



	border:solid 1px #00aeef;



	border-bottom:none;



	width:800px;



	background-color:#c7eafb;



	line-height:14px;;



	margin-left:50px;



}



.cadreresult6 .type1{



	border-bottom:solid 1px #00aeef;



	background-color:#e1f4fd;



	



}



.cadreresult6 .type2{



	border-bottom:solid 1px #00aeef;



	background-color:#c7eafb;



	



}



.cadreresult6 .textecompagnie{



	color:#00aeef;



}



.cadreresult6 a{



	color:#00aeef;



}







.blocresultatsearch td, tr{



	line-height:normal;



	padding:0px;



}



.textegras{



	font-weight:bold;



}



.texteitalique{



	font-style:italic;



}



.texteitalique2{



	font-weight:bold;



	text-transform:uppercase;



}



.textecompagnie{



	height:24px;



	font-weight:bold;



	font-size:15px;



        margin-top:10px;



}











.zoneresult1{



	float:left;



}



.zoneresult2{



	float:left;



}



.zoneresult3{



	float:left;



}



.bandeau-pub-468x60{



	padding-top:0px;



	text-align: center;



	display: block;



	margin: 0px;



	clear: both;



	float: none;



	padding-right: 0px;



	padding-bottom: 0px;



	padding-left: 0px;



	position: relative;



	height: 75px;



}



.bandeau-pub-468x60 #ad468{



	text-align: center;



	clear: none;



	float: none;



	height: 60px;



	width: 468px;



	position: absolute;



	left: 245px;



	bottom: 0px;



}







.nosearch{



	height:50px;



	padding-left:20px;



	padding-top:5px;



	font-size:13px;



	font-style:normal;



}