/* RESET STYLES */

/* END RESET STYLES */


html{-webkit-font-smoothing:antialiased;}
	
.column-clear{ 
clear:both;
}


.wrapper{
	margin: 0px auto;
	padding: 0px;
	width: 825px;
}


.portfolio-content, .portfolio-area{
	width: 805px;
	margin:0px 10px 0px 6px;
}


	
.goto{
	float:right;
	width:130px;
	margin:-80px 30px 0px 0px;
	}

/**** PORTFOLIO STYLES*****/
/**** PORTFOLIO STYLES-----------------------------------------bouton_gallery*****/
button {
	background: rgba(0,0,0,0);
	border: 2px solid #0066ff;
	color: #0066ff;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 8px 15px;
	margin: 0px;
	font-weight: bold;
	font-size: 0.85em;
	
	border-radius:8px;
	cursor:pointer;
}

h2 + button {
	margin-top: 0;
}

button:hover {
	border: 2px solid #0096ff;
	color: #ffffff;
	background-color:#00deff;
	outline: none;
	-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}

button:active {
	border: 2px solid #0096ff;
	color: #ffffff;
	background-color:#0066ff;
	outline: none;
}

button:focus {
	outline: none;
}

/**** PORTFOLIO STYLES-------------------------------------fin-bouton_gallery*****/

.first_subtitle_portfolio{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#00deff;
	font-weight:500;
	}
	
	
.second_subtitle_portfolio{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#565d70;
	}

.portfolio-categ{
	margin-bottom:30px;
	}
	
	
.portfolio-categ li{
	display:block;
	display:inline;
	margin-right:0px;
	}
	
.titre_catégorie{
	font-size: 20px;
	color: #0066ff;
	font-weight: bold;
}
	
.image-block{ 
display:block;
position: relative;
}


.image-block img{ 
	border-radius: 4px 4px 4px 4px;
	padding:0px;
	}
	
	
.image-block img:hover{
	}
	
	
	
.portfolio-area li{
	float: left;
	display: block;
	overflow: hidden;
	width: 256px;
	padding: 5px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	}
	
	
.home-portfolio-text{
	margin-top: 10px;
	padding: 0 0 0 10px;
	}
	
	
li.active a{ 
text-decoration:underline;
}
/**** END PORTFOLIO STYLES*****/



/* ============================================================
 effect on gallery agrandissement et opacité hover
============================================================ */

#img_effect{
    margin: 0px;
}

#img_effect a img {
	width:248px; 
	z-index:100;  
 	transform-origin:center center;    
-webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
     -o-transform: scale(0.9);
        transform: scale(0.9);
    
-webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
     -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
		
		opacity:0.85;
	}

#img_effect a img:hover {
-webkit-transform: scale(1.0);
   -moz-transform: scale(1.0);
     -o-transform: scale(1.0);
        transform: scale(1.0);
		
		
  z-index: 20;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  
  opacity:1;
	}
/* ============================================================
  GLOBAL
============================================================ */