html{height:100%;position:relative}
blurry{filter:blur(3px);-webkit-filter:blur(3px);-moz-filter:blur(3px);-o-filter:blur(3px);-ms-filter:blur(3px)}
body{min-height:100%;position:relative;padding-bottom:140px;background-color:#f6f6f6;color:#333;background-image:url(../img/motif.png);background-repeat:no-repeat;background-position:top 95px right 30px}
textarea{max-width:100%}
img{max-width:100%}
header{height:80px;background-image:url(../img/fond.png);background-size:auto 100%;margin-bottom:50px;}
header .container{position:relative;height:100%}
header .container:before{content:"";height:99px;width:99px;background-image:url(../img/logo1.png);position:absolute;background-repeat:no-repeat;left:10px;top:10px}
footer{position:absolute;bottom:0;width:100%;height:80px;background-image:url(../img/fond.png);background-size:auto 100%}
footer .container{position:relative;height:100%}
footer .container:before{content:"";height:100px;width:100px;background-image:url(../img/logo3.png);position:absolute;background-repeat:no-repeat;right:10px;top:-30px}
footer ul{text-align:right;padding-right:120px;}
footer ul li{display:inline-block;padding:0 5px;border-left:solid 1px #333;margin-top:22px}
footer ul li:first-child{border-left:none}
footer ul li a{color:#333}
ul{list-style:none;padding:0}
ul.menu li{padding:10px 5px 10px 0}
ul.menu li a{display:block;max-width:270px;position:relative;color:#333;padding-right:12px}
ul.menu li a:after{position:absolute;width:10px;top:0;right:0;content:"»"}
ul.menu li a:hover{text-decoration:none}
ul.menu li.active a,
ul.menu li a:hover{font-weight:bold}
main h2{position:relative;padding-bottom:10px;margin-bottom:15px;font-size:1.0rem;font-weight:bold}
main h2::after{content:"";width:50%;border-bottom:solid 2px #333;position:absolute;bottom:0;left:0;max-width:60px}
body.login main h2{font-size:1.5rem;}
body.login main{padding-top:60px;}
body.login .row{margin-bottom:30px;}
body.login .btn{max-width:300px}
body.login .motdepasseoublie{margin-top:15px;margin-bottom:67px}
body.login .sidentifier{margin-top:15px;margin-bottom:15px}
body.login .bloc{background-color:#fff;padding:15px;border:1px solid #333;border-radius:15px;margin:5px}
body.confirmation .bloc{background-color:#fff;padding:15px;border:1px solid #333;border-radius:15px;margin:30px 5px 5px 5px}
#oldAccount:not(:checked) ~ .oldAccount{display:none}
#newAccount:not(:checked) ~ .newAccount{display:none}
#oldAccount + label, #newAccount + label{display:inline}
#oldAccount:checked + label, #newAccount:checked + label{font-weight:600}

#creditCardType td{margin-bottom:15px}
#creditCardType label{display:inline}
#creditCardType, #creditCardType tr, #creditCardType td{display:block}
#creditCardType input:checked + label{font-weight:600}

.invalid-feedback{display:block}
.action{text-align:center}
.btn{width:100%;max-width:400px}
.alert.margin-bottom{margin-bottom:15px}

.timeline-event.timeline-event-box.done{background:#fff;color:green}
.timeline-event.timeline-event-box.current{background:#fff;color:#FF8000}
.timeline-event.timeline-event-box.refused{background:#fff;color:red}
.timeline-event.timeline-event-box.future{background:#fff;color:#333}
.timeline-event.timeline-event-box.canceled{background:#fff;color:#ADADAD;text-decoration:line-through}
.timeline-legend{text-align:justify;line-height:0}
.timeline-legend::before{content:"Légende :";display:block;width:100%;line-height:20px;font-size:12px;font-style:italic}
.timeline-legend>div{background:#fff;text-align:center;border-style:solid;border-width:1px;border-radius:5px;-moz-border-radius:5px;display:inline-block;width:19%;font-size:12px;margin-bottom:10px;line-height:20px;min-width:120px}
.timeline-legend>div.done{color:green}
.timeline-legend>div.current{color:#FF8000}
.timeline-legend>div.refused{color:red}
.timeline-legend>div.future{color:#333}
.timeline-legend>div.canceled{color:#ADADAD;text-decoration:line-through}
.timeline-legend>div.end{margin:0;border:none;height:0;width:100%;line-height:0}

.mandate-download{position:relative}
.mandate-download .ui-dialog{position:absolute;background-color:#fff}

.form-error .form-control.error{border-color:#dc3545}
.form-error .form-control.error:focus{border-color:#dc3545;box-shadow: 0 0 0 .2rem rgba(225,53,69,.25);}
span.form-control.disable{background-color:#f1f1f1;min-height:38px}

@media (max-width:991px){
ul.menu li{padding:10px 5px 10px 5px;display:inline-block;width:24%;text-align: center;}
ul.menu li a:after{display:none}
ul.menu{border-bottom:1px solid #333;background:#fff}
}
@media (max-width:767px){
	.bloc{margin-bottom:30px}
	.btn{margin-bottom:10px}
}