/* basics resets */
*,
*:before,
*:after {
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  padding: 0; }

.clearfix:after {
  content: "";
  display: table;
  clear: both; }

h1 {
  font-size: 36px;
  margin: 5px 0 20px 0; }

h2 {
  font-size: 30px;
  margin: 5px 0 20px 0; }

h3 {
  font-size: 24px;
  margin: 5px 0 20px 0; }

a {
  text-decoration: none; }

a.btn {
  cursor: pointer;
  padding: 6px 10px;
  background-color: #9D030A;
  color: #eee;
  border-radius: 3px;
  text-decoration: none; }

.marge-big-top { margin-top:80px; }

a.btn-sm {
  padding: 2px 6px;
  font-size: 14px; }

a.btn-lg {
  padding: 10px 12px;
  font-size: 18px; }

.btn-bd {
  position: absolute;
  bottom: 20px;
  right: 20px; }

.btn-bg {
  position: absolute;
  bottom: 20px;
  left: 20px; }

.btn-hg {
  position: absolute;
  top: 20px;
  left: 20px; }

.btn-hd {
  position: absolute;
  top: 20px;
  right: 20px; }

a.btn-empty {
  background-color: transparent;
  opacity: .5; }

a.btn-empty:hover {
  opacity: 1;
  background-color: transparent; }

a.btn-info {
  background-color: #693;
  color: white; }

a.btn-info:hover {
  opacity: 1;
  background-color: #7A4; }

a.btn-cancel {
  background-color: #A47;
  color: white; }

a.btn-cancel:hover {
  background-color: #936; }

a.btn-fixe {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  background-color: #9D030A;
  color: white;
  text-decoration: none;
  border-radius: 0 0 4px 4px; }

a.btn-outline {
  cursor: pointer;
  padding: 6px 10px;
  border: 1px solid #9D030A;
  color: #9D030A;
  border-radius: 3px;
  text-decoration: none; }

a.btn-outline:hover {
  border: 1px solid #9D030A;
  color: #FFFFFF;
  background-color: #9D030A; }

.pointer {
  cursor: pointer; }

.fixed {
  position: fixed; }

.texte-big {
  font-size: 48px;
  font-weight: 300; }

.texte-notsobig {
  font-size: 32px;
  font-weight: 300; }

.texte-medium {
  font-size: 20px; }

.texte-normal {
  font-size: 16px; }

.texte-small {
  font-size: 12px; }

.texte-gras, strong {
  font-weight: 700; }

.texte-fin {
  font-weight: 300; }

.texte-center {
  text-align: center; }

.texte-right {
  text-align: right; }

.texte-white {
  color: white; }

.texte-black {
  color: black; }

.texte-variant {
  font-variant: small-caps; }

.texte-code {
  background-color: black;
  color: white;
  border-left: 5px solid red;
  font-family: 'courier';
  font-size: 12px;
  font-weight: 150; }

.p-texte {
  padding: 0 15% !important;
  line-height: 1.2em; }

.p-marge {
  margin: 20px 0; }

.p-4em {
  line-height: 4em; }

img {
  display: block; }

.img-full {
  width: 100%; }

.img-full-diapo {
  min-height: 300px; }

.img-normal {
  width: auto; }

.img-60 {
  width: 60%; }

.img-half {
  width: 50%; }

.img-icone {
  width: 25%; }

.img-full-height {
  height: 100%; }

.img-responsive {
  width: 80%; }

.img-rounded {
  border-radius: 8px; }

.img-circle {
  border-radius: 50%; }

.img-inline {
  display: inline; }

.wrapper {
  width: 100%;
  margin: auto; }

.cadre {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px; }

.cadre-fullheight {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 40px; }

.flag-hg {
  position: absolute;
  top: 0;
  left: 0; }

.flag-hd {
  position: absolute;
  top: 0;
  right: 0%; }

.flag-bg {
  position: absolute;
  bottom: 0;
  left: 0; }

.flag-bd {
  position: absolute;
  bottom: 0;
  right: 0%; }

/* grid */
.row {
  display: flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  margin: 0; }

.row:last-child {
  margin-bottom: 0; }

[class*="colonne-"] {
  padding: 0px;
  width: 100%; }

.col-pad {
  padding: 10px; }

.col-relative {
  position: relative; }

.col-vert {
  align-items: center; }

.col-hori {
  justify-content: center; }

.colonne50 .col-flex {
  display: flex;
  flex-direction: column; }

.col-reverse {
  flex-direction: row-reverse; }

.col-hover {
  transition: all .4s ease;
  background-color: #fff; }

.col-hover:hover {
  background-color: #ddd; }

.col-footer {
  padding-bottom: 80px; }

.col-ofhd {
  overflow: hidden; }

.col-column {
  flex-direction: column;
  -ms-flex-direction: column; }

.col-flex1 {
  flex: 1; }

.col-full-height {
  height: 100%; }

.col-center-content {
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
  justify-content: center; }

.col-fixed {
  position: relative; }

.col-wrap {
  flex-wrap: wrap; }

.col-nowrap {
  flex-wrap: nowrap; }

.col-white {
  background-color: white; }

@media all and (min-width: 500px) {
  /* set col widths */
  .colonne-25 {
    width: 50%; }

  .coolonne-20 {
    width: 50%; }

  .colonne-12 {
    width: 25%; }

  .colonne-10 {
    width: 20%; } }
@media all and (min-width: 800px) {
  /* set col widths */
  .colonne-100 {
    width: 100%; }

  .colonne-66 {
    width: 66.6%; }

  .colonne-50 {
    width: 50%; }

  .colonne-34 {
    width: 33.4%; }

  .colonne-33 {
    width: 33.3%; }

  .colonne-25 {
    width: 25%; }

  .colonne-20 {
    width: 20%; }

  .colonne-12 {
    width: 12.5%; }

  .colonne-10 {
    width: 10%; }

  .col-flex {
    display: flex; }

  .col-fixed {
    position: fixed; } }

/*# sourceMappingURL=marcug.css.map */