@charset "utf-8";
/* CSS Document */


#fond-contener{
	width: 100%;
	height: 670px;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	background-color:rgba(255,255,255,0.7);}


#fond-texte{
	width: 50%;
	height: 650px;
	float: left;
	margin-top: 20px;
	position: absolute;
	background-color:rgba(255,255,255,1);}



#contener{
	width: 1024px;
	height: 650px;
	left: 50%;
	margin-left:-512px;
	position: absolute;

}


#photo1{
	width: 600px;
	height: 650px;
	margin-top: 20px;
	position: absolute;
	background-size: cover;
	background-position: center;
	background-image: url(../images/mentions.jpg);
	
}

#texte{
	width: 324px;
	height: 550px;
	position: absolute;
	left:600px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding:50px;
}




/*/////////////////////////////TABLETTE//////////////////////////////*/

@media only screen and (min-width:650px) and (max-width:1044px) {
	
#fond-contener{
	width: 100%;
	height: auto;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	background-color:rgba(255,255,255,0.7);
	position: relative;}


#fond-texte{
	display: none;}




#contener{
	width: 100%;
	height: auto;
	margin-top: 20px;
	left: inherit;
	margin-left:inherit;
	position: relative;

}


#photo1{
	width: 100%;
	height: 350px;
	top: 20px;
	position:relative;
	background-size: cover;
	background-position: center;
	background-image: url(../images/traiteur1.jpg);
	
}

#texte{
	width: 90%;
	height:auto;
	position: relative;
	left:inherit;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%
}


}

/*/////////////////////////////TELEPHONE//////////////////////////////*/

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


	
#fond-contener{
	width: 100%;
	height: auto;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	background-color:rgba(255,255,255,0.7);
	position: relative;}


#fond-texte{
	display: none;}




#contener{
	width: 100%;
	height: auto;
	margin-top: 20px;
	left: inherit;
	margin-left:inherit;
	position: relative;

}


#photo1{
	width: 100%;
	height: 350px;
	top: 20px;
	position:relative;
	background-size: cover;
	background-position: center;
	background-image: url(../images/traiteur1.jpg);
	
}

#texte{
	width: 90%;
	height:auto;
	position: relative;
	left:inherit;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding-top: 30px;
	padding-left: 5%;
	padding-right: 5%
}
	
	
}