@charset "utf-8";
/* CSS Document Commune à l'affichage écran et l'impression */

/*-------------------------------------------------*/
/* BOUTONS                                         */
/*-------------------------------------------------*/
.siteBoutonStyle1
{
    font-family: 'Oswald', 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;    
    font-style:normal;
    font-weight: normal;	
	font-size       : 20px;
	line-height     : 46px;  
	color           : #fff;
	text-align      : center;
	width:150px;
	min-height:48px;
	border:1px solid #fff;
	transition: 0.5s;
	background-color: #0285bd;
	border-radius: 4px;
	display: block;	
	text-transform: uppercase;	  
	/* box-shadow: 0em 0em 0.3em rgba(0,0,0,0.4); */
}
.siteBoutonStyle1:hover
{
	color           : #0285bd;
    background-color: #fff;
	border:1px solid #fff;
	/* box-shadow: 0em 0em 0.3em rgba(0,0,0,0.4); */
}

.siteBoutonStyle2
{
    font-family: 'Oswald', 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;    
	font-style:normal;
    font-weight: normal;	
	font-size       : 20px;
	line-height     : 46px;  
	color           : #fff;
	text-align      : center;
	width:150px;
	min-height:48px;
	border:1px solid #0285bd;
	transition: 0.5s;
	background-color: #0285bd;
	border-radius: 4px;
	display: block;	
	text-transform: uppercase;	
	/* box-shadow: 0em 0em 0.3em rgba(0,0,0,0.4); */
}
.siteBoutonStyle2:hover
{
	color           : #0285bd;
    background-color: #fff;
	border:1px solid #fff;
	/* box-shadow: 0em 0em 0.3em rgba(0,0,0,0.4); */
}
.siteBoutonStyle3
{
    font-family: 'Oswald', 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;    
	font-style:normal;
    font-weight: normal;	
	font-size       : 20px;
	line-height     : 46px;  
	color           : #666;
	text-align      : center;
	width:150px;
	min-height:48px;
	border:1px solid #666;
	transition: 0.5s;
	background-color: #fff;
	border-radius: 4px;
	display: block;	
	text-transform: uppercase;
	/* box-shadow: 0em 0em 0.3em rgba(0,0,0,0.4); */
}
.siteBoutonStyle3:hover
{
	color           : #fff;
    background-color: #0285bd;
	border:1px solid #0285bd;
	/* box-shadow: 0em 0em 0.3em rgba(0,0,0,0.4); */
}

.siteBouton_T1{width:200px;font-size:20px;line-height: 46px;}
.siteBouton_T2{width:250px;font-size:20px;line-height: 46px;}
.siteBouton_T3{width:280px;font-size:20px;line-height: 46px;}
.siteBouton_T4{width:350px;font-size:20px;line-height: 46px;}

.siteBouton_center{margin:auto;}

.siteBouton_left_center{margin:none;}

.siteBouton_UpperCase{text-transform: uppercase;}


/*-------------------------------------------------*/
/* TOGGLE                                          */
/*-------------------------------------------------*/
.toggleContainer.main {
  width: 100%;
  margin: auto;
}
.toggleContainer.main section {
  background-color: #fff;
  border: 1px solid #777;
}
.toggleContainer.main section label {
 
  background-color: #fff;
  cursor: pointer;
  display: block;
  padding: 15px 20px;
  margin: 0;
  color: #8B136F;
  position: relative;
  font-size: 18px;
  text-align: left;
}
.toggleContainer.main section label::after {
  content: "\271B";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #8B136F;
  opacity: 0.5;
  font-weight: 100;
  font-size: 16px;
}
.toggleContainer.main section .divToogle {
  max-height: 0;
  visibility: hidden;
  overflow: hidden;
  padding: 0 20px;
  transition: all 0.8s ease;
  text-align: left;
}
.toggleContainer.main section .divToogle * {
  opacity: 0;
  transition: all 0.8s ease;
}
.toggleContainer.main section input {
  display: none;
}
.toggleContainer.main section input:checked + label + .divToogle {
  max-height: 10000px;
  visibility: visible;
  opacity: 1;
  padding: 20px;
}
.toggleContainer.main section input:checked + label + .divToogle * {
  opacity: 1;
}
.toggleContainer.main section input:checked + label::after {
  content: "\268A";
  border-top:20px;
}

/*-------------------------------------------------*/
/* DIAPOS PHOTOS - STYLE 1                         */
/*-------------------------------------------------*/
.siteDiapo1_Container
{
    width:100%;
    float:left;
    margin-left:0px;
	margin-right:0px;
	margin-top:30px;
}

.siteDiapo1_Colonne
{
    width:33.33%;
	float:left;
	margin-bottom:40px;
}

.siteDiapo1
{
    width:92%;
    max-width:500px;
	height:auto;
	margin: auto;
}
.siteDiapo1 .divDiapo1 {
  display: inline-block;
  width: 100%;
  transition: all 0.4s ease-in-out;
  box-shadow: 2px 10px 25px rgba(158,158,158,1);	
}
.siteDiapo1 .divDiapo1:hover .imgDiapo1 {
              opacity: 0.4;
}
.divDiapo1:hover{
  transform: translateY(-10px);
  box-shadow: 2px 10px 25px rgba(158,158,158,1);	
}
.siteDiapo1 .divDiapo1:hover .diapo1-textPhoto {
      visibility: visible;
}
.siteDiapo1 .divDiapo1 .imgDiapo1 {
      width: 100%;
      transition: all 0.25s ease-in-out;
}

.diapo1-containerPhoto
{
	position: relative;
}

.diapo1-fondPhoto{
  background:#000;
  display:inline-block;
}
.diapo1-fondPhoto img{
  -moz-transition: opacity 0.9s;
  -webkit-transition: opacity 0.9s;
  -o-transition: opacity 0.9s;
  transition: opacity 0.9s;
  vertical-align:top;
}
.diapo1-fondPhoto img:hover{
  opacity:0.1;  
}

.diapo1-textPhoto
{
  visibility: hidden;
  position: absolute;
  z-index: 1; 
  color: #fff;
  font-size: 14px;
  line-height:22px;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);  
  text-align: center;
  background-color: transparent;
  max-width:90%;
}    


/*-------------------------------------------------*/
/* DIAPOS PHOTOS - STYLE 2                         */
/*-------------------------------------------------*/
.siteDiapo2_Container
{
    width:100%;
    float:left;
    margin-left:0px;
	margin-right:0px;
	margin-top:60px;
}

.siteDiapo2_Colonne
{
    width:33.33%;
	float:left;
	margin-bottom:40px;
}

.siteDiapo2
{
    width:90%;
    max-width:500px;
	height:auto;
	margin: auto;
}
.siteDiapo2 .divDiapo2 {
  display: inline-block;
  width: 100%;
  transition: all 0.4s ease-in-out;
  box-shadow: 2px 10px 25px rgba(158,158,158,1);	
}
.siteDiapo2 .divDiapo2:hover .imgDiapo2 {
              opacity: 0.4;
}
.divDiapo2:hover{
  transform: translateY(-10px);
  box-shadow: 2px 10px 25px rgba(158,158,158,1);	
}

.siteDiapo2 .divDiapo2:hover .diapo2-textPhoto {
      visibility: visible;
}
.siteDiapo2 .divDiapo2 .imgDiapo2 {
      width: 100%;
      transition: all 0.25s ease-in-out;
}

.diapo2-containerPhoto
{
	position: relative;
}

.diapo2-fondPhoto{
  background:#000;
  display:inline-block;
}
.diapo2-fondPhoto img{
  -moz-transition: opacity 0.9s;
  -webkit-transition: opacity 0.9s;
  -o-transition: opacity 0.9s;
  transition: opacity 0.9s;
  vertical-align:top;
}
.diapo2-fondPhoto img:hover{
  opacity:0.5;  
}

.diapo2-textPhoto
{
  visibility: hidden;
  position: absolute;
  z-index: 1; 
  color: #fff;
  font-size: 14px;
  line-height:22px;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);  
  text-align: center;
  background-color: transparent;
  max-width:90%;
}    


/*-------------------------------------------------*/
/* HOME                                            */
/*-------------------------------------------------*/
.siteHome
{
  width:100%;
  float:left;
  padding-top:40px;
  padding-bottom:80px;	  
}
.siteHomeInner
{
    width : 1250px;
	margin:auto;
	text-align: center;
}

/* Home - Intro */
.siteHomeIntroColContainer
{
  width:100%;
  float: left;	
  margin-top:20px;  
}
.siteHomeIntroCol1
{
	width:60%;
    float: left;
}
.siteHomeIntroCol1Inner
{
  padding-right:40px;
  padding-top:15px;
}  

.siteHomeIntroCol2
{
  width:40%;
  height:auto;
  float: left;
}
.siteHomeIntroCol2ImgLarge
{
	width:100%;
	visibility: visible;
	display: block;	
	margin-top:0px;
}
.siteHomeIntroCol2ImgMedium
{
	width:100%;
	visibility: hidden;
	display: none;	
	margin-top:30px;	
}

.siteHomeIntroBouton
{
	margin-top:60px;
}

/* Salle de Bain */
.siteHomeSDB
{
  width:100%;
  float: left;
}

.siteHomeSDBColContainer
{
    width:100%;
    background-color: #0285bd;
	display: flex;
	visibility: visible;
}
.siteHomeSDBCol1
{
  width:50%;
  height:auto;
  background:url(../images/home/deman_srl_amenagement_salle_de_bain_large.jpg) center; 
}

.siteHomeSDBCol2
{
	width:50%;
    height:600px;
    display: flex;
    align-items: center;
}
.siteHomeSDBCol2Inner
{
  width:80%;
  margin: auto;
}
.siteHomeSDBCol2Intro
{
	margin-top:40px;
}
.siteHomeSDBCol2Bouton
{
	margin-top:60px;
}

.siteHomeSDBMini
{
	visibility: hidden;
	display: none;
	height: auto;
	background-color: #0285bd;	
}
.siteHomeSDBMiniImg
{
  width:100%;
  display: block;

}
.siteHomeSDBMiniTxt
{
    width:calc(100%-80px);
	padding-top:40px;
	padding-bottom:40px;
	padding-left:40px;
	padding-right:40px;
	
}
.siteHomeSDBMiniIntro
{
	margin-top:20px;
}
.siteHomeSDBMiniBouton
{
	margin-top:40px;
	margin-bottom:20px;
}

/* Partie Prestations */
.siteHomePrestations
{
  width:100%;
  float: left;
  padding-top:60px;
  padding-bottom:80px;  
  background-color: #575756;
  background:url(../images/home/deman-srl-home-bg1.jpg);
  background-position-x: center;
  
}
.siteHomePrestationsInner
{
	width : 1250px;
	margin:auto;
}

.siteHomePrestationsColContainer
{
  margin-top:40px;
}
.siteHomePrestationsCol
{
  width:33%;
  float:left;
  margin-top:20px;  
  height:320px;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail {
 width:calc(100% - 90px);
 height: 270px;
 margin:auto;
 background-color: #3b3b3b;
 border:1px solid #3b3b3b;
 border-radius:6px;
 padding-top:30px;
 padding-left:25px;
 padding-right:25px;
 -webkit-transition:all .4s ease-out 0s;
 -moz-transition:all .4s ease-out 0s;
 -ms-transition:all .4s ease-out 0s;
 -o-transition:all .4s ease-out 0s;
 transition:all .4s ease-out 0s;
 position:relative;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail::before {
 position:absolute;
 content:"";
 width:100%;
 height:0;
 background:#0285bd;
 /*background:#F7931E;*/
  transition:.6s;
 bottom:0;
 left:0;
 z-index:-1;
 border-radius:6px;

}
.siteHomePrestationsColInner .siteHomePrestationsColDetail .siteHomePrestationsColDetailIconChauffage span {
  width:64px;
  height:64px;
  background:url(../images/home/radiator_3999685_blue.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail .siteHomePrestationsColDetailIconPompeChaleur span {
  width:64px;
  height:64px;
  background:url(../images/home/air-source-heat-pump_10483135_blue.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail .siteHomePrestationsColDetailIconClimatisation span {
  width:64px;
  height:64px;
  background:url(../images/home/air-conditioning_3653288_blue.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail .siteHomePrestationsColDetailIconVentilation span {
  width:64px;
  height:64px;
  background:url(../images/home/circulation_3326056_blue.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
  border:none;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail .siteHomePrestationsColDetailIconSanitaire span {
  width:64px;
  height:64px;
  background:url(../images/home/faucet_1078849_blue.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail .siteHomePrestationsColDetailIconAdoucisseur span {
  width:64px;
  height:64px;
  background:url(../images/home/water-drop_3105761_blue.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail .siteHomePrestationsColDetailTexte h2 {
  font-family: 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;  
 font-size:36px;
 font-weight:normal;
 text-align: center;
 color:#fff;
 margin-bottom:15px;
 text-transform: none; 
 display:block;
 -webkit-transition:all .2s ease-out 0s;
 -moz-transition:all .2s ease-out 0s;
 -ms-transition:all .2s ease-out 0s;
 -o-transition:all .2s ease-out 0s;
 transition:all .2s ease-out 0s;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail .siteHomePrestationsColDetailTexte p {
 font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
 font-size:16px;
 font-weight: lighter;
 text-align: center;
  color:#fff;
 -webkit-transition:all .2s ease-out 0s;
 -moz-transition:all .2s ease-out 0s;
 -ms-transition:all .2s ease-out 0s;
 -o-transition:all .2s ease-out 0s;
 transition:all .2s ease-out 0s;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail .siteHomePrestationsColDetailTexte a {
 color:#003c71;
 font-size:16px;
 font-weight:600;
 -webkit-transition:all .2s ease-out 0s;
 -moz-transition:all .2s ease-out 0s;
 -ms-transition:all .2s ease-out 0s;
 -o-transition:all .2s ease-out 0s;
 transition:all .2s ease-out 0s
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail:hover {
 border:none;
 border-color: transparent;
 transform: translateY(-10px);
 box-shadow: 2px 10px 25px rgba(158,158,158,1);
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail:hover::before {
  height:100%;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail:hover .siteHomePrestationsColDetailIconChauffage span {
  background:url(../images/home/radiator_3999685_blanc.png) no-repeat;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail:hover .siteHomePrestationsColDetailIconPompeChaleur span {
  background:url(../images/home/air-source-heat-pump_10483135_blanc.png) no-repeat;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail:hover .siteHomePrestationsColDetailIconClimatisation span {
  background:url(../images/home/air-conditioning_3653288_blanc.png) no-repeat;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail:hover .siteHomePrestationsColDetailIconVentilation span {
  background:url(../images/home/circulation_3326056_blanc.png) no-repeat;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail:hover .siteHomePrestationsColDetailIconSanitaire span {
  background:url(../images/home/faucet_1078849_blanc.png) no-repeat;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail:hover .siteHomePrestationsColDetailIconAdoucisseur span {
  background:url(../images/home/water-drop_3105761_blanc.png) no-repeat;
}

.siteHomePrestationsColInner .siteHomePrestationsColDetail:hover .siteHomePrestationsColDetailTexte h2 {
  color:#fff;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail:hover .siteHomePrestationsColDetailTexte p {
  color:#fff;
}
.siteHomePrestationsColInner .siteHomePrestationsColDetail:hover .siteHomePrestationsColDetailTexte a {
  color:#fff;
}

/* Home - Réalisations */
.siteHomeRealisations
{
  background-color: #ffffff;
  width:100%;
  float:left;
  padding-top:60px;
  padding-bottom:80px;	  
}
.siteHomeRealisationsInner
{
    width : 1250px;
	margin:auto;
	text-align: center;
}

/* Home - Marques */
.siteHomeMarques
{
  background-color: #ffffff;
  width:100%;
  float:left;
  padding-top:60px;
  padding-bottom:80px;	  
}
.siteHomeMarquesInner
{
    width : 1250px;
	margin:auto;
	text-align: center;
}
.siteHomeMarquesDetail
{
	margin-top:20px;
	text-align: center;
}


/* Home - Compteurs */
.siteHomeCompteurs
{
  background-color: #ffffff;
  width:100%;
  float:left;
}
.siteHomeCompteursInner
{
    width : 1250px;
	margin:auto;
	text-align: center;
	padding-top:40px;
	padding-bottom:20px;
}
.siteHomeCompteursColContainer
{
	
}	
.siteHomeCompteursCol
{
  width:25%;
  height:auto;
  float:left;	
}
.siteHomeCompteursColInner
{
  margin:auto;
  text-align: center;
  margin-bottom:40px;  
}  
.siteHomeCompteursColNum
{
  font-size: 60px;
  line-height: 80px;  
  font-weight: bold;
  color:#333333;  
}
.siteHomeCompteursColTitre
{
  font-size: 18px;
  line-height:28px;
  font-weight: normal;  
  color:#9C9C9C;
  text-transform: uppercase;
}  


/* Partie Contact */
.siteHomeContact
{
  width:100%;
  float:left;
  height:auto; 
}

.siteHomeContactFond
{
  width:100%;
  float:left;
  height:auto; 
  background-color: #202020;
  background-image: url(../images/home/deman-srl-contact-bg2.png) ;
  background-repeat: no-repeat;
  background-position: top right;
}
.siteHomeContactInner
{
    width : 1250px;
	margin:auto;
	text-align: center;
}

.SiteHomeContactColContainer
{
	width:100%;
	float:left;
	margin-top:100px;
	margin-bottom:100px;
}

.SiteHomeContactCol1
{
  width:50%;
  float:left;
  text-align: center;
}  
.SiteHomeContactCol2
{
  width:50%;
  float:left;
  text-align: center;
}
.siteHomeContactCol1Inner
{
  width:85%;
  margin:auto;
  margin-top:10px;
  font-weight: lighter;
  font-size: 20px;
  line-height:26px;
}
.siteHomeContactCol1TexteTitre
{
  font-family: 'Oswald', 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;    
  font-style:normal;
  font-weight: norma;
  font-size:50px;
  line-height:60px;
  color:#fff;
  margin-bottom:30px;
  text-align: left;
}
.siteHomeContactCol1TexteDetail
{
  font-family      : 'Open Sans',Helvetica, Arial, Verdana, sans-serif;    
  font-style:normal;
  font-weight: lighter;
  font-size:20px;
  line-height:26px;
  color:#fff;
  margin-bottom:30px;
  text-align: left;
}

.siteHomeContactCol2Inner
{
  width:85%;
  margin:auto;
  margin-top:0px;
  font-weight: lighter;
  font-size: 20px;
  line-height:26px;
}
.siteHomeContactCol2Img
{
  margin-bottom:20px;
  text-align: center;	
}
.siteHomeContactCol2Texte1
{
  font-family      : 'Open Sans',Helvetica, Arial, Verdana, sans-serif;    
  font-style:normal;
  font-weight: lighter;
  font-size:20px;
  line-height:26px;
  color:#fff;
  margin-bottom:2px;
  text-align: center;
}
.siteHomeContactCol2Texte2
{
  font-family: 'Oswald', 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;      
  font-style:normal;
  font-weight: normal;
  font-size:48px;
  line-height:60px;
  color:#fff;
  text-align: center;
}
.siteHomeContactCol2Texte2 a
{

  font-weight: normal;
  color:#fff;
}
.siteHomeContactCol2Texte2 a:hover
{
  color: #03A8E3;
}  
.siteHomeContactCol2Bouton
{
  margin-top:40px;
}  

/* Partie Communes */
.siteHomeCommunes
{
  width:100%;
  float: left;
  padding-top:60px;  	
  padding-bottom:80px;  	
}
.siteHomeCommunesInner
{
	width : 1250px;
	margin:auto;
}


/*-------------------------------------------------*/
/* SERVICES                                        */
/*-------------------------------------------------*/
.siteServices
{
  width:100%;
  float:left;
  padding-top:40px;
  padding-bottom:100px;	  
}
.siteServicesInner
{
  width:1250px;
  margin:auto;
}

.siteServicesLineSeparator
{
  width:100%;
  height:1px;
  background-color: #ececec;
}
.siteServicesColContainer
{
  width:100%;
  margin-top:40px;  
  margin-bottom:40px;
  float: left;	
}
.siteServicesCol1
{
  width:40%;
  height:auto;
  float: left;
}
.siteServicesCol1ImgLarge
{
	width:100%;
	visibility: visible;
	display: block;	
}
.siteServicesCol1ImgMedium
{
	width:100%;
	visibility: hidden;
	display: none;	
}
.siteServicesCol1ImgSmall
{
	width:100%;
	visibility: hidden;
	display: none;	
	margin-top : 5px;
	margin-bottom : 10px;
}
.siteServicesCol2
{
	width:60%;
    float: left;
}
.siteServicesCol2Inner
{
  padding-left:40px;
  padding-right:40px;
  padding-top:5px;
  padding-bottom:15px;
}  
.siteServicesCol2Bouton
{
	margin-top:20px;
}


/*-------------------------------------------------*/
/* SERVICES - FICHE                               */
/*-------------------------------------------------*/
.siteServicesFiche
{
  width:100%;
  float:left;
  padding-top:40px;
  padding-bottom:100px;	  
}
.siteServicesFicheInner
{
  width:1250px;
  margin:auto;
}
.siteServicesFicheTexteIntro
{
	
}
.siteServicesFicheColContainer
{
  width:100%;
  margin-top:40px;  
  margin-bottom:40px;
  float: left;	
}
.siteServicesFicheCol1
{
  width:40%;
  height:auto;
  float: left;
}
.siteServicesFicheCol1ImgLarge
{
	width:100%;
	visibility: visible;
	display: block;	
	padding-top:10px;
}
.siteServicesFicheCol1ImgMedium
{
	width:100%;
	visibility: hidden;
	display: none;	
	padding-top:10px;	
}
.siteServicesFicheCol1ImgSmall
{
	width:100%;
	visibility: hidden;
	display: none;	
}
.siteServicesFicheCol2
{
	width:60%;
    float: left;
}
.siteServicesFicheCol2Inner
{
  padding-left:40px;
  padding-right:40px;
  padding-top:10px;
  padding-bottom:10px;
}  
.siteServicesFicheMarques
{
	margin:auto;
}
.siteServicesFicheMarquesInner
{
	margin-top:20px;
	text-align: center;
}

.siteServicesFicheTexteBas
{
	margin-top:20px;
}
.siteServicesFicheBouton
{
	margin-top:40px;
}


.siteServicesFicheLiens
{
	width:100%;
	height:auto;
	background-color: #f0f0f0;
	float: left;
	visibility: visible;
	display: block;
}

.siteServicesFicheLiensColContainer
{
  width:1250px;
  margin: auto;
}

.siteServicesFicheLiensCol
{
  width:20%;
  float:left;
  height:auto;
    margin-top:40px;
  margin-bottom:40px;  

}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail {
 width:calc(100% - 90px);
 height: 150px;
 margin:auto;
 border:1px solid #d1d1d1ff;
 border-radius:6px;
 padding-top:30px;
 padding-left:25px;
 padding-right:25px;
 -webkit-transition:all .4s ease-out 0s;
 -moz-transition:all .4s ease-out 0s;
 -ms-transition:all .4s ease-out 0s;
 -o-transition:all .4s ease-out 0s;
 transition:all .4s ease-out 0s;
 position:relative;
 background-color: #fff;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail::before {
 position:absolute;
 content:"";
 width:100%;
 height:0;
 background:#04BBFF;
 transition:.6s;
 bottom:0;
 left:0;
 z-index:-1;
 border-radius:6px;

}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail .siteServicesFicheLiensColDetailIconPlomberie span {
  width:48px;
  height:48px;
  background:url(../images/services/plomberie-48-1.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
  border:none;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail .siteServicesFicheLiensColDetailIconSanitaire span {
  width:48px;
  height:48px;
  background:url(../images/services/sanitaire-48-1.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail .siteServicesFicheLiensColDetailIconChauffage span {
  width:48px;
  height:48px;
  background:url(../images/services/chauffage-48-1.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail .siteServicesFicheLiensColDetailIconTraitementEau span {
  width:48px;
  height:48px;
  background:url(../images/services/traitement-eau-48-1.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail .siteServicesFicheLiensColDetailIconDebouchage span {
  width:48px;
  height:48px;
  background:url(../images/services/debouchage-48-1.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail .siteServicesFicheLiensColDetailIconSDB span {
  width:48px;
  height:48px;
  background:url(../images/services/salle-de-bain-48-1.png) no-repeat;
  background-position-x: center;
  margin: auto;
  display:block;
  margin-bottom:20px;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail .siteServicesFicheLiensColDetailTexte h2 {
  font-family: 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;  
 font-size:20px;
 line-height:26px;
 font-weight:normal;
 text-align: center;
 color:#04BBFF;
 margin-bottom:15px;
 text-transform: none; 
 display:block;
 -webkit-transition:all .2s ease-out 0s;
 -moz-transition:all .2s ease-out 0s;
 -ms-transition:all .2s ease-out 0s;
 -o-transition:all .2s ease-out 0s;
 transition:all .2s ease-out 0s;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail .siteServicesFicheLiensColDetailTexte a {
 color:#003c71;
 font-size:16px;
 font-weight:600;
 -webkit-transition:all .2s ease-out 0s;
 -moz-transition:all .2s ease-out 0s;
 -ms-transition:all .2s ease-out 0s;
 -o-transition:all .2s ease-out 0s;
 transition:all .2s ease-out 0s
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail:hover {
 border:none;
 border-color: transparent;
 transform: translateY(-10px);
 box-shadow: 2px 10px 25px rgba(158,158,158,1);
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail:hover::before {
  height:100%;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail:hover .siteServicesFicheLiensColDetailIconPlomberie span {
  background:url(../images/services/plomberie-48-2.png) no-repeat;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail:hover .siteServicesFicheLiensColDetailIconSanitaire span {
  background:url(../images/services/sanitaire-48-2.png) no-repeat;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail:hover .siteServicesFicheLiensColDetailIconChauffage span {
  background:url(../images/services/chauffage-48-2.png) no-repeat;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail:hover .siteServicesFicheLiensColDetailIconTraitementEau span {
  background:url(../images/services/traitement-eau-48-2.png) no-repeat;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail:hover .siteServicesFicheLiensColDetailIconDebouchage span {
  background:url(../images/services/debouchage-48-2.png) no-repeat;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail:hover .siteServicesFicheLiensColDetailIconSDB span {
  background:url(../images/services/salle-de-bain-48-2.png) no-repeat;
}

.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail:hover .siteServicesFicheLiensColDetailTexte h2 {
  color:#fff;
}
.siteServicesFicheLiensColInner .siteServicesFicheLiensColDetail:hover .siteServicesFicheLiensColDetailTexte a {
  color:#fff;
}


/*-------------------------------------------------*/
/* MARQUES                                         */
/*-------------------------------------------------*/
.siteMarquesImg
{
	width:250px;
	height:100px;
	padding:10px;
	margin:15px;
	border:#8a8a8a 1px solid;
	opacity: 1;
    background-color: #fff;
    -webkit-transition:all .4s ease-out 0s;
    -moz-transition:all .4s ease-out 0s;
    -ms-transition:all .4s ease-out 0s;
    -o-transition:all .4s ease-out 0s;
    transition:all .4s ease-out 0s;
}

.siteMarquesImg:hover
{
 opacity: 0.5;
 transform: translateY(-10px);
 box-shadow: 2px 10px 25px rgba(158,158,158,1);	
	
}


/*-------------------------------------------------*/
/* REALISATIONS - GALERIES PHOTOS                  */
/*-------------------------------------------------*/
.siteRealisations
{
  width:100%;
  float:left;
  padding-top:40px;
  padding-bottom:100px;	 
}
.siteRealisationsInner
{
    width : 1250px;
	margin:auto;
	text-align: center;
}
.siteRealisationsIntro
{
    width:100%;
}    
.siteRealisationsZoneFiltre
{
    width:100%;
	margin-top:25px;
	margin-bottom:25px;
	float:left;
	text-align: center;
}
.siteRealisationsZoneFiltreTag
{
    font-family: 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;  
	font-style:normal;
    font-weight:normal;	
	font-size       : 18px;
	line-height     : 28px;  
	color           : #464646;
	text-align      : left;
	text-decoration : none;
	margin-left    : 0px;
    margin-right   : 20px;		
	margin-top     : 0px;
	margin-bottom  : 10px;
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #efefef;
	border-radius: 6px;
}
.siteRealisationsZoneFiltreTag:hover
{
    color:#fff;
    font-weight:normal;	
	background-color: #0285bd;    
}
.siteRealisationsZoneFiltreTagSelect
{
    font-family: 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;  
	font-style:normal;
    font-weight:bold;	
	font-size       : 18px;
	line-height     : 28px;  
	color           : #fff;
	text-align      : left;
	text-decoration : none;
	margin-left    : 0px;
    margin-right   : 20px;		
	margin-top     : 0px;
	margin-bottom  : 10px;
	float:left;
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #0285bd;
	border-radius: 6px;	
	
}
.siteRealisationsZoneFiltreTagSelect:hover
{
}
.siteRealisationsZoneTexteCat
{
    width:100%;
	margin-bottom:30px;
	float:left;
}


/*-------------------------------------------------*/
/* CONTACT                                         */
/*-------------------------------------------------*/
.siteContact
{
  width:100%;
  float:left;
  padding-top:40px;
  padding-bottom:100px;	  
}
.siteContact h1
{
  margin-bottom:20px;	
  text-align: left;
}
.siteContactInner
{
    width : 1250px;
	margin:auto;
}
.siteContactHalfCol1
{
    width : 905px;
	margin-bottom:30px;
	float:left;
	padding-right:30px;
}
.siteContactHalfCol2
{
    width : 280px;
	margin-bottom:30px;
	margin-left:35px;
	float:left;
}

.contactForm
{
  text-align:left;
  width:100%;
  height:auto;
  margin:auto;
  margin-top:40px;
}

.contactFormLigneInput
{
  text-align:left;
  width:100%;
  float:left;
  margin-bottom:10px;
  
}
.contactFormInput{width:calc(100% - 22px);}

.contactFormLigneTextArea
{
  text-align:left;
  width:100%;
  float:left;
  margin-bottom:10px;
}
.contactFormTextArea{width:calc(100% - 22px);height:270px;}

.contactFormVerif
{
  width:100px;
  margin-right:10px;	
}

.contactFormLigneBouton
{
  width:100%;
  float:left;
  margin-top:20px;
}
.contactFormRGPD
{
  width:100%;
  margin-top:20px;
  float:left;
  border-top : #cecece solid 1px;
  margin-top:40px;
  padding-top:10px;
}

.contactFormRGPD p
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 12px;
  line-height     : 16px;  
  text-align: justify;
}
.contactLogo
{
  height:100px;
  width:auto;	
  margin-left:0px;
  margin-top:10px;
  margin-bottom:20px;
}
.contactSociete
{
  font-family: 'Oswald', 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;    
  font-style      : normal;
  font-weight     : bold;	
  font-size       : 19px;
  line-height     : 25px;  
  padding-left:0px;	
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
  text-align:left;
}
.contactAdresse
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-style      : normal;
  font-weight     : normal;	
  font-size       : 15px;
  line-height     : 21px;  
  padding-left:0px;	
  padding-right:0px;
  padding-top:0px;
  padding-bottom:0px;
  text-align:left;
  margin-bottom:20px;

}
.contactTel
{
	height:40px;
	line-height:40px;
}
.contactTelImg
{
  margin-left:0px;
  margin-right:10px;
  margin-top:8px; 
  float:left; 
} 
.contactEmail
{
	height:40px;
	line-height:40px;
}
.contactEmailImg
{
  margin-left:0px;
  margin-right:10px;
  margin-top:8px; 
  float:left; 
} 

/* Contact - Popup Message */
.contactPopupMessage
{
  width:400px;
  height:54px;
  float:left;
  text-align:left;
}

.contactPopupMessageTab
{
  border:none;
  border-spacing:0px;
  border-collapse:collapse;
  empty-cells: show;
  padding:0px;
  margin:0px;
  text-align:left;
}
.contactPopupMessageTabLigne{height:54px;vertical-align:middle;}
.contactPopupMessageTabCol1{width:60px;}
.contactPopupMessageTabCol2{width:340px;}

.contactPopupMessageMsgErr
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:normal;
  line-height:16px;
  color:#333;
  text-align:left;  
}


/*-------------------------------------------------*/
/* MENTIONS LEGALES                                */
/*-------------------------------------------------*/
.siteMentions
{
  width:100%;
  float:left;
}
.siteMentionsInner
{
    width : 1250px;
    margin:auto;
	padding-top:80px;
	padding-bottom:80px;	
}

.siteMentionsH2
{
	text-align: left;
}
.siteMentionsH3
{
	text-align: left;
}

.siteMentionsCGV
{
	margin-top:10px;
	margin-bottom:60px;
}


/*-------------------------------------------------*/
/* PLAN SITE                                       */
/*-------------------------------------------------*/
.sitePlanSite
{
  width:100%;
  float:left;
}
.sitePlanSiteInner
{
    width : 1250px;
    margin:auto;
	padding-top:80px;
	padding-bottom:80px;	
}
.sitePlanNiv1
{
    font-family      : 'Open Sans',Helvetica, Arial, Verdana, sans-serif;
    font-style      : normal;
    font-weight     : bold;	
 	font-size       : 22px;
	line-height     : 32px;  
	color           : #3f3f3f;
	text-align      : left;
	text-decoration : none;
    list-style-image: url('../images/puce_gris_10.gif');	
}
.sitePlanNiv1 a
{
 	color           : #3f3f3f;
    font-weight     : normal;	 	
 	text-decoration : none;
 	text-transform: uppercase;
}
.sitePlanNiv1 a:hover
{
 	color           : #0285bd;
 	text-decoration : none;
}

.sitePlanNiv2
{
    font-family      : 'Open Sans',Helvetica, Arial, Verdana, sans-serif;
    font-style      : normal;
    font-weight     : normal;	
 	font-size       : 18px;
	line-height     : 28px;  
	color           : #666;
	text-align      : left;
	text-decoration : none;
    list-style-image: url('../images/puce_bleu_10.gif');	
}
.sitePlanNiv2 a
{
 	color           : #666;
 	text-decoration : none;
 	font-weight: normal;
 	text-transform: none;
}

.sitePlanNiv2 a:hover
{
 	color           : #0285bd;
 	text-decoration : none;
}


/*-------------------------------------------------*/
/* GESTION PAGES                                   */
/*-------------------------------------------------*/
.siteGestionPages
{
    width:100%;
	height : 65px;
    margin-left:0px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:110px;	
	float:left;
}



/*-------------------------------------------------*/
/* MESSAGE ERREUR                                  */
/*-------------------------------------------------*/
.siteMsg1Erreur
{
  font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;  
  font-size:24px;
  font-weight:normal;
  line-height:30px;
  color:#555;
  text-align:center;  
}

.siteMsg1Info
{
  font-family      : 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;  
  font-size:14px;
  font-weight:normal;
  line-height:16px;
  color:#666;
  text-align:left;  
}

.siteMsg2Info
{
  font-family      : 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;
  font-size:12px;
  font-weight:normal;
  line-height:14px;
  color:#666;
  text-align:left; 
}

.siteMsg3Info
{
  font-family      : 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;
  font-size:18px;
  font-weight:normal;
  font-style:normal;
  line-height:26px;
  color:#C80000;
  text-align:left;  
}
.siteMsg4Info
{
  font-family      : 'Open Sans Condensed',Helvetica, Arial, Verdana, sans-serif;
  font-size:18px;
  font-weight:normal;
  font-style:italic;
  line-height:28px;
  color:#888;
  text-align:left; 
}

/*-------------------------------------------------*/
/* LIENS                                           */
/*-------------------------------------------------*/
.siteLien1
{
  color:#F76D03;
  text-align:left;  
  text-decoration:none;
}