html, body { height:100%; min-height:100vh; margin:0; padding:10px 10px 500px 10px; font-family:sans-serif; font-size:16px; line-height:1.2; text-align:center; color:#000; background-color:#8ac; overscroll-behavior:none; }
form { display:block; margin:0; padding:10px 0; background-color:transparent; border-width:0; }
fieldset { display:inline-block; margin:0 auto; padding:20px; font-family:sans-serif; font-size:16px; text-align:left; background-color:#bce; border-width:0; border-radius:20px; }

div#colgauch { display:inline-block; float:left; margin:8px 15px 0 0; padding:0; }
div#coldroit { display:inline-block; margin:8px -8px 0 0; padding:0; }

label, input, button, span.clab { display:inline-block; margin:0 8px 0 0; padding:5px 0; font-family:sans-serif; font-size:16px; color:#000; vertical-align:middle; }
textarea { margin:0; padding:5px 10px; font-family:sans-serif; font-size:16px; color:#000; background-color:#fff; border:1px solid #000; white-space:pre-wrap; }
input.cinput { padding:2px 0 2px 8px; background-color:#fff; border:1px solid #000; }
input#ifichier { width:350px; padding:2px 3px; background-color:#fff; border:1px solid #000; -webkit-appearance:none; }
button { display:inline-block; float:right; margin:5px 40px 0 0; padding:5px 15px; color:#000; background-color:#bde; border:1px solid #036; border-radius:15px; cursor:pointer; -webkit-appearance:none; }

div#ipresent, div#ioutil { display:inline-block; width:480px; margin:10px auto; padding:10px 20px; line-height:1.5; text-align:left; border-width:0; border-radius:20px; }
div#imessage { margin:10px 0 0 0; padding:10px; font-family:sans-serif; font-size:16px; color:#c00; border:1px solid #c00; border-radius:10px; }

img { display:block; margin:10px auto; border:0px solid #000; background-color:#679; }
#isource { display:inline-block; margin:0 0 0 5px; padding:3px 8px; background-color:#bce; }
h1#ititre { display:inline-block; margin:10px auto; padding:10px 25px; font-family:sans-serif; font-size:18px; font-weight:normal; background-color:#bce; border:1px solid #036; border-radius:20px; }
a { color:#039; } a:link, a:visited { text-decoration:none; } a:hover { text-decoration:underline; }
p { margin:15px 0; padding:0; }
hr { height:1px; margin:0; padding:0; background-color:transparent; border-style:solid; border-width:0 0 1px 0; border-color:#89a; }

div#ienrimg { display:inline-block; margin:0 auto; font-size:smaller; text-align:left; }
ul#iaussi { display:inline-block; margin:0 0 15px 0; padding:0; list-style:disc inside none; font-size:smaller; line-height:1.5; text-align:left; }
ul#iaussi li { margin:0; padding:0 0 0 30px; }
a.liendr { display:block; margin:-10px 0 15px 0; padding:0; text-align:right; line-height:1; }

/*--- commentaires ---*/
div#comment { width:400px; margin:30px auto 300px auto; padding:20px; overflow:auto; font-size:15px; background-color:#bce; border-radius:20px; }
form#icmtform {  margin:0 0 20px 0; padding:0; }
fieldset#icmtfset { width:100%; margin:0; padding:0; background-color:transparent; border-width:0; }
textarea#icmtxt { box-sizing:border-box; width:100%; margin:0; padding:15px; }

div#icmtmsg { margin:0 0 20px 0; padding:15px; font-weight:bold; border-radius:15px; }
div#icmtliste { box-sizing:border-box; width:100%; margin:0 0 10px 0; padding:0 15px; text-align:left; white-space:pre-wrap; background-color:#fff; border-radius:15px; }
div#icmtliste hr { margin:15px 0 0 0; }