.ciweb-map{
    width: 100%;
    height: 300px;
}

.titleMenu{
    color:white; 
    font-size:2.5em;
}

.logoTop{
    position: absolute;
    margin-left: 505px;
    margin-top: 10px;
}


.eventTitle{
    font-size: 1.5em;
    margin-top: 0px !important;
}

#calendar {
    max-width: 100%;
    margin: 0 auto;
}

.bannerCalendar{
    background-image: url('https://www.lctri.nc/images/calendrierBG.jpg');
    background-size: cover;
    position: relative;
    padding: 170px 0px 90px;
}
.bannerContact{
    background-image: url('https://www.lctri.nc/images/contactBG.jpg');
    background-size: cover;
    position: relative;
    padding: 170px 0px 90px;
}
.bannerCalendar h2 {
    font-size: 50px;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0px;
    display: inline-block;
    font-weight: 800;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.bannerContact h2 {
    font-size: 50px;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0px;
    display: inline-block;
    font-weight: 800;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.bannerLigue{
    background-image: url('https://www.lctri.nc/images/ligueBG.jpg');
    background-size: cover;
    position: relative;
    padding: 170px 0px 90px;
}
.bannerLigue h2 {
    font-size: 50px;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0px;
    display: inline-block;
    font-weight: 800;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

@media (min-width: 992px) and (max-width: 1199px){
	.titleMenu{
        font-size:2em;
    }
}

@media (max-width: 991px){
	.titleMenu{
        margin-top:0.4em;
    }
}

@media (max-width: 1199px){
	.logoTop{
        margin-left: 380px;
    }
}

@media (max-width: 1024px){
	.logoTop{
        margin-left: 365px;
    }
}
@media (max-width: 991px){
	.logoTop{
        margin-left: 350px;
    }
}

@media (max-width: 576px){
	.logoTop{
        margin-left: 320px;
    }
}
@media (max-width: 500px){
	.logoTop{
        margin-left: 61%;
        width:70px;
    }
}
@media (max-width: 767px){
	.eventTitle{
        margin-top: 1em !important;
    }
    .eventBtn{
        margin-top: 0.5em;
    }
}

@media (min-width: 767px){
	.toBottom{
        position:absolute;
        left:0;
        bottom:0;
    }
}
/* @media (max-width: 449px){
	.logoTop{
        margin-left: 275px;
    }
}
@media (max-width: 428px){
	.logoTop{
        margin-left: 265px;
    }
}
@media (max-width: 410px){
	.logoTop{
        margin-left: 255px;
    }
}
@media (max-width: 400px){
	.logoTop{
        margin-left: 248px;
    }
}
@media (max-width: 390px){
	.logoTop{
        margin-left: 238px;
    }
}
@media (max-width: 380px){
	.logoTop{
        margin-left: 230px;
    }
}
@media (max-width: 373px){
	.logoTop{
        margin-left: 225px;
    }
} */