*, ::before, ::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


body {
    font-family: Arial, Helvetica, sans-serif;
}

.form-control{ float: left; width: 100%;}
.col-3{     width: 25%;}
.col-4{     width: 33.33%;}
.col-6{     width: 50%;}
.col-6:nth-child(1){ padding-right: 5px;}
.col-6:nth-child(2){ padding-left: 5px;}

.logo{ 
    text-align: center;
    margin: 25px 0 0px;
   
}

.home-title {
    font-size: 25px;
    margin: 40px 0 40px;
    text-align: center;
}
.container-cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto 0;
}


.container-form {
    padding: 10px;
    max-width: 900px;
    margin: 20px auto 0;
    display: flex;
    flex-direction: column;
}
.container-form label {
    font-size: 20px;
}
.container-form input, .container-form textarea {
    padding: 8px;
    margin-bottom: 25px;
    font-size: 16px;
    width: 100%;
    border:1px solid black;
}

.container-form input.error, .container-form textarea.error {
   border-color:crimson;
}
.container-form textarea {
    min-height: 200px;
    font-family: Arial, Helvetica, sans-serif;
}

.container-form button {
    padding: 10px 15px;
    width: 200px;
    color:#FFF;
    background-color: #3cb1f5;
    margin: auto;
    border: none;;
    cursor: pointer;
}

.prix{
    text-align: right;
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0;
}
.prix table{
    margin:auto;
}
.prix table td:first-child{
    text-align: left;
}
.prix table td{
    text-align: right;
    width: 200px;
}

#stripe{
    padding: 10px;
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
#stripe form{
    box-shadow: none;
    padding: 0px;
    min-width: 100%;
}

#stripe button {
    background: #3cb1f5;
}

#stripe .spinner:before, #stripe .spinner:after{
    background: #3cb1f5;
}

#message-attente{
    text-align: center;
}

#regler.disabled{
    background-color: #ccc;
}

.cgv input{
    height:13px;
    width: inherit;
    margin-bottom:10px;
}
.cgv #error_cgv{
    display: none;
    color:crimson ;
    font-size: 12px;
    margin-bottom: 15px;
}
.cgv label{
    text-align: left;
    font-size: 12px;
}

.logos-paiement{
    margin-top: 30px;
    text-align: center;
}


@media (max-width: 768px) {
    .logo{ margin: 25px 0 20px;}
    .logo img{ width: 100%; padding: 0 20px;}
}