/* SMARTPHONES */
@media only screen and (min-width: 320px) {

#search {
background: url(img/rech.jpg) no-repeat scroll left top #69ceea;
clear: both;
font-family: Lato;
color: #193f5e;
min-height: 262px;
padding:3%;
width: 84%;
margin: 5%;
}

#searchForm span {
    color: #000;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 17px;
    top: 11%;
}

#promo{ 
   background: url("../../themes/default_3_columns/img/left_08.jpg") no-repeat scroll center top rgba(0, 0, 0, 0);
    box-shadow: none;
    display: block;
    height: 80px;
    margin: 32px 0 15px;
    width: 185px;}

#promo a{ 
display:block;
width:185px;
height:80px;
text-decoration:none;
color: #fff;
font-size:14px;
font-family: Lato, sans-serif;
}
#promo a span{
 color: #fff;
    float: left;
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 105px;
    margin-top: 30px;
    text-align: left;
    text-transform: none;
}
#vdmoi{ 
     background:url(../../themes/default_3_columns/img/left_10.jpg) no-repeat scroll center top rgba(0, 0, 0, 0);
    box-shadow: none;
    display: block;
    height:253px;
    margin: 0;
    width: 185px; }

#vdmoi a{ 
display:block;
width:185px;
height:253px;
text-decoration:none;
color: #fff;
font-size:14px;
font-family: Lato, sans-serif;
}
#vdmoi a span{
	 color: #000;
    float: left;
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 18px;
    margin-top: 10px;
    text-align: left;
    text-transform: none;
}
#vdmoi span.titre{
	    color: #000;
    font-family: Lato;
    font-size: 14px;
    font-weight: 500;
    padding: 0 0 0 15px;
    text-align: center;
	
}
#ui-datepicker-div,#slider-range,#slider-range2,#slider-range3{font-size: 14px; width:170px; font-family:"Trebuchet MS", Times, serif;}
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
			.ui-timepicker-div dl{ text-align: left; }
			.ui-timepicker-div dl dt{ height: 25px; }
			.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
			.ui-timepicker-div td { font-size: 90%; }
#search h4{
	 color: #fff;
	font: 300 20px Lato;margin:0 0 8px;text-align: left; text-transform:none
	}

#search input.mini{
	width:31px;
}

#search input.small{
	width:71px;
}

#searchForm{
	display:block;
	clear:both;
	background:url('../../themes/default_2_columns_content_right/img/search.jpg') no-repeat scroll center top;
	color:#fff;
	padding-top:0px;
}

#searchForm div.margin-form{
	margin-bottom:0.2em;
	position:relative
}

#searchForm div.margin-form select,
#searchForm div.margin-form input{
	margin:15px auto;
	display:block;
	text-align:center;
	font-family: Lato;
	font-size:14px;
    font-weight: normal;
	color:#193f5e;
}
.valeurs{ text-transform:uppercase}
#searchForm div.margin-form input#result{
	text-align: center;
text-transform: uppercase;
font-family: Lato;
font-size: 14px;
font-weight: normal;
color: #f2eb3e;
width: 163px;
height: 27px;
display: block;
margin: 4px auto 0 /*4px 0px 0 5px*/;
/*float: left;*/
background-color: #992b36;
border: 0px;
/*text-align:right!important;*/
}



#searchForm ul{
	margin:0;
	padding:0;
	list-style-type:none;
}

#searchForm li{
	margin-bottom:3px;
}

#searchForm input[type=checkbox]{
	margin:3px 6px 3px 0;
	vertical-align:top;
	width:13px;
	height:13px;
}

#searchForm label{
	line-height:19px;
	margin-left:0;
	display:block;
	float:left;
	width:36%
}

#searchForm select{
	width:171px;
}

#searchForm button{
 background-color: #580025;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-family: Lato;
    font-size: 18px;
    height: 29px;
    margin: 0 auto;
    padding: 0;
    width: 79px;
	box-shadow:none;
	border:none;
	margin: 4px auto /*4px*/;
	font-weight:300
}

#searchForm button:hover{
 	background-color: #df7b06;
	font-weight:500
}

#searchForm button img{
	float:left;
	margin-left:3px;
	margin-top:1px;
}


}

@media only screen and (min-width: 768px) {

#search {

clear: both;
font-family: Lato;
/*font-weight: bold;*/
color: #193f5e;
min-height: 262px;
padding: 1em 0;
}

#searchForm label{
	float:none;
	width:auto
}

#searchForm span {
    top: 50%;
}

#searchForm div.margin-form {
    margin: 0 10px 10px;
	float:left
}

/*#annonces li {
    margin: 0 28px 67px 0;
}*/

}


@media only screen and (min-width: 1024px) {
	
#search{
    display: block;
    float: left;
    font-size: 14px;
    margin:10px 2% 0px;
    min-height: 64px;
    padding:8px;
    width: 96%;
}

#search h4{font: 300 20px Lato;margin:0 0 8px;text-align: left; text-transform:none}
#searchForm div.margin-form{margin:0;}
#searchForm div.margin-form select,
#searchForm div.margin-form input{display: block;margin:5px 5px 0 0; float:left}

#searchForm div.margin-form input{
    height: 26px;
    padding: 1px;
    text-align: center;
}


#searchForm select,
#searchForm input {width: 163px; height:29px}
#searchForm button {
   cursor: pointer;
display: block;
margin:24px 0 0;
float: left;
}

#searchForm div.margin-form input#result {float: left;margin: 4px 0 0 5px;}
	
}