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

@media only screen and (max-width: 479px) {
	#wrapper{ position:relative; margin: 0 auto; width:320px;}
	#content{ width:280px; margin-left:0; margin-top:235px; }
	#smoothmenu1{ display:none; }
	.logo img{ max-width:320px; height: auto; }
	.logo{ top:60px !important; left: auto !important; }
	.addthis_floating_style{ display:none; }
	.img_droite, .img_gauche, .img_droite_borderless, .img_gauche_borderless, .img_tile, .img_tile_borderless { width:280px; height: auto; margin:10px 0; }
	.img_droite, .img_gauche, .img_tile{ padding:2px !important; }
	.answer { padding-left:0; }
	.lb img{ width:280px; height: auto; margin:10px 0; border-width: 2px; }
	#header, #menu { visibility:visible; }
	#header{ top:0; width:220px }
	.clearboutique { clear:none; }
	.item_de_boutique { width:260px !important; }
	.item_de_boutique img { width:260px; height:auto; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#wrapper{ position:relative; margin: 0 auto; width:480px; }
	#content{ width:440px; margin-left:0; margin-top:235px; }
	#smoothmenu1{ display:none; }
	.logo img{ max-width:480px; height: auto; }
	.logo{ top:60px !important; left: auto !important; }
	.monfolio{ top:95%;width: 7em; }
	.img_droite, .img_gauche, .img_droite_borderless, .img_gauche_borderless, .img_tile, .img_tile_borderless{ width:440px; height: auto; margin:10px 0; }
	.img_droite, .img_gauche, .img_tile { padding:2px !important; }
	.answer { padding-left:0; }
	.lb img{ width:440px; height: auto; margin:10px 0; border-width: 2px; }
	#header, #menu { visibility:visible; }
	#header{ top:0; width:380px }
	.clearboutique { clear:none; }
	.item_de_boutique { width:190px !important; }
	.item_de_boutique img { width:190px; height:auto; }
	.mf_addthis { top:70px; right:-8px !important; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#wrapper{ position:relative; margin: 0 auto; max-width:768px !important; }
	#content{  margin-left: 0; margin-top:220px;max-width:728px !important; }
	#smoothmenu1{ display:none; }
	.logo img{ max-width:768px; height: auto; }
	.logo{ top:60px !important; left: auto !important; }
	#header, #menu { visibility:visible; }
	#header{ top:0; width:668px }
	.img_droite, .img_gauche, .img_droite_borderless, .img_gauche_borderless, .img_tile, .img_tile_borderless{ max-width:728px; height: auto; }
	.clearboutique { clear:none; }
	.mf_addthis { right: -8px !important; }
}
