/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

div.marquee {
white-space:no-wrap;
overflow:hidden;
}
div.marquee > div.marquee-text {
white-space:nowrap;
display:inline;
width:auto;
}

.pourlesfdp{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 0;
	width: 0;
	z-index: -1;
}

html,
body {
    height: 100%;
	background-color:black;
}

#theIdentificationPage{
    color: white;
    background-image:url('/img/background-fiber-carbon.jpg');
}

a {
  color: #9e9e9e;
  text-decoration: none;
  background-color: transparent;
}

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

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

.card-thumbnail .card-body, .card-thumbnail .card-footer {
  background-color: #2e2e2e;
}

.card-thumbnail h5.card-title {
    font-size: 1.75rem;
}

.card-thumbnail .text-muted {
    font-size: 1.2rem;
}

.UpAbci_infosFile {
	word-wrap:break-word;
}

.UpAbci_infosFile progress {
	width:100px;
}

.carousel,
.item,
.active {
    height: 100%;
	color: white;
}

.carousel-inner {
    height: 100%;
}

.carousel-content {
	top: 40%;
	z-index: 10;
	color: #fff;
	text-align: justify;
}

.footer {
	bottom: 0px;
	position: fixed;
	border: 1px white dotted;
	height: 30px;
	width: 100%;
	border-radius: 20px 0;
	padding-left: 12px;
	padding-top: 8px;
	border-bottom: 0;
	border-right: 0;
	font-size: 12px;
	opacity:0.9;
}

.footer:hover {
	opacity: 1;
}

.imgHome {
	background-image:url('../img/conception-piece-carbone.jpg');
}

form {
	line-height:1.2;
}

input[type="text"], input[type="email"] {
	color : black;
	font-weight : bold;
}

textarea {
	color : black;
	font-weight : bold;
}

select {
	color : black;
	font-weight : bold;
}

.espaceL {
	width : 50px;
}

.espaceL2 {
	width : 146px;
}

.rappeler {
	bottom: 30px;
    position: fixed;
    right: 0;
    width: 200px;
	text-align : right;
}

#divRappeler {
	border: 1px solid;
    height: 300px;
	background-color: black;
	padding-top: 25px;
}

.btn-devis {
  color: white;
  background-color: #303030;
  border-color: #303030;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 3px;
  font-size: 16px;
  padding: 10px 20px;
}

.btn-rappeler {
  color: white;
  background-color: #303030;
  border-color: #303030;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  border-radius: 3px;
  font-size: 11px;
  padding: 10px 20px;
  width:100%;
}

@media (max-width: 767px) { /*  Mobile */
	.carousel-content {
		top:10%;
		z-index: 10;
		color: #fff;
		text-align: justify;
	}

	.footer {
		bottom: 0px;
		position: relative;
		border: 1px white dotted;
		height: 50px;
		width: 100%;
		border-radius: 20px 0;
		padding-left: 12px;
		padding-top: 8px;
		border-bottom: 0;
		border-right: 0;
		opacity: 0.4;
		font-size: 12px;
		margin-top: 50px;
	}

	.imgHome {
		background-image:url('../img/background-fiber-carbon.jpg');
	}

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

	.btn-devis {
		margin-bottom: 15px;
	}

	html,
	body {
		height: 100%;
		display:table;
	}

	.carousel,
	.item,
	.active {
		height: 100%;
	}

	.carousel-inner {
		height: 100%;
	}

	.fill {
	height:100%;
	padding-top:5%;
	}

	input[type="text"] {
	color : black;
	font-weight : bold;
	margin-bottom : 5px;
	}

	.rappeler {
		bottom: 50px;
		position:absolute;
	}

	#footerMob {
		margin-top: 40px;
	}
}

@media (max-width: 767px) and (orientation : landscape) { /*  Mobile Paysage */
	.navbar-nav > li > a {
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 15px;
		}
}

@media (min-width: 768px) and (max-width: 1024px) { /*  Tablette  */
	.espaceL, .espaceL2{
		width : 0px;
	}

	.btn-devis {
		margin-bottom: 10px;
	}

	.fill {
		padding-top : 5%;
	}

	.bodyMob {
		margin-top : -10%;
	}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { /*  Tablette Portrait  */
	.fill {
		padding-top : 30%;
	}

	.fillD {
		padding-top : 10%;
	}

	.bodyMob {
		margin-top : -15%;
	}

	.nav > li > a {
		padding: 10px 9px;
		font-size : 13px;
	}
}

.carousel-caption {
    left: 50%;
    right: 10%;
    top: 40%;
}


.imgG {
 /* filter: gray; /* IE6-9 */
 /* -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
    margin-bottom:20px;
}

.imgG:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0); /* Google Chrome, Safari 6+ & Opera 15+ */

}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}

section#contact {
  height: 100%;
  background-color: #222222;
  background-image: url('../img/map-image.png');
  background-position: center;
  background-repeat: no-repeat;
}
section#contact .section-heading {
  color: white;
}
section#contact .form-group {
  margin-bottom: 25px;
}
section#contact .form-group input,
section#contact .form-group textarea {
  padding: 20px;
}
section#contact .form-group input.form-control {
  height: auto;
}
section#contact .form-group textarea.form-control {
  height: 136px;
}
section#contact .form-control:focus {
  border-color: #fed136;
  box-shadow: none;
}
section#contact ::-webkit-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #BABABA;
}
section#contact :-moz-placeholder {
  /* Firefox 18- */
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #BABABA;
}
section#contact ::-moz-placeholder {
  /* Firefox 19+ */
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #BABABA;
}
section#contact :-ms-input-placeholder {
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  color: #BABABA;
}
section#contact .text-danger {
color: #e74c3c;
}

@media (max-width: 767px) { /*  Mobile */
	section#contact {
		background-repeat: repeat;
	}
}

.btn-xl {
  color: white;
  background-color: #fed136;
  border-color: #fed136;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 3px;
  font-size: 18px;
  padding: 20px 40px;
}

.btn-xl:hover,
.btn-xl:focus,
.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  color: white;
  background-color: #fec503;
  border-color: #f6bf01;
 }


.btn-devis:hover,
.btn-devis:focus,
.btn-devis:active,
.btn-devis.active,
.open .dropdown-toggle.btn-devis {
  color: white;
  background-color: #787777;
  border-color: #787777;
}

.btn-xl:active,
.btn-xl.active,
.open .dropdown-toggle.btn-xl {
  background-image: none;
}
.btn-xl.disabled,
.btn-xl[disabled],
fieldset[disabled] .btn-xl,
.btn-xl.disabled:hover,
.btn-xl[disabled]:hover,
fieldset[disabled] .btn-xl:hover,
.btn-xl.disabled:focus,
.btn-xl[disabled]:focus,
fieldset[disabled] .btn-xl:focus,
.btn-xl.disabled:active,
.btn-xl[disabled]:active,
fieldset[disabled] .btn-xl:active,
.btn-xl.disabled.active,
.btn-xl[disabled].active,
fieldset[disabled] .btn-xl.active {
  background-color: #fed136;
  border-color: #fed136;
}
.btn-xl .badge {
  color: #fed136;
  background-color: white;
}