.storelocator-index-index #page-header { min-width:980px; width: 100%; padding: 20px 0; margin: 0 auto; border:none; }

#store-locator-container { width: 100%; min-width:980px; max-width:1600px;  padding: 0; font: normal 11px; color: #333; margin: 0 auto 20px; }

#form-container { width: 100%; min-width:980px; height:auto; max-width:1600px; }

#map-container { clear: both; margin-top: 20px; height: 530px; width: 100%; min-width:980px; position:relative;}

#map-container a { text-decoration: none; }

#map-container .loc-directions a { display: block; margin-top: 15px; text-decoration: none; }

#map-container a:hover,
#map-container a:active { text-decoration: underline; }

#map-container .custom-marker { width: 32px; height: 37px; color: #fff; background: url(../images/custom-marker.png) no-repeat; padding: 3px; cursor: pointer; }

.headerstore-form-container{ width:100%; margin:20px auto 0; max-width:1600px;}

#loc-list { float: left; width:320px; height: 504px; position:relative; overflow:visible; }

#loc-list ul { display: block; clear: left; list-style: none; margin: 0; padding: 0; }

#loc-list .list-details { float: left; padding: 4px 0; position:relative; z-index:5; width:250px; height:105px; font-size: 11px; }

#loc-list .list-content {  }
#loc-list li:last-child { border-bottom: none;}

#loc-list .list-content>div{}

.list-content-complement{ width:235px; height:504px; display: none;}

#loc-list-complement{ width:235px; position:absolute; top:0; left:320px; background: #f1f1f1; height:525px; z-index:4; padding:20px;}

#loc-list .loc-dist { font-weight: bold; font-style: italic; color: #444444; }

#loc-list>li { display: block; clear: left; float: left; margin: 0; cursor: pointer; width:320px; border-bottom: 1px solid #c1c1c1; }

#loc-list>li:last-child { border-bottom: none;}

#loc-list .list-focus { background:#f1f1f1; position: relative; width: 322px; z-index: 10; }

#map-container .loc-name { font-size: 14px; color: #747474; font-weight:bold; margin-bottom: 5px; }

#map-container #loc-list .list-focus .loc-name{color: #BECD00;}

#search-form { clear: left; float: left; height: 60px; }

#form-input { width: 245px; margin: 0 0 15px; }

#form-input label { font-weight: bold; }

#address { margin: 0 0 0 10px; }

#submit-btn { float: left; cursor: pointer; }

#loading-map { float: left; margin: 4px 0 0 10px; width: 16px; height: 16px; background: url(../images/ajax-loader.gif) no-repeat; }

#map { float: right; width:435px; height: 525px; }

/* Modal window */

#overlay { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 10000; background: url(../images/overlay-bg.png) repeat; }

#modal-window { position: absolute; left: 50%; margin-left: -460px; /* width divided by 2 */ margin-top: 60px; width: 920px; height: 590px; z-index: 10010; background: #fff; border-radius: 10px; box-shadow: 0 0 10px #656565; }

#modal-content { float: left; padding: 0 22px; /* there's already a margin on the top of the map-container div */ }

#close-icon { position: absolute; top: -6px; right: -6px; width: 18px; height: 18px; cursor: pointer; background: #2c2c2c url(../images/close-icon.png) 3px 3px no-repeat; border: 1px solid #000; border-radius: 3px; box-shadow: 0 0 3px #656565; }

.image-locator { width: 74%; height: 200px; float: right; overflow:hidden; }

/* The following is for the geocode page and not the store locator */

#geocode-result { clear: left; float: left; margin-top: 30px; width: 100%; }

form#user-location { display: block; float: left; width: 100%; height: 143px; position:relative; }

.bloc-hp form#user-location { display: block; float: left; width:auto; height: 143px; position:relative; }

input#submit { border: 0; height: 20px;display: block; float: left; width:38px; color:#333333; cursor:pointer; }

#submit-btn {float: right;}

#form-input input#address { height: 18px; margin: 0; border: 1px solid #DDDDDD; padding-left: 5px; width: 205px; }

.title-search-locator { font-size: 14px; margin-bottom: 10px; float:left; }

#form-container form#user-location label { font-size: 11px;}

.gm-style .gm-style-iw {font-size: 11px;font-weight: 300;}

.icone-store { bottom: 0; position: absolute;}
.icone-store > div > p { min-height:20px;}

.title-search-locator > h4 { display: inline; color:#bdcd00; margin-right: 20px;}
.title-search-locator > p { display: inline;}
.title-search-locator a { font-size: 16px; font-style: italic; margin-right: 20px; text-decoration: underline;}

.input-search-locator#form-input{ margin-top:-8px; float:left; margin-left:20px;}
.input-search-locator-list#form-input{ margin-top:-8px; float:left; margin-left:8px;}
.input-search-locator#form-input input#address{border: 1px solid #747474;border-radius: 0;color: #747474;font-style: italic;height: 40px;line-height: 40px;}
.input-search-locator-list#form-input input#address{ border: 1px solid #747474; border-radius: 5px 0 0 5px; color: #747474; font-style: italic; height: 40px; line-height: 40px;}
.btn-search-locator input#submit{
   border-bottom: 1px solid #747474!important;
    border-top: 1px solid #747474!important;
    border-right: 1px solid #747474!important;
    width: 40px;
    height: 40px;
    border: 0;
    background: none;
    background-image: url(../images/icon_sprite.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    background-position: 8px -141px;
    }
.title-search-locator a { font-size: 16px; font-style: italic; margin-right: 20px; text-decoration: underline;}
#map-container #loc-list ul#list li#magasin .list-label{float:left;display:block;text-align:center;padding: 9px;}
#map-container #loc-list ul#list li#magasin .list-label>.list-label{background: none repeat scroll 0 0 #BECD00;border-radius: 12px;color: #ffffff;display: block;float: none;font-size: 14px;font-weight: bold;height: 25px;line-height: 5px;margin: 10px auto;width: 25px;padding-top:10px;}
#map-container #loc-list ul#list li#magasin{ clear:both; border-bottom:1px solid #c1c1c1; height:105px; cursor:pointer;}
#map-container #loc-list ul#list li#magasin:last-child{ clear:both; border-bottom:1px solid #ffffff;}
#map-container #loc-list ul#list li#magasin:last-child.list-focus{ clear:both; border-bottom:1px solid #f1f1f1;}
.name_point{ color: orange; font-size: 14px; font-weight: bold; line-height: 18px; margin-bottom: 30px; padding-left: 40px; text-transform: uppercase;}
.titre_point { color: #636363; font-size: 14px; font-weight: bold; padding-left: 40px; text-transform: uppercase;}
.titre_horaires { line-height: 18px; text-transform: uppercase; font-weight: bold;}
.titre_jour { float: left; width: 70px;}
.titre_jour.active { font-weight: bold;}
.list-radio img{ margin:0 auto;}


@media screen and (max-width: 999px) {	
#store-locator-container { width: 100%;  padding: 0; font: normal 11px; color: #333; margin: 0 auto 20px;min-width: 100px;max-width: 979px;}
#form-container { width: 100%;  height:auto;max-width: 979px;min-width: 100px;}	
#map-container { clear: both; margin-top: 20px; height: 530px; width: 100%; position:relative;min-width: 100px;}
#map-container a { text-decoration: none; }
#map-container .loc-directions a { display: block; margin-top: 15px; text-decoration: none; }
#map-container .custom-marker{ width: 32px; height: 37px; color: #fff; background: url(../images/custom-marker.png) no-repeat; padding: 3px; cursor: pointer; }
.headerstore-form-container{ width:100%; margin:20px auto 0;max-width: 979px;}
#loc-list-complement{width: 100%;bottom: 0!important;background: #f1f1f1;z-index: 10;padding: 15px;position: fixed;left: 0;height: 200px;top: inherit;}
.content_horaires{ width: 70%;float: left;}
form#user-location { display: block; float: left; width: 100%;  position:relative;height: auto;}
#map-container #loc-list ul#list li#magasin .list-label{ float:left; display:block; width:70px; text-align:center; padding-top:20px; }
#map-container #loc-list ul#list li#magasin .list-label>.list-label{background: none repeat scroll 0 0 #bdcd00;border-radius: 12px;color: #ffffff;display: block;float: none;font-size: 14px;font-weight: bold;height: 25px;line-height: 5px;margin: 10px auto;width: 25px;padding-top:10px;}
#map-container #loc-list ul#list li#magasin{ clear:both; border-bottom:1px solid #c1c1c1;height:105px; cursor:pointer;}
#map-container #loc-list ul#list li#magasin:last-child{ clear:both; border-bottom:1px solid #ffffff;}
#map-container #loc-list ul#list li#magasin:last-child.list-focus{ clear:both; border-bottom:1px solid #f1f1f1;}

#map {float: left;width: 100%;height: 525px;margin-top: 45px;}
#loc-list { float: left; width:100%;height: auto; position:relative; overflow:visible;}
#loc-list .list-focus { background:#f1f1f1; position: relative;width:100%; z-index: 10;}
}



@media screen and (max-width: 479px) {	
#store-locator-container { width: 100%;  padding: 0; font: normal 11px; color: #333; margin: 0 auto 20px;min-width: 100px;max-width: 479px;}
#form-container { width: 100%;  height:auto;max-width: 479px;min-width: 100px;}	
#map-container { clear: both; margin-top: 20px; height: 530px; width: 100%; position:relative;min-width: 100px;}
#map-container a { text-decoration: none; }
#map-container .loc-directions a { display: block; margin-top: 15px; text-decoration: none; }
#map-container .custom-marker{ width: 32px; height: 37px; color: #fff; background: url(../images/custom-marker.png) no-repeat; padding: 3px; cursor: pointer; }
.headerstore-form-container{ width:100%; margin:20px auto 0;max-width:  479px;}
#loc-list-complement{width: 100%;bottom: 0!important;background: #f1f1f1;z-index: 10;padding: 15px;position: fixed;left: 0;height: 200px;top: inherit;}

form#user-location { display: block; float: left; width: 100%;  position:relative;height: auto;}


#map-container #loc-list ul#list li#magasin .list-label{float:left;display:block;text-align:center;padding: 9px;}
/*{ float:left; display:block; width:70px; text-align:center; padding-top:20px; }*/
#map-container #loc-list ul#list li#magasin .list-label>.list-label{ background: none repeat scroll 0 0 #bdcd00; border-radius: 12px; color: #ffffff; display: block; float: none; font-size: 14px; font-weight: bold; height: 25px; line-height: 5px; margin: 10px auto; width: 25px; padding-top:10px; }
#map-container #loc-list ul#list li#magasin{ clear:both; border-bottom:1px solid #c1c1c1;height:105px; cursor:pointer;}
#map-container #loc-list ul#list li#magasin:last-child{ clear:both; border-bottom:1px solid #ffffff;}
#map-container #loc-list ul#list li#magasin:last-child.list-focus{ clear:both; border-bottom:1px solid #f1f1f1;}

#map {float: left;width: 100%;height: 525px;margin-top: 45px;}
#loc-list { float: left; width:100%;height: auto; position:relative; overflow:visible;}
#loc-list .list-focus { background:#f1f1f1; position: relative;width:100%; z-index: 10;}
}