html, body {
	background-color: #102334;
	padding: 0 10px;
}

h1 {
	display: block;
	font-size: 1.6em;
	text-decoration: underline;
	margin: 20px 0 30px 0;
}

h2 {
	display: block;
	font-size: 1.2em;
	margin-bottom: 15px;
}

h3 {
	display: block;
	font-size: 1.2em;
	margin-bottom: 15px;
}
.h5, h5 {
    font-size: 1rem;
	text-decoration: underline;
}

.container {
	padding-left: 0;
	padding-right: 0;
}
.banner {
	border: 4px solid #d9e4e8;
}

span.subtitle {
	display: block;
	font-weight: bold;
	margin: 10px 0;
}



.my-navbar {
	background-color: #102334;
	border-bottom: 1px solid #e2e1df;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}

.company{
	line-height: 50px;
}

.my-navbar-brand {
	font-size: 1.15rem;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
}

.menu-logo {
	height: 50px;
	width: 50px;
}

.content-box {
	background-color: transparent;
}

.logo {
	margin-top: 20px;
	width: 200px;
	height: 200px;
}

.content {
	padding: 20px 5px;
	text-align: center;
	color: #e2e1df;
}

.form-control-file, .form-control-range {
    width: auto;
}
.text-muted {
    color: #b6bdc3 !important;
	margin-top: .75rem;
}
#contact-form .row {
	margin: 20px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.menu-logo {
		height: 75px;
		width: 75px;
	}

	.company {
		line-height: 75px;
	}

	.my-navbar-brand {
		font-size: 1.20rem;
	}

	.logo {
		width: 300px;
		height: 300px;
		margin-right: 20px;
		margin-top: 0;
		margin-bottom: 100px;
	}

	h1 {
		font-size: 1.8em;
	}

	h2 {
		font-size: 1.6em;
	}

	h3 {
		font-size: 1.4em;
	}

	.content {
		min-width: 300px;
		padding: 25px 0;
		text-align: center;
	}

}

@media (min-width: 992px) {
	
	.menu-logo {
		height: 100px;
		width: 100px;
	}

	.company {
		line-height: 100px;
	}

	.my-navbar-brand {
		font-size: 1.25rem;
	}

	.logo {
		width: 300px;
		height: 300px;
		margin-right: 20px;
		margin-top: 0;
		margin-bottom: 100px;
	}

	h1 {
		font-size: 1.8em;
	}

	h2 {
		font-size: 1.6em;
	}

	h3 {
		font-size: 1.4em;
	}	

	.content {
		min-width: 300px;
		padding: 25px 0;
		text-align: center;
	}
}

.my-btn-contact { 
  color: #3A373E; 
  background-color: #E2E1DF; 
  border-color: #000000; 
} 
 
.my-btn-contact:hover, 
.my-btn-contact:focus, 
.my-btn-contact:active, 
.my-btn-contact.active, 
.open .dropdown-toggle.my-btn-contact { 
  color: #3A373E; 
  background-color: #CFCECB; 
  border-color: #000000; 
} 
 
.my-btn-contact:active, 
.my-btn-contact.active, 
.open .dropdown-toggle.my-btn-contact { 
  background-image: none; 
} 
 
.my-btn-contact.disabled, 
.my-btn-contact[disabled], 
fieldset[disabled] .my-btn-contact, 
.my-btn-contact.disabled:hover, 
.my-btn-contact[disabled]:hover, 
fieldset[disabled] .my-btn-contact:hover, 
.my-btn-contact.disabled:focus, 
.my-btn-contact[disabled]:focus, 
fieldset[disabled] .my-btn-contact:focus, 
.my-btn-contact.disabled:active, 
.my-btn-contact[disabled]:active, 
fieldset[disabled] .my-btn-contact:active, 
.my-btn-contact.disabled.active, 
.my-btn-contact[disabled].active, 
fieldset[disabled] .my-btn-contact.active { 
  background-color: #E2E1DF; 
  border-color: #000000; 
} 
 
.my-btn-contact .badge { 
  color: #E2E1DF; 
  background-color: #3A373E; 
}.custom-upload {  margin-right: 0;  margin-left: 5px;}.form-inline .form-control.custom-file-upload {  border: 1px solid #ccc;    padding: 6px 15px;  cursor: pointer;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  width: 100%;}.wrap-input-container {  display: inline-block;  position: relative;  overflow: hidden;  height: 32px;}.wrap-input-container input {position: absolute;font-size: 400px;opacity: 0;z-index: 1;top: 0;left: 0;}.custom-upload .btn{  margin: 0 5px;}
.interface h2{	
	font-size: 1.15em;
	color: #fff;
	text-align: center;
}

/* Par défaut (Mobile) : 1 colonne */
    .info-list {
        columns: 1;
    }

    /* Tablettes et Desktop (Ecran > 768px) : 2 colonnes */
    @media (min-width: 768px) {
        .info-list {
            columns: 2;
            -webkit-columns: 2;
            -moz-columns: 2;
        }
    }