/*

Theme Name: LeGabone

Author: LeGabone

Description: LeGabone theme with option panel.

Version: 1.4.4

*/



@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

@import url(https://fonts.googleapis.com/css?family=Abel);

@font-face {

    font-family: 'chunkfiveroman';

    src: url('fonts/chunkfive-webfont.eot');

    src: url('fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/chunkfive-webfont.woff2') format('woff2'),

         url('fonts/chunkfive-webfont.woff') format('woff'),

         url('fonts/chunkfive-webfont.ttf') format('truetype'),

         url('fonts/chunkfive-webfont.svg#chunkfiveroman') format('svg');

    font-weight: normal;

    font-style: normal;

}

a:hover, a:active, a:focus {

	outline: 0;

	text-decoration: none;

}

h1, h2, h3, h4, h5, h6 {

	margin: 0

}

body {

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	margin: 0;

	padding: 0;
	background-image: none !important;

}

.padding_left {

	padding-left: 0;

}

.padding_right {

	padding-right: 0;

}

header {

	/* background:url(images/header_bg.jpg) no-repeat scroll center center; */

	position:relative;

	/* background-size:cover; */

}

header .container .row{

	border-left: 4px solid #f8f8f8;

	border-right: 4px solid #f8f8f8;

	margin:0;

}

.logo {

	padding: 20px 0 0px 25px;

}

.header_right {

	background: #272727 none repeat scroll 0 0;

}

.social_area {

	list-style: outside none none;

	margin: 0;

	padding: 0;

}

.social_area li {

	display: inline-block;

}

.social_area i {

	color: #fff;

	font-size: 18px;

	padding: 12px;

}

.social_area li:hover {

	background: #777;

	position: relative;

	top: 2px;

}

.header_right .search {

	color:#fff;

	float: right;

	margin: 0 0 0 5px;

	width:45%;

}

.header_right .search .input-group {

	border: 4px solid #777;

}

.header_right .search .form-control {

	background: rgba(0, 0, 0, 0);

	border: medium none;

	border-radius: 0;

	color: #fff;

}

.header_right .search .input-group-addon {

	background: #0e271a;

	border: medium none;

}

.header_right .search button {

	background: rgba(0, 0, 0, 0);

	border: medium none;

	color: #fff;

	padding:0;

	margin:0;

}

.main-nav{

    /* bottom: -25px; */

    padding: 0 26px;

    position: relative;

    border-left: 4px solid #f8f8f8;

    border-right: 4px solid #f8f8f8;

}

.collapse.navbar-collapse {

	padding: 0;

}

.navbar {

	background: #f9f9f9;

	border: 2px solid #d3d2d2;

	border-radius: 0;

	margin: 0;

	min-height: 10px;

}

.nav.navbar-nav {

	width: 101%;

}

.navbar-nav li {

	border-right: 2px solid #d3d2d2;

    border-bottom: 4px solid #117c62;

}

.navbar-nav li:hover {

    /* border-bottom: 4px solid #000; */

    background: #117c62;

}

.navbar-default .navbar-nav li:hover a{

    color:#fff;

}

.navbar-default .navbar-nav li a {

	color: #000;

	font-size: 16px;

	font-weight: 600;

	/* border-right: 2px solid #d3d2d2; */

	padding: 9px 20.6px;

	text-transform: capitalize;

}

.nav.navbar-nav > li:last-child a {

	border-right: none;

}

.content_inner {

	border-left: 4px solid #f8f8f8;

	border-right: 4px solid #f8f8f8;

	padding: 24px 25px 25px;

}

/***slider css start here*************/

.carousel-control.left, .carousel-control.right {

	background: none;

}

.glyphicon-chevron-left::before {

	content: none;

}

.glyphicon-chevron-right::before {

	content: none;

}

.carousel-control {

	opacity: 1;

}

.carousel-indicators li {

	background-color: #ffffff;

	border: 1px solid #ffffff;

	height: 9px;

	width: 9px;

}

.carousel-indicators .active {

	background-color: #000000;

	border: 1px solid #fff;

	height: 10px;

	width: 10px;

}

.carousel-indicators {

	bottom: 0;

	right: 0 !important;

	width: 20%;

}

.carousel-caption, .ms-layer {

	padding-bottom: 30px;

	right: 0;

	text-align: left;

	bottom: 0%;

	left: 15px;

	text-shadow: none;

}

.ms-layer {

	text-align: left;

	text-shadow: none;

}

.carousel-caption mark, .ms-layer mark {

	background: rgba(255,255,255,0.9);

	font-size: 30px;

	padding: 8px 20px 8px 15px;

	color: #1e1e1e;

	font-family: 'Abel', sans-serif;

	line-height:48px !important;

}

.ms-layer mark a {color: #1e1e1e;}

.ms-bullets.ms-dir-h, .ms-bullets.ms-dir-h .ms-bullets-count{right: 0 !important;}

.ms-skin-default .ms-bullet{background: #fff !important; border: 1px solid #fff; height: 9px; width: 9px; border-radius: 10px;}

.ms-skin-default .ms-bullet-selected{background: #000 !important; border: 1px solid #fff; height: 10px; width: 10px;}

.slider .item img{

	width:100%;

}

/*********************************************************************************/

.home_post {

	margin: 30px 0 0;

}

.home_post h2 {

	color: #009e60;

	font-size: 22px;

	font-family: 'Abel', sans-serif;

	font-weight: 600;

	margin-bottom: 13px;

	position:relative;

	text-transform: uppercase;

}

.home_post h2 span {

    background: #fff;

    display: inline-block;

    padding: 0 0 0 0;

    position: relative;

    z-index: 9;

}

.home_post h2 span a{

	color: #fff;

	background: #117c62;

	padding: 0 7px;

}

.home_post hr {

	border-color: #d3d2d2;

    margin: 13px 0 0 5px;

	position: absolute;

	right: 0;

	top: 0px;

	width: 100%;

}



.post_box {

	clear: both;

}

.post_box h1 {

	background: #f9f9f9 none repeat scroll 0 0;

	border-bottom: 4px solid #e4e4e4;

	font-family: 'Open Sans', sans-serif;

	font-size: 18px;

	font-weight: bold;

	padding: 13px 15px;

	text-transform: capitalize;

}

.post_img img {

	width: 100%;

}

.post_box p {

	color: #7e7e7e;

	font-size: 12px;

	padding: 15px;

	margin: 0;

}

.post_box p a{

	color:#117c62;

	text-decoration: underline;

}

.post_box a {

	color: #2b2b2b;

}

.related_post {

	border-top: 1px solid #d3d2d2;

	padding: 20px 10px 20px 15px;

}

.related_post img {

	float: left;

	margin: 0 15px 0 0;

}

.related_post h3 {

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	font-weight: bold;

	

}

.post_box hr {

	margin: 20px 0 30px;

}

.economique {

	margin-top: 15px;

}

.economique h2 {

	color: #009e60;

	font-size: 22px;

	font-family: 'Abel', sans-serif;

	font-weight: 600;

	margin-bottom: 20px;

	position: relative;

}

.economique h2 span {

    background: #fff;

    display: inline-block;

    padding: 0 0 0 0;

    position: relative;

    z-index: 9;

}

.economique h2 span a{

	color: #fff;

    background: #117c62;

    padding: 0 7px;

}

  .economique h2 hr {

	border-color: #d3d2d2;

	margin: 13px 0 0 5px;

	position: absolute;

	right: 0;

	top: 0px;

	width: 100%;

}	 

.economique_box {

	border: 1px solid #000;

	clear: both;

}

.economique_box .economique_img {width:100%; height:265px; overflow:hidden;}

.economique_box img {

	width: 100%;

}

.economique_box h3 {

	font-family: 'Open Sans', sans-serif;

	padding: 15px;

	font-weight: bold;

	font-size: 21px;

}

.economique_box p {

	margin: 0;

	padding: 0 1px 15px 15px;

	color: #7e7e7e;

	font-size: 12px;

}

.economique_box p a{

	color: #117c62;

	text-transform: uppercase;

	

}

.economique_box a {

	color: #2b2b2b;

}

.sport h2 {

	color: #009e60;

	font-family: "Abel", sans-serif;

	font-size: 22px;

	font-weight: 600;

	margin-bottom: 20px;

	position: relative;

	text-transform: uppercase;

}

.sport h2 span {

    background: #fff;

    display: inline-block;

    padding: 0 ;

    position: relative;

    z-index: 9;

}

.sport h2 span a{

    color: #fff;

    background: #117c62;

    padding: 0 7px;

}

.sport h2 hr {

	border-color: #d3d2d2;

	margin: 13px 0 0 5px;

	position: absolute;

	right: 0;

	top: 0;

	width: 100%;

}

.sport_post {

    border-bottom: 1px solid #d3d2d2;

    border-right: 1px solid #d3d2d2;

}

.sport_outer {

    border-left: 1px solid #d3d2d2;

    border-top: 1px solid #d3d2d2;

}

.sport_outer.two {

    border-left: medium none;

}

.sport_post {

	

	clear: both;

	padding: 15px;

}

.sport_post img {

	float: left;

	margin: 0 15px 0 0;

}

.sport_post h3 {

	font-family: 'Open Sans', sans-serif;

	font-size: 16px;

	font-weight: bold;

	letter-spacing: 0.2px;

}

.sport_post h3 a{color:#000;}

.sidebar_box {

	border: 1px solid #d3d2d2;

	margin-bottom: 25px;

	border-top: 2px solid #d3d2d2;

}

.sidebar_box h2 {

	/* background: #fcd116 none repeat scroll 0 0; */

	display: block;

	padding: 10px 0 10px 15px;

	border-bottom:4px solid #117C62;

	font-family: 'Abel', sans-serif;

	font-size: 16px;

	font-weight: bold;

	

}

.plus_box {

	padding: 7px 15px;

	overflow: hidden;

}

.plus_box img {

	float: left;

	margin: 0 15px 0 0;

}

.plus_box h3 {

	font-family: 'Open Sans', sans-serif;

	font-weight: bold;

	font-size: 14px;

}

.contributions_box {

	padding: 15px;

}

.contributions_box img {

	border-radius: 100%;

	margin-top: 20px;

	border: 1px solid #e0e0e0;

}

.contributions_box h3 {

	font-family: 'Open Sans', sans-serif;

	font-weight: bold;

	font-size: 14px;

}

.contributions_box p {

	color: #7e7e7e;

	font-size: 12px;

}

.twitter img {

	width: 100%;

}

/*************contact css here*********************/

.contact_area {

    margin: 0 0 30px;

}

.contact_area h2 {

	color: #009e60;

	font-family: "Abel", sans-serif;

	font-size: 26px;

	font-weight: 600;

	margin-bottom: 60px;

	position: relative;

	text-transform: uppercase;

}

.contact_area h2 span {

    background: #fff;

    display: inline-block;

    padding: 0 10px 0 0;

    position: relative;

    z-index: 9;

}

.contact_area h2 hr {

	border-color: #d3d2d2;

	margin: 13px 0 0 5px;

	position: absolute;

	right: 0;

	top: 0px;

	width: 100%;

}

.contact_area .form-control {

	border: 1px solid #bebebe;

	border-radius: 0;

	height: 46px;

	margin: 0 0 20px;

	background: #eaeaea;

}

.contact_area textarea {

	border: 1px solid #bebebe;

	height: 200px;

	width: 100%;

	margin: 0 0 20px;

	padding: 7px 0 0 10px;

	background: #eaeaea;

}

.contact_area button, .contact_area input[type="submit"], #respond button {

	display: block;

	margin: 0 auto;

}

#respond button:hover{

	opacity:.8;

}

.contact_area .btn-primary {

	background: #fff none repeat scroll 0 0;

	border: 2px solid #fcd116;

	border-radius: 0;

	color: #fcd116;

	font-size: 20px;

	font-weight: 600;

	padding: 20px 50px;

	text-align: center;

	text-transform: uppercase;

}

.contact_area ::-moz-placeholder {

 color:#999999 !important;

}

::-webkit-input-placeholder {

   color: #fff !important;

}



:-moz-placeholder { /* Firefox 18- */

   color: #fff !important;  

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #fff !important;  

}

/*********************************************************/

/*************Rédaction css here*********************/

.redaction_area h2 {

	color: #009e60;

	font-family: "Abel", sans-serif;

	font-size: 26px;

	font-weight: 600;

	margin-bottom: 20px;

	position: relative;

	text-transform: uppercase;

}

.redaction_area h2 span {

    background: #fff;

    display: inline-block;

    padding: 0 10px 0 0;

    position: relative;

    z-index: 9;

}

.redaction_area h2 hr {

	border-color: #d3d2d2;

	margin: 13px 0 0 5px;

	position: absolute;

	right: 0;

	top: 0;

	width: 100%;

}

.redaction_box {

	border-bottom: 1px solid #989898;

	margin-bottom: 20px;

  padding-bottom: 10px;

}

.redaction_box h3 {

	font-family: "chunkfiveroman";

	font-size: 18px;

	margin: 0 0 20px;

}

.redaction_box p {

	font-size: 14px;

	color: #989898;

	margin-bottom: 20px;

}

/*********************************************************/

/*************GABONAISE css here*********************/

.gabonaise_area h2 {

	color: #009e60;

	font-family: "Abel", sans-serif;

	font-size: 26px;

	font-weight: 600;

	margin-bottom: 20px;

	position: relative;

	text-transform: uppercase;

}

.gabonaise_area h2 span {

    background: #fff;

    display: inline-block;

    padding: 0 10px 0 0;

    position: relative;

    z-index: 9;

}

.gabonaise_area h2 hr {

	border-color: #d3d2d2;

	margin: 13px 0 0 5px;

	position: absolute;

	right: 0;

	top: 0;

	width: 100%;

}

.gabonaise_area h2 a{color: #009e60;}

.gabonaise_box h3 {

    font-family: 'Open Sans', sans-serif;

    font-size: 18px;

    font-weight: bold;

	margin: 0 0 20px;

}

.gabonaise_box h3 a:hover{

	color:#f9d10f;

}

.gabonaise_box p {

	font-size: 12px;

	color: #989898;

	margin-bottom: 20px;

}

.gabonaise_box a {

	color: #000;

}

.gabonaise_box {

	border-bottom: 1px solid #989898;

	margin-bottom: 20px;

	padding-bottom: 15px;

}

/***********************************************************/



/*******************owl css here************************/

.owl-carousel .owl-item img {

	display: block;

	max-width: 100%;

}

.economique_box .owl-stage-outer {

	border-bottom: 1px solid #d3d2d2;

}

.economique_box .owl-nav {

	left: 8px;

	position: absolute;

	right: 0;

}

.owl-prev {

	background: url(images/left-arrow.jpg) no-repeat !important;

	height: 9px;

	width: 38px;

}

.owl-next {

	background: url(images/rigth-arrow.jpg) no-repeat !important;

	height: 9px;

	width:6px;

}

.owl-dots {

    display: inline-block;

    z-index: 999;

}

.owl-theme .owl-dots .owl-dot span {

	background: #9f9f9f!important;

	margin: 5px 2px !important;

}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {

	background: #000000 !important;

}

.home_post .owl-carousel.owl-loaded {

	border: 1px solid #dad9d9;

	display: block;

	margin-bottom: 20px;

}

.home_post .owl-stage-outer {

	border-bottom: 1px solid #d3d2d2;

	padding-bottom: 15px;

}

.home_post .owl-nav {

	clear: both;

	position: absolute;

	right: 0;

	top: -28px;

}

.home_post .owl-dots {

	clear: both;

	position: absolute;

	right: 21px;

	top: -27px;

}

.home_post .owl-theme .owl-controls {

	position: relative;

	margin-top: 40px;

}

.owl-theme .owl-dots .owl-dot span {

	height: 8px !important;

	width: 8px !important;

}

/*********************************************************/



/******************single page***************************************/

.single_area h2{

	   font-family: 'Open Sans', sans-serif;

	   font-size: 36px;

	   font-weight: 600;

	   

}

.single_area h4{

	color: #009e60;

	font-family: "Abel", sans-serif;

	font-size: 22px;

	font-weight: 600;

	margin: 10px 0;

	text-transform:uppercase;

}

.single_area h4 a{color: #009e60;}

time {

    color: #a4a4a4;

    display: block;

    margin: 15px 0 30px;

}

.single_area p{

	color:#777777;

}

.single_post_img{height:326px; overflow:hidden; width:100%;}

.single_post_img img{width:100%;}

.fllow_area {

    border-top: 1px solid #ededed;

    padding: 15px 0;

	 border-bottom: 1px solid #ededed;

	  display: block;

    margin: 20px 0 0;

}

.fllow_area ul {

    list-style: outside none none;

    width: 100%;

	padding:0;

	margin:0;

}

.fllow_area li {

    display: inline-block;

}

.fllow_area a {

    padding: 0 20px;

	color:#60636b;

	text-transform:uppercase;

	font-size:14px;

}

.fllow_area li:first-child a{padding-left:0;}

.fllow_area i {

    color: #008054;

    font-size: 16px;

	   padding: 0 8px 0 0;

}

/*********************************************************/



.footer_inner {

	border-right: 4px solid #f8f8f8;

	border-left: 4px solid #f8f8f8;

	background: #777777;

	padding: 0 20px;

}

.footer_inner p {

	color: #fff;

	font-size: 10px;

	margin: 10px 0 0;

}

.footer_inner p a{

	color: #fff;

}

.footer_inner ul {

	display: inline-block;

}

.footer_nav {

	list-style: outside none none;

	margin: 0;

	padding: 0;

}

.footer_nav li {

	display: inline-block;

}

.footer_nav a {

	color: #fff;

	padding: 0 12px;

	font-size: 12px;

	font-weight:600;

}

footer .social_area i {

	color: #fff;

	font-size: 18px;

	padding: 12px;

}

footer .social_area li:hover {

	background: #000;

}

.footer_last {

    border-right: 4px solid #f8f8f8;

	border-left: 4px solid #f8f8f8;

    height: 30px;

}

/****************************************/

@media (max-width:1199px) {

.logo {padding: 40px 0 0 25px;}

.main-nav {

    bottom: -25px;

    margin-top: 0;

    padding: 0 25px;

    position: relative;

}

.navbar-default .navbar-nav li a{  padding: 15px 8px;}

.sport h2 hr {width: 87%;}

.single_post_img{height:270px;}

.fllow_area a{padding:0 6px;}

.economique_box .economique_img {height:220px;}

}

/****************************************/

@media (max-width:991px) {

.navbar-collapse.collapse.in {

	padding: 0 15px;

}

.navbar-header {

	float: none;

}

.navbar-left, .navbar-right {

	float: none !important;

}

.navbar-toggle {

	display: block;

}

.navbar-collapse {

	border-top: 1px solid transparent;

	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);

}

.navbar-fixed-top {

	top: 0;

	border-width: 0 0 1px;

}

.navbar-collapse.collapse {

	display: none!important;

}

.navbar-nav {

	float: none!important;

	margin-top: 7.5px;

	font-weight: 600;

}

.navbar-nav>li {

	float: none;

}

.navbar-nav>li>a {

	padding-top: 10px;

	padding-bottom: 10px;

}

.collapse.in {

	display: block !important;

}

.navbar-default .navbar-nav li a{border-right:none; text-align:center;}

.nav.navbar-nav li:last-child{

	border-bottom:none;

}

.gabonaise_box{

	text-align:center;

}

.gabonaise_area img {

    margin: 0 auto;

    padding: 0 0 20px;

}

.footer_inner p {

    text-align: center;

}

.footer_inner .text-right {

    text-align: center;

}

.fllow_area a{padding:0 10px;}

.padding_right {

	padding-right: 15px;

	margin-bottom: 20px;

}

.padding_left {

    padding-left: 15px;

	margin-bottom: 20px;

	

}

.sport_outer.two{

	 border-left: 1px solid #d3d2d2;

}

#respond button {margin-bottom:20px;}

}

/***************************************/

@media (max-width:767px) {

.logo {

	padding: 20px 0;

}

.logo img {

	margin: 0 auto;

}

.main-nav {

	padding: 0 25px;

	position: relative;

	top: 0;

}

.header_right{margin: 0 25px 20px;

}

.collapse.navbar-collapse {

	padding: 0 15px;

}

.nav.navbar-nav {

	border-bottom: 0;

}

.sport {

	margin: 23px 0;

}

.contributions_box {

	text-align: center;

}

.contributions_box img {

	margin: 0 auto;

}

.footer_inner p {

	text-align: center;

}

.text-right {

	text-align: center;

}

.ms-layer mark {

	font-size: 14px;

	line-height:30px !important;

}



.single_area h2 {font-size: 22px;}

}

/***************************************/

@media{max-width:661px){

.single_post_img, .economique_box .economique_img{height:auto;}

}

@media (max-width:480px) {

.header_right .search {

	float: none;

	margin: 0;

	width: 100%;

}

.social_area {

	text-align: center;

}

.related_post {

	text-align: center;

}

.related_post img {

	float: none;

	margin: 0 auto;

	padding: 0 0 15px;

}

.sport_post {

	text-align: center;

}

.sport_post img {

	float: none;

	margin: 0 auto;

	padding: 0 0 15px;

}

.plus_box {

	text-align: center;

}

.plus_box img {

	float: none;

	margin: 0 auto;

	padding: 0 0 15px;

}



}

/***************************************/

/*Custom Post*/

.plus_box h3 a, .contributions_box h3 a {color: #000;}

.rsMinW .rsGCaption {bottom: 0; left: 15px; padding-bottom: 30px; right: 0; text-align: left; text-shadow: none;}

.rsMinW .rsGCaption mark{background: rgba(255,255,255,.9); color: #1e1e1e; font-family: "chunkfiveroman"; font-size: 26px; padding: 8px 20px 8px 15px;}

.rsMinW .rsBullet span{background-color: #fff !important; border: 1px solid #fff !important; height: 9px !important; width: 9px !important;}

.rsMinW .rsBullet.rsNavSelected span{background-color: #000 !important; border: 1px solid #fff !important; height: 10px !important; width: 10px !important;}

#comment-form input[type="text"], input[type="password"], input[type="url"], input[type="email"], input[type="tel"], textarea{ margin-bottom: 20px!important;}

#comment-form button, html input[type="button"], input[type="reset"], input[type="submit"]{margin-top: 10px !important;}

.post_box a{text-transform:none !important;}

.single_area time a {

	color: #a4a4a4;

	text-decoration: underline;

	font-weight: bold;

}
#cookie-notice .button.bootstrap {
    background-color: #117c62!important;
    background-image: none !important;
}
#cookie-notice .button.bootstrap:hover, #cookie-notice .button.bootstrap:focus{
    background-color: #117c62 !important;
    background-image: none !important;
}