@charset "UTF-8";
/* CSS Document */
html, body {
	margin:0;
	padding:0;
	height:100%;
}
html {
	/*background-image: url(../Image/RBI_Background.png);*/
	background-size: cover;
	background-repeat:no-repeat;
	background-attachment: fixed;
}
body {
  	/*margin-top: 50px;*/
}
#wrapper {
	min-height:100%;
	position:relative;
}

.navbar {
	position: absolute;
	width: 100%;	
}

.nav > li {
	padding: 0px;
  	font-weight: normal;
	font-size: 1.2em;
  	/*border-right: 1px solid #2C2C2C;
  	border-left: 1px solid #4B4B4B;*/
  	font-family: "AlpinGothic","Helvetica Neue","Helvetica",Arial,sans-serif;
  	-moz-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
  	-webkit-text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
  	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: inherit;
    background-color: inherit;
}

.biggerglyph {
	font-size: 3em;
	margin-top: 1em;
	margin-bottom: 1em;	
}

#content {
	
	padding-bottom:240px; /* Height of the footer element */
	
}

.content {
	/*background-image: url(../images/MetalLight.jpg);*/
	position:relative;
	padding-top:100px;
}

#footer {
	width:100%;
	height:auto;
	position:absolute;
	bottom:0;
	left:0;
	background:#000;
	background-image: -webkit-linear-gradient(top,#3c3c3c 0,#222 100%);
	background-image: -o-linear-gradient(top,#3c3c3c 0,#222 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#3c3c3c),to(#222));
	background-image: linear-gradient(to bottom,#3c3c3c 0,#222 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;	
}
.footer > li {
	list-style:none;
}
.footer > li > p {
	color: #C4C4B0;
	font-size: 1.4em;
	margin-bottom: 5px;
}
.footer > li > a {
	color: #fff
}
.footer > li > a:hover {
	color: saddlebrown;
}

p {
    color: #000;
    font-size: 20px;
    /*max-width: 780px;*/
    margin: 0 auto;
    line-height: 25px;
}

a {
	color:#fff ;
}
	a:hover {
		color: saddlebrown;
		text-shadow: none;	
	}

h1 {
	font-size: 50px;
	margin-bottom: 72px;	
}

h5 {
	font-size: 25px;	
}

.fives {
	padding-left: 5%; 
	padding-right: 5%;	
}

#controlholder {
	margin-top: 20px;	
}

.selected {
	border: saddlebrown solid 5px;	
}

.gb {
	
	background: rgb(196,196,176); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(196,196,176,1) 10%, rgba(255,255,255,0.5) 100%); /* FF3.6+ */	
	background: -webkit-gradient(linear, left bottom, right top, color-stop(50%,rgba(196,196,176,1)), color-stop(100%,rgba(255,255,255,0.5))); /* Chrome,Safari4+ */	
	background: -webkit-linear-gradient(45deg,  rgba(196,196,176,1) 10%,rgba(255,255,255,0.85) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(196,196,176,1) 10%,rgba(255,255,255,0.5) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(196,196,176,1) 10%,rgba(255,255,255,0.5) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(196,196,176,1) 10%,rgba(255,255,255,0.5) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4b0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.ht {
	height: 350px;	
}

/*.active img {
	width: 500px;	
	height: 500px;
}*/

.img-responsive {
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
	margin-bottom: 25px;	
}

#boxright {
	margin-left: 13%;
}

.fw {
	color: #fff;
}

.plT {
	padding-top: 20px;
}

.plB {
	padding-bottom: 20px;
}

.pxlT {
	padding-top: 45px;
}

.pxlB {
	padding-bottom: 45px;
}

.pxxlT{
	padding-top: 60px;
}

.pxxlB{
	padding-bottom: 60px;
}

.mlT {
	margin-top: 20px;
}

.mlB {
	margin-bottom: 20px;
}

.mxlT {
	margin-top: 45px;
}

.mxlB {
	margin-bottom: 45px;
}

.mxxlT {
	margin-top: 60px;	
}

.mxxlB {
	margin-bottom: 60px;	
}

.test .active.left { left: -33%; }
.test .active.right { left: 33%; }
.test .next { left: 33% }
.test .prev { left: -33% }
.carousel-control.left { background-image: none; }
.carousel-control.right { background-image: none; }
.test .item { background: white; }

.carousel-caption {
	bottom: 0px;	
}

.x {
	height: 490px;	
	width: 100%;
}

.y {
	background-color: saddlebrown;	
}

.centerholder {
	position: relative;	
	width: 100%;
}

.center {
    position: absolute;
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding-left: 5%;
    padding-right: 5%;	
}

.center2 {
	left: 50%;
    position: absolute;
    width: 50%;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding-left: 5%;
    padding-right: 5%;	
}

.centertitle {
	display: inline-block;
    vertical-align: middle;
    font-size: 40px;
    font-family: 'Avenir';
    color: #999;
    /*padding-bottom: 80px;*/
    margin: 0 auto;
}

	.centertitle a {
		color: saddlebrown;
	}

.centerinfo {
	font-family: 'Avenir';
    font-size: 20px;
    color: #000;
    padding-top: 80px;
    border-top: 5px solid #grey;
    margin: 0 auto;
}

.centertitle2 {
	display: inline-block;
    vertical-align: middle;
    font-size: 40px;
    font-family: 'Avenir';
    color: #fff;
    /*padding-bottom: 80px;*/
    margin: 0 auto;
}

	.centertitle2 a {
		color: #fff;
		text-shadow:2px 2px 2px #000;
	}
	
	.centertitle2 a:hover {
		color: #fff;
	}

.centerinfo2 {
	font-family: 'Avenir';
    font-size: 20px;
    color: #fff;
    padding-top: 80px;
    border-top: 5px solid #grey;
    margin: 0 auto;
}

.imgcropsmall {
	display: none;	
}

@media (max-width: 1500px) {
	.centertitle {
		font-size: 28px;
    	padding-bottom: 20px;
	}
	
	.centertitle2 {
		font-size: 28px;
    	padding-bottom: 20px;
	}
	
	.centerinfo {
		font-size: 16px;
    	padding-top: 5px;
	}
	
	.centerinfo2 {
		font-size: 12px;
    	padding-top: 30px;
	}
}

@media (max-width: 1200px) {
	.centertitle {
		font-size: 30px;
    	padding-bottom: 50px;
	}
	
	.centertitle2 {
		font-size: 30px;
    	padding-bottom: 50px;
	}
	
	.centerinfo {
		font-size: 15px;
    	padding-top: 50px;	
	}
	
	.centerinfo2 {
		font-size: 12px;
    	padding-top: 30px;	
	}
}

@media (max-width: 900px) {
	.centertitle {
		font-size: 28px;
    	padding-bottom: 0px;
	}
	
	.centertitle2 {
		font-size: 28px;
    	padding-bottom: 0px;
	}
	
	.centerinfo {
		font-size: 12px;
    	padding-top: 10px;	
	}
	
	.centerinfo2 {
		font-size: 12px;
    	padding-top: 10px;
	}
}

@media (max-width: 767px) {
	.centertitle {
    	padding-bottom: 0px;
	}
	
	.centertitle2 {
    	padding-bottom: 0px;
	}
	
	.centerinfo {
    	padding-top: 10px;	
	}
	
	.centerinfo2 {
    	padding-top: 10px;
	}
	
	.imgcrop {
		display: none;
	}
	
	.imgcropsmall {
		display: block;
	}
	
	.center {
		width: 100%;	
	}
	
	.center2 {
		width: 100%;
		left: 0;	
	}
}

.smallbig
{
	padding: 30px 50px;	
}

/* ---------- Services ---------- */

.serviceheader {
	background-color: saddlebrown;
    position: relative;
    height: 10em;
    padding: 0.5em;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    width: 100%;
}

.serviceheading {
	color: #fff;
	text-shadow: 2px 2px 2px #000;
	width: 100%;
	top: 30%;
	position: absolute;
	margin-left: 10%;	
	font-size: 25px;
}

.serviceinfo {
	padding: 1em 0;	
}

.lineh {
	line-height: 1.7;	
}

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

.navbar-toggle .icon-bar {
	background-color: #000;	
}

.navbar-brand {
	content: url(../images/WallaceLogo_metal_horizontal.png);	
	height: auto;
	width:400px; 
	position:absolute; 
	top: -33px;
}

/*----- Projets ---------- */

.metal {
	background-image:url(../images/MetalLight.jpg); 
	color:saddlebrown;	
}


@media screen and (max-width: 992px) {
    #boxright {
		margin-left: 0;
	}
	
	.navbar-brand {
		content: url(../images/WallaceLogo_metal_seal.png);	
		width:185px; 
		position:absolute; 
		top: -45px;
	}
	
	#content {
		padding-bottom: 550px;	
	}
	.smallbig{
		display: none;	
	}
	.col-xs-4{
		width: 100%;
	}
	.ht2 {
		margin-top: 60px;
	}
	h1 {
		font-size: 25px;	
	}
}

@media screen and (max-width: 767px) {
    #navbar {
		padding-top: 100px;
		
	}
	
	.navbar {
		position: relative;
		background-image:url(../images/MetalLight.jpg)
	}
	
	.content {
		padding-top: 0px;	
	}
	
	#mainfeaturette {
		display: none;	
	}
}