/*
*	BUISSON ARDENT WEBSITE
*	Copyright August 2017 
*	Version 1.0
*	By MCM	
*	------
*	Designer by Cyrille DAGOULOU
*	Codage Cyrille DAGOULOU
*	Graphics Cyrille DAGOULOU
*	Infoline: +225 08 92 72 66
*   Mail: dsylvestrealain@gmail.com
*/

/******************
* MAIN STYLSHEET *
*******************/

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans|Oswald');


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

html,body{
    min-width: 450px;
   	width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    
}
.menufixe{
    width: 1200px;
    position: fixed;
    top: 0;
    z-index: 9999;
    margin-left: -600px;
    left: 50%;

}

 nav ul { 
        display: block;
    }
.menu-title {
    display: none;
}

body{
	/*background: url(../image/parttern_bg.jpg);*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'Josefin Sans', Arial, Sans-serif;
	/*background-color: #333;*/
}

#wrapper{
	/*background-color: #333;*/
	max-width: 1200px;
	height: auto;
	margin: 0 auto;
    box-shadow: 1px 1px 12px #555;
}

#slider{
	max-height: 450px;
	width: 100%;
	background-color: gray;
}
/******************
* HEADER STYLSHEET *
*******************/
header{
	position: relative;
	background-color: #fff;
    overflow: hidden;

}
img{
  box-shadow: 1px 1px 12px #555;
}

header img{ 
    float:left;
    max-width: 100%;
}

header label {
    float: right;
    font-size: 4em;
    margin: 2% 11%;
    box-sizing: border-box;
    font-family: 'Arial', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

nav{
	bottom: 0;
	width: 1200px;
	height: 50px;
	background-color: #000;
    margin: 0 auto;
}

nav ul{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	box-sizing: content-box;
}

nav ul.navigate li{
	list-style: none;
    float: left;
    width: auto;
    height: 100%;
    line-height: 50px;
    padding: 0 2%;
    font-size: 1em;
    margin: 0;
}

nav ul.navigate a{
	text-decoration: none;
	/*font-family: 'Oswald', Sans-serif;*/
	color: #fff;	
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all linear, ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

nav ul.navigate a:hover{
    border-left: 2px solid;
    padding-left: 12%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translateX(2%);
    -moz-transform: translateX(2%);
    -o-transform: translateX(2%);
    transform: translateX(2%);
    -webkit-transition: all linear, ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

nav ul.navigate li.active{ background-color: #ff5500; }

/******************************
* ACTUALITY SECTION STYLSHEET *
*******************************/
/*section.actulity_press{
	width: 100%;
	height: 355px;
	background-color: #333;
}
*/
section.actulity_press h2{
	margin: 13px 0 10px 1em;
    font-weight: 200;
    font-size: 1.5em;
    text-transform: uppercase;
    background-image: url(../image/heading_style2_bg.png);
	background-repeat: repeat-x;
	background-position: center;
}

section.actulity_press #id_verse{
	height: 100%;
	width: 65%;
	float: left;
	position: relative;
	background: url(../image/images/evenementdujour_780x355.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

section.actulity_press #id_press_activities{
	height: 100%;
	width:35%;
	float: right;
}

#id_press_activities ul{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

#id_press_activities ul li.nav_index{
	height: 50%;
	width: 50%;
	display: inline-block;
    box-sizing: border-box;
    position: relative;
    vertical-align: top;
    background-color: #fff;
    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

#id_press_activities ul li.nav_index:hover {
	background-color: #ff5500;
	-webkit-transition: all linear, ease-out 0.9s;
	-moz-transition: all linear, ease-out 0.9s;
	-o-transition: all linear, ease-out 0.9s;
    transition: all linear, ease-out 0.9s;
    -webkit-transform: rotateY(-360deg);
	-moz-transform: rotateY(-360deg);
	-o-transform: rotateY(-360deg);
    transform: rotateY(-360deg);
}

#id_press_activities ul li.nav_index a:hover{ color: #fff; }

li.nav_index_news{ float: left; }

li.nav_index_flam{ float: left; }

li.nav_index_tv{ float: right; }

li.nav_index_heart{ float: right; }

li.nav_index a{
    text-decoration: none;
    color: rgba(0, 0, 0, 0.63);
    display: grid;
    text-align: center;
    margin: 7% auto;
    box-sizing: border-box;
    width: 90%;
    height: 80%;
}

li.nav_index a span.nav_text{
	font-size: 14px;
	margin: 10px 0;
}

/*******************************
* HOLY BIBLE SECTION STYLSHEET *
********************************/
section.articles{
	margin: 2% 0 0 0;
	width: 100%;
	height: 1296px;
	position: relative;
}

section.articles div.art-leaf{
	width: 68%;
	/*height: 100%;*/
	float: left;
	background-color: #fff;
}

section.articles #shop{
	width: 31%;
	height: 100%;
	float: right;
}

#shop div.shop_ba,
#shop div.ba_press {
    width: 100%;
   /* height: 509px;*/
    background: #fff;
    padding: 7%;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

#shop label {
    font-size: 1.1em;
    font-family: 'Oswald', sans-serif;
    height: 50px;
    width: 100%;
    background: #ff6600;
    color: #fff;
    padding: 2% 5%;
}

#shop .nav_slideshop{
    width: 300px;
    position: absolute;
    right: -185px;
    top: 17px;
}

#shop .nav_slideshop label{ background-color: rgba(0, 0, 0, 0.63) !important; }

#shop .nav_slideshop a{ color: #fff; }

#shop div.shop_ba #shopping_slide {
 
}

#shop div.shop_ba #shopping_slide img{  margin: 2.023% 0; }


article{
   	width: 100%;
   /* height: 509px;*/
    background: #fff;
    margin-top: 10%;
    text-align: justify;
}

dt{
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	-o-transition: all 300ms;
	transition: all 300ms;
}

dt, dd{ 
	width: 96%;
	float: left;
	padding: 2%;
	margin: 0;
}

dt{
	font-family: 'Oswald', sans-serif;
	background-color: #111;
	text-transform: uppercase;
	border-top: 1px solid #222;
	cursor: pointer;
}

dt a{
	color: #fff;
    padding: 3%;
	text-decoration: none;
}

dt:first-child { border-top: none; }

dt:hover { background-color: #ff6600; }

dd{
    font-family: 'Lato',sans-serif;
    line-height: 25px;
    font-size: 16px;
    word-spacing: 3px;
    color: #333;
}

.ud_active{
	background-color: #ff6600;
	padding: 4% 0 4% 4%;
}

/****** 	ARTICLES 	*********/

#ba_tab .teach_box{
    width: 100%;
    height: 214px;
    margin-bottom: 2%;
}


#ba_tab-content1 .teach_box,
#ba_tab-content2 .teach_box{
    width: 100%;
    height: 214px;
    margin-bottom: 2%;
}

#ba_tab-content1 .teach_box .teach_image_box,
#ba_tab-content2 .teach_box .teach_image_box{
    width: 320px;
    height: 100%;
    float: left;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#ba_tab-content1 .teach_box .teach_describe,
#ba_tab-content2 .teach_box .teach_describe{
	float: right;
	height: 100%;
	width: 438px;
    display: grid;
}

#ba_tab-content1 .teach1,
#ba_tab-content2 .teach1{ background-image: url(../image/common/childteach_320x214.jpg); }
#ba_tab-content1 .teach2,
#ba_tab-content2 .teach2{ background-image: url(../image/common/clockteach_320x214.jpg); }
#ba_tab-content1 .teach3,
#ba_tab-content2 .teach3{ background-image: url(../image/common/teenagerteach_320x214.jpg); }
#ba_tab-content1 .teach4,
#ba_tab-content2 .teach4{ background-image: url(../image/common/helpteach_320x214.jpg); }

#ba_tab-content1 h2.head_teach,
#ba_tab-content2 h2.head_teach{ margin: 4% 3% 0; }

#ba_tab-content1 label.author,
#ba_tab-content2 label.author{ 
	width: 100%;
    font-size: 13px;
    position: relative;
    top: calc(100% - 108%);
    color: #ff6600;
    font-style: italic;
    font-family: 'Arial', sans-serif;
}
#ms{
    padding: 5px 10px;
    /*height: 500px;
    overflow: scroll;*/
}

#ba_tab-content1 p.verse,
#ba_tab-content2 p.verse{ 
    margin: 4% 3% 0;
    position: relative;
    top: calc(100% - 110%);
}

#ba_tab-content1 p.verse a,
#ba_tab-content2 p.verse a{
	color: #3aa9ec; 
	text-decoration: none;
}

div.nivoSlider {
	width: 320px;
	height: 424px;
}

#ba_tab-content3 article{
	width: 340px;
    height: 400px;
    background: #333;
    color: #fff;
    overflow: hidden;
}

#ba_tab-content3 article div.prize{
    position: relative;
    right: 0;
    box-sizing: border-box;
    width: 94px;
    height: 50px;
    background: #ff6600;
    line-height: 50px;
}

#ba_tab-content3 div.box_prize{
    width: 94px;
    height: 50px;
    float: right;
    position: relative;
    z-index: 2;
    -webkit-transition: linear, ease-out 0.3s;
    -moz-transition: linear, ease-out 0.3s;
    -o-transition: linear, ease-out 0.3s;
    transition: linear, ease-out 0.3s;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#ba_tab-content3 article:hover div.box_prize{ 
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#ba_tab-content3 article:hover div.contain_article{ 
	-webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: linear, ease-out 0.3s;
    -moz-transition: linear, ease-out 0.3s;
    -o-transition: linear, ease-out 0.3s;
    transition: linear, ease-out 0.3s;
}

#ba_tab-content3 div.box_cover{
    width: 340px;
    height: 400px;
    position: relative;
    z-index: 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#ba_tab-content3 div.contain_article{
   	height: 50px;
    width: 100%;
    position: relative;
    z-index: 2;    
    text-align: center;
    line-height: 5px;
    font-size: 1.3em;
    font-family: 'Oswald',sans-serif;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);    
    -webkit-transition: linear, ease-out 0.3s;
    -moz-transition: linear, ease-out 0.3s;
    -o-transition: linear, ease-out 0.3s;
    transition: linear, ease-out 0.3s;
}

#ba_tab-content3 div.contain_article div.buy_article{
    float: left;
    height: 100%;
    background: #ff6600;
    width: 97px;
    cursor: pointer;
}

#ba_tab-content3 div.contain_article div.mooder{
	float: right;
}

#ba_tab-content3 div.mooder ul{
	margin: 0;
	padding: 0;
}

#ba_tab-content3 div.mooder ul li{
	float: left;
    height: 50px;
    width: 50px;
    background: #333;
    position: relative;
    margin: 0 1px 0 0;
    font-size: 1.3em;
    line-height: 43px;
    cursor: pointer;
}

#ba_tab-content3 div.prize1{ background: url(../image/prix/prix_2000.jpg); }
#ba_tab-content3 div.prize2{ background: url(../image/prix/prix_2000.jpg); }
#ba_tab-content3 div.prize3{ background: url(../image/prix/prix_1700.jpg); }
#ba_tab-content3 div.prize4{ background: url(../image/prix/prix_1200.jpg); }

#ba_tab-content3 div.coverbook1{ background: url(../image/book/ointf340x400.jpg); }
#ba_tab-content3 div.coverbook2{ background: url(../image/book/ointa340x400.jpg); }
#ba_tab-content3 div.coverbook3{ background: url(../image/book/femme_distinction340x400.jpg); }
#ba_tab-content3 div.coverbook4{ background: url(../image/book/percee340x400.jpg); }
#ba_tab-content3 div.coverbook5{ background: url(../image/book/choisi_conjoint340x400.jpg); }

#ba_tab-content4 p{
    font-size: 1.2em;
    line-height: 1.5em;
    font-family: 'Lato',sans-serif;
}
/*********************************
* CHRURCH & ACTIVITIES STYLSHEET *
**********************************/
#ba_tab{
	max-width: 790px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: absolute;
	top: 50%;
	left: 33%;
    padding: 1% 1% 0 1%;
	box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#ba_tab input[type="radio"] { display: none; }

#ba_tab label { 
    float: left;
    padding: 1% 2%;
    cursor: pointer;
    font-size: 16.3px;
   /* width: calc(40% / 3);*/
    text-decoration: none;
    color: rgba(0, 0, 0, 0.63);
    font-family: 'Oswald', sans-serif;
    /*border-radius: 4px;*/
}

#ba_tab .ba_content {
	background-color: #fff;
	width: 99%;
	display: none;
	padding: 5% 2%;
	float: left;
	text-align: justify;
}

#ba_tab [id^="tab"]:checked + label{
	background-color: #ff6600;
	color: #fff;
	margin: 0;
    display: -webkit-box;
}

#ba_tab [id^="tab"]:checked + label p{
	margin: 0 5%;
}

#tab1:checked ~ #ba_tab-content1,
#tab2:checked ~ #ba_tab-content2,
#tab3:checked ~ #ba_tab-content3,
#tab4:checked ~ #ba_tab-content4,
#tab5:checked ~ #ba_tab-content5,
#tab6:checked ~ #ba_tab-content6{
	display: block;
}

div.check_box{
    width: 100%;
    height: 64px;
}

div.check_box input[type="radio"]{
    display: block !important;
}

div.check_box label{
    position: relative;
    top: -43%;
    margin: 0 3%;
    font-family: 'Lato',sans-serif !important;
}

div.check_box button{
    width: auto;
    height: 40px;
    font-family: 'Oswald',sans-serif;
    border: none;
    background: #ff6600;
    color: #fff;
    padding: 0 5%;
    font-size: 1.3em;
    margin: 0 5px;
    float: right;
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
}

div.check_box button:focus{
    border: none;
}

div.check_box button:hover{
    -webkit-transition: all ease-out 0.3s;
    -moz-transition: all ease-out 0.3s;
    -o-transition: all ease-out 0.3s;
    transition: all ease-out 0.3s;
    background-color: gray;
    color: #fff;
}

#ba_tab-content1 hr.head_line{
    width: 50%;
    height: 1px;
    background: #000;
    margin: 2% auto;
}

#ba_tab-content1 p.head_title{
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
}

#ba_tab .clax_item{
    width: calc(100% / 3);
    height: 100%;  
}

#ba_tab .clax_item img{ width: 100%; height: 100%; transition: all ease-out 0.5s }

#ba_tab .clax_item img:hover{
    transform: scale(1.2);
    border-radius: 5%;
    transition: all ease-out 0.25s
}

#ba_tab .clax_item img:focus{
    transform: scale(1.2);
    border-radius: 5%;
    transition: all ease-out 0.5s
}

#ba_tab .nav_img_item{
    display: -webkit-box;
}

#ba_tab .contain_item1{
    background-image: url(../image/common/childteach_320x214.jpg);
}

/********* /TABS MENU *****/

#ba_church{
	width: 360px;
	height: 280px;
	position: relative;
}

#ba_church div.ba_church-bgi{
	width: 100%;
	height: 66%;	
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#ba_church div.togo{ background: url(../image/church/togo.jpg); }
#ba_church div.cg{ background: url(../image/church/cg.jpg); }
#ba_church div.ci{ background: url(../image/church/ci.jpg); }
#ba_church div.cp{ background: url(../image/church/bakoumassicover_360x185.jpg); }
#ba_church div.pj{ background: url(../image/church/pjp.png); }
#ba_church div.mt{ background: url(../image/church/of2.png); }
#ba_church div.img_cover4{ background: url(../image/church/baangrecover_360x185.jpg); }
#ba_church div.img_cover5{ background: url(../image/church/bayoungercover_360x185.jpg); }
#ba_church div.img_cover6{ background: url(../image/church/balocalcover_360x185.jpg); }

#ba_church div.ba_bar{
	position: absolute;
    height: 33%;
    width: 100%;
    bottom: 0;
}

.ba_content ul{
	margin: 0;
	padding: 0;
	display: -webkit-box;
}

.ba_content ul:first-child{	margin-top: 0em; }

.ba_content ul.ba_slot{	margin-top: 1em; }

.ba_content li{
	list-style: none;
	float: left;
	margin-right: 40px;
}

.ba_content li.tab_col_space{ margin-right: 77px; }

.ba_content li.tab_col1{ float: left; }

.ba_content li.tab_col2{ float: right; }

div.ba_bar div.ba_profil{
    float: left;
    width: 22%;
    height: 80%;
    border-radius: 100%;
    margin: 2%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#ba_church div.ba_bar .ba_moovies{
    float: none !important;
    width: 100% !important;
}

#ba_church div.ba_bar div.ba_info{
	float: right;
    width: 74%;
    display: grid;
}

#ba_church div.ba_info label.ba_index{
	width: 100%;
	padding: 0;
	color: #ff6600;
}

#ba_church div.ba_info p{
	font-size: 12px;
    font-weight: 700;
	margin: 10px 10px 0 0;
	font-family: 'Lato',sans-serif;
}

#ba_church div.ba_info span{ font-size: 1.3em; line-height: 24px; }

.ba_pagination{
    color: #ff6600;
    position: relative;
    left: 21%;
    bottom: 3%;
    float: left;
    box-sizing: border-box;
    text-align: center;
    padding: 0 4%;
    top: -44px;
}

.ba_pagination a{
	color: #000;
	text-decoration: none;
}

.ba_pagination label.nav_int{
	color: #000;
}

.ba_pagination label.active_int{
	color: #ff6600;
	padding: 0.5%;
	cursor: pointer;
}

/******************
* IAMAGE STYLSHEET *
*******************/
.ba_content ~ img{
    width: 100%;
    height: 100%;
}

#ud_lightbox_overlay {
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: 100%;
    top: 100vh;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.9);
    display: none;
}

#ud_lightbox_overlay #ud_lightbox_inhalt {
    width: 80%;
    position: absolute;
    top: 5%;
    left: 10%;
    right: 10%;
}

#ud_lightbox_overlay #ud_lightbox_inhalt img{
    width: 100%;
    height: 86vh;
}

#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav{
    color: #fff;
    font-size: 30px;
    margin: 0 0 20px 0;
    width: 100%;
    text-align: center;
}

#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav .icon-right-open{ float: right; }

#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav .icon-left-open{float: left;  }

#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav span i{
    -moz-transition:-moz-transform 0.5s ease-in; 
    -webkit-transition:-webkit-transform 0.5s ease-in; 
    -o-transition:-o-transform 0.5s ease-in;
    transition: transform 0.5s ease-in;
}

#ud_lightbox_overlay #ud_lightbox_inhalt #ud_nav span i:hover{  
    -moz-transform:scale(2); 
    -webkit-transform:scale(2);
    -o-transform:scale(2);
}

/******************
* FOOTER STYLSHEET *
*******************/
#footer {
  color:#fff;
  text-align: center;
}

.footer-top {
  position: relative;
  padding:30px 0
}

#footer .footer-bottom {
  background-color: #000;
  padding: 20px 0 10px;
}

#footer .footer-bottom a:hover {
  text-decoration: underline;
}

.footer-logo {
  display: inline-block;
  margin-bottom: 5px;
}


/*cible la taille avec ces propriete*/
@media(max-width:1220px ){
   nav, .menufixe{
        width: 100%;
       
    } 

    .menufixe{
    width: 1200px;
    position: fixed;
    top: 0;
    z-index: 9999;
    margin-left: auto;
    left: auto;

}

}

@media (max-width: 590px){
    #pastor{
      width: 350px;  
    }
}
@media (max-width: 530px){
    #pastor{
      width: 330px;  
    }
}
@media (max-width: 503px){
    #pastor{
      width: 300px;  
    }
}

@media(max-width: 963px){
    nav{
        width: 100%;
        height: auto;
        position: relative;
    }

    nav ul { 
        display: none;
    }

    .menu-title {
        margin: 0;
        display: block;
        padding-top: 15px;
        padding-bottom: 10px;
        padding-left: 15px;
        color: #fff;
        height: 50px;
        line-height: 25px;
    }
    
    .menu-title button {
        background-color: #FF5500 !important;
        font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    box-sizing: border-box;
    position: absolute;
    top: 10px;
    right:  20px;
    color: #fff;
    }

    .menu-title .fa {
        margin-top: 5px;
       color: #fff !important;
    }


    .navbar-toggler-icon {
            display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
    }

    nav ul.navigate li {
    list-style: none;
    float: none;
    width: auto;
    height: 100%;
    line-height: 50px;
    padding: 0 2%;
    font-size: 1em;
    margin: 0;
    background-color: #000
}

nav ul.navigate a:hover{
   
    padding-left: 10px;
    
}

}
.nomeglise{
    float: left;
    margin-left: 20px;
    font-size: 3.75em;
    text-transform: uppercase;
    text-align: center;

}
.logo_nom{
    padding-left: 50px;
    padding-right: 20px;

}
@media(max-width: 1030px){
    .logo_nom{
    padding-left: 20px;
    
}
}
@media(max-width: 996px){
    .nomeglise{
       
    font-size: 3.5em;
}
}
.logo_nom:after,.logo_nom:before{
   content: " ";display: table;
}
.logo_nom:after{
    clear: both;
}
.title-bg{
    font-size: 1.1em;
    font-family: 'Oswald', sans-serif;
   font-weight: 400;
    display: inline-block;
    background: #ff6600;
    color: #fff;
    padding: 3px 8px;
    margin: 0;
}
.content-pad{
    padding: 4px ;
}

.social_icon li {
    display: inline-block;
    height: 25px;
    width: 25px;
}
.social_icon ul li i.fa {
    background-color: transparent;
    font-size: 16px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
}
.social_icon ul li a i.fa:hover {
    color: #fff;
}
.social_icon ul li a i.fa {
    color: #999999;
}