h1{
    font-size: 1em;
    position: relative;
    top: 12px;
}
.flash-message{
    color:red;
    margin:auto;
    text-align:center;
}
.presents-link{
    width:320px;
    text-align:center;
    margin:auto;
    margin-bottom:35px;
}
.transparent{
    width:165px;
    border:0;
    padding-bottom:6px;
}
a.transparent{
    color:black;
    text-decoration:none;
}
a.transparent:hover{
    color:black;
    font-size:1em;
}
a:hover, a:visited{
    color:white;
}
.souligne{
    border-bottom:3px solid #007bff; 
}
.nosouligne{
    border:0;
    border-bottom:0;
}
.hRetour{
    color:white;
    position:relative;
    top:6px;
}
.form-options{
    width:300px;
}
.line-option{
    width:490px;
    text-align:right;
    margin:auto;
    display:flex;
    flex-direction:row;
}
.line-option input{
    position:relative;
    top:-9px;
}
#optionD{
    position:relative;
    top:-7px;
}
.text-div{
    width:300px;
    display:flex;
    flex-wrap:wrap;
    text-align:left;
    margin:0 15px 15px 0;
}
.line-option-email{
    width:490px;
    margin:auto -180px auto auto;
    text-align:right;
    display:flex;
    flex-direction:row;
}
.line-option-email input{
    border-top:0;
    border-right:0;
    border-left:0;
    width:145px;
}
.submit{
    text-align:center;
    margin-top:50px;
}
#paypal-boutons{
    text-align:center;
    margin-top:55px;
}
.buttons-container{
    margin:auto;
}
.product{
    width:300px;
    display: flex;
    justify-content: space-around;
}
.h-prod{
    width:340px;
    margin:0;
}
.blue{
    color:#007bff;
}
.container-produit{
    display:flex;
    justify-content:space-around;
    flex-wrap: wrap;
    margin:auto;
}
.container-prod{
    width:500px;
    display:flex;
    margin:60px auto 60px auto;
}
.gif{
    width:140px;
}
.gif-img{
    width:140px;
    margin-top:-38px;
}
a.a-unlimit{
    width:340px;
    margin:45px auto 45px auto;
    text-decoration:none;
    color: #007bff;
}
.cont-commandes{
    display: flex;
    flex-direction: row;
    width: 1200px;
    flex-wrap: wrap;
    margin: auto;
}
.commandes{
    width: 285px;
    background-color: #c7e3fb;
}
.commandes p{
    background-color:midnightblue;
    color:white;
    padding-left:10px;
}
.commande-last{
    width: 900px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    margin: auto;
    background: white;
    padding:7px;
}
form{
    display:inline-block;
}
.row-com{
    display:flex;
    flex-direction:row;
}
.submit{
    margin:30px auto 60px auto;
    transition: transform .4s;
}
.submit-course{
    background-color:mediumspringgreen;
    padding: 4px;
    margin: 5px;
    border: 0;
    color: black;
    font-size: 12px;
    border-radius: 3px/3px;
    text-decoration:none;
}
.h-blue{
    background-color:#007bff;
    color:white;
    margin:auto auto 25px auto;
    width:150px;
    text-align:center;
}
.h-explic{
    width:320px;
    margin:25px auto 25px auto;
}
.h-price{
    margin:auto;
    width:340px;
    text-align:center;
}
.vert{
    color:green;
}
.empty{
    margin:45px auto 60px auto;
    color: red;
}
.cont-payp {
    margin: -70px auto auto auto;
}
.mail{
    color:black;
    text-align:center;
    margin:auto;
}
.col-blu{
    color:#007bff;
}
a.a_retour_abo{
    color:red;
    text-align:center;
    margin:auto auto 30px auto;
}
.radio-buttons{
    color:black;
    padding:auto;
    padding: 10px;
    text-align: center;
}
.card-body {
    min-height:387px;
}
.annul-min-height{
    min-height: 170px;
}
.submit:hover{
    transform: scale(1.4);
}
.btn-2{
    margin-top:81px;
}
.btn-3{
    margin-top:49px;
}
.card-title{
    min-height:49px;
    margin-top: 15px;
}
.card{
	transition: transform .4s;
}
.card1{
    background-color:#ecf0f4;
    max-height:453px;
    border-radius: 5px/5px;
    border:1px;
    border-color: #0d6efd !important;
    transition: transform .4s;
}
.card:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    transform: scale(1.1);
}
.card1:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.border-primary{
    border:0;
}
.product .card{
	background-color:#ecf0f4;
}
.labelprice{
    width:35px;
}
@media screen and (min-width:1024px) and (max-width:1399px){
    .cont-commandes{
        width:1024px;
    }
    .commandes{
        margin:0 auto 45px 15px;
    }
    .commande-last{
        width:715px;
    }
}
@media screen and (min-width:768px) and (max-width:1023px){
    .cont-commandes{
        width:768px;
    }
    .commandes{
        margin:0 auto 45px 15px;
    }
    .commande-last{
        width:468px;
    }
    .presents-link{
        margin:60px auto auto auto;
    }
    a.a-unlimit{
        margin:60px auto auto auto;
        padding-left:10px;
    }
    .container-prod{
        margin:60px auto auto auto;
    }
    .container-produit {
        justify-content: center;
    }
}
@media screen and (min-width:576px) and (max-width:767px){
    .cont-commandes{
        width:576px;
    }
    .commandes{
        margin:0 auto 45px 15px;
        width:200px;
    }
    .commande-last{
        width:320px;
    }
    .presents-link{
        margin:60px auto auto auto;
    }
    a.a-unlimit{
        margin:60px auto 45px auto;
        padding-left:10px;
    }
    .product{
        width:auto;
    }
    .container-produit{
        flex-direction:column;
    }
    .container-prod{
        margin:60px auto auto auto;
    }
    #paypal-boutons{
        margin:55px auto;
        padding-left:10px;
        padding-right:10px;
    }
    .gif{
        margin: -10px auto auto 45px;
    }
}
@media screen and (min-width:320px) and (max-width:575px){
    h1{
        margin-bottom:-25px;
    }
    .cont-commandes{
        width:340px;
        display:flex;
        flex-direction:column
    }
    .commandes{
        margin:15px auto 0 15px;
        width:308px;
    }
    .commande-last{
        width:320px;
        margin:19px auto -56px auto;
    }
    .presents-link{
        margin:-4px auto 0 auto;
    }
    a.a-unlimit{
        margin:6px auto 0 auto;
        padding-left:10px;
    }
    .submit {
        margin: 20px auto 0 auto;
    }
    .form-options{
        width:340px;
    }
    .line-option{
        width:330px;
        margin:5px auto 5px auto
    }
    .line-option-email{
        margin:auto -155px auto auto;
    }
    .text-div{
        width:180px;
        margin:0 15px 15px 10px;
    }
    label{
        width:96px;
    }
    .container-prod{
        margin:15px auto -53px auto;
        width:330px
    }
    .product{
        width:auto;
    }
    .container-produit{
        flex-direction:column;
    }
    #paypal-boutons{
        margin:55px auto;
        padding-left:10px;
        padding-right:10px;
    }
    .marg-auto{
        margin:auto;
    }
    .gif{
      margin:0 0 0 40px;  
    }
    .cont-pay{
        margin:auto auto -122px auto;
    }
    .hRetour{
        top:0;
    }
    .btn-infoMore{
        height:30px;
    }
    .h-blue{
        margin: auto auto 10px auto; 
    }
    .h-explic{
        margin: 0 auto 25px auto;
    }
}