.row{
	border-radius: 4px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

	/*padding-left: 4px;
    padding-right: 4px; */ 

}

	
/*bootstrap badge*/
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #009B00;
  border-radius: 20px; 
  
  /*border:1px solid silver;*/
}
/* .badgeAlert{
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border:1px solid silver;
  border-radius: 20px;
  
  background-color: #008B00;
} */
.badge:empty {
  display: none;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

/*!
 * SOCIAL
 */

.social-icons {
width:116px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
}

.social-icons a {
padding: 0px;
margin:0px 2px 0px 2px;
border-radius: 50%;
color: #fff;
width: 25px;
height: 25px;
opacity: .7;
transition: opacity .4s;
display: block;
float:left;
}

.social-icons .facebook {background: #3b5998;}
.social-icons .twitter {background: #7ac9ed;}
.social-icons .googleplus {background: #d74d2f;}
.social-icons .envelope {background: #f67f00;}

.social-icons a:hover,.social-icons a:active,.social-icons a:focus {opacity: 1;}

/*!
 * BUTTONS
 */

 /* 
.btn_quickstart {
  color: #fff;
  background-color: #c9302c;
  border-color: #c9302c;
}
.btn_quickstart:hover,
.btn_quickstart:focus,
.btn_quickstart:active,
.btn_quickstart.active,
.open > .dropdown-toggle.btn_quickstart {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn_settings {
  color: #fff;
  background-color: #658100;
  border-color: #658100;
}
.btn_settings:hover,
.btn_settings:focus,
.btn_settings:active,
.btn_settings.active,
.open > .dropdown-toggle.btn_settings {
  color: #fff;
  background-color: black;
  border-color: black;
}

.btn_help {
  color: #fff;
  background-color: #972638;
  border-color: #972638;
}
.btn_help:hover,
.btn_help:focus,
.btn_help:active,
.btn_help.active,
.open > .dropdown-toggle.btn_help {
  color: #fff;
  background-color: black;
  border-color: black;
}

.alert-danger {
  background-color: #e74c3c;
  border-color: #e74c3c;
  color: #ffffff;
}

.btn-primary {
color: #ffffff;
background-color: darkslategray;
border-color: darkslategray;
}

 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #1a242f;
border-color: #161f29;
} 



.btn-info {
color: #ffffff;
background-color: #3498db;
border-color: #3498db;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #217dbb;
  border-color: #2077b2;
}

.btn-xxs, .btn-group-xxs > .btn {
padding: 2px 4px 2px 4px;
font-size: 9px;
border-radius: 2px;
}
 */
 .btn:hover, .btn:focus, .btn.focus
{
  color: silver;
  text-decoration-line: none;
  text-decoration-style: solid;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus
{
/*   outline-width: 4px;
  outline-style: solid;
  outline-color: rgba(0, 0, 0, 0.5);
  outline-offset: -4px; */
  outline:none;
}

.btn-default
{
  font-weight:bold;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #505050; 
	

}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
 border: 1px solid #505050;
}

.btn-green {
/* background-color: #007b00; */
background-color: rgba(0,100,0,0.9);
}
.btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .open > .dropdown-toggle.btn-green {
	border: 1px solid #707070;
 background-color: rgba(0,150,0,0.9);
/*   outline-width: 2px;
  outline-style: solid;
  outline-color: rgba(0, 0, 0, 0.3);
  outline-offset: -2px; */
}

.btn-red {
/* background-color: #7b0000; */
background-color: rgba(100,0,0,0.9);
}
.btn-red:hover, .btn-red:focus, .btn-red:active, .btn-red.active, .open > .dropdown-toggle.btn-red {
	border: 1px solid #707070;
/*  background-color: rgba(150,0,0,1); */ /*rouge clair*/
 background-color: rgba(0,150,0,0.9); /*vert clair*/
/*   outline-width: 2px;
  outline-style: solid;
  outline-color: rgba(0, 0, 0, 0.3);
  outline-offset: -2px; */
}

/* button.close {   
    border: 1px solid rgba(0, 0, 0, 0.5);
} */
/* .btn{
	color:#fff;
} */

.close{
	 color: #fff;	
	 opacity: 0.5;
	 text-shadow: none;
}
.close:hover, .close:focus {
    color: #fff;
	/* border: 1px solid yellow; */
	 opacity: 1;
    cursor: pointer;
}
/*!
 * MODAL
 */
.modal-backdrop.in {
    opacity: 0.6;
}
.modal-backdrop {
  /*  background-color: rgba(0,5,10,1);  bleu foncé */
  background-color: rgba(0,10,20,1);
}
.modal-content {
	/* margin-top: 100px; */
    background-color: rgba(0, 0, 0, 0.8);	
}
.modal-footer {
    text-align: center;	
}

/** modal vertical align **/
.modal {
  text-align: center;
}


@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
/*  */
/** end code modal vertical align **/

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

/*!
 * NAVBAR
 */
 
/*! Bootstrap.css modifié   	

	@media screen and (min-width: 1200px) {
	  .navbar-header {
		float: left;
	  }
	}
	
	@media screen and (min-width: 1200px) {
	  .navbar-collapse {
		width: auto;
		border-top: 0;
		-webkit-box-shadow: none;
				box-shadow: none;
	  }
	  .navbar-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;
		visibility: visible !important;
	  }
	  .navbar-collapse.in {
		overflow-y: visible;
	  }
	  .navbar-fixed-top .navbar-collapse,
	  .navbar-static-top .navbar-collapse,
	  .navbar-fixed-bottom .navbar-collapse {
		padding-right: 0;
		padding-left: 0;
	  }
	}
	
	@media screen and (min-width: 1200px) {
	  .container > .navbar-header,
	  .container-fluid > .navbar-header,
	  .container > .navbar-collapse,
	  .container-fluid > .navbar-collapse {
		margin-right: 0;
		margin-left: 0;
	  }
	}

	@media screen and (min-width: 1200px) {
	  .navbar > .container .navbar-brand,
	  .navbar > .container-fluid .navbar-brand {
		margin-left: -15px;
	  }
	}

	@media screen and (min-width: 1200px) {
	  .navbar-toggle {
		display: none;
	  }
	}

	@media screen and (max-width: 1200px) {
	  .navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
				box-shadow: none;
	  }
	  .navbar-nav .open .dropdown-menu > li > a,
	  .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	  }
	  .navbar-nav .open .dropdown-menu > li > a {
		line-height: 20px;
	  }
	  .navbar-nav .open .dropdown-menu > li > a:hover,
	  .navbar-nav .open .dropdown-menu > li > a:focus {
		background-image: none;
	  }
	}
	@media screen and (min-width: 1200px) {
	  .navbar-nav {
		float: left;
		margin: 0;
	  }
	  .navbar-nav > li {
		float: left;
	  }
	  .navbar-nav > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	  }
	}
	
	@media screen and (min-width: 1200px) {
	  .navbar-left {
		float: left !important;
	  }
	  .navbar-right {
		float: right !important;
		margin-right: -15px;
	  }
	  .navbar-right ~ .navbar-right {
		margin-right: 0;
	  }
	} 
	
*/
 
 
.navbar {
    margin-bottom: 0px;
		z-index: 1030;
}
.navbar-nav{
	height:60px;
	padding-top:0px;

}
.navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > li > button {
   background-color: rgba(0,0,0,0.4);
    color:white;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > button:hover, .navbar-default .navbar-nav > li > button:focus {
	 background-color: rgba(0,0,0,0.5);
	 color:yellow;
	 border-radius: 4px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > button:hover, .navbar-default .navbar-nav > .active > button:focus {
    background-color: rgba(0,0,0,0.5);
    color: yellow;
	border-radius: 4px;
}

.navbar-default, .navbar-collapse{
				border:0px;
				box-shadow: none;
				}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
				 background-color: transparent;
			}
			
.navbar-brand {
float: left;

padding: 10px 15px 0px 15px;
font-size: 18px;
line-height: 20px;

}
.navbar-toggle {
  margin-top: 20px;

  }
  
  .navbar-collapse.collapse {
	  height: 360px;
	 padding-top:84px;
	}
	


/* @media (min-width: @screen-lg-min) { */
@media screen and (min-width:1200px){
	.navbar-nav{
		margin-top: 0px;
		padding-top:8px;
	}	
.navbar-nav > li {
margin-top: 20px;

}	

  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-collapse.collapse {
  margin-top: -72px;
  margin-bottom: 16px;
  } 

  .navbar-brand {
  padding-top: 10px;
  }
}
 
/* @media (min-width: @screen-md-min) and (max-width: @screen-md-max) { */
@media screen and (max-width:1200px) and (min-width:992px){


/* 	.navbar-collapse.collapse {
	  margin-top: 40px;
	  } */
}

/* @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { */
@media screen and (max-width:992px) and (min-width:768px){
	/* .navbar-collapse.collapse {
	  margin-top: 40px;
	  } */
}

/* @media (max-width: @screen-xs-max) { */
 @media screen and (max-width:768px){
	
	
	
	  .navbar-collapse.collapse {
	 /* height: 146px;*/
	  height: 360px;
	 padding-top:48px;
	}
	
	.modal-body { 
		padding:4px;
	}
  .navbar-brand {
  padding-top: 10px;
  }
  .navbar-brand > img {
	width:100px;
	height:100px;
  }
  .modal-dialog {
    min-width: 300px;
  }
} 

 @media screen and (max-width:350px){
	.navbar-toggle{

		margin-top:8px;
		margin-bottom:0px;
						
	}
	.modal-dialog {
    min-width: 200px;
  }
}


/* @media (max-device-width:768px) and (orientation: landscape) {
.navbar-nav{
		height:300px;
	}
} 
@media (max-width:768px) and (orientation: landscape) {
.navbar-nav{
		height:300px;
		
	}
}*/