@charset "utf-8";
/*  
Theme Name: Retromania
Theme URI: http://www.getacustomdesign.com/
Description: Retromania is nice free wordpress theme for personal blog. The theme is released under GPL
Version: 1.3
Author: Jay Hafling
Tags: green, yellow, light, two-columns, right-sidebar, fixed-width
*/

@charset "utf-8";

html
{
	height:100%;

}

body{
	background-image: url(images/background.jpg);
	min-height: 100%;
	font: 14px/1.6 Arial, Helvetica, sans-serif;
	color:292929;
	border:0;
	margin:0;
	padding:0;
}

#content
{
	width :100%;
	margin:auto;

}
/***** Common Formatting *****/

p, ul, ol 
{
	margin:0;
	padding:0 0 20px 0;
}

ul, ol 
{
	padding:0 0 0px 2.5em;
}

blockquote 
{
	margin:0 0 20px 0px;
	padding:10px 10px 10px 60px;
	background:#d3cdba url(images/blockquote.gif) top left no-repeat;
}

small 
{
	font-size:0.85em;
}

img 
{
	 border:0;
}

sup 
{
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub 
{
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

acronym, abbr 
{
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

ul , li { margin:0; padding:0;
} 

div li {
list-style-type: disc;
list-style-position:inside;

}


table , th , td , div , tr   
{
	color:#292929;
	border:none;
	border-collapse: collapse;

}


div.clear { clear:both; }


a {
	color: #7f4d01;
	text-decoration:none;	
}/*Paramètres des liens*/ 

a:hover {
	text-decoration:underline;
	color:#a76b10;
	}/*Paramètres des liens quand le pointeur est sur ceux-ci*/ 
p{
    font-family:Arial, Helvetica, sans-serif;
    font-size:18px;
    color:#000000;
    padding:00px;
    margin:8px;
}

h1, .contentheading, .componentheading{
	margin:20px 0px 10px 0px;
	font-family: "Times New Roman", Times, serif;
	font-size: 25px;
	color: #7f4d01;
}

h2
{
	padding:0px 0 20px 0;
	font-size: 20px;
	color: #a46302;
	text-align:center;
}

h3, .contentpagetitle
{
	margin:10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #a46302;
}

h4
{
	margin:10px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #a46302;
}

h5
{
	margin:1px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #a46302;
}

h6
{
	padding:0px 0 0px 0;
	font-size: 10px;
	color: #ffffff;
	text-align:center;
}

.readon
{
float:left;
margin: 10 30px;
}

.readmore
{
float:left;
margin: 10px 30px;
}

/***************************************************** /Tab *********************************************************************/
#tab_taddart
{
	width:634px;
	height:243px;
	margin-left:16px;
	padding-top:12px;
	valign: top
}

/***************************************************** /Tab *********************************************************************/

#header2_right
{
	width:331px;
	height :415px;
	float:right;
	valign: top
}

#logo_tawalt
{
	width:331px;
	height :57px;
}

#lien_ver_site2
{
	width:185px;
	height :57px;
	margin-left:66px;
}
#lien_ver_site2 a
{
	width:185px;
	height :57px;
	display:block;
	text-indent:-300em;

}
#random_image
{
	width:331px;
	height :285px;
        margin-top:57px;
}
#rotating_image
{
	width:331;
	height:285px;
	background:url(images/img1.jpg) bottom right no-repeat;
}



/***** Wrapper *****/

.wrap 
{
	width:1000px;
	margin:0 auto;
}


/***** Global Classes *****/

.clear         { clear:both; overflow:hidden; width:1px; height:1px;}
.float-left    { float:left; }
.float-right   { float:right; }

.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }

.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }

.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     { float:right;margin:4px 0 4px 10px; }

.nopadding     { padding:0; }
.noindent      { margin-left:0; padding-left:0; }
.nobullet      { list-style:none; list-style-image:none; }

.width100 { width: 100%; } 
.width75 { width: 75%; } 
.width50 { width: 50%; } 
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/**************  Classes  **************/

/* Comments */
.comments
{
	width:100%;
	overflow:hidden;
	border-top:1px solid #413a1f;
	color:#232323;
}
.comments h1
{
	padding:20px 0 10px;
}
ol.commentlist
{
	display:block;
	list-style:none;
	margin:0;
	padding:0 0 20px;
}
li.comment
{
	display:block;
	padding:10px 0px 0 0;
	margin:0 0 10px;
	overflow:hidden;
}
li.pingback
{
	display:block;
	padding:10px 0px 0 0;
	margin:0 0 10px;
	overflow:hidden;
}
li.pingback .vcard
{
	padding:0 0px 0 75px;
}
li.pingback .p
{
	padding:0 0px 0 75px;
}
li.pingback .commentmetadata
{
	padding:0 0px 0 75px;
}
li.comment img
{
	border:5px solid #7b9db4;
	float:left;
	margin:0 15px 0 0;
}

li.comment cite
{
	font-style:normal;
	font-size:14px;
	line-height:80%;
	margin:0;
	padding:0;
}
li.comment span
{
	font-style:normal;
	font-size:11px;
}
.commentmetadata
{
	margin:0;
	padding:0 0 8px;
	line-height:80%;
	font-size:10px;
}
.comment-body
{
	width:100%;
	overflow:hidden;
}
.comment-body p
{
	width:485px;
	overflow:hidden;
	float:right;
	padding:0 0 15px 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.comment-body blockquote
{
	overflow:hidden;
	float:right;
	padding:0 0 10px 10px;
	margin:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
/*Comment form*/

/***************************************************** Header *********************************************************************/
#back_header
{
	width:100%;
	background:url(images/back_header.jpg) repeat-x;
}


#header
{
	width:1000px;
	height:139px;
	background:url(images/header.jpg) no-repeat;
	margin:auto;

}

#banniere_flash
{
	width:662px;
	height:139px;
	float:left;
}

#logo_site
{
	width:338px;
	height:139px;
	float:right;
}
#lien_ver_site
{
	width:186px;
	height:139px;
	margin-left:85px;
}

#lien_ver_site a
{
	display:block;
	text-indent:-300em;
	overflow:hidden;
	width:186px;
	height:139px;
}
/***************************************************** Header2 *********************************************************************/

#header2
{
	width:1000px;
	height :415px;
	background:url(images/header2.jpg) no-repeat;
	margin:auto;
}

#header2_left
{
	width:669px;
	height :415px;
	float:left;
}
#menu_header2
{
	width:669px;
	height :102px;
}
/***************************************************** Menu *********************************************************************/
#menu
{
	width:661px;
	height:85px;
	padding-top:17px;
}
/***************************************************** /Menu *********************************************************************/
/***************************************************** /Menu *********************************************************************/

#slide_news
{
	width:669px;
	height :313px;
	padding-top:25px;
	padding-left:44px;
}

/************************************************************************ Contenu ************************************************************************/

#contenu
{
	width:1000px;
	height:100%;
	margin:auto;
}

#txt_left
{
	width:669px;
	height :100%;
	float:left;
	background:url(images/back_txt_left.jpg) repeat-y;
	padding-bottom:10px;
}

#articles
{
	width:669px;
	height :100%;
	padding-bottom:0px;
}

#articles_txt
{
	width:555px;
	height:100%;
	margin-left:54px;
	margin-right:54px;
	padding-top:20px;
	padding-bottom:20px;
}

#articles_txt p

{

}

.contentheading
{
	display:block;


}
#article_image
{
	width:669;
	height:111px;
	background:url(images/articles.jpg) bottom no-repeat;
}
#archives
{
	width:669px;
	height :100%;
	padding-bottom:1px;
}

#archives_txt
{
	width:520px;
	height:100%;
	margin-left:54px;
	margin-right:54px;
	padding-top:20px;
	line-height:30px;
	padding-bottom:20px;
}

#archive_image
{
	width:669;
	height:111px;
	background:url(images/archives.jpg) bottom left repeat-x;
}
#archive_icon
{
	width:12;
	height:16px;
	background:url(images/archive_icon.gif)  no-repeat;
}
#txt_right
{
	width:331px;
	height :100%;
	float:right;
}

#video
{
	width:331px;
	height :100%;
	margin-bottom:20px;
}

#video_header
{
	width:331px;
	height :58px;
	background:url(images/video.jpg) no-repeat;
}

#video_contenu
{
	width:331px;
	height :100%;
	background:url(images/back_txt_right.jpg) repeat-y;
	padding-bottom:15px;
}

#video_contenu_txt
{
	width:229px;
	height:100%;
	margin-left:46px;
	overflow:hidden;
	line-height:30px;
	direction:rtl;
	text-align:right;

}



ul li
{
	margin:0px;
	padding:0px;
}

#video_icon
{
	width:5;
	height:12px;
	background:url(images/earo.gif)  no-repeat;
}

#audio
{
	width:331px;
	height :100%;
	margin-bottom:20px;
}

#audio_header
{
	width:331px;
	height :111px;
	background:url(images/audio.jpg) no-repeat;
}

#audio_contenu
{
	width:331px;
	height :100%;
	background:url(images/back_txt_right.jpg) repeat-y;
	padding-bottom:15px;
}

#audio_contenu_txt
{
	width:229px;
	height:100%;
	margin-left:46px;
	overflow:hidden;
	line-height:30px;
	direction:rtl;
	text-align:right
}








#news
{
	width:331px;
	height :100%;
	margin-bottom:20px;
}

#news_header
{
	width:331px;
	height :111px;
	background:url(images/tawalt_news.jpg) no-repeat;
}

#news_contenu
{
	width:331px;
	height :100%;
	background:url(images/back_txt_right.jpg) repeat-y;
	padding-bottom:15px;
}

#news_contenu_txt
{
	width:239px;
	height:100%;
	margin-left:36px;
	overflow:hidden;
	line-height:30px;
	direction:rtl;
	text-align:right
}










#vote
{
	width:331px;
	height :100%;
	margin-bottom:20px;
}

#vote_header
{
	width:331px;
	height :111px;
	background:url(images/vote.jpg) no-repeat;
}

#vote_contenu
{
	width:331px;
	height :100%;
	background:url(images/back_txt_right.jpg) repeat-y;
	padding-bottom:15px;
}

#vote_contenu_txt
{
	width:229px;
	height:100%;
	margin-left:46px;
	overflow:hidden;
	direction:rtl;
	text-align:center

}

#search
{
	width:331px;
	height :100%;
	margin-bottom:20px;
}

#search_header
{
	width:331px;
	height :111px;
	background:url(images/search.jpg) no-repeat;
}

#search_contenu
{
	width:331px;
	height :100%;
	background:url(images/back_txt_right.jpg) repeat-y;
	padding-bottom:15px;
}

#search_contenu_txt
{
	width:229px;
	height:100%;
	margin-left:46px;
	overflow:hidden;
	direction:rtl;
	text-align:right
}
#zouaiour
{
	width:331px;
	height :100%;
	margin-bottom:20px;
}

#zouaiour_header
{
	width:331px;
	height :90px;
	background:url(images/zouaiour.jpg) no-repeat;
}

#zouaiour_contenu
{
	width:331px;
	height :100%;
	background:url(images/back_txt_right.jpg) repeat-y;
	padding-bottom:15px;
}

#zouaiour_contenu_txt
{
	width:220px;
	height:100%;
	margin-left:50px;
	overflow:hidden;
	direction:rtl;
	text-align:center
}

#news
{
	width:331px;
	height :100%;
	margin-bottom:20px;
}


#news_contenu
{
	width:259px;
	height:100%;
	margin-left:27px;
	overflow:hidden;
	direction:rtl;
	text-align:right

}

#comment
{
	width:331px;
	height :100%;
	margin-bottom:20px;
}

#comment_header
{
	width:331px;
	height :111px;
	background:url(images/comment.jpg) no-repeat;
}

#comment_contenu
{
	width:331px;
	height :100%;
	background:url(images/back_txt_right.jpg) repeat-y;
	padding-bottom:15px;
}

#comment_contenu_txt
{
	width:229px;
	height:100%;
	margin-left:46px;
	overflow:hidden;
	direction:rtl;
	text-align:center

}

fieldset.input
{
	border:none;
}

/********************************************************************* Footer *****************************************************/

#back_footer
{
	width:100%;
	background:url(images/pied_page.jpg) repeat-x;
}

#footer
{
	width:1000px;
	height:125px;
	background:url(images/footer1.jpg) no-repeat;
	margin:auto;
	
}


#nav_footer {
	width:627px;
	height:30px;
	margin-left:15px;
	position:relative;
}
#nav_footer li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
}
#nav_footer li, #nav_footer a {
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:125px;
	color:#2c2c2c;
	text-decoration:none;
	
}

#nav_footer a:hover {
	display:block;
	color:#2c2c2c;
	text-decoration:none;
}
	
#nav_footer01 {
	width:71px;
	left:0px;	
	text-indent:-300em;
	overflow: hidden;

}

#nav_footer02 {
	width:85px;
	left:71px;
	text-indent:-300em;
	overflow: hidden;

}

#nav_footer03 {
	width:59px;
	left:156px;
	text-indent:-300em;
	overflow: hidden;

}

#nav_footer04 {
	width:100px;
	left:215px;
	text-indent:-300em;
	overflow: hidden;

}


#nav_footer05 {
	width:61px;
	left:315px;	
	text-indent:-300em;
	overflow: hidden;

}

#nav_footer06 {
	width:61px;
	left:376px;	
	text-indent:-300em;
	overflow: hidden;

}

#nav_footer07 {
	width:59px;
	left:437px;		
	text-indent:-300em;
	overflow: hidden;

}

#nav_footer08 {
	width:79px;
	left:496px;	
	text-indent:-300em;
	overflow: hidden;

}

#nav_footer09 {
	width:52px;
	left:575px;	
	text-indent:-300em;
	overflow: hidden;

}
#mytab
{
	width:634px;
	height:243px;

}



#tab1
{

width:36px;
height:20px;
float:left;
padding-right:3px;
text-indent:11px;
z-index:-1;
color:#FFFFFF;

}

#tab2_3
{
height:20px;
width:77px;
float:left;
}


#tab2
{
height:20px;
width:36px;
float:left;
text-indent:10px;


}
#tab3
{
height:20px;
width:36px;
float:right;
padding-right:3px;
text-indent:10px;
z-index:-1;
color:#FFFFFF;

}

#jFlowSlide{

}

#myController span.jFlowSelected {
height:20px;
width:36px;
color:#d47d09;
}

.jFlowPrev, .jFlowNext{
cursor:pointer;
}
{
	outline:none;
}
.nav {
	width: 661px;
	height: 85px;
	background: url(images/menu.jpg) no-repeat;
	position: relative;
	top: 0px;
	left: 0px;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 85px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}


	.nav .home a:link, .nav .home a:visited {
		left: 0px;
		width: 116px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(images/menu.jpg) no-repeat -0px -85px;
	}

	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0px;
		width: 116px;
		height: 85px;
		background: url(images/menu.jpg) no-repeat -0px -85px;

	}
	.nav-home-click {
		background: url(images/menu.jpg) no-repeat -0px -85px;
	}



	.nav .articles a:link, .nav .articles a:visited {
		left: 116px;
		width: 112px;
	}
	.nav .articles a:hover, .nav .articles a:focus {
		background: url(images/menu.jpg) no-repeat -116px -85px;
	}
	.nav .articles a:active {
		background: url(images/menu.jpg) no-repeat -116px -85px;
	}
	.current-articles .about a:link, .current-articles .articles a:visited {
		background: url(images/menu.jpg) no-repeat -116px -85px;
		
	}
	.nav-articles, .nav-articles-click {
		position: absolute;
		top: 0;
		left: 116px;
		width: 112px;
		height: 85px;
		background: url(images/menu.jpg) no-repeat -116px -85px;
	}
	.nav-articles-click {
		background: url(images/menu.jpg) no-repeat -116px -85px;
	}



	.nav .archives a:link, .nav .archives a:visited {
		left: 226px;
		width: 85px;
	}
	.nav .archives a:hover, .nav .archives a:focus {
		background: url(images/menu.jpg) no-repeat -226px -85px;
	}
	.nav .archives a:active {
		background: url(images/menu.jpg) no-repeat -226px -85px;
	}
	.current-archives .archives a:link, .current-archives .archives a:visited {
		background: url(images/menu.jpg) no-repeat -226px -85px;
		cursor: default;
	}
	.nav-archives, .nav-archives-click {
		position: absolute;
		top: 0;
		left: 226px;
		width: 110px;
		height: 85px;
		background: url(images/menu.jpg) no-repeat -226px -85px;
	}
	.nav-archives-click {
		background: url(images/menu.jpg) no-repeat -226px -85px;
	}


	
	.nav .library a:link, .nav .library a:visited {
		left: 338px;
		width: 111px;
	}
	.nav .library a:hover, .nav .library a:focus {
		background: url(images/menu.jpg) no-repeat -338px -85px;
	}
	.nav .library a:active {
		background: url(images/menu.jpg) no-repeat -338px -85px;
	}
	.current-library .library a:link, .current-library .library a:visited {
		background: url(images/menu.jpg) no-repeat -338px -85px;
		cursor: default;
	}
	.nav-library, .nav-library-click {
		position: absolute;
		top: 0;
		left: 338px;
		width: 111px;
		height: 85px;
		background: url(images/menu.jpg) no-repeat -338px -85px;
	}
	.nav-library-click {
		background: url(images/menu.jpg) no-repeat -338px -85px;
	}
	
	

	
	.nav .sounds a:link, .nav .sounds a:visited {
		left: 449px;
		width: 93px;
	}
	.nav .sounds a:hover, .nav .sounds a:focus {
		background: url(images/menu.jpg) no-repeat -449px -85px;
	}
	.nav .sounds a:active {
		background: url(images/menu.jpg) no-repeat -449px -85px;
	}
	.current-sounds .sounds a:link, .current-sounds .sounds a:visited {
		background: url(images/menu.jpg) no-repeat -449px -85px;
	}
	.nav-sounds, .nav-sounds-click {
		position: absolute;
		top: 0;
		left: 449px;
		width: 93px;
		height: 80px;
		background: url(images/menu.jpg) no-repeat -449px -85px;
	}
	.nav-sounds-click {
		background: url(images/menu.jpg) no-repeat -449px -85px;
	}




	
	.nav .videos a:link, .nav .videos a:visited {
		left: 542px;
		width: 85px;
	}
	.nav .videos a:hover, .nav .videos a:focus {
		background: url(images/menu.jpg) no-repeat -542px -85px;
	}
	.nav .videos a:active {
		background: url(images/menu.jpg) no-repeat -542px -85px;
	}
	.current-videos .videos a:link, .current-videos .videos a:visited {
		background: url(images/menu.jpg) no-repeat -542px -85px;
	}
	.nav-videos, .nav-videos-click {
		position: absolute;
		top: 0;
		left: 542px;
		width: 112px;
		height: 85px;
		background: url(images/menu.jpg) no-repeat -542px -85px;
	}
	.nav-videos-click {
		background: url(images/menu.jpg) no-repeat -542px -85px;
	}
.post
{
	width:100%;
	margin:0 0 40px;
	position:relative;
}
	
.post_content
{
	line-height:28px;
}
	
.post_data
{
	width:540px;
	background:#c8c4c4;
	padding:4px 10px;
	font:normal 12px/12px Georgia, "Times New Roman", Times, serif;
	color:#000;
	margin:20px 0 0 0;
}
#navigation {
	margin: 0 0 30px 40px;
	height: 58px;
	padding: 0;
	float: left;
}
#buttons
{
	width:331px;
	height :100%;
	margin-bottom:20px;
	margin-left:-9px;
	text-align:center;
}