@charset "utf-8";
/* CSS Document */
body														{ font-family:'Lato', Arial, Helvetica, sans-serif; }
.nom-magasin												{ font-family:'Lato', Arial, Helvetica, sans-serif; }
.txt-location-ski											{ font-family:'Lato', Arial, Helvetica, sans-serif; }
.nom-station												{ font-family:'Lato', Arial, Helvetica, sans-serif; }
#footer														{ font-family:'Lato', Arial, Helvetica, sans-serif; }
#avantages .bloc-avantage									{ padding:2px 5px 2px 2px; height:146px; }
#avantages img												{ border-radius:5px; }
#infos-station .bloc-infos-station							{ padding:2px 5px 2px 2px; height:146px; }
#infos-station img											{ border-radius:5px; }


/*** NEW CG ***************************************************************************************************/
header .top-bar												{ background: none; background-image: none; background-color: rgba(51,51,51, 0.15); text-shadow:1px 1px 2px #000000; }
header #top-bar-nav a										{ color: #FFFFFF; border-left:rgba(51,51,51, 0) solid 1px; border-right:rgba(51,51,51, 0) solid 1px; font-weight:bold; }
header #top-bar-nav .dropdown-menu a:hover,
header #top-bar-nav .dropdown-sousmenu a:hover,
header #top-bar-nav a:hover									{ background: none; background-image: none; background-color: rgba(51,51,51, 0.25); }
header #top-bar-nav .active a,
header #top-bar-nav .active .dropdown-sousmenu a:hover,
header #top-bar-nav .active a:hover							{ background: none; background-image: none; background-color: rgba(51,51,51, 0.5); }

header #top-bar-nav a										{ text-shadow:1px 1px 2px #000000; }
header #top-bar-nav a:hover									{ text-shadow:1px 1px 2px #000000; }
header #top-bar-nav .active a								{ text-shadow:1px 1px 2px #000000; }
header #top-bar-nav .active a:hover							{ text-shadow:1px 1px 2px #000000; }
header #top-bar-nav .active .dropdown-sousmenu a			{ text-shadow:1px 1px 2px #000000; }
header #top-bar-nav .active .dropdown-sousmenu a:hover		{ text-shadow:1px 1px 2px #000000; }

header.affix .top-bar										{
															padding: 0px; line-height: 35px; width:100%;
															background: #333333;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111)); /* Saf4 , Chrome */
															background-image: -webkit-linear-gradient(#333333,#111111); /* Chrome 10 , Saf5.1  */
															background-image:    -moz-linear-gradient(#333333,#111111); /* FF3.6 */
															background-image:     -ms-linear-gradient(#333333,#111111); /* IE10 */
															background-image:      -o-linear-gradient(#333333,#111111); /* Opera 11.10  */
															background-image:         linear-gradient(#333333,#111111);
															}
header.affix #top-bar-nav									{ color: #FFFFFF; }
header.affix #top-bar-nav a									{ color: #FFFFFF; background:none; margin: 0px; line-height: 35px; border-left:#333333 solid 1px; border-right:#111111 solid 1px; }
header.affix #top-bar-nav .active a,
header.affix #top-bar-nav .active a:hover					{
															color: #ee1111;
															background: #111111;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#333333)); /* Saf4 , Chrome */
															background-image: -webkit-linear-gradient(#111111,#333333); /* Chrome 10 , Saf5.1  */
															background-image:    -moz-linear-gradient(#111111,#333333); /* FF3.6 */
															background-image:     -ms-linear-gradient(#111111,#333333); /* IE10 */
															background-image:      -o-linear-gradient(#111111,#333333); /* Opera 11.10  */
															background-image:         linear-gradient(#111111,#333333);
															}
header #top-bar-nav .dropdown-menu a:hover,
header #top-bar-nav .dropdown-sousmenu a:hover,
header #top-bar-nav .active .dropdown-sousmenu a:hover,
header.affix #top-bar-nav .dropdown-menu a:hover,
header.affix #top-bar-nav .dropdown-sousmenu a:hover,
header.affix #top-bar-nav .active .dropdown-sousmenu a:hover,
header.affix #top-bar-nav a:hover							{
															color: #FFFFFF;
															background: #aa1111;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#aa1111), to(#ee1111)); /* Saf4 , Chrome */
															background-image: -webkit-linear-gradient(#aa1111,#ee1111); /* Chrome 10 , Saf5.1  */
															background-image:    -moz-linear-gradient(#aa1111,#ee1111); /* FF3.6 */
															background-image:     -ms-linear-gradient(#aa1111,#ee1111); /* IE10 */
															background-image:      -o-linear-gradient(#aa1111,#ee1111); /* Opera 11.10  */
															background-image:         linear-gradient(#aa1111,#ee1111);
															}
header #top-bar-nav .active .dropdown-sousmenu a,
header.affix #top-bar-nav .active .dropdown-sousmenu a 		{ color:#FFFFFF; background:none; }

#main														{ margin-top:-35px; }



/* BLOC MENU RESA */
#bloc-menu-resa2											{
															position:absolute; z-index:100; width:100%; height:120px; margin-top:0px; box-shadow: 0px 2px 2px #999999; text-align:center;
															color:#FFFFFF; background: none; background-image: none; background-color: rgba(51,51,51, 0.10);
															}
#bloc-menu-resa2 #menu-resa									{ margin-left: auto; margin-right:auto; top:0px; }

/* BLOC MENU RESA : LOGO */
#bloc-menu-resa2 #bloc-logo									{ display:inline-block; background:none; width:auto; height:120px; float:left; text-shadow:none; }
#bloc-menu-resa2 #bloc-logo div								{ display:inline-block; float:left; height:120px; font-size:12px; text-align:center; padding:0px; margin:0px; vertical-align:middle; }
#bloc-menu-resa2 #bloc-logo #logo-magasin					{ max-width:150px; vertical-align:middle; line-height:120px; }
#bloc-menu-resa2 #bloc-logo #logo-magasin img				{ margin:5px 0px; max-width:150px; max-height:110px; }
#bloc-menu-resa2 #bloc-logo #infos-magasin					{ display:none; }
#bloc-menu-resa2 #bloc-logo #infos-magasin span				{ display:block; max-width:200px; font-size:13px; }
#bloc-menu-resa2 #bloc-logo #infos-magasin .nom-magasin		{ color:#ff0000; text-shadow:1px 1px 0px #666666; }
#bloc-menu-resa2 #bloc-logo #infos-magasin .txt-location-ski{ color:#000000; }
#bloc-menu-resa2 #bloc-logo #infos-magasin .nom-station		{ color:#000000; }

/* BLOC MENU RESA : RESA */
#bloc-menu-resa2 #bloc-resa									{ font-size:14px; display:inline-block; background:none; height:120px; text-align:center; }
#bloc-menu-resa2 #bloc-resa div								{ display:inline-block; float:left; }
#bloc-menu-resa2 #bloc-resa #bloc-resa-titre				{
															border:1px solid #CCC;
															display:block; height:90px; max-width:115px; padding:5px; background:#FFF; border-radius:5px 0px 0px 5px; color:#aa1111; text-shadow:1px 1px 2px #FFFFFF; font-weight:900; font-size:14px; line-height:inherit; text-align:center; vertical-align:middle;
															margin:15px 1px; padding:10px 5px;
															background:#EEEEEE;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC)); /* Saf4 , Chrome */
															background-image: -webkit-linear-gradient(#EEEEEE,#CCCCCC); /* Chrome 10 , Saf5.1  */
															background-image:    -moz-linear-gradient(#EEEEEE,#CCCCCC); /* FF3.6 */
															background-image:     -ms-linear-gradient(#EEEEEE,#CCCCCC); /* IE10 */
															background-image:      -o-linear-gradient(#EEEEEE,#CCCCCC); /* Opera 11.10  */
															background-image:         linear-gradient(#EEEEEE,#CCCCCC);
															}
#bloc-menu-resa2 #bloc-resa #bloc-resa-multi-magasin span,
#bloc-menu-resa2 #bloc-resa #bloc-resa-date span,
#bloc-menu-resa2 #bloc-resa #bloc-resa-cp span,
#bloc-menu-resa2 #bloc-resa #bloc-resa-duree span			{ color:#FFFFFF; display:block; text-align:left; padding:8px 0px 0px 0px; }
#bloc-menu-resa2 #bloc-resa #bloc-resa-multi-magasin img,
#bloc-menu-resa2 #bloc-resa #bloc-resa-cp img,
#bloc-menu-resa2 #bloc-resa #bloc-resa-date img,
#bloc-menu-resa2 #bloc-resa #bloc_code_partenaire img,
#bloc-menu-resa2 #bloc-resa #bloc_tour_operator img,
#bloc-menu-resa2 #bloc-resa #bloc_select_chalet img,
#bloc-menu-resa2 #bloc-resa #bloc-resa-duree img			{ display:none; }
#bloc-menu-resa2 #bloc-resa #bloc-resa-multi-magasin,
#bloc-menu-resa2 #bloc-resa #bloc-resa-date,
#bloc-menu-resa2 #bloc-resa #bloc-resa-duree,
#bloc-menu-resa2 #bloc-resa #bloc-resa-cp					{ background-color:#444444; }
#bloc-menu-resa2 #bloc-resa #bloc-resa-multi-magasin,
#bloc-menu-resa2 #bloc-resa #bloc-resa-date,
#bloc-menu-resa2 #bloc-resa #bloc-resa-duree,
#bloc-menu-resa2 #bloc-resa #bloc-resa-cp,
#bloc-menu-resa2 #bloc-resa #bloc-resa-bou-ok				{ height:90px; line-height:inherit; padding:0px; margin:15px 1px; border-radius:0px; font-size:12px; }
#bloc-menu-resa2 #bloc-resa #bloc_code_partenaire,
#bloc-menu-resa2 #bloc-resa #bloc_tour_operator,
#bloc-menu-resa2 #bloc-resa #bloc_select_chalet				{ display:inline-block; }
#bloc-menu-resa2 #bloc-resa #bloc-resa-cp select			{ margin-top:13px; }
#bloc-menu-resa2 #bloc-resa #bloc_select_chalet				{ float:right; }
#bloc-menu-resa2 #bloc-resa #bloc-resa-bou-ok .bou-1		{
															display:block; height:90px; width:105px; line-height:inherit; padding:10px 25px 10px 5px; margin:0px; background:#aa1111 url(/templates/template_ccss_web_v1/images/fleche-droite.png) no-repeat; background-position:center right 10px; border:0px; border-radius:0px 5px 5px 0px; color:#FFFFFF font-weight:bold; font-size:12px; text-shadow:1px 1px 1px #000; text-decoration:none;
															white-space: pre-wrap;       /* css-3 */
															white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
															white-space: -pre-wrap;      /* Opera 4-6 */
															white-space: -o-pre-wrap;    /* Opera 7 */
															word-wrap: break-word;       /* Internet Explorer 5.5+ */ 
															}
#bloc-menu-resa2 #bloc-resa #bloc-resa-bou-ok .bou-1:hover	{ background:#ee1111 url(/templates/template_ccss_web_v1/images/fleche-droite.png) no-repeat; background-position:center right 10px; color:#FFFFFF; text-decoration:none; }
#bloc-menu-resa2 #bloc-resa #bloc-resa-msg-promo			{ display:none; }
#bloc-menu-resa2 #bloc-resa .num-etape-resa					{ float:left; width:22px; height:22px; border-radius:11px; background:#FFF; box-shadow:1px 1px 0px #000000; text-align:center; line-height:22px; color:#000000; font-size:14px; font-weight:bold; text-shadow:none; margin:7px 5px 0px 15px; }
#bloc-menu-resa2 #bloc-resa .titre-num-etape-resa			{ font-size:14px; }
#bloc-menu-resa2 #bloc-resa .form_custom,
#bloc-menu-resa2 #bloc-resa .form_custom_date				{ width:160px; }
#bloc-menu-resa2 #bloc-resa #form_multi_magasin,
#bloc-menu-resa2 #bloc-resa #form_date_deb_resa,
#bloc-menu-resa2 #bloc-resa #form_nb_jours_resa,
#bloc-menu-resa2 #bloc-resa #form_code_partenaire,
#bloc-menu-resa2 #bloc-resa #form_code_tour_operator,
#bloc-menu-resa2 #bloc-resa #form_chalet_tour_operator		{ max-width:150px; font-size:13px; margin:7px 15px; }



/* BLOC MENU RESA AFFIX */
#bloc-menu-resa2.affix										{
															position: fixed; top:35px; height:120px; margin-top:0px;
															color:#000000;
															background:#EEEEEE;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#CCCCCC)); /* Saf4 , Chrome */
															background-image: -webkit-linear-gradient(#EEEEEE,#CCCCCC); /* Chrome 10 , Saf5.1  */
															background-image:    -moz-linear-gradient(#EEEEEE,#CCCCCC); /* FF3.6 */
															background-image:     -ms-linear-gradient(#EEEEEE,#CCCCCC); /* IE10 */
															background-image:      -o-linear-gradient(#EEEEEE,#CCCCCC); /* Opera 11.10  */
															background-image:         linear-gradient(#EEEEEE,#CCCCCC);
															}
#bloc-menu-resa2.affix #bloc-resa #bloc-resa-titre			{ border:none; background:none; background-image:none; }
#bloc-menu-resa2.affix #bloc-resa #bloc-resa-date			{ border-radius:5px 0px 0px 5px; }

/* RESPONSIVE */
@media (max-width: 975px)									{
															#bloc-menu-resa2 #bloc-resa #bloc-resa-titre		{ display:none; }
															#bloc-menu-resa2 #bloc-resa #bloc-resa-date			{ border-radius:5px 0px 0px 5px;}
															}
@media (max-width: 865px)									{
															#bloc-menu-resa2 #bloc-logo							{ display:none; }
															#bloc-menu-resa2 #bloc-resa #bloc-resa-titre		{ display:none; }
															#bloc-menu-resa2 #bloc-resa #bloc-resa-date			{ border-radius:5px 0px 0px 5px;}
															}