/** Links in table */

.table a, .table a:visited {
  color: #000;
}

.table a:hover, .table a:active {
  color: #dc3545;
}

/** Links in footer */

body {
  background: url("images/bg-96Mr9XX.jpg") repeat center fixed;
  color: #FFF;
  min-width: 360px;
}

.bg-osug { background: url("images/osug/bg-iogvUyf.jpg") no-repeat center fixed; }

@media screen and (max-width: 970px){
 body {
  background: url("images/sbg-MOdkGpd.jpg") no-repeat center fixed;
 }

 .bg-osug { background: url("images/osug/sbg-VmbzMnt.jpg") no-repeat center fixed; }
}

p.justify, ul.justify { text-align: justify; }

.navbar { min-width: 360px; }

@media screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-right > li > a {
    padding-left: 5px;
    padding-right: 15px;
  }
}

/*
 * Titles and homepage
 */

.homepage h2 {
  font-size: 22px;
  margin: 10px 0 15px 0;
}

.homepage h3 {
  font-size: 20px;
}

.homepage ul {
  padding: 0 0 0 20px;
  margin: 0px;
}

.homepage {
  margin-bottom: 20px;
}

.homepage .summary {
  margin: 10px;
}

@media screen and (min-width: 1200px) {
  .homepage h3 { min-height: 40px; }
  .homepage .summary { min-height: 120px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .homepage h3 { min-height: 65px; }
  .homepage .summary { min-height: 145px; }
}

@media screen and (max-width: 991px) {
  .homepage h3 { min-height: 0; margin: 25px 0 15px 0; }
  .homepage .summary { min-height: 0; }
}

/* Images legend */
h2.legend {
	margin-top: 0;
	font-size: 18px;	
}

.banner {
  margin: -35px 0 0 0;
  width: 100%;
}

@media screen and (min-width: 1200px) {
  .banner-en { background: url("images/banner-en-1170-Iy7MsbF.jpg") no-repeat; height: 100px; }
  .banner-fr { background: url("images/banner-fr-1170-RumWCXl.jpg") no-repeat; height: 100px; }

  .banner-en-osug { background: url("images/osug/banner-en-1170-vjkiycP.jpg") no-repeat; height: 100px; }
  .banner-fr-osug { background: url("images/osug/banner-fr-1170-IFYW1Th.jpg") no-repeat; height: 100px; }

  .banner-en-meteo { background: url("images/meteo/banner-en-1170-uj9NnUj.jpg") no-repeat; height: 100px; }
  .banner-fr-meteo { background: url("images/meteo/banner-fr-1170-Xqsxvjg.jpg") no-repeat; height: 100px; }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-en { background: url("images/banner-en-970-P4lQFcK.jpg") no-repeat; height: 90px; }
  .banner-fr { background: url("images/banner-fr-970-lhrZ9CQ.jpg") no-repeat; height: 90px; }

  .banner-en-osug { background: url("images/osug/banner-en-940-JZHL9pc.jpg") no-repeat; height: 90px; }
  .banner-fr-osug { background: url("images/osug/banner-fr-940-g17apBf.jpg") no-repeat; height: 90px; }

  .banner-en-meteo { background: url("images/meteo/banner-en-970-XDFrPen.jpg") no-repeat; height: 90px; }
  .banner-fr-meteo { background: url("images/meteo/banner-fr-970-_3EAY7d.jpg") no-repeat; height: 90px; }
}

@media screen and (min-width: 480px) and (max-width: 991px) {
  .banner-en { background: url("images/banner-en-750-dwhy8F5.jpg") no-repeat; height: 80px; }
  .banner-fr { background: url("images/banner-fr-750-0d1pmjH.jpg") no-repeat; height: 80px; }

  .banner-en-osug { background: url("images/osug/banner-en-720-acxA8LA.jpg") no-repeat; height: 80px; }
  .banner-fr-osug { background: url("images/osug/banner-fr-720-sAAAwxr.jpg") no-repeat; height: 80px; }

  .banner-en-meteo { background: url("images/meteo/banner-en-750-x-TZ0Oa.jpg") no-repeat; height: 80px; }
  .banner-fr-meteo { background: url("images/meteo/banner-fr-750-nRXw37w.jpg") no-repeat; height: 80px; }
}

@media screen and (max-width: 479px) {
  .banner-en { background: url("images/banner-en-480-0ZPXqDT.jpg") no-repeat; height: 70px; }
  .banner-fr { background: url("images/banner-fr-480-z90eAHo.jpg") no-repeat; height: 70px; }

  .banner-en-osug { background: url("images/osug/banner-en-420-xW8HLyw.jpg") no-repeat; height: 70px; }
  .banner-fr-osug { background: url("images/osug/banner-fr-420--biDNmp.jpg") no-repeat; height: 70px; }

  .banner-en-meteo { background: url("images/meteo/banner-en-480-g9Oe0nu.jpg") no-repeat; height: 70px; }
  .banner-fr-meteo { background: url("images/meteo/banner-fr-480-50F_4dA.jpg") no-repeat; height: 70px; }
}

/*
 * Regions Map
 */

.modal-dialog {
  width: 90%;
  height: 90%;
  padding: 0;
  max-width: 1100px;
  color: #000;
}

#selected-item {
  font-weight: bold;
}

.modal-body {
  padding: 0px 8px 8px 8px;
}

.modal-footer {
  margin-top: 0;
}

/* 
 * Map and animation
 */

.object-container {
  width: 100%;
  height: 550px;
  margin: 10px 0;
  background-color: #FFF;
}

@media screen and ( max-width : 767px) { .object-container { height: 450px; } }
@media screen and ( max-width : 623px) { .object-container { height: 350px; } }
@media screen and ( max-width : 479px) { .object-container { height: 250px; } }

/* 
 * Animation
 */

#loading {
  padding-top: 100px;
  width: 100%;
  height: 300px;
  text-align: center;
  background-color: #FFF;
  color: #000;
}

#progressbar {
  margin: 0 50px 100px 50px
}

/* Get the same fullscreen behavior in WebKit than Gecko */
#animation:-webkit-full-screen { 
  width: 100%;
  height: 100%;
  padding: 10px;
  color: black;
  background-color: #FFF;
}

#animation:full-screen {
  width: 100%;
  height: 100%;
  padding: 10px;
  color: black;
  background-color: #FFF;
}
 
#animation:fullscreen {
  width: 100%;
  height: 100%;
  padding: 10px;
  color: black;
  background-color: #FFF;
}

#animation:-ms-fullscreen { 
  width: 100%;
  height: 100%;
  padding: 10px;
  color: black;
  background-color: #FFF;
}

#animation:-moz-full-screen {
  width:100%;
  height:100%;
  padding: 10px;
  color: black;
  background-color: #FFF;
}

#animation .btn-toolbar {
  margin: 5px;
  text-align: center;
}

#animation .btn {
	margin-bottom: 4px;
}

#speed-slider {
  width: 200px;
  margin: 16px auto 10px auto;
}

.manual {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
}

/* 
 * Images
 */
 
.image-border {
  border: 1px solid #FFF;
}

.image-margin {
  margin: 10px;
}

/* 
 * About page
 */

#models td, #about td {
  text-align: center; 
  vertical-align: middle;
}

.btn-about .btn {
  margin-bottom: 2px;
}

/* 
 * Alerts
 */

.alert {
  margin-bottom: 15px;
}

.alert ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.alert ul li {
  margin: 5px 0;
}

/* 
 * jQuery UI
 */

.forecasts .ui-state-default {
    border: 1px solid #CC0000;
}

/*
 * Flags (copy pasted from http://flag-sprites.com/)
 */

.flag { 
  width: 36px;
  height: 18px;
  background: url("images/flags-PcoxOYX.png") no-repeat;
}

.flag.flag-gb { background-position: -36px 0 }
.flag.flag-fr { background-position: 0 -18px }