body,html
{
	height: 100%;
	margin: 0; padding: 0;
}

body
{
	font-family:'Helvetica Neue','Helvetica Neue',Arial,sans-serif;
	display : table;
	width: 100%;
}

hr
{
	max-width:50px;
	border-width:3px;
	border-color:#f05f40
}

hr.light
{
	border-color:#fff
}

a
{
	color:#f05f40;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}

a:hover {
	color: #f05f40
}

.lien_blanc, .lien_blanc:hover {
	color: white;
}

h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}

.bg-primary {
	background-color:#f05f40!important
}

.bg-dark {
	background-color:#212529!important
}

.text-faded {
	color:rgba(255,255,255,.7)
}

section
{
	padding:8rem 0
}

.section-heading{
	margin-top:0
	}::-moz-selection{color:#fff;background:#212529;text-shadow:none}::selection{color:#fff;background:#212529;text-shadow:none}img::selection{color:#fff;background:0 0}img::-moz-selection{color:#fff;background:0 0}

/* -------------------------- */
/* BARRE DE NAVIGATION - MENU */
/* -------------------------- */

#mainNav
{
	border-bottom:1px solid rgba(33,37,41,.1);
	background-color:#fff;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s
}

#mainNav .navbar-brand
{
	font-weight:700;
	text-transform:uppercase;
	color:#f05f40;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}

#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover
{
	color:#f05f40
}

#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus
{
	font-size:.9rem;
	font-weight:700;
	text-transform:uppercase;
	color:#212529 /* NOIR */
}

#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover
{
	color:#f05f40
}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active
{
	color:#f05f40!important;
	background-color:white
}

#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover
{
	background-color:white
}

/* --------------------- */
/* HERZLICH WILLKOMMEN ! */
/* --------------------- */

.titre-bienvenue
{
	background-color:rgba(0,0,0,.4);
}


header.masthead
{
	padding-top:10rem;
	padding-bottom:calc(10rem - 56px);
	background-image:url(../img/fond6.png);
	background-position:center center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

header.masthead hr
{
	margin-top:30px;
	margin-bottom:30px
}

header.masthead h1
{
	font-size:2rem
}

header.masthead p
{
	font-weight:300
}

.text-responsive
{
	font-size: 1.15em;
}

@media (min-width:768px)
{
	header.masthead p
	{
		font-size:1.15rem
	}
	
	.text-responsive
	{
		font-size: 2em;
	}
}

@media (min-width:992px)
{
	header.masthead
	{
		height:90vh;
		min-height:400px;
		padding-top:0;
		padding-bottom:0
	}
	
	header.masthead h1
	{
		font-size:3rem
	}
}

@media (min-width:1200px)
{
	header.masthead h1
	{
		font-size:4rem
	}
}

.service-box
{
	max-width:400px
}

.text-primary
{
	color:#f05f40!important
}

.btn
{
	font-weight:700;
	text-transform:uppercase;
	border:none;
	border-radius:300px;
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
}

.btn-xl
{
	padding:1rem 2rem
}

.btn-primary
{
	background-color:#f05f40;
	border-color:#f05f40
}

.btn-primary:active,.btn-primary:focus,.btn-primary:hover
{
	color:#fff;
	background-color:#ee4b28!important
}

.btn-primary:active,.btn-primary:focus
{
	box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important
}

/**********/
/* FOOTER */
/**********/

footer {
	display : table-row;
	height: 200px; /* à titre d'exemple */
}

.footer1 { background: #C7EFCD!important; padding: 30px 0 0 0; color: #000; }
.footer1 a { color: #000; }
.footer1 a:hover {color: #fff; }
.footer1 .widget { margin-bottom:30px; }
.footer1 .widget-title { font-size: 17px; font-weight: bold; color: #000; margin: 0 0 20px; }
.footer1 .entry-meta { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 35px 0; padding: 2px 0; color: #888888; font-size: 12px; font-size: 0.75rem; }
.footer1 .entry-meta a { color: #333333; }
.footer1 .entry-meta .meta-in { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; }
.follow-me-icons { font-size:30px; }
.follow-me-icons i { float:left; margin:0 10px 0 0; }

.footer2 { background: #98B69C; padding: 15px 0; color: #000; }
.footer2 a { color: #000; }
.footer2 a:hover { color: #fff; }
.footer2 p { margin: 0; }