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


article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
.no-margin					{ margin: 0; padding: 0; }
.no-margin-left				{ margin-left: 0; padding-left: 0; }
.no-margin-right			{ margin-right: 0; padding-right: 0; }
.animation-delay-250		{ -webkit-animation-delay: 250ms; animation-delay: 250ms; }
.animation-delay-500		{ -webkit-animation-delay: 500ms; animation-delay: 500ms; }
.animation-delay-750		{ -webkit-animation-delay: 750ms; animation-delay: 750ms; }
.animation-delay-1000		{ -webkit-animation-delay: 1000ms; animation-delay: 1000ms; }
.animation-delay-1250		{ -webkit-animation-delay: 1250ms; animation-delay: 1250ms; }
.animation-delay-1500		{ -webkit-animation-delay: 1500ms; animation-delay: 1500ms; }
.animation-delay-1750		{ -webkit-animation-delay: 1750ms; animation-delay: 1750ms; }
.animation-delay-2000		{ -webkit-animation-delay: 2000ms; animation-delay: 2000ms; }

/*************************************************** PERSO ***********************************************************************/

body						{ background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; color:#444444; font-size:14px; }
a, img, a img, input		{ margin:0; padding:0; border:none; border-style:none; outline-style:none; outline:none; }
a:hover, a:focus, a:active	{ margin:0; padding:0; border:none; border-style:none; outline-style:none; outline:none; }
#bloc-preloader				{ position:absolute; left:0px; background:#ffffff; width:100%; height:100%; vertical-align:middle; text-align:center; }
#bloc-preloader img			{ vertical-align:middle; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; }

/* POSITIONNE LE FOOTER EN BAS DE LA PAGE */
html						{ overflow-y: scroll; }
html, body, #page			{ height: 100%; padding:0px; margin:0px; }
#wrap						{ min-height: 100%; padding-top:35px; }
#main						{ overflow:hidden; width:100%; padding:0px; padding-bottom:20px; }
.ccss-footer				{ position: relative; margin-top: -20px; height: 20px; clear:both; }

/* HEADER */
#header						{ font-size:14px; }
#icones-langues				{ float:right; }
.icone-langue				{ width:21px; height:21px; padding:2px; background:#FFFFFF; border-radius:9px; }
.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);
							}
#top-bar-nav				{ color: #FFFFFF; }
#top-bar-nav a				{ color: #FFFFFF; background:none; padding:0px 15px; margin: 0px; line-height: 35px; border-left:#333333 solid 1px; border-right:#111111 solid 1px; }
#top-bar-nav .dropdown-menu a:hover,
#top-bar-nav .dropdown-sousmenu a:hover,
#top-bar-nav a:hover		{
							color: #FFFFFF;
							background: #0da4dd;
							background-image: -webkit-gradient(linear, left top, left bottom, from(#0da4dd), to(#19c6e6)); /* Saf4 , Chrome */
							background-image: -webkit-linear-gradient(#0da4dd,#19c6e6); /* Chrome 10 , Saf5.1  */
							background-image:    -moz-linear-gradient(#0da4dd,#19c6e6); /* FF3.6 */
							background-image:     -ms-linear-gradient(#0da4dd,#19c6e6); /* IE10 */
							background-image:      -o-linear-gradient(#0da4dd,#19c6e6); /* Opera 11.10  */
							background-image:         linear-gradient(#0da4dd,#19c6e6);
							}
#top-bar-nav .active a,
#top-bar-nav .active .dropdown-sousmenu a:hover,
#top-bar-nav .active a:hover
							{
							color: #19c6e6;
							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);
							}
.navbar-default				{ padding:0px; background:none; }
.navbar-toggle				{ width:25px; height:25px; }
.dropdown-menu				{ color: #FFFFFF; background:#333333; }
#top-bar-nav .dropdown-sousmenu a	{ color: #FFFFFF; background:#333333; }
.bou-navbar-collapse		{ font-size:16px; color:#FFF; margin:0px 5px; border:none; width:25px; height:25px; line-height:25px; border-radius:2px; background:#444444; }


/* BLOC MENU RESA */
#bloc-menu-resa												{ z-index:100; width:100%; position:absolute; margin-top:65px; color:#FFFFFF; }
#bloc-menu-resa.affix										{
															position: fixed; top:35px; height:80px; 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);
															-webkit-animation: fadeIn 900ms both;
															-moz-animation: fadeIn 900ms both;
															-o-animation: fadeIn 900ms both;
															-ms-animation: fadeIn 900ms both;
															animation: fadeIn 900ms both;
															}
#menu-resa													{ margin-left: auto; margin-right:auto; }
#bloc-menu-resa												{ box-shadow: 0px 2px 2px #999999; }

/* => BLOC LOGO */
#bloc-menu-resa #bloc-logo									{
															display:inline-block; width:230px; height:270px; float:left; text-align:center; text-shadow:1px 1px 0px #000000;
																															background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6+ */
																background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.7)), color-stop(100%,rgba(0,0,0,0.3))); /* Chrome,Safari4+ */
																background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10+,Safari5.1+ */
																background: -o-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 100%); /* Opera 11.10+ */
																background: -ms-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 100%); /* IE10+ */
																background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.3) 100%); /* W3C */
																filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */
																														}
#bloc-menu-resa #bloc-logo #logo-magasin img				{ margin:15px 0px 15px 0px; max-width:200px; max-height:120px; }
#bloc-menu-resa #bloc-logo #infos-magasin span				{ display:block; }
.nom-magasin												{ color:#19c6e6; font-family:Arial, Helvetica, sans-serif; font-size:19px; font-weight:700; }
.txt-location-ski											{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:20px; }
.nom-station												{ color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:700; }
.info-sup-bloc-logo											{ color:#19c6e6; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:700; }
#bloc-menu-resa.affix #bloc-logo							{ display:inline-block; background:none; width:auto; height:80px; float:left; text-shadow:none; }
#bloc-menu-resa.affix #bloc-logo div						{ display:inline-block; float:left; height:80px; font-size:12px; text-align:center; padding:0px; margin:0px; vertical-align:middle; }
#bloc-menu-resa.affix #bloc-logo #logo-magasin				{ max-width:150px; vertical-align:middle; line-height:80px; }
#bloc-menu-resa.affix #bloc-logo #logo-magasin img			{ margin:5px 0px; max-width:150px; max-height:70px; }
#bloc-menu-resa.affix #bloc-logo #infos-magasin				{ padding:5px; }
#bloc-menu-resa.affix #bloc-logo #infos-magasin span		{ display:block; max-width:200px; font-size:13px; }
#bloc-menu-resa.affix #bloc-logo #infos-magasin .nom-magasin		{ color:#19c6e6; text-shadow:1px 1px 0px #666666; }
#bloc-menu-resa.affix #bloc-logo #infos-magasin .txt-location-ski	{ color:#000000; }
#bloc-menu-resa.affix #bloc-logo #infos-magasin .nom-station		{ color:#000000; }
#bloc-menu-resa.affix #bloc-logo #infos-magasin .info-sup-bloc-logo	{ color:#19c6e6; text-shadow:1px 1px 0px #666666; }

/* => BLOC RESA */
#bloc-menu-resa #bloc-resa									{ display:inline-block; height:270px; background-color:#000000; color:#FFFFFF; text-shadow:1px 1px 0px #000000; font-size:14px; }
#bloc-menu-resa #bloc-resa-titre							{
															height:30px; line-height:30px; padding:0px 15px; font-weight:bold;
															background: #19c6e6;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#19c6e6), to(#0da4dd)); /* Saf4 , Chrome */
															background-image: -webkit-linear-gradient(#19c6e6,#0da4dd); /* Chrome 10 , Saf5.1  */
															background-image:    -moz-linear-gradient(#19c6e6,#0da4dd); /* FF3.6 */
															background-image:     -ms-linear-gradient(#19c6e6,#0da4dd); /* IE10 */
															background-image:      -o-linear-gradient(#19c6e6,#0da4dd); /* Opera 11.10  */
															background-image:         linear-gradient(#19c6e6,#0da4dd);
															}
#bloc-menu-resa #bloc-resa-select-station,
#bloc-menu-resa #bloc-resa-multi-magasin,
#bloc-menu-resa #bloc-resa-date, 
#bloc-menu-resa #bloc-resa-duree							{ background-color:#444444; height:40px; line-height:40px; border-radius:20px 0px 0px 20px; margin:20px 15px 0px 15px; text-align:right; }
#bloc-menu-resa #bloc-resa-cp								{ background-color:#444444; min-height:40px; border-radius:20px 0px 0px 20px; margin:20px 15px 0px 15px; text-align:right; }
#bloc-menu-resa #bloc-resa-msg-promo						{ margin:10px 15px 0px 15px; text-align:center; color:#19c6e6; font-style:italic; }
#bloc-menu-resa #bloc-resa-bou-ok							{ margin:20px 15px 0px 15px; text-align:right; }
#bloc-menu-resa #bloc-resa .num-etape-resa					{ float:left; width:30px; height:30px; border-radius:15px; background:#FFF; box-shadow:1px 1px 0px #000000; text-align:center; line-height:30px; color:#000000; font-size:16px; font-weight:bold; text-shadow:none; margin:5px; }
#bloc-menu-resa #bloc-resa .select2-container--default .select2-selection--single, 
#bloc-menu-resa #bloc-resa .form_custom,
#bloc-menu-resa #bloc-resa .form_custom_date				{ width:120px; }
#bloc-menu-resa.affix #bloc-resa							{ display:inline-block; background:none; height:80px; float:right;}
#bloc-menu-resa.affix #bloc-resa div						{ display:inline-block; float:left; }
#bloc-menu-resa.affix #bloc-resa #bloc-resa-titre			{ display:none; }
#bloc-menu-resa.affix #bloc-resa #bloc-resa-select-station span,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-multi-magasin span,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-date span,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-cp span,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-duree span		{ display:block; text-align:left; padding:5px 0px 0px 0px; }
#bloc-menu-resa.affix #bloc-resa #bloc-resa-cp img,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-date img,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-select-station img,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-multi-magasin img,
#bloc-menu-resa.affix #bloc-resa #bloc_code_partenaire img,
#bloc-menu-resa.affix #bloc-resa #bloc_tour_operator img,
#bloc-menu-resa.affix #bloc-resa #bloc_select_chalet img,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-duree img		{ display:none; }
#bloc-menu-resa.affix #bloc-resa #bloc-resa-select-station,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-multi-magasin,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-date,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-duree,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-cp,
#bloc-menu-resa.affix #bloc-resa #bloc-resa-bou-ok			{ height:70px; line-height:inherit; padding:0px; margin:5px 1px; border-radius:0px; font-size:12px; }

/* #bloc-menu-resa.affix #bloc-resa #bloc-resa-cp				{ width:330px; } */
#bloc-menu-resa.affix #bloc-resa #bloc_code_partenaire,
#bloc-menu-resa.affix #bloc-resa #bloc_tour_operator,
#bloc-menu-resa.affix #bloc-resa #bloc_select_chalet		{ display:inline-block; }
#bloc-menu-resa.affix #bloc-resa #bloc-resa-cp select		{ margin-top:10px; }
#bloc-menu-resa.affix #bloc-resa #bloc_select_chalet		{ float:right; }
	#bloc-menu-resa.affix #bloc-resa #bloc-resa-date			{ border-radius:5px 0px 0px 5px;}
#bloc-menu-resa.affix #bloc-resa #bloc-resa-bou-ok .bou-1	{
															display:block; height:70px; width:100px; line-height:inherit; padding:5px 25px 5px 5px; margin:0px; background:#19c6e6 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-resa.affix #bloc-resa #bloc-resa-bou-ok .bou-1:hover	{ background:#0da4dd url(/templates/template_ccss_web_v1/images/fleche-droite.png) no-repeat; background-position:center right 10px; color:#FFFFFF; text-decoration:none; }
#bloc-menu-resa.affix #bloc-resa #bloc-resa-msg-promo		{ display:none; }
#bloc-menu-resa.affix #bloc-resa .num-etape-resa			{ float:left; width:18px; height:18px; border-radius:9px; background:#FFF; box-shadow:1px 1px 0px #000000; text-align:center; line-height:18px; color:#000000; font-size:10px; font-weight:bold; text-shadow:none; margin:5px 5px 0px 5px; }
#bloc-menu-resa.affix #bloc-resa .titre-num-etape-resa		{ font-size:12px; }
#bloc-menu-resa.affix #bloc-resa .select2-container--default .select2-selection--single, 
#bloc-menu-resa.affix #bloc-resa .form_custom,
#bloc-menu-resa.affix #bloc-resa .form_custom_date			{ width:150px; }
#bloc-menu-resa.affix #bloc-resa .select2-container--default .select2-selection--single, 
#bloc-menu-resa.affix #bloc-resa #form_station_select,
#bloc-menu-resa.affix #bloc-resa #form_multi_magasin,
#bloc-menu-resa.affix #bloc-resa #form_date_deb_resa,
#bloc-menu-resa.affix #bloc-resa #form_nb_jours_resa,
#bloc-menu-resa.affix #bloc-resa #form_code_partenaire,
#bloc-menu-resa.affix #bloc-resa #form_code_tour_operator,
#bloc-menu-resa.affix #bloc-resa #form_chalet_tour_operator	{ max-width:140px; font-size:13px; }
#bloc-menu-resa.affix #bloc-resa .select2-container--default .select2-selection--single, 
#bloc-menu-resa.affix #bloc-resa #form_station_select, 
#bloc-menu-resa.affix #bloc-resa #form_multi_magasin		{ max-width:140px; font-size:11px; }

/* DIAPO HEADER */
#main-slider								{ position: relative; }
#main-slider .carousel .item				{
											background-position: 50%;
											background-repeat: no-repeat;
											background-size: cover;
											left: 0 !important;
											top: 0;
											position: absolute;
											width: 100%;
											display: block !important;
											height: 300px;
											}
#main-slider .carousel .item:first-child	{ top: auto; position: relative; }
#main-slider .carousel .item.active			{ z-index: 1; }
#main-slider .carousel .carousel-control	{ z-index: 2; }
#main-slider .carousel-fade .item			{
											opacity: 0;
											-webkit-transition: opacity ease-in-out 2000ms;
											-moz-transition: opacity ease-in-out 2000ms;
											-o-transition: opacity ease-in-out 2000ms;
											transition: opacity ease-in-out 2000ms;
											}

#main-slider .carousel .item.active {
  opacity: 1;
}
#main-slider .carousel .item.active.left,
#main-slider .carousel .item.active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
#main-slider .carousel .item.next.left,
#main-slider .carousel .item.prev.right {
  opacity: 1;
}

/*
#main-slider .carousel-fade .item.active	{
											opacity: 1;
											-webkit-transition: opacity ease-in-out 2000ms;
											-moz-transition: opacity ease-in-out 2000ms;
											-o-transition: opacity ease-in-out 2000ms;
											transition: opacity ease-in-out 2000ms;
											}
*/
/* SECTIONS */

.section_type1							{ background:#DDDDDD; color:#666666; }
.section_type1 .titre					{ color:#666666; }
.section_type1 a						{ background:none; color:#666666; }
.section_type1 a:hover					{ background:#19c6e6; color:#FFFFFF; }

.section_type2							{ background:#FFFFFF; color:#444444; }
.section_type2 .titre					{ color:#000000; }
.section_type2 a						{ background:none; color:#19c6e6; }
.section_type2 a:hover					{ background:none; color:#0da4dd; }

.section_type3							{ background:#444444; color:#DDDDDD; }
.section_type3 .titre					{ color:#FFFFFF; }
.section_type3 a						{ background:none; color:#19c6e6; }
.section_type3 a:hover					{ background:none; color:#0da4dd; }

.section_bloc1							{ border:#CCCCCC solid 1px; border-radius:5px; color:#666666; padding:10px; font-size:12px; background-color:#FBFBFB; }
.section_bloc1 .titre					{ color:#444444; }
.section_bloc1 a						{ color:#19c6e6; }
.section_bloc1 a:hover					{ color:#0da4dd; }

/* SECTION TITRE PAGE */
#titre_page								{ height:40px; }
#titre_page h3							{ display: inline-block; font-size:18px; font-weight:normal; margin:0px; padding:8px 0px; }
#titre_page h3 i						{ display: inline-block; font-size:24px; margin-right:10px; }
.social									{ float: right; text-align:right; font-size:14px; margin-top:8px; }
.social-share							{ display: inline-block; list-style: none; padding: 0; margin: 0; }
ul.social-share li						{ display: inline-block; }
ul.social-share li a					{ background:none; color:#666666; display: inline-block; font-size:16px; width: 26px; height: 26px; line-height: 24px; text-align: center; border-radius: 5px; border:1px solid #666666; }
ul.social-share li a:hover				{ background:#19c6e6; color:#FFFFFF; border:1px solid #FFFFFF; }

.social-follow-us						{ display: inline-block; list-style: none; padding: 0; margin: 0; }
ul.social-follow-us						{ margin-right:40px; }
ul.social-follow-us li					{ display: inline-block; }
ul.social-follow-us i					{ font-size:16px; margin-right:10px; }
ul.social-follow-us li a				{ background:#19c6e6; color:#FFFFFF; display: inline-block; font-size:13px; width: auto; height: 26px; line-height: 24px; text-align: center; border-radius: 5px; border:1px solid #FFFFFF; padding:0px 5px; }
ul.social-follow-us li a:hover			{ background:none; color:#666666; border:1px solid #666666; text-decoration:none; }


/* SECTION CONTENU */
#contenu								{ padding:30px 0px; }
#contenu img							{ width:100%;}
.photo									{ margin-bottom:30px; }
.cadre-photo							{
										background-color:#FBFBFB;
										padding:10px;
										margin-bottom:30px;
										border: 1px solid #CCCCCC;
										border-radius:5px;
										-moz-box-shadow: 1px 1px 12px #aaa; 
										-webkit-box-shadow: 1px 1px 12px #aaa; 
										box-shadow: 1px 1px 12px #aaa;
										}
.cadre-photo2							{
										background-color:#FBFBFB;
										border: 1px solid #CCCCCC;
										border-radius:5px;
										}
.cadre-photo2 img						{ border-radius:5px; }
.content-popup							{ padding:20px 10px; }
.content-popup .bou-close				{ text-align:center; padding-top:20px; }

/* MENU CATEGORIES */
.menu-categories						{ float:left; width:230px; margin:0px; padding:0px; }
.menu-categories ul						{ list-style: none; margin:0px; padding:0px; }
.menu-categories-titre					{
										display: block; width:230px; height:40px; line-height:40px; text-align:center; margin:0px; padding:0px; border-radius:5px 5px 0px 0px; color: #FFFFFF; font-weight:bold;
										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);
										}
.menu-categories-item					{ margin:0px; padding:0px; color:#666666; font-weight:500; }
.menu-categories-item a					{ display: block; width:230px; height:35px; line-height:35px; margin:0px; padding:0px 10px; background:#EEEEEE; color:#666666; border-bottom:1px solid #BBBBBB; text-decoration: none; }
.menu-categories-item a:hover			{ background:#999999; color:#EEEEEE; border-bottom:1px solid #CCCCCC; text-decoration: none; }
.menu-categories-item a.active			{ background:#CCCCCC; color:#333333; border-bottom:1px solid #999999; }
.menu-categories-item a.last-child		{ border:none; border-radius:0px 0px 5px 5px; }
.menu-categories-item-msg				{ display: block; width:230px; margin:0px; padding:10px; background:#EEEEEE; color:#666666; border-bottom:1px solid #999999;border:none; border-radius:0px 0px 5px 5px; }

/* SECTION CONTENU "PARTENAIRES" */
.contenu-partenaires					{ margin:0px 0px 0px 260px; }

/* SECTION CONTENU "CCSS" */
.ccss-coordonnees,
.ccss-recap,
.liste-packs							{ margin:0px 300px 0px 250px; }
b.cercle								{ display:inline-block; width: 15px; height: 15px; margin: 2px 10px 2px 0px; border-radius: 50%; float:left; box-shadow:1px 1px 1px #666; }
.pack-materiel							{ border-bottom:#CCC 1px solid; padding-bottom:15px; margin-bottom:15px; }
.pack-materiel-tarif-options			{ float:right; width:175px; height:145px; }
.pack-materiel-tarif					{ width:100%; height:30px; line-height:30px; border-radius:5px 5px 0px 0px; background:#333333; color:#FFFFFF; font-weight:bold; text-align:center; }
.pack-materiel-titre					{ display:inline-block; height: 21px; line-height:21px; vertical-align:middle; font-size:16px; font-weight:bold; margin-bottom:5px; }
.pack-materiel-contenu					{ height:145px; margin-right:180px; }
.pack-materiel-options					{ position:absolute; top:0px; left:0px; width:100% }
.pack-materiel-options-photo			{ max-width:80px; max-height:80px; width:25%; display:inline-block; float:left; margin-top:20px; }
.table-titre,
#popup-titre,
#panier-titre-resa,
#panier-titre-panier					{ padding:0px 10px; margin:0px; width:100%; height:40px; line-height:40px; background:#111111; color:#FFFFFF; font-size:14px; font-weight:bold; text-align:left; }
#panier-etapes							{ padding:5px; background:#444444; color:#FFFFFF; }
#panier-etapes span						{ display:block; font-size:12px; font-weight:bold; margin:5px 0px; }
#panier-etapes span a,
#panier-etapes span a:hover				{ text-decoration:none; }
#panier-etapes span i					{ width:20px; height:20px; line-height:18px; text-align:center; background:#000; border-radius:5px; }
#panier-liste-packs						{ padding:5px; background:#CCCCCC; color:#333333; font-size:10px; }
#panier-titre-resa											{ border-radius:5px 5px 0px 0px; }
#panier-icon-titre-resa										{ display:inline-block; vertical-align:middle; width:22px; height:22px; margin-right:15px; background:url(/templates/template_ccss_web_v1/images/skieur-white.png) no-repeat; }
#panier-icon-titre-panier									{ display:inline-block; vertical-align:middle; width:22px; height:22px; margin-right:15px; background:url(/templates/template_ccss_web_v1/images/panier-white.png) no-repeat; }
#panier-remise-panier										{ padding:5px; background:#CCCCCC; color:#333333; font-size:11px; border-top:1px #999999 solid; }
#panier-liste-packs-total									{ padding:5px; background:#CCCCCC; color:#333333; font-size:11px; border-top:1px #999999 solid; font-weight:bold; }
#panier-champ-code-promo									{ padding:5px; background:#CCCCCC; color:#333333; font-size:11px; border-top:1px #999999 solid; }
#panier-bou-etape											{ padding:10px; width:100%; border-radius:0px 0px 15px 15px; background:#444444; color:#FFFFFF; font-weight:bold; text-align:center; }
#panier_bou_paiement_cb										{ width:100%; font-size:11px }
#panier_bou_paiement_chq									{ width:100%; font-size:11px }
.popup-soustitre						{ padding:5px; background:#CCCCCC; color:#333333; font-size:12px; font-weight:bold; text-align:center; }
.cadre_paiement_securise				{ text-align:center; }
.cadre_paiement_securise img			{ width:inherit; }
.table-titre							{ text-align:center; }
.table-sous-titre						{ background:#CCCCCC; color:#333333; border-top: #666 1px solid; }
.table-intitule							{ font-weight:bold; text-align:right; }
.input-group-bou-info,
.input-group-bou-info:hover				{ background:#06F; text-align:center; padding:0px; display:inline-block; width:20px; height:30px; line-height:30px; }

/* NEWSTICKER */
#newsticker-news						{ display:none; }
#newsticker-titre						{ font-size:14px; font-weight:bold; border-bottom:#CCCCCC dashed 1px; }
#newsticker-content						{ min-height:200px; margin:5px; }
#nav-newsticker							{ text-align:right; font-size:24px }

/* SECTION AVANTAGES */
#avantages								{ padding:25px 0px; }
#avantages h3							{ text-shadow:1px 1px 0px #000000; margin:0px; }
#avantages h4							{ font-size:14px; font-weight:bold; margin-top:0px; }
#avantages .bloc-avantage				{ padding:0px 5px; margin:12px 0px; height:142px; }
#avantages .bloc-avantage .pull-left	{ margin-right:8px; }
#avantages .bloc-avantage .avantage-txt	{ text-align:left; margin:5px 2px; overflow:hidden; height:130px; }
#avantages .bloc-avantage2				{ margin-top:15px; margin-bottom:15px; }
#avantages .bloc-avantage2 h4			{ font-size:14px; font-weight:bold; margin:10px 0; }

/* SECTION INFOS-STATION */
#infos-station							{ padding:25px 0px; }
#infos-station h3						{ text-shadow:1px 1px 0px #000000; margin:0px; }
#infos-station h4						{ font-size:14px; font-weight:bold; margin-top:0px; }
#infos-station .bloc-infos-station		{ padding:0px 5px; margin:12px 0px; height:142px; }
#infos-station .bloc-infos-station .pull-left			{ margin-right:8px; }
#infos-station .bloc-infos-station .infos-station-txt	{ text-align:left; margin:5px 2px; overflow:hidden; height:130px; }

/* SECTION CONTACT */
#contact								{ padding:30px 0px; font-size:14px; }
#contact i								{ font-size:16px; }
.bloc-contact							{ display:text-align:left; margin-bottom:30px; font-size:14px; }
.bloc-contact-item						{ display:block; width:100%; }
.bloc-contact-icon						{ font-size:16px; display:inline-block; width:30px; text-align:center; vertical-align:top; }

/* FOOTER */
#footer									{ line-height:25px; min-height:25px; margin-top:-25px; color:#FFFFFF; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-shadow: 1px 1px 1px #000000; box-shadow: 0px -2px 2px #999999; }
#footer a								{ margin: 0px 5px; color:#FFFFFF; }
#footer a:hover							{ text-decoration:underline; }
#footer ul								{ list-style: none; padding: 0; margin: 0; }
#footer ul > li 						{ display: inline-block; }
.background-footer						{
										background:#19c6e6;
										background-image: -webkit-gradient(linear, left top, left bottom, from(#19c6e6), to(#0da4dd)); /* Saf4 , Chrome */
										background-image: -webkit-linear-gradient(#19c6e6,#0da4dd); /* Chrome 10 , Saf5.1  */
										background-image:    -moz-linear-gradient(#19c6e6,#0da4dd); /* FF3.6 */
										background-image:     -ms-linear-gradient(#19c6e6,#0da4dd); /* IE10 */
										background-image:      -o-linear-gradient(#19c6e6,#0da4dd); /* Opera 11.10  */
										background-image:         linear-gradient(#19c6e6,#0da4dd);
										}
#bloc-social-network					{
										padding: 0px 5px;
										float:right;
										background:#0da4dd;
										background-image: -webkit-gradient(linear, left top, left bottom, from(#0da4dd), to(#19c6e6)); /* Saf4 , Chrome */
										background-image: -webkit-linear-gradient(#0da4dd,#19c6e6); /* Chrome 10 , Saf5.1  */
										background-image:    -moz-linear-gradient(#0da4dd,#19c6e6); /* FF3.6 */
										background-image:     -ms-linear-gradient(#0da4dd,#19c6e6); /* IE10 */
										background-image:      -o-linear-gradient(#0da4dd,#19c6e6); /* Opera 11.10  */
										background-image:         linear-gradient(#0da4dd,#19c6e6);
										}
#bloc-social-network img				{ width:20px; height:20px; padding:0px; margin:0px; }
#bloc-social-network a					{ padding:0px; margin:0px; }

/* RETOUR AU TOP */
.back-to-top,
.back-to-top:hover,
.back-to-top:focus,
.back-to-top:active						{ position: fixed; bottom: 30px; right: 10px; color: #000000; background-color: rgba(235, 235, 235, 0.80); padding: 5px; margin:0px; display: none; border-radius:5px; }
.back-to-top:hover						{ background-color: rgba(135, 135, 135, 0.50); }
.back-to-top i							{ color:#00000; padding:0px; margin:0px; }

/* CUSTOM LES ELEMENTS FORM */
input.form_custom_date					{ color:#555555; font-size:14px; font-weight:normal; height:30px; line-height:30px; background:#EEEEEE url(/templates/template_ccss_web_v1/images/icon-datepicker-4.png) no-repeat ; background-position:center right 2px; padding:0px 8px; margin:5px; border-radius:3px; border:#999999 solid 1px; box-shadow:1px 1px 1px #000000; }
input.form_custom						{ color:#555555; font-size:14px; font-weight:normal; height:30px; line-height:30px; background:#EEEEEE; padding:0px 8px; margin:5px; border-radius:3px; border:#999999 solid 1px; box-shadow:1px 1px 1px #000000; }
.select2-container--default .select2-selection--single, 
select.form_custom						{ color:#333333; font-size:14px; font-weight:normal; height:30px; line-height:30px; background:#CCCCCC; padding-left:5px; margin:5px; border-radius:3px; border:#999999 solid 1px; box-shadow:1px 1px 1px #000000; }
.select2-container--default .select2-selection--single,
select.form_custom_multi_magasin		{ overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size:10px; }
select.menu_custom_multi_magasin		{ color:#333333; font-weight:normal; height:25px; line-height:25px; background:#CCCCCC; padding-left:3px; margin:0px 0px 0px 5px; border-radius:3px; border:#999999 solid 1px; box-shadow:1px 1px 1px #000000; max-width:150px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size:12px; }
.select2-container--default .select2-selection--single option,
select.form_custom option				{ color:#555555; font-size:14px; font-weight:normal; height:30px; line-height:30px; background:#EEEEEE; padding:5px; border-bottom:#dddddd 1px solid; border-top:#ffffff 1px solid; }
.select2-container--default .select2-selection--single option:checked,
select.form_custom option:checked		{ color:#333333; background:#CCCCCC;  }
.select2-container--default .select2-selection--single option::-moz-selection,
select.form_custom option::-moz-selection			{ color:#333333; background:#CCCCCC;  }
.select2-container--default .select2-selection--single option::selection,
select.form_custom option::selection	{ color:#333333; background:#CCCCCC;  }
.form_error, input.form_error, select.form_error	{ background-color:#FFCCCC; }
.input-max-size							{ max-width:350px; }
.input-max-size2						{ max-width:250px; }
.input-group-addon .fa					{ min-width:15px; }
.label-pos-left							{ display:inline-block; width:120px; float:left; text-align:right; margin-right:10px; font-size:12px; font-weight:normal; }
.form-vide								{ display:none; }

/* CUSTOM LES ELEMENTS BOUTONS ET LINK */
.bou-1, .bou-1:hover					{ text-transform:uppercase; display:inline-block; height:30px; line-height:30px; padding:0px 45px 0px 20px; margin:0px; background:#19c6e6 url(/templates/template_ccss_web_v1/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; border-radius:15px; color:#FFFFFF; font-weight:bold; font-size:12px; text-shadow:1px 1px 1px #000; text-decoration:none; }
.bou-1:hover							{ color:#FFFFFF; background:#0da4dd url(/templates/template_ccss_web_v1/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; text-decoration: none; }
.bou-1 a, .bou-1 a:hover				{ color:#FFFFFF; text-decoration: none; width:100%; display:inline-block; height:30px; line-height:30px; margin:0px; padding:0px; }

.bou-2, .bou-2:hover					{ display:inline-block; height:20px; line-height:20px; padding:0px; margin:0px; background:#19c6e6; border:0px; border-radius:10px; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:none; }
.bou-2:hover							{ color:#FFFFFF; background:#0da4dd; border:0px; text-decoration: none; }
.bou-2 a, .bou-2 a:hover				{ color:#FFFFFF; text-decoration: none; width:100%; display:inline-block; height:20px; line-height:20px; padding:0px 10px; }

.bou-3, .bou-3:hover					{ text-transform:uppercase; display:inline-block; height:30px; line-height:30px; padding:0px 45px 0px 20px; margin:0px; background:#0da4dd url(/templates/template_ccss_web_v1/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; border-radius:15px; color:#FFFFFF; font-weight:bold; font-size:12px; text-shadow:1px 1px 1px #000; text-decoration:none; }
.bou-3:hover							{ color:#FFFFFF; background:#19c6e6 url(/templates/template_ccss_web_v1/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; text-decoration: none; }
.bou-3 a, .bou-3 a:hover				{ color:#FFFFFF; text-decoration: none; width:100%; display:inline-block; height:30px; line-height:30px; margin:0px; padding:0px; }

.bou-1-link, .bou-1-link:hover			{ text-transform:uppercase; display:inline-block; height:30px; line-height:30px; padding:0px; margin:0px; background:#19c6e6 url(/templates/template_ccss_web_v1/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; border-radius:15px; color:#FFFFFF; font-weight:bold; font-size:12px; text-shadow:1px 1px 1px #000; text-decoration:none; }
.bou-1-link:hover						{ color:#FFFFFF; background:#0da4dd url(/templates/template_ccss_web_v1/images/fleche-droite.png) no-repeat; background-position:center right 15px; border:0px; text-decoration: none; }
.bou-1-link a, .bou-1-link a:hover		{ color:#FFFFFF; text-decoration: none; width:100%; display:inline-block; height:30px; line-height:30px; padding:0px 45px 0px 20px; }

/* DIVERS */
.row-centered							{ text-align:center; }
.col-centered							{ display:inline-block; float:none; text-align:center; vertical-align:top; margin-right:-4px; }
.responsive-mini-photo					{ width:100%; max-width:300px; }

/* CUSTOM FANCYBOX */
.fancybox-skin							{ background-color: #ffffff; }

/* RESPONSIVE */
#main-alert-mobile						{ display:none; visibility:hidden; }
.row									{ width: 100%; max-width: 1128px; margin:0px; padding:0px; }

@media (min-width: 1200px)
	{ /* lg */
	header .dropdown:hover .dropdown-menu		{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
	header.affix #top-bar-nav a,
	header #top-bar-nav a						{ padding:0px 15px; }
	}
@media (min-width: 992px) and (max-width: 1199px)
	{ /* md */
	header .dropdown:hover .dropdown-menu		{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
	header .navbar-nav li, .dropdown-menu li	{ font-size:13px; }
	header #top-bar-nav a						{ padding:0px 10px; }
	.container, .row							{ width:100%; }
	}
@media (min-width: 768px) and (max-width: 991px)
	{ /* sm */
	header .dropdown:hover .dropdown-menu		{ display: block; -webkit-animation: fadeInUp 400ms; animation: fadeInUp 400ms; }
	header .navbar-nav li, .dropdown-menu li	{ font-size:10.5px; }
	header.affix #top-bar-nav a,
	header #top-bar-nav a						{ padding:0px 7px; }
	#bloc-menu-resa.affix #bloc-logo #logo-magasin { display:none; }
	.container, .row							{ width:100%; }
	#choose_menu_multi_magasin					{ display:none; }
	}
	
	@media (max-width: 767px)
		{ /* xs */
		ul.social-share li a				{ width: 20px; height: 20px; border-radius: 2px; line-height:20px; }
		.social								{ position:absolute; right: 5px; }
		.dropdown							{ background:#333333; }
		header .dropdown-menu li			{ font-size:12px; padding-left:25px; }
		#bloc-menu-resa						{ visibility:hidden; }
		#main								{ display:none; visibility:hidden; }
		#main-alert-mobile					{ display:block; visibility:visible; }
		.container, .row					{ width:100%; }
		}
	@media (max-width: 650px)
		{ /* xs Portrait */
		ul.social-share li a				{ width: 20px; height: 20px; border-radius: 2px; line-height:20px; }
		.social								{ position:absolute; right: 5px; }
		.dropdown							{ background:#333333; }
		header .dropdown-menu li			{ font-size:12px; padding-left:25px; }
		#bloc-menu-resa						{ visibility:hidden; }
		#main								{ display:none; visibility:hidden; }
		#main-alert-mobile					{ display:block; visibility:visible; }
		.container, .row					{ width:100%; }
		}