@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)
{
	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*/
	{
	position: absolute !important;
	left: 40%;
	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;
	}
}

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

	.moduletable.ariane
	{
	left: 3rem;
	}

}


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

	.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;
	}	


/******************					entrez votre code			*****************************************/
@media screen and (max-width: 765px)
{
	
	
	
	
}
/********************************************************************************************************/
@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)
{


}