/* ---------------------------------------
	Responsive design code
-----------------------------------------*/

@media screen and (min-width: 1024px) {

.hidemobile5 {
	display: none !important;
}

#plume {
	display: inherit;
}
#chapeau {
	display: inherit;
}
#chapeaui {
	display: inherit;
}
#tete {
	display: inherit;
}
#tetei {
	display: inherit;
}
#collier {
	display: inherit;
}
#collieri {
	display: inherit;
}
#cou {
	display: inherit;
}
#coui {
	display: inherit;
}
#menu {
	display: inherit;
}
#menui {
	display: inherit;
}
#bijou {
	display: inherit;
}
#slider {
	display: inherit;
}
#bras {
	display: inherit;
}
#brasi {
	display: inherit;
}
#avant {
	display: inherit;
}
#avanti {
	display: inherit;
}
#veste {
	display: inherit;
}
#vestei {
	display: inherit;
}
#jupe {
	display: inherit;
}
#jupei {
	display: inherit;
}
#apres {
	display: inherit;
}
#apresi {
	display: inherit;
}
#jambe {
	display: inherit;
}
#jambei {
	display: inherit;
}
#pied {
	display: inherit;
}
#piedi {
	display: inherit;
}
#soulier {
	display: inherit;
}
#soulieri {
	display: inherit;
}
#contact {
	display: inherit;
}
#contacti {
	display: inherit;
}
#adresse {
	display: inherit;
}
#legal {
	display: inherit;
}


}

@media screen and (max-width: 1024px) {

img {
	max-width: 100% !important;
        height: auto !important;
}

.container {
	width: 950px !important;
}

.hidemobile4 {
	display: none !important;
}

#plume {
	display: inherit;
}
#chapeau {
	display: inherit;
}
#chapeaui {
	display: inherit;
}
#tete {
	display: inherit;
}
#tetei {
	display: inherit;
}
#collier {
	display: inherit;
}
#collieri {
	display: inherit;
}
#cou {
	display: inherit;
}
#coui {
	display: inherit;
}
#menu {
	display: inherit;
}
#menui {
	display: inherit;
}
#bijou {
	display: inherit;
}
#slider {
	display: inherit;
}
#bras {
	display: inherit;
}
#brasi {
	display: inherit;
}
#avant {
	display: inherit;
}
#avanti {
	display: inherit;
}
#veste {
	display: inherit;
}
#vestei {
	display: inherit;
}
#jupe {
	display: inherit;
}
#jupei {
	display: inherit;
}
#apres {
	display: inherit;
}
#apresi {
	display: inherit;
}
#jambe {
	display: inherit;
}
#jambei {
	display: inherit;
}
#pied {
	display: inherit;
}
#piedi {
	display: inherit;
}
#soulier {
	display: inherit;
}
#soulieri {
	display: inherit;
}
#contact {
	display: inherit;
}
#contacti {
	display: inherit;
}
#adresse {
	display: inherit;
}
#legal {
	display: inherit;
}


}

@media screen and (max-width: 950px) {

.container {
	width: 758px !important;
}

.hidemobile3 {
	display: none !important;
}

#plume {
	display: inherit;
}
#chapeau {
	display: inherit;
}
#chapeaui {
	display: inherit;
}
#tete {
	display: inherit;
}
#tetei {
	display: inherit;
}
#collier {
	display: inherit;
}
#collieri {
	display: inherit;
}
#cou {
	display: inherit;
}
#coui {
	display: inherit;
}
#menu {
	display: inherit;
}
#menui {
	display: inherit;
}
#bijou {
	display: inherit;
}
#slider {
	display: inherit;
}
#bras {
	display: inherit;
}
#brasi {
	display: inherit;
}
#avant {
	display: inherit;
}
#avanti {
	display: inherit;
}
#veste {
	display: inherit;
}
#vestei {
	display: inherit;
}
#jupe {
	display: inherit;
}
#jupei {
	display: inherit;
}
#apres {
	display: inherit;
}
#apresi {
	display: inherit;
}
#jambe {
	display: inherit;
}
#jambei {
	display: inherit;
}
#pied {
	display: inherit;
}
#piedi {
	display: inherit;
}
#soulier {
	display: inherit;
}
#soulieri {
	display: inherit;
}
#contact {
	display: inherit;
}
#contacti {
	display: inherit;
}
#adresse {
	display: inherit;
}
#legal {
	display: inherit;
}


}

@media screen and (max-width: 758px) {

.container {
	width: 524px !important;
}

.hidemobile2 {
	display: none !important;
}

#plume {
	height: auto !important;
}
#plume .logobloc {
	float :none !important;
	width: auto !important;
}
#chapeau {
	height: auto !important;
}
#chapeau .logobloc {
	float :none !important;
	width: auto !important;
}
#chapeaui .flexiblemodule {
	width: 100% !important;
float: none;
}
#chapeaui .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#tete {
	height: auto !important;
}
#tete .logobloc {
	float :none !important;
	width: auto !important;
}
#tetei .flexiblemodule {
	width: 100% !important;
float: none;
}
#tetei .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#collier {
	height: auto !important;
}
#collier .logobloc {
	float :none !important;
	width: auto !important;
}
#collieri .flexiblemodule {
	width: 100% !important;
float: none;
}
#collieri .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#cou {
	height: auto !important;
}
#cou .logobloc {
	float :none !important;
	width: auto !important;
}
#coui .flexiblemodule {
	width: 100% !important;
float: none;
}
#coui .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#menu {
	height: auto !important;
}
#menu .logobloc {
	float :none !important;
	width: auto !important;
}
#menui .flexiblemodule {
	width: 100% !important;
float: none;
}
#menui .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bijou {
	height: auto !important;
}
#bijou .logobloc {
	float :none !important;
	width: auto !important;
}
#slider {
	height: auto !important;
}
#slider .logobloc {
	float :none !important;
	width: auto !important;
}
#bras {
	height: auto !important;
}
#bras .logobloc {
	float :none !important;
	width: auto !important;
}
#brasi .flexiblemodule {
	width: 100% !important;
float: none;
}
#brasi .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#avant {
	height: auto !important;
}
#avant .logobloc {
	float :none !important;
	width: auto !important;
}
#avanti .flexiblemodule {
	width: 100% !important;
float: none;
}
#avanti .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#veste {
	height: auto !important;
}
#veste .logobloc {
	float :none !important;
	width: auto !important;
}
#vestei .flexiblemodule {
	width: 100% !important;
float: none;
}
#vestei .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
/*	margin-left: 0 !important;
	margin-right: 0 !important;*/
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#jupe {
	height: auto !important;
}
#jupe .logobloc {
	float :none !important;
	width: auto !important;
}
#jupei .flexiblemodule {
	width: 100% !important;
float: none;
}
#jupei .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#apres {
	height: auto !important;
}
#apres .logobloc {
	float :none !important;
	width: auto !important;
}
#apresi .flexiblemodule {
	width: 100% !important;
float: none;
}
#apresi .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#jambe {
	height: auto !important;
}
#jambe .logobloc {
	float :none !important;
	width: auto !important;
}
#jambei .flexiblemodule {
	width: 100% !important;
float: none;
}
#jambei .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#pied {
	height: auto !important;
}
#pied .logobloc {
	float :none !important;
	width: auto !important;
}
#piedi .flexiblemodule {
	width: 100% !important;
float: none;
}
#piedi .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#soulier {
	height: auto !important;
}
#soulier .logobloc {
	float :none !important;
	width: auto !important;
}
#soulieri .flexiblemodule {
	width: 100% !important;
float: none;
}
#soulieri .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#contact {
	height: auto !important;
}
#contact .logobloc {
	float :none !important;
	width: auto !important;
}
#contacti .flexiblemodule {
	width: 100% !important;
float: none;
}
#contacti .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#adresse {
	height: auto !important;
}
#adresse .logobloc {
	float :none !important;
	width: auto !important;
}
#legal {
	height: auto !important;
}
#legal .logobloc {
	float :none !important;
	width: auto !important;
}


}

@media screen and (max-width: 524px) {

.container {
	width: 292px !important;
}

.hidemobile1 {
	display: none !important;
}

#plume {
	height: auto !important;
}
#plume .logobloc {
	float :none !important;
	width: auto !important;
}
#chapeau {
	height: auto !important;
}
#chapeau .logobloc {
	float :none !important;
	width: auto !important;
}
#chapeaui .flexiblemodule {
	width: 100% !important;
float: none;
}
#chapeaui .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#tete {
	height: auto !important;
}
#tete .logobloc {
	float :none !important;
	width: auto !important;
}
#tetei .flexiblemodule {
	width: 100% !important;
float: none;
}
#tetei .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#collier {
	height: auto !important;
}
#collier .logobloc {
	float :none !important;
	width: auto !important;
}
#collieri .flexiblemodule {
	width: 100% !important;
float: none;
}
#collieri .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#cou {
	height: auto !important;
}
#cou .logobloc {
	float :none !important;
	width: auto !important;
}
#coui .flexiblemodule {
	width: 100% !important;
float: none;
}
#coui .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#menu {
	height: auto !important;
}
#menu .logobloc {
	float :none !important;
	width: auto !important;
}
#menui .flexiblemodule {
	width: 100% !important;
float: none;
}
#menui .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#bijou {
	height: auto !important;
}
#bijou .logobloc {
	float :none !important;
	width: auto !important;
}
#slider {
	height: auto !important;
}
#slider .logobloc {
	float :none !important;
	width: auto !important;
}
#bras {
	height: auto !important;
}
#bras .logobloc {
	float :none !important;
	width: auto !important;
}
#brasi .flexiblemodule {
	width: 100% !important;
float: none;
}
#brasi .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#avant {
	height: auto !important;
}
#avant .logobloc {
	float :none !important;
	width: auto !important;
}
#avanti .flexiblemodule {
	width: 100% !important;
float: none;
}
#avanti .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#veste {
	height: auto !important;
}
#veste .logobloc {
	float :none !important;
	width: auto !important;
}
#vestei .flexiblemodule {
	width: 100% !important;
float: none;
}
#vestei .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#jupe {
	height: auto !important;
}
#jupe .logobloc {
	float :none !important;
	width: auto !important;
}
#jupei .flexiblemodule {
	width: 100% !important;
float: none;
}
#jupei .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#apres {
	height: auto !important;
}
#apres .logobloc {
	float :none !important;
	width: auto !important;
}
#apresi .flexiblemodule {
	width: 100% !important;
float: none;
}
#apresi .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#jambe {
	height: auto !important;
}
#jambe .logobloc {
	float :none !important;
	width: auto !important;
}
#jambei .flexiblemodule {
	width: 100% !important;
float: none;
}
#jambei .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#pied {
	height: auto !important;
}
#pied .logobloc {
	float :none !important;
	width: auto !important;
}
#piedi .flexiblemodule {
	width: 100% !important;
float: none;
}
#piedi .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#soulier {
	height: auto !important;
}
#soulier .logobloc {
	float :none !important;
	width: auto !important;
}
#soulieri .flexiblemodule {
	width: 100% !important;
float: none;
}
#soulieri .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#contact {
	height: auto !important;
}
#contact .logobloc {
	float :none !important;
	width: auto !important;
}
#contacti .flexiblemodule {
	width: 100% !important;
float: none;
}
#contacti .flexiblemodule > div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
#adresse {
	height: auto !important;
}
#adresse .logobloc {
	float :none !important;
	width: auto !important;
}
#legal {
	height: auto !important;
}
#legal .logobloc {
	float :none !important;
	width: auto !important;
}


}