@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
	font-family: 'Montserrat', sans-serif;
	background-color: #fff;
	font-size: 16px;
}


.container-fluid {
	padding:0;
}

.SamBgBanniere {
	position: relative;
       		width: 100%;
        		height: 0; /* La hauteur est d�finie par le padding-top */
        		padding-top: 26.32%;
		background: transparent url("../images/header.png") no-repeat scroll center center / contain;
}
.Footer {
	position: relative;
       		width: 100%;
        		height: 0; /* La hauteur est d�finie par le padding-top */
        		padding-top: 26.32%;
		background: transparent url("../images/footer.png") no-repeat scroll center center / contain;
	margin-top: 50px;
}

.Footer .LogoVille {
	max-width: 40%;
}


.navbar.navbar-sam .navbar-brand {
	display: none;
	color: #000;
	text-shadow: none;
	font-weight: bold;	
}

.navbar.navbar-sam {
	background-color: #7DC78C;
	border-width: 0px;
	border-radius: 0px;
	border: 0px solid #ddd;
}
.navbar-sam .navbar-text {
  color: #79C7C3;
}
.navbar-sam .navbar-nav  {
  margin: 0px;
}
.navbar-sam .navbar-nav > li > a {
  color: #0A3219;
  text-shadow: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  /* height: 80px; */
  /* line-height: 40px; */
}
/* .nav.navbar-nav > li:not(:last-child) { */
	/* border-right: 2px solid #fff; */
/* } */
.navbar-sam .navbar-nav > li > a:hover,
.navbar-sam .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-sam .navbar-nav > .active > a,
.navbar-sam .navbar-nav > .active > a:hover,
.navbar-sam .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #fff;
}
.navbar-sam .navbar-nav > .disabled > a,
.navbar-sam .navbar-nav > .disabled > a:hover,
.navbar-sam .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-sam .navbar-toggle {
  border-color: #fff;
}
.navbar-sam .navbar-toggle:hover,
.navbar-sam .navbar-toggle:focus {
  background-color: #fff;
}
.navbar-sam .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-sam .navbar-toggle:hover .icon-bar,
.navbar-sam .navbar-toggle:focus .icon-bar {
  background-color: #003E6D;
}
.navbar-sam .navbar-collapse,
.navbar-sam .navbar-form {
  border-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
}
.navbar-sam .navbar-nav > .open > a,
.navbar-sam .navbar-nav > .open > a:hover,
.navbar-sam .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #fff;
}
.navbar.navbar-sam .nav.navbar-nav > li.active > a,
.navbar.navbar-sam .nav.navbar-nav > li > a:hover ,
.navbar.navbar-sam .nav.navbar-nav > li > a:focus { 	
	box-shadow: none;
	background-color: transparent;
	color: #0A3219;
}
.navbar-collapse:not(.collapsing):not(.in) .nav.navbar-nav { width: 100%;}
.navbar-collapse:not(.collapsing):not(.in) .nav.navbar-nav > li { 
	width: 25%; 
	text-align: center; 
	/* text-transform: uppercase; */
}

.navbar-nav a.SamNavItem:hover span,
.navbar-nav .active a.SamNavItem:hover span ,
.navbar-nav .active a.SamNavItem span {
	background-color: #BEE3C5;
	padding: 10px 10px;
	border-radius: 7px;
}


.social {
	padding: 25px 0;
	color: white;
	font-size: 35px;
}

.sectionurl a{
	text-decoration: none;
	color:white;
	font-size: 20px;	
}

.SamBottomText{
	text-align: center;
}

#lscom-frame {
	min-height: 500px;
}

@media (max-width: 1530px) {
	.HeaderTitre > div {
		padding-left: 200px;
	}
}
@media (max-width: 992px) {
	.SamBgBanniere {
		height: 300px;
	}
	
	.Footer .LogoVille {
		visibility: hidden;
	}
	

}
@media (max-width: 628px) {
	.SamBgBanniere {
		position: relative;
       		width: 100%;
        		height: 0; /* La hauteur est d�finie par le padding-top */
        		padding-top: 26.4%;
		background: transparent url("../images/header_mobile.png") no-repeat scroll center center / contain;
	}
	
	.Footer {
		position: relative;
       		width: 100%;
        		height: 0; /* La hauteur est d�finie par le padding-top */
        		padding-top: 26.4%;
		background: transparent url("../images/footer_mobile.png") no-repeat scroll center center / contain;
	}

}
@media (max-width: 768px) {
	.navbar.navbar-sam .navbar-brand {
		display: block;
	}	

}