.unselectable, .tab .tab-legend > li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.tab {
  width: 100%;
  margin: 20px 0;
  padding: 0 10px;
  overflow: hidden; }

.tab > .tab-legend, .tab > .tab-content, .tab-legend > li, .tab-content > li {
  margin: 0;
  padding: 0;
  list-style: none; }

.tab .tab-legend {
  font-family: Helvetica, Arial, sans-serif;
  /*overflow: hidden; */}

.tab .tab-legend > li {
  padding: 25px 15px 18px 15px;
  color: #000;
  font-size: 12px;
  font-family:'Gotham Book';
  /*text-transform: uppercase;*/
  float: left;
  cursor: pointer; }

.tab .tab-legend > li {
  background-color: #f8f8f8; }

.tab .tab-legend .active {
  /*padding: 13px 15px 15px 15px;*/
  background-color: #FFF;
  font-family:'Gotham Bold'; font-size:12px;
  color: #000; }

.tab .tab-content {
  width: 100%;
  min-height: 350px;
  position: relative;
  overflow: hidden; }

.tab .tab-content > li {
  position: relative;
  overflow: hidden; }

/*Horizontal specific*/
.tab-horiz .tab-legend {
  width: 100%; }

.tab-horiz .tab-legend > li {
  border-top: solid 1px #CCC;
  border-right: solid 1px #CCC;
  border-bottom: solid 1px #CCC; }

.tab.tab-horiz .tab-legend .active {
  border-top: solid 4px #dc5147;
  border-bottom: 0; }

.tab-horiz .tab-legend > li:first-child {
  border-left: solid 1px #CCC; }

.tab-horiz .tab-content {
  width: 100%; }

/*Vertical specific*/
.tab-vert .tab-legend {
  width: 165px;
  float: left; 
  border-top: solid 1px #dfdfdf;
  border-bottom: solid 1px #dfdfdf;
  margin-right:14px;
  }

.tab.tab-vert .tab-legend .active {position:relative;
 border-top: solid 1px #dfdfdf;
  border-bottom: solid 1px #dfdfdf;}
  
.tab.tab-vert .tab-legend .active:after{
    content: "";
    width:15px;
    height:101.5%;
    position: absolute;
    right:-15px;
    top:0;
	z-index:10;
	background:#fff;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
	margin-top:-1px;
	margin-bottom:-2px;}

.tab-vert .tab-legend > li {
  width: 100%;
  border-left: solid 1px #dfdfdf;
  border-right: solid 1px #dfdfdf;
  text-align:center; }

.tab-vert .tab-legend > li.active {
  border-right: 0; }
.tab-vert .tab-legend > li:first-child.active{border-top:none;}
.tab-vert .tab-legend > li:last-child.active{border-bottom:none;}

.tab-vert .tab-content {
  width: 80%;
  display: block;
  float: left; }

.tab-vert .tab-content > li {
  display: block; 
/*  border-top:1px solid #d5d5d5;
  border-right:1px solid #d5d5d5;
  border-bottom:1px solid #d5d5d5;*/
  border:1px solid #d5d5d5;
  min-height:651px;
  }

.tab-vert .tab-legend > li span{display:block;}

@media only screen 
and (min-width : 320px) 
and (max-width : 639px){
.tab-vert .tab-legend,.tab-vert .tab-content{width:100%;}
.tab-vert .tab-content > li{border-right:none;}
.espace_tab h4{font-size:22px;}
.espace_tab h4 span{font-size:18px;}

}

@media only screen 
and (min-width : 640px) 
and (max-width : 767px){
.tab-vert .tab-legend,.tab-vert .tab-content{width:100%;}
.tab-vert .tab-content > li{border-right:none;}
.espace_tab h4{font-size:22px;}
.espace_tab h4 span{font-size:18px;}	
}