BODY {background-color:#ffffff; margin:0; padding:0; font-family:Roboto,Tahoma;}
.logo {margin:20px 0;text-align:center;}
.main {margin:0; padding:0; text-align:center; border:1px solid #afafaf; height:600px; background-size:cover;background-image:url(/img/back-red-car.jpg); background-repeat:no-repeat; background-position:left center;}
.cadre {display:inline-block; margin:70px auto; padding:25px 100px; box-shadow: 1px 1px 3px #555555; background: rgba(54, 91, 156, 0.75);  border:1px solid #303030; transition: all .5s ease-in-out; text-align:center;}
.cadre:hover {background: rgba(54, 91, 156, 0.82);}

.titre {margin-bottom:18px; font-size:2.1em;color:#ffffff;}
.tab {font-family:Inherit;color:#ffffff;font-size:20px;}
.err {margin:20px auto; color:red; font-size:16px; font-weight:bold;text-align:center;}

.btn {
	width:168px; margin:0; padding:12px 0; display:inline-block; text-align:center; vertical-align:middle; cursor:pointer; border:1px solid transparent; 
  font-size:18px; line-height:1em; font-family:Roboto,tahoma; font-weight:bold; color:#ffffff; background-color:#e69412;
  border-radius:1px; user-select:none; transition: background-color .3s ease, color .3s ease;
}
.btn:hover {background-color:#78b0df;}

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
.inp {width:170px; padding:5px 12px; font-size:16px; font-weight:bold; font-family:Inherit; background-color:#FFFFFF;border:1px solid #CCC; border-radius:1px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;}
.inp:hover {border:1px solid #000000; color:#276b9f;}

html {position: relative; min-height: 100%;}
body {margin-bottom: 60px;}
.footer {position: absolute; bottom: 0; width:100%; height:20px; background-color:#f3f3f3; margin:auto; padding:10px 0; color:#757575; font-size:14px; text-align:center;}