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

.fondjaune {
	background-color:#febd1b;
}
.case-study-number {
    border-right: 1px solid rgba(0,0,0,.1);
}
.gris {
	background-color: #e5e5e5;
}
.tuto {
	height:539px;
}
/* texte sur la moitie de l'image */
.half { padding-left:60%;}
.halftuto {
	padding-left:45%;
}
#owl-tuto {
	min-height:550px;
}
#owl-tuto .owl-small-slider .item {
    min-height: 550px!important;
}
.owl-small-slider .item {
    min-height: 550px;
}
/*.indicatorsvisible {
	bottom: 0px;
}*/
section {
    padding: 70px 0;
}

.carousel-control {
	color: #111;
    display: block;
    font-size: 16px;
    height: 105px;
    line-height: 105px;
    margin-top: -35px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 105px;
    z-index: 6;
}
.carousel-control.right:before, .carousel-control.left:before {
   /* background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    content: "";
    display: block;
    height: 66%;
    left: 0;
    position: absolute;
    width: 66%;*/
}
.carousel-control.right {
	right: 0px;
}
.carousel-control.left {
	left: 0px;
}
.carousel-indicators li {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 1);
    box-shadow: none;
	border-radius: 4px;
 border: 2px solid rgba(229,229,229,1);
}
.carousel-indicators .active {
    
	border: 2px solid rgba(0,0,0,1);
    background-color: transparent;
}
#myCarousel2 .carousel-inner {
overflow: inherit;
}
.owl-bg-img {
    background-position: center 50px;
}
.owl-carousel .owl-item{
    float: left;
    cursor:default;
}
.bottom { margin-top: -10px;}

.tutoimg {
    background-position-x: 50%;
    background-repeat: no-repeat;
}
.white {
	color:#626262;
}
#myCarousel2 .half{
	padding-left: 0%;
}
/* ici  Portrait iphone 4 et 5 = 320 */

@media (max-width: 359px) and  (min-width: 320px) and (orientation : portrait)  {
#slider {
	    min-height: 600px!important;
}
.owl-half-slider .owl-item .container {
    min-height: 535px!important;
}
.slidetuto {
    background-size: 300% 60%;
    background-position: 35% top;
    background-repeat: no-repeat;
}
.case-study-slider {
    padding: 200px 0 70px;
}
.slider-text-middle {
     vertical-align: top;
    padding-top: 76%;
}
	.half { 
padding-left:0%;
}
}

/*  ici android samsung et google  = 360 */
@media (max-width: 420px) and  (min-width: 360px) and (orientation : portrait)  {
	.slidetuto {
    background-size: 250% 65%;
    background-position: 35% top;
    background-repeat: no-repeat;
}
.slider-text-middle {
     vertical-align: top;
    padding-top: 65%;
}

.case-study-slider {
    padding: 200px 0 70px;
}
	.half { 
padding-left:0%;
}
.owl-bg-img {
    background-position: 40% 30px;
}

}
/* iphone 6, iphone 5 iphone 4*/

@media (max-width: 598px)  and  (min-width: 421px) and (orientation : portrait){

	.slider-text-middle {
     vertical-align: top;
    padding-top: 31%;
}

.slidetuto {
   background-size: 250% 100%;
    background-position: 45% top;
    background-repeat: no-repeat;
}
.case-study-slider {
    padding: 0px 0 70px;
}
	.half {
    padding-left: 49%;
    padding-right: 3%;
}
.owl-bg-img {
    background-position: 40% 50px;
}

}
/* google nexus 7= 600  - ipad - ipad mini portrait  */

@media (max-width: 800px)  and  (min-width: 600px) and (orientation : portrait){
#slider {
	    min-height: 400px!important;
}
	.slider-text-middle {
     vertical-align: top;
    padding-top: 35%;
}
.owl-half-slider .owl-item .container {
    min-height: 400px!important;;
}

.slidetuto {
   background-size: 250% 100%;
    background-position: 45% top;
    background-repeat: no-repeat;
}
.case-study-slider {
    padding: 0px 0 70px;
}
	.half {
    padding-left: 53%!important;
    padding-right: 3%;
}
.owl-bg-img {
    background-position: 40% 50px;
}
iframe {
    border: 0;
    width: 100%;
}
}

/* ici LANDSCAPE iphone 4 = 480  */
@media (max-width: 568px) and (min-width: 480px) and (orientation : landscape){
#slider {
	    min-height: 400px!important;
}
.half { 
padding-left:49%;
  padding-right: 3%;
}
.owl-bg-img {
    background-position: 40% 85px;
}
.owl-half-slider .owl-item .container {
    min-height: 350px!important;
}
.slidetuto {
    background-size: 200% 70%;
    background-position: 31% top;
  background-repeat: no-repeat;
}
.case-study-slider {
     padding: 200px 0 70px;
}
.slider-text-middle {
     vertical-align: top;
    padding-top: 17%;
}


}
/* ici LANDSCAPE iphone  5 = 568 - samsung galxy  */
@media (max-width: 640px) and (min-width: 568px) and (orientation : landscape){
#slider {
	    min-height: 400px!important;
}
.half { 
padding-left:49%;
  padding-right: 3%;
}
.owl-bg-img {
    background-position: 40% 50px;
}
.owl-half-slider .owl-item .container {
    min-height: 350px!important;
}
.slidetuto {
    background-size: 180% 75%;
    background-position: 31% top;
  background-repeat: no-repeat;
}
.case-study-slider {
     padding: 200px 0 70px;
}
.slider-text-middle {
     vertical-align: top;
    padding-top: 31%;
}


}

/* landscape iphone 6 6 = 667 et 6 plus 736*/
@media (max-width: 740px) and (min-width: 641px) and (orientation : landscape){
	iframe {
    border: 0;
    width: 100%;
}
.carousel-indicators {
    bottom: -41px;
}
	.half {
    padding-left: 59%!important;
    padding-right: 3%;
}
.owl-bg-img {
    background-position: 40% 50px;
}
	.slider-text-middle {
     vertical-align: top;
    padding-top: 31%;
}
.owl-bg-img {
    background-position: 40% 50px;
}
}
/* landscape iphone 6 6 = 667 et 6 plus 736*/
@media (max-width: 1020px) and (min-width: 741px) and (orientation : landscape){
	iframe {
    border: 0;
    width: 100%;
}
.carousel-indicators {
    bottom: -41px;
}
	.half {
    padding-left: 59%!important;
    padding-right: 3%;
}
.owl-bg-img {
    background-position: 40% 50px;
}
	.slider-text-middle {
     vertical-align: top;
    padding-top: 31%;
}
.owl-bg-img {
    background-position: 40% 50px;
}
}

/*  tout en commun dont iphone 6 plus landscape (736px) sauf ipad mini */
@media (max-width: 740px) {


	#slider {
		background-color: #f2f2f2;
		
	}
	#owl-demo {
	top:50px;
	}
.tuto {
    height: 400px;
}
.carousel-control.left, .carousel-control.right {
	top: 4%;
}

section {
    padding: 70px 0;
}
.slidetuto {
/*	background-size: 130% auto;
    position: top;
    background-position: top left;
    background-repeat: no-repeat;*/
	/*background-size: 300% 60%;
    background-position: 35% top;
    background-repeat: no-repeat;*/
}

.owl-bg-img {
    background-size: contain;
}
.slider-text-middle-main img {
	width:40%;

}
.slider-text-middle-main h2 {
	line-height: 25px;
}


.text-med {
	line-height: 17px!important;
}


.owl-pagination {
	   display:none;
}
.owl-prev, .owl-next {
	    top: 30%;
}

.xs-margin-top-five {
    margin-top: 5% !important;
}
.margin-eight {
    margin-top: 2% !important;
    margin-bottom: 8% !important;
}
.case-study-text {
    top: -20px;
}
.indicatorsvisible {
  display:none;
}
.text-large {
 /*background: white;*/
     padding: 0;
margin-bottom: 2% !important;
    line-height: 16px!important;
}
iframe {
    border: 0;
    width: 100%;
	height: auto;
}


}
.panel_text {
    padding: 10px 0px!important;
}