table {
border: medium solid #6495ed;
border-collapse: collapse;
}

th {
border: thin solid #6495ed;
width:94px;
padding: 5px;
background-color: #D0E3FA;
height: 30px;
table-layout: auto;
}

td {
border: thin solid #6495ed;
width:100px;
padding: 2px;
text-align: center;
height: 20px;
table-layout: auto;
}

label
{
display: block;
width: 150px;
float: left;
}

#moncadre {
width:50%;
margin:0 auto;
padding:10px;
background:RGBA(254,118,14,0.85);
border:1px solid #DDD;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.bloc-fixe {
position: fixed;
right : 20px;
top : 20px;
}

.ulindex{
width:420px;
height:420px;
margin:70px auto;
}
.ulindex .liindex{
list-style:none;
float:left;
width:200px;
height:200px;
margin:5px;
}
ul li:nth-child(3){
clear:left;
}
ul img{
position:absolute;
z-index:1;
height:300px;width:auto;
margin:0;
box-shadow:0 0 3px black;
-webkit-transition:all .5s cubic-bezier(.6,2,.4,1);
    -moz-transition:all .5s cubic-bezier(.6,2,.4,1);
     -ms-transition:all .5s cubic-bezier(.6,2,.4,1);
      -o-transition:all .5s cubic-bezier(.6,2,.4,1);
         transition:all .5s cubic-bezier(.6,2,.4,1);
}
ul li:hover img{
z-index:5;
-webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
     -ms-transform: scale(1.08);
      -o-transform: scale(1.08);
         transform: scale(1.08);
box-shadow:0 0 10px black;
}
ul:hover li:not(:hover) img{
-webkit-filter: grayscale(1) blur(5px);
    -moz-filter: grayscale(1) blur(5px);
     -ms-filter: grayscale(1) blur(5px);
      -o-filter: grayscale(1) blur(5px);
         filter: grayscale(1) blur(5px);
}


#toggle{height:auto; background:#eee; border:1px solid #900; margin:1em;text-align:center}
#toggle p{text-align:center;padding:0}