* {
	font-family: Cabin;
	font-family: Alike;
}

html, body{
	margin: 0 auto;
	padding: 0;
	font-size: 17px;
}
@media (min-width: 768px) {
  .container {
	width: 750px;
  }
}

@media (min-width: 992px) {
  .container {
	width: 970px;
  }
}

@media (min-width: 1200px) {
  .container {
	width: 1170px;
  }
}

.container{
	padding-right: initial;
	padding-left: initial;
}

div.body-container{
	background-color: #e1e1e1;
	margin-left: auto;
	margin-right: auto;
	min-height: 50vh;
}

div.body-container > header{
	background-color: #252525;
	background-color: #204ea1;
	color: #fff;
	border-bottom: solid 15px #ff9900;
}

header > div.row.menus{
	background-color: #3f3f3f;
	background-color: #066dbe;
}

header > div.row.titre{
	padding: 25px 0;
}
header nav{
	display: inline-block;
	margin-top: 5px;
}

header nav ul, div#socialMedia ul{
	list-style-type: none;
	padding: 10px 0 0 0;
}

header nav ul li {
	display: inline-block;
}

header nav ul a {
	color: #b8b8b8;
	color: #ffd400;
	text-transform: uppercase;
	border-right: solid 1px #b8b8b8;
	display: block;
	padding: 5px 20px;
}

header nav a.actif, header nav a:hover {
	color: #ff9900;
}
label.wrap {
	width:100%;
	overflow: hidden; 
	position: relative;
	display: none;
	border:none;
	margin: 0;
}

label.wrap:after {
	content: '\f0ab';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 1.5em;
	color: #fff;
	position: absolute; 
	left: 13px; 
	top: 8px;
	z-index: 1;
	pointer-events: none;
}
#mainNav select {
	display: none;
	width: 100%;
	background-color: #3f3f3f;
	background-color: #204ea1;
	color: #b8b8b8;
	padding: 10px 15px 0px 45px;
	border: none;
	font-size: 1.4rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
@media (max-width: 960px) {
	#mainNav ul	 { display: none; }
	#mainNav label { display: block; }
	#mainNav select { display: inline-block; }
}

div#socialMedia{
	display: inline-block;
	text-align: right;
	padding-right: 10px;
}
div#socialMedia ul{
	display: inline-block;
	position: relative;
}
div#socialMedia, div#socialMedia ul a .fa-circle{
	color: #252525;
}
.photoprincipale img {
	height: auto;
	width: calc(100% - 40px);
	margin: 0 20px 40px 20px;
}
div#socialMedia ul a:hover .fa-circle{
	color: #ff9900;
}
div#socialMedia ul a{
	color: initial;
}

.fa-stack{
	display: inline-block;
	font-size: 1.2em;
}
div#socialMedia ul a .fa-inverse {
	color: #FFF;
}
div#socialMedia ul li{
	display: inline-block;
	position: relative;
}
header .titre a{
	color: #fff;
	color: #ffd400;
}
header .titre a:hover{
	color: #ff9900;
}


header .titre > h1{
	font-variant: small-caps;
	padding: 20px 40px 0px 40px;
	font-size: 3rem;
}

@media (max-width: 990px) {
	header .titre > h1{
		padding: 0px 40px 0px 40px;
	}
}
header .searchEngine{
	text-align: right;
}
header .searchEngine form{
	display: inline-flex;
	padding: 0 20px 0 0;
}
header .searchEngine input, header .searchEngine button{
	height: 60px;
	border: 0;
	padding: 0 10px;
}
header .searchEngine input[name="search"]{
	color: #eee;
	font-size: .85em;
	background-color: #3f3f3f;
	background-color: #066dbe;
	max-width: 180px;
}
header .searchEngine button[type="submit"]{
	color: #fff;
	background-color: #ff9900;
}
header .searchEngine input[name="search"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #b8b8b8;
	opacity: 1; /* Firefox */
}

header .searchEngine input[name="search"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #b8b8b8;
}

header .searchEngine input[name="search"]::-ms-input-placeholder { /* Microsoft Edge */
	color: #b8b8b8;
}
div.main-container{
	background-color: #fff;
	color: #444;
	width: calc(100% - 30px);
}

div.main-container h1{
	color: #ddd;
	color: #b1b1b1;
	text-align: left;
	font-size: 3em;
	font-variant: small-caps;
	padding: 0 10px;
}
div.main-container h2{
	color: #999;
	text-align: left;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 25px 10px;
}
.container.main-container > .row:first-of-type h1,
.container-fluid.main-container > .row:first-of-type h1{
	color: #ddd;
	text-align: center;
/*	font-size: 6em;*/
	font-variant: small-caps;
	text-size-adjust: auto;
	padding: 0 10px;
}
.container.main-container > .row:first-of-type h2,
.container-fluid.main-container > .row:first-of-type h2{
	color: #999;
	text-align: center;
	font-style: italic;
	font-size: 2.5em;
	line-height: 1.5em;
	padding: 25px 10px;
}
.container-fluid.main-container.page > .row:first-of-type h1,
.container-fluid.main-container.page > .row:first-of-type h2{
	width: 100%;
	text-align: left;
}
div.main-container p{
	text-align: justify;
	padding: 0 10px;
}
.main-container header{
	background-color: #f0f0f0;
	width: calc(100% + 30px);
	margin: 0 0 0 -15px;
	padding: 0 15px;
}

.main-container header nav ul a {
	text-transform: initial;
	border-right: initial;
	display: block;
	padding: 5px;
}
.container.main-container > .row,
.container-fluid.main-container > .row{
	border-bottom: solid 1px #eee;
	padding: 40px 0 65px 0;
}
.container-fluid.main-container.page > .row{
	padding: 40px 10px 65px 10px;
}

.container.body-container{
	position: relative;
	min-height: 50vh;
	padding-bottom: 210px;
}
footer{
	position: absolute !important;
	bottom: 0;
	left: 0;
	height: 210px;
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: #204ea1;
	color: #fff;
	width: 100%;
}
footer a {
	color: #ffd400;
	display: inline-block;
	padding: 5px 20px;
}

footer a.actif, footer a:hover {
	color: #ff9900;
}
footer > .row{
	max-width: 100%;
}
footer > .row:last-of-type{
	position: absolute;
	width: 100%;
	bottom: 0;
}
.center{
	text-align: center;
}

.carousel-fade {
	.carousel-inner {
		.item {
			transition-property: opacity;
		}
		
		.item,
		.active.left,
		.active.right {
			opacity: 0;
		}

		.active,
		.next.left,
		.prev.right {
			opacity: 1;
		}

		.next,
		.prev,
		.active.left,
		.active.right {
			left: 0;
			transform: translate3d(0, 0, 0);
		}
	}

	.carousel-control {
		z-index: 2;
	}
}
/*.carousel-inner > .item {
	position: relative;
	display: none;
	-webkit-transition: 1.8s ease-in-out left;
	-moz-transition: 1.8s ease-in-out left;
	-o-transition: 1.8s ease-in-out left;
	transition: 1.8s ease-in-out left;
}
*/
.carousel-inner > .item {
	position: relative;
	display: none;
	-webkit-transition: 1.8s ease-in-out left !important;
	-moz-transition: 1.8s ease-in-out left !important;
	-o-transition: 1.8s ease-in-out left !important;
	transition: 1.8s ease-in-out left !important;
}
.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: 1.6s !important;
	transition-property: opacity;
}
.newItemPreview, .ItemPreview{
	overflow: hidden;
	position: relative;
	line-height: 1.2em;
	max-height: 5.2em;
	text-align: justify;
	margin-right: 1em;
	padding-right: -1em;
	margin-bottom: 1.5rem;
}
.ItemPreview{
	margin-right: 1em;
	margin-left: 1em;
	padding-right: initial;
	margin-bottom: 1.5rem;
}
.newItemPreview:before {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 1.5em;
	height: 1.2em;
	margin-top: 0.2em;
	background: white;
}
.newItemPreview:after {
	content: '...';
	position: absolute;
	right: 0;
	bottom: 0;
}
.newItemPreview img.rond, .ItemPreview img.rond{
	width: 25px;
	margin: 0 10px 0 0;
}
.rond{
	border-radius: 50%;
}
.form-controle {
	position: relative;
	font-size: 16px;
	height: auto;
	padding: 10px;
	width: 100%;
	@include box-sizing(border-box);
	&:focus {
		z-index: 2;
	}
}
#map{
	width: 100%;
	height: 250px;
}
#contactForm input::placeholder, #contactForm textarea::placeholder{
	color: #ccc;
	opacity: 1; /* Firefox */
}
#contactForm input::-ms-input-placeholder, #contactForm textarea::-ms-input-placeholder{
	color: #ccc;
}