/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html, body {
    width: 100%;
    height: 100%;
}


.body-image{
    background-image: url("../img/bg_sjm_opacite.jpg");
    background-position: center center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;

}

.header-image {
    background-image: url("../img/headermain.jpg");
    background-color: #000000;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
  }



.jumbotron-text {
    font-family: 'Righteous', cursive;
    font-size:45px;
    font-weight: 800;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}  

 
.logo-full {   
    position: absolute;
    top: 100px;
    left: 10px;    
}  


.raleway, .raleway10, .raleway12, .raleway14, .raleway16, .raleway18, .raleway20, .raleway30, .raleway40 {
    font-family: 'Raleway', sans-serif;
   }

.raleway10{
    font-size: 10px;
    }

.raleway12{
    font-size: 12px;
   }

.raleway14{
   font-size: 14px;
}

.raleway16{
    font-size: 16px;
    }

.raleway18{
    font-size: 18px;
    }

.raleway20{
    font-size: 20px;
    }

.raleway30{
    font-size: 30px;
    }      

.raleway40{
    font-size: 40px;
    }        

.righteous, .righteous10, .righteous12, .righteous14, .righteous16, .righteous18, .righteous20, .righteous30, .righteous40, .righteous50 {
    font-family: 'Righteous', cursive;
    }    


.righteous10{
    font-size: 10px;
    }

.righteous12{
    font-size: 12px;
   }

.righteous14{
   font-size: 14px;
}

.righteous16{
    font-size: 16px;
    }

.righteous18{
    font-size: 18px;
    }

.righteous20{
    font-size: 20px;
    }

.righteous30{
    font-size: 30px;
    }      

.righteous40{
    font-size: 40px;
    }        

.righteous50{
    font-size: 50px;
    }      

.color-font-black{
    color:#000000;    
}    

.color-font-white{
    color:#ffffff;    
}    

.font-bold{
    font-weight:800;    
}  

.font-italic{
    font-style:italic;    
}  


.text-align-center{
    text-align: center;
}


.icon-24{
    width:24px;
    height:24px;
}

.icon-48{
    width:48px;
    height:48px;
}


.random-digit {
  border: 1px solid #000;
  width:64px;
  height:64px;
  font-size: 40px;  
}



.container {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.form-control-50 {
    width: 50%;
}

.form-control-30 {
    width: 30%;
}

input::placeholder {
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    }


.inscription-row-even {    
background-color:#ccc;
}


.inscription-row-odd {    
background-color:#a2a0a0;
}


.inscription-align-right {    
text-align: right;
}

.inscription-span-calendar{
	margin-top: 10px;
    padding-left: 5px;
	align-items: center;
}




.div-titre-chapitre {
    margin-top:10px;
    padding-top:5px;
    padding-bottom:5px;
    text-align: center;
    font-family: 'Righteous', cursive;
    font-size: 20px;
    font-weight: 800;
    background-color: #ffffff63;

}


.div-soustitre-chapitre {
    padding-top:10px;
    padding-bottom:10px;
    text-align: center;
    font-family: 'Righteous', cursive;
    font-size: 16px;
   
}


.div-lib-chapitre {
    padding:5px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;  
    color:#3b3838;
}



.div-img-chapitre {
    border: 2px solid #ffffff;    
}


.map-location a{
    color: #ffffff;
}


.label-email {
    font-family: 'Righteous', cursive;
    font-size: 14px;
    font-weight: 800;
}


.button-booking{
    background-color: #ffffff80;
    color: #000000;
    border: 1px solid #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;  
    padding:5px;
    border-radius: 5px;
    text-align: center;
    width: 50px;
}


.fiche-download{
    background-color: #ffffff80;
    color: #000000;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;  
    padding:5px;
    border-radius: 5px;
    text-align: center;
}


.fiche-download-contact{
    color: #ffffff;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;  
    padding:5px;
   
}

.fiche-download-contact a{
    color: #ffffff;
}

.div-main-contact {
    margin-left:700px;
    margin-top:80px;
    z-index: 20;
    }


.button-main-contact {
    background-color: #949494;
    color:#ffffff;
    margin-left:20px;  

}


.navbar{
    z-index: 1000;
}

.navbar-brand {
    font-family: 'Righteous', cursive;
    font-size:16px;
    font-weight: 800;
}

.navbar-bg {
     background-color: #0000007e;
}    

.navbar-nav {
    margin: 0 0;
    z-index:100;
    padding-left: 2rem;
    padding-right: 2rem;

    font-family: 'Righteous', cursive;
    font-size:15px;
    font-weight: 800;
    


}

.nav > li>a {
    padding: 10px 10px;
    line-height:40px;
   
}


.nav > li>a:focus, .nav>li>a:hover {
    background-color: #ffffff;
    color:#949494;
}


.navbar-nav > li>a {
    color:#ffffff !important;
    /*background-color: #f1e726;*/
    /*font-weight:bold;*/
    z-index:100;
    border: 1px solid #ffffff;
    border-radius: 5px;
    margin-left : 3px;
    margin-right : 3px;

}

.navbar-nav > li>a:hover {
    background-color: #ffffff49 !important;
    color:#949494;
}




::selection{
  /*background-color: #c5d02a;*/
  background-color: rgba(197, 208, 42, 0.75);
  color: white;
}

/* Firefox */
::-moz-selection {
  background-color: #c5d02a;
  color: white;
}

.navbarStyle {
    text-transform: uppercase;
    color:#bbc2cb;
    font-weight:bold;
    }

.containerMenu {
    /* border-top:1px solid #4f4e53; */
    border-bottom:1px solid #4f4e53;
     }


.table-tarif{
  width: 100%;
  color:#3b3838;
   
}

.table-tarif th{
    font-family: 'Righteous', cursive; 
    font-size: 14px;
    font-weight: 800;
    text-align: right;
    border-bottom: 1px solid #ffffff;
    
}

.table-tarif td{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    text-align: right;
    border-bottom: 1px solid #ffffff;
}



.table-tarif-natation{
    width: 100%;
    color:#3b3838;
     
  }
  
  .table-tarif-natation th{
      font-family: 'Righteous', cursive; 
      font-size: 16px;
      font-weight: 800;
      text-align: right;
      border-bottom: 1px solid #ffffff;
      
  }
  
  .table-tarif-natation td{
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 16px;
      text-align: right;
      border-bottom: 1px solid #ffffff;
  }



.container-contact {
width:100%;    
margin-top : 20px;
margin-left: 0;
margin-right: 0;    
background-color: #3b3838;
padding:10px;
color:#ffffff;
}

.div-captcha {
background-color: #afafae;
color: #000000;
padding:5px;
border-radius: 5px;

}


.container-footer {
width: 100%;
margin-top : 20px;
margin-left: 0;
margin-right: 0;   
padding:10px;
background-color: #f5f5f5;
}

.container-footer a {
color: #3b3838;
}   


.modal-cookies{
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}


.btn-outline {
    color:#fff; background-color:#000000; border-color:#FFF; border:solid 1px;
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

.lowercase {
  text-transform: lowercase;
  }
  
.uppercase {
  text-transform: uppercase;
  }

    
.aligncenter
{
text-align:center;
}
    
.alignleft
{
text-align:left;
    }
    
.alignright
{
text-align:right;
    }
    



/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}



/* Responsive Styles */


@media only screen and (max-width: 1024px) {

.navbar-bg {
        background-color: #000000;
   }  


.jumbotron-text {  
    font-size:22px;
    font-weight: 800;    
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
}     



.logo-full {   
    width: 10%;
    top: 80%;
    left: 50%;    
    transform: translate(-50%, -50%);    
}  

}




@media only screen and (max-width: 700px) {
      
.navbar-bg {
    background-color: #000000;
}  

.jumbotron-text {  
    font-size:22px;
    font-weight: 800;    
    position: absolute;
    top: 40%;
    left: 10%;
    transform: translate(-5%, -10%);
}     


.logo-full {   
    width: 30%;
    top: 80%;
    left: 50%;    
    transform: translate(-50%, -50%);
}  


}