html {
    height: 100%;
}
@font-face {
  font-family: "AntagometricaBTW01-Regular";
  src: url('../../assets/fonts/a.woff2') format('woff2'), url('../assets/fonts/a.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
* {
  font-family: 'AntagometricaBTW01-Regular';
  color: #848282;
}

span
{
  color: #005EAD;
}
/* page home */

@media (min-width: 480px) and (max-width:  767px) /* md*/
  {
 .home-left
 {
  height: 657px;
 }

 .logo-home
{
display: block;
margin-top: 100%;
margin-left: 50%;
 }

 .home-right
 {
  height: 657px;
  }

   }

@media (max-width: 479px) /* xs */
  {
     .home-left
 {
  height: 657px;
 }

 .logo-home
{
  margin-top: 100%;
margin-left: 50%;
display: block;
 }

 .home-right
 {
  height: 657px;
  }

  }
@media (min-width: 768px) /* lg */
{

 .home-left
 {
  height: 657px;
 }

 .logo-home
{
display: block;
margin-top: 100%;
margin-left: 50%;
 }

 .home-right
 {
  height: 657px;
  }

.home-right h1{
display: block;
margin-top: 50%;
margin-left: 50%;


 }

}

/* end media */




 .home-left{
  background-color: #fff;


 }
.home-right
{
  height: 657px;
  background-color: #005EAD;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

 }
 .home-right h1{

color: #fff;

 }

/* Logo header*/
.logo-header
{
    display:block;
    left:0;
    right:0;
    margin: 0 auto;
    position: absolute;
    width: 100px;
}

/*button retour*/
.btn-default 
{
    color: #333;
    background-color: #fff;
    border-color: #fff;
    float: left;
 }
 .btn-default:hover 
{
   
    background-color: #fff;
    border-color: #fff;
 }
 .fa-angle-left
 {
  font-size: 38px;
  color: #01B9B2;

 }

 /*navbar*/

.navbar{
  border:none;
  border-bottom: 0.5px solid #E2E2E2;
  padding-left: 0px;
  padding-right: 0px;
    border-radius: 0px;
    margin-bottom: 0px;

}



/*titres*/
.page_item_title
{
    color: #005EAD;
    font-size: 16px;

}

.page_item_title2
{
    color: #00A0C5;
    font-size: 16px;

}

.blockquote-titre{
      color: #005EAD;
    font-size: 20px;
}

/* */
.crd{
 border-left: 0.5px solid #E2E2E2;
 height:1000px;

}
.crd1{
 border-left: 0.5px solid #E2E2E2;
 height:700px;

}
.crd2{
 border-left: 0.5px solid #E2E2E2;
 height:1200px;

}
.crd4{
 border-left: 0.5px solid #E2E2E2;
 height:1500px;

}
.crd3{
 border-left: 0.5px solid #E2E2E2;
 height:2000px;

}

.container-fluid {
    padding-left: 0px;
  }
  .cf1{
    padding-right: 0px;
  }


.contenu
{
  margin-top: 2%;

}

/* ---- home -----*/
.content
{
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top: 8%;
    margin-bottom:25%;

}
.content2
{
     /*background: #f5f5f5 url(../../assets/img/bg.png);
     border:1px solid #005EAD;*/
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     margin-top: 4%;
    margin-bottom: 18%;

}
.row2{
      margin-bottom: 30px;

}
.page_btn {
    width: 100%;
    text-align: left;
    background: #afafaf;
    font-size: 15px;
    margin-top: 5px;
    padding-left: 10px;
    color: #545454;
    max-width: 500px;
    margin-bottom: 5px;
    display: inline-block;
    height: 170px;
    border-top-right-radius: 20px ;
    border-width: 0px;
    border-color:  #fff;
    vertical-align: top;
    margin-left: 5px;
    margin-right: 5px;
    text-align: center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 86%;


}

/* couleur text button*/
.page_btn span {
    width: 40px;
    height: 40px;
    display: block;
    vertical-align: middle;
    margin-right: 5px;
    border-top-right-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
/* hover de la couleur text button*/
.page_btn:hover {
  color:#fff;
}


.page_btn:hover span > img {
  -webkit-filter: brightness(0.25);
  filter:brightness(0.25);  
}
.LeGazNaturel_page {
  background: #005EAD;
    color:#fff;
}
.Raccordement_page {
  background: #00A0C5;
    color:#fff;
}
.ProduitsFinancements_page {
  background: #01B9B2;
    color:#fff;
}
.Actualites_page {
  background: #69BF65;
    color:#fff;
}
.InfosUtiles_page {
  background: #FCB016;
    color:#fff;
}
.Quizz_page {
    color:#fff;
}
.FormulaireDeContact_page {
  background: #8A8A9B;
    color:#fff;
}
.PushNotifications_page {
  background: #005EAD;
    color:#fff;
}

/* gaz naturel*/
.content-right
{

}

/* ENERGIE D AVENIR */
@media (max-width: 460px) 
{
.img3
   {
 
     display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;

   } 
}
@media  (min-width: 461px) and (max-width: 759px) 
{
.img3
   {

     display: block;
    margin-left: auto;
    margin-right: auto;
  margin-bottom: 10px;

   } 
 }
@media (min-width: 760px) 
{
.img3
   {

     display: block;
    margin-left: auto;
    margin-right: auto;


   } 
}
/* END ENERGIE D AVENIR */

/* energie disponible*/
@media (min-width: 460px) 
{
.img1
   {
    width: 70%;
    height: 70%;
     display: block;
    margin-left: auto;
    margin-right: auto;

   } 
}
@media (min-width: 760px) 
{
.img1
   {
    width: 50%;
    height: 50%;
     display: block;
    margin-left: auto;
    margin-right: auto;


   } 
}
/* energie_moderne*/
      .energie_moderne_box_details_header {
        color: #005EAD;
        font-weight: bold;
        padding: 10px 0px;
    }


  /* energie compétitive */
        .estimogaz {
        background: #005EAD;
        padding: 10px;
        border-radius: 3px;
        color: #fff;
        }
      .estimogaz img {
        width: 17px;
        height: 23px;
        object-fit: contain;
        display: inline-block;
        margin-top: 8px;
      }
      .estimogaz h1{
      color:#fff;
      }
      .estimogaz .img_container{
        width: 40px;
        height: 40px;
        text-align:center;
        border: 1px solid #fff;
        box-sizing: content-box;
        border-radius: 50%;
        margin-left:auto;
        margin-right:auto;
      }  

      .titre
      {
        float: left;
        padding-left: 40px; 
        text-transform: capitalize;

      }
      .t1
      {
        color: #005EAD;
      }
        .t2
      {
        color: #00A0C5;
      }
       .t3
      {
        color: #01B9B2;
      }


@media (max-width: 760px) 
{
.img_info
   {
     display: block;
    margin-left: auto;
    margin-right: auto;
    width:100%;
    height:100%;

   } 
}
@media (min-width: 760px) 
{
.img_info
   {
     display: block;
    margin-left: auto;
    margin-right: auto;
    width:40%;
    height:40%;

   } 
}


/* button retour */
    /* ----gaz naturel --- */
.retour1
{
  color: #005EAD;
}
.retour2
{
  color: #00A0C5;
}
.retour3
{
  color: #69BF65;
}
.retour4
{
  color: #FCB016;
}
.retour5
{
  color: #8A8A9B;
}


/* couleur blockquote */

/* blockquote*/
blockquote
{
  margin-top: 10%;
 margin-left: 15px;
}


/* raccordement */
.blockquote5
 {
    border-left: 5px solid #00A0C5;

}
.h3-raccord{
    color: #00A0C5;
    font-size: 18px;
}

/* gaz naturel */

.blockquote4
 {
    border-left: 5px solid #005EAD;
}
.h3_gaz{
    color: #005EAD;
    font-size: 18px;

}

/* produits financements */
.blockquote3
 {
    border-left: 5px solid #01B9B2;

}
.h3_finance{
    color: #01B9B2;
    font-size: 18px;

}

/* Actualité */
    .blockquote1
 {
    border-left: 5px solid #69BF65;
    text-transform: capitalize;

}
.h3_actualite{
    color: #69BF65;
    font-size: 18px;

}
/* Infos Utiles */

.blockquote2
 {
    border-left: 5px solid #FCB016;
    text-transform: capitalize;

}
.h3_infos{
    color: #FCB016;
    font-size: 18px;

}
/* formulaire */
.blockquote6
 {
    border-left: 5px solid #8A8A9B;
    text-transform: capitalize;

}
.h3_form{
    color: #8A8A9B;
    font-size: 18px;

}
.col-form-label
{
    color: #8A8A9B;

}
.span-form
{
      color: #8A8A9B;

}
.btn-secondary
{
background-color:#8A8A9B;
color: #fff; 
}

/* ----- strong ------ */
  /* gaz naturel */
  .str-gaz{
    color: #005EAD;
  }
  .text-bold
  {
    color: #000;
    font-size: 16px;
    font-weight: bold;
  }
/* raccordement */
  .str-raccord{
    color: #00A0C5;
  }
/* produits financements */
  .str-finance{
    color: #01B9B2;
  }



/* footer*/
footer{ 

    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 0.1%;
    position:fixed;
    background-color: #fff;

}
@media (max-width: 400px )
{
  footer{ 
    margin-top: 70%;
}

}
.footer2{
      margin-top:15%;

}




 .home-left
 {
  background-color: #fff;
 }
.home-right
{
  height: 800px;
 /* min-height: cover;*/
  background-color: #005EAD;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

 }
 .home-right h1
 {
display: block;   
margin: 25%;
color: #fff;
}

 .logo-home
{
display: block;
margin: 50% 25% 50% 25%;
 }
 .str-vision{
  color: #fff;
 }
 .h1-vision{
  font-size: 60px;
 }


@media (min-width: 480px) and (max-width:  767px) /* md*/
  {
 .home-right h1
 {
  display: block;   
  margin: 328.5px 10% 328.5px 10%;

  color: #fff;
}

 .logo-home
{
display: block;
margin: 328.5px 0% 328.5px 0%;
 }
 .str-vision{
  color: #fff;
 }
 .h1-vision{
  font-size: 45px;
 }


  }

@media (max-width: 479px) /* xs */
  {
     
 .home-right h1
 {
  display: block;   
  margin: 328.5px 0% 328.5px 0%;
  color: #fff;
}

 .logo-home
{
display: block;
margin: 328.5px 0% 328.5px 0%;
 }
 .str-vision{
  color: #fff;
 }
 .h1-vision{
  font-size: 30px;
 }


  }
@media (min-width: 768px) /* lg */
  {

  .home-right h1
 {
  display: block;   
  margin: 25% 5% 25% 5%;
  color: #fff;
}

 .logo-home
{
display: block;

margin: 50% 25% 50% 25%;
 }
 .str-vision{
  color: #fff;
 }
 .h1-vision{
  font-size: 50px;
 }


  }

/* end media */
.footer5
{
  display: block;
  left: 0;
  right: 0;
  background-color: #fff;
  text-align: center;
}
.info-span
{
  color:#FCB016;
}
.info-span:hover
{
  color:#FCB016;
}