@media (max-width:768px){	
	body{
		width:100%;
		min-width:100%;
	}
	#wrapper{
		width:170%;
	}
	#all{
		width:100%;
		overflow:hidden;
	}
	#gauche{
		width:70%;
		float:left;
		background:#575757;
		display:block;
	}
	#droite{
		width:100%;
		float:left;
	}
	.container_24,
	.container_24 .grid_24,
	#telcont,
	#headerShortcuts {
		width:100%;
		float:left;
	}
	#headerShortcuts {
		margin:0;
	} 
	#telcont{
		margin-bottom:10px;
		/*background:none;*/
		text-align:center;
		padding:0;
	}
	#headerShortcuts > span{
		width:100%;
		float:left;
	}
	#headerShortcuts > span > a{
		width:100%;
		display:block;
		border-radius:0px;
	}
	.cat_navbar {
		width:100%;
		height:auto;
		float:left;
		margin:0 !important;
	}
	.sf-menu ul {
		margin:0 !important;
	}
	.sf-menu > li {
		width:100% !important;
		float:left;
		height: auto;
	}
	.sf-menu > li > a{
		background:#033568;
		padding:10px 0 !important;
		color:#fff !important;
	}
	.sf-menu > li > ul{
		width:100%;
		position:inherit !important;
		display:block;
		top:0 !important;
	}
	.sf-menu > li > ul > li{
		width:100% !important;
		float:left;
		height: auto !important;
	}
	.sf-menu > li > ul > li > a{
		width:100% !important;
		display:block;
		text-align:center;
		padding:10px 0 !important;
		border-bottom:#fff solid 1px;
		/*border-top:#fff solid 1px;*/
	}
	.corps_site {
		width:100%;
		float:left;
		height:auto;
	}
	.ui-widget-header.infoBoxHeading {
		padding: 10px 0px !important;
		text-align:center;
	}
	.container_24 .grid_20 {
		width:100%;
	}
	.container_24 .grid_4 {
		width:100%;
	}
	.menubottom {
		border:none;
		margin:0 !important;
		padding:0 !important;
	}
	.menubottom > li {
		width:100%;
		float:left;
	}
	.menubottom > li > a{
		background:#033568;
		color:#FFFFFF;
	}
	.menubottom li a{
		width:100%;
		display:block;
		padding:10px 0;
		text-align:center;
		border-bottom:#033568 solid 1px;
	}
	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
		margin-left:0px;
		margin-right:0px;
	}
	#menu_responsive,
	#menu_responsive_bottom{
		display:block;
		width:100%;
		background:url(images/menu_responsive.png) no-repeat left #000000;
		height:33px;
	}
	.sf-menu,
	.menubottom {
		display:none;
	}
	.contentContainer{
		width:100% !important;
		height:auto;
		float:left;
		margin:0 !important;
		padding:0 !important;
		border:none !important;
	}
	#piGal{
		float:none !important;
	}
	#piGal img {
		width: 100%;
		height: auto;
	}
	.fieldValue input{
		width:100%;
	}
	.contentContainer > div{
		width:100% !important;
		float:left;
		height:auto;
	}
	.listecgv li a{
		display:block;
		padding:10px 0;
		width:100%;
		background:#EBEBEB;
		border-bottom:#979797 solid 1px;
		text-align:center;
		text-decoration:none;
	}
	.listecgv li a:hover{
		text-decoration:none;
	}
	h5.retourhautpage a{
		padding:10px 0;
		text-align:center;
		background:#033568;
		color:#FFFFFF;
		font-size:14px;
		font-weight:bold;
		text-decoration:none;
		display:block;
		width:100%;
	}
	.panier tr td > span,
	.panier tr td > input{
		clear:both;
		width:100%;
		margin:5px 0;
	}
	.panier tr td > input{
		padding:5px 0;
	}
	
	.panier tr td span button,
	.panier tr td span a{
		width:100%;
		border-radius:0px !important;
	}
}
@media (max-width:360px){
	#top-cat div {
		float: left;
		width: 100%;
	}
	#top-cat div img{
		width:100%;
	}
	.viewport {
		width:100%;
	}
	#share {
		width:100%;
		float:left;
		margin:0;
	}
	#share img{
		width:100%;
	}
}