.arial {
  font-family: 'Arial', "Trebuchet MS", Tahoma, Helvetica, sans-serif;
  /*letter-spacing: 0;*/
}
.font-bootstrap {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.tahoma {
  font-family: 'Tahoma', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-bold-regular {
  font-family: 'gothamboldregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-medium {
  font-family: 'gotham-medium', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-book {
  font-family: 'gotham-book', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-black {
  font-family: 'gotham-black', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-condensed-medium {
  font-family: 'gotham_condensedmedium', "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}
.gotham-condensed-bold {
  font-family: 'gotham_condensedbold', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-condensed-book-regular {
  font-family: 'gotham_condensed_bookregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-condensed-light-regular {
  font-family: 'gotham_condensed_lightregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-ultra-regular {
  font-family: 'gothamultraregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-narrow-medium {
  font-family: 'gothamnarrow-medium', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-narrow-bold {
  font-family: 'gothamnarrow-bold', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-narrow-black {
  font-family: 'gothamnarrow-black', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-narrow-light-italic {
  font-family: 'gothamnarrow-lightitalic', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.gotham-narrow-bold-italic {
  font-family: 'gothamnarrow-bolditalic', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.standard-07-55-regular {
  font-family: 'standard_07_55regular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.standard-07-57-regular {
  font-family: 'standard_07_57regular', "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.no-border {
  border-width: 0px;
  border: none;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
}
.no-box-shadow {
  -webkit-box-shadow: 0 0 0 0 #222222;
  box-shadow: 0 0 0 0 #222222;
}
.box-shadow-material-round {
  -webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.6);
}
.no-border-radius {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.border-radius-6 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.border-radius-4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.border-radius-4-left {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.border-radius-4-right {
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.border-radius-round {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-inner-site {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.no-margin {
  margin: 0 !important;
}
.no-margin-auto {
  margin: 0 auto !important;
}
.no-margin-left-right {
  margin-left: 0;
  margin-right: 0;
}
.no-padding-margin {
  padding: 0;
  margin: 0;
}
.absolute-bottom {
  position: absolute;
  bottom: 0;
  left: 15px;
  right: 15px;
  width: auto;
}
.absolute-top-right {
  position: absolute;
  top: 7px;
  right: 3px;
}
.absolute-top-right * {
  position: absolute;
  right: 12px;
  top: 0;
  z-index: 10;
}
.width-100 {
  width: 100%;
  max-width: 100%;
}
.height-100 {
  height: 100%;
  max-height: 100%;
}
.width-92 {
  width: 92%;
  max-width: 92%;
}
.transition05 {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.transition04 {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.transition03 {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.transition02 {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.transition015 {
  -webkit-transition: all 0.15s ease;
  -moz-transition: all 0.15s ease;
  -o-transition: all 0.15s ease;
  transition: all 0.15s ease;
}
.transition01 {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
}
.no-transition {
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  -o-transition: all 0s ease;
  transition: all 0s ease;
}
.transition01linear {
  -webkit-transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
.img-responsive {
  max-width: 100%;
  height: auto;
  display: block;
}
.rotate-0 {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.rotate-90-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rotate-90-left {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.rotate-180-left {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.rotate-180-right {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.translate0 {
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.translateX50 {
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.translateY50 {
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.translateCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.translateCenterXbottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.transform1 {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.opacity0 {
  opacity: 0;
  visibility: hidden;
}
.opacity1 {
  opacity: 1;
  visibility: visible;
}
.sorry-no-outline {
  outline: none !important;
}
.placeholder-uppercase {
  /* Firefox 18- */
  /* Firefox 19+ */
}
.placeholder-uppercase ::-webkit-input-placeholder {
  text-transform: uppercase;
}
.placeholder-uppercase :-moz-placeholder {
  text-transform: uppercase;
}
.placeholder-uppercase ::-moz-placeholder {
  text-transform: uppercase;
}
.placeholder-uppercase :-ms-input-placeholder {
  text-transform: uppercase;
}
.cd-top {
  display: inline-block;
  z-index: 10000;
  height: 50px;
  width: 50px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  position: fixed;
  bottom: 40px;
  right: 20px;
  -webkit-box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 2px 5px -1px rgba(0, 0, 0, 0.6);
  /* image replacement properties */
  overflow: visible;
  text-indent: 100%;
  white-space: nowrap;
  background-color: #e75c21;
  border: 2px solid #e75c21;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  text-decoration: none;
  /*-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;*/
  /*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;*/
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.cd-top i {
  display: block;
  color: #FFF;
  font-size: 1.6em;
  text-decoration: none;
  -webkit-transform: translate(-72%, 50%);
  -moz-transform: translate(-72%, 50%);
  -o-transform: translate(-72%, 50%);
  -ms-transform: translate(-72%, 50%);
  transform: translate(-72%, 50%);
}
.cd-top i:before {
  color: #FFF;
  text-decoration: none;
}
.cd-top:hover {
  background-color: #FFF;
  border-color: #e75c21;
  text-decoration: none;
}
.cd-top:hover i:before {
  color: #e75c21;
}
.cd-top:focus {
  /*-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		transform: rotate(360deg);
		background-color: #FFF;
		background-image: url(../img/icons/arrows/top-arrow-blue.png);*/
  /*-webkit-transform: scale(2);
		-moz-transform: scale(2);
		-o-transform: scale(2);
		-ms-transform: scale(2);
		transform: scale(2);
		opacity: 0;*/
  /*-webkit-transform: translate(0px, -30px);
		-moz-transform: translate(0px, -30px);
		-o-transform: translate(0px, -30px);
		-ms-transform: translate(0px, -30px);
		transform: translate(0px, -30px);*/
  /*-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;*/
}
.cd-top .top-label {
  position: absolute;
  top: 0;
  right: -25%;
  font-size: 2em;
  padding: 12px 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transform: translate(0%, 0%);
  -moz-transform: translate(0%, 0%);
  -o-transform: translate(0%, 0%);
  -ms-transform: translate(0%, 0%);
  transform: translate(0%, 0%);
}
.cd-top:hover .top-label {
  filter: alpha(opacity=0);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translate(0%, 90%);
  -moz-transform: translate(0%, 90%);
  -o-transform: translate(0%, 90%);
  -ms-transform: translate(0%, 90%);
  transform: translate(0%, 90%);
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  /*-webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;*/
  /*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;*/
  /*-webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;*/
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.cd-top.cd-is-white {
  /* the button becomes white because the CFDT orange footer */
  background-color: #FFF !important;
}
.cd-top.cd-is-white i {
  color: #e75c21;
}
.cd-top.cd-is-white i:before {
  color: #e75c21;
}
.cd-top.cd-is-white:hover {
  background-color: #e75c21 !important;
  /*border-color: @cfdt-orange;*/
}
.cd-top.cd-is-white:hover i:before {
  color: #FFF;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
/* TABLETS AND LANDSCAPE LARGE SMARTPHONES ================================================== */
@media only screen and (min-width: 1200px) {
  .cd-top {
    right: 50px;
  }
}
/* MOBILE ================================================== */
@media only screen and (max-width: 767px) {
  .cd-top {
    bottom: 20px;
  }
}