body {margin: 0px; background-image: url("images/bg-fond.jpg");background-repeat: no-repeat;background-size: cover;font-size: 16px;font-family: 'Roboto Slab', serif;font-weight: 300;}
h1 {font-weight: 300;letter-spacing: 12px;font-size: 1.2em;text-transform: uppercase;z-index: 200;position: relative;}
h1 span {font-weight: 700;text-transform: none;font-size: 2em;letter-spacing: normal;color: #997541;text-shadow:0px 0px 3px #a8a8a8;}
p {color: #FFF;margin-top: 0px;margin-bottom: 10px;font-style: italic;}
p.contact {font-size: 0.8em;}
p.adress {font-size: 0.8em;text-align: center;}
#background-image {z-index: 0;}

#header {width: 600px;margin-left: auto;margin-right: auto;text-align: center;padding-top: 200px;z-index: 100;position: relative;height: 250px}
#content-texte {position: absolute;bottom: 0px;width: 100%;}
#texte {width: 1024px;z-index: 100;margin-left: auto;margin-right: auto;position: relative;bottom: 60px;background: url(images/bg-texte.png);height: 430px;}
#img {background: url(images/cuvee.png) no-repeat;width: 500px;height: 430px;float: left;}
#txt {padding: 40px;}
#header img {position: absolute;top: 0px;left:0px;z-index: 0;display: block;}

a,
p span {color: #b4854a}		

@media all and (min-width: 480px) {
	
}


@media all and (max-height: 780px) {
	#content-texte {position: relative}
}


@media all and (max-width: 1024px) {
	#texte {width: 100%;height: auto;}
	#content-texte {position: relative;}
	#header {width: 100%;}
	#header img {;display: none;}
	#header {background: url(images/logo.png) no-repeat center top;}
}


@media all and (max-width: 900px) {
	#img {width: 250px;height: 215px;background-size:250px 215px; }
	body {font-size: 14px;}
	#header {height: 200px;}
}

@media all and (max-width: 450px) {
	#img {width: 100%; background-size:100% auto;margin-bottom: 20px; }
	#txt {padding: 20px;}
	body {font-size: 13px;}
	#header {height: 150px;}
	h1 {font-size: 1em;}
	
}



@media all and (min-width: 1200px) {

}