/**************************************************************
					CMS Pages Styles
***************************************************************/
#cms #center_column .block-cms {
  padding-bottom: 20px;
}

#cms #center_column img {
  margin: 4px 0 17px;
  max-width: 100%;
  height: auto;
}

#cms #center_column #admin-action-cms {
  background: none repeat 0 0 #F6F6F6;
  border: 1px solid #d2d0d0;
  padding: 10px;
}

#cms #center_column #admin-action-cms p {
  margin: 0;
}

#cms #center_column #admin-action-cms p span {
  display: block;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #f44336;
}

#cms #center_column #admin-action-cms p .button {
  font: 700 17px/21px "Afacad", serif;
  padding: 0;
  border: 1px solid;
  padding: 10px 14px;
  display: inline-block;
}

#cms #center_column #admin-action-cms p .button.publish_button {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  border-color: #0079b6 #006fa8 #012740 #006fa8;
  background: #009ad0;
  background: -moz-linear-gradient(top, #009ad0 0%, #007ab7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009ad0), color-stop(100%, #007ab7));
  background: -webkit-linear-gradient(top, #009ad0 0%, #007ab7 100%);
  background: -o-linear-gradient(top, #009ad0 0%, #007ab7 100%);
  background: -ms-linear-gradient(top, #009ad0 0%, #007ab7 100%);
  background: linear-gradient(to bottom, #009ad0 0%, #007ab7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009ad0', endColorstr='#007ab7', GradientType=0);
}

#cms #center_column #admin-action-cms p .button.publish_button:hover {
  border-color: #01314e #004b74 #0079b6 #004b74;
  filter: none;
  background: #0084bf;
}

#cms #center_column #admin-action-cms p .button.lnk_view {
  color: #555555;
  text-shadow: 1px 1px white;
  border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #ededed));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background: -o-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background: -ms-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#ededed', GradientType=0);
}

#cms #center_column #admin-action-cms p .button.lnk_view:hover {
  border-color: #9e9e9e #9e9e9e #c8c8c8 #9e9e9e;
  filter: none;
  background: #e7e7e7;
}

/*****************************************
* Style d'éléments communs aux pages cms *
******************************************/
.cms-title {
  width: 80%;
  margin: 0 0 22px;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.2;
  color: #000;
}

.cms-subtitle {
  margin: 0 0 45px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
  color: #000;
}

.cms-heading {
  margin: 0 0 20px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
  color: #000;
}

.cms-intro {
  width: 80%;
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.45;
  color: #000;
}

/*==================================================
= BOUTONS
==================================================*/
.cms-actions {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.cms-actions,
.cms-filters {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.cms-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 10px 20px;
  border: 1px solid #000;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none !important;
  transition:
    transform .25s ease,
    background-color .25s ease,
    color .25s ease;
}

.cms-btn:hover {
  text-decoration: none !important;
  transform: scale(1.05);
}

.cms-btn--primary,
.cms-btn--primary:visited,
.cms-btn--primary:focus,
.cms-btn--primary:active {
  background: #000;
  color: #fff;
}

.cms-btn--primary:hover {
  background: #000;
  color: #fff;
}

.cms-btn--secondary,
.cms-btn--secondary:visited,
.cms-btn--secondary:focus,
.cms-btn--secondary:active {
  background: #fff;
  color: #000;
}

.cms-btn--secondary:hover {
  background: #000;
  color: #fff;
}

.cms-btn,
.cms-btn:visited,
.cms-btn:focus,
.cms-btn:active {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}

.cms-btn:focus-visible {
  outline: 2px solid #000;
  outline-offset: 2px;
}