/* DEFINITIONS GLOBALES
------------------------------------------------ */

* {
	padding:			0;
	margin:				0;
}

body {
	background-color:   #fdefd4;
	background-image: 	url('images/bkg.jpg');
	background-repeat: 	repeat-x;
}

label {
	display: 			block;
}
	
.clear_b, .clear_r, .clear_l {
	height:				1px;
	font-size:          1px;		
}	
       
.clear_b {
	clear:				both;	
}

.clear_r {
	clear:				right;	
}

.clear_l {
	clear:				left;	
}

#partenaires_link {
	width:				1004px;
	height:				213px;
	position: 			absolute;
	left:				50%;
	margin-left:		-502px;	
}

#main_bkg {
	position: 		    absolute;
	width:				100%;
	height:				213px;
	background-image: 	url('images/bkg-header.jpg');	
	background-repeat: 	no-repeat;
	background-position:50% 0; 		
}

.preload {
	display: 			none;	
}

/* HEADER
------------------------------------------------ */

#header_container {
	width:				1004px;
	height:				213px;
	position: 			absolute;
	left:				50%;
	margin-left:		-502px;
}

/* CONTAINEUR
------------------------------------------------ */

#container {
	width:				1004px;
	position: 			absolute;
	left:				50%;
	margin:				213px 0 0 -502px;
	background-image: 	url('images/under_menu.png');
	background-repeat: 	no-repeat;	
	background-position:right 47px; 	
}

.retour {
	padding:			0 0 0 12px;
}

.retour a {
	font:				18px cursive;
	text-decoration: 	none;
	color:				#FFFFFF;	
}

.retour a + a {
	color: 				#341fa1;	
}

/* MENU DE DROITE
------------------------------------------------ */

#menu {
	float:				right;
	width:              262px;
}

#select_module {
	width:				262px;	
	height:				150px;
	border:				2px solid #FF639A;
	margin-top:			5px;
	background-color: 	#FFFFFF;
	overflow-y:			scroll;
}

#select_module li {
	display:			block;
	height:				40px;	
	font:				Bold 16px/40px Arial;
	color:				#444444;
	padding:			0 0 0 15px;
	cursor: 			pointer;	
}

#select_module .alt_bkg_color {
	background-color: 	#FFF0F7;	
}

	/* ####### BOUTON ADD MODULE ####### */
	
#menu_items {
	height:				39px;	
}	
	
#add_module {
	display:			block;
	width:				186px;
	height:				39px;
	background-image: 	url('images/module_add.jpg');
	background-repeat: 	no-repeat;	
	margin:				0 0 0 76px; 
	position: 			absolute;	
}

#add_module span {
	display: 			none;	
}

#refresh {
	display:			block;
	width:				40px;
	height:				39px;
	background-image: 	url('images/refresh.jpg');
	background-repeat: 	no-repeat;
	position: 			absolute;	 	
}

#refresh span {
	display: 			none;	
}

#rss {
	display:			block;
	width:				39px;
	height:				39px;
	background-image: 	url('images/rss.jpg');
	background-repeat: 	no-repeat;
	position: 			absolute;	
	margin-left:		38px;
}

#rss span {
	display: 			none;	
}

	/* ####### MODULE ####### */
	

.module {
	width: 				262px;
	background-image:   url('images/module_main.jpg');
	background-repeat:  repeat-y;
	margin:				10px 0 10px 0;
}			
	
.module p.module_title {
	font: 				bold 17px/35px Arial;
	color: 				#444444;
	margin:				0;
	padding:			0;
	padding-left:		80px;		
	background-repeat:  no-repeat;
	cursor: 			move;
}

.module p.module_title:first-letter {
	font-size:			21px;
}

.module .footer {
   	width:				262px;
   	background-image: 	url('images/module_bottom.jpg');
   	background-repeat: 	no-repeat;
   	background-position:bottom;   	
}

.module_title {
	background-image: 	url('images/module_top.png');	
}

.module_content {
	padding-bottom: 	5px;
	
}

.color_box_container {
	padding-left:		15px;	
	clear: 				left;
}

.color_box {
	width: 				15px;
	height: 			15px;
	float:				left;	
	margin: 			3px;
	border:				1px solid #444;
	cursor:				pointer;		
}

.close {
	display:			block;
	text-align:			center;
	text-decoration:	underline;
	cursor:				pointer;	
}

	/* ### RECHERCHE ### */
	
.search_form {
	padding:			7px 0 0 30px;	
}	
	
.search_form_submit {
	display: 			block;
	float: 				left;	
	width:				42px;
	height:				31px;
   	background-image: 	url('images/go.png');
   	background-repeat: 	no-repeat;		
   	border:				0;   	
   	margin-left: 		10px;
   	cursor: 			pointer;
}

.search_form_text {
	display: 			block;
	float: 				left;
	font:				bold 14px Arial;
	background-color:	transparent;
	border:				0;
	border-bottom: 		1px solid #424242;
	width: 				150px;	
	padding:			0 0 3px 0;
	margin-top:			4px;
	color:				#424242;
}

	/* ### TAG CLOUD ### */

.tag_cloud {
	padding:			10px;	
}

.tag_cloud a {
	font:				bold 18px Arial;
	margin:				0 7px 0 7px;
	text-decoration: 	none;	
}

	/* ### PERTENAIRES ### */
	
.partenariat_notice {
	color:				#444;	
	padding:			5px 10px;
	text-align: 		center;
	font:				9px Arial;
}

.partenaires_liste {
	color:				#FF0000;
	text-align: 		center;
	font:				bold 14px Arial;
	padding:			10px;	
}

.partenaires_liste img {
	border:				0;
	display: 			block;
	margin:				0 auto;
	max-width: 			240px;
	max-height: 		40px;
}
	
	/* ### ARCHIVES ### */
.archive_ul {
	padding:			5px 0 5px 15px;
	list-style: 		none;
	font:				bold 14px Arial;
}

.archive_ul a {
	text-decoration: 	none;
	color:				#444;
}
	
.archive_ul a:hover {
	text-decoration: 	underline;
}	
	
/* CONTENU
------------------------------------------------ */

.info_msg {
	margin:				20px 0 0 77px;
	text-align: 		center;
	font:				bold 16px Arial;
	color:				#FF0000;		
}

#main {
	margin:             0 272px 0 0;
	width:              727px;
	background-image:   url('images/main_bkg.jpg');
	background-position:right;
	background-repeat:  repeat-y;	
}

#main .header {
	width:				727px;
	background-image: 	url('images/main_top.jpg');
	background-repeat: 	no-repeat;
	background-position:top right;
}

#main .footer {
	width:				727px;
	background-image: 	url('images/main_bottom.jpg');
	background-repeat:  no-repeat;
	background-position:bottom right;
}
       
.content {
	margin:				5px 0 5px 77px;
 	font:				13px Verdana;
 	color:				#424242;  
 	padding:			0 15px 10px 15px;   	 	
}
       
.date {
	float:				left;
	width:				77px;
	height:				77px;
	background-image: 	url('images/star.png');
	background-repeat: 	no-repeat;
	text-align: 		center;
	background-position:0 5px;
	margin-left:		-5px;
}

.date span {
	display:			block;
	margin-right:		3px;
}

.date span.day {
	padding-top:		12px;	
	font:				bold 18px "Zapf Chancery","Lucida Calligraphy";
}

.date span.month {
	font:				bold 22px "Zapf Chancery","Lucida Calligraphy";
}


.title {
	height:				73px;
	background-image:	url('images/title.png');
	background-repeat:  no-repeat;
}

.title h2 {
	font-family: 		cursive;
	font-size: 			30px;
	font-weight: 		bold;
	position: 			absolute;
	margin: 			0 0 0 15px;
	color:				#ff9bce;	
}

.title h2 a {
	color:				#ff9bce;
	text-decoration: 	none;	
}

.title .user {
	display:			block;
	position: 			absolute;	
	font:				bold 14px Arial;
	color:				#ff9bce;	
	margin:				47px 0 0 485px;	
}

.title .categories {
	display:			block;
	position: 			absolute;
	font:				bold 14px Arial;	
	color:				#ff9bce;				
	margin:				40px 0 0 65px;
}

.gallery_preview {
	margin:				5px auto;	
}

.gal_img {
	padding: 			3px;
	border:				2px solid #Ffffff;
	margin:				2px;
}
.gal_img:hover {
	border:				2px solid #fd8fb3;
}

.galtab {
	padding:			0;
	margin:				0;
	border-collapse: 	collapse;
	width:				100%;
}

.galtab td {
	vertical-align: 	middle !important;
}
	
.text td {
	padding:			5px;
	vertical-align: 	top;	
}

.gallery_preview img {
	display:			block;
	float: 				left;
	padding: 			3px;
	border:				2px solid #Ffffff;
	margin:				2px;
}

.gallery_preview img:hover {
	border:				2px solid #fd8fb3;
}

.galtab img{
	margin:				0 !important;
}


.more {
	margin-top:			10px;      
}

.more a {
	text-decoration: 	none;
	color:				#ff9bce;	
	font:				12px/22px Arial;
	position:			absolute;
	height: 			25px; 
	display: 			block;
}

.more a:hover {
	text-decoration:	underline;
}             

.comments {
	margin:				-1px 0 0 500px;	
}

.comments_cnt {
	background-image: 	url('images/comment.png');
	background-repeat: 	no-repeat;
	background-position:right;
	margin:				-1px 0 0 585px;
	width: 				39px;
	text-align:			center;
	font-weight: 		bold !important;
}

.readmore {
	background-image: 	url('images/readmore.png');
	background-repeat: 	no-repeat;
	background-position:right;
	margin:				-3px 0 0 400px;
	padding-right:		33px; 
	line-height: 		25px !important;	      
}          

.addto {
	background-image: 	url('images/addto.png');
	background-repeat: 	no-repeat;
	height:				25px;
	padding:			0 0 0 114px;
	margin:				0 0 0 -10px;
	font:				14px/18px Verdana;
	vertical-align: 	bottom;
	margin-top:			10px;
}

.delicious {
	cursor: 			pointer;
	background-image: 	url('images/delicious-icon-pink.gif');
	background-repeat: 	no-repeat;
	padding:			0 0 0 20px;
	text-decoration: 	none;
	color:				#ccbbe8;
}

.delicious:hover {
	background-image:  	url('images/delicious-icon-color.gif');	
	text-decoration: 	underline;
	color:				#424242;
}

.infos {
	float:				left;
	margin-left:		95px;	
	padding-top:		5px;
	width:				430px;
}

.infos a {
	text-decoration: 	none;
	font:				12px Arial;
	color:				#f782bf;
}

.infos span {
	display: 			block;
	font:				10px Arial;
	color:				#999999;
	font-style: 		italic;
}


.item_tags {
	margin:				5px 0 5px 85px;
	height: 			54px;
	background-image:  	url('images/tags.png');
	background-repeat:  no-repeat;
	padding-left:		110px;		
}

.item_tags div {
	display:			block;
	float:				left;
	padding:			0 5px 0 5px;
}
.item_tags div>a {
	font:				bold 18px Arial;	
	text-decoration: 	none;
}

.item_tags a:first-letter {
	font-size: 			1.3em;
}

#commentsList {
	float: 				left;
	margin:				5px 0 5px 0;
	width: 				490px;			
}

/* putting this as margin in #commentsList break layout in IE 5.5 & IE6 */
#commentsList .comments_mleft {
	padding:			0 0 0 87px;	
}
                   

#commentform {
	margin:				0 0 0 505px;	
}

#commentform input, #commentform textarea {
	border:				0;
	background-color: 	transparent;
}

#commentform textarea {
	border-top: 		1px solid #666666;
		
}

#email, #author, #comment, #sex, #submitcomment {
	display: 			block;	
	width:			    170px;
	border-bottom: 		1px solid #666666 !important;
	margin:				3px 0 0 30px;
	font:				bold 12px/14px Arial;
	color:				#666666;	
}

#email, #author {
	height:				16px;
}
	
#sex {
	border-bottom: 		0 !important;
	vertical-align: 	middle;	
}	
	
#sex * {
	vertical-align: 	middle;		
}
	
#submitcomment {
	border-bottom: 		0 !important;
	margin-top:			10px;	
}	
	
#commentform label {
	margin-top:			10px;	
	height:				15px;
	background-image: 	url('images/chibi-star.png');
	background-repeat: 	no-repeat;
	padding:			0 0 0 22px;
	font:				bold 14px Arial;
	color:				#f782bf;
}

.item_tags a:hover {
	text-decoration: 	underline;
}

.paginator_main {
	margin:				10px 0 0 87px;
	font:				14px/26px Arial;  	
}

.paginator_main .page {
	width:				111px;
	height:				26px;
	background-image: 	url('images/page.png');
	background-repeat: 	no-repeat;  
	float: 				left;	 	
}

.paginator_main span {
 	display: 			block;
 	float: 				left;
 	width:				26px;
 	height:				26px;    
 	text-align:			center;                  
	background-image: 	url('images/circle.png');
	background-repeat: 	no-repeat;  
	font-weight: 		bold;  
	margin-bottom: 		10px;                
}

.paginator_main a {
 	display: 			block;
 	float: 				left;
 	width:				26px;
 	height:				26px;  	                       
 	text-align:			center;    
 	text-decoration: 	none;                      
	margin-bottom: 		10px;  
	color:				#ffba58;
}

.paginator_main a:hover {   
 	text-decoration: 	underline;                      
}

#comment_error_msg {
	margin:				5px 0 5px 77px;
	padding:			0 5px 10px 5px;
	text-align: 		center;
	font:				bold 14px Arial;
	color:				#FF0000;	
}

#comment_error_msg span {
	color:				#60FF89;	
	cursor:				pointer;
}

.comment_table {
	margin-bottom:		25px;	
	border-collapse: 	collapse;	
}

.comment_table td {
	color:				#666666;
}

.comment_table a {
	color:				#444444;	
}                

.comment_table .right {
	padding:			0 10px;          
}

.comment_table .right .comment_header {
	background-image: 	url('images/comment_top.png');
	background-repeat:  no-repeat;
	height:				20px;
	font:				13px/20px Arial;
	padding-right:		17px;
	text-align: 		right;
	font-style: 		italic;
}


.comment_table .right .comment_main {
	background-image: 	url('images/comment_main.png');
	background-repeat: 	repeat-y;	
	font:				12px Verdana;
	padding:			3px 18px 0 10px;
	text-align: 		justify;
}

.comment_table .right .comment_footer {
	background-image: 	url('images/comment_bottom.png');
	background-repeat:  no-repeat;
	height:				11px;
	font-size:			1px;
	width:				286px	
}

.comment_table .right .comment_date {
	width:				286px;
	text-align: 		right;
	padding:			3px 10px 0 0;
	font: 				10px Verdana;
}

.ajax_loader {
	width:				32px;
	height:				32px;
	background-image:   url('images/ajax-loader.gif');
	background-repeat: 	no-repeat;	
	margin:				0 auto;	
}

#author.error_border, #comment.error_border, #email.error_border {
	border:				1px solid #FF0000 !important;	
}

.center {
	padding:		5px;
	text-align: 	center;
}

.center * {
	margin:				0 auto;	
}

.flash {
	margin:			10px;
	text-align: 	center;
}

.flash * {
	margin:				0 auto;	
}

.dailymotion {
	height:				466px;		
}

.youtube {
	height:				380px;
}

.mp3_player_container {
	padding:			3px 25px;	
}

.mp3_player_height {
	height:				30px;
}

.e404 {
	margin-left:		77px;
	padding:			30px 40px;
}

.e404 span {
	display:			block;
	padding-left:		120px;
	height: 			125px;
	color:				#FF0000;
	font:				Bold 19px/125px Arial;		
	background-image: 	url('images/hayate-png.png');
	background-repeat: 	no-repeat;
}

.xiti {
	margin-left:		77px;
	width:				650px;
	text-align: 		center;
	padding:			5px 0;
	font:				10px Arial;	
}

.search_history { 
	margin-left:		77px;
	width:				650px;
	padding:			5px 0;
	font:				12px Arial;			
}

.search_history ul {
	padding:			0 15px;
	list-style: 		none;
}

.search_history div {
	text-align:  		center;
}

.search_history a {
	color:				#f782bf;
	text-decoration: 	none;
}

.xiti * {
	margin: 			0 auto;	
}

/* RATING */

#rating_stars {
	float: 				left;
}

.rating_notice {
	padding:			2px 20px 0 0;
	text-align: 		right;
	font:				11px arial;
	font-style: 		italic;
	color:				#555555;
}	

.rating {
	float: 				left;
	width:				37px;
	height:				33px;
	background-repeat: 	no-repeat;
	font-size:			1px;
}

.rating_add {
	width:				37px;
	height:				33px;
	background-repeat: 	no-repeat;
	font-size:			1px;
	cursor: 			pointer;
}

.white_bkg {
	background-color: 	white;
}
           
.r0_0 {
	background-image: 	url('images/rating/0.0.png');
}

.r0_5 {
	background-image: 	url('images/rating/0.5.png');
}

.r1_0 {
	background-image: 	url('images/rating/1.0.png');
}

.r1_5 {
	background-image: 	url('images/rating/1.5.png');
}

.r2_0 {
	background-image: 	url('images/rating/2.0.png');
}

.r2_5 {
	background-image: 	url('images/rating/2.5.png');
}

.r3_0 {
	background-image: 	url('images/rating/3.0.png');
}

.r3_5 {
	background-image: 	url('images/rating/3.5.png');
}

.r4_0 {
	background-image: 	url('images/rating/4.0.png');
}

.r4_5 {
	background-image: 	url('images/rating/4.5.png');
}

.r5_0 {
	background-image: 	url('images/rating/5.0.png');
}