/* CSS Document */

div.bannerImagerow
{
	text-align: center;
position: relative;
margin-left:0;
margin-right:0;
}

div.bannerImagerow .col-12
{
	padding-left: 0 !important;
padding-right: 0 !important;
}
div.banner-bloc-text {
 display: block;
  position: absolute;
  bottom: 10px;
  width: 100%;
  z-index: 100;
  left: 0;
}


@media only screen and (min-width: 700px) and (min-height: 550px) {
div.banner-bloc-text {
}

}

.banner-surtitle
{
position: relative;
  width: 100%;
  text-align: center;
  z-index: 100;
  margin-top: 10px;
  margin-bottom: 5%;
  left: 0;
  padding: 30px 10px;
}


img.banner-EQ
{
max-width: 300px;
  width: 80%;
  position: absolute;
  left: 30px;

}

img.banner-ET
{
	max-width: 250px;
  width: 50%;
  position: absolute;
  left: 34px;
  top: 66px;
}

img.banner-slogan
{
max-width: 250px;
  width: 50%;
  position: absolute;
  left: 33px;
  top: 68px;
}

a.bannerStarLogo
{display: block;
  max-width: 200px;
  margin: auto;
}

#bannerStarLogo {
 width: 70px;
  position: absolute;
  right: 45px;
  top: 30px;
}



h1.banner-title
{
}
.banner-subtitle
{
}

img.bannerImage
{
	
width:100%;
}


#container-banner
{
	margin-bottom:30px;
	/*height: 100%;*/
	width: 100%;
	padding: 0;
	
}

.diagEnergieBanner img {
  width: 100%;
}

.diagEnergieBanner {
  width: 8%;
  position: absolute;
  right: 20px;
  bottom: 10px;
}
@media only screen and (max-width: 1150px) {
.banner-surtitle {
left:10%;
max-width:320px;
}
div.banner-bloc-text
{
	right:5%
}
a.bannerStarLogo
{
	max-width: 80px;
}
#bannerStarLogo {
  width: 80px;
  margin: 25px 0px;
}

.diagEnergieBanner
{
	width:100px;
}
}


@media only screen and (max-width: 768px) {
.banner-surtitle {
left:5%;
}
}

@media only screen and (max-width: 520px) {
.banner-surtitle {
left: 15%;
max-width: 70%;
height: 100%;
width:70%;
margin-top: 0%;
margin-bottom: 35%;
}
div.bannerImage
{
	background-position-x: 83%;
}



div.banner-bloc-text {
  right: 50%;
  margin-right: -30px;
}
.diagEnergieBanner {
  width: 60px;
}

#bannerStarLogo
{
	margin:5px 0px;
}
}


@media only screen and (min-width: 1100px) and (min-height: 700px) {
#container-banner
{
 min-height: 400px;	
}
div.bannerImage
{

}
}


div.banner-subtitle a.cta
{
	font-size:1.8rem !important;
}
@media only screen and (max-width: 700px) {
#container-banner
{
	margin-left:0px;
	padding-left:0px;
	margin-right:0px;
	padding-right:0px;
	width:100%;
	max-width:none;
	
}
div.banner-subtitle a.cta
{
	font-size:1.4rem !important;
}
}