/*  
Theme Name: Beaute (based on Fresh)
Theme URI:
Description: Designed by <a href="http://www.iroisolutions.fr" title="Interactive R.O.I">Interactive R.O.I</a>.
Version: 1.0
Author: Interactive R.O.I
Author URI: http://www.iroisolutions.fr
*/


/**********************************************
*   Basics & Typography                       *
***********************************************/

body {
margin:0;
padding:0;
background:#FFF;
font:65% "Trebuchet MS", "Bitstream Vera Serif", Sans-Serif;
color:#000;
text-align:left;
}

p, ol, ul {
line-height:150%;
}

h1, h2, h3, h4, h5, h6 {
margin:0;
background:transparent;
font-style:normal;
font-weight:700;
color:#050D24;
}

h1 {
font-size:2.2em;
}

h2 {
font-size:1.4em;
}

h3, h4, h5, h6 {
font-size:1em;
}

a:link {
color:#2F63B3;
text-decoration:none;
}

a:visited {
color:#2F63B3;
text-decoration:none;
}

a:hover {
color:#4A5265;
text-decoration:underline;
}

a:active {
color:#2F63B3;
text-decoration:underline;
}

blockquote {
margin:10px 0;
padding:0 50px;
background:transparent url(images/blockquote.png) no-repeat 0 0;
color:#ABAFB9;
}

code {
background:#E9F0FA;
font-family:"Courier New", Courier, monospace;
cursor:text;
}

small {
font-size:0.8em;
}

img.noborder {
border:none;
}

.alert {
font-weight:700;
color:red;
}

.left {
float:left;
}

.right {
float:right;
}

.center {
text-align:center;
}

.alignleft {
float:left;
margin-right:10px;
}

.alignright {
float:right;
margin-left:10px;
}

/**********************************************
*   Structure: Content, Sidebar, etc.         *
***********************************************/

#mainframe {
width:100%;
margin:0 auto;
padding:0;
font-size:1.3em;
}


/**********************
*   Header            *
***********************/

#header {
width:100%;
height:130px;
background:#FFFFD6 url(images/banner.png) top center;
}

#gohome {
float:left;
width:99%;
height:130px;
margin:0;
padding:0;
}

#header-container {
width:855px;
margin:0 auto;
}

#header .blogtitle {
width:auto;
height:118px;
}

#header h1 {
text-indent:-9999px;
}

#navbar {
clear:both;
width:100%;
height:31px;
background:#2E3D8A url(images/background-menu.png) repeat-x 0 0;
}

#navbar-container {
width:855px;
margin:0 auto;
}

ul.menu {
float:left;
margin:0;
padding:0 15px;
list-style-type:none;
}

ul.menu li {
float:left;
}

ul.menu li a {
float:left;
display:block;
height:28px;
padding:3px 15px 0;
line-height:24px;
color:#FFF;
}

ul.menu li a:link,
ul.menu li a:visited {
color:#FFF;
background:none;
}

ul.menu li a:hover,
ul.menu li a:active {
color:#FFF;
background:url(images/background-menu-over.png) no-repeat center top;
text-decoration:none;
}

ul.menu li.current_page_item a:link,
ul.menu li.current_page_item a:visited,
ul.menu li.current_page_item a:hover,
ul.menu li.current_page_item a:active {
color:#FFF;
background:transparent url(images/background-menu-active.png) no-repeat center bottom;
text-decoration:none;
}

.searchbar {
float:right;
width:290px;
height:31px;
margin:0;
}

.searchform {
width:290px;
height:20px;
text-align:left;
}

input#s {
width:265px;
height:18px;
margin:5px 0 0 1px !important;
margin:4px 0 0 1px; /* Fuck IE */
padding:1px 0 0 2px;
border:1px solid #0b236c;
background:#FFF url(images/background-searchbar.png) repeat-x 0 0;
}


/***********************
*  Wrapper             *
***********************/

#wrapper {
clear:both;
width:855px;
margin:0 auto 10px;
padding:0;
}


/**********************
*   Content           *
***********************/

#content {
float:left;
width:530px;
height:100%;
min-height:400px;
margin:10px 0 20px;
background:#FFF;
border-right:1px solid #CCC;
}

.pages {
float:left;
width:520px;
background:#DCE6FF url(images/separator_blue.png) repeat-x bottom center;
}

.pages-border {
clear:both;
width:100%;
height:6px;
background:#94B1FF url(images/separator_blue.png) repeat-x 0 0;
}

.page-previous {
float:left;
padding:10px 0 16px 30px !important;
padding:0 0 15px 30px; /* IE Hack */
}

.page-next {
float:right;
padding:10px 30px 16px 0 !important;
padding:0 30px 15px 0; /* IE Hack */
}

.page-title {
width:520px;
margin:20px 0 0;
background:#DCE6FF url(images/separator_blue.png) repeat-x bottom center;
}

.page-title h2.page-title-border {
padding:0 0 0 30px;
background:#94B1FF url(images/separator_blue.png) repeat-x 0 0;
font-size:1.6em;
line-height:48px;
color:#104177;
}

/**********************
*   Blog Entries      *
***********************/

.post {
padding:20px 30px;
background:#FFF;
}

.postentry {
color:#050D24;
text-align:justify;
}

.postentry a,
.postentry a:hover {
color:#2f63b3;
}

.postentry img {
border:5px solid #EDF2FF;
}

.postentry img:hover {
border:5px solid #DCE6FF;
}

.postentry span.alert {
font-weight:700;
color:red;
}

.posttitle a:link,
.posttitle a:visited,
.posttitle a:hover,
.posttitle a:active {
padding:0;
color:#050D24;
}

.postmeta,
.postmeta a {
margin:5px 0 ;
font-size:1em;
color:#2F63B3;
}

.post-date {
padding:0;
}

.post-comment {
padding:0 0 0 20px;
}

.post-filed {
padding:0;
}

.zone_additious {
padding:35px 0 0;
text-align:center;
}

.zone_additious a {
margin:0 auto;
padding:5px 15px;
color:#2F63B3;
background-color:#DCE6FF;
text-decoration:none;
}

.zone_additious a:hover {
color:#2F63B3;
background-color:#AFC6FF;
text-decoration:underline;
}


/**********************
*   Comments          *
***********************/

.commentpage {
margin:0 30px;
padding:0;
}

#comments {
margin:0;
padding:0;
}

.comments-num {
background:transparent url(images/separator_green.png) repeat-x center bottom;
padding:0 0 10px;
}

#commentlist {
margin:0;
padding:0;
list-style-type:none;
}
#commentlist li {
padding:15px 25px 15px 0;
border-bottom:1px solid #DCE6FF;
background:#EDF2FF url(images/background-comment.png) repeat-y 0 0;
}

.alt {
background-color:#FFF !important;
background-image:none !important;
}

.comment-title,
.comment-meta,
.comment-text {
margin:0 0 0 80px;
}

.comment-title,
.comment-title a,
.comment-title a:hover{
color:#030612;
}
.comment-meta,
.comment-meta a,
.comment-meta a:hover {
color:#2F63B3;
}

h2#postcomment {
margin:30px 0 0;
padding:0 0 10px;
background:transparent url(images/separator_green.png) repeat-x center bottom;
}

.postcomment {
clear:both;
margin:20px 0 0;
padding:20px;
background:#DCE6FF url(images/separator_blue.png) repeat-x center top;
}

.postcomment input,
.postcomment textarea {
border:1px solid #B0C5FF;
}
.postcomment input:hover,
.postcomment textarea:hover {
border:1px solid #FEC02A;
}

.postcomment input#author,
.postcomment input#email,
.postcomment input#url {
width:100% !important;
width:400px; /* IE Hack */
height:18px;
}

.postcomment textarea#comment {
width:100% !important;
width:400px; /* IE Hack */
height:200px;
}

.postcomment input#submit {
width:auto;
height:25px;
padding:2px 10px 3px;
background:#E5EDFF url(images/submit.png) repeat 0 0;
}

.postcomment input#submit:hover {
background:#E5EDFF url(images/submit-over.png) repeat 0 0;
}


/**********************
*   Sidebar           *
***********************/

#sidebar {
float:right;
width:310px;
height:400px;
margin:0;
padding:0;
background:#FFF;
}

#sidebar h2 {
display:block;
margin:16px 0 6px;
padding:0 0 10px 3px;
background:transparent url(images/separator_green.png) repeat-x center bottom;
font-size:1.4em;
}

#sidebar ul {
clear:both;
margin:0;
padding:0;
list-style-type:none;
}

#sidebar ul li {
clear:both;
color:#BBB;
}
#sidebar ul.no-splitted li {
padding:0 5px;
}

#sidebar ul.no-splitted ul li {
margin:0 -5px;
}

#sidebar ul.blc {
padding:0 5px;
}

#blogdescription {
padding:15px 5px 0;
color:#333;
text-align:justify;
}

#sidebar li#sidebar-splitted {
float:left;
width:100%;
margin:0 0 15px;
}

#sidebar-splitted .splitted-left {
float:left;
width:150px;
}

#sidebar-splitted .splitted-right {
float:right;
width:155px;
}

ul.splittedlists li {
background:transparent url(images/orangeli.png) no-repeat 5px 5px;
padding:0 0 0 23px;
}

ul.splittedlists ul li {
margin:0 0 0 -23px;
}

ul.splittedlists li a:link,
ul.splittedlists li a:visited {
color:#353D50;
}

ul.splittedlists li a:hover,
ul.splittedlists li a:active {
color: #2C76BB;
}

#sidebar #rssbutton {
clear:both;
width:310px;
height:60px;
display:block;
background:url(images/rss.png);
overflow:hidden;
text-indent:-9999px;
}

#sidebar #rssbutton:hover {
background:url(images/rss-over.png);
}

#sidebar #emailbutton {
clear:both;
width:310px;
height:60px;
display:block;
background:url(images/email.png);
overflow:hidden;
text-indent:-9999px;
}

#sidebar #emailbutton:hover {
background:url(images/email-over.png);
}

#xiti-logo {
margin:50px;
text-align:center;
}

/**********************
*   Bottom            *
***********************/
#bottom {
clear:both;
width:100%;
height:300px;
background-color:#FFF;
border-top:3px solid #0D1E7A;
font-size:100%;
color:#000;
}

#bottom-container {
width:855px;
height:auto;
margin:0 auto;
padding:0;
text-align:left;
}

#bottom-left,
#bottom-mid,
#bottom-right {
width:30%;
padding:20px 0 0 20px;
float:left;
}

#bottom h2 {
margin:0 0 10px;
padding:0 8px;
font-size:1.6em;
color:#000;
}

#bottom h2:first-child span {
color:#4C599D;
}

#bottom ul {
margin:0;
padding:0;
list-style-type:none;
border-top:1px solid #031C5D;
}
#bottom ul li {
line-height:26px;
border-bottom:1px solid #031C5D;
}
#bottom ul li a {
display:block;
padding:0 10px;
color:#000;
text-decoration:none;
}
#bottom ul li a:hover {
background:#CFE3FF;
}

/**********************
*   Footer            *
***********************/

#footer {
width:100%;
height:100px;
padding:0;
margin:0;
clear:both;
background:#387AD9 url(images/background-footer.png);
border-top:1px solid #000;
color:#FFF;
}

#footer-container {
width:855px;
margin:0 auto;
}

#copyright {
float:left;
width:410px;
padding:20px 0 0 10px;
}

#validpage {
float:right;
width:410px;
padding:20px 10px 0 0;
text-align:right;
}

#footer .validate {
background: url(images/icon_valid.gif) no-repeat 0 0;
padding:0 5px 0 20px;
}

#footer a:link, #footer a:visited {
color:#A8CBFF;
}

#footer a:hover {
color:#FFF;
}

#footer a:active {
color:#9ad202;
}

/**********************
*   PAGES             *
***********************/

/* ALL PAGES */
.pagetitle {
padding:0 0 10px; 
}

/* ARCHIVES */
.mois {
margin:10px 0 0;
font-size:110%;
font-weight:700;
}

.postspermonth {
padding:0 0 20px;
margin:10px 0 0 15px;
list-style:none;
}

.postspermonth li {
line-height:1.6em;
}

/* ABONNER */
#post-15 h3 {
margin:0 0 5px;
font-size:110%;
}

#post-15 p {
margin:0 0 10px;
}

#post-15 ul {
margin:0 0 10px 25px;
}

#post-15 img {
border:0;
}

#inputrss {
width:80%;
padding:5px;
margin:0 auto;
border:1px solid #E1E1E1;
}

.feedbtn {
margin:0 0 0 100px;
}

#emailrss {
padding:3px;
border:0;
text-align:center;
}

#post-15 fieldset {
border:0;
}

#email {
width:50%;
margin:5px 0 5px;
border:1px solid #CCC;
}

.submit {
width:auto;
height:25px;
padding:2px 10px 3px;
background:#E5EDFF url(images/submit.png) repeat 0 0;
}
.submit:hover {
background:#E5EDFF url(images/submit-over.png) repeat 0 0;
}