@import url(font.css);
@import url(header.css);

BODY {margin:0 0 200px 0; padding:0; background-color:#0069a7; font-family:Roboto,tahoma; font-size:100%; text-align:center; min-height:100%;}
.titre {margin:30px 0; font-size:2.1em; color:#ffffff; text-shadow:1px 1px 2px #252525;font-weight:400;}
.cadre {width:850px; margin-bottom:35px; display:inline-block; padding:30px; background-color:#0980c7; border-radius:5px; transition: all .5s ease-in-out; text-align:left; box-sizing: border-box;}
.cadre:hover {background-color:#0d8cd6; box-shadow: 1px 1px 3px #0980c7;}

.txt {margin-bottom:20px; font-size:20px; color:#d7e3ed;}
.line {display:inline-block; margin-bottom:15px; box-sizing: border-box; border:0px solid yellow;}
.tit {display:inline-block; float:left; width:220px; padding-right:12px; font-size:20px; font-family:RobotoB; color:#ffffff; text-align:right; box-sizing: border-box;}
.field {display:inline-block; float:left; width:320px; box-sizing: border-box;}
.msg_er {margin-bottom:40px; color:yellow; font-size:20px; font-family:RobotoB; text-align:center;}

.inp {width:310px; height:46px; line-height:46px; padding-left:5px; margin-right:10px; background-color:#ffffff; font-family:Roboto,tahoma; font-size:16px; color:#2d83b3; font-family:RobotoB; border: 1px solid #CCCCCC; border-radius: 3px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;}
.inp:hover { box-shadow: 0px 0px 1px #66afe9; color: #2d83b3; cursor:pointer;}
.decal {margin-left: -42px; cursor: pointer;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}

.inp {width:310px; height:46px; line-height:46px; padding-left:5px; margin-right:10px; background-color:#ffffff; font-family:Roboto,tahoma; font-size:16px; color:#2d83b3; font-family:RobotoB; border: 1px solid #CCCCCC; border-radius: 3px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;}
.inp:hover { box-shadow: 0px 0px 1px #66afe9; color: #2d83b3; cursor:pointer;}
.decal {margin-left: -42px; cursor: pointer;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
input::placeholder { font-weight:normal; opacity: 1; color: #cecece;}

.bouton {margin:10px 0 0 220px;}
.btn {display:inline-block; width:310px; height:52px; text-align:center;vertical-align: middle;cursor:pointer; border:1px solid transparent; font-size:18px; line-height:1em; font-family:Roboto,Tahoma; color:#ffffff; background-color:#78b0df; border-radius:3px; transition: background-color 0.6s ease, color 0.6s ease;}
.btn:hover {position:relative; bottom:1px; background-color:#e69412;}
.btn:active {position:relative; top:2px;}
.sbt {width:280px;}

html {position:relative; min-height:100%;}
.footer {position:absolute; bottom:0; width:100%; background-color:#ffffff;}
.footer p {margin:3px 0;}
.footer .box1 {margin:0; background-color:#f5f5f5; padding:1rem; font-size:14px; color:#4e4b45; border-top:1px #bababa solid;}
.footer .box2 {padding:10px; border-top:1px #dadada solid;}
.footer a{font-size:14px; color:#798ce2; line-height:25px; padding-right:20px;}
.footer a:hover{color:#975515;}
.footer .cb {padding-left:20px;}

@media screen and (max-width: 868px) {
.header {display: none;}
.cadre {width:95%; max-width:480px; padding:20px 30px; transition: all .5s ease-in-out;}
.txt {font-size:18px;}
.tit {float:none; margin-bottom:5px; font-size:18px; font-weight:normal; min-width:300px; text-align:left;}
.txt2 {width:100%;}
.bouton {margin-left:0;}
.btn {height:55px; line-height:55px; padding:0; margin:0; clear:both;}
}