/* page layout */
	*{
	    margin:0;
	    padding:0;
	}
	body {
	    background-image: url("../images/6blur.jpg");
			
		background-size : 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-color: black;
		/*background-color:#bababa;*/
	    color:#fff;
	   
	}
	
	
	
	.liens a:nth-child(3){
text-decoration: underline;
/* font-family: quicksand;
font-weight: bold;
opacity: 1;
*/
}
	
	
	.consignes {
	position: absolute;
	right: 20px;
	top: 80px;
	font-size: 1em;
 	color: white;
	font-family: quicksand;

	opacity: 0.9;
	font-weight: lighter;
	
	}
	
	
	.container {
	    /*background-image: url("../images/2.jpg");
		background:#ddd; */
	    margin:40px auto;  /* le bloc global est à 40 px du haut */
	    padding-top:20px;
	    position:relative;
	    width:700px;
	 
	    border-radius:5px;
	    -moz-border-radius:5px;
	    -webkit-border-radius:5px;
	 
	    box-shadow:1px 1px 5px #111;
	    -moz-box-shadow:1px 1px 5px #111;
	    -webkit-box-shadow:1px 1px 5px #111;
		z-index: 30; /* ce z-index doit être supérieur à celui du menu sinon on ne peut pas cliquer sur les images */
	}
	 
	/* css3 photo gallery styles */
	.gallery {
		width:620px;
	    margin:0 auto;
	}
	.gallery a {     /* la taille de chaque bloc */
	    display:inline-block;
	    height:150px;
	    position:relative;
	    width:200px;
	}
	.gallery a img {  /* l'image dans le bloc  */
	    border:5px solid #fff;
	    cursor:pointer;
	    display:block;
	    max-height:100%;
	    left:0px;
	    position:absolute;
	    top:0px;
	    max-width:100%;
	    z-index:1;
	 
	    -moz-user-select: none;
	    -khtml-user-select: none;
	    user-select: none;
	 
	    -moz-box-sizing:border-box;
	    -webkit-box-sizing:border-box;
	    box-sizing:border-box;
	 
	    -webkit-transition-property:width, height, top, bottom, left, right, z-index, border;
	    -webkit-transition-duration:0.5s;
	    -moz-transition-property:width, height, top, bottom, left, right, z-index, border;
	    -moz-transition-duration:0.5s;
	    -o-transition-property:width, height, top, bottom, left, right, z-index, border;
	    -o-transition-duration:0.5s;
	    transition-property:width, height, top, bottom, left, right, z-index, border;
	    transition-duration:0.5s;
	}
	.gallery a:focus img {
		max-height:600%;
		max-width:600%;
	    border:15px solid #fff;
	    cursor:default;
	    height:350%;
	    position:absolute;
	    width:auto;
	    z-index:25;
	 
	    box-shadow:1px 1px 5px #888;
	    -moz-box-shadow:1px 1px 5px #888;
	    -webkit-box-shadow:1px 1px 5px #888;
	    -webkit-transition-property:width, height, top, bottom, left, right, z-index, border;
	    -webkit-transition-duration:0.5s;
	    -moz-transition-property:width, height, top, bottom, left, right, z-index, border;
	    -moz-transition-duration:0.5s;
	    -o-transition-property:width, height, top, bottom, left, right, z-index, border;
	    -o-transition-duration:0.5s;
	    transition-property:width, height, top, bottom, left, right, z-index, border;
	    transition-duration:0.5s;
	}
	 
	/* custom focus rules */
	/* n commence vraiment à 0 et augmente, donc -n+3 c'est les 3 premiers, n+7 c'est à partit du 7e... */
	.gallery a:focus:nth-child(3n+1) img {
	left:-200px;
	
	}
	.gallery a:focus:nth-child(3n+2) img {
	    left:-350px;
		
	}
	.gallery a:focus:nth-child(3n+3) img {
	    left:-600px;
	
	}
	.gallery a:focus:nth-child(-n+3) img {
	    top:40px;
	}
	.gallery a:focus:nth-child(n+4) img {
	    top:-100px;
	}
	.gallery a:focus:nth-child(n+7) img {
	    top:-250px;
	}
	.gallery a:focus:nth-child(n+10) img {
	    top:-400px;
	}
	 
	.gallery a:focus:nth-child(6) img {   /* les placements particuliers */
	    left: -700px;
	}
	 
	 
	 
	/* extra close layer */
	.gallery .close {
	    background:transparent;
	    cursor:pointer;
	    display:none;
	    height:352px;
	    left:170px;
	    position:absolute;
	    top:160px;
	    width:500px;
	    z-index:30;
	}
	.gallery a:focus ~ .close {
	    display:block;
	}