#search_zone {text-align:center;overflow: hidden;}

.search_zone_dr {height:450px;background-image:url(/img/bg_index_3.jpg);}

.search_zone_dr h1 {margin:0px 20px;font-size:17px;font-weight:normal;text-align: center;padding:80px 0px 20px;color:white;}
.search_zone_dr h1 span {font-size: 20px;font-weight: 700;}

.search_zone_dr h2 {margin:0px 20px;font-size:17px;font-weight:normal;text-align: center;padding:40px 0px;color:white;}
.search_zone_dr h2 span {font-size: 22px;font-weight: 700;}

.search_zone_dr #search_bar {display:inline-block;width:800px;padding:20px 20px 20px 20px;margin:0 auto;text-align:center;
	background-color:rgba(0,0,0,0.5);}

.search_part {display:inline-block;padding:4px;background-color:white;border-radius:4px;}
.search_part:first-child {float:left;}

#separate_part{display:inline-block;}
#separate_part p{height:35px;line-height:35px;color:white;padding:4px 12px 4px 0px;}

.search_item{display:inline-block;}
.search_item:nth-child(2){border-left:solid 1px #999;}
.search_item input, .img_close_ctn{display:inline-block;}
.search_item input {height:35px;font-size:15px;padding:0px 0px 0px 7px;border:none;outline:0;}
.img_close_ctn {display:none;height:35px;width:0px;padding:0px 0px;}
.img_close_ctn img {display:none;width:15px;height:15px;padding-top:10px;}


.input_search::-webkit-input-placeholder, .input_search:-moz-placeholder, .input_search::-moz-placeholder, .input_search:-ms-input-placeholder {font-style: 14px;}
.red_required::-webkit-input-placeholder {color: #e74c3c;}
.red_required:-moz-placeholder { /* Firefox 18- */color: #e74c3c;  }
.red_required::-moz-placeholder {  /* Firefox 19+ */ color: #e74c3c;  }
.red_required:-ms-input-placeholder {  color: #e74c3c;  }
.red_required {color: #e74c3c;}
#search_bar button { float : right; width:124px; height:43px;line-height:21px;padding:10px 6px;font-size:15px; margin:0;
border:none; outline : 0 none; border-radius:4px; cursor:pointer; background-color:#3498db; color : white; border: }
#search_bar_button:hover {background-color: #009bde; color: #ffffff; border: 1px solid #009bde;}
#search_bar button img {float:left;padding:3px 4px;}
#search_bar button span {padding:0px 3px; }
#search_bar button #gif_search {display:none;padding:0px;float:none;}

#nom_praticien {width:235px;padding-left:3px;}
#choix_specia {width:175px;padding-left:3px;}
#ou {width:171px;}

#choix_specia_list, #nom_praticien_list, #ou_list { display : none; z-index:30000;position : absolute;margin-top: 8px;
	border-bottom-left-radius : 4px; border-bottom-right-radius : 4px; }
#choix_specia_list {width: 368px;margin-left:-4px;}
#ou_list {width:323px;max-height:200px;margin-left:-1px;}
#nom_praticien_list {width: 450px;max-height:174px;margin-left:-4px;}

@media only screen and (max-width: 860px){
	#search_zone h1 {padding:20px 0px;}
	#search_zone h2 { padding:30px 0px 30px 0px; }
	.search_zone_dr {height:520px;}							
	.search_zone_dr #search_bar {width : 400px;margin-bottom: 10px;}
	.search_part { width : 392px; margin : 0 auto; display : block;}
	.search_part:first-child {float:none;}
	.search_part:nth-child(2) {margin:0 auto;}
	#separate_part {display:block;}
	#separate_part p {height:45px;line-height:45px;padding:4px 0px;}
	.search_item:nth-child(2){border-left:none;border-top:solid 1px #999;}
	.search_item input {width:360px!important;height:45px;}
	.img_close_ctn {display:inline-block;height:45px;width:15px;padding:0px 5px;}
	.img_close_ctn img {padding-top:15px;}
	#search_bar button {float : none;margin-top:30px;}
	#ou {padding-left:3px;}
	#choix_specia_list, #nom_praticien_list, #ou_list {width : 400px; margin-top: 1px;}
	#ou_list {margin-left : -4px;}
	#choix_specia_list2,  #nom_praticien_list2 {margin-top : 0px;}
	#nom_praticien_list {margin-left : -4px;}
	.value_praticien ul li{max-width:330px;}
}
@media only screen and (max-width: 550px){
	#search_zone h2 {font-size:22px;}
	.search_zone_dr {height:580px;}							
	.search_zone_dr #search_bar {width : 270px;}
	.search_part {width:262px;margin:0 auto;display:block;}
	.search_item input {width:230px!important;}
	#choix_specia_list, #nom_praticien_list, #ou_list {width:270px;}
	.value_praticien ul li{max-width:200px;}
}
@media only screen and (max-width: 320px){
	#search_zone h2 {font-size:18px;}
	.search_zone_dr {height:720px;}						
	.search_zone_dr #search_bar {width : 100%;padding-left:0px;padding-right: 0px;}
	.search_part {width:90%;}
	.search_item input {width:256px!important;}
	#choix_specia_list, #nom_praticien_list, #ou_list {width : 296px; }
	.value_praticien ul li{max-width:180px;}
	
}

/* IE8 uses \0 */
@media all\0 {
	.search_part input { height:19px;padding:8px 0px;}
	#ou/*\**/ {padding-left: 7px\9;}
	#choix_specia_list2 p/*\**/, #ou_list2 p/*\**/{ display : block\9; text-align : left\9; line-height : 20px\9; cursor : pointer\9; color : black\9; padding : 5px 15px 5px 7px\9;}
	#choix_specia_list2 p:hover/*\**/, #ou_list2 p:hover/*\**/,#nom_praticien_list2>div:hover ul/*\**/ { color : #3498db\9;}
	#ou_list2 p span/*\**/ {display : block\9;line-height : 15px\9;}
	.value_praticien ul li/*\**/{width:130px\9;}
	#nom_praticien_list2>div/*\**/{ display : block\9; text-align : left\9;cursor : pointer\9; color : black\9; padding : 5px 7px 5px 5px\9;}
	#nom_praticien_list2>div>div/*\**/ {display:inline-block\9;float : left\9;}
	#nom_praticien_list2>div>div img/*\**/ { width : 35px\9; height:35px\9;}
}