/* --------------------------------------------------------------------------MOBIL-------------------------------- */
.md-modal {
  height: 85%;
  left: 50%;
  max-width: 700px;
  min-width: 320px;
  position: fixed;
  top: 45%;
  visibility: hidden;
  width: 80%;
  z-index: 2000;

  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.md-show {visibility: visible;}
.md-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  visibility: hidden;
  top: 0;
  left: 0;
  z-index: 1000;
  opacity: 0;
  background: rgba(240, 180, 210, 0.8);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show ~ .md-overlay {opacity: 1;visibility: visible;}
.md-content {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 3px;
  color: #007abc;
  height: 93%;
  margin: 0 auto;
  position: relative;
}
.md-top {
  background: rgba(0, 0, 0, 0) url("../img/intro-fd.jpg") repeat scroll 0 0;
  border-bottom: 2px solid #f90c50;
  padding: 10px 30% 10px 10px;
}
.md-top img {
  max-width: 60px;
  position: absolute;
  right: 4%;
  top: 2%;
}
.md-top h1 {
  color: #fff;
  font-family: "Hind Vadodara",sans-serif;
  font-size: 135%;
  font-weight: 100;
  text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.cbpage {
  background-color: #fff;
  height: inherit;
  overflow-y: auto;
  padding: 20px 4%;
}
.cbpage h2 {
  color: #c90f50;
  font-family: "Jeanne",georgia,serif;
  font-size: 170%;
}
.cbpage-descintro {
  font-family: georgia;
  font-size: 115%;
  font-style: italic;
  margin-top: 15px;
}
.cbpage > img {
  float: left;
  margin: 10px 10px 0 0;
  width: 20%;
}
.cbpage > p {
  margin-bottom: 10px;
}
.cbpage-conclusion {
  color: #000;
  font-size: 80%;
  font-weight: 400;
  line-height: 1.3;
  margin: 20px;
}
.cbpage-footnote p {font-size: 75%;}
.cbpage-footnote p, .cbpage-footnote sup {
  line-height: 1;
  margin-bottom: 10px;
  vertical-align: 0;
}
.cbpage-footnote sup {font-size: 90%;}
.cbpage-footnote sup::after {color: #000;content: ":";}

.md-close { /*solo los bordes*/
    border-top: 1px solid #f90c50;
    border-bottom: 1px solid #007abc;
    border-right: none;
    border-left: none;
}
.md-close {
  background-color: #007abc;
  color: #fff;
  display: block;
  letter-spacing: 2px;
  padding: 5px 10px;
  text-transform: uppercase;
  width: 100%;
  transition: all 0.5s ease 0s;
}
.md-close:hover {
  background-color: #f90c50;
  letter-spacing: 6px;
}
/* Effect 15:  3D Rotate in from left */
.md-effect-15.md-modal {
  -webkit-perspective: 1300px;
  -moz-perspective: 1300px;
  perspective: 1300px;
}

.md-effect-15 .md-content {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  transform: translateZ(100px) translateX(-30%) rotateY(90deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  transform-origin: 0 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.md-show.md-effect-15 .md-content {
  -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg);
  transform: translateZ(0px) translateX(0%) rotateY(0deg);
  opacity: 1;
}
.md-liens ul {
  margin-bottom: 50px !important;
  margin-top: 10px !important;
}
.md-liens li {
  background-position: 0 3px;
  background-repeat: no-repeat;
  height: unset;
  list-style: outside none none;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 0 25px 0 30px;
}
.md-liens li {background-image: url("tic-verte.png");}


/* ----------------------------------------------------------------TABLET-------------------------------- */
@media only screen and (min-width: 768px) {
 .cbpage {font-size: 115%;}
 .md-top h1 {font-size: 185%;}
}

/* ----------------------------------------------------------------DESKTOP-------------------------------- */
@media only screen and (min-width: 1170px) {
	.cbpage {font-size: 125%;}
  .md-top h1 {font-size: 200%;}
}


/* -------------------------------- 
Javascript disabled
-------------------------------- */
.no-js .cbpage {
  position: static;
  visibility: visible;
  height: auto;
  background-color: #dadcdc;
}
.no-js .cbpage > * {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}