@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: 1140px)
{

/*
	.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: 950px)
{


	.moduletable.ariane
	{
	visibility: hidden;
	}	
}
@media screen and (max-width: 900px)
{
	section.m-contact div.float-right
	{
	background-color: white;
	box-shadow: 2px 2px 10px grey;
	width: 50%;
	padding-left: 3rem;
	padding-right: 3rem;
	position: relative;
	left: -10rem;
	top: 3rem;
	text-align: left;
	}

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


	/***    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;
	}
	div#eb.mod_easybloglatestblogs.accueil div.mod-items-grid
	{
	clear: both;
	float: none;
	display: block;
	}
	div#eb.mod_easybloglatestblogs.accueil div.mod-grid
	{
	width: 100% !important;
	margin: 1rem auto !important;
	float: none;
	}
/****           modèles        *******/

	div.float-left
	, div.float-right
	{
	width: 100% !important;
	float: none;
/*	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;
	}
	section.m-contact div.float-right
	{
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0 auto;
	margin-top: 2rem;
	}
	section.m-contact div.float-right p
	{
	padding-left: 30% !important;
	}		

	
	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;
	}	
	/*************			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;
	}
	*/
}
/******************					entrez votre code			*****************************************/
@media screen and (max-width: 765px)
{
	div.arriere
	{
	
	min-width: 98.4%;
	
	}	
	
	
	
	
	
	
}
/********************************************************************************************************/
@media screen and (max-width: 640px)
{
	body
	{
	padding-top: 0px !important;
	}

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


}
@media screen and (max-width: 440px)/* inférieur à 765px */
{
	div.top-boutons
	{
	
	font-size: 1.2rem;

	}	
	div.xtableau01ex
	{
	visibility: hidden;
	height: 0px;
	}
	div.ftableau01ex
	{
	visibility: visible;
	height: auto;
	}	
}
@media screen and (max-width: 420px)
{
	

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


}