/*Custom responsive */

/* iPads (portrait and landscape) // WITH META VIEWPORT ENABLED ----------- */
@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) {
	
}

/* iPads (landscape) // WITH META VIEWPORT ENABLED ----------- */
@media only screen 
and (min-width : 769px) 
and (max-width : 1024px) {	
}
/* iPads (portrait) // WITH META VIEWPORT ENABLED ----------- */
@media only screen 
and (min-width : 481px) 
and (max-width : 768px) {
}


@media (min-width: 320px) and (max-width: 767px) {

}
@media (min-width: 768px) and (max-width: 979px) {
}

@media (min-width: 980px) and (max-width: 1199px) {			
}

@media (max-width: 1199px) {
	/*HEADER*/
	.topnav.navRight { display: block;}
	
	/*CONTENT*/
	/*Demande de demo*/
	h3.m_title { font-size:26px; line-height:26px} 
	p.s_title { font-size:12px;}
	.demande-demo { width:140px; height:60px; background:url(../images/template/bg-demande-demo-mini.png) no-repeat;}
	.demande-demo:hover { background:url(../images/template/bg-demande-demo-mini-hover.png)}
	.demande-demo span { margin-top:15px; margin-left:15px; font-size:12px;}
	
	/*Version disponibles*/
	.feature_box.style3 .box .title { width:100%}
	
	/*Points forts*/
	.process_steps .step { min-height: 280px;}
}	

@media (max-width: 980px) {
	
	/*HEADER*/
	#header {height: 130px;}
	
	/*CONTENT*/
	/*Banniere accueil*/
	#slideshow .bg-wrapper-image {width:100%; height:100%; min-height:267px; background:url(../images/template/banniere-accueil-mini.jpg) no-repeat center center;}
	#slideshow .container {padding: 10px 0 5px;}
	
	/*Demande de demo*/
	h3.m_title { font-size:24px; line-height:24px} 
	p.s_title { font-size:11px; letter-spacing:normal}
	.demande-demo { width:104px; height:45px; background:url(../images/template/bg-demande-demo-mini2.png) no-repeat; margin-top:30px}
	.demande-demo:hover { background:url(../images/template/bg-demande-demo-mini2-hover.png)}
	.demande-demo span { margin-top:7px; margin-left:8px; font-size:10px; line-height:15px}
	
	/*Version disponibles*/
	.feature_box.style3 .box .title { font-size: 14px;}
	
	/*Points forts*/
	.process_steps .step { min-height: 270px;}
	
	
}
@media (max-width: 765px) {
	
	/*HEADER*/
	#header {height: auto;}
	.topnav.navRight {right:10px}
	
	/*CONTENT*/
	
	
	/*Demande de demo*/
	h3.m_title { font-size:36px; margin-bottom:15px;} 
	p.s_title { font-size:14px; letter-spacing:normal}
	.demande-demo { width:182px; height:78px; background:url(../images/template/bg-demande-demo.png) no-repeat; margin-top:10px}
	.demande-demo:hover { background:url(../images/template/bg-demande-demo-hover.png)}
	.demande-demo span { margin-top:20px; margin-left:20px;font-size:14px;line-height: 22px;}
	
	/*Version disponibles*/
	.feature_box.style3 .box .title { font-size: 18px;}
	
	/*Points forts*/
	.process_steps .step { min-height: 170px;}
	
	/*FOOTER*/
	#footer [class*="span"] { text-align: center;}

}

@media (max-width: 650px) {
	/*HEADER*/
	#logo { float: none; margin-bottom: 10px;}
	#logo a{ text-align:center}
	
	.topnav.navRight {right: auto; left: 6px;float: left; margin-bottom:0;}
	nav#main_menu {margin: 10px; float: left;}
	nav#main_menu select { width: 320px;}
	
	/*CONTENT*/
	.static-content {padding-top: 40px;  padding-right: 0; width: 100%;}
	.static-content h2 { background:url(../images/template/bg-slideshow-h2-mini.png) no-repeat; width:250px; height:21px; display:inline-block; font-size:30px;}
	.static-content h3 { font-size: 22px; margin-top:10px;}
	.static-content h5 { font-size: 22px;line-height:25px;color:#FFF;margin-top:20px;}

}
@media (max-width: 320px) {
	/*HEADER*/	
	/*CONTENT*/
	/*FOOTER*/		
}