#label1 {
    float:right;
    z-index:50;
    position:absolute;
    width:4rem;
    height:auto;
    right:0px;
    top:-0.8rem;
}

#label1-small {
    float:right;
    z-index:50;
    position:absolute;
    width:3rem;
    height:auto;
    right:0px;
    top:-0.5rem;
}

#title-up {
    font-size: 300%;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.15em;
}

#title-down {
    font-size: 150%;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.15em;
}

.line {
    border-bottom: solid 5px #009688;
    max-width: 70px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding-bottom: 1em;
    margin-bottom:2rem;
}


/* Style général */
body {
    display:flex;
    min-height:100vh;
    flex-direction:column;
}

main {
    flex:1 0 auto;
}

.btn {
    height:auto;
}

/* Réglages du texte "Les offres commerciales */
#offres {
    height:150px;
    padding-left:2rem;
}

#offres h3 {
    font-weight:lighter;
}


/* Customs classes générales pour suppression de marges en haut et en bas */
.no-margin-top{
    margin-top:0px;
}

.no-margin-bottom {
    margin-bottom:0px;
}

.pad-bottom {
    padding-bottom:15px;
}

.top20 {
    margin-top:20px;
}

.left15{
    margin-left:15px;
}

.no-padding-left {
    padding-left:1px !important;
}

.no-padding-right {
    padding-right:1px !important;
}

.no-radius {
    border-radius:0px !important;
}

.no-radius-bot {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.no-radius-top {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.border-bottom {
    border-bottom:1px solid #333333;
}

.border-right {
    border-right:1px solid #333333;
}


/* Classes customs de formes de texte */
.bold{
    font-weight:bold;
}

.smaller {
    font-size:0.8rem;
}


/* PAGE OFFRES */

/* ID customs des "cards" contenant les titres des différentes offres (bg img + suppression de border radius en bas et des marges internes/externes du bas) */
#cand-card{
    background-image:URL(../images/img2.jpg);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom:0px;
    padding-bottom:0px;
}

#rh-card{
    background-image:URL(../images/img3.jpg);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom:0px;
    padding-bottom:0px;
}

#btb-card{
    background-image:URL(../images/img1.jpg);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-bottom:0px;
    padding-bottom:0px;
}


/* Aligner le texte et les icônes dans le card-panel + suppression des border radius du haut*/
.desc-card-panel-s {
    line-height:2 !important;
    border-radius: 0px;
    height:55rem;
}

.desc-card-panel-m {
    line-height:2 !important;
    border-radius: 0px;
    height:60rem;
}

.desc-card-panel-l {
    line-height:2 !important;
    border-radius: 0px;
    height:55rem;
}

.offre-card-panel {
    padding:10px !important;
    border-left:4px solid #757575;
    border-right:4px solid #757575;
    border-radius:0px;
}

.bigger {
    font-size:1.5rem;
}

i {
    vertical-align: middle !important;
}

.prix-card-panel {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.gratuit {
    border-bottom:2px solid #80cbc4;
}

.payant {
    border-bottom:2px solid #81c784;
}



/*Réglages des border radius pour le panel gris contenant le prix*/
.sm-tarif {
    border-radius:0px;
}


/* TEXTE ABONNEMENT */
.abo {
    border-bottom:1px solid #333333;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.abo p {
    font-size:1.5rem;
    margin-bottom:0px;
    margin-top:0px;
}

.ico-grey {
    color:#444;
}

.offre-main {
    border-radius:0px !important;
}

.reduc1 {
    background-color:#e0e0e0;
    color:#ffffff;
    font-size:1.3rem;
}

.reduc2 {
    background-color:#ff9800;
    color:#ffffff;
    font-size:1.3rem;
}

.reduc3 {
    background-color:#f57c00;
    color:#ffffff;
    font-size:1.3rem;
}

.offre-card-panel-tarifs {
    padding:10px !important;
    font-size:1.2rem;
}

.titre-payer {
    font-size:1.3rem;
    font-weight:bold;
}

#payer1 {
    display:none;
}

#payer2 {
    display:none;
}

#payer3 {
    display:none;
}

.mois-free {
    background-color: #ff9800;
    border-radius:5px;
    font-size:1.5rem;
    padding:5px;
    line-height:3rem;
}


/* PAGE PARRAINAGE */
.parrainage1 {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.parrain-titre {
    font-size:1.5rem;
    color:#444444;
}

.parrain-stitre {
    font-size:1.2rem;
    color:#444444;
}