//global
.nav a
{
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding: 14px 10px;
  text-transform: uppercase;
}

.nav li 
{
  display: inline;
}

.jumbotron 
{
  background-image:url('images/fukuoka_temple.jpg');
  height: 500px;
  background-repeat: no-repeat;
  background-size: cover;
}

.jumbotron .container
{
  position: relative;
  top:100px;
}

.jumbotron h1
{
  color: white;
  font-size: 48px;  
  font-family: 'Shift', sans-serif;
  font-weight: bold;
}

.jumbotron p
{
  font-size: 20px;
  color: #fff;
}


//index
.projects
{
    background-color: #efefef;
    border-bottom: 1px solid #dbdbdb;
}

.projects h2
{
    color: #393c3d;
    font-size: 24px;
}

.projects p
{
    font-size: 15px;
    margin-bottom: 13px;
}

.projects #candy_pop
{
    background-image: url('images/candy_pop.png');
    display: block;
    height: 400px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 500px;
}

.projects #cube
{
    background-image: url('images/cube.png');
    display: block;
    height: 400px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    width: 500px;
}


//candy_pop
input:focus, textarea:focus, select:focus
{
    background: beige;
    border-style: outset;
    border-color: red;
}

.candy_pop
{
    background: orange;
}

.candy_pop h1
{
    max-width: 50%;
    color: blue;
    text-shadow: 5px 5px 5px red;
    border-style: outset;
    border-color: red;
    border-width: 5px;
}

.candy_pop form
{
    margin: 0.5em 0 0;
}

.candy_pop input
{
    padding: 0 0.2ex;
}

.candy_pop table
{
    background: white;
    border: 4px solid red;
}

.candy_pop table td
{
    padding: 10px;
    border:  0px solid #DDD;
}

.candy_pop .selected
{
    background: gray;
}

.candy_pop #colonnes
{
    color: purple;
    font: 15px arial, sans-serif;
}

.candy_pop #lignes
{
    color: green;
    font: 15px arial, sans-serif;
}

.candy_pop #total
{
    color: brown;
    max-width: 20%;
    background: yellow;
    font: 15px arial, sans-serif;
}

.candy_pop #createTable
{
    color: white;
    background: gray;
    font: 15px arial, sans-serif;
}

.candy_pop #points
{
    position: absolute;
    padding: 10px;
    background: yellow;
}