* {
  margin: 0;
  padding: 0;
}
@font-face {
	font-family: "onaizah-ayman";
	src: url('../fonts/099.ttf');
}
a.nonclik {
	
	line-height: 1.7;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
	text-decoration: none;
}

a.nonclik:focus {
	outline: none !important;
	text-decoration: none;
}

a.nonclik:hover {
	text-decoration: none;
	
	
}
p {
	font-family: Oswald-Regular, sans-serif;
	font-size: 18px;
	text-align: right;
	padding: 0px;
	
	line-height: 1.7;
	color: #fff;
	margin: 0px;
}

p.style {
	font-family: Oswald-Regular, sans-serif;
	font-size: 18px;
	text-align: right;
	padding: 0px;
	
	line-height: 1.7;
	color: #fff;
	margin: 0px;
	text-decoration: none;
}


p.style:hover {
	
	color: #fff;
	text-decoration: none;
	
}

/******* intégration header *****/

header {
  
	margin-right: auto;
    margin-left: auto;
}
header .container {
	align-content: center;
	text-align: center;
	margin-right: auto;
    margin-left: auto;
  
}





#main {
  transition: margin-left 0.5s;
  padding: 16px;
  margin-top: -80px;
}
#main span {
  font-size: 30px;
  cursor: pointer;
  color: #fff;
}

/****** integration contenu ******/
section.all-section {
 
 background: url(../images/bg.png) repeat center center;
	padding: 20px 20px 30px 20px;
	min-height: 730px;
 
}

.block-contenu-top {
  margin: 0 auto;
}
.carousel .item {
  min-height: 280px; /* Prevent carousel from being distorted if for some reason image doesn't load */
}
.carousel .item img {
  margin: 0 auto; /* Align slide image horizontally center */
}

.carousel-control.left,
.carousel-control.right {
  background-image: none !important;
}
.block-contenu-top .carousel-control .glyphicon-chevron-left,
.block-contenu-top .carousel-control .glyphicon-chevron-right,
.block-contenu-top .carousel-control .icon-next,
.block-contenu-top .carousel-control .icon-prev {
  font-size: 20px;
	margin: 0;
}



/****** integration section 2 ******/
section.section-2 {
  max-width: 500px;
  margin: 0 auto;
  background: transparent;
	margin-right: auto;
    margin-left: auto;
    padding: 0px; 
	background: rgba(177, 168, 157, 0.7);
  border-radius:40px;
	


}
section.section-2 .wrap-cont2 {
  max-width: 500px;

  margin: 0 auto;
	margin-top:10px;
	text-align: center;
	align-items: center;
	align-content: center;
	 width: 80%;
  background: transparent;
  padding: 0;
	text-decoration: none;

}

section.section-2 spam{
	
	font-family: Oswald-Regular, sans-serif;
	font-size: 26px;
	color:#000;
	margin-top: 20px;
	display: block;
	/*text-shadow: 1px 2px #505050;   */
}

section.section-2 h1{
	
	font-family:onaizah-ayman, sans-serif;
	font-size: 50px;
	color:#fff;
	margin-top: 7px;
	display: block;*
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	text-shadow: 0.3px 0.8px #000;
}

section.section-2 .wrap-cont2 .row{	
    background-color:#a0978b;
	padding: 6px 10px 6px 10px ;
	
	margin: 5px 0 5px 0;

	text-align: center;
	align-items: center;
	align-content: center;
	border: solid 0.1px #fff;
	text-decoration: none;important!
}


section.section-2 .wrap-cont2 .row:hover{	
    background-color:#cb9752;
	padding: 6px 10px 6px 10px ;
	
	margin: 5px 0 5px 0;

	text-align: center;
	align-items: center;
	align-content: center;
	border: solid 0.1px #fff;
	text-decoration: none;important!
}


.bloclec img {
  width: 100%;
  max-width: 320px;
}

/****** integration footer ******/

footer {
  height: 90px;
  background: #807e7740;
  height: 70px;
  /* position: absolute; */
  bottom: 0;
  left: 0;
  left: 0;
  right: 0;
  width: 100%;
  position: fixed;
  z-index: 1000;
}

footer .container {
  text-align: center;
}

/*------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------ La Partie Responsive -------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/

@media (min-width: 768px) {
  .block-contenu-top {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .block-contenu-top {
    width: 100%;
  }
}
@media (max-width: 450px) {
  section.section-2 .menu-sec .vertical-menu {
    padding: 30px;
  }
}