html {
  font-family: 'Open Sans Condensed', sans-serif;
  background-color:#23a5b2;
}

body {
    padding-top: 50px;
    background-color:#23a5b2;
    color:white;
}

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

a:link {
  color: #0d485a;
}
a:visited {
  color: #0d485a;
}
a:hover {
  color: red;
}
a:active {
  color: red;
}

.font_s {
  font-family: 'Indie Flower', cursive;
}

h1,h2,h3,p,span,li,a, {
    
    font-family: 'Open Sans Condensed', sans-serif;
    
     /*
  font-family: 'Indie Flower', sans-serif;
  */
}

.row{
    padding-bottom: 10px;
}

.tarif{
    font-size: 1.7em;
}

.jumbotron h1 {
    font-size: 2.5em;
}

.txt_important{
    font-weight: bold!important;
    font-size : 1.5em!important;
}

.div_centrer {
  text-align: center;
}

.jumbotron{
    padding-bottom: 0px;
    padding-top: 0px;
    background-color:#23a5b2;
}

.starter-template {
 padding: 40px 15px;
 text-align: justify;
}

.navbar-default {
  background-color: #0d485a;
  border-color: #20728b;
}
.navbar-default .navbar-brand {
  color: #ffffff;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #ffffff;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #0d485a;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  background-color: #20728b;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
  background-color: #20728b;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ffffff;
  background-color: #20728b;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #20728b;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #20728b;
}
.navbar-default .navbar-toggle {
  border-color: #20728b;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #20728b;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #20728b;
}
}