body{margin: 0;padding: 0;font: 13px/18px Arial, Tahoma, sans-serif;color: #555; margin:0px; padding:0px; background:url(../img/bg_wrapper.jpg) center 0px no-repeat #546F08; margin-top:-12px}
li{list-style: none;}
a:hover, a:visited, a{text-decoration: none;}
h1, h2, h3{padding:10px 0px 10px 0px; margin:0px 0px 10px 0px;font-weight: bold;color:#EA4C0F;}
.clear	{clear: both;font-size: 0px;height: 0;line-height: 0px;margin: 0px;}
a {text-decoration: none;cursor: pointer; color:#000}
a:hover {text-decoration: none;}
a:active{outline:0;}
a:focus{outline:0;}
a.white{color:#FFF}
input[type=text], input[type=password], textarea{width:100%; background:#F0F0F0; border:none; font-size: 14px; font-family: arial; color: #333333; height: 32px; border:solid #DDD 1px; padding:2px 5px 2px 5px}
input[type=text]:focus,input[type=password]:focus { border-color: #b3d5eb;}
.form-custom{display:block; width:100%; border:none; font-size: 12px; font-family: arial; color: #333333; height: 32px; border:solid #DDD 1px; padding:2px 5px 2px 5px;-webkit-appearance: none}
textarea{border:1px solid #DDD ;  width:95%; min-height:100px;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.w50{width:50px}
.w100{width:100px}
.w200{width:200px}
.w400{width:400px}
.w455{width:455px}
.w500{width:500px}
.w600{width:600px}
.w800{width:800px}
.w20p{width:20%}
.w30p{width:30%}
.w40p{width:40%}
.w48p{width:48%}
.w50p{width:50%}
.w60p{width:60%}
.w90p{width:90%}
.w95p{width:95%}
.w98p{width:98%}
.w100p{width:100%}
.right{float:right}
ul li{list-style:none}
table{width:100%;border-collapse: separate;border-spacing: 2px; background:#fff}
.right{float:right;}
.left{float:left}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
h1 {font-size: 22px;font-weight: bold;}	
h2 {font-size: 18px;font-weight: bold;}	
h3 {font-size: 16px;font-weight: bold;}
h4 {font-size: 13px; font-weight: bold;}
.brown{color:#816041}
.green{color:#BDD88D;}
.bold{font-weight:bold}
.bck-green{background-color:#BDD88D;}
.bck-grey{background:#F0F0F0}
.bck-red{background:#EA4C0F; color:#fff}
.error{color:red; font-weight:bold}
.error-login{color:red; font-weight:bold}
.error-contact{color:red; font-weight:bold}
.error-inscription{color:red; font-weight:bold}
.btn-custom{background:#EA4C0F; border-radius:0px; width:100%; border:none; color:#fff;}

#page-wrapper{width:100%; max-width:1024px; -webkit-box-shadow: 0px 0px 10px #aaa; -moz-box-shadow:0px 0px 10px #aaa; box-shadow:0px 0px 10px #aaa; padding:0px; margin:auto; background:#fff}

/** NAVIGATION **/
.navbar-brand{float:none}
.navbar-nav{margin-top:55px; float:right}
.navbar-default{margin-top:12px}
.navbar-default {border-radius:0px;border:none;background-color:teal;background-image: none;background-repeat: no-repeat;}
.navbar-default{width:100%;background: rgba(255, 255, 255, 1); border-bottom:solid 2px #fff;box-shadow:none;}
.navbar-default .navbar-nav a{background:none;background-image:red; padding:0px 5px 0px 5px; margin:0px 10px 0px 10px;height:54px; line-height:54px; color:#4D4D4D; font-size:20px; font-weight:bold}
.navbar-default .navbar-nav > li.active > a{background:#fff; color:#EA4C0F; background:#fff;background-image:none;background-image:none; background-repeat:none;-webkit-box-shadow:none;box-shadow:none;}
.navbar-default .navbar-nav >li:hover{background:#fff; color:#EA4C0F}
.navbar-default .navbar-nav >li:hover > a{color:#EA4C0F;background:#fff;background-image:none;background-image:none; background-repeat:none;-webkit-box-shadow:none;box-shadow:none;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background:#fff; color:#EA4C0F}
.navbar-default .navbar-nav li ul{display:none;}

/** NAV-TABS **/
.nav-tabs {background:#fff; border:none; width:100%; text-align:center}
.nav-tabs li{float:none; display:inline-block; background:#F1F1F1; margin:0px 0px 0px 0px; border:solid 2px #fff; text-align:center; padding:5px 12px 5px 12px;}
.nav-tabs > li.active{background:#EA4C0F; border:none; color:#fff}
.nav-tabs > li.active > a{background:#EA4C0F; border:none; color:#fff}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {color: #fff;cursor: pointer;background-color: #EA4C0F;border:none;border-bottom-color:none;}
.nav-tabs li a{font-size:11px; line-height:25px; height:25px; padding:0px;}

.page-content{margin-left:15px; margin-right:15px}
.page-content h1,h2,h3 {border-bottom:solid 1px #E8E8E8;}
.page-content a.button, .page-content button {display:inline-block; text-align:center; width:100%;}

.page-footer{margin-left:15px; margin-right:15px; border-top:solid 1px #E8E8E8; padding-top:10px}
.page-footer a{color:#EA4C0F}

/***************************/
/********** COLLECTE **********/
/***************************/
.panel {width: auto;padding: 10px;margin: 0px 0px 12px 0px;background: #fff;border-radius: 0px;border:none;}
.panel-default>.panel-heading {color: #fff;background-color: #EA4C0F;border-color: #fff; background-image:none;background-image:none;background-repeat:none;}


/***************************/
/********** COTATIONS **********/
/***************************/
#market-container{width:540px; margin:auto;}
.market-container{float:left; width:260px; margin:5px}

ul.market{list-style:none; margin:5px 0px 55px 0px; padding:0px 0px 0px 0px}
ul.market li{float:left; margin:0px 5px 0px 0px; background:#fff; padding:5px 10px 5px 10px; min-width:100px; text-align:center}
ul.market li a{display:block; width:100%;}
ul.market li.current{background-color:#EA4C0F}
ul.market li.current a{font-weight:bold; color:#fff}
ul.market li:hover{background-color:#EA4C0F}
ul.market li:hover a{font-weight:bold; color:#fff}

ul.market-layout{list-style:none; margin:0px; padding:0px 0px 0px 0px;}
ul.market-layout li{float:left; margin:0px 1px 0px 0px; background:#fff; padding:5px; text-align:center}
ul.market-layout li a{display:block; width:100%; font-size:10px}
ul.market-layout li.current{background-color:#EA4C0F}
ul.market-layout li.current a{font-weight:bold; color:#fff}
ul.market-layout li:hover{background-color:#EA4C0F}
ul.market-layout li:hover a{font-weight:bold; color:#fff}

.quotes{background:#EA4C0F; width:100%; margin:0px 0px 5px 0px; height:24px; padding:2px 0px 0px 5px}
.quotes span{display:block; color:#fff; font-size:11px;}

ul.quotes_options{list-style:none; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul.quotes_options li{float:left; margin:0px; background:#fff; padding:3px; min-width:50px; text-align:center}
ul.quotes_options li a{display:block; width:100%; font-size:11px}
ul.quotes_options li.current{background-color:#EA4C0F}
ul.quotes_options li.current a{font-weight:bold; color:#fff}
ul.quotes_options li:hover{background-color:#EA4C0F}
ul.quotes_options li:hover a{font-weight:bold; color:#fff}
ul.quotes_options li.refresh{float:right}

/***************************/
/********** TABLE **********/
/***************************/

/*slider area*/
.slider-row{
	margin: 0;
	padding: 0;
}
.slider-wrapper{
	margin: 0;
	padding: 0 !important;
	background: #000 !important;
}
.carousel-caption h1{
	font-size: 47px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 0;
}
.carousel-caption p{
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 0;
}
.carousel-caption button{
	width: 240px;
	height: 60px;
	background: #EA4C0F;
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	border:0;
	transition:all .5s ease 0s;
	-webkit-transition:all .5s ease 0s;
	-moz-transition:all .5s ease 0s;
	-o-transition:all .5s ease 0s;
	-ms-transition:all .5s ease 0s;
}
.carousel-caption button:hover{
	background: #2a2a2a;
}
.carousel-control{
	width: 5%;
}
.carousel-inner{
	background: -webkit-linear-gradient(left, #000 , white); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, #000, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, #000, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to left, #000 , white); /* Standard syntax */
}
.item{
	position: relative;
}
.carousel-caption {
	position: absolute;
	text-align: left;
	left: 12%;
    line-height: 1;
    top: 50%;
    margin-top: -100px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
  font-size: 18px;
  padding: 5px;
  background: #fff;
  border-radius: 50%;
  color: transparent;
  margin-left: 0;
  margin-top: 50px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
  font-size: 18px;
  padding: 5px;
  background: #fff;
  border-radius: 50%;
  color: transparent;
  margin-right: 0;
  margin-top: 50px;
}


/*======================css for carousel=========================*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  	z-index: 2;
    opacity: 1;
    background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0, 0, 0, 0) 100%);
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}



/******************************
responsive area
********************************/

/* XS Portrait */
@media only screen and (max-width: 1024px) {
	
	#page-wrapper{overflow:hidden; width:100%; max-width:auto; -webkit-box-shadow: 0px 0px 0px #fff; -moz-box-shadow:0px 0px 0px #fff; box-shadow:0px 0px 0px #fff; margin:0px; padding:0px}
	.top-header img.logo {margin: 0px 0px 0px 10px;}
	.navbar-nav{margin-top:55px; float:none}
	.navbar-default .navbar-nav>li>a {font-size: 16px;text-align: left;}
	.navbar-nav{margin-top:0px;}
	.navbar-brand img{width:50%;height:auto; margin-top:10px}
	.navbar-default .navbar-toggle{background:#EA4C0F; color:#fff; border-color:#fff}
	.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#EA4C0F}
	.carousel-caption {margin-top: -60px;}
	.carousel-caption h1 {font-size: 20px;}
  	.carousel-caption p {font-size: 12px;}
	.carousel-caption button {width: 90px;height: 23px;font-size: 16px;}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-top: 30px;}
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-top: 30px;}
	h4 {font-size: 18px !important;}
}