#map {
      height: 350px;
      width: 100%;
      float: right;
    }
#modal-map{
  height:300px;
  width:100%;
}
#title {
  display: inline-block;
}

.add-new {
  float:right;
  margin-top: 15px;
}

.area {
  border-style: solid;
  padding: 10px;
  /* border-color: blue; */
}

.remove {
  float: right;
}

/* Navigation à onglets fluides avec les transitions CSS - Créer un menu avec display/ table-cell - CSS3 Create */

html{
    background: #c5c5c5;
    font: 1.0em sans-serif;
}

/* 02 - Le CSS de base... */

#article {
    background: #c5c5c5;
    font: 1.0em sans-serif;
}

#article ul{
	display:table;width:800px;
	padding:0;margin:20px auto;
	font: 1.0em sans-serif;
    
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3),
                0 5px 10px rgba(0,0,0,.25),
                0 20px 20px rgba(0,0,0,.15);
    box-shadow: 0 1px 3px rgba(0,0,0,.3),
                0 5px 10px rgba(0,0,0,.25),
                0 20px 20px rgba(0,0,0,.15);
	}

#article ul li{
	display:table-cell;
    
    background:dodgerblue;
    background:-webkit-linear-gradient(deepskyblue,dodgerblue);
    background:   -moz-linear-gradient(deepskyblue,dodgerblue);
    background:    -ms-linear-gradient(deepskyblue,dodgerblue);
    background:     -o-linear-gradient(deepskyblue,dodgerblue);
    background:        linear-gradient(deepskyblue,dodgerblue);

}

#article ul li:first-child,
#article ul li:first-child a{
	border-radius:3px 0 0 3px;
	}

#article ul li:last-child,
#article ul li:last-child a{border-radius:0 3px 3px 0;}

#article ul li a{

	display:block;position:relative;
	text-align:center;
	text-decoration:none;
	padding:8px 8px 17px 8px;
    
    color:black;
    color: rgba(0,0,0,.7);
    text-shadow: 0 1px 0 rgba(255,255,255,.4);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 
                0 -1px 0 hsl(210,100%,32%) inset,
                0 -2px 0 hsl(210,100%,38%) inset,
                0 -3px 0 hsl(210,100%,44%) inset,
                0 -4px 0 hsl(210,100%,50%) inset,
                0 -5px 0 hsl(210,100%,60%) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 
                0 -1px 0 hsl(210,100%,32%) inset,
                0 -2px 0 hsl(210,100%,38%) inset,
                0 -3px 0 hsl(210,100%,44%) inset,
                0 -4px 0 hsl(210,100%,50%) inset,
                0 -5px 0 hsl(210,100%,60%) inset;
    -webkit-transition: all .3s .1s;
       -moz-transition: all .3s .1s;
        -ms-transition: all .3s .1s;
         -o-transition: all .3s .1s;
            transition: all .3s .1s;

}

#article ul li a:hover,
#article ul li a:focus{
    background:#51c3fa;
    background: rgba(255,255,255,.2);padding:8px 25px 17px 25px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 
                0 -1px 0 hsl(210,100%,42%) inset,
                0 -2px 0 hsl(210,100%,48%) inset,
                0 -3px 0 hsl(210,100%,54%) inset,
                0 -4px 0 hsl(210,100%,60%) inset,
                0 -5px 0 hsl(210,100%,70%) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.7) inset, 
                0 -1px 0 hsl(210,100%,42%) inset,
                0 -2px 0 hsl(210,100%,48%) inset,
                0 -3px 0 hsl(210,100%,54%) inset,
                0 -4px 0 hsl(210,100%,60%) inset,
                0 -5px 0 hsl(210,100%,70%) inset; 
    -webkit-transition: all .3s 0s;
       -moz-transition: all .3s 0s;
        -ms-transition: all .3s 0s;
         -o-transition: all .3s 0s;
            transition: all .3s 0s;
}

#article ul li a:active{
    background: #09c;
    background: rgba(0,0,0,.15);
    background: -webkit-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1));
    background:    -moz-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1));
    background:     -ms-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1));
    background:      -o-linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1));
    background:         linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1));
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,.3) inset;
    box-shadow: 0 0 2px rgba(0,0,0,.3) inset;
    -webkit-transition: none;
       -moz-transition: none;
        -ms-transition: none;
         -o-transition: none;
            transition: none;
}

#article ul li a::before{
	content:'';
	width:4px;height:4px;background:rgba(0,0,0,.2);border-radius:50%;
	position:absolute;left:50%;bottom:9px;
}

#article ul li a:hover::before{
	background:white;
	-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.4);
	box-shadow:0 -1px 0 rgba(0,0,0,.4);
}