@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Raleway:800,300,400,200,600,700);



.container {
	position: relative;
}



.cbp-af-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #000;
	z-index: 10000;
	height: 110px;
	/*
	overflow: hidden;
	*/
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	transition: height 0.3s;
}

.cbp-af-header .cbp-af-inner {
	width: 95%;
	margin: 0 auto;
}

h1#logo img{
	width:100%;
	height:100%;
	padding:0;margin:0}

#home .cbp-af-header {background:rgba(0, 0, 0, 0.0);}
#home .cbp-af-header .cbp-af-inner h1#logo{display:none;}


.cbp-af-header .cbp-af-inner h1#logo{float:left;margin:30px 0 0;max-width:250px}

.cbp-af-header .cbp-af-inner nav{
	float:right;
	margin:35px 0 0 0;
	display: block;
 	z-index:99999;
	 }

#home .cbp-af-header .cbp-af-inner nav {padding:7px 35px; background:#000;}

/* Transitions and class for reduced height */
#home .cbp-af-header .cbp-af-inner h1#logo,

.cbp-af-header h1#logo,
.cbp-af-header nav ,
.cbp-af-header .cbp-af-inner h1#logo img,
.responsive-menu{
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}


#home .cbp-af-header.cbp-af-header-shrink{background:rgba(0, 0, 0, 1.0);}
#home .cbp-af-header.cbp-af-header-shrink nav {padding:0; background:none;}

.cbp-af-header.cbp-af-header-shrink {height: 60px;}

.cbp-af-header.cbp-af-header-shrink h1#logo {margin-top:6px;}
#home .cbp-af-header.cbp-af-header-shrink h1#logo{display:block;}
.cbp-af-header.cbp-af-header-shrink nav{margin-top:10px}






/*    MENU      */


.menu {display:block;}

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
  background:none;
  margin:0;
  padding:0
}

.menu li a:first-child { padding-left: 0; }

.menu li a {
  font-weight: 600;
  letter-spacing:1px;
  font-size:15px;font-size:1.5rem;
  text-transform:uppercase;
  text-decoration: none;
  display: block;
  padding: 0 17px;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
  }

/*.menu li a:hover, .menu li a.current{color:#000}*/

.effetMenu a::before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	max-width: 0;
	content: attr(data-hover);
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
}

#neutre .effetMenu a::before, #neutre .effetMenu a.current::before, .menu li a:hover, .menu li a.current{border-bottom: 2px solid #ffe600;color: #ffe600;}
#residentiel .effetMenu a::before, #residentiel .effetMenu a.current::before{border-bottom: 2px solid #e20236;color: #e20236;}
#commercial .effetMenu a::before, #commercial .effetMenu a.current::before{border-bottom: 2px solid #0aa0e6;color: #0aa0e6;}
#public .effetMenu a::before, #public .effetMenu a.current::before{border-bottom: 2px solid #71cb10;color: #71cb10;}
#social .effetMenu a::before, #social .effetMenu a.current::before{border-bottom: 2px solid #12ecb6;color: #12ecb6;}

.effetMenu a:hover::before,
.effetMenu a:focus::before, .effetMenu a.current::before  {
	max-width: 100%;
}
    



.menu li a.homePicto {background:url('../img/home-picto-blanc.png') no-repeat center;background-size:30px 30px;padding:10px 18px;height:25px;display:inline;}
.menu li a.fbPicto {background:url('../img/facebook-picto-blanc.png') no-repeat center;background-size:30px 30px;padding:10px 18px;height:25px;display:inline}
.menu li.mailPicto a{background:url('../img/mail-picto-blanc.png') no-repeat center;background-size:30px 30px;padding:10px 18px;height:25px;display:inline;}



.menu ul li {
  display: block;
  float: none;
  background: none;
  margin: 0;
  padding: 0;
}

.menu ul li a {
  font-size: 12px;
  font-weight: normal;
  display: block;
  color: #797979;
  background: #fff;
}

.responsive-menu {
  display: none;
  position:absolute;
  top:20px;
  right:5px;
}

.responsive-menu:hover {
  color: #fff;
  text-decoration: none;
}




@media only screen and (max-width: 1295px) {
	.menu li a {
	font-size:13px;font-size:1.3rem;
	padding:0 11px;
	}
	
	.cbp-af-header{height:100px}
	.cbp-af-header.cbp-af-header-shrink{height:50px;}	
	.cbp-af-header .cbp-af-inner nav{margin-top:30px}
	.cbp-af-header.cbp-af-header-shrink nav{margin-top:7px}
	.cbp-af-header .cbp-af-inner h1#logo{max-width:200px}
	.cbp-af-header.cbp-af-header-shrink h1#logo{margin-top:7px;max-width:180px}
	
}


@media only screen and (max-width: 1120px) {
	.menu li a {
	font-size:12px;font-size:1.2rem;
	padding:0 8px;
	}
	
	.cbp-af-header{height:90px}
	.cbp-af-header.cbp-af-header-shrink{height:55px;}	
	.cbp-af-header .cbp-af-inner nav{margin-top:30px}
	.cbp-af-header.cbp-af-header-shrink nav{margin-top:7px}
	.cbp-af-header .cbp-af-inner h1#logo{max-width:180px}
	.cbp-af-header.cbp-af-header-shrink h1#logo{margin-top:12px;max-width:150px}
	
}


@media only screen and (max-width: 1010px) {
	
.cbp-af-header .cbp-af-inner{width:100%;padding:0 0 0 2.5%}

	
#home .cbp-af-header .cbp-af-inner nav {background:none!important;padding:50px 0 0;margin-top:13px}
#home .cbp-af-header.cbp-af-header-shrink nav{margin-top:0px;padding-top:45px}


.cbp-af-header .cbp-af-inner nav{margin-top:81px;background:#000}
.cbp-af-header.cbp-af-header-shrink nav{margin-top:52px}
.cbp-af-header.cbp-af-header-shrink nav .responsive-menu{top:2px}



.menu {display: none;background:#000;margin:0;padding:0}

.responsive-menu { 
	display: block; 
	text-align:right
}


.menu li {
  display: block;
  margin: 0;
  padding:5px 15px;
  background:#000;
  line-height:1;
}

.menu li a {
  color: #fff;
  padding:10px 10px;
}

.effetMenu a::before {
	top: auto;
	left: auto;
	}

.menu li:hover{
  background:#222;
}

.menu li.menuPicto{display:inline-block;padding:5px}

.menu li a.homePicto {background:url('../img/home-picto-blanc.png') no-repeat center;background-size:30px 30px;padding:20px 18px;height:25px;display:inline-block;}
.menu li a.fbPicto {background:url('../img/facebook-picto-blanc.png') no-repeat center;background-size:30px 30px;padding:20px 18px;height:25px;display:inline-block;}
.menu li.mailPicto a {background:url('../img/mail-picto-blanc.png') no-repeat center;background-size:30px 30px;padding:20px 18px;height:25px;display:inline-block;}

}
@media only screen and (max-width: 480px) {
	.cbp-af-header.cbp-af-header-shrink nav{margin-top:10px;}
}
@media only screen and (max-width: 350px) {
	
	.responsive-menu{top:6px;}
	
	.cbp-af-header{height:60px}
	
	.cbp-af-header.cbp-af-header-shrink{height:40px;}
	.cbp-af-header.cbp-af-header-shrink	.responsive-menu{width:45px}
	
	.cbp-af-header .cbp-af-inner nav{margin-top:10px;background:#000}
	.cbp-af-header.cbp-af-header-shrink nav{margin-top:2px}
	

	
	.cbp-af-header .cbp-af-inner h1#logo{margin-top:15px;max-width:170px}
	
	.cbp-af-header.cbp-af-header-shrink h1#logo{margin-top:7px;max-width:140px}
	
	#home .cbp-af-header.cbp-af-header-shrink nav{margin-top:0px;padding-top:0}
	
}