/*Complément à Bootstrap - Spécial ASP.NET/C# 4.5+
    Par Julien Reynier
*/
/*Couleurs du site*/

.cb1 { /* Change width and height */
width:2em;
height:2em;
margin-right:0.1em;
}


html,body {
    background-color: #f5f5eb;
}
.btn-primary {
    background-color: black;
    color: white;
    border-color: white;
}

.btn-primary:focus,
.btn-primary.focus {
 color: black;
    background-color: white;
    border-color: white;
}
.btn-primary:hover {
    color:  #6d6f6a;
    background-color: white;
    border-color: #530000;
}
.btn-default:hover {
     color:  #6d6f6a;
    background-color: white;
    border-color: #6d6f6a;
}
.popover{
    background-color: #212121;
    border: 2px solid white;
    width:18em;
    font-size:120%;
}


/**/
.jr-jumbotron-back {
    background-color: #6d6f6a;
    margin-bottom: 0;
}
.jr-footer {
    background-color: transparent;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    height:50px;
}
.jr-footerColored{
    background-color: #6d6f6a;
    margin-top:0;
}
/*Contenu personnalisable*/
.jr-jumbotron-height90 {
    height: auto;
}
.jr-header {
    margin: 205px 0 20px;
    border-bottom: none;
    margin-bottom: 1px;
}

/**/
.jr-hr {
    background-image:url(/img/top/Menu/_hr.png);
    background-repeat:repeat-x;
    border:hidden;
    height:20px;
   /* width:100%;*/
    margin-top: 0;
    margin-bottom: 0;
}
.jr-hr2 {
    background-color:#f5f5eb;
    background-image:url(/img/top/Menu/_hr.png);
    background-repeat:repeat-x;
    border:hidden;
    height:20px;
   /* width:100%;*/
    margin-top: 0;
    margin-bottom: 0;
}
.jr-imgFooter{
    background-image:url(/img/top/Menu/_hr.png);
    background-repeat:repeat-x;
    height:20px;
    width:100%;
}
.jr-hrYellow {
    color: yellow;
    background-color: yellow;
    height: 3px;
    margin-top: 0;
    margin-bottom: 0;
}
.jr-h-nav {
    font-size: 155%;
    margin-bottom: 5px;
    margin-top: 5px;
    color: white;
}
.jr-modal {       
    position: absolute;    
    left: 0;
    top:0;      
    right:0;
    bottom:0; 
    padding:10px 10px 10px 10px;
}
input[type="radio"] + label
{
    margin-left: 2px;
    margin-right: 2px;
}
/**/
.jr-txtWhite {
    color: white;
}
.jr-txtJaune {
    color: yellow;
}
.jr-txtRouge {
    color: red;
}

.jr-txtTransp{
    color: transparent;
    font-size:0%;
}
.jr-FontAncestory {
font-family:'Ancestory SF';
color:yellow;
font-size:160%;
}
.jr-txtTitleMedium {
font-size:140%;
}

.jr-img60 {
    max-height: 60px;
}
.jr-margeDroiteS {
    margin-left:0;
    margin-right:15px;
}
.jr-marginRightNul{
    margin-right:0;
}
.jr-margeCotes {
    margin-left: 6px;
    margin-right: 18px;
}
.jr-MarginSideEquilibrate{
    margin-left:auto;
    margin-right:auto;
}
.jr-margeCotesLarges {
    margin-left: 18px;
    margin-right: 18px;
}
.jr-margeCotesNul {
    margin-left: 0;
    margin-right: 0;
}
.jr-margeHautesNul {
    margin-top: 0;
    margin-bottom: 0;
}
.jr-MarginBottomMini {
    margin-bottom: 5px;
}
.jr-MarginBottomSmall {
    margin-bottom: 10px;
}
.jr-MarginBottomMedium {
    margin-bottom: 20px;
}
.jr-MarginBottomlarge {
    margin-bottom: 30px;
}
.jr-MarginBottomXlarge {
    margin-bottom: 45px;
}
.jr-marginBottomXXlarge {
    margin-bottom: 80px;
}
.jr-marginTopLarge {
margin-top:75px;
}
.jr-marginTopMedium {
    margin-top: 20px;
}
.jr-marginHautesSmall {
    margin-top: 15px;
    margin-bottom: 15px;
}
.jr-marginHautesMini {
    margin-top: 5px;
    margin-bottom: 5px;
}
/**/
.jr-carousel{
  width:auto;
  max-height: 460px !important;
  background-color:black;
}
.carousel-control {
top:50%;
bottom:50%
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
 max-height:460px !important;

}
.carousel-indicators {
  bottom: 0;
  background-color:black;
}
.carousel-caption {
    bottom:0;
    padding-bottom:-5px;
    text-shadow: -2px -2px 16px 16px rgba(0, 0, 0, 1);
  }
/**/
.slider {
    min-height: 80px;
    height: 100%;
    max-height: 300px;
    width: auto;
    text-align: center;
    vertical-align: central;
    display: block;
    align-items: center;
    justify-content: space-between;
    background-color: black;
    padding-bottom: 5px;
}
/**/
.jr-IconeSmall{
    max-height:150px;
    max-width:150px;
}
/**/
.jr-boutonTopRelative {
    position: relative;
    top: 0;
    left: 0;
}
.jr-boutonTopAbsolute {
    position: absolute;
    top: 10px;
    left: 10px;
}

.jr-Button-Primary {
padding-top:0;
margin-top:0;
color:white;
}
.jr-Button-Primary:hover {
    color: black;
    background-color: white;
    border-color: #530000;
}
.jr-Button-Secondary {
padding-top:0.1em;
padding-bottom:0.1em;
margin-top:0;
color: white;
background-color: black;
font-size:100%;
}
.jr-Button-Secondary:hover {
    color: #6d6f6a;
    background-color: white;
    border-color: #530000;
}
/**/
.jr-link {
     background-color:b#6d6f6a;
    color:white;
    font-size:80%;
  
}
.jr-link:hover {
    background-color:white;
    color:black;
}
/**/
.jr-alertSmallHeight{
    height:30%;    
}
/**/
.jr-encadreBlanc {
border:1px solid white;
}
/**/
.jr-Height300 {
    max-height: 300px;
}
.jr-sizeAuto {
    width: auto;
    height: auto;
}
.jr-FullWidth{
    max-width: 100%;
    width: 100%;
}
/**/
.jr-loading {
  background: #f5f5eb url('') no-repeat fixed center;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    opacity: 0.8;
}
.jr-loading2 {
    background: #f5f5eb url('') no-repeat fixed center;
    visibility:hidden;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    
}
.jr-imgLoading{
    position:fixed;
    margin:50%,50%,50%,50%;
   
}
.jr-logo{
    height:200px;
}
.jr-imgButtons{
    height:180px;
}
/*Bootstrap override*/

/* Resolution pour le collapse: 1110px*/
/* La gauche à gauche et droite à droite*/
@media (max-width: 1430px) {
    .jr-imgButtons {
        height: 160px !important;
    }
    .jr-logo{
    height:160px !important;
}
}
@media (max-width: 1250px) {
    .jr-imgButtons {
        height: 150px !important;
    }
    .jr-logo{
    height:150px !important;
}
}
@media (max-width: 1200px) {
.jr-imgButtons{
    height:130px !important;
}
.jr-logo{
    height:140px !important;
}
}
/*Mode mobile*/
    @media (max-width: 1115px) {
        .jr-imgButtons{
    height:130px !important;
}
.jr-logo{
    height:125px !important;
}

    .jr-link {
     background-color:#6d6f6a;
    color:white;
    font-size:60%;
  
}
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);      
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
 
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
     padding-top: 40px;
      padding-bottom: 20px;
  }
}