@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: 10rem;
  }
  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;
  }
  /*
	.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) {
  div#principal ul.maximenuck {
    flex-wrap: wrap !important;
  }

  .moduletable.ariane {
    visibility: hidden;
  }
}
@media screen and (max-width: 870px) {
}
@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: 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: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    float: none !important;
    clear: both;
    margin: 0.5rem auto;
  }
  div.inner {
    min-height: auto !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;
  }
}
/******************					entrez votre code			*****************************************/
@media screen and (max-width: 765px) /*attention,
  le hamburger bouge ici � 765*/ {
  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;
  }
}
@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 */ {
  /*	exemples sur tendance */
  div.xtableau01ex {
    visibility: hidden;
    height: 0px;
  }
  div.ftableau01ex {
    visibility: visible;
    height: auto;
  }
}

/* ////////////////////////////////////////////// RESPONSIVE EDWIN ///////////////////////////////////////////////////// */
/* ////////////////// Général /////////////////////*/

@media screen and (max-width: 1300px) {
  section.m107 header.header1 {
    margin-top: 2rem;
  }
  section.m107 header h1 {
    font-size: 4.5rem;
    line-height: 5.5rem;
  }
  section.m107 header h2,
  div.m107c div.floatm107c1 div.float-left h2,
  div.m107c div.floatm107c2 div.float-right h2,
  div.m107c div.floatm107c1 div.float-right h2,
  div.m107c div.floatm107c2 div.float-left h2,
  div.m107f div.m107f1 header h2,
  div.m107i h2,
  div.m107j h2,
  div.m107l h2 {
    font-size: 2.3rem;
    line-height: 3.3rem;
    margin-bottom: 3rem;
  }
  section.m107 header h3 {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
  section.m107 header h4 {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 765px) {
  div.m107c div.floatm107c1 div.float-left,
  div.m107c div.floatm107c2 div.float-right,
  div.m107c div.floatm107c1 div.float-right,
  div.m107c div.floatm107c2 div.float-left,
  div.m107f div.floatm107 div.float-left,
  div.m107f div.floatm107 div.float-right,
  div.m107f1 {
    padding: 1.5rem !important;
  }
  section.m107 header h2,
  div.m107c div.floatm107c1 div.float-left h2,
  div.m107c div.floatm107c2 div.float-right h2,
  div.m107c div.floatm107c1 div.float-right h2,
  div.m107c div.floatm107c2 div.float-left h2,
  div.m107f div.m107f1 header h2,
  div.m107i h2,
  div.m107j h2,
  div.m107l h2 {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
  section.m107 ul {
    padding-left: 2rem;
  }
  div.m107d {
    padding: 0rem;
  }
}
@media screen and (max-width: 400px) {
  section.m107 header h1 {
    font-size: 3rem;
    line-height: 4rem;
    margin-top: 0rem;
  }
  div.m107e ul {
    margin-left: 0;
  }
  div.m107g1a {
    flex-direction: column;
  }
  div.m107g1 p:first-child {
    margin-bottom: 2rem;
    text-align: center;
    padding-right: 0;
  }
  div.m107g1b {
    flex-direction: column;
  }
  div.m107g1b img {
    margin-bottom: 2rem;
  }
}
/* ////////////////// Div m107a /////////////////////*/

@media screen and (max-width: 1300px) {
  div.m107a {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 1050px) {
  div.m107a {
    background-image: none;
  }
  div.m107a ul {
    width: 100%;
  }
}
/* ////////////////// Div m107b /////////////////////*/

@media screen and (max-width: 1300px) {
  div.m107b {
    margin-bottom: 5rem;
  }
  div.m107b header {
    background-image: none;
  }
  div.m107b header h2 {
    padding-top: 2rem;
  }
}

/* ////////////////// Div m107c /////////////////////*/

@media screen and (max-width: 700px) {
  div.floatm107c2,
  div.floatm107c1 {
    flex-direction: column;
  }
}

/* ////////////////// Div m107e /////////////////////*/

@media screen and (max-width: 1050px) {
  div.m107e {
    background-image: none;
  }
  div.m107e ul {
    width: 100%;
  }
}

/* ////////////////// Div m107f /////////////////////*/

@media screen and (max-width: 1300px) {
  div.m107f div.floatm107 div.float-left h2,
  div.m107f div.floatm107 div.float-right h2 {
    font-size: 2rem;
    line-height: 3rem;
  }
}
@media screen and (max-width: 1050px) {
  div.m107f2 ul {
    width: 70%;
  }
}
@media screen and (max-width: 920px) {
  div.m107f2 {
    background-image: none;
  }
  div.m107f2 ul {
    width: 100%;
  }
}
@media screen and (max-width: 765px) {
  div.m107f div.floatm107 div.float-left {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 700px) {
  div.floatm107 {
    flex-direction: column;
  }
  div.m107f1 header {
    margin: 0 !important;
  }
  div.m107f1 header img {
    display: none;
  }
  div.m107f div.m107f1 div.image-Modalite {
    margin-top: 3rem;
    text-align: center;
    display: block;
  }
}
/* ////////////////// Div m107g /////////////////////*/

@media screen and (max-width: 920px) {
  div.m107g {
    width: 100%;
  }
}
@media screen and (max-width: 765px) {
  div.m107g1 {
    flex-direction: column;
  }
  div.m107g1a {
    margin-bottom: 4rem;
  }
  div.m107g1a img {
    margin: 0;
  }
}

/* ////////////////// Div m107h /////////////////////*/

@media screen and (max-width: 920px) {
  div.m107h {
    background-image: none;
  }
  div.m107h1 {
    margin-bottom: 0;
    width: 100%;
  }
  div.m107h div.imageCacheeSelection {
    display: block;
    text-align: center;
  }
  div.m107h div.imageCacheeSelection img {
    margin-top: 3rem;
    width: 90%;
    box-sizing: content-box;
  }
}

/* ////////////////// Div m107k /////////////////////*/

@media screen and (max-width: 1100px) {
  div.m107k {
    margin-top: 3rem;
    background-image: none;
  }
  div.floatm107k1 div.float-left {
    justify-content: center;
  }
}

@media screen and (max-width: 765px) {
  div.floatm107k1 {
    flex-direction: column;
  }
  div.floatm107k1 div.float-left ul {
    padding-top: 0rem;
  }
  div.floatm107k1 div.float-right div.divImage1 {
    display: flex;
    flex: 1;
  }
  div.floatm107k1 div.float-right div.divImage2 {
    display: flex;
    justify-content: end;
    flex: 1;
  }
  div.floatm107k1 div.float-right {
    justify-content: space-between;
  }
  div.floatm107k1 div.float-right img {
    max-width: 200px;
    padding-bottom: 0;
  }
  div.floatm107k1 div.float-right img.image-cachee {
    display: block;
    box-sizing: content-box;
    width: 100%;
  }
}

/* ////////////////// Div m107l /////////////////////*/

@media screen and (max-width: 920px) {
  div.floatm107l1 {
    flex-direction: column;
  }
  div.floatm107l1 div.float-left {
    margin-top: 4rem;
    margin-bottom: 4rem;
    display: flex;
    justify-content: center;
    width: 100%;
  }
  div.floatm107l1 div.float-right {
    width: 80%;
  }
}