body
{
    background-image:url('../img/bg.jpg');
    background-repeat:no-repeat;
    background-size:100% 100%;
    background-attachment:fixed;
    margin:0px auto;
    text-align: center;
}
img
{
    height:100%;
    width:100%;
}
.shadow
{
    box-shadow: 4px 4px 10px black;
}
.frame
{
    height:450px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:90% 90%;
    text-align:center;
    margin:10px auto 40px auto;
    border: 3px groove grey;
}
.image
{
    height:400px;
}
.panel
{
    width:350px;
    background:url('../img/panneau.png') no-repeat;
    background-size:100% 100%;
    background-position:center;
    margin:20px auto;
    color:white;
    font-size:25px;
    line-height:50px;
    font-family:"Verdana";
    text-shadow:1px 1px 2px black;
    border:3px outset black;
}
.writer
{
    width:40%;
    margin:10px;
    border:8px outset grey;
    border-radius:30px;
    display: inline-block;
    vertical-align: middle;
    background-color:rgba(255,255,255,0.3);
}
.writer:hover
{
    background-color:rgba(255,255,255,0.5);
}
.light
{
    background:url('../img/lampe.png') no-repeat;
    background-size:100%;
    height:28px;
    width:200px; 
    margin:auto auto;
}