h1 {
  text-transform:uppercase;
  font-size: 34px;
  font-weight: bold;
  padding-bottom: 30px;
}

@media (max-width: 554px) {
  h1 {
    font-size: 24px;
  }
  .rlt-main-col {
    padding-left: 0px;
    padding-right: 0px;
  }
  .rlt-main-actions p {
    display: none;
  }
}

/*
 * OL3 overrides
 */

.ol-zoom {
    border-radius: 0;
    border: 1px solid #71777a;
    top: 50px;
    left: 20px;
}
.ol-zoom.iframe {
    top: 0.5em;
    left : 0.5em;
}

.ol-attribution {
    border-radius: 0;
    bottom: .5em;
    right: .5em;
    border: 1px solid #71777a
}
.ol-attribution.iframe {
	z-index:1;
}

.ol-zoom:hover {
    background: #fff!important
}

.ol-control {
    background-color: #fff!important;
}
.ol-control button {
    background-color: #fff!important;
    color: #71777A;
}

.ol-control button:hover {
    background-color: #fff!important;
    color: #256285;
}

.ol-control.cliplayer{
	right: .5em;
	top: 0.5em;
	z-index:1;
	border-radius: 0;
    border: 1px solid #71777a
}

.ol-tuning-ul>li>a {
    color: #71777A!important;
}

.ol-scale-line-inner {
    color: #71777a;
    border: 1px solid #71777a;
    border-top: none;
}

.ol-scale-line {
    background-color: #fff;
}

/*
 *
 */

.text-bold {
  font-weight: bold !important;
}

.main-link:hover figure {
  color: #3998ac;
}
.main-link:hover h1 {
  color: #71777a;
}
.nav-link {
  text-transform: uppercase;
}

.advanced-link {
  font-family: "Open Sans";
  font-size: 12pt;
}

.advanced_link:hover {
  font-family: "Open Sans";
  text-align: center;
}

.right-menu {
  text-align: center;
}

.right-menu i {
  color: #71777a;
  border: 0;
  border-radius: 0;
  padding: 7px;
  cursor: pointer;
  margin-bottom: 10px;
  font-size: 30px;
  width: 40px;
  height: 40px;
  display: inline-table;
  border-bottom: 1px solid #71777a;
}

.right-menu i:hover {
  color: #256285;
  background-color: transparent;
}

.demat-container {
  width: 100%;
  height: 100%;
  position: fixed;
  padding-right: 190px;
  padding-left: 0px;
  background-color: #f7f8f3;
}

.demat-container .navbar {
  background-color: #f7f8f3;
  border: none;
}

.demat-container .container-fluid {
  padding: 10px;
}

.demat-right-menu p {
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  padding: 5px 10px;
  margin-bottom: 0px;
}
.demat-left-menu p {
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  padding: 5px 10px;
  margin-bottom: 0px;
}
.demat-left-menu label {
  font-weight: normal;
}
.demat-right-menu a:hover {
  text-decoration: none;
}
.demat-right-menu>button {
  border: none;
  background-color: transparent;
  padding: 0px;
}
.demat-right-menu>button:focus {
  outline:0;
}
.demat-right-menu>button.active {
  background-color: #3998ac;
}
.demat-right-menu>button.active>p {
  color: white;
}
.navbar-demat {	
  width: calc(100vw - 190px);
  padding: 15px;
  z-index:2;
}

.geocoder-bar {
  top: 105px;
  left: 20px;
  position: fixed;
  font-family: "Trebuchet MS",Helvetica,sans-serif;
  z-index: 1;
}
.geocoder-bar input {
  background: url("/static/images/loupe.png") no-repeat 3px center rgba(255,255,255,0.9);
  width: 14em;
  height: 25px;
  font-size: 16px;
  padding: 2px 2px 2px 26px;
  border: 1px solid #69f;
}

.geocoder-hist {
  top: 120px;
}
.geocoder-demat {
  top: 50px;
}

.button-clicked {
  color: orange !important;
}

#body-container p {
  text-align: center;
}

#body-container p.grey {
  font-size: 12pt;
  color: #71777A;
  margin-top: 20px;
}

#body-container .big {
  font-weight: bold;
  font-size: 20px;
}

.container-full {
  margin: 0 auto;
  width: 100%;
}

.col-fixed-65-right {
  width: 65px;
  right: 0;
  height: 100%;
  position: fixed;
  background-color: #f7f8f4;
}

.col-fixed-190-right {
  width: 190px;
  right: 0;
  height: 100%;
  position: fixed;
  background-color: #f7f8f3;
}

.col-fixed-210-left {
  width: 210px;
  left: 0;
  height: 100%;
  position: fixed;
  background-color: #f7f8f3;
}

.col-offset-65 {
  right: 70px;
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

#header_center {
  font-size: 14px;
  margin-left: 30px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}

.ol-zoom {
  background: none repeat scroll 0 0 white;
  border-radius: 0;
  color: #71777a;
  top: 50px;
  left: 20px;
  border: 1px solid #71777a;
}

.ol-rotate {
  background: none repeat scroll 0 0 white;
  border-radius: 0;
  top: 50px;
  right: 20px;
}

.ol-attribution {
  background: none repeat scroll 0 0 white;
  border-radius: 0;
  color: #71777a;
  bottom: .5em;
  right: .5em;
  border: 1px solid #71777a;
}

.ol-zoom:hover {
  background: white !important;
}

.ol-control button {
  background-color: white !important;
  color: #71777A !important;
}
.ol-control button:hover {
  background-color: white !important;
  color: #256285 !important;
}
.ol-tuning-ul>li>a {
  color: #71777A !important;
}

.ol-scale-line-inner {
  color: #71777a;
  border: 1px solid #71777a;
  border-top: none;
}
.ol-scale-line {
  background-color: white;
}

.ol-layerswitcher-control {
  top: 10px;
  right: 10px;
}

.fa-angle-down:before {
  position: relative;
  top: 4px;
  left: 5px;
  margin-right: 30px;
}

@media (max-width: 888px) and (min-width: 768px) {
  .map-compare {
    top: 160px !important;
  }
  .navbar-form .form-control {
    width: 100%;
  }
  .geocoder-bar {
    top: 175px !important;
  }
}

@media (max-width: 768px) {
  .navbar-compare {
    position: relative;
    top: -45px;
  }
  .map-compare {
    top: 40px !important;
  }
  .geocoder-bar {
    top: 55px !important;
  }
  .geocoder-with-timeline {
    top: 175px !important;
  }
}

.map-compare {
  padding-right: 60px;
  bottom: 0px;
  top: 90px;
  position: fixed;
}

.map-iframe {
  width:100vw;
  height:100vh;
}

.map-demat {
  padding-right: 190px;
  bottom: 0px;
  top: 40px;
  width: 100%;
  position: fixed;
}
@media (min-width:991px) {
  .map-with-timeline {
    top: 160px;
  }
  .geocoder-with-timeline {
    top: 180px;
  } 
}
@media (max-width: 991px) {
  .map-with-timeline {
    top: 160px;
  }
  .geocoder-with-timeline {
    top: 180px;
  }  
  .demat-container {
    height: 110px;
  }
  .swiper-button-next {
    top: 85px !important;
  }
}

@media (max-width: 1102px) and (min-width: 991px) {
  .col-nb-mission {
    font-size: 14px !important;
  }
}

.pvalist {
  white-space: nowrap;
  padding: 5px;
  text-align:center;
}

td.pvalist:hover {
background-color: #e7e7e7;
cursor: pointer;
}

.datalist {
white-space: nowrap;
padding: 5px;
text-align: left;
}

td.datalist:hover {
background-color: #e7e7e7;
cursor: pointer;
}

.selected {
background-color: #e7e7e7;
}

.footer a, .footer a:hover {
  color: #333;
  font-size: 14px;
}

.ol-display-group-control {
  display: none;
}

.ol-zoom-extent {
  display: none;
}

.ol-permalink-control {
  background: transparent;
  padding: 0px;
}

.ol-permalink-control > button {
  display: none;
}

.ol-permalink-menu {
  position: fixed;
  top: 100px;
  right: 60px;
  left: auto;
  text-align: right;
  z-index: 1;
  width: 142px;
  min-height: 0px !important;
  border: 1px solid #e7e7e7;
  background-color: #f7f8f4;
}

.ol-permalink-menu li {
  border-top: 1px solid rgba(113, 119, 122, 0.3);
}

.ol-permalink-menu .ol-permalink-input {
  width: 140px;
}

.ol-permalink-menu a:hover {
  background-color: transparent !important;
}

.ol-mouseinfo-control {
  border-radius: 0;
  color: #71777a;
  border: 1px solid #71777a;
  background-color: white;
}

.ign-navbar {
  background-color: white;
  margin-bottom:0px;
}

#rlt-navbar-collapse {
  background-color: #f7f8f4;
}

#vertical-slider .slider-track,
#horizontal-slider .slider-track {
  margin-top: -15px !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

#vertical-slider .slider-selection,
#horizontal-slider .slider-selection {
  box-shadow: none !important;
}

#vertical-slider .slider-handle,
#horizontal-slider .slider-handle {
  background-color: transparent;
  border: 20px solid;
  border-top: none;
  border-color: rgb(0, 60, 136) transparent;
  margin-left: -20px !important;
}

#vertical-slider .slider-handle {
  -webkit-transform: rotate(-90deg); /* Safari and Chrome */
  -moz-transform: rotate(-90deg);   /* Firefox */
  -ms-transform: rotate(-90deg);   /* IE 9 */
  -o-transform: rotate(-90deg);   /* Opera */
  transform: rotate(-90deg);
  margin-top: 4px !important;


}

#vertical-slider .slider-handle:hover {
  background: transparent !important;
}


#vertical-slider .slider-tick {
  margin-left: -20px;
}

#histSlider {
  width: 95%;
  margin-top: 20px;
  margin-bottom: 5px !important;
}

#histSlider .slider-tick {
  width: 1px;
  height: 10px;
  margin-left:-1px;
  border-radius : initial;
  background-image:none;
  background-color: grey;
}

#histSlider .slider-tick-label>p {
  font-size: 10px;
  position: absolute;
}

#histSlider .slider-tick-label-container {
  margin-top: 0px;
}

#histSlider .tooltip{
  margin-top: -26px;
  z-index:0;
}
#histSlider .tooltip .tooltip-inner {
  background-color: #3998ac;
  font-size: 10px;
  padding: 1px 8px;
}

#histSlider .tooltip-arrow {
  border-top-color: #3998ac;
}

#histSlider .slider-track {
  height: 5px;
}

#histSlider .slider-tick.in-selection {
  background-color: orange;
}

#histSlider .slider-handle {
  width: 2px;
  height: 5px;
  margin-left:0px;
  margin-top:-5px;
  border-radius : initial;
  background-image:none;
  background-color: black;
}

#histSlider .slider-selection.tick-slider-selection {
  border-radius : initial;
  background-image:none;
  background-color: #c0c0c0;
}

.cassini {
  background: transparent url('/images/cassini.jpg') no-repeat center center;
}
.cassini.button-clicked {
  background: transparent url('/images/cassiniSelection.jpg') no-repeat center center;
}

.etat-major {
  background: transparent url('/images/etatmajor.jpg') no-repeat center center;
}
.etat-major.button-clicked {
  background: transparent url('/images/etatmajorSelection.jpg') no-repeat center center;
}

.ign-main-view {
  background: transparent url('/images/_retour_vue_principale.png') no-repeat center center;
}
.ign-main-view:hover {
  background: transparent url('/images/_retour_vue_principale_survol.png') no-repeat center center;
}
.ign-main-view-active {
  background: transparent url('/images/_retour_vue_principale_actif.png') no-repeat center center;
}
.ign-horiz-comp {
  background: transparent url('/images/_comparaison_horizontale.png') no-repeat center center;
}
.ign-horiz-comp:hover {
  background: transparent url('/images/_comparaison_horizontale_survol.png') no-repeat center center;
}
.ign-horiz-comp-active {
  background: transparent url('/images/_comparaison_horizontale_actif.png') no-repeat center center !important;
}

.ign-vert-comp {
  background: transparent url('/images/_comparaison_verticale.png') no-repeat center center;
}
.ign-vert-comp:hover {
  background: transparent url('/images/_comparaison_verticale_survol.png') no-repeat center center;
}
.ign-vert-comp-active {
  background: transparent url('/images/_comparaison_verticale_actif.png') no-repeat center center !important;
}

.ign-clip {
  background: transparent url('/images/_masquer.png') no-repeat center center;
}
.ign-clip:hover {
  background: transparent url('/images/_masquer_survol.png') no-repeat center center;
}
.ign-clip-active {
  background: transparent url('/images/_masquer_actif.png') no-repeat center center !important;
}

.ign-double-disp {
  background: transparent url('/images/_double_affichage.png') no-repeat center center;
}
.ign-double-disp:hover {
  background: transparent url('/images/_double_affichage_survol.png') no-repeat center center;
}
.ign-double-disp-active {
  background: transparent url('/images/_double_affichage_actif.png') no-repeat center center !important;
}

.ign-scope {
  background: transparent url('/images/_loupe.png') no-repeat center center;
}
.ign-scope:hover {
  background: transparent url('/images/_loupe_survol.png') no-repeat center center;
}
.ign-scope-active {
  background: transparent url('/images/_loupe_actif.png') no-repeat center center !important;
}

.rlt-modal {
  /*width: 400px;
  height: 400px;*/
}

.rlt-modal  .navbar {
  background-color: transparent;
  border-color: transparent;
}

.rlt-box-shadow {
  -webkit-box-shadow: 0px 11px 17px -13px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 11px 17px -13px rgba(0,0,0,0.75);
  box-shadow: 0px 11px 17px -19x rgba(0,0,0,0.75);
}

.rlt-main .container {
  padding-bottom: 60px;
}
.rlt-main p,
.rlt-main li {
  color: #71777a;
}
.rlt-main-map {
  height:550px;
  width: calc(100vw - 5px);
  position: relative;
  margin-left: -50vw;
  left: 50%;
}

.rlt-main-actions {
  color: #71777A;
}
.rlt-main-actions figure {
  text-align: center;
  color: #71777A;
}
.rlt-main-actions figure i {
  text-align:center;
}
.rlt-main-actions .rlt-main-col h1 {
  font-size: 16px;
  padding-bottom: 0px;
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
}
.rlt-main-actions  h2 {
  text-transform:uppercase;
  font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Arial, sans-serif;
  font-size: 16px;
  color: #333;
  margin-top: 0px;
}
.rlt-main-actions h3 {
  font-weight: bold;
  font-size: 20px;
  color: #71777a;
}
.rlt-main-actions p {
  font-size: 12pt;
  color: #71777a;
}
.rlt-main-actions .rlt-main-col h2 {
  height: 70px;
}
.rlt-main-actions .rlt-main-col p {
}

.rlt-avantages h2 {
  font-weight: bold;
  font-size: 20px;
  color: #71777a;
  text-transform: none;
}

.rlt-filter-col {	
  color: #71777a;
}

.rlt-filter-col h5 {	
  text-transform:uppercase;
  text-align:center;
}

.rlt-filter-col label {
	font-weight:normal;
}

.rlt-filter-col p {
	margin:0 0 0 0px;
}

.navbar-ign-secondary .nav-tabs {
  background-color: #e9e8e4;
}

@media (max-width: 1302px) {
  .navbar-ign-secondary .nav-tabs>li>a {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}
@media (max-width: 1080px) {
  .navbar-ign-secondary uib-tab-heading span:nth-child(1) {
    display: none;
  }
  .navbar-ign-secondary uib-tab-heading span:nth-child(2) {
    display: block !important;
    font-size: 1.5em;
  }
  .navbar-ign-secondary .nav-tabs>li>a {
    padding-top: 9px;
  }
}

.ign-back-main>a>i {
  position: relative;
  top: 3px;
  left: -5px;
}

@media (max-width: 795px) {
  .tab-container {
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
}

@media (max-width: 768px) {
  .navbar-nav {
      float: left !important;
      margin: 0px;
  }
  .navbar-ign-secondary {
    width: calc(100% - 60px);
  }
  .ign-back-main>a{
    width: 10px !important;
    overflow: hidden
  }
}

.navbar-ign-secondary .nav-tabs > li > a {
  /*background-color: #f2f2f2;*/
  color: #5f5f5f;
  border-radius: 0px;
  /*border-top: 5px solid #f2f2f2;*/
  border: none;
  /*font-weight: bold;*/
  font-size: 14px;
  padding-right: 50px;
  padding-left: 50px;
}
.navbar-ign-secondary .nav-tabs > li > a:hover,
.navbar-ign-secondary .nav-tabs > li > a:focus {
  border: none;
  color: #F7F8F4;
  background-color: #71777A;
  border-radius: 4px 4px 0px 0px;
}

.navbar-ign-secondary uib-tab-heading span:nth-child(2) {
  display: none;
}

.navbar-ign-secondary.nav-tabs > li:hover > a {
  background-color: #71777A;
  color: white;
}

.navbar-ign-secondary .nav-tabs > li.active > a {
  background-color: #f7f8f3;
  color: #5f5f5f;
  border-right: none;
  border-left: none;
  border-radius: 4px 4px 0px 0px;
}

.rlt-left-col {
  border-right: solid 1px;
  color: #71777A;
}
.rlt-right-col {
  border-left: solid 1px;
  color: #71777A;
}
.rlt-mid-col {
	border-right: solid 1px grey;
	border-left: solid 1px grey;
}

.row .rlt-swiper {
  margin-right: -5px;
  margin-left: -5px;
}

.tab-container {
  padding-left: 30px;
  padding-right: 30px;
  /*border-top: 1px solid #F7F8F4;*/
}

.modal-backdrop {
    display: none;
}
.modal-backdrop.fade {
    background-color: black;
    display:block;
    z-index:2000
}
.modal.fade {
    z-index:2001
}
#modalCliche {
  top: 40px;
  z-index: 0px;
}

.modal-dialog {
  width: 400px;
}

.modal-dialog button.close {
  // TODO add something
}

.modal-body {
  height : 350px;
  padding: 0px;
  overflow: auto;
  background-color: white;
}
.modal-body.jumbotron {
/*  height : 320px;*/
}
.modal-body-attention {
  height: 150px;
  padding: 10px;
}
.modal-body-share {
  height: 175px;
  padding: 10px;
}

.modal-header {
  border-bottom: 0;
  height: 40px;
}

.modal-body iframe {
  width: 100%;
  height: 100%;
}

@media (min-width:1000px) and (min-height:820px){
  .modal-dialog-poster {
    width: 960px;
  }

  .modal-body-poster {
    height: 780px;
  }
}

.modal-cliche {
  width: 100%;
  height: 100%;
  margin: 0px;
}
.modal-cliche>.modal-content {
  height: 100%;
  border-radius: 0px;
  background-color: #f7f8f3;
  border: 0px;
}
.modal-body-cliche {
  height: 100%;
  font-size: 12px;
}

.modal-cliche-non-dispo {
  width: 270px;
  margin: 250px auto;
}
.modal-cliche-non-dispo>.modal-content{
  border-radius: 0px;
  background-color: #f7f8f3;
}
.modal-body-cliche-non-dispo {
  font-size: 12px;
  height: 250px;
}
.modal-body-cliche-non-dispo .navbar {
  min-height: 30px !important;
}
.modal-body-cliche-non-dispo div {
  padding: 5px 20px;
}
.modal-body-cliche-non-dispo .apercu-cliche-link {
  bottom: 0px;
  position: absolute;
}

.modal-body-cliche-non-dispo button {
  color: #286383;
  font-size: 28px;
}
.modal-iip-help {
  top: 120px;
  color: yellow;
}

.modal-iip-help p {
  color: yellow;
}

.modal-iip-help .modal-body {
  background-color: transparent;
}

.cac-app-container {
  width: 100% !important;
}

#dematLayerSubmenu {
    right: 60px;
}


span.open i {
  color: orange;
}
span.open i:hover {
  color: orange;
}

.ign-carousel {
  padding-right: 30px;
  padding-left: 30px;
}

.scroll-prev {
  position: absolute;
  left: -15px;
  height: 40px;
  top: 0px;
  border: none;
  background-color: transparent;
  padding: 0px;
}

.scroll-next {
  position: absolute;
  right: 0px;
  height: 40px;
  top: 0px;
  border: none;
  background-color: transparent;
  padding: 0px;
}
.mission-item-swiper {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mission-item  {
  margin-right: 10px;
  height: 100%;
  background-color: #e5e5e5;
  display: inherit;
  cursor: pointer;
  background-color: #e5e5e5 !important;
  border-color: white !important;
  width: 80px;
}
.mission-item  p {
  padding: 10px;
  font-weight: bold;
  color: #3998ac;
}

.mission-item p:hover {
  color: #5f5f5f;
}

.mission-item.selected {
  background-color: #3998ac !important;
}
.mission-item.selected p {
  color: white;
}

.fa-square{
  color:white;
  height: 20px;
  width: 20px;
}

.fa-eur {
  padding-left: 5px;
}

.fa-square.P{
  color: transparent;
  background: grey;
  background: -webkit-linear-gradient(left top,white 20%,black 80%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right,white 20%,black 80%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right,white 20%,black 80%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right,white 20%,black 80%); /* Standard syntax */
}

.fa-square.IRC{
  color: transparent;
  background: grey; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top,white 20%,red 80%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right,white 20%,red 80%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right,white 20%,red 80%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right,white 20%,red 80%); /* Standard syntax */
}

.fa-square.IR{
  color: transparent;
  background: grey; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top,white 20%,grey 80%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right,white 20%,grey 80%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right,white 20%,grey 80%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right,white 20%,grey 80%); /* Standard syntax */
}

.fa-square.C{
  color: transparent;
  background: red; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top,white,red,orange,yellow,green,blue,violet,white); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right,white,red,orange,yellow,green,blue,violet,white); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right,white,red,orange,yellow,green,blue,violet,white); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right,white,red,orange,yellow,green,blue,violet,white); /* Standard syntax */
}

.infinite-scroll-container {
 /* display: inline-block;
  white-space: nowrap;*/
  height: 40px;
}

.swiper-container {
  height: 40px;
  margin-left: 10px;
  margin-right: 10px;
}
.swiper-button-disabled {
  display: none;
}

#wrapper {
  position: absolute;
  z-index: 1;
  top: 45px;
  bottom: 48px;
  width: calc(100% - 15px);
  overflow: hidden;
}

#scroller {
  position: absolute;
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  width: 3000px;
  height: 100%;
  /*background-color: #a00;*/
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

#scroller ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}

#scroller li {
  display: block;
  border-right: 6px solid transparent;
  background-color: transparent;
  font-size: 14px;
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-button-prev {
  left: -4px;
  top: 55px;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next {
  right: -4px;
  top: 55px;
  background-size: 20px 20px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23202020'%2F%3E%3C%2Fsvg%3E");
}

.iipmooviewer img.logo {
  display: none;
}
.menu-apercu-cliche {
  width: 270px;
  height: 100%;
  background-color: #f7f8f3;
}

.menu-apercu-cliche div {
  padding: 5px;
}

.menu-apercu-cliche span {
  opacity: 1;
  padding: 5px;
  font-weight: lighter;
  font-size: 28px;
  bottom: 0px;
  position: absolute;
}

.menu-apercu-cliche button {
  opacity: 1;
  padding: 5px;
  font-weight: lighter;
  font-size: 28px;
  right: 0px;
  position: absolute;
  color: white;
}

.menu-apercu-cliche button:hover {
  color: white;
}

.apercu-cliche-iip {
  width:calc(100% - 270px);
  height:100%;
  float: left;
  position: relative;
  background-color: black;
}
.apercu-cliche-links {
}
.modal-body-cliche .apercu-cliche-link:nth-child(3) {
  border-top: 1px solid black;
  margin-bottom: 10px;
}

.menu-apercu-cliche .navbar {
  background-color: black;
  color: white;
  border: none;
  border-radius: 0px;
  height: 40px;
}

.menu-apercu-cliche .navbar>strong {
  padding-left: 10px;
  line-height: 40px;
}

.apercu-cliche-link {
  width: 100%;
  text-transform: uppercase;
  font-weight: bold;
  color:#286383;
  background-color: #e5e5e5;
  height: 40px;
}
.apercu-cliche-link::nth-child(2) {
  border-bottom: 1px solid black;
  margin-bottom: 10px;
}

.apercu-cliche-link a {
  color:#286383;
  font-size: 12px;
}

.apercu-cliche-link i {
  padding: 5px 10px;
  font-size: 18px;
}

.rlt-more-link {
  bottom: -20px;
  position: absolute;
  font-size: 16px;
}

#spinnerCliche div {
    background: white !important;
}

/* formulaire */

#modalNousEcrire {
  font-size: 12px;
}

#modalNousEcrire .jumbotron {
  padding-right: 50px;
  padding-left: 50px;
}

#modalNousEcrire form {
    width: 300px;
    margin: auto;
}

#modalNousEcrire input{
    border: 1px solid #bbb;
    font-size: 1.2em;
    width: 100%;
    display:block;
    margin:5px 0px 12px;
    padding:5px;
    border-radius: 4px;
    -webkit-border-radius:4px;
    -o-border-radius:4px;
    -ms-border-radius:4px;
}

#modalNousEcrire select {
    margin-bottom: 10px;
}

#modalNousEcrire input[type=submit] {
    cursor: pointer;
    width:80px;
    margin:auto;
    text-align : right;
    box-shadow: 0 0 5px rgba(200, 200, 200, .9);
    -moz-box-shadow: 0 0 5px rgba(200, 200, 200, .9);
    -webkit-box-shadow: 0 0 5px rgba(200, 200, 200, .9);
    -ms-box-shadow: 0 0 5px rgba(200, 200, 200, .9);
}

#modalNousEcrire label{
    font-weight:bold;
}

#modalNousEcrire textarea {
  height: 100px;
}

#form_message{
    display: block;
    height: 70px;
    width: 305px;
}

#form_cancel{
    display: inline;
}

#form_send{
    display: inline;
    background-color: #256285;
    border: 0 none;
    color: white;
    margin: 0.2em;
    padding: 0.3em 2em;
    font-size: 14px;
    cursor: pointer;
}

.faqVideo{
	margin-left: auto;
    margin-right: auto;
    display: block;
}

.ol-swipe {
  top: calc(100% - 11px);
  left: calc(100% - 16px);
}

.ol-control.vertical,
.ol-control.horizontal {
  background-color: transparent !important;
}
.ol-control.vertical > button {
  border: 20px solid;
  border-top: none;
  border-color: rgb(0, 60, 136) transparent;
  background-color: transparent !important;
}
.ol-control.horizontal > button {
  border: 20px solid;
  border-top: none;
  border-color: rgb(0, 60, 136) transparent;
  transform: rotate(-90deg);
  background-color: transparent !important;
}
.ol-swipe::after,
.ol-swipe::before {
  content: none;
}
.ol-swipe button:before,
.ol-swipe button:after {
  content: none;
}
.ol-swipe.iframe button{
	border-color: transparent;
}
.disabledButton {
    pointer-events: none;
    opacity: 0.4;
}