@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)
{
	#js-mainnav.megamenu.white ul.level0 li.mega span.mega
	, #js-mainnav.megamenu.white ul.level0 li.mega a.mega
	{
	padding: 12px 2px !important;	
	}
	#js-mainnav.megamenu.white div#bubblemap ul.level0 li.mega span.mega
	, #js-mainnav.megamenu.white  div#bubblemap ul.level0 li.mega a.mega
	{
	padding: 0px 0px !important;	
	}
/*
	.logo img
	{
	max-height: 90px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	}
*/
	div.onglet-droit
	, div.moduletable.original
	{
	display: none;
	}
}
@media screen and (max-width: 1010px)
{
	.logo
	{
	position: fixed;
	top: 5px;
	left: 5px;
	z-index: 99997;
	background: none;
	}
	.logo img
	{

	}

	.moduletable.ariane
	{
	left: 3rem;
	}

}
@media screen and (max-width: 1000px)
{
	.logo
	{
	position: fixed;
	top: 5px;
	left: 5px;
	}
	.logo img
	{
	width: 55px;
	}
	input#mod-search-searchword
	{
	display:none;
	}

/*
	.logo img
	{
	max-height: 90px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	}
*/
	.moduletable.ariane
	{
	left: 3rem;
	}
	.space-mid
	{
    margin: 0 5rem;
	}


}
@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			***********************************/
	.advocacy-wrap
	{
    display: inline;
	}
	.advocacy-item
	{
    width: 100%;
	}
	.appli-wrap
	{
    display: inline;
	text-align: center;
	margin: 0 auto;
	}
	.appli-item
	{
    width: 100%;
	margin: 0 auto;
	text-align: center;
	}
	.appli-img
	{
    max-width: 250px;
	margin: 0 auto;
	}
	.policy-wrap
	{
    display: inline;
	text-align: center;
	margin: 0 auto;
	}
	.policy-item
	{
    width: 100%;
	margin: 0 auto;
	text-align: center;
	}
	.policy-img
	{
    max-width: 250px;
	margin: 0 auto;
	}
	.space-mid
	{
    margin: 0;
	}
	.container 
	{
	width: 524px;
	}
	.logobloc 
	{
	float :none;
	width: auto;
	}
	.flexiblemodule 
	{
	float: none;
	width: 100% !important;
	}
	.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;
	}
	#pied
	{
	height: auto;
	}
	#soulier
	{
	height: auto;
	}
	#contact
	{
	height: auto;
	}
	#adresse
	{
	height: auto;
	}
	#legal
	{
	height: auto;
	}
	
	/**************************************************************   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%;
	}
	/******************   bubblemap   *******************/
	/*
	div#table_map
	, div#table_map div
	{
	min-height: 600px !important;
	max-height: 600px !important;
	}
	*/
	p.moreinfopara
	{
	display: hidden !important;
	font-size: 0px !important;
	height: 3px !important;
	line-height: 3px !important;	
	}
	span.moreinfospan
	{
	display: hidden !important;
	font-size: 0px !important;
	height: 3px !important;
	line-height: 3px !important;	
	}
	/******************************************			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;
	}
/*******************************************************************									*/
	
	#tete1.vide
	, #tete2
	{
	display: none;
	}
	/*.logo
	{
	position: absolute;
	top: -80px;
	left: 80%;
	z-index: 99997;
	background: none;
	}*/
	.logo
	{
	left: 60% !important;
	position: absolute !important;
	right:5px !important;
	}
	#tete2
	, #tete3
	, #tete4
	, #tete5
	{
	margin-top: 1rem;
	margin-bottom: 0px;	
	}
	#contact4 #modlgn-username.input-small
	, #contact4 input.validate-username
	, #contact4 div.input-prepend span input.input-small
	, #contact4 input#modlgn-passwd.input-small
	{
	width: 50%;	
	}
	#contact2
	{
	margin-bottom: 3rem;	
	}
	#contact3 .fox-row
	{
	margin-top: 3rem !important;	
	}
	#contact2
	{
	width: 80% !important;
	text-align: center;
	margin: 0 auto !important;
	}
	#contact3 div#fox-container-m250 form .fox-row
	{
	width: 80% !important;
	margin: 0 auto !important;
	}
	#contact4
	{
	width: 80% !important;
	margin: 0 auto !important;
	}
	#contact4 h5
	, div.member-area
	{
	margin-left: 0px;
/*	float: left;*/
	}
	#contact4 #form-login-submit button.btn.btn-primary:hover
	, #contact4 div.controls button.btn.btn-primary:hover
	,#contact4 #form-login-submit button.btn.btn-primary
	, #contact4 div.controls button.btn.btn-primary
	{
	float: left;	
	}
	#contact4 #modlgn-username.input-small
	, #contact4 input.validate-username
	, #contact4 div.input-prepend span input.input-small
	, #contact4 input#modlgn-passwd.input-small
	{
	width: 285px;
	}
	div.mod-grid
	{
	width: 100% !important;
	}
    
     .osia-bloc
    {
        display: block;
    }
    
    .osia-left, .osia-right, .osia-center
    {
        width: 100%;
    }
    
    #eb .mod-items-grid
    {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
     #eb .eb-mod-foot
    {
        padding-top: 0;
    }
    
}