/*   
Theme Name:monbicarbonate.fr
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>.
*/

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

* {margin:0; padding:0;}
body {font:normal 10px Arial, Helvetica, sans-serif; color:#666; background:url(img/bg-top.png) top center repeat-x #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}

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

.wrapper {width:960px; margin:0 auto;}
div#nav {position:relative; z-index:2; width:960px; height:44px;}

div#content {clear:both; z-index:1; width:960px; padding:0; background:url(img/bg-content.png) repeat-y top right}

div#left {width:700px; line-height:1.3; float:left; padding:20px 0 }
div#right {width:255px; float:right; background: url(img/bg-right-top.png) top left no-repeat; padding-top:15px}

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}
div#appendix {clear:both;width:960px; background:url(img/bg-appendice-top.png) no-repeat top right}


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

div#blog-line h1 a {text-indent:-9000em; display:block; float:left; width:423px; height:63px}
div#blog-line h1 { text-indent:-9000em; background:url(img/monbicarbonate.png) no-repeat top left; margin-top:0; height:66px; width:423px}

.headerBtn{ float:right; list-style-type:none}
.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; margin:-50px 0 0 780px}
.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}


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
         ############################### */


.widget {padding:10px 10px 50px 10px;}

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

.widget h4 {font-size:230%; margin:0; padding:0 0 3px 0; 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{ background:url(img/bg-search.png) no-repeat  center bottom ;}
#mailchimp-widget{ background:url("img/bg-search.png") no-repeat  center bottom ;padding-bottom: 75px;}
#mailchimp-widget p{ color:#eeefec}

#execphp-5 {background:url("img/bg-search.png") no-repeat scroll center bottom transparent;}

/*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:230px !important}
.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: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}
.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*/
#get-recent-comments{background: url("img/bg-even-widget.png") no-repeat  center bottom ;}

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

div.app_widget {float:left; color:#bcaea3}
.app_widget .widget{ padding-bottom:0}
.app_widget-left { padding-top:10px; background:#fff url(img/bg-widget-left.png) repeat-x bottom left;border:1px solid #CCCCCC;margin-left:16px;width:299px; border-bottom:0}
.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; }
.app_widget-left #execphp-4{ padding-bottom:27px; margin-top:20px}
	#execphp-4 .execphpwidget img{ float:left; margin-right:10px}
	#execphp-4 .execphpwidget a{ background:url(img/puce-video.png) no-repeat;}

.app_widget-center{ padding:30px; width:330px; text-align:center; background:url(img/sep.png) no-repeat 370px 30px}
#simpletags-5{ height: 198px}
.app_widget-right { width:253px; padding-top:30px;}
.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
         ############################### */


div#left {font-size:120%;}
div#left a:hover {text-decoration:underline;}
div#left h1 {font:bold 120%  Arial, Helvetica, sans-serif;margin-bottom:10px}
div#left h1 a {color:#0080d1; display:block;height:40px;line-height:15px;}
div#left h1 a:hover {color:#215c97;}
div#left h2 {font-weight:bold; font-size:150% ; margin:0 0 10px 0;}
div#left h2.archive-title {color:#999999;font:bold 26px Georgia,sans-serif;margin:0 0 20px;text-shadow:0 1px 1px #FFFFFF;}
div#left h3 { font-style:italic; font-weight:normal; font-size: 120%; margin:0 0 5px 0;}
div#left ul, 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 130% Verdana;}
span.next-posts {float:left; font:normal 130% Verdana;}
.page-numbers {font:normal 130% 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:90%;height: 40px }
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{ width:325px; float:left; background: url(img/postList-bottom.png) no-repeat bottom left; margin:20px 20px 0 0; padding-bottom:10px}
.postListInner{ background: url(img/postList-top.png) no-repeat top left; padding:10px}

.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 {font-size:110%; height: 150px}
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;}
.readmore a{background: url(img/read-more.png) no-repeat right center; padding-right:10px ; }

div.single_content {clear:both; margin:0 0 50px 0px;font-size:130%;}

/*       ###############################
         POST
         ############################### */
.postpage{width:670px;  font-family:Arial, Helvetica, sans-serif !important}
.postpage .postListInner{background:#fff; border:1px solid #ccc;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;behavior: url(wp-content/themes/monbicarbonate/PIE.htc); position: relative; padding: 20px;margin-bottom: 20px}

.postpage .postListInner h1{ font-size:180% !important;}
.postpage .BlocComment,#author-meta{ background:#fff; border:1px solid #ccc;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;behavior: url(wp-content/themes/monbicarbonate/PIE.htc); position: relative; padding: 20px; margin-bottom: 20px}
.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;margin-right:30px;padding:10px;-moz-border-radius:10px; -webkit-border-radius: 10px;  border-radius: 10px;  behavior: url(/ie-css3.htc); margin-top:20px;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#comments_box { padding:10px 20px}
div#comments_box ul {margin:0 !important;}
div#respond {padding:20px;}
ul.children {margin:0 !important;}
li.comment, li.pingback {border-bottom:1px solid #e5e5e5; list-style: none;}
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; margin:0 !important}
#comment-user-details li { margin:5px 0}
.wpcf7 label,#commentform label {display: inline-block; margin:0 10px 0 0;width:130px; text-align:right; font-weight:bold}
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;width:450px; background:#EDEAE7; -moz-border-radius:10px; -webkit-border-radius: 10px;  border-radius: 10px;  behavior: url(/ie-css3.htc);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;}
.postpage .sendbutton{ margin-left:145px}

input.sendbutton, input.wpcf7-submit{ background:url(img/bg-valide.png) repeat-x top left !important; border:1px solid #358c06 !important; color:#fff!important; font-weight:bold!important; height:26px; font-size:16px!important; padding:0 20px !important; width:auto !important;-moz-border-radius:10px; -webkit-border-radius: 10px;  border-radius: 10px;  behavior: url(/ie-css3.htc);}
input.sendbutton:hover, input.wpcf7-submit:hover{ background:url(img/bg-valide.png) repeat-x bottom left !important; cursor:pointer}

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

input#search, #mc_mv_EMAIL {width:175px; padding:6px; background:url(img/bg-input.png) no-repeat left top; border:none; color:#c1b3a9}
input#search:focus, #mc_mv_EMAIL:focus {background:url(img/bg-input.png) no-repeat left bottom; 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
         ############################### */
.erorlink { margin:20px 0 20px 0 !important}
.erorlink li{ display:inline-block; margin-right:20px}


/*       ###############################
         BASELINE
         ############################### */
#baseline{ background:url(img/bg-baseline-back.png) repeat-x top left}
#baseline p{ background:url(img/bg-baseline-bottom.png) no-repeat top left;margin:0 auto;padding:5px 0 0 351px;width:606px; font-size:120%; margin-bottom:5px}

/*       ###############################
         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;width:600px;margin:20px auto 0 auto;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}
#mc-embedded-subscribe-form h2{white-space: normal; text-align: center;font-weight: bold;color: #c11414;background: #fff;padding:10px;-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{-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px; background: #fff; padding:10px; width:auto; clear: both; height: 140px}
#mc-embedded-subscribe-form #content img{ float: left}
p.marginLeft{ margin-left:220px}
ul.marginLeft{ margin-left:235px}
#FormGuide {background: #fff;padding:20px;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px; list-style-type: none; margin-top:10px}
#FormGuide li.mc-field-group{ margin: 10px; padding: 0; float: left; width: 240px}
#FormGuide .BtnValide{text-align: center}
#FormGuide label{ display: block; font-weight: bold;}
#FormGuide input{border: 1px solid #ccc;padding: 5px; width: 230px;}
#FormGuide input:focus{border: 1px solid #3db110;}
#FormGuide input.btn{ border: 1px solid #466d08; background: #80c70f; color: #fff; width:290px; padding:5px; font-weight: bold; font-size:14px;-moz-border-radius: 4px;border-radius: 4px;-webkit-border-radius: 4px; }
#FormGuide #mce-responses{ width:450px}
#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:-10px;right: -10px;}

.Linkboutique{ text-indent: -9999em; height:174px; background:url(img/boutique.png) no-repeat top left; margin-bottom: 20px; display: block }
.Linkboutique:hover{background:url(img/boutique.png) no-repeat bottom left; cursor: pointer}