#content { padding-bottom: 100px }

h1 { text-align: center }
.tga * { border: 0 ; outline: 0 ; margin: 0 ; padding: 0 }
form.tga { border-radius: 4px; overflow: auto ; box-shadow: 0 1px 3px #888; max-width:700px; margin: 0 auto ; min-width: 20em }
.tga label { display: block; line-height: 3em; padding: 0 1em; border-bottom: 1px solid #DDD}
.tga label:hover, .tga label:active, .tga label:focus { color: #000 }
.tga label:nth-child(odd) { background: #FFF }
.tga input[type=radio], .tga input[type=checkbox] { float: left ; margin-right: 1em ; position: relative ; top: 0.8em }
.tga button { float: right ; margin: 8px ; padding: 6px 12px ; box-shadow: 0 1px 4px #888 }
.tga.disabled { background: #777 }
#message>p { display: inline-block ; padding: 1em}
.tga a { text-decoration: underline}
#cgu:nth-child(2n+1) { background: transparent!important; border: 0 }
.IBAN { display: flex ; justify-content: center ; flex-wrap: wrap }
.IBAN>* {display:block}
.IBAN>*>* { min-height:100px; margin: 2em 4em ; min-width: 300px ; width: 600px ; max-width: 600px ; flex: 1; box-shadow: 0 1px 4px #000; padding: 20px; border-radius: 1em; text-align: center; }
.IBAN .btn {margin:0}
.IBAN .btn+.btn { margin-left: 8px }
.IBAN p { clear:right }
.clear { clear: both }
#dissoc { clear:both; border-top: 1px solid #DDD; display:none}
#dissoc>* { margin:14px }
#dissoc p { padding-top:14px }
#dissoc label { border:0; clear:right; padding:0 8px }
#dissoc label input[type=text],#dissoc label input[type=password] { float:right; width:80%; border:1px #DDD solid; border-radius:4px; margin:4px 0 4px 4px; padding:4px; line-height:1.75em }
.alert { text-align:center}
#dissoc fieldset{ padding: 8px; box-shadow: 0 1px 4px #888; border-radius:4px; margin-top:-16px }