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


/*correctifs structure de la page*/

.etude-de-cas-cms-page {
	display: none;
}

/*.col-md-6 {
	padding-left: 0px;
	padding-right: 0px;
}*/

/*cacher la banniere*/

.top-content {
	display: none;
}

.grid-section {
	background-image: url(https://prodsolutionsmedia.blob.core.windows.net/assets/page/etudes-de-cas/vins-bu/bg-total.jpg);
	background-repeat: repeat-y;
}

/*---------------------*/

/*blocintro*/
/*Logo*/

.blocintro {
	height: auto;
	min-height: 800px;
}

.intro {
	color: #f6f2f2;
	font-size: 22px;
}

.citation {
	color: #f6f2f2;
	font-size: 28px;
	
	line-height: 1.3;
}

.signaturecitation {
	color: #f6f2f2;
	font-size: 18px;
	padding-bottom: 20px;
}

.logobu {
  margin: 0px;
  padding: 40px 10px 40px 10px;
}

/*---------------------*/

.imgfeature {
	margin-top:-105px;
}

/* On screens that are 600px or less */
@media screen and (max-width: 600px) {
.imgfeature {
	margin-top:40px;
}
}

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

	
.titreblocobjectifs {   
padding-top: 10px;
}
	
	.texteblocstrategie {   
		padding-bottom: 10px;
}
	.texteblocdeploiement {   
	padding-top: 10px;
}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 3000px) {  
    .embed-responsive-16by9 {   
	width: auto;
		max-width: 1024px;
}
	.videosmobile {   
	 display: none;
}
	.block {
   padding: 0 5px 0 25px;
}
	}

@media (max-width: 1201px) {  
    .embed-responsive-16by9 {   
	width: auto;
		max-width: 854px;
}
	.videosmobile {   
	 display: none;
}
	.block {
   padding: 0 5px 0 25px;
}
	}
	
	/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
 .embed-responsive-16by9 {   
	width: auto;
		max-width: 640px;
}
	.videosmobile {   
	 display: none;
}
	.context .center {
    width: 720px;
    height: 411px;
}
	.context .block {
    width: 720px;
    height: 371px;
}
	.block {
   padding: 0 5px 0 25px;
}
}


/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {  
 	.embed-responsive-16by9 {   
	width: auto;
		max-width: 640px;
}
	.videosmobile {   
	 display: none;
}
	.context .center {
    width: 100%;
    height: 280px;
}

	.context .block {
		
	width: 100%;
    height: 240px;
   padding: 0 25px 0 20px;
}
	.ajustmobile {
   padding-left: 5px;
}
}

@media (max-width: 722px) {  
 	.embed-responsive-16by9 {   
	width: auto;
		max-width: 512px;
}
	.videosmobile {   
	 display: none;
}
	.context .block {
   padding: 0 20px 0 20px;
}
	.ajustmobile {
   padding-left: 5px;
}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {  
 .carousel {   
	 display: none;
}
	.videosmobile {   
	 display: block;
}
	.context .block {
   padding: 0 20px 0 20px;
}
	.ajustmobile {
   padding-left: 5px;
}
}

@media (max-width: 501px) {  
 .carousel {   
	 display: none;
}
	.videosmobile {   
	 display: block;
}
	.context .block {
		top: 18px;
		
   padding: 0 10px 0 20px;

		height: 324px;
}
	.ajustmobile {
   padding-left: 5px;
}
	.context .center {
   background-image: url("https://prodsolutionsmedia.blob.core.windows.net/assets/page/etudes-de-cas/vins-bu/v4-images/port-bg-section-one-complet-pour-mobile.png");
		height: 346px;
}

}

/*---------------------*/

.blocstats {
  background-color: #fa0404;
  padding: 35px 20px 20px 20px;
	margin-top: 30px;
	margin-bottom: 15px;
	height: auto;
	min-height: 580px;
}


.textestats {
	font-size: 35px;
	padding-left: 30px;
	color: #fffdfd;
}

.stats {
	font-size: 60px;
	color: #fffdfd;
}

/*---------------------*/


.blocobjectifs {   
	padding-top:80px;
	padding-bottom:40px;
	
	padding-left: 10px;
	padding-right: 10px;
}

.blocobjectifs ul {   
	padding-inline-start: 20px;
}

.blocobjectifs li::before {color: #fb0404;
  display: inline-block; width: 1em;
  margin-left: -1em;}

.titreblocobjectifs {   
	color: #fb0404;
	font-size: 30px;
	
	margin-bottom: 5px;
}

.texteblocobjectifs {   
	color: #050505;
	font-size: 22px;
	
	margin-bottom: 0px;
	
	line-height: 1.3;
}



/*---------------------*/

.blocstrategie {   
	padding-top:40px;
	padding-bottom:55px;
	
	padding-left: 10px;
	padding-right: 10px;
}

.blocstrategie img {   
	padding-top:10px;
}

.blocstrategie ul {   
	padding-inline-start: 20px;
}

.blocstrategie li::before { color: #fb0404;
  display: inline-block; width: 1em;
  margin-left: -1em;}


.titreblocstrategie {   
	color: #fb0404;
	font-size: 30px;
	
	margin-bottom: 5px;
	
}

.texteblocstrategie {   
	color: #050505;
	font-size: 22px;
	
	margin-bottom: 0px;
	
	padding-top: 10px;
	
	line-height: 1.3;
}

/*---------------------*/

.blocdeploiement {   
	padding-top:40px;
	padding-bottom:40px;
	
	padding-left: 10px;
	padding-right: 10px;
}

.blocdeploiement img {   
	padding-top:10px;
}

.blocdeploiement ul {   
	padding-inline-start: 20px;
	padding-top: 10px;
}

.blocdeploiement li::before {color: #fb0404;
  display: inline-block; width: 1em;
  margin-left: -1em;}

.titreblocdeploiement {   
	color: #fb0404;
	font-size: 30px;
	
	margin-bottom: 5px;
}

.texteblocdeploiement {   
	color: #050505;
	font-size: 22px;
	
	padding-top: 10px;
	
	margin-bottom: 0px;
	
	line-height: 1.3;
}

/*---------------------*/

.highlightedred {   
	color: #fb0404;
	font-weight:bold;
}

.elementrouge {   
	color: #fb0404;
}

/*---------------------*/


 .context {
        position: relative;
        z-index: 3;
        display: block;
        width: 100%;
        margin-bottom: 200px;
    }

.center {
            position: relative;
            display: block;
            width: 854px;
            height: 487px;
            margin: auto;
            margin-top: -150px;
            opacity: 1;
            background-size: 100%;
            background-repeat: no-repeat;
            background-image: url("https://prodsolutionsmedia.blob.core.windows.net/assets/page/etudes-de-cas/vins-bu/v4-images/port-bg-section-one.png");
            background-position: center top;

        }


 .block {
                position: absolute;
                top: 40px;
                bottom: 0;
                display: block;
                width: 854px;
                height: 447px;
	 
                /*padding: 0 5px 0 25px;*/
	 
                overflow: scroll;
	 overflow-x: hidden;
	 
	 
            }

.block img {
                    display: block;
                    width: 803px;
                }