/*
Theme Name: Proteines gourmandes
Theme URI: http://www.lunacatstudio.fr
Description: Theme pour Proteines Gourmandes
Author: LunaCat Studio
Author URI: http://www.lunacatstudio.fr
Version: 1.0
*/

/* ----------------------  Reset Browser A Bit &Clear Floats -------------------------- */
*{margin:0; padding:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
a img, 
a{outline:0; border:0}
caption, th, td{ text-align:left;  font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
.clear{clear:both}

li.cat-item {list-style:none}



/* ----------------------  WordPress Elements -------------------------- */
.aligncenter{display:block; margin:0 auto}
.alignright{float:right; margin:0 0 1em 1em}
.alignleft{float:left; margin:0 1em 1em 0}
.floatleft{float:left}
.floatright{float:right}
img.aligncenter, img.alignright, img.alignleft{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding:4px}

.textcenter{text-align:center}
.textright{text-align:right}
.textleft{text-align:left}

.wp-caption{border:1px solid #DDD; text-align:center; background:#F3F3F3; padding-top:4px; margin-top: 10px;margin-bottom: 10px;;}
.wp-caption img{margin:0; padding:0; border:none}
.wp-caption .wp-caption-text{font-size:11px; line-height:17px; padding:0 4px 5px; margin:0; text-align: center;}

table#wp-calendar{font-size:12px;margin:0 auto;width:100%}
#wp-calendar caption{padding:3px;background:#333; color:#FFF; text-shadow:1px 1px #000; text-align:center}
#calendar_wrap table td, 
#calendar_wrap table th{text-align:center; background:#f3f3f3; padding:7px !important}
#calendar_wrap table td#prev{text-align:left; padding:0 0 0 12px}
#calendar_wrap table td a{color:#666; display:block}

/* ----------------------  Body --------------------------jaune : #FFFFDD bleu : #99CFE9 url('images/back3.jpg') no-repeat center top*/
body{font-family:Verdana, Helvetica, sans serif;font-size:13px;line-height:1.7em;color:#333; background: #99CFE9 url('images/back3.jpg') no-repeat center top; }

/* ----------------------  HTML Elements -------------------------- */
a{color:#8db6cd;text-decoration: none; }
a:hover{color:#cd8c95;text-decoration: underline; font-style: italic; }
p{font-family: Verdana, Helvetica, Sans serif; font-size: 12px;margin:0 0 10px; text-align:justify; color:#444444;}
strong{font-weight:700}
em{font-style:italic}
small{}
pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word}
hr{}
blockquote{border-left:2px solid #CCC; margin:20px; padding:0 0 0 10px;font-style:italic}

/* ----------------------  Default Headings -------------------------- */
h1, h2, h3, h4, h5, h6{font-family: Georgia, "Times New Roman", Times, serif; color:#000; line-height:1em; font-weight:bold; ; text-shadow: 0px 1px 0px #bbb; padding:0; margin:0;}
h1{font-size:24px; margin:0 0 30px 0; padding-bottom: 10px;}
h2{font-size:18px; margin:30px 0 20px 0}
h3{font-size:14px; margin:30px 0 20px 0}
h4{font-size:12px; margin:20px 0 10px 0}

#xs-archive-title h1{padding:10px;margin:0 0 20px;border-bottom:1px solid #CCC;border-top:2px solid #000;text-transform: uppercase;background:#EEE;text-shadow:1px 1px 1px #FFF;font-weight:normal;font-size:16px;}

/* ----------------------  Main Wrap &Container -------------------------- */
#xs-wrap{margin:0 auto;width:940px;background: url("images/backmil.jpg") repeat-x scroll 0 0 #FFFFFF; padding: 20px; margin-top: 20px;}

/* ----------------------  Header -------------------------- */
#xs-header{padding:0px 0px;width:980px;margin:0 auto;position:relative;}
#xs-header-logo{width:500px; text-align:left; margin-bottom:-6px;}
#xs-header-description{text-transform:capitalize; font-size:11px; margin:0 0 0 5px}
#xs-header-img{margin:0 auto 20px auto;}

#xs-header-logo h1, #xs-header-logo h2{font-size:38px; margin:0}
#xs-header-logo h1 a, #xs-header-logo h2 a{color: #000;text-decoration:none}
#xs-header-logo h1 a:hover, #xs-header-logo h2 a:hover{text-decoration:underline}

#xs-social{z-index:1;position:absolute; right:20px; bottom:-22px;list-style: none}
#xs-social li{float:left;margin:0 0 10px 6px}
#xs-social a img{margin:10px 0 0}
#xs-social a:hover img{margin:4px 0 0}

/* ----------------------  Main -------------------------- */
#xs-main{float:left; width:660px;}

/* ----------------------  Entries -------------------------- */
.xs-entry{float:left;position:relative;width:660px;margin:0 0 30px;padding-bottom: 10px; border-bottom: 2px solid #eee;}
.xs-entry-featured-image{float:left; margin:0 20px 10px 0}
.xs-entry-featured-image a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
.xs-entry-meta{font-style: italic; font-family: Verdana, Helvetica, sans-serif;font-size:11px;margin:0 0 10px;padding:0 0 5px;color:#666}
.xs-entry-meta a{color:#000;text-decoration:underline}
.xs-entry-meta a:hover{color:#999}
.xs-entry-format-icon{position:absolute;top:0;right:0}

.xs-entry-title{font-family:Georgia, "Times New Roman", serif;margin:0 0 5px;font-size:18px;width:620px}
.xs-entry-title a{color:#000;text-decoration:none; font-style:normal;}
.xs-entry-title a:hover{text-decoration:underline; font-style:normal;}

/* ----------------------  Post Format Icons-------------------------- */
.image-format{background:url(images/icons/image.png) right no-repeat}
.video-format{background:url(images/icons/video.png) right no-repeat}
.link-format{background:url(images/icons/link.png) right no-repeat}
.quote-format{background:url(images/icons/quote.png) right no-repeat}
.default-format{background:url(images/icons/default.png) right no-repeat}

/* ----------------------  Post -------------------------- */
#xs-post{position:relative}
#xs-post ul, #xs-post ol{margin:20px 0 20px 50px}
#xs-post-meta{font-family: Arial, Helvetica, sans-serif;font-size:11px;padding: 0 0 5px;margin:0 0 20px;border-bottom: 1px solid #CCC;color:#666}
#xs-post-featured-image{float:left;margin:5px 20px 0 0 !important}

#xs-post h1{margin:0;width:620px;}
#xs-page-title{margin:10px 0 30px;}

/* ----------------------  Post navigation -------------------------- */
#xs-post-navigation{height:50px;line-height:50px;margin:20px 0 0;font-size:12px}
#xs-post-navigation-left{float:left}
#xs-post-navigation-right{float:right}

/* ----------------------  Post Category -------------------------- */
#xs-post-category{margin:30px 0 0;}

#xs-post-category h4{font-size:11px;padding:10px;margin:0 0 20px;font-weight:normal;text-transform: uppercase;background:#EEE;text-shadow:1px 1px 1px #FFF}

/* ----------------------  Post Tags -------------------------- */
#xs-post-tags{background:#FFF;}
#xs-post-tags h4{font-size:18px;margin:0 0 20px}

/* ----------------------  Post Author -------------------------- */
#xs-post-author{margin:30px 0 0;}
#xs-post-author .avatar{float:left; margin:0 15px 0 0}
#xs-post-author-meta{padding:10px 0 0 0; margin:0; font-size:11px}

#xs-post-author h4{font-size:11px;padding:10px;margin:0 0 20px;font-weight:normal;border-bottom:1px solid #CCC;border-top:2px solid #000;text-transform: uppercase;background:#EEE;text-shadow:1px 1px 1px #FFF}

/* ---------------------- Post Related Posts -------------------------- */
#xs-related-posts{margin:30px 0 0;}
#xs-related-posts img{float:left; margin:0 15px 10px 0;}
#xs-related-posts a:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7}
#xs-related-posts ul{list-style:none;}
#xs-related-posts li{margin:0 0 10px 10px }

#xs-related-posts a{font-size:12px; margin: 0 0 5px}
#xs-related-posts h4{font-size:13px;padding:10px;margin:0 0 20px;font-weight:normal;text-transform: uppercase;background:#EEE;text-shadow:1px 1px 1px #FFF}

/* ----------------------  Comments -------------------------- */
#comments{padding: 20px 0 0;position:relative;}
#comments h3, respond h3{font-size:13px;padding:10px;margin:0 0 20px;font-weight:normal;text-transform: uppercase;background:#EEE;text-shadow:1px 1px 1px #FFF}
.xs-comment-list{list-style:none}
.xs-comment-list li{margin:0 0 10px 0}
.xs-comment-list .children{list-style:none; margin:0}
.xs-children li{margin:0 0 0 10px; padding:0; border:none}
.xs-children li li, ul.children li li li, ul.children li li{margin:0 0 0 30px}

.xs-comment{margin:0 0 25px 0;padding:0 0 10px;border-bottom:1px solid #CCC}
.xs-comment-author a{font-size:12px;font-weight:700;font-family:Arial, Helvetica, sans-serif}
.xs-comment-date{display:inline-block;margin:0 0 20px;font-size:11px;border-bottom: 1px dotted #EEE}
#comments .avatar{float:left; margin:0 15px 10px 0; }
.comment-reply-link{display:block;text-align:right;font-size:11px;text-decoration:underline}

input#author, input#email, input#url, textarea#comment{border:1px solid #CCC}
#cancel-comment-reply-link{color:#F00; font-weight:bold}
#xs-comment-form textarea, 
#xs-comment-form input{color:#707070; padding:5px}
#xs-comment-form textarea:focus, 
#xs-comment-form input:focus{-moz-box-shadow:0 0 3px #CCC; -webkit-box-shadow:0 0 3px #CCC; box-shadow:0 0 3px #CCC}
#xs-comment-form textarea{width:645px}
#xs-comment-form label{font-size:10px; color:#999; padding:0 0 0 5px}
#xs-comment-form .required{color:#F00}
input#submit{background:#E1E1E1; padding:5px 7px; border:1px solid #CCC; color:#666; text-shadow:1px 1px 1px #FFF; cursor:pointer}
input#submit:hover{background:#DADADA}

/* ----------------------  Author Page -------------------------- */
#xs-author-page{min-height:100px;margin:0 0 20px}
#xs-author-page .avatar{float:left; margin:0 15px 0 0}
#xs-author-latest-posts{font-size:11px;padding:10px;margin:0 0 20px;font-weight:normal;border-bottom:1px solid #CCC;border-top:2px solid #000;text-transform: uppercase;background:#EEE;text-shadow:1px 1px 1px #FFF;margin:30px 0 0}
#author-links{margin: 0 0 0 20px}

/* ----------------------  Search & Archieve Pages -------------------------- */
#xs-search-title{width:630px;margin:0 0 20px}

#xs-search-title h1{margin:0;}

/* ----------------------  Sidebar -------------------------- */
#xs-sidebar-right{float:right; width:250px;font-size:12px;border-bottom:2px solid #eee;}
#xs-sidebar-right ul{list-style:none; margin:0}
#xs-sidebar-right li{margin:5px 0;padding:0 10px 0;}
.xs-sidebar-right-box{margin:0 0 20px;}

#xs-sidebar-right h4{font-size:14px;padding:10px;margin:0 0 5px;font-weight:normal;text-transform: uppercase;background:#EEE;text-shadow:1px 1px 1px #FFF}

/* ----------------------  Pagination-------------------------- */
#xs-pagination{font-size:12px;text-shadow:1px 1px 1px #FFF;}
#xs-pagination span, #xs-pagination a{float:left;display:block;margin:2px 2px 2px 0;padding:3px 9px 5px 9px; text-decoration:none;color:#666;}
#xs-pagination a:hover{background:#ccc;color:#FFF;text-shadow:none}
#xs-pagination .current{padding:3px 9px 5px 9px;background:#ccc;color:#FFF;text-shadow:none}

/* ---------------------- Copyright -------------------------- */
#xs-copyright-wrap{width:100%;height:40px;background:#000;margin:20px 0 0;}
#xs-copyright{position:relative;width:940px; margin:0 auto;height:40px;line-height:40px;color:#999; font-size:10px}
#xs-copyright p{margin:0}
#xs-copyright a{color:#666;text-decoration:none}
#xs-copyright a:hover{color:#FFF}
#xs-back-to-top{position:absolute;right:0;top:0;font-size:11px;height:40px;line-height:40px;}
#xs-back-to-top a{color:#999}

/* ----------------------  Search -------------------------- */
#xs-search-wrap{position:relative;width:250px;height:35px;margin:0 0 20px;}
#xs-search-input{width:215px; height:25px; line-height:25px; border:1px solid #CCC; padding:0 25px 0 10px;color:#666;font-size:11px}
#xs-search-submit{display:block; background:url('images/xs-search-icon.png') no-repeat; height:15px; width:15px; position:absolute; top:6px; right:5px; display:block; cursor:pointer; text-indent:-9999px; outline:none; bordeR:none}

/* ----------------------  Ad Spots -------------------------- */
#xs-header-ad{position:absolute; right:20px; top:30px}
#xs-top-post-ad{margin:0 0 20px;}
#xs-bottom-post-ad{margin:20px auto;}


/* ----------------------  Menu Wrap -------------------------- */
#xs-primary-menu{background: #FFF url('images/backmenu.jpg');width:950px;padding:0 15px;margin:0 auto; position:relative;z-index:99;font-family: Arial, Helvetica, sans-serif;font-size:12px;}

/* ----------------------  Important Menu Styles | Best To Only Edit Paddings -------------------------- */
.sf-menu{height:32px;background:#EEE;float:left;width:900px;padding: 0 20px !important;border-bottom:3px solid #000;border-top:1px solid #CCC;}
.sf-menu a{border-top:3px solid #EEE;color:#000;padding:10px 0;margin:0 20px 0 0;text-decoration:none;}
.sf-menu a:hover{border-top:3px solid #000;color:#1694DE}
.sf-menu li li a{padding:1em;border:none !important}
.sf-menu li.sfHover a{border-top:3px solid #000;color:#1694DE;outline:0}
.sf-menu li.sfHover li a{color:#FFF}
.sf-menu li.sfHover li a:hover{color:#333}

/* ----------------------  Essential Menu Styles | DO NOT EDIT  -------------------------- */
.sf-menu, .sf-menu *{margin:0; padding:0; list-style:none}
.sf-menu{line-height:1.0}
.sf-menu ul{background:#333;position:absolute; top:-999em; width:15em}
.sf-menu ul a{margin:0;color:#FFF;}
.sf-menu ul a:hover{background:#CCC;color:#333;text-shadow: 1px 1px 1px #FFF}
.sf-menu ul li{width:100%}
.sf-menu li:hover{visibility:inherit}
.sf-menu li{float:left; position:relative}
.sf-menu a{display:block; position:relative}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul{left:0; top:35px; z-index:99}
ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul{top:-999em}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul{left:15em; top:0}
ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul{top:-999em}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul{left:15em; top:0}

/* ----------------------  Slider Layout -------------------------- */
#slider-wrap{width:660px;height:280px;margin:0 0 20px;padding: 0 0 20px;border-bottom:3px solid #000;background:#FFF url('images/loading.gif') no-repeat 50% 50%}
#slider{z-index:5;width:660px;height:280px;margin:0 auto; position:relative;}
#slider img{position:absolute; top:0; left:0; display:none}
#slider a{border:0}
.nivoSlider{position:relative}
.nivoSlider img{position:absolute; top:0px; left:0px}

/* ----------------------  Image With Link -------------------------- */
.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:60; display:none}

/* ----------------------  Slider Slices -------------------------- */
.nivo-slice{display:block; position:absolute; z-index:50; height:100%}

/* ----------------------  Caption Styles -------------------------- */
.nivo-caption{position:absolute; left:0; bottom:0; background:#000; opacity:0.8; width:640px; z-index:89;color:#fff;padding:10px;}
.nivo-caption p{color:#FFF; padding:10px; margin:0}

/* ---------------------- Direction nav styles (e.g. Next &Prev) -------------------------- */
.nivo-directionNav a{position:absolute; top:43%; z-index:99; display:block; width:47px; height:60px; text-indent:-9999px; border:0; cursor:pointer}
.nivo-prevNav{background:url('images/left-arrow.png') no-repeat; left:15px}
.nivo-nextNav{background:url('images/right-arrow.png') no-repeat; right:15px}
.nivo-prevNav:hover{background-position:0 -60px}
.nivo-nextNav:hover{background-position:0 -60px}

.category_page{margin: 0 ; padding-bottom: 0;border-bottom : 0px solid;}
.cat_title {font-size: 15px !important;}

/* -------------------- JuJuBe calendrier de fruits ---------------------*/
.calendar_month {
    background: #FFFFFF; /* le fond de la div principale qui contient ton calendrier mensuel, ici blanc */
    border-radius: 2px 2px 2px 2px; /* l'arrondis de ta case principale, de 0 à l'infini, tu peux aussi supprimer cette ligne si tu  veux une case à bords carrés dans l'ordre : haut gauche - haut droite - bas droite - bas gauche */
    box-shadow: 2px 2px 9px #cccccc; /* l'ombre de ta case principale - facultatif - dans l'ordre : epaisseur de l'ombre à droite - épaisseur de l'ombre en bas -  champs de l'ombre (plus ou moins diffuse) + la couleur ici gris*/
    margin: 10px auto;   /* (marge externe)alignement dans la page par rapport : ecart de 10px en vertical, et alignement auto en horizontal (centré) */
    padding-bottom: 20px;  /* (marge interne) permet de rajouter une marge en bas de la div (bottom)  */
    width: 370px; /* largeur de la case désirée */
	}



.calendar_height_nov {
	height: 950px;    /* hauteur de la case - classe à changer tous les mois car longueur variable en fonction du nombre de fruits et legumes */
}



.calendar_month h3 {  /* titre de niveau 3 de ta div (mois en cours)*/
    background: #999999; /*fond gris*/
    border-radius: 2px 2px 0 0;               /* coins arrondis*/
    color: #ffffff;								/* couleur de texte*/
    font-size: 22px;							/* taille de la police */
    font-weight: bold;							/* epaisseur du texte (ici gras)*/
    padding: 10px 0;								/* (marge interne du titre) ecart de 6px en haut et en bas */
    text-align: center;							/* alignement du texte centré*/
    text-shadow: 1px 1px 2px #000000; 			/* ombre du texte*/
    width: 370px;								/* largeur, la même que celle de la div principale*/
}




.calendar_month h4 {                    /* titre de niveau 4 (fruits/legumes)*/
    font-size: 17px;  					/* taille de la police*/
    font-weight: bold; 					/* epaisseur texte (ici gras) */
    margin: 0 20px 5px;					/* marge externe : 20px à gauche et droite, 5px en bas */
    padding: 15px 0 3px;				/* marge interne : 15px en haut, 0 de chaue côté et 3px en bas */
	clear: both;						/* un peu chiant a expliquer... Permet de remettre les flotemment à 0, à cause de la liste des legumes qui flotte...*/
}

.title_legumes {
color: #80EF3B;

}

.title_fruits_ici {
color: #F42966;
}

.title_fruits_ailleurs {

color: #F46D29;

}



.calendar_month ul {       /* liste des fruits et legumes*/
	list-style-type: none; /* ici nous avons enlevé les points qui se mettent automatiquement lorsque l'on fait une liste*/
    margin: 0 20px;		   /* marges externes de 20px à droit et a gauche pour eviter que la liste touche les bords de la div principale*/
    padding: 0;			   /* on a viré les marge internes*/
}



.calendar_month ul li { /* les item de ta liste de fruits et legumes*/
    color: #444444;				/* la couleur du texte*/
    float: left;				/* mes item flotte à droite, ce qui permet qu'il y ait deux colonnes. Par defaut ils sont les uns sous les autres en une seule colonne*/
    font-size: 14px;			/* taille du texte*/
    list-style-type: none;		/* ici nous avons enlevé les points qui se mettent automatiquement lorsque l'on fait une liste*/
    margin: 2px 0;				/* marges externes de 2px en haut et bas de chaue item de liste. 0 à droite et gauche*/
    padding: 0;					/* marge interne de 0 (NB : quand tu mets une valeur à 0 le "px" est facultatf"*/
    text-align: left;			/* le texte est aligné a gauche*/
    width: 50%;					/* la largeur de la liste d'item est reduite de moitié, ce qui permet de faire "rentrer" les deux colonnes*/
}

/* -------------------- JuJuBe Mot en plus ---------------------*/

.mot_plus {
    border: 1px dashed #99ccff;  /* bords de 1px de largeur, trait en petits tirets de couleur grise*/
    box-shadow: 2px 2px 2px #99ccff;  /* une petite ombre, parce que je trouve ça joli mais tu peux ne pas en mettre :) */
    padding: 10px;   /* tu mets un écart de 10px entre ton texte et les bords de ton cadre -- valeur à modifier comme tu le souhaites*/
}