/* @override http://www.whydot.com/wordpress/wp-content/themes/whydot/style.css */

/* @override http://www.whydot.com/wordpress/wp-content/themes/whydot/style.css */


/*
Theme Name: Creation Theme
Theme URI: http://www.fran6art.com/
Description: The first theme created by Francis Chouquet.
Version: 0.1
Author: Francis Chouquet
 
Creation Theme by Francis Chouquet || http://www.fran6art.com
 
*/


/*corps de la page web */


#container {
width: 1140px;
margin: auto;
background: url(images/watercolor_home.png) 0px 180px no-repeat;
}

.page-id-4 #container, .page-id-6 #container, .page-id-12 #container, .blog #container, .single #container, .category #container, .archive #container, .search #container {
	background: none;
}

#page {
width: 940px;
padding: 0 10px;
}

#header {
width: 940px;
overflow: hidden;
}

#content {
float: left;
width: 940px;
}



.sidebar {
float: left;
width: 280px;
}


body {
color: #ccc;
font-family: helvetica, arial, sans-serif;
margin: 0;
font-size: 0.8em;
text-align: left;
background-color: #f9f8ef;


}

#page {
margin: 0 auto 0 auto;
}

/* gestion de l'entte */


#header h1 {
padding: 0 20px 0 0;
font-size: 2em;
width: 200px;
float: left;
}

#header h1 a{
color: #666;
}


h1 a {
	margin-top: 60px;
	height: 68px;
	width: 262px;
	background: url(images/logo_03.png) no-repeat;
	display: block;
}

 h1 a span {
	position: absolute;
	left: -5000px;
	top: -5000px;
	text-indent: -5000px;
	} 


#header p {
position: absolute;
	left: -5000px;
	top: -5000px;
	text-indent: -5000px;
}


/* gestion du contenu */


#content h2 {
color: #f9f8ef;
font-size: 3em;
letter-spacing: -3px;
margin-top: 75px;
margin-left: 50px;
margin-right: 50px;
text-align: center;
}


.page_content {
overflow: hidden;
font-size: 1em;
color: #555;
}




/* gestion de la sidebar */

.sidebar {
margin: 60px 0 60px 10px;
}

.sidebar ul{
list-style-type: none;
margin: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background-color: #f0eee7;
}

.sidebar ul li ul {
	padding: 0;
}

.sidebar ul li ul li {
	color: #ccc;
	padding: 8px 0;
	border-bottom: 1px dotted #b7aca5;
	padding-left: 10px;
}

.sidebar h2 {
font-size: 1.4em;
font-weight: 100;
color:#79a3bc;
padding-bottom: 5px;
border-bottom: 1px solid #b7aca5;

}


/* gestion du footer */

#footer {
clear: both;
width: 940px;
overflow: hidden;
background-color: #b7aca5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
color: #f9f8ef;
margin-bottom: 50px;
font-size: 1em;
font-family: helvetica;
height: 190px;
}


ul#3blocks {
	overflow: hidden;
}

.widget {
	width: 279px;
	float: left;
	padding: 0px 20px 10px 20px;
}

li#text-3 {
	background: url(images/footer_sep.png) repeat-y;
	margin: 20px 0;
	padding-top: 0;
	height: 140px;
}

li#twitter-tools {
	background: url(images/footer_sep.png) repeat-y;
	margin: 20px 0;
	height: 140px;
}

li.widget_text {
	padding: 20px 10px 10px 20px;
}

h2.widgettitle {
	font-size: 2em;
	margin: 0;
	letter-spacing: -2px;
	color: #f9f8ef;
}

li#twitter-tools h2.widgettitle {
	padding-left: 35px;
	
	background: url(images/twitter.png) no-repeat;
}

.textwidget h3 {
	font-size: 2em;
	letter-spacing: -2px;
	margin: 0;
}

.textwidget h3 a {
	color: #847c77;
}

li.widget {
	list-style-type: none;
}

li#search {
	padding-top: 10px;
}

.sidebar ul li {
	list-style-type: none;
	padding: 10px;
}

div.aktt_tweets ul li {
	list-style-type: none;
	margin-left: 0px;
	line-height: 1.5em;
	padding: 10px;
}

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

a.rsswidget img {
	display: none;
}

ul li a.rsswidget {
	font-size: 1.5em;
	color: #847c77;

}

span.rss-date {
	font-size: 0.8em;
}

li.aktt_more_updates a {
	color: #f9f8ef;
	background: #aba19a;
	border: 1px solid #a49a93;
	padding: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 0.9em;
}

li.aktt_more_updates {
}

.textwidget div input {
	background: #f9f8ef;
	border: 1px solid #a49a93;
	height: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-right: 10px;
	color: #a49a93;
	vertical-align: middle;
	margin-top: 4px;
	padding: 5px;
	}
	
.textwidget input {
	float: left;
}



/* gestion des commentaires */

.comments-template{
margin: 20px 0 0 0;
	clear: both;

}

.comments-template ol.commentlist{
list-style: none;
}

.comments-template ol p{
line-height: 1.3em;
margin: 0;
color: #847c77;
}

.comments-template ol li{
margin: 0;
line-height: 15px;
padding: 20px 0;
overflow: hidden;
}

.comments-template h2, .comments-template h3{
font-size: 2em;
margin: 0;
padding-bottom: 20px;
color: #79a3bc;
letter-spacing: -2px;
}

.commentmetadata{
font-size: 0.9em;
}

.comments-template p.nocomments{
padding: 0;
}

.comments-template textarea{
font-family: Arial, Helvetica, Sans-serif;
font-size: 0.9em;
width: 500px;
}

.cadre_commentaires {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;

}

div.comment_author {
	width: 100px;
	float: left;
}

img.avatar {
	padding: 5px;
	background-color: #f0eee7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ece5e1;
}

div.comment {
	float: left;
	width: 520px;
	margin-left: 15px;
}

div.comment_info {
	font-style: normal;
	font-size: 0.8em;
	margin-top: 10px;
}

div#respond {
	clear: both;
	padding-top: 30px;
}

input#author, input#email, input#url {
	background: #f0eee7;
	border: #ece5e1 1px solid;
	color: #b7aca5;
	height: 30px;
	width: 300px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
font-size: 1.5em;
}

textarea#comment {
	background: #f0eee7;
	border: #ece5e1 1px solid;
	width: 600px;
	-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

small {
	font-size: 1em;
	color: #b7aca5;
}


/* gestion des liens */

a {
color: #847c77;
text-decoration: none;
}

a.rsswidget {
	color: #f9f8ed;
}

cite {
font-style: normal;
}

.comment_info cite {
	font-size: 1.2em;
}

#content h2 a:hover{
color: #555;
background-color: white;
}

.sidebar a:hover {
text-decoration: none;
border-bottom: 1px dotted;
}

/* home */

.intro {
	color: #ccc;
	font-size: 2.5em;
	text-align: center;
	height: 170px;
	margin: 60px 0 30px 0px;
}

div.images_home {
	overflow: hidden;
	padding-top: 60px;
	font-size: 1.1em;
	line-height: 1.4em;
	font-family: helvetica;
	margin-bottom: 60px;
}

.page-id-2 div.block1 {
	float: left;
	width: 278px;
	height: 450px;
	margin: 10px 10px 0px 0;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #f0eee7;
	border: 1px solid #ece5e1;
}

.page-id-2 div.block2 {
	float: left;
	width: 278px;
	height: 450px;
	margin: 10px 10px 0px 10px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #f0eee7;
	border: 1px solid #ece5e1;
}

.page-id-2 div.block3 {
	float: left;
	width: 278px;
	height: 450px;
	margin: 10px 0px 0px 10px;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #f0eee7;
	border: 1px solid #ece5e1;
}

div.block1 {
	clear: both;
}

div.images_home div.block1 p, div.images_home div.block2 p, div.images_home div.block3 p {
	color: #a99c94;
	font-size: 0.9em;
}

div.block1 h3, div.block2 h3, div.block3 h3 {
	font-size: 2em;
	margin: 0;
	letter-spacing: -2px;
	color: #79a3bc;
	margin-top: 15px;
}

.text_block_home div.block1 h3, .text_block_home div.block2 h3, .text_block_home div.block3 h3 {
	color: #f9f8ef;
}

div.text_block_home {
	overflow: hidden;
	background-color: #b7aca5;
		-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

div.text_block_home {
	color: #f9f8ef;
}

div.text_block_home div.block1, div.text_block_home div.block2, div.text_block_home div.block3 {
	border: none;
	background: none;
}

.more a img {
	border: none;
}


/* about us */


div.about_us {
	margin: 60px 0;

}

div.about_us h3 {
	font-size: 2.3em;
	color: #79a3bc;
	margin-top: 10px;
	letter-spacing: -2px;
	margin-bottom: 0;
}

div.about_us div.bio img {
	float: left;
	margin-right: 20px;
}

div.about_us div.bio {
	clear: both;
	margin-top: 40px;
	overflow: hidden;
	padding: 10px 20px 10px 10px;
	background-color: #f0eee7;
	border: 1px solid #ece5e1;
	line-height: 1.4em;
	color: #a99c94;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


/* services */

#services div.block1, #services div.block2,#services div.block3 {
	background: none;
}

#services {
	overflow: hidden;
	margin-top: 60px;
	background: #f0eee7;
	border: 1px solid #ece5e1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom: 60px;
}

.page-id-6 #services .block1 {
	border: none;
	float: left;
	width: 280px;
	padding: 20px 10px 20px 20px;
	color: #a99c94;
	font-family: helvetica;
}

.page-id-6 #services .block2 {
	border: none;
	float: left;
	width: 300px;
	padding: 20px 10px 20px 10px;
	color: #a99c94;
	font-family: helvetica;
}

.page-id-6 #services .block3 {
	border: none;
	float: left;
	width: 280px;
	padding: 20px 0 20px 10px;
	margin-right: 10px;
	color: #a99c94;
	font-family: helvetica;
}

#services h3 {
	margin-bottom: 15px;
}


#services ul li {
	margin-left: 10px;
	padding-left: 25px;
	background: url('images/tick_ul.png') no-repeat;
	margin-bottom: 10px;
}



/* menu */

ul#nav {
	float: right;
	list-style-type:none;
	margin-top: 100px;
}

ul#nav li {
	float: left;
	padding-right: 25px;
}

ul#nav li a {
	color: #b7aca5;
	text-transform: uppercase;
	font-family: helvetica;
}

ul#nav li a:hover {
	color: #847c77;
	text-decoration: none;
}

ul#nav li.current_page_item a, ul#nav li.current_page_parent a {
	padding-bottom: 1px;
	border-bottom: 3px solid;
	border-color: #79a3bc;
	color: #847c77;
}

/* blog home */

#content_blog {
	float: left;
	width: 650px;
	margin-top: 60px;
	margin-bottom: 60px;
	padding-bottom: 20px;
}

.wp-pagenavi {
	padding: 10px 0;
}

#content_blog h2 {
	font-size: 3em;
	margin: 0;
	letter-spacing: -2px;
}

#content_blog h2 a {
	color: #79a3bc;
}


/* contenu article */

#content_article {
	float: left;
	width: 650px;
	margin-top: 60px;
	margin-bottom: 60px;
}

#content_article h2 {
	font-size: 3em;
	margin: 0;
	letter-spacing: -2px;
}

#content_article h2.pagetitle, #content_article h2.title {
	color: #b7aca5;
	margin-bottom: 30px;
}

#content_article h2 a {
	color: #79a3bc;
}

.postmetadata img {
	padding: 5px;
	background-color: #f0eee7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ece5e1;
}

div.postmetadata {
	float: left;
	margin-top: 30px;
	font-size: 0.8em;
	color: #999;
	width: 100px;
}


.post {
	overflow: hidden;
	padding-bottom: 10px;
}

.blog .post, .search .post, .archive .post {
	margin-bottom: 40px;
}

.post_content {
	margin-top: 30px;
	float: left;
	margin-left: 15px;
	width: 520px;
}

.post_content p {
	margin: 0 0 10px 0;
	color:  #847c77;
	line-height: 1.4em;
	font-weight: 100;
	overflow: hidden;
}

.post_content p a {
	border-bottom: 1px dotted;
}

ol {
	margin: 0;
	padding: 0;
}

.post_content ol {
	color:  #847c77;
	margin: 10px 0;
	padding-left: 40px;
}

.post_content ul {
	font-family: georgia;
	color:  #847c77;
	list-style-type: square;
	margin: 10px 0 10px 20px;
}

blockquote {
	margin: 20px 0;
}

.post_content blockquote p {
	font-size: 1.5em;
	font-style: italic;
	line-height: 1em;
	color: #b7aca5;
	margin-top: 20px;
	padding-left: 40px;
	padding-top: 10px;
	background: url(images/quote.png) no-repeat ;
	font-family: georgia, serif;
}

blockquote:first-letter {
	font-size: 1.5em;
}

.post_content p cite a {
	margin-left: 40px;
	font-style: italic;
}

p.author {
	color: #8f8680;
	margin: 10px 0 0 0;
	font-size: 1.5em;
}

p.date {
	margin: 0;
	color: #b7aca5;
}

p.comments {
	margin: 0;
}

.post_content p img {
	margin: 10px;
	padding: 5px;
	background-color: #f0eee7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ece5e1;
	overflow: 100%;
}

img.alignright {
	margin: 0 0 10px 10px;
	padding: 5px;
	background-color: #f0eee7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ece5e1;
	
}

img.alignleft {
	margin: 0 10px 10px 0px;
	padding: 5px;
	background-color: #f0eee7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ece5e1;
} 

img.attachment-thumbnail {
	padding: 5px;
	background-color: #f0eee7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ece5e1;
}

img.attachment-medium {
	padding: 5px;
	background-color: #f0eee7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ece5e1;
}

.readmore {
	padding-top: 10px;
}

.readmore a {
	padding: 4px;
	background: #f0eee7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ece5e1;
}

.post_content h1 {
	font-size: 4em;
	color: #847c77;
}

.post_content h2 {
	font-size: 3em;
	color: #847c77;
}

.post_content h3 {
	font-size: 2.5em;
	color: #847c77;
}

.post_content h4 {
	font-size: 2em;
	color: #847c77;
	font-weight: 100;
}

.post_content h5 {
	font-size: 1.5em;
	color: #847c77;
}

.post_content h6 {
	font-size: 1em;
	color: #847c77;
}

/* search form */

form#searchform div input#s {
	width: 200px;
	background-color: #f9f8ef;
	border: 1px solid #ece5e1;
	height: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input#s {
	width: 200px;
	background-color: #f9f8ef;
	border: 1px solid #ece5e1;
	height: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 3px;
	margin-right: 10px;
	font-size: 1em;
	color: #b7aca5;
}

#searchform input#searchsubmit { 
	background: url(images/go.png) no-repeat;
	width: 30px;
	border: none;
	text-indent: -9999px;
	cursor: pointer;
}

/* page contact */

.intro_contact {
	color: #ccc;
	font-size: 2.5em;
	text-align: center;
	text-indent: -9999px;
	background: url(images/contact_slogan.png)center no-repeat;
	height: 170px;
	margin: 60px 0 40px;
}

div.google_maps{
	float: right;
	padding: 10px;
	background: #f0eee7;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ece5e1;
	margin-top: 25px;
}

.page-id-12 .page_content {
	margin-top: 60px;
	color: #a99c94;
	margin-bottom: 30px;
}