@charset "utf-8";

.panel.with-nav-tabs {
    padding: 0 ;
	border:0;
}



.panel.with-nav-tabs .panel-body {
   	background:none;
	background-color:transparent;
   color:#191919;
   border-color:#020202;
   padding:0;
}





.panel.with-nav-tabs .panel-heading{
    padding: 0 ;
	font-size:1.1vw;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;

}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: transparent;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: transparent;
	border-color: transparent;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}/* CSS Document */





#manage-course-panel {
	background:none;
	background-color:transparent;
	margin-top:4vh;
}

#manage-course-panel .panel-heading {
	background:none;
	background-color:transparent;
	border:none;
}

#manage-course-panel .nav-tabs > li {
	width:33%;
	text-align:center;
}

#manage-course-panel .nav-tabs > li >a > img {
	width:100%;
	height:auto;
}

.with-nav-tabs.panel-mycourses .panel-heading {
	background-image:url(../img/mycourses-panel-header.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:top center;
	color:#ffffff;
	
}

.with-nav-tabs.panel-mycourses .nav-tabs > li > a,
.with-nav-tabs.panel-mycourses .nav-tabs > li > a:hover,
.with-nav-tabs.panel-mycourses .nav-tabs > li > a:focus {
    color: #ffffff;
}
.with-nav-tabs.panel-mycourses .nav-tabs > .open > a,
.with-nav-tabs.panel-mycourses .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-mycourses .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-mycourses .nav-tabs > li > a,
.with-nav-tabs.panel-mycourses .nav-tabs > li > a:hover,
.with-nav-tabs.panel-mycourses .nav-tabs > li > a:focus {
    color: #383838;
	background-color: #ffffff;
	margin-left:1.2vw;
	margin-right:1.2vw;
	border-color: transparent;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-mycourses .nav-tabs > li.active > a,
.with-nav-tabs.panel-mycourses .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-mycourses .nav-tabs > li.active > a:focus {
	color: #f15f22;
	background-color: #fff4f0;
	margin-left:1.2vw;
	margin-right:1.2vw;
	border-color: transparent;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-mycourses .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-mycourses .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-mycourses .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-mycourses .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-mycourses .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-mycourses .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-mycourses .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}

.with-nav-tabs.panel-myteam {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background:transparent;
background-color: transparent;
background-image: transparent;

	
}

.with-nav-tabs.panel-myteam .panel-body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background-color: transparent;
background:none;
border:0;
	
}

.with-nav-tabs.panel-myteam .panel-heading {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background:transparent;
background-color: transparent;
background-image: transparent;
	color:#464646;
	font-family: Exo Black;
	border:0;
}

.with-nav-tabs.panel-myteam .panel-heading .mobile-title{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */

	font-size: 3.6vw;
	
}

.with-nav-tabs.panel-myteam .nav-tabs > li > a,
.with-nav-tabs.panel-myteam .nav-tabs > li > a:hover,
.with-nav-tabs.panel-myteam .nav-tabs > li > a:focus {
    color:#464646;
}
.with-nav-tabs.panel-myteam .nav-tabs > .open > a,
.with-nav-tabs.panel-myteam .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-myteam .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-myteam .nav-tabs > li > a,
.with-nav-tabs.panel-myteam .nav-tabs > li > a:hover,
.with-nav-tabs.panel-myteam .nav-tabs > li > a:focus {
    color: #464646;
	background-color: #ffffff;
	margin-left:0px;
	margin-right:10px;
	border:0;
	border-radius:4px;
	font-size:1vw;
}
.with-nav-tabs.panel-myteam .nav-tabs > li.active > a,
.with-nav-tabs.panel-myteam .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-myteam .nav-tabs > li.active > a:focus {
	color: #f15f22;
	font-size:1.2vw;
	background-color: #fff4f0;
	margin-left:0px;
	margin-right:10px;
	border-color: transparent;
	border-bottom-color: transparent;

}

@media (max-width: 768px) {
	
.with-nav-tabs.panel-myteam .nav-tabs > .open > a,
.with-nav-tabs.panel-myteam .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-myteam .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-myteam .nav-tabs > li > a,
.with-nav-tabs.panel-myteam .nav-tabs > li > a:hover,
.with-nav-tabs.panel-myteam .nav-tabs > li > a:focus {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 3.2vw;
    margin-top:15px;
	color: #f15f22;
	border-radius:4px;
}
.with-nav-tabs.panel-myteam .nav-tabs > li.active > a,
.with-nav-tabs.panel-myteam .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-myteam .nav-tabs > li.active > a:focus {
	background-color: #f15f22;
    border-color: #ddd;
    font-size: 3.2vw;
 margin-top:15px;
	color: #ffffff;
	border-bottom-color: transparent;
}

}

.with-nav-tabs.panel-myteam .nav-tabs > .dropdown {
    margin-bottom:2vh;
}

.with-nav-tabs.panel-myteam .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;
}
.with-nav-tabs.panel-myteam .nav-tabs > li.dropdown .dropdown-menu > li > a {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;
}
.with-nav-tabs.panel-myteam .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-myteam .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;

	color: #b2b2b2;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-myteam .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-myteam .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-myteam .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;

	color: #b2b2b2;
	border-bottom-color: transparent;
}


.with-nav-tabs.panel-fiche {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background:transparent;
background-color: transparent;
background-image: transparent;
border:none;
	
}

.with-nav-tabs.panel-fiche .panel-body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background-color: #ffffff;
border:none;
}

.with-nav-tabs.panel-fiche .panel-heading {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background: #6fbd7c; /* Old browsers */

	color:#ffffff;

	border:none;

	padding-left:15px;
	padding-bottom:0px;

}

.with-nav-tabs.panel-fiche .panel-heading .mobile-title{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */

	font-size: 3vw;
	
}

.with-nav-tabs.panel-fiche .nav-tabs > li {
  margin-bottom:0;
  
}

.with-nav-tabs.panel-fiche .nav-tabs > li > a > .menu_item_content {
     transform: skewX(20deg);
}
 

.with-nav-tabs.panel-fiche .nav-tabs > li > a,
.with-nav-tabs.panel-fiche .nav-tabs > li > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > li > a:focus {
    color:#ffffff;
   margin-bottom:0;
   transform: skewX(-20deg);


}

@media (min-width: 769px) and (max-width: 991px) {
.with-nav-tabs.panel-fiche .nav-tabs > .open > a,
.with-nav-tabs.panel-fiche .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-fiche .nav-tabs > li > a,
.with-nav-tabs.panel-fiche .nav-tabs > li > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > li > a:focus {
    color: #ffffff;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:0;
	font-size:1.7vw;
	border-radius:0px;
	font-weight: bold;
	transform: skewX(-20deg);
	padding: 9px 6px;

}
.with-nav-tabs.panel-fiche .nav-tabs > li.active > a,
.with-nav-tabs.panel-fiche .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > li.active > a:focus {
	color: #ffffff;
	background-color: #51935b;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:0;
	font-size:1.7vw;
	transform: skewX(-20deg);
	padding: 9px 6px;
}

}


@media (min-width: 992px) and (max-width: 1199px) {
.with-nav-tabs.panel-fiche .nav-tabs > .open > a,
.with-nav-tabs.panel-fiche .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-fiche .nav-tabs > li > a,
.with-nav-tabs.panel-fiche .nav-tabs > li > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > li > a:focus {
    color: #ffffff;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:0;
	font-size:1.4vw;
	border-radius:0px;
	font-weight: bold;
	transform: skewX(-20deg);
	padding: 8px 12px;

}
.with-nav-tabs.panel-fiche .nav-tabs > li.active > a,
.with-nav-tabs.panel-fiche .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > li.active > a:focus {
	color: #ffffff;
	background-color: #51935b;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:0;
	font-size:1.4vw;
	transform: skewX(-20deg);
	padding: 8px 12px;

}

}


@media (min-width: 1200px) {
.with-nav-tabs.panel-fiche .nav-tabs > .open > a,
.with-nav-tabs.panel-fiche .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-fiche .nav-tabs > li > a,
.with-nav-tabs.panel-fiche .nav-tabs > li > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > li > a:focus {
    color: #ffffff;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:0;
	font-size:1.6vw;
	border-radius:0px;
	font-weight: bold;
	transform: skewX(-20deg);
	padding: 8px 12px;

}
.with-nav-tabs.panel-fiche .nav-tabs > li.active > a,
.with-nav-tabs.panel-fiche .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > li.active > a:focus {
	color: #ffffff;
	background-color: #51935b;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:0;
	font-size:1.6vw;
	transform: skewX(-20deg);
	padding: 8px 12px;
}

}

.with-nav-tabs.panel-fiche .nav-tabs > .dropdown {
    margin-bottom:2vh;
}

.with-nav-tabs.panel-fiche .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;
}
.with-nav-tabs.panel-fiche .nav-tabs > li.dropdown .dropdown-menu > li > a {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;
}
.with-nav-tabs.panel-fiche .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;

	color: #b2b2b2;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-fiche .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-fiche .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-fiche .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;

	color: #b2b2b2;
	border-bottom-color: transparent;
}



.with-nav-tabs.panel-fiche2 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background:transparent;
background-color: transparent;
background-image: transparent;

	
}

.with-nav-tabs.panel-fiche2 .panel-body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background-color: #ffffff;

}

.with-nav-tabs.panel-fiche2 .panel-heading {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background:rgba(185,206,34,1);
background-color: #b9ce22;
	color:#464646;

	border:none;

	padding-left:15px;
	padding-bottom:0px;

}

.with-nav-tabs.panel-fiche2 .panel-heading .mobile-title{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */

	font-size: 3.6vw;
	
}

.with-nav-tabs.panel-fiche2 .nav-tabs > li {
  margin-bottom:0;
  
}

.with-nav-tabs.panel-fiche2 .nav-tabs > li > a > .menu_item_content {
     transform: skewX(20deg);
}
 

.with-nav-tabs.panel-fiche2 .nav-tabs > li > a,
.with-nav-tabs.panel-fiche2 .nav-tabs > li > a:hover,
.with-nav-tabs.panel-fiche2 .nav-tabs > li > a:focus {
    color:#ffffff;
   margin-bottom:0;
   transform: skewX(-20deg);


}
.with-nav-tabs.panel-fiche2 .nav-tabs > .open > a,
.with-nav-tabs.panel-fiche2 .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-fiche2 .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-fiche2 .nav-tabs > li > a,
.with-nav-tabs.panel-fiche2 .nav-tabs > li > a:hover,
.with-nav-tabs.panel-fiche2 .nav-tabs > li > a:focus {
    color: #ffffff;
	background-color: #b9ce22;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:0;
	font-size:1.2vw;
	border-radius:0px;
	font-weight: bold;
	transform: skewX(-20deg);

}
.with-nav-tabs.panel-fiche2 .nav-tabs > li.active > a,
.with-nav-tabs.panel-fiche2 .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-fiche2 .nav-tabs > li.active > a:focus {
	color: #f15f22;
	background-color: #fff4f0;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:0;
	font-family: 'Exo Black';
	font-size:1.2vw;
	transform: skewX(-20deg);

}



.with-nav-tabs.panel-fiche2 .nav-tabs > .dropdown {
    margin-bottom:2vh;
}

.with-nav-tabs.panel-fiche2 .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;
}
.with-nav-tabs.panel-fiche2 .nav-tabs > li.dropdown .dropdown-menu > li > a {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;
}
.with-nav-tabs.panel-fiche2 .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-fiche2 .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;

	color: #b2b2b2;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-fiche2 .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-fiche2 .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-fiche2 .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;

	color: #b2b2b2;
	border-bottom-color: transparent;
}



.with-nav-tabs.panel-marketplace {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background:transparent;
background-color: transparent;
background-image: transparent;
border:none;
	border-color:transparent;
	box-shadow: none;
}

.with-nav-tabs.panel-marketplace .panel-body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background-color: #ffffff;
border:none;
border-color:transparent;
}

.with-nav-tabs.panel-marketplace .panel-heading {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background:transparent;
background-color: transparent;
	color:#464646;

	border:none;
	border-bottom-color:transparent;

	padding-left:15px;
	padding-bottom:0px;

}

.with-nav-tabs.panel-marketplace .panel-heading .mobile-title{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */

	font-size: 3.6vw;
	
}

.with-nav-tabs.panel-marketplace .nav-tabs > li {
  margin-bottom:0;
  
}

.with-nav-tabs.panel-marketplace .nav-tabs > li > a > .menu_item_content {

     cursor:pointer;
}
 

.with-nav-tabs.panel-marketplace .nav-tabs > li > a,
.with-nav-tabs.panel-marketplace .nav-tabs > li > a:hover,
.with-nav-tabs.panel-marketplace .nav-tabs > li > a:focus {
    color:#191919;
   margin-bottom:0;


}





.with-nav-tabs.panel-marketplace.mp-pharmacorp-nav .nav-tabs > li.active > a,
.with-nav-tabs.panel-marketplace.mp-pharmacorp-nav .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-marketplace.mp-pharmacorp-nav .nav-tabs > li.active > a:focus {
	color: #f5f6f8;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8edb46+1,2eb24f+84,2eb24f+84 */
background: #8edb46; /* Old browsers */
background: -moz-linear-gradient(top,  #8edb46 1%, #2eb24f 84%, #2eb24f 84%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8edb46 1%,#2eb24f 84%,#2eb24f 84%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8edb46 1%,#2eb24f 84%,#2eb24f 84%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8edb46', endColorstr='#2eb24f',GradientType=0 ); /* IE6-9 */

border:none;
	margin-left:0px;
	margin-right:5px;
	margin-bottom:0;
	margin-top:1.6vw;
	font-family: 'Ubuntu bold';
	font-size:1.3vw;
	padding-top:15px;
	padding-bottom:15px;
	font-weight: bold;

}



.with-nav-tabs.panel-marketplace .nav-tabs > .open > a,
.with-nav-tabs.panel-marketplace .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-marketplace .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-marketplace .nav-tabs > li > a,
.with-nav-tabs.panel-marketplace .nav-tabs > li > a:hover,
.with-nav-tabs.panel-marketplace .nav-tabs > li > a:focus {
 


	font-size:1.3vw;
	border:none;
font-weight: bold;
	border-top-left-radius:0vw;
	border-top-right-radius:0vw;
	color:#858585;


}
.with-nav-tabs.panel-marketplace .nav-tabs > li.active > a,
.with-nav-tabs.panel-marketplace .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-marketplace .nav-tabs > li.active > a:focus {
	font-size:1.3vw;
	border:none;
font-weight: bold;
	border-top-left-radius:0vw;
	border-top-right-radius:0vw;
	color:#6fbd7c;

}



.with-nav-tabs.panel-marketplace .nav-tabs > .dropdown {
    margin-bottom:2vh;
}

.with-nav-tabs.panel-marketplace .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;
}
.with-nav-tabs.panel-marketplace .nav-tabs > li.dropdown .dropdown-menu > li > a {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;

}
.with-nav-tabs.panel-marketplace .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-marketplace .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;

	color: #b2b2b2;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-marketplace .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-marketplace .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-marketplace .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;

	color: #b2b2b2;
	border-bottom-color: transparent;
}

.with-nav-tabs.panel-marketplace .nav-tabs > li.dropdown .dropdown-menu > li > a {
    background-color: #f5f5f5;
    border-color: #ddd;
    font-size: 4vw;
}

.with-nav-tabs.panel-marketplace .nav-tabs > li.li-vcard {
  margin-bottom:0;
  padding-left:10px;
  padding-right:10px;
  text-align:center;
}

.with-nav-tabs.panel-marketplace .nav-tabs > .open > a,
.with-nav-tabs.panel-marketplace .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-marketplace .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-marketplace .nav-tabs > li.li-vcard > a,
.with-nav-tabs.panel-marketplace .nav-tabs > li.li-vcard > a:hover,
.with-nav-tabs.panel-marketplace .nav-tabs > li.li-vcard > a:focus {
    color: #f5f6f8;
	background-color: rgba(255,255,255,0.9);

	font-size:1.6vw;
	border-radius:0px;
	font-weight: bold;

border:none;
}


.with-nav-tabs.panel-marketplace .nav-tabs > li.search_marketplace > a,
.with-nav-tabs.panel-marketplace .nav-tabs > li.search_marketplace > a:hover,
.with-nav-tabs.panel-marketplace .nav-tabs > li.search_marketplace > a:focus {
    font-family: Ubuntu bold;
    color: #464646;
	background-color: rgba(255,255,255,0.9);
	padding-top:15px;
	padding-bottom:15px;
	margin-left:0px;
	margin-right:5px;

	border:1px solid #dedede;
	font-size:1.2vw;
	border-radius:8px;
	font-weight: bold;



}



.search_marketplace_input, .search_marketplace_input_inactive {
	font-family: Font Awesome\ 5 Free, Ubuntu bold !important;
	background:none;
	background-color:transparent;
	border:none;
	outline: none;
	width:auto;
	color: #464646;
}
.search_marketplace_input:focus, .search_marketplace_input_inactive:focus {
	outline: none;
}

.search_marketplace_input::placeholder,.search_marketplace_input_inactive::placeholder { /* Most modern browsers support this now. */
   color:rgba(19,19,19,0.6);
   -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.search_marketplace_input:focus::placeholder, .search_marketplace_input_inactive:focus::placeholder {
 color:rgba(19,19,19,1);
}

.marketplace-logo {
	margin-top:0.2vw;
}



.with-nav-tabs.panel-marketplace .nav-tabs > .open > a,
.with-nav-tabs.panel-marketplace .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-marketplace .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-marketplace .nav-tabs > li.li-vcard > a,
.with-nav-tabs.panel-marketplace .nav-tabs > li.li-vcard > a:hover,
.with-nav-tabs.panel-marketplace .nav-tabs > li.li-vcard > a:focus {
    color: #464646;
	background:none;
	border: none;


	font-size:1.2vw;
	border-radius:0px;
	font-weight: bold;
}

.marketplace-return-link {
	margin-bottom:0.8vw;
}

@media (min-width: 992px) and (max-width: 1099px) {
	.search_marketplace_input {
	font-family: Font Awesome\ 5 Free, Ubuntu bold !important;
	background:none;
	background-color:transparent;
	border:none;
	outline: none;
	width:15vw;
}

.marketplace-logo {
	margin-top:0.4vw;
	width:10vw;
	max-width:10vw;
	margin-left:-2vw;

}
}


@media (min-width: 1100px) and (max-width: 1199px) {
	.search_marketplace_input {
	font-family: Font Awesome\ 5 Free, Ubuntu bold !important;
	background:none;
	background-color:transparent;
	border:none;
	outline: none;
	width:18vw;
}
.marketplace-logo {
	margin-top:0.4vw;
	width:10vw;
	max-width:10vw;
	margin-left:-2vw;

}

}

@media (min-width: 1200px) and (max-width: 1350px) {
	.search_marketplace_input {
	font-family: Font Awesome\ 5 Free, Ubuntu bold !important;
	background:none;
	background-color:transparent;
	border:none;
	outline: none;
	width:18.5vw;
}

.marketplace-logo {
	margin-top:0.4vw;
	width:9vw;
	max-width:9vw;
	margin-left:-2vw;

}

.marketplace-return-link {
	margin-bottom:1.2vw;
}
}

@media (min-width: 1351px) and (max-width: 1499px) {
	.search_marketplace_input {
	font-family: Font Awesome\ 5 Free, Ubuntu bold !important;
	background:none;
	background-color:transparent;
	border:none;
	outline: none;
	width:21.5vw;
}

.marketplace-logo {
	margin-top:0.4vw;
	width:9vw;
	max-width:9vw;
	margin-left:-1vw;

}
}

@media (min-width: 1501px) {
	.search_marketplace_input {
	font-family: Font Awesome\ 5 Free, Ubuntu bold !important;
	background:none;
	background-color:transparent;
	border:none;
	outline: none;
	width:23.5vw;
}

.marketplace-logo {
	margin-top:-10px;
	width:7.4vw;
	max-width:8vw;
	margin-left:0vw;

}
}