/*
The name: ATP theme
The URI: http://www.amar-tarik.com/blog/
Description: Thème de A à Z avec le livre Campus Wordpress.
Version: 0.1
Author: Tarik AMAR
Author URI: http://www.amar-tarik.com

Creation Theme by Tarik AMAR|| http://www.amar-tarik.com
*/



/**************************GENERALE********************************************/
html{
	padding:0;
	margin:0;
	/*height:100%;*/
}

body{
	padding:0;
	margin:0;
	/*height:100%;*/
	background:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}

div#page{
	padding:0;
	margin:0;
	/*
	height:100%;
	*/
}

div#contentAndSide{
	width:865px;
	margin:0 auto;
	/*height:100%;*/
	clear:both;
	background:url(../atp/fd-content.gif);
	padding:0 0 0 0; 
}


h2{
	text-transform:uppercase;
	font-weight:normal;
	font-stretch:extra-condensed;
	letter-spacing:-2px;
}

a{
	color:#000;
	text-decoration:none;
	/*
	border:dotted;
	border-width:0 0 1px 0;
	*/
	outline:none;
}


a:hover{
	background:#000;
	color:#FFF;
	outline:none;
}

a:active{
	outline:none;
}

/***************************HEADER*****************************************/

div#header{
	background:#000;
	height:290px;
	width:100%;
	border:solid #666;
	border-width:0 0 1px 0;
}


#header h1{
	margin:0;
	background:url(../atp/header.jpg) no-repeat;
	height:290px;
	text-indent:-5000px;
}


#header a{
	color:#FFF;
	border:none;
}

#header a:hover{
	cursor:pointer;
}
a p{
	margin:-20px 0 0 0;
	color:#333;
	text-align:right;
}

ul#switcher{
	width:865px;
	margin:-19px auto;
	list-style:none;
	padding:0 0 0 80px;
}

#switcher li{
	float:left;
}

#switcher li.switcher{
}

li a#blog{
	display:block;
	width:95px;
	height:20px;
	background:url(../atp/btn_blog-switcher.gif) no-repeat;
	text-indent:-5000px;
	margin:0;
}

li a#blog:hover{
	/*
	background:url(btn_blog-switcher.gif) no-repeat 0 -20px;
	*/
}


li a#portfolio{
	display:block;
	width:104px;
	height:20px;
	background:url(../atp/btn_port-switcher.gif) no-repeat;
	text-indent:-5000px;
}

li a#portfolio:hover{
	background:url(../atp/btn_port-switcher.gif) no-repeat 0 -20px;
}

li#description{
	margin: 0 0 0 10px;
	padding:0;
	color:#666;
}
/***************************ARTICLES*****************************************/
div#content{
	width:590px;
	float:left;
	/*
	border:dashed #000;
	border-width: 0 1px 0 0;
	background:url(fd-articles.gif) repeat-y;
	*/
	padding:0;
	margin:10px 0 0 0;
}

.post{
	margin:0;
	padding:0;
	/*
	width:587px;
	*/
}

.post a{
	font-weight:bold;
	
	
}
#content h2{
	margin:0;
	padding:0;
	background:url(../atp/post-h2-normal.gif) no-repeat bottom;
	width:590px;
	height:40px;
	float:left;
	line-height:40px;
	font-size:22px;
	text-indent:80px;
	letter-spacing:normal;
	font-weight:normal;
}

.post h2 a{
	border:none;
	font-weight:normal;
}

.post h3{
	text-indent:60px;
}

.post h4{
	text-indent:75px;
}
.post p{
	color:#444;
	padding:0 14px 0 55px;
	margin:0 0 10px 0;
	text-align:justify;
}

.post h2 a:hover{
	border:solid #000;
	border-width:0 0 1px 0;
	background:none;
	color:#000;
}

p.postmetadata, p.center{
	background:url(../atp/post-metadata-normal.gif) no-repeat;
	text-indent:30px;
	width:540px;
	clear:both;
	margin:0;
	padding:5px 0 5px 50px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color:#000;
	min-height:20px;
}

p.postmetadata a{
	background:#000;
	color:#FFF;
	padding:0 1px;
}

p.postmetadata .cat a{
	background:none;
	color:#000;
	padding:-2px 1px;
	border:dotted #000;
	border-width:0 0 2px 0;
}

p.postmetadata .cat a:hover{
	border:solid #000;
	border-width:0 0 2px 0;
}
p.postmetadata a:hover{
	background:#CCC;
	color:#000;
}



img{
	border:solid #333 8px;
	margin: 0;
}


a img{
	border:solid #333 8px;
}

a img:hover{
	border:solid #CCC 8px;
}



p.tags{
	margin:10px 0;
	height:16px;
	/*
	padding:20px 60px;
	*/
	line-height:20px;
	width:430px;
	text-align:left;
	overflow:auto;
}
p.comment{
	height:27px;
	margin:0;
}

p.tags a{
	background:#666;
	color:#FFF;
	padding:0 1px;
}

p.tags a:hover{
	background:none;
	color:#000;
}
a.more-link{
	height:43px;
	width:100px;
	font-weight:bold;
	font-size:16px;
	text-align:right;
	float:right;
	border:none;
	margin:0 -18px;
}

a.more-link span.suite-txt{
	display:block;
	width:50px;
	float:left;
	height:43px;
	line-height:21px;
}

a.more-link span.suite-txt:hover{
	color:#666;
}

a.more-link span.suite-img{
	display:inline-block;
	width:46px;
	height:43px;
	background:url(../atp/more-suite.gif);
	float:left;
}

a.more-link:hover{
	cursor:pointer;
	background:none;
	color:#000;
}
/****************************************ARTICLE ATP******************/
.travaux-atp{
	background:url(../atp/fd-articles-atp.gif) bottom #1A1A1A;
}


.travaux-atp p.postmetadata{
	background:url(../atp/post-metadata-atp.gif) no-repeat;
	text-indent:30px;
	width:540px;
	clear:both;
	margin:0 0 20px 0;
	padding:5px 0 5px 50px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color:#FFF;
}

.travaux-atp p{
	color:#AAA;
}

.travaux-atp h3{
	color:#FFF;
}

.travaux-atp a{
	color:#FFF;
	font-weight:bold;
}

.travaux-atp a:hover{
	color:#000;
	background:#FFF;
}

.post .travaux-atp h2 a{
	border:none;
	font-weight:normal;
	color:#000;
}

.post .travaux-atp h2 a:hover{
	border:solid #000;
	border-width:0 0 1px 0;
	background:none;
	color:#000;
}

.travaux-atp p.postmetadata a{
	background:#FFF;
	color:#000;
	padding:0 1px;
}

.travaux-atp p.postmetadata a:hover{
	background:#CCC;
	color:#FFF;
}


.travaux-atp p.postmetadata a.retweet{
	background:#FFF;
	color:#000;
	padding:0 1px;
}



.travaux-atp a.more-link span.suite-img{
	display:inline-block;
	width:46px;
	height:43px;
	background:url(../atp/more-suite-atp.gif);
	float:left;
}

.travaux-atp a.more-link:hover{
	cursor:pointer;
	background:none;
	color:#FFF;
}


.travaux-atp p.tags a{
	background:#666;
	color:#FFF;
	padding:0 1px;
}

.travaux-atp p.tags a:hover{
	background:none;
	color:#FFF;
}
/****************************************ARTICLE MIS EN AVANT******************/
div.mise-en-avant{
	background:url(../atp/fd-articles-mis-en-avant.gif) no-repeat;
}

#content .post div.mise-en-avant h2, div#wp_thumbie_rl1 h2.aussi,.post_content div#articlesRelatifs h2.aussi{
	margin:0;
	padding:0;
	background:url(../atp/post-h2-mise-en-avant.gif) no-repeat bottom;
	width:590px;
	height:40px;
	float:left;
	line-height:40px;
	font-size:22px;
	text-indent:80px;
	letter-spacing:normal;
	font-weight:normal;
}


.mise-en-avant p.postmetadata{
	background:url(../atp/post-metadata-mise-en-avant.gif) no-repeat;
	text-indent:30px;
	width:540px;
	clear:both;
	margin:0 0 20px 0;
	padding:5px 0 5px 50px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	color:#000;
}

.mise-en-avant p{
	color:#444;
}

.mise-en-avant img{
}

.mise-en-avant a{
	color:#000;
	font-weight:bold;
}

.post .mise-en-avant h2 a, div#wp_thumbie_rl1 h2.aussi, div#articlesRelatifs h2.aussi{
	border:none;
	font-weight:normal;
	color:#FFF;
}

.post .mise-en-avant h2 a:hover{
	border:solid #FFF;
	border-width:0 0 1px 0;
	background:none;
	color:#FFF;
}

.mise-en-avant a.more-link span.suite-img{
	display:inline-block;
	width:46px;
	height:43px;
	background:url(../atp/more-suite.gif);
	float:left;
}

.mise-en-avant a.more-link:hover{
	cursor:pointer;
	background:none;
	color:#FFF;
}
/*************************SIDEBAR****************************************/
div.sidebar{
	width:269px;
	/*
	height:100%;
	*/
	float:left;
	/*
	background:#FFF;
	*/
	padding:0;
	margin:0;
}

.sidebar ul{
	list-style:none;
	padding:0;
	margin:0;
}

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

.sidebar li ul li{
	margin:0;
	padding:0 0 0 45px;
}

.sidebar li ul li ul li{
	margin:0;
	padding:0 0 0 15px;
}

.sidebar h2{
	width:255px;
	height:33px;
	font-size:15px;
	font-weight:normal;
	letter-spacing:-1px;

	margin:25px 0 0 20px;
	padding:3px 0;

	background:url(../atp/sidebar-h2-A.gif) no-repeat;
	color:#FFF;
	text-indent:15px;
}

.sidebar form{
	margin:0 0 0 20px;
}
input {
	border:solid 1px #000;
}

input#s{
	background:#000;
	color:#FFF;
	font-size:12px;
	width:180px;
	border:solid 1px #000;
	margin:0;
	height:17px;
	vertical-align:top;
	padding:0;
}

input#searchsubmit{
	background:#FFF;
	border:solid 1px #000;
	font-weight:bold;
	padding:0;
	height:19px;
	width:30px;
	margin:0;
	vertical-align:top;
	font-size:11px;
}

input#searchsubmit:hover{
	cursor:pointer;
	color:#FFF;
	background:#333;
}
li#tag_cloud-4 div{
	width:180px;
	padding:0 20px 0 30px;
	text-align:justify;
}
/************************************/
.alignleft{
	clear:both;
	text-indent:50px;
	width:315px;
	float:left;
	text-align:left;
	/*
	background:url(../atp/ancien.gif) no-repeat right;
	*/
	padding:0;
	margin:0;
	height:15px;
}

.alignright{
	text-indent:50px;
	width:275px;
	float:right;
	text-align:right;
	/*
	background:url(../atp/recent.gif) no-repeat left;
	*/
	padding:0;
	margin:0;
	height:15px;
}

.alignleft a, .alignright a{
	color:#FFFFFF;
	border:none;
	padding:0;
	margin:0;
	display:block;
	}
	
.alignleft a{
	background:url(../atp/ancien.gif) no-repeat right;
}
.alignleft a:hover, .alignright a:hover{
	background:none;
	color:#666666;
}

.alignright a{
	background:url(../atp/recent.gif) no-repeat left;
	padding:0 10px 0 0;
}
/***********************FOOTER***************************************/

div#footer{
	clear:both;
	background:#000;
	height:225px;
	border:solid #666;
	border-width:1px 0 0 0;
	color:#999;
	font-weight:normal;
	font-size:11px;
	margin:0;
	padding:0;
}

div#footer p{
	display:block;
	float:right;
	margin:5px 0 0;
	padding:0 35px 0 0;
}


div#footer a{
	color:#FFF;
	text-decoration:underline;
	border:none;
}

div#footer a:hover{
	text-decoration:none;
	}

div#footer h2{
	font-size:13px;
	font-weight:bold;
	letter-spacing:0.5px;
	margin:15px 5px 5px 20px;
	color:#FFF;
	text-transform:capitalize;
}

div#footerGlobal{
	width:824px;
	margin:0 auto;
	/*
	background:#333;
	*/
	height:200px;
	padding:0 0 0 40px;
}
	

div#footerCt, div#footerGh {
	width:274px;
	height:198px;
	float:left;
	margin:0;
	border: dotted #333;
	border-width:0 0px 0 1px;
	
	overflow:auto;
	
	/*
	_overflow: hidden;
	*/
}
div#footerCt {
	background:url(../atp/footerCt.jpg);
	font-weight:normal;
}

div#footerCt ul, div#footerGh ul{
	margin:18px 0 0 0;
	padding:0 20px;
	list-style:none;
}

div#footerCt .footerAuteur{
	font-weight:bold;
	text-transform:capitalize;
}

div#footerCt .footerTitre{
	font-style:italic;
	text-transform:capitalize;
}

div#footerCt li{
	margin:2px 0 0 0;
	padding:0;
}


div#footerDr {
	width:230px;
	height:178px;
	float:left;
	background:url(../atp/footerDr.jpg) no-repeat;
	font-size:10px;
	padding:10px;
	vertical-align:middle;
	border: dotted #333;
	border-width:0 1px 0 1px;
	margin:0;
}

div#footerDr p{
	margin:0;
	vertical-align:middle;
	padding:50px 0 0 0;
	clear:both;
}

/****************************Commentaire******************************************/
div.comments-template{
	/*
	background:url(http://www.amar-tarik.com/blog/wp-content/themes/atp/rss.png) repeat-y;
	*/
	margin:0;
	padding:20px 10px 10px 60px;
}


div.comments-template h3{
	margin:0;
}

div.comments-template img{
	border-width:2px;
	margin:0 5px 0 0;
	vertical-align:bottom;
	float:left;
}

div.comments-template li{
	list-style:none;
	margin:30px 0;
}

div#searchno{
	padding:20px 60px;
}

div.comments-template a.url{
	background:#CCC;
	padding:1px 2px;
}
div.comments-template a.url:hover{
	background:#000;
	color:#FFF;
	font-weight:bold;
}
/**********************************CONTACT*********************************/
form#cformsform{
	width:500px;
	margin:0 auto;
}

form#cformsform ol{
	list-style-type:none;
}

form#cformsform li{
	padding:2px 10px;
	margin:5px;
}

form#cformsform img{
	border:none;
	margin:0;
	padding:0;
}

form#cformsform a{
	padding:0;
	margin:0;
}

form#cformsform fieldset{
	border:none;
}

form#cformsform label{
	/*float:left;*/
}

form#cformsform input, form#cformsform textarea{
	/*float:right;*/
	margin:0 5px;
}

form#cformsform .reqtxt{
	/*float:right;*/
}

/********************************SOCIABLE************************************************/
ul#sociable{
	padding:10px 50px 40px 50px;
	margin:5px 20px;
	list-style:none;
}

ul#sociable img{
	border:none;
}

ul#sociable li{
	width:16px;
	margin:0 5px;
	padding:0;
	float:left;
}

ul#sociable li.sociablelast{
	/*
	clear:both;
	*/
}

ul#sociable a:hover{
	background:none;
}
/*****************************************WP-thumbie*************************************/
div#wp_thumbie_rl1 p.postmetadata{
	margin:0;
	padding:0;
}
div#wp_thumbie{
}
li#wp_thumbie_li{
	float:left;
	width:230px;
	padding:5px 5px;
}
li#wp_thumbie_li:hover{
	background:#CCC;
}

div#wp_thumbie ul{
	margin:0 30px;
	list-style:none;
}

div#wp_thumbie_image{
	float:left;
	width:90px;
	height:90px;
}

div#wp_thumbie_image a img:hover{
	border:8px solid #333;
}

div#wp_thumbie_title{
	float:right;
	width:140px;
	padding:0;
	margin:0;
	text-transform:uppercase;
}

div#wp_thumbie_title a:hover{
	background:none;
	color:#000;
}

div#wp_thumbie div#description{
	height:50px;
	width:140px;
	margin:0;
	float:right;
	text-align:justify;
}

div#wp_thumbie div#description a{
	font-weight:normal;
}
div#wp_thumbie div#description a:hover{
	background:none;
	color:#000;
}

div#wp_thumbie_rl2{
	clear:both;
	text-align:right;
	padding:5px;
}
div#wp_thumbie_rl2 a{
	color:#CCC;
}

/*********************************************************SOCIABLE************************/
div.sociable{
	width:480px;
	margin:0 auto;
	padding:0;
}

div.sociable h3{
	font-size:18px;
	margin:10px 0 10px -20px;
}
div.sociable ul{
	padding:0 45px;
	margin:0;
	list-style:none;
}

div.sociable li{
	float:left;
	margin:5px 4px;
	padding:0;
}

div.sociable li img{
	border:none;
	margin:0;
	padding:0;
}


div.sociable li a{
	background:none;
}

/*******************************TWITTER*********************************/
a#twitter{
	color:#FFF;
	background:url(twitter.jpg) no-repeat;
	display:block;
	width:49px;
	height:174px;
	top:400px;
	right: -5px;
	position:fixed;
	text-indent:-5000px;
}

a#twitter:hover{
	right:0;
}

p.postmetadata a.retweet{
	background: #000;
	
}

p.postmetadata a.retweet:hover{
	background:#FFF url(retweet.jpg) no-repeat right;
	color:#000;
	padding:0 13px 0 1px;
}

/*********************************************Calendrier****************/
table#wp-calendar{
	margin:0 auto;
	vertical-align:middle;
}

table#wp-calendar caption{
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 0;
	font-size:16px;
}
table#wp-calendar tbody td{
	width:25px;
	height:25px;
}
table#wp-calendar a{
	background:#333;
	color:#FFF;
	display:block;
	text-align:center;
	line-height:25px;
}

table#wp-calendar a:hover{
	background:#000;
	color:#CCC;
}

table#wp-calendar tfoot{
	height:30px;
	vertical-align:bottom;
}

table#wp-calendar tfoot a{
	margin: 10px 0 0 0;
	background:none;
	border:solid #333;
	border-width:0 0 1px 0;
	color:#000;
	display:inline;
	font-weight:bold;
}

table#wp-calendar tfoot td#next{
	text-align:right;
}

/************************************Tweet favoris*************/
div.textwidget{
	padding: 0 0 0 25px;
	margin: -10px 0 0 0;
}

div.textwidget a{
	background:none;
}

div.textwidget a:hover{
	background:none;
}

div.twtr-bd{
	margin:-20px 0 0 0;
}
/*************************************DEMO*******/
div#demo{
	margin: 0 0 0 -25px;
}

ul.advanced-random-posts{
	width:200px;
}

/*************************************Gadget*******/
div#gadget{
	margin: 0 0 0 -25px;
}
/*************************************Partenaire*******/
div#partenaire{
	margin: 0 0 0 -25px;
}
/*****************************Facebook**************/
#wordbook_widget-3{
	text-align:center;
}
#wordbook_widget-3 h2{
	text-align:left;
}
.facebook_picture img{
	border:none;
}