html {
	color : #FFFFFF;
	font: italic 25px "Fira Sans", serif;
	background-color:#000000;
}

body {
	margin : 0px;
	padding: 0px;
}


#sectionPr {
	background : url("../img/item-1.jpg") no-repeat ;
	background-attachment: fixed;
	background-size : contain;
	width : 100%;
	max-height: 500px;
}

#titlePr {
	width : 100%;
	margin: auto;

}

#sectionDesc {
	background-color:#000000;
}


.contDescBox {
	position: relative;
	top : -80px;
	max-width: 100%;
	width : 1200px;
	margin : auto;
	display :flex;
	flex-wrap: wrap;
	justify-content: center;
}

.cdescBox {
	max-width : 300px;
	min-width : 300px;
	font-size : 1em;
	flex : 33%;
	text-align : center;
	background : #881414;
	margin :20px;	
	padding: 1em;

}

#sectionWine {
	background : url("../img/vins-33.jpg") no-repeat ;
	background-attachment: fixed;
	background-size : cover;
	width : 100%;
	min-height: 500px;
	display: flex;
	justify-content: center;
	align-items: center; 
}

#sstWine {
	width : 100%;
	padding-bottom : 50px;
	background: rgba(0, 0, 0, 0.7);

}

#tWine {

	max-width : 800px;
	height : 100%;
	text-align:center;
	margin:auto;
	padding : 10px;
}


#sectionSpir {
	background-color:#000000;
	max-width : 1200px;
	display : flex;
	min-height: 440px;
	margin :auto;
}

#secSpirText {
	position : relative;
	bottom: 0px;
	background-color: #881414;
	padding : 20px;
	margin : 20px 20px 20px 0px;
}

#secSpirPhoto {
	height:100%;
	width : 400px;	
	padding: 20px 0px;
}

#secSpirPhoto img {

	height :400px;
}

#sectionSpir2 {
	background-color:#000000;
	max-width : 1200px;
	display : flex;
	min-height: 420px;
	margin :auto;
}
#secSpir2Photo {
	width :400px;
	height:400px;
	margin : 0px 20px 20px 0px;
/*	overflow:hidden;*/
	
}


#secSpir2Text {
	height:100%;
	min-height: 360px;
	background-color: #881414;
	padding : 20px;
	margin : 0px;

}



#secSpir2Photo img {
	height :100%;
}	


#sectionChamp {
	background : url("../img/champagnes-1.jpg") no-repeat ;
	background-attachment: fixed;
	background-size : cover;
	width : 100%;
	min-height: 500px;
	display: flex;
	justify-content: center;
	align-items: center; 
}

#sstChamp {
	width : 100%;
	padding-bottom : 50px;
	background: rgba(0, 0, 0, 0.7);

}

#tChamp {
	max-width : 800px;
	text-align:center;
	margin:auto;


}

#sectionAccess {
	max-width : 1200px;
	background-color:#000000;
	min-height: 440px;
	margin :auto;
	display : flex;
}

#secAccText {
	height: 100%;
	min-height : 360px;
	background-color: #881414;
	padding : 20px;
	margin : 20px 0px;
}

#secAccPhoto {
	width :400px;
	height:400px;
	margin : 20px 20px 20px 0px;
}

#secAccPhoto img{
	height : 100%;

}

#sectionAccess2 {
	max-width : 1200px;
	background-color:#000000;
	min-height: 400px;
	margin :auto;
	display : flex;
}

#secAcc2Text {
	height: 100%;
	min-height:400px;
	width :360px;
	background-color: #881414;
	padding :20px;
	margin-right:20px;
}

#secAcc2Photo {

	height:400px;
	margin : 0px;
	overflow : hidden;	
}

#secAcc2Photo img{
	height : 100%;

}

#pPage {
	background:#000000;
	position : fixed;
	display:flex;
	bottom : 0px;
	left :0px;
	right : 0px;
	height :100px;
	
}

#logo {
	flex: 1;
	height :100%;
}

#logo img{
	height :100%;
}
#title {
	flex : 3;	
}

#tel {
	flex : 3;
}

#mail {
	flex : 3;	

}

#footer {
	height :95px;
	display : flex;
}

@media screen and (max-width:1000px) {

	#sectionSpir {
		flex-wrap: wrap; 
	}

	#secSpirText {

		margin : auto;
	}

	#secSpirPhoto {
		margin : auto;
	}

	#secSpirPhoto img{
		width : 100%;
		height:auto;
	}


	#sectionSpir2 {
		flex-wrap: wrap-reverse; 

	}

	#secSpir2Photo {
		margin : auto;
	}
	
	#secSpir2Photo img{
		width : 100%;
		height:auto;
	}

	#sectionAccess {
		flex-wrap: wrap-reverse; 
	}

	#secAccPhoto {
		margin : auto;
	}
	
	#secAccPhoto img{
		width : 100%;
		height:auto;
	}

	#sectionAccess2 {
		flex-wrap: wrap; 
	}

	#secAcc2Text {
		margin-right : 0px;
		width : 100%;
	}
	#secAcc2Photo {
		margin-right : 0px;
		width : 100%;
	}

	#pPage {
		display : none;
	}

	#footer {
		display : block;
	}
}