.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    top:5vh !important;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

div iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    left: 0;
}


.alertStyle {
    border: 1px solid;
    width: 235px;
    background: #636363;
    color: #FFF;
    font-family: "Tahoma";
    font-size: 12px;
    padding: 10px;
}

.messageAlert {
    top: 5px;
}

.closeButtonAlert {
    position: absolute;
    top: 5px;
    right: 10px;
    cursor: pointer;
    font-size: 20px;
    color: #999;
}

.closeButtonAlert:hover {
    color: #333;
}

/*.navbar-custom {
    background-color: #85BAE2;
}*/

#formPartagerCouches #mesgValidation {
    display: block;
    margin-bottom: 5px;
}

#ulBasemap .ui-selecting {
    background: #FECA40;
    width: 10vw;
}

#ulBasemap .ui-selected {
    background: #F39814;
    color: white;
    width: 10vw;
}

#ulRef .ui-selecting {
    background: #FECA40;
    width: 10vw;
}

#ulRef .ui-selected {
    background: #F39814;
    color: white;
    width: 10vw;
}

/*#ulRef li {
    margin: 3px;
    padding: 0.4em;
    font-size: 1.4em;
    height: 18px;
}*/

.navbar-titre {
    float:left;
}

.navbar-logo { 
    font-size: 38px;
    display: inline;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*background: url(../../images/Public/bci-logo.png)no-repeat;*/ 
    padding-left: 300px; /* Equal to width of new image */
}

#navbarGeo {
    margin: 0;
}

body {
    padding-top: 56px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
    display: none
  }
}

.unselectable {
 -moz-user-select: -moz-none;
 -khtml-user-select: none;
 -webkit-user-select: none;
  -o-user-select: none;
  user-select: none
}

.container {
    margin-right: 0px;
    margin-left: 0px;
    width: 100%;
}

.linkButton { 
     background: none;
     border: none;
     color: #0066ff;
     text-decoration: underline;
     cursor: pointer; 
}

/* Typeahead selection color */
.typeahead .active > a,
.typeahead .active > a:hover {
    color: white !important;
    /* Change the typeahead background color here if you'd like */
    background-color: #85BAE2 !important;
    /* Turns off the default background gradients */
    background-image: none !important;
}