/*
Theme Name: Farciennes +
Author: Astrid Genette
Author URI: http://www.astridgenette.eu
Tags: 2 columns, white, fixed width, 860px, company website, valid XHTML
*/

/************************************************************/
/*********************** GENERAL ****************************/
/************************************************************/

html, body { 
         margin:0px 0px 0px 0px; 
         padding:0; 
         text-align:
         center; 
         background: url(img/body.jpg) bottom center repeat-x #72C8DF; 
         font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
         } 
 
#pagewidth { 
         width:950px; 
         text-align:justify; 
         margin-left:auto; 
         margin-right:auto;
         } 

#page { 
        width:950px; 
        padding:0px 0px 0px 0px; 
        background: url(img/content_bg.jpg) top center repeat-y;
        } 

#wrapper {
        background: url(img/content.png) top center no-repeat; 
        }

/************************************************************/
/*********************** HEADER *****************************/
/************************************************************/
#header { 
        position:relative; 
        height:110px; 
        width:950px; 
        padding: 0px 0px 0px 0px; 
        margin: 0px auto 0px auto;
        background: url(img/header.jpg) top center no-repeat; 
        overflow:hidden;
        } 


/************************************************************/
/*********************** SIDEBAR ****************************/
/************************************************************/

#sidebar { 
        width:160px; 
        float:left; 
        position:relative; 
        padding:0;
        margin-top:5px;
        }
#sidebar h1{ 
        font-size:16px;
        color:#7D0D55;
        }

#sidebar ul { 
       list-style: none; 
       padding:0px;
       }
#sidebar ul li {
       margin: 0px 0px 5px 0px; 
       display: block; 
       font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
       font-size: 12px; 
       text-decoration:none; 
       font-weight:bold; 
       width: 165px; 
       heigth:80px; 
       }
#sidebar ul li a { 
       display: block; 
       background:url(img/menu.png) top left no-repeat; 
       padding: 8px 5px 18px 23px;
       text-decoration:none; 
       color:#FFFFFF;
       }
#sidebar ul li a:hover{ 
       background:url(img/menu-hover.png) top left no-repeat; 
       text-decoration:none; 
       }
#sidebar ul li.current_page_item a{ 
       background:url(img/menu-hover.png) top left no-repeat; 
       text-decoration:none; 
       }
.news p { color:#197E92; font-size:75%; }
.news form input {
       width:160px;
}
.news form .bouton {
       background-color:#197E92;
       cursor:pointer;
       color:#ffffff;
       border:none;
       font-size:90%;
       width:80px;
       font-weight:normal;
       }
.news form .bouton:hover {
       background-color:#B9E1EE;
       color:#197E92;
       }
/************************************************************/
/*********************** CONTENT ****************************/
/************************************************************/

#content { 
       width:564px; 
       padding: 30px 40px 30px 60px;
       float:left;
       }
#content h1 { 
      color:#1B7D92; 
      font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
      font-size: 20px; 
      padding: 5px 10px 5px 15px; 
      margin-top:-23px;
      background-color:#B9E1EE;
      -moz-border-radius: 10px; 
      -khtml-border-radius: 10px; 
      -webkit-border-radius: 10px; 
      border-radius: 10px;
      max-width:500px;
      max-height:200%;
      }
#content h3 { 
      color:#1B7D92; 
      font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
      font-size: 16px; 
      padding: 10px 0 6px 15px; 
      margin: 0px; 
      background: url(img/puce.png) top left no-repeat;}
#content h4 { 
      color:#7D0E55; 
      font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
      font-size: 14px; 
      margin: 0px; }
#content p { 
      color:#174D56; 
      font-size: 12px; 
      line-height:1.7em;
      }
#content a { 
      color:#7D0E55; 
      text-decoration:none; 
      }
#content a:hover { 
      color:#333333; 
      text-decoration:underline;
      }
#content ul { 
      color:#174D56; 
      font-size: 12px; 
      line-height:1.7em;
      list-style:circle;
      }
#content ol{ 
      color:#174D56; 
      font-size: 12px; 
      line-height:1.7em;
      }
#content li { 
      color:#174D56; 
      }
#carte { 
      margin-left:15px;
      }
table {
      font-size:10px;
      font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
      }
.titres-tableau {
      font-weight:bold;
      color:#1b7c92;
      text-align:center;
      }
.album-float {
     float:left;
}

/************************************************************/
/*********************** SOUS-MENU **************************/
/************************************************************/

#submenu {
       list-style: none; 
       margin: 0px; 
       padding: 0px; 
       width: 1px; 
       float:right;
       visibility: hidden;
       }


/************************************************************/
/*********************** BLOCKQUOTE *************************/
/************************************************************/

blockquote { 
       margin:20px; 
       padding:8px 8px 8px 15px;
       }
blockquote p {
       background-color:inherit; 
       color:#505050; 
       font-size:12px; 
       line-height:1.3em;
       }
label {
       background-color:inherit; 
       color:#606060; 
       font-size:12px; 
       font-weight:bold;
      }
table#wp-calendar {
       margin:0 0 20px; 
       width:140px;
      }
code {
      font-size:11px; 
      display:block; 
      padding:5px 5px 5px 8px; 
      margin:5px 0 15px 0;
      }

#s,#submit {
      background-color:#ffffff; 
      border:1px solid #cccccc; 
      color:#505050; 
      font-size:11px; 
      margin:0 0 16px; 
      padding:4px; 
      width:130px;
      }
#author,#email,#url,#comment {
      border:1px solid #cccccc; 
      font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
      font-size:12px; 
      margin:0; 
      padding:4px;
      }
#commentsection {
      margin:25px 0 0;
      }
#commentsection p {
      margin:0 0 6px;
      }



img.centered {
      display:block; 
      margin-left:auto; 
      margin-right:auto;
      }
img.alignright {
      padding:4px; 
      margin:0 0 2px 7px; 
      display:inline;
      }
img.alignleft {
      padding:4px; 
      margin:0 7px 2px 0; 
      display:inline;
      }
.aligncenter { 
     display: block; 
     margin-left: auto; 
     margin-right: auto;
     }
.alignright {
     float:right;
     }
.alignleft {
     float:left;
     }

.divider {
     height: 20px; 
     width:540px; 
     background: url(img/divider.jpg) top center no-repeat; 
     margin: 10px auto 20px auto;
     }
.left { 
     border:1px solid #cccccc; 
     float:left; 
     margin:10px 15px 10px 0;
     }
.right { 
     border:1px solid #cccccc; 
     float:right; 
     margin:10px 0 5px 10px;
     }
.center {
      margin:5px auto 12px; 
      text-align:center;
      }
.textright {
      text-align:right;
      }
.small {
      font-size:0.8em;
      }
.bold {
      font-weight:bold;
      }
.hide {
      display:none;
      }
.post {
      margin:0px;
      }
.postinfo { 
      color:#606060; 
      font-size:0.9em; 
      font-weight:bold; 
      line-height:1.5em; 
      margin:0px; 
      padding:8px 0px 8px 0px;
      }
.comment { 
      color:#606060; 
      margin:0 0 10px; 
      padding:8px 5px 0 8px;
      }
.comment p {
      font-size:0.9em; 
      line-height:1.3em; 
      margin:0 0 6px; 
      padding-bottom:5px;
      }
.gravatarside {
       float:right; 
       width:48px; 
       height:48px; 
       margin:0 5px 5px 5px;
       }
.wp-caption { 
       border: 1px solid #ddd; 
       text-align: center; 
       background-color: #f3f3f3; 
       padding-top: 4px; 
       margin: 10px; 
       -moz-border-radius: 3px; 
       -khtml-border-radius: 3px; 
       -webkit-border-radius: 3px; 
       border-radius: 3px;
       }
.wp-caption img { 
       margin: 0; 
       padding: 0; 
       border: 0 none;
       }
.wp-caption-dd { 
       font-size: 11px; 
       line-height: 17px; 
       padding: 0 4px 5px; 
       margin: 0;
       }



.alignleft {
      float: left;
      }

.alignright {
      float: right;
      }


/************************************************************/
/*********************** FOOTER *****************************/
/************************************************************/

#footer{ 
      height:242px; 
      background:url(img/footer.png) top center no-repeat;
      margin: 0px auto 0px auto; 
      clear:both; 
      text-align:left; 
      padding: 39px 0px 15px 0px;
      width:950px; 
      } 
#footertext { 
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-decoration:none; 
	font-weight:normal; 
	color:#FFFFFF; 
	text-align:center; 
	margin-top:220px;
	} 
#footertext a{ 
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	text-decoration:none; 
	font-weight:normal; 
	color:#72C8DF;
	} 
#footertext a:hover{ 
	text-decoration:underline; 
	color:#FFFFFF;
	} 

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

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #content{width:100%; float:none;}
}