/*   
Theme Name: Bicarbonate RWD
Theme URI:http://www.storeofshop.com
Description: thème mon bicarbonate.fr basé sur jQ. 
Author:jeremie dejonghe
Author URI:http://www.storeofshop.com
Version:1.0
Tags:two-columns, fixed-width, theme-options, threaded-comments, custom-colors, white, dark, blue
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
Text Domain: bicarbonate-RWD
*/

/*###############################
BASIC TAGS
############################### */

* {margin:0; padding:0;}
body {font:normal 14px Arial, Helvetica, sans-serif; color:#666;background: #eeefec;}
h1, h2, h3, h4, h5, h6 {margin:10px 0 0 0;}
p {margin:0px 0px 10px 0px;}
a {outline:none; text-decoration:none; color:#0080d1;}
a:hover {color:#215c97;}
a img {border:none;}

.right{ float:right}
.left{ float:left}
.clear{ clear:both}

img{max-width: 100%;}
.LightBrown{background: #a79b93;}
.Brown{background: #988b84}
.bgWhite{background: #FFF;}
.padding15{padding: 15px;}
.margin-bottom-md{margin-bottom: 15px;}
.blockWhite{  border: 1px solid #DADADA;padding: 15px; border-radius: 5px;margin-bottom: 15px;background: #FFF;display: block;color: #666;}

ul li{list-style-position: inside;}

.blockLink h2{color: #0080D2;font-weight: bold;}


/*###############################
BASIC LAYOUT
############################### */

p#toggle-all {float:right; width:100px; margin: 2px 0 0 0;}
p#sidebar_hide {float:right; width:100px; font:14px bold Verdana, sans-serif; margin: 4px 0 0 0;}
p#sidebar_show {float:right; font:14px bold Verdana, sans-serif; margin: 4px 0 0 0;}

.footer { background: url(img/bg-footer.png) repeat-x top left #352c28;padding: 15px 0 0px;}
.footer-container{padding-top: 15px;padding-bottom: 15px;}

#content{padding-top: 30px;}
.sidebar{background: #a79b93;}
.sidebar .widget {margin-bottom: 20px;padding: 15px 15px 30px;}
.sidebar #execphp-5,
.sidebar #search-3{background: #988b84;}
.sidebar .execphpwidget a{margin-top: 5px;display: block;font-size: 11px;}

/* ###############################
	HEADER
############################### */

.header-top{
	background-color: #b9aba0;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(185, 171, 160)), to(rgb(154, 145, 138)));
	background-image: -webkit-linear-gradient(top, rgb(185, 171, 160), rgb(154, 145, 138));
	background-image: -moz-linear-gradient(top, rgb(185, 171, 160), rgb(154, 145, 138));
	background-image: -o-linear-gradient(top, rgb(185, 171, 160), rgb(154, 145, 138));
	background-image: -ms-linear-gradient(top, rgb(185, 171, 160), rgb(154, 145, 138));
	background-image: linear-gradient(top, rgb(185, 171, 160), rgb(154, 145, 138));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b9aba0', EndColorStr='#9a918a');
}

div#blog-line h1 a {}
div#blog-line h1 {}

.headerBtn{ float:right; list-style-type:none;text-align: right;padding-top: 5px;z-index: 99999;}
.headerBtn li{ display:inline-block; font-size:12px; padding:5px 10px; font-weight:bold}
.headerBtn li a{ color:#473b35}
.headerBtn li a:hover{ color:#fff}

.boutique{  position: absolute;right: 10px;top: -40px;}
.boutique a{ display:block; background-image:url(img/boutiqueTop.png); background-repeat: no-repeat; height:91px; width:204px; text-indent:-9999em; -moz-transition-property: background-position;  
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: linear;
	-webkit-transition-property: background-position;  
	-webkit-transition-duration: 0.1s;  
	-webkit-transition-timing-function: linear;
	-o-transition-property: background-position;  
	-o-transition-duration: 0.1s;  
	-o-transition-timing-function: linear;
	transition-property: background-position;  
	transition-duration: 0.1s;  
	transition-timing-function: linear;
	background-position: 0 0}
.boutique a:hover{ -moz-transition-property: background-position;  
	-moz-transition-duration: 0.1s;
	-moz-transition-timing-function: linear;
	-webkit-transition-property: background-position;  
	-webkit-transition-duration: 0.1s;  
	-webkit-transition-timing-function: linear;
	-o-transition-property: background-position;  
	-o-transition-duration: 0.1s;  
	-o-transition-timing-function: linear;
	transition-property: background-position;  
	transition-duration: 0.1s;  
	transition-timing-function: linear;
	background-position: 100% 0}

div#nav ul {float:left; list-style:none; padding-top:5px;}
div#nav li {float:left;}
div#nav li a {display:block; margin:0; padding:11px 16px 10px 16px; color:#b6a89d; text-decoration:none; font:bold 14px arial;}
div#nav li:hover, div#nav .current-cat {background:url(img/bg-nav-a.png) no-repeat center right;}
div#nav li a:hover, div#nav .current-cat a, div#nav .sfHover a{color:#433832; background:url(img/bg-nav-li.png) no-repeat center left}
div#nav ul li , div#nav .sfHover ul a{background:none; color:#b6a89d}
div#nav .children .current-cat ,div#nav .children li a:hover,div#nav .children .current-cat a{background:#b6a89d; color:#433832;}
div#nav ul ul{ padding-top:0px; margin-top: -5px !important}

.navbar{margin-bottom: 0;border: 0;border-radius:0;}
.navbar-nav{margin: 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border: none;}
.navbar-collapse{padding: 0;}
.navbar-default{
	background-color: #4f423b;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(79, 66, 59)), to(rgb(50, 42, 38)));
	background-image: -webkit-linear-gradient(top, rgb(79, 66, 59), rgb(50, 42, 38));
	background-image: -moz-linear-gradient(top, rgb(79, 66, 59), rgb(50, 42, 38));
	background-image: -o-linear-gradient(top, rgb(79, 66, 59), rgb(50, 42, 38));
	background-image: -ms-linear-gradient(top, rgb(79, 66, 59), rgb(50, 42, 38));
	background-image: linear-gradient(top, rgb(79, 66, 59), rgb(50, 42, 38));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#4f423b', EndColorStr='#322a26');
}
.navbar-default .navbar-nav>li>a {
  font-size: 14px;
  font-weight: 600;
  color: #b6a89d;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background: #b6a89d !important;
	color:#4f423b;
}
.navbar-default ul li:hover, .navbar-default ul li.active {
	background: #b6a89d !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background: #b6a89d !important;}
.dropdown-menu{background: #4F4239 !important;color:#4f423b;border-radius: 0;}
.dropdown-menu>li>a{color:#b6a89d;}
.dropdown-menu>li>a:hover{color:#4f423b;}
.dropdown-menu .open li:hover{background: #b6a89d !important}

div.flashWrapper{ background:url(img/parquet.jpg) repeat-x bottom center}
div.flash{ width:960px; height:136px; margin:0 auto}
.home div.flash{ width:960px; height:461px; margin:0 auto}
#cie_bicarbonate {visibility:hidden}

/*###############################
         WIDGETS
############################### */


div#right ul, div#appendix ul {list-style:none; padding:0;}

.widget h4 {font-size: 25px;margin: 0 0 15px;text-align: center;color: #4f423b;font-family: Georgia, "Times New Roman", Times, serif;text-shadow: 0 1px 1px #BDB4AF;}
div.widget a {font-weight:normal; font-style: italic; color: #fff;}
div.widget a:hover {color:#3C322D; text-decoration:underline;}
div.widget li {margin:0; padding:3px 0}
div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}

div#tag_cloud a {display:inline;}
div#tag_cloud {min-height:130px;}
div#archives {min-height:130px;}

.textwidget, .textwidget a {font: italic 120% Georgia, serif !important;}
.textwidget p {margin: 0; padding: 0;}

/*calendar*/
table#wp-calendar {margin:0 0 10px 0; border-collapse:collapse; text-align:center; font-size:14px;}
table#wp-calendar a {font:normal 14px Verdana;}
table#wp-calendar caption {padding:0 0 5px 0;}
table#wp-calendar th {font:bold 14px Verdana;}
table#wp-calendar th, td {width:30px; height:30px;}

#search-3{}
#mailchimp-widget{ background:url("img/bg-search.png") no-repeat  center bottom ;padding-bottom: 75px;}
#mailchimp-widget p{ color:#eeefec}

/*Mailchimp*/
#mc_signup_form{ float:none !important}
#mailchimp-widget fieldset{ border:none}
#mailchimp-widget label{display:none}
#mailchimp-widget #mc_signup_form{ padding-bottom:20px}
.mc_signup_submit { clear:none !important; width:231px !important; padding:0 !important}
.mc_signup_submit input{ background:url(img/btn-valide.png) no-repeat top left; border:none; height:28px;width:38px; font-weight:bold; color:#fff}
.mc_signup_submit input:hover{ background-position: bottom left; cursor:pointer}
.mc_error_msg {color:#fff !important; margin:5px 0}
.mc_success_msg {color:#4F423B !important;margin:5px 0; font-weight:normal}
#mailchimp-widget .mc_merge_var{ float:left}
#mailchimp-widget .mc_signup_submit{ float:right; width:40px !important; margin-top:13px}


/* LINK BOUTIQUE */
#execphp-7{background: url("img/bg-even-widget.png") no-repeat  center bottom ;}
.LinkBoutique{ display:block; background: url(img/Compagnie-bicarbonate.png) no-repeat 0 100%; width:230px; height:109px;margin:20px 0 0 3px;}
.LinkBoutique:hover{ background: url(img/Compagnie-bicarbonate.png) no-repeat 0 left;-webkit-transition: all 0.3s ease; -moz-transition:  background-position 0.3s ease; -o-transition: background-position 0.3s ease; transition: background-position 0.3s ease; }

/*Le bicar et vous*/
#text-3{/*background:url("img/bg-search.png") no-repeat scroll center bottom transparent;*/}
.wpcf7-form  { font-family:Verdana, Geneva, sans-serif; font-size:11px;}
.wpcf7-form select{ width:100%}
.wpcf7-form p {color: #fff}
.wpcf7-form-control-wrap input,.wpcf7-form-control-wrap select, .wpcf7-form-control-wrap textarea {border:medium none;color:#C1B3A9;padding:6px;width:100%; background:#3c322d;border: 0px solid #000;position:relative; z-index:1}
.textwidget .wpcf7-form-control-wrap input:focus,.textwidget .wpcf7-form-control-wrap select:focus, .textwidget .wpcf7-form-control-wrap textarea:focus {color:#3c322d;background:#fff }
.autorisation {color:#fff}
.autorisation .wpcf7-list-item input {width:auto}

/*Commentaire widget*/

/*Footer*/
.footer .widget h4 {text-shadow:none}

div.app_widget {color:#bcaea3}
.app_widget .widget{ padding-bottom:0;}
.app_widget-left {}
.app_widget-left #execphp-3{ padding-bottom:20px;}
.app_widget-left .execphpwidget a{ padding:10px 0 10px 50px; color:#df9615; font-weight:bold; margin-top:10px; display:block}
.app_widget-left .execphpwidget p{ margin:0}
#execphp-3 .execphpwidget a{ background:url(img/puce-read-more.png) no-repeat; }
#execphp-4 .execphpwidget img{ float:left; margin-right:10px}
#execphp-4 .execphpwidget a{ background:url(img/puce-video.png) no-repeat;}

.app_widget h4{ text-align:left}
.app_widget-left h4{ color:#978d86}
.app_widget-center h4, .app_widget-right h4{ color:#fcae17}


.app_widget li a{background:url(img/puce-li-footer.png) no-repeat top left; padding-left:20px; margin:0; color:#b9ada2; font-family:Arial, Helvetica, sans-serif}
.app_widget li a:hover{color:#fff}
#execphp-2{ margin-left: 100px}
.app_widget-right .social,.app_widget-center .social { margin-top:50px}
.app_widget-right .social a,.app_widget-center .social a{ display:block; width:200px; height:52px; background:url(img/btn-social.png) no-repeat top left; padding:0; text-indent:-9999em}
.app_widget-center .social .facebook:hover{ background-position:left -52px}
.app_widget-right .social .twitter{ background-position:left -104px; margin-top:20px}
.app_widget-right .social .twitter:hover{ background-position:left -156px}

/*       ###############################
         TEXT
         ############################### */


.content h1 {font:bold 30px Arial, Helvetica, sans-serif;margin-bottom:10px}
.content h1 a {color:#0080d1; display:block;height:40px;line-height:15px;}
.content h1 a:hover {color:#215c97;}
.content h2 {font-weight:bold; font-size:16px; margin:0 0 10px 0;}
.content h2.archive-title {color:#999999;font:bold 26px Georgia,sans-serif;margin:0 0 20px;text-shadow:0 1px 1px #FFFFFF;}
.content h3 { font-style:italic; font-weight:normal; font-size: 120%; margin:0 0 5px 0;}
.content ul, .content ol{margin:0 0 20px 20px; }

.tools { position:absolute; right:0; text-align:center}
li#font-resize a {display:block;font:13px bold Verdana,sans-serif;padding:5px;}
li#toggle-all a {display:block; width:30px; height:20px;}
a.show-all {background:url(img/toggle.png) center top no-repeat;}
a.hide-all {background:url(img/toggle.png) center -20px no-repeat; text-indent:-999em;}

span.previous-posts {float:right; font:normal 14px Verdana;}
span.next-posts {float:left; font:normal 14px Verdana;}
.page-numbers {font:normal 14px Georgia, serif; padding:3px 1px;}
div.date {font:normal 14px Georgia; text-align:center; color:#666;}
p.date-month {margin:2px 0 15px 0; color:#999; font:normal 32px Georgia;}

p.post_info{ font-size:11px;}
p.post_info_slide {font-size:14px;}
p.tag_info {margin:0 0 10px 0; font: italic 100% Georgia, sans-serif; }
p.offset {margin:5px 0;}

p.wp-bookmark {margin:0;}
.wp-logo {float:left;}
div#credits {margin:0 0 0 65px; padding:5px 10px; height:46px; border:1px solid #ccc; -moz-border-radius:10px; -webkit-border-radius:10px;  border-radius:10px;  behavior: url(/ie-css3.htc); font:120% normal Georgia, serif; background:url(../../img/bg-form-text.gif) repeat-x left top;position:relative; z-index:1}
a#totop {float:right; font:bold 120% Verdana, sans-serif;}
 
.clear {clear:both;}

code {font:normal 120% Courier, serif;}

/*       ###############################
         POST list
         ############################### */
.postList{height: 350px;}
.postList h1{  font-size: 16px;margin-bottom: 15px;}
.postListInner{}

.postTop{ border-bottom:1px solid #eae5e2; margin:0; padding-bottom:5px;}
.date { background:url(img/ico-postList.png) no-repeat top left; padding:2px 0 0 20px}
.NumComment a{ background:url(img/ico-postList.png) no-repeat bottom left; padding:2px 0 0 20px}

div.excerpt p{ padding:0}
div.excerpt .thumbnail img{ margin:0 15px 0 0; border:4px solid #ccc; height: 78px}
div.post-single {margin:0 0 20px 0;}

.postLink{border-bottom:1px solid #eae5e2; background:#edeae7 ; padding:10px !important; text-align:right; margin-top:10px;margin-bottom: 0;}
.readmore a{background: url(img/read-more.png) no-repeat right center; padding-right:10px ; }
.excerpt{min-height: 160px; overflow: hidden}


/*       ###############################
         POST
         ############################### */
.postpage .postListInner{background:#fff; border:1px solid #ccc;-webkit-border-radius: 5px;-moz-border-radius: 10px;border-radius:10px;behavior: url(wp-content/themes/monbicarbonate/PIE.htc); position: relative; padding: 15px;margin-bottom: 15px}

.postpage .postListInner h1{ font-size:180% !important;}
.postpage .BlocComment,
#author-meta{   border: 1px solid #DADADA;padding: 15px;border-radius: 5px;margin-bottom: 15px;background: #FFF;display: block;color: #666;}
.postpage .comment-header-none{ background:url(img/bg-post-between.png) no-repeat top left; padding:10px 20px 0 20px}
.postpage .auteur_info{ font-size:50%; font-weight:normal}
.postpage .auteur_info em{ display:inline-block}
.postpage .post_info{ margin-top:10px;}
.navPost{ background:#D7D2CE;border-bottom:1px solid #fff;clear:both;padding:10px;position:relative; z-index:1}
.navPost span a{color:#4F423B;font-family:Georgia,"Times New Roman",Times,serif;text-shadow:0 1px 1px #EEEFEC; font-weight:bold}
.navPost span a:hover{color:#000; text-decoration:none !important}

.relatedPost{ background:#f5f5f5; border:1px dashed #ccc; padding:10px;margin-top:10px;}
.relatedPost ul{ list-style-type:none; margin:0 !important}
.relatedPost li .thumbnail{ width:auto}
.relatedPost li img{ border:2px solid #ccc; width:60px; margin-right:10px}

/*      ##################################        COMMENTS
        ################################## */


div#respond {padding-top:20px;}
ul.children {margin:0 !important;}
li.comment, li.pingback {border-bottom:1px solid #e5e5e5; list-style: none;padding-top: 10px;width: 100%;}
li.depth-2, li-depth-3 {margin: 0 0 10px 0;}
ul.children li.comment {border: 1px solid #ccc;}
.comment-details {font:normal 130% Georgia, serif;}
.avatar {float:left; margin:0 20px 0 0; border:5px solid #f1f1f1;}
.comment-text {margin:0 0 0 75px; font: normal 100% Georgia, serif; line-height: 2.0;}
.comment-author-admin {background: #f9fbc1; padding: 10px !important;}
.bypostauthor {background: #d1cecc; padding: 10px !important;}
.comment-reply {text-align:right; margin:0 5px 10px 0; font: italic 100% Georgia, serif;}
li.odd{ background:#f5f5f5}
h2#comment-header {margin:40px 0 10px 0 !important; padding:0 0 5px 0;}
#fb-user { margin-bottom:10px}

/*        ##################################
           FORMS
        ################################## */
#comment-user-details ul { list-style-type:none;}
#comment-user-details li { margin:5px 0}
label em{ color:#f00}
textarea {width:450px; height:150px; margin:0; padding:5px; background:url(../../img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc; font-family:Verdana, Geneva, sans-serif; font-size:10px}

.wpcf7 ul { list-style-type:none}
.wpcf7 ul li{margin:5px 0 !important;}


.cform input,.cform select, .cform textarea {border:medium none;color:#C1B3A9;padding:6px;width:220px; background:#3c322d; -moz-border-radius:10px; -webkit-border-radius: 10px;  border-radius: 10px;  behavior: url(/ie-css3.htc);border: 0px solid #000;position:relative; z-index:1}
.cform input:focus,.cform select:focus, .cform textarea:focus {color:#3c322d;background:#fff }

.postpage input,.postpage select,.postpage textarea,.text,textarea,.sendbutton  {border:none;color:#3c322d;padding:6px;background:#EDEAE7;border: 0px solid #ccc;vertical-align:middle; position:relative; z-index:1;}
.postpage .wpcf7 input:focus,.postpage .wpcf7 select:focus, .postpage .wpcf7 textarea:focus,.text:focus,textarea:focus {color:#EDEAE7;background:#a79b93;}
textarea{width: 100%;}
input.sendbutton, input.wpcf7-submit, .btnLink{ background:url(img/bg-valide.png) repeat-x top left; border:1px solid #358c06 ; color:#fff; font-weight:bold; height:26px; font-size:16px; padding:0 20px ;}
input.sendbutton:hover, input.wpcf7-submit:hover, .btnLink:hover{ background:url(img/bg-valide.png) repeat-x bottom left !important; cursor:pointer;text-decoration: none;}

.btnLink{text-decoration: none; padding: 4px 10px;}
.btnLink:hover{color: white;}

/*        ##################################
           SEARCHFORM
        ################################## */

input#search, #mc_mv_EMAIL {width: 80%;padding: 6px; color:#c1b3a9}
input#search:focus, #mc_mv_EMAIL:focus {border:none; color:#666}
#search-submit {padding:0; background: url(img/btnSearch.png) no-repeat left 50%; width:27px; height:27px; border:none; text-indent:-999em}
#search-submit:hover { cursor:pointer}

#searchform label{color:#3c322d}
p.not-found {padding: 0 0 0 20px; margin:0;}

/*        ##################################
           WORDPRESS CSS
        ################################## */

img.alignright {float:right; margin:0 0 30px 30px;}
img.alignleft {float:left; margin:0 50px 30px 0;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
a img.alignright {float:right; margin:0 0 30px 30px;}
a img.alignleft {float:left; margin:0 50px 30px 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}

.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text {font-size:110%; line-height:17px; padding:0 4px 5px; margin:0;}

/*        ##################################
           SUPERFISH
        ################################## */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;margin:0 !important;}
.sf-menu ul ul li{margin:0 !important;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative;}
.sf-menu .children a{ font-size:12px !important; padding:5px !important}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:38px; /* match top ul list item height */ z-index:1000;}
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:10em; /* match ul width */ 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:10em; /* match ul width */ top:0;}

/*** CUSTOM STYLES ***/
.sf-menu li ul {background:#332b27;border:1px solid #000;border-top:none;}
.sf-menu li li ul, .sf-menu li li li ul {background:#332b27;border:1px solid #000;border-top:none;}

/*        ##################################
          SLIDESHOW
          ################################## */

h1.slide_header {font-size: 40px !important; margin: 0 !important;}
#slideshow {margin:0 0 0 20px; width:540px; height:175px; position:relative; background:url(../../img/bg-form-text.gif) repeat-x left top; border: 1px solid #ccc; -moz-border-radius:5px; -webkit-border-radius: 5px;  border-radius: 5px;  behavior: url(/ie-css3.htc); overflow:hidden;position:relative; z-index:1}
#slideshow #slidesContainer {margin:0 auto; padding:20px 0 10px 30px; width:460px; height:175px; overflow:auto; /* allow scrollbar */ position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto; width:440px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */ height:175px;}

.control {display:block;width:30px;height:175px;text-indent:-10000px;position:absolute;cursor:pointer;}
#leftControl {top:0;left:0;background:#ccc;background:url(../../img/slide_left.png) no-repeat center;}
#rightControl {top:0;right:0;background:url(../../img/slide_right.png) no-repeat center;}

/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}


/*       ###############################
         404
         ############################### */


/*       ###############################
         BASELINE
         ############################### */
#baseline{ background:url(img/bg-baseline-back.png) repeat-x top left}
#baseline p{   margin: 0 auto;padding: 10px 15px;font-size: 11px;text-align: center;}

/*       ###############################
         POP UP MAILCHIMP
         ############################### */
#mc_embed_signup {width: 100%;position: fixed;top:0;left:0;background-color: rgba(0,0,0,.8);display: none;z-index: 10000; height:100%}
#mc-embedded-subscribe-form{position: relative;margin-top:5%;font: normal 100% Arial, sans-serif;font-size: 10px;}
#mc-embedded-subscribe-form fieldset{-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;border: 1px solid #000;background-color: #eeeddc;color: #666; padding:15px; font-size: 14px;width: 50%;margin: auto;position: relative;}
#mc-embedded-subscribe-form h2{white-space: normal; text-align: center;font-weight: bold;color: #c11414;background: #fff;padding:15px;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px;font-size: 20px; margin:0 0 10px 0}
#mc-embedded-subscribe-form div#content-mc{-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px; background: #fff; padding:15px; width:auto; clear: both;}
#mc-embedded-subscribe-form #content-mc img{ float: left}
p.marginLeft{ margin-left:220px}
ul.marginLeft{ margin-left:235px}
#FormGuide {background: #fff;padding:15px;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px; list-style-type: none; margin-top:10px}
#FormGuide li.mc-field-group{}
#FormGuide .BtnValide{}
#FormGuide label{}
#FormGuide input{}
#FormGuide input:focus{border: 1px solid #3db110;}
#FormGuide input.btn{ border: 1px solid #466d08; background: #80c70f; color: #fff;padding: 5px 30px; font-weight: normal; font-size:14px;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px; }
#FormGuide #mce-responses{}
#FormGuide #mce-error-response{ margin: 10px 0;font-weight: bold;z-index: 1;background: #FBE3E4;color: #D12F19; padding:10px }
#FormGuide #mce-success-response{margin: 10px 0;font-weight: bold;z-index: 1;background: #E3FBE4;color: #529214; padding:10px}
#FormGuide .note-required{ color:#f71010 }
#mc_embed_signup .indicate-required{ font-size:11px; color: #f71010; text-align: right}
#mc_embed_signup .spam{ font-size: 12px; font-weight: bold; text-align: center}
#mc_embed_close{background: transparent url(http://monbicarbonate.us1.list-manage.com/images/closebox.png) no-repeat;height: 30px;width: 30px;text-indent: -999em;position: absolute;  top: -15px;  right: -15px;}
.close_bt{background: url(https://monbicarbonate.us1.list-manage.com/images/closebox.png) no-repeat; height: 30px;width: 30px;text-indent: -999em;position: absolute;  top: -15px;  right: -15px;}

.Linkboutique{ text-indent: -9999em; height:174px; margin-bottom: 20px; display: block }
.container-navbar{position: relative;}

#FormGuide div.mce_inline_error{  font-weight: normal !important;color: #FF5314;margin-top: 5px !important;width: 100% !important;float: none !important;padding: 0!important;}

/* RWD */

@media screen and (max-width: 1200px) {
	.navbar-default .navbar-nav>li>a {
		font-size: 13px;
	}
}
@media screen and (max-width: 992px) {
	.flashWrapper{
		display: none;
	}
	.navbar-default .navbar-nav>li>a {
		font-size: 12px;
 	}
	.boutique {
		display: none;
	}
	.footer .app_widget{margin-bottom: 15px;}	
}

@media screen and (max-width: 767px) {
	.postListInner{
		min-height:inherit;
	}
	div.app_widget{
		margin-bottom: 15px;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #B6A89D;
	}
	.content{margin-bottom: 30px;}
	.logo-blog{margin-bottom: 40px;}
	
	.excerpt{min-height: inherit;}
	.content-popup{height: 400px;overflow: scroll; overflow-x:hidden;z-index: 999999;}
	
	#mc-embedded-subscribe-form h2{font-size: 16px;}
	
	#mc-embedded-subscribe-form fieldset {width: 95%;margin: auto;}
	#FormGuide input.btn{width: 100%}
	
}

/* resize bootstrap */
@media screen and (max-width: 480px) {
	.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {/* width: 100%; */}
.full-width-xs{width: 100%;}
.btnLink{width: 100%;}
.app_widget-center a{padding: 10px;  display: inline-block;}
.app_widget-right a{padding: 10px 0;  display:block; background-position: 0px 50% !important;}
}

.g-recaptcha {
    transform: scale(0.77) !important;
    transform-origin: 0 !important;
    transform: scale(0.77) !important;
    transform-origin: 0 0 !important;
    -webkit-transform: scale(0.77) !important;
    transform: scale(0.77) !important;
    -webkit-transform-origin: 0 0 !important;
    transform-origin: 0 0 !important;
}

.mini-guide-input{
	width: 300px;
	margin: 10px;
}

.mailchimp-form * {
	font-size: 1.1em;
	text-align: center;
}

.mailchimp-form input[type="text"], input[type="email"], input[type="submit"] {
	width: 60%;
}

.mailchimp-form input[type="checkbox"]{
	margin-right: 10px;
	vertical-align: middle;
    position: relative;
    bottom: 1px;
}

.asterisk {
	color: red;
}

.mailchimp-form .mc-field-group {
	margin: auto;
	display: block;
	width: 100%;

}

.comparative-table { border-collapse: collapse; border-spacing: 0; }

.comparative-table thead {
	background: #c9dff0;
	font-size: 0.9em
}

.comparative-table thead tr th {
  	font-weight: bold;
  	text-align: center;
}

.comparative-table tbody {
	font-size: 0.8em;
}

.comparative-table td {
	vertical-align: top;
}

.comparative-table th, .comparative-table td {
    border: 1px solid black;
    padding: 5px 1px;
    width: 300px;
}

.div-center {
	margin: auto;
}

.span-title {
	color: black;
}

h3 {
	color: #0080d1;
}