@Font-face
{
    font-family: "ZillaSlab-Medium";
    src: url('../fonts/ZillaSlab-Medium.ttf');
}
@font-face {
    font-family: "roboto-regular";
    src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'montserrat-medium';
    src: url('../fonts/Montserrat-medium.ttf');
}

* {
    font-family: "roboto-regular";
}

body {
    overflow-x: hidden;
}

.pagination > .page-item > .page-link {
    background-color: white !important;
    border-color: #dee2e6 !important;
    color: #c30040 !important;
}

.pagination > .active > .page-link {
    background-color: #c30040 !important;
    border-color: #c30040 !important;
    color:white !important
}

.pagination > .disabled > .page-link {
    background-color: #dee2e6 !important;
    border-color: white !important;
    color:#6c757d !important
}

.main {
    /*background: url("../img/marble-surface-2341290.jpg");*/

    background-color: rgb(245,245,245);
    background-size: cover;
    padding-top: 130px;
}

@media (min-width: 375px) and (max-width: 455px ){
    .main{
        padding-top: 113px;
    }
}

@media (min-width: 532px) and (max-width: 800px ){
    .main{
        padding-top: 145px;
    }
}
@media (min-width: 801px) {
    .main{
        padding-top: 100px;
    }
}

.title-header {
    font-size: 40px;
}

h1{
    font-family: "montserrat-medium";
    font-size: 25px;
    color : #c30040;
    display:inline-block;
}

table.dataTable {
    background-color: white;
}

.titlePage {
    overflow: hidden;
    background-color: #c30040;
    color: white;
    padding: 0.5em;
    margin-bottom: 1%;
}

.nav-link{
    color:#c30040 !important;
}

.nav-link.active{
    color:white!important;
    background-color: #c30040!important;
}


@media all and (max-width: 1024px){
    h2 span {
        font-size: 20px;
    }
}

.fancybox-image {
    background-color: white !important;
}

.fa-map-marker-alt {
    padding-bottom: 5px;
    padding-right: 5px;
}

.fa-envelope-open-text, .fa-candle-holder, .fa-camera-alt{
    padding-bottom: 5px;
    padding-right: 5px;
    color: #c30040;
}

.fa-sign-in-alt {
    padding-bottom: 5px;
    padding-right: 5px;
    color: white;
}


/*---------------------------------- couleurs personnalisées -------------------------------------*/


.pink {
    color: #C30040;
}
.bg-lightblue {
    background-color : #C4E1F3;
}

.bg-pink {
    background-color: #c30040;
}
.darkblue {
    color : #03447E;
}
.lightblue {
    color : #66A1C5;
}

.bg-aliceblue {
    background-color: aliceblue;
}

.bg-babypink {
    background-color: rgb(254, 246, 255);
}

.bg-lightgrey {
    background-color: rgb(242, 242, 242);
}

.btnColor{
    background-color: #c30040;
    color:white;
}
.btnColor:hover{
    background-color: #c30040;
    color: white;
}
.textColor {
    color: #03447E;
}


/*------------------------------------------------- fils d'ariane - heure ------------------------------------------------*/


.info-ouverture {
    background-color: #F6F6F6;
    margin-bottom: 10px;
    border:1px solid #c30040;

}




/*---------------------------------- animations -------------------------------------*/

.grow:hover
{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition-duration: 0.10s;
}

.grow2:hover
{
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    transition-duration: 0.10s;
}


/*---------------------------------- footer always on bottom -------------------------------------*/

/*.main {*/
/*    min-height: calc(100vh - 164px);*/
/*    !* 80px header + 40px footer = 120px  *!*/
/*}*/