body {
	background-color:#000000;
}

a {
    text-decoration:none;
}

.light{
    color: #999;
}

/*--------------------------------------bloc_left--------------------------------------*/

#bloc_left {
	width:570px;
	height:470px;
	position:absolute;
	top:0;
	left:20px;
}




/*---------titre_boutiques--------*/

#titre_boutiques {
	position:absolute;
	top:19px;
	left:0;
}

#titre_boutiques h1 {
	font:bold 25px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	line-height:25px;
}

#stores_back {
    font:12px Arial, Helvetica, sans-serif;
	color:#888;
	text-decoration:none;
	width:300px;
    text-transform:uppercase;
}

/*---------formulaire_recherche--------*/

#form_panel {
    position:absolute;
    top:45px;
	left:-242px;
	width:860px;
	height:531px;
	behavior:url(pages/_css/iepngfix.htc);
	background:url(../../pages/_img/stores/bk_body.png) top left no-repeat;
}

#right_image {
    position:absolute;
    top:25px;
	left:480px;
	width:630px;
	height:540px;
	behavior:url(pages/_css/iepngfix.htc);
	background:url(../../pages/_img/stores/right_image.png) top left no-repeat;
}


#formulaire_recherche {
	position:absolute;
    width:540px;
	top:85px;
	left:7px;
}

#formulaire_recherche #champ1 {
	width:138px;
	height:16px;
	background-color:#1d1c1d;
	border:1px solid #1f1f1f;
	color:#4a4a4b;
	font:normal 11px Arial, Helvetica, sans-serif;
	padding:2px 0 0 8px;
}

#formulaire_recherche .champ2 {
	width:149px;
	height:20px;
	background-color:#1d1c1d;
	border:1px solid #1f1f1f;
	color:#4a4a4b;
	font:normal 11px Arial, Helvetica, sans-serif;
	margin-right:5px;
}

#formulaire_recherche p {
	color:#a5a5a5;
	font:bold 12px Arial, Helvetica, sans-serif;
	/*text-transform:uppercase;*/
	margin:4px 0 4px 0;
}

#formulaire_recherche #chercher {
	position:relative;
	top:6px;
	/top:3px;
}

#btnSearch {
    position: relative;
    float:left;
}

.select {
    float:left;
    position:relative;
    height:20px;

}
#selectRegions {
    float:left;
    display:block;
}
#divsearchfield {
    display:block;
    margin-top: 5px;
}

#divsearchfield input.flat{
    height:14px;
}

/*---------pagination--------*/

#pagination {
	width:150px;
	height:15px;
	position:absolute;
	/*top:205px;*/
	left:402px;
}

#pagination ul {
	list-style-type:none;
	height:15px;
}

#pagination ul li {
	float:left;
	width: 12px;
}

#pagination ul li a {
	display:block;
	height:15px;
	width:10px;
	text-align:center;
	color:#8f9092;
	font:normal 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	margin-right:2px;
	padding-top:1px;
}

#pagination ul li a span {
	color:#cacaca;
}

#pagination ul li a:hover, #pagination ul li a.on {
	background-color:#e13029;
	color:#FFFFFF;
}

/*---------Onglets-----------*/

#navigation {
    position:absolute;
    top: 75px;
    left:5px;
    z-index:100;
}

/*---------resultats--------*/



#results {
	position:absolute;
	left:7px;
	/*top:227px;*/
	font:normal 11px Arial, Helvetica, sans-serif;
	float:left;
	width:550px;
	height:260px;
	border-top:1px solid #2a2a2a;
	padding-top:2px;
	margin-top: 55px;
	top: 43px;
}

#results .store {
	width:140px;
	height:223px;
	float:left;
	margin-bottom:12px;
	margin-right:15px;
	behavior:url(pages/_css/iepngfix.htc);
	background: url('../_img/stores/sheet.png') no-repeat;
	padding-top: 23px;
	padding-left:2px;
}

#results .store.last {
	margin-right:0;
}

#results .store h2, #results .representative h2, #results .customerservice h2 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-indent: -10px;
	margin-left:10px;
}

#results .store h2 span, #results .representative h2 span, #results .customerservice h2 span {
	color:#ee3a34;
}

#results .store p, #results .representative p, #results .customerservice p {
	margin-top:7px;
    font:normal 11px Arial, Helvetica, sans-serif;
    font-family: "Arial Unicode MS", Arial, sans-serif;
	color:#999;
	line-height:15px;
	padding-left:4px;
}

#results .store p a, #results .representative p a, #results .customerservice p a, .webaddress {
	color:#777;
	text-decoration:none;
	text-transform:lowercase;
	font-size:9px;
}

#results .representative {
	width:140px;
	height:223px;
	float:left;
	margin-bottom:12px;
	margin-right:15px;
	behavior:url(pages/_css/iepngfix.htc);
	background: url('../_img/stores/sheet.png') no-repeat;
	padding-top: 23px;
	padding-left:2px;
}

#results .customerservice {
	width:140px;
	height:223px;
	float:left;
	margin-bottom:12px;
	margin-right:15px;
	behavior:url(pages/_css/iepngfix.htc);
	background: url('../_img/stores/sheet.png') no-repeat;
	padding-top: 23px;
	padding-left:2px;
}

.storesInfos {
    display:block;
    text-indent: -15px;
    margin-left:15px;
    margin-top: 2px;
}

/*------------Select------------*/


#regionsSelector, #countriesSelector, #citiesSelector, #countryRegionsSelector {
    /*float:left;*/
    margin: 0 6px 0 0;
    /*margin-right:10px;*/
    width:120px;
    height:20px;
}

#countryRegionsSelector {
    display:none;
}

.enabled{
    display:block;
}

div.cmf-skinned-select {
    background: url('../_img/stores/select.png') no-repeat scroll right top;
    border: 1px solid #333;
    float:left;
    margin: 0 8px 0 0;
    color:#C6C7C8;
}
div.cmf-skinned-text {
    padding: 3px;
}


/*---------Info sur les résultats--------*/

#infoResult {
	width:150px;
	height:15px;
	position:absolute;
	top:70px;
	right:20px;
}

#noResult {
    position:relative;
    margin-top:10px;
}

#noResult p, #infoResult p {
    font:normal 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:15px;
	padding-left:4px;
}


/* -------------------------- scrollable images ------------------------- */
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	position:relative;
	overflow:hidden;	 	
	width: 510px;	
	height:256px;
    left:0px;
    float:left;
    margin-right:5px;
    margin-left:5px;			
}


div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	clear:both;		
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	/*text-align:center;*/
	width:90px;
	padding:0px 0px 3px 0;
	/*font-size:30px;*/
}

/* position and dimensions of the navigator */
div.navi {
	margin-top: -15px;
    margin-left:25px;
	height:12px;
	float:left;
	position:relative;
	height:8px;
	display:block;
	font-size:7px;
}

/* items inside navigator */
div.navi a {  
    display:block;
    behavior:url(pages/_css/iepngfix.htc);
    background:transparent url(../_img/collections/navig.png) no-repeat scroll 0 0;
    cursor:pointer; 
    float:left; 
    height:8px; 
    margin:0 3px;
    width:8px;	 
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
}



a.prev, a.next {
    background-repeat:no-repeat;
    display:block;
    float:left;
    height:28px;
    margin-top:90px;
    width:14px;
    cursor:pointer;
}

a.prev {
    background:transparent url(../_img/general/precedent_noir.gif) repeat scroll 0 0;
    margin-right:0px;
    background-repeat:no-repeat;
}


a.prev:hover {
    background:transparent url(../_img/general/precedent_noir_on.gif) repeat scroll 0 0;
    background-repeat:no-repeat;
}

a.next {
    background:transparent url(../_img/general/suivant_noir.gif) repeat scroll 0 0;
    margin-right:0px;
    background-repeat:no-repeat;
}


a.next:hover {
    background:transparent url(../_img/general/suivant_noir_on.gif) repeat scroll 0 0;
    background-repeat:no-repeat;
}

/*-----------------------------*/
div#representatives {
    display:none;
}

div#customerservice {
    display:none;
}

/*----------Boutons------------*/
#btn_stores, #btn_repres, #btn_customer {
   padding: 2px 6px 2px 6px;
   cursor:pointer;
   background: #000; 
}

* html #btn_stores, * html #btn_repres, * html #btn_customer {
    padding: 1px 2px;
    margin: 0px 1px;
}

#btn_stores {
    background: #666;
    color: #fff;
}



/*---------------Divers------------------*/
.link {
    position:absolute;
    display: block;
    clear:both;
    top: 360px !important;
    top: 365px;
    font:normal 10px Arial, Helvetica, sans-serif;    
    float:left !important;
    float: none; 
    margin: 10px 13px 0px 19px;
    padding: 2px 9px;
    text-indent:-9px;
}


#message {
    display: block;
    color: white;
    z-index: 15;
    background: url(../_img/collections/bg_message.png);
    position: absolute;
    bottom: 27px;
    left: 50px;
    width: 450px;
    font-size: 12px;
    padding: 10px;
    border: thin solid #888;
}

#message img{
    float: left;
    padding: 0 5px;
}

#message #close {
    display: block;
    position: absolute;
    top: -5px;
    right: 0px;
    height: 11px;
    width: 11px;
    cursor: pointer;
}

#message #close img{
    padding:0;
}


/*---------Website Validity---------*/
#btnCheck{
    cursor: pointer;
    display: block;
    font-size: 12px;
    position: relative;
    margin: 5px 0 0;
    float:left;
    font-weight:bold;
}

#btnCheck:hover{
    opacity:0.8; 
    -moz-opacity : 0.8;
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */ 
}

#btnCheckValidity{
    display:block;
    position:relative;
    float:right;
    font-size: 12px;
    cursor:pointer;
    border: 1px solid #aaa;
    padding: 4px;
    background:black;
}

#btnCheckValidity:hover{
    background: #444;
}

#validitybox {
    left: 80px;
    width: 400px;
    top: 315px;
    /*height: 50px;*/
    padding: 10px;
    background: black;
    z-index: 100;
    border: 1px #aaa solid;
    font-size:12px;
    border-image:url(../../pages/_img/stores/border_white.png) 1 10 1 10 repeat;
}

#validitybox #btnCloseMap {
    display: block;
    position: absolute;
    top: -5px;
    right: 2px;
    height: 11px;
    width: 11px;
    cursor: pointer;
}

#validitybox #result{
    margin-top: 10px;
}

#background_validity{
    height:100%;
    width:100%;
    background:black;
    opacity:0.8; 
    -moz-opacity : 0.8;
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    filter : alpha(opacity=80); /* IE < 8 */ 
}


/*---------MAP------------*/
#map {
    width: 720px;
    height: 350px;
    padding: 10px;
    background: black;
    z-index: 100;
    border: 1px #ddd solid;
}

#map #btnCloseMap, #validitybox #btnCloseValidity {
    display: block;
    position: absolute;
    top: -5px;
    right: 2px;
    height: 11px;
    width: 11px;
    cursor: pointer;
}

#map_canvas {
    position: relative;
    float: left;
}

#infos {
    position: relative;
    float: left;
    font-size: 12px;
    margin: 30px 20px;
    width: 160px;
}

#infos h2 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#fff;
	text-indent: -10px;
	margin-left:10px;
}

#infos h2 span {
	color:#ee3a34;
}

#infos p, #results .btnGeo {

    font:normal 11px Arial, Helvetica, sans-serif;
    font-family: "Arial Unicode MS", Arial, sans-serif;
	color:#999;
	line-height:15px;
	padding-left:4px;
}

#results .btnGeo {
    cursor: pointer;
    font-size: 11px;
    width: 100%;
    margin-top:0px;
}

#infos p a {
	color:#777;
	text-decoration:none;
	text-transform:lowercase;
	font-size:9px;
}