#Newsletter {
    z-index: 1;
    top: 0px;
    width: 980px;
    margin: 0 auto;
    position: relative;
    background-color: #4C4C4C;
    font-size: 11pt;
    padding: 10px 0 10px 0;
    color:#fff ;
}
.alertnewsletter,
.alertnewsletter-danger,
.alertnewsletter-error,
.alertnewsletter-info,
.alertnewsletter-success {
    margin-left:65px;
    padding-top: 5px;
    color: #fff;
    background-color: transparent;
    border: none;
}
.alertnewsletter-info,
.alertnewsletter-success {
    background-color: transparent;
    color: #99FF99;
}
.alertnewsletter-danger,
.alertnewsletter-error {
    background-color: transparent;
    color: #d4081a;
}

#newsletter_block_left {
    padding-left: 7px;
    border-top: 1px solid #ccc;
    background: #eee
}

#newsletter_block_left .title_block,
#newsletter_block_left h4 {
    /*padding: 0 0 12px 28px;*/
    color: #666;
    text-shadow: 0 1px 0 #fff;
    background: url(http://mondisquaireestmort.fr/modules/blocknewsletter/img/icon/newsletter.png) no-repeat 0 0 transparent
}

#newsletter_block_left p {
    padding: 0;
}

#newsletter_block_left p.success_inline {
    color: #418B19;
    text-align: center;
    font-weight: bold
}

#newsletter_block_left p.warning_inline {
    color: #DA0F00;
    text-align: center;
    font-weight: bold
}

#newsletter_block_left input.inputNew {
    position: relative;
    top: 5px;
    padding: 0 5px;
    height: 20px;
    /*width: 105px;*/
    /*border-top: 1px solid #ccc;*/
    border-right: none;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-radius-topleft: 3px;
    -webkit-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 10px;
    color: #999
}

#newsletter_block_left input.button_mini {
    position: relative;
    /*left: -2px;*/
    height: 23px;
    width: 24px;
    border: 0;
    text-indent: -5000px;
    background: url(http://mondisquaireestmort.fr/modules/blocknewsletter/img/bg_bt_newsletter_ok.png) no-repeat 0 0;
    cursor: pointer
}

.block {
    margin-bottom: 20px
}

.block_content {
    margin: 0;
    padding: 0;
}

p {
    margin: 0 0 0px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#mc_embed_signup{position:absolute; top:0; left:0; height:100%; width:100%; background-color:rgba(0,0,0,.8);display:none;z-index:10000;overflow:hidden; height: 2634px; }
#mc_embed_signup form{position:fixed; margin-left:-222px; top:20%; left:50%; width:260px; font:normal 100% Helvetica,Arial,sans-serif; font-size:14px; border-radius:4px; border:none; padding:10px 10px; background-color:#fff; color:#000; text-align:left;}
#mc_embed_signup a.mc_embed_close{background:transparent url(http://downloads.mailchimp.com/img/closebox.png) no-repeat; display:block; height:30px; width:30px; text-indent:-999em; position:absolute; top:-10px; right:-10px; display:none; }
#mc_embed_signup h2{font-size:14px;font-family: georgia;text-align:center;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */

/* code du tutoriel ci-dessous */

#volet {
    width: 310px;
    padding: 10px;
    background: #6B9A49; color: #fff;
    z-index: 5;
    top: 55px;
    position: absolute;
    left: -325px;  /* test fixed + scroll, on retire la position top */
    -webkit-transition: all .5s ease-in;
    -moz-transition: all .5s ease-in;
    transition: all .5s ease-in;
    min-height: 96px;
}

#volet a.ouvrir,
#volet a.fermer {
    padding: 10px 25px;
    background: #555;
    color: #fff;
    text-decoration: none;

    position: absolute;
    right: -78px;
    top: 38px;

    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}
#volet a.fermer {
    display: none;
    min-width: 60px;
}
#volet:target {
    left: 5px;
}

/* code pour la fermeture */

#volet:target a.fermer {
    display: block;
}
#volet:target a.ouvrir {
    display: none;
    min-width: 60px;
}
#volet_clos:target #volet {
    left: -325px;
}

/* test fixed + scroll */