body,div,p,h1,h2,h3,h4,h5,h6,select,input,textarea {
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: Tahoma, verdana;
    color: #555555;
}

body {
    background-color: #ffffff;
}

div#global {
    width: 800px;
    margin: 0 auto;
}

div.jeu {
    min-height: 405px;
    margin-top: 180px;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    -moz-box-shadow: 2px 2px 2px #222;
    -webkit-box-shadow: 2px 2px 2px #222;
    box-shadow: 2px 2px 2px #222;
}

div#step_inscription {
    background-color: #d9d9d9;
    position: relative;
}

div#footer {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
    margin-right: 20px;
    text-align: right;
    color: #999999;
    margin-bottom: 20px;
}

#footerInscription div#footer {
    text-align: center;
    margin: 0;
    padding: 0;
}

div#footer a {
    color: #000000;
    text-decoration: underline;
}

#note_footer {
    color: #000000;
    padding: 10px;
    clear: both;
    text-align: center;
    margin-top: 10px;
}

fieldset.hidden {
    display: none;
}

form, form fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

form.input {
    font-size: 12px;
}

#div_form_inscription {
    width: 345px;
    margin-left: 423px;
    margin-top: -10px;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    -moz-box-shadow: 4px 4px 4px #888;
    -webkit-box-shadow: 4px 4px 4px #888;
    box-shadow: 4px 4px 4px #888;
}

#avent {
    width: 430px;
    padding: 10px;
    text-align: center;
    float: left;
    margin-top: -60px;
}
#avent img{
    max-width: 100%;
    max-height: 400px;
}


.div_form_inscription_qualif{
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    -moz-box-shadow: 4px 4px 4px #888;
    -webkit-box-shadow: 4px 4px 4px #888;
    box-shadow: 4px 4px 4px #888;
}

#div_form_inscription_coor {
    width: 345px;

    display: inline-block;
    vertical-align: top;
}

#div_form_inscription_quest {

    display: inline-block;
    vertical-align: top;

    width: 345px;
}


#footerInscription {
    width: 365px;
    margin-left: 423px;
    padding: 0px;
    margin-top: 10px;
}

#footerInscription_one {
    float: right;
}

#div_form_inscription p,
#step_qualification p {
    font-size: 12px;
    padding: 5px;
}

#div_form_inscription p span,
#step_qualification p span {
    width: 140px;
    display: block;
    float: left;
}

#div_form_inscription .champ_texte {
    width: 158px;
}

#div_form_inscription .champ_texte,
#div_form_inscription select,
#step_qualification input, 
#step_qualification select,
#div_emails_parrainage input,
#div_facebook input {
    padding: 2px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

#div_form_inscription input.bt_front,
#step_qualification input.bt_front, 
#div_emails_parrainage input.bt_front,
#div_facebook input.bt_front {
    padding: 10px 20px;
    border-radius: 10px;
}

p.optin {
    font-weight: normal;
}

#form_inscription p {
    clear: both;
}

#form_inscription p.optin span {
    width: 215px;
    padding-right: 10px;
}

p#accept_reglement {
    color: #999999;
    margin-top: 5px;
}

input.bt_front {
    background-color: #000000;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #000000;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 20px;
}

input.bt_orange {
    background-color: #FA8607;
    background: -webkit-gradient(linear, left top, left bottom, from(#FCB750), to(#f47a20));
    background: -moz-linear-gradient(top,  #FCB750,  #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB750', endColorstr='#f47a20');
}

#form_inscription h1,
#global h1 {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-align: center;
}

#step_inscription h1 {
    color: #fa8607;
    font-size: 34px;
}

h1 span {
    color: #fa8607;
}

h2.sous_titre {
    font-size: 20px;
    font-weight: bold;
    margin: 5px 5px 10px 5px;
    text-align: center;
    color: #555555;
}

p#bt_participate {
    text-align: center;
}

#step_confirmation p#bt_validate,
.div_question p#bt_validate,
.jeu p#bt_validate {
    text-align: center;
    padding: 0;
}

p#bt_validate input:hover {
    cursor: pointer;
}

#check_reglement {
    vertical-align: middle;
}

#step_parrainage h1 {
    margin-right: 0;
}

#step_parrainage h4 {
    text-align: center;
}

.step_question_qcm p,
#step_parrainage p,
#step_facebook p,
p#message_confirmation,
#img_confirmation,
#img_veille {
    text-align: center;
}

#form_inscription p.onerep span,
#authentify p.onerep span,
#step_confirmation p.onerep span {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #fa8607;
    padding: 5px;
    width: auto;
}

#div_emails_parrainage input.champs_mail,
#div_facebook input.champs_mail {
    width: 175px;
}

#div_emails_parrainage span.plus_un,
#div_facebook span.plus_un {
    color: #FA8607;
    font-weight: bold;
}

.div_question,#div_emails_parrainage,#div_facebook,#div_transition,#div_profils {
    clear: both;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 10px;
    padding: 20px 50px;
    text-align: center;
}

.div_question {
    margin-top: 0;
    padding: 10px 50px;
}

.paragraphe {
    margin-top: 10px;
    padding-bottom: 0;
}

#transition_text {
    margin: 20px 0;
}

.div_question p, #div_emails_parrainage p, #div_facebook p {
    margin-left: 50px;
    padding: 5px 0;
    text-align: left;
}

.div_question p.libelle_question {
    font-size: 14px;
    font-weight: bold;
}

.div_question p.libelle_question,
#div_emails_parrainage p,
#div_facebook p {
    margin-left: 0;
}

#div_emails_parrainage p,
#div_facebook p {
    text-align: center;
}

.div_question p.indice_question,
.div_question p#bt_validate,
#div_emails_parrainage p.passer,
#div_emails_parrainage p#bt_validate,
#div_facebook p.passer,
#div_facebook p#bt_validate {
    margin-left: 0;
    text-align: center;
}

#div_emails_parrainage p#bt_validate,#div_facebook p#bt_validate {
    padding-top: 0;
    margin-top: 10px;
}

.div_question p.reponse,
.div_question p.indice_question {
    font-weight: bold;
}

.div_question p.reponse {
    padding-left: 20px;
    position: relative;
}

.div_question p.reponse input.radio,
.div_question p.reponse input.checkbox {
    position: absolute;
    left: 0px;
}

.div_question p.reponse .my-btn {
    position: relative;
    display: inline-block;
    border: 1px solid #555555;
    border-radius: 3px;
    padding: 5px;
}

.div_question p.reponse .buttoner {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: 30px;
    min-width: 120px;
    text-align: center;
    color: #555555;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
}

.div_question p.reponse .my-btn [class^="icon-"], 
.div_question p.reponse .my-btn [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.div_question p.reponse .my-btn .icon-checkmark,
.div_question p.reponse .my-btn .icon-cancel-circle {
    color: #306adf;
    font-size: 18px;
}

.div_question p.reponse .my-btn .icon-cancel-circle {
    color: #306adf;
    font-size: 18px;
}




.div_question p.indice_question {
    margin: 10px;
}

div.jeu p a {
    color: #0156a8;
}

div#compteur_chance {
    width: 115px;
    height: 105px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding: 10px;
    float: right;
    margin-top: -95px;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #000000;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 10px 5px 10px;
    background-color: #FA8607;
    background: -webkit-gradient(linear, left top, left bottom, from(#FCB750), to(#f47a20));
    background: -moz-linear-gradient(top,  #FCB750,  #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCB750', endColorstr='#f47a20');
}

div#compteur_chance span {
    font-size: 30px;
    font-weight: bold;
    color: #fa8607;
    display: block;
    margin: 13px 10px 0 10px;
    background-color: #ffffff;
    border-radius: 10px;
}

#step_qualification div#compteur_chance {
    margin-top: -110px;
}

#step_qualification p.onerep,
#authentify p.onerep,
#step_confirmation p.onerep {
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}

#step_qualification p.onerep span,
#step_qualification p.onerep span,
#step_confirmation p.onerep span {
    float: none;
    display: inline;
}

#step_qualification p {
    margin-left: 50px;
}

#step_qualification p.titre_rubrique {
    margin-left: 20px;
    font-weight: bold;
    clear: both;
    margin-top: 10px;
}

#step_qualification p.titre_rubrique span {
    display: inline;
    float: none;
    color: #e77f24;
}

#detail_enfants,
p.detail_enfant {
    display: none;
}

p.detail_enfant input.champ_texte {
    width: 75px;
}

p#message_confirmation {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 16px;
}

p#complement_reponse {
    padding: 15px;
    font-size: 14px;
    text-align: left;
    background-color: #d9d9d9;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.step_question_qcm p#bt_validate {
    margin-top: 10px;
    margin-bottom: 15px;
}

#step_qualification p.oblig {
    font-size: 10px;
}

#step_qualification p#q_ouinon_enfants span {
    display: inline;
    float: auto;
    width: auto;
    padding-right: 10px;
}

#step_qualification p#q_ouinon_enfants span#nonenfants {
    display: block;
    width: 100%;
}

#step_qualification p#q_ouinon_enfants span#sous_oui_enfants {
    visibility: hidden;
}

#step_qualification p#q_ouinon_enfants {
    display: block;
    height: 30px;
}

#step_qualification p#bt_validate {
    text-align: center;
    padding: 0;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 15px;
}

#bandeau {
    text-align: center;
    margin-bottom: 10px;
}

h2 {
    font-size: 18px;
    font-weight: bold;
    padding: 0;
    margin: 10px 0;
}

p.titre {
    margin: 10px 0;
}

#step_dotation h3 {
    margin: 10px 0;
}

#img_confirmation a,#img_confirmation a img,
#img_veille a,#img_veille a img {
    border: none;
    text-decoration: none;
}

p.titre1 {
    font-size: 24px;
    text-align: center;
}

p.titre2 {
    font-size: 24px;
    font-weight: bolder;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    color: #FA8607;
}

p.titre3 {
    font-size: 14px;
    font-weight: bolder;
    margin-top: 15px;
    margin-bottom: 15px;
}

p.centerit {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
}

input[type="checkbox"],
input[type="radio"],
input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: none !important;
    margin-right: 5px;
}

#step_reglement h3 {
    margin-bottom: 10px;
    margin-top: 10px;
}

#step_reglement p {
    margin-bottom: 5px;
    margin-top: 5px;
}

#overflow {
    overflow: auto;
    height: 435px;
}

#authentify {
    padding-left: 30px;
    padding-right: 30px;
}

#winners {
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

#recette {
    text-align: center;
    float: left;
    margin-top: -120px;
    width: 100%;
    font-weight: bold;
    color: red;
    font-size: 36px;
}

/****** modification jeu nature est decouverte *****/
html body#jeu_107.home_page div#global div#footer a,
html body#jeu_107.home_page div#global div#note_footer {
    color: #000000;
}

/****** dotation *****/
table#dotation td {
    vertical-align: top;
    padding: 0 10px 10px 10px;
}

td.image img {
    width: 250px;
}

table#dotation td p {
    text-align: justify;
}

table#dotation tr.num_lot,
table#dotation td p span {
    font-weight: bold;
}

div#scores {
    clear: both;
    margin: 20px;
}

div#scores, div#message_confirmation {
    clear: both;
}

div.sousscore {
    float: left;
    padding: 10px;
    width: 45%;
}

div.sousscore h3,
div.sousscore p {
    text-align: center;
}

div.sousscore h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

div.sousscore p {
    font-size: 16px;
}

#spacer_score {
    clear: both;
    margin: 0px;
    line-height: 1px;
    font-size: 1px;
}

div#detail_profil {
    margin: 20px;
}

div#detail_profil h3 {
    margin: 0 0 20px 0;
    font-size: 20px;
}

table.jauge {
    border: 1px solid #ccc;
    width: 300px;
    border-collapse: collapse;
}

table.jauge tr td.col1 {
    background-color: #5E7AC1;
}

#reporting_sondage {
    padding-top: 50px;
}

table.reporting {
    margin-left: 50px;
}

table.reporting tr td {
    padding: 8px 8px 8px 0px;
}

table.reporting tr td .jauge td {
    padding: 5px;
}

#reporting_sondage .jauge {
    width: 350px;
}

#confirm_nbre_chances {
    text-align: center;
    margin: 20px;
    //color: #fa8607;
    font-size: 13px;
    font-weight: bold;
}

#message_confirmation {
    margin: 30px 30px 30px 30px;
    padding: 0 50px 0 50px;
}

#img_confirmation,
#img_veille {
    margin: 30px 30px 30px 30px;
}

p.onerep {
    margin: 20px;
}

div.div_question textarea,
div.div_question_qualif textarea {
    width: 500px;
    height: 100px;
    margin-top: 5px;
}

div.div_question input.taillelibre_2,
div.div_question_qualif input.taillelibre_2 {
    width: 500px;
    display: block;
    margin-top: 5px;
}

div.div_question input.taillelibre_1,
div.div_question_qualif input.taillelibre_1 {
    width: 250px;
    display: block;
    margin-top: 5px;
}

.div_question p.libelle_question {
    margin-left: 0;
    margin-bottom: 15px;
}

.paragraphe p.sous_paragraphe,
.paragraphe p.titre_paragraphe {
    margin-left: 0;
}

#become_fan_facebook {
    text-align: center;
}

#div_form_inscription #bt_participate input {
    margin: 10px;
}

#div_form_inscription p.optin {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fb_step {
    padding: 0 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    min-height: 130px;
}

.fb_2step {
    width: 45%;
    float: left;
}

.fb_step h4,
#div_emails_parrainage h4 {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px 0;
}

#div_emails_parrainage h4 {
    margin-left: 0;
    font-size: 20px;
}

#div_emails_parrainage h4#sendFb {
    margin-top: 20px;
}

#partager a,#partager a img {
    border: none;
}

.imgQuestion {
    text-align: center;
}

.imgQuestion img {
    max-width: 580px;
}

#detail_enfants p.detail_enfant span {
    width: auto;
    margin-right: 10px;
}

#winners h3,
#winners p,
#authentify p {
    font-size: 16px;
    text-align: center;
}
#jeu_1232 #authentify p .titre3, #jeu_1230 #authentify p .titre3{
    font-size: 17px;
    text-align: center;
}

#step_qualification h2.sous_titre {
    margin-bottom: 30px;
}

.step_question_qcm h2.sous_titre {
    margin-bottom: 20px;
}

input#mobile_participant_1,input#mobile_participant_2,input#mobile_participant_3,input#mobile_participant_4,input#mobile_participant_5 {
    width: 18px;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px;
    margin-right: 7px;
}

#preview {
    width: 280px;
    height: 180px;
    margin-top: 40px;
    text-align: center;
    position: absolute;
    top: 30%;
}

#preview h2 {
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    margin-bottom: 14px;
}

#preview .list {
    background-color: white;
    width: 100%;
    margin: 0 14px 14px 0;
    border-radius: 10px;
    box-shadow: 4px 4px 4px #888;
}

#preview .list div.thumb {
    background-position: center center;
    background-size: cover;
    display: inline-block;
    width: 75px;
    height: 75px;
    margin: 11px 7px;
}

#preview input.more {
    border: 1px solid #ccc;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto;
    padding: 1px 30px;
}

#social {
    text-align: center;
    margin-bottom: 30px;
}

div#scratch {
    width: 320px;
    height: 240px;
    margin: 0 auto;
}

#jeu_1221 #footer{
    display: none;
}

#jeu_1221 #step_inscription h1 {
    color: #a5cf41;
}

#jeu_1221 #step_qualification h1 {
    color: #a5cf41;
}

#jeu_1221 #step_confirmation h1 {
    color: #a5cf41;
}
#jeu_1221 #authentify h1 {
    color: #a5cf41;
}
#jeu_1221 #authentify .onerep span{
    background-color: #a5cf41 !important;
}
#jeu_1221 input.bt_orange {
    background: -webkit-gradient(linear, left top, left bottom, from(#a5cf41), to(#a5cf41));
   
}

#slotmachine {
    position: relative;
    width: 331px;
    height: 208px;
    padding: 42px 0 0 32px;
    margin: 0 auto;
    background: url(/offres/dev_clients/wyw2pro/img/sm.png);
}

#jeu_1221 #slotmachine {
    position: relative;
    width: 331px;
    height: 208px;
    padding: 42px 0 0 32px;
    margin: 0 auto;
    background: url(/offres/dev_clients/wyw2pro/img/sm0.png);
}

#jeu_1731 #slotmachine {
    position: relative;
    width: 411px;
    height: 218px;
    padding: 92px 0 0 52px;
    margin: 0 auto;
    background: url(/offres/dev_clients/wyw2pro/img/sm1731.png);
}

#slotmachine .carousel {
    display: inline-block;
    width: 90px;
    height: 160px;
    margin-right: 10px;
    overflow: hidden;
}

#slotmachine .slot {
    background-position: center center;
    background-repeat: none;
    width: 90px;
    height: 160px;
}

#slotmachine .button {
    display: block;
    width: 210px;
    height: 24px;
    margin: 16px 46px 0 46px;
    cursor: pointer;
}

/* STYLE JEUX PAMPERS BOITE ROSE 15 MAI 2017 ***/

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700');

.boite_rose, .boite_rose body, .boite_rose div, .boite_rose p, .boite_rose h1, .boite_rose h2, .boite_rose h3, .boite_rose h4, .boite_rose h5,
 .boite_rose h6, .boite_rose select, .boite_rose input, .boite_rose textarea {
    font-family: arial !important;
}

.boite_rose{
    margin-top: 150px !important;
}

.boite_rose h1 {
    margin: 0 !important;
}

.boite_rose h2.sous_titre {
    margin: 0 0 5% 0;
}

.boite_rose input {
    height: 20px;
    width: 90%;
}

.boite_rose input[type=radio] {
    height: auto;
    width: auto;
    margin: 0 !important;
}

.boite_rose input.bt_front {
    height: auto;
    width: auto;
}

.boite_rose .div_form_inscription_qualif {
    border-radius: 10px;
    background-color: #fff;
    padding: 3%;
    -moz-box-shadow: 4px 4px 4px #888;
    -webkit-box-shadow: 4px 4px 4px #888;
    box-shadow: 4px 4px 4px #888;
}
#calendrier_avent .boite_rose #div_form_inscription_coor {
    margin-right: 0 !important;
}
.boite_rose #div_form_inscription_coor {
    width: 345px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5%;
}



.boite_rose #div_form_inscription_quest {
    display: inline-block;
    vertical-align: top;
    width: 345px;
}

.boite_rose .quest {
    margin: 2% 0;
}

.boite_rose .quest span {
    width: 28%;
    display: inline-block;
}

.boite_rose .txt_valid {
    text-align: center;
}



@media screen and (max-width: 800px) {

    .boite_rose {
        width: 100% !important;
        margin-top: 0px !important;
    }

    @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700');

    .boite_rose, .boite_rose body, .boite_rose div, .boite_rose p, .boite_rose h1, .boite_rose h2, .boite_rose h3, .boite_rose h4, .boite_rose h5,
     .boite_rose h6, .boite_rose select, .boite_rose input, .boite_rose textarea {
        font-family: arial !important;
    }

    .boite_rose #div_form_inscription_coor {
        width: 45%;
    }

    .boite_rose #div_form_inscription_quest {
        width: 45%;
    }
    #avent {
        width: 100%;
    }
    #avent img{
        padding-top: 0px;
    }
    #global{
        width: 100% !important;
    }

}

@media screen and (max-width: 700px) {

    .boite_rose #div_form_inscription_coor {
        width: 100%;
        display: block;
        vertical-align: top;
        margin-right: 0;
    }

    @import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700');

    .boite_rose, .boite_rose body, .boite_rose div, .boite_rose p, .boite_rose h1, .boite_rose h2, .boite_rose h3, .boite_rose h4, .boite_rose h5,
     .boite_rose h6, .boite_rose select, .boite_rose input, .boite_rose textarea {
        font-family: arial !important;
    }

    .boite_rose #div_form_inscription_quest {
        display: block;
        vertical-align: top;
        width: 100%;
    }

    #avent {
        width: 100%;
    }
    #avent img{
        padding-top: 0px;
    }
    #global{
        width: 100% !important;
    }

}



/**** PUZZLE ****/
/* required snapPuzzle styles */
.snappuzzle-wrap { position: relative; display: block; }
.snappuzzle-pile { position: relative; height:250px; }
.snappuzzle-piece { cursor: move; }
.snappuzzle-slot { position: absolute; background: #fff; opacity: .8; }
.snappuzzle-slot-hover { background: #eee; }

.puzzle_col {
    width: 50%;
    display: inline-block;
}

#puzzle-containment{
    display: -webkit-flex;
}

.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}


/**** MEMORY ****/

#picbox {
    margin: 0px auto;
    width: 500px;
}
#boxcard {
    z-index: 1;
    margin: 10px 0 0;
}
#boxcard div{
    float: left;
    width: 140px;
    height: 140px;
    margin: 5px;
    padding: 5px;
    border: 2px solid #EAEAEA;
    cursor: pointer;
    border-radius: 10px;
    box-shadow: 0 1px 5px rgba(0,0,0,.5);
  background: #B1B1B1;
    z-index: 2;
}
#boxcard div img {
    display: none;
    border-radius: 10px;
    z-index: 3;
    max-width:100%;
}
#boxbuttons {
    text-align: center;
    margin: 20px;
    display: block;
}
#boxbuttons .button {
    text-transform: uppercase;
    background: #EAEAEA;
    padding: 5px 10px;
    margin: 5px;
    border-radius: 10px;
    cursor: pointer;
}
#boxbuttons .button:hover {
    background: #999;
}