* {box-sizing: border-box;}
.colkdo{width:100%;margin:0;}
form.kdo{display:inline-block;padding:10px;border:1px solid #f2e9d0;border-radius:3px;max-width:400px;margin:3px;}
form.kdom{text-align:center;border-radius:3px;max-width:400px;margin:2px 0;}
form.kdos{max-width:400px;margin:0;}
h2.kdo{padding:0px;margin:0px;}
label.kdo{padding:0px;margin:0px;}
div.kdos{background-color:#ffffff;display:inline-block;padding:10px;border:1px solid #e9dab1;border-radius:3px;max-width:400px;margin:10px;box-shadow: 10px 5px 5px  grey;}
div.ccomment{font-size:0.875em;padding:0;margin:0;}

form.kdoun{display:inline-block;text-align:center;padding:10px;border:1px solid #f2e9d0;border-radius:3px;max-width:400px;margin:3px;}
.cc{max-width:100%;height:auto;vertical-align:middle;}
p.redirpp{font-size:0.75em;color:gray;padding:5px;margin:0;}
div.redirpp{font-size:0.75em;color:gray;padding:5px;}
div.choixkdo{font-size:0.875em;color:black;padding:5px;}
input.kdo[type=submit] {
background-color:#e0cb92;font-size:1em; font-weight: bold;
color: black;
width:100%;
padding: 5px 20px;
border: none;
border-radius: 3px;
cursor: pointer;
float: right;
text-align:center;
margin:6px 0 0;
}
input.kdo[type=submit]:hover {
background-color: #d3b564;color: white;
}
h3.kdo{margin:0px;}
img.cc{max-width:100%;height:auto;}
input.kdo[type=text], select.kdo {background-color:#faf7ef;
width: 100%;
font-size:1em;
padding: 5px;
border: 1px solid #f2e9d0;
border-radius: 3px;
resize: vertical;
	text-align:center;
}
input.kdo:focus{background-color:#f2e9d0;}
select.kdo:focus{background-color:#f2e9d0;}
.rowkdo{margin:0 10px;}
.colklo{text-align:left;float:left;width:30%;margin-top:14px;}
.colkro{float:left;width:70%;margin-top:6px;}
/* Clear floats after the columns */
.rowkdo:after{content:"";display:table;clear:both;}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1000px) {
.colklo, .colkro {
width: 100%;
margin-top: 0;
}
}