@font-face {
    font-family: 'Raleway-Thin';
    src: url('../fonts/Raleway-Thin.ttf');
}
@font-face {
    font-family: 'Raleway-Regular';
    src: url('../fonts/Raleway-Regular.ttf');
}


body,html{
	width:100%;
	height:100%;
	margin:0;
	font-family: 'Raleway-Regular';
	padding:0;
}
.return-location{
	text-align: center;
	font-size: 18px;
	padding:15px;
	margin: 15px;
}
.return-location a{
	background:#6fafff;
	color:white;
	border: none;

	padding: 5px 15px;
}
.return-location a:hover{
	text-decoration: none;
	color:white;
}
.return-location i{
	color:white !important;
}
.img-responsive{
	width:80px;
	padding-top: 10px;
}
h1{
	text-align: center;
	text-transform: uppercase;
	font-family: 'Raleway-Thin';
	color:#c0c0c0 !important;
}
span:first-child{
	font-family: 'Myriad Pro';
	color:#6fafff;
}
table{
	border: 1px solid #6fafff;
	width:100%;
	height:100px;
}
tr:first-child{
	border-bottom: 1px solid #6fafff;
	background: #6fafff;
}
tr:first-child td{
	color:white;
}
tr:first-child td:last-child{
	border-right:1px solid#6fafff;
}
tr:last-child td:last-child{
	border-right:1px solid#6fafff;
}
td:first-child{
	text-align: center;
	font-family: 'Raleway-Regular';
	text-transform: uppercase;
	border-right: 1px solid#dedede;
}
td{
	padding:5px !important;
	border-right: 1px solid#dedede;
	text-align: center;
}
.info-photos{
	padding-top: 50px;
}
.info-photos button{
	display: block;
	margin: 0 auto;
	background:#6fafff;
	color:white;
	padding:5px;
	border:none;
	width:100px;
	text-transform: uppercase;
	outline: none;
}
.toggle_plus{
	text-align: center;
	padding-top: 50px;
}
i{
	color:#6fafff;
}
.retour{
	position: fixed;
	top:25px;
}
.gallery{
	padding-top: 50px;
	text-align: center;
}
.gallery img{
	margin:0 auto;
	height: 60px;
}
.gallery div{
	border-right: 1px solid#dedede;
}
.infos div{
	padding-top: 50px;
	text-align: center;
	padding-bottom: 50px;
}
.top-info{
	background:#6fafff;
	color:white;
}
.top-info i{
	color:white;
}
footer{
	border-top: 1px solid #dedede;
	margin-top: 20px;
}
footer img{
	width:200px;
	display: block;
	margin: 0 auto;
}
@media screen and (max-width:500px){
	h1{
		font-size: 16px !important;
	}
	img{
		width:50px;
	}
	span{
		font-size: 16px !important;
	}
	li{
		font-size: 16px !important;
	}
	.fr,.en{
		text-align: left;
	}
	ul{
		padding:0;
	}
	p{
		font-size: 16px !important;
	}
	.gallery img{
		width:200px !important;
	}
	 table tr > *{
        display: block;
    }
    table tr {
        display: table-cell;
    }
    td{
    	border-bottom: 1px solid #dedede;
    }
    .retour{
    	position: relative;
    }
    img:first-child{
    	width:60px;
    }
    .gallery img{
    	height:50%;
    }
}