@media screen and (max-width: 1400px) {
  section.m104 div.float104c div.float-left,
  section.m104 div.float104d div.float-right,
  section.m104 div.float104e div.float-left,
  section.m104 div.float104f div.float-right,
  section.m104 div.float104g div.float-left,
  section.m104 div.float104h div.float-right {
    /* min-height: 305px; */
    /* height: auto; */
  }

  section.m104 div.float104d div.float-right {
    max-height: 575px;
  }
  section.m104 div.float104e div.float-right {
    max-height: 430px;
  }
  section.m104 div.float104f div.float-right,
  section.m104 div.float104g div.float-right {
    max-height: 440px;
  }
  section.m104 div.float104h div.float-right {
    /* height: 450px; */
  }
}
@media screen and (max-width: 1200px) {
  .moduletable.ariane {
    left: 5rem;
  }
  div.float200c div.float-left {
    padding: 4rem;
    width: 65%;
    min-height: 27rem;
    height: 100%;
  }
  div.float200c div.float-right {
    padding: 2.5rem 2rem;
    margin: 1rem 0rem 0rem 0;
    width: 30%;
    height: 100%;
  }
}
@media screen and (max-width: 1140px) {
  div#principal ul.maximenuck,
  section.m01 {
    padding-top: 8rem;
  }
  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: 37%;
    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;
  }
  section.m200 div.sous200b::after {
    top: -25px;
    height: 330px;
    right: 20px;
  }
}
@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) {
  section.m200 div.sous200b::after {
    top: -20px;
    height: 280px;
  }
  div.float104d div.float-right img {
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  div.float200c div.float-left {
    padding: 4rem;
    width: 54%;
  }
  div.float200c div.float-right {
    padding: 3rem;
    margin: 3rem 0rem 0rem 0;
    width: 40%;
  }
}

@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%;
  }
  .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;
  }
  /* div.float-left:after {
    content: '\00A0';
  } */
  div.ftableau00 {
    visibility: visible;
    height: auto;
  }
  div#b80contactw div#b80contacti {
    margin-top: 8rem;
  }
  div#b80contactw div#b80contact1 {
    width: 65% !important;
    margin: 0 auto;
  }
  div#b80contactw div#b80contact2 div#cf_1 {
    margin: 0 auto;
  }
  div#b80contact1,
  div#b80contact2 {
    width: 49%;
    display: inline-block;
  }
}
/******************					entrez votre code			*****************************************/

@media screen and (max-width: 1400px) {
  section.m02 {
    padding: 1rem;
    padding-bottom: 10rem;
  }
  section.m02 div.m02a {
    margin-left: 5rem !important;
  }
  section.m02 div.m02a header {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
  section.m02 header h1 {
    font-size: 4rem;
  }
}
@media screen and (max-width: 1140px) {
  section.m200 div.sous200b::after {
    top: -30px;
    height: 400px;
  }
  div.float103b {
    max-height: fit-content;
  }
  section.m106 img {
    width: 90% !important;
  }
  div.float106c,
  div.float106e {
    max-height: fit-content;
  }
  div.float106d div.float-left {
    margin-top: 0;
    padding: 2rem 2rem 4rem 2rem;
  }
  div.float106c div.float-right,
  div.float106e div.float-right {
    margin-top: -25px;
    padding: 0rem 2rem 4rem 2rem;
  }
  div.float106d div.float-right {
    padding: 4rem;
    padding-top: 0;
  }
  div.float106e {
    margin: 10rem 0 2rem 0;
  }
  div.float301b,
  div.float301c {
    height: fit-content;
    max-height: fit-content;
  }
  div.float301b div.float-left,
  div.float301c div.float-right {
    padding: 0 2rem;
  }
  div.float301d div.float-left {
    padding: 2rem;
  }
  div.float301c div.float-left img {
    width: 90%;
    max-width: 345px;
  }
  div.float301d div.float-right img {
    width: 85%;
    max-width: 385px;
  }
}

@media screen and (max-width: 1100px) {
  div.float200d div.float-left {
    padding-right: 6rem;
  }
  div.float200d div.float-right {
    padding-left: 6rem;
  }
  section.m200 header {
    padding: 0 7rem;
    padding-top: 2rem;
  }
  section.m200 header h2 {
    font-size: 3.7rem;
  }

  div.eb-entry-article
    p
    div.ebd-block
    div.eb-image
    div.eb-image-figure
    a.eb-image-viewport
    img {
    max-width: 80% !important;
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 1000px) {
  section.m04 div p:first-child {
    width: 90%;
  }
  section.m200 div.float200c div.float-right {
    padding: 2rem;
  }
}

@media screen and (max-width: 768px) {
  div.float200d div.float-right {
    border: none;
  }
  section.m200 div.sous200b::after {
    top: -3rem;
    height: 300px;
    right: 20px;
  }
  section.m200 header {
    padding: 0 2rem;
    margin: 0;
  }
  section.m200 header h2 {
    font-size: 3.5rem;
  }
  div.float200c {
    padding: 4rem;
    margin-top: 0;
  }
  div.float200c div.float-right,
  div.float200c div.float-left {
    margin: 2rem auto;
    padding: 3rem;
  }
  div.float200c div.float-right {
    min-height: 19rem;
  }
  div.eb-entry-article
    p
    div.ebd-block
    div.eb-image
    div.eb-image-figure
    a.eb-image-viewport {
    margin-bottom: 0;
  }
  div.eb-entry-article
    p
    div.ebd-block
    div.eb-image
    div.eb-image-figure
    a.eb-image-viewport
    img {
    max-width: 90% !important;
    margin-bottom: 0 !important;
  }
  div.eb-entry-article strong {
    font-size: 1.5rem;
    margin: 1rem 0;
  }
  div div.eb-entry div div.eb-entry-head h1 {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 765px) /*attention,
  le hamburger bouge ici � 765*/ {
  section.m01 {
    padding-top: 2.5rem;
    text-align: center;
  }
  div.float102c,
  div.float301b,
  div.float301c,
  div.float103b {
    max-height: 100%;
  }
  div.float102c div.float-left {
    max-height: 340px;
  }
  div.float102c div.float-left img {
    max-width: 400px;
  }
  div.float104g div.float-left img {
    position: relative;
    bottom: -4rem;
  }
  div.float200d {
    width: auto;
    margin: 3rem auto !important;
  }
  div.float200d div.float-right,
  div.float200d div.float-left {
    padding: 0;
  }
  div.float301c div.float-left {
    max-height: 500px;
  }

  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.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.float200c {
    padding-bottom: 0;
  }
  div.float200d {
    width: auto;
    margin: 0rem auto !important;
  }
  div.float200d div.float-right,
  div.float200d div.float-left {
    border: none;
    text-align: center;
  }
  div.float200d h3 {
    width: 100%;
  }
  div.sous200e {
    margin-top: 0;
  }
}
@media screen and (max-width: 748px) {
  div.float200d {
    width: auto;
    margin: 0rem auto !important;
  }
}
@media screen and (max-width: 640px) {
  body {
    padding-top: 0px !important;
  }
  section.m200 div.sous200b::after {
    top: -20px;
    height: 180px;
  }
}
@media screen and (max-width: 550px) {
  section.m200 div.sous200b::after {
    top: -15px;
    height: 150px;
    right: 10px;
  }
  section.m200 header {
    padding: 0 1rem;
  }
  section.m200 header h2 {
    margin: 1rem 0;
    font-size: 3rem;
  }
}
@media screen and (max-width: 440px) /* inf�rieur � 765px */ {
  /*	exemples sur tendance */
  div.xtableau01ex {
    visibility: hidden;
    height: 0px;
  }
  div.ftableau01ex {
    visibility: visible;
    height: auto;
  }
  section.m200 div.sous200b::after {
    top: -20px;
    height: 150px;
  }
  section.m200 header p:first-child {
    text-align: left;
  }
  div.float200d {
    margin-top: 0 !important;
  }
  section.m200 div.sous200b {
    margin-top: 8rem;
  }
  section.m200 div.sous200b img {
    margin: 0;
  }
  hr.titre-realisation {
    margin: 1rem auto 2rem auto;
  }
  /* easy blog */
  div#eb {
    padding-left: 0;
  }
  div.eb-content {
    padding: 0 2rem;
  }
  div div.eb-entry div div.eb-entry-head h1 {
    font-size: 2.2rem;
    line-height: 3.5rem;
    margin-top: 0 !important;
    margin-bottom: 2rem;
  }
  div.eb-entry-article * {
    margin: 1rem 0 1.5rem 0;
  }
  div.eb-entry-article
    p
    div.ebd-block
    div.eb-image
    div.eb-image-figure
    a.eb-image-viewport
    img {
    width: 100% !important;
    margin: 0 !important;
  }
  div.eb-entry-article strong:last-child {
    font-size: 1.8rem;
  }
  div#eb
    div.eb-container
    div.eb-container__main
    div.eb-content
    div.eb-posts
    div.eb-masonry-post
    div.eb-post
    div.eb-post-content
    div.eb-post-body
    div.ebd-block
    div.eb-image
    div.eb-image-figure
    a.eb-image-viewport
    img {
    height: 200px;
    width: auto;
  }
  div#right {
    width: 85%;
  }
}
@media screen and (max-width: 320px) {
  section.m200 div.sous200b::after {
    top: -10px;
    height: 100px;
    right: 5px;
  }
}

/* ///////////////////////////////////////////////////////////////// RESPONSIVE - EDWIN /////////////////////////////////////////////////////////////////// */
/* ////////////////////////// GENERAL //////////////////////////////// */

@media screen and (max-width: 765px) {
  section.m02,
  section.m102,
  section.m103,
  section.m106 {
    padding: 2rem;
    text-align: center;
  }
  section.m02 h2,
  section.m102 h2,
  section.m103 h2,
  section.m105 header h2,
  section.m106 header h2 {
    font-size: 2.7rem;
    line-height: 3.7rem;
  }
}

@media screen and (max-width: 500px) {
  /* //// GLOBAL ///// */
  section.m02 h1,
  section.m03 header h2,
  section.m04 header h2,
  section.m06 header h2,
  section.m11 header h2,
  section.m102 h2,
  section.m103 h2,
  section.m104 h2,
  section.m105 h2,
  section.m106 h2,
  section.m301 h2 {
    text-align: center;
    font-size: 2.5rem;
    line-height: 3.5rem;
  }

  h3 {
    text-align: center;
  }
  p {
    text-align: center;
  }
}

/* ///////////////////////////////////////////////////// HOME - SLIDER ///////////////////////////////////////////////////////////////// */
/* ///////////////// 800 //////////////////// */
@media screen and (max-width: 800px) {
  section.mslider01 header p,
  div.sousslider01a p {
    text-align: left;
    font-size: 5rem;
    line-height: 6rem;
  }

  div.sousslider01b p {
    font-size: 3.5rem;
    line-height: 4.5rem;
    text-align: left;
  }
  div.sousslider01c a {
    font-size: 2.5rem;
    line-height: 3.5rem;
    padding: 1.5rem 4rem 1.5rem 4rem;
  }
}

/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  section.mslider01 {
    text-align: left;
  }
  section.m01 {
    padding-bottom: 2.5rem;
  }
}

/* ///////////////////////////////////////////////////// HOME - Menu du haut ///////////////////////////////////////////////////////////////// */
/* ///////////////// 640 //////////////////// */
@media screen and (max-width: 640px) {
  [data-id='principal'] .mobilemenuck-bar-title,
  [data-id='principal'] .mobilemenuck-title {
    text-indent: 0;
  }
}

/* ///////////////////////////////////////////////////// HOME - M02 ///////////////////////////////////////////////////////////////// */
/* ///////////////// 1050 //////////////////// */
@media screen and (max-width: 1050px) {
  section.m02 header h1 {
    font-size: 3.5rem;
    line-height: 4.5rem;
  }
}

/* ///////////////// 930 //////////////////// */
@media screen and (max-width: 930px) {
  section.m02 header h1 {
    font-size: 2.7rem;
    line-height: 3.7rem;
    margin-bottom: 3rem;
  }
  div.grille02b figure {
    min-height: 420px;
    max-width: 320px;
    padding: 0rem;
  }
  div.grille02b figure figcaption h5 {
    margin-bottom: 1rem;
  }
  section.m02 header img {
    margin-bottom: 3rem;
  }
  div.grille02b img {
    margin: 0;
    width: 275px;
    height: 210px;
  }
  div.grille02b img:hover {
    width: 300px;
    height: 230px;
  }
}

/* ///////////////// 765 //////////////////// */
@media screen and (max-width: 765px) {
  section.m02 div.m02a {
    margin: 0 !important;
    display: flex;
    flex-direction: column;
  }
  section.m02 div.m02a div.m02b {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  section.m02 div.m02a div.m02b img {
    width: 100px;
  }
}

/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  section.m02 header h1 {
    font-size: 2.5rem;
    line-height: 3rem;
    margin-bottom: 2rem;
  }
  section.m02 header p {
    line-height: 3rem;
  }
}

/* ///////////////////////////////////////////////////// HOME - DETENDEZ-VOUS - M03 ///////////////////////////////////////////////////////////////// */
/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  section.m03a {
    padding: 0;
  }
  div.fullScreenButton {
    display: none;
  }
  div.responsiveScreenButton {
    display: block;
  }
  section.m03a a {
    display: flex;
    justify-content: center;
    font-size: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 3rem;
  }
  section.m03a p {
    padding: 0rem 1rem 0rem 1rem;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #2d3452;
    font-family: 'poppins-bold';
  }
  section.m03a a img {
    width: 70px;
  }
}

/* ///////////////////////////////////////////////////// HOME - M02 ///////////////////////////////////////////////////////////////// */
/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  div.m02b {
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  div.m02b img {
    width: 50px;
    margin: 0;
    padding: 0;
  }
}

/* ///////////////////////////////////////////////////// HOME - DETENDEZ-VOUS - M04 ///////////////////////////////////////////////////////////////// */
/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  section.m04 a {
    font-size: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

/* ///////////////////////////////////////////////////// HOME - DETENDEZ-VOUS - M06 ///////////////////////////////////////////////////////////////// */
/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  section.m06,
  section.m06 header h2 {
    margin-top: 0;
  }
  #eb .eb-mod-context {
    text-align: center;
  }
}

/* ///////////////////////////////////////////////////// HOME - FOOTER ///////////////////////////////////////////////////////////////// */
/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  #c00legalw,
  #eb .eb-mod-title {
    padding: 2rem;
  }
}

/* /////////////////////////////////// EXPERTISE DESIGN - STRATEGIE DIGITALE - M102 ///////////////////////////////////////////// */
/* ///////////////// 1360 //////////////////// */
@media screen and (max-width: 1360px) {
  div.float102c div.float-left img {
    margin-left: 3rem;
  }
}

/* ///////////////// 765 //////////////////// */
@media screen and (max-width: 765px) {
  section.m102 div.sous102 {
    margin-bottom: 2rem;
  }
  div.float102b div.float-right img {
    margin-bottom: 2rem;
    padding: 3rem;
    box-sizing: border-box;
  }
  div.float102c div.float-left img {
    margin-left: 0rem;
  }
  section.m102 li {
    text-align: left;
  }
}

/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  section.m102 div.sous102 {
    margin-bottom: 4rem;
  }
  div.float102b div.float-left {
    margin-top: 2rem;
  }
  div.float102c div.float-right h2 {
    margin-bottom: 3rem;
  }
}

/* ///////////////// 480 //////////////////// */
@media screen and (max-width: 480px) {
  div.float102c div.float-right {
    padding-top: 0;
  }
  div.float102c div.float-left img {
    top: -5rem;
  }
}

/* /////////////////////////////////// EXPERTISE DESIGN - IDENTITE VISUELLE ///////////////////////////////////////////// */
/* ///////////////// 765 //////////////////// */
@media screen and (max-width: 765px) {
  section.m103 li {
    text-align: left;
  }
  div.float103b div.float-left {
    margin-bottom: 3rem;
    padding: 0rem;
  }
  div.float103b div.float-left h2 {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  div.float103c div.float-right {
    padding-top: 1rem;
    margin-bottom: 10rem;
  }
}

/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  div.float103b div.float-right img {
    top: -5rem;
  }
  div.float103c div.float-right {
    margin-bottom: 6rem;
    padding-top: 0;
  }
  div.float103b div.float-left h2 {
    margin-top: 0;
  }
}

/* /////////////////////////////////// EXPERTISE DESIGN - CREATION DE SITE WEB ///////////////////////////////////////////// */
/* ///////////////// 1110 //////////////////// */
@media screen and (max-width: 1110px) {
  section.m104 div.float104c div.float-left,
  section.m104 div.float104d div.float-right,
  section.m104 div.float104e div.float-left,
  section.m104 div.float104f div.float-right,
  section.m104 div.float104g div.float-left,
  section.m104 div.float104h div.float-right {
    height: auto;
  }
  section.m104 div.float104c div.float-left div.contenu,
  section.m104 div.float104e div.float-left div.contenu,
  section.m104 div.float104g div.float-left div.contenu {
    margin-top: 3rem;
    margin-right: 3rem;
    height: auto;
  }
  section.m104 div.float104d div.float-right div.contenu,
  section.m104 div.float104f div.float-right div.contenu,
  section.m104 div.float104h div.float-right div.contenu {
    margin-bottom: 3rem;
    margin-left: 3rem;
    height: auto;
  }
}

/* ///////////////// 820 //////////////////// */
@media screen and (max-width: 820px) {
  section.m104 div.contenu h3 {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
  }
  section.m104 div.contenu span.chiffre {
    margin-bottom: 1rem;
  }
  section.m104 img.imageToutes {
    display: none;
  }
  section.m104 img.imageIpad {
    display: block;
  }
}

/* ///////////////// 765 //////////////////// */
@media screen and (max-width: 765px) {
  section.m104 img.imageToutes {
    display: block;
  }
  section.m104 img.imageIpad {
    display: none;
  }
  /* //////////// DIV CONTENUS /////////// */
  section.m104 div.float104c div.float-left,
  section.m104 div.float104d div.float-right,
  section.m104 div.float104e div.float-left,
  section.m104 div.float104f div.float-right,
  section.m104 div.float104g div.float-left,
  section.m104 div.float104h div.float-right {
    margin-top: 3rem;
  }
  section.m104 div.float104c div.float-left div.contenu,
  section.m104 div.float104e div.float-left div.contenu,
  section.m104 div.float104g div.float-left div.contenu {
    margin-top: 2rem;
    margin-right: 2rem;
    margin-left: 0;
  }
  section.m104 div.float104d div.float-right div.contenu,
  section.m104 div.float104f div.float-right div.contenu,
  section.m104 div.float104h div.float-right div.contenu {
    margin-bottom: 2rem;
    margin-left: 2rem;
    margin-right: 0;
  }
  div.float104c,
  div.float104d,
  div.float104e,
  div.float104f,
  div.float104g,
  div.float104h {
    margin-top: 6rem;
  }
}

/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  /* //////////// DIV PHOTOS /////////// */
  section.m104 div.float104c div.float-right,
  section.m104 div.float104d div.float-left,
  section.m104 div.float104e div.float-right,
  section.m104 div.float104f div.float-left,
  section.m104 div.float104g div.float-right,
  section.m104 div.float104h div.float-left {
    width: 95%;
    height: auto;
    margin: auto auto;
  }
  section.m104 div.float104c div.float-right img,
  section.m104 div.float104d div.float-left img,
  section.m104 div.float104e div.float-right img,
  section.m104 div.float104f div.float-left img,
  section.m104 div.float104g div.float-right img,
  section.m104 div.float104h div.float-left img {
    width: 95%;
    height: auto;
    margin: auto auto;
  }
  /* //////////// DIV CONTENUS /////////// */
  section.m104 div.float104c div.float-left div.contenu,
  section.m104 div.float104e div.float-left div.contenu,
  section.m104 div.float104g div.float-left div.contenu {
    margin-top: 2rem;
    margin-right: 2rem;
  }
  section.m104 div.float104d div.float-right div.contenu,
  section.m104 div.float104f div.float-right div.contenu,
  section.m104 div.float104h div.float-right div.contenu {
    margin-bottom: 2rem;
    margin-left: 2rem;
  }
}

/* /////////////////////////////////// EXPERTISE DESIGN - REFONTE DE SITE WEB ///////////////////////////////////////////// */
/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  section.m105 p {
    text-align: left;
  }
  section.m105 header h2 {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
  section.m105 h3 {
    margin-top: 1rem;
    text-align: left;
  }
  section.m105 header h2 {
    margin: 2rem 4rem 2rem 4rem;
  }
  section.m105 header {
    margin-bottom: 3rem;
  }
  section.m105 h3 {
    margin-bottom: 1rem;
  }
  section.m105 div.sous105c {
    margin-top: 3rem;
  }
  div.sous105c div.sous105c1 {
    padding: 0rem 2rem 2rem 2rem;
    margin-bottom: 0rem;
  }
  div.sous105c div.sous105c2 {
    padding: 2rem;
    width: auto;
  }
}

/* /////////////////////////////////// EXPERTISES - SEO MARKETING - M106 ///////////////////////////////////////////// */
/* ///////////////// 1400 //////////////////// */
@media screen and (max-width: 1400px) {
  div.float106b {
    margin-left: 4rem;
  }
}
@media screen and (max-width: 765px) {
  div.float106b {
    margin-left: 0rem;
  }
  section.m106 {
    margin-top: 1rem;
  }
  div.float106b div.float-right img {
    padding: 4rem;
    box-sizing: border-box;
  }
  div.float106c div.float-left img {
    margin: 0;
  }
}

/* /////////////////////////////////// EXPERTISES - SERVICE WEB - M106 ///////////////////////////////////////////// */
/* ///////////////// 1400 //////////////////// */
@media screen and (max-width: 1400px) {
  section.m106 {
  }
  div.float106d {
    margin-left: 4rem;
  }
  div.float106e1 {
    margin-top: 10rem;
    max-height: none;
    padding-bottom: 3rem;
  }
}

/* ///////////////// 765 //////////////////// */
@media screen and (max-width: 765px) {
  div.float106e1 div.float-left {
    margin: 0;
  }
  div.float106e1 div.float-left img {
    margin: 0;
  }
  div.float106e1 div.float-right {
    margin-top: 0;
    margin-bottom: 3rem;
  }
  div.float106e img {
    margin: 0;
    top: -5rem;
  }
}

/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  div.float106d {
    margin-top: 1rem;
  }
  div.float106d div.float-left {
    padding: 2rem 2rem 0rem 2rem;
    margin-bottom: 8rem;
  }
  div.float106d div.float-right {
    padding: 3rem 4rem 2rem 4rem;
  }
  div.float106e {
    margin-top: 6rem;
  }
  div.float106e1 img {
    top: -5rem;
    margin: 0rem;
  }
  div.float106e1 div.float-left {
    margin-left: 0;
    text-align: center;
  }
  div.float106e1 div.float-right {
    margin: 0rem;
    padding: 0rem 2rem 4rem 2rem;
  }
}

/* ////////////////////////////////////////////////// L'AGENCE - M301 /////////////////////////////////////////////////////// */
/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  section.m301 li {
    text-align: left;
  }
  div.float301b,
  div.float301c {
    padding: 0rem;
    padding-bottom: 2rem;
  }
  div.float301b div.float-right {
    padding: 1rem;
  }
  div.float301b div.float-right img {
    top: -5rem;
  }
  div.float301c div.float-left {
    padding: 0rem 1rem 0rem 1rem;
    text-align: center;
  }
  div.float301c div.float-left img {
    top: -5rem;
  }
  div.float301d {
    text-align: center;
  }
  div.float301d div.float-right {
    padding-top: 0;
  }
  div.float301d div.float-right img {
    margin: 0;
  }
}

/* ////////////////////////////////////////////////// REALISATIONS - M301 /////////////////////////////////////////////////////// */
/* ///////////////// 1400 //////////////////// */
@media screen and (max-width: 1400px) {
  .mnwall_container {
    padding: 2rem;
  }
}

/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  .mnwall_container {
    padding: 1rem;
  }
  .mnwall_filters_sortings {
    display: flex;
    justify-content: center;
  }
  .mnwall_iso_filters {
    width: 320px;
  }
  .mnwall_iso_buttons ul {
    width: 320px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #mnwall_container_1 .mnwall_iso_buttons a.mnw_filter_active {
    width: 320px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 2rem;
    margin-bottom: 1rem;
  }
  #mnwall_container_1 .mnwall_iso_buttons a {
    width: 130px;
    text-align: center;
    font-size: 1.3rem;
    padding: 0.5rem 0.7rem 0.5rem 0.7rem;
  }
  .mnwall_iso_buttons ul li {
    margin: 0;
    padding: 0;
  }
}

/* ////////////////////////////////////////////////// CONTACT - Titre - M11 /////////////////////////////////////////////////////// */
/* ///////////////// 820 //////////////////// */
@media screen and (max-width: 820px) {
  #b80contacti div.clearfix {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  section.m11 {
    margin: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-bottom: 0;
  }
  div.m11a {
    padding: 0rem;
  }
  div.m11a {
    display: block;
  }
}

/* ////////////////////////////////////////////////// CONTACT - Texte - M11a /////////////////////////////////////////////////////// */
/* ///////////////// 765 //////////////////// */
@media screen and (max-width: 765px) {
  div.inner {
    padding-left: 0;
    text-align: center;
  }
}

/* ///////////////// 500 //////////////////// */
@media screen and (max-width: 500px) {
  #eb .eb-post-nickel .eb-post-content {
    text-align: center;
  }
  div.blog-dossier {
    margin: 0;
  }
  #right div.moduletable {
    width: 360px;
    margin-bottom: 1rem;
  }
}