/*
Theme Name: Julie Blaive
Author: Cécile + Roger
Description: Julie Blaive Designer Bijoux
Template: twentyeleven
*/

/*------------------------- Structure-------------------------*/

body{
	margin:0; padding:0;
	font-size:18px;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	cursor:url(http://julieblaive.com/wp-content/uploads/2015/11/plus.png) 15 15, auto;
	font-weight: 300;
	letter-spacing:0.02em;
}


h1, h2, h3{
	font-weight:normal;
	font-size:18px;
	margin:0; padding:0;
	line-height:1.2em;
}

a{
	color:#000;
	text-decoration:none;
}

a:hover{
	text-decoration: underline;
}

ul{padding:0; margin:0; list-style:none;}
li{padding:0; margin:0; list-style:none;}

li{
transition:background-image 0.2s;
-webkit-transition:background-image 0.2s;
}

li.hide{
background-image: inherit;

	transition:background-image 0.2s;
	-webkit-transition:background-image 0.2s;
}

#nav-scroll{
	position:fixed;
	width:50%;
	z-index:999999;
	padding-top:100px;
	left:50%;
	height:100vh;
	top:0;
	background-color:#fff;
	display: none;
}

#nav-scroll a{
	display: block;
	font-size:24px;
	line-height:1.5em;
	padding:0 0 0 25px;
}

#nav-scroll a:hover{
	text-decoration:underline;
}

/*------------------------- Header-------------------------*/

header{
	position:fixed; 
	z-index:999999999;
	top:0;
}

#main{
       position:relative;
       top:-7vh;
}

footer{
	position:fixed; 
	z-index:999999999;
	top:25px;
	right:50%;
	width:200px;
	font-size:24px;
	cursor: pointer;
}

#site-generator{padding-left:25px;}
#menu, #infos{padding-right:25px; float:right;}
#site-title{
	font-size: 24px;
	letter-spacing: 0.02em;
	width:100px;
	position:fixed;
	top: 25px;
	margin-left:25px;
	font-weight:300;
}

#site-description{
	font-size: 24px;
	letter-spacing: 0.02em;
	width:300px;
	position:fixed;
	top: 25px;
	margin-left:25px;
	left:150px;
	font-weight:300;
}

/*------------------------- Section-------------------------*/

.hentry{
	clear:both;
        position: relative;
	overflow:hidden;
	height: 120vh;
}

.hentry ul {
        clear :both;
}

li.entry-left, li.entry-right{
	width:50%;
	height:120vh;
	
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;

	overflow:hidden;	
	-webkit-transition: width 0.2s;
	transition: width 0.2s;
	position:relative;
	
}

li.entry-left{
     float :left;
}

li.entry-right{
     float: right;
}


.sep{
	background-image:url(http://julieblaive.com/wp-content/uploads/2016/02/chat.gif) !important;
	background-repeat:no-repeat;
	background-position:center;
	background-size:50px;
}


li.entry-left:hover, li.entry-right:hover{
	
}

/*.v-align{
	width:0.1%;
	height:120vh;
	display:inline-block;
	vertical-align: middle;
}*/

img{
	max-height:80vh;
	max-width:80%;

}

.sep{	
	display: inline-block;
	vertical-align: middle;
	width: 49.9%;
	text-align: center;

	-webkit-transition:width 0.2s;
	transition:width 0.2s;
 }


.img{ width:200%; position:relative;
	
	top: 50%;
    transform: translateY(-50%);
	
}

/*------------------------------ Cursor ------------------------------*/

.category-obj-ctr, .category-obj-ctr li.big{
	cursor: auto;
}

li.big{
	cursor:url(http://julieblaive.com/wp-content/uploads/2015/11/moins.png)15 15, auto;
}



/*------------------------- Titre et légende -------------------------*/

.txt-zone{
	position: relative;
	text-align: center;
	padding: 25px;
	font-size: 12px;
	width: 50%;
	box-sizing: border-box;
}


.category-gp-obj .txt-zone{
	left: 50%;
}

.category-obj-ctr .txt-zone{
}


.category-gp-obj-ctr li.entry-right .txt-zone,
.category-obj-ctr-gp li.entry-left .txt-zone{
	left:0;

	-webkit-transition: left 0.2s;
	transition: left 0.2s;
}

.category-gp-obj-ctr li.entry-right.big .txt-zone,
.category-obj-ctr-gp li.entry-left.big .txt-zone{
	left:25%;

	-webkit-transition: left 0.2s;
	transition: left 0.2s;
}

.category-gp-obj .entry-left .txt-zone, 
.category-obj-gp .entry-right .txt-zone{
	display:none !important;
}


.titre{ 
	font-size: 12px;
	line-height:1.2em;
	text-decoration:underline
}

.caption{	
	font-size:12px;
	line-height:1.2em;
}

.titre p, .caption p{
	margin:0; padding:0;
}



/*------------------------- Section Image + Gros Plan -------------------------*/



.category-obj-gp li.entry-left.big
{
	width:100%;
	-webkit-transition:width 0.2s;
	transition:width 0.2s;
}

.category-obj-gp li.entry-right.small
{
	width:0%;
	-webkit-transition:width 0.2s;
	transition:width 0.2s;
}
.category-obj-gp li.entry-left .img{
	width:100vw;
	position:absolute;
}


.category-obj-gp li.entry-left .sep, 
.category-obj-gp li.entry-left.big .sep{
	width: 49%;
}


/*------------------------- Section Gros Plan + Image -------------------------*/

.category-gp-obj li.entry-left{
     float :left;
	z-index:999;
}

.category-gp-obj li.entry-right{
	width:100%;
     	position:absolute;
	float: left;
	z-index:9;
}
.category-gp-obj li.entry-left.big,
.category-gp-obj li.entry-right.big{
	width:100%;
	-webkit-transition:width 0.2s;
	transition:width 0.2s;
}


.category-gp-obj li.entry-left.small{
	width:0%;
	-webkit-transition:width 0.2s;
	transition:width 0.2s;
}

.category-gp-obj li.entry-right.small{
	width:100%;
	-webkit-transition:width 0.2s;
	transition:width 0.2s;
}
.category-gp-obj li.entry-right .img{
	width:100vw;
	position:absolute;
}


.category-gp-obj li.entry-right .sep, 
.category-gp-obj li.entry-right.big .sep{
	width: 49%;
}


/*------------------------- Section Image Centre -------------------------*/

.category-obj-ctr li.entry-left{
	width:100%;
}

.category-obj-ctr li.entry-right{
	width:0%;
}

/*------------------------- Section Gros Plan + Image Centrer -------------------------*/

.category-gp-obj-ctr li.entry-left{
	position:relative;
	z-index:999;
}

.category-gp-obj-ctr li.entry-left.big{
	width:100%;
}

.category-gp-obj-ctr li.entry-left.small{
	width:0%;
}

.category-gp-obj-ctr li.entry-right,
.category-gp-obj-ctr li.entry-right.big,
.category-gp-obj-ctr li.entry-right.small{
	width:100%;
	position: absolute;
	z-index:9;
}

.category-gp-obj-ctr .img{
	width:100%;
	margin-left: 50%;
	-webkit-transition: width 0.2s, margin-left 0.2s;
	transition: width 0.2s, margin-left 0.2s;
	position:relative;
}

.category-gp-obj-ctr li.entry-right.big .img{
	width:200%;
	margin-left: 0;
	-webkit-transition: width 0.2s, margin-left 0.2s;
	transition: width 0.2s, margin-left 0.2s;
}

/*------------------------- Section Image Centrer + Gros Plan -------------------------*/

.category-obj-ctr-gp li.entry-right{
	position:relative;
	z-index:999;
}

.category-obj-ctr-gp li.entry-right.big{
	width:100%;
}

.category-obj-ctr-gp li.entry-right.small{
	width:0%;
}

.category-obj-ctr-gp li.entry-left,
.category-obj-ctr-gp li.entry-left.big,
.category-obj-ctr-gp li.entry-left.small{
	width:100%;
	position: absolute;
	z-index:9;
}

.category-obj-ctr-gp .img{
	text-align: left;
	width:100%;

	-webkit-transition: width 0.2s;
	transition: width 0.2s;
}

.category-obj-ctr-gp li.entry-left.big .img{
	width:200%;
	text-align: left;
	-webkit-transition: width 0.2s;
	transition: width 0.2s;
}

/*------------------------- 2 Objets -------------------------*/


.category-2objets li.entry-left,
.category-2objets li.entry-right
{
	position:absolute;
	opacity:1;
	-webkit-transition: width 0.2s, opacity 0.2s;
	transition: width 0.2s,  opacity 0.2s;
}

.category-2objets li.entry-right
{
	right: 0;
}


.category-2objets li.entry-left.big,
.category-2objets li.entry-right.big
{
	width:100%;
	z-index:9999;
	background-color:rgba(255, 255, 255, 1);

	-webkit-transition: width 0.2s, background-color 0.2s;
	transition: width 0.2s, background-color 0.2s;
}

.category-2objets li.entry-left.small,
.category-2objets li.entry-right.small
{
	width:50%;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;	
	opacity:0;
}



/*------------------------- Info-------------------------*/


.page .hentry{
	overflow: inherit;
	position:absolute;
	width: 100%;
	height: 100%;
	
	cursor: initial;
}

.page #main{
	top:100px;
}

.page #site-generator, .page #menu-main, #menu-infos{display:none;}
.page #menu-infos{display: block; padding-left:25px;}
.page footer{
	display:none;
}
.about{
padding:25px;
width:45%;
position:absolute;
font-size:24px;
}

.infos-titre{
	font-size:24px;
	margin:0; padding: 0;
}

.cv{
	font-size:16px;
	width:25%;
	padding:25px;
	position:absolute;
	left:50%;
	line-height:22px;
}

.cv strong{font-weight:normal; text-decoration:underline;}

@media screen and (max-width: 1180px) {
	 #site-title, #site-description, #site-generator,footer {
    	font-size:16px;
  	}
	
	#site-title, #site-generator,footer {
    	width: 70px;
  	}
	#site-description{
		width: 130px;
		left: 80px;
	}
}

@media screen and (max-width: 640px) {
  #site-title, #site-generator,footer {
    font-size:16px;
  }
	
	#site-title, #site-generator,footer {
    	width:130px;
  	}
	
	#site-description{
		display:none;
	}

	footer{
	right:0;
	}
	
	#main{
		top: 60px;
	}
	
	.category-gp-obj .txt-zone,
	.category-obj-ctr .txt-zone{
		left: 50%;
	}
	.hentry{
		height:inherit;
		padding: 0 0 120px;
	}
	
li.entry-left, li.entry-right{
	width:100% !important;
	height:auto !important;
	position:relative !important;
	float:none;
	clear:both;
	}
	.big, .small{
	width:initial !important;
	}
	.sep{width:100% !important; position:relative !important; margin: 2.5% 0!important;}
	
	img{width:100%; height:auto; max-width:inherit; max-height:inherit;}

	.category-obj-ctr-gp .sep, .category-gp-obj-ctr .sep, .category-gp-obj .sep, .category-obj-gp .sep{
	background-image:none !important;
	} 
	.txt-zone {z-index:999999; background-color:#fff; width: 100%;}
	.category-gp-obj .txt-zone, .category-obj-ctr .txt-zone,
	.category-gp-obj .txt-zone{
		left:inherit;
	}
	.about,.cv{line-height:1.4em; position:relative !important; width:inherit !important; left:0;
	}
	.cv a{word-wrap: break-word;}
	.img{width:90% !important; position:relative !important; margin: 0 auto!important; top: inherit; transform: inherit;}

	.category-gp-obj li.entry-left, .category-obj-gp li.entry-right, .category-obj-ctr-gp li.entry-right, .category-gp-obj-ctr li.entry-left{
		width:90% !important; margin:3% 5% !important; display: none;
	}
}