/*
Theme Name: Photopassion
Theme URI: http://www.design41.fr/
Description: The theme oh photopasison.fr created by design41.fr.
Version: 1.0
Author: Willy Brousse
Author URI: http://www.design41.fr/

Creation Theme by Willy Brousse || http://www.design41.fr
 
============================
     REGLES GENERALES
============================*/
body{
	background-color:#333333;
	margin:0 auto;
	padding:0;
}
a {	text-decoration: none;}
a:active, a:hover {	border : 0px;}
img {	border:0px;}
@font-face{
	font-family: "Octember";
	src: url("fonts/OctemberScript.ttf");
	/src: url("fonts/OctemberScript.eot");
}
/*==========================
     TOP
============================*/
#Wrapper-right{
	background:url("images/right-bgd.png") 100% 0 repeat-y;
	background-color:#fafafa;
	margin: 0 auto;
	padding:0;
	width:1000px;
}
#Wrapper-left{
	background:url("images/left-bgd.png") 0 0 repeat-y;
	margin: 0 auto;
	padding:0;
	width:1000px;
}
/*==========================
    	 PAGE
============================*/
#Page{
	background-color:#fafafa;
	font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	font-size:14px;
	line-height:1.5em;
	margin: 0 auto;
	padding:0;
	width:980px;
}
/*==========================
     HEADER
============================*/
#Header{
	background:url("images/header.png") 0 0 no-repeat;
	height:231px;
	margin:0;
	padding:0;
	width:980px;
}
#Header #Main-menu{
	display:block;
	font-size:1.2em;
	height:42px;
	margin:0 0 0 166px;
	padding:0;
}
#Header #Main-menu ul{
	margin:0;
	padding:0;
}
#Header #Main-menu ul li{
	display:block;
	float:left;
	padding:0;
	margin : 0 10px 0 0;
}
#Header #Main-menu ul .home{background:url("images/home.png") 0 0 no-repeat;}
#Header #Main-menu ul .home:hover{	background:url("images/home-hover.png") 0 0 no-repeat;}
#Header #Main-menu ul .page-item-392{background:url("images/apropos.png") 0 0 no-repeat;}
#Header #Main-menu ul .page-item-392:hover{background:url("images/apropos-hover.png") 0 0 no-repeat;}
#Header #Main-menu ul .page-item-283{background:url("images/contact.png") 0 0 no-repeat;}
#Header #Main-menu ul .page-item-283:hover{background:url("images/contact-hover.png") 0 0 no-repeat;}
#Header #Main-menu ul .page-item-572{background:url("images/galerie.png") 0 0 no-repeat;}
#Header #Main-menu ul .page-item-572:hover{background:url("images/galerie-hover.png") 0 0 no-repeat;}
#Header #Main-menu ul li a{
	color:#333333;
	display:block;
	padding:16px 10px 15px 10px;
}
#Header #Main-menu ul li a:hover{color:#0169b2;}
#Header #Banner{
	height:157px;
	margin:21px 0 0 0;
	width:398px;
}
#Header #Banner div{
	height:157px;
	width:398px;
}
#Header #Banner h1{
	display:none;
	margin:0;
	padding:0;
}
#Separator{
	background:url("images/separator.png") 0 0 no-repeat;
	height:42px;
	width:100%;
}
#Separator #War-search{	float:right;}
#Separator #War-search #searchform #s{
	background:url("images/search.png") 0 0 no-repeat;
	background-color:#fafafa;
	border:none;
	padding:5px;
	/padding:10px 5px;
	width:149px;
}
#Separator #War-search #searchform #searchsubmit{
	background:url("images/ok.png") 0 0 no-repeat;
	background-color:#fafafa;
	border:none;
	padding:5px;
	/padding:8px 0px;
	width:32px;
}
#Separator #War-search #searchform #searchsubmit:hover{cursor:pointer;}
/*==========================
     CONTENT-PAGE : Pages fixes
============================*/
#Content-page{
	color:#333333;
	margin:0;
	padding: 0 0 0 10px;
	width:637px;
}
#Content-page a{
	color:#666666;
	border-bottom:1px dashed #666666;
	padding:0 2px;
}
#Content-page a:hover{border-bottom:1px solid #666666;}
#Content-page .post .postdata{
	margin:0 0 10px 0;
	padding:0;
	width:637px;
}
#Content-page .post .postdata .post-title{
	margin: 0;
	width:100%;
}
#Content-page .post .postdata .post-title h2{
	background:url("images/h2-fixe-bgd.png") 0 0 no-repeat;
	color:#fff;
	font-size:1.5em;
	height:1.5em;
	margin:0;
	padding:0 0 0 3px;
}
#Content-page .post .postdata .post-title h2 span{line-height:1.5em;vertical-align:middle;}
#Content-page .post .postdata .post-title h2 a{border:none;color:#fff;}
#Content-page .post .postdata .post-infos{
	font-size:0.8em;
	margin: 0;
	padding:0;
	width:100%;
}
#Content-page .post .postdata .post-infos .comments{float:right;}
#Content-page .post .post-content{
	margin: 0 0 42px 0;
	padding: 0;
	text-align:justify;
}
#Content-page .post .post-content h3{
	font-size:1.2em;
	height:1.5em;
	margin: 21px 0;
}
#Content-page .post .post-content p{
	margin: 0 0 21px 0;
	padding:0;
}
#Content-page .post .post-content ul{
	margin: 0 0 0 20px;
}
/*==========================
     CONTENT
============================*/
#Content{
	color:#333333;
	width:647px;
}
#Content a{
	color:#666666;
	border-bottom:1px dashed #666666;
	padding:0 2px;
}
#Content a:hover{border-bottom:1px solid #666666;}

#Content .post .clearer-content{
	clear:left;
	height:42px;
}	
#Content .post .postdata{
	margin:0 0 10px 0;
	padding:0;
	width:647px;
}
#Content .post .postdata .post-date{
	color:#666666;
	font-family:"Octember","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	float:left;
	height:42px;
	margin:0;
	text-align:center;
	width:56px;
	-width:41px;
}
#Content .post .postdata .post-date .day{
	color:#666666;
	font-size:2em;
	padding:5px 0 0 0;
	/padding:15px 0 0 0;
}
#Content .post .postdata .post-date .month{ 
	color:#0169b2;
	margin-top:7px;
	text-transform:uppercase;
}
#Content .post .postdata .post-title{
	margin: 0 0 0 66px;
	width:581px;
	-width:578px;
}
#Content .post .postdata .post-title h2{
	background:url("images/h2-bgd.png") 0 0 no-repeat;
	color:#fff;
	font-size:1.5em;
	height:1.5em;
	margin:0;
	padding:0 0 0 3px;
}
#Content .post .postdata .post-title h2 span{line-height:1.5em;vertical-align:middle;}
#Content .post .postdata .post-title h2 a{border:none;color:#fff;}
#Content .post .postdata .post-infos{
	font-size:0.8em;
	height:21px;
	margin: 0 0 0 66px;
	padding:0;
	width:581px;
	-width:578px;
}
#Content .post .postdata .post-infos .category {float:left;}
#Content .post .postdata .post-infos .comments{float:right;}
#Content .post .post-content{
	margin: 0 0 0 56px;
	padding: 0 0 0 10px;
	text-align:justify;
}
#Content .post .post-content p{
	margin: 0 0 21px 0;
	padding:0;
}#Content .post .post-content ul{	margin: 0 0 21px 25px;	padding:0;}
#Content .post .post-content a{
	color:#0169b2;
	border:none;
}
#Content .post .post-content p .more-link{
	background:url("images/more.png") 0 0 no-repeat;
	padding:12px 10px;
	width:80px;
}

/* -- Bouton réseaux sociaux --*/
#Content .post .wikio-share-popup-button{
	background:url("images/share.png") 0 0 no-repeat;
	border:none;
	height:30px;
	margin:0 auto;
	width:100px;
}

/* Nvigation en bas de page --*/
#Content .navigation{
	display:block;
	height:42px;
	text-align:center;
}
#Content .navigation .alignleft{float:left;}
#Content .navigation .alignright{float:right;}

/* ------------------
      Comments       
---------------------- */

#Comments-template{
	margin:0 0 0 66px;
	width:581px;
}

/* -- Commentaires sur le blog --*/
#Comments-template .cadre_commentaires h3{
	background-color:#999999;
	font-size:1.2em;
	margin: 21px 0;
	padding : 0 0 0 10px;
	width:571px;
}
#Comments-template .cadre_commentaires .commentlist{list-style-type:none;}
#Comments-template .cadre_commentaires .commentlist li{ 
	border:1px dashed #cccccc;
	padding:5px;
	margin: 0 0 10px 0;
	text-align:justify;
	width:571px;
}
#Comments-template .cadre_commentaires .commentmetadata{height:65px;}
#Comments-template .cadre_commentaires .commentmetadata a{	border:none;}
#Comments-template .cadre_commentaires .commentmetadata img{
	background-color:#000;
	padding:3px;
}
#Comments-template .cadre_commentaires .commentauthor{
	margin: 0 0 0 15px;
	/margin: 0;
	/float:left;
}
#Comments-template .cadre_commentaires .commentauthor .eg-image{
	/width:50px;
	/margin-right:15px;
}
#Comments-template .cadre_commentaires .commentauthor .url{
	border:none;
	color:#999999;
	font-size:1.3em;
	font-weight:bold;
}
#Comments-template .cadre_commentaires .commentauthor .comment_quote_link a{
	border:none;
	color:#999999;
	font-size:0.8em;
	font-weight:normal;
}
#Comments-template .cadre_commentaires .commentdate{float:right;}
#Comments-template .cadre_commentaires .commentdate a{
	border:none;
	color:#999999;
}
#Comments-template .cadre_commentaires .comment-edit-link{margin:0 0 0 10px;}
#Comments-template .cadre_commentaires  blockquote{
	background:url("images/blockquote.png") 0 0 no-repeat;
	background-color:#fff;
	border:1px dotted #999999;
	margin:10px;
	padding:15px;
}
#Comments-template .respond{
	background-color:#999999;
	font-size:1.2em;
	margin: 21px 0;
	padding : 0 0 0 10px;
	width:571px;
}

/* -- Formulaire d'ajout de commentaires --*/
#Comments-template .champs{	height:30px;}
#Comments-template .champs .label-champs{
	color:#0169b2;
	display:block;
	float:left;
	font-weight:bold;
	text-align:right;
	width:120px;
}
#Comments-template .champs .input-champs{
	background:url("images/input-champs.png") 0 0 no-repeat;
	border:none;
	margin:0 0 0 100px;
	padding : 5px;
	width:304px;
}
#Comments-template .conditions{
	color:#666666;
	margin:0 0 21px 0;
	}
#Comments-template textarea{
	background:url("images/text-area.png") 0 0 no-repeat;
	border:none;
	height:141px;
	padding:8px 5px 5px 5px;
	width:571px;
}
#Comments-template .submit{
	display:block;
	height:30px;
	margin:20px auto;
	width:105px;
}
#Comments-template .submit #submit{
	background:url("images/post.png") 0 0 no-repeat;
	border:none;
	height:30px;
	width:105px;
}
#Comments-template .submit #submit:hover{cursor:pointer;}
#Comments-template #commentform .subscribe-to-comments {
	display:block;
	height:21px;
	margin : 0 0 20px 0;
}

/*==========================
     FORMULAIRE
============================*/

#Content-page .post-content #cformsform {
	background-color:#fafafa;
	margin:21px 0;
	padding:0;
	width:637px;
	border:none;
}
#Content-page .post-content #cformsform legend{display:none;}
#Content-page .post-content #cformsform ol{
	border:none;
	color:#333333;
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
}
#Content-page .post-content #cformsform ol #li--1{
	margin:0 0 21px 0;
	padding:0 10px;
}
#Content-page .post-content #cformsform ol li label{
	display:block;
	float:left;
	height:25px;
	margin : 5px 20px 5px 0 ;
	padding:5px 0;
	text-align:right;
	width:150px;
}
#Content-page .post-content #cformsform ol li label span{display:none;}
#Content-page .post-content #cformsform ol #li--2 label{background:url("images/label-nom.png") 0 0 no-repeat;}
#Content-page .post-content #cformsform ol #li--3 label{background:url("images/label-mail.png") 0 0 no-repeat;}
#Content-page .post-content #cformsform ol #li--4 label{background:url("images/label-web.png") 0 0 no-repeat;}
#Content-page .post-content #cformsform ol #li--5 label{background:url("images/label-message.png") 0 0 no-repeat;}	
	
#Content-page .post-content #cformsform ol li .single{
	background:url("images/single.png") 0 0 no-repeat;
	border:none;
	font-size:14px;
	height:25px;
	margin: 5px 0;
	padding:5px;
	width:300px;
}
#Content-page .post-content #cformsform ol li .area{
	background:url("images/area.png") 0 0 no-repeat;
	border:none;
	font-family:"lucida grande, arial;
	font-size:14px;
	margin:5px 0;
	padding:5px;
	width:408px;
}
#Content-page .post-content #cformsform .cf-sb{
	margin:auto;
	text-align:center;
	width:637px;
}
#Content-page .post-content #cformsform .cf-sb .sendbutton{
	background:url("images/send.png") 0 0 no-repeat;
	border:none;
	height:30px;
	width:105px;
}
#Content-page .post-content #cformsform .cf-sb .sendbutton:hover{cursor:pointer;}
#Content-page .post-content #usermessageb{
	color:red;
	font-weight:bold;
	text-align:center;
}
#Content-page .post-content #cformsform ol li .reqtxt, #Content-page .post-content #cformsform ol li .emailreqtxt{color:red;}
#Content-page .post-content #cformsform .cf_hidden, #Content-page .post-content .linklove{display:none;}

/*==========================
       GALERIE
============================*/
#Content-page #post-572 .post-content a{border:none;}
#Content-page #post-572 .post-content a:hover{border:none;}	

/*==========================
     SIDEBAR
============================*/

#Sidebar{
	color:#333333;
	float:right;
	margin:0;
	width:315px;
	-width:310px;
}
#Sidebar h2 span{
	line-height:1.5em;
	vertical-align:middle;
}
#Sidebar p{
	margin:10px 0 21px 0;
	padding : 0 10px;
	text-align:justify;
}
#Sidebar a{	color:#666666;}
#Sidebar a:hover{	text-decoration:underline;}
#Sidebar #War-top h2{
	background:url("images/h2-wartop-bgd.png") 0 0 no-repeat;
	color:#fff;
	font-size:1.5em;
	height:1.5em;
	margin:0 0 21px 0;
	padding: 0 0 0 10px;
}

#Sidebar #War-common h2, #Sidebar #War-page h2{
	background:url("images/h2-sidebar-bgd.png") 0 0 no-repeat;
	color:#333333;
	font-size:1.5em;
	height:1.5em;
	margin:0 0 21px 0;
	padding: 0 0 0 10px;
}
#Sidebar #War-left h2, #Sidebar #War-right h2{	background:url("images/h2-halfsidebar-bgd.png") 0 0 no-repeat;}
#Sidebar #War-top, #Sidebar #War-common, #Sidebar #War-page{	width:315px;}
#Sidebar #War-common{-width:310px;}
#Sidebar #War-top, #Sidebar #War-left, #Sidebar #War-right{ margin:0 0 21px 0;}
#Sidebar #War-top, #Sidebar #War-left ul, #Sidebar #War-right ul, #Sidebar #War-common ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#Sidebar #War-left{
	float:left;
	width:139px;
}
#Sidebar #War-right{
	float:right;
	width:139px;
}
#Sidebar #War-left ul{	margin:0 0 0 10px;}
#Sidebar #War-right h2{	padding:0;}
#Sidebar #War-common div{	margin: 0 0 21px 0;}
#Sidebar #War-common div div{padding:0 10px;}
#Sidebar #War-common div ul{padding:0 0 0 10px;}
#Sidebar #War-common .widget_recent_entries ul li{
	background:url("images/li-bgd.png") 0 0 no-repeat;
	text-indent:21px;
}

/*-- commentaires récents : corrections de l'apparition de l'avatar --*/
#recentcomments .recentcomments{
	background:url("images/li-bgd.png") 0 0 no-repeat;
	text-indent:21px;
}
.clearer{ clear:both;}
/*==========================
     FOOTER
============================*/
#Footer{	margin:42px 0 0 0;}
#Footer a{	color:#666666;}
#Footer a:hover{	text-decoration:underline;}
#Footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
}
#Footer h2{
	background:url("images/footer-h2.png") 0 0 no-repeat;
	color:#333333;
	font-family:"Octember","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
	font-size:1.5em;
	height:1.5em;
	font-weight: normal;
	margin : 0 0 21px 0;
	padding : 0 0 0 10px;
}
#Footer #Colonne1, #Footer #Colonne2{
	float:left;
	margin:0;
	padding:0;
	width:232px;
}
#Footer #Colonne2, #Footer #Colonne3{
	margin:0 0 0 17px;
}
#Footer #Colonne3{
	float:left;
	width:481px;
}
#Footer #Colonne1 h3, #Footer #Colonne2 h3{
	background:url("images/footer-h3.png") 0 0 no-repeat;
	color:#fff;
	font-size:1.2em;
	padding-left:10px;
	height:21px;
	width:222px;
}
#Footer #Colonne2 ul li{
	background:url("images/li-bgd.png") 0 0 no-repeat;
	padding:0 0 0 21px;
}

#Footer #Colonne3 h3{
	background:url("images/footer-h3-3.png") 0 0 no-repeat;
	color:#fff;
	font-size:1.2em;
	padding-left:10px;
	height:21px;
	width:471px;
}
#Footer #Colonne3 .social-network{	height: 121px;}
#Footer #Colonne3 .social-network h3{
	background:url("images/footer-h3-3.png") 0 0 no-repeat;
	color:#fff;
	font-size:1.2em;
	margin:21px 0 0 0;
	padding-left:10px;
	height:21px;
	width:471px;
}
#Footer #Colonne3 .social-network .twitter, #Footer #Colonne3 .social-network .flicr, #Footer #Colonne3 .social-network .rss, #Footer #Colonne3 .social-network .facebook{
	float:left;
	height:100px;
	margin : 10px;
	-margin:8px;
	width:100px;
}

#Footer #Colonne3 .social-network .twitter{background:url("images/twitter.png") 0 0 no-repeat;}
#Footer #Colonne3 .social-network .flicr{background:url("images/flicr.png") 0 0 no-repeat;}
#Footer #Colonne3 .social-network .rss{background:url("images/rss.png") 0 0 no-repeat;}
#Footer #Colonne3 .social-network .facebook{background:url("images/facebook.png") 0 0 no-repeat;}

#Footer #Colonne3 .social-network .twitter a, #Footer #Colonne3 .social-network .flicr a, #Footer #Colonne3 .social-network .rss a, #Footer #Colonne3 .social-network .facebook a{
	display:block;
	height:100px;
	width:100px;
}
#Footer #Colonne3 .up{
	background:url("images/up.png") 0 0 no-repeat;
	height:40px;
	margin:42px 0 0 100px;
	width:200px;
}
#Footer #Colonne3 .up a{
	display:block;
	height:40px;
	width:200px;
}
#Sub-footer{
	border-top:1px solid #666666;
	height:63px;
	margin-top:21px;
}
#Sub-footer p{
	margin:0;
	padding:21px 0;
	text-align:center;
}
#Sub-footer a{border-bottom:1px dashed #666666;}
#Sub-footer a:hover{
	border-bottom:1px solid #666666;
	text-decoration:none;
}