@font-face{
    font-family: 'SourceSans';
    src: url('../fonts/SourceSans3-Regular.otf.woff2') format('woff2');
    font-weight: normal;
}
@font-face{
    font-family: 'SourceSansBold';
    src: url('../fonts/SourceSans3-Bold.otf.woff2') format('woff2');
    font-weight: bold;
}
@font-face{
    font-family: 'Courgette';
    src: url('../fonts/Courgette-Regular.ttf') format('truetype');
    font-weight: normal;
}

html {
   scroll-padding-top: 7.5em;
}

.index {
padding-top: 2rem;
padding-bottom: 2rem;
}
.index 	a{
font-size: 1.75rem;
}

.index-home a {
font-size: 1.3rem;
}

.titre-n {
color: #e2e2e2;
}


.batterie {
padding-top: 7rem;
padding-bottom: 2rem;
}

.batterie h1 {
color: #2efff9;
font-weight: 900;
font-size: 2.2rem;
padding-bottom: 1rem;
text-align: center;
}

.index h3 {
font-family: 'SourceSansBold';
}


.index li::before {
content: "•"; color: #2efff9;
font-weight: 900;
font-size: 1em;
padding-right: 0.5em;
}

.index img {
width: 70%;
padding: 1em;
vertical-align: bottom;
}

.navbar container {
height: 5em;
}

.navbar-nav a {
color: #0c1a25;
font-weight: bold;
font-size: 1.4em;
text-align: center;
margin-left: 1rem;
margin-right: 1rem;
}
.navbar span {
font-size: 1.1rem;
font-weight: normal;
}
.nav-link >  br {
display: block; 
margin-top: 0.2em; 
} 

.navbar-collapse {

}

.logo {
font-family: Courgette;
font-size: 2.6em;
color: #0c1a25;
font-weight: 900;
}
.logo:hover {
text-decoration: none;
color: #5d6a74;
}

.navbar a:hover {
color: #5d6a74;
}
.horaire {
padding-left: 1.8rem;
}

.footer  li::before {
content: "-"; color: #2efff9;
font-weight: 900;
font-size: 1em;
padding-right: 0.4em;
}
.footer-infos  li::before {
content: none;
}

.footer-infos  img {
height: 1.8em;
}

.footer h3 h4{
color: #FFF;
}
.footer h4{
font-family: SourceSansBold;
padding-top: 1rem;
padding-bottom: 1rem;
}
.footer h3{
font-family: Courgette;
font-size: 2.5rem;
}



body {
color: #e2e2e2;
/*background-color: #0c1a25;*/
background: radial-gradient(#0c1a25 10%, transparent 10%, transparent 39%, #0c1a25 40%,#0c1a25 45%, transparent 46%),radial-gradient(circle at top left,#0c1a25 4%, transparent 5%, transparent 19%, #0c1a25 20%,#0c1a25 22%, transparent 23%),radial-gradient(circle at top right,#0c1a25 4%, transparent 5%, transparent 19%, #0c1a25 20%,#0c1a25 22%, transparent 23%),radial-gradient(circle at bottom left,#0c1a25 4%, transparent 5%, transparent 19%, #0c1a25 20%,#0c1a25 22%, transparent 23%),radial-gradient(circle at bottom right,#0c1a25 4%, transparent 5%, transparent 19%, #0c1a25 20%,#0c1a25 22%, transparent 23%);
        background-size: 5em 5em;
        background-color: #0c1a25;
        opacity: 0.2
background-size: 73px 73px;

font-family: SourceSans;
}

nav {
background-color: white;
border-bottom: solid 1em #2efff9;
}


header {
margin-top: 5em;
border-bottom: solid 1em #2efff9;
}



#index_img {
background-image: url("../img/index_1.jpg");
background-repeat: no-repeat;
background-size: cover;
height: 20em;
}

.header-container {
padding-top: 3em;
}
.header-content {
color: #e2e2e2;
font-family: SourceSansBold;
padding: 1rem;
background-color: rgba(6, 6, 6, 0.53);
width: 70%;
text-align: right;
margin-left: auto; 
margin-right: 0;
}


.header-content h1 {
color: rgba(45, 255, 249, 1);
}

a {
color: rgba(226, 226, 226, 1);
text-decoration: none;
font-size: 1rem;
}

a:hover {
color: white;
text-decoration: underline;
text-decoration-color: rgba(226, 226, 226, 0.5);
}


#atelier-map{
width: 100%;
}
.info {
margin-top: 5em;
margin-bottom: 1em;
}
.info  h3 {
padding-top: 0.5rem;
font-weight: 500;
margin-bottom: 0.5rem;
}

.info-sidebar {
position: sticky;
top: 7.2em;
}

.index-map {
background-color: #e2e2e2;
padding-top: 2rem;
padding-bottom: 2rem;
}

/*.index-map img {*/
/*display: block;*/
/*margin-left: auto;*/
/*margin-right: auto;*/
/*width: 100%;*/
/*}*/
#map {

height: 100%;
min-height: 300px;
}
.index-map-content {
padding: 0 2rem 0 2rem;
}

.index-map-content h3 {
margin-bottom: 1.2rem;
}

.info {
background-color: #e2e2e2;
padding-top: 2rem;
padding-bottom: 4rem;
}



.info h5 {
font-weight: 600;
font-size: 1.3rem;
}

.info-bg-title  {
background-color: #0c1a25;
padding: 1.1em;
}
.info-bg-title a {
font-family: SourceSansBold;
font-size: 1.3rem;
position: sticky;
top: 0;
}

.info-bg-title .btn {
font-size: 1.1rem;

}
.info-bg-content {
background-color: #fff;
color: #0c1a25;
font-size: 1rem;
}



.btn {
border-radius: 0.65rem;
font-family: SourceSansBold;
}
.btn-primary {
background-color: #2EFFF9;
border: none;
color: #0C1A25;
}
.btn-primary:hover {
background-color: #2EFFF9;
color: #0C1A25;
text-decoration: underline;
}
.btn-secondary {
background-color: #E2E2E2;
border: none;
color: #0C1A25;
}
.btn-secondary:hover {
background-color: #E2E2E2;
color: #0C1A25;
text-decoration: underline;
}
.btn-info {
background-color: #0C1A25;
border: none;
color: #E2E2E2;
}
.btn-info:hover {
background-color: #0C1A25;
color: #E2E2E2;
text-decoration: underline;
}