body{ font-family: 'Arial' , sans-serif; color: rgb(250, 246, 246); font-size: 14px; 
	margin:0;
	padding:0;
    padding-bottom:1px;} 
    
    .container {
        width: 1070px;
        margin: 1px auto;
        background-color: rgba(255, 255, 255, 0);
    }
    
    .container a {
        text-decoration: none;
        display: block;
        transition: transform .3s, box-shadow .4s;
    }
    
    .container a:hover {
        position: relative;
        z-index: 1;
        -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.75);
        transform: scale(1.03);   
    }

    .description{
        line-height:40px;
      }
      a {
          color: #dad8d8;
          text-decoration: none;
          text-align: center;
          font-weight: 600;
      }
      
      a:hover, a:focus {
          color: rgb(255, 255, 255);
      }
      
      *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
      
      a, button {
          outline: none;
      }
      .clearfix:before,
      .clearfix:after {
          content: " ";
          display: table;
      }  
      .clearfix:after {
          clear: both;
      }   
.ligne{ width:auto; padding:2px; height:auto; display:table; }
.titre{ height:100px; width:100px; float:left; margin:0 5px 0 0; padding:2px; }

.btn1 {
    background-color: orange;
    grid-area: btn1;
    height:120px; width:160px; margin:0 5px 0 0; padding-top:52px;
    text-align: center;
}
.btn2 {
    background-color: rgb(18, 18, 138);
    grid-area: btn2;
    height:120px; width:260px;  margin:0 5px 0 0; padding:35px  8px 0 8px;
    text-align: center;
}

.btn3 {
    background-color: rgb(15, 165, 28);
    grid-area: btn3;
    height:120px; width:200px; margin:0 5px 0 0; padding:46px 8px 0 8px;
    text-align: center;
}

.btn4 {
    background-color: red;
    grid-area: btn4;
    height:120px; width:180px; float:left; margin:0 5px 0 0; padding:52px 8px 0 8px;
    text-align: center;
}

.btn5 {
    background-color: #4682B4;
    grid-area: btn5;
    height:120px; width:240px; float:left; margin:0 5px 0 0; padding:32px 18px 0 18px;
    text-align: center;
}
.btn6 {
    background-color: rgb(6, 92, 32);
    grid-area: btn6;
    height:120px; width:170px; float:left; margin:0 5px 0 0; padding:34px 8px 0 8px;
    text-align: center;
}
.btn7 {
    background-color: indianred;
    grid-area: btn7;
    height:120px; width:180px; float:left; margin:0 5px 0 0; padding:28px 8px 0 8px;
    text-align: center;
}
.btn8 {
    background-color: olive;
    grid-area: btn8;
    height:120px; width:185px; float:left; margin:0 5px 0 0; padding:34px 8px 0 8px;
    text-align: center;
}
.btn9 {
    background-color: lightsalmon;
    grid-area: btn9;
    height:120px; width:180px; float:left; margin:0 5px 0 0; padding:34px 8px 0 8px;
    text-align: center;
}
.btn10 {
    background-color: rgb(32, 105, 214);
    grid-area: btn10;
    height:120px; width:270px; float:left; margin:0 5px 0 0; padding:35px 8px 0 8px;
    text-align: center;
}
.btn11 {
    background-color: rgb(145, 6, 115);
    grid-area: btn11;
    height:120px; width:220px; float:left; margin:0 5px 0 0; padding:44 18 0 18px;
    text-align: center;
}
.btn12 {
    background-color: darkslateblue;
    grid-area: btn12;
    height:120px; width:190px; float:left; margin:0 5px 0 0; padding-top:52px;
    text-align: center;
}
.btn13 {
    background-color:#E10098;
    grid-area: btn13;
    height:120px; width:180px; float:left; margin:0 5px 0 0; padding:35px 8px 0 8px;
    text-align: center;
}
.btn14 {
    background-color:#30099c;
    grid-area: btn14;
    height:120px; width:170px; float:left; margin:0 5px 0 0; padding-top:26px;
    text-align: center;  
}
.btn15 {
    background-color: rgb(179, 69, 42);
    grid-area: btn15;
    height:120px; width:180px; float:left; margin:0 5px 0 0; padding:40px 8px 0 8px;
    text-align: center;
}
.btn16 {
    background-color: rgb(2, 116, 40);
    grid-area: btn16;
    height:120px; width:170px; float:left; margin:0 5px 0 0; padding:26px 8px 0 8px;
    text-align: center;
}
.btn17 {
    background-color:#FB637E;
    grid-area: btn16;
    height:120px; width:180px; float:left; margin:0 5px 0 0; padding:35px 18px 0 18px;
    text-align: center;
}
.btn18 {
    background-color: rgb(2, 116, 40);
    grid-area: btn16;
    height:120px; width:160px; float:left; margin:0 5px 0 0; padding-top:44px;
    text-align: center;
}
.btn19 {
    background-color: rgb(243, 161, 10);
    grid-area: btn16;
    height:120px; width:155px; float:left; margin:0 5px 0 0; padding-top:45px;
    text-align: center;
}
.btn20{
    background-color: rgb(138, 45, 9);
    grid-area: btn9;
    height:120px; width:200px; float:left; margin:0 5px 0 0; padding-top:35px;
    text-align: center;
}
.selecionado{
    background-color: #483D8B;
}








@import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);