/* -- Modifications -- */
/* Rajout pour les sites de rencontres */

/* Valable pour toutes les tailles */
.navbar-inverse {
    background-color: #00627f;
    border-color: #005670;
	background-image: linear-gradient(to bottom, #00627f 0%, #1195bc 100%);
    background-repeat: repeat-x;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a {
    background-color: #00627f;
    background-image: linear-gradient(to bottom, #00627f 0%, #1195bc 100%);
    background-repeat: repeat-x;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.25) inset;
}

.navbar-toggle {
	background-color:#333;
}

.navbar-inverse .navbar-nav > li > a {
	color:#FFF;
  }

.navbar-brand {
    float: left;
    font-size: 18px;
    line-height: 20px;
    padding: 0px;
	padding-top:5px;
	max-width:200px;
}

.navbar-brand > img{
	width:100%;
}

.navbar li:hover,li:active
{
	background-color:#1db0dc;
	
}
.navbar  .dropdown li:hover,li:active{
	background-color:transparent;
	
}
.navbar-right li:hover,li:active{

	background-color:transparent;
	
}


@media (max-width: 425px){

}

@media (max-width: 767px) {

#navbar{
	max-height:none;
	padding-bottom:10px;
}

.navbar-nav a{
	color:#FFF;
}

.navbar-collapse {
    border-top: 0px;
    box-shadow:none;
}

.navbar-header{
	border-bottom:none;
	
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top {
   /* position:static;*/
}

.navbar-nav .glyphicon{
	visibility:visible;
	color:#FFF;
}

.navbar-nav .navbar-form,.form-group{
	text-align:center;
}

.navbar-nav .navbar-form .btn,.form-control{
	width:100%;
	display:inline;
}

.navbar-nav > li > a{
	border-bottom: 1px solid #333;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
}

.navbar-nav .open .dropdown-menu{
    background-color:#00627f;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eee;
    border-color: #333;
}


.navbar-right .open .dropdown-menu{
    background-color:transparent;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
	color:#FFF;
}

.navbar-brand {
	padding-left:10px;
}

.navbar-right .btn{
	width:100%;
}

.navbar-right {
    margin: 8px -15px;
    padding: 10px 15px;
}

.navbar-right > li{
	margin-bottom:3px;
}

.dropdown-header{
    color: #fff; 
    display: block;
    font-size: 14px;
    line-height: 1.42857;
    padding: 3px 0px;
    white-space: nowrap;
}

  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 5px;
  }

.navbar-form {
    border-bottom: 0px solid transparent;
    border-top: 0px solid transparent;
    box-shadow: 0 0px 0 rgba(255, 255, 255, 0.1) inset, 0 0px 0 rgba(255, 255, 255, 0.1);
	padding:4px 0px 4px 0px;
	margin:0;
}

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
   color: #fff;
   background-color:#1db0dc; 
  }
   
   .navbar-nav .dropdown-menu > li > a:hover,
   .navbar-nav .dropdown-menu > li > a:focus {
   background-color: #1db0dc;
   background-image:none;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);

}

}

@media (min-width: 768px){

.navbar-right > li{
	margin-right:3px;
}

.navbar-right .lang{
	min-width:55px;
	text-align:center;
}

.navbar-form {
	padding:10;
	margin:0;
	
}

.navbar-form .form-group{
	width:100%
}

.navbar-form .form-control{
	width:100%;
	
}
.navbar-form .btn,.intput,.select{
	width:100%;
}

.dropdown-header {
    color: #ff6c00; 
    display: block;
    font-size: 18px;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;
}

.droprecherche{
	width:300px;
	
}

.btn-typerencontre{
margin:0px 5px;
}

}

@media (min-width: 768px) and (max-width: 991px) {
  
.navbar-nav{
	padding-left:10px;
  }

.navbar-nav > li > a{
  font-size:15px;
  padding:15px 5px 15px 5px;
  }
  
  .navbar-nav .glyphicon{
	 
  }
  

 
 .navbar-right .btn {
  padding: 2px 5px;
  font-size: 14px;
  line-height: 1.6;
  border-radius: 3px;
 }
 
  .navbar-right .drapeaux {
	  width:14px;
	  height:14px;
 }
 
 .navbar-right {
    margin-top:10px;
}
  
  
}

@media (min-width: 992px) and (max-width: 1199px) {
  
.navbar-nav > li > a {
  font-size:16px;
  padding:15px 12px 15px 12px;
  }
 .navbar-right {
    margin-top:10px;
}

 .navbar-right .btn {
   padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
 }
 
   .navbar-right .drapeaux {
	  width:20px;
	  height:16px;
 }
  
}

@media (min-width: 1200px) {

 .navbar-right {
    margin-top:8px;
}

.navbar-nav > li > a {
  font-size:18px;
  padding:15px 15px 15px 15px;
  }
  
  .navbar-nav{
	  padding-left:20px;
  }
  
}

@media (min-width:770px){
	
.boutonnavbar{
	 display:none;
 }	
	
}