/*
 Theme Name:   fellah
 Author:       Heberdomaine
 Author URI:   http://heberdomaine.com
 Version:      1.0.0
*/

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

body {
    color: #000 !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 300;
    line-height: 27px !important;
    background: #fcfcfc;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
fieldset,img{ border:0;}
address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}
ol,ul{ list-style:none;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
q:before,q:after{ content:'';}
abbr,acronym{ border:0;}

body,button,input,select,textarea{ 
	color:#3c3c3c; 
	font-family:Arial,Verdana,sans-serif; 


}


a:hover{
	text-decoration: none !important;
}
.post-title {
    color: #b71234;
    font-size: 35px;
}
.post-content{
	padding-right: 15px;
}
/* Balises block */
.post-content h1{ }
.post-content h2{ }
.post-content h3{ }
.post-content h4{
	color: #3553A9;
	font-size: 25px;
	margin-top: 30px;
	margin-bottom: 15px;
 }
.post-content h5{ }
.post-content h6{ }
.post-content p{ }
.post-content ul{ list-style: square;}
.post-content ol{ }
.post-content blockquote{ }
.post-content pre{ }
.post-content address{ }
.post-content address{ }

/* Balises inline */
.post-content strong{ }
.post-content em{ }
.post-content acronym{ }
.post-content code{ }
.post-content del{ }
.post-content ins{ }

/* Classes des images */
.alignleft{ display:inline; float:left;}
.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
.alignright{ display:inline; float:right;}
.size-auto{ }
.size-medium{ }
.size-large{ }
.size-full{ }
.wp-caption{ }
.wp-caption img{ }
.gallery{ }
.gallery .gallery-item{ }

#header{
	border-top: 5px solid #8DC641;
}
.telem .fa{
	color: #91177d;
}
.rs a{
	display: block;
	float: left;
	margin: 0 5px;
}
.rs{
	margin-top: 11px;
}
.emh {
    background: rgba(0, 0, 0, 0) url("img/epic.png") no-repeat scroll 0 center;
    font-weight: 700;
    line-height: 23px;
    padding-left: 36px;
}
.telh{
	background: url(img/tpic.png) no-repeat scroll 0 center;
	font-weight: 700;
    line-height: 23px;
    padding-left: 36px;
}

#top-nav{
	color: #000;
	padding: 10px 0;
}
.telh, .emh{
	display: block;
	float: left;
	margin-right: 15px;
	margin-top: 10px;
}
#mainmenu{
	background: #8DC641;
}
#mega-menu-item-19{
	background: #77af2d !important;
}
#logo img {
    display: block;
    max-width: 282px;
    position: relative;
}
#slider{
}
.bloctitle{
	 background: rgba(0, 0, 0, 0) url("img/bgtprod.png") no-repeat scroll center bottom;
    color: #2e333e;
    font-size: 32px;
    font-weight: 600;
    margin: 40px 0;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}

.ftec .tt{
	background: url(img/ftpic.png) no-repeat scroll left center;
	padding-left: 30px;
	font-size: 18px;
}
.ftec .ee{
	background: url(img/efpic.png) no-repeat scroll left center;
	padding-left: 48px;
	font-size: 18px;
}
.ftec .cc{
	background: url(img/compic.png) no-repeat scroll left center;
	padding-left: 50px;
	font-size: 18px;
}
.map{
	height: 400px;
	width: 100%;
}
.foot2{
	background: #8DC641;
	color: #000;
	padding: 45px 0 25px 0;
	color: #fff;
	overflow: hidden;
}
.foot2 .goto {
    left: 44%;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
}
.foot2 .widget{
	margin-top: 40px;
}
.foot2 .widget-title{
	margin-top: 0;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.foot2 .menu a{
	color: #fff;
	padding-left: 30px;
	background: url(img/apic.png) no-repeat scroll 0 center;
}
.foot2 .menu{
	padding: 0;
}
.foot1{
	background: #2e333e;
	color: #fff;
	padding: 30px 0;
}
#copyright {
    background: #2e333e none repeat scroll 0 0;
    color: #fff;
    overflow: hidden;
    padding: 15px 0;
}
#copyright .txt{
    font-size: 13px;
    margin-top: 10px;
}
#copyright a{
	color: #57c6f9;
}
.widget_wysija{
	padding: 0 15px;
	position: relative;
}
.widget_wysija .wysija-input {
    color: #717171;
    padding: 7px;
    width: 100%;
}
#teambloc .element{
    margin: 34px;
}
.widget_wysija .wysija-submit {
    background: #f8c552 none repeat scroll 0 0;
    border: medium none;
    color: #3f3e3e;
    font-weight: 400;
    margin: 0 !important;
    padding: 9px 15px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
}
#aboutslide #rev_slider_2_2, #rev_slider_2_2_wrapper{
	min-height: 300px !important;
}

iframe{
    border: none !important;
}
.aboutus {
    background: #2e333e none repeat scroll 0 0;
    color: #fff;
    padding: 75px 0;
    position: relative;
    text-align: justify;
}
.aboutus .readmore {
    background: #8DC641 none repeat scroll 0 0;
    color: #fff;
    display: block;
    float: left;
    font-size: 19px;
    font-weight: 300;
    margin-top: 20px;
    padding: 5px 40px;
    text-transform: uppercase;
}
.pagecontent{
	padding-bottom: 40px;
}
.langbtn{
	float: right;
}
#lang_sel_list ul a{
	background: none !important;
}

/*   ------------   Services ----------------  */
#services{
	background: url(img/servicebg.jpg) no-repeat scroll center center / cover;
	padding: 50px 0;
	color: #fff;
	text-align: justify;
}
#services h3{
	color: #fff;
}
#services .extraitarticle{
	background: #fff;
	color: #000;
}
#services .extraitarticle div {
    font-size: 13px;
    padding: 0 15px;
}
#services .title {
    color: #353535;
    display: block;
    font-weight: 600;
    padding: 5px 15px;
    text-transform: uppercase;
}
#services .extraitarticle .btnmore {
    color: #3451a5;
    display: block;
    font-weight: 600;
    padding: 5px 15px;
    text-transform: uppercase;
}

/*-----------------   Partenaires --------------------*/
#partners{
	background: #f8c552;
	padding: 50px 0;
}
#partners .title {
    font-size: 30px;
    margin: 0 auto 30px;
    text-align: center;
    text-transform: uppercase;
}
.owl-theme .owl-controls .owl-page span{
	background: #000 !important;
}

/*-----------------  actus   --------------------*/
#actus{
	padding: 50px 0;
}

/*-------------  Team  ---------------*/
#teambloc .img img {
    border: 4px solid #f8c552;
    border-radius: 50%;
    display: block;
    margin: 10px auto;
    position: relative;
}
#teambloc .name {
    display: block;
    color: #303030;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    
}
#teambloc .post {
    display: block;
    color: #303030;
    font-size: 13px;
    text-align: center;
}

/*-------------- contact page --------------------*/
.contactinfos .info .fa {
    color: #f8c552;
    display: block;
    font-size: 30px;
    text-align: center;
}
.contactinfos .info .ttl {
    color: #f8c552;
    display: block;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
}
.contactinfos .info .vl {
    display: block;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
}
.contactformpage .wpcf7-submit {
    background: #8DC641 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: right;
    padding: 10px 35px;
}
.contactformpage .wpcf7-text {
    border: 1px solid #ccc;
    color: #808080;
    margin-bottom: 25px;
    padding: 10px;
    width: 100%;
}
.contactformpage .wpcf7-textarea {
    border: 1px solid #ccc;
    color: #808080;
    margin-bottom: 15px;
    max-height: 124px;
    padding: 10px;
    width: 100%;
}

.contactformpage {
    margin-bottom: 20px;
    margin-top: 20px;
    overflow: hidden;
}
#produits h3{
	text-transform: uppercase;
	font-weight: 600;
	font-size: 32px;
	text-align: center;
	color: #2e333e;
	background: url(img/bgtprod.png) no-repeat scroll center bottom;
	padding-bottom: 20px;
	margin: 40px 0;
}
.halftitle {
    background: #8DC641 none repeat scroll 0 0;
    font-size: 23px;
    color: #2e333e;
    font-weight: 300;
    line-height: 54px;
    padding: 20px 31px 20px 15px;
    position: absolute;
    top: -53px;
    width: 41%;
    z-index: 234234234;
}
.halftitle img {
    display: block;
    float: right;
    margin-left: 15px;
    max-width: 191px;
}
.halftitle i{
	font-size: 14px;
}

/* Note: Design for a width of 320px */

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


}