@charset "utf-8";

@import "css_template_v2.min.css";

/* CSS Document */
.infos-sup-ref					{ display:block; }


/************************************************************/
/************************* THEME F **************************/
/************************************************************/

/*** BARRES DE NAVIGATION (HEADER / FOOTER ...) ***/
.ui-bar-f, .ui-page-theme-f .ui-bar-inherit, html .ui-bar-f .ui-bar-inherit, html .ui-body-f .ui-bar-inherit, html body .ui-group-theme-f .ui-bar-inherit 
								{
								background-color: #111111 /*{f-bar-background-color}*/;
								border-color: #333333 /*{f-bar-border}*/;
								color: #FFFFFF /*{f-bar-color}*/;
								text-shadow: 0 /*{f-bar-shadow-x}*/ -1px /*{f-bar-shadow-y}*/ 0 /*{f-bar-shadow-radius}*/ #000000 /*{f-bar-shadow-color}*/;
								font-weight: bold;
								}
.ui-bar-f						{ border-width: 1px; border-style: solid; }

/*** BODY & OVERLAY ***/
.ui-overlay-f, .ui-page-theme-f, .ui-page-theme-f .ui-panel-wrapper 
								{
								background-color: #FFFFFF /*{f-page-background-color}*/;
								border-color: #FFFFFF /*{f-page-border}*/;
								color: #444444 /*{f-page-color}*/;
								text-shadow: 0 /*{f-page-shadow-x}*/ 1px /*{f-page-shadow-y}*/ 0 /*{f-page-shadow-radius}*/ #dddddd /*{f-page-shadow-color}*/;
								}
.ui-body-f, .ui-page-theme-f .ui-body-inherit, html .ui-bar-f .ui-body-inherit, html .ui-body-f .ui-body-inherit, html body .ui-group-theme-f .ui-body-inherit, html .ui-panel-page-container-f 
								{
								background-color: #FFFFFF /*{f-body-background-color}*/;
								border-color: #FFFFFF /*{f-body-border}*/;
								color: #444444 /*{f-body-color}*/;
								text-shadow: 0 /*{f-body-shadow-x}*/ 1px /*{f-body-shadow-y}*/ 0 /*{f-body-shadow-radius}*/ #dddddd /*{f-body-shadow-color}*/;
								}
.ui-body-f						{ border-width: 1px; border-style: solid; }

/*** LINKS ***/
.ui-page-theme-f a, html .ui-bar-f a, html .ui-body-f a, html body .ui-group-theme-f a									{ color: #19c6e6 /*{f-link-color}*/; font-weight: bold; }
.ui-page-theme-f a:visited, html .ui-bar-f a:visited, html .ui-body-f a:visited, html body .ui-group-theme-f a:visited	{ color: #19c6e6 /*{f-link-visited}*/; }
.ui-page-theme-f a:hover, html .ui-bar-f a:hover, html .ui-body-f a:hover, html body .ui-group-theme-f a:hover			{ color: #0da4dd /*{f-link-hover}*/; }
.ui-page-theme-f a:active, html .ui-bar-f a:active, html .ui-body-f a:active, html body .ui-group-theme-f a:active		{ color: #0da4dd /*{f-link-active}*/; }

/*** BOUTONS ***/
.ui-page-theme-f .ui-btn, html .ui-bar-f .ui-btn, html .ui-body-f .ui-btn, html body .ui-group-theme-f .ui-btn, html head + body .ui-btn.ui-btn-f, .ui-page-theme-f .ui-btn:visited, html .ui-bar-f .ui-btn:visited, html .ui-body-f .ui-btn:visited, html body .ui-group-theme-f .ui-btn:visited, html head + body .ui-btn.ui-btn-f:visited
								{
								background-color: #EEEEEE /*{f-bup-background-color}*/;
								border-color: #BBBBBB /*{f-bup-border}*/;
								color: #333333 /*{f-bup-color}*/;
								text-shadow: 0 /*{f-bup-shadow-x}*/ 1px /*{f-bup-shadow-y}*/ 0 /*{f-bup-shadow-radius}*/ #FFFFFF /*{f-bup-shadow-color}*/;
								}
.ui-page-theme-f .ui-btn:hover, html .ui-bar-f .ui-btn:hover, html .ui-body-f .ui-btn:hover, html body .ui-group-theme-f .ui-btn:hover, html head + body .ui-btn.ui-btn-f:hover 
								{
								background-color: #DDDDDD /*{f-bhover-background-color}*/;
								border-color: #BBBBBB /*{f-bhover-border}*/;
								color: #333333 /*{f-bhover-color}*/;
								text-shadow: 0 /*{f-bhover-shadow-x}*/ 1px /*{f-bhover-shadow-y}*/ 0 /*{f-bhover-shadow-radius}*/ #FFFFFF /*{f-bhover-shadow-color}*/;
								}
.ui-page-theme-f .ui-btn:active, html .ui-bar-f .ui-btn:active, html .ui-body-f .ui-btn:active, html body .ui-group-theme-f .ui-btn:active, html head + body .ui-btn.ui-btn-f:active 
								{
								background-color: #DDDDDD /*{f-bdown-background-color}*/;
								border-color: #BBBBBB /*{f-bdown-border}*/;
								color: #333333 /*{f-bdown-color}*/;
								text-shadow: 0 /*{f-bdown-shadow-x}*/ 1px /*{f-bdown-shadow-y}*/ 0 /*{f-bdown-shadow-radius}*/ #FFFFFF /*{f-bdown-shadow-color}*/;
								}
.ui-page-theme-f .ui-btn.ui-btn-active, html .ui-bar-f .ui-btn.ui-btn-active, html .ui-body-f .ui-btn.ui-btn-active, html body .ui-group-theme-f .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-f.ui-btn-active,
.ui-page-theme-f .ui-checkbox-on:after, html .ui-bar-f .ui-checkbox-on:after, html .ui-body-f .ui-checkbox-on:after, html body .ui-group-theme-f .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-f:after,
.ui-page-theme-f .ui-flipswitch-active, html .ui-bar-f .ui-flipswitch-active, html .ui-body-f .ui-flipswitch-active, html body .ui-group-theme-f .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-f.ui-flipswitch-active,
.ui-page-theme-f .ui-slider-track .ui-btn-active, html .ui-bar-f .ui-slider-track .ui-btn-active, html .ui-body-f .ui-slider-track .ui-btn-active, html body .ui-group-theme-f .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-f .ui-btn-active 
								{
								background-color: #DDDDDD /*{f-active-background-color}*/;
								border-color: #BBBBBB /*{f-active-border}*/;
								color: #333333 /*{f-active-color}*/;
								text-shadow: 0 /*{f-active-shadow-x}*/ 1px /*{f-active-shadow-y}*/ 0 /*{f-active-shadow-radius}*/ #FFFFFF /*{f-active-shadow-color}*/;
								}
.ui-page-theme-f .ui-radio-on:after, html .ui-bar-f .ui-radio-on:after, html .ui-body-f .ui-radio-on:after, html body .ui-group-theme-f .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-f:after 
								{
								border-color: #BBBBBB /*{f-active-background-color}*/;
								}

/*** FOCUS ***/
.ui-page-theme-f .ui-btn:focus, html .ui-bar-f .ui-btn:focus, html .ui-body-f .ui-btn:focus, html body .ui-group-theme-f .ui-btn:focus, html head + body .ui-btn.ui-btn-f:focus,
.ui-page-theme-f .ui-focus, html .ui-bar-f .ui-focus, html .ui-body-f .ui-focus, html body .ui-group-theme-f .ui-focus, html head + body .ui-btn-f.ui-focus, html head + body .ui-body-f.ui-focus 
								{
								-webkit-box-shadow: 0 0 12px #FFFFFF /*{f-active-background-color}*/;
								-moz-box-shadow: 0 0 12px #FFFFFF /*{f-active-background-color}*/;
								box-shadow: 0 0 12px #FFFFFF /*{f-active-background-color}*/;
								}

/************************************************************/
/************************* THEME G **************************/
/************************************************************/

/*** BARRES DE NAVIGATION (HEADER / FOOTER ...) ***/
.ui-bar-g, .ui-page-theme-g .ui-bar-inherit, html .ui-bar-g .ui-bar-inherit, html .ui-body-g .ui-bar-inherit, html body .ui-group-theme-g .ui-bar-inherit 
								{
								background-color: #CCCCCC /*{g-bar-background-color}*/;
								border-color: #EEEEEE /*{g-bar-border}*/;
								color: #333333 /*{g-bar-color}*/;
								text-shadow: 0 /*{g-bar-shadow-x}*/ -1px /*{g-bar-shadow-y}*/ 0 /*{g-bar-shadow-radius}*/ #FFFFFF /*{g-bar-shadow-color}*/;
								font-weight: bold;
								}
.ui-bar-g						{ border-width: 1px; border-style: solid; }

/*** BODY & OVERLAY ***/
.ui-overlay-g, .ui-page-theme-g, .ui-page-theme-g .ui-panel-wrapper 
								{
								background-color: #F9F9F9 /*{g-page-background-color}*/;
								border-color: #F9F9F9 /*{g-page-border}*/;
								color: #444444 /*{g-page-color}*/;
								text-shadow: 0 /*{g-page-shadow-x}*/ 1px /*{g-page-shadow-y}*/ 0 /*{g-page-shadow-radius}*/ #dddddd /*{g-page-shadow-color}*/;
								}
.ui-body-g, .ui-page-theme-g .ui-body-inherit, html .ui-bar-g .ui-body-inherit, html .ui-body-g .ui-body-inherit, html body .ui-group-theme-g .ui-body-inherit, html .ui-panel-page-container-g 
								{
								background-color: #F9F9F9 /*{g-body-background-color}*/;
								border-color: #F9F9F9 /*{g-body-border}*/;
								color: #444444 /*{g-body-color}*/;
								text-shadow: 0 /*{g-body-shadow-x}*/ 1px /*{g-body-shadow-y}*/ 0 /*{g-body-shadow-radius}*/ #dddddd /*{g-body-shadow-color}*/;
								}
.ui-body-g						{ border-width: 1px; border-style: solid; }

/*** LINKS ***/
.ui-page-theme-g a, html .ui-bar-g a, html .ui-body-g a, html body .ui-group-theme-g a									{ color: #19c6e6 /*{g-link-color}*/; font-weight: bold; }
.ui-page-theme-g a:visited, html .ui-bar-g a:visited, html .ui-body-g a:visited, html body .ui-group-theme-g a:visited	{ color: #19c6e6 /*{g-link-visited}*/; }
.ui-page-theme-g a:hover, html .ui-bar-g a:hover, html .ui-body-g a:hover, html body .ui-group-theme-g a:hover			{ color: #0da4dd /*{g-link-hover}*/; }
.ui-page-theme-g a:active, html .ui-bar-g a:active, html .ui-body-g a:active, html body .ui-group-theme-g a:active		{ color: #0da4dd /*{g-link-active}*/; }

/*** BOUTONS ***/
.ui-page-theme-g .ui-btn, html .ui-bar-g .ui-btn, html .ui-body-g .ui-btn, html body .ui-group-theme-g .ui-btn, html head + body .ui-btn.ui-btn-g, .ui-page-theme-g .ui-btn:visited, html .ui-bar-g .ui-btn:visited, html .ui-body-g .ui-btn:visited, html body .ui-group-theme-g .ui-btn:visited, html head + body .ui-btn.ui-btn-g:visited
								{
								background-color: #19c6e6 /*{g-bup-background-color}*/;
								border-color: #0da4dd /*{g-bup-border}*/;
								color: #FFFFFF /*{g-bup-color}*/;
								text-shadow: 0 /*{g-bup-shadow-x}*/ 1px /*{g-bup-shadow-y}*/ 0 /*{g-bup-shadow-radius}*/ #000000 /*{g-bup-shadow-color}*/;
								}
.ui-page-theme-g .ui-btn:hover, html .ui-bar-g .ui-btn:hover, html .ui-body-g .ui-btn:hover, html body .ui-group-theme-g .ui-btn:hover, html head + body .ui-btn.ui-btn-g:hover 
								{
								background-color: #0da4dd /*{g-bhover-background-color}*/;
								border-color: #0da4dd /*{g-bhover-border}*/;
								color: #FFFFFF /*{g-bhover-color}*/;
								text-shadow: 0 /*{g-bhover-shadow-x}*/ 1px /*{g-bhover-shadow-y}*/ 0 /*{g-bhover-shadow-radius}*/ #000000 /*{g-bhover-shadow-color}*/;
								}
.ui-page-theme-g .ui-btn:active, html .ui-bar-g .ui-btn:active, html .ui-body-g .ui-btn:active, html body .ui-group-theme-g .ui-btn:active, html head + body .ui-btn.ui-btn-g:active 
								{
								background-color: #0da4dd /*{g-bdown-background-color}*/;
								border-color: #0da4dd /*{g-bdown-border}*/;
								color: #FFFFFF /*{g-bdown-color}*/;
								text-shadow: 0 /*{g-bdown-shadow-x}*/ 1px /*{g-bdown-shadow-y}*/ 0 /*{g-bdown-shadow-radius}*/ #000000 /*{g-bdown-shadow-color}*/;
								}
.ui-page-theme-g .ui-btn.ui-btn-active, html .ui-bar-g .ui-btn.ui-btn-active, html .ui-body-g .ui-btn.ui-btn-active, html body .ui-group-theme-g .ui-btn.ui-btn-active, html head + body .ui-btn.ui-btn-g.ui-btn-active,
.ui-page-theme-g .ui-checkbox-on:after, html .ui-bar-g .ui-checkbox-on:after, html .ui-body-g .ui-checkbox-on:after, html body .ui-group-theme-g .ui-checkbox-on:after, .ui-btn.ui-checkbox-on.ui-btn-g:after,
.ui-page-theme-g .ui-flipswitch-active, html .ui-bar-g .ui-flipswitch-active, html .ui-body-g .ui-flipswitch-active, html body .ui-group-theme-g .ui-flipswitch-active, html body .ui-flipswitch.ui-bar-g.ui-flipswitch-active,
.ui-page-theme-g .ui-slider-track .ui-btn-active, html .ui-bar-g .ui-slider-track .ui-btn-active, html .ui-body-g .ui-slider-track .ui-btn-active, html body .ui-group-theme-g .ui-slider-track .ui-btn-active, html body div.ui-slider-track.ui-body-g .ui-btn-active 
								{
								background-color: #0da4dd /*{g-active-background-color}*/;
								border-color: #0da4dd /*{g-active-border}*/;
								color: #FFFFFF /*{g-active-color}*/;
								text-shadow: 0 /*{g-active-shadow-x}*/ 1px /*{g-active-shadow-y}*/ 0 /*{g-active-shadow-radius}*/ #000000 /*{g-active-shadow-color}*/;
								}
.ui-page-theme-g .ui-radio-on:after, html .ui-bar-g .ui-radio-on:after, html .ui-body-g .ui-radio-on:after, html body .ui-group-theme-g .ui-radio-on:after, .ui-btn.ui-radio-on.ui-btn-g:after 
								{
								border-color: #0da4dd /*{g-active-background-color}*/;
								}

/*** FOCUS ***/
.ui-page-theme-g .ui-btn:focus, html .ui-bar-g .ui-btn:focus, html .ui-body-g .ui-btn:focus, html body .ui-group-theme-g .ui-btn:focus, html head + body .ui-btn.ui-btn-g:focus,
.ui-page-theme-g .ui-focus, html .ui-bar-g .ui-focus, html .ui-body-g .ui-focus, html body .ui-group-theme-g .ui-focus, html head + body .ui-btn-g.ui-focus, html head + body .ui-body-g.ui-focus 
								{
								-webkit-box-shadow: 0 0 12px #000000 /*{g-active-background-color}*/;
								-moz-box-shadow: 0 0 12px #000000 /*{g-active-background-color}*/;
								box-shadow: 0 0 12px #000000 /*{g-active-background-color}*/;
								}

/************************************************************/
/********************** PERSONNALISATION ********************/
/************************************************************/
/***** SELECT AUTOCOMPLETE *****/
.ui-selectmenu.ui-popup .ui-input-search								{ margin-left: .5em; margin-right: .5em; }
.ui-selectmenu.ui-dialog .ui-content									{ padding-top: 0; }
.ui-selectmenu.ui-dialog .ui-selectmenu-list							{ margin-top: 0; }
.ui-selectmenu.ui-popup .ui-selectmenu-list li.ui-first-child .ui-btn	{ border-top-width: 1px; -webkit-border-radius: 0; border-radius: 0; }
.ui-selectmenu.ui-dialog .ui-header										{ border-bottom-width: 1px; }

#header-non-activite,
#header-non-magasin			{ text-align:center; padding:5px 0px; }
.ui-overlay-f				{ border: none /*{f-body-border} VIRE LA BORDURE DU REFRESH*/; }
.logo-container				{ text-align:center;margin:.5em 50px .4em }
.header-logo				{ background-repeat:no-repeat; background-position:0 0; display:inline-block; width:120px; height:60px; background:url("/medias/cl_204/images/logo_fr.png"); -webkit-background-size:120px 60px; -moz-background-size:120px 60px; -o-background-size:120px 60px; -ms-background-size:120px 60px; background-size:120px 60px}
.navbar-text				{ display:block; margin:25px 0 0 0; padding:0px; color:#FFF; text-shadow:none; }

#bloc_resa_select_station	{ background-color:#19c6e6; padding:10px; border-radius:10px; text-align:center; color:#FFFFFF; text-shadow:#000000 1px 1px; }

/*
.bou_im						{ color:#ff0000; }
.bou_im:hover				{ background-color:#1E140E; }
.bou_im:active				{ background-color:#1E140E; }
.bou_im_act					{ background-color:#1E140E; }
*/

.bou_footer					{
							background: #04659d;
							background-image: -webkit-gradient(linear, left top, left bottom, from( #04659d ), to( #035280 ));
							background-image: -webkit-linear-gradient( #04659d , #035280 );
							background-image:    -moz-linear-gradient( #04659d , #035280 );
							background-image:     -ms-linear-gradient( #04659d , #035280 );
							background-image:      -o-linear-gradient( #04659d , #035280 );
							background-image:         linear-gradient( #04659d , #035280 );
							}
.bou_footer:hover			{
							background: #ad2328;
							background-image: -webkit-gradient(linear, left top, left bottom, from( #ad2328 ), to( #d42a31 ));
							background-image: -webkit-linear-gradient( #ad2328 , #d42a31 );
							background-image:    -moz-linear-gradient( #ad2328 , #d42a31 );
							background-image:     -ms-linear-gradient( #ad2328 , #d42a31 );
							background-image:      -o-linear-gradient( #ad2328 , #d42a31 );
							background-image:         linear-gradient( #ad2328 , #d42a31 );
							}
.im-photo					{ background: url("/templates/template_mobile/images/im-photo.png") no-repeat top left; background-position:center 35px; height:70px; }
.im-email					{ background: url("/templates/template_mobile/images/im-email.png") no-repeat top left; background-position:center 7px; }
.im-phone					{ background: url("/templates/template_mobile/images/im-phone.png") no-repeat top left; background-position:center 7px; }
.im-calendar				{ background: url("/templates/template_mobile/images/im-calendar.png") no-repeat top left; background-position:center 7px; }
.im-sun						{ background: url("/templates/template_mobile/images/im-sun.png") no-repeat top left; background-position:center 7px; }
.im-snow					{ background: url("/templates/template_mobile/images/im-snow.png") no-repeat top left; background-position:center 7px; }
.im-map						{ background: url("/templates/template_mobile/images/im-map.png") no-repeat top left; background-position:center 7px; }
.im-download				{ background: url("/templates/template_mobile/images/im-download.png") no-repeat top left; background-position:center 7px; }
.im-streetview				{ background: url("/templates/template_mobile/images/im-streetview.png") no-repeat top left; background-position:center 7px; }
.im-navigation				{ background: url("/templates/template_mobile/images/im-navigation.png") no-repeat top left; background-position:center 7px; }

.ui-icon-flag_en:after, 
.ui-icon-flag_en			{ background-color:#FFFFFF; background-image: url("/templates/template_mobile/images/flag20_en.png"); background-position:center; background-repeat:no-repeat; }
.ui-icon-flag_fr:after, 
.ui-icon-flag_fr			{ background-color:#FFFFFF; background-image: url("/templates/template_mobile/images/flag20_fr.png"); background-position:center; background-repeat:no-repeat; }
.ui-icon-panier				{ background-color:#FFFFFF; background-image: url("/templates/template_mobile/images/icon-panier-18-black.png"); background-position:7px; background-repeat:no-repeat; }
.ui-btn-icon-notext			{ font-size:10px; }

.ui-collapsible-heading		{ font-size:14px; line-height:inherit; }

.texte_secondaire			{ font-size:small; color:#0da4dd; }
.msg_error					{ background-color:#FFC; border-radius: 10px !important; color:#900; font-weight:bold; padding:5px; text-shadow:none; }

.bubble-count				{ font-size:11px; float:left; margin-top:-45px; margin-left:55px; background:#ffffff; color:#000; border:inset #bbbbbb 1px; border-radius:5px; min-width:15px; padding-top:2px; padding-bottom:2px; text-align:center; }
.bubble-count2				{ display:inline-block; font-size:11px; background:#ffffff; color:#000; border:inset #bbbbbb 1px; border-radius:8px; text-align:center; min-width:16px; height:16px; line-height:16px; }

.custom-li					{ padding: 0 !important; border-width:0 !important; }
.custom-bottom-li 			{ border-top-width: 0 !important; }
.custom-collapsible			{ margin: 0 !important; border-radius: 0 !important; border-width:0 !important; }

.custom-bg-color			{ background-color:#777777; }

b.cercle					{ display: block; width: 12px; height: 12px; margin: 3px 5px 0px 0px; border-radius: 50%; float:left; box-shadow:1px 1px 1px #666; }
.cadre_paiement_securise	{ width:200px; background-color:#FFF; padding:5px; margin-top:20px; color:#AAAAAA; border-radius:10px; }

#ch_email, .form-vide		{ display:none; border:none; }

#panel_magasins				{ z-index:2000; }

.slideshow_caption			{ position:absolute; z-index:100; width:100%; top:15px; }
.carousel-caption-legende1	{ color:#ffffff; font-size:16px; font-weight:800; text-shadow:2px 2px 0px #000000, 2px 2px 5px #000000, 0px 0px 5px #999999; }
.carousel-caption-legende2	{ color:#eeeeee; font-size:14px; font-weight:bold; text-shadow:2px 2px 0px #000000, 2px 2px 5px #000000, 0px 0px 5px #999999; font-style: italic;}

#liste_option_forfait .ui-select,
#liste_option_forfait .ui-select .ui-btn>span:not(.ui-li-count),
#list_recap .ui-select,
#list_recap .ui-select .ui-btn>span:not(.ui-li-count)	{ white-space: normal !important; }