body {
 margin: 0px;
}

a {
 text-decoration: none;
} 

img {
 border: 0px;
}

.padded {
 padding: 10px;
}

.padded-2x {
 padding: 20px;
}

.padded-h {
  padding-left: 10px;
  padding-right: 10px;
}

.padded-v {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padded-v-s {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padded-v-xs {
  padding-top: 2px;
  padding-bottom: 2px;
}

.padded-v-l {
  padding-top: 15px;
  padding-bottom: 15px;
}

.padded-v-xl {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padded-t {
  padding-top: 10px;
}

.padded-b {
  padding-bottom: 10px;
}

.padded-l {
  padding-left: 10px;
}

.padded-r {
  padding-right: 10px;
}

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

.align-l {
 text-align: left;
}

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

.col-accroche-2 {
 float:left;
 width: 50%;
}

.col-accroche-3 {
 float:left;
 width: 50%;
}

@media screen and (min-width: 720px) {

 .col-12 {
  float: left;
  width: 50%;
 }

 .col-13 {
  float: left;
  width: 33.333%;
 }

 .col-23 {
  float: left;
  width: 66.666%;
 }

 .col-14 {
  float: left;
  width: 25%;
 }

 .col-34 {
  float: left;
  width: 75%;
 }

}

@media screen and (min-width: 960px) {

 .col-accroche-3 {
   width: 33.333%
 }

 .snippet {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
 }


}

@media screen and (min-width: 1160px) {

 .big_wrapper {
  margin-left: -100px;
  margin-right: -100px;
 }
}

@media screen and (min-width: 1360px) {
 .big_wrapper {
  margin-left: -200px;
  margin-right: -200px;
 }
}