/*
Theme Name: Ample
Theme URI: https://themegrill.com/themes/ample/
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Ample is a multipurpose responsive WordPress theme made to help you create a beautiful professional looking site in no time. It has numerous built-in options to give your site the look that you want. Get free support at https://themegrill.com/support-forum/ and check the demo at https://demo.themegrill.com/ample/
Version: 1.2.6
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: one-column, two-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-menu, custom-colors, threaded-comments, translation-ready, featured-images, theme-options, blog, e-commerce
Text Domain: ample
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
		2.1 Headings
		2.2 Others
3.0 Elements
		3.1 Superscript and Subscript
		3.2 Table
		3.3 Lists
		3.4 Blockquote
		3.5 Others
4.0 Forms
5.0 Navigation
		5.1 Links
		5.2 Primary Menu
		5.3 Primary Menu Dropdown
		5.4 Responsive Menu
6.0 Images
7.0 Alignments
8.0 Clearings
9.0 Media
		9.1 Captions
		9.2 WordPress Gallery Support
10.0 Extras
		10.1 Featured Slider
		10.2 Search Design
		10.3 Page Header Title
11.0 Widgets
		11.1 Widgets General CSS
		11.2 Services Widget
		11.3 Call to Action Widget
		11.4 Featured Posts Widget
		11.5 Portfolio Widget
12.0 Plugins Support
		12.1 Breadcrumb NavXT
		12.2 WP-PageNavi
13.0 Content
		13.1 Body
		13.2 Header
		13.3 Primary, Secondary & Tertiary Content Area
		13.4 Content Columns
		13.5 Posts and Pages
		13.6 Pagination
		13.7 Comments
		13.8 Footer
				13.8.a Footer General CSS
				13.8.b Footer Widget Area
				13.8.c Footer Copyright Info
				13.8.d Footer menu
				13.8.e Scroll to Top
14.0 Responsive Structure
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	/*outline: thin dotted;*/
	outline: none;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}
embed, iframe, object {
	max-width: 100%;
}
button::-moz-focus-inner {
	border: 0;
	padding: 0;
	margin: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

/*
====> 2.1 Headings
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	color: #fff;
	line-height: 1.4;
	padding-bottom: 15px;
	font-weight: normal;
}
h1 { font-size: 30px; }
h2 { font-size: 28px; }
h3 { font-size: 26px; }
h4 { font-size: 24px; }
h5 { font-size: 22px; }
h6 { font-size: 19px; }

/*
====> 2.2 Others
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #888888;
	font-size: 15px;
	line-height: 1.5;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
p {
	color: #fff;
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 15px;
	font-weight: 300;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

/*
====> 3.1 Superscript and Subscript
--------------------------------------------------------------*/
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/*
====> 3.2 Table
--------------------------------------------------------------*/
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
th, td {
	border: 1px solid #f2f2f2;
	padding: 6px 10px;
}
caption, th, td {
	text-align: left;
}

/*
====> 3.3 Lists
--------------------------------------------------------------*/
ul, ol {
	list-style: none;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin: 0 0 0 20px;
}

/*
====> 3.4 Blockquote
--------------------------------------------------------------*/
blockquote {
	font-style: italic;
	font-weight: normal;
	padding: 20px;
	border: 1px solid #f2f2f2;
	border-left: 3px solid #80abc8;
	margin-bottom: 20px;
}
blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}
blockquote cite {
	color: #666666;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

/*
====> 3.5 Others
--------------------------------------------------------------*/
body {
	background: #f2f2f2; /* Fallback for when there is no custom background color defined. */
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #f2f2f2;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px solid #eaeaea;
}
pre, code, kbd, var, samp, tt {
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 14px;
	line-height: 19px;
	white-space: pre-wrap;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #f2f2f2;
	cursor: help;
}
address {
	display: block;
	font-style: italic;
	margin: 0 0 15px;
}
ins {
	background-color: #f2f2f2;
}
hr {
	border-color: #f2f2f2;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 30px 0;
}
dl {
	margin-bottom: 24px;
	font-size: 16px;
}
dt {
	font-weight: bold;
	margin-bottom: 5px;
}
dd {
	margin-bottom: 24px;
}
.screen-reader-text { display: none; }

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
input, textarea {
	-webkit-border-radius: 0px;
}
input[type="text"],
input[type="url"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	padding: 1%;
	border: 1px solid #f2f2f2;
	line-height: 20px;
	width: 98%;
	margin: 0 0 30px;
	background-color: #f8f8f8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
	border: 1px solid #eaeaea;
}
input.s {
	width: 60%;
	padding: 4px 54px 4px 10px;
	height: 36px;
	color: #666666;
	background-color: #ffffff;
	margin: 0;
	border: 1px solid #f2f2f2;
}
input.s:focus {
	padding-left: 10px;
	border-color: #eaeaea;
	text-indent: 0;
}
.ample-button,
input[type="reset"],
input[type="button"],
input[type="submit"],
button {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	color: #FFFFFF;
	display:inline-block;
	margin-bottom: 30px;
	padding: 5px 25px;
	cursor: pointer;
	background-color: #80abc8;
	border: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 16px;
}
.ample-button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
}

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*
====> 5.1 Links
--------------------------------------------------------------*/
a {
	color: #80abc8;
	text-decoration: none;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
a:focus, a:active, a:hover {
	text-decoration: none;
}

/*
====> 5.2 Primary Menu
--------------------------------------------------------------*/
.main-navigation li > ul,
.main-navigation li > ol {
	margin: 0;
	list-style: none;
}
.main-navigation {
	float: right;
	padding-right: 10px;
}
.main-navigation li {
	float: left;
	position: relative;
	padding: 0 20px;
}
.sub-toggle{
	display: none;
}
.main-navigation ul > li {
}
.main-navigation ul#menu-primary > li:last-child {
	margin-right: 15px;
}
.main-navigation li > a {
	line-height: 50px;
	height: 50px;
}
li#menu-item-weglot-58-fr, li#menu-item-weglot-58-en {
    width: 30px;
    overflow: hidden;
    padding: 0;
}
li#menu-item-weglot-58-fr{
    background: #3561ac;
}
li#menu-item-weglot-58-fr a, li#menu-item-weglot-58-en a {
    width: 100%;
    padding-left: 3px;
}
li#menu-item-weglot-58-en:hover{
	background: #e8e6e6;
}
.main-navigation ul.menu li a {
	font-size: 1.4em;
}
.main-navigation li.default-menu,
li.default-menu {
	display: none;
}
.main-navigation a {
	color: #fff;
	display: block;
	float: left;
	font-weight: 500;
}
#menu-item-59 > a{
	pointer-events: none;
}
#menu-item-59:hover > a{
	color: #fff !important;
}
li#menu-item-271 > a {
    pointer-events: none;
}
.main-navigation ul.menu > li.current-menu-item,
.main-navigation ul.menu > li.current-menu-ancestor,
.main-navigation .menu > ul > li.current_page_item,
.main-navigation .menu > ul > li.current_page_ancestor,
.main-navigation ul.menu > li:hover,
.main-navigation ul.menu > li.focus,
.main-navigation .menu > ul > li:hover,
.main-navigation .menu > ul > li.focus {

}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current-menu-item a:after,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current-menu-ancestor a:after,
.main-navigation ul li.current_page_item a:after,
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current_page_ancestor a:after,
.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a,
.main-navigation li.menu-item-has-children:hover > a:after,
.main-navigation li.page_item_has_children:hover > a:after,
.main-navigation ul li.focus.menu-item-has-children > a:after,
.main-navigation ul li.focus.page_item_has_children > a:after,
.main-navigation ul.menu li.current-menu-ancestor ul li.current-menu-item> a {
	color: #000;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after,
.main-navigation li li.page_item_has_children > a:after {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #fff;
	font-size: 12px;
	padding-left: 6px;
	color: #666666;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
	content: "\f0d7";
}
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li li.page_item_has_children > a:after {
	content: "\f0da";
	position: absolute;
	right: 8px;
}

/*
====> 5.3 Primary Menu Dropdown
--------------------------------------------------------------*/
.main-navigation ul li ul {
	display:none;
	z-index: 9999;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	display:block;
}
.main-navigation ul li ul {
	background-color: #4DABDA;
	left: -1px;
	position: absolute;
	top: 50px;
	width: 160px;
}
.main-navigation ul li .sub-menu a {
	text-transform: none;
}
.main-navigation ul ul > li:last-child {
}
.main-navigation ul li ul li {
	float: none;
	padding: 0;
}
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
	float: none;
	line-height: 20px;
	font-size: 1.4em;
	height: 100%;
	color: #fff;
	text-align: center;
	padding: 10px;
	font-weight: 500;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
	color: #fff;
	background-color: #999997;
}
.main-navigation ul li ul li ul {
	left: 158px;
	top: -1px;
}
.main-navigation select {
	display: none;
}

/*
====> 5.4 Responsive Menu
--------------------------------------------------------------*/
.menu-toggle {
	display: none;
	cursor: pointer;
}

/*--------------------------------------------------------------
6.0 Images
--------------------------------------------------------------*/
figure {
	margin: 0;
	text-align: center;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	margin-bottom: 18px;
}
.entry-content img, .comment-content img, .widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
}
img.size-full, img.size-large {
	max-width: 100%;
	height: auto;
}
.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}
p img {
}
a img {
	border: 0;
}
a img:hover {
	opacity: 0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	box-shadow: #000 0 0 0;
}
img#wpstats {
	display: none;
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 30px;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 30px;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display: block;
	text-align: center;
}
.tg-after-three-blocks-clearfix {
	clear: both;
}
.tg-featured-posts-clearfix {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Media
--------------------------------------------------------------*/

/*
====> 9.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5rem;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075rem 0;
}
.gallery-caption {
}

/*
====> 9.2 WordPress Gallery Support
--------------------------------------------------------------*/
.gallery {
	margin: 0 auto 15px;
}
.gallery-item {
	display: inline-block;
	padding: 15px 2%;
	text-align: center;
	vertical-align: top;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
	padding: 15px 1%;
}
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
	padding: 10px 0.5%;
}
.gallery-columns-2 .gallery-item { width:50%; }
.gallery-columns-3 .gallery-item { width:33.33%; }
.gallery-columns-4 .gallery-item { width:25%; }
.gallery-columns-5 .gallery-item { width:20%; }
.gallery-columns-6 .gallery-item { width:16.66%; }
.gallery-columns-7 .gallery-item { width:14.28%; }
.gallery-columns-8 .gallery-item { width:12.5%; }
.gallery-columns-9 .gallery-item { width:11.11%; }
.gallery-icon img {
	margin: 0 auto;
}
.gallery .gallery-caption {
	font-size: 12px;
	line-height: 1.2;
	padding-top: 5px;
}

/*--------------------------------------------------------------
10.0 Extras
--------------------------------------------------------------*/

/*
====> 10.1 Featured Slider
--------------------------------------------------------------*/
.big-slider-wrapper{
	max-width: 979px;
	margin: 0 auto;
	position: relative;
}
.bx-wrapper .big-slider img {
	margin: 0 auto;
}
.big-slider img {
	margin-bottom: 0;
}
.big-slider .displayblock {
	display: block;
}
.big-slider .displaynone {
	display: none;
}
.big-slider .slider-entry-container{
	position: absolute;
    width: 187px;
    z-index: 999;
    margin: auto;
    left: 5px;
    bottom: 0;
    top: 64px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.big-slider .entry-title {
	font-size: 40px;
	text-transform: uppercase;
	color: #ffffff;
	padding-bottom: 35px;
	line-height: 1.1;
}
.big-slider .entry-title a {
	color: #000;
}
.big-slider .entry-title a:hover {
	color: #000;
}
.big-slider-wrapper .bx-wrapper .bx-viewport{border: 0; box-shadow: none; }
.big-slider-wrapper .bx-wrapper .bx-viewport{left: 0;}
.slider-button {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	padding: 18px 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 1px solid #ffffff;
}
.slider-button:hover{ background: rgba(255, 255, 255, 0.26);}
.slide-prev,
.slide-next {
	opacity: 0.5;
	filter:alpha(opacity=50);
	background-color: #80abc86e;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%); /* IE 9 */
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9;
	border-radius: 3px;
}
.slide-prev { margin-left: 20px; }
.slide-next { right: 0; margin-right: 20px; }
.slide-prev:hover,
.slide-next:hover {
	opacity: 1;
	filter:alpha(opacity=100);
}
.slide-prev a:before,
.slide-next a:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #fff;
	font-size: 30px;
	padding: 0;
	display: block;
}
.slide-prev a:before { content: "\f104"; }
.slide-next a:before { content: "\f105"; }

.slide-prev a, .slide-next a {
	padding: 10px 24px;
	display: block;
}

/*
====> 10.2 Search Design
--------------------------------------------------------------*/
#masthead .search-wrap input.s {
	width: 180px;
}
.fa.search-top {
	display: none;
	color: #80abc8;
	position: absolute;
	right: 0;
	line-height: 70px;
	cursor: pointer;
	padding-left: 10px;
	top: 0;
}
.search-wrap {
	position: relative;
}
.search-wrap button {
	border-radius: 0;
	color: #fff;
	line-height: 45px;
	margin-left: -2px;
	margin-bottom: 0;
	padding: 0 15px;
	position: absolute;
	top: 0;
	right: 0;
}
.search-icon:before {
	content: "\f002";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #ffffff;
	font-size: 18px;
}
.search-form-top {
	border: 1px solid #eaeaea;
	display: none;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 70px;
	z-index: 9999;
	background-color: #ffffff;
}
.search-form-top.show {
    display: block;
}
.not-found .search-wrap button {
	 right: 175px;
}

/*
====> 10.3 Page Header Title
--------------------------------------------------------------*/
.header-post-title-container {
	padding: 40px 0;
	border-bottom: 1px solid #f2f2f2;
}
.header-post-title-container .post-title-wrapper {
	float: left;
	max-width: 100%;
	padding-right: 30px;
}
.header-post-title-class {
	font-size: 24px;
	padding-bottom: 0;
}

/*--------------------------------------------------------------
11.0 Widgets
--------------------------------------------------------------*/

/*
====> 11.1 Widgets General CSS
--------------------------------------------------------------*/


/*---------------------------------------------------------------------
	Part of tabs 
-----------------------------------------------------------------------*/

.row {
    margin: 0;
    float: left;
    width: 100%;
}
/*  bhoechie tab */
div.bhoechie-tab-container{
  z-index: 10;
  background-color: transparent;
  padding: 0 !important;
  -moz-border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  background-clip: padding-box;
  opacity: 0.97;
  filter: alpha(opacity=97);
  position: static;
}
div.bhoechie-tab-menu, div.bhoechie-tab{
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
  position: static;
}
div.bhoechie-tab-menu div.list-group{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a{
  margin-bottom: 0;
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
  color: #5A55A3;
}
div.bhoechie-tab-menu div.list-group>a:first-child{
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a:last-child{
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa{
  background-color: #5A55A3;
  background-image: #5A55A3;
  color: #ffffff;
}
div.bhoechie-tab-menu div.list-group>a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #5A55A3;
}

div.bhoechie-tab-content{
    background-color: transparent;
    height: 100%;
    float: left;
    width: 100%;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active){
  display: none;
}

@-webkit-keyframes fadeIn {
	from {opacity: 0;} 
	to {opacity: 1;}
}
@keyframes fadeIn {
	from {opacity: 0;}
	to {opacity:1 ;}
}
/*---------------------------------------------------------------------
	Part of tabs 
-----------------------------------------------------------------------*/

.business-template .main-wrapper .widget {
	background-color: #ffffff;
}
.business-template .widget.widget_call_to_action_block,
.business-template .widget.widget_portfolio_block {
	background-color: transparent;
}
.business-template .widget.widget_call_to_action_block > .inner-wrap,
.business-template .widget.widget_portfolio_block > .inner-wrap {
	max-width: 100%;
}
#secondary .widget,
#tertiary .widget {
	 padding-bottom: 40px;
}
#secondary .widget-title,
#tertiary .widget-title {
	font-size: 24px;
}
#secondary .widget li a,
#tertiary .widget li a {
	padding-bottom: 10px;
	display: inline-block;
	color: #80abc8;
}
#secondary .widget li a:hover,
#tertiary .widget li a:hover {
	text-decoration: underline;
}
.widget select {
	max-width: 100%;
}
#secondary .search-wrap button,
#tertiary .search-wrap button {
	right: 26px;
}
.both-sidebar #secondary .search-wrap button,
.both-sidebar #tertiary .search-wrap button {
	right: 0;
}

/*
====> 11.2 Services Widget
--------------------------------------------------------------*/
.widget.widget_service_block {
	padding: 60px 0;
}
.widget_service_block .services-main-description img {
	padding-bottom: 40px;
}
.widget_service_block h3.widget-title {
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 0;
}
.widget_service_block h5 a {
	color: #666666;
}
.widget_service_block h5 a:hover {
	color: #80abc8;
}
.widget_service_block h3.widget-title:after {
	background: none repeat scroll 0 0 #ccc;
	content: "";
	display: block;
	height: 2px;
	margin: 20px auto;
	width: 100px;
}
.widget_service_block .services-main-description p {
	padding-bottom: 50px;
	margin-bottom: 0;
}
.services-header{text-align: center;}
.services-header h2{
	text-transform: uppercase;
	border-bottom: 4px solid #80abc8;
	display: inline;
	padding-bottom: 10px;
}
.single-service{
	text-align: center;
}
.single-service:hover .icons {
	background-color: #80abc8;
}
.single-service:hover .icons i {
	color: #ffffff;
}
.single-service h5{
	padding: 20px 0;
	font-size: 20px;
}
.single-service span.icons{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 2px solid #f8f8f8;
	display: block;
	position: relative;
	margin: 0 auto;
}
.single-service span i{
	font-size: 36px;
	line-height: 102px;
	margin: 0;
	color: #80abc8;
}

/*
====> 11.3 Call to Action Widget
--------------------------------------------------------------*/
.business-template .widget.widget_call_to_action_block {
}
.business-template .widget.widget_call_to_action_block .call-to-action-content-wrapper {
	padding: 100px 0;
}
.call-to-action-content-wrapper h3 {
	padding-bottom: 0;
	font-size: 26px;
	color: #ffffff;
	line-height: 2;
	text-align: center;
	z-index: 1;
}
.call-to-action-button {
	border: 2px solid #ffffff;
	color: #ffffff;
	font-size: 18px;
	line-height: 2;
	text-align: center;
	padding: 10px 30px;
	margin-left: 60px;
	display: inline-block;
	border-radius: 3px;
}
.call-to-action-button:hover {
	background: rgba(255, 255, 255, 0.26);
	color: #ffffff;
}

/*
====> 11.4 Featured Posts Widget
--------------------------------------------------------------*/
.featured-posts-header .widget-title {
	text-align: center;
	line-height: 28px;
	padding-bottom: 0;
}
.featured-posts-main-description {
	text-align: center;
}
.featured-posts-main-description p {
	padding-bottom: 50px;
	margin-bottom: 0;
}
.widget_featured_posts_block .widget-title {
	text-transform: uppercase;
}
.widget_featured_posts_block .widget-title:after {
	background: none repeat scroll 0 0 #ccc;
	content: "";
	display: block;
	height: 2px;
	margin: 20px auto;
	width: 100px;
}
.widget_featured_posts_block {padding-top: 60px;}
.featured-posts-content {
	padding-bottom: 40px;
}
.single-post-image-wrap {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.single-post-image-wrap img {
	padding-top: 8px;
	margin-bottom: 0;
}
.single-post-content .read-btn a {
	margin-top: 0;
}
.widget_featured_posts_block .single-post .entry-title {
	margin: 0 0 6px 0;
	font-size: 25px;
	padding-bottom: 0;
}
.widget_featured_posts_block .single-post {
	margin-bottom: 10px;
}
.single-post-content p{}
.single-post-content a{color: #80abc8;}
.single-post-content .entry-title a{color: #666666;}
.single-post-content .entry-title a:hover{color: #80abc8;}

/* author-bio */

.author-description-wrapper {
    margin-left: 120px;
}

/*
====> 11.5 Portfolio Widget
--------------------------------------------------------------*/
.widget_portfolio_block {
}
.widget_portfolio_block .tg-column-odd,
.widget_portfolio_block .tg-column-even {
	margin-bottom: 25px;
	text-align: center;
}
.widget_portfolio_block .tg-one-fourth {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.portfolio-container {
	background-color: transparent;
	padding: 80px 0;
}
.portfolio-container img {
	margin-bottom: 0;
}
.widget_portfolio_block h3.widget-title {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 0;
}
.widget_portfolio_block h3.widget-title:after {
	background: none repeat scroll 0 0 #ccc;
	content: "";
	display: block;
	height: 2px;
	margin: 20px auto;
	width: 100px;
}
.portfolio-main-description {
	text-align: center;
	padding-bottom: 50px;
}
.portfolio-main-description p {
	color: #ffffff;
}
.moving-box{
	position: absolute;
	bottom: -80px;
	left: 0;
	right: 0;
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
}
.moving-box a{
	color: #fff !important;
	display: block;
	background-color: #80abc8;
	padding: 15px 5px;
	text-align: center;
}
.view-detail a {
	height: 58px;
	width: 58px;
	display: block;
	position: absolute;
	top: -70px;
	z-index: 1;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}
.portfolio-container .tg-one-fourth:hover .view-detail a{top: 70px; }
.fa.fa-link {
	font-size: 40px;
	line-height: 58px;
}
.portfolio-view-more {
	text-align: center;
}
.portfolio-button {
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	padding: 18px 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 1px solid #ffffff;
	margin-top: 40px;
}
.portfolio-button:hover{ background: rgba(255, 255, 255, 0.26);}
.portfolio-container .tg-one-fourth {position: relative; float:left;}
.portfolio-container .tg-one-fourth:hover .moving-box{bottom: 0;}
.portfolio-container .tg-one-fourth .single-portfolio-thumbnail{position: relative; padding:0; overflow: hidden;}

/*--------------------------------------------------------------
12.0 Plugins Support
--------------------------------------------------------------*/

/*
====> 12.1 Breadcrumb NavXT
--------------------------------------------------------------*/
.breadcrumb {
	float: right;
	text-align: right;
	margin-top: 8px;
	margin-bottom: 2px;
	font-size: 14px;
}
.breadcrumb {
	color: #ffffff;
	font-weight: 300;
}
.breadcrumb a {
	color: #ffffff;
	font-weight: normal;
}
.breadcrumb a:hover {
	text-decoration: underline;
}

/*
====> 12.2 WP-PageNavi
--------------------------------------------------------------*/
.wp-pagenavi {
	padding-bottom: 40px;
}

/*--------------------------------------------------------------
13.0 Content
--------------------------------------------------------------*/

/*
====> 13.1 Body
--------------------------------------------------------------*/
/*html {
    scroll-behavior: smooth;
}*/
body {
	padding-top: 30px;
	padding-bottom: 30px;
}
body.wide {
	padding-top: 0;
  padding-bottom: 0;
  background: transparent url(img/FOND.jpg) center no-repeat fixed;
  background-size: cover;
}
#page {
	background-color: transparent;
	margin: 0 auto;
	max-width: 1180px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.wide #page {
	max-width: 100%;
}
.inner-wrap {
	max-width: 979px;
	margin: 0 auto;
}

/*
====> 13.2 Header
--------------------------------------------------------------*/
.business-template #masthead {
	background-color: #ffffff;
}
.main-head-wrap {
	padding: 0;
}
.header {
	background-color: #4DABDA;
}
#header-left-section {
	float: left;
	margin-right: 25px;
}
#header-logo-image {
	float: left;
	padding: 0 20px 0 0;
	max-width: 100%;
}
#header-logo-image img {
	margin-bottom: 0px;
	max-height: 60px;
	height: auto;
	width: auto;
}
#header-text {
	float: left;
	padding-right: 20px;
}
#site-title {
	padding-bottom: 0;
}
#site-title a {
	color: #666666;
	font-size: 34px;
}
#site-title a:hover {
	color: #80abc8;
}
#site-description {
	line-height: 1.5;
	font-size: 13px;
	padding-bottom: 0;
	color: #888888;
	font-weight: 300;
	margin-bottom: 0;
}
#header-right-section {
	float: right;
	position: relative;
}
img.header-image {
	display: block;
	margin: 0 auto;
}

/*
====> 13.3 Primary, Secondary & Tertiary Content Area
--------------------------------------------------------------*/

/* Right Sidebar */
#primary {
	float: left;
	width: 64.54545454%;
}
#secondary {
	float: right;
	width: 31.81818181%;
}

/* Left Sidebar */
.left-sidebar #primary {
	float: right;
	width: 64.54545454%;
}
.left-sidebar #tertiary {
	float: left;
	width: 31.81818181%;
}

/* Both Sidebar */
.both-sidebar #primary {
	width: 72.72727272%;
}
.both-sidebar #secondary {
	width: 23.63636363%;
}
.both-sidebar #primary #content {
	float: right;
	width: 62.5%;
}
.both-sidebar #primary #tertiary {
	float: left;
	width: 32.5%;
}

/* No Sidebar */
.no-sidebar-full-width #primary {
	width: 100%;
}
.no-sidebar #primary {
	float: none;
	margin: 0 auto;
}

.no-sidebar-full-width,
.no-sidebar,
.no-sidebar-full-width #page,
.no-sidebar #page {
	overflow: hidden;
}

.no-sidebar-full-width .alignfull,
.no-sidebar .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: unset;
}

.no-sidebar-full-width .alignwide,
.no-sidebar .alignwide {
	margin-left: -100px;
	margin-right: -100px;
	max-width: unset;
}

.no-sidebar-full-width .alignfull img,
.no-sidebar .alignfull img {
	max-width: unset;
}

/*
====> 13.4 Content Columns
--------------------------------------------------------------*/

/* Two Column */
.tg-one-half {
	float: left;
	width: 48.18181818%;
	margin: 0 3.63636363% 0 0;
	padding: 0px 0px 30px;
}
.tg-one-half-last {
	float: right;
	margin: 0px;
}

/* Three Column */
.tg-one-third {
	float: left;
	margin: 0 3.63636363% 0 0;
	width: 30.90909090%;
}
.tg-one-third-last {
	float: right;
	margin-right: 0;
}

/* Four Column */
.tg-one-fourth {
	float: left;
	width: 22.95454545%;
	margin: 0 2.72727272% 0 0;
}
.tg-one-fourth-last {
	margin: 0px;
}

/*
====> 13.5 Posts and pages
--------------------------------------------------------------*/
.sticky {
}
.extra-hatom-entry-title {
	display: none;
}
.single-page {
	margin-top: 0px;
}
.single-header {padding: 2% 0;background-color: #444;}
.single-header h2 {
	font-size: 2.5em;
	color: #80abc8;
	font-weight: 200;
	margin-bottom: 16px;
}
#content,#content{
}
.sidebar {
}
.single-page p a{color: #80abc8;}
.single-page p a:hover{color: #555;}
.single-page p {
	margin-bottom: 10px;
}
.entry-content ul {
	list-style: square;
}
.entry-content ul,
.entry-content ol {
	padding: 0 0 0 20px;
	margin-bottom: 30px;
}
.entry-content li > ul,
.entry-content li > ol {
	margin-bottom: 0;
}
.sidebar h4{
	font-weight: 400;
	padding-bottom: 8px;
	margin-bottom: 17px;
}
.date-icon, .author-icon {
	width: 32px;
	height: 32px;
	display: block;
	float: left;
}
.hentry .entry-title {
	font-size: 24px;
	padding-bottom: 10px;
}
.hentry .entry-title a {
	color: #666666;
	display: block;
	font-weight: 400
}
.hentry .entry-title a:hover {
	color: #80abc8;
}
.entry-meta{width: 100%;padding-bottom: 20px;}
.entry-meta{ font-size: 14px;}
.read-btn a {
	border: 1px solid #80abc8;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 16px;
}
.read-btn a:hover {
	background-color: #80abc8;
	color: #ffffff;
}
.entry-meta > span {
	padding-right: 15px;
}
.entry-meta .fa {
	color: #80abc8;
	padding-right: 5px;
}
.entry-meta a {
	color: #888888;
	font-weight: 300;
}
.entry-meta a:hover {
	color: #80abc8;
}
article.post {
	padding-bottom: 60px;
}
.tags a {
	display: inline-block;
}
ul.wp-block-gallery {
	padding: 0;
}

/* Related Posts */

.related-posts-wrapper .entry-title {
	font-size: 21px;
	padding-bottom: 5px;
}

.related-posts-wrapper .entry-title a {
	color: #666666;
}

.related-posts-wrapper .entry-title a:hover {
	color: #80abc8;
}

.related-posts-wrapper .entry-meta {
	font-size: 12px;
}

.related-posts-wrapper .entry-meta > span {
	padding-right: 10px;
}

/*
====> 13.6 Pagination
--------------------------------------------------------------*/

.default-wp-page li.previous {
  float: left;
}

.default-wp-page li.next {
  float: right;
}

.previous a,
.next a {
	color: #80abc8;
	padding: 5px 0;
	cursor: pointer;
	font-size: 16px;
	display: inline-block;
}
.next {
	float: right;
}
.previous a:hover,
.next a:hover {
	text-decoration: underline;
}
.default-wp-page {
	padding: 20px 0;
}
.nav-previous,
.nav-next {
	margin-bottom: 15px;
}
.nav-previous a,
.nav-next a {
	color: #80abc8;
	cursor: pointer;
	font-size: 16px;
}
.nav-previous a { float: left; }
.nav-next a { float: right; }
.nav-previous a:hover,
.nav-next a:hover {
	text-decoration: underline;
}

/*
====> 13.7 Comments
--------------------------------------------------------------*/
#comments {
	border-top: 1px solid #F8F8F8;
	padding-top: 15px;
}
#comments i {
	font-size: 12px;
	color: #80abc8;
	padding-right: 10px;
	line-height: 1.5;
}
#comments img {
	margin-bottom: 5px;
}
.comments-title {
	font-size: 22px;
	line-height: 28px;
}
.comment-content a {
	word-wrap: break-word;
}
.comment-navigation {
	margin-bottom: 15px;
}
.bypostauthor {
}
#comments h2.comments-title,
#comments h3.comments-title {
	margin-bottom: 10px;
}
.avatar {
	border-radius: 50%;
	float: left;
}
.comments-area article header {
	margin: 0 0 5px;
	overflow: hidden;
	position: relative;
}
.comments-area .comment-edit-link,
.comments-area .comment-permalink,
.comments-area .comment-date-time,
.comments-area .comment-author-link {
	display: block;
	margin-left: 100px;
	color: #999999;
	font-size: 14px;
}
.comments-area article header cite a:hover,
.comments-area a.comment-edit-link:hover,
.comments-area a.comment-permalink:hover {
	color: #80abc8;
}
.comments-area .comment-author-link a {
	color: #999999;
}
.comments-area .comment-author-link a:hover {
	color: #80abc8;
}
.comments-area .comment-author-link span {
	margin-left: 10px;
	padding: 0 5px;
	background-color: #80abc8;
	color: #FFFFFF;
	border-radius: 3px;
}
.comments-area article header .comment-edit-link:before{
	content: "\f044";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #80abc8;
	font-size: 12px;
	padding-right: 10px;
}
.comment-content {
	padding: 15px 15px 25px;
	background-color: #F8F8F8;
	border-radius: 2px;
}
li.comment {
	margin-bottom: 20px;
	width: 100%;
}
.comment ul, .comment ol {
	margin: 0 0 20px 20px;
}
.comment ul {
	list-style: square outside none;
}
.comment .comment-reply-link {
	float: right;
	color: #aaaaaa;
	font-size: 14px;
}
.comment .comment-reply-link:before {
	content: "\f112";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #80abc8;
	font-size: 12px;
	padding-right: 10px;
}
.comment .comment-reply-link:hover {
	color: #80abc8;
}
.comment-list {
}
.comment-list, .comment-list .children {
	list-style-type: none;
	padding: 0;
}
.comment-list .children {
	margin-left: 40px;
	padding-top: 20px;
	margin-bottom: 0;
}
#reply-title {
	font-size: 20px;
}
.comment-respond {
	padding-top: 20px;
}
.comment-respond small {
	float: right;
}
.form-allowed-tags {
	display: none;
}
.error404 .page-title {
  font-size: 30px;
}

/*
====> 13.8 Footer
--------------------------------------------------------------*/

/*
====> ====> 13.8.a Footer General CSS
--------------------------------------------------------------*/
#colophon{
	font-size: 14px;
	clear: both;
	color: #777;
	background-color: #2f2e2e;
	overflow: hidden;
	padding: 10px 0 10px 0;
	margin-top: 20px;
}
.scrollup:hover{opacity: 0.6;}
.copyright-info ul li {margin-bottom: 10px; float: left;margin-left: 25px;}
.copyright-info ul li a{color: #fff;padding: 5px 5px;}
.copyright-info ul li a:hover{color: #80abc8;}
.extra-info{float: right !important;}
#colophon p {
	font-weight: 300;
	color: #777;
	line-height: 22px;
	font-size: 15px;
}
#colophon a {
	font-weight: 500;
	color: #b1b6b6;
	line-height: 22px;
	font-size: 19px;
}
#colophon a:hover {
	color: #80abc8;
}
#colophon-box {
	float: left;
	width: 22%;
	margin-right: 4%;
}
#footer-social{
	text-align: center;
	height: 42px;
	clear: both;
	margin-top: 10px;
}
#footer-social a{
	height: 42px;
	width: 42px;
	margin: 0 5px;
	float: left;
}
.centreur {
    height: 100%;
    width: 156px;
    margin: auto;
}
#fb{
	background: transparent url("img/social/facebook.png") center no-repeat;
}
#fb:hover{
	background: transparent url("img/social/facebook-hov.png") center no-repeat;
}
#twit{
	background: transparent url("img/social/twitter.png") center no-repeat;
}
#twit:hover{
	background: transparent url("img/social/twitter-hov.png") center no-repeat;
}
#ytube{
	background: transparent url("img/social/youtube.png") center no-repeat;
}
#ytube:hover{
	background: transparent url("img/social/youtube-hov.png") center no-repeat;
}
#siege{
	color: #fff;
}
#tel{
	color: #fff;
}
/*
====> ====> 13.8.b Footer Widget Area
--------------------------------------------------------------*/
.footer-widgets-wrapper {
}
.footer-widgets-area {
	padding-bottom: 40px;
	color: #777777;
}
.footer-widgets-area .tg-one-fourth .widget-title {
	text-align: left;
}
.footer-widgets-area h3.widget-title {
	color: #D5D5D5;
}
.footer-widgets-area .tg-one-fourth p {
	text-align: left;
	color: #b1b6b6;
}
.footer-widgets-area a {
	color: #D5D5D5;
}
.footer-widgets-area a:hover {
	color: #80abc8;
}
#colophon .widget {
	padding-bottom: 25px;
}
#colophon .widget-title {
	font-size: 22px;
	line-height: 1.4;
	color: #b1b6b6;
}
#colophon, #colophon p {
	font-size: 14px;
	line-height: 1.4;
}
#colophon .footer-widgets-area li a {
	display: inline-block;
	padding-bottom: 3px;
}
.footer-widgets-area .search-icon:before {
	font-size: 20px;
}

/*
====> ====> 13.8.c Footer Copyright Info
--------------------------------------------------------------*/
.copyright-info {
	padding-right: 10px;
	font-weight: 300;
	display: none;
}
#colophon .copyright-info a {
	color: #b1b6b6;
}
#colophon .copyright-info a:hover {
	color: #80abc8;
}

/*
====> ====> 13.8.d Footer Menu
--------------------------------------------------------------*/
.footer-nav {
}
.footer-nav ul li {
	display: inline-block;
	padding: 0 10px;
	border-right: 1px solid #fff;
}
li#menu-item-360 {
    border: none;
}
#colophon .footer-nav ul li a {
	color: #fff;
}
#colophon .footer-nav ul li a:hover {
	color: #4DABDA;
}

/*
====> ====> 13.8.e Scroll to Top
--------------------------------------------------------------*/
a#scroll-up {
	bottom: 20px;
	position: fixed;
	right: 20px;
	display: none;
	background-color: #ffffff;
	opacity: 0.5;
	filter:alpha(opacity=50); /* For IE8 and earlier */
	padding: 9px 18px;
	border-radius: 2px;
	font-size: 20px;
}
a#scroll-up i {
	color: #80abc8;
}
a#scroll-up:hover {
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

/*--------------------------------------------------------------
Header media css
--------------------------------------------------------------*/
.wp-custom-header {
	 position: relative;
}

iframe#wp-custom-header-video {
	 width: 100%;
}
.wp-custom-header-video-button {
	 opacity: 0;
	 visibility: hidden;
	 position: absolute;
	 top: 0;
	 left: 0;
	 right: 0;
	 bottom: 0;
	 margin: auto;
	 width: 62px;
	 height: 50px;
	 font: 0px/0 a;
	 -moz-transition: all 0.5s;
	 -o-transition: all 0.5s;
	 -webkit-transition: all 0.5s;
	 transition: all 0.5s;
}

.wp-custom-header:hover .wp-custom-header-video-button {
	 visibility: visible;
	 opacity: 1;
}

.wp-custom-header-video-button:before {
	 content: '\f04b';
	 display: block;
	 font-family: FontAwesome;
	 font-size: 20px;
}

.wp-custom-header-video-button.wp-custom-header-video-pause:before{
	 content: '\f04c';
}

/*--------------------------------------------------------------
14.0 Responsive Structure
--------------------------------------------------------------*/

@media screen and (max-width: 1500px) {
	.no-sidebar-full-width .alignwide {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media screen and (max-width: 1190px) {
	#page {
		width: 97%;
	}
	.wide #page {
		width: 100%;
	}
	.inner-wrap {
		width: 94%;
	}
	.business-template .widget.widget_call_to_action_block > .inner-wrap,
	.business-template .widget.widget_portfolio_block > .inner-wrap {
		width: 100%;
	}
}

@media screen and (max-width: 1078px) {

	.no-sidebar-full-width .alignwide {
		margin-left: -10px;
		margin-right: -10px;
	}
}

@media screen and (max-width: 768px) {
	li#menu-item-254-fr a{
		height: 30px;
	}
	li#menu-item-254-en a{
		height: 30px;
	}
	#header-left-section {
		max-width: 80%;
		margin-right: 0;
	}
	#header-right-section {
		float: none;
	}
	#header-text {
		padding-right: 0;
	}
	.big-slider .slider-entry-container {
		width: 80%;
	}
	.big-slider .entry-title {
		font-size: 30px;
		padding-bottom: 28px;
	}
	.slider-button {
		font-size: 12px;
		padding: 10px 14px;
		letter-spacing: 1px;
	}.slide-prev a, .slide-next a{
		padding: 0;
	}
	.slide-prev a:before, .slide-next a:before {
		font-size: 24px;
		padding: 5px 20px;
	}
	.slide-prev {
		margin-left: 8px;
	}
	.slide-next {
		margin-right: 8px;
	}
	.better-responsive-menu .sub-menu {
	  display: none;
	}
	.main-small-navigation li{
		position: relative;
	}
	.sub-toggle {
	  position: absolute;
	  right: 20px;
	  cursor: pointer;
	  display: block;
	  top: 6px;
	  color: #fff;
	  padding: 0 7px;
	  background-color: #80abc8;
	}
	.menu-toggle,
	.main-navigation.toggled .menu-primary-container {
		display: block;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation {
		padding-top: 0;
	}
	.menu-toggle {
		margin-top: 28px;
		right: 48px;
		position: absolute;
	}
	.menu-toggle:before{
		content: "\f0c9";
		font-family: fontawesome;
		font-size: 22px;
		position: absolute;
		top: -20px;
		right: -46px;
	}
	.menu-primary-container,
	.nav-menu {
		clear: both;
	}
	.menu-primary-container > ul > li > a,
	.menu > ul > li > a {
		line-height: 50px;
		height: 88px;
	}
	.menu-primary-container ul ul li,
	.nav-menu ul ul li {
		padding-right: 0;
	}
	.menu-primary-container > ul > li > a,
	.menu > ul > li > a {
		height: auto;
		line-height: 1;
	}
	#masthead .menu-primary-container li a,
	#masthead .nav-menu li a {
		border-bottom: 1px solid #f8f8f8;
		color: #fff;
		display: block;
		font-size: 14px;
		padding: 5px 0;
		width: 100%;
		font-weight: 600;
    	letter-spacing: 2px;
	}
	.call-to-action-content-wrapper h3 {
		line-height: 1.5;
	}
	.call-to-action-button {
		margin: 20px auto 0;
	}
	/* Featured Posts widget */
	.single-post-image-wrap {
		float: none;
		margin-right: 0;
	}
	.single-post-content .entry-title,
	.single-post-content p,
	.read-btn {
		text-align: center;
	}
	.footer-widgets-wrapper .tg-column-odd,
	.widget_portfolio_block .tg-column-odd {
		float: left;
		width: 48.18181818%;
	}
	.footer-widgets-wrapper .tg-column-even,
	.widget_portfolio_block .tg-column-even {
		float: right;
		width: 48.18181818%;
		margin-right: 0;
	}
	.widget_portfolio_block .tg-column-odd,
	.widget_portfolio_block .tg-column-even {
		text-align: center;
		margin-bottom: 25px;
	}
	.single-service.tg-one-third {
		margin-bottom: 25px;
	}
	.tg-after-two-blocks-clearfix {
		clear: both;;
	}
	.tg-after-three-blocks-clearfix {
		clear: none;
	}
	.copyright-info {
		padding-right: 0;
		float: none;
		text-align: center;
	}
	.footer-nav {
		float: none;
		text-align: center;
	}

	.logo-disable #site-navigation > .menu {
	  padding-top: 60px;
	}

	.logo-disable .main-head-wrap.inner-wrap {
	  padding: 0;
	}
}
@media screen and (max-width: 767px) {
	#primary, #secondary,
	.both-sidebar #primary,
	.both-sidebar #secondary,
	.both-sidebar #primary #content,
	.both-sidebar #primary #tertiary {
		float: none;
		width: 100%;
	}
	.tg-one-half, .tg-one-third {
		float: none;
		width: 100%;
		margin: 0;
	}
	.no-sidebar .alignwide {
		margin-left: -10px;
		margin-right: -10px;
	}
}
@media screen and (max-width: 600px) {
	.big-slider .slider-entry-container {
		width: 75%;
	}
	.big-slider .entry-title {
		font-size: 24px;
		padding-bottom: 20px;
	}
	.slider-button {
		font-size: 12px;
		padding: 8px 10px;
		letter-spacing: 0;
	}
	.slide-prev a:before, .slide-next a:before {
		font-size: 18px;
		padding: 5px 15px;
	}
	.slide-prev {
		margin-left: 4px;
	}
	.slide-next {
		margin-right: 4px;
	}
	.footer-widgets-wrapper .tg-column-odd,
	.footer-widgets-wrapper .tg-column-even {
		float: none;
		width: 100%;
	}
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width:25%;
	}

	.author-img .avatar {
		float: none;
	}

	.author-description-wrapper {
		margin-left: 0;
	}
	.no-sidebar-full-width .alignwide,
	.no-sidebar .alignwide {
		margin-left: 0;
		margin-right: 0;
	}
}
@media only screen and (max-width: 420px) {
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width:33.33%;
	}
}
@media screen and (max-width: 400px) {
	.big-slider .entry-title {
		font-size: 16px;
		padding-bottom: 10px;
	}
	.slider-button {
		font-size: 10px;
		letter-spacing: 0;
		padding: 1px 8px;
	}
	.widget_portfolio_block .tg-column-odd,
	.widget_portfolio_block .tg-column-even {
		float: none;
		width: 100%;
	}
}

/* Remove the updated class from entry meta */
.entry-date .updated {
  display: none;
}

/*
====> ====> WooCommerce CSS
--------------------------------------------------------------*/
.woocommerce ul.products li.product a img:hover,.woocommerce div.product div.images img:hover{
	opacity: 1;
}
.woocommerce ul.products li.product .price del{
	display: inline-block;
	margin-right: 10px;
}
.woocommerce ul.products li.product .price ins{
	text-decoration: none;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  color: #fff;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #1f7732;
  color: #fff;
}
.woocommerce .star-rating span,.woocommerce p.stars a::before {
  color: #FFD700;
}

/* Gestion des tailles tablette et smartphone*/


@media screen and (min-width: 320px){
.inner-wrap {
    width: 98%;
}
#col1 span, #col2 span, #col3 span, #col4 span{
	height: 60px;
	line-height: 60px;
}
#col5 span, #col7 span {
    height: 46px;
    line-height: 55px;
}
#col6 span, #col8 span {
    height: 46px;
    line-height: 55px;
}
.contenu + p a {
    float: left;
    width: 100%;
    color: #fff !important;
    font-family: "ProximaNW01-Reg";
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 13px;
    margin-bottom: 40px;
    height: 50px;
    line-height: 50px;
}
#col1 a{
	background: transparent url(img/button/1-simple.png) center no-repeat;
}
#col1 a:hover{
	background: transparent url(img/button/1-survol.png) center no-repeat;
}
#col2 a{
	background: transparent url(img/button/2-simple.png) center no-repeat;
}
#col2 a:hover{
	background: transparent url(img/button/2-survol.png) center no-repeat;
}
#col3 a{
	background: transparent url(img/button/3-simple.png) center no-repeat;
}
#col3 a:hover{
	background: transparent url(img/button/3-survol.png) center no-repeat;
}
#col4 a{
	background: transparent url(img/button/4-simple.png) center no-repeat;
}
#col4 a:hover{
	background: transparent url(img/button/4-survol.png) center no-repeat;
}
#col5 a{
	background: transparent url(img/button/5-simple.png) center no-repeat;
}
#col5 a:hover{
	background: transparent url(img/button/5-survol.png) center no-repeat;
}
#col6 a{
	background: transparent url(img/button/6-simple.png) center no-repeat;
}
#col6 a:hover{
	background: transparent url(img/button/6-survol.png) center no-repeat;
}
#col7 a{
	background: transparent url(img/button/7-simple.png) center no-repeat;
}
#col7 a:hover{
	background: transparent url(img/button/7-survol.png) center no-repeat;
}
#col8 a{
	background: transparent url(img/button/8-simple.png) center no-repeat;
}
#col8 a:hover{
	background: transparent url(img/button/8-survol.png) center no-repeat;
}
.contenu + p a:hover {
    color: #fff !important;
}
	#audio, #video, #pdf {
    padding: 0;
    background: #000;
    color: #fff;
    border: none;
}
#audio span, #video span, #pdf span {
    font-family: "ProximaNW01-Reg";
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    float: left;
    margin-left: 70px;
    padding-left: 50px;
    height: 30px;
    background: transparent url(img/icon/AUDIO-SIMPLE.png) left center no-repeat;
    line-height: 36px;
}
#audio span:hover, #video span:hover, #pdf span:hover {
    color: #4dabda;
}
#audio span{
	background: transparent url(img/icon/AUDIO-SIMPLE.png) left center no-repeat;
}
#audio span:hover{
	background: transparent url(img/icon/AUDIO-SURVOL.png) left center no-repeat;
}
#video span{
	background: transparent url(img/icon/VIDEO-SIMPLE.png) left center no-repeat;
}
#video span:hover{
	background: transparent url(img/icon/VIDEO-SURVOL.png) left center no-repeat;
}
#pdf span{
	background: transparent url(img/icon/PDF-SIMPLE.png) left center no-repeat;
}
#pdf span:hover{
	background: transparent url(img/icon/PDF-SURVOL.png) left center no-repeat;
}
a#audio {
    margin-top: 5px;
}
a#video, a#pdf {
    margin-top: 10px;
}
#tab-support .container, #tab-support .container .row {
    height: 100%;
}
	.mon-slide.slick-initialized.slick-slider {
    width: 100%;
    height: 100%;
    position: static;
}

#liens button.slick-prev.slick-arrow {
    float: left;
    width: 25px;
    height: 32px;
    margin-top: 16px;
    overflow: hidden;
    margin-left: 50%;
    margin-right: 2px;
    text-indent: -99999px;
    background: transparent url(img/icon/back.png) center no-repeat;
    padding: 0;
    transform: translate(-50%, 0) rotate(90deg);
}
#liens-en button.slick-prev.slick-arrow {
    float: left;
    width: 25px;
    height: 32px;
    margin-top: 16px;
    overflow: hidden;
    margin-left: 50%;
    margin-right: 2px;
    text-indent: -99999px;
    background: transparent url(img/icon/back.png) center no-repeat;
    padding: 0;
    transform: translate(-50%, 0) rotate(90deg);
}
#liens .slick-list.draggable {
    float: left;
    height: 132px !important;
    width: 100%;
    position: static;
    padding: 0 !important
}
#liens-en .slick-list.draggable {
    float: left;
    height: 132px !important;
    width: 100%;
    position: static;
    padding: 0 !important
}
#liens .slick-slide {
    width: 100% !important;
    height: 35px;
    margin: 0 1px;
}
#liens-en .slick-slide {
    width: 100% !important;
    height: 35px;
    margin: 0 1px;
}
br.slick-slide{
	display: none!important;
}
#liens button.slick-next.slick-arrow {
    float: left;
    width: 25px;
    height: 32px;
    margin-top: 16px;
    overflow: hidden;
    margin-left: 50%;
    text-indent: -99999px;
    background: transparent url(img/icon/arrow.png) center no-repeat;
    margin-right: 2px;
    padding: 0;
    transform: translate(-50%, 0) rotate(90deg);
}
#liens-en button.slick-next.slick-arrow {
    float: left;
    width: 25px;
    height: 32px;
    margin-top: 16px;
    overflow: hidden;
    margin-left: 50%;
    text-indent: -99999px;
    background: transparent url(img/icon/arrow.png) center no-repeat;
    margin-right: 2px;
    padding: 0;
    transform: translate(-50%, 0) rotate(90deg);
}
#liens-en .slick-slide a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 17px;
}
#liens .slick-slide a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 17px;
}

button.slick-prev.slick-arrow {
    float: left;
    width: 15px;
    height: 32px;
    margin-top: 16px;
    overflow: hidden;
    margin-left: 2px;
    margin-right: 2px;
    text-indent: -99999px;
    background: transparent url(img/icon/back.png) center no-repeat;
    padding: 0;
}
.slick-list.draggable {
    float: left;
    height: 70px;
    width: 258px;
    position: static;
}
.slick-slide {
    width: 84px!important;
    height: 63px;
    margin: 0 1px;
}
br.slick-slide{
	display: none!important;
}
button.slick-next.slick-arrow {
    float: left;
    width: 15px;
    height: 32px;
    margin-top: 16px;
    overflow: hidden;
    margin-left: 2px;
    text-indent: -99999px;
    background: transparent url(img/icon/arrow.png) center no-repeat;
    margin-right: 2px;
    padding: 0;
}
button:focus {
    outline: 5px auto #4DABDA;
}
.slick-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
#vid1{
	background: transparent url("img/vid/320/1A.jpg") center no-repeat;
}
#vid1:hover{
	background: transparent url("img/vid/320/1B.jpg") center no-repeat;
}
#vid2{
	background: transparent url("img/vid/320/2A.jpg") center no-repeat;
}
#vid2:hover{
	background: transparent url("img/vid/320/2B.jpg") center no-repeat;
}
#vid3{
	background: transparent url("img/vid/320/3A.jpg") center no-repeat;
}
#vid3:hover{
	background: transparent url("img/vid/320/3B.jpg") center no-repeat;
}
#vid4{
	background: transparent url("img/vid/320/4A.jpg") center no-repeat;
}
#vid4:hover{
	background: transparent url("img/vid/320/4B.jpg") center no-repeat;
}
#vid5{
	background: transparent url("img/vid/320/5A.jpg") center no-repeat;
}
#vid5:hover{
	background: transparent url("img/vid/320/5B.jpg") center no-repeat;
}
#vid6{
	background: transparent url("img/vid/320/6A.jpg") center no-repeat;
}
#vid6:hover{
	background: transparent url("img/vid/320/6B.jpg") center no-repeat;
}
#vid7{
	background: transparent url("img/vid/320/7A.jpg") center no-repeat;
}
#vid7:hover{
	background: transparent url("img/vid/320/7B.jpg") center no-repeat;
}
#vid8{
	background: transparent url("img/vid/320/8A.jpg") center no-repeat;
}
#vid8:hover{
	background: transparent url("img/vid/320/8B.jpg") center no-repeat;
}
#vid9{
	background: transparent url("img/vid/320/9A.jpg") center no-repeat;
}
#vid9:hover{
	background: transparent url("img/vid/320/9B.jpg") center no-repeat;
}
#vid10{
	background: transparent url("img/vid/320/10A.jpg") center no-repeat;
}
#vid10:hover{
	background: transparent url("img/vid/320/10B.jpg") center no-repeat;
}
#vid11{
	background: transparent url("img/vid/320/11A.jpg") center no-repeat;
}
#vid11:hover{
	background: transparent url("img/vid/320/11B.jpg") center no-repeat;
}
#vid12{
	background: transparent url("img/vid/320/12A.jpg") center no-repeat;
}
#vid12:hover{
	background: transparent url("img/vid/320/12B.jpg") center no-repeat;
}
#vid13{
	background: transparent url("img/vid/320/13A.jpg") center no-repeat;
}
#vid13:hover{
	background: transparent url("img/vid/320/13B.jpg") center no-repeat;
}
#vid14{
	background: transparent url("img/vid/320/14A.jpg") center no-repeat;
}
#vid14:hover{
	background: transparent url("img/vid/320/14B.jpg") center no-repeat;
}
#vid15{
	background: transparent url("img/vid/320/15A.jpg") center no-repeat;
}
#vid15:hover{
	background: transparent url("img/vid/320/15B.jpg") center no-repeat;
}
	.col-lg-3.col-md-3.col-sm-12.col-xs-12.bhoechie-tab-menu {
    	width: 280px;
    	position: static;
	}
	div.bhoechie-tab-content {
	    background-color: transparent;
	    height: 100%;
	    float: left;
	    width: 100%;
	    margin-top: 15px;
	}
	.slick-track {
    	position: static;
	}
	.metaslider .theme-default .nivo-caption {
	    background: #fff !important;
	    color: #000 !important;
	    text-align: left !important;
	    font-weight: 500;
	    display: none !important;
	    font-size: 10px;
	    padding: 0 10px;
	}

	#metaslider_177.nivoSlider:hover .nivo-caption {
    	display: block !important;
	}
	.metaslider .theme-default .nivo-controlNav {
    	display: none;
	}
	.survol {
	    font-size: 16px;
	    line-height: 1.5em;
	    position: fixed;
	    border-radius: 10px;
	    background: #00000060;
	    display: none;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    z-index: 9999;
	}
	.survol p {
	    font-size: 18px;
	    line-height: 2em;
	    text-align: justify;
	    margin: auto;
	}
	.texte1{
		display: none;
		position: absolute;
	    margin: 0;
	    bottom: 0px;
	    padding: 0;
	    background: #ffffff70 !important;
	    border-radius: 20px;
	    width: 186px;
	    line-height: 25px;
	    font-size: 17px;
	    color: #fff !important;
	    font-weight: 500;
	}
	#col1 .contenu:hover a.col1 {
	    display: block;
	    left: 65px;
	}
	#col2 .contenu:hover a.col2 {
	    display: block;
	    left: 65px;
	}
	#col3 .contenu:hover a.col3 {
	    display: block;
	    right: 65px;
	}
	#col4 .contenu:hover a.col4 {
	    display: block;
	    right: 65px;
	}
	#col5 .contenu:hover a.col5 {
	    display: block;
	    left: 65px;
	}
	#col6 .contenu:hover a.col6 {
	    display: block;
	    left: 65px;
	}
	#col7 .contenu:hover a.col7 {
	    display: block;
	    right: 64px;
	}
	#col8 .contenu:hover a.col8 {
	    display: block;
	    right: 65px;
	}

	.cadre-survol {
	    width: 98%;
	    margin: 5% 1%;
	    background: #fff;
	    height: 90%;
	    box-shadow: 0px 0px 0px 2px #fff;
	    border: solid 1px #000;
	    position: relative;
	}
	.survol-img {
	    width: 100%;
	    height: 90px;
	    margin-bottom: 10px;
	    position: relative;
	}
	p.survol-txt {
	    color: #000;
	    line-height: normal;
	}
	#metric .survol-img{}
	#authent .survol-img{}
	#mabanq .survol-img{}
	#techno .survol-img{}
	#convivio .survol-img{}
	#env .survol-img{}
	#kivala .survol-img{}
	#mbombo .survol-img{}

	#connexion{
	    position: fixed;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    background: #88888860;
	    z-index: 999;
	    display: none;
	}
	#cadre{
	    margin: auto;
	    margin-top: 10%;
	    background: #323232 url(img/popup.png) top center no-repeat;
	    padding-top: 110px;
	    position: relative;
	}
	.connexion-txt {
	    text-align: center;
	    font-size: 22px;
	    font-weight: 400;
	    margin-bottom: 5px;
	}
	.connexion{

	}
	#connexion-en{
	    position: fixed;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    background: #88888860;
	    z-index: 999;
	    display: none;
	}
	#cadre-en{
		margin: auto;
	    margin-top: 10%;
	    background: #323232 url(img/popup.png) top center no-repeat;
	    padding-top: 110px;
	    position: relative;
	}
	.connexion-txt {
	    text-align: center;
	    font-size: 22px;
	    font-weight: 400;
	    margin-bottom: 5px;
	}
	.connexion{

	}
	div#user-registration-form-229 {
	    width: 170px;
	    margin: auto;
	    border: none;
	    padding: 0;
	    display: none;
	}
	.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item {
    margin: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid label.ur-label, .ur-frontend-form .ur-form-row .ur-form-grid legend.ur-label {
    margin: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=date], .ur-frontend-form .ur-form-row .ur-form-grid input[type=email], .ur-frontend-form .ur-form-row .ur-form-grid input[type=number], .ur-frontend-form .ur-form-row .ur-form-grid input[type=password], .ur-frontend-form .ur-form-row .ur-form-grid input[type=phone], .ur-frontend-form .ur-form-row .ur-form-grid input[type=text], .ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker], .ur-frontend-form .ur-form-row .ur-form-grid input[type=url], .ur-frontend-form .ur-form-row .ur-form-grid select, .ur-frontend-form .ur-form-row .ur-form-grid textarea{
	margin-bottom: 2px;
}
button.btn.button.ur-submit-button{
	margin: auto;
    background: transparent;
    color: #fff;
    border: solid 2px #fff;
    border-radius: 20px;
    padding: 2px 10px;
}
.dropdown {
    text-align: center;
}
#liens{
	display: none;
	position: absolute;
    bottom: 0;
    width: 70%;
    text-align: center;
    background: #000;
    margin: 0 15%;
    border-radius: 5px;
}
div#liens p {
    margin: 1px;
}
div#liens a{
	color: #fff;
    display: block;
    border-radius: 5px;
    padding: 1px;
}
#liens-en{
	display: none;
	position: absolute;
    bottom: 0;
    width: 70%;
    text-align: center;
    background: #000;
    margin: 0 15%;
    border-radius: 5px;
}
div#liens-en p {
    margin: 1px;
}
div#liens-en a{
	color: #fff;
    display: block;
    border-radius: 5px;
    padding: 1px;
}
a#dropper {
	cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #fff url("img/cancel.png") center no-repeat;
}
a#dropper1 {
	display: none;
	cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #fff url("img/cancel.png") center no-repeat;
    z-index: 10000;
}
a#dropper-en {
	cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #fff url("img/cancel.png") center no-repeat;
}
a#dropper1-en {
	display: none;
	cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #fff url("img/cancel.png") center no-repeat;
    z-index: 10000;
}
span#selection {
    cursor: pointer;
    background: #4DABDA;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    margin: 5px;
    display: inline-block;
}
span#selection:hover {
    color: #4DABDA;
    background: #fff;
}
span#selection-en {
    cursor: pointer;
    background: #4DABDA;
    padding: 5px 10px;
    color: #fff;
    border-radius: 5px;
    font-size: 15px;
    margin: 5px;
    display: inline-block;
}
span#selection-en:hover {
    color: #4DABDA;
    background: #fff;
}
a#se-connecter {
   	padding: 5px 10px;
    border-radius: 10px;
    background: #4dabda;
    color: #fff;
    margin: 5px;
    display: inline-block;
    font-size: 17px;
}
a#se-connecter:hover {
    color: #4dabda;
    background: #fff;
}
a#se-connecter-en {
    padding: 5px 10px;
    border-radius: 10px;
    background: #4dabda;
    color: #fff;
    margin: 5px;
    display: inline-block;
    font-size: 20px;
}
a#se-connecter-en:hover {
    color: #4dabda;
    background: #fff;
}
li#menu-item-254-fr {
    padding: 0;
    margin: 0 5px;
}
li#menu-item-254-en {
    padding: 0;
    margin: 0 5px;
}
li#menu-item-254-fr a img {
    width: 25px;
    height: 20px;
    margin: 13px 0 0 0;
}
li#menu-item-254-en a img {
    width: 25px;
    height: 20px;
    margin: 13px 0 0 0;
}
li#menu-item-253-fr {
    padding: 0;
    margin: 0 5px;
}
li#menu-item-253-en {
    padding: 0;
    margin: 0 5px;
}
li#menu-item-253-fr a img {
    width: 25px;
    height: 20px;
   	margin: 13px 0 0 0;
}
li#menu-item-253-en a img {
    width: 25px;
    height: 20px;
    margin: 13px 0 0 0;
}
.img-rubrique{

}
.titre{
	color: #000;
    font-size: 30px;
    font-weight: 400;
    font-family: "ProximaNW01-Reg";
    margin-top: 50px;
    float: left;
}
.languages{
    float: right;
    margin-top: 0px;
    width: 55px;
    height: 25px;
    margin-left: 0px;
}
.fr {
    float: left;
    height: 20px;
    width: 20px;
    margin: 0 2px;
    background: transparent url(http://amlagroup.authentinov.com/wp-content/themes/ample/img/FR.jpg) center no-repeat;
    background-size:  contain;
    overflow: hidden;
    text-indent: 999px;
    cursor: pointer;
}
.en{
	float: left;
    height: 20px;
    width: 20px;
    margin: 0 3px;
    background: transparent url(http://amlagroup.authentinov.com/wp-content/themes/ample/img/EN.jpg) center no-repeat;
    background-size:  contain;
    overflow: hidden;
    text-indent: 999px;
    cursor: pointer;
}
.rem1{

}
.survol-img br {
    display: none;
}
.survol-img img {
    margin: 0;
}
.rem{
	width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}
a.rem1 {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url("http://amlagroup.authentinov.com/wp-content/themes/ample/img/cancel.png") center no-repeat;
    overflow: hidden;
    text-indent: 999px;
    cursor: pointer;
}
#metric img.img-rubrique {
    margin-top: 15px;
}
#metric span.titre {
    margin: 0px 15px 0 15px;
}
#authent img.img-rubrique {
    /*margin-top: 5px;*/
}
#authent span.titre {
    margin: 0px 15px 0 15px;
}
#authent span.languages {
    /*margin-top: 41px;*/
}
#mabanq img.img-rubrique {
    /*margin-top: 20px;*/
}
#mabanq span.titre {
    margin: 0px 30px 0 80px;
}
#mabanq span.languages {
    margin-top: 3px;
}
#techno img.img-rubrique {
    /*margin-top: 20px;*/
}
#techno span.titre {
    margin: 0px 10px 0 10px;
    font-size: 23px;
}
#techno span.languages {
    margin-top: 2px;
}
#convivio img.img-rubrique {
    /*margin-top: 20px;*/
}
#convivio span.titre {
    margin: 0px 50px 0 100px;
}
#convivio span.languages {
    margin: 0px 25px 0 70px;
}
#env img.img-rubrique {
    /*margin-top: 20px;*/
}
#env span.titre {
    margin: 0px 3px 0 3px;
    font-size: 21px;
}
#env span.languages {
    margin: 3px 0 0 0;
}
#kivala img.img-rubrique {
    /*margin-top: 25px;*/
}
#kivala span.titre {
    margin: 5px 40px 0 97px;
    font-size: 30px;
}
#kivala span.languages {
    margin: 9px 0 0 0px;
}
#mbombo img.img-rubrique {
    /*margin-top: 20px;*/
}
#mbombo span.titre {
    margin: 0px 9px 0 15px;
}
#mbombo span.languages {
    /*margin-top: 42px;*/
}
.survol-txt-fr{
	position: absolute;
    bottom: 0;
    top: 110px;
    left: 10px;
    right: 10px;
}
.survol-txt-en{
	display: none;
	position: absolute;
    bottom: 0;
    top: 110px;
    left: 10px;
    right: 10px;
}
li#menu-item-318 {
    border: none;
}
div#main-slide {
    height: 435px;
    overflow: hidden;
}
div#activite {
    margin-top: 40px;
    position: relative;
}
#amla-img{
	display: block;
	height: 75px;
	background: transparent url('img/entete-sm.png') center no-repeat;
}
.container{
	padding: 0;
	clear: both;
	width: 100%;
	float: left;
	position: relative;
}
.container > div{
	padding: 0;
	float: left;
	color: #fff;
}
.contenu {
    width: 100%;
    height: 251px;
    margin: auto;
    position: relative;
    overflow: hidden;
}
.contenu img{
	display: none;
}
.contenu > p:nth-child(2) {
    margin: 0;
}
#col1 .contenu{
	background: transparent url(img/rubrique/LOG1.png) center no-repeat;
}
/*#col1 .contenu:hover{
	background: transparent url(img/rubrique/LOG1-en-survol.png) left center no-repeat;
}*/
#col2 .contenu{
	background: transparent url(img/rubrique/LOG2.png) center no-repeat;
}
/*#col2 .contenu:hover{
	background: transparent url(img/rubrique/LOG2-en-survol.png) center no-repeat;
}*/
#col3 .contenu{
	background: transparent url(img/rubrique/LOG3.png) center no-repeat;
}
/*#col3 .contenu:hover{
	background: transparent url(img/rubrique/LOG3-en-survol.png) center no-repeat;
}*/
#col4 .contenu{
	background: transparent url(img/rubrique/LOG4.png) center no-repeat;
}
/*#col4 .contenu:hover{
	background: transparent url(img/rubrique/LOG4-en-survol.png) right center no-repeat;
}*/
#col5 .contenu{
	background: transparent url(img/rubrique/LOG5.png) center no-repeat;
}
/*#col5 .contenu:hover{
	background: transparent url(img/rubrique/LOG5-en-survol.png) left center no-repeat;
}*/
#col6 .contenu{
	background: transparent url(img/rubrique/LOG6.png) center no-repeat;
}
/*#col6 .contenu:hover{
	background: transparent url(img/rubrique/LOG6-en-survol.png) center no-repeat;
}*/
#col7 .contenu{
	background: transparent url(img/rubrique/LOG7.png) center no-repeat;
}
/*#col7 .contenu:hover{
	background: transparent url(img/rubrique/LOG7-en-survol.png) center no-repeat;
}*/
#col8 .contenu{
	background: transparent url(img/rubrique/LOG8.png) center no-repeat;
}
/*#col8 .contenu:hover{
	background: transparent url(img/rubrique/LOG8-en-survol.png) right center no-repeat;
}*/
.contenu + p {
    margin: 5px auto 0 auto !important;
}
#col1 p, #col5 p{
	margin: auto;
}
#col4 p, #col8 p{
	/*margin-right: 0 !important;*/
}
p.numero{
	display: none;
    height: 251px;
    margin: 0;
    width: 200px;
    background: #000;
    color: #fff;
    border-radius: 20px;
    font-size: 17px;
    padding: 5px 10px;
    text-align: justify;
}
#col1 .contenu:hover p#num1 {
    display: block;
}
#col2 .contenu:hover p#num2 {
    display: block;
    margin: auto;
    width: 201px;
}
#col3 .contenu:hover p#num3 {
    display: block;
    margin: auto;
}
#col4 .contenu:hover p#num4 {
    display: block;
    margin: auto;
}
#col5 .contenu:hover p#num5 {
    display: block;
}
#col6 .contenu:hover p#num6 {
    display: block;
   	margin: auto;
    width: 201px;
}
#col7 .contenu:hover p#num7 {
    display: block;
    margin: auto;
}
#col8 .contenu:hover p#num8 {
    display: block;
    margin: auto;
}
.texte{
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	font-family: "ProximaNW01-Reg";
	width: 100%;
    float: left;
    margin: 0;
}
p#txt-activite {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}
p#txt-equipe {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}
#activite p, #equipe p, #support p {
    font-family: "ProximaNW01-Reg";
}
div#img-equipe {
    background: transparent url(img/equipe-sm.png) top center no-repeat;
    height: 180px;
}
p.img-equipe {
	font-size: 12px;
    margin-top: 115px;
    line-height: normal;
    padding: 0 5px;
    margin-bottom: 0;
    text-align: justify !important;
}
p#txt-support {
    font-size: 30px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 20px;
}
div#tab-support {
	width: 100%;
    float: left;
    background: #000;
}
#colophon a {
    font-weight: 500;
    color: #b1b6b6;
    line-height: 22px;
    font-size: 15px;
}
#info {
    text-align: center;
    clear: both;
    margin-top: 10px;
    margin-bottom: 20px;
}
	.everest-forms {
	    width: 250px;
	    margin: 20px auto 0 auto;
	    padding: 10px;
	    border-radius: 10px;
	    box-shadow: 0 0 16px 3px black;
	}
	#abonnement {
    clear: both;
    margin-top: 30px;
    float: left;
    width: 100%;
}
.abonnement {
    font-family: "ProximaNW01-Reg";
    font-size: 15px;
}
#abonner {
    background: #4dabda;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
}
#abonner:hover {
    background: #fff;
    color: #4dabda;
}
#news {
    color: #fff;
    display: none;
}
.tnp-subscription label{
	font-weight: 500 !important;
}
/*.lk-metric{
	background: transparent url(img/button/1-simple.png) center no-repeat;
}
.lk-metric:hover{
	background: transparent url(img/button/1-survol.png) center no-repeat;
}
.lk-auth{
	background: transparent url(img/button/2-simple.png) center no-repeat;
}
.lk-auth:hover{
	background: transparent url(img/button/2-survol.png) center no-repeat;
}
.lk-mabanq{
	background: transparent url(img/button/3-simple.png) center no-repeat;
}
.lk-mabanq:hover{
	background: transparent url(img/button/3-survol.png) center no-repeat;
}
.lk-tech{
	background: transparent url(img/button/4-simple.png) center no-repeat;
}
.lk-tech:hover{
	background: transparent url(img/button/4-survol.png) center no-repeat;
}
.lk-conviv{
	background: transparent url(img/button/5-simple.png) center no-repeat;
}
.lk-conviv:hover{
	background: transparent url(img/button/5-survol.png) center no-repeat;
}
.lk-kivala{
	background: transparent url(img/button/6-simple.png) center no-repeat;
}
.lk-kivala:hover{
	background: transparent url(img/button/6-survol.png) center no-repeat;
}
.lk-env{
	background: transparent url(img/button/7-simple.png) center no-repeat;
}
.lk-env:hover{
	background: transparent url(img/button/7-survol.png) center no-repeat;
}
.lk-mbombo{
	background: transparent url(img/button/8-simple.png) center no-repeat;
}
.lk-mbombo:hover{
	background: transparent url(img/button/8-survol.png) center no-repeat;
}*/
.slick-center a {
    font-size: 22px !important;
    font-weight: 700;
}
.down{
	background: transparent url("img/arrow-down.png") center no-repeat;
}
.up{
	background: transparent url("img/arrow-up.png") center no-repeat;
}
}

@media screen and (min-width: 375px){
	.everest-forms {
	    width: 350px;
	    margin: 20px auto 0 auto;
	    padding: 10px;
	    border-radius: 10px;
	    box-shadow: 0 0 16px 2px black;
	}
	a#se-connecter{
		font-size: 20px;
	}
	#col1 .contenu:hover a.col1 {
	    display: block;
	    left: 91px;
	}
	#col2 .contenu:hover a.col2 {
	    display: block;
	    left: 91px;
	}
	#col3 .contenu:hover a.col3 {
	    display: block;
	    right: 91px;
	}
	#col4 .contenu:hover a.col4 {
	    display: block;
	    right: 91px;
	}
	#col5 .contenu:hover a.col5 {
	    display: block;
	    left: 91px;
	}
	#col6 .contenu:hover a.col6 {
	    display: block;
	    left: 91px;
	}
	#col7 .contenu:hover a.col7 {
	    display: block;
	    left: 91px;
	}
	#col8 .contenu:hover a.col8 {
	    display: block;
	    left: 91px;
	}
	#metric span.titre {
    	margin: 0px 30px 0 55px;
	}
	#authent span.titre {
	    margin: 0px 40px 0 45px;
	}
	#mabanq span.titre {
	    margin: 0px 55px 0 110px;
	}
	#techno span.titre {
	    margin: 0px 15px 0 40px;
	    font-size: 25px;
	}
	#convivio span.titre {
	    margin: 0px 50px 0 100px;
	}
	#convivio span.languages {
    	margin: 0;
	}
	#env span.titre {
	    margin: 0px 6px 0 20px;
	    font-size: 24px;
	}
	#kivala span.titre {
	    margin: 5px 60px 0 130px;
	    font-size: 30px;
	}
	#mbombo span.titre {
	    margin: 0px 15px 0 60px;
	}
	button.slick-prev.slick-arrow {
        width: 35px;
	    height: 42px;
	    margin-top: 13px;
	    margin-left: 6px;
	    margin-right: 5px;
	}
	button.slick-next.slick-arrow {
        width: 35px;
	    height: 42px;
	    margin-top: 12px;
	    margin-left: 5px;
	    margin-right: 0px;
	}

	p.img-equipe {
	    font-size: 11px;
	}
	.abonnement {
	    font-family: "ProximaNW01-Reg";
	    font-size: 16px;
	}
}

@media screen and (min-width: 425px){
	.everest-forms {
	    width: 380px;
	    margin: 20px auto 0 auto;
	    padding: 10px;
	    border-radius: 10px;
	    box-shadow: 0 0 16px 3px black;
	}
	button.slick-prev.slick-arrow {
	    width: 20px;
	    height: 32px;
	    margin-top: 16px;
	    margin-left: 2px;
	    margin-right: 2px;
	}
	button.slick-next.slick-arrow {
	    width: 20px;
	    height: 32px;
	    margin-top: 16px;
	    margin-left: 2px;
	    margin-right: 2px;
	}
	#liens{
		display: none;
		position: absolute;
	    bottom: 0;
	    width: 54%;
	    text-align: center;
	    background: #000;
	    margin: 0 23%;
	    border-radius: 5px;
	}
	#liens-en{
		display: none;
		position: absolute;
	    bottom: 0;
	    width: 54%;
	    text-align: center;
	    background: #000;
	    margin: 0 23%;
	    border-radius: 5px;
	}
	#col1 .contenu:hover a.col1 {
	    left: 107px;
	}
	#col2 .contenu:hover a.col2 {
	    left: 107px;
	}
	#col3 .contenu:hover a.col3 {
	    right: 107px;
	}
	#col4 .contenu:hover a.col4 {
	    right: 107px;
	}
	#col5 .contenu:hover a.col5 {
	    left: 107px;
	}
	#col6 .contenu:hover a.col6 {
	    left: 107px;
	}
	#col7 .contenu:hover a.col7 {
	    left: 107px;
	}
	#col8 .contenu:hover a.col8 {
	    left: 107px;
	}
	#metric span.titre {
    	margin: 0px 40px 0 90px;
	}
	#authent span.titre {
	    margin: 0px 35px 0 100px;
	}
	#mabanq span.titre {
	    margin: 0px 80px 0 135px;
	}
	#techno span.titre {
	    margin: 0px 35px 0 70px;
	}
	#convivio span.titre {
	    margin: 0px 65px 0 135px;
	}
	#env span.titre {
	    margin: 0px 25px 0 40px;
	    font-size: 25px;
	}
	#kivala span.titre {
	    margin: 5px 90px 0 150px;
	}
	#mbombo span.titre {
	    margin: 0px 25px 0 100px;
	}
	button.slick-prev.slick-arrow {
	    width: 40px;
	    height: 42px;
	    margin-top: 13px;
	    margin-left: 12px;
	    margin-right: 8px;
	}
	button.slick-next.slick-arrow {
	    width: 40px;
	    height: 42px;
	    margin-top: 13px;
	    margin-left: 6px;
	    margin-right: 2px;
	}
	.slick-slide {
	    margin: 0 5px;
	}
	p.img-equipe {
	    font-size: 12px;
	}
}

@media screen and (min-width: 480px){
	.everest-forms {
	    width: 400px;
	    margin: 20px auto 0 auto;
	    padding: 10px;
	    border-radius: 10px;
	    box-shadow: 0 0 16px 3px black;
	}
	.slick-list.draggable {
		width: 372px;
	    height: 90px;
	}
	button.slick-prev.slick-arrow {
	    width: 40px;
	    height: 42px;
	    margin-top: 27px;
	    margin-left: 5px;
	    margin-right: 5px;
	}
	button.slick-next.slick-arrow {
	    width: 40px;
	    height: 42px;
	    margin-top: 27px;
	    margin-left: 6px;
	    margin-right: 2px;
	}
#vid1{
	background: transparent url("img/vid/480/1A.jpg") center no-repeat;
}
#vid1:hover{
	background: transparent url("img/vid/480/1B.jpg") center no-repeat;
}
#vid2{
	background: transparent url("img/vid/480/2A.jpg") center no-repeat;
}
#vid2:hover{
	background: transparent url("img/vid/480/2B.jpg") center no-repeat;
}
#vid3{
	background: transparent url("img/vid/480/3A.jpg") center no-repeat;
}
#vid3:hover{
	background: transparent url("img/vid/480/3B.jpg") center no-repeat;
}
#vid4{
	background: transparent url("img/vid/480/4A.jpg") center no-repeat;
}
#vid4:hover{
	background: transparent url("img/vid/480/4B.jpg") center no-repeat;
}
#vid5{
	background: transparent url("img/vid/480/5A.jpg") center no-repeat;
}
#vid5:hover{
	background: transparent url("img/vid/480/5B.jpg") center no-repeat;
}
#vid6{
	background: transparent url("img/vid/480/6A.jpg") center no-repeat;
}
#vid6:hover{
	background: transparent url("img/vid/480/6B.jpg") center no-repeat;
}
#vid7{
	background: transparent url("img/vid/480/7A.jpg") center no-repeat;
}
#vid7:hover{
	background: transparent url("img/vid/480/7B.jpg") center no-repeat;
}
#vid8{
	background: transparent url("img/vid/480/8A.jpg") center no-repeat;
}
#vid8:hover{
	background: transparent url("img/vid/480/8B.jpg") center no-repeat;
}
#vid9{
	background: transparent url("img/vid/480/9A.jpg") center no-repeat;
}
#vid9:hover{
	background: transparent url("img/vid/480/9B.jpg") center no-repeat;
}
#vid10{
	background: transparent url("img/vid/480/10A.jpg") center no-repeat;
}
#vid10:hover{
	background: transparent url("img/vid/480/10B.jpg") center no-repeat;
}
#vid11{
	background: transparent url("img/vid/480/11A.jpg") center no-repeat;
}
#vid11:hover{
	background: transparent url("img/vid/480/11B.jpg") center no-repeat;
}
#vid12{
	background: transparent url("img/vid/480/12A.jpg") center no-repeat;
}
#vid12:hover{
	background: transparent url("img/vid/480/12B.jpg") center no-repeat;
}
#vid13{
	background: transparent url("img/vid/480/13A.jpg") center no-repeat;
}
#vid13:hover{
	background: transparent url("img/vid/480/13B.jpg") center no-repeat;
}
#vid14{
	background: transparent url("img/vid/480/14A.jpg") center no-repeat;
}
#vid14:hover{
	background: transparent url("img/vid/480/14B.jpg") center no-repeat;
}
#vid15{
	background: transparent url("img/vid/480/15A.jpg") center no-repeat;
}
#vid15:hover{
	background: transparent url("img/vid/480/15B.jpg") center no-repeat;
}
	#cadre {
        width: 472px;
	    height: 435px;
	    margin: auto;
	    margin-top: 10%;
	    background: #323232 url(img/popup.png) top center no-repeat;
	    padding-top: 110px;
	    position: relative;
	}
	#liens {
	    width: 50%;
	    margin: 0 25%;
	}

	#liens-en {
	    width: 50%;
	    margin: 0 25%;
	}
	#col1 .contenu:hover a.col1 {
	    left: 134px;
	}
	#col2 .contenu:hover a.col2 {
	    left: 134px;
	}
	#col3 .contenu:hover a.col3 {
	    right: 134px;
	}
	#col4 .contenu:hover a.col4 {
	    right: 134px;
	}
	#col5 .contenu:hover a.col5 {
	    left: 134px;
	}
	#col6 .contenu:hover a.col6 {
	    left: 134px;
	}
	#col7 .contenu:hover a.col7 {
	    left: 134px;
	}
	#col8 .contenu:hover a.col8 {
	    left: 134px;
	}
	#metric span.titre {
    	margin: 0px 65px 0 120px;
	}
	#authent span.titre {
	    margin: 0px 70px 0 120px;
	}
	#mabanq span.titre {
	    margin: 0px 105px 0 160px;
	}
	#techno span.titre {
	    margin: 0px 48px 0 110px;
	}
	#convivio span.titre {
	    margin: 0px 100px 0 155px;
	}
	#env span.titre {
	    margin: 0px 35px 0 80px;
	}
	#kivala span.titre {
	    margin: 5px 115px 0 180px;
	}
	#mbombo span.titre {
	    margin: 0px 60px 0 120px;
	}

	div#img-equipe {
	    background: transparent url(img/equipe-tab.png) top center no-repeat;
	    height: 310px;
	}

	.slick-slide {
	    width: 118px!important;
	    height: 89px;
	    margin: 0 3px;
	}

	p.img-equipe {
	    font-size: 14px;
	    margin-top: 245px;
	}
}

@media screen and (min-width: 600px){
	.everest-forms {
	    width: 500px;
	    margin: 20px auto 0 auto;
	    padding: 10px;
	    border-radius: 10px;
	    box-shadow: 0 0 16px 3px black;
	}
	.slick-list.draggable {
		width: 372px;
	    height: 90px;
	}
	.slick-slide {
	    width: 118px!important;
	    height: 89px;
	    margin: 0 2px;
	}
	button.slick-prev.slick-arrow {
	    width: 40px;
	    height: 42px;
	    margin-top: 25px;
	    margin-left: 5px;
	    margin-right: 5px;
	}
	button.slick-next.slick-arrow {
	    width: 40px;
	    height: 42px;
	    margin-top: 25px;
	    margin-left: 5px;
	    margin-right: 5px;
	}
	#amla-img {
	    display: block;
	    height: 190px;
	    background: transparent url(img/entete-tab.png) center no-repeat;
	}
	.metaslider .theme-default .nivo-caption{
		font-size: 17px;
		padding: 5px 10px;
	}
	#col1 .contenu:hover a.col1 {
	    left: 50px;
	}
	#col2 .contenu:hover a.col2 {
	    left: 50px;
	}
	#col3 .contenu:hover a.col3 {
	    right: 50px;
	}
	#col4 .contenu:hover a.col4 {
	    right: 50px;
	}
	#col5 .contenu:hover a.col5 {
	    left: 50px;
	}
	#col6 .contenu:hover a.col6 {
	    left: 50px;
	}
	#col7 .contenu:hover a.col7 {
	    left: 50px;
	}
	#col8 .contenu:hover a.col8 {
	    left: 50px;
	}

	.cadre-survol {
	    width: 500px;
	    margin: auto;
	    background: #fff;
	    height: 400px;
	    margin-top: 100px;
	    box-shadow: 0px 0px 0px 8px #fff;
	    border: solid 1px #000;
	    position: relative;
	}
	.survol-img {
	    width: 100%;
	    height: 90px;
	    margin-bottom: 10px;
	    position: relative;
	}
	.titre {
	    color: #000;
	    font-size: 40px;
	    font-weight: 400;
	    font-family: "ProximaNW01-Reg";
	    margin-top: 50px;
	    float: left;
	    clear: none;
	}
	p.survol-txt {
	    color: #000;
	    line-height: normal;
	}
	#metric img.img-rubrique {
    	margin-top: 15px;
	}
	.survol-img img {
	    margin: 0;
	    float: left;
	}
	.languages {
	    float: left;
	    margin-top: 37px;
	    width: 55px;
	    height: 25px;
	    margin-left: 10px;
	}
	.fr {
	    width: 25px;
	    margin: 0 1px;
	}
	.en {
	    width: 25px;
	    margin: 0 1px;
	}
#metric span.titre {
    margin: 35px 10px 0 25px;
}
#authent img.img-rubrique {
    margin-top: 20px;
}
#authent span.titre {
    margin: 40px 20px 0 20px;
}
#authent span.languages {
    margin-top: 41px;
}
#mabanq img.img-rubrique {
    margin-top: 20px;
}
#mabanq span.titre {
    margin: 40px 70px 0 80px;
}
#mabanq span.languages {
    margin-top: 43px;
}
#techno img.img-rubrique {
    margin-top: 20px;
}
#techno span.titre {
    margin: 38px 0 0 15px;
    font-size: 32px;
}
#techno span.languages {
    margin-left: 15px;
    margin-top: 40px;
}
#convivio img.img-rubrique {
    margin-top: 20px;
}
#convivio span.titre {
    margin: 39px 60px 0 70px;
}
#convivio span.languages {
    margin: 41px 0 0 10px;
}
#env img.img-rubrique {
    margin-top: 20px;
}
#env span.titre {
    margin: 40px 0 0 15px;
    font-size: 28px;
}
#env span.languages {
    margin: 42px 0 0 15px;
}
#kivala img.img-rubrique {
    margin-top: 25px;
}
#kivala span.titre {
    margin: 40px 60px 0 90px;
    font-size: 50px;
}
#kivala span.languages {
    margin: 42px 0 0 20px;
}
#mbombo img.img-rubrique {
    margin-top: 20px;
}
#mbombo span.titre {
    margin: 40px 15px 0 25px;
}
#mbombo span.languages {
    margin-top: 42px;
}
	div#img-equipe {
	    background: transparent url(img/equipe-tab.png) top center no-repeat;
	    height: 320px;
	}

	p.img-equipe {
        font-size: 17px;
    	margin-top: 250px;
	}
	.container {
    	max-width: 100%;
	}
	.col-lg-3.col-md-3.col-sm-12.col-xs-12.bhoechie-tab-menu {
	    width: 255px;
	    position: static;
	    margin-top: 26px;
	}
	#audio span, #video span, #pdf span {
	    margin-left: 90px;
	    padding-left: 40px;
	    height: 30px;
	    line-height: 36px;
	}
	div.bhoechie-tab {
	    padding-right: 0;
	    padding-left: 0;
	    padding-bottom: 0;
	    position: static;
	    float: left;
	    width: auto;
	}
}

@media screen and (min-width: 768px){
	.col-lg-3.col-md-3.col-sm-12.col-xs-12.bhoechie-tab-menu {
	    width: 188px;
	    margin-top: 10px;
	}
	#audio span, #video span, #pdf span{
		margin-left: 14px;
	}
	.slick-list.draggable {
	    width: 474px;
	    height: 127px;
	}
	button.slick-prev.slick-arrow {
		width: 30px;
	    height: 32px;
	    margin-top: 39px;
	    margin-left: 10px;
	    margin-right: 2px;
	}
	button.slick-next.slick-arrow {
	    width: 30px;
	    height: 32px;
	    margin-top: 39px;
	    margin-left: 2px;
	    margin-right: 2px;;
	}
#vid1{
	background: transparent url("img/vid/768/1A.jpg") center no-repeat;
}
#vid1:hover{
	background: transparent url("img/vid/768/1B.jpg") center no-repeat;
}
#vid2{
	background: transparent url("img/vid/768/2A.jpg") center no-repeat;
}
#vid2:hover{
	background: transparent url("img/vid/768/2B.jpg") center no-repeat;
}
#vid3{
	background: transparent url("img/vid/768/3A.jpg") center no-repeat;
}
#vid3:hover{
	background: transparent url("img/vid/768/3B.jpg") center no-repeat;
}
#vid4{
	background: transparent url("img/vid/768/4A.jpg") center no-repeat;
}
#vid4:hover{
	background: transparent url("img/vid/768/4B.jpg") center no-repeat;
}
#vid5{
	background: transparent url("img/vid/768/5A.jpg") center no-repeat;
}
#vid5:hover{
	background: transparent url("img/vid/768/5B.jpg") center no-repeat;
}
#vid6{
	background: transparent url("img/vid/768/6A.jpg") center no-repeat;
}
#vid6:hover{
	background: transparent url("img/vid/768/6B.jpg") center no-repeat;
}
#vid7{
	background: transparent url("img/vid/768/7A.jpg") center no-repeat;
}
#vid7:hover{
	background: transparent url("img/vid/768/7B.jpg") center no-repeat;
}
#vid8{
	background: transparent url("img/vid/768/8A.jpg") center no-repeat;
}
#vid8:hover{
	background: transparent url("img/vid/768/8B.jpg") center no-repeat;
}
#vid9{
	background: transparent url("img/vid/768/9A.jpg") center no-repeat;
}
#vid9:hover{
	background: transparent url("img/vid/768/9B.jpg") center no-repeat;
}
#vid10{
	background: transparent url("img/vid/768/10A.jpg") center no-repeat;
}
#vid10:hover{
	background: transparent url("img/vid/768/10B.jpg") center no-repeat;
}
#vid11{
	background: transparent url("img/vid/768/11A.jpg") center no-repeat;
}
#vid11:hover{
	background: transparent url("img/vid/768/11B.jpg") center no-repeat;
}
#vid12{
	background: transparent url("img/vid/768/12A.jpg") center no-repeat;
}
#vid12:hover{
	background: transparent url("img/vid/768/12B.jpg") center no-repeat;
}
#vid13{
	background: transparent url("img/vid/768/13A.jpg") center no-repeat;
}
#vid13:hover{
	background: transparent url("img/vid/768/13B.jpg") center no-repeat;
}
#vid14{
	background: transparent url("img/vid/768/14A.jpg") center no-repeat;
}
#vid14:hover{
	background: transparent url("img/vid/768/14B.jpg") center no-repeat;
}
#vid15{
	background: transparent url("img/vid/768/15A.jpg") center no-repeat;
}
#vid15:hover{
	background: transparent url("img/vid/768/15B.jpg") center no-repeat;
}
	#col1 .contenu:hover a.col1 {
	    left: 91px;
	}
	#col2 .contenu:hover a.col2 {
	    left: 91px;
	}
	#col3 .contenu:hover a.col3 {
	    right: 91px;
	}
	#col4 .contenu:hover a.col4 {
	    right: 91px;
	}
	#col5 .contenu:hover a.col5 {
	    left: 91px;
	}
	#col6 .contenu:hover a.col6 {
	    left: 91px;
	}
	#col7 .contenu:hover a.col7 {
	    left: 91px;
	}
	#col8 .contenu:hover a.col8 {
	    left: 91px;
	}
	.slick-slide {
	    width: 150px!important;
	    height: 113px;
	    margin: 0 4px;
	}
#colophon a {
    font-size: 19px;
}
#info {
    text-align: center;
    height: 20px;
    clear: both;
    margin-top: 0px;
    margin-bottom: 0;
}
div#img-equipe {
    height: 420px;
}
.abonnement {
    font-family: "ProximaNW01-Reg";
    font-size: 20px;
}
}

@media screen and (min-width: 800px){
	.col-lg-3.col-md-3.col-sm-12.col-xs-12.bhoechie-tab-menu{
		width: 195px;
	}
	#audio span, #video span, #pdf span{
		margin-left: 20px;
	}
	.slick-slide{
		margin: 0 5px;
	}
	.slick-list.draggable{
		width: 480px;
	}
	button.slick-prev.slick-arrow {
	    width: 20px;
	    height: 32px;
	    margin-top: 39px;
	    margin-left: 20px;
	    margin-right: 18px;
	}
	button.slick-next.slick-arrow {
	    width: 20px;
	    height: 32px;
	    margin-top: 39px;
	    margin-left: 20px;
	    margin-right: 2px;
	}
	.main-navigation li {
	    padding: 0 9px;
	}
	#col1 .contenu:hover a.col1 {
	    left: 99px;
	}
	#col2 .contenu:hover a.col2 {
	    left: 99px;
	}
	#col3 .contenu:hover a.col3 {
	    right: 99px;
	}
	#col4 .contenu:hover a.col4 {
	    right: 99px;
	}
	#col5 .contenu:hover a.col5 {
	    left: 99px;
	}
	#col6 .contenu:hover a.col6 {
	    left: 99px;
	}
	#col7 .contenu:hover a.col7 {
	    left: 99px;
	}
	#col8 .contenu:hover a.col8 {
	    left: 99px;
	}
	div#img-equipe {
    	height: 300px;
	}
}

@media screen and (min-width: 960px){
	button.slick-prev.slick-arrow {
	    width: 20px;
	    height: 32px;
	    margin-top: 16px;
	    margin-left: 2px;
	    margin-right: 2px;
	}
	button.slick-next.slick-arrow {
	    width: 20px;
	    height: 32px;
	    margin-top: 16px;
	    margin-left: 2px;
	    margin-right: 2px;
	}
	.main-navigation li {
	    padding: 0 20px;
	}
	#col1 .contenu:hover a.col1 {
	    left: 138px;
	}
	#col2 .contenu:hover a.col2 {
	    left: 138px;
	}
	#col3 .contenu:hover a.col3 {
	    right: 138px;
	}
	#col4 .contenu:hover a.col4 {
	    right: 138px;
	}
	#col5 .contenu:hover a.col5 {
	    left: 138px;
	}
	#col6 .contenu:hover a.col6 {
	    left: 138px;
	}
	#col7 .contenu:hover a.col7 {
	    left: 138px;
	}
	#col8 .contenu:hover a.col8 {
	    left: 138px;
	}
	.col-lg-3.col-md-3.col-sm-12.col-xs-12.bhoechie-tab-menu{
		width: 230px;
	}
	#audio span, #video span, #pdf span{
		margin-left: 35px;
	}
	.slick-list.draggable{
	    float: left;
	    height: 130px;
	    width: 510px;
	    position: static;
	}
	button.slick-prev.slick-arrow{
		width: 50px;
	    height: 42px;
	    margin: 34px 35px 0 26px;
	}
	button.slick-next.slick-arrow {
    	width: 50px;
    	margin: 34px 0px 0 30px;
	}
	.slick-slide {
    	margin: 0 10px;
	}
}

/* gestion du design ordinateur */

@media screen and (min-width: 1024px){
	#col1 a, #col2 a, #col3 a, #col4 a {
    	margin-top: 2px;
	}
	.col-lg-3.col-md-3.col-sm-12.col-xs-12.bhoechie-tab-menu {
    	width: 185px !important;
    	position: static;
    	margin-top: 26px;
	}
	div.bhoechie-tab-content {
	    background-color: transparent;
	    height: 100%;
	    float: left;
	    width: 794px !important;
	    margin-top: 15px;
	}
	#liens .slick-list.draggable {
    	width: 100%;
    	height: 140px !important;
	}
	#liens-en .slick-list.draggable {
    	width: 100%;
    	height: 140px !important;
	}
	.slick-list.draggable {
	    float: left;
	    height: 147px;
	    width: 621px;
	    position: static;
	}
	.slick-track {
    	position: static;
	}
	.metaslider .theme-default .nivo-caption {
	    background: #fff !important;
	    color: #000 !important;
	    text-align: left !important;
	    font-weight: 600 !important;
	    display: none !important;
	}
	#metaslider_177.nivoSlider:hover .nivo-caption {
    	display: block !important;
	}
	.metaslider .theme-default .nivo-controlNav {
    	display: none;
	}
	.survol {
	    font-size: 16px;
	    line-height: 1.5em;
	    position: fixed;
	    border-radius: 10px;
	    background: #00000060;
	    display: none;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: 0;
	    z-index: 9999;
	}
	.survol p {
	    font-size: 18px;
	    line-height: 2em;
	    text-align: justify;
	    margin: auto;
	}
	/*#col1:hover ~ div#metric{
		display: block;
		right: 0;
	}
	#col2:hover ~ div#authent{
		display: block;
		right: 247px;
	}
	#col3:hover ~ div#mabanq{
		display: block;
		left: 245px;
	}
	#col4:hover ~ div#techno{
		display: block;
		left: 0;
	}
	#col5:hover ~ div#convivio{
		display: block;
		right: 0;
		height: 365px;
	}
	#col6:hover ~ div#env{
		display: block;
		right: 247px;
		height: 365px;
	}
	#col7:hover ~ div#kivala{
		display: block;
		left: 245px;
		height: 365px;
	}
	#col8:hover ~ div#mbombo{
		display: block;
		left: 0;
		height: 365px;
	}*/

	.texte1{
		display: none;
		position: absolute;
	    margin: 0;
	    bottom: 0px;
	    padding: 0;
	    background: #ffffff70 !important;
	    border-radius: 20px;
	    width: 186px;
	    line-height: 25px;
	    font-size: 17px;
	    color: #fff !important;
	    font-weight: 500;
	}
	#col1 .contenu:hover a.col1 {
	    display: block;
	    left: 7px;
	}
	#col2 .contenu:hover a.col2 {
	    display: block;
	    left: 23px;
	}
	#col3 .contenu:hover a.col3 {
	    display: block;
	    right: 21px;
	}
	#col4 .contenu:hover a.col4 {
	    display: block;
	    right: 7px;
	}
	#col5 .contenu:hover a.col5 {
	    display: block;
	    left: 7px;
	}
	#col6 .contenu:hover a.col6 {
	    display: block;
	    left: 23px;
	}
	#col7 .contenu:hover a.col7 {
	    display: block;
	    left: 37px;
	}
	#col8 .contenu:hover a.col8 {
	    display: block;
	    left: 53px;
	}

	.cadre-survol {
	    width: 500px;
	    margin: auto;
	    background: #fff;
	    height: 400px;
	    margin-top: 100px;
	    box-shadow: 0px 0px 0px 8px #fff;
	    border: solid 1px #000;
	    position: relative;
	}
	.survol-img {
	    width: 100%;
	    height: 90px;
	    margin-bottom: 10px;
	    position: relative;
	}
	p.survol-txt {
	    color: #000;
	    line-height: normal;
	}
	#metric .survol-img{
		/*background: transparent url(img/rubrique/LOG1.png) center no-repeat;*/
	}
	#authent .survol-img{
		/*background: transparent url(img/rubrique/LOG2.png) center no-repeat;*/
	}
	#mabanq .survol-img{
		/*background: transparent url(img/rubrique/LOG3.png) center no-repeat;*/
	}
	#techno .survol-img{
		/*background: transparent url(img/rubrique/LOG4.png) center no-repeat;*/
	}
	#convivio .survol-img{
		/*background: transparent url(img/rubrique/LOG5.png) center no-repeat;*/
	}
	#env .survol-img{
		/*background: transparent url(img/rubrique/LOG6.png) center no-repeat;*/
	}
	#kivala .survol-img{
		/*background: transparent url(img/rubrique/LOG7.png) center no-repeat;*/
	}
	#mbombo .survol-img{
		/*background: transparent url(img/rubrique/LOG8.png) center no-repeat;*/
	}

	#connexion{
	    position: fixed;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    background: #88888860;
	    z-index: 999;
	    display: none;
	}
	#cadre{
		width: 472px;
	    height: 250px;
	    margin: auto;
	    margin-top: 5%;
	    background: #323232 url(img/popup.png) top center no-repeat;
	    padding-top: 110px;
	    position: relative;
	}
	.connexion-txt {
	    text-align: center;
	    font-size: 22px;
	    font-weight: 400;
	    margin-bottom: 5px;
	}
	.connexion{

	}
	#connexion-en{
	    position: fixed;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    top: 0;
	    background: #88888860;
	    z-index: 999;
	    display: none;
	}
	#cadre-en{
		width: 472px;
	    height: 250px;
	    margin: auto;
	    margin-top: 5%;
	    background: #323232 url(img/popup.png) center 20px no-repeat;
	    padding-top: 110px;
	    position: relative;
	}
	.connexion-txt {
	    text-align: center;
	    font-size: 22px;
	    font-weight: 400;
	    margin-bottom: 5px;
	    margin: 0;
	}
	.connexion{

	}
	div#user-registration-form-229 {
	    width: 170px;
	    margin: auto;
	    border: none;
	    padding: 0;
	    display: none;
	}
	.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-item {
    margin: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid label.ur-label, .ur-frontend-form .ur-form-row .ur-form-grid legend.ur-label {
    margin: 0;
}
.ur-frontend-form .ur-form-row .ur-form-grid input[type=date], .ur-frontend-form .ur-form-row .ur-form-grid input[type=email], .ur-frontend-form .ur-form-row .ur-form-grid input[type=number], .ur-frontend-form .ur-form-row .ur-form-grid input[type=password], .ur-frontend-form .ur-form-row .ur-form-grid input[type=phone], .ur-frontend-form .ur-form-row .ur-form-grid input[type=text], .ur-frontend-form .ur-form-row .ur-form-grid input[type=timepicker], .ur-frontend-form .ur-form-row .ur-form-grid input[type=url], .ur-frontend-form .ur-form-row .ur-form-grid select, .ur-frontend-form .ur-form-row .ur-form-grid textarea{
	margin-bottom: 2px;
}
button.btn.button.ur-submit-button{
	margin: auto;
    background: transparent;
    color: #fff;
    border: solid 2px #fff;
    border-radius: 20px;
    padding: 2px 10px;
}
.dropdown {
    text-align: center;
}
#liens{
	display: none;
    position: absolute;
    top: 228px;
    width: 50%;
    text-align: center;
    background: #242424;
    margin: 0 25%;
    border-radius: 20px;
    padding: 30px 20px 0px 20px;
}
p.slick-center {
    padding: 10px 0;
}
div#liens p.slick-slide {
    margin: 5px 0px;
    height: auto;
}
div#liens p.slick-slide a{
	color: #fff;
    display: block;
    border-radius: 5px;
    padding: 1px;
    font-size: 20px;
}
#liens-en{
	display: none;
	position: absolute;
    top: 228px;
    width: 50%;
    text-align: center;
    background: #242424;
    margin: 0 25%;
    border-radius: 20px;
    padding: 30px 20px 0px 20px;
}
div#liens-en p.slick-slide {
    margin: 5px 0px;
    height: auto;
}
div#liens-en p.slick-slide a{
	color: #fff;
    display: block;
    border-radius: 5px;
    padding: 1px;
    font-size: 20px;
}
a#dropper {
	cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #fff url("img/cancel.png") center no-repeat;
}
a#dropper1 {
	display: none;
	cursor: pointer;
    position: absolute;
    top: 232px;
    right: 125px;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background: #fff url(img/cancel.png) center no-repeat;
    z-index: 10000;
}
a#dropper-en {
	cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    background: #fff url("img/cancel.png") center no-repeat;
}
a#dropper1-en {
	display: none;
	cursor: pointer;
    position: absolute;
    top: 232px;
    right: 125px;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    background: #fff url(img/cancel.png) center no-repeat;
    z-index: 10000;
}
span#selection {
    cursor: pointer;
    background: #4DABDA;
    padding: 2px 15px;
    color: #fff;
    border-radius: 10px;
    font-size: 15px;
    margin: 10px;
    width: 400px;
    display: inline-block;
}
span#selection:hover {
    color: #4DABDA;
    background: #fff;
}
span#selection-en {
    cursor: pointer;
    background: #4DABDA;
    padding: 2px 15px;
    color: #fff;
    border-radius: 10px;
    font-size: 15px;
    margin: 10px;
    width: 400px;
    display: inline-block;
}
span#selection-en:hover {
    color: #4DABDA;
    background: #fff;
}
a#se-connecter {
	padding: 2px 15px;
    border-radius: 10px;
    background: #4dabda;
    color: #fff;
    margin: 20px 0 10px 0;
    display: inline-block;
    font-size: 22px;
    width: 400px;
}
a#se-connecter:hover {
    color: #4dabda;
    background: #fff;
}
a#se-connecter-en {
    padding: 2px 15px;
    border-radius: 10px;
    background: #4dabda;
    color: #fff;
    margin: 20px 0 10px 0;
    display: inline-block;
    font-size: 22px;
    width: 400px;
}
a#se-connecter-en:hover {
    color: #4dabda;
    background: #fff;
}
li#menu-item-254-fr {
    padding: 0;
    margin: 0 5px;
}
li#menu-item-254-en {
    padding: 0;
    margin: 0 5px;
}
li#menu-item-254-fr a img {
    width: 25px;
    height: 20px;
   	margin: 13px 0 0 0;
}
li#menu-item-254-en a img {
    width: 25px;
    height: 20px;
    margin: 13px 0 0 0;
}
li#menu-item-253-fr {
    padding: 0;
    margin: 0 5px;
}
li#menu-item-253-en {
    padding: 0;
    margin: 0 5px;
}
li#menu-item-253-fr a img {
    width: 25px;
    height: 20px;
   	margin: 13px 0 0 0;
}
li#menu-item-253-en a img {
    width: 25px;
    height: 20px;
    margin: 13px 0 0 0;
}
.img-rubrique{

}
.titre{
	color: #000;
    font-size: 40px;
    font-weight: 400;
    font-family: "ProximaNW01-Reg";
    margin-top: 50px;
    float: left;
    clear: none;
}
.languages{
    float: left;
    margin-top: 33px;
    width: 55px;
    height: 25px;
    margin-left: 10px;
}
.fr {
    float: left;
    height: 20px;
    width: 25px;
    margin: 0 1px;
    background: transparent url(http://amlagroup.authentinov.com/wp-content/themes/ample/img/FR.jpg) center no-repeat;
    background-size:  contain;
    overflow: hidden;
    text-indent: 999px;
    cursor: pointer;
}
.en{
	float: left;
    height: 20px;
    width: 25px;
    margin: 0 1px;
    background: transparent url(http://amlagroup.authentinov.com/wp-content/themes/ample/img/EN.jpg) center no-repeat;
    background-size:  contain;
    overflow: hidden;
    text-indent: 999px;
    cursor: pointer;
}
.rem1{

}
.survol-img br {
    display: none;
}
.survol-img img {
    margin: 0;
    float: left;
}
.rem{
	width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 10px;
}
a.rem1 {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url("http://amlagroup.authentinov.com/wp-content/themes/ample/img/cancel.png") center no-repeat;
    overflow: hidden;
    text-indent: 999px;
    cursor: pointer;
}
#metric img.img-rubrique {
    margin-top: 18px;
    margin-left: 6px;
}
#metric span.titre {
    margin: 35px 10px 0 25px;
}
#authent img.img-rubrique {
    margin-top: 30px;
}
#authent span.titre {
    margin: 40px 20px 0 20px;
}
#authent span.languages {
    margin-top: 38px;
}
#mabanq img.img-rubrique {
    margin-top: 23px;
    margin-left: 6px;
}
#mabanq span.titre {
    margin: 40px 70px 0 80px;
}
#mabanq span.languages {
    margin-top: 40px;
}
#techno img.img-rubrique {
    margin-top: 20px;
    margin-left: 8px;
}
#techno span.titre {
    margin: 38px 0 0 15px;
    font-size: 32px;
}
#techno span.languages {
    margin-left: 15px;
    margin-top: 40px;
}
#convivio img.img-rubrique {
    margin-top: 16px;
    margin-left: 5px;
}
#convivio span.titre {
    margin: 39px 60px 0 70px;
}
#convivio span.languages {
    margin: 38px 0 0 10px;
}
#env img.img-rubrique {
    margin-top: 20px;
    margin-left: 8px;
}
#env span.titre {
    margin: 40px 0 0 15px;
    font-size: 28px;
}
#env span.languages {
    margin: 42px 0 0 15px;
}
#kivala img.img-rubrique {
    margin-top: 25px;
}
#kivala span.titre {
    margin: 36px 60px 0 90px;
    font-size: 50px;
}
#kivala span.languages {
    margin: 42px 0 0 20px;
}
#mbombo img.img-rubrique {
    margin-top: 20px;
    margin-left: 6px;
}
#mbombo span.titre {
    margin: 40px 15px 0 25px;
}
#mbombo span.languages {
    margin-top: 37px;
    margin-left: 0;
}
.survol-txt-fr{
	position: absolute;
    bottom: 0;
    top: 100px;
    left: 10px;
    right: 10px;
}
.survol-txt-en{
	display: none;
	position: absolute;
    bottom: 0;
    top: 100px;
    left: 10px;
    right: 10px;
}
li#menu-item-318 {
    border: none;
}
div#main-slide {
    height: 435px;
    overflow: hidden;
}
div#activite {
    margin-top: 40px;
    position: relative;
}
#amla-img{
	display: block;
	height: 370px;
	background: transparent url('img/ENTETE.png') center no-repeat;
}
.container{
	padding: 0;
	clear: both;
	width: 100%;
	float: left;
	position: relative;
}
.container > div{
	padding: 0;
	float: left;
	color: #fff;
}
.contenu {
    width: 100%;
    height: 251px;
    margin: auto;
    position: relative;
    overflow: hidden;
}
.contenu img{
	display: none;
}
.contenu > p:nth-child(2) {
    margin: 0;
}
#col1 .contenu{
	background: transparent url(img/rubrique/LOG1.png) left center no-repeat;
}
/*#col1 .contenu:hover{
	background: transparent url(img/rubrique/LOG1-en-survol.png) left center no-repeat;
}*/
#col2 .contenu{
	background: transparent url(img/rubrique/LOG2.png) 15px center no-repeat;
}
/*#col2 .contenu:hover{
	background: transparent url(img/rubrique/LOG2-en-survol.png) center no-repeat;
}*/
#col3 .contenu{
	background: transparent url(img/rubrique/LOG3.png) 30px center no-repeat;
}
/*#col3 .contenu:hover{
	background: transparent url(img/rubrique/LOG3-en-survol.png) center no-repeat;
}*/
#col4 .contenu{
	background: transparent url(img/rubrique/LOG4.png) right center no-repeat;
}
/*#col4 .contenu:hover{
	background: transparent url(img/rubrique/LOG4-en-survol.png) right center no-repeat;
}*/
#col5 .contenu{
	background: transparent url(img/rubrique/LOG5.png) left center no-repeat;
}
/*#col5 .contenu:hover{
	background: transparent url(img/rubrique/LOG5-en-survol.png) left center no-repeat;
}*/
#col6 .contenu{
	background: transparent url(img/rubrique/LOG6.png) 15px center no-repeat;
}
/*#col6 .contenu:hover{
	background: transparent url(img/rubrique/LOG6-en-survol.png) center no-repeat;
}*/
#col7 .contenu{
	background: transparent url(img/rubrique/LOG7.png) 30px center no-repeat;
}
/*#col7 .contenu:hover{
	background: transparent url(img/rubrique/LOG7-en-survol.png) center no-repeat;
}*/
#col8 .contenu{
	background: transparent url(img/rubrique/LOG8.png) right center no-repeat;
}
/*#col8 .contenu:hover{
	background: transparent url(img/rubrique/LOG8-en-survol.png) right center no-repeat;
}*/
.contenu + p {
    width: 200px;
    margin: 5px auto 0 auto !important;
}
#col3 .contenu + p{
	margin: 5px 0 0 30px !important;
}
#col2 .contenu + p{
	margin: 5px 0 0 15px !important;
}
#col6 .contenu + p{
	margin: 15px 0 0 15px !important;
}
#col7 .contenu + p{
	margin: 15px 0 0 30px !important;
}
#col5 .contenu + p, #col6 .contenu + p, #col7 .contenu + p, #col8 .contenu + p {
    margin-top: 15px !important;
}
#col1 p, #col5 p{
	margin-left: 0 !important;
}
#col4 p, #col8 p{
	margin-right: 0 !important;
}
p.numero{
	display: none;
    height: 251px;
    margin: 0;
    width: 200px;
    background: #000;
    color: #fff;
    border-radius: 20px;
    font-size: 17px;
    padding: 5px 10px;
    text-align: justify;
}
#col1 .contenu:hover p#num1 {
    display: block;
}
#col2 .contenu:hover p#num2 {
    display: block;
    margin: 0 0 0 15px;
    width: 201px;
}
#col3 .contenu:hover p#num3 {
    display: block;
    margin: 0 0 0 30px;
}
#col4 .contenu:hover p#num4 {
    display: block;
    margin: 0;
    float: right;
}
#col5 .contenu:hover p#num5 {
    display: block;
}
#col6 .contenu:hover p#num6 {
    display: block;
   	margin: 0 0 0 15px;
    width: 201px;
}
#col7 .contenu:hover p#num7 {
    display: block;
    margin: 0 0 0 30px;
}
#col8 .contenu:hover p#num8 {
    display: block;
    float: right;
    margin: 0
}
.texte{
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	font-family: "ProximaNW01-Reg";
	width: 100%;
    float: left;
    margin: 0;
}
p#txt-activite {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}
p#txt-equipe {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 25px;
}
#activite p, #equipe p, #support p {
    font-family: "ProximaNW01-Reg";
}
div#img-equipe {
    background: transparent url(img/equipe.png) top center no-repeat;
    height: 400px;
}
p.img-equipe {
	font-size: 17px;
    margin-top: 345px;
    line-height: normal;
    padding: 0 25px;
}
p#txt-support {
    font-size: 30px;
    font-weight: 700;
    margin-top: 70px;
    margin-bottom: 0;
}
div#tab-support {
	width: 100%;
    float: left;
    height: 180px;
    background: #000;
}
.mon-slide.slick-initialized.slick-slider {
    width: 100%;
    height: 100%;
    position: static;
}
#liens button.slick-prev.slick-arrow {
    margin: 0 0 10px 50%;
    transform: translate(-50%, 0) rotate(90deg);
}
#liens button.slick-next.slick-arrow {
    margin: 0 0 0 50%;
    transform: translate(-50%, 0) rotate(90deg);
}
#liens-en button.slick-prev.slick-arrow {
    margin: 0 0 10px 50%;
    transform: translate(-50%, 0) rotate(90deg);
}
#liens-en button.slick-next.slick-arrow {
    margin: 0 0 0 50%;
    transform: translate(-50%, 0) rotate(90deg);
}
button.slick-prev.slick-arrow {
    float: left;
    width: 25px;
    height: 50px;
    margin-top: 50px;
    overflow: hidden;
    margin-left: 25px;
    margin-right: 20px;
	text-indent: -99999px;
	background: transparent url("img/icon/back.png") center no-repeat;
	padding: 5px 25px;
}
.slick-slide {
    width: 197px!important;
    height: 147px;
    margin: 0 5px;
}
br.slick-slide{
	display: none!important;
}
button.slick-next.slick-arrow {
    float: left;
    width: 25px;
    height: 50px;
    margin-top: 50px;
    overflow: hidden;
    margin-left: 20px;
	text-indent: -99999px;
	background: transparent url("img/icon/arrow.png") center no-repeat;
	margin-bottom: 30px;
    padding: 5px 25px;
}
button:focus {
    outline: 5px auto #4DABDA;
}
.slick-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
#vid1{
	background: transparent url("img/vid/1-simple.jpg") center no-repeat;
}
#vid1:hover{
	background: transparent url("img/vid/1-survol.jpg") center no-repeat;
}
#vid2{
	background: transparent url("img/vid/2-simple.jpg") center no-repeat;
}
#vid2:hover{
	background: transparent url("img/vid/2-survol.jpg") center no-repeat;
}
#vid3{
	background: transparent url("img/vid/3-simple.jpg") center no-repeat;
}
#vid3:hover{
	background: transparent url("img/vid/3-survol.jpg") center no-repeat;
}
#vid4{
	background: transparent url("img/vid/4-simple.jpg") center no-repeat;
}
#vid4:hover{
	background: transparent url("img/vid/4-survol.jpg") center no-repeat;
}
#vid5{
	background: transparent url("img/vid/5-simple.jpg") center no-repeat;
}
#vid5:hover{
	background: transparent url("img/vid/5-survol.jpg") center no-repeat;
}
#vid6{
	background: transparent url("img/vid/6-simple.jpg") center no-repeat;
}
#vid6:hover{
	background: transparent url("img/vid/6-survol.jpg") center no-repeat;
}
#vid7{
	background: transparent url("img/vid/7-simple.jpg") center no-repeat;
}
#vid7:hover{
	background: transparent url("img/vid/7-survol.jpg") center no-repeat;
}
#vid8{
	background: transparent url("img/vid/8-simple.jpg") center no-repeat;
}
#vid8:hover{
	background: transparent url("img/vid/8-survol.jpg") center no-repeat;
}
#vid9{
	background: transparent url("img/vid/9-simple.jpg") center no-repeat;
}
#vid9:hover{
	background: transparent url("img/vid/9-survol.jpg") center no-repeat;
}
#vid10{
	background: transparent url("img/vid/10-simple.jpg") center no-repeat;
}
#vid10:hover{
	background: transparent url("img/vid/10-survol.jpg") center no-repeat;
}
#vid11{
	background: transparent url("img/vid/11-simple.jpg") center no-repeat;
}
#vid11:hover{
	background: transparent url("img/vid/11-survol.jpg") center no-repeat;
}
#vid12{
	background: transparent url("img/vid/12-simple.jpg") center no-repeat;
}
#vid12:hover{
	background: transparent url("img/vid/12-survol.jpg") center no-repeat;
}
#vid13{
	background: transparent url("img/vid/13-simple.jpg") center no-repeat;
}
#vid13:hover{
	background: transparent url("img/vid/13-survol.jpg") center no-repeat;
}
#vid14{
	background: transparent url("img/vid/14-simple.jpg") center no-repeat;
}
#vid14:hover{
	background: transparent url("img/vid/14-survol.jpg") center no-repeat;
}
#vid15{
	background: transparent url("img/vid/15-simple.jpg") center no-repeat;
}
#vid15:hover{
	background: transparent url("img/vid/15-survol.jpg") center no-repeat;
}
#audio, #video, #pdf {
    padding: 0;
    background: #000;
    color: #fff;
    border: none;
}
#audio span, #video span, #pdf span {
    font-family: "ProximaNW01-Reg";
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    float: left;
    margin-left: 20px;
    padding-left: 40px;
    height: 30px;
    background: transparent url(img/icon/AUDIO-SIMPLE.png) left center no-repeat;
    line-height: 30px;
}
#audio span:hover, #video span:hover, #pdf span:hover {
    color: #4dabda;
}
#audio span{
	background: transparent url(img/icon/AUDIO-SIMPLE.png) left center no-repeat;
}
#audio span:hover{
	background: transparent url(img/icon/AUDIO-SURVOL.png) left center no-repeat;
}
#video span{
	background: transparent url(img/icon/VIDEO-SIMPLE.png) left center no-repeat;
}
#video span:hover{
	background: transparent url(img/icon/VIDEO-SURVOL.png) left center no-repeat;
}
#pdf span{
	background: transparent url(img/icon/PDF-SIMPLE.png) left center no-repeat;
}
#pdf span:hover{
	background: transparent url(img/icon/PDF-SURVOL.png) left center no-repeat;
}
a#audio {
    margin-top: 10px;
}
a#video, a#pdf {
    margin-top: 10px;
}
#tab-support .container, #tab-support .container .row {
    height: 100%;
}
#col1 span, #col2 span, #col3 span, #col4 span{
	height: 60px;
	line-height: 60px;
}
#col5 span, #col7 span {
    height: 46px;
    line-height: 23px;
    padding: 0 40px;
}
#col6 span, #col8 span {
    height: 46px;
    line-height: 23px;
}
#col8 span {
    padding: 0 15px;
}
#col7 span {
    padding: 0 55px;
}
.contenu + p a {
    float: left;
    width: 100%;
    color: #fff !important;
    font-family: "ProximaNW01-Reg";
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 13px;
    margin-bottom: 70px;
    height: 50px;
    line-height: 50px;
}
#col1 a{
	background: transparent url(img/button/1-simple.png) center no-repeat;
}
#col1 a:hover{
	background: transparent url(img/button/1-survol.png) center no-repeat;
}
#col2 a{
	background: transparent url(img/button/2-simple.png) center no-repeat;
}
#col2 a:hover{
	background: transparent url(img/button/2-survol.png) center no-repeat;
}
#col3 a{
	background: transparent url(img/button/3-simple.png) center no-repeat;
}
#col3 a:hover{
	background: transparent url(img/button/3-survol.png) center no-repeat;
}
#col4 a{
	background: transparent url(img/button/4-simple.png) center no-repeat;
}
#col4 a:hover{
	background: transparent url(img/button/4-survol.png) center no-repeat;
}
#col5 a{
	background: transparent url(img/button/5-simple.png) center no-repeat;
}
#col5 a:hover{
	background: transparent url(img/button/5-survol.png) center no-repeat;
}
#col6 a{
	background: transparent url(img/button/6-simple.png) center no-repeat;
}
#col6 a:hover{
	background: transparent url(img/button/6-survol.png) center no-repeat;
}
#col7 a{
	background: transparent url(img/button/7-simple.png) center no-repeat;
}
#col7 a:hover{
	background: transparent url(img/button/7-survol.png) center no-repeat;
}
#col8 a{
	background: transparent url(img/button/8-simple.png) center no-repeat;
}
#col8 a:hover{
	background: transparent url(img/button/8-survol.png) center no-repeat;
}
.contenu + p a:hover {
    color: #fff !important;
}
#abonnement {
    clear: both;
    margin-top: 30px;
    float: left;
    width: 100%;
}
.abonnement {
    font-family: "ProximaNW01-Reg";
    font-size: 20px;
}
#abonner {
    background: #4dabda;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    font-size: 15px;
}
#abonner:hover {
    background: #fff;
    color: #4dabda;
}
#news {
    color: #fff;
    display: none;
}
.tnp-subscription label{
	font-weight: 500 !important;
}
}