@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;
	}
*/
}
@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;
	}
	div.h03a hr
	, div.h03b hr
	, div.h03c hr
	{
	border: none;
	width: 0%;
	}
}
@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 */
{
    h1, h2, h3, h4
    {
        line-height: normal;
    }
    
    #a90bras1 div.moduletable
    {
        top: 0;
        margin: auto;
    }
    
    
    .h-div-logo
    {
        width: 60%;
        margin: auto;
    }
    
    .h-div-logo img
    {
        width: 100%;
        
    }
    
    .eb-masonry-post
    {
        width: 100%;
    }
    
    #eb .mod-cell a
    {
        position: relative;
        display: block;
    }
    
    #eb .mod-items-grid>.mod-grid
    {
        height: auto;
    }
    
    .bt-viewmore
    {display: block;}

    .column, .column.center
	{
	width: 100% !important;
	}
	div.m04b
	{
	padding-left: 1rem;
	}
    
    .eb-entry-title 
    {
        font-size: 2rem;
        line-height: normal;
    }
    
    div.h10a h1
    {
        font-size: 2rem;
    }
    
    #menum a, #menum ul.megamenu.level0
    {
        padding: 0;
    }
    
    
	/**************************************************************   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					*/
	div.moduletable.deconnexion
	, div.moduletable.connexion
	, div.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%;
	}
	
	div.moduletable.connexion p
	{
	text-align:center !important;
	}
	#a90bras1
	, #a90bras2
	{
	width: 100% !important;
	}
	div.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;
	}
/***********************************************************		easyblog		********									*/
	div.mod-grid
	{
	width: 100% !important;
	}
/*****************                 modèles                   ***************************/

	div.float-left
	, div.float-right
	{
	width: 100% !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	}
	div.float-left:after
	{
	content: '\00A0';
	}
/************************************************************		xtableau00				*/
/*	commenté pour voir le résultat sous 765px*/
/*	div.xtableau00
	{
	visibility: hidden;
	height: 0px;
	}*/
	div.ftableau00
	{
	visibility: visible;
	height: auto;
	}
/***********************************************************************************************************/
/*									exemples sur tendance */
	div.fig-left
	, div.text-right
	, div.fig-right
	, div.text-left
	{
	width: 100%;
	}
	div.text-right div
	, div.fig-right figure
	{
	padding-left: 0px;
	}
	div.col-3a2
	{
	width: 50%;
	}
	div.div-3a1
	{
	display: inherit;
	}
	div.col-3a1
	{
	width: 100%;
	}
	div.col-visible
	{
	visibility: hidden !important;
	height: 0px;
	width: 0px;
	}
	div.col-hidden
	{
	visibility: visible;
	height: auto;
	}


/************************************************************		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;
	}
/************************************************************		xtableau2	et xtableau3			*/
	div.xtableau2
	{
	visibility: hidden;
	height: 0px;
	}
	div.xtableau3
	{
	visibility: visible;
	height: auto;
	}

/***********************************************************************************************************/
}
@media screen and (max-width: 440px)/* inférieur à 765px */
{
	/*	exemples sur tendance */
	div.xtableau01ex
	{
	visibility: hidden;
	height: 0px;
	}
	div.ftableau01ex
	{
	visibility: visible;
	height: auto;
	}	
}