.top-content{
  background: url(../img/backgrounds/3.jpg);
  background-size: 100% 100%;
  height: 262px;
}
#colors {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.list-color li   {
    
    padding:  0;
    margin: 2px;
}

.block_word , .block_pdf , .block_mp3 {
            /*pointer-events: none;*/
           cursor: pointer;
        }
.list-color li a  {
    
    width:  13px;
    cursor: pointer;
    height:  13px;
    border:  1px solid #ccc;
    display:  inline-block;
    top:  5px;
    position:  relative;
}

.list-color li a: hover  {
    
    width:  14px;
    
    height:  14px;
    
    border:  1px solid white;
    
}

.list-color li .bg-green   {
    
    background:  #256600;
    
}

.list-color li .bg-red   {
    
    background:  #9e2d2d;
    
}
.list-color li .bg-orange   {
    
    background:  #d18c14;
    
}
.list-color li .bg-rouse   {
    
    background:  #611a6b;
    
}
.list-color li .bg-bleu  {
    
    background:  #015493;
    
}
.list-color li .bg-default  {
    
    background:  #007f76;
    
}

.p-0{
	padding: 0;
}
.a-facebook:hover .fa-facebook
{
	background: #3b5998;
}
.a-twitter:hover .fa-twitter
{
	background: #1da1f3;
	
}
.a-youtube:hover .fa-youtube
{
	background: #fa060a;
	
}
.a-gmail:hover .fa-google-plus
{
	background: #f93128;
	
}
.a-instagram:hover .fa-instagram
{
	background: #bd3388;
	
}
.btn-header:hover
{
	background: #a27b04;
}
.main-menu li a{
	color: black;
	font-weight: bold;
}
.main-menu li a:hover{
	color: #ce9904;
}
.main-menu li a:hover .fa-menu{
	color: #866606;
}

.a-qoran img:hover  {
    border: 2px solid #2d2202;
    border-radius: 5px;
}


.widget .nav-tabs li {
    float: right ;
    margin-bottom: -1px ;
    font-weight: bold ;
    font-size: 16px ;
}
.text-white{
	color: white;
}
.owl-next:hover > .fa{
	background: #ececec;
	color: #2d2202;
}
.title_interet a:hover,.title_interet a:focus    {
	color: #2d2202 !important;
}

.tabs .text-search
{
	width: 80%;
	height: 33px;
	padding: 0 10px;
}
.tabs li{
	margin: 3px 0;
}
.tabs .btni{
	padding: 0px 10px;
	margin: 3px 0;
}

.pagination{
	padding: 0;
}
.contenu-page{
	border-bottom: 2px solid #f3f3f3;
	display: inline-block;
	width: 100%;
	padding: 15px 0;
}

.contenu-page button{
	margin: 0 15px;
}
.block_word:hover .fa,
.block_pdf:hover .fa,
.block_mp3:hover .fa,.list-livre li span>i
{
	background: #d0d0d0 !important;
}
.pagination>li {
    display: inline;
    font-weight: bold;
    margin: 0 2px;
}

.pagination  .current {
    background: #ccc;
    font-weight: bold;
    color: black;
}


.back-white {
    background: white;
}

.aside2 
{
    background: #000;
}
.aside2 h2
{
	color: #da9908;
    padding: 100px;
    font-size: 48px;
}
.contenu-page-details .entry-content{
  
        height: 1200px;
    overflow: auto;
    color: black;
    display: inline-block;
    padding: 5px 5px 15px;
    font-size: 16px;
     }
.contenu-page-details .entry-content p{
    float: inherit !important;
 }

.list-down{
  font-size: 24px;
 }
/*######## partage #############################*/

.mbm_social {
  margin:  0;
  padding:0;
  font-size: 0;
  float:right;
  width:100%;
  text-align:center;    
}
.mbm_social li {
    display: inline-block;
    list-style: outside none none;
    margin: 0 8px 3px 0 !important;
    padding: 0;
    font-family: 'drarku',  sans-serif;
    text-transform: uppercase;
}
.mbm_social > li:last-child {
    margin: 0;
}
.mbm_social a {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color:#fff;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 px;
  width:  115px;
  height: 31px;
  text-decoration: none;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  z-index: 2;
  font-family: 'drarku',  sans-serif;
  text-transform: uppercase;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.mbm_social a:hover {
  color: #fff;
}
.mbm_social a:hover .tooltip {
  display: block;
  visibility: visible;
  opacity: 1;
  -webkit-transform: translate(0, -33px);
          transform: translate(0, -33px);
}
.mbm_social a:active {
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5) inset;
}
.mbm_social .tooltip {
  opacity: 0;
  position: absolute;
  top: 2px;
  left: 50%;
  z-index: 1;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mbm_social .tooltip span {
    font-size: 10px;
    font-weight: bold;
    left: -50%;
    line-height: 1;
    padding: 6px 8px 5px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}
.mbm_social .tooltip span:after {
  position: absolute;
  content: " ";
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
}
.mbm_social .social-twitter {
  background: #00abdc;
  background: -webkit-linear-gradient(#00abdc, #00abdc);
  background: linear-gradient(#00abdc, #00abdc);
  border-bottom: 1px solid #00abdc;
}
.mbm_social .social-twitter:hover {
  color: #fff;
  text-shadow: 0px 1px 0px #00abdc;
}
.mbm_social .social-twitter span {
  background: #00abdc ;
  background: -webkit-linear-gradient(#00abdc, #00abdc);
  background: linear-gradient(#00abdc, #00abdc);
  color: #fff;
}
.mbm_social .social-twitter span:after {
  border-top-color: #00abdc;
}
.mbm_social .social-linkedin {
  background: #286580 ;
  background: -webkit-linear-gradient(#286580, #286580);
  background: linear-gradient(#286580, #286580);
  border-bottom: 1px solid #286580;
}
.mbm_social .social-linkedin:hover {
  color: #fff ;
  text-shadow: 0px 1px 0px #286580;
}
.mbm_social .social-linkedin span {
  background: #286580 ;
  background: -webkit-linear-gradient(#286580, #286580);
  background: linear-gradient(#286580, #286580);
  color: #fff;
}
.mbm_social .social-linkedin span:after {
  border-top-color: #286580 ;
}
.mbm_social .social-facebook {
  background: #325c94 ;
  background: -webkit-linear-gradient(#4562a0, #385693);
  background: linear-gradient(#4562a0, #385693);
  border-bottom: 1px solid #2f487c;
}
.mbm_social .social_email {
  background: #DBA901 !important;
}
.mbm_social .social-facebook:hover {
  color: #fff;
  text-shadow: 0px 1px 0px #2f487c;
}
.mbm_social .social-facebook span {
  background: #3b5a9b;
  background: -webkit-linear-gradient(#5873aa, #3b5a9b);
  background: linear-gradient(#5873aa, #3b5a9b);
  color: #fff;
}
.mbm_social .social-facebook span:after {
  border-top-color: #325c94;
}
.mbm_social .social-google-plus {
  background: #ea4335;
  background: -webkit-linear-gradient(#ea4335, #ea4335);
  background: linear-gradient(#ea4335, #ea4335);
  border-bottom: 1px solid #ea4335;
}
.mbm_social .social-google-plus:hover {
  color: #fff ;
  text-shadow: 0px 1px 0px #ea4335;
}
.mbm_social .social-google-plus span {
  background: #ea4335;
  background: -webkit-linear-gradient(#ea4335, #ea4335);
  background: linear-gradient(#ea4335, #ea4335);
  color: #fff ;
}
.mbm_social .social-google-plus span:after {
  border-top-color: #ea4335 ;
}
.mbm_social i {
  position: relative;
  top: 1px;
  font-size: 14px;
}
.mbm_social small {
    font-size: 12px;
    margin: 0 0 0 9px;
    vertical-align: middle;
   font-family: 'drarku',  sans-serif;
}

.img-detail {
    width: 250px;
    float: right;
     margin-left: 15px;
    border: 1px solid rgba(204, 204, 204, 0.25);
    border-radius: 5px;
}

footer .social a.a-youtube:hover,footer .social a.a-youtube:hover >i
{
  background: #f44336 !important;
  color: white !important;
}

footer .social a.a-facebook:hover,footer .social a.a-facebook:hover >i
{
  background: #1162a7 !important;
  color: white !important;
}

footer .social a.a-twitter:hover,footer .social a.a-twitter:hover >i
{
  background: #02a4e4 !important;
  color: white !important;
}

footer .social a.a-instagram:hover,footer .social a.a-instagram:hover >i
{
  background: #a552b9 !important;
  color: white !important;
}

footer .social a.a-gmail:hover,footer .social a.a-gmail:hover >i
{
  background: #ea3b03 !important;
  color: white !important;
}

.btn-qst{
  margin-top: 7px;
}


#message {
    position: absolute;
    width: 60%;
    text-align: center;
    top: 52px;
    left: 50%;
    transform: translateX(-50%);
}

#message .alert_info {
    background: green;
    color: white;
    padding: 5px;
}


@media (max-width:570px) {
    
     .backstretch,.backstretch>img,.top-content{
          height: 100px !important;
          margin-top: 100px;
        }
    .top-content{
      background: url(../img/backgrounds/5.jpg);
      background-size: 100% 100%;
      height: 100px;
    }


    .top-content {
       padding:   5px 0; 
    }

    #colors {
    position: relative;
  }
  .slider{
    height: auto !important;
  }

  .news .latest h3 {
      color: #fff;
      margin-top: 0px;
    }

    .button-enter{
      padding: 5px !important;
    }

    .header-post h3{
      padding: 10px 0 !important;
    }
   
}
  
@media (max-width:540px) {
    
    #mycarousel .full-screen {
 
      height: 160px !important;
 
  }
 
   
}