/* Imports */
@import url("/include/fonts/sourcesanspro/styles-sourcesanspro.css");
@import url("/include/fonts/eurostile/styles-eurostile.css");
@import url("/include/fonts/font-awesome/styles-font-awesome.min.css");


@font-face {
  font-family: 'arialnarrow';
  src: url('/font/arialn-webfont.woff2') format('woff2'),
       url('/font/arialn-webfont.woff') format('woff'),
       url('/font/arialn-webfont.svg#arialnarrow') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'arialnarrow';
  src: url('./font/arialnb-webfont.woff2') format('woff2'),
       url('./font/arialnb-webfont.woff') format('woff'),
       url('./font/arialnb-webfont.svg#arialnarrow') format('svg');
  font-weight: normal;
  font-style: normal;

}
@font-face {
  font-family: 'arialregular';
  src: url('./font/arial-webfont.woff2') format('woff2'),
       url('./font/arial-webfont.woff') format('woff'),
       url('./font/arial-webfont.svg#arialregular') format('svg');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'arialbold';
  src: url('./font/arialbd_1-webfont.woff2') format('woff2'),
       url('./font/arialbd_1-webfont.woff') format('woff'),
       url('./font/arialbd_1-webfont.svg#arialbold') format('svg');
  font-weight: normal;
  font-style: normal;

}

/* Declarations  Fonts*/
img {
  vertical-align: middle;
}
.bg-blanc {
  background-color: #fff !important;
}

.cc-window   /* cookie consent */
{
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 200000000000!important;
}

.police1
{
  font-family: 'eurostilebold';
  font-size: 28px!important;
}

.mgb1
{
  margin-bottom: 40px;
}

.titreBis {
  font-family: 'eurostilebold';
  font-size: 28px;
  text-transform: uppercase;
}

.lienDefi
{
  font-size: 18px;
  color: #000;
}

.adresseVG {
    color: #000;
    font-weight: bold;
}

.colorNoir
{
  color: #000;
}

.color1
{
  color: #a7c818;
  text-shadow: 0 1px 1px #000;
}

.marquee
{
  padding-top: 15px;
  font-size: 22px;
}

.marquee sup
{
  font-size: 12px;
}

.marquee1 sup
{
  font-size: 7px;
}


@media (max-width: 1400px)
{
  .marquee
  {
    padding-top: 15px;
    font-size: 18px;
  }
}


@media (max-width: 991px)
{
  .divImg
  {
    justify-content: center!important;
  }

  .display-md
  { 
    display: block;
    padding: 10px;
  }

  .hidden-md
  {
    display: none;
  }

  .fit
  {
    height: 400px;
    width: 100%;
    object-fit: cover;
  }
}




/*----------------------------------------------------*/
/*------------------- ACTU FACEBOOK ------------------*/

.relative
{
  position: relative;
}

#actuFacebook
{
  position: fixed;
  top: 350px;
  right: 0;
  overflow: hidden;
  z-index: 10000;
}

#actuFacebook a
{
  color: #000;
  text-decoration: none;
}

#actuFacebook .logoFb
{
  cursor: pointer;
}

#actuFacebook .fb
{
  padding: 10px;
  background: #98a8c7;
  border-bottom-left-radius: 5px;
  border: 1px solid #7a869f;
  margin-right: -500px;
}


@media (max-width: 767px)
{

  #actuFacebook
  {
    top: 150px;
    right: -25px;
  }

  #actuFacebook iframe
  {
    width: 250px;
    height: 300px;
  }

  #actuFacebook img
  {
    width: 31px;
  }

  #actuFacebook .fb
  {
    margin-right: -250px;
  }
}



/*----------------------------------------------------*/
/*------------------- OFFFRES PROMO ------------------*/

.pageOffres .blocOffres1
{
  padding: 50px 0 25px;
}

.pageOffres .blocOffres2
{
  padding: 25px 0 50px;
}

.pageOffres .blocOffres
{
  padding: 70px 0 50px;
}

.pageOffres .divImg
{
  position: relative;
  width: 960px;
}

.pageOffres .fondFonce
{
  position: absolute;
  background: rgba(0,0,0,0.5);
  width: 100%;
  height: 100%;
}

.pageOffres .texte1,
.pageOffres .texte1 a,
.pageOffres .texte2
{
   color: #fff;
   text-shadow: 0 0 3px #000;
}

.pageOffres .texte1
{
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  text-align: center;
}

.pageOffres .texte1 .ssTexte1
{
  font-size: 32px;
}

.pageOffres .texte1 .ssTexte2
{
  font-size: 34px;
}

.pageOffres .texte1 .ssTexte3
{
  font-size: 28px;
}

.pageOffres .texte1 .ssTexte4
{
  color: #a7c818;
  font-weight: 600;
}

.pageOffres .texte2
{
  position: absolute;
  bottom: 10px;
  left: 10px;
}




/*----------------------------------------------------*/
/*------------- OPEN STREET MAPS - INDEX -------------*/

#maCarte
{
  height: 370px;
}

#maCarteAgde,
#maCarteBeziers, #maCarteNarbonne
{
  height: 100%!important;
  width: 100%;
}

#maCarte .h1,
#maCarteAgde .h1,
#maCarteBeziers .h1
#maCarteNarbonne .h1
{
  font-size: 18px;
}

#maCarte p,
#maCarteAgde p,
#maCarteBeziers p,
#maCarteNarbonne p
{
  line-height: 20px;
}

/*------------ FIN OPEN STREET MAPS -------------*/
/*-----------------------------------------------*/



body {
  margin: 0;
  padding: 0;
  font-family: 'arialregular';
  font-size: 14px;
}
h1 {
  font-family: 'arialnarrow';
  font-size: 16px;
  color: #fff;
  background-color: #a7c818;
  margin: 0;
  text-align: center;
  font-weight: normal;
  padding: 10px;
}
.mgt65 {
	margin-top: 65px;}
#copy a {
	color: white;
}
header > div:nth-child(1) {
  background-color: #2A2626;
  padding: 5px;
}
header > div:nth-child(1) > div {
  max-width: 1280px;
  margin: 0 auto;
}
header > div:nth-child(1) .btn {
  padding: 15px 0 ;
}
header > div:nth-child(1) .btn .contact a,
header > div:nth-child(1) .btn .devis a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 15px;
  border: 1px solid #b6d23d;
  text-decoration: none;
}
@media (min-width: 768px) {
  header > div:nth-child(1) .btn .contact a,
  header > div:nth-child(1) .btn .devis a {
    margin-left: 15px;
  }
}
header > div:nth-child(1) .btn .contact a {
  color: #a7c818;
}
@media (max-width: 767px) {
  header > div:nth-child(1) .btn .contact a {
    margin-right: 3px;
  }
}
header > div:nth-child(1) .btn .devis a {
  color: #2a292a;
  background-color: #a7c818;
}
@media (max-width: 676px) {
  header > div:nth-child(1) .btn .devis a {
    margin-left: 3px;
  }
}
header #menuEntreprise {
  background-color: #2A2626;
}
header #menuEntreprise ul {
  list-style: none;
  padding: 0;
  max-width: 1280px;
  margin: 0 auto;
}
header #menuEntreprise a {
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
}
header #menuProduit {
  background-color: #fff;
}
header #menuProduit ul {
  list-style: none;
  padding: 0;
  text-align: center;
  max-width: 1280px;
  margin: 0 auto;
}
header #menuProduit li {
  padding: 20px 10px;
}
header #menuProduit a {
  text-transform: uppercase;
  text-align: center;
  color: #2a2626;
  text-decoration: none;
  font-size: 18px;
  font-family: 'arialbold';
}
#ascenseur {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.5s,opacity 0.5s;
  position: fixed;
  right: 25px;
  bottom: 5%;
  z-index: 1000;
  background-color: #2a292a;
  padding: 10px 0;
  border-radius: 5px;
}
#ascenseur a {
  color: #a7c818;
  padding: 10px 15px;
}
#menuMedium {
  position: fixed;
  z-index: 10000000;
  top: 15px;
  right: 15px;
  display: none;
}
#menuMedium .icon-bar {
  display: block;
  width: 22px;
  height: 3px;
  border-radius: 1px;
  background-color: #a7c818;
}
#menuMedium #btnMenu {
  background-color: #2a292a;
  border: 0;
  border-radius: 20px;
  cursor: pointer;
  padding: 10px;
}
#menuMedium .icon-bar + .icon-bar {
  margin-top: 4px;
}
.visibleXs {
  display: none;
  text-align: right;
}
.visibleXs a {
  width: 100%;
  padding: 5px 10px;
  font-size: 24px !important;
}

.fs1{
	font-size: 40px;
}

#nav li a.lien_promo {
	color: #f783dc;
}

.divIframe iframe
{
  width:1459px;
  height:820px; 
}

.divIframe1
{ 
  overflow:hidden; 
  padding-bottom:30%; 
  position:relative; 
  height:0;
}


.divIframe1 iframe
{
  left:0; 
  top:0; 
  height:100%;
  width:100%;
  position:absolute;
}

@media (max-width: 1459px)
{
  .divIframe
  { 
    overflow:hidden; 
    padding-bottom:56.25%; 
    position:relative; 
    height:0;
  }

  .divIframe iframe
  {
    left:0; 
    top:0; 
    height:100%;
    width:100%;
    position:absolute;
  }
}

@media (max-width: 1199px)
{
  .divIframe1
  {  
    padding-bottom:55%; 
  }


  .pageOffres .blocOffres
  {
    padding: 25px 0;
  }
}





@media (max-width: 991px) {
  #menuMedium {
    display: block;
  }
  #menu {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000001;
    width: 250px;
    overflow: scroll;
    overflow-x: hidden !important;
    max-height: 100vh;
  }
  #menu li {
    width: 100%;
  }
  #menu #menuEntreprise li:nth-child(n+2) a {
    display: flex;
    align-items: center;
  }
  #menu #menuEntreprise li:nth-child(n+2) a div:nth-child(2) {
    text-align: center;
  }
  #menu #menuEntreprise img {
    width: 50px;
    padding: 5px 10px;
  }
  #menu #menuProduit {
    background-color: #2a2626;
  }
  #menu #menuProduit a {
    color: #fff;
    font-family: 'eurostileregular';
  }
  header #menuProduit li {
    padding: 5px 10px;
  }
  .visibleXs {
    display: block;
  }

  .pageOffres .texte1 .ssTexte1
  {
    font-size: 28px;
  }

  .pageOffres .texte1 .ssTexte2
  {
    font-size: 30px;
  }

  .pageOffres .texte1 .ssTexte3
  {
    font-size: 24px;
  }

}

#main,
footer {
  background-color: #f0f2ef;
}
.titre {
  font-family: 'arialbold';
  font-size: 24px;
  text-transform: uppercase;
  text-align: center;
  padding: 30px 10px 20px;
}
.bandeauNoir {
  background-color: #2a2626;
  color: #a7c818;
}
.bandeauBlanc {
  color: #2a2626;
}
div[class*=mw] {
  margin: 0 auto;
}
.mw870 {
  max-width: 870px;
}
.mw1280 {
  max-width: 1280px;
}
.texte {
  font-size: 16px;
  text-align: center;
  padding: 30px 10px;
}
.texte .slideTitre{
	font-family: 'arialregular';
	font-size: 28px;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}
.texte.tal{
	text-align: left;
}
div[class*=actu] {
  text-align: center;
}
.actu1,
.actu3 {
  background-color: #919191;
}
.actu2 {
  background-color: #f37022;
}

@media only screen and ( min-width: 998px )
{
  .display-md
  { 
    display: none;
  }
}

@media (max-width: 992px) and (min-width: 768px) {
  .actu3 {
    order: 1;
  }
}
.produitQualite {
  padding: 80px 30px;
}
.produitQualite > div:nth-child(1) {
  font-family: 'arialbold';
  font-size: 24px;
  text-transform: uppercase;
}
.produitQualite > div:nth-child(2) {
  font-size: 16px;
}
.bg-blanc {
  background-color: #fff;
}
.floatR {
  float: right;
}
.fz18 {
  font-size: 18px;
}
.fz22 {
  font-size: 22px;
}
.font2 {
  font-family: 'arialregular';
}
footer .certificationsLabels {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 10px;
}

.noneLine
{
  text-decoration: none;
  width: 60px;
  height: 58px;
  border: 1px solid #fff;
}

footer i
{
  color: #a7c818;
  font-size: 50px!important;
}

footer .contactezNous {
  background-color: #a7c818;
  color: #2a2626;
  text-align: center;
}
footer .contactezNous .titre {
  padding: 45px 10px 25px;
}
footer .contactezNous .texte {
  padding: 0px 10px 45px;
}
footer #gmap {
  border: 0;
  width: 100%;
  height: 370px;
}
footer #adresse {
  background-color: #2a292a;
  color: #fff;
}
footer #adresse > div {
  padding: 30px 20px;
  border: 1px solid #fff;
}
footer #adresse .ville {
  font-family: 'arialregular';
  font-size: 24px;
  text-transform: uppercase;
}
footer #adresse .adresse {
  font-size: 16px;
}
footer #adresse .adresse a {
  color: #fff;
}
footer #adresse .contact {
  padding-top: 12px;
  padding-bottom: 12px;
}
footer #adresse .contact > * {
  margin: 7px;
}
@media (max-width: 767px) {
  footer #adresse .contact {
    justify-content: space-around;
    flex-wrap: wrap;
  }
  footer #adresse .contact > * {
    margin: 2px;
  }
}
footer #adresse .btn {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 15px;
  border: 1px solid #b6d23d;
  text-decoration: none;
}
footer #adresse .btn.vert {
  background-color: #a7c818;
  color: #2a292a;
}
footer #adresse .btn.gris {
  background-color: #2a292a;
  color: #a7c818;
}
footer #sociaux {
  background-color: #2a292a;
  color: #fff;
}
footer #sociaux > div {
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 10px 25px;
}
footer #sociaux .title {
  font-family: 'arialregular';
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
}
footer .opinion-system-widget-company-rating .os-col-xs-4,
footer .opinion-system-widget-company-rating .os-col-xs-8 {
  width: 100% !important;
}
footer .opinion-system-widget-company-rating .os-bootstrap .os-row {
  margin: 0;
}
footer .opinion-system-widget-company-rating .os-bootstrap,
footer .opinion-system-widget-company-rating .os-bootstrap span {
  background-color: #2a292a;
  color: #fff !important;
}
footer .opinion-system-widget-company-rating > div {
  width: 120px;
}
footer #navBas {
  background-color: #2a292a;
  color: #fff;
  padding-bottom: 25px;
}
footer #navBas ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer #navBas > ul {
  max-width: 1600px;
  margin: 0 auto;
}
footer #navBas a {
  color: #fff;
  text-decoration: none;
}
footer #navBas li {
  font-family: 'arialregular';
  font-size: 14px;
}
footer #navBas > ul > li {
  font-family: 'arialbold';
  font-size: 20px;
  padding: 5px;
}
@media (max-width: 767px) {
  footer #navBas > ul > li {
    width: 100%;
    padding: 5px 15px;
  }
}
footer #menuBas {
  background-color: black;
  font-family: 'arialregular';
  text-transform: uppercase;
}
footer #menuBas ul {
  padding: 0;
  max-width: 1400px;
  margin: 0 auto;
  list-style: none;
}
footer #menuBas ul li {
  padding: 10px 0;
}
footer #menuBas a {
  color: #fff;
  text-decoration: none;
  padding: 10px;
}
footer #copy {
  color: #fff;
  font-family: 'arialregular';
  text-transform: uppercase;
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
footer #copy .mentions {
  color: #fff;
  text-decoration: none;
}
/**** porte fenetre **/
.slider {
  margin: auto;
}
.txtCoteSlide {
  padding: 40px;
}
.txtCoteSlide > div {
  max-width: 640px;
  margin: 0 auto;
}
.txtCoteSlide .slideTitre {
  font-family: 'arialregular';
  font-size: 28px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
}
.txtCoteSlide .slideTexte {
  font-size: 16px;
}
.txtCoteSlide .slideTexte .fz28 {
  font-size: 28px;
  font-family: 'arialregular';
}
.txtCoteSlide .slideTexte .fz22 {
  font-family: 'arialregular';
}
.txtCoteSlide .slideTexte ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.txtCoteSlide .slideTexte ul li {
  margin: 10px 0;
}
.txtCoteSlide .slideTexte a {
  color: #000;
}
.produits {
  color: #2a292a;
  background-color: #f0f2ef;
}
.produits > div {
  background-color: #fff;
  max-width: 1770px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .produits > div {
    padding: 78px;
  }
}
.produits > div > div {
  padding: 25px;
  max-width: 770px;
}
.produits .produitTitre {
  font-family: 'arialregular';
  font-size: 18px;
  padding: 19px;
  background-color: #a7c818;
}
.produitTitre a {
	color:black;
}
#configurateur {
  padding-top: 50px;
}
#configurateur .txtConfigurateur {
  padding: 45px;
}
#configurateur .title {
  font-family: 'arialregular';
  font-size: 28px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
#configurateur .txt {
  font-size: 16px;
}
#configurateur a {
  color: #000;
}
#adresse2 {
  color: #fff;
}
#adresse2 > div > :nth-child(1) {
  padding: 25px 20px;
  background-color: #2a292a;
}
#adresse2 > div:nth-child(2) {
  margin-top: 65px;
}
#adresse2 .ville {
  font-family: 'arialregular';
  font-size: 28px;
  text-transform: uppercase;
}
#adresse2 .adresse {
  font-size: 16px;
}
#adresse2 .adresse a {
  color: #fff;
}
#adresse2 .contact {
  padding-top: 12px;
  padding-bottom: 12px;
}
#adresse2 .contact > * {
  margin: 7px;
}
@media (max-width: 767px) {
  #adresse2 .contact {
    justify-content: space-around;
    flex-wrap: wrap;
  }
  #adresse2 .contact > * {
    margin: 2px;
  }

  .pageOffres .texte1 .ssTexte1
  {
    font-size: 24px;
  }

  .pageOffres .texte1 .ssTexte2
  {
    font-size: 26px;
  }

  .pageOffres .texte1 .ssTexte3
  {
    font-size: 20px;
  }

  .fit
  {
    height: 450px;
  }

  .pageOffres .texte1
  {
    top: 20px; 
  }

  .pageOffres .texte2
  {
    font-size: 14px;
    text-align: left;
  }
}



#adresse2 .btn {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 15px;
  border: 1px solid #b6d23d;
  text-decoration: none;
}
#adresse2 .btn.vert {
  background-color: #a7c818;
  color: #2a292a;
}
#adresse2 .btn.gris {
  background-color: #2a292a;
  color: #a7c818;
}
#adresse2 iframe {
  width: 100%;
  height: 100%;
  border: 0;
}
#engagementPose {
  padding: 70px 20px 100px 10px;
  background-color: #2a2626;
  color: #fff;
}
@media (min-width: 768px) {
  #engagementPose {
    background-image: url("../images/courbet.png");
    background-position: bottom right;
    background-repeat: no-repeat;
  }
}
@media (max-width: 992px) and (min-width: 768px) {
  #engagementPose {
    padding-right: 260px;
  }
}
#engagementPose .titre {
  color: #a7c818;
  padding-bottom: 75px;
}
#engagementPose .engagement {
  max-width: 770px;
  margin: 0 auto;
}
#engagementPose .engagement ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#engagementPose .engagement li {
  padding: 10px 0;
}
#engagementPose .engagement img {
  float: left;
}
#engagementPose .engagement p {
  margin: 0;
  margin-left: 20px;
}
#economieEnergie {
  padding: 50px 10px;
  background-color: #2a2626;
  color: #fff;
}
#economieEnergie .titre {
  color: #a7c818;
  padding-bottom: 75px;
  padding-top: 0;
}
#economieEnergie .economie {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
#comparaisonTemperature {
  background-color: #fff;
  padding: 10px;
}
#comparaisonTemperature .image {
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
  padding: 35px;
}
#comparaisonTemperature img {
  border: 1px solid #2a292a;
  margin: 5px;
  padding: 5px;
}
.label {
  background-color: #f0f2ef;
}
.label > div {
  padding: 10px;
}
.label > div > div {
  padding: 10px;
}
#garanties {
  padding: 70px 20px 100px 10px;
  background-color: #2a2626;
  color: #fff;
}
@media (min-width: 768px) {
  #garanties {
    background-image: url("../images/garantie-a-vie-courbet.jpg");
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 300px;
  }
}
@media (min-width: 1200px) {
  #garanties {
    padding-left: 300px;
  }
  #garanties .garanties {
    max-width: 600px;
  }
}
#garanties .titre {
  color: #a7c818;
  padding-bottom: 25px;
}
#garanties .garanties {
  margin: 0 auto;
}
#garanties .garanties ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#garanties .garanties li {
  padding: 10px 0;
}
#garanties .garanties img {
  float: left;
}
#garanties .garanties p {
  margin: 0;
  margin-left: 20px;
}
#partenaires {
  max-width: 1280px;
  margin: 0 auto;
}
#partenaires .texte {
  font-size: 18px;
  max-width: 1010px;
  margin: auto;
}
#partenaires .ssTitre {
  text-transform: uppercase;
  font-family: 'arialregular';
  text-align: center;
  font-size: 18px;
}
#partenaires .partenaires {
  margin-top: 50px;
  margin-bottom: 45px;
}
#partenaires .partenaires > div {
  padding: 12px;
}
#partenaires .partenaires > div > div {
  padding: 12px;
  min-height: 206px;
  background-color: #2a292a;
}
/* MAGIC LIGHT BY JULIEN D */
.view-txt img {
  -webkit-transition: all 0.4s ease-in-out 0.2s;
  transition: all 0.4s ease-in-out 0.2s;
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.view-txt .mask {
  background-color: rgba(0, 0, 0, 0.8);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  border-radius: 0px;
}
.view-txt h2 {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  margin: 20px 40px 0px 40px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.view-txt p {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.view-txt a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.view-txt:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.view-txt:hover img {
  -webkit-transform: scale(0);
  transform: scale(0);
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.view-txt:hover h2,
.view-txt:hover p,
.view-txt:hover a.info {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.view {
  width: 95%;
  height: 200px;
  margin: 10px;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
.view .mask,
.view .content {
  width: 100%;
  height: 200px;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}
.view img {
  margin-top: 35px;
}
.view h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.8);
  margin: 20px 0 0 0;
}
.view p {
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 12px;
  position: relative;
  color: #fff;
  padding: 10px 20px 10px;
  text-align: center;
}
.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000;
}
.view a.info:hover {
  box-shadow: 0 0 5px #000;
}
/*** formulaire ***/
#formulaire form {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 75px;
}
#formulaire form .formTitre {
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'arialbold';
  margin-bottom: 20px;
  margin-top: 20px;
}
#formulaire form .produitsConcernes {
  max-width: 500px;
  margin: auto;
  text-transform: uppercase;
}
#formulaire form input[type=text],
#formulaire form textarea {
  width: calc(100% - 17px);
  padding: 5px;
}
#formulaire form textarea {
  height: 150px;
}
#formulaire form input[type=submit] {
  background-color: #2a292a;
  color: #fff;
  text-transform: uppercase;
  font-family: 'arialbold';
  padding: 10px 15px;
  border: 0;
  cursor: pointer;
}
#formulaire form > div:nth-child(n+9) {
  margin-top: 20px;
}
#contact form {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 75px;
}
#contact form .formTitre {
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'arialbold';
  margin-bottom: 20px;
  margin-top: 20px;
}
#contact form .produitsConcernes {
  max-width: 500px;
  margin: auto;
  text-transform: uppercase;
}
#contact form input[type=text],
#contact form textarea {
  width: calc(100% - 17px);
  padding: 5px;
}
#contact form textarea {
  height: 150px;
}
#contact form input[type=submit] {
  background-color: #2a292a;
  color: #fff;
  text-transform: uppercase;
  font-family: 'arialbold';
  padding: 10px 15px;
  border: 0;
  cursor: pointer;
}
#contact form > div:nth-child(n+6) {
  margin-top: 20px;
}
#contact a {
  color: #000;
}
#realisation {
  background-color: #2a292a;
}
#realisation > div {
  padding: 20px;
}
div[class*=bg-] {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.bg-genieys-beziers,
.bg-genieys-agde, .bg-comptoir-renovation-narbonne {
  min-height: 380px;
}
.bg-genieys-beziers {
  background-image: url(../images/genieys-beziers.jpg);
}
.bg-genieys-agde {
  background-image: url(../images/genieys-agde.jpg);
}
.bg-genieys {
  background-image: url(../images/genieys-agde-beziers-slide1.jpg);
  min-height: 500px;
}
#adresse2 > div:nth-child(3) {
  margin-top: 65px;
}
.bg-narbonne {
  background-color: #2a292a;
  padding: 25px 20px;
}
.bg-comptoir-renovation-narbonne {
  background-image: url(../images/magasin-narbonne-comptoir-renovation.jpg);
}
.bg-garantie-vie {
  background-image: url(../images/garantie-a-vie.jpg);
  min-height: 500px;
}
.bg-formation {
  background-image: url(../images/formation.jpg);
  min-height: 500px;
}
.bg-pose {
  background-image: url(../images/poseurs-art-et-fenetres.jpg);
  min-height: 500px;
}
.bg-artetfenetres-genieys {
  background-image: url(../images/artetfenetres-genieys.jpg);
  min-height: 400px;
}
.bg-isolation-thermique {
  background-image: url(../images/isolation-thermique.jpg);
  min-height: 500px;
}
#surSlide {
  position: absolute;
  right: 0;
  z-index: 10000;
  cursor: pointer;
}
.flexslider {
  max-width: 1600px;
  margin: auto !important;
  background-color: transparent;
  border: none;
}
.infoFiscale {
  max-width: 1600px;
  margin: auto;
  padding: 0 10px;
}
.infoFiscale a {
  color: #000;
}
.youtube {
  border: 0;
  width: 100%;
  height: 100%;
  min-height: auto;
}
.txtRge {
  color: red;
}
.fontVert{
	color:#a7c818;
	font-size: 20px;
}
.offre{
	padding:20px 10px;
}
.LiensCovid{
	font-size: 18px;
	color: #000;
}
.fontGde{  
	font-family: 'arialbold';
	color:#000;
	font-size: 24px;
}
.txtVert {
  color: #a7c818;
}