/* Styles Banner BOX ENGLISH 2021.03 */
/* Edité par Pascal Antoinet */

#boxenglish-banner {
	height: 225px;
	position: relative;
	background: #c0eafd;
}
#boxenglish-banner .boxenglish-grid {
	height: 225px;
	display: grid;
	grid-template-columns: 30% 40% 30%;
	text-align: center;
}
#boxenglish-banner .boxenglish-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
#boxenglish-banner .boxenglish-title {
	font-size: 2rem;
	font-weight: 700;
	margin: 0 auto 10px;
	width: 100%;	
}
#boxenglish-banner .boxenglish-description {
	font-size: 1.55rem;
	line-height: 1.8rem;
	margin: 0px auto 5px;
	color: #0f0f11;
}
#boxenglish-banner .boxenglish-description-xs {
	font-size: 1.55rem;
	line-height: 1.6rem;
	margin: 0px auto 5px;
	color: #0f0f11;
	display: none;
}
#boxenglish-banner .red {
	color: #ca0000;
}
@media screen and (min-width: 768px) {
.boxenglish-produit-left {
	background: url(https://imagine.bayard.io/unsafe/450x431/bayard-static/e-bayard-jeunesse.com/2021/bannieres-generiques/box-langues/images/boxenglish-couv-left-x22.png) no-repeat top center;
	background-size: 80%;
}
.boxenglish-produit-right {
	background: url(https://imagine.bayard.io/unsafe/500x410/bayard-static/e-bayard-jeunesse.com/2021/bannieres-generiques/box-langues/images/boxenglish-couv-right-x22.png) no-repeat top center;
	background-size: 95%;
}
}
@media screen and (min-width: 769px) {
	#boxenglish-banner {
		background: url(https://static.bayard.io/e-bayard-jeunesse.com/2021/bannieres-generiques/box-langues/images/boxenglish-bkg_XL2.gif) center;
	}
}
@media screen and (max-width: 1024px) {
	#boxenglish-banner .boxenglish-description {
		display:none;
	}
	#boxenglish-banner .boxenglish-description-xs {
		display:block;
	}
}
@media screen and (min-width:361px) and (max-width: 768px) {
	#boxenglish-banner {
		background: #c0eafd url(https://imagine.bayard.io/unsafe/900x225/bayard-static/e-bayard-jeunesse.com/2021/bannieres-generiques/box-langues/images/couvs-sm-x22.jpg) no-repeat bottom center;
		background-size: 85%;
	}
}
@media screen and (max-width: 600px) {
	#boxenglish-banner {
		background-size: 100%;
	}
}
@media screen and (max-width: 360px) {
	#boxenglish-banner {
		background: #c0eafd url(https://imagine.bayard.io/unsafe/720x212/bayard-static/e-bayard-jeunesse.com/2021/bannieres-generiques/box-langues/images/couvs-xs-x22.jpg) no-repeat bottom center;
		background-size: 100%;
	}
}
/* Smartphone */
@media screen and (max-width: 768px) { 
	#boxenglish-banner {
		height: 250px;
	}
	#boxenglish-banner .boxenglish-text {
		width: 95%;
		max-width: 500px;
		display: block;
		margin: 0 auto;
		padding-top: 15px;
	}
	#boxenglish-banner .boxenglish-grid {
		display: block;
	}
}
@media screen and (max-width: 380px) {
	#boxenglish-banner .boxenglish-title {
		font-size: 1.75rem;
	}
	#boxenglish-banner .boxenglish-description-xs {
		font-size: 1.4rem;
	}
}