header .container-fluid {
	background:#333333;
}
 
  
/********** Header    bar navigation  2  *********/
 
 
/************ show case   *************/
 
.espace-couleur {
	width:100%;
		/*background:#dedede;*/

}
.espace-couleur .container-fluid {
	background:#ededed;
	margin-top: 15px;
	}
.espace-couleur .spaceTitle {
	width:100%;
	background:#dedede;
	padding:0;margin:0;

}
.espace-projet .spaceTitle {
	width:100%;
	background:#dedede;
	padding:0;margin:0;

}

.espace-couleur .colorBoxes {
	width:100%;
	background: #ededed;
}
.espace-couleur .box1 {
	margin-top: 15px;
     min-height: 115px;
	position: relative;
 	background: url(../img/color1.png) no-repeat;
	background-size: cover;
	border-radius: 5px;}
	.espace-couleur .box2 {
	margin-top: 15px;
     min-height: 115px;
	position: relative;

	background: url(../img/color2.png) no-repeat;
	background-size: cover;
	border-radius: 5px;}
	.espace-couleur .box3 {
	margin-top: 15px;
    min-height: 115px;
	position: relative;
 	background: url(../img/color3.png) no-repeat;
	background-size: cover;
	border-radius: 5px;}
	.titreImage {
		position:absolute;
		bottom:0;left:0;right:0;
		text-align: center;
		background: #000;
		color:#FFF;
		opacity:0.7;
	}
	section, .espaces {
		background:#ededed;
	}
	 .espace-projet .box1 {
 	position:relative;
 	min-height: 181px;
 	background:url(../img/project1.png);
 	background-size:cover;
 	 margin-top: 15px;

 }
 .espace-projet .box2 {
 	position:relative;
 	min-height: 181px;
 	background:url(../img/project2.png);
 	background-size:cover;
 	 margin-top: 15px;
  }
 .nav3 {
 	 
 	width:100%;
 	text-align: center;
 }
 .nav3 ul li a {
 	color:#dedede;
 }
.nav3 ul li a:hover {
 	color:#FFFF00;
 	 
 }
 footer {
 
background:#515151;
margin:0 auto 0 auto;
 	
 }
 
  .mega1 {
    padding-top:10px;
	width:870px;
    min-height:330px;
    background:#575556;
    z-index: 999;
    position:absolute;
    top:100%;
    left:50%;
    float:left;
    transform: translateX(-80%);
    visibility:hidden;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
    outline: none !important;
	border: 1px solid #fff;
     box-shadow:6px 6px 12px #333;
	
}
.mybox {
	/*margin-right:25px;*/
	/*width: 12%;*/
}
.mybox ul {
	padding:0;
	margin:0 0 0 10px;
	text-align:left;
	color:#fff;
  }
 
.mega1 .row {
	    
		z-index:999;
 } 
.mega1 .btn {
	margin-top: 15px;
	margin-bottom: 15px;
 	font-size: 10px;
}
.projet:hover .mega1{
	transition: all 0.2s ease-in-out;
    outline: none !important;
	visibility:visible;
	z-index:999;
	}
 
    .nav .nav-stacked li a {
	content: '\00bb';
     text-transform:capitalize;
 	 font-size:11px;
	 font-weight:normal;
     color:#fff;
	 margin:1px;
	 padding:1px;
 	 }
	 .nav .nav-stacked li a:hover {
     text-transform:capitalize;
 	 font-size:12px;
	 font-weight:normal;
     color:#FFFF00;
	 background-color: #575556; 
 	 }
	 
	 .nav .nav-stacked li a:after {
       content: '\00bb';
       position: absolute;
       opacity: 0;
       transition: 0.5s;
     }
   
   .nav .nav-stacked li:hover a:after {
     opacity: 1;
     left: -7px;
     }
 
	 .btn_s_menu {
     border-radius: 0.5em;
     color: #ff0;
	 margin:10px;
	 padding:10px;
 	 }
	 .mybox a{
     border-radius: 0.5em;
     color: #F4FF3A;
	 margin:10px;
	 padding:10px;
 	 }
	 .mega1 a{
     border-radius: 0.5em;
     color: #F4FF3A;
	 margin:20px 0 10px 0;
	 padding:20px 0 10px 0;
 	 }