body {
    font-family: montserrat, sans-serif;
}


/* CLASSES GENERALES */

.texte-couleur-secondaire {
    color: #e53935 !important;
}

.fond-couleur-secondaire {
    background: #e53935 !important;
    color: white;
    border: none;
}

/* Section nav */

#mainNav {
    height: 60px;
}
#mainNav .nav-link,
#mainNav .navbar-brand  {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
}

.navigation-principale {
    background: #455a64;
}

/* Section header */

#mainNav .button-menu{
    background-color: #e53935;
    border: none;
    margin-top: .2rem;
    padding: 0.75rem !important;
    border-radius: 15px !important;
}

#presentation-header {
    padding-top: calc(6rem + 42px);
    padding-bottom: 5rem;
}

#presentation-header .photo-professeur {
    border-radius: 400px;
    width: 300px;
    height: auto;
    margin: auto;
}

.texte-header h1 {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size: 4.5rem;
    text-transform: uppercase;
    color: white;
}

/* Fonctionne pour chaque h3 */

h3 {
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size:2.75rem;
    text-transform: uppercase;
}

h5 {
    color:white;
    font-family: montserrat, sans-serif;
    font-weight: 700;
    font-size:1.25rem;
    text-transform: uppercase;
}

/* Section Informations */

.texte-about h2,
.texte-about p,
.texte-about a {
    color:black;
}

mark {
    background-color: #455a64;
    color: white;
    font-weight: 500;
  }

/* Section Tarifs */

#tarif {
    background: #e6e8e1;
}  

#palmares {
    background: #e6e8e1;
}  


.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
}

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

.nav-tabs > li a {
    font-size: 1.35em;
    color: black;
}

.nav-tabs > li a.active {
    background-color:  #455a64 !important;
    color: white !important;
    font-weight: 700;
}

/* Couleur texte tableau*/


.pres-tarif{
    border: none;
    border-radius: 15px;
    background-color: #455a64;
    color: white;
    margin: auto;
}


.pres-tarif th {
    text-align: center;
    color: yellow;
    font-size: 1.2rem;
    margin-top: 0rem;
}
.pres-tarif tr td:first-child {
    padding-right: 3.5rem;
    padding-left: 2rem;
    font-weight: 700;
}

.pres-tarif tr td:last-child {
    padding-right: 2rem;
}

.pres-tarif th,
.pres-tarif td {
    padding: .75rem;
    border: none;
}

.intro-tarif{
    text-align: center;
    padding-top: 50px;
}

.application-tarif{
    text-align: right;
    padding-top:20px;
    font-weight: 500;
}

.section-page{
    padding-top: 5rem;
    padding-bottom: 3rem;
}

/* Présent dans chaque section */

.section-title {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 2rem;
}

/* Section contact */

#contact{
    margin: auto;
}

#contact input{
    color:black;
    background-color: #e6e8e1;
}

#contact textarea{
    background-color: #e6e8e1;
    color: black;
}

#contact label,
#contact p {
    font-size: 1.1rem;
}

#contact input[type=submit] {
    margin-top:3rem;   
    width: 100%;
    padding: .8rem;
    font-weight: 700;
    color:white;

}

/* Boutton voir plus */

.bouton-toggle {
    display: block;
    margin: auto;
    border: none;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding: .8rem 1rem;
    margin-top: 3rem;
}

/* FOOTER */

a:hover{
    text-decoration:none;
}
.section-padding {
	padding: 30px 0;
}
.bottom {
    background-color: #455a64;
}
.bottom .copyright {
    color: #e6e8e1;
    font-weight: 600;
}
.copyright a {
    color: #e6e8e1;
    margin-left: 3px;
    padding-right: 3px;
}
.bottom p {
    margin-bottom: 0;
    line-height: 10px;
    font-size: 16px;
    font-weight: 400;
}
.copyright p span {
    color: #e6e8e1;
}
#intro-palma{
    background-color: #e95325;
    color: #fff;
    text-align:center;
    width: 1080px;
}
#intro-palma label{
    cursor:pointer;
}

#my-block{
    max-height: 0px;
    opacity: 0;
    line-height:100px;
    border: 1px dotted #fff;
    margin:2px;
    transition: all 1s;
}
 
/* le bloc est visible lorsque la checkbox est cochée */
#toggle-block:checked + #my-block{
    max-height: 3000px;
    opacity: 1;
    transition: all 1s;
}

.taille {
    font-size: 16px;
}

.modal-body{
    color:white;
    font-size: 0.85rem;
}

.modal-content{
    background-color: #455a64;
}

.tarif-btn{
    background-color: #e53935;
    border:none;
}

.connaitre {
    display: block;
    margin: auto;
    border: none;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding: .8rem 1rem;
    margin-top: 3rem;
}

.partenaire {
    display: block;
    margin: auto;
    border: none;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: 700;
    padding: .8rem 1rem;
    margin-top: 1rem;
}


.card {
    background-color: #455a64;
    color:white;
}


.card-body{
    background-color:#e6e8e1;
    background:#e6e8e1;
}