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

body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
}

img {
	max-width: 100%;
	height: auto;
}

.banner {
	padding-top: 20px;
	padding-bottom: 20px;
}

.video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.center {
	text-align: center;
}

.contenu {
	padding-top: 50px;
	padding-bottom: 50px;
}

.spacerow {
	padding-bottom: 50px;
}

.breadcrumb {
    padding: 0px 15px;
    margin-bottom: 20px;
    list-style:none;
    background:none;
    border-radius:0px;
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
}

.slider-accueil {
	padding-left: 30px;
	padding-right: 30px;
    height: 434px;
}

.breadcrumb > .active {
    font-weight: 800;
    color:#d13239;
}

.breadcrumb > .active a {
    color:#d13239;
}

.breadcrumb a {
    color: #FFFFFF;
    text-decoration: none;
}

.infos {
	padding-top: 40px;
}

.fichepdf {
	padding-top: 20px;
	padding-bottom: 20px;
}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
    height:460px;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}


.bloc-slider {
	padding-top: 60px;
	padding-bottom: 60px;
}

.bloc-slider-accueil {
	padding-top: 60px;
	padding-bottom: 60px;
}

.bloc-text-slider {
	width: 70%;
	height: auto;
	border: 5px solid #FFFFFF;
	padding: 20px;
	margin: auto;
	text-align: center;
}

.bloc-text-slider-accueil {
	width: 70%;
	height: auto;
	border: 5px solid #d13239;
	padding: 20px;
	margin: auto;
	text-align: center;
}

.bg-noir {
	background-color: #000;
}

.bg-gris {
	background-color: #181818;
}

.des-meules {
	border-bottom: 2px solid #d13239;
	margin-bottom: 40px;
}

.icon {
	text-align: center;
	padding-top: 45px;
	padding-bottom: 45px;
	margin-left: 19px;
	margin-right: 19px;
	background-color: #000000;
}

.icon img {
	margin-bottom: 15px;
}

.border-rouge {
	width: 110px;
	border-bottom: 5px solid #d13239;
	border-bottom-width: 60%;
	margin: auto;
}

.copyright {
	padding-top:18px;
	padding-bottom:18px;
}

.titre {
	text-align: center;
	padding-bottom: 30px;
}

.text-copyright {
	color: #FFF;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}

.bg-footer {
	background-image:url('../images/bg-footer.jpg');
	background-repeat: no-repeat;
	background-position: center bottom;
}

.bg-footer-noir {
	background-image:url('../images/bg-footer-noir.png');
	background-repeat: repeat-y;
	background-position: center top;
}

.space-footer {
	height: 170px;
}

.footer-bloc-1 {
	padding-top: 30px;
}

.footer-bloc-2 {
	padding-top: 75px;
}

.footer-bloc-3 {
	padding-top: 75px;
	padding-bottom: 45px;
}

/*navbar*/

.bg-top {
	background-color:#262626;
}

.bg-menu {
	background-color:#d13239;
}

.navbar {
	margin-bottom: 0px;
	min-height: 89px;
}

.navbar-toggle {
    background-color:#000;
    border:0px;
}

.navbar-default {
	background-color: #d13239;
	border:none;
}

.navbar-default .navbar-collapse {
	background-color: #d13239;
	border:none;
	margin-top: 40px;
}

.navbar-nav {
    margin: 10px -15px;
}

.navbar-brand img {
	position: absolute;
	top:-44px;
}

.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    font-size: 15px;
}

.navbar-default .navbar-nav > li > a:hover {
	color: #e9e9e9;
}

/*------------------ form ------------------*/

input[type=text] {
	border-width: 0px;
	width:100%;
	padding:10px;
	margin:0 0 10px 0;
	border-radius: 0px;
	color: #000000;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

textarea {
	border-width: 0px;
	width:100%;
	padding:10px;
	margin:0 0 10px 0;
	border-radius: 0px;
	color: #000000;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}

fieldset input[type=text] {
	width:100%;
}

.checkbox input[type=checkbox]:checked + label:after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
}
.checkbox label:after {
    padding-left: 4px;
    padding-top: 2px;
    font-size: 9px;
}

.success_txt p {
	color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
}

#errorDiv {
	font-size: 16px;
	color:red;
	font-family: 'Open Sans', sans-serif;	
}

.forminputl {
	padding-left: 0px;
	padding-right: 0px;
}

.forminputr {
	padding-right: 0px;
	padding-left: 0px;
}

/*------------------ FIN ------------------*/

/**---------SOUS MENU---------**/

.nav-tabs.nav-justified > li > a {
  border-radius: 0px;
}

.nav-justified > li {
	font-size: 28px;
	color: #FFFFFF;
	font-weight: 800;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	border-radius: none;
	height: 72px;
}

.nav-justified > li a {
	font-size: 28px;
	color: #FFFFFF;
	text-decoration: none;
}

.nav-justified > li a:hover {
	font-size: 28px;
	text-decoration: none;
	background:none;
	border-bottom: 5px solid #d13239;
}

.nav-justified > li a:active {
	font-size: 28px;
	text-transform: uppercase;
	background-color:none;
	background:none;
	font-family: 'Open Sans', sans-serif;
	border-bottom: 5px solid #d13239;
}

.nav-justified > li a:focus {
	background:none;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #fff;
    background-color: #d13239;
    border-bottom: none;
}

/*------------------ FIN ------------------*/

/*------------------  Texte ------------------*/

h1 {
	color:#FFFFFF;
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

h2 {
	color:#FFFFFF;
	font-size: 28px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

p {
	color: #FFF;
	font-size: 16px;
	line-height: 1.1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

p a {
	font-size: 16px;
	color: #FFF;
	text-decoration: none;
}

.top {
	text-align: right;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 44px;
}

.text {
	color:#FFFFFF;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.text a {
	color:#FFFFFF;
	text-decoration: none;
}

.fabrication-meules {
	font-size: 16px;
}

.textbold {
	color:#FFFFFF;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

.textcontact {
	color:#FFFFFF;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
}

.titre-blanc {
	color:#FFFFFF;
	font-size: 22px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

.titre-blanc a {
	color:#FFFFFF;
	text-decoration: none;
}

.titre-blanc2 {
	color:#FFFFFF;
	font-size: 26px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

.titre-rouge {
	color:#d13239;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
}

.titreproduits {
	color: #FFFFFF;
	font-weight: 800;
	font-size: 28px;
	border: 5px solid #d13239;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	padding: 10px;
}

.soustitreproduits {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 30px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.1em;
	text-transform: uppercase;
}

.descriptionproduits {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
}

.sousdescriptionproduits {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
}

.textcontact a {
	color:#FFFFFF;
	text-decoration: none;
}

.text-top {
	color:#FFFFFF;
	font-family: 'Open Sans', sans-serif;
}

.text-top a {
	color:#FFFFFF;
	text-decoration: none;
}

.titre-icon {
	color:#d13239;
	font-size: 28px;
	font-weight: 800;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.footer-titre {
	color:#FFFFFF;
	font-size: 22px;
	font-weight: 800;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.footer-links {
	color:#FFFFFF;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	line-height: 2.5em;
}

.footer-links a {
	color:#FFFFFF;
	text-decoration: none;
}

.footer-text {
	color:#FFFFFF;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.2em;
}

.footer-text a {
	color:#FFFFFF;
	text-decoration: none;
}

.numberCircle {
    display:inline-block;
    line-height:0px;
    color:#FFFFFF;
    border-radius:50%;
    border:1px solid;
    
    font-size:12px;
	margin-left:4px;
    margin-right:4px;
}

.numberCircle span {
    display:inline-block;
    padding-top:50%;
    padding-bottom:50%;
    
    margin-left:4px;
    margin-right:4px;
}
.invert{
	background-color: #fff;
    color:#000;
	border-color: #fff;
}
/*------------------ Fin texte ------------------*/



@media (min-width: 768px) {

.google-maps {
    height:701px;
}

.navbar-nav {
    margin: 0px -15px;
}

.navbar {
	min-height: 50px;
}

.navbar-default .navbar-collapse {
	margin-top: 0px;
}


.nav-tabs.nav-justified > li > a {
    border-radius: 0px;
}

.nav-pills > li > a {
  border-radius: 0px;
}
  
.contenu {
	padding-top: 70px;
	padding-bottom: 70px;
}
	
.bloc-slider {
	padding-top: 107px;
	padding-bottom: 107px;
}

.bloc-slider-accueil {
	padding-top: 120px;
	padding-bottom: 120px;
}
	
	
.bloc-text-slider {
	padding: 30px;
}

h1 {
	font-size: 28px;
}

.icon {
	margin-left: 8px;
	margin-right: 8px;
}

.descriptionproduits {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 23px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
}

.sousdescriptionproduits {
	color: #FFFFFF;
	font-weight: 400;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3em;
}

.fabrication-meules {
	font-size: 22px;
}


}


@media (min-width: 992px) {

.infos {
	padding-top: 0px;
}

.bloc-slider-accueil {
	padding-top: 225px;
	padding-bottom: 220px;
}

.icon {
	margin-left: 16px;
	margin-right: 16px;
}

/************  FORM ************/

.forminputl {
	padding-left: 0px;
	padding-right: 5px;
}

.forminputr {
	padding-left: 5px;
	padding-right: 0px;
}

/************  FIN ************/

.video iframe {
	width: 975px;
	height: 495px;
}

	
}

@media (min-width: 1200px) {

.icon {
	margin-left: 19px;
	margin-right: 19px;
}		

}