@charset "UTF-8";
/* CSS Document */



/* === GLOBAL === */

body  {
	color:#1d1d23;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	margin:0;
	padding:0;
	}

/* === HEADER === */

.header {
	background:#1d1d23;
	}
.header .row {
	padding:20px 0;
	}
.hdr-logo img {
	margin:0 auto;
	}
.phone {
	color:#a7a7b3;
	font-size:18px;
	line-height:30px;
	text-align:center;
	}	
.asphalt {
	background: url(../images/bg-asphalt.jpg) repeat center top;
	}

/* ----- Carousel ----- */

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
      width: 100%;
      margin: auto;
  }

/* === MENU === */

.navbar {
	margin-bottom: 0;
	}
.navbar-nav {
	font-size:16px;
	}
.navbar-inverse {
  background-color: #1d1d23;
  border-bottom: solid 1px #4f4f57;
  border-top: solid 1px #4f4f57;
  border-radius:0;
}


/* === MAIN === */

.full {
	max-width: 100%;
	vertical-align: top;
}
.texture {
	background: #1d1d23 url(../images/ribbon3.png) no-repeat right center /cover;
	}
.main h1 {
	color:#FFF;
	font-weight:400;
	margin:0;
	padding:25px;
	text-transform:uppercase;
	}
.bloc {
	color:3f3f4d;
	font-weight:400;
	}
.wrap {
	clear: both;
	display: table;
	padding: 40px 0;
	width: 100%;
	}
.featurewidget {
	font-family: FontAwesome;
	float:left;
	text-align:center;
	width:33.33333%;
}
.featurewidgeticon {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 75px;
  display: block;
  font-size: 30px;
  height: 75px;
  line-height: 76px;
  margin: 0 auto;
  text-align: center;
  width: 75px;
}
.featurewidgeticon i {
  margin-right: -7px;
}
.featurewidgeticon a i {
  transition: all 0.25s ease-in 0s;
}
.featurewidgeticon a:hover i {
	color:#777;
}
.fa-home {
  font-size: 120% !important;
}
.fa {
	color:#ed1c24;
	}
.featurewidgettitle {
	color:#292e32;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 15px;
}
.footer {
	background:#1d1d23;
	color:#FFF;
	text-align:center;
	padding:25px 0;
	}
.champ {
	width: 100%;
}
label {
	font-weight:normal;
	}
.btn {
  border-radius: 0 !important;
}


@media screen and (min-width: 768px) {

.phone {
	line-height:122px;
	text-align: left;
}	
}