/* Generated by Font Squirrel (https://www.fontsquirrel.com) on December 3, 2016 */
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('../fontsroboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('../fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg-accueil.jpg) 50% top no-repeat;
	color: #556972;
}
.coord {
	max-width: 510px;
	margin: auto; 
	padding: 0 20px;
}
.contact {
	font-family: 'robotobold';
	margin-top: 670px;
	text-align: left;
}
.dot{
	background: #abac2c;
    width: 5px;
    height: 5px;
    border-radius: 50%;
	display: inline-block;
	margin: 0 5px 3px 5px;	
}
.adresse {
	font-family: 'robotolight';
	text-align: left;
}
a {
	color: #556972;
	text-decoration: none;
}
.img-small-screen {display:none;}
/* Petit écran */
@media only screen and (max-width: 575px) {
    body { 
		background: none;
		/*width: 100%;
		height: 400px;
		background-image: url(../images/bg-accueil-small.jpg);
		background-repeat: no-repeat;
    	background-size: contain;*/
    }
	.contact {
		margin-top: 20px;
	}
	.img-small-screen {
		display: block;
		width: 100%;
		height: auto;
	}
}