﻿.home main {background-repeat:no-repeat; background-position:center; background-size:cover;}

.purchaseproofs form {text-align:center; padding-bottom:15px; display:block;}
    textarea {vertical-align:top; height:100px;}
.field {margin-bottom:15px;}
    input[type="text"], input[type="password"], select, textarea, .cbcontener, .select label {width:98%; max-width:500px;}
    input[type="text"], input[type="password"], select, textarea {padding:5px 1%; color:#000; border:thin solid #999;}
    select, .select label {width:100%; max-width:528px;}
        #PurchaseDate {background-image:url(/images/picto_calendrier.jpg); background-repeat:no-repeat; background-position: right 10px center; cursor:pointer;}
    input[type="radio"] {}
.cbcontener {margin:20px 0; display:inline-block;}
    .cb {clear:both; margin-bottom:5px; text-align:left;}
        input[type="checkbox"] {float:left; margin-right:5px;}
        .cb lablel {overflow:auto;}
.mandatory {color:#cc1719; font-size:70%; vertical-align:super;}
.passlost {font-style:italic; text-decoration:underline; font-size:10px; cursor:pointer;}
.select label {display:block; text-align:left; font-size:medium; margin:0 auto 5px; border:none;}

.register .content {padding:40px 5%; display:block; text-align:center;}
    .register .content:nth-child(2n) {background:#FEF0F0;}
form { max-width:650px; margin:0 auto;}

h1 {text-transform:uppercase; text-align:center;}
    h2 {color:#FF004E;}
    h1 + p {font-size:1.5em; margin-bottom:2em;}

*[class^="bt-"] {background:#FF004E; border:none; padding:5px 30px; color:#fff; font-size:medium; text-transform:uppercase; font-weight:bold;}

.legal .content {width:80%; max-width:800px; margin:40px auto;}

.home main {text-align:center;}
    .bt-home {margin:450px auto 50px; font-size:x-large;}
    

@media screen and (max-width:800px){
    label, .select label {display:block; max-width:none; /*width:100%;*/ text-align:left; padding:0;}
        input[type="checkbox"] {margin:0 !important;}
}