/* reset style */
html, body{ margin:0; padding:0; border:none; }
table { padding:0; border-spacing:0; border-collapse:collapse; }
tr, td, div, form, textarea, input{ margin:0; padding:0; }
table, td, div, blockquote, code, pre, textarea, input, video {
    max-width: 100%;
	border:none;
}
table th, table td{ border:none; }

/* pictures */
img { vertical-align: middle; display:block; }
a img { border: 0; }

::-moz-selection { /* Pour firefox */
background:#d9e7f3;
color:#000;
}
::selection { /* Pour les autres */
background:#d9e7f3;
color:#000;
}


/* debut style global */

body { 	background:#fff; font:14px/16px Arial; color:#000; }
a, a:link { color:#990000; text-decoration:none; }
a:hover { color:#f17700; text-decoration:none; }
a:active, a:focus { color:#f17700; }
.clearFl{ clear:both; margin:0; padding:0; border:none; height:1px; width:1px; }


.dv0{ display:block; margin-top:50px; }
.dv1{ display:block; max-width:800px; margin:auto; background-color:none; }

label{ display:block; margin:10px 0; font-size:1.2rem; }
input, textarea{ display:block; margin:10px 0; padding:8px; border:1px solid #000; border-radius:5px; width:330px; font-size:1.2rem; }
code{ display:block; margin:10px 0; padding:15px 10px; width:auto; font-size:1rem; text-align:left; background-color:#efefef; }

hr{ margin-top:50px; padding:0px; border:none; border-top:1px solid #efefef; }

.btnOk, a.btnOk{ display:block; padding:10px 5px; border:1px solid #000; border-radius:5px; background-color:#efefef; color:#000; max-width:250px; text-align:center; font-weight:normal; margin-top:5px; text-transform:uppercase; }
a.btnOk:hover{ background-color:#333; color:#fff; }

.resultDv{ display:block; border:1px dotted #333; background-color:#ccc; border-radius:5px; padding:20px; width:350px; min-height:16px; font-size:1.2rem; color:#000; }

@media screen and (max-width: 480px)
{
	
	div.cs-grpd{ display:block; max-width:90%; }
	
}

h1{ font-size:1.8rem; }
h2{ font-size:1.2rem; font-weight:normal; color:#333; }