.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;
}
@media (max-width: 991px) {
  html {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
    overflow-x: hidden;
  }
  ::selection {
    background: transparent;
    color: inherit;
  }
  ::-moz-selection {
    background: transparent;
    color: inherit;
  }
}
iframe {
  max-width: 100%;
}
a {
  /*color: inherit;
	&:hover{ color: inherit; }*/
}
body {
  background-image: url(../../../img/bg/bg-body.png);
  background-repeat: repeat;
  background-position: 0 0;
  background-attachment: fixed;
  overflow-x: hidden;
}
#cfdt-overlay {
  display: none;
  background-color: rgba(0, 0, 0, 0.45);
  color: rgba(0, 0, 0, 0.45);
  width: 100%;
  max-width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.mm-slideout {
  z-index: 0;
}
#topbar-container {
  height: 55px;
  position: absolute;
  top: 0;
  width: 106%;
  max-width: 1088px;
  padding: 9px 15px 13px;
  margin-bottom: 20px;
  margin-left: -32px;
  margin-right: -32px;
  background-image: url(../../../img/bg/bg-header.png);
  background-repeat: repeat;
  background-position: 0 0;
  background-color: #FFF;
}
#topbar-container.disabled {
  background-image: url(../../../img/bg/bg-btn-orange.png);
}
@media (max-width: 1199px) {
  #topbar-container {
    margin-left: 0;
    margin-right: 0;
    max-width: 1024px;
  }
}
@media (max-width: 991px) {
  html {
    height: auto !important;
  }
  #topbar-container {
    position: fixed;
    top: 0;
    left: 50%;
    width: 100%;
    z-index: 10000;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 6px 5px 7px;
  }
}
#topbar {
  clear: both;
  height: 100%;
  background-color: #FFF;
}
@media (max-width: 991px) {
  #header-container {
    padding-top: 55px;
  }
}
#header {
  margin: auto;
  max-width: 1024px;
  padding-top: 75px;
  background-color: #FFF;
  -webkit-box-shadow: 0 12px 15px -4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 12px 15px -4px rgba(0, 0, 0, 0.2);
}
#banner {
  overflow: hidden;
  float: none;
  clear: both;
}
@media (max-width: 991px) {
  #header {
    padding-top: 0;
  }
  #banner {
    padding-top: 30px;
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  #banner {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
#main-container {
  max-width: 1024px;
  position: relative;
  margin: auto;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-bottom: 25px;
  background-color: #FFF;
  -webkit-box-shadow: 0 12px 15px -4px rgba(0, 0, 0, 0.2);
  box-shadow: 0 12px 15px -4px rgba(0, 0, 0, 0.2);
}
@media (max-width: 991px) {
  #main-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (max-width: 767px) {
  #main-container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}
main {
  max-width: 1024px;
  margin: auto;
  padding-bottom: 20px;
  background-color: #FFF;
}
.selection-header {
  overflow: hidden;
}
.selection-body {
  margin-top: 0;
}
.selection-main {
  margin-right: 0;
}
.selection-side {
  display: none;
}
/*#col-left{
	@media (min-width: 992px){
		padding-right: 5px; 
	}
}*/
#col-right-blog-laurent-berger .well {
  margin-top: 30px;
}
@media (max-width: 992px) {
  #col-right-blog-laurent-berger {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  #col-right-blog-laurent-berger {
    display: none;
  }
}
#col-right-adhesion {
  padding-left: 0;
}
h1 {
  font-family: 'gotham-black', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.7em;
  line-height: 1.3em;
  color: #000;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin-top: 15px;
  margin-bottom: 15px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  white-space: normal;
}
h2 {
  font-family: 'gotham-black', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.7em;
  line-height: 1.3em;
  color: #000;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin-top: 15px;
  margin-bottom: 15px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  white-space: normal;
}
h3 {
  font-family: 'gotham-black', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.01em;
  line-height: 1.25em;
  color: #000;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  margin-top: 10px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  white-space: normal;
}
h4 {
  font-family: 'gotham-black', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 0.95em;
  line-height: 1.15em;
  color: #000;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  margin-top: 6px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  white-space: normal;
}
h5 {
  font-family: 'gotham_condensed_lightregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  line-height: 1.25em;
  color: #000;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 15px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  white-space: normal;
}
h5 b {
  color: #e75c21;
  letter-spacing: 0.02em;
}
h6 {
  font-family: 'gotham_condensed_lightregular', "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  line-height: 1.25em;
  color: #000;
  text-transform: uppercase;
  margin-top: 5px;
  margin-bottom: 15px;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  white-space: normal;
}
h6 b {
  color: #e75c21;
  letter-spacing: 0.02em;
}
@media (max-width: 767px) {
  main {
    /*h2{
			.gotham-black; font-size: 1.8em; line-height: 1.3em; color: #000; text-transform: uppercase; letter-spacing: -0.01em; margin-top: 15px; margin-bottom: 15px; .transition01;
		}*/
    /*h5{
			.gotham-condensed-light-regular; font-size: 1.5em; line-height: 1.25em; color: #000; text-transform: uppercase; margin-top: 5px; margin-bottom: 15px; .transition01;
			b{ color: @cfdt-orange; letter-spacing: 0.02em; }
		}*/
  }
  main h3 {
    font-size: 1.4em;
    line-height: 1.25em;
  }
  main h4 {
    font-size: 1.2em;
    line-height: 1.2em;
  }
}
#ajax-wait {
  font-family: 'gotham_condensedmedium', "Trebuchet MS", Arial, Helvetica, sans-serif;
  letter-spacing: 0;
  font-size: 1.3em;
  font-weight: normal;
  color: #FFF;
  padding: 4px 8px;
  background-color: #df5a25;
}
