@charset "utf-8";
/* CSS Document */
/* STYLE FORMULAIRE 2 */
/* Examen final */
/* PHP */
/* Formulaire Adresses */
/* ES Laurent */
/* 20/11/2015 */

/* STYLES */
* {margin:0;padding:0;}
em {font-family:"Orator Std";}
i {display:block;padding:15px;}
i label {display:block;margin-left:15px;}
body {background:#000;color:#fff;font-family:"Courier New", Courier, monospace;font-size:20px;}
a {color:#0f0;text-decoration:none;}
a:hover {color:#f00;}	
legend {color:#f00;font-size:22px;font-family:"Orator Std";}
#send {float:right;color:#707070;}
#reset {float:right;margin-left:50px;color:#707070;}
input[placeholder] {color:#303030;text-align:center;font-size:16px;font-style:italic;}
input[type=text] {border:solid 1px #f00;border-radius:10px;line-height:3em;width:500px;color:#707070;}
input[type=text]:focus {box-shadow: 0 0 5px 4px #fff;}							
textarea {resize:vertical;width:500px;border:solid 1px #f00;border-radius:10px;color:#707070;}
textarea:focus {box-shadow: 0 0 5px 4px #fff;}
select {color:#707070;border:solid 1px #f00;border-radius:10px;line-height:3em;width:500px;}
input[type=text]:focus:invalid {box-shadow: 0 0 5px 4px #f00;}
input[type=text]:focus:valid {box-shadow: 0 0 5px 4px #0f0;}
.error {color:red;display:none;}
input:focus:invalid + span.error {display:block;}

b {font-size:22px;color:#f00;}
#foot footer {display:block;background:#000;color:#fff;padding:20px;margin-top:15px;}
#coord tr {margin-top:10px;padding:15px;}
.left {float:left;}
.right {float:right;}