h1 {  
	font-family: Segoe UI, Arial, Helvetica, sans-serif; 
	font-size: 26pt; 
	line-height: 28pt; 
	font-weight: lighter; 
	color: #8C8EA6; 
	text-align: left
}
h2 {  
	font-family: Segoe UI, Arial, Helvetica, sans-serif; 
	font-size: 20px; 
	font-style: normal; 
	line-height: normal; 
	color: #1868a1; 
	text-align: left; 
	left: 40px; 
	font-weight: lighter
}
h3 {  
	font-family: Segoe UI, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	line-height: 16px; 
	font-weight: normal; 
	color: #5f5f5f; 
	text-align: justify
}
html {
	height: 100%;
}
body {
	background-color: #f9f9f9;
	background-image: url('../img/bggen.png'); 
	background-repeat: repeat-y; 
	background-position: center;
	height: 100%;
}
.container {
	background-color: white;
	margin-top: 0px;
	padding-top: 0px;
	min-height: 100%;
}
.containerBody {
	padding-left: 15px;
	padding-right: 15px;
	vertical-align: bottom;
	height: auto;
	min-height: 100%;
}
.banner {
	content : url('../img/ban1.png');
	width: 100%;
}
span.glyphicon {
    font-size: 1.2em;
    color: white;
}
.navbar {
	background-color: #3c1d46;
	border-radius: 0px;
}
.menu-elements, .dropdown-toggle {
	color: #ffffff;
}
.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
.glyphicon-home {
	padding-right: 0.5em;
	padding-left: -0.5em;
}
.indent {
	padding-left: 15px;
	padding-right: 15px;
}
.getPage {
	cursor: pointer;
}
.rightCol {
	padding-left: 20px;
}
.carousel {
	height: 570px;
	margin-bottom: 10px;
}
.carouselHome {
	height: auto;
}
.homeImg {
	max-height: 353px;
	margin: 0 auto;
}
.carousel-control.left {
	background-image:linear-gradient(to left, white, #3c1d46);
} 
.carousel-control.right {
	background-image:linear-gradient(to right, white, #3c1d46);
}
.carouselImage {
	padding-top: 15px;
	margin: 0 auto;
	width: auto;
	height: 225px;
	max-height: 225px;
}
.carousel-caption {
    position: relative;
    left: auto;
    right: auto;
    width: auto;
	height: 225px;
	max-height: 225px;
}
.brLine {
	width: 100%;
	height: 1px;
}
.bold {
	font-weight: bold;
}
.logo {
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
    height: 150px;
    width: 100%;
	margin: auto;
}
.produit {
	width: 100%;
}
.logoProduit {
	display:inline-block;
    position:relative;
}
.bannerImg {
	padding: 5px;
	box-shadow: 1px 1px 1px 1px grey;
	margin: auto;
}
.sponsors {
	padding-bottom: 10px;
}
.footer {
	background-color: #3c1d46;
	width: 100%;
	height: 3em;
	bottom: 0;
	margin-right: auto;
  margin-left: auto;
}

.profilePic {
	margin: auto;
}
@media (min-width: 768px) {
  .footer {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .footer {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .footer {
    width: 1170px;
  }
}