/* RESPONSIVE */
/********************************** min-width: 1200px **********************************/
@media (min-width: 1200px) {

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

}
/********************************** min-width: 768px and max-width: 979px  **********************************/
@media (min-width: 768px) and (max-width: 979px){
	nav .responsive_button {display: block;}
	nav ul li, nav ul li.last, nav ul li.current  {display: block;}
	nav ul li {float: none; border: 0; border-bottom: 1px solid #ccc;}
	nav ul li, nav ul li.last, nav ul li.current  {display: block;}
	nav ul li div input {float: left;}
	nav {width: 100%; height: auto;}
	nav ul li a {height: auto;}
	
.slideshow {width: auto;}
header {}
header h1 a{
	display: block;
	text-indent: -9999px;
	background: url('../images/justilium_logo.png') 0 10px no-repeat;
	width: 244px;
	height: 140px;
	margin: 0;
	padding: 0;
}
.container {width: 100%;}
#right  {display:block;float: none; padding: 0 10px; width: auto;}
#left {display:block; float: none; padding: 0 10px; width: auto;margin-right: 0;}
.fondFooter {background: none;}
.fondheader {}
.linkPage {display: inline; text-align: center; font-size: 1.2em; margin: 10px 0;}
.container .right .social {display:block; text-align: center; float: none; margin: 10px auto; width: 151px; padding: 0; }
#formulaire {width: 80%;}
}
/********************************** max-width: 767px  **********************************/
@media (max-width: 767px){
	nav .responsive_button {display: block;}
	nav ul li {float: none; border: 0; border-bottom: 1px solid #ccc;}
	nav ul li, nav ul li.last, nav ul li.current  {display: block;}
	nav ul li div input {float: left;}
	nav {width: 100%; height: auto;}
	nav ul li a {height: auto;}
	.slideshow {width: auto;}
	header {}
	header h1 a{display: block;text-indent: -9999px;background: url('../images/justilium_logo.png') 0 10px no-repeat;width: 244px;height: 140px;margin: 0 auto;padding: 0;
}
.container {width: 100%;}
#right  {display:block;float: none; padding: 0 10px; width: auto;}
#left {display:block; float: none; padding: 0 10px; width: auto;margin-right: 0;}
.fondFooter {background: none;}
.fondheader {background: none;}
.linkPage {display: inline; text-align: center; font-size: 1.2em; margin: 10px 0;}
.container .right .social {display:block; text-align: center; float: none; margin: 10px auto; width: 151px; padding: 0; }
#formulaire {width: 80%;}
}
/********************************** max-width: 480px  **********************************/
@media (max-width: 480px){
nav .responsive_button {display: block;}
nav ul li {float: none; border: 0; border-bottom: 1px solid #ccc;}
nav ul li, nav ul li.last, nav ul li.current  {display: block;}
nav ul li div input {float: left;}
nav {width: 100%; height: auto;}
nav ul li a {height: auto;}
.slideshow {width: auto;}
header {}
header h1 a{
	display: block;
	text-indent: -9999px;
	background: url('../images/justilium_logo.png') 0 10px no-repeat;
	width: 244px;
	height: 140px;
	margin: 0 auto;
	padding: 0;
}
.container {width: 100%;}
#right  {display:block;float: none; padding: 0 10px; width: auto;}
#left {display:block; float: none; padding: 0 10px; width: auto;margin-right: 0;}
.fondFooter {background: none;}
.fondheader {background: none;}
.linkPage {display: block; text-align: center; font-size: 1.2em; margin: 10px 0;}
.container .right .social {display:block; text-align: center; float: none; margin: 10px auto; width: 151px; padding: 0; }
#formulaire {width: 80%;}
}