/*   
Theme Name: Web atmosphere | Le Blog
Description: Theme by <a href="http://www.christophe-barruet.com">Christophe BARRUET</a> | Graphiste Webdesigner Freelance
Author: Christophe BARRUET
Author URI: http://www.christophe-barruet.com
Version: 1.0
*/




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

GENERAL

/////////////////////////////////////

*/

* {
	margin:0;
	padding:0;
}


body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#585858;
	border-top:5px solid #1ca2d4;
	border-bottom:5px solid #1ca2d4;
}


.separateur {
	display:block;
	height:0;
	margin:0;
	padding:0;
	clear:both;
	border:0;
	visibility:hidden;
}


a:link {
	color:#1ca2d4;
	text-decoration:none;
}

a:visited {
	color:#1ca2d4;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color:#1ca2d4;
}


.clear {
	clear:both;
}



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

STRUCTURE DU BLOG

/////////////////////////////////////

*/

#centre-site {
	width:811px;
	margin:0 auto;
	padding:20px 0 0 0;
	
}


#header {
	/*background-image:url(images/header-bg.jpg);
	background-repeat:no-repeat;*/
	width:811px;
	height:393px;
}


#header img {
	position:absolute;
	border:none;
	width:811px;
	height:393px;
}


#pancarte-blog {
	background-image:url(images/pancarte-blog.png);
	width:320px;
	height:241px;
	position:relative;
	float:right;
	margin:58px 60px 0 0;
}


#tweet {
	background-image:url(images/tweet.png);
	background-repeat:no-repeat;
	width:121px;
	height:96px;
	position:relative;
	float:left;
	left:500px;
	top:1px;
}


#tweet a {
	display:block;
	width:121px;
	height:96px;
}

#tweet span {
	display:none;
}


#rss {
	background-image:url(images/rss-r2d2.gif);
	background-repeat:no-repeat;
	width:176px;
	height:129px;
	position:relative;
	float:left;
	left:435px;
	top:182px;
}


#rss a {
	display:block;
	width:176px;
	height:129px;
}

#rss span {
	display:none;
}


#content img.wp-smiley {
	margin:0;
	padding:0;
	border:none;
}



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

GESTION DES TITRES H1 / H2

/////////////////////////////////////

*/

.h1-logo-webatm {
	position:relative;
	background-image:url(images/logo-webatm.jpg);
	background-repeat:no-repeat;
	width:216px;
	height:72px;
}

.h1-logo-webatm a {
	display:block;
	width:216px;
	height:72px;
}

.h1-logo-webatm span {
	display:none;
}


h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#242424;
	font-style:normal;
	font-weight:normal;
}


#content h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#242424;
	font-style:normal;
	font-weight:normal;
}

#content h2 a {
	color:#242424;
}


#content h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#242424;
	font-style:normal;
	font-weight:normal;
}


#sidebar h2 {
	font-size:12px;
	font-weight:bold;
	color:#242424;
	text-transform:uppercase;
	margin:30px 0 15px 0;
}


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

MENU PAGES : HOME - A PROPOS - CONTACT

/////////////////////////////////////

*/
#menu-pages {
	position:relative;
	top:70px;
	right:35px;
	text-align:right;
	padding:0 328px 0 0;
}

#menu-pages li {
	list-style-type:none;
	display:inline;
	padding:0 15px 0 0;
}

#menu-pages li a {
	color:#333333;
	text-transform:uppercase;
	text-decoration:none;
	display:inline;
	border-top:3px solid #eeeeee;
	padding-top:3px;
}
#menu-pages li a:hover {
	text-decoration:none;
	color:#1ca2d4;
}

#menu-pages li a.active {
	text-decoration:none;
	color:#1ca2d4;
}


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

POST - GESTION DES ARTICLES

/////////////////////////////////////

*/

.bulle-commentaires {
	background-image:url(images/bulle-commentaires.jpg);
	background-repeat:no-repeat;
	width:82px;
	height:59px;
	float:right;
	padding:30px 0 0 0;
	text-align:center;
}


.bulle-commentaires a {
	font-size:15px;
	font-weight:bold;
	color:#242424;
}


.bloc-article {
	background-image:url(images/separation-article.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0 0 15px 0;
	margin:0 0 40px 0;
}


.infos-post {
	font-size:11px;
	color:#999999;
	margin:5px 0 0 0;
	padding:0 0 50px 0;
}


#content {
	margin:0px 300px 0 0;
	padding:0 30px 0 0;
}


#content p {
	font-size:12px;
	color:#585858;
	text-align:justify;
	margin:0 0 20px 0;
}


#content ul {
	margin:0 0 0 25px;
}

#content ul li {
	margin:10px 0 0 0;
}


#content-page ul {
	margin:0 0 0 25px;
}

#content-page ul li {
	margin:10px 0 0 0;
}


#content-page {
	margin:0px 300px 0 0;
	padding:0 30px 0 0;
}


#content-page p {
	font-size:12px;
	color:#585858;
	text-align:justify;
	margin:20px 0 20px 0;
}


#content img {
	border:1px solid #DDDDDD;
	padding:5px;
}

#content-page img {
	border:1px solid #DDDDDD;
	padding:5px;
}


.liste-tags {
	font-size:11px;
	color:#999999;
	padding:45px 0 10px 0;
}


.btn-commentaire{
	background-color:#242424;
	float:right;
	padding:4px 5px 4px 5px;
	color:#FFFFFF;
}

.btn-commentaire a{
	color:#FFFFFF;
	font-size:11px;
}



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

GESTION DE LA SIDEBAR

/////////////////////////////////////

*/


#web-atm-tour-portfolio {
	position:relative;
	background-image:url(images/vignette-portfolio.jpg);
	background-repeat:no-repeat;
	width:192px;
	height:86px;
	margin:0 0 10px 5px;
}

#web-atm-tour-portfolio a {
	display:block;
	width:192px;
	height:86px;
}


#web-atm-tour-portfolio span {
	display:none;
}


#web-atm-tour-facebook {
	position:relative;
	background-image:url(images/vignette-facebook.jpg);
	background-repeat:no-repeat;
	width:192px;
	height:86px;
	margin:0 0 0 5px;
}

#web-atm-tour-facebook a {
	display:block;
	width:192px;
	height:86px;
}


#web-atm-tour-facebook span {
	display:none;
}

#web-atm-tour-flickr {
	position:relative;
	background-image:url(images/vignette-flickr.jpg);
	background-repeat:no-repeat;
	width:192px;
	height:86px;
	margin:10px 0 0 5px;
}

#web-atm-tour-flickr a {
	display:block;
	width:192px;
	height:86px;
}


#web-atm-tour-flickr span {
	display:none;
}


#sidebar {
	width:260px;
	float:right;
	margin:0 20px 0 0;
}


#sidebar ul {
	list-style:disc;
	margin:0 0 0 20px;
	color:#1ca2d4;
}

#sidebar li {
	padding:3px 0 3px 0;
}


#sidebar li a {
	color:#1ca2d4;
}


#searchform {
	padding-bottom:20px;
}

#searchform input #searchsubmit {
	cursor:pointer;
	height:18px;
	margin:-1px 0 0 2px;
	width:21px;
}

#searchform input#s {
	width:150px;
	border:1px solid #DDDDDD;
	background-color:#FFFFFF;
	color:#333333;
}

#searchform input {
	border:none;
	color:#FFFFFF;
	background-color:#242424;
	padding:2px 3px 2px 3px;
}



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

GESTION DU FOOTER

/////////////////////////////////////

*/

#footer {
	height:196px;
	text-align:right;
	/*border-top:1px solid #eeeeee;*/
	color:#999999;
	padding:0 325px 0 0;
	background-image:url(images/bonsai.jpg);
	background-repeat:no-repeat;
	background-position:82%;
	margin-top:60px;
}

#footer p {
	padding:115px 0 0 0;
}


#icones-footer {
	background-image:url(images/icones-footer.jpg);
	background-repeat:no-repeat;
	width:48px;
	height:24px;
	float:right;
}



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

GESTION DES COMMENTAIRES

/////////////////////////////////////

*/


textarea#comment {
	width: 470px;
	padding: 5px;
	border:1px solid #DDDDDD;
}


.commentmetadata {
	margin:0 0 15px 0;
}

#commentform input {
	padding: 3px;
	border:1px solid #DDDDDD;
}


#commentlist cite {
	color:#999999;
	font-size:11px;
}

#commentlist img {
	margin:0 0 10px 0;
}


#content ul, ol {
	margin:10px 10px 10px 25px;
}


#content li {
	padding:10px;
	border:1px solid #ecece8;
	margin:0 0 20px 0;
}


#submit {
	background-color:#242424;
	float:right;
	padding:4px 5px 4px 5px;
	color:#FFFFFF;
	border:none;
}


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

FORMULAIRE DE CONTACT

/////////////////////////////////////

*/


#wpcf7-f1-p16-o1 input {
	margin:3px 0 0 0;
	padding: 3px;
	border:1px solid #DDDDDD;
}

#wpcf7-f1-p16-o1 textarea {
	margin:3px 0 0 0;
	padding: 3px;
	border:1px solid #DDDDDD;
}

#wpcf7-f1-p16-o1 img {
	border:none;
}