/ 
 * BASE CSS FOR V5 
 * Part 1 : Basics (fonts, input, buttons)
 * Part 2 : Main layout (header, nav, content, aside, footer)
 * Part 3 : Container classes (listing, associated content)
 * Part 4 : Additional Responsive classes
*/

/* Part 1 : Basics (fonts, input, buttons) */

/* default font */
body {
  color:#515151;
  font-family: Helvetica, Arial, sans-serif;
  font-size:14px;
  line-height:18px; /*1.42857*/
  background-color: #f1f1f1;
}

figure {
    margin:0;   /* super important */
}


/* !!! COLORS !!! */
.odd {color:#edf1f8;}
.even {color:#f7f9fB;}

.white { color:#ffffff; }
.xlightgrey {color:#cccccc;}
.lightgrey {color:#aaaaaa;}
.grey {color:#888888;}
.darkgrey {color:#515151;}
.xdarkgrey {color:#333333;}

.lightgreen {color:#86b704;}
.green {color:#5c8f15;}
.darkgreen {color:#426e04;}
.blue-link {color:#3A87AD;}
.belize-hole{color:#2980B9;}
.yellow-logo {color:#f7c725;}
.orange-logo {color:#f27c03;}
.alert-danger{color:#B94A48;}
.beige{color:#FAF5EA;}
.xlightbrown {color:#efebdf;}
.lightbrown {color:#cec7bb;}
.brown {color:#a69882;}
.darkbrown {color:#5e3d1c;}

.turquoise{color:#1ABC9C;}
.green-sea{color:#16A085;}
.emerland{color:#2ECC71;}
.nephritis{color:#27AE60;}
.peter-river{color:#3498DB;}
.amethyst{color:#9B59B6;}
.wisteria{color:#8E44AD;}
.wet-asphalt{color:#34495E;}
.midnight-blue{color:#2C3E50;}
.sun-flower{color:#F1C40F;}
.orange{color:#F39C12;}
.carrot{color:#E67E22;}
.pumpkin{color:#D35400;}
.alizarin{color:#E74C3C;}
.pomegranate{color:#C0392B;}
.clouds{color:#ECF0F1;}
.silver{color:#BDC3C7;}
.concrete{color:#95A5A6;}
.asbestos{color:#7F8C8D;}


/* !!! BGCOLORS !!! */
.bg-odd {background:#edf1f8;}
.bg-even {background:#f7f9fB;}

.bg-white {background:#ffffff; }
.bg-xlightgrey {background:#cccccc;}
.bg-lightgrey {background:#aaaaaa;}
.bg-grey {background:#888888;}
.bg-darkgrey {background:#515151;}
.bg-xdarkgrey {background:#333333;}

.bg-lightgreen {background:#86b704;}
.bg-green {background:#5c8f15;}
.bg-darkgreen {background:#426e04;}
.bg-blue-link {background:#3A87AD;}
.bg-belize-hole{background:#2980B9;}
.bg-yellow-logo {background:#f7c725;}
.bg-orange-logo {background:#f27c03;}
.bg-alert-danger {background:#B94A48;}
.bg-beige{background:#FAF5EA;}
.bg-xlightbrown {background:#efebdf;}
.bg-lightbrown {background:#cec7bb;}
.bg-brown {background:#a69882;}
.bg-darkbrown {background:#5e3d1c;}

.bg-turquoise{background:#1ABC9C;}
.bg-green-sea{background:#16A085;}
.bg-emerland{background:#2ECC71;}
.bg-nephritis{background:#27AE60;}
.bg-peter-river{background:#3498DB;}
.bg-amethyst{background:#9B59B6;}
.bg-wisteria{background:#8E44AD;}
.bg-wet-asphalt{background:#34495E;}
.bg-midnight-blue{background:#2C3E50;}
.bg-sun-flower{background:#F1C40F;}
.bg-orange{background:#F39C12;}
.bg-carrot{background:#E67E22;}
.bg-pumpkin{background:#D35400;}
.bg-alizarin{background:#E74C3C;}
.bg-pomegranate{background:#C0392B;}
.bg-clouds{background:#ECF0F1;}
.bg-silver{background:#BDC3C7;}
.bg-concrete{background:#95A5A6;}
.bg-asbestos{background:#7F8C8D;}


/* links */
a {
    color: #3B91E8;    /* .orange-link */
  	cursor: pointer;
}

a:hover,
a:focus {
  color: #1a7cdd;
  text-decoration: underline;
  outline: none;
}

a.no-text-decoration{
	text-decoration: none;
}

.cursor-pointer {
    cursor:pointer;
}
.cursor-default {
    cursor:default;
}
    
    
/* headings - Google Font */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 5px 0 10px 0;
  color: #515151;
  font-family: 'Merriweather Sans', Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.2em;   /* 1.2em x font-size */
  text-rendering: optimizelegibility;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-weight: normal;
  line-height: 1em;
  color: inherit;
}

h1 {
  font-size: 2.0em;
  letter-spacing:0.8px;
  margin: 5px 0 10px;
}

h2 {
  font-size: 1.6em;
  margin: 5px 0 10px;
}

h3 {
  font-size: 1.4em;
  margin: 5px 0 10px;
}

h4,
h5,
h6 {
  font-weight: normal;
  font-size: 1.125em;
}

h1 small, 
h2 small,
h3 small,
h4 small {
  font-size: 0.75em;
}

legend {
  margin: 10px 0 12px;
  font-size: 1.4em;
  line-height: 1.5em;   /* 1.5em x font-size */
  color: #515151;
  border: 0 none;
  border-bottom: 1px solid #CCCCCC;
}

.page-header {
    margin: 0 0 1.5em;
    padding-bottom: 0.5em;
    border: 0 none;
    border-bottom: 1px solid #CCCCCC;
}



/* paragraph */
p {
    margin: 0 0 6px;
}

p.error {
    margin-bottom: 20px;
    padding: 8px 20px;
    background-color: #F2DEDE;
    color: #B94A48;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #EED3D7;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

dl {
  margin-top:0;
  margin-bottom:0;
}

textarea {
    resize: vertical;
    padding: 4px 6px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff; 
  border:1px solid #cccccc;
  -webkit-box-shadow: inset 0 0 3px rgba(238, 238, 238, 1);
     -moz-box-shadow: inset 0 0 3px rgba(238, 238, 238, 1);
          box-shadow: inset 0 0 3px rgba(238, 238, 238, 1);
}

/* input states */
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #3A87AD;
  outline: 0;
  outline: thin dotted \9;  /* IE6-9 */
  -webkit-box-shadow: inset 0 0 3px rgba(238, 238, 238, 1);
     -moz-box-shadow: inset 0 0 3px rgba(238, 238, 238, 1);
          box-shadow: inset 0 0 3px rgba(238, 238, 238, 1);
}

.form-horizontal label.control-label {
    margin-bottom:0.4em; /* like margin-bottom-4 */
}

.checkbox label,
.radio label,
.checbox-inline,
.radio-inline {
    line-height: 1.42857;   /* 14px label aligned with checkbox or radio*/
}

/* search input styles
input[type="text"].search-large {
  height: 20px;
  padding: 10px 20px;
  font-size: 12px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
    
}*/

/* mmenu search */
.mm-search input,
.mm-search input:focus,
.mm-search input:hover {
	box-shadow: none;
}

.mm-search input:focus {
	border-color: #1b1b1b;
}

/* closed topic */
a.closedTopicLink, 
a.closedTopicLink:hover, 
a.closedTopicLink:visited {
    color: #BDC3C7 !important; /* silver */
}

/* validation engine */
.form-group.has-error input,
.form-group.has-error select,
.form-group.has-error textarea {
    border:1px solid #B94A48;
}

.form-group.has-error .help-block ul,
.form-group.has-warning .help-block ul {
    list-style: none outside;
    margin-left: 0;
}


/* allow unbreakeable word to be broken */
.word-wrap {
    word-wrap: break-word;
}
/* automatic ... when text is too long */
.ellipsis {
    /* don't forget to define height (1em) */
    overflow : hidden;
    text-overflow: ellipsis;    /*ellipsis-word seems to exist */
    white-space: nowrap;
}
.no-ellipsis {
    overflow:visible;
    white-space:normal;
}

/* hides clearfix done for ie 7 */
.clearfix-ie7 {
    display: none;
}

/** buttons */

/* */
.btn-toolbar {
    margin-top:5px;
    margin-bottom:10px;
}
/* button group */
.btn-toolbar .btn-group {
    margin-top: 5px;    /* vertical gutter when float buttons stacks */
}
.btn-toolbar .btn-group.pull-right:first-child {
  margin-left:5px;      /* when only pull-right buttons in toolbar */
}


/* .btn class rewrited */
.btn-eb {  
	position: relative;
  	display: inline-block;
  	*display: inline;
	padding: 8px 10px;
    height:33px;   /* 1 + 8 + 15 + 8 + 1*/
  	margin-bottom: 0;
  	*margin-left: .3em;
  	font-size: 12px;
  	line-height: 15px;
  	text-transform: uppercase;
	text-decoration: none;
  	color: #ffffff;
  	text-align: center;
  	vertical-align: middle;
	white-space: nowrap;
  	cursor: pointer;
  	background: #8ab600;
    *zoom: 1;
	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
	-webkit-transition: border-color .20s;
	-moz-transition: border-color .20s;
	-o-transition: border-color .20s;
	transition: border-color .20s;
}

    
.btn-eb i:after,
.btn-eb i:before {
   line-height:15px;
}

input[type="submit"].btn-eb,
input[type="button"].btn-eb {
    padding: 6px 10px;      /* same height <input> <a> <button> */
}

.btn-green{
    background-color: #86b704;
    border-color:#86b704;
    color: #ffffff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.btn-orange{
	background-color: #F47E00;
	border-color:#C96E1E;
	color: #FFFFFF;
}

.btn-eb.btn-eb-secondary {  
  background-color: #f1f1f1;
  border-color:#CCCCCC;
  color: #888888;
  text-shadow: 0 1px 1px #D7D7D7;
}

.btn-eb.btn-eb-admin{
    background-color: #C0392B;
    border-color:#B83122;
    color: #FFFFFF;
    text-shadow: none;
}

/* button states  */
.btn-eb:hover,
.btn-eb:focus,
.btn-eb:active,
.btn-eb.disabled,
.btn-eb[disabled] {
    /**/
}

.btn-eb:hover,
.btn-eb:focus {
  background-color: #426e04;
  border-color:#5C8F15;
  color: #ffffff;
  text-decoration: none;
}

.btn-eb.btn-eb-secondary:hover,
.btn-eb.btn-eb-secondary:focus {
  background-color: #dadada;
  border-color:#b0b0b0;
  color:#515151;
  text-decoration: none;
}

.btn-eb.btn-eb-admin:hover,
.btn-eb.btn-eb-admin:focus{
    background-color: #E74C3C;
    border-color:#B83122;
}

.btn-eb:focus {
  /*outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;*/
}

.btn-eb.active,
.btn-eb:active {
  /* background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3);
     -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3);
          box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3);*/
}

.btn-eb.btn-eb-secondary.active {
    background-color: #3276B1;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    border-color: #285E8E;
	outline: 0 none;
    color: #FFFFFF;
    text-decoration: none;
    text-shadow: none;
}

.btn-eb.disabled,
.btn-eb[disabled] {
    cursor: default;
    opacity: 0.65;
    filter: alpha(opacity=65);
}

.btn-eb.disabled:hover,
.btn-eb[disabled]:hover {
    background-color: #86b704;
    border-color: #5C8F15;
}

.btn-eb-secondary.disabled:hover,
.btn-eb-secondary[disabled]:hover {
    background-color: #F1F1F1;
    border-color: #CCCCCC;
    color: #888888;
}

/* button sizes - place */
.btn-eb-small {
  padding: 5px 8px;
  height:27px; /* 1 + 5 + 15 + 5 + 1*/
  margin-bottom: 0;
  *margin-left: .3em;
  text-transform:uppercase;
}
input[type="submit"].btn-eb-small,
input[type="button"].btn-eb-small {
    padding: 5px 6px;      /* same height <input> <a> <button> */
}

.btn-eb-large {
    padding: 12px 25px;
    height: auto;
    font-size: 1.2em;
    line-height: 16px;
    text-transform:uppercase;
}

/* button types*/
.btn-green:hover,
.btn-green:focus{
    background-color: #426e04;
    border-color:#426e04;
    color: #ffffff;
}

.btn-orange:hover,
.btn-orange:focus{
    background-color: #FF7200;
    border-color:#C96E1E;
}

/* other btn */
.btn-report {
    float:right;
    margin-bottom: 0;
    padding: 4px 6px;
    font-size: 9px;
    line-height: 12px;
    color: #AAAAAA;
}

a.btn-report:hover {
    color: #B94A48;
    background-color: #FCF8E3;
    text-decoration : none;
}

.btn-facebook {
    color: #FFFFFF;
    background-color: #3a5999;
    border-color: #283e6b;
    text-decoration : none;
    height: 32px;
    padding: 0 40px;
    vertical-align: center;
    line-height: 22px;
    position: relative;
}

.btn-facebook i{
    font-size: 24px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -12px;
}

.btn-facebook:hover, .btn-facebook:focus {
    color: #FFFFFF;
    background-color: #2e4779;
    border-color:#253a64;
    text-decoration : none;
}

.btn-login {
    padding: 0 30px;
}


/* image - responsive background images */
.bg-img-responsive {
    height: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover; 
            background-size: cover;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
}

/* tooltip */

/* popover */

/* alert */
.well,
.alert-grey { 
    background-color: #f1f1f1;
    color: #515151;
    border-color:#CCCCCC;
}
.well h4,
.alert-grey h4 {
    color: #515151;
}

/* Arrows */
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid black;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f00;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 60px solid green;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid blue; 
}


//
/**** Part 2 : Main layout ****/
//


/*** header - nav - main menu ****/
#header{
    background-color: #5c8f15;
    box-shadow: 0 0 3px 0 gray;
    -moz-box-shadow: 0 0 3px 0 gray;
    -webkit-box-shadow: 0 0 3px 0 gray;
    border-bottom: 5px solid #86b704;
}

#header .scroll-image-logo{
	display: none;
}

/*
 * LOGO
 */
.logo-container {
	display: table-cell;
	width: 100%;
	height: 70px;
	vertical-align: middle;
	padding-left: 10px;
}

/*
 * TOP MENU
 */

ul#top-menu {
	list-style-type: none;
	margin-bottom: 0;
	position: relative;
	padding: 0;
}

#top-menu > li {
	cursor: pointer;
	display: inline-block;
}

#top-menu > li > a {
	color: #494949;
	display: inline-block;
	padding: 0 15px;
	line-height: 67px;
	text-decoration: none;
	vertical-align: middle;
	border-top: 3px solid #FFFFFF;
}

#top-menu > li.menu_active > a{
	border-top: 3px solid #8ab600;	
}

#top-menu > li.drop-down-child > a {
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}

#top-menu > li:hover > a {
	color: #8ab600;
	background-color: #FFFFFF;
	text-decoration: none;
	border-color: #8ab600;
}

#top-menu li.drop-down-child:hover a {
	border-right: 1px solid #efefef;
	border-left: 1px solid #efefef;
}

#top-menu > li > a:visited {
	text-decoration: none;
}

.drop-down {
	position: relative;
}

.drop-down .drop-down-secondary {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	background: #FFFFFF;
	padding: 0;
	min-width: 200px;
	display: none;
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
}

.drop-down-main ul.drop-down-secondary {
	list-style-type: none;
}

.drop-down-main ul.drop-down-secondary > li > a {
	display: block;
	color: #494949;
	padding: 10px 20px;
	text-decoration: none;
}

.drop-down-main ul.drop-down-secondary > li > a:hover {
	color: #FFFFFF;
	background: #8ab600;
	text-decoration: none;
}

/*
 * PROFILE
 */

.header-notification-container {
	display: table-cell;
	vertical-align: middle;
	height: 70px;
	padding-left: 13px;
}

.header-notification-container > a:hover {
	text-decoration: none;
}

.header-notification-container .btn-header-register {
	color: #f48200;
	margin-right: 40px;
}

.header-notification-container .btn-header-login {
	font-size: 1em;
    height: 40px;
    line-height: 1em;
    text-shadow: none;
    text-transform: none;
}

nav.responsive-navigation-menu{
    background-color:#F0F0EB;
}

nav.responsive-navigation-menu ul{
    margin: 0;
    padding: 0;
}

nav.responsive-navigation-menu ul li{
    list-style: none;
}

nav.responsive-navigation-menu a{
    width: 100%;
    padding: 10px;
    display: block;
}

nav.responsive-navigation-menu a:hover{
    text-decoration: none;
    background-color: #dbdbdb;
}

/*
 * PROFILE
 */
.profile-avatar-menu{
	height: 40px;
	width: 40px;
	border-radius: 50%;
	background: no-repeat center; 	
	background-size: 60px;
}

.profile-dropdown-style{
	margin-right: -8px;
	margin-top: 6px;
}

.circle-icon-style{
	border-radius: 50%; 
	width: 40px; 
	height: 40px;
	position: relative;
	display: block;
}

.icon-circle-style-position{
	position: absolute; 
	left: 16%;
	top: 20%
}

.circle-icon-style i{
	font-size: 1.3em;
}

.circle-icon-style a{
	font-size: 1.3em;
}

a.circle-icon-style-yellow{
	border: 1px solid #f8c700;
	color: #f8c700;
}

a.circle-icon-style-green{
	border: 1px solid #8ab600;
	color: #8ab600;
}

a.circle-icon-style-orange,
div.circle-icon-style-orange{
	border: 1px solid #f48000;
	color: #f48000;
}

a.circle-icon-style-white,
div.circle-icon-style-white{
	border: 1px solid #fff;
	color: #fff;
}

/*
 *  SEARCH
 */

.sb-search {
	position: relative;
	width: 40px;
	height: 40px;
}

.sb-search {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50%; 
	border: 2px solid #ADADAD;
	width: 0%;
	min-width: 40px;
	height: 40px;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

#sb-search .sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 100%;
	height: 35px;
	margin: 0;
	z-index: 10;
	padding-left: 10px;
	max-width: 100%;
	margin-top: 7px;
}

#sb-search .sb-search-input::-webkit-input-placeholder {
	color: #adadad;
}

#sb-search .sb-search-input:-moz-placeholder {
	color: #adadad;
}

#sb-search .sb-search-input::-moz-placeholder {
	color: #adadad;
}

#sb-search .sb-search-input:-ms-input-placeholder {
	color: #adadad;
}

#sb-search .sb-icon-search,
#sb-search .sb-search-submit  {
	width: 33px;
	height: 40px;
	display: block !important;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 33px;
	text-align: center;
	cursor: pointer;
}

#sb-search .sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

#sb-search .sb-icon-search {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ADADAD;
	z-index: 90;
	font-size: 16px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

/* Open state */
#sb-search.sb-search-open .sb-search-input {
	padding: 0 33px 0 15px;
}

#sb-search.sb-search-open,
.no-js .sb-search {
	border-color: #ADADAD;
	width: 100%;
}

#sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	color: #ADADAD;
	z-index: 11;
}

#sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}

/*
 * LANGUAGE SWITCH
 */

#language-dropdown > a {
	text-decoration: none;
}

#language-dropdown img{
	width: 32px;
}

#language-dropdown > a:hover {
	border-color: #ADADAD;
	text-decoration: none;
}

#language-dropdown.drop-down ul.drop-down-secondary {
	top: 47px;
	min-width: 150px;
	left: -84px;
}


/*
 * RIGHT HEADER
 */

.dropForm{
	margin:0;
	padding: 10px;
	width: 200px;
}

.language-icon{
	margin-left: 6px;
}

.french_language_flag_icon{
	background-image: url('/css/images/icon-eb/french.png');
}

.spanish_language_flag_icon{
	background-image: url('/css/images/icon-eb/spanish.png');
}

.english_language_flag_icon{
	background-image: url('/css/images/icon-eb/english.png');
}

.italian_language_flag_icon{
	background-image: url('/css/images/icon-eb/italian.png');
}

.portugese_language_flag_icon{
	background-image: url('/css/images/icon-eb/portugese.png');
}

.slogan_txt{
    font-size: 0.8em;
    font-weight: bold;
}

.notification_nb{
    background-color: #ee8600;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    padding: 1px 4px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    z-index: 100;
    border-bottom: 1px solid #42660f;
}

span.notification_nb_head{
    position:absolute;
    top: 0;
    right: 0;
    margin: 20px -6px 0;
}

.contact-notification-container span.notification_nb_head{
	margin-top: -11px;
}

.notifications-notification-container span.notification_nb_head{
	margin-right: 0;
}

i.notification-icon{
	font-size: 18px;
}

i.notification-icon-notlog{
	font-size: 14px;
}

.nav-btn{
	display: none;
}

.nav-container{
	position:relative;
}

.nav-container a{
	display: block;
	float:left;
	padding: 9px 10px;
	color: white;
    font-family: sans-serif;
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
}

.nav-container a:hover{ 
	background-color: #426e04;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}

.nav-container li.is-selected a{ 
	background-color: #86b704;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}

.nav-container a.home-link{
	font-size: 16px;
}


/* header/nav fixed */

.affix{
    position:fixed;
    z-index: 1000;
    width: 100%;
}

header.affix #nav-fixed{
    margin-top: -3px;
}

header.affix #nav-fixed .scroll-image-logo{
    display: block;
    margin-top: 5px;
}

.affix-off-canvas {
    position:relative;
}

header.affix .header-first-bar{
	display: none;
}


/* search dropdown */
.dropdown-menu-arrow::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;
    right: 9px;
    position: absolute;
    top: -7px;
}

.dropdown-menu-arrow::after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    right: 10px;
    position: absolute;
    top: -6px;
}


/**** content ****/

#content-container {
    padding-top: 10px;
    padding-bottom: 20px;
    background-color: #ffffff;
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	position: relative;
}

/* breadcrumb */
.breadcrumb {
  padding:0;
  margin-bottom:1em;
  list-style: none;
  background-color: #ffffff;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
.breadcrumb > li.you-are-here + li:before {
  padding: 0 5px;
  color: #515151;
  content: ":\00a0";
}

.top-pub{
	text-align: center;
	margin-bottom: 25px;
}


/* section presentation block */
p.section-description,
div.section-description,
span.section-description {
    font-size:1em;
    line-height:1.2em;
    text-align:justify;
    margin-bottom:15px;
    margin-right:20px;
}

/* custom search (in section) - button grouped or not */
input.custom-search{
	font-size: 16px;
    height: 40px;
    width:70%;
    min-width: 250px;
}

.btn-search {
    margin-left:1em;
    height: 40px;   /* like custom-search */
}

.input-group-btn .btn-search {
    margin-left:0;
    position:relative;
    border-left:0 none;
    border-bottom-left-radius : 0;
    border-top-left-radius : 0;
}


/* blocks vertical separator - div, span, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section*/
.margin-top-40 {
    margin-top:2.5em;
}
.margin-top-20 {
    margin-top:1.5em;
}
.margin-top-10 {
    margin-top:0.8em;
}
.margin-top-4 {
    margin-top:0.4em;
}
.margin-top-2p{
    margin-top: 2%;
}
.width-20-p{
	width:20%;
}
.width-80-p{
	width:80%;
}
.margin_top_static_10{
    /* kifer mett' sa class la ? mo pr�fer class ek -, pena _*/
	margin-top: 10px;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}
.margin-bottom-20 {
    margin-bottom:1.5em;
}
.margin-bottom-10 {
    margin-bottom:0.8em;
}
.margin-bottom-4 {
    margin-bottom:0.4em;
}

.margin-left-20{
    margin-left:20px;
}   
.margin-left-15{
	margin-left:15px;
}	
.margin-left-10{
	margin-left:10px;
}
.margin-left-3{
	margin-left:3px;
}

.margin-right-20{
    margin-right:20px;
}   
.margin-right-15{
    margin-right:15px;
}   
.margin-right-10{
    margin-right:10px;
}

#top,
#scrollToTopOffset{
    /**/  
}

#scrollToTop {
    display:none;
    position:fixed;
    z-index:1000;
    right:36px;
    bottom:36px;
    cursor:pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}
#scrollToTop:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.scroll-to-top-img {
    width: 80px;
    height: 80px;
    background: url("/css/images/sprites/sprite-scroll-top.png") no-repeat top left;
    -webkit-border-radius: 10px 10px 0 10px;
       -moz-border-radius: 10px 10px 0 10px;
            border-radius: 10px 10px 0 10px;
}

.or-seperator-style{
    font-size: 12px; 
    width: 100%; 
    margin: 20px 0 25px; 
    text-align: center; 
    color: #7a7a7a; 
    font-weight: bold; 
    height: 20px; 
    border-bottom: 1px solid #c8c8c8; 
    position: relative;
}

.or-seperator-style div{
    position: absolute; 
    left: 50%; 
    margin-left: -6px;
    bottom: -10px; 
    padding: 0 5px;
}


/* browse zone, countries and regions list and items */
#browse-div ul {
    margin-bottom : 0;
}
#browse-div .browse-item-large {
    font-size: 14px;    /*1em;*/
    line-height:1.5em; 
}
#browse-div .browse-item {
    font-size: 12px;    /*0.875em;*/
    line-height:1.5em; 
}
#zone-list .browse-item {
    font-size: 1em;
    line-height:1.5em;
}

.browse-item{
    margin-top: 0.4em;  /* like margin-top-4*/
}


/* Part 3 : Container classes (listing, associated content) */


/* section associated content */
.associated-content {
    background:#edf1f8;
    padding: 0.8em 1em 0;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

/* admin menu */
.admin-content {
    background:#edf1f8;
    padding: 0.8em 1em;
    border:1px solid #CCCCCC;
}

/* partners */
#main-column #block-partners {
    margin-top:2.5em; /* like margin-top-40*/
}

/* aside bordered block */
.bordered,
.no-bordered {
     padding: 0.8em 1em;
}

.bordered, 
.bordered-ad,
.bordered-map {
    background-color: #ffffff;
    border: 1px solid #DDDDDD;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.bordered-map {
    padding: 0;
    background-color: #f1f1f1;
}

#right-column h2,
#right-column h3 {
    font-size: 1.4em;
    margin: 2px 0 10px;
}
#right-column h3 a {
    color:#515151;
}

/* jump section block - why not in associated-content.css ?? */
.jump-section-container {
    background-color: #edf1f8;
}

.jump-section-container,
.jump-section-container a,
.jump-section-container a:hover,
.jump-section-container h3 {
    color : #2980B9;
    font-family: 'Merriweather Sans';
    font-weight: bold;
    text-decoration:none;
    text-align: center;
}
#right-column .jump-section-container h3 {
    font-size: 1.125em; /* like h4*/
    line-height: 1.25em;
}
.jump-section-txt {
    font-size: 1.6em; /* like h2 */
    line-height: 1.25em;
    text-align: center;
}
.jump-section-icon-container {
}
.jump-section-icon {
}


/* listing container */

#timeline-menu .btn-default.selected{
    background-color: #DBDBDB;
}
/* listing item style : title / subtitle */
.item-title {
    font-size: 1.25em;
    line-height:1.42857;
    font-weight: bold;
    margin-bottom:4px;
}
a.item-title {
    color: #3A87AD;
}

.item-subtitle {
    font-size: 1em;
    font-weight: bold;
}
a.item-subtitle {
    color: #3A87AD;
}

.item-text,
.item-description {
    font-size: 1em;
}

.timeline_item .item-description{
    max-height: 55px;
	overflow: hidden;	
}

a.item-text ,
a.item-description {
    color: #3A87AD;
}

.item-small {
    font-size: 0.875em;
    color: #888888;
}
a.item-small {
    color: #3A87AD;
}

.item-tiny {
    font-size: 0.8em;
    color: #888888;
}
a.item-tiny {
    color: #3A87AD;
}

/* Custom Listing css */
.list-item-thumb-container img {
    border: 1px solid #dddddd;
}

.list-item-title {
    font-size: 1.25em;
}

.list-item-infos {
    color: #888888;
    font-size: 0.875em;
    line-height: 20px;
}

.list-item-order-container {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 5px;
    background-color:#dddddd;
    border: 1px solid #dddddd;
    -webkit-border-radius:0 0 5px 5px;
       -moz-border-radius:0 0 5px 5px;
            border-radius:0 0 5px 5px;
    text-align:center;
    font-size: 0.875em;
    font-weight:bold;
    color:#555555;
}

/* RIBBON */
#ribbon-container {
    position: absolute;
    top: 5px;
    right: 8px;
    background: transparent url(../images/misc/highlightStar.png) no-repeat;
    height: 33px;
    width: 37px;
    
}

/* REGISTER block */
#block-register #block-register-text {
    font-size:16px;
    line-height:1.4em;
}
#block-register .bordered {
    background-color: #f1f1f1;
    border: 1px solid #CCCCCC;
}
#block-register-phone {
    margin-top:20px;
    margin-bottom:20px;
}
#block-register-phone .text-participate {
     font-size: 0.875em; line-height: 24px;
}

/* STATS / ADD ITEM block */
#block-add-item #block-add-item-text {
    font-size:16px;
    line-height:1.4em;
}
#block-add-item .bordered {
    background-color: #f1f1f1;
    border: 1px solid #CCCCCC;
}

/* OTHER BLOCKS*/
#block-pdf-guide .bordered {
    background-color: #f1f1f1;
    border: 1px solid #CCCCCC;
}

/*** FULL AVATAR WITH TITLE ***/
.online-status {
    position:absolute;
    bottom:-6px;
    right:-6px;
    width:16px;
    height:16px;
}

div.post-item-avatar-img {
    position: relative;
    margin:0 auto;
    max-width:100px;
    text-align: center;
    background-color:#f1f1f1;
}

div.post-item-avatar-img img,
div.post-item-avatar-img figure {
    margin:auto;
}

/*avatar title*/
div.user-title {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin:0 auto 10px;
    max-width:100px;    /* idem as post-item-avatar-img */
    padding: 3px;
    background-color:#117167;
    -webkit-border-radius:0 0 5px 5px;
       -moz-border-radius:0 0 5px 5px;
            border-radius:0 0 5px 5px;
    text-align:center;
    font-size: 0.875em;
    font-weight:bold;
    color:#ffffff;
}

div.user-title-deleted,
div.user-title-guest {
     background-color:#aaaaaa;
}
div.user-title-new-member,
div.user-title-member {
    background-color:#117167;
}
div.user-title-active-member,
div.user-title-local {
     background-color:#1c6e86;
}
div.user-title-vip {
     background-color:#0088CC;
}
div.user-title-animator,
div.user-title-team {
     background-color:#ee8600;
}
div.user-title-world-anim{
    background-color:#8D608C;
}
div.user-title-color-top {
     background-color:#9c2a28;
}


/***  SMALL AVATAR (for associated content) **/
/* grid list - contacts, last members */
.avatar-img-vertical-container {
    text-align: center;
}
.avatar-img-vertical {
    max-width:60px;
    position:relative;
    margin:0 auto 2px;
    margin-bottom:2px;
}

/* horizontal list - top forum contributors... */
.avatar-img-horizontal-container {
    max-width:75px;
    padding-right:0;    /* disable bootstrap padding */
    text-align: right;
}
.avatar-img-horizontal {
    max-width:60px;
    position:relative;
    margin:0 0 8px auto;
    margin-bottom:8px;
}


/***  icon-eb-font - additionnal classes for icon-eb-font.css which is web generated ** */
[class^="icon-eb-"],
[class*=" icon-eb-"] {
    background:none;
    margin-top:0;
    height:auto;
    vertical-align:baseline;
    width:auto;
    font-size:1em;
    line-height:1em;
}

[class^="icon-menu-"],
[class*=" icon-menu-"] {
    background:none;
    margin-top:0;
    height:auto;
    vertical-align:baseline;
    width:auto;
    font-size:1em;
    line-height:1em;
}

/* icon size */
.icon-eb-14 {
    font-size:14px;
    line-height:14px;
}
.icon-eb-16 {
    font-size:16px;
    line-height:16px;
}
.icon-eb-20 {
    font-size:20px;
    line-height:20px;
}
.icon-eb-24 {
    font-size:24px;
    line-height:24px;
}
.icon-eb-36 {
    font-size:36px;
    line-height:36px;
}

/* text-styling */
.text-justify {
    text-align: justify;
}

/* !!! Fonts size !!! */
.font-12{
	font-size: 12px;
}
.font-14{
	font-size: 14px;
}
.font-16{
	font-size: 16px;
}
.font-18{
	font-size: 18px;
}
.font-20{
	font-size: 20px;
}
.font-50{
	font-size: 50px;
}
.text-uppercase{
	text-transform: uppercase;	
}

/* icon online (png) */
.icon-online { 
    background-position: 0 0;
    background-image: url("/css/images/icon-eb/online-on-small.png");
}

.icon-offline { 
    background-position: 0 0;
    background-image: url("/css/images/icon-eb/online-off-small.png");
}

/* google map */
.gMapV3 img {
    max-width: none;
}

#map{
    width: 100%; 
    height: 300px; 
    min-width: 150px;
    min-height: 250px;
    max-height: 100%;
}

/* Pagination */
.pagination li > a,
.pagination li > span {
    padding: 6px 6px;
    line-height:20px;
}
.pagination li.current > a,
.pagination li.current > span {
    text-decoration: underline;
}
.pagination li.arrow > a,
.pagination li.arrow > span {
    padding: 6px 10px;
    font-size:10px;
    vertical-align: middle;
}
.pagination li.arrow > a i:before,
.pagination li.arrow > span i:before {
    margin-left: -0.1em;
    margin-right: -0.1em;
}
    
.pagination li.hellip > a,
.pagination li.hellip > span {
    padding: 6px 2px;
}
.pagination li.counter > a,
.pagination li.counter > span {
     color: #999999;
}

.pagination-top .pagination {
	margin-top: 0;
	margin-bottom: 0;
}

/* Footer */
#footer {
    padding: 10px 0 15px;
	background-color: #e7e7e7;
	border-top: 1px solid #dddddd;
	font-family: 'Merriweather Sans', Helvetica, Arial, sans-serif;
    /*text-transform:lowercase;*/
	color:#888888;
}
#footer hr {
    border-top: 1px solid #dddddd;
    margin-top:10px;
    margin-bottom:10px;
}

.logo-footer-container{
}

.slogan_txt_foot{
    font-size: 1.4em;   /* like h3 */
}

.footer-links-container{
	text-align: center;
}

.footer-icon-container{
	text-align: center;
}
.footer-icon-container a {
	font-size: 45px;
	color: #888888;	
}

.footer-icon-container a:hover i {
    -webkit-transition: color 400ms linear;
    -moz-transition: color 400ms linear;
    -ms-transition: color 400ms linear;
    -o-transition: color 400ms linear;
    transition: color 400ms linear;
}
.footer-icon-container a:hover i.icon-eb-facebook-squared {
    color: #3B5998; 
}
.footer-icon-container a:hover i.icon-eb-twitter-squared {
    color: #00B9f4; 
}
.footer-icon-container a:hover i.icon-eb-gplus-squared {
    color: #DD4B39; 
}
.footer-icon-container a:hover i.icon-eb-linkedin-squared {
    color: #0072B2; 
}

.footer-links-container {
    text-align: center;
}
.footer-links-container ul {
    margin-bottom: 0;
}
.footer-links-container ul li {
    padding: 0 10px 5px;
}
.footer-links-container ul li a {
    text-decoration: none;
    color: #515151; 
}
.footer-links-container ul li a:hover {
    color: #5C8F15; 
}


/**/
.redirect-container {
    max-width:1170px;
    margin: 80px auto;
    background-color: #FFFFFF;
    border: 1px solid #D6D6D6;
    -webkit-border-radius:5px;
       -moz-border-radius:5px;
            border-radius:5px;
    padding: 20px;
}


/* Custom menu cs overriden */
.mm-menu .mm-list > li.mm-selected > a, .mm-menu .mm-list > li.mm-selected > span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3) !important;
}



/***/
/**** Part 4 : Additional Responsive classes ****/
/***/


@media (min-width: 992px) {
	
	/* DESKTOP + LARGE DESKTOP */
	
	.footer-links-container ul li.col-md-1 {
        width: auto;
        float:none;
    }
}



@media (min-width: 768px) and (max-width: 991px) {
	
	/*TABLET*/
    
}
	

@media (max-width: 991px) {
	
	/*TABLET + PHONE */
    
    header .container{
    	padding-left: 0;
    }
    
    i.notification-icon-notlog{
		font-size: 16px;
	}
	
	.logo-container {
		height: 50px;
	}
	
	.header-notification-container{
		height: 50px;
	}
	
	.circle-icon-style{
		width: 32px;
		height: 32px;
	}
	
	.circle-icon-style i {
		font-size: 1.1em;
	}
	
	.icon-circle-style-position{
		left: 12%;
		top: 19%;
	}
	
	.profile-avatar-menu{
		width: 32px;
		height: 32px;
		background-size: 50px;
	}
	
	#language-dropdown img{
		width: 28px;
	}
	
	.menu-icon-container{
		height: 50px;
		display: table-cell;
		vertical-align: middle;
		background-color: #8ab600;
	}
	
	.menu-icon-container a{
		color: #FFFFFF;
	}
    
}

@media (max-width: 767px) {	
	
	 /*PHONE*/
	
	header .container{
    	padding-right: 10px;
    }
	
	.header-right.top-margin-loggued {
	    margin-top: 14px;
	}
	
	.header-right .dropdown-menu {
	    margin: 9px -5px 0;
	}
	
	i.notification-icon{
		font-size: 16px;
	}
	
	.header-right .minus-margin-top-2{
		margin-top: 0;
	}
	
	.breadcrumb-container {
	    margin:-10px -15px 0;
	    padding:10px 5px 10px;
	}
	
	.breadcrumb {
	    margin-bottom:0;
	}
	
    .breadcrumb > li {
		max-width: 50%;
    	font-size: 0.8em;
    	/* ellipsis */
        overflow : hidden;
        text-overflow: ellipsis;    /*ellipsis-word seems to exist */
        white-space: nowrap;
	}
    .breadcrumb.level3 > li {
        max-width: 30%;
    }
	.breadcrumb > li.you-are-here {
	    max-width: 10%;
        font-size:1em;
	}
    
    .breadcrumb > li + li:before {
	  padding: 0 10px;
	  color: #515151;
	  font-size:1em;
	}
    .breadcrumb.level3 > li + li:before {
      padding: 0 10px;
    }
    .breadcrumb > li.you-are-here + li:before{
      padding: 0;
      content:"";
    }
	
    /* boutons */
       
	.btn-eb {
	   height:36px;   /* 1 + 8 + 18 + 8 + 1*/
       line-height:18px; /* minimum height for click*/
	}
	
	.btn-eb.btn-search{
		height: 40px;
	}
	
	.btn-eb i:after,
	.btn-eb i:before {
       line-height:18px; /* minimum height for click*/
    }
    
    .btn-eb-small {
       height:30px;   /* 1 + 5 + 18 + 5 + 1*/
       line-height:18px; /* minimum height for click*/
    }
    
    .btn-eb-large {
        height: auto;
    }
	
	/* Pagination */
    .pagination li > a,
    .pagination li > span {
      padding: 10px 12px;
      line-height: 20px;
    }
    .pagination li.counter > a,
    .pagination li.counter > span {
      padding: 10px 6px;
    }
    .pagination li.arrow > a,
    .pagination li.arrow > span {
        padding: 10px 12px;
    }
    .pagination li.hellip > a,
    .pagination li.hellip > span {
        padding: 10px 2px;
        font-size:0.75em;
    }
	
    /* aside bordered block */
    /*
    .bordered {
            -webkit-border-radius: 0px;
               -moz-border-radius: 0px;
                    border-radius: 0px;
    }*/
    
    /* old cheat
    [class*="col-"].bordered {
        margin-left:15px;
        margin-right:15px;
    }*/
    
    #scrollToTop {
        right:12px;
        bottom:12px;
    }
    .scroll-to-top-img {
        width: 40px;
        height: 40px;
        background: url("/css/images/sprites/sprite-scroll-top.png") no-repeat 0 -240px;
        -webkit-border-radius: 5px 5px 0 5px;
           -moz-border-radius: 5px 5px 0 5px;
                border-radius: 5px 5px 0 5px;
    }
    
   /* browse zone, countries and regions list and items */
    #browse-div .browse-item-large {
        font-size: 16px;    /*1em;*/
    }
    
    .browse-item{
        margin-top: 0.8em; /* like margin-top-10 */
    }
    
    /* pictures block */
    .countryImage{
        max-height:auto;
        max-width:150px;
        margin:0 auto
    }
    
    /* footer */
    #footer {
        /*padding-bottom:50px; � cause du share */
    }

    .slogan_txt_foot{
        font-size: 1em;   /* like h4 */
    }
    .footer-icon-container i{
    	font-size: 36px;
    }
    
    /* Ribbon */
    #ribbon-container {
        top: 13px;
    }
	
}

.emoji-selected{
    width: 20px;
    height: 20px;
}