/* Le code généré est uniquement destiné à visualiser votre création Reflow. */

#interdiv {
	float: right;
	width: 737px;
	margin-bottom: 6px;
	margin-top: 6px;
}

#middle {
	float: left;
	height: auto;
	margin-top: 0px;
	clear: none;
	width: 100%;
	background-color: #C2D018;
	padding-left: 30px;
	background-image: url(img/frise.png);
	background-repeat: repeat-y;
}
#central {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	width: 850px;
	min-height: 100%;
	height: auto;
	clear: left;
}
#carte {
	width: 480px;
	float: right;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-box-shadow: 2px 1px 3px 1px #8A8A8A;
	box-shadow: 2px 1px 3px 1px #8A8A8A;
	border-radius: 10px;
	padding-top: 10px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 10px;
}
#droite {
	width: 487px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 21px;
}
#textgauche {
	width: 280px;
	float: left;
	margin-top: 20px;
}
#photogauche {
	width: 340px;
	float: left;
	margin-top: 20px;
	clear: left;
}
#iconrecet {
	width: 98%;
	float: left;
	margin-top: 10px;
	background-image: url(img/icon-fourchet.png);
	background-repeat: no-repeat;
	padding-left: 83px;
	height: auto;
	min-height: 180px;
	border: 1px solid #B6BD5A;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 11px;
	border-radius: 7px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	background-color: #CEDB28;
}
#rectangle {
	width: 340px;
	background-color: #CED765;
	border-radius: 12px;
	height: 320px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	float: left;
}
#rectangle2 {
	width: 340px;
	background-color: #CED765;
	border-radius: 12px;
	height: 320px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	clear: none;
	margin-left: 65px;
	margin-bottom: 20px;
	float: left;
}

#videocultur {
	width: 100%;
}
#videoyoutub {
	visibility: hidden;
	height: 1px;
}

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

#interdiv {
	width: 141px;
	float: right;
}

#middle {
	width: 100%;
	padding-right: 0px;
    }
	
#central {
	margin-bottom: 0px;
	clear: none;
	width: 94%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

#photogauche {
	margin-right: 48%;
	float: none;


}
#droite {
	width: 100%;
	padding-left: 0px;
	float: left;

}
#carte {
	width: 329px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
}
#textgauche {
	width: 40%;
}
#iconrecet {
	width: 100%;
}
#rectangle {
	margin-bottom: 10px;
	margin-left: auto;
	text-align: center;
	margin-right: auto;
	float: none;

}
#rectangle2 {
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}


}

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

 #middle {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-right: 10px;
	padding-left: 10px;
    }

#central {
	width: 95%;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
}
#textgauche {
	width: 256px;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
#droite {
	padding-left: 12px;


}
#photogauche {
	float: none;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#rectangle {
	margin-left: auto;
	width: 320px;
	padding: 0px;
	background-color: none;
	margin-right: auto;

}
#rectangle2 {
	width: 320px;
	margin-left: auto;
	padding: 0px;
	background-color: none;
	margin-right: auto;
}

#videocultur {
	visibility: hidden;
	height: 50px;
}
#videoyoutub {
	visibility: visible;
	height: 150px;
}

}