@import url(header.css);

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

/* debut autocomplete */
a.item {color:#2d83b3;}
.icone {float: left; margin: 2px 10px 0px 10px;}
.nice-item-highlight {color:#be7b07;}

.ui-autocomplete {
	z-index     : 1000;
	max-height  : 400px;
	max-width   : 430px;
  overflow-y  : auto;
  overflow-x  : hidden;
	white-space	: nowrap;
}
.ui-menu-item { /* 1 ligne de résultat */
	padding 		    : 12px 0;
	border-bottom		: 1px solid #c3caeb;
	text-align:left;
}

.ui-menu .ui-menu-item a.ui-state-active { /* ligne active au survol */
	background-color : white;
	border				   : 1px solid white;
	color				     : #be7b07;
  font-weight	: normal;
	background  : #fff;
}
/* fin autocomplete */

.err {margin:0; border-bottom:1px solid white; background-color:#f26363;}
.err_txt {width:95%; max-width:750px; padding:20px; margin:0 auto; color:#ffffff; font-weight: bold;}
.err {background-color:#f26363; font-size:13px; color:#ffffff; font-weight:bold; padding:15px; text-align:center;}

.back {padding:10px 0;margin:auto;background-color:#0069a7;}
h1 {margin:25px auto; max-width:920px; font-size:2.1em; color:#ffffff; text-shadow:1px 1px 2px #252525;font-weight:400;text-align:left;}
.cadre {width:910px; display:inline-block; padding:30px; background-color:#0980c7; border-radius: 5px; transition: all .5s ease-in-out; text-align:center;}
.cadre:hover {background-color:#0d8cd6; box-shadow: 1px 1px 3px #0980c7;}

.bloc_g {display:inline-block; float:left; text-align:left; border:0px solid pink;}
.bloc_d {display:inline-block; margin:21px 0 0 30px; border:0px solid pink;}

.infos_g {display:inline-block; float:left; text-align:left; margin:0 40px 20px 0; border:0px solid yellow;}
.infos_d {display:inline-block; float:left; text-align:left; margin-bottom:20px; border:0px solid white;}
.tit {margin-bottom:3px; font-size:16px; color:#fdfdfd;}
.tt {margin-top:15px}
.dater {float:left;}
.devise {float:left; clear:both;}

.inp_ag {
background:url(/img_us/pictos/gps.png) no-repeat left center; background-position:7px 12px; margin-bottom:9px;
width:300px; padding:10px 0 10px 30px; background-color:#ffffff; font-family: Roboto,tahoma; font-size:16px; color:#2d83b3;
border: 1px solid #CCCCCC; border-radius: 5px; line-height: 1.5; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.inp_d {
    width:155px; height:46px; line-height:46px; padding-left:45px; margin-right:5px; background-color:#ffffff; font-family:arial; font-size:16px; color:#2d83b3; font-weight: bold; 
    background:url('/img/picto/cal-css.png') no-repeat left center;  border: 1px solid #CCCCCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.inp_h {
background:url(/img_us/pictos/clock.png) no-repeat left center; background-position: 7px 12px;
width:135px; height:46px; line-height:46px; padding-left:30px; font-family:arial; background-color:#ffffff; font-size:16px; color:#2d83b3; font-weight: bold;
border: 1px solid #CCCCCC; border-radius: 4px;  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-appearance: none;
}

.inp_m {
width:110px; height:40px; line-height:40px; padding-left:20px; margin-left:10px; font-family:arial; background-color:#ffffff; font-size:16px; color:#2d83b3; font-weight: bold;
border: 1px solid #CCCCCC; border-radius: 4px;  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-appearance: none;
}

.inp_ag:hover, .inp_d:hover, .inp_h:hover, .inp_m:hover { box-shadow: 0px 0px 2px #CCCCCC; cursor:pointer;}

input[type="text"] {background-color : #ffffff; }

.btn {
	width:200px; height:100px; box-shadow:inset 0px 1px 0px 0px #fed897; padding:10px 0;
	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:5px; border:1px solid #eda933; cursor:pointer;
	color:#ffffff; font-family:Roboto,Tahoma; font-size:24px;	font-weight:400;
	text-decoration:none;	text-align:center; 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;}

.logos {width:845px; height:44px; margin:50px auto; background-image:url(/img/logos-loueurs-us.png); background-repeat:no-repeat;}

.bspauto {width:930px; margin:45px auto; transition: all .5s ease-in-out;}
.bspauto:hover {transform: scale(1.10);}
.bspauto .tr1 {width:730px; margin:0; padding:5px 15px; background-color:#66a7e0; border-radius:5px; font-size:26px; font-weight:400; color:#ffffff; text-align:left;}
.bspauto .tr2 {margin:10px 0 10px 10px; padding:5px 15px 5px 15px; background-color: #0140A2; border-radius:5px; font-size:26px; color:#ffffff; font-weight:400; text-align:left; transform: translateY(-11px) rotate(-1deg); -webkit-transform: translateY(-11px) rotate(-1deg);}
.bspauto .tr2:hover {color:yellow;}

.cadre3 {display:inline-block; width:100%; padding:50px 0; background-color:#f5f5f5; margin:auto; border-width:1px 0; border-color:#cecece;}
.cadre3b {max-width:940px; margin:auto; text-align:center;}
.review {min-width:280px; max-width:280px; float:left; margin:0 15px; background-color:#ffffff; border:1px solid #a1c8f2; border-radius:10px; padding:20px 0; text-align:center;}
.review:hover {border:1px solid #598dc4; position:relative; bottom:3px; text-decoration: none;}
.review a {text-decoration: none;}
.rev_i {width:200px; height:76px; margin:auto;}
.rev_t {margin-top:15px;font-size:14px;color:#749ae1;}

.content {max-width:980px; display:inline-block; padding:50px 0; margin:auto;}
.content h2 {font-size:26px; line-height:32px; color:#66a7e0; font-weight:bold; margin:0;}
.content p {font-size:1.1em; line-height:1.4em; color:#727272;}
.content li {font-size:1.1em; line-height:1.4em; color:#727272; margin:10px 0;}
.content_g {float:left;width:45%; text-align:left;}
.content_d {float:right;width:45%; text-align:left;}

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;}


/****** MOBILE *****/

@media screen and (max-width: 868px) {

body {padding-bottom:350px;}
.header, h1, .logos, .bspauto {display: none;}
.cadre {width:90%; max-width:420px; clear:both;  margin:20px 0; padding:10px; transition: all .5s ease-in-out;}
.infos_g, .infos_d {display:inline-block; float:none; margin:15px 0 0 0;}
.tt {margin-top:10px}

.bloc_g {display:inline-block; float:none; text-align:center;}
.bloc_d {margin:25px 0 0 0;}
.btn {height:55px; line-height:55px; width:300px; padding:0; margin:0; clear:both;}
.devise {float:none; margin-top:18px;}

.cadre3 {padding:30px 0 0 0;}
.review {float:none; min-width:380px; margin:auto; margin-bottom:30px;}

.content {width:90%;}
.content_g, .content_d {float:none;width:90%;}
}