@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: 1100px) {
  #js-mainnav.megamenu.white ul.level0 li.mega span.mega,
  #js-mainnav.megamenu.white ul.level0 li.mega a.mega {
    padding: 12px 2px !important;
  }
  #js-mainnav.megamenu.white div#bubblemap ul.level0 li.mega span.mega,
  #js-mainnav.megamenu.white div#bubblemap ul.level0 li.mega a.mega {
    padding: 0px 0px !important;
  }
  /*
	.logo img
	{
	max-height: 90px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	}
*/
  div.onglet-droit,
  div.moduletable.original {
    display: none;
  }
}
@media screen and (max-width: 1010px) {
  .logo {
    position: fixed;
    top: 5px;
    left: 5px;
    z-index: 99997;
    background: none;
  }
  .logo img {
  }

  .moduletable.ariane {
    left: 3rem;
  }
}
@media screen and (max-width: 1000px) {
  .logo {
    position: fixed;
    top: 5px;
    left: 5px;
  }
  .logo img {
    width: 55px;
  }
  input#mod-search-searchword {
    display: none;
  }

  /*
	.logo img
	{
	max-height: 90px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	}
*/
  .moduletable.ariane {
    left: 3rem;
  }
  .space-mid {
    margin: 0 5rem;
  }

  /*********** modifcations 02/2021 *************/
  #tetei .n4 > .flexiblemodule + div {
    width: 25%;
  }
}
@media screen and (max-width: 900px) {
  .moduletable.ariane {
    visibility: hidden;
  }
}
@media screen and (max-width: 870px) {
}
@media screen and (max-width: 800px) {
  /*
	.logo
	{

	}
	.logo img
	{
	max-height: 90px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
	}
*/
}
@media screen and (max-width: 770px) {
  /*
	.logo
	{
	position: absolute;
	}
*/
}

@media screen and (max-width: 765px) /*attention,
  le hamburger bouge ici � 765,
  on utilise 769 pour le ipad */ {
  /*****************************************			section par d�faut			***********************************/
  div.right-part-home {
    width: 95%;
    padding: 0.5rem;
    margin-left: 0px;
  }

  div.left-part-home {
    width: 95%;
    padding: 0.5rem;
  }

  .advocacy-wrap {
    display: inline;
  }
  .advocacy-item {
    width: 100%;
  }
  .appli-wrap {
    display: inline;
    text-align: center;
    margin: 0 auto;
  }
  .appli-item {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .appli-img {
    max-width: 250px;
    margin: 0 auto;
  }
  .policy-wrap {
    display: inline;
    text-align: center;
    margin: 0 auto;
  }
  .policy-item {
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .policy-img {
    max-width: 250px;
    margin: 0 auto;
  }
  .space-mid {
    margin: 0;
  }
  .container {
    width: 524px;
  }
  .logobloc {
    float: none;
    width: auto;
  }
  .flexiblemodule {
    float: none;
    width: 100% !important;
  }
  .flexiblemodule > div.inner {
    margin-left: 0;
    margin-right: 0;
  }
  .column {
    width: 100%;
    clear: both;
    float: left;
  }
  .column div.inner {
    margin-left: 0;
    margin-right: 0;
  }
  .column div.moduletable {
    float: none;
    width: auto;
  }
  .column1 div.inner,
  .column2 div.inner {
  }
  .items-row .item {
    width: auto;
    float: none;
    margin: 0;
  }
  #plume {
    height: auto;
  }
  #chapeau {
    height: auto;
  }
  #tete {
    height: auto;
  }
  #collier {
    height: auto;
  }
  #cou {
    height: auto;
  }
  #menu {
    height: auto;
  }
  #bijou {
    height: auto;
  }
  #slider {
    height: auto;
  }
  #bras {
    height: auto;
  }
  #avant {
    height: auto;
  }
  #veste {
    height: auto;
  }
  #maincontent {
    height: auto;
  }
  #maincontent {
    height: auto;
  }
  #jupe {
    height: auto;
  }
  #apres {
    height: auto;
  }
  #jambe {
    height: auto;
  }
  #pied {
    height: auto;
  }
  #soulier {
    height: auto;
  }
  #contact {
    height: auto;
  }
  #adresse {
    height: auto;
  }
  #legal {
    height: auto;
  }

  /************ modification 02/2021 **************************/
  div.wrap-workgroups {
    display: block;
  }

  div.workgroup-item {
    width: 100%;
    text-align: center;
  }

  .banner-our-mission,
  .banner-code-conduct,
  .banner-our-members,
  .banner-types-membership,
  .banner-esam,
  .banner-esec,
  .banner-governance,
  .banner-contact-sia {
    height: 150px;
  }

  .left-members,
  .img-right {
    width: 100%;
  }

  .img-right iframe {
    width: 100%;
  }
  .workgroups-layer1 h3,
  .title-slide-workgroups {
    font-size: 25px !important;
  }

  /**************************************************************   fin de la section responsive par d�faut  *********************************/
  /******************************************			menu menregistre					*/
  #js-mainnav.megamenu.horizontal.center #menregistre ul.level0 li {
  }
  /******************************************			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%;
  }
  /******************   bubblemap   *******************/
  /*
	div#table_map
	, div#table_map div
	{
	min-height: 600px !important;
	max-height: 600px !important;
	}
	*/
  p.moreinfopara {
    display: none !important;
    /*display: hidden !important;*/
    font-size: 0px !important;
    height: 3px !important;
    line-height: 3px !important;
  }
  span.moreinfospan {
    display: none !important;
    /*display: hidden !important;*/
    font-size: 0px !important;
    height: 3px !important;
    line-height: 3px !important;
  }
  /******************************************			connexion					*/
  #bras1 .moduletable.deconnexion,
  #bras1 .moduletable.connexion,
  #bras2 .moduletable.connexion,
  div.userdata,
  form.form-inline,
  {
    width: 100% !important;
    float: none;
    text-align: center !important;
    /*margin: 0 auto;*/
    /* margin-left: 10px; */
    padding: 1rem 0 1rem 0;
  }
  div#form-login-remember label {
    margin-left: 15%;
  }

  #bras1 .moduletable.connexion p {
    text-align: center !important;
  }
  #bras1,
  #bras2 {
    width: 100% !important;
  }
  #bras2 .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 ainsi que modules sp�cifiques au responsive */
  div.onglet-droit,
  div.moduletable.original {
    display: none;
  }
  div.onglet-bas,
  div.moduletable.responsive {
    display: inherit;
  }
  /************************************************************		xtableau1				*/
  div.xtableau1,
  #wrapper .habillagefloat,
  #wrapper .habillagefloatcentrer {
    width: 100%;
  }
  div.xtableau1 div.xt span.xc1,
  div.xtableau1 div.xt span.xc2,
  div.xtableau1 div.xt span.xc3 {
    padding: 15px 10px;
    font-size: 1.5rem;
  }
  /*******************************************************************									*/

  #tete1.vide,
  #tete2 {
    display: none;
  }
  /*.logo
	{
	position: absolute;
	top: -80px;
	left: 80%;
	z-index: 99997;
	background: none;
	}*/
  .logo {
    left: 60% !important;
    position: absolute !important;
    right: 5px !important;
  }
  #tete2,
  #tete3,
  #tete4,
  #tete5 {
    margin-top: 1rem;
    margin-bottom: 0px;
  }
  #contact4 #modlgn-username.input-small,
  #contact4 input.validate-username,
  #contact4 div.input-prepend span input.input-small,
  #contact4 input#modlgn-passwd.input-small {
    width: 50%;
  }
  #contact2 {
    margin-bottom: 3rem;
  }
  #contact3 .fox-row {
    margin-top: 3rem !important;
  }
  #contact2 {
    width: 80% !important;
    text-align: center;
    margin: 0 auto !important;
  }
  #contact3 div#fox-container-m250 form .fox-row {
    width: 80% !important;
    margin: 0 auto !important;
  }
  #contact4 {
    width: 80% !important;
    margin: 0 auto !important;
  }
  #contact4 h5,
  div.member-area {
    margin-left: 0px;
    /*	float: left;*/
  }
  #contact4 #form-login-submit button.btn.btn-primary:hover,
  #contact4 div.controls button.btn.btn-primary:hover,
  #contact4 #form-login-submit button.btn.btn-primary,
  #contact4 div.controls button.btn.btn-primary {
    float: left;
  }
  #contact4 #modlgn-username.input-small,
  #contact4 input.validate-username,
  #contact4 div.input-prepend span input.input-small,
  #contact4 input#modlgn-passwd.input-small {
    width: 285px;
  }
  div.mod-grid {
    width: 100% !important;
  }

  .osia-bloc {
    display: block;
  }

  .osia-left,
  .osia-right,
  .osia-center {
    width: 100%;
  }

  #eb .mod-items-grid {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #eb .eb-mod-foot {
    padding-top: 0;
  }
}

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

@media screen and (max-width: 765px) {
  #tete4,
  #tete5 {
    padding-left: 15px;
  }

  /* /////////////// Home ///////////////// */

  div.osia-left,
  div.osia-right,
  div.mod-item,
  div.acymailing_introtext {
    text-align: center;
  }
  div.osia-right a {
    margin: 0 auto;
  }
  div.eb-mod-foot {
    width: 85%;
    display: flex;
    justify-content: center;
  }
  div.custom h3 {
    margin: 0 auto;
    text-align: center;
  }
  h3.intro-newsletter {
    width: 70%;
  }
  table.acymailing_form {
    width: 100%;
  }
  td.acysubbuttons {
    display: flex;
    justify-content: center;
  }
  div.habillage-centre h3 {
    margin-top: 3rem;
  }
  .habillage-centre h3 {
    line-height: 4.2rem;
  }
}

@media screen and (max-width: 500px) {
  div.eb-mod-foot {
    width: 65%;
    display: flex;
    justify-content: center;
  }
}

/* /////////////// About - Code of conduct ///////////////// */

@media screen and (max-width: 765px) {
  div.code-conduct-item {
    margin-top: 5rem;
  }
}

/* /////////////// Our founders ///////////////// */

@media screen and (max-width: 765px) {
  div.habillage {
    text-align: center;
  }
}

/* /////////////// Types of membership ///////////////// */

@media screen and (max-width: 765px) {
  div.left-members {
    margin-bottom: 2rem;
  }
  div.full-fee,
  div.associate-fee {
    margin: 0 auto;
    margin-top: 2rem;
  }
  div.content-members div.left-members h3,
  div.content-members div.left-members p strong {
    text-align: center;
  }
}

/* /////////////// How to join ///////////////// */

@media screen and (max-width: 765px) {
  div#fox-container-m348 form .fox-row {
    width: 80%;
  }
}

/* /////////////// Ressources - blog ///////////////// */

@media screen and (max-width: 765px) {
  div.eb-category-profile,
  div.eb-post-date {
    display: flex;
    justify-content: center;
  }
  div.eb-category-head::before {
    margin: 0 auto;
    margin-bottom: 2rem;
  }
  div.eb-post-content {
    text-align: center;
  }
  div.eb-post-body p {
    text-align: center !important;
  }
  div.eb-post-content img {
    margin-bottom: 2rem;
  }
}

/* /////////////// Osia ///////////////// */

@media screen and (max-width: 765px) {
  div.wrap-part-min,
  div.gove-item {
    text-align: center;
  }
}

/* /////////////// Osia-Governance ///////////////// */

@media screen and (max-width: 765px) {
  .title-deco::before {
    margin: 0 auto;
    margin-bottom: 2rem;
  }
  div.osia-content {
    text-align: center;
  }
  h4.title-deco {
    text-align: center !important;
  }
  h4.title-deco strong {
    margin-top: 2rem;
  }
  div.gove-item {
    margin-top: 2rem;
  }
  .bt-download-osia {
    margin-bottom: 10rem;
  }
}

/* /////////////// Ressources - Publications ///////////////// */

@media screen and (max-width: 765px) {
  div.publications {
    text-align: center;
  }
  .publications h2::before {
    margin: 0 auto;
    margin-bottom: 2rem;
  }
}

/* /////////////// Ressources - esec ///////////////// */

@media screen and (max-width: 765px) {
  iframe {
    width: 100%;
    height: auto;
  }
  div.habillage {
    text-align: center !important;
  }
  div.habillage div.pLeft {
    text-align: left;
  }
  div.habillage hr {
    margin: 0 auto;
  }
  div.left-members {
    text-align: center;
  }
}

/* /////////////// Osia-about ///////////////// */

@media screen and (max-width: 765px) {
  .left-part ul,
  .right-part-home ul {
    padding: 0;
    text-align: left;
  }
  h2.title-deco,
  h3.title-deco-center {
    margin-top: 3rem;
    margin-bottom: 2rem;
  }
  div.registries {
    margin: 0;
  }
  div.registries-top {
    display: flex;
    justify-content: space-between;
  }
  div.standard-left p {
    padding: 0;
  }
}

/* /////////////// Contact-us ///////////////// */

@media screen and (max-width: 765px) {
  div.fox-item {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  div#fox-container-m347 .submit-button {
    margin: 0;
  }
  div#fox-container-m350 form .fox-row {
    width: 70%;
  }
}

@media screen and (max-width: 500px) {
  div#fox-container-m350 form .fox-row {
    width: 90%;
  }
}

/* /////////////// Sign-up ///////////////// */

@media screen and (max-width: 765px) {
  form.fabrikForm {
    width: 70% !important;
  }
  form#form_2.fabrikForm {
    padding: 2rem;
    text-align: center;
  }
  form#form_2.fabrikForm div.btn-group button.btn.btn-primary.button {
    margin: 0 auto;
  }
  div.control-group {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  form#form_2.fabrikForm div.control-group label.fabrikLabel {
    width: 70%;
  }
  form#form_2.fabrikForm div.control-group input.inputbox {
    width: 150px;
  }
}

/* /////////////// Log-in ///////////////// */

@media screen and (max-width: 765px) {
  #brasi {
    width: 80%;
  }
  #bras2 .moduletable.connexion {
    width: 100%;
  }
  #bras1 .moduletable.connexion {
    margin: 0;
  }
  div#bras2.flexiblemodule .userdata {
    padding: 0rem;
    padding-top: 2rem;
  }
  div#form-login-remember label {
    margin: 0;
  }
}

/* /////////////// Footer ///////////////// */

@media screen and (max-width: 765px) {
  div.moduletable {
    padding: 1rem 2rem 0.5rem 2rem;
  }

  #contact2 ul {
    padding: 2rem;
  }
  div.member-area h5 {
    text-align: center;
  }
  div.userdata {
    margin: 0;
  }
  div.controls {
    display: flex;
    justify-content: center;
  }
}

/* /////////////// Articles ///////////////// */

@media screen and (max-width: 765px) {
  div.eb-entry-head,
  div.eb-entry-article {
    text-align: center;
  }
}