
@font-face {
    font-family: Constantia;
    src: url(../fonts/Raleway-Regular.ttf);
}


body{
  background-color:#ffffffb3;
  font-family:Constantia;
}
h3{
	font-family: Constantia;
 }
h2.title-view-ads{
	font-size:20px; 
	font-family:Constantia;
	font-weight:300; 
	color:#7D7D7D;
	background-color:#ececec;
	padding:1%;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.12);
}
.name_profile{
	font-size:11px;
    width: 70px;
    overflow: hidden;
	display:none;
}

a.button-share {
    font-size: 2em;
    width: 58px;
    padding: 5px 3px;
    text-align: center;
    border-radius: 100%;
    color: #fefefe;
}
div.descriptarticle{
				color:#8d8d8d; font-size:12px; height:30px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis}
				
div.libarticle{padding-left:1%; color:rgba(0,0,0,.75); height:25px; font-size:18px;
						overflow:hidden;white-space: nowrap; text-overflow:ellipsis}
			
			
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: rgb(243, 243, 243);
}

span.price-ads{
	font-size:18px; 
	padding-left:1%; 
	padding-right:1%; 
	border-radius:3px; 
	color:#ff8105;"
}

h2.title-ads{
	padding-left:1%; 
	margin-top:0px; 
	color:#8d8d8d; 
	font-size:2em; 
	line-height:20px;
}
p.descrip-ads{
	color:#8d8d8d; 
	font-size:12px; 
	height:20px; 
	overflow:hidden;
	white-space: nowrap; 
	text-overflow:ellipsis
}
.markertunnel{
	color:#9a9a9a;
}

span.publication{
	font-size:14px;
	padding:1em;
	color:#fafafa;
	font-weight:600;
	background-color: #01c4ff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 1px 0 rgba(0, 0, 0, 0.12);
}

a>img.showimage{
width:100px;
 height:67px;
}

ul>li>a>i.fa{
font-size:20px;
}

ul.nav>li>a:hover{
color:rgb(252, 115, 16);
text-decoration:none;
}

.img_center{
display: block;
 margin-left: auto;
 margin-right: auto;
}

div.img_produit>figure{
padding-bottom: 15px;
 padding-top:15px; 
 border-bottom: 1px solid #e0eded;
 margin:auto 0;
}

.widget-toolbar > .dropdown > .dropdown-menu::after, .dropdown-menu.dropdown-caret::after {
border-bottom: 6px solid rgb(255, 255, 255);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: '';
display: inline-block;
left: 10px;
position: absolute;
top: -6px;
}

.widget-toolbar > .dropdown > .dropdown-menu.pull-right::after, .dropdown-menu.pull-right.dropdown-caret::after {
left: auto;
right: 10px;
}

.widget-toolbar > .dropdown > .dropdown-menu::before, .dropdown-menu.dropdown-caret::before {
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: '';
display: inline-block;
left: 9px;
position: absolute;
top: -7px;
}

.dropdown-navbar {
padding: 0px;
width: 240px;
-webkit-box-shadow: rgba(30, 30, 100, 0.2) 0px 2px 4px;
box-shadow: rgba(30, 30, 100, 0.247059) 0px 2px 4px;
border-color: rgb(188, 212, 229);
}

.dropdown-navbar > li > a:active, .dropdown-navbar > li > a:hover, .dropdown-navbar > li > a:focus {
color: rgb(85, 85, 85);
background-color: transparent;
}

.dropdown-navbar > li > a {
padding: 10px 2px;
margin: 0px;

font-size: 12px;
line-height: 16px;
color: rgb(85, 85, 85);
}

.dropdown-navbar .msg-body {
display: inline-block;
line-height: 20px;
white-space: normal;
vertical-align: middle;
max-width: 175px;
}

.dropdown-navbar .msg-title {
display: inline-block;
line-height: 14px;
width:100%;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}

.dropdown-navbar .msg-time {
display: block;
font-size: 11px;
color: rgb(119, 119, 119);
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus, .dropdown-menu li a:active, .dropdown-menu li.active a, .dropdown-menu li.active a:hover, .dropdown-menu .dropdown-submenu:hover > a, .nav-tabs .dropdown-menu li > a:focus {
background:rgba(147, 213, 233, 0.2);
color: rgb(0, 0, 0);
}

.dropdown-navbar > li.dropdown-header {
color: rgb(128, 144, 160);
border-bottom-color: rgb(188, 212, 229);
background-color: rgba(99, 172, 240, 0.33) ;
}

.dropdown-header {
display: block;
padding: 3px 3px;
font-size: 20px;
line-height: 1.4;
color: #999;
}

.dropdown-navbar > li.dropdown-header  {
text-shadow: none;
padding-top: 0px;
padding-bottom: 0px;
line-height: 34px;
font-size: 13px;
font-weight: bold;
text-transform: none;
border-bottom: 1px solid;
}

.dropdown-navbar >  li {

border-bottom: 1px solid rgba(147, 213, 233, 0.7) ;
}

.dropdown-navbar > li.dropdown-header > a  {

font-size: 13px;
font-weight: bold;
line-height: 34px;
text-transform: none;

}

.grey{
color: #777!important;
}

.ace-nav>li.grey>a:hover, .ace-nav>li.grey>a:focus {
background-color: rgba(156, 51, 90, 1);
}

.blue{
color: #777!important;
}

.ace-nav>li.blue>a:hover, .ace-nav>li.blue>a:focus {
background-color: #929191;
}
.ace-nav>li.blue>a{
background-color: #757575;
}

.widget-toolbar > .dropdown > .dropdown-menu::after, .dropdown-menu.dropdown-caret::after {
border-bottom: 6px solid rgb(255, 255, 255);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
content: '';
display: inline-block;
left: 10px;
position: absolute;
top: -6px;
}


.dropdown-menu.dropdown-close.pull-right {
left: auto;
right: -5px;
}
.ace-nav>li .dropdown-menu {
z-index: 1031;
}

.dropdown-menu.dropdown-close {
top: 92%;
left: -5px;
}
.open>.dropdown-menu {
display: block;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-navbar {
padding: 0px;
width: 240px;
-webkit-box-shadow: rgba(30, 30, 100, 0.247059) 0px 2px 4px;
box-shadow: rgba(30, 30, 100, 0.247059) 0px 2px 4px;
border-color: rgb(188, 212, 229);
}
.dropdown-menu {
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
border-radius: 0px;
}

.widget-toolbar > .dropdown > .dropdown-menu.pull-right::before, .dropdown-menu.pull-right.dropdown-caret::before {
left: auto;
right: 9px;
}

.widget-toolbar > .dropdown > .dropdown-menu::before, .dropdown-menu.dropdown-caret::before {
border-bottom: 7px solid rgba(0, 0, 0, 0.2);
border-left: 7px solid transparent;
border-right: 7px solid transparent;
content: '';
display: inline-block;
left: 9px;
position: absolute;
top: -7px;
}

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.widget-toolbar > .dropdown > .dropdown-menu.pull-right::after, .dropdown-menu.pull-right.dropdown-caret::after {
left: auto;
right: 10px;
}

.ace-nav>li>a {
background-color: rgba(111, 104, 106, 1);
color: #Fafafa;
display: block;
line-height: inherit;
text-align: center;
height: 100%;
width: auto;
min-width: 50px;
padding: 0 8px;
position: relative;
}

.ace-nav>li {
line-height: 50px;
height: 100%;
border-right: 1px solid #DDD;
padding: 0;
position: relative;
float: left!important;
}

.myprogress_account{
width:200px;
border-radius: 0px 0px 0px 0px;
}

.message-summary{
font-weight:normal;
font-size:12px; 
color:#969191;
}
.message-container{

margin-bottom: 5%;
border-bottom: 1px solid rgb(234, 237, 241);
}
.annonce-container{
position: relative;
height:100%;
}

.legend-lib-article{
border-color: #cccccc; 
Font-size:30px; 
color:rgba(18, 114, 218, 0.92);
}

.legend-prix{
font-size:30px; 
font-weight:bold; 
color:#409B1A;
}

.prix-monannonce{
background-color:#409B1A;
color:white; 
font-weight:bold; 
font-family:trebuchet MS;
font-size:30px; 
}

a.lien-annonce-container{
text-decoration:none; 
color: rgba(0, 0, 0, 0.72);
}

div.tab-pane>a.lien-annonce-container>div.annonce-container:hover{
background-color:#fafafa;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.37s;
-webkit-transition-timing-function: ease;
}
.titre_libarticle{
padding-top: 15px;
font-size:16px; 
margin:1%; 
color:#333;
font-weight:bold;
max-width:700px;
 white-space: nowrap; 
 overflow: hidden;
 text-overflow: ellipsis;
}

.titre_username{
padding-top: 15px;
font-size:14px; 
margin:1%; 
color:#333;
font-weight:400;
max-width:700px;
 white-space: nowrap; 
 overflow: hidden;
 text-overflow: ellipsis;
}

.message-navbar{
line-height: 24px;
padding: 10px 12px;
margin-top:-2%;

border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: rgb(181, 211, 240);
position: relative;
}

.mesmessages{

border-right: 1px solid rgb(234, 237, 241);
border-left: 1px solid rgb(234, 237, 241);
border-top: 1px solid rgb(234, 237, 241);

border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
padding: 12px 12px 14px;
line-height: 18px;
position: relative;
background-color: rgb(255, 255, 255);

-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;

}

.mesmessage-unread{

border-right: 1px solid rgb(234, 237, 241);
border-left: 1px solid rgb(234, 237, 241);
border-top: 1px solid rgb(234, 237, 241);

border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
padding: 12px 12px 14px;
line-height: 18px;
position: relative;
background-color: rgb(255, 255, 255);
font-weight:bold;
-webkit-transition-property: background-color;
-webkit-transition-duration: 0.3s;
-webkit-transition-timing-function: ease;

}

.mesmessages .sender{

margin: 0px 6px 0px 4px;
vertical-align: middle;
color: rgb(70, 114, 135);
display: inline-block;
width: 120px;
height: 45px;
font-size:12px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
cursor: pointer;

}

.mesmessages .summary{

vertical-align: middle;
display: inline-block;
position: relative;
margin-left: 30px;
max-width: calc(100% - 200px);
min-width: 100px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

}

.mesmessages .time{

float: right;
width: auto;
height: 18px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

}

.mesmessages .action{

float: right;
width: 35px;
height: 18px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;

}

.oneaction{
opacity:0.05;
}

.hr-double{
height: 3px;
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
}
.hr{
display: block;
height: 0;
overflow: hidden;
font-size: 0;
border-top: 1px solid #e3e3e3;
margin: 12px 0;
}


.mesmessages:hover .oneaction{
opacity:0.9;
}

.mesmessages .summary .text{

color: rgb(85, 85, 85);
vertical-align: middle;
display: inline-block;
width: auto;
max-width: 100%;
height: 18px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;


}

.mesmessages:hover{

border-right: 1px solid rgb(234, 237, 241);
border-left: 1px solid rgb(234, 237, 241);
border-top: 1px solid rgb(234, 237, 241);

border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
padding: 12px 12px 14px;
line-height: 18px;
position: relative;
background-color: #efefef

}


.numannonce{
background-color: #F10F0F;
border-radius: 5px;
padding: 2px -2px 5px;
margin: -2px -2px -2px; 
top:-20%;
z-index:1;
font-size: 10px;
}
.annonces{
z-index:2;
}

.moi {
padding: 4px 2px 5px;
border: 1px solid rgb(224, 226, 229);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
background-color: rgb(248, 250, 252);
}

/*modifier l'apparence des scrollbars de tout le forum*/
::-webkit-scrollbar { 
  width: 10px; /*largeur de la scrollbar verticale*/
  height: 5px; /*hauteur de la scrollbar horizontale*/
  background-color: #000000;
  opacity:0.7;
  }

::-webkit-scrollbar-track { 
  background-color: #CCCCCC;

  /*couleur du fond de la scrollbar*/}

::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
  background-color: #f5960f; /*couleur de l'ascenseur*/;
  opacity:0.7;
 }

.btn-buzigomenu{
color:#fff;
background-color:rgba(115, 23, 201, 0.72);
border-color:#B3ABB3;

}
.btn-buzigomenu:hover{
color:#fff;
background-color:rgba(115, 23, 201, 0.9);
border-color:#B3ABB3;

}

.nav-tabs > li> a:hover{

border-radius:0px 0px 0px 0px;

}

.nav-tabs > li.active> a,.nav-tabs > li.active> a:hover{

border-radius:0px 0px 0px 0px;
border-color: rgb(76, 143, 189) rgb(197, 208, 220) transparent;
border-top: 2px solid  rgb(255, 165, 0);
background-color: rgb(255, 255, 255);

}
.nav-tabs > li.active> a,.nav-tabs > li.active> a:focus{

border-radius:0px 0px 0px 0px;

background-color: #fafafa;

}
.nav-tabs > li.active> a,.nav-tabs > li.active{

border-radius:0px 0px 0px 0px;

background-color: #fafafa;

}

.deco-bodycompte{

padding-right: 0px;
}
.panel-compte{
margin-right:20px;
height:250px;
max-height:500px;
border:none;
}
.panel-compte-right{
height:250px;
max-height:500px;
border:none;
}
.panel-smallinfocompte{
height:350px;
max-height:500px;
}


.labelfield{
font-weight:no;
}
.sidebar-right{

max-height: 100%;
min-height:500px;
}

.sidebar-left{

max-height: 100%;
min-height:500px;

}
.contentpanel{
margin-top:1%;
background-color:#F0F0F0;
}
.bs-navbar{
background-color:#FBFBFB;
border-color:#FBFBFB;
}



.bs-navbar .navbar-nav > li > a{
color:#9C9898;
font-size:14px;
}

.bs-navbar .navbar-nav > li > a:hover{
color:rgb(252, 115, 16);
font-size:14px;
}
.bs-navbar .navbar-nav > li > a:focus{
color:#F5960F;
font-size:14px;
}

.bs-navbar .navbar-brand-perso{
color:#fafafa;

}

div.bs-navbar > a.navbrand-android{
	float:right;color:#FDA41C; padding: 15px 5px; font-size: 15px;
}


form .navbar-brand-mobile{float: right;padding: 0px 15px;font-size: 14px;line-height: 20px;
}

#footer  a:hover{

color:#fafafa;

}

#footer  a:hover{

color:#fafafa;

}

#footer  {

color:#fafafa;

}

.contentpanel .map{

width:600px;
height:600px;
background:url(../fonts/map.png) left top no-repeat;
position:relative;
}

.map .overlay {
width:600px;
height:600px;
background:url(../fonts/map.png) 600px top no-repeat;
position: absolute; 
top:0;
left:0;
z-index:1;
}

a.mob_button_show {
position:fixed;  
right:20px; 
text-decoration:none;
color:#ffffff;
bottom:10px;  
padding: 2x; 
background-color:rgba(15, 14, 14, 0.79); 
opacity:0.9; 
z-index:2000; 	
}

a.mob_button_show_flash {
position:fixed;  
right:20px; 
display:none;
text-decoration:none;
color:#ffffff;
bottom:70px;  
padding: 5px; 
background-color:rgba(255, 81, 0, 0.8); 
opacity:0.9; 
z-index:2000; 	
}

a.mob_button_show_ads {
position:fixed;  
right:20px; 
display:none;
text-decoration:none;
color:#ffffff;
bottom:130px;  
padding: 5px; 
background-color:rgba(255, 81, 0, 0.8); 
opacity:0.9; 
z-index:2000; 	
}

.map img{

position:absolute;
top:0;
left:0;
z-index:2;

}

.map .bubulle{
position: absolute;
border-radius:5px;
color:#fafafa;
background:#000;
padding: 0 10px;
display:inline;
top:0;
left:0;
z-index:3;
}

.primium_info{
color:black;
text-align:justify;
font-size:13px;
}

#myCarousel {

height: 350px;
}

		/*  
		 * Rating styles
		 */
		.rating {
			width: 226px;
			/*margin: 0 auto 1em;*/
			font-size: 20px;
			overflow:hidden;
		}
		.rating a {
			float:right;
			color: #aaa;
			text-decoration: none;
			-webkit-transition: color .4s;
			-moz-transition: color .4s;
			-o-transition: color .4s;
			transition: color .4s;
		}
		.rating a:hover,
		.rating a:hover ~ a,
		.rating a:focus,
		.rating a:focus ~ a		{
			color: orange;
			cursor: pointer;
		}
		.rating2 {
			direction: rtl;
		}
		.rating2 a {
			float:none
		}
		
	.work-desc {
		width: 100%;
		border: 1px solid #e3e3e3;
		background-color:#EDEDED;
		border: 1.5px solid #EDEDED;
		position: relative;
		box-shadow: 0 1px 1px rgba(0,0,0,0.25);
	}

.work-desc:before{
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    margin-left: 20px;
    width: 8px;
    height: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #EDEDED;
    z-index: 100;
}
.work-desc-author:before{
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    margin-left: 20px;
    width: 8px;
    height: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
    z-index: 100;
}

.author_review{
border-radius:26px;
  box-shadow: 0 1px 2px #8d8d8d;
  height: 48px;
  width: 48px;
}

.author-name{
font-weight:700;
}

.review-info {
  display: inline-block;
  margin-top: 6px;
  padding-bottom: 3px;
  vertical-align: top;
}
.reviews-totalstat {
  line-height:20px;
  color:#8d8d8d;
}
.reviews-hist {
height:170px;
line-height:20px;
color:#7E7E7E;
}
.bar {
font-size:15px;
}
.bar-empty{
color:#DADADA;
}
.reviews-text{
font-size:12px;
}

.review-date {
  color: #aaa;
  display: inline-block;
  font-size: 11px;
  margin-left: 2px;
  white-space: nowrap;
}

.header_review{
margin-bottom:2.5%;
}

.content_review{
padding:2px;
font-size: 12px;
line-height: 18px;
text-align: left;
max-height: 308px;
margin-bottom:2%;
background-color: #fff;
}

p.recommanded{
  line-height: 20px;
  color: #8d8d8d;
  float:right;
  font-weight:700;
  font-size:15px;
}

span.changelocal{
  color: #8d8d8d;
  font-weight:700;
  font-size:15px;
}

h3.categorie{
  color: #8d8d8d;
  line-height: 20px;
 font-family: Constantia;
  font-size: 17px;
}

div.cat-list{
background-color:#fafafa;
margin-bottom:1%;
color:#8d8d8d;
padding:1%;
}

div.cat-list>span>a{
color:#8d8d8d;
text-decoration:none;
font-weight:700;
margin-right:5%;
font-size: 1.3em;
}

div.cat-list>span>a:hover{
color:rgb(252, 115, 16);
text-decoration:none;
font-weight:700;
margin-right:5%;
}

legend.login_text{
color:#ABABAB;
box-shadow:0 1px 1px rgba(0,0,0,0.25);
}

ul>form.navbar-right>li{
margin-top:3%;
font-size:12px;
}

.alert-style{
text-align:center;
 font-size:14px;
 font-weight:700
}

div.cat-list>span>a.cat_afterclick{
color:rgb(252, 115, 16);
text-decoration:none;
font-weight:700;
margin-right:5%;
}

ul.nav>li>a.rubrique_afterclick{
color:rgb(252, 115, 16);
text-decoration:none;
}



.card {
  position: relative;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  margin-bottom: 30px;

  }

div.card >div.card-header>h2 {
  margin: 0;
  line-height: 100%;
  font-size: 20px;
  font-weight: 400;
}

.card-header {
  position: relative;
   padding: 23px 26px;
   border-bottom: 1px solid #F0F0F0;
}

.fc-color {
background-color:#f44336;
color:#fff;
font-weight:400
}

.fc-color-astuce {
background-color:#52AEF0;
color:#fff;
font-weight:400
}

.fc-color-newproduct {
  background-color: #FDFDFD;
  color: #F97D24;
  font-weight: 400;
}

.fc-color-billing {
background-color:#4DD230;
color:#fff;
font-weight:400
}

.card-body {
   padding: 23px 26px;
}

.card-body>div>a {
   color:#909090;
}

.card-body>div>span.explain-billing {
   color:#909090;
   font-size:13px;
}

.card-body>div>span.billing-title {
 font-weight:700;
   color:#909090;
}

div.card>div.card-body>span {
  display: block;
  margin-top: 8px;
  color: #909090;
  line-height: 160%;
}

div.card>div.card-body>span>i {
font-size:18px;
}


#best-selling {
  background-color: #fff;
}
.dash-widget-item {
  position: relative;
  min-height: 260px;
  margin-bottom: 30px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.dash-widget-item .dash-widget-header {
  position: relative;
}

.dash-widget-item .dash-widget-title {
  padding: 2px 21px;
  position: absolute;
  width: 100%;
  left: 0;
  color:#fff;
  font-size: 11px;
  font-weight: 300;
}


 #best-selling .dash-widget-header > img {
  width: 100%;
  height: 155px;
}

#best-selling .dash-widget-header .main-item {
  padding: 15px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

#best-selling .dash-widget-header .main-item > h2 {
  font-weight: 400;
  font-size: 22px;
  margin: 5px 0 0 0;
  line-height: 100%;
  color: #fff;
}

.detail-sale-item{
padding:1px;
  display: block;
  margin-top: 8px;
  color: #0088cc;
font-size:16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.footer-sale-item{

  display: block;
  text-align: center;
  padding: 7px 10px 8px;
  border-top: 1px solid #F0F0F0;
  line-height: 100%;
  font-size: 11px;
  margin-top: 20px;
  color: #828282;

}

#best-selling .dash-widget-header .main-item {
  padding: 15px;
  color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0);
}

div.card>div>div.interest{
 border-top:1px solid #F0F0F0;
}

.pmo-contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

 .pmo-contact ul li {
  position: relative;
  padding: 8px 0 8px 35px;
}

div.present_header{
font-weight:700;
font-size:15px;
}

div.date_joined_header{
font-weight:700;
font-size:12px;
color:#ddd;
}

div.pmo-block > h2 {
  font-size: 16px;
  margin: 0 0 15px;
  font-weight:700;
  margin-top:5%;
}

 .pmo-contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

 .pmo-contact>div>span {
font-size:12px;
}

 .pmo-contact>div>span.present_header {
font-weight:bold;
}
 .pmo-contact>div>span.date_joined_header {
color:#ccc;
}

 .pmo-contact ul li {
  position: relative;
  padding: 8px 0 8px 35px;
  font-size:12px;
}

 .pmo-contact ul li i {
  font-size: 18px;
  vertical-align: top;
  line-height: 100%;
  position: absolute;
  left: 0;
}

.toggle-switch {
  display: inline-block;
  vertical-align: top;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.toggle-switch .ts-label {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: top;
  -webkit-transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
  transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1);
}

.toggle-switch .ts-helper {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 16px;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.26);
  -webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  vertical-align: middle;
  cursor: pointer;
}

.toggle-switch .ts-helper:before {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  width: 24px;
  height: 24px;
  background: #fafafa;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28);
  border-radius: 50%;
  webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.toggle-switch:not(.disabled) .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1);
}

.toggle-switch input {
  position: absolute;
  z-index: 1;
  width: 46px;
  margin: 0 0 0 -4px;
  height: 24px;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}

.toggle-switch input:checked + .ts-helper:before {
  left: 20px;
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper {
  background: rgba(0, 150, 136, 0.5);
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before {
  background: #009688;
}

.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2);
}

.toggle-switch.disabled {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper {
  background: rgba(244, 67, 54, 0.5);
}

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:before {
  background: #f44336;
}

.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(244, 67, 54, 0.2);
}

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper {
  background: rgba(33, 150, 243, 0.5);
}

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:before {
  background: #2196f3;
}

.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(33, 150, 243, 0.2);
}

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper {
  background: rgba(255, 193, 7, 0.5);
}

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:before {
  background: #ffc107;
}

.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(255, 193, 7, 0.2);
}

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper {
  background: rgba(156, 39, 176, 0.5);
}

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:before {
  background: #9c27b0;
}

.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(156, 39, 176, 0.2);
}

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper {
  background: rgba(233, 30, 99, 0.5);
}

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:before {
  background: #e91e63;
}

.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(233, 30, 99, 0.2);
}

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper {
  background: rgba(205, 220, 57, 0.5);
}

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:before {
  background: #cddc39;
}

.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(205, 220, 57, 0.2);
}

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper {
  background: rgba(0, 188, 212, 0.5);
}

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:before {
  background: #00bcd4;
}

.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 188, 212, 0.2);
}

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper {
  background: rgba(76, 175, 80, 0.5);
}

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:before {
  background: #4caf50;
}

.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:active:before {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(76, 175, 80, 0.2);
}

.pubinfo_buziman{
font-size:12px;
}

.header_pubinfo_buziman{
margin-bottom:2%;
}

.pubinfo_interest_buziman{
margin-right:2%;
}

.pubinfo_title_buziman{
font-weight:700;
font-size:12px;
margin-bottom:2%;
margin-left:5%;
margin-right:5%;
}

.suivphone{
    cursor: pointer;
    position: absolute;
    top:40%;
    right:0;
    height: 40px;
    width: 40px;
	color:#F5960F;
	text-align: center;
	font-size: 30px;
	line-height: 20px;
	border: 3px solid #ffffff;
	-webkit-border-radius: 23px; 
	border-radius: 23px;
	background: rgba(34, 34, 34, 0.35);
}

.suivphone:hover{
color:#fff;
}

.precphone:hover{
color:#fff;
}

.precphone{
    cursor: pointer;
    position: absolute;
   top:40%;
    left: 0;
    height: 40px;
    width: 40px;
	text-align: center;
	font-size: 30px;
	line-height: 20px;
	color:#F5960F;
	border: 3px solid #ffffff;
	-webkit-border-radius: 23px;
	border-radius: 23px;
	background: rgba(34, 34, 34, 0.35); 
 
}

.prettyline {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

.float-label-control { position: relative; margin-bottom: 1em; }
    .float-label-control ::-webkit-input-placeholder { color: #8d8d8d; }
    .float-label-control :-moz-placeholder { color: #8d8d8d; }
    .float-label-control ::-moz-placeholder { color: #8d8d8d; }
    .float-label-control :-ms-input-placeholder { color: #8d8d8d; }
    .float-label-control input:-webkit-autofill,
    .float-label-control textarea:-webkit-autofill { background-color: transparent !important; -webkit-box-shadow: 0 0 0 1000px white inset !important; -moz-box-shadow: 0 0 0 1000px white inset !important; box-shadow: 0 0 0 1000px white inset !important; }
    .float-label-control input, .float-label-control textarea, .float-label-control label { font-size: 1.3em; box-shadow: none; -webkit-box-shadow: none; }
        .float-label-control input:focus,
        .float-label-control textarea:focus { box-shadow: none; -webkit-box-shadow: none; border-bottom-width: 2px; padding-bottom: 0; }
        .float-label-control textarea:focus { padding-bottom: 4px; }
    .float-label-control input, .float-label-control textarea { display: block; width: 100%; padding: 0.1em 0em 1px 0em; border: none; border-radius: 0px; border-bottom: 1px solid #aaa; outline: none; margin: 0px; background: none; }
    .float-label-control textarea { padding: 0.1em 0em 5px 0em; }
    .float-label-control label { position: absolute; font-weight: normal; top: -1.0em; left: 0.08em; color: #aaaaaa; z-index: -1; font-size: 0.85em; -moz-animation: float-labels 300ms none ease-out; -webkit-animation: float-labels 300ms none ease-out; -o-animation: float-labels 300ms none ease-out; -ms-animation: float-labels 300ms none ease-out; -khtml-animation: float-labels 300ms none ease-out; animation: float-labels 300ms none ease-out; /* There is a bug sometimes pausing the animation. This avoids that.*/ animation-play-state: running !important; -webkit-animation-play-state: running !important; }
    .float-label-control input.empty + label,
    .float-label-control textarea.empty + label { top: 0.1em; font-size: 1.5em; animation: none; -webkit-animation: none; }
    .float-label-control input:not(.empty) + label,
    .float-label-control textarea:not(.empty) + label { z-index: 1; }
    .float-label-control input:not(.empty):focus + label,
    .float-label-control textarea:not(.empty):focus + label { color: #aaaaaa; }
    .float-label-control.label-bottom label { -moz-animation: float-labels-bottom 300ms none ease-out; -webkit-animation: float-labels-bottom 300ms none ease-out; -o-animation: float-labels-bottom 300ms none ease-out; -ms-animation: float-labels-bottom 300ms none ease-out; -khtml-animation: float-labels-bottom 300ms none ease-out; animation: float-labels-bottom 300ms none ease-out; }
    .float-label-control.label-bottom input:not(.empty) + label,
    .float-label-control.label-bottom textarea:not(.empty) + label { top: 3em; }


@keyframes float-labels {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: -1em; opacity: 1; }
}

@-webkit-keyframes float-labels {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: -1em; opacity: 1; }
}

@keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

@-webkit-keyframes float-labels-bottom {
    0% { opacity: 1; color: #aaa; top: 0.1em; font-size: 1.5em; }
    20% { font-size: 1.5em; opacity: 0; }
    30% { top: 0.1em; }
    50% { opacity: 0; font-size: 0.85em; }
    100% { top: 3em; opacity: 1; }
}

.form-control:focus {
  border-color: rgba(245, 150, 15, 0.75);
}

div>div.po-markup >a.po-link:hover{
	color:#F7912D;
}

/* Content */
.content {
    padding-top: 5%;
}

/* Testimonials */
.testimonials blockquote {
    background: #FDFDFD none repeat scroll 0 0;
    border: medium none;
    color: #666;
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    position: relative;
}
.testimonials blockquote::before {
    width: 0; 
    height: 0;
	right: 0;
	bottom: 0;
	content: " "; 
	display: block; 
	position: absolute;
    border-bottom: 20px solid #EDECEC;    
	border-right: 0 solid transparent;
	border-left: 15px solid transparent;
	border-left-style: inset; /*FF fixes*/
	border-bottom-style: inset; /*FF fixes*/
}
.testimonials blockquote::after {
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    content: " ";
    display: block;
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #FC7310 transparent transparent transparent;
}
.testimonials .carousel-info img {
    border: 1px solid #FC7310;
    border-radius: 150px !important;
    height: 75px;
    padding: 3px;
    width: 75px;
}
.testimonials .carousel-info {
    overflow: hidden;
}
.testimonials .carousel-info img {
    margin-right: 15px;
}
.testimonials .carousel-info span {
    display: block;
}
.testimonials span.testimonials-name {
    color: #e6400c;
    font-size: 16px;
    font-weight: 300;
    margin: 23px 0 7px;
}
.testimonials span.testimonials-post {
    color: #656565;
    font-size: 12px;
}


div.checkpointbuzigo{
margin-top:2%;
font-size:20px;	
}

div.checkpointbuzigo>i{
color:#FCA119;
}	

div>a.buzistyle:hover{
	color:rgb(252, 115, 16);
}

a.cardannonce{
	background-color:#fff;
}
a.cardannonce:hover{
	background-color:#fafafa;
}