.navbar-toggler {
background-color: #FFFFFF;
}
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
	font-size: 3.5rem;
}
}

.b-example-divider {
height: 3rem;
background-color: rgba(0, 0, 0, .1);
border: solid rgba(0, 0, 0, .15);
border-width: 1px 0;
box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

#first-logo {
margin-top: -200px;
}

.b-example-vr {
flex-shrink: 0;
width: 1.5rem;
height: 100vh;
}

.bi {
vertical-align: -.125em;
fill: currentColor;
}

.rounded-circle {
border-radius: 50% !important;
}

.bg-blue-63 {
background-color: rgba(220,240,255,0.63);
}

.masthead {
position: relative;
width: 100%;
height: auto;
min-height: 35rem;
padding: 25rem 0;
background: linear-gradient(to bottom, #000  0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 60%, #000 100%), url(assets/images/bg-masthead.jpg);
/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 75%, #000 100%), url(assets/images/bg-masthead.jpg);*/
/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 1) 100%), url(assets/images/bg-masthead.jpg);*/
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
}

.masthead h1 {
color: #FF7C1C;
text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
font-weight: 900 !important;
}

.masthead-404 {
position: relative;
width: 100%;
height: auto;
min-height: 35rem;
padding: 25rem 0;
background: linear-gradient(to bottom, #000  0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 60%, #000 100%), url(assets/images/404.jpg);
/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 75%, #000 100%), url(assets/images/bg-masthead.jpg);*/
/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(255, 255, 255, 0.7) 80%, rgba(255, 255, 255, 1) 100%), url(assets/images/bg-masthead.jpg);*/
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
}

.masthead-404 h1 {
color: #FF7C1C;
text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
font-weight: 900 !important;
}

.social-link {
color: #FF7C1C;
}

.color-orange {
color: #FF7C1C;
}

.underline {
text-decoration: underline;
}

#main-nav {
/*background-color: transparent !important;*/
/*position: fixed;*/
background-color: rgba(0,0,0,1) !important;
top: 0;
right: 0;
left: 0;
z-index: 1030;
}

#index-logo {
width: 167px;
height: 24px;
background: url("assets/images/sniffopif_header.png") no-repeat !important;
display: inline-block;
}
#index-logo:hover {
background: url("assets/images/sniffopif_header_white.png") no-repeat !important;
}
.nav-link {
color: #FF7C1C;
text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
font-weight: 700 !important;
}
.nav-link:hover {
color: #FFFFFF;
}

.index-section {
position: relative;
width: 100%;
height: auto;
min-height: 35rem;
padding: 20rem 0;
/*padding-top: 10rem;*/
/*background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.9) 75%, rgba(0, 0, 0, 0.8) 100%);*/
background: url(assets/images/ipad.jpg);
background-position: center;
background-repeat: no-repeat;
background-attachment: scroll;
background-size: cover;
}

.about-section {
text-align: justify;
padding: 1rem 0 0 0;
}

.detection-section {
text-align: justify;
padding: 1rem 0 0 0;
}

.cours-section {
text-align: justify;
padding: 1rem 0 0 0;
}

.contact-section {
text-align: justify;
padding: 1rem 0 0 0;
}


.perso-li {
list-style-type:none;
padding: 0;
margin: 0;
}
.perso-li li {
padding-left: 16px;
}
.perso-li li::before {
display: inline-block;
position: relative;
width: 0.5em;
height: 0.5em;
margin-right: 0.4rem;
top: 0.2rem;
bottom: 0.2rem;
content: "";
background-image: url(assets/images/li.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-bottom: 0.25rem;
}

.puce-li {
display: inline-block;
position: relative;
width: 0.5em;
height: 0.5em;
margin-right: 0.4rem;
top: 0.2rem;
bottom: 0.2rem;
content: "";
background-image: url(assets/images/li.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-bottom: 0.25rem;
}

.sources {
font-size: 0.875em;
}

.img-cours {
	max-width: 100%;
	max-height: 100%;
}

.img-left-right-text {
	display: block;
	margin: auto;
	padding-top: 10px;
	max-width: 95%;
	max-height: 95%;
}

.legend-photo, .legend-photo a {
	text-decoration: none;
	text-align: center;
	color: #808080;
	font-size: 0.7rem;
}