@charset "utf-8";
/* CSS Document */

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

/*** BARRES DE NAVIGATION (HEADER / FOOTER ...) ***/
.ui-bar-f						{
								border: 1px solid #333333;
								background: #111111;
								color: #FFFFFF;
								font-weight: bold;
								text-shadow: 0 1px 0 #000000;
								background-image: -webkit-gradient(linear, left top, left bottom, from( #333333), to( #111111));
								background-image: -webkit-linear-gradient( #333333 /*{f-bar-background-start}*/, #111111);
								background-image:    -moz-linear-gradient( #333333 /*{f-bar-background-start}*/, #111111);
								background-image:     -ms-linear-gradient( #333333 /*{f-bar-background-start}*/, #111111);
								background-image:      -o-linear-gradient( #333333 /*{f-bar-background-start}*/, #111111);
								background-image:         linear-gradient( #333333 /*{f-bar-background-start}*/, #111111);
								}
.ui-bar-f .ui-link-inherit		{ color: #FFFFFF; }
.ui-bar-f a.ui-link				{ color: #19c6e6; font-weight: bold; }
.ui-bar-f a.ui-link:visited		{ color: #19c6e6; }
.ui-bar-f a.ui-link:hover		{ color: #0da4dd; }
.ui-bar-f a.ui-link:active		{ color: #0da4dd; }
.ui-bar-f, .ui-bar-f input, .ui-bar-f select, .ui-bar-f textarea,
.ui-bar-f button				{ font-family: Helvetica, Arial, sans-serif; }

/*** BODY ***/
.ui-body-f, .ui-overlay-f		{
								border: 1px solid #F9F9F9;
								color: #444444;
								text-shadow: 0 1px 0 #dddddd;
								background: #F9F9F9;
								background-image: -webkit-gradient(linear, left top, left bottom, from( #F9F9F9), to( #F9F9F9 ));
								background-image: -webkit-linear-gradient( #F9F9F9, #F9F9F9 );
								background-image:    -moz-linear-gradient( #F9F9F9, #F9F9F9 );
								background-image:     -ms-linear-gradient( #F9F9F9, #F9F9F9 );
								background-image:      -o-linear-gradient( #F9F9F9, #F9F9F9 );
								background-image:         linear-gradient( #F9F9F9, #F9F9F9 );
								}
.ui-overlay-f					{ background-image: none; border-width: 0; }
.ui-body-f, .ui-body-f input, .ui-body-f select, .ui-body-f textarea,
.ui-body-f button				{ font-family: Helvetica, Arial, sans-serif; }
.ui-body-f .ui-link-inherit		{ color: #444444; }
.ui-body-f .ui-link				{ color: #19c6e6; font-weight: bold; }
.ui-body-f .ui-link:visited		{ color: #19c6e6; }
.ui-body-f .ui-link:hover		{ color: #0da4dd; }
.ui-body-f .ui-link:active		{ color: #0da4dd; }

/*** BOUTONS ***/
.ui-btn-up-f					{
								border: 1px solid #BBBBBB;
								background: #CCCCCC;
								font-weight: bold;
								color: #333333;
								text-shadow: 0 1px 0 #FFFFFF;
								background-image: -webkit-gradient(linear, left top, left bottom, from( #EEEEEE), to( #CCCCCC));
								background-image: -webkit-linear-gradient( #EEEEEE, #CCCCCC);
								background-image:    -moz-linear-gradient( #EEEEEE, #CCCCCC);
								background-image:     -ms-linear-gradient( #EEEEEE, #CCCCCC);
								background-image:      -o-linear-gradient( #EEEEEE, #CCCCCC);
								background-image:         linear-gradient( #EEEEEE, #CCCCCC);
								}
.ui-btn-up-f:visited,
.ui-btn-up-f a.ui-link-inherit	{ color: #333333; }
.ui-btn-hover-f					{
								border: 1px solid #BBBBBB;
								background: #DDDDDD;
								font-weight: bold;
								color: #333333;
								text-shadow: 0 1px 0 #FFFFFF;
								background-image: -webkit-gradient(linear, left top, left bottom, from( #DDDDDD), to( #FFFFFF));
								background-image: -webkit-linear-gradient( #DDDDDD, #FFFFFF);
								background-image:    -moz-linear-gradient( #DDDDDD, #FFFFFF);
								background-image:     -ms-linear-gradient( #DDDDDD, #FFFFFF);
								background-image:      -o-linear-gradient( #DDDDDD, #FFFFFF);
								background-image:         linear-gradient( #DDDDDD, #FFFFFF);
								}
.ui-btn-hover-f:visited, .ui-btn-hover-f:hover,
.ui-btn-hover-f a.ui-link-inherit	{ color: #333333; }
.ui-btn-down-f					{
								border: 1px solid #BBBBBB;
								background: #DDDDDD;
								font-weight: bold;
								color: #333333;
								text-shadow: 0 1px 0 #FFFFFF;
								background-image: -webkit-gradient(linear, left top, left bottom, from( #DDDDDD), to( #FFFFFF));
								background-image: -webkit-linear-gradient( #DDDDDD, #FFFFFF);
								background-image:    -moz-linear-gradient( #DDDDDD, #FFFFFF);
								background-image:     -ms-linear-gradient( #DDDDDD, #FFFFFF);
								background-image:      -o-linear-gradient( #DDDDDD, #FFFFFF);
								background-image:         linear-gradient( #DDDDDD, #FFFFFF);
								}
.ui-btn-down-f:visited, .ui-btn-down-f:hover, .ui-btn-down-f a.ui-link-inherit	{ color: #333333; }
.ui-btn-up-f, .ui-btn-hover-f, .ui-btn-down-f	{ font-family: Helvetica, Arial, sans-serif; text-decoration: none; }

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

/*** BARRES DE NAVIGATION (HEADER / FOOTER ...) ***/
.ui-bar-g						{
								border: 1px solid #EEEEEE;
								background: #CCCCCC;
								color: #333333;
								font-weight: bold;
								text-shadow: 0 1px 0 #FFFFFF;
								background-image: -webkit-gradient(linear, left top, left bottom, from( #EEEEEE), to( #CCCCCC));
								background-image: -webkit-linear-gradient( #EEEEEE /*{f-bar-background-start}*/, #CCCCCC);
								background-image:    -moz-linear-gradient( #EEEEEE /*{f-bar-background-start}*/, #CCCCCC);
								background-image:     -ms-linear-gradient( #EEEEEE /*{f-bar-background-start}*/, #CCCCCC);
								background-image:      -o-linear-gradient( #EEEEEE /*{f-bar-background-start}*/, #CCCCCC);
								background-image:         linear-gradient( #EEEEEE /*{f-bar-background-start}*/, #CCCCCC);
								}
.ui-bar-g .ui-link-inherit		{ color: #333333; }
.ui-bar-g a.ui-link				{ color: #19c6e6; font-weight: bold; }
.ui-bar-g a.ui-link:visited		{ color: #19c6e6; }
.ui-bar-g a.ui-link:hover		{ color: #0da4dd; }
.ui-bar-g a.ui-link:active		{ color: #0da4dd; }
.ui-bar-g, .ui-bar-g input, .ui-bar-g select, .ui-bar-g textarea,
.ui-bar-g button				{ font-family: Helvetica, Arial, sans-serif; }

/*** BODY ***/
.ui-body-g, .ui-overlay-g		{
								border: 1px solid #F9F9F9;
								color: #444444;
								text-shadow: 0 1px 0 #dddddd;
								background: #F9F9F9;
								background-image: -webkit-gradient(linear, left top, left bottom, from( #F9F9F9), to( #F9F9F9 ));
								background-image: -webkit-linear-gradient( #F9F9F9, #F9F9F9 );
								background-image:    -moz-linear-gradient( #F9F9F9, #F9F9F9 );
								background-image:     -ms-linear-gradient( #F9F9F9, #F9F9F9 );
								background-image:      -o-linear-gradient( #F9F9F9, #F9F9F9 );
								background-image:         linear-gradient( #F9F9F9, #F9F9F9 );
								}
.ui-overlay-g					{ background-image: none; border-width: 0; }
.ui-body-g, .ui-body-g input, .ui-body-g select, .ui-body-g textarea,
.ui-body-g button				{ font-family: Helvetica, Arial, sans-serif; }
.ui-body-g .ui-link-inherit		{ color: #444444; }
.ui-body-g .ui-link				{ color: #19c6e6; font-weight: bold; }
.ui-body-g .ui-link:visited		{ color: #19c6e6; }
.ui-body-g .ui-link:hover		{ color: #0da4dd; }
.ui-body-g .ui-link:active		{ color: #0da4dd; }

/*** BOUTONS ***/
.ui-btn-up-g					{
								border: 1px solid #0da4dd;
								background: #0da4dd;
								font-weight: bold;
								color: #FFFFFF;
								text-shadow: 0 1px 0 #000000;
								background-image: -webkit-gradient(linear, left top, left bottom, from( #19c6e6), to( #0da4dd));
								background-image: -webkit-linear-gradient( #19c6e6, #0da4dd);
								background-image:    -moz-linear-gradient( #19c6e6, #0da4dd);
								background-image:     -ms-linear-gradient( #19c6e6, #0da4dd);
								background-image:      -o-linear-gradient( #19c6e6, #0da4dd);
								background-image:         linear-gradient( #19c6e6, #0da4dd);
								}
.ui-btn-up-g:visited,
.ui-btn-up-g a.ui-link-inherit	{ color: #FFFFFF; }
.ui-btn-hover-g					{
								border: 1px solid #0da4dd;
								background: #0da4dd;
								font-weight: bold;
								color: #FFFFFF;
								text-shadow: 0 1px 0 #000000;
								background-image: -webkit-gradient(linear, left top, left bottom, from( #0da4dd), to( #19c6e6));
								background-image: -webkit-linear-gradient( #0da4dd, #19c6e6);
								background-image:    -moz-linear-gradient( #0da4dd, #19c6e6);
								background-image:     -ms-linear-gradient( #0da4dd, #19c6e6);
								background-image:      -o-linear-gradient( #0da4dd, #19c6e6);
								background-image:         linear-gradient( #0da4dd, #19c6e6);
								}
.ui-btn-hover-g:visited, .ui-btn-hover-g:hover,
.ui-btn-hover-g a.ui-link-inherit	{ color: #FFFFFF; }
.ui-btn-down-g					{
								border: 1px solid #0da4dd;
								background: #0da4dd;
								font-weight: bold;
								color: #FFFFFF;
								text-shadow: 0 1px 0 #000000;
								background-image: -webkit-gradient(linear, left top, left bottom, from( #0da4dd), to( #19c6e6));
								background-image: -webkit-linear-gradient( #0da4dd, #19c6e6);
								background-image:    -moz-linear-gradient( #0da4dd, #19c6e6);
								background-image:     -ms-linear-gradient( #0da4dd, #19c6e6);
								background-image:      -o-linear-gradient( #0da4dd, #19c6e6);
								background-image:         linear-gradient( #0da4dd, #19c6e6);
								}
.ui-btn-down-g:visited, .ui-btn-down-g:hover, .ui-btn-down-g a.ui-link-inherit	{ color: #FFFFFF; }
.ui-btn-up-g, .ui-btn-hover-g, .ui-btn-down-g	{ font-family: Helvetica, Arial, sans-serif; text-decoration: none; }

/************************************************************/
/********************** PERSONNALISATION ********************/
/************************************************************/
#page						{ overflow:hidden;  margin-top:-1px; }
#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:117px; height:65px; background:url("/medias/cl_102/images/logo.png"); -webkit-background-size:117px 65px; -moz-background-size:117px 65px; -o-background-size:117px 65px; -ms-background-size:117px 65px; background-size:117px 65px}
.navbar-text				{ display:block; margin:25px 0 0 0; padding:0px; color:#FFF; text-shadow:none; }

/*
.bou_im						{ color:#ffffff; }
.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 /*{f-bar-background-start}*/), to( #035280 /*{f-bar-background-end}*/)); /* Saf4 , Chrome */
							background-image: -webkit-linear-gradient( #04659d /*{f-bar-background-start}*/, #035280 /*{f-bar-background-end}*/); /* Chrome 10 , Saf5.1  */
							background-image:    -moz-linear-gradient( #04659d /*{f-bar-background-start}*/, #035280 /*{f-bar-background-end}*/); /* FF3.6 */
							background-image:     -ms-linear-gradient( #04659d /*{f-bar-background-start}*/, #035280 /*{f-bar-background-end}*/); /* IE10 */
							background-image:      -o-linear-gradient( #04659d /*{f-bar-background-start}*/, #035280 /*{f-bar-background-end}*/); /* Opera 11.10  */
							background-image:         linear-gradient( #04659d /*{f-bar-background-start}*/, #035280 /*{f-bar-background-end}*/);
							}
.bou_footer:hover			{
							background: #ad2328;
							background-image: -webkit-gradient(linear, left top, left bottom, from( #ad2328 /*{f-bar-background-start}*/), to( #d42a31 /*{f-bar-background-end}*/)); /* Saf4 , Chrome */
							background-image: -webkit-linear-gradient( #ad2328 /*{f-bar-background-start}*/, #d42a31 /*{f-bar-background-end}*/); /* Chrome 10 , Saf5.1  */
							background-image:    -moz-linear-gradient( #ad2328 /*{f-bar-background-start}*/, #d42a31 /*{f-bar-background-end}*/); /* FF3.6 */
							background-image:     -ms-linear-gradient( #ad2328 /*{f-bar-background-start}*/, #d42a31 /*{f-bar-background-end}*/); /* IE10 */
							background-image:      -o-linear-gradient( #ad2328 /*{f-bar-background-start}*/, #d42a31 /*{f-bar-background-end}*/); /* Opera 11.10  */
							background-image:         linear-gradient( #ad2328 /*{f-bar-background-start}*/, #d42a31 /*{f-bar-background-end}*/);
							}
.im-photo					{ background: url("/templates/template_ccss_mobile_v1/images/im-photo.png") no-repeat top left; background-position:center 35px; height:70px; }
.im-email					{ background: url("/templates/template_ccss_mobile_v1/images/im-email.png") no-repeat top left; background-position:center 7px; }
.im-phone					{ background: url("/templates/template_ccss_mobile_v1/images/im-phone.png") no-repeat top left; background-position:center 7px; }
.im-calendar				{ background: url("/templates/template_ccss_mobile_v1/images/im-calendar.png") no-repeat top left; background-position:center 7px; }
.im-sun						{ background: url("/templates/template_ccss_mobile_v1/images/im-sun.png") no-repeat top left; background-position:center 7px; }
.im-snow					{ background: url("/templates/template_ccss_mobile_v1/images/im-snow.png") no-repeat top left; background-position:center 7px; }
.im-map						{ background: url("/templates/template_ccss_mobile_v1/images/im-map.png") no-repeat top left; background-position:center 7px; }
.im-download				{ background: url("/templates/template_ccss_mobile_v1/images/im-download.png") no-repeat top left; background-position:center 7px; }
.im-streetview				{ background: url("/templates/template_ccss_mobile_v1/images/im-streetview.png") no-repeat top left; background-position:center 7px; }
.im-navigation				{ background: url("/templates/template_ccss_mobile_v1/images/im-navigation.png") no-repeat top left; background-position:center 7px; }

.ui-icon-flag_en			{ background-image: url("/templates/template_ccss_mobile_v1/images/flag_en.png"); background-position:center; background-repeat:no-repeat; }
.ui-icon-flag_fr			{ background-image: url("/templates/template_ccss_mobile_v1/images/flag_fr.png"); background-position:center; background-repeat:no-repeat; }
.ui-icon-panier				{ background-image: url("/templates/template_ccss_mobile_v1/images/icon-panier-18-black.png"); background-position:center; background-repeat:no-repeat; }

.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				{ font-size:11px; background:#ffffff; color:#000; border:inset #bbbbbb 1px; border-radius:10px; text-align:center; padding:2px 5px 1px 5px; margin-top:-2px; }

.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: 15px; height: 15px; margin: 0px 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; }