@font-face {
    font-family: 'aqua';
    src: url('../fonts/Verdana.woff') format('woff2'),
         url('../fonts/Verdana.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.aqua{
	font-family:aqua;
	/* text-shadow: 3px 3px 3px #B8B8B8; */
}
/* header{ */
/* background-image: url(../image/backheader.jpg); */
/* background-repeat: no-repeat; */
/* height:100px; */
/* position:fixed; */
/* width:100%; */
/* z-index: 100; */
/* } */
nav{-webkit-box-shadow: 8px 8px 8px 0px rgba(30,30,30,0.6);
box-shadow: 8px 8px 8px 0px rgba(30,30,30,0.6);
width:100%;
/* margin-top:100px; */
}
/* -----------------------------ici la couleur de la police du jumbotron---------------------------------*/
.jumbotron h1{
    color: #0F8B8D;
	text-shadow: 2px 2px 2px #0e001d;
}
.jumbotron h2{
    color: #DAD2D8;
}
.jumbotron h3{
    color: #3388d1;
}
.jumbotron p{
    color: #DAD2D8;
}
.navbar{
	width:100%;
	font-size:30px;

}
.mmcoul {
  color: #EC9A29;
}


/* -----------------------------ici la couleur de la police du jumbotron---------------------------------*/
/* Agit sur l'ensemble de l'ensemble vignette */
.row{
outline: Opx solid #D4D4D4;
padding-top:1px;
}
.bordurecadre{
outline: 1px solid #D4D4D4;
text-align: justify;
margin-left:10px;
margin-right:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;	
}
.col-sm-6{
text-align: justify;
text-align: center;

}
/* ICI ON REGLE LA POSITION DES BLOCS PROJETS */
#apropos{
	padding-top:53px;
	text-align: center;
	
}
#team{
	padding-top:150px;
	text-align: center;
}

#services{
	padding-top:50px;
	text-align: center;
}
#contact{
	padding-top:50px;
	text-align: center;
}
/* =====================Style block competences */
.container {
  position: relative;
  width: 200%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
  
}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #009CFF;
  
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.container:hover .overlay {
  height: 100%;
  /* -webkit-box-shadow: 5px 5px 10px 5px rgba(5,5,5,0.6); */
/* box-shadow: 5px 5px 10px 5px rgba(5,5,4,0.4); */
  
}
.centerombre{
	text-align: center;
	font-family:aqua;
	
	
}
.textcomp {
  white-space: nowrap; 
  color: 000055;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: left;
}
/* =======================Style block de competences */
#projets{
	padding-top:150px;
	text-align: center;
}
#loisirs{
	padding-top:150px;
	text-align: center;
}
#myCarousel{
	padding-top:50px;
}
#contact{
	padding-top:130px;
	text-align: center;
}
/* ======================style polaroid============== */
.polaroid-images a
{
	background: white;
	display: inline;
	font-family:aqua;
	float: left;
	margin: 0 15px 30px;
	padding: 10px 10px 25px;
	text-align: center;
	text-decoration: none;
	-webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
	box-shadow: 0 4px 6px rgba(0,0,0,.3);
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	transition: all .15s linear;
	z-index:0;
        position:relative;
}
.polaroid-images a:after {
	color: #333;
	font-size: 20px;
	content: attr(title);
	position: relative;
	top:15px;
}
.polaroid-images img { 
	display: block; 
	width: inherit; 
}
/* fin du style polaroid========================== */
.social{
	outline: 1px solid #D4D4D4;
margin:0 auto;
}

×