/* ############################## STRUCTURE ############################## */
.loading{
	position: fixed;
	z-index: 290;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	min-height: 100%;
	height: 100%;
	max-height: 100%;
	background-color: rgba(0,0,0,0.6);
	text-align:  center;
}
.loading .circ {
	position: relative;
	/* OLD LOADER display: inline-block;*/
	width: 44px;
	background-image: url(../../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #d9d9d9;
	border-radius: 2px;
	height: 44px;
	padding: 5px;
	/* NEW LOADER */
	float: left;
	margin-right: 15px;
}
.loading div.loading-text {
	/* OLD LOADER width: 100%; */
	position: relative;
	display: block;
	/* NEW LOADER */
	max-width: 400px;
	padding: 10px 15px 12px;
	background: #d9d9d9;
	border-radius: 2px;
	float: left;
	text-align: left;
	color: #4B4A4D;
}
.loading .loading_content {
	padding: 15px;
	display: inline-block;
	margin: 0 30px;
}
.loading .loading_content.wtxt {
	/* OLD LOADER
	background: #F7F7F7;
	border: 1px solid #B8B8B8;
	border-radius: 5px;*/
	/* NEW LOADER */
	margin-top: 50px;
}

.selector .loading .loading_content.wtxt {
	margin-top: 197px;
}

.clscomparateur .loading .loading_content.wtxt {
	margin-top: 170px;
}

@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes rotating {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes rotating {
 from {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*-------------------- Form --------------------*/
/* #2114 */
input[type='text'],
input[type='email'],
input[type='password'],
input[type='submit'],
textarea,
button{ width:100%; padding:0 15px; height:40px; line-height:1em; background:#FFF; border:1px solid #D0D0D3; border-radius:4px; }
input.grey[type='submit'],
button.grey{/* background:#f3f3f6; */}

textarea{ padding:15px; height:160px; }

input[type='text'].error,
input[type='email'].error,
input[type='password'].error,
textarea.error{ border-color:#DC002E; }

input[type='text']:disabled,
input[type='email']:disabled,
input[type='password']:disabled,
textarea:disabled{ border-color:#FFF; }

input[type='checkbox']{ position:absolute; opacity:0; }
input[type='checkbox'] + label{ cursor:pointer; position:relative; padding:0 0 0 34px; }
input[type='checkbox'] + label:before{ content:''; display:block; position:absolute; left:0; top:0; width:22px; height:22px; background:#FFF; border:1px solid #CCC; border-radius:2px; }
input[type='checkbox'] + label.error_check:before {border: 1px solid red;}
input[type='checkbox']:checked + label:after{ /* sprt */ content:''; display:block; position:absolute; left:4px; top:4px;}
input[type='checkbox'][disabled] + label{ opacity:0.5; }

input[type='radio']{ position:absolute; opacity:0; }
input[type='radio'] + label{ cursor:pointer; position:relative; padding:0 0 0 34px; margin:0 20px 0 0; }
/* input[type='radio'] + label:before{ content:''; display:block; position:absolute; left:0; top:0; width:22px; height:22px; background:#FFF; border:1px solid #CCC; border-radius:22px; }
input[type='radio'] + label:after{ content:''; display:block; position:absolute; left:7px; top:7px; width:10px; height:10px; background:#DC002E; border-radius:10px; opacity:0; } */
.ds input[type='radio'] + label:after {
	content: '';
	display: block;
	position: absolute;
	left: 7px;
	top: 7px;
	width: 10px;
	height: 10px;
	background: #ad0040;
	border-radius: 10px;
	opacity: 0;
}
input[type='radio'] + label:hover:after,
input[type='radio'] + label:active:after{ opacity:0.25; }
input[type='radio']:checked + label:after{ opacity:1; }

input[type='file'] ~ .folder{ display:inline-block; width:20px; height:20px; vertical-align:middle; text-align:center; font:bold 14px/20px Arial, Verdana, sans-serif; color:#FFF; background:#868689; border-radius:2em; }
input[type='file'] ~ .folder:hover,
input[type='file'] ~ .folder:active{ background:#4D4D4D; }
input[type='file'] ~ .folder.open{ display:none; }

input[type='submit']{ cursor:pointer; width:auto;padding:0 12px; background: #F4F3F8;}
button{ cursor:pointer; width:auto; padding:0 12px; }
input[type='submit']:hover,
input[type='submit']:active,
button:hover,
button:active{ background-color:#F0F0F0; }
input.grey[type='submit']:hover,
input.grey[type='submit']:active,
button.grey:hover,
button.grey:active{ background-color:#E3E3E6; }

legend{ float:left; width:100%; }

/*-------------------- Texts --------------------*/

.title{ display:block; margin:0 0 30px; font:normal 30px/1em 'citroenlight', Arial, sans-serif; }
.body > .sharer:first-child + .title,
.body > .sticker:first-child + .sharer + .title,
.path + .sharer + .title,
.path + .title,
.banner + .title { margin-top:40px; }

.title.strike{ text-align:center; width:100%; margin:15px auto 0 auto; padding: 20px 0 20px 0; overflow: hidden; max-width: 1082px;}
.title.strike .line{ display:inline-block; padding: 0 20px; position: relative; }
.title.strike .line:after,
.title.strike .line:before{ content:''; position: absolute; top:50%; margin-top:-1px; width:600px; height:1px; background:url(../../images/sep-line.png) no-repeat 150px 0; }
.title.strike .line:after{ background-position:-750px 0; right:-600px; }
.title.strike .line:before{ left: -600px;}
/* #1800 - Hauteur de ligne du titre */
.title.strike .line span{ text-align:center; color:#DC002E; font-family:'citroenlight', Arial, sans-serif;  line-height: 1.2em;  max-width: 600px; display: inline-block;}
.title.strike .line span { font-size: 34px; } /* 1771 mettre le titre en 34px commme sur le psd */
.title.strike.thin .line span{ font-family:'citroenlight', Arial, sans-serif; }
.banner + .title.strike {margin-top: 30px; }

.lined{ display:table; width:100%; }
.lined .adapt, .lined .geoChoice, .lined .geoButton{display:table-cell;vertical-align:middle;}


/*-------------------- Store locator --------------------*/

.locations{ /* #clrfix */ margin:0 0 40px; overflow:hidden; }
.locations .actions{ clear:both; margin:0; padding-top:40px; }
.pac-container{ text-align:left; }

.stores{
	float:left; 
	margin:0 -100% 0 -31%; 
	padding:0 20px 0 0; 
	width:39%;


	height:695px;
	-webkit-transition:margin 0.25s;
	-moz-transition:margin 0.25s;
	-ms-transition:margin 0.25s;
	-o-transition:margin 0.25s; 
	transition:margin 0.25s;
}

/*[dir=rtl] .stores {
    margin: 0 0% 0 0%;
}
*/
.stores.filled {}

.stores > .parttitle{ -moz-box-sizing: content-box; box-sizing: content-box;  margin: 10px; padding-top: 0px; background-size:100% 11px;font-size: 16px;font-family: ubuntu;}

[dir=rtl] .stores > .parttitle {
    width: 100%;
}

.stores.filled{ margin-left:0%;background: #FFF; }
.stores .scroll{ margin: 0 -20px 0 0; height:600px; overflow:auto; }

[dir=rtl] .scroll {
    direction: rtl;
}

.stores img,
.store img{ min-width:1px; max-width:auto; }

.stores .item{padding:15px 0 5px 15px; font:normal 12px Arial, Verdana, sans-serif; color: #4B4A4D;}
.stores .media{ float:left; margin:0 -100% 0 0; }
.stores .media + .name{ padding-left:30px; }
.stores .item strong{ color:#DC002E; font-style:italic; font: italic 13px Arial, Verdana, sans-serif; }
.stores .item .details{ color:#868689; }
.stores .item .options{ margin-top:8px; }
.stores .item li{ display:inline; }

.stores .addmore{ margin-bottom:0; text-align:center;width: 100%;}
.stores .addmore:after, .stores .addmore:before {background: #FFF;}
.ds .stores .addmore a {background: #E3E3E6; color: #4B4A4D;}
.ds .stores .addmore a:hover,
.ds .stores .addmore a:active {background: #D7D7D7; color: #4B4A4D; }

.js .storechoice{ display:none; }
.storechoice .stores{ background:#FFF; }
.storechoice .stores .name{ min-height:1px; margin:0; }

.storechoice input[type="radio"] + label,
.storechoice input[type="radio"] + label span{ display:block; margin:0; }
.storechoice input[type="radio"] + label:before,
.storechoice input[type="radio"] + label:after{ display:none; }
.storechoice input[type="radio"]:checked + label{ background:#e2e2e2; }

.chosen{ margin:0 0 40px; }
.chosen small{ display:block; font:normal 12px/1.25em Arial, Verdana, sans-serif; color:#868689; }
.ds .chosen small {color: #9d8c7a;}

.map-canvas,
#map-canvas{
	position:relative; float:left; width:100%; height:695px;
	-webkit-transition:margin 0.25s, width 0.25s;
	-moz-transition:margin 0.25s, width 0.25s;
	-ms-transition:margin 0.25s, width 0.25s;
	-o-transition:margin 0.25s, width 0.25s;
	transition:margin 0.25s, width 0.25s;
}

/* #1905 Map detail dealer */
.map_dealers_details,
#map_dealers_details{
	height:373px;
}

.filled + .map-canvas,
.filled + #map-canvas{     
	margin-left: 40%;
    width: 60%; }

[dir=rtl] .filled + .map-canvas, 
[dir=rtl] .filled + #map-canvas {
    margin-left: 0;
    width: 60%;
}

/* #1905 Map detail dealer */
.map-canvas img,
#map-canvas img,
.map_dealers_details img,
#map_dealers_details img{ min-width:1px; max-width:none; }

.maplegend{ position:relative; float:right; margin:-100px 20px 0 0; padding:10px!important; background:rgba(225,225,225,0.9); border-radius:2px; }
.maplegend img{ margin:0 0 0 5px; min-width:1px; max-width:none; }
.maplegend span{ display:inline-block; }
.maplegend span + span{ margin:0 0 0 20px; }

.cluster{ margin:-30px 0 0 9px; }
.cluster[data-count]:before{ content:'x'attr(data-count); display:block; position:absolute; top:-15px; right:0; padding:9px 0; min-width:28px; line-height:1em; color:#FFF; background:#DC002E; border-radius:2em; box-shadow:1px 1px 2px rgba(0,0,0,0.25); }

.mapFilters{ z-index:1; position:absolute; right:20px; top:20px; width:214px; background:url(../../images/arrow-down-dark.png) no-repeat right 17px #FFF; box-shadow:2px 2px 5px rgba(0,0,0,0.25); border-radius:2px; }
.mapFilters.open{ background-image:url(../../images/arrow-up-dark.png); }
.mapFilters span{ cursor:pointer; display:block; padding:9px 35px 9px 15px; }
.mapFilters ul{ display:none; margin:0 15px; padding:0 0 20px; border-top:1px solid #CCC; }
.mapFilters li{ display:block; margin:15px 0 0; }
.mapFilters input[type='checkbox'] + label{ display:block; }

.locations > .parttitle{ margin:0 0 20px; color:#868689; }
.locations > .parttitle ~ .stores,
.locations > .parttitle ~ .map-canvas,
.locations > .parttitle ~ #map-canvas{ height:600px; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer{ overflow:hidden; position:relative; padding:0 0 0 0; background-color: #fff; }
.jspPane{ position:absolute; }
.jspVerticalBar{ position:absolute; top:0; right:0; width:10px; height:100%; }
[dir=rtl] .jspVerticalBar {right: auto; left:0;}
.jspHorizontalBar{ position:absolute; bottom:0; left:0; width:100%; height:10px; }
.jspVerticalBar *,
.jspHorizontalBar *{ margin:0; padding:0; }
.jspCap{ display:none; }
.jspHorizontalBar .jspCap{ float:left; }
.jspTrack{ background:#F3F3F6; position:relative; border-radius:2px; }
.jspDrag{ background:#CECECF; position:relative; top:0; left:0; cursor:pointer; border-radius:2px; }
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag{ float:left; height:100%; }
.jspArrow{ background:#50506d; text-indent:-20000px; display:block; cursor:pointer; }
.jspArrow.jspDisabled{ cursor:default; background:#80808d; }
.jspVerticalBar .jspArrow{ height:10px; }
.jspHorizontalBar .jspArrow{ width:10px; float:left; height:100%; }
.jspVerticalBar .jspArrow:focus{ outline:none; }
.jspCorner{ background:#eeeef4; float:left; height:100%; }