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

#widget_numero1{
	background-color: red;
}

html, body{
	height: 100%;
}

body{
	background-image: url('/inc/img/horizon.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 100%;
	color: #fff;
}

*:focus{
	outline: none;
}

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

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

div.body-container a{
	color: #ff5200;
}

a.addLine, a.delLine{
	display: none;
}

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

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

header > div.row.titre{
	padding: 20px;
	font-family: Kalam;
}

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;
	font-family: 'Julius Sans One';
}

header nav a.actif, header nav a:hover{
	color: #ff5200;
}

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;
	background-color: #3f3f3f;
	top: -6px;
	z-index: 1;
	pointer-events: none;
}

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;
	font-family: 'Julius Sans One';
}

header h1, header .searchEngine{
	margin: auto 0;
}

header div.titre a img{
	width: 100%;
}

header .titre a:hover{
	color: #ff9900;
}

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;
	max-width: 180px;
	border-radius: 10px 0 0 10px;
}

header .searchEngine button[type="submit"]{
	color: #fff;
	background-color: #ff9900;
}

header .searchEngine input[name="search"]::placeholder{
	color: #b8b8b8;
	opacity: 1;
}

header .searchEngine input[name="search"]:-ms-input-placeholder{
	color: #b8b8b8;
}

header .searchEngine input[name="search"]::-ms-input-placeholder{
	color: #b8b8b8;
}

div.main-container{
	background-color: #e6e6e6;
	color: #444;
	width: calc(100% - 30px);
}

div.main-container a{
	color: #ff9a03;
}

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;
	font-family: Courgette;
}

.container.main-container > .row:first-of-type h1,.container-fluid.main-container > .row:first-of-type h1{
	color: #adadad;
	text-align: center;
	font-variant: small-caps;
	text-size-adjust: auto;
	padding: 0 10px;
	font-family: 'Julius Sans One';
}

.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;
}

.container-fluid.main-container.page h3{
	border-bottom: 2px solid;
	padding: 0.4em 0;
	border-color: #ff9a03;
}

div.main-container p{
	text-align: justify;
	padding: 0 10px;
}

.main-container header{
	background-color: #bfbfbf;
	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;
	font-family: Cabin;
}

.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, #footer{
	position: absolute !important;
	bottom: 0;
	left: 0;
	min-height: 210px;
	padding-top: 20px;
	padding-bottom: 30px;
	background-color: #3f3f3f;
	color: #fff;
	width: 100%;
}

#footer{
	padding-left: 10px;
	padding-right: 10px;
	bottom: initial;
	left: initial;
}

footer a, #footer a{
	color: #ffd400;
	display: inline-block;
	padding: 5px 20px;
}

footer a.actif, footer a:hover, #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-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: #e6e6e6;
}

.newItemPreview:after{
	content: '...';
	position: absolute;
	right: 0;
	bottom: 0;
}

.newItemPreview img.rond, .ItemPreview img.rond{
	width: 25px;
	margin: 0 10px 0 0;
}

.text-around{
	max-width: 400px;
	position: relative;
	float: left;
	margin: 0 15px 0 0;
}

@media  (min-width: 768px){
	.container{
		width: 750px;
	}
}

@media (max-width: 960px){
	#mainNav ul{
		display: none;
	}
	#mainNav label{
		display: block;
		padding: 0;
	}
	#mainNav select{
		display: inline-block;
		margin-right: -24px;
		padding-right: 24px;
	}
}

@media (max-width: 990px){
	header .titre > h1{
		padding: 0px 40px 0px 40px;
	}
}

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

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

#map{
	width: 100%;
	height: 400px;
}