@charset "UTF-8";


/**
 * LAYOUT
**/

html {
   font-family: 'Roboto', sans-serif;
  overflow-x:hidden; 
}

 
 a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}


body{margin:0; padding:0; background-color:white;  width: 100%; overflow-x:hidden; }
.container{width:100%; height:auto; }
.siteLuxor{width:2000px; text-align:center; position:relative; left:calc(50% - 1000px); }
.header {height:147px; border-bottom: 7px solid #0079B7;}
.manchette {height:654px; background-image:url(images/manchette-accueil.jpg); background-repeat: no-repeat; background-position: center;} 
.manchette-electricite {height:585px; background-image:url(images/manchette-electricite.jpg); background-repeat: no-repeat; background-position: center top; background-color:#f8f9fa; padding-bottom:20px;} 
.manchette-electricite h1{padding-top:191px;}
.electricien-rive-sud{position:absolute; left:200px; z-index:2;}
.menu{font-family: 'Roboto', sans-serif; color:#0079B7; position:absolute; left:500px; top:45px;}
.menuItem{float:left; margin-right:35px; padding-top:20px; font-size:18px;}
.menuOn{border-bottom: 5px solid #0079B7;}
.menuItem a {text-decoration:none; color:#0079B7;}
.menuItem a:hover {text-decoration:none; color:#0079B7; border-bottom: 5px solid #0079B7;}
.menu-facebook{padding-top:5px;}
.telephone{background-color:#0079B7; color:white; font-size:26px; font-weight:700; position:absolute; right:-390px; padding: 58px 33px 64px 33px; top:-46px; font-family: 'Roboto', sans-serif; }

h1{font-family: 'Roboto', sans-serif; font-size:72px; color:white; padding:0; margin:0; font-weight:700; padding-top:40px;}
h2{font-family: 'Roboto', sans-serif; font-size:48px; color:white; padding:0; margin:0; font-weight:300;}
.cta{font-family: 'Roboto', sans-serif; font-size:18px; color:white; margin:0; font-weight:400; background-color:#0079B7; display: inline-block;  margin-top:20px;} 
.cta a{color:white; text-decoration:none; padding:15px 20px 15px 20px; margin:0; display:block;}
.cta a:hover{color:#0079B7; text-decoration:none; background-color:white; margin:0; }

.blocService{padding-top:60px; background-color:#f8f9fa; height:480px;} 
.unBloc{width:100%; float:left; padding-top:0px; padding-bottom:80px; background-color:#f8f9fa; z-index:22; position:relative;}
.serviceGauche{float:left; width:50%;  }
.serviceDroite{float:right; width:700px; position:absolute; left:50%;}
.servicePhoto{float:right; padding-right:24px;  background-repeat: no-repeat; background-position: left; height:393px; width:504px;}

.serviceGauche{float:left; width:50%;}
.serviceGaucheService{float:left; width:50%;}
.servicePhotoService{float:right; padding-right:24px;  background-repeat: no-repeat; background-position: left; height:393px; width:504px;}
.photoDesc{font-family: 'Roboto', sans-serif; font-size:17px; text-align:left; color:#555; padding-left:13px; padding-top:8px;}
.serviceDroiteService{float:right; width:700px; position:absolute; left:50%;}
.blocServiceService{padding-top:0px; height:600px; background-color:#f8f9fa;} 
.serviceTexteService{float:left; padding-left:24px; padding-top:10px; text-align:left;}
.serviceAvantTitreService{ font-family: 'Roboto', sans-serif; font-size:36px; font-weight:300;}
.serviceTitreService{font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700;  color:#0079B7; text-transform: uppercase;}
.serviceBodyService{font-family: 'Roboto', sans-serif; font-size:18px; font-weight:400;  color:#333; padding-top:24px; line-height:24px;  width:500px; padding-top:10px;}

.serviceTexte{float:left; padding-left:24px; padding-top:10px; text-align:left;}
.serviceAvantTitre{ font-family: 'Roboto', sans-serif; font-size:36px; font-weight:300;}
.serviceTitre{font-family: 'Roboto', sans-serif; font-size:36px; font-weight:700;  color:#0079B7; text-transform: uppercase;}
.serviceBody{font-family: 'Roboto', sans-serif; font-size:18px; font-weight:400;  color:#333; padding-top:24px; line-height:24px;  width:500px; padding-top:10px;}

.boiteTriangle{width:1600px; height:437px; background-repeat: no-repeat; background-position: center; text-align:center; position:relative; left:calc(50% - 800px); padding-bottom:12px;}
.boiteTriangleGauche{left:20px; color:white; position:relative; text-align:left; font-family: 'Roboto', sans-serif; font-size:36px; padding-left:180px;}
.boiteTriangleDroite{left:780px; color:white; position:relative; text-align:left; font-family: 'Roboto', sans-serif; font-size:36px; padding-left:180px;}
.bteElectricite {background-image:url(images/accueil-service-electricite-flip.jpg);}
.bteRenovation {background-image:url(images/accueil-service-renovation.jpg); }

.footer{width:100%; background-color:#0c3056; color:white; height:auto; text-align:center; padding-top:40px; padding-bottom:40px; font-family: 'Roboto', sans-serif; font-size:18px; line-height:24px;}
.footer a {color:white; text-decoration:underline;}

.bteLogos{width:2000px; margin-left:-1000px; left:50%; padding-top:60px; padding-bottom:60px; height:auto; }

.container { height: 437px; position: relative;}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.topnav {overflow: hidden; background-color: none; position: relative; z-index:1; padding:0; margin:0; width:100%; font-family: 'Roboto', sans-serif;}
.topnav #myLinks {display: none; margin-top:20px; background-color: #0079B7;}
.topnav a {color: white; padding: 14px 16px; text-decoration: none; font-size: 22px; display: block;}
.topnav a.icon {background: white; display: block; position: absolute; right: 0; top: 0; color:#333;}
.topnav a:hover {background-color: white; color: black;}
.active {background-color: white; color: #333;}

/**
.galerieRangee{width:100%; height:574px; background-color:none; text-align:center; padding-bottom:41px;}
.galerieBte{width:504px; height:444px; background-color:none; text-align:left; float:left; position:relative; height:393px; width:504px; }
.galerieBte img{width:504; height:391;}
.galerieContainer{width:100%; height:auto; background-color:none; text-align:center; padding-bottom:41px; left:224px; position:absolute;}
**/

.galerieTitre{padding-left:13px; padding-top:10px; font-size:18px; font-weight:400; width: 350px; color:#333;}
.galerieTexte{padding-left:13px; padding-top:2px; font-size:16px; width: 297px; font-weight:300; color:#555; line-height:1.3em;}

.galerieRangee{width:100%;  height:1110px;  text-align:center; padding-bottom:41px; background-color:#f8f9fa;}
.galerieBte img{width:360px; height:279px;}
.galerieBte {width:360px; height:494px; text-align:left; float:left; position:relative; height:393px; width:360px;}
.galerieContainer{width:1200px; height:auto; text-align:center; padding-bottom:41px; left:440px; position:absolute;}


.formContainer{width:700px; left:calc(50% - 350px); text-align:left; height:auto; text-align:left; padding-bottom:41px;  position:absolute;}

.contactTitre{font-weight:700; color:#0079B7;}
.contactMap{position:absolute; left:calc(50% - 1000px); width:2000px; height:525px; top:154px; z-index:2;}
.contactURL  {text-decoration:none; color:#0079B7;}
.contactRangee{width:100%;  text-align:center; padding-bottom:41px; background-color:#f8f9fa; margin-bottom:51px; text-align:left; height:735px;}
.contactSpacer{width:100%; height:585px; background-color:#f8f9fa;}
.contactBody{padding-top:20px; padding-bottom:20px; font-size:17px;}
.contactInfo{position:absolute; font-size:20px; font-weight:300; }
.contactForm{overflow:hidden; border:none; padding-right:0; margin-right:0; width:310px; left:380px; position:absolute;}

.manchette-electricite h1{font-size:90px; }
.manchette-electricite h2{font-size:72px;}

/**
 * top right bottom left
**/


/**
 * BIG GALLERY
**/
@media only screen and (min-width: 1200px){
	.small-gallery{ display: none; }
	.big-gallery{ display: block; }
}
/**
 * BIG GALLERY
**/
@media only screen and (max-width: 1199px){
	.big-gallery{ display: none; }
	.small-gallery{ display: block; }
}





/**
 * LARGE
**/
@media only screen and (min-width: 2000px){
	.is-tablet{ display: none; }
	.is-mobile{ display: none; }
	.is-desktop{ display: none; }
	.is-large{ display: block; }
	
	/**.siteLuxor{width:2000px;  left:calc(50% - 1000px);}**/
}



/**
 * DESKTOP
**/
@media only screen and (min-width: 1200px) and (max-width: 1999px){
	.is-tablet{ display: none; }
	.is-mobile{ display: none; }
	.is-large{ display: none; }
	.is-desktop{ display: block; }

    .siteLuxor{width:2000px; left:calc(50% - 1000px);}
    .telephone{ width:100%; font-size:22px; font-weight:700; position:absolute; right:0px; padding:0; top:0px;  height:42px; }
    .electricien-rive-sud{left:400px; top:50px;}
    .menu{top:70px; left:600px;}
    .serviceDroite{width:600px; }
    .boiteTriangleDroite{left:700px;  padding-left:180px;}
    .boiteTriangleGauche{left:100px;  padding-left:180px;}
    .bteLogos{width:1200px; margin-left:-600px; left:50%;}
    
    .galerieRangee{height:1110px;}
    .galerieBte img{width:360px; height:279px;}
    .galerieBte {width:360px; height:393px;}
    .galerieContainer{left:440px;}
    
    .contactMap{width:100%; left:0;}
    
    .manchette-electricite h1{font-size:72px; }
    .manchette-electricite h2{font-size:48px;}
}



/**
 * TABLET
**/
@media only screen and (min-width: 768px) and (max-width: 1199px){
	.is-desktop{ display: none; } 
	.is-mobile{ display: none; }
	.is-large{ display: none; }
	.is-tablet{ display: block; }
	
	.manchette {height:527px; background-image:url(images/manchette-accueil-tablet.jpg);}
	h1{font-size:38px; padding-top:40px;}
    h2{font-size:30px; }

	.electricien-rive-sud{top:53px; left:220px;}
	.siteLuxor{width:1200px; left:calc(50% - 600px); }
	.telephone{font-size:22px; font-weight:700;  padding: 2px 33px 44px 33px; top:-46px; position:static;} 
	.header {height:188px;}
	.bteLogos{width:700px; margin-left:-350px; left:50%;}
	.menu{ left:229px; top:125px;}
	.menuItem{ margin-right:27px; padding-top:20px; font-size:17px;}
	.menu-facebook{position:absolute; float:right; right:203px;}
	
	.blocService{padding-top:0px; height:600px;} 
	.servicePhoto{float:none; padding-right:0px;}
	.serviceGauche{position:absolute; left:240px;}
	.serviceDroite{position:absolute; left:223px; top:985px;}
	
	.unBloc{height:auto; margin-bottom:-130px; padding-bottom:0;}
	.blocServiceService{padding-top:30px; height:auto;} 
	.manchette-electricite{background-size: 1200px 351px; height:351px;}
	.manchette-electricite h1{padding-top:118px;}
	.servicePhotoService {height:192px; width:252px;}
	.servicePhotoService img{height:192px; width:252px;}
	.photoDesc{font-size:14px;  padding-left:7px;}
	.serviceDroiteService{float:right; width:700px; position:relative; left:83px; top:-198px;}
	.serviceTexteService{float:left; padding-left:24px; padding-top:10px; text-align:left;}
    .serviceAvantTitreService{font-size:24px; }
    .serviceTitreService{font-size:24px; }
    .serviceBodyService{width:360px; }
	
	.bteElectricite {background-image:url(images/accueil-service-electricite-flip-tablet.jpg);}
    .bteRenovation {background-image:url(images/accueil-service-renovation-tablet.jpg); }
    .boiteTriangle{width:1200px; height:280px; left:calc(50% - 600px);}
    .container { height: 280px; }
    .boiteTriangleDroite{left:450px;  top:0px; font-size:24px;}
    .boiteTriangleGauche{left:70px;  top:0px; font-size:24px;}
    .serviceBody{font-size:15px; font-weight:400; padding-top:8px; line-height:20px; width:345px; }
    .cta{margin-top:10px;}
    .cta a{padding:10px 15px 10px 15px; font-size:16px;}
    
    .bteLogos{width:768px; margin:auto; left:0; right:0; position:relative; height:auto; padding:0;}
    
    .galerieRangee{height:2154;}
    .galerieBte img{width:300px; height:233px;}
    .galerieBte {width:300px; height:314px;}
    .galerieContainer{left:433px; width:400px;}
    
    .contactMap{width:100%; left:0; height:415px; top:195px;}
    .contactSpacer{height:475px; }
    .contactRangee{height:675px; }
   
    
    .manchette-electricite h1{font-size:48px; }
    .manchette-electricite h2{font-size:36px;}
    
}
	
	
/**
 * MOBILE
**/
@media only screen and (max-width: 767px){
	.is-desktop{ display: none; }
	.is-tablet{ display: none; }
	.is-large{ display: none; }
	.is-mobile{ display: block; }
	
	.manchette {height:465px; background-image:url(images/manchette-accueil-mobile.jpg);}
	h1{font-size:32px; padding-top:40px;}
    h2{font-size:25px; }
    
    .contactInfo{ padding-top:32px;}
    
	.electricien-rive-sud{position:absolute; left:10px;  top:43px;}
	.header {height:auto; margin-bottom:0; padding-bottom:17px;}
    .siteLuxor{width:100%; left:0; }
    .telephone{font-size:20px; font-weight:700;  padding: 2px 0px 7px 0px; top:-46px; position:static; text-align:center; margin-bottom:11px;}
    
    .blocService{padding-top:0px; height:760px;} 
	.servicePhoto{float:none; padding-right:0px;}
	.serviceGauche{position:absolute; left:calc(50% - 252px); top:607px; width:auto;}
	.serviceDroite{position:absolute; left:calc(50% - 175px); top:855px;}
	.serviceTitre{font-size:22px; }
    .serviceBody{font-size:16px;}
     
    .serviceGaucheService{display:none;}
    .unBloc{height:auto; margin-bottom:0px; padding-bottom:30px; }
	.blocServiceService{padding-top:0px; height:auto;} 
	.manchette-electricite{background-size: 768px 225px; height:225px;}
	.manchette-electricite h1{padding-top:78px;}
	.servicePhotoService {height:192px; width:252px;}
	.servicePhotoService img{height:192px; width:252px;}
	.photoDesc{font-size:14px;  padding-left:7px;}
	.serviceDroiteService{float:none; width:310px; position:relative; left:calc(50% - 155px); top:0px;}
	.serviceTexteService{float:left; padding-left:0px; padding-top:10px; text-align:left; }
    .serviceAvantTitreService{font-size:24px; }
    .serviceTitreService{font-size:24px; }
    .serviceBodyService{font-size:16px;  padding-top:24px; line-height:20px;  width:310px; padding-top:7px;}
    
    .bteElectricite {background-image:none; background-color:#0c3056; margin-bottom:22px; padding:0;}
    .bteRenovation {background-image:none;background-color:#0c3056; }
    .boiteTriangleDroite{left:648px;  top:0px; font-size:24px;  height:331px; padding:0;}
    .boiteTriangleGauche{left:467px;  top:0px; font-size:24px;  height:331px; padding:0; padding-left:180px;}
    .boiteTriangle{height:auto; }
	
    .bteLogos{width:320px; margin:auto; left:0; right:0; position:relative; height:auto; padding:auto; }
    .serviceBody{width:311px; }

    .cta{margin-top:10px;}
    .cta a{padding:10px 15px 10px 15px; font-size:16px;}
    
    .footer{ padding-top:20px; padding-bottom:20px; font-size:13px; line-height:18px;}
    
    .galerieRangee{height:2154px;}
    .galerieBte img{width:300px; height:233px;}
    .galerieBte {width:430px; height:314px; left:0!important;}
    .galerieContainer{left:calc(50% - 154px); width:400px;}
    .galerieTitre{width:300px;}
    .galerieTexte{width:300px;}
    
    .formContainer{width:310px; left:calc(50% - 155px); }
    
     .contactMap{width:100%; left:0; height:355px; top:131px;}
     .contactSpacer{height:385px; }
     .contactBody{display:none;}
     .contactInfo{width:320px;}
     .contactForm{top:474px; left:0px;}
     .contactRangee{height:955px; margin-bottom:0; }
     .formContainer{text-align:center;}
     
     .manchette-electricite h1{font-size:36px; }
    .manchette-electricite h2{font-size:24px;}
    
}