@font-face {
	font-family: rb;
	src: url(../fonts/Roboto-Regular.ttf);
}
@font-face {
	font-family: os;
	src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
	font-family: pn;
	src: url(../fonts/ProximaNova-Regular.otf);
}
@font-face {
	font-family: b9;
	src: url(../fonts/BAUHS93.TTF);
}
@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}

.flaticon-motorcycle:before { content: "\f100"; }
.flaticon-transport:before { content: "\f101"; }
.flaticon-tractor:before { content: "\f102"; }
.flaticon-transport-1:before { content: "\f103"; }
.flaticon-van:before { content: "\f104"; }
.flaticon-car:before { content: "\f105"; }

li .glyph-icon {
        padding: 0 px;
        font-family:"Flaticon";
        font-size: 25px;
        line-height: 1;
    }
#exTab1 ul.nav.nav-pills {
    width: 54%;
    position: relative;}

#exTab1 ul li span.glyph-icon:before {
        font-size: 42px;
        color: #fff;
        margin-left: 0;
    }
#exTab1 ul li.active span.glyph-icon:before {
        font-size: 42px;
        color: #09a3e6;
        margin-left: 0;
    }
.plusCatg .glyph-icon:before {
        font-size: 42px;
        color: #222 !important;
        margin-left: 0;
    }
*:focus {
	outline: none !important
}
body {
	font-family: 'pn';
	background-color: #e6e6e6;/*overflow-y:hidden;*/
}
.form-control {
	border-radius: 0 !important
}
.btn {
	border-radius: 0 !important;
	font-family: "rb"
}
.navbar {
	height: 52px;
	background-color: #fff;
	border: 0;
}
.stick .navbar {
	background-color: #333;
	opacity:0.7;
	box-shadow: 0px 5px 26px 4px rgba(0,0,0,0.7);
}
.navbar .navbar-brand {
	margin-top: -9px;
	width: 150px;
	height: 70px;
	background: url(../assets/logo.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.stick .navbar .navbar-brand {
	margin-top: -9px;
	width: 150px;
	height: 70px;
	background: url(../assets/logo2.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.navbar-toggle {
	top: 34px !important;
	float: left !important;
	margin-left: 15px !important;
	margin-top: 0;
}
div#navbar {
	height: 100%!important;
}
.btn-add {
	border: 2px solid #001c54;
	color: #001c54;
	background-color: transparent;
	opacity: .6;
}
.btn-add:hover, .btn-add:active, .btn-add:focus {
	background-color: transparent !important;
	border: 2px solid #001c54;
	opacity: 1 !important;
	color: #001c54 !important;
	transition: all linear 0.3s;
}
.stick .btn-add {
	color: #09A3E6;
	border: 2px solid #09A3E6;
}
.stick .btn-add:hover, .stick .btn-add:active, .stick .btn-add:focus {
	background-color: transparent !important;
	border: 2px solid #09A3E6;
	opacity: 1 !important;
	color: #09A3E6 !important;
	transition: all linear 0.3s;
}
.myAccount {
	border: 2px solid #1B1B1B;
	opacity: 0.6 !important;
	background-color: transparent;
}
.stick .navbar .myAccount {
	color: #fff;
	opacity: .8;
	border: 2px solid #fff;
}
.stick .navbar .myAccount:hover, .stick .navbar .myAccount:active, .stick .navbar .myAccount:focus {
	color: #fff;
	border: 2px solid #fff;
	opacity: .8;
	transition: all linear 0.3s;
}
.myAccount:hover, .myAccount:active, .myAccount:focus {
	background-color: transparent !important;
	border: 2px solid #1B1B1B;
	color: #1B1B1B;
	text-decoration: underline;
	opacity: 1 !important;
	transition: all linear 0.3s;
}
.navbar-nav {
	float: right;
	height: 100%;
	margin-top: 10px;
	position: relative;
}
.navbar-nav form{ margin:0;}
ul.navbar-nav li:nth-child(1) {
	margin-right: 10px;
}
footer {
	width: 100%;
	position: relative;
	height: 300px;
	background: url(../assets/footer.png) no-repeat;
	background-size: 100% 100%;
	background-position: top left;
	bottom: 0;
	-ms-filter: grayscale(0.7) sepia(0.6);
-webkit-filter: grayscale(0.7) sepia(0.6);
-moz-filter: grayscale(0.7) sepia(0.6);
-o-filter: grayscale(0.7) sepia(0.6);
filter: grayscale(0.7) sepia(0.6);
}
footer .copyrights{color:#fff; position:absolute; bottom:0; opacity:0.1; font-size:12px}
#footerInfo {
	background-color: transparent;
	padding: 30px;
	    box-shadow: inset 0 -14px 30px 6px rgba(0,0,0,0.29);
}
#footerInfo .facebook {
	opacity: 0.6;
	width: 50px;
	height: 50px;
	background: url(../assets/facebook.png) no-repeat;
	background-size: 100% 100%;
	background-position: top left;
	transition: all linear 0.3s;
	float: left;
	margin-right: 15px;
	-ms-filter: grayscale(0.7) sepia(0.6);
-webkit-filter: grayscale(0.7) sepia(0.6);
-moz-filter: grayscale(0.7) sepia(0.6);
-o-filter: grayscale(0.7) sepia(0.6);
filter: grayscale(0.7) sepia(0.6);
}
#footerInfo .facebook:hover {
	cursor: pointer;
	opacity: 1;
-ms-filter: none;
-webkit-filter:none;
-moz-filter: none;
-o-filter: none;
filter: none;
}
#footerInfo .googleplus {
	opacity: 0.6;
	width: 50px;
	height: 50px;
	background: url(../assets/google-plus.png) no-repeat;
	background-size: 100% 100%;
	background-position: top left;
	transition: all linear 0.3s;
	float: left;
	-ms-filter: grayscale(0.7) sepia(0.6);
-webkit-filter: grayscale(0.7) sepia(0.6);
-moz-filter: grayscale(0.7) sepia(0.6);
-o-filter: grayscale(0.7) sepia(0.6);
filter: grayscale(0.7) sepia(0.6);
}
#footerInfo .googleplus:hover {
	cursor: pointer;
	opacity: 1
-ms-filter: none;
-webkit-filter:none;
-moz-filter: none;
-o-filter: none;
filter: none;
}
#footerInfo a {
	text-decoration: none;
	font-size: 10px;
	color: #A8A8A8;
	margin-bottom: 10px;
}
#footerInfo a:hover {
	color: #333;
	text-decoration: underline
}
#footerInfo .socialMedia {
	width: 115px;
	position: relative;
	display: block;
	margin: 0 auto;
}
#footerInfo .ligne {
	position: relative;
	display: block;
	width: 75%;
	height: 1px;
	background-color: #333;
	margin: 0 auto;
	margin-top: 20px;
	opacity: 0.7;
}
#footerInfo .mobileApps {
	height: 45px;
	width: 330px;
	margin: 27px auto;
	margin-bottom:-40px;
}
#footerInfo .mobileApps .appstore {
	background: url(../assets/appstore.png) no-repeat;
	height: 45px;
	background-size: 100% 100%;
	width: 160px;
	float: left;
	margin-right: 10px;
	opacity: 0.6;
	transition: all linear 0.3s;
}
#footerInfo .mobileApps .appstore:hover {
	cursor: pointer;
	opacity: 1;
}
#footerInfo .mobileApps .playstore {
	background: url(../assets/googleplay.png) no-repeat;
	height: 45px;
	background-size: 100% 100%;
	width: 160px;
	float: left;
	opacity: 0.6;
	transition: all linear 0.3s;
}
#footerInfo .mobileApps .playstore:hover {
	cursor: pointer;
	opacity: 1;
}
.dropdown-header{font-family:'rb'; font-size:14px; font-weight:600;}
.dropdown-menu  a {text-decoration:none;}
.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 10px;
    font-size: 11px;
    line-height: 13px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}
.addAnn .modal-content{border-radius:0;}
.addAnn .modal-content .modal-header{background-color: #00A0E6;
    color: #fff; text-align:center;
}
@media (min-width: 768px){
.modal-dialog {
    width: 400px;
    margin: 30px auto;
}}
.catg {
    padding: 15px;
    position: relative;
    width: 100%;
    font-size: 20px;
	transition: all linear 0.3s;
}
.catg:hover{ background-color:#f5f5f6; color:#54BDEB; cursor:pointer;}
.catg span {
    margin-left: 0px;
    position: relative;
    width: 100%;
    left: 33%;
    top: -2px;

}
.catg .textCatg{ margin-left:50px; }
.modal-body{padding:0;}
.catg .glyph-icon {
        padding: 0 px;
        font-family:"Flaticon";
        font-size: 40px;
        line-height: 1;
    }
.catg .glyph-icon:before {
        font-size: 40px !important;
    width: 6.7% !important;
    position: absolute !important;
    margin:0;
    top:10% !important;
        color: #222;
        margin-left: 0;
    transition: all linear 0.3s;
    }
.catg:hover .glyph-icon:before {
    transition: all linear 0.3s;
color: #54BDEB;
}