
@media screen and (max-width: 1100px)
{
	div.float02 div.float-left.border
	, div.float02 div.float-right.border 
	{
	padding: 1rem !important;
	font-size: 2rem;
	}
	div.m03 {
	margin-top: 2rem;
    }
	.team-item
	{
	display: flow-root !important;
	}
	.img-team img
	{
	float: left;
	padding-right: 1.5ch;
	padding-bottom: 0.5ch;
	max-width: 20rem;
	min-width: 10rem;
    }
	.text-team
	{
	width: 100%;
	padding: 0;
    padding-right: 1rem;
	}
}
@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: 975px)
{
	#eb main.actualite-post section.jurisprudence > header
	{
	background: linear-gradient(#F07D00, HSL(31.3, 100%, 70%) 40%, #FFFFFF 80%) !important;
	width: 100% !important;
	height: 7rem !important;
	max-width: 65ch;
	margin-bottom: 1rem !important;
    }
	#eb main.actualite-post section.jurisprudence h2 
	{
	font-size: 3.5rem;
	letter-spacing: 0.075em;
    }
}
@media screen and (max-width: 900px)
{
	.moduletable.ariane
	{
	visibility: hidden;
	}	
}
@media screen and (max-width: 870px)
{
	#b00avanta .m02
	{
	margin: 0.5rem 0;
	}
	div.float02
	{
	align-items: center;
	gap: 1rem;
    }
	div.float02 div.float-left img
	, div.float02 div.float-right img
	{
	min-height: unset;
	object-fit: unset;
	display: block;
	width: 100%;
	height: auto;
	}
	#b00avanta .moduletable:nth-of-type(2) img
	, #b00avanta .moduletable:nth-of-type(3) img
	{
	min-height: unset;
	}

}
@media screen and (max-width: 850px)
{
	#eb main.actualite-post section
	{
	column-count: 1;
	padding-inline: 0 !important;
	margin-bottom: 3rem;
	background: url(/cabinetmca2021/images/tmpl/logo-article.png) no-repeat right bottom 2% / clamp(15rem, 30%, 20rem) auto;
	}
	#eb main.actualite-post li
	{
	margin-left: 3rem;
	padding-left: 0;
	}
	#eb main.actualite-post hr {
	margin: 2rem auto !important;
    }
}
@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 (min-width: 765px) and (max-width: 1024px)
{
	#menum a, #menum ul.megamenu.level0 {
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
    }
}
@media screen and (max-width: 765px)/*attention, le hamburger bouge ici à 765, on utilise 769 pour le ipad */
{
	/**************************************************************   fin de la section responsive par défaut  *********************************/
	/******************************************			menu menregistre					*/
	#js-mainnav.megamenu.horizontal.center ul.level0 {
    text-align: right;
    }
	#js-mainnav.megamenu ul.level0 li.mega a.mega {
	padding: 0 0 1rem !important;
    }
	#js-mainnav.megamenu ul.level0 li.mega:last-child a.mega {
	padding: 0 0 2.5rem !important;;
    }
	div#js-megaMenuToggle
	{
		font-size: 1.6rem !important;;
	}
	#a80slider .moduletable > div
	{
		display: none;
	}
	/******************************************			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;
	}

/***********************************************************************************************************/

    
    /*** home ***/ 
    
    .logo img
    {
        width: 160px;
		height: auto;
    }
    
	.m02
	{
	margin: 2rem 0;
	}
	.m02 h2 a
	{
	display: inline-block;
	line-height: 1;
	}
	
    div.h03 h3
    {
    font-size: 3rem;
    }
    
    .content-page
    {
    width: 95%;
	margin: 1rem auto;
    }
    

    
    .rev_slider_wrapper 
    
    {
        height: 180px !important;
        background-position: center;
    }
    
    .wrap-anim
    {
        height: 6rem;
        padding: 1rem;
    }
	.item1, .item2 {
	font-size: 3rem;
	line-height: 4rem;
    }
	
	#b00avanta .inner > .moduletable:nth-child(1) div.float02
	, #b00avanta .inner > .moduletable:nth-child(3) div.float02
	{
	flex-direction: column;
	}
	#b00avanta .inner > .moduletable:nth-child(2) div.float02
	{
	flex-direction: column-reverse;
	}
	div.float02 div.float-left img, div.float02 div.float-right img
	{
	max-width: 65%;
	margin: 0 auto;
    }
	
	div.m03 {
	margin-top: 0rem;
    }
    
    
    /*** l'quipe ***/
    
    .wrap-flex, .flex-content
    {
    display: block;
    }
	.content-team 
	{
	margin-top: 0;
    }
	.intro-text 
	{
	text-align: justify;
	width: 95%;
	max-width: 60ch;
	margin: 2rem auto 4rem;
    }
    
    .team-item
    {
    width: 100%;
	padding: 0 1rem;
	margin-top: 2rem;
    }
    
    .img-team
    {
	
    }
    
    .m05 img
    {
        width: 100%;
		max-width: 45rem;
    }
    
    .text-team
    {

    }
	.text-team p
    {
	font-size: 1.8rem;
    line-height: 2.3rem;
	text-align: left;
    }
    
    /*** contact ***/
	
	.img-contact
	{
	width: 70%;
	margin: 0 auto 1rem;
	display: flex;
	justify-content: center;
	}
	.img-contact img
	{
    object-fit: unset;
    min-width: 24rem;
	max-width: 35rem;
	}
    
    .text-contact
    {
        box-sizing: border-box;
        padding: 1.5rem;
        width: 100%;
    }
    
    /*** expertise ***/
	
	div.m03 + div.expertises03 article > hr {
	margin-block: 2rem;
    }
	div.m03 + div.expertises03 img
	{
	width: 6rem;
	height: auto;
    }
	div.m03 + div.expertises03 {
	margin-block: 4rem;
    }
    
    
    /*** formations ***/ 
    
    .left-content, .right-content
    {
        width: 100%;
        /*! padding-left: 0; */
    }
    
    .right-content
    {
        margin: 2rem 0 0;
		box-sizing: border-box;
    }
    
    /* addresse */
	div.m04 
	{
	text-align: center;
    }
	div.m06
	{
	text-align: center;
	}
	 
    /* article */
	#eb main.actualite-post article > * + *
	, #eb main.actualite-post ul > * + *
	{
	margin-top: 0.5rem;
    }
}
@media screen and (max-width: 640px)
{
	#eb main.actualite-post > header img {
	width: 100%;
	max-width: 110rem !important;
	display: block;
	margin-inline: 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;
	}
	
	div.h03 h3, div.h03 h2, div.h03 h1 {
	font-size: 4rem;
	line-height: 5rem;
	letter-spacing: 1px;
    }
	
	div.float02 div.float-left img
	, div.float02 div.float-right img 
	{
	max-width: 90%;
	margin: 0 auto;
    }
	.img-contact
	{
	width: 100%;
	}
	#eb main.actualite-post section.jurisprudence h2 
	{
	font-size: 2.6rem;
	line-height: 3rem;
    }
}