@charset "utf-8";
/* CSS Document */
#fond-contener{
	width: 100%;
	height: 1130px;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	background-color:rgba(255,255,255,0.7);
}


#fond-passe{
	width: 50%;
	height: 330px;
	top: 20px;
	position: relative;
	margin: 0 auto;
	float: right;
	background-color:rgba(255,255,255,1);
}


#fond-aujourdhui{
	width: 50%;
	height: 330px;
	top: 400px;
	position: relative;
	margin: 0 auto;
	float: left;
	background-color:rgba(255,255,255,1);
}

#fond-berry{
	width: 50%;
	height: 330px;
	top: 450px;
	position: relative;
	margin: 0 auto;
	float: right;
	background-color:rgba(255,255,255,1);
}



#contener{
	width: 1024px;
	height: 1110px;
	margin-left: auto;
	margin-right: auto;

}


#passe{
	width: 432px;
	height: 285px;
	margin-top: 20px;
	position: absolute;
	background-color:#FFFFFF;	
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	text-align: justify;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left:40px;
	padding-right: 40px;
	
}

#photo-passe{
	width: 512px;
	height: 330px;
	margin-left: 512px;
	margin-top: 20px;
	position: absolute;
	background-image: url(../images/passe.jpg);
	background-size: cover;
	background-position: top;
}


#aujourdhui{
	width: 432px;
	height: 285px;
	margin-left: 512px;
	margin-top: 400px;
	position: absolute;
	background-color:#FFFFFF;	
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	text-align: justify;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left:40px;
	padding-right: 40px;
}

#photo-aujourdhui{
	width: 512px;
	height: 330px;
	margin-top: 400px;
	position: absolute;
	background-image: url(../images/aujourdhui.jpg);
	background-size: cover;
}

#berry{	width: 432px;
	height: 285px;
	margin-top: 780px;
	position: absolute;
	background-color:#FFFFFF;	
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	text-align: justify;
	padding-top: 30px;
	padding-bottom: 15px;
	padding-left:40px;
	padding-right: 40px;}

#photo-berry{
	width: 512px;
	height: 330px;
	margin-left: 512px;
	margin-top: 780px;
	position: absolute;
	background-image: url(../images/berry.jpg);
	background-size: cover;
	background-position: bottom;
}

#logo-issoudun{
	width: 50px;
	height: 42px;
	margin-left:320px;
	position: absolute;
	top: 278px;
}


#logo-berry{
	width: 50px;
	height: 42px;
	margin-left:380px;
	position: absolute;
	top: 278px;
}







/*/////////////////////////////TABLETTE//////////////////////////////*/
@media only screen and (min-width:650px) and (max-width:1044px) {


#fond-contener{
	height: 1570px;
}
	
#fond-passe, #fond-aujourdhui,#fond-berry{
	opacity:0;
	width:0px;
	height:0px;
}


#contener{
	width: 100%;
	height: 150px;
}

#passe{
	width: 40%;
	height: 465px;
	padding-left: 5%;
	padding-right: 5%;
	}

#photo-passe{
	width: 50%;
	height: 510px;
	margin-left: 50%;
}

#aujourdhui{
	width: 40%;
	height: 405px;
	margin-top: 580px;
	margin-left: 50%;
	padding-left:5%;
	padding-right:5%;
}

#photo-aujourdhui{
	width: 50%;
	height: 450px;
	margin-top: 580px;
	}

#berry{	width: 40%;
	height: 425px;
	margin-top: 1080px;
	padding-left:5%;
	padding-right: 5%;
	margin-bottom: 20px;}

#photo-berry{
	width: 50%;
	height: 470px;
	margin-top: 1080px;
	margin-left: 50%;
	margin-bottom: 20px;
}
	
#logo-issoudun{
	width: 50px;
	height: 42px;
	right:90px;
	position: absolute;
	margin-top: 140px;}


#logo-berry{
	width: 50px;
	height: 42px;
	right:30px;
	position: absolute;
	margin-top: 140px;
}
}



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

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





#fond-contener{
	height: auto;
	position: relative;
}
	
	
	#fond-passe, #fond-aujourdhui,#fond-berry{
	opacity:0;
	width:0px;
	height:0px;
}

#contener{
	width: 100%;
	height: auto;
}


#passe{
	width: 90%;
	height: auto;
	top: 20px;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom:30px;
	position: relative;
	}

#photo-passe{
	width: 100%;
	height: 350px;
	margin-top: 20px;
	margin-left: 0px;
	position: relative;
	background-position: top;
}
	
#aujourdhui{
	width: 90%;
	height: auto;
	margin-top: 50px;
	margin-left: 0px;
	position: relative;
	padding-left:5%;
	padding-right:5%;
}

#photo-aujourdhui{
	width: 100%;
	height: 350px;
	margin-top: 0px;
	position: relative;
	}

#berry{	width: 90%;
	height: auto;
	position: relative;
	margin-top:50px;
	padding-bottom: 50px;
	padding-left:5%;
	padding-right: 5%;}

	
#photo-berry{
	width:100%;
	height: 350px;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	background-position: bottom;
}
	
#liseretbas{
	width:100%;
	height: 20px;
	position: relative;
	margin-top: 0px;
	margin-left: 0px;
	background-color:rgba(255,255,255,0.7);
}	

#logo-issoudun{
	width: 50px;
	height: 42px;
	position: absolute;
	margin-top: inherit;
	top: inherit;right: 30px;
bottom: 15px;

	}


#logo-berry{
	width: 50px;
	height: 42px;
	position: absolute;
	margin-top:inherit;
	top: inherit;
	right: 90px;
bottom: 15px;
	
	}
}