@media screen and (max-width: 1200px)
{
/*
	.logo img
	{
	max-height: 90px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	}
*/
	.moduletable.ariane
	{
	left: 5rem;
	}	
}
@media screen and (max-width: 1100px)
{
/*
	.logo img
	{
	max-height: 90px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	}
*/
}

/*-------------- IPAD --------------- */
@media screen and (max-width: 1024px){
	
	.mod_djc2categories_list {
    width: 30.5rem;
	}

	.mod_djc2producers_list {
    width: 30.5rem;
	}

	.djc_item_info{
		width: auto;
	}

	#djcatalog .djc_items .djc_item{
		/*clear: both;*/
	}

	#right{
		width: auto;
		padding: 0 0 0 2rem;
		margin: 1rem 0 1rem 0;
	}

	#center{
		width: 100%;
	}
	
	#djcatalog .djc_item_row{
		margin-left: 0;
	}

	.djc_subcategories{
		width: 100%;
	}

	#djcatalog .thumbnail {
		padding: 2rem;
	}

	#djcatalog .djc_layout_switch {
    padding: 0 0 0 2rem;
	}

	.djc_items .djc_clearfix{
		padding:  0 0 0 2rem;
	}

	#djc_items_table {
    width: 100%;
	}

	.djc_pagination {
    /*width: 96%;*/
    /*padding: 0 0 0 2rem;*/
	}
}


/***************** Easy Blog ****************/

div#fd.eb .mod-items-grid {
    margin-left: 0px;
    margin-right: -15px;
    margin-bottom: 0px;
}




/******************** Fin Ipad *********************/


@media screen and (max-width: 1000px)
{
/*
	.logo img
	{
	max-height: 90px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	}
*/
	.moduletable.ariane
	{
	left: 3rem;
	}

}
@media screen and (max-width: 900px)
{
	.moduletable.ariane
	{
	visibility: hidden;
	}	
}
@media screen and (max-width: 870px)
{


}
@media screen and (max-width: 800px)
{
/*
	.logo
	{

	}
	.logo img
	{
	max-height: 90px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	}
*/


}
@media screen and (max-width: 770px)
{
/*
	.logo
	{
	position: absolute;
	}
*/
}

@media screen and (max-width: 765px)/*attention, le hamburger bouge ici à 765, on utilise 769 pour le ipad */
{
/*****************************************			section par défaut			***********************************/
	.container 
	{
	width: 524px;
	}
	.logobloc 
	{
	float :none;
	width: auto;
	}
	.flexiblemodule 
	{
	float: none;
	width: 100%;
	}
	.flexiblemodule > div.inner
	{
	margin-left: 0;
	margin-right: 0;
	}
	.column 
	{
	width: 100%;
	clear:both;
	float:left
	}
	.column div.inner
	{
	margin-left: 0;
	margin-right: 0;
	}
	.column div.moduletable
	{
	float: none;
	width: auto;
	}
	.column1 div.inner
	, .column2 div.inner
	{

	}
	.items-row .item
	{
	width: auto;
	float: none;
	margin: 0;
	}	
	#plume 
	{
	height: auto;
	}
	#chapeau 
	{
	height: auto;
	}
	#tete
	{
	height: auto;
	}
	#collier
	{
	height: auto;
	}
	#cou
	{
	height: auto;
	}
	#menu
	{
	height: auto;
	}
	#bijou
	{
	height: auto;
	}
	#slider 
	{
	height: auto;
	}
	#bras
	{
	height: auto;
	}
	#avant
	{
	height: auto;
	}
	#veste
	{
	height: auto;
	}
	#maincontent 
	{
	height: auto;
	}
	#maincontent 
	{
	height: auto;
	}
	#jupe
	{
	height: auto;
	}
	#apres
	{
	height: auto;
	}
	#jambe
	{
	height: auto;
	}
	#chaussette
	{
	height: auto;
	}
	#pied
	{
	height: auto;
	}
	#soulier
	{
	height: auto;
	}
	#contact
	{
	height: auto;
	}
	#adresse
	{
	height: auto;
	}
	#legal
	{
	height: auto;
	}

/* -------------- Iphone 6 ------------- */
@media screen and (max-width: 375px){

	div#fox-container-m229 form .fox-row{
		width: 32rem !important;
	}


	div#fox-container-m229 .fox-form input[type="text"]{
		width: 32rem;
		margin-right: 0;
	}

	.fox-item .fox-item-html .fox-item-html-labels .control-group{
		    width: 32rem;
    		display: inline-block;
	}
	

	div#fox-container-m229 .fox-form textarea{
		margin-right: 0;
		width: 32rem;
	}

	div#fox-container-m229 .fox-item-html p:last-child{
		width: 32rem;
	}

	.fox-row{
		padding-left: 0.5rem;
		display: inline-block;
    	width: 33rem;
	}

	.djc_filter_button_go{
		display: inline-block !important;
	}

	.djc_filter_button_reset{
		display: inline-block !important;
	}

	#mod_djcatsearch {
    width: 15.3rem;
	}

	.control-group input.inputbox{
	width: 12.4rem;
	}

	#djcatalog .djc_filter_list{
	margin: 0 0 10px 0rem !important;
	}

	#djcatalog .djc_filters form{
	margin: 0 0 0 0rem !important;
	}

	#djcatalog .djc_layout_switch {
    padding: 0 0 0 0.6rem;
	}

	.djc_items .djc_clearfix{
	padding:  0 0 0 0.6rem;
	}

	.djc_subcategories{
	width: 100%;
	}

	#right{
	margin-top: 2rem !important;
	width: 85%;
	/*padding: 0 0 0 1rem;*/
	}

	.djc_item_in{
	margin-left: 1rem;
	}

	#djcatalog .djc_items .djc_item_in{
		padding: 10px 20px 10px 5px;
	}

	.djc_readon .button{
	position: relative;
	bottom: 0;
	left: 0;
	}

	.djc_item_bg {
	width: 32rem !important;
	margin-left: 1rem !important;
	}

	.djc_pagination{
	width: 335px;
	margin-left: 0;
    padding: 0 0 0 1.3rem;
    text-align: center;
	}

	.djc_category_info{
	width: 307px;
	}

	.djc_producer_info{
	width: 307px;
	}

	.djc_item_info{
	width: 307px;
	}


	/* page inter */

	.djc_attributes{
	width: auto;
	}

	.djc_fulltext {
    width: auto;
	}
}


/* ------------------- IPHONE 5 ----------------- */

@media screen and (max-width: 320px){
	#right{
		padding: 0 0 0 0.8rem;	
	}

		div#fox-container-m229 form .fox-row{
		width: 25rem !important;
	}


	div#fox-container-m229 .fox-form input[type="text"]{
		width: 25rem;
		margin-right: 0;
	}

	.fox-item .fox-item-html .fox-item-html-labels .control-group{
		    width: 25rem;
    		display: inline-block;
	}
	

	div#fox-container-m229 .fox-form textarea{
		margin-right: 0;
		width: 25rem;
	}

	div#fox-container-m229 .fox-item-html p:last-child{
		width: 25rem;
	}

	.fox-row{
		padding-left: 0.5rem;
		display: inline-block;
    	width: 25rem;
	}

	.control-group input.inputbox {
    width: 10.3rem;
	}

	#mod_djcatsearch {
    width: 11.1rem;
	}

	.djc_pagination {
    width: 315px;
    padding: 0 0 0 0.3rem;
	}

	.djc_item_bg {
    width: 27rem !important;
	}

	#djc_filter_theme {
    width: 27rem;
	}

	.djc_category_info {
    width: 268px;
	}

	.djc_producer_info {
    width: 268px;
	}

	.djc_item_info {
    width: 268px;
	}
}



	
	/**************************************************************   fin de la section responsive par défaut  *********************************/
	/******************************************			menu menregistre					*/
	#js-mainnav.megamenu.horizontal.center #menregistre ul.level0 li
	{

	}
	/******************************************			fabrik					*/
	form.fabrikForm
	{
	width: 95%;
	}
	form.fabrikForm div.control-group label.fabrikLabel
	{
	width: 35%;
	}
	form.fabrikForm div.controls
	{
	width: 95%;
	}
	form.fabrikForm div.control-group input.inputbox
	{
	width: 90%;
	}
	/******************************************			connexion					*/
	#bras1 .moduletable.deconnexion
	, #bras1 .moduletable.connexion
	, #bras2 .moduletable.connexion
	, div.userdata
	, form.form-inline
	, div.login
	{
	width: 100% !important;
	float: none;
	text-align:center !important;
	margin: 0 auto;
	padding: 1rem 0 1rem 0;
	}
	div#form-login-remember label
	{
	margin-left: 15%;
	}
	
	#bras1 .moduletable.connexion p
	{
	text-align:center !important;
	}
	#bras1
	, #bras2
	{
	width: 100% !important;
	}
	#bras2 .moduletable.deconnexion
	{
	float: none;
	text-align:center;
	width: 20rem;
	}
	
	/*************************************** specifique au formulaire de contact **/
	.contact form fieldset dt 
	{
	max-width: 80px;
	}
	.contact input
	, .contact textarea
	{
	max-width: 160px;
	}
	/************************************		onglet droit et onglet bas ainsi que modules spécifiques au responsive */
	div.onglet-droit
	, div.moduletable.original
	{
	display: none;
	}
	div.onglet-bas
	,div.moduletable.responsive
	{
	display: inherit;
	}
/************************************************************		xtableau1				*/
	div.xtableau1
	, #wrapper .habillagefloat
	, #wrapper .habillagefloatcentrer
	{
	width: 100%;
	}
	div.xtableau1 div.xt span.xc1
	, div.xtableau1 div.xt span.xc2
	, div.xtableau1 div.xt span.xc3
	{
	padding: 15px 10px;
	font-size: 1.5rem;
	}
/*******************************************************************									*/

}