/*  
Theme Name: Grafpedia
Theme URI: http://www.grafpedia.com
Description: Grafpedia desc
Version: 2
Author: Julien DEBOVE
Author URI: http://www.grafpedia.com 
 */
 

/*small reset*/

body, ul, ol, li, p, h1,h2, h3, h4, h5, h6, form, blockquote{
margin:0;
padding:0;
}

/*basic styles*/

body{
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
color:#333333;
background-position:top left;
background: #000000 url(images/bgr.jpg) no-repeat;
background-position: center 10px;
padding:0;
margin:0;
border:none;
}


a:hover, a:focus{
text-decoration:none;
color:#333333;
}

a:link, a:active{
text-decoration:underline;
color:#1d1d1d;
}

a:visited{
text-decoration:underline;
color:#000000;
}

img { border:none; }

#wrapper{
position:relative;
margin:0 auto;
width:980px;
padding:0;
}

#wrapper .logo{
   border:none; 
    position:absolute; 
    top:15px;
	left:100px;
    background-position: bottom;
    height:70px;
    width:270px;
    z-index:1000;
	}



#main .content {
	float:left;
	margin-right:10px;
	width:662px;
} 

#header_top_bar{
position:relative;
width:100%;
height:38px;
background: url(images/header_top_bg.png) repeat-x;
color:#fff;
font-size:14px;
text-align:center;
padding-top:6px;
}

#header_top_bar .sign_up{
	margin-left:20px;
	margin-top:-2px;
	vertical-align:-8px;
	border:none;
}


#head{
height:60px;
position:relative;
}


#rano1{
height:60px;
position:relative;
color: #ffffff;
}



#slide{
height:24px;
position:relative;
background-color: #ffffff;

}



#rano{
height:40px;
position:relative;
background-color:#b5c1c5;
background-repeat:no-repeat;
width: 972px;
}



#main{
position:relative;
float:left;
width:953px;
padding:10px 10px 460px 10px;
background-color:#b5c1c5;
}

#top .content{
position:relative;
float:left;
width:662px;
margin-right:10px;
}



.sidebar{
position:relative;
float:left;
width:280px;
padding:0;
}






.bsa{
position:relative;
float:left;
width:278px;
padding: 10px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius: 5px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);
}



.bsa2{
	position:relative;
	float:left;
	width:270px;
	padding:10px 0 10px 10px;
	margin:0 0 10px 0;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	-o-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

	background-color:#FFF;
	text-align:center;
}
.bsa2 a {
	color:#529ae3;
	font-weight:bold;
}


.footer{
position:absolute;
bottom:0;
left:0;
width:975px;
padding:0;
color:#fff !important;
background-repeat:no-repeat;
background-color:#000;
z-index: 9999999;
}

#noir { background-color:#000; width: 100%; position: relative; float:left; margin-top:-441px; left:0; height:441px;z-index: 999999;}
.footer a, .footer li , .footer h2,.footer h3{
color:#fff !important;
border:none;
}
.footer h3{
margin-bottom:3px;
}
.footer_meta{
text-align:right;
margin:20px 0 0 0;
height:100px;
clear:both;
padding:0;
color:#aeaeae;
position:relative;
}
.footer_meta p{
line-height:100px;
}
.footer_meta a{
color:#aeaeae;
}
.footer_meta .monster{
	position:absolute;
	bottom:0;
	left:0;
	border:none;
	height:107px;
}




.error404{
background-image:url(images/404error.png);
background-repeat: no-repeat;
background-position: center center;
height:123px;
width:955px;
margin:40px auto 500px auto;
position: relative
}

.error404 a{position: absolute; width:243px; height:49px;  top:170px; left:50%; margin-left: -122px;}

/*--------------------head--------------------*/

#head h1 a{

top:1px;

left:20px;

text-indent:-9999px;

position:absolute;

outline:none;

width:380px;

height:100px;

z-index:2;

}



.blogname{

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

background-repeat:no-repeat;

}



.description{

position:absolute;

top:0;

text-indent:-9999px;

}








/*parallax*/



#parallax{

height:195px;

overflow:hidden;

position:absolute;

top:29px;

left:0;

width:980px;

}



/*------------------content--------------------*/





.breadcrumb, .entrys, .featured_entry, .featured_entry2, .navigation{
width:622px;
line-height:34px;
background-color:#fff;
padding:0 20px;
margin-bottom:14px;
position:relative;
float:left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius: 5px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

}



.entrys{
line-height:22px;
padding:20px;
position:relative;
}

.entrys h2{
margin-bottom:10px;
}
.entrys h2 a{
margin-bottom:10px;
text-decoration:none;
font-size:25px;
font-weight:400;
}


.entrys .date {
	background:#fff;
	padding:10px 15px 10px 5px;
	position:absolute;
	top:0px;
	left:-65px;
	height:50px;
	width:65px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

	text-align:center;
}
.entrys .date span{
	font-size:30px;
}

.entrys.newsletter #f {position: relative}
.entrys.newsletter .envel {position: absolute; top:-94px; right:8px;}
.entrys.newsletter p{width:450px; line-height: normal; margin-top: 10px; margin-bottom: 20px}
.entrys.newsletter b {color:#d09629; font-weight: bold;}
.entrys.newsletter .decal {margin-left: 11px; margin-right: 11px}
.entrys.newsletter input[type=text]{
background-color: #f0f0f0; 
border: 1px solid #b5b5b5; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
padding: 5px;
box-shadow: 3px 3px 3px #e7e7e7 inset;
width:185px;
}
.entrys.newsletter .button{
background: url('images/news_subscribe.png') no-repeat;
border: 0px;
width: 108px;
height: 36px;
float:right;
color:#996319;
text-align:center;
text-shadow: 0px 1px 1px #ffd471;
font-weight:bold;
text-decoration:none;
margin:0 0 0 5px;
padding-bottom: 5px;
cursor: pointer
}

.featured_entry{
width:642px;
text-align: center;
background: none;
}



.featured_entry2{

width:630px;

padding:4px 5px 4px 5px;

text-align: center;

background: #ffffff;

}



.navigation{

width:600px;

background: #fff;

}



.featured_pic{

position:relative;

width:100%;

height:250px;

overflow:hidden;

margin-bottom:5px;

}



.featured_pic a img{

border:none;

}



.featured_content{

position:absolute;

width:600px;

padding:10px 15px;

background-color:#fff;

z-index:2;

bottom:0px;

left:5px;

line-height:18px;

overflow:hidden;

}



.featured_content p{

padding:0;

}



.featured_entry h2{

padding:0;

margin:0;

font-size:14px;



}



#top  .featured_entry h2 a{

background-color:#eee;

color:#333;

display:block;

left:-15px;

padding:2px 15px;

position:relative;

text-decoration:none;

width:600px;

border:none;



}







#top .featured_content a{

color:#333;

text-decoration:none;

}

#top .featured_content a:hover{

color:#666;

}

#top .featured_entry h2 a:hover{

background-color:#333;

color:#eee;

}



#top .breadcrumb a{

color:#333;

text-decoration:none;

}



#top .breadcrumb a:hover{

text-decoration:underline;

}

.download_read{
position:relative;
float:right;
border:solid 1px #d5e3f0;
margin:10px 0 5px 0;
padding:4px;
background-color:#e6f2ff;
height:29px;
width:330px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

}

.download_read img, .download_readd img{vertical-align:middle;}
.download_read p, .download_readd p{color:#b2c0cd;}

.download_readd{
position:relative;
float:right;
border:solid 1px #d5e3f0;
margin:10px 0 5px 0;
padding:4px;
background-color:#e6f2ff;
height:29px;
width:160px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

}


.meta{
font-size:10px;
color:#666;
display:block;
clear:both;
padding:0 0 2px 0;
margin:0 0 5px 0;
float:left;
width:620px;
}



#top .meta a{

text-decoration:none;

font-weight:bold;

color:#666;

}



#top .meta a:hover{

text-decoration:underline;

color:#333;

}



#top .meta2{

border-top:1px solid #dedede;

padding:2px 0 0 0;

margin:5px 0 0 0;

border-bottom:none;

height:20px;

}

.list_categorie{
	font-size:10px;
	-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

background-color:#0d9edd;
color:#FFF;
padding:5px 10px;
margin-right:15px;
border:1px solid #6ec5eb;
}
.list_categorie a{
color:#FFF !important;
font-weight:400 !important;
}
.list_categorie a:hover{
color:#eee !important;
font-weight:400 !important;
text-decoration:none !important;

}


.the_entry{
clear:both;
}

.the_entry p{
	font-size:12px;
	margin:5px 0 15px 0;
}

/*author info*/

#author-box{



clear:both;

}

#top .entrys #author-box .author-info{

text-align:left;

float:left;

width:390px;

padding:0 0 0 10px;

}

.entrys #author-box{

padding:20px 0px 5px;

clear:both;

}



.entrys #author-box .gravatar{

padding:0px 0px 5px;

clear:both;

float:left;

}



#author-box .gravatar a, #author-box .gravatar strong{

padding:0px 0px 5px;

clear:both;

display:block;

}



#author-box .gravatar{

height:115px;

text-align:center;

float:right;

padding-left:10px;

}

.author-info{

color:#666666;

float:left;

font-style:italic;

padding-right:5px;

text-align:right;

width:315px;

}



#top .author-info h3{

font-style:normal;

font-weight:normal;

font-size:14px;

padding-bottom:4px;

}



#top #author-box a{

text-decoration:none;

font-weight:bold;

}



.pseudo_list{

border-bottom:1px solid #dedede;

clear:both;

line-height:30px;

}



/*social bookmarks*/

#top .social_bookmarks{

clear:both;

margin:0;

padding:0;

list-style-position:outside;

list-style-type:none;

position:absolute;

bottom:-14px;

left:0px;

width:640px;

}



#top .social_bookmarks li{

float:left;

}



#top .social_bookmarks li a{

float:left;

display:block;

width:128px;

text-align:center;

background-color:#333333;

color:#fff;

text-decoration:none;

line-height:24px;



}

#top .social_bookmarks li a:hover{



background-color:#fff;

color:#333;

}



/*--------------------for your text--------------------*/



#top h2 a{

text-decoration:none;

color: #333333;

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

font-weight: normal;

font-size: 20px;

line-height: 22px;

}



#top  h3{

color:#333;

display:block;

padding:2px 0px;

font-size:13px;

font-weight:bold;

clear:both;

}



#top .the_entry h3{
border-bottom:1px solid #dedede;
margin-bottom:5px;
padding:2px 0px 4px;
}



#special_content .entrys .floatleft{

width:360px;

}



#special_content .entrys .floatleft span a{

text-decoration:none;

color:#333;

}



#special_content .entrys .floatleft span a:hover{

text-decoration:underline;

color:#666;

}



#top #main .outside{
text-align:center;
padding-top:10px;
}





acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	cursor:help;

	}

#top .the_entry ul, #top .the_entry ol{

border-top:1px solid #dedede;

}

#top .the_entry li{

border-bottom:1px solid #dedede;

padding:4px 0;

}	





/*--------------------post entry footer--------------------*/





	 

.add_fav, .rem_fav{

display:block;

padding:2px 0 0 20px;

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

background-repeat:no-repeat;

background-position:left 4px;

width:280px;

}



#top .rem_fav{

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

}



/*--------------------pages with pagination--------------------*/

p.serif{

     }



/*--------------------member--------------------*/

#member{
display:none;
position:absolute;

top:33px;

left:10px;
width:165px;
padding:15px;
color: #000000;
background-color:#FFF;
z-index:1000;

-moz-border-radius:0px 5px 5px 5px;
-webkit-border-radius:0px 5px 5px 5px;
-o-border-radius: 0px 5px 5px 5px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);


}


#member input.button {
background: url('images/connect.png') no-repeat;
border: 0px;
width: 77px;
height: 35px;
cursor: pointer;
}



#member input[type=text], #member input[type=password] {

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

border: 0px;

width: 146px;

height: 36px;
color:#666;
padding:0px 10px 0px 10px;;
margin-bottom:7px;
}


#member .lostpasslink{
margin:10px 0px 0px  0px  ;
float:left;
font-size:9px;
padding:0px;
color:#333;
}
#member .lostpasslink:hover{
color:#ccc;
}

/*--------------------comments--------------------*/





.admincomment {

background-color:#eee;

width:600px;					

}



.authorcomment{

color:#666;

font-style:italic;

font-weight:bold;

}



.gravatar{

float:left;

width:90px;

height:85px;

position:relative;

}



.comment_entry{

float:left;

width:500px;

}



.comment_entry p{

clear:both;

}



#top .commentlist{

list-style-type:none;

list-style-position:outside;

margin:0;

padding:0;

border-top: 1px solid #dedede;

}



.commentlist li{

border-bottom:1px solid #dedede;

clear:both;

float:left;

line-height:1.5em;

padding:5px 0 0;

width:600px;

}

.commentlist li .floatright{

font-size:0.917em;

}



#respond, #trackbacks{

clear:both;

padding-top:20px;

}





.trackback_list{

margin:0 0 30px 20px;

padding:0;

list-style-position:outside;



}





.trackback_list li a{

color:#333333;

text-decoration:underline;

}

#comments, #respond, #trackbacks {

margin-bottom:10px;

}


/*
#commentform small {

font-size:0.917em;

font-weight:bold;

color:#333333;

}

#commentform small span{

font-weight:normal;

color:#bcbcbc;

}



#commentform label{

padding-left:5px;

}



#commentform input {

width:200px;

padding:5px;

border:1px solid #dedede;

background-color:#fff;

color:#333;

line-height:12px;

font-family:Tahoma, Verdana, Arial, sans-serif;

}



#commentform textarea {

background-color:#fff;

border:1px solid #dedede;

color:#333333;

font-family:Tahoma, Verdana, Arial, sans-serif;

font-size:12px;

height:170px;

line-height:1.5em;

overflow:auto;

padding:5px;

width:588px;

}



#commentform #submit {

	 cursor:pointer;	 

	 background-color:#333;

	 border:1px solid #333;

	 color:#fff;

		

	}



#commentform #submit:hover {

	 cursor:pointer;

	 color:#333;

	 background-color:#fff;

	 font-weight:bold;

	 padding:4px 5px 6px 5px;

	}
*/


#commentform {width:500px;}
#commentform .ligne {
	width:430px;
	height:31px;
	background-color: #eee;
	background-image: url(/images/member/separation_fom.png);
	background-repeat: no-repeat;
	background-position: 120px center;
	border-radius:4px;
	margin-bottom: 8px;
	text-align: left;
	padding-left:10px;
	padding-top:10px;
	line-height: 15px;	
}
#commentform .ligne label {width:150px;  color:#5b5b5b; position: absolute; font-weight: bold; padding-top: 2px;}
#commentform .ligne i {font-style: normal; padding-left: 120px;}
#commentform .ligne input[type=text]{width:300px; color:#8c8c8c; font-family: Georgia; font-size:14px;border:none; background: none; }
#commentform small {font-size: 10px; font-weight: normal}

#commentform .ligne.area {width: 620px; height: 155px; background-repeat: repeat-y}	
#commentform textarea {
background-color:#eee; 
border:none;
color:#8c8c8c; font-family: Georgia; font-size:14px;
height:140px;
overflow:auto;
padding:5px;
width:490px;
margin-left: 115px;
font-style: normal;
}


.gravatar img{

padding:3px;

background-color:#fff;

border:1px solid #dedede;

}	

#top .wp-smiley{

border:none;

}



.comment_entry .floatright{

padding-right:5px;

}



/*--------------------calendar--------------------*/

 

#wp-calendar th {

	background-color:#333;

	color:#FFF; 

	}





#wp-calendar {

	empty-cells: show;

	width:100%;

	text-align:center;

	

	}



#wp-calendar #next a,#wp-calendar #prev a {

background-color:#333;

color:#fff;

text-decoration:none;

display:block;

	}

#wp-calendar #next a:hover,#wp-calendar #prev a:hover {

background-color:#eee;

color:#333;

	}



#wp-calendar caption {

margin-bottom:5px;

	}





/*-------------------- widgets---------------------*/

.community_entry .meta{

width:100%;

}



.community_entry{

line-height:18px;

}

.widgettitle{
color:#FFF;	
}

#top #main .nowidgettitle{
background-image:none;
}

.widget{
position:relative;
margin:0 0 25px 0; /*check ie6*/
}


.widget li, .nowidget li{
padding:0;
position:relative;
}



#top .recentcomments{

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


}

#popularPosts {
padding:50px 0px 50px 10px;
position:relative;	
background:#fff;
margin:0 0 10px 0;
float:left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

}
#popularPosts li{
	float:left;
	width:80px;
	height:80px;
	margin:5px 10px 5px 0;
}


.newsletterr {width:270px;}
.newsletterr p {padding-right:10px; margin-top:10px; margin-bottom:15px;}
.newsletterr span {position: relative; display: block; margin-bottom: 20px}
.newsletterr input[type=text]{
position: absolute; 
top:0; left:100px; 
background-color: #f0f0f0; 
border: 1px solid #b5b5b5; 
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
padding: 5px;
box-shadow: 3px 3px 3px #e7e7e7 inset}

.newsletterr b {margin-right: 65px}
.newsletterr .button{
background: url('images/news_subscribe.png') no-repeat;
border: 0px;
width: 108px;
height: 36px;
float:right;
color:#996319;
text-align:center;
text-shadow: 0px 1px 1px #ffd471;
font-weight:bold;
text-decoration:none;
margin:0 0 0 5px;
padding-bottom: 5px;
cursor: pointer
}


#popularPosts .yellowbutton{
background: url('images/signup.png') no-repeat;
border: 0px;
width: 77px;
height: 35px;
float:right;
color:#996319;
text-align:center;
text-shadow: 0px 1px 1px #ffd471;
font-weight:bold;
text-decoration:none;
margin:0 0 0 5px;
padding-bottom: 5px;
}


#popularPostsInLoop {
padding:10px 0px 0px 10px;
position:relative;	
background:#fff;
margin:0 0 10px 0;
float:left;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

}
#popularPostsInLoop li{
	float:left;
	width:140px;
	margin:0px 13px 0px 0px;
	text-align:center;
}
#popularPostsInLoop li a{
	font-size:1em;
    color:#0d9edd;
	font-weight:bold;
	line-height:15px;
	text-decoration:none;
}
#popularPostsInLoop li a:hover{
color:#0b82b6;
}


#categorys {
	padding:50px 0px 50px 0px;
	position:relative;	
	background:#fff;
	margin:0;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

}
#categorys li{
	float:left;
	margin:0;
	width:125px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #cccccc;
	padding:0 0 0 15px;
	overflow:hidden;
}
#categorys li a{
	font-size:12px;
}
#categorys li a:hover{
	color:#2181d4;
}



#top .widget_recent_entries li{

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

background-position:0 12px;
padding-left:10px;
border:none;

}



#top .widget_recent_archives li{

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

}



#top .mfp_favorites li{

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

}




#top .cat-item{
	background:none;
}

	 

.nowidget li.page_item, .nowidget li.cat-item, .widget li.page_item, .widget li.cat-item{

line-height:25px;

padding:0 0 0 30px;


}



.footer .widget{
padding:0;
width:200px;
color:#fff;
float:left;
margin:15px 25px 0 0;
}

.footer .widget ul li{
	float:left;
	width:200px;
	padding:0;
	margin:0;
	list-style:none;
	background:none;
}
.footer .widget ul li a{
	float:left;
	width:190px;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #3d3d3d;
	padding:0 0 0 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

	text-decoration: none;
}
.footer .widget ul li a:hover{
	background: #589ee6;
	color:#fff;
	text-shadow: 0px 1px 2px #396da1;
	border-bottom:1px solid #396da1;
	font-weight:bold;
}

.click_list{
background-color:#efefef;
}



.click_list li{

color:#fff;

}



.nowidget li li, .widget li li {

border-bottom:none;


}



#top .page_item a, #top .cat-item a{



}



	 

#top .widget li a, #top .nowidget li a{
text-decoration:none;
}

	 

.widget_block{
width:298px;
background-color:#fff;
margin-bottom:20px;
clear:both;
float:left;
padding-bottom:20px;
}



#block1, #block2{
padding:0;
width:280px;
background-color:#FFF;
position:relative;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

margin-top:5px;
margin-bottom:5px;
}



#block1 .widget, #block2 .widget {

width:258px;


clear:both;

float:left;

padding:20px;

-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

}



.footer ul{

list-style-type:none;

list-style-position:outside;
border:none;

}





#main .sidebar .advanced_link{

display:block;

float:left;

padding:6px 10px;

text-decoration:none;


color:#777;

position:relative;

top:-7px;

margin-right:2px;

outline:none;

z-index:11;

}



.tablist li{
float:left;
width:220px;
padding:0;
}



.tablist{
clear:both;
width:280px;
overflow:hidden;
padding:0;
}



#main .sidebar .active{
color:#1e1e1e;
}



#top #advertise-widget{
margin:0px 0 20px 0;
padding:0;
float:left;
width:377px;
background-image:none;
background-color:transparent;
margin-bottom:0;
padding-bottom:20px;
height:125px;
}



#advertise-widget li{

display:block;

position:absolute;

background-image:none;

border-bottom:none;

padding:0px;

height:125px;

width:125px;

}



#advertise-widget a, #advertise-widget a img{

border:none;

text-decoration:none;

}



#advertise-widget .ka_1{top:0; left:0;}

#advertise-widget .ka_2{top:0; left:127px;}

#advertise-widget .ka_3{top:0; left:252px;}



#advertise-widget li a{

float:left;

display:block;

height:125px;

width:125px;

background-color:#666;


padding:0;

margin:0;

}



#advertise-widget .ka_2 a{

border-left:none;

border-right:none;

}



.widget_rss h3 img{

display:none;

}



.mfp_remove_link{

height:16px;

width:16px;

display:block;

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

float:right;

text-indent:-9999px;

outline:none;

}



.mfp_link{

float:left;

display:block;

padding-top:3px;

width:275px;

}

.entrys  .mfp_link{

padding:0;

width:475px;

}



.entrys .mfp_favorites{

border-top:1px solid #ccc;

}



.entrys .mfp_favorites p{

width:100%;

line-height:30px;

border-bottom:1px solid #ccc;

float:left;

padding:0;

}



.entrys .mfp_remove_link{

margin-top:5px;

}

.listhover{

position:absolute;

display:block;

background-color:#CCCCCC;

width:100%;

height:100%;

top:0;

left:0;

z-index:4;

}

#front-end-login{

position:relative;

}

#front-end-login label{

padding-left:5px;

}

.input_text{

width:30%;

border:1px solid #dedede;

padding:3px 5px;

}



.button-login{

border:none;

cursor:pointer;

background-color:#fff;

position:absolute;

height:40px;

width:128px;

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

background-position:top left;

left:230px;

padding:15px 11px 0 0;

top:25px;

}



.button-login:hover{

background-position:bottom left;

}



#labelremember{

display:block;

left:223px;

position:absolute;

top:73px;

}



#front-end-login a{

color:#333;

text-decoration:none;

padding:2px 10px 2px 0px;

}



#front-end-login a:hover{

color:#666;

text-decoration:underline;

padding:2px 10px 2px 0px;

}





.rsswidget{

display:block;

}



.rss-date{

color:#666;

font-size:11px;

}





/*--------------------Archive--------------------*/



li#archives{

     }



.widget_archives{

     }



/*--recent posts--*/





li#recent-posts{

     }



.widget_recent_entries{

     }







/*--------------------text widget--------------------*/
.widget{
float:left;
padding:0;
margin:0;
list-style:none;
}

ul.widget_text{
float:left;
padding:0;
margin:0;
list-style:none;
}

li.widget_text{
padding:0;
margin:0;
}



/*--id in relationsship to the id of the widget*/

li#text-4{

     }

div.textwidget{
padding:0;
margin:0;
}



/*--------------------links blogroll--------------------*/



li#links{

     }



.widget_links{

     }





/*--------------------categories--------------------*/



li#categories{

     }



.widget_categories{

     }



/*GENERIC*/



pre{

font-family:"Courier New", Courier, monospace;

font-size:12px;

}





code{

border:1px solid #ddd;

padding:10px;

background-color:#fefefe;

display:block;

overflow:auto;

font-size:12px;

font-family:"Courier New", Courier, monospace;

color:#333;

width:470px;

}



.noborder, .noborder img, .noborder a img{

border:none;

margin:0;

padding:0;

background-color:transparent;

}



.alignnone, .fullsize {

float:none;

margin:10px 0;

max-width:600px;

overflow:hidden;

}

.alignleft{

float:left;

margin:0px 10px 10px 0pt;

max-width:490px;

overflow:hidden;

}

.alignright{

float:right;

margin:0px 0pt 10px 10px;

max-width:490px;

overflow:hidden;

}

.aligncenter{

clear:both;

display:block;

margin:0pt auto 1.5em;

max-width:600px;

overflow:hidden;

}

.floatleft {

float:left;

}

.floatright {

float:right;

}

.clearboth {

clear:both;

}



.wp-caption {

background-color:#EEEEEE;

padding:5px 2px;

text-align:center

;}



.wp-caption img, .wp-caption a img  {

margin: 0;

padding: 0;

border:1px solid #fff;

}



.wp-caption a:active, .wp-caption a:visited, .wp-caption a:link, .wp-caption a:hover, .wp-caption a:focus {

border:none;

outline:none;

}



p.wp-caption-text {

font-size: 0.917em;

line-height: 1.1em;

padding: 3px 5px 6px;

margin: 0;

font-style:italic;

}



.the_entry a img, .the_entry img{

background-color:#fff;

padding:3px;

border:1px solid #dedede;

}



.the_entry a:hover img{

background-color:#ebebeb;

}



p{

padding-bottom:1em;

}



.content ul, .content ol{

list-style-position:outside;

padding:0 0 1em 2em;

}







blockquote{

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

padding:5px 30px 0 30px;

background-repeat:no-repeat;

background-position:top left ;

margin:10px 0 10px 0;

color:#666;

}



blockquote em{

color:#1d1d1d;

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

padding:5px 40px  20px 0px;

background-repeat:no-repeat;

background-position:top right;

display:block;

text-align:right;

font-style:italic;

}








#screenshot{

	position:absolute;

	border:1px solid #ccc;

	background:#333;

	padding:3px;

	display:none;

	color:#fff;

	}



/** top menu & sub menu content **/ 

div#navHeader {background: url(images/bg_skeleton.png) no-repeat; height: 95px; position:relative;}





/** Navigation **/

#subMenu {clear:both;}

	#subMenu ul {font-size: 0.9em; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial; }

	#subMenu ul {position:absolute; padding: 2px 0 8px 0; bottom:5px; left:20px}

	#subMenu ul li {float:left; margin-right: 10px; list-style: none;}

	#subMenu ul li a {
	color:#b2e9ff; 
	display: block; 
	text-shadow:#031f2b  0px 1px 1px;  
	padding-left: 8px; 
	height: 23px; 
	text-decoration: none; 
	float:left;
	font-size: 1.2em; 
	font-weight:normal;
	}

	#subMenu ul li a:hover {color:#f2f2f2;text-shadow:#031f2b  0px 1px 1px; }

	#subMenu ul li a span { display: block; padding:4px 8px 6px 0;}

	#subMenu ul li a:hover span {}

	

	#subMenu ul li.selected a, #subMenu ul li.current-cat a {}

	#subMenu ul li ul li.selected a span, #subMenu ul li.selected a:hover span, #subMenu ul li.current-cat a span { color:#f2f2f2;}

#search{position:absolute;right:10px; top:8px; width:200px; height:31px;}
#search form{float:right;margin:0px; }
#search form input{display: inline;position:absolute;top:1px;left:33px;border-style:none;background:url(images/search_right.png) 0px 0px no-repeat;width:130px;height:31px;padding:0px 40px 0px 5px;border:none;margin:0px;color:#8cb9ba;}
#search form .bouton{display: inline;position:absolute;top:0px;left:0px;border-style:none;background:url(images/search_left.png) 0px 1px no-repeat; width:33px;height:31px;padding:0px;border:none;margin:0px;cursor:pointer;}


ul#menu {margin-left: 0px; background: url(images/bgnav.png) repeat-x 0 1px; width:100%;}

	ul#menu li {float:left; margin-right: 0px; list-style: none;}

	ul#menu li a {
	display: block; color:#063346; 
	text-shadow:#3db2ec 0px 1px 1px; 
	font-weight: bold; 
	text-decoration: none; 
	height: 50px; 
	padding: 0px; 
	float:left; 
	text-transform:uppercase;
	font-size: 1.1em; }

	ul#menu li a:hover {color:#f2f2f2; text-shadow:#106891  0px 1px 1px; background-image:url(images/bgnavhover.png);}

	ul#menu li a span {display: block; padding:17px 20px 22px 20px; height:17px;}
	ul#menu li a span:hover, ul#menu li.current-cat a span {	background:url(images/fleche.png) no-repeat bottom center;
}

	ul#menu li.navSelected a, ul#menu li.current-cat a, ul#menu li.current-cat-parent a { color:#f2f2f2; text-shadow:#106891  0px 1px 1px; background-image:url(images/bgnavhover.png);}

	ul#menu li.navSelected a:hover, ul#menu li.current-cat a:hover {color:#f2f2f2; text-shadow:#106891  0px 1px 1px; background-image:url(images/bgnavhover.png);}

	ul#menu li.navSelected a span,ul#menu li.navSelected a span:hover, ul#menu li.current-cat a span:hover, ul#menu li.current-cat-parent a span:hover {background:url(images/fleche.png) no-repeat bottom center;}



div#headerContent {position:relative; float:left;color:#f2f2f2; padding-top: 15px;left:15px;width:700px;}

div#headerContent a {color:#bdd0da; text-decoration:none;}

div#headerContent a:hover {color:#fff;} 

#rss_icon_block{
	position:relative;
	float:right;
	margin: 10px 20px;
	width:150px;
text-shadow:#101316 0px 1px 1px;
		text-decoration:none;
	color:#FFF;
	font-weight:800;
}
#rss_icon_block img{
	display:inline !important;
		border:none;

}
#rss_icon_block a{

text-shadow:#101316 0px 1px 1px;
		text-decoration:none;
	color:#FFF;
	font-weight:800;
}

.rss_icon{
	vertical-align:middle;
}

ul#sliderNav {position: absolute; left:470px; top: 210px; z-index:100; display:block;}

ul#sliderNav li {float: left; margin-right: 5px;}

ul#sliderNav li a {display: block; width: 72px; height: 26px; text-indent: -9999px; background-repeat: no-repeat;}

#next {background: url(images/bg_next.png);}

#next:hover {background: url(images/bg_nextHover.png);}

#prev {background: url(images/bg_prev.png);}

#prev:hover {background: url(images/bg_prevHover.png);}



	

	div#navHeader div#rssLinks a {color:#f2a210; text-decoration:none; font-size:1.25em; font-style: italic; font-weight: bold;}

	div#navHeader div#rssLinks a:hover {color:#f2a210;}



/** RESET AND DEFINE GENERAL SETTINGS **/

	ul, ol, p, h1, h2, h3, h4, h5, h6, form, fieldset {	margin: 0;	padding: 0;}

	h1 {font-size:150%;} h2 {font-size:130%;} 
	
	h3 {
	font-size:140%;
	margin:40px 0 5px 0;
	border-bottom:1px solid #cccccc;
	}

	fieldset {	border:none;}

	fieldset legend {	display:none;}

	ul , ol {list-style: none;}





/*submenu*/



.submenu {

list-style-type:none;

list-style-position:outside;

position:absolute;

right:20px;

top:35px;


}



.submenu li{

float:left;

}



.submenu li a{
position:relative;
z-index:0;
font-size: 11px;
font-weight: 600;
color:#ccc;
display:block;
padding:10px 10px 10px 10px;
margin-left:10px;
text-align:center;
text-decoration:none;
}



.submenu li a:hover,.submenu li a.actif {

color:#000;
background-color:#FFF;

}
.coins_hauts_ronds{
-moz-border-radius:5px 5px 0px 0px;
-webkit-border-radius:5px 5px 0px 0px;
-o-border-radius: 5px 5px 0px 0px;
border-radius:5px 5px 0px 0px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

}
.coins_ronds{
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius: 5px;
border-radius: 5px;
behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

}

.yellow-button {
	background: url(images/download_button.jpg) 0 0 no-repeat;
	margin:30px 0 30px 0;
	width:400px;
	height:60px;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#dd_ajax_float{
	background-color:#FFFFFF;
	float:left;
	padding-top: 12px;
	margin-left:-65px;
	margin-top:110px;
	z-index:9999;
	width:65px;
	text-align: center;
	-moz-border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
	-o-border-radius:3px 0 0 3px;
	behavior: url(http://www.grafpedia.com/wp-content/themes/grafpedia/PIE.htc);

}

#dd_ajax_float p{margin-bottom: 12px;}