/***************** bloc1 **********************/

#about h3.titre-bloc1 
{
  padding-bottom: 10%;
  color: #113f7a;
  text-transform: uppercase;
  font-size: 40px;
  font-family: initial;
	text-align: center;
  font-weight: 500;
}

#about h5.stitre-bloc1
{
  color: #e8c44c;
  font-size: 18px;
}

/***************** bloc2 **********************/

#milestone
 {
  padding-top: 50px;
  padding-bottom: 50px;
}

#milestone h3.titre-our
{
  padding-bottom: 40px;
  color: #fff;
  text-transform: uppercase;
  font-size: 40px;
	text-align: center;
	font-family: initial;
  font-weight: 500;
}

#milestone h3.titre-our:before
{
  content: "";
  height: 2px;
  width: 30px;
  display: inline-block;
  background: #e8c44c;
  vertical-align: middle;
  margin-right: 10px;
}

/****************** Accordion **********************/
.accordion-body 
{
  padding: 20px;
  height: 140px;
  font-size: 18px;
  background: transparent !important;
  color: #fff;
}

#accordionExample
{
	padding: 30px 0;
	background: transparent;
}

#milestone
{
	background: linear-gradient(rgba(17, 63, 122, 0.85), rgba(17, 63, 122, 0.85)), url(../img/bg_banner1.jpg);
}

.accordion-button:not(.collapsed) 
{
  color: #fff !important;
  background-color: #fff !important;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) !important;
  border-bottom: 2px #e8c44c solid;
  color:#e8c44c !important;
}
.accordion-button:not(.collapsed)::after 
{
	color: #fff !important;
	
}

.accordion-item {
  background-color: transparent;
  border: transparent;
}

.accordion-button {
  color: #0541bb !important;
  background-color:  #fff  !important;
  box-shadow: inset 0 -1px 0 rgba(0,0,0,.125) !important;
  border-bottom: 2px #e8c44c solid;
}

/*************************************************/
#services 
{}

#services h2.titre-work
{
  color: #113f7a;
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
  font-weight: 500;
	font-family: initial;
}

#services h6.stitre-work
{
  color: #e8c44c;
  text-transform: none;
  font-size: 22px;
  text-align: center;
  font-weight: 500;
}

#services p.mx-auto
{
	font-size: 18px;
}

.service
{
	padding: 0 !important;
}

.service img {
  width: 100%;
}



.service h5.sstitre
{
  height: 31px;
}

.service p.infos {
  height: 86px;
  font-size: 18px;
}

/*************************************************/
#portfolio 
{}

#portfolio h2.titre-work
{
  color: #113f7a;
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
  font-weight: 500;
	font-family: initial;
}

#portfolio h6.stitre-work
{
  color: #e8c44c;
  text-transform: none;
  font-size: 22px;
  text-align: center;
  font-weight: 500;
}

#portfolio p.mx-auto
{
	font-size: 18px;
	color: var(--body);
	padding-top: 20px;
}

/*************************************************/
#team 
{}

.visuel-work
	{
	   width: 100%; 
	   padding-top: 80px !important;		
	}

#team h2.titre-work {
  color: #113f7a;
  text-transform: uppercase;
  font-size: 38px;
  text-align: left;
  font-weight: 500;
  font-family: initial;
  margin: 20px 0px 50px 20px;
}

#team .info-box h5
{
  color: #e8c44c;
  text-transform: none;
  font-size: 22px;
  text-align: left;
  font-weight: 500;
  margin-top: 57px;
}

#team .info-box p
{
	font-size: 18px;
	color: var(--body);
	padding-top: 20px;
}

/***************************************************/
#reviews
{}


#reviews h2.titre-work
{
  color: #ffffff;
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
  font-weight: 500;
  font-family: initial;
}

#reviews h5 
{
  color: #e8c44c;
  text-transform: none;
  font-size: 22px;
  text-align: center;
  font-weight: 500;
}

#reviews .info-box p
{
	font-size: 18px;
	color: var(--body);
	padding-top: 20px;
}

/****************** 7 *********************************/
#blog
{}


#blog h2.titre-work
{
  color: #113f7a;
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
  font-weight: 500;
	font-family: initial;
}

#blog h5 
{
  color: #e8c44c;
  text-transform: none;
  font-size: 22px;
  text-align: center;
  font-weight: 500;
}

#blog p {
  font-size: 18px;
  color: var(--body);
  padding-top: 20px;
  text-align: center;
  width: 100% !important;
  float: left;
  max-width: 100%;

  padding-bottom: 15px;
}

#blog h5.bloc
{
  color: #555;
  text-transform: none;
  font-size: 16px;
  text-align: center;
  font-weight: 500;
  height: 35px;
}

#blog h2.tag {
  color: #113f7a;
  text-transform: none;
  font-size: 22px;
  text-align: center;
  font-weight: bold;
  padding: 22px 0 15px 0;
	font-family: initial;
}

.blog-post a {
  position: relative;
  background-color: #e8c44c;
  padding: 8px 15px;
  border-radius: 5px !important;
  text-decoration: none;
  color: #fff;
  top: 17px;
  left: 0;
}

#blog .blog-post .content {
  height: 80px;
  padding: 0 20px !important;
}

#blog .blog-post .content {
  height: 110px;
  padding: 0 20px !important;
  text-align: center;
}

#blog .btn {
    padding: 8px 26px;
}

#blog .large {
  border-color: #0541bb;
  background-color: #0541bb;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 10px 65px;
}

#blog .large:hover {
    background-color: #0541bb;
    border-color: #0541bb;
    color: #fff;
}

/*****************************************************************/
#explore {
  background: linear-gradient(-90deg, rgba(8, 32, 50, 0.8), rgba(8, 32, 50, 0.8)), #082032;
    background-color: rgb(8, 32, 50);
    background-position-x: 0%, 0%, 0%;
    background-position-y: 0%, 0%, 0%;
    background-repeat: repeat, repeat, repeat;
    background-size: auto, auto, auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.paddNont {
  padding-bottom: 0 !important;
}

#explore h2.titre-work {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 40px;
  text-align: center;
  font-weight: 500;
  padding-bottom: 30px;
  font-family: initial;
}

#explore h5 
{
  color: #e8c44c;
  text-transform: none;
  font-size: 22px;
  text-align: center;
  font-weight: 500;
	
}

#explore .info-box p
{
	font-size: 18px;
	color: var(--body);
	padding-top: 20px;
}

#explore .review h3 {
    margin-top: 26px;
    margin-bottom: 0 !important;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    line-height: 1.7;
}

/************************** Effet ****************************/
.effet1:hover{
  transform: translateY(-6px);
  box-shadow: var(--shadow-lift);
	cursor: pointer;
}

.effet1::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.4s var(--ease);
  background: linear-gradient(160deg, rgba(22, 163, 74, 0.06), transparent 60%);
}
/************************* Footer ****************************/
/*.titre-rub::after
{
  content: "";
  position: absolute;
  left: 48% !important;
  bottom: -10px !important;
  width: 60px;
  height: 5px;
  border-radius: var(--radius-pill);
  background: linear-gradient(90deg, #0541bb, #e8c44c);
}*/


.titre-rub
{
  position: relative;
}

.titre-work
   {
	   margin-bottom: 30px;
	}



.navbar-brand {
  font-size: 41px !important;
  font-weight: 700;
}

.navbar .navbar-nav .nav-link {
  color: #0541bb !important;
  font-size: 18px !important;
  font-weight: 600;
}

.navbar .navbar-nav .nav-link:hover {
  color: #e8c44c !important;
}


.img-our
{
	border-radius: 15px; 
	width:76% !important
}

@media (max-width: 991.98px) {
	.img-our
{
	border-radius: 0px; 
	width:100% !important
}
}

@media (min-width: 768px) {
  .col-md-6 {
    float: left;
  }
}