ul, ol{margin-top: 0;margin-bottom: 0;}

.edito ol, .edito ul{margin-bottom: 10px}

.separator{margin-top: @rules-peb; margin-bottom: @rules-peb}

.hover-opacity{
  &:hover img{opacity: 0.6;.transition(opacity, .3s, ease-out);}
  .item-content{padding: 10px 10px 0;border: 1px solid @greycc;}
}

.content{
  margin-top: @rules-peb;
  .btn{margin-top: 10px}
}

.object{
  &-left {float: left;clear: left;}
  &-right {float: right;clear: right;}
  &-center {margin-left: auto;margin-right: auto;text-align: center;}
}


.open-sans{font-family: 'open_sansregular';}
.open-sans-light{font-family: 'open_sanslight';}
.open-sans-semi-bold{font-family: 'open_sanssemibold';}
.open-sans-bold{font-family: 'open_sansbold';}
.open-sans-extra-bold{font-family: 'open_sansextrabold';}
.open-sans-normal{font-family: 'open_sansregular';}


// Family fonts

//Level size text
.level4{font-size: 16px; .open-sans-bold;text-transform: inherit}
.level5{font-size: 16px; font-family: @font-family-base;text-transform: uppercase}
.level6{font-size: @font-size-extralarge; .open-sans-bold;text-transform: uppercase}
.level7{font-size: 21px; .open-sans-bold;text-transform: inherit}

.orange-title{color: @brand-primary}

.text-center-left{text-align: center}

@media(min-width: 768px){
  .text-center-left{text-align: left}
}

.introduction .retour{clear: left; display: block;
  &:hover, &:focus{text-decoration: none}
}