@media screen and (max-width: 1160px)
{
/*
	.logo img
	{
	max-height: 90px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	}
*/
	.moduletable.ariane
	{
	left: 5rem;
	}
	div.m01 a.tab1
	, div.m01 a.tab2
	, div.m01 a.tab3
	, div.m01 a.tab4
	{
	margin-left: 0px;
	}	
}
@media screen and (max-width: 1140px)
{
	div#principal ul.maximenuck
	{
	/*display: inline !important;*/
	padding-top: 14rem;
	}
	div#principal ul.maximenuck li.level1.maximenuck /* adresse toutes les maximenuck */
	{
	padding-top: 1rem;
	}
	div#principal ul.maximenuck li.item104
	, div#principal ul.maximenuck li.item103 /* logo du menu anglais*/
	, div#principal ul.maximenuck li.item1423 /* logo du menu anglais*/
	{
	position: absolute !important;
	left: 35%;
	top: 0rem !important;
	}
	div#principal ul.maximenuck li.level1.maximenuck a.maximenuck:hover
	{
	font-size: 1.5rem !important;
	}
	div#principal ul.maximenuck li.level1:hover
	{
	font-size: 1.5rem !important;
	}
/*
	.logo img
	{
	max-height: 90px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	}
*/

	#a90brasw
	{
	background: none;
	}

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

}
@media screen and (max-width: 950px)
{
	div#principal ul.maximenuck
	{
	flex-wrap: wrap !important;
	}

	.moduletable.ariane
	{
	visibility: hidden;
	}	

	div.m10 img
	{
	max-width: 90%;
	height: auto;
	}

	div.h04 a.big 
	{
	font-size: 5rem;
	}

	div.h05 a.big
	{
	font-size: 5rem;
	}
}
@media screen and (max-width: 870px)
{


}
@media screen and (max-width: 815px)
{
	div.m22
	{
	width: 100%;
	}
/*	div.moduletable.langue
	{
	position: absolute;
	top:  39px;
	}
	*/
/*
	.logo
	{

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


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

}

@media screen and (max-width: 765px)/*attention media query de 765px pour les valeurs par défaut, ne pas toucher, merci */
{
	div.top-logo
	{
	position: relative;
	}
	/*************			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  */
	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: 88% !important;
	padding-left: 2rem !important;
	padding-right: 2rem !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;
	}

	div.m01
	{
	padding-bottom: 0px;
	}

	div.m02text
	{
	margin-bottom: 2rem;
	}

	table.table22 td
	{
	font-size: 1.1rem;
	}

	div.m22
	{
	margin: 0px;
	padding: 0px;
	}

	div.float21r div.float-inside
	{
	width: auto;
	}

	div.h04 p
	{
	padding-left: 1rem;
	}
}
/******************					entrez votre code			*****************************************/
@media screen and (max-width: 765px)/*attention, le hamburger bouge ici à 765*/
{
	div#principal ul.maximenuck li.item104
	, div#principal ul.maximenuck li.item103 /* logo du menu anglais*/
	, div#principal ul.maximenuck li.item1423 /* logo du menu anglais*/
	{
	position: absolute !important;
	left: 30%;
	top: 0rem !important;
	}
	div.top-boutons
	{
	width: 95%;
	font-size: 1.1rem;
	line-height: 1.5rem;
	}	
	div.float01
	{
	text-align:center;
	}
	div.references div#eb div.mod-items-grid > div.mod-grid
	{

	width: 100% !important;
	}
	div.latestblog div#eb div.mod-items-grid
	{
	display: inline !important;
	}
	div.latestblog div#eb div.mod-items-grid > div.mod-grid
	{
	width: 100% !important;
	}	

	div.m04 img
	{
	left: 6rem;
	}

	div.m05 img
	{
	left: 0rem;
	top: -35rem;
	}

	#b80contacta
	{
	background: #f0f4ff;
	}

	div.float25 div.float-left img
	{
	width: 100%;
	}

	div.float27 div.float-right
	{
	right: 0rem;
	}
	div.h24 h1
	{
	font-size: 3rem;
	line-height: 3.5rem;
	}

	div.h01 h2
	{
	font-size: 3rem;
	line-height: 3.5rem;
	}

	div.h03 h2
	{
	font-size: 3rem;
	line-height: 3.5rem;
	}

	div.h20 h1
	{
	font-size: 3rem;
	line-height: 3.5rem;
	}

	div.m21 h2
	{
	font-size: 3rem;
	line-height: 3.5rem;
	}

	div.h22 h2
	{
	font-size: 3rem;
	line-height: 3.5rem;
	}

	div.m04, div.m05
	{
	padding: 0px;
	max-height: 400px;
	}

	div.h05
	{
	margin-top: 0px;
	padding-top: 20rem;
	}

	div.m02
	{
	padding-top: 5rem;
	}


}
@media screen and (max-width: 640px)
{
	body
	{
	padding-top: 0px !important;
	}

}
@media screen and (max-width: 550px)
{
	div.h04 a.tab
	{
	padding: 0px 30px;
	}

	div.h04 a.tab
	{
	padding: 0px 30px;
	}

	div.h04 a.big
	{
	font-size: 4rem;
	}

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


}