/* gestion des colonnes */
/******************************************************************
Stylesheet: mixins
******************************************************************/
/* line 4, ../scss/grid.scss */
.mce-content-body {
  max-width: 1160px;
  background-color: #f5f5f5;
}

/*
.mce-content-body *:hover{
	background-color:#f0f0f0;
}
*/
/* line 13, ../scss/grid.scss */
.row > *, .mce-content-body > * {
  clear: both;
  padding-left: 10px;
  padding-right: 10px;
}

/* line 18, ../scss/grid.scss */
.row > ul, .mce-content-body > ul {
  padding-left: 55px;
}

/* line 21, ../scss/grid.scss */
.row {
  display: table;
  width: 100%;
}

/* line 25, ../scss/grid.scss */
.row .col {
  display: table-cell;
}

/* line 28, ../scss/grid.scss */
.mce-content-body .col_1_4,
.mce-content-body .col_1_3,
.mce-content-body .col_1_2,
.mce-content-body .col_2_3,
.mce-content-body .col_3_4,
.mce-content-body .col_1_1 {
  outline: 1px solid #ddd;
  position: relative;
}
/* line 36, ../scss/grid.scss */
.mce-content-body .col_1_4:hover,
.mce-content-body .col_1_3:hover,
.mce-content-body .col_1_2:hover,
.mce-content-body .col_2_3:hover,
.mce-content-body .col_3_4:hover,
.mce-content-body .col_1_1:hover {
  outline: 1px solid #999;
  z-index: 999;
}
/* line 39, ../scss/grid.scss */
.mce-content-body .col_1_4:hover:before,
.mce-content-body .col_1_3:hover:before,
.mce-content-body .col_1_2:hover:before,
.mce-content-body .col_2_3:hover:before,
.mce-content-body .col_3_4:hover:before,
.mce-content-body .col_1_1:hover:before {
  content: 'col';
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  background-color: #999;
  color: #fff;
  font-size: 10px;
  padding: 2px 5px;
}

/* line 52, ../scss/grid.scss */
.mce-content-body .col_1_4:hover:before {
  content: "col 1/4";
}

/* line 53, ../scss/grid.scss */
.mce-content-body .col_1_3:hover:before {
  content: "col 1/3";
}

/* line 54, ../scss/grid.scss */
.mce-content-body .col_1_2:hover:before {
  content: "col 1/2";
}

/* line 55, ../scss/grid.scss */
.mce-content-body .col_2_3:hover:before {
  content: "col 2/3";
}

/* line 56, ../scss/grid.scss */
.mce-content-body .col_3_4:hover:before {
  content: "col 3/4";
}

/* line 57, ../scss/grid.scss */
.mce-content-body .col_1_1:hover:before {
  content: "col 1";
}

/* line 60, ../scss/grid.scss */
.col_1_4,
.col_1_3,
.col_1_2,
.col_2_3,
.col_3_4,
.col_1_1 {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  clear: none;
  box-sizing: border-box;
}

@media (min-width: 768px) {
  /* line 74, ../scss/grid.scss */
  .col_1_4 {
    width: 25%;
  }

  /* line 75, ../scss/grid.scss */
  .col_3_4 {
    width: 76%;
  }

  /* line 76, ../scss/grid.scss */
  .col_1_3 {
    width: 33.33%;
  }

  /* line 77, ../scss/grid.scss */
  .col_2_3 {
    width: 66.67%;
  }

  /* line 78, ../scss/grid.scss */
  .col_1_2 {
    width: 50%;
  }

  /* line 79, ../scss/grid.scss */
  .is-col-table {
    width: 100%;
  }

  /* line 82, ../scss/grid.scss */
  .is-col-table .col_1_2 {
    display: table-cell;
    width: 50%;
  }
}