/* @override 
	http://famillemarchandcapel.org/wp-content/themes/Famille/style.css
*/

/*  
Theme Name: Famille
Version: 1.0
Author: Vizou
Author URI: http://vizou.com
*/

/* @group Basic */

* {  	
margin: 0; 
padding: 0; 
}

html {  	
text-align: center; 
}

body {  	
text-align: center; 
width: 900px;
margin: 0 auto;
position: relative;
font: normal 74%/150% "lucida grande",helvetica,verdana, sans-serif; 
color: #444;
background-color: #000; 
}

p {  	
font-size: 1em; 
}

a {  	
color: #2691C2; 
text-decoration: none; 
}

a:hover {  	
color: #ccc; 
}

/* Clear fix for hasLayout IE7 */

.clearfix {  	
height: 0; 
}

/* Hides from IE-mac \*/

.clearfix:after {  	
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}

* html .clearfix {  	
height: 1%; 
}

/* End hide from IE-mac */

/* @end */

/* @group Layout */

#header {  	
width: 900px; 
height: 170px; 
background: url(images/header.jpg) no-repeat 0 0; 
margin: 0 auto;
padding: 0;
}

#clearwrap {  	
_height: 1px;
}

#content {  	
width: 900px; 
padding: 0;
--margin-top: -8px;
background: url(images/content_bg.jpg) repeat-y;
min-height: 560px;
}

#sidebar {  	
float: left;
left:  0;
width: 200px;
padding: 1px 0;
background: url(images/sideleft.jpg) no-repeat top left;
min-height: 560px;
}

.sidebar_content {  	
padding: 10px 20px; 
color: #fff;
text-align: left;
}

#main { 
float: left;
width: 900px;
padding: 0;
background: url(images/paper.jpg) repeat-y;
}

.main_content { 
float: right;	
left: 200px;
width: 460px;	
padding: 0 220px 0 0;
text-align: left;
background: url(images/sideright.jpg) no-repeat top right;
min-height: 560px;
}

#random { 
float: right;
width: 120px;
margin: 0 40px 0 0;
	
}

#random img {  	
padding: 0;
margin: 0;
border: 4px solid #BC8851; 
}

#abonner {  	
float: right;
margin-right: 20px;
padding: 0;
margin-top: 140px; 
color: #fff;
font-size: 0.8em;
line-height: 1.1em;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
}

#abonner input {  	
margin: 3px;
}

#abonner .side_field input {  	
background-color: #FFDFBC;
border-color: #BF3802;  
border-width: 1px;
border-style: dotted;
}

#footer {  
float: left;	
clear: both;
background: #000 url(images/footer2.jpg) no-repeat top;
width: 900px; 
height: 190px;
margin: 0 auto;
}

/* @end */

/* @group Sidebar */

#sidebar ul {  	
list-style: none; 
margin: 0; 
text-align: left;
}

#sidebar ul li {  	
list-style: none; 
color: #fff;
padding-bottom: 3px;
}

#sidebar ul li a {  	
color: #fff; 
text-decoration: none; 
}

#menu {  	
margin: 10px 0; 
}

#menu a:hover {  	
color: #7FBEF9;  
}

#menu .current_page_item {  	 
color: yellow;
}

#menu ul.menu li.accueil a {  	
font-size: 1em;
font-weight: bold;
color: #fff; 
}

#menu li.accueil {  	
border-bottom: 1px dotted #7FBEF9; 
padding-bottom: 3px;
background: url(icons/bullet_star.png) no-repeat 0 50%;
padding-left: 15px;
margin-left: -5px
}

#menu .pagenav {  	
margin-top: -10px; 
}

#menu .menu h3 {  	
margin-left: -40px;
font-size: 1em;
font-weight: bold;
}

#menu li.page_item {  	
border-bottom: 1px dotted #7FBEF9; 
background: url(icons/bullet_star.png) no-repeat 0 50%;
padding-left: 15px;
margin-left: -5px;
}

#sidebar h3 {  	
font-size: 1.1em;
font-weight: bold;
color: #7DDCFF;
padding-left: 20px;
text-align: left;
}

#sidebar ul {  	
padding: 10px 0 0 20px;
text-align: left;
}

#sidebar ul li,
#sidebar a {  	
list-style: none;
color: #fff;  
}

ul#archive,
ul#category {  	
padding-top: 3px; 
}

ul#archive li a,
ul#category li a {  	
font-size: 0.9em;
font-weight: normal; 
color: #fff;
}

/* @end */

/* @group Content, Posts */

#main .main_content h2 {  
font-family: georgia, lucida, "trebuchet ms", "new york", serif;	
color: #2E6986; 	
font-size: 2.1em; 
font-weight: normal;
text-transform: uppercase; 
margin: 8px 0;
}

#main .main_content p {  	
padding-bottom: 8px;
}

#main .post {  
display: block;
float: left;
padding: 0;
margin: 10px 0;
}

.post strong {  	
color: #66A282; 
font-family: georgia, lucida, "trebuchet ms", "new york", serif;
font-size: 1.1em;	
}

#main .main_content .post h2 a {  	
color: #BF3802;
font-size: 0.9em; 
text-transform: none;
padding-bottom: 5px;
}

.main_content ul,
.main_content ol {  	
list-style-position: inside;
} 

.main_content ul li,
.main_content ol li {  	
padding: 5px;
}

#main .post em {  	
color: #666;
font-size: 0.9em;
text-transform: uppercase;
font-style: normal; 
}

#main .post h3 {  	
font-size: 1.2em; 
font-weight: normal; 
margin: 25px 20px 5px 0; 
color: #BF3802;
}

.postmeta {  
font-family: "trebuchet ms", verdana, sans-serif;	
text-transform: uppercase; 
height: 38px;
color: #BF3802; 
text-align: left; 
font-size: 0.85em; 
padding: 8px;
background: url(images/ripped.jpg) no-repeat left -5px;
}

.postmeta a {  	
color: #BF3802; 
}

span.date {  	
background: url(icons/date.png) no-repeat 0 0;
padding: 3px 5px 3px 20px;
color: #BF3802;
}

.postmeta strong {  
font-family: "trebuchet ms", verdana, sans-serif;	
font-weight: bold;
color: #BF3802; 
}

.comment a {  	
background: url(icons/comment.png) no-repeat 0 0;
padding: 3px 0 3px 20px;  
}

.tags a { 
background: url(icons/tag_blue.png) no-repeat 0 0;
padding: 3px 5px 3px 20px; 	
}

.edit { 
background: url(icons/pencil.png) no-repeat 0 0;
padding: 3px 5px 3px 20px; 	
}

blockquote {  	
margin: 10px 30px; 
padding: 0; 
}

.post ul {  	
margin: 10px 0; 
padding: 0 0 0 30px; 
}

.post a:hover {  	
color: #ccc; 
}

.alignleft {  	
float: left; 
text-align: left; 
}

.alignright {  	
float: right; 
text-align: right; 
}

#main img,
#content img{  
display: block;	
margin: 5px 10px 20px 0;
float: left;
--border: 6px solid #7FBEF9;
}

/* @end */

/* @group Footer */

.footer_content { 
text-transform: uppercase;
height: 30px;	
color: #2E6986;  	
width: 900px;
padding-top: 120px; 
font-size: 0.8em;
font-weight: bold;
color: #501501; 
margin: 0 200px;
}

#footer a  {  
color: #501501; 
}

#footer .footer_content span {  	
float: left;
display: inline;
}

.copyright {  	
padding-right: 8px; 
}

.flux { 
padding: 0 0 5px 20px;
background: url(icons/feed.gif) no-repeat 0 0;  
}

.connexion { 
padding: 0 10px 0 15px;
background: url(icons/cog.png) no-repeat 0 0;  
}

.wordpress { 
width: 80px; 
padding: 8px 5px; 	
background: url(icons/wordpress.png) no-repeat 0 0; 
}

.dreamhost {  
width: 80px;
padding: 8px 5px; 
background: url(icons/dreamhost_green.gif) no-repeat 0 0;
}

/* @end */

/* @group Comments */

#commentformarea {  	
width: 90%; 
border: 1px dotted #ccc; 
background: #F4F5ED; 
margin: 0 auto 8px auto; 
padding: 8px 10px; 
}

#commentform {  	
margin: 15px 0 10px 40px; 
}

#commentformarea h3 {  	
font-size: 140%; 
font-weight: normal; 
color: #4BC0D9; 
margin: 10px 0 15px 20px; 
}

#commentform p {  	
margin: 0 0 5px 0; 
}

#commentform strong {  	
font-size: 110%; 
color: #000;
}

#commentformarea #commentform input, #commentform textarea {  	
border: 1px solid #A7A6AA; 
background: #fff; 
padding: 3px; 
}

#commentform textarea {  	
width: 420px; 
}

textarea#comment {  	
font-size: 130%; 
}

#commentform input#submit {  	
width: 130px; 
color: #000; 
margin: 5px;
}

h4 {  	
margin: 25px 0 20px 0; 
text-align: left; 
font-weight: normal; 
color: #4BC0D9; 
}

h4#comments {  
font-size: 1em;
color: #C09F82;	
width: 90%;
margin: 5px auto; 
text-transform: uppercase;
}

.status {  	
width: 90%;
margin: 0 auto; 
font-style: italic;
}

small {  	
font-size: 90%; 
}

ol.commentlist {  	
width: 92%; 
list-style: none; 
margin: 0 auto 30px auto; 
padding: 0; 
font-size: 90%; 
}

ol.commentlist li {  	
margin: 0 0 20px 0; 
padding: 15px; 
border: 1px dotted #ccc;
background: url(images/blue.jpg) repeat-x; 
}

ol.commentlist p.await_mod {  	
color: #f00; 
margin: 0 0 8px 0; 
}

ol.commentlist p {  	
margin: 0 0 10px 0; 
}

ol.commentlist span.cmntmeta {  	
color: #006699; 
}

/* @end */

/* @group Search, Forms */

.abonner form p.field input {  	
width:  220px;
background-color: #FFFEAC; 
}

.abonner form p {  	
font-size: 0.9em;
font-weight: bold;
color: red; 
}

.wpcf7-form-control-wrap input {  	
background-color: #FFFEAC; 
}

.wpcf7-form label {  	
font-size: 0.9em;
font-weight: bold;
}

.captcha_img {  
--float: left;	
margin: 5px 10px 0 0;
padding: 0px;
}

input.captcha_input {  	
width: 150px; 
height: 20px;
}

.captcha-625 input {  	
width: 100px; 
height: 30px;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {  	
font-size: 1em;
font-weight: normal;
text-align: center;
color: red;
border: 1px solid #ccc;
padding: 5px;
}

--input#s {  	
width: 440px; 
margin: 0 13px -20px 0; 
border: 1px solid #A7A6AA; 
background: #fff; 
padding: 4px 0; 
color: #ccc; 
text-align: center; 
}

--div>input#s {  	
margin-bottom: 0; 
margin-top: 15px; 
}

/* @end */