html body{
    margin:0;
    padding:0;
    background-color:black; /*rgb(230, 230, 230);
   /* font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;*/
   
}
a{
    color:#ff7700;
    text-decoration:none;
}

::-webkit-scrollbar { 
    display: none; 
}



.colored{color:#ff7700; transition: .5s;}
.colored:hover{color:white;}

#container{

margin-top: 150px; /* ---------------------------------------------  */
}

.grid-item a {text-decoration: none;}
.photo-title-link { font-size: 200%;}
.photo-title { font-style: italic; color:#fff;}
.photo-title-detail { color:#ff7700; font-size:80%; text-transform: uppercase;}


  
	/* titre/image */
.rollover {
	pointer-events: none;
	opacity: 0;
	position: absolute;
	font-family: "Century Gothic";
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	height: 100%;
	width: 100%;
	background: url(img/50p.png);
	text-align: center;
	transition: opacity .33s ease-in-out;
	-moz-transition: opacity .33s ease-in-out;
	-webkit-transition: opacity .33s ease-in-out; }

	/* titre/image */
.rollover span {
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	opacity: .8; }

	/* titre/image */
.grid-item:hover .rollover {
	opacity: 1.0;
	transition: opacity .33s ease-in-out;
	-moz-transition: opacity .33s ease-in-out;
	-webkit-transition: opacity .33s ease-in-out; }
  
 
.hiddenbox{display:none;}
.hover {cursor:pointer;}

#footer{
	color:#777;
	font-family: 'Myriad Pro', sans-serif;
	font-size: .8em;
	letter-spacing: 1px;
	/*margin-left:0px;*/
	margin:30px 15px 30px 15px;
	border-top:1px dashed #333;
}