:root {
  --jumbotron-padding-y: 1.5rem;
}

.jumbotron {
  padding-top: var(--jumbotron-padding-y);
  padding-bottom: var(--jumbotron-padding-y);
  margin-bottom: 0;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 2);
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}
html
{
	background: #f8f9fa;
}

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.nav-right
{
  float: right;
}
.logo
{
  display: flex;
  margin: auto;
  text-align: center;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.logo .jumbotron-heading .description
{
  display: inline-block;
  font-size: 60px;
  font-weight: 400;
  color: #fff ; 
  margin-left: 15px ; 
  font-family: 'Open Sans', sans-serif;
}
.input-group-append , 
.input-group-append .input-group-text 
{
  background: #70b71d ; 
}
.input-group-append .input-group-text  i
{
  color: #fff ; 
}
.input-group input.form-control
{
  border-radius: 15px ; 
}
.input-group
{
  height: 40px ; 
}
.input-group-append span.input-group-text,
.input-group-append 
{
  border-radius: 0 15px 15px 0;
  border : none ;
}
section.jumbotron
{
  background: #232029 ; 
  border-radius: 0 ;  
}
.form-control:focus
{
  border:none; ;
  box-shadow: none;
}
.cover-container
{
  max-width: 32em ; 
}
.reseau-fibladi .item img
{
  width: 75px ; 
  margin: auto;
  display: table;
}
.reseau-fibladi .item h4
{
  text-align: center;
  font-size: 14px ; 
  margin-top: 10px ; 
  color: #000 ; 
}
.reseau-fibladi .item a:hover
{
  text-decoration: none;
}
.reseau-fibladi
{
  background-color: #f1f1f1;
}
.reseau-fibladi .item
{

  border-right :1px solid #cecece ; 
  margin-bottom: 15px ; 
}
.reseau-fibladi .item.noborder
{
  border : none;
}
.nav.nav-masthead
{
  float: right;
  width: 100% ;
  display: initial; 
}
.nav-link
{
  float: right;
}
.navbar.navbar-dark
{
  background-color: #232029 !important ; 
}
.navbar a 
{
  color: #e1dee5  ; 
}
.navbar .nav-link.color-red-fibladi
{
  color: #fe3301 ;  
}
#external_nav
{
	width: initial !important;
}
@media (max-width: 768px)
{
  .navbar .nav-link.color-red-fibladi
  {
    float: left;
  }
  .navbar a
  {
    /*width: 100%  */
  }
  .hide-mobile
  {
    display: none;
  }
  .logo .jumbotron-heading .description
  {
    font-size: 40px ; 
  }
  .logo img
  {
    width: 70px ; 
  }
}
@media (max-width: 425px)
{
  .col-sm-6 
  {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  #external_nav
  {
    float: left !important;
  }

}
	
#searchButton:hover
{
	cursor: pointer; 
}


.row.item {
  text-decoration: none;
}

.row.item:not(:last-child) {
  border-bottom: 1px solid darkgrey !important;
  padding-bottom: 5px !important;
}

.row.item img {
  border: 1px solid darkgray;
  padding: 10px;
  border-radius: 5px;
  width:75px;
}

.row.item h4 {
  font-weight: 900;
  font-size:20px;
  margin-top:20px;
  margin-bottom:5px;
}

.row.item p {
  font-size: 14px;
  color:gray;
}

.div-img {
  margin-right:1em;
}

@media(max-width: 480px) {
  .row.item {
    text-decoration: none;
    margin-left: -10px;
  }

  .row.item img {
    border-radius: 0.5em;
    width:4.5em;
  }

  .div-img {
    margin-right:0.5em;
  }

  .row.item h4 {
    font-size:1.2em;
  }

  .row.item p {
  font-size: 0.7em;
}

@media(max-width: 320px) {
  .row.item {
    text-decoration: none;
    margin-left: -10px;
  }

  .row.item img {
    border-radius: 0.5em;
    width:3.5em;
  }

  .div-img {
    margin-right:0.5em;
  }

  .row.item h4 {
    font-size:0.9em;
  }

  .row.item p {
    font-size: 0.6em;
  }

}