#portfolio_info{
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	background-color: rgba(100,100,100,0.6);
	z-index: 1200;
}

#shadow_border{
	position: absolute;
	width: 700px;
	height: 10px;
	margin-top: 298px;
	opacity: 0.2;
}

.portfolio_img{
	width: 700px;
	display: block;
	float: left;
}

#portfolio_info_cont{
	width: 700px;
	height: 400px;
	background-color: white;
	margin: auto;
	opacity: 1;
	z-index: 1300;
	margin-top: 210px;
	border: 5px solid white;
}

#portfolio_info_cont_img{
	display: block;
	float: left;
	width: 100%;
	height: 75%;
	opacity: 1;
	overflow: hidden;
}

#portfolio_sub_cont{
	display: block;
	float: left;
	height: 18%;
	width: 96%;
	background-color: white;
	opacity: 1;
	overflow: hidden;
	margin: 2%;
}

#portfolio_sub_logo{
	display: block;
	float: left;
	height: 100%;
	width: 15%;
	margin-right: 15px;
}

#portfolio_info_cont_text{
	display: block;
	height: 100%;
}

#left_arrow{
	position: absolute;
	width: 61px;
	height: 54px;
	margin-left: -19px;
	margin-top: 130px;
	background-image: url('../assets/left-arrow.html');
	opacity: 0.5;
	cursor: pointer;
}

#right_arrow{
	position: absolute;
	width: 61px;
	height: 54px;
	margin-top: 130px;
	margin-left: 660px;
	background-image: url('../assets/right-arrow.html');
	opacity: 0.5;
	cursor: pointer;
}

#count_imgs{
	display: none;
	text-align: center;
	position: absolute;
	width: 80px;
	height: 30px;
	margin-top: 450px;
	margin-left: 170px;
	font-size: 25px;
}

#count_cur{
	display: none;
	float: left;
	height: 100%;
	width: 40%;
}

#count_slash{
	display: none;
	float: left;
	height: 100%;
	width: 20%;
}

#count_tot{
	display: none;
	float: left;
	height: 100%;
	width: 40%;
}

#portfolio{
	display: block;
	width: 814px;
	margin: auto;
	background-color: transparent;
	position: relative;
	left: 12px;
	margin-top: 90px;
}

.vignette{
	display: block;
	float: left;
	margin: 0px;
	height: 122px;
	width: 162px;
	background-color: transparent;
	cursor: pointer;
}

.vignette_content{
	-webkit-transition: all 1s;
	position: absolute;
	display: block;
	height: 122px;
	width: 162px;
	overflow: hidden;
	z-index: 0;
}

.survol{
	background-color: white;
}

.selected{
	z-index: 100;
	background-color: white;
}

.img_block{
	height: 100%;
	float: left;
	width: 100%;
	overflow: hidden;
	background-color: transparent;
}

img .img_block{
}

.text_block{
	display: block;
}

.close_btn{
	height: 45px;
	width: 45px;
	background-image: url('../assets/pl_close_button.png');
	position: absolute;
	margin-left: 679px;
	margin-top: -20px;
	z-index: 1300;
	opacity: 1;
	cursor: pointer;
}

.logo_ptf{
	-webkit-transition: all 1s;
	width: 150px;
	background-color: rgb(180,180,180);
	background-color: rgba(0,0,0,0.2);
	border-radius: 4px;
}

.vignette_1:hover{
	background-color: #8a9637;
	opacity: 0.8;
}

.vignette_2:hover{
	background-color: #ef5b2f;
	opacity: 0.8;
}

.vignette_3:hover{
		background-color: #009933;
	opacity: 0.8;
}

.vignette_4:hover{
		background-color: #e65d29;
	opacity: 0.8;
}

.vignette_5:hover{
			background-color: #b36d52;
	opacity: 0.8;
}

.vignette_6:hover{
			background-color: #2c3d95;
	opacity: 0.8;
	
}
.vignette_7:hover{
			background-color: #7f746e;
	opacity: 0.8;
}

.vignette_8:hover{
	background-color: #00529c;
	opacity: 0.8;
}

.vignette_9:hover{
	background-color: #7d36a0;
	opacity: 0.8;
}

.vignette_10:hover{
		background-color: #8696c7;
	opacity: 0.8;
}

.vignette_11:hover{
	background-color: #0ba6da;
	opacity: 0.8;
}

.vignette_12:hover{
		background-color: #ca2f2e;
	opacity: 0.8;
}

.vignette_13:hover{
		background-color: #e1232f;
	opacity: 0.8;
}

.vignette_14:hover{
		background-color: #f41764;
	opacity: 0.8;
}

.vignette_15:hover{
		background-color: #152352;
	opacity: 0.8;
}

.vignette_16:hover{
		background-color: #0a5416;
	opacity: 0.8;
}

.vignette_17:hover{
		background-color: #000000;
	opacity: 0.8;
}

.vignette_18:hover{
		background-color: #f2bb71;
	opacity: 0.8;
}

.vignette_19:hover{
		background-color: #00549a;
	opacity: 0.8;
}

.vignette_20:hover{
		background-color: #781703;
	opacity: 0.8;
}

.ref_bo{
	border-style: solid;
	border-width: 0px 0px 1px;
	-moz-border-image: url(../assets/trait.png) 0 0 1 stretch;
	-webkit-border-image: url(../assets/trait.png) 0 0 1 stretch;
	-o-border-image: url(../assets/trait.png) 0 0 1 stretch;
	border-image: url(../assets/trait.png) 0 0 1 fill stretch;
}

#ombre_portfolio
{
	position: absolute;
	top: 530px;
	display: block;
}