/*
Theme Name: MySaas (built on Notes Blog Core)
Theme URI: http://www.mysaas.fr
Description: Theme du site mysaas.fr
Version: 0.2
Tags: two columns, fixed width, custom, widgets
Author: Be API
Author URI: http://www.beapi.fr
Template: notes-blog-core-theme

	Author : Frederic TAMAYA - http://www.tams-design.com/

    Requires the Notes Blog Core Theme:
    http://notesblog.com/core/

*/

@import url('../notes-blog-core-theme/style.css');


/* =======
    LINKS
   ------- */

/* default */
a:link, a:active, a:visited { color: #4c4c4c ; }
a:hover, div#header h1 a:hover { color: #699107 ; }
/* meta */
div.postmeta a:link, div.postmeta a:active, div.postmeta a:visited, a.more-link
    { color: #444; padding: 1px; font-style:normal; font-weight:normal; }
    div.postmeta a:hover, div.postmeta span.comments a:hover { color: #444444 !important; text-decoration: none;background:none;border-color:#E8E8E8; }

div.postmeta span.categories {float:left;
}

div.postmeta span.categories a:link, div.postmeta span.categories a:visited, div.postmeta span.categories a:active {color: #699107;
}

div.postmeta span.plus {float:right;
}

/* =======
    /LINKS
   ------- */

/* ==============
    TYPE & COLOR
   -------------- */
body { background: #fff url(images/body_bg.jpg) no-repeat top center;}
/* FONTS */

/* Default font */
body, h1, textarea#comment, input#author, input#email, input#url
    {
    font-family: Arial, sans-serif;
    }



body
    {color: #808080; font-size:12px;  }
    
   
/* Default font size */
div#content, textarea#comment, input#author, input#email, input#url
	{ font-size: 13px; }

/* Medium-small font */
a.more-link, div.comment-body p
	{ font-size: 12px; }

/* Small font */
div#content small, div#copy, div.postmeta, ul#sidebar, div#footer, p.commentloggedin, div.reply, div.feed, div#submenu-nav
	{ font-size: 12px; }




/* headers h1 h2 */

h1.listhead{
 /*display:none;*/
}


h2.widgettitle
    { font-family: Arial, sans-serif;}

body.home div#content h2, body.archive div#content h2, body.search div#content h2, body.error404 div#content h2 {
font-family:Arial, sans-serif;
font-weight:normal;
}
body.home div#content h2 a, body.archive div#content h2 a, body.search div#content h2 a {background: url(images/bullet.gif) no-repeat left center;padding-left:20px;
}

body.home div#content h2 a:hover, body.archive div#content h2 a:hover, body.search div#content h2 a:hover {background: url(images/bullet_hover.gif) no-repeat left center;padding-left:20px;
}

body.search-no-results div#content h2, body.error404 div#content h2 {
color:#699107 !important;
}


div#content h2 {
font-size:18px;
line-height:20px;color:#000 !important;
}


div#content h1 {
border:none;
font-size:22px;
font-weight:normal;
line-height:24px;
margin-bottom:0px;
padding-bottom:0px;
color: #699107;
letter-spacing:0px;
}

body.single div#content h1 {
background: #fff url(images/bullet.gif) no-repeat left center;
padding-left:20px;
color:#333 !important;
font-size:18px;
line-height:18px;
margin-bottom:15px;
}

body div#content h1.listhead {
background: #fff;
color: #699107 !important;
border: 1px solid #C0C0C0;
margin: 10px 0;
}


/* ========
    LAYOUT
   -------- */

/* SITE */
div#site { width: 100%; float:left;background: url(images/site_bg.png) repeat-y top center;margin-bottom:20px; }

/* WRAP */
div#wrap
    {
    width: 960px;
    margin: 0 auto;
position:relative;
text-align-left;
    }


/* HEADER / LOGO */
div#header { 
/*box-shadow:0px -1px 8px #000;
-webkit-box-shadow:0px -1px 8px #888888;
-moz-box-shadow:0px -1px 8px #888888;
behavior: url(ie-css3.htc);*/
background: url(images/header_bg.png) no-repeat top center;
border:none;
padding-top:39px;
padding-bottom:12px;
margin:10px 0 0;
} 

    div#header h1 { margin-left:50px;/*text-align:center;*/ }
        div#header h1 a { border: 0; padding:0;}
        div#header h1 span { display:none; }

/* MENU */
div#submenu-nav { border:0; background: url(images/menu_bg.png) no-repeat top center; }

div#submenu-nav a:link, div#submenu-nav a:active, div#submenu-nav a:visited {color:#fff; text-decoration:none;}

#nav {height:38px;}

#nav li, #subnav li {float:left;list-style:none }

#nav a, #nav a:visited , #nav a:link, #nav a:active {color:#FFFFFF; padding:6px 8px; text-decoration:none;  font-size:16px;}

#nav a:hover, #nav a:active,
li.current_page_parent a,
li.current_page_parent a:visited,
#nav li.current_page_item a,
#nav li.current_page_item a:visited
        {background:#9cba14;color:#fff !important;}


div#submenu-nav ul {padding-left:10px; /*padding-top:12px;*/}

div#submenu-nav ul li {padding:0px;border-right:1px solid #fff;}

div#submenu-nav ul#nav li {margin-top:13px;
}


#subnav {
    background:#9cba14;
    height:23px;
    }

#subnav li {
    border-right:1px solid #295887;
    padding:0 7px;
    }   

#subnav a, #subnav a:visited {
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:12px;
padding-left:8px;padding-right:8px;
    }

#subnav a:hover, #subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
    text-decoration:none !important;color:#fff !important;
    }
    
#subnav a:hover, #subnav a:active,
#subnav li.current_page_item a,
#subnav li.current_page_item a:visited {
    color:#699107 !important;
    }    
    
div#submenu-nav ul#subnav{margin-left:10px; margin-right:10px; padding-left:0;}
div#submenu-nav ul#subnav li {margin-top:3px;}


/*
    div#submenu-nav div.textwidget {}
        div#submenu-nav div.textwidget p { padding: 10px; margin:0; text-align:center; font-size: 14px; line-height: 14px; }
            div#submenu-nav div.textwidget p a { margin: 0 2px; text-decoration: none; color: #fff; font-weight: bold; padding: 10px 5px 20px 5px; }
            div#submenu-nav div.textwidget p a:hover { background: #0ad; }*/



/* RECHERCHE */
div#toplist {
position:absolute;
right:0;
top:0;
padding:146px 13px 0 0;
width:290px;
}

input.button{
color:#699107;
}


/* CONTENT / BLOG */
div#blog {margin-left:10px; }

div.widecolumn {
width:630px;
}

div.singlecolumn {
width:940px;
}

body.page div#content /*, body.single div#content*/  {  background: #fff;border:1px solid #C0C0C0; }

body div#content-single  {  background: #fff;border:1px solid #C0C0C0;
padding-bottom:25px;/*car bug bouton valider commentaires ?*/
 }


body.home div.post, body.archive div.post, body.search div.post, body.search div.page, body.error404 div.post {border:1px solid #C0C0C0; }


div.post, div.page, div.attachment { background: #fff;margin-bottom: 12px; }

body.search-no-results div.post, body.error404 div.post  {height:250px; }

#content-header{ margin-bottom: 15px; }

#content-headerpage{ margin-top: 14px; }

div#content {
float:left;
margin-top:14px;
}

div#content p {
line-height:14px;
/*margin:0 0 14px;*/
color:#4D4D4D;
text-align: justify;
}

div#content p span {
background: none ;
}

body.page div#content p {
margin-top:14px;
font-size: 14px;
}



div#content p a {
color:#699107;
font-weight:bold;
text-decoration:none !important;
}

div#content p a:hover {
color:#444;
}


div#content li a {
color:#699107;
font-weight:bold;
text-decoration:none !important;
}

.entry img {
border:1px solid #fff;
margin:5px;
padding:5px;
}


div.post ul li, div.page ul li {
list-style-image:url(images/bullet.gif);
margin-left:-20px;
}

/*plugin addtoany*/
div.addtoany {
float:right;
margin-bottom:20px;
}

/*plugin YARPP related posts*/
div.related {
clear:both;
border-top:1px dashed #C0C0C0;
border-bottom:1px dashed #C0C0C0;
}

div.related p.titre {
padding-top:14px;
font-size:13px;
color:#333333 !important;
}

div.related ol li {
font-size:11px;
margin-bottom:2px;
color:#4D4D4D !important;
}

div.related ol li a:hover {
color:#444444 !important;
}

div.related ol li small {
font-size:11px !important;
}

/*plugin WP-pagenavi */

div.nav.widecolumn{
  padding: 1px;    /*car pb sur IE7 ?*/
}


.wp-pagenavi{
  text-align: center;
  text-transform:none;
  font-size:11px;
  color:#808080;
}


.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {
    background: url(images/pagenavi_bg.gif) repeat-x ;
    background-color: #d0d1d3;
    padding: 0px 4px 0px 4px ;
    margin: 2px;
    text-decoration: none;
    border: 1px solid #bfbfbf;
    color: #808080;

}
.wp-pagenavi a:visited {
    padding: 0px 4px 0px 4px;
    margin: 2px;
    text-decoration: none;
    border: 1px solid #bfbfbf;
    color: #808080;
    background: url(images/pagenavi_bg.gif) repeat-x ;
        background-color: #d0d1d3;
}
.wp-pagenavi a:hover {
    border: 1px solid #bfbfbf;
    color: #fff;
    background: url(images/pagenavi_hover_bg.gif) repeat ;
}
.wp-pagenavi a:active {
    padding: 0px 4px 0px 4px;
    margin: 2px;
    text-decoration: none;
    border: 1px solid #bfbfbf;
    color: #000;
    background-color: #FFFFFF;
}
.wp-pagenavi span.pages {
    padding: 2px 4px 0px 4px;
    margin: 2px 2px 2px 2px;
    color: #000000;
    border: 1px solid #000000;
    background-color: #FFFFFF;
}
.wp-pagenavi span.current {
    padding: 0px 4px 0px 4px;
    margin: 2px;
    border: 1px solid #bfbfbf;
    color: #fff;
    background: url(images/pagenavi_hover_bg.gif) repeat ;
}
.wp-pagenavi span.extend {
    padding: 0px 4px 0px 4px;
    margin: 2px;
	border:1px solid #BFBFBF;
    color: #000000;
    background-color: #FFFFFF;
}




/* META */

body.single div#content div.postmeta, body.page div#content div.postmeta {
margin-bottom:10px;
}

body.blog div.postmeta span.author {
display:inline;
}
div.postmeta span.comments {
float:none;
margin-left:0px;
}

div.postmeta span.comments a {
padding:2px 2px 1px 4px !important;
}

/* COMMENTS */
h2#comments {
border:none;
margin:0 20px 20px;
padding-bottom:10px;
}

ol.commentlist {
margin-left:20px;
}

ol.commentlist li {
border:none;
list-style-image:url(images/bullet.gif);
list-style-position:outside;
margin:0 20px 10px;
padding:0;
}

ol.commentlist li.pingback p, ol.commentlist li.pingback span, ol.commentlist li.pingback div.comment-meta, ol.commentlist li.pingback div.reply {
display:inline;
}

ol.commentlist li div p {
margin:0px !important;
color:#808080 !important;
}

ol.commentlist li div.comment-meta {
font-style:italic;
font-weight:normal !important;
}

ol.commentlist a:link, ol.commentlist a:active, ol.commentlist a:visited {
font-weight:normal !important;
}

table.commenttable tr td {
font-size:11px;
line-height:12px;
text-transform:none;
color:#808080;
}

textarea#comment {
font-style:normal;
height:80px;
padding:5px;
width:220px;
color:#808080;
font-size:12px;
}

input#author, input#email, input#url {
font-style:normal;
/*margin-bottom:5px;
padding:2px;*/
width:200px;
color:#808080;
font-size:11px;
}

input#submit {
background:#fff;
border:none;
color:#699107;

height:25px;
margin:5px 0 20px 120px;
padding:0;
width:220px;
cursor:pointer;
}

div.nav div.left { padding-left: 10px; }
div.nav div.right { padding-right: 10px; }

/* SIDEBAR */
div.column,ul#sidebar {width:300px;}
ul.column {padding:0px;width:inherit;}

ul#sidebar {margin-right:12px;margin-top:14px;}
ul#sidebar li {margin-bottom:5px;/*margin-right:10px;*/}
ul#sidebar li ul { margin-left: 0px; }
ul#sidebar li ul li {
margin-bottom:0;
}

ul#sidebar.wid {border:1px solid #C0C0C0;background-color:#fff !important;margin-right:20px;margin-top:5px;width:290px;}

    ul#sidebar a:link, ul#sidebar a:active, ul#sidebar a:visited { color: #699107;text-decoration:none; }
    ul#sidebar a:hover{ color: #444444;text-decoration:none; }    
    
    ul#sidebar h2 { color: #000;text-align:left; border-bottom: 0px; text-transform: none !important; font-size: 18px !important; font-weight:normal;margin:0px; padding:0px;margin-bottom:10px;}
    ul#sidebar li.widget { padding: 12px 15px 15px 15px;  border-bottom:1px dashed #C0C0C0;margin-bottom:0px;margin-left:14px;margin-right:14px;
}


    ul#sidebar li.widget_text {border: none;color:#333333; }

div#footer { border-bottom-color: #0ad; }

div#copy { background: none; }

body div.cf_info {
width: 480px;
}
body .cform {
width:510px;
}
body .cform fieldset {
border:1px solid #A2C000;
background: #fff;
}
body .cform legend {
color:#666666;
margin-left:11px;
padding:0 10px;
font-family:Arial;
font-size:20px;
}
body .cform label {
width:110px;
margin-left: 10px;
}
body .cform label span {
width:109px;
}
body .cform textarea {
width: 210px;
}
body .cform input {
width:150px;
}
body .cform input, body .cform textarea, body .cform select {
background: #EDEBE3;
border: none;
}
body .cform input:hover, body .cform textarea:hover, body .cform select:hover {
background: #F6F5F1;
}
body .cform input.sendbutton {
font-size: 12px;
background: #A2C000;
color: #fff;
border: 1px solid #A2C000 !important;
}
body .cform input.sendbutton:hover {
color: #A2C000;
background: #fff;
border: 1px solid #A2C000 !important;
cursor:pointer;
}
body .linklove {
position: absolute;
display: block;
left: -9999px;
top:-9999px;
}

#pagenav {
border: 1px solid #C0C0C0;
background: #fff;
float: left;
width: 938px;
margin-bottom: 10px;
}

#pagenav ul {
list-style: none;
float: left;
margin: 5px 0;
padding-left: 70px;
}

#pagenav ul li {
float: left;
border-left: 1px solid #699107;
}
#pagenav ul li a, #pagenav ul li span {
padding:0 10px;
}
#pagenav ul li a {
color: #000;
}
#pagenav ul li a:hover {
background: #699107;
color: #fff;
}
.alphabet-list .frame {
border: 0;
margin: 10px 0;
float: left;
background: url(images/separator.gif) repeat-y center 0;
}
.alphabet-list .frame .holder {
width: 422px;
padding-left: 10px;
float: left;
}
.alphabet-list .frame .box {
margin-bottom: 10px;
float: left;
width: 411px;
border-bottom: 1px solid #ccc;
}
.alphabet-list .frame .box ul {
padding-left: 20px;
list-style: none;
}
.alphabet-list .frame .box li {
list-style-image: none;
}
div#content .alphabet-list .frame .box a {
color: #808080;
}
div#content .alphabet-list .frame .box ul li a:hover {
color: #699107;
}
.lexique_link {
background: url(images/lightbulb16.gif) no-repeat right center;
padding-right: 14px;
}
div#content-single #content .category-lexique {
float: left;
width: 630px;
}
.singlecolumn .category-lexique {
float: left;
width: 898px;
}