@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);


#bonjour {
	height : 100vh;overflow: hidden;
	width : 100%; 
	position : relative; margin:0 auto;  text-align:center;
	padding:0px; font-size:30pt; font-family: arial, sans serif;
	display: flex;
  align-items: center;
  justify-content: center;
	
	background: #1c1d1b url(../images/whisky-artillac-charente-maritime-fond-attente.jpg);
	background-size:  cover;
		background-position:  center center;
		background-repeat: no-repeat; 
	
}
#bonjour img{max-width:26vw;width:100%; height:auto;}
#bonjour img.ordi{display:block;}
#bonjour img.port{display:none;}

@media (max-width: 575px) {
	#bonjour img{max-width:90vw;width:100%; height:auto;}
	/*#bonjour img.ordi{display:none;}
#bonjour img.port{display:block;}*/
}
#bonjour h1{color:#fff; font-family: 'Lato', Arial, sans-serif; font-size:0.7em; font-weight:300; margin-top:20px;

	
}
#f{margin:0 auto; position : relative; text-align:center; 

	
}
#f img{vertical-align:-10px; margin-left:20px;

	
}

.liste_produit1, .liste_produit1:link, .liste_produit1:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-style: normal; font-weight:normal;
	color: #37a5ac; color:#f9a0ca; 
	text-decoration: underline;
}


.liste_produit1:hover {
	
	color: #cccccc;

}

* {margin : 0; padding : 0;}
html {height : 100%; min-height: 100%;}
body {width : 100%; height : 100%; min-height : 100%;position : relative; background:#1c1d1b; }