/******************** Responsive **************/
@media (min-width: 1281px) and (max-width: 1920px) {
    .slider .sliderCaption{color:white;padding-bottom: 10px;margin-left: -2px;padding-left: 5px;padding-right: 5px;/*position:absolute;margin:0;padding:2%;background:url("../images/trans.png");right:0;width:60%;*/}
	.page{width:100%;/*padding:50px 5%;*/}
    #rev_slider_2_2_wrapper{display:none;}
}
@media (min-width: 1201px) and (max-width: 1280px) {
    .slider .sliderCaption{color:white;padding-bottom: 10px;margin-left: -2px;padding-left: 5px;padding-right: 5px;/*position:absolute;margin:0;padding:2%;background:url("../images/trans.png");right:0;width:60%;*/}
	.page{width:100%;/*padding:50px 5%;*/}
    #rev_slider_2_2_wrapper{display:none;}
}
@media (min-width: 862px) and (max-width: 1200px) {
	.logo{float:none;margin:auto;padding:14px 0 0;}
    #rev_slider_2_2_wrapper{display:none;}
	#nav{height:auto;}
	#nav ul{float:none;margin:auto;display:block;}
	.home #main{margin-top:-42px!important;}
	#main{margin-top:175px !important;}
	#sliderContainer{width:100%;}
		#sliderContainer, .sliderOverlay{height:auto;}
	.slider{width:100%;position:relative;margin:169px auto auto;}
		.slider img{max-width:100%;}
		.slider .sliderCaption{color:white;padding-bottom: 10px;margin-left: -2px;padding-left: 5px;padding-right: 5px;/*position:absolute;margin:0;padding:2%;background:url("../images/trans.png");right:0;width:60%;*/}
		.slider h3{font-size:360%;}
		
	.homeBlocContainer{height:auto;}
		.homeBlocContainer .container{width:100%;}
			.blocHome{width:29%;margin:0;padding:1%;height:auto;}
				.homeBlocContainer h3{font-size:200%;}
	
	.blockBottom{width:100%;}
		.homeBlock2.leftBlock{width:96%;padding:1%;margin:0}
			.homeBlock2 h3{margin-bottom:15px;}
			.homeBlock2.leftBlock div{width:100%;}
				.homeBlock2.leftBlock div img{display:block;float:left;max-width:100%;margin:0 1% 1% 0;}
				.homeBlock2.leftBlock h4{font:150% "MyriadPro-Cond";padding:0 0 15px 0}
				.homeBlock2.leftBlock div p{font:100%/150% Arial,Helvetica,sans-serif;}
		
		.homeBlock2.middle{margin:0;width:56%;float:left;padding:1%;}
		
		.homeBlock2.rightBlock{width:38%;float:right;padding:1%;}
		
	.blockTechnologie .container{width:100%;overflow:hidden;}
		.blockTechnologie .container ul{width:200%;}
		
	.footer .container{width:100%;}
	/**** Page a propos ****/
	.page{width:100%;/*padding:50px 5%;*/}
	.bannerPage{margin-top:170px;}
}

@media (min-width: 700px) and (max-width: 861px) {
	.logo{float:left;margin:auto;padding:14px 0 0;}
    #rev_slider_1_1_wrapper{display:none;}
    .home #main{margin-top:30px!important;}
	#main{margin-top:75px !important;}
	#nav{height:auto;}
	#nav ul{display:none;}
	.resp_menu{display:block;}
		.resp_menu{float:right;width:40%;}
			ul.navigation{width:100%;}
			.resp_menu .nav_link,.menu-toggle,.menu-toggle:hover{height:70px;width:185px;padding:0;border:none;background:url("http://www.webdatis.fr/wp-content/themes/webdatis/images/nav.png") no-repeat;display:block;cursor:pointer;margin:auto;outline:none;}
			.resp_menu ul li{}
			.resp_menu ul li a{display:block;padding:10px 10%;height:20px;font-family:"MyriadPro-Cond", Arial;font-size:18px;color:#333333;text-transform:uppercase;text-align:center;}
			.resp_menu ul li a:hover{background:url(../images/separator.png) center repeat-x;}
			
	#sliderContainer{width:100%;}
		#sliderContainer, .sliderOverlay{height:auto;}
	.slider{width:100%;position:relative;}
		.slider img{max-width:100%;display:block;margin:auto;}
		.slider .sliderCaption{width:800px;font-size:16px;color:white;padding-bottom: 10px;margin-left: 0px;border-left:none;padding-left: 5px;padding-right: 5px;/*position:absolute;margin:0;padding:2%;background:url("../images/trans.png");right:0;width:96%;top:60%*/}
		.slider h3{font-size:200%;}
	
	.nimble-portfolio-template-3colround div.nimble-portfolio-filter ul li a{padding:8px 28px !important;}
		
	.homeBlocContainer{height:auto;background: #A377B0;}
		.homeBlocContainer .container{width:75%;}
			.blocHome{width:96%;padding:1%;height:auto;margin:0;}
				.homeBlocContainer h3{font:200%/200% "MyriadPro-Cond";height:auto;}
	
	.blockBottom{width:100%;}
		.homeBlock2.leftBlock{width:96%;padding:1%;margin:0}
			.homeBlock2 h3{margin-bottom:15px;}
			.homeBlock2.leftBlock div{width:100%;}
				.homeBlock2.leftBlock div img{display:block;float:left;max-width:100%;margin:0 1% 1% 0;}
				.homeBlock2.leftBlock h4{font:150% "MyriadPro-Cond";padding:0 0 15px 0}
				.homeBlock2.leftBlock div p{font:100%/150% Arial,Helvetica,sans-serif;}
		
		.homeBlock2.middle{margin:0;width:56%;float:left;padding:1%;}
		
		.homeBlock2.rightBlock{width:38%;float:right;padding:1%;}
	
	.blockTechnologie .container{width:100%;overflow:hidden;}
		.blockTechnologie .container ul{width:200%;}
		
	.footer .container{width:100%;}
	/**** Page a propos ****/
	.page{width:100%;/*padding:50px 5%;*/}
		.imgBlocRight, .imgBlocLeft{width:100%;height:317px;margin: 0;overflow:hidden;}
}

@media (min-width: 512px) and (max-width: 699px) {
	.logo{float:left;margin:auto;padding:14px 0 0;}
    #rev_slider_1_1_wrapper{display:none;}
    #main{margin-top: 75px !important;}    
	#nav{height:auto;}
	#nav ul{display:none;}
	.resp_menu{display:block;}
		.resp_menu{float:right;width:40%;}
			ul.navigation{width:100%;}
			.resp_menu .nav_link,.menu-toggle,.menu-toggle:hover{height:70px;width:185px;padding:0;border:none;background:url("http://www.webdatis.fr/wp-content/themes/webdatis/images/nav.png") no-repeat;display:block;cursor:pointer;margin:auto;outline:none;}
			.resp_menu ul li{}
			.resp_menu ul li a{display:block;padding:10px 10%;height:20px;font-family:"MyriadPro-Cond", Arial;font-size:18px;color:#333333;text-transform:uppercase;text-align:center;}
			.resp_menu ul li a:hover{background:url(../images/separator.png) center repeat-x;}
			
	#sliderContainer{width:100%;}
		#sliderContainer, .sliderOverlay{height:500px;}
	.slider{width:100%;position:relative;}
		.slider img{max-width:100%;margin:auto;display:block;}
		.slider .sliderCaption{width:650px;margin-left:-5px;font-size:16px;color:white;border-left:none ;padding-bottom: 10px;padding-left: 5px;padding-right: 5px;/*position:absolute;margin:0;padding:2%;background:url("../images/trans.png");right:0;width:96%;top:60%*/}
		.slider h3{font-size:160%;}
		
	.nimble-portfolio-template-3colround div.nimble-portfolio-filter ul li a{padding:8px 8px !important;}

	.homeBlocContainer{height:auto;background: #A377B0;}
		.homeBlocContainer .container{width:100%;}
			.blocHome{width:96%;padding:2% 1%;height:auto;margin:0;}
				.homeBlocContainer h3{font:200%/200% "MyriadPro-Cond";height:auto;}
	
	.blockBottom{width:100%;}
		.homeBlock2.leftBlock{width:96%;padding:1%;margin:0}
			.homeBlock2 h3{margin-bottom:15px;}
			.homeBlock2.leftBlock div{width:100%;}
				.homeBlock2.leftBlock div img{display:block;float:left;width:100%;margin:0 1% 1% 0;}
				.homeBlock2.leftBlock h4{font:150% "MyriadPro-Cond";padding:0 0 15px 0}
				.homeBlock2.leftBlock div p{font:90%/150% Arial,Helvetica,sans-serif;}
		
		.homeBlock2.middle{margin:0;width:96%;float:none;padding:1%;}
		
		.homeBlock2.rightBlock{width:96%;float:none;padding:1%;}
	
	.blockTechnologie .container{width:100%;overflow:hidden;}
		.blockTechnologie .container ul{width:500%;}
		
	.footer .container{width:100%;}
	/**** Page a propos ****/
	.page{width:100%;/*padding:50px 5%;*/}
		.imgBlocRight, .imgBlocLeft{width:100%;margin: 0;overflow:hidden;}
}

/*@media (min-width: 320px) and (max-width: 511px)*/
@media screen and (max-width: 511px) {
	.logo{float:none;padding:14px 0 0;width:100%;}
    #rev_slider_1_1_wrapper{display:none;}
    .logo img{display:block;max-width:100%;margin:auto;}
    #main{margin-top:42% !important;}
	.entry-page-image{display:none;}
	#nav{height:auto;}
	#nav ul{display:none;}
	.resp_menu{display:block;}
		.resp_menu{float:none;width:100%;}
			ul.navigation{width:100%;}
			.resp_menu .nav_link,.menu-toggle,.menu-toggle:hover{height:70px;width:185px;padding:0;border:none;background:url("http://www.webdatis.fr/wp-content/themes/webdatis/images/nav.png") no-repeat;display:block;cursor:pointer;margin:auto;outline:none;}
			.resp_menu ul li{}
			.resp_menu ul li a{display:block;padding:10px 10%;height:20px;font-family:"MyriadPro-Cond", Arial;font-size:18px;color:#333333;text-transform:uppercase;text-align:center;}
			.resp_menu ul li a:hover{background:url(../images/separator.png) center repeat-x;}
			
	#sliderContainer{width:100%;}
		#sliderContainer, .sliderOverlay{height:auto;}
	.slider{width:100%;position:relative;margin:0px auto auto;height:auto;}
		.slider img{max-width:100%;margin:auto;display:block;}
		.slider .sliderCaption{border-left: none;margin-left: -2px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;/*height: 10%;width: 361px;position:absolute;margin:0;padding:2%;background:url("../images/trans.png") repeat scroll 0 0 rgba(0, 0, 0, 0);right:0;width:96%;top:38%;*/}
		.slider h3{font-size:320%;}
		
	.nimble-portfolio-template-3colround .nimble-portfolio-filter li{float:none !important}
		
	.homeBlocContainer{height:auto;background: #A377B0;}
		.homeBlocContainer .container{width:100%;}
			.blocHome{width:96%;padding:2% 1%;height:auto;margin:0;}
				.homeBlocContainer h3{font:200%/100% "MyriadPro-Cond";height:auto;}
	
	.blockBottom{width:100%;}
		.homeBlock2.leftBlock{width:96%;padding:1%;margin:0}
			.homeBlock2 h3{margin:15px 0;}
			.homeBlock2.leftBlock div{width:100%;}
				.homeBlock2.leftBlock div img{display:block;float:left;width:100%;margin:1% 0;}
				.homeBlock2.leftBlock h4{font:150% "MyriadPro-Cond";padding:0 0 15px 0}
				.homeBlock2.leftBlock div p{font:90%/150% Arial,Helvetica,sans-serif;}
		
		.homeBlock2.middle{margin:0;width:96%;padding:1%;}
		
		.homeBlock2.rightBlock{width:96%;float:none;padding:1%;}
	
	.blockTechnologie .container{width:100%;overflow:hidden;}
		.blockTechnologie .container ul{width:500%;}
		
	.footer .container{width:100%;}
	/**** Page a propos ****/
	.page{width:100%;/*padding:50px 5%;*/}
		.imgBlocRight, .imgBlocLeft{width:100%;margin: 0;overflow:hidden;}
}

/***** PAGE BLOG ******/
@media screen and (max-width: 580px) {
    .newsBit .entry-header img.wp-post-image{float:none;width:auto;max-width:90%;height:auto;margin:0 auto 10px;}
}

/***** PAGE CONTACT ******/
@media screen and (max-width: 950px) {
	/*.contact_page{margin-top:179px;}*/
	.page-contact {float:none;}
	.info_suppl {width:auto;float:none;}
}
@media (min-width: 401px) and (max-width: 560px) {
	.page-contact {width: 85% !important;padding:0 20px !important;}
	.contact label {float: left !important;text-align: left !important;width: 100% !important;	padding: 0 10px 10px;}
	.contact .champ-contact{float: none !important;width: 100% !important;}
}
@media screen and (max-width: 400px) {
	.iphorm-labels-left.iphorm-element-wrap .iphorm-input-outer-wrap,
	.iphorm-labels-left.iphorm-element-wrap .iphorm-input-wrap,
	.iphorm-labels-left.iphorm-element-wrap .iphorm-captcha-image-wrap {	margin-left: 0px ! important;	padding: 0px;}
	.iphorm-theme-light-rounded .iphorm-element-wrap > .iphorm-element-spacer > label {text-align: center;width: 100% !important;}
	.iphorm-element-wrap textarea,.iphorm-element-wrap-text input{width:96% !important; margin :0 1% !important;padding:0 1% !important;}
	.iphorm-theme-light-rounded .iphorm-elements .iphorm-element-wrap select {width: 100%;}
	.page-contact {width: 75% !important;padding:0 20px !important;}
	.contact label {float: left !important;text-align: left !important;width: 100% !important;	padding: 0 10px 10px;}
	.contact .champ-contact{float: none !important;width: 100% !important;}
}

/***** PAGE RECRUTEMENT ******/
@media (min-width: 700px) and (max-width: 960px) {
    .oAnnonce{width:45%;padding:1%;margin:0 3% 25px 0;float:left;}
}
@media screen and (max-width: 699px) {
    .oAnnonce{width:96%;padding:1%;margin-top:15px;float:none;}
		.linkShowAnnonce{color: #ffffff;font: 20px "MyriadPro-Cond";display:inline-block;padding:5px 10px;background:#8c34af;}
}

/***** PAGE ******/
@media screen and (max-width: 700px) {
    .pageContentArticle .entry-header img.wp-post-image{float:none;}
}

/***** PAGE recrutement ******/
@media screen and (max-width: 660px) {
    .moreInfo .PopUp{width:90%;}
}

/***** PAGE SOLUTION ******/
@media screen and (max-width: 1130px) {
    #prevSol{top:8%;left:2%;}
	#nextSol{top:8%;right:2%;}
}
@media screen and (max-width: 890px) {
.diapos_solution_lib{width:70%;margin:auto;}
}