@import url(header.css);

BODY {margin:0 0 300px 0; padding:0;background-color:#ffffff; font-family:Roboto,tahoma; font-size:100%; text-align:center; min-height:100%;}
html {position:relative; min-height:100%;}

.err {background-color:#f26363; font-size:13px; color:#ffffff; font-weight:bold; padding:15px; text-align:center;}

.back {height:650px;width:100%;background-image:url(/img/background.jpg); background-repeat:no-repeat; background-position:center; background-size: cover;}
.titre {margin:35px 0; font-size:2.9em; color:#ffffff; text-shadow:1px 1px 2px #252525;font-weight:400;}
.cadre {max-width:800px; display:inline-block; padding:30px 80px 25px; box-shadow: 1px 1px 3px #555555; background: rgba(54, 91, 156, 0.80);  border:1px solid #303030; transition: all .5s ease-in-out; text-align:left;}
.cadre:hover {background: rgba(54, 91, 156, 0.9);}

.txt {margin-bottom:20px; font-size:20px; color:#d7e3ed;}
.line {display:inline-block; margin-bottom:15px; border:0px solid yellow;}
.tit {display:inline-block; float:left; width:190px; padding-right:15px; font-size:20px; font-weight: bold; color:#ffffff; text-align:right;}
.field {display:inline-block; float:left; border:0px solid white;}
.msg_er {margin-bottom:40px; color:yellow; font-size:20px; font-weight: bold; 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-weight: bold; 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;}

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}

.bouton {margin-left:205px;}

.btn {
	width:310px; height:50px; box-shadow:inset 0px 1px 0px 0px #fed897; 
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6b33d), color-stop(1, #d29105) );
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background-color:#f6b33d;	border-radius:3px; border:1px solid #eda933; cursor:pointer;
	color:#ffffff; font-family:Roboto,Tahoma; font-size:24px;	font-weight:400;
	text-decoration:none;	 text-shadow:1px 1px 0px #cd8a15;
}

.btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d29105), color-stop(1, #f6b33d) );
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background-color:#d29105;
}
.btn:active {position:relative; top:3px;}

.footer {position:absolute; bottom:0; width:100%; background-color:#ffffff; border:0px solid blue;}
.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;}
  
  .back {background-image:url(/img/background-low.jpg);background-size: auto 700px;}
  .titre {margin:20px 0; font-size:2.4em;}
  .cadre {width:90%; max-width:360px; padding:20px 30px; transition: all .5s ease-in-out;}
  .txt {font-size:18px;}
  .tit {float:none; margin-bottom:5px; min-width:300px; text-align:left;}
  .bouton {margin-left:0;}
  .btn {height:55px; line-height:55px; padding:0; margin:0; clear:both;}

}