* {
	margin : 0;
	padding : 0;
	}

img,iframe {
	vertical-align: bottom;
	max-width: 100%!important;
	} 
	
img{height: auto;}
	
a img p {border:0;}	


body {
	font-size: 14px;
	font-family: helvetica, sans-serif;
	font-weight:900;
	color:#000;
	text-align: left;
	background: #bbb;
	}

a {	text-decoration:none; color:#231F20;
	-moz-transition: color 0.1s ease;
	-webkit-transition: color 0.1s ease;
	-o-transition: color 0.1s ease;
	transition: color 0.1s ease;
	}
a:hover {text-decoration:none;color:#D7D0CE;}

li {list-style-type:none;}  	


/* padding inclus dans la div */
div{box-sizing: border-box; 
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */}
textarea{box-sizing: border-box; 
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */}

/* message ie to old */
.ie{
	color: #727272;
	background-color: #FAFAFA;
	margin:10px auto 10px auto;
	width:80%;
	padding:10px 10px 10px 10px;
	border: 1px dotted #727272;
	font-weight:100;
	font-family: helvetica, sans-serif;
	}


#allpack{} /*nothing but pack all*/

#directionpack, #menu /*home's top title*/
		{	padding:5px; 
			margin:12px 15px 5px 15px; 
			font-size: 32px;
			line-height:25px;
			letter-spacing:-0.05em;
		} 	
		

h1 {	font-size: 32px;
		line-height:25px;
		letter-spacing:-0.05em;
	}	
	
h2 {	font-size: 24px;
		line-height:20px;
		letter-spacing:-0.05em;
	}		

#container /*container boxes*/
		{padding:5px; margin:5px;} 

/*.article-content {max-width: 1200px;}*/

.page-text {padding:10px; margin:10px 10px 10px 10px;}

.page-content {}
 

.container
	{
	height:100%;
	}





/* ACCUEIL IMAGE DROITE */

#droite{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    overflow:hidden;
    z-index:-1;
  
	/*de base: no-repeat center center*/    
	/* man : http://www.guillaume-reynaud.com/wp-content/uploads/2014/01/accueildroit-mode01.jpg */
	/* woman-coupé-noir : http://www.guillaume-reynaud.com/wp-content/uploads/2014/03/001_J3_BIBA_0314_0136-2-1200.jpg */
	/* woman-pleine : http://www.guillaume-reynaud.com/wp-content/uploads/2013/12/001_J3_BIBA_0314_0136-1.jpg */
	/* woman à la plage : http://www.guillaume-reynaud.com/wp-content/uploads/2013/12/001_J3_BIBA_0314_0136-1.jpg*/
	/* fevrier 2015 : http://www.guillaume-reynaud.com/wp-content/uploads/2014/12/bis_biba_Givenchy24457.jpeg */ 

	background: #000 url(http://www.guillaume-reynaud.com/wp-content/uploads/2015/03/unnamed.jpg) no-repeat top center;
	background-size: 100%; /* cover ou 100%*/

    color:#000;
    width:50%;
    text-align:center;
    
	height:100%;
	display:inline-block;
    vertical-align:middle;
	}

/* MENU GAUCHE */
/* General styles for all menus */
.cbp-spmenu {
    position: fixed;
    background: #fff;
	/*opacity:0.95;*/
} 
/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
    width: 50%; /*240px*/
    height: 100%;
    top: 0;
    z-index: 10000;
}
/* Vertical menu that slides from the left */
.cbp-spmenu-left {
    left: -50%; /*-240*/
}
.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}
/* Transitions */
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
 
 
 
 
	.contact {
	padding:5px; 
	margin:12px 15px 5px 15px; 
	}
 
 
 
 
/* navigation */
.jcarousel-wrapper {
    position: relative;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;     
    width: 80px;
    height: 300px;
    max-height:80%;
    /* donc */ margin-top: -100px;    
    text-align: center;
    color: #fff;
    text-decoration: none;   
    font: 100px/200px Arial, sans-serif;    
    
    /*-webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
    background: #4E443C;*/
}

.jcarousel-control-prev {left: 15px;}
.jcarousel-control-next {right: 15px;} 
 

/**//**//**//**//**//**//**//**//**//**/

/* TABLETTE */
@media screen and (max-width: 930px) {	

.jcarousel-control-prev,
.jcarousel-control-next {
    display: none!important;
}

}/*media-end*/

/*  TELEPHONE */
@media screen and (max-width: 620px) {
.cbp-spmenu-vertical {
    width: 100%; /*240px*/
}
.cbp-spmenu-left {
    left: -100%; /*-240*/
}
#droite{
	display:none!important;
}
#directionpack, #menu /*home's top title*/
		{	padding:5px; 
			margin:12px 15px 5px 15px; 
			font-size: 24px;
			line-height:19px;
			letter-spacing:-0.05em;
		} 	

}/*media-end*/




/* slider */
#gallery {padding-bottom: 16px;}
#gallery img {}
.gallery-nav {
padding: 10px 15px;
box-shadow: -3px -3px 7px #CCC;
margin-top: 10px;
font-weight: bold;
color: #555;
display: none
}
@media screen and (max-width: 700px) {
.download { display: none; }
 }
.gallery-arrow-right {background: url(http://quentinrenaux.com/wp-content/uploads/2017/03/rightarrow.png) center right no-repeat !important; margin-right:8px;}
.gallery-arrow-left { background: url(http://quentinrenaux.com/wp-content/uploads/2017/03/leftarrow.png) center left no-repeat !important;}    
.gallery-arrow-right  {cursor:pointer !important;}    
.gallery-arrow-left{ cursor:pointer !important;}   





/*ARTICLE LIE EN DEUX COLONES*/
/* ---- isotope ---- */

.grid {
  background: transparent;
  margin: 0 auto;
  max-width:1530px; /*1130px */ 
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}


/* ---- .grid-item ---- */

.grid-sizer,
.grid-item 
	{
  	width: 33%;
	}
 .big
	{
  	width: 100%!important;
	}
 .item-cat
	{
  	width: 20%!important;
	}		
.gutter-sizer /*espace entre box*/
	{ 
	width: 0; 
	}
.grid-item 
	{
	display: block;	
  	float: left;
  	margin-bottom: 0; /*espace sous box*/
  	background: #fff;
	}		

/*.grid-item:hover{
	background: #fff;
	}
*/
	
/*in grid-item*/	
.grid-item img 
	{
  	display: block;
  	width: 100%;
  	margin: 0 auto;
  	padding: 0; /*10px*/
	}

/*.grid-item img:hover{
	background: #fff;
	}
*/	
.grid-item h3
	{

	font-family: 'Josefin Sans';
		text-transform : none;		
		font-size: 12px;
		font-weight: 900;
		text-align: center;
		letter-spacing:2px;
		color:#787878;
		
		background: #81DAF5;
	}	

/*.grid-item h3:hover{
	background: #fff;
	}
*/