* {
    font-family: 'Lucida Sans Unicode';
    /*margin: 0;*/
    padding: 0;
    margin: 0;
    line-height: 2em;
}

body {
   background:#5c6a85;
  /* background:#000000;*/
    background-image: url("fondjoffre.jpg");
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-size:cover;
    font-size: large;
}

div.corps, div.corpsw {
    opacity: .85;
    box-shadow: 5px 5px 5px #36221d;  
    background-color:#F2F6F2;
    margin:3em 4em 3em 3em;
    border: solid 2px #b6724d;
    padding: 2ex 2ex 1.5ex 2ex;
}

div.corpsw {
    opacity: 1;
}

input[type=submit] {
    text-align:center;
    padding: 3.5px 2.5px 2px 3.5px;
    margin: 3.5px 2.5px 2px 3.5px;
    box-shadow:  2px 2px 2.5px #131;  
    background-color: #eeeeee;
    font-size: large;
    background:#acbac5;
    border-radius: 25%;
}

label {
 /* border:1px solid #ccc; */
 padding:10px;
 margin:0 0 10px;
 // display:block;  
}

label:hover {
 background:#eee;
 cursor:pointer;
}


label {
    position:relative;   
    cursor:pointer;
}

[type="checkbox"] + span {
    display:inline-block;
    /* padding:.1em; */
}
:checked + span {
    background:#88f;
    border-radius: 25%;
    display:inline-block;    
}

/* input[type=checkbox]:checked + label { */
/*   background: #88f; */
/* }  */