@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; }

html														{ overflow-y: scroll; }
html, body, #page											{ height: 100%; padding:0px; margin:0px; }
body														{ font-family: Arial, Helvetica, sans-serif; background:#FFFFFF; color:#444444; font-size:14px; }
a															{ font-family: Arial, Helvetica, sans-serif; }
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; }
#header														{ font-family: Arial, Helvetica, sans-serif; font-size:14px; }
#wrap														{ min-height: 100%; padding-top:55px; }
#main														{ font-family: Arial, Helvetica, sans-serif; overflow:hidden; width:100%; margin-top:0px; padding:0px; padding-bottom:20px; }
#bloc-menu-resa												{ font-family: Arial, Helvetica, sans-serif; }
#footer														{ font-family: Arial, Helvetica, sans-serif; }
.ccss-footer												{ position: relative; margin-top: -20px; height: 20px; clear:both; }

/* BLOC PRELOAD */
#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; }

/* TOP BAR NAV */
header .top-bar												{
															padding: 0px; width:100%;
															height:55px; line-height: 55px;
															text-shadow:1px 1px 2px #000000; font-size:12px;
															background: #333333;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111));
															background-image: -webkit-linear-gradient(#333333,#111111);
															background-image:    -moz-linear-gradient(#333333,#111111);
															background-image:     -ms-linear-gradient(#333333,#111111);
															background-image:      -o-linear-gradient(#333333,#111111);
															background-image:         linear-gradient(#333333,#111111);
															}
header #top-bar-nav											{ height:55px; line-height: 55px; color: #FFFFFF; }
.navbar-default												{ padding:0px; background:none; }
header #top-bar-nav	.navbar-toggle							{ width:25px; height:25px; }
header #top-bar-nav .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; }
header #top-bar-nav a										{
															margin: 0px; border-left:#333333 solid 1px; border-right:#111111 solid 1px;
															height:55px; line-height: 55px; color: #FFFFFF; text-shadow:1px 1px 2px #000000;
															background: #333333;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#111111));
															background-image: -webkit-linear-gradient(#333333,#111111);
															background-image:    -moz-linear-gradient(#333333,#111111);
															background-image:     -ms-linear-gradient(#333333,#111111);
															background-image:      -o-linear-gradient(#333333,#111111);
															background-image:         linear-gradient(#333333,#111111);
															}
header #top-bar-nav	.dropdown-menu,
header #top-bar-nav .dropdown-sousmenu a					{ color: #FFFFFF; background:#333333; }
header #top-bar-nav .dropdown-menu a:hover,
header #top-bar-nav .dropdown-sousmenu a:hover,
header #top-bar-nav a:hover									{
															height:55px; line-height: 55px;
															color: #FFFFFF;
															background: #0da4dd;
															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);
															}
header #top-bar-nav .active a,
header #top-bar-nav .active .dropdown-sousmenu a:hover,
header #top-bar-nav .active a:hover							{
															color: #19c6e6;
															background: #111111;
															background-image: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#333333));
															background-image: -webkit-linear-gradient(#111111,#333333);
															background-image:    -moz-linear-gradient(#111111,#333333);
															background-image:     -ms-linear-gradient(#111111,#333333);
															background-image:      -o-linear-gradient(#111111,#333333);
															background-image:         linear-gradient(#111111,#333333);
															}
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 #top-bar-nav .dropdown-menu							{ background: #333333; }
header #top-bar-nav .dropdown-sousmenu,
header #top-bar-nav .dropdown-sousmenu a,
header #top-bar-nav .dropdown-sousmenu a:hover,
header #top-bar-nav .active .dropdown-sousmenu a:hover		{ background: #333333; height:35px; line-height: 35px; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; }

header #icones-langues										{ float:right; padding-left:10px; background:none;  }
header .icone-langue										{ width:21px; height:21px; padding:2px; background:#FFFFFF; border-radius:9px; }

header #top-bar-nav #infos-magasin							{
															height:55px; line-height:normal; text-align:left;
															float:left; margin-left:210px; padding:0px;
															background: #444444;
															cursor:pointer;
															}
header #top-bar-nav #infos-magasin:hover					{ background: #666666; }
header #top-bar-nav #infos-magasin span						{ display:block; margin:0px 10px 0px 0px; font-weight:bold; text-shadow:1px 1px 1px #000000; }
header #top-bar-nav #infos-magasin .nom-magasin				{ margin-top:10px; font-size:13px; color: #FFFFFF; max-width: 270px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
header #top-bar-nav #infos-magasin .nom-station				{ margin-top:5px; font-size:13px; color: #19c6e6; max-width: 270px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* BLOC LOGO */
#bloc-logo													{ margin-top:-60px; display:inline-block; background:none; width:auto; height:110px; float:left; text-shadow:none; }
#bloc-logo div												{ display:inline-block; float:left; height:110px; font-size:12px; text-align:center; padding:0px; margin:0px; vertical-align:middle; }
#bloc-logo #logo-magasin									{ max-height:110px; vertical-align:middle;  }
#bloc-logo #logo-magasin img								{ margin:5px 0px; max-height:110px; }

#bloc-logo.affix											{ height:55px; margin-left:65px; }
#bloc-logo.affix div										{ height:55px; }
#bloc-logo.affix #logo-magasin								{ max-height:55px; line-height:55px; }
#bloc-logo.affix #logo-magasin img							{ max-height:55px; }

/* BLOC MENU RESA : RESA */
#bloc-menu-resa												{
															position:absolute; z-index:100; width:100%; height:110px; 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-resa #menu-resa									{ margin-left: auto; margin-right:auto; top:0px; }
#bloc-menu-resa #bloc-resa									{ font-size:14px; display:inline-block; background:none; height:110px; text-align:center; }
#bloc-menu-resa #bloc-resa .bloc-resa-div					{ display:inline-block; float:left; }
#bloc-menu-resa #bloc-resa #bloc-resa-select-station,
#bloc-menu-resa #bloc-resa #bloc-resa-select-magasin,
#bloc-menu-resa #bloc-resa #bloc-resa-date,
#bloc-menu-resa #bloc-resa #bloc-resa-duree					{ width:180px; }
#bloc-menu-resa #bloc-resa #bloc-resa-titre					{
															border:1px solid #CCC;
															display:block; height:90px; max-width:135px; padding:5px; background:#FFF; border-radius:5px 0px 0px 5px; color:#19c6e6; text-shadow:1px 1px 2px #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-weight:800; font-size:14px; line-height:inherit; text-align:center; vertical-align:middle;
															margin:10px 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-resa #bloc-resa #bloc-resa-select-station .bloc-resa-span,
#bloc-menu-resa #bloc-resa #bloc-resa-select-magasin .bloc-resa-span,
#bloc-menu-resa #bloc-resa #bloc-resa-multi-magasin .bloc-resa-span,
#bloc-menu-resa #bloc-resa #bloc-resa-date .bloc-resa-span,
#bloc-menu-resa #bloc-resa #bloc-resa-duree .bloc-resa-span	{ color:#FFFFFF; display:block; text-align:left; padding:8px 0px 0px 0px; }
#bloc-menu-resa #bloc-resa #bloc-resa-select-station img,
#bloc-menu-resa #bloc-resa #bloc-resa-select-magasin img,
#bloc-menu-resa #bloc-resa #bloc-resa-multi-magasin img,
#bloc-menu-resa #bloc-resa #bloc-resa-date img,
#bloc-menu-resa #bloc-resa #bloc-resa-duree img				{ display:none; }
#bloc-menu-resa #bloc-resa #bloc-resa-select-station,
#bloc-menu-resa #bloc-resa #bloc-resa-select-magasin,
#bloc-menu-resa #bloc-resa #bloc-resa-multi-magasin,
#bloc-menu-resa #bloc-resa #bloc-resa-date,
#bloc-menu-resa #bloc-resa #bloc-resa-duree					{ background-color:#444444; }
#bloc-menu-resa #bloc-resa #bloc-resa-select-station,
#bloc-menu-resa #bloc-resa #bloc-resa-select-magasin,
#bloc-menu-resa #bloc-resa #bloc-resa-multi-magasin,
#bloc-menu-resa #bloc-resa #bloc-resa-date,
#bloc-menu-resa #bloc-resa #bloc-resa-duree,
#bloc-menu-resa #bloc-resa #bloc-resa-bou-ok				{ height:90px; line-height:inherit; padding:0px; margin:10px 1px; border-radius:0px; font-size:12px; }
#bloc-menu-resa #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:#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 #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 #bloc-resa #bloc-resa-msg-promo				{ display:none; }
#bloc-menu-resa #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 10px; }
#bloc-menu-resa #bloc-resa .titre-num-etape-resa			{ font-size:14px; }

/* BLOC MENU RESA AFFIX */
#bloc-menu-resa.affix										{
															position: fixed; top:55px; height:110px; margin-top:0px;
															color:#000000;
															background:#EEEEEE;
															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);
															}
#bloc-menu-resa.affix #bloc-resa #bloc-resa-titre			{ border:none; background:none; background-image:none; }
#bloc-menu-resa.affix #bloc-resa #bloc-resa-select-station	{ border-radius:5px 0px 0px 5px; }


/* DIAPO */
#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; opacity: 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.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-caption 								{ bottom:150px; left:-100px; }
#main-slider .carousel-caption-legende1						{ color:#ffffff; font-size:24px; font-weight:900; text-shadow:1px 1px 1px #000000,1px 1px 3px #000000; }
#main-slider .carousel-caption-legende2						{ color:#dddddd; font-size:20px; font-weight:bold; text-shadow:1px 1px 1px #000000,1px 1px 3px #000000; }

/* 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, .section_contenu									{ padding:30px 0px; }
#contenu img, .section_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; }

/* BLOC NEWSTICKER */
#newsticker-news											{ display:none; }
#newsticker-titre											{ font-size:14px; font-weight:bold; border-bottom:#CCCCCC dashed 1px; text-align:center; }
#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 img												{ border-radius:5px; }
#avantages .bloc-avantage									{ margin:12px 0px; padding:2px 5px 2px 2px; height:146px; }
#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_avantages											{ padding:25px 0px; }
.section_avantages h3										{ text-shadow:1px 1px 0px #000000; margin:0px; }
.section_avantages h4										{ font-size:14px; font-weight:bold; margin-top:0px; }
.section_avantages img										{ border-radius:5px; }
.section_avantages .bloc-avantage							{ margin:12px 0px; padding:2px 5px 2px 2px; height:146px; }
.section_avantages .bloc-avantage .pull-left				{ margin-right:8px; }
.section_avantages .bloc-avantage .avantage-txt				{ text-align:left; margin:5px 2px; overflow:hidden; height:130px; }
.section_avantages .bloc-avantage2							{ margin-top:15px; margin-bottom:15px; }
.section_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 img											{ border-radius:5px; }
#infos-station .bloc-infos-station							{ margin:12px 0px; padding:2px 5px 2px 2px; height:146px; }
#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));
															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);
															}
#bloc-social-network										{
															padding: 0px 5px;
															float:right;
															background:#0da4dd;
															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);
															}
#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 */
#bloc-menu-resa #bloc-resa .form_custom						{ background:#EEEEEE; color:#555555; font-size:12px; font-weight:normal; margin:5px 10px; border:#dddddd 1px solid; }
#bloc-menu-resa #bloc-resa .form_custom_date				{ background:#EEEEEE url(/templates/template_ccss_web_v1/images/icon-datepicker-4.png) no-repeat ; background-position:center right 5px; }
#bloc-menu-resa #bloc-resa .form_custom_select				{ background:#EEEEEE; color:#555555; font-size:12px; font-weight:normal; }
#bloc-menu-resa #bloc-resa .form_custom:hover,
#bloc-menu-resa #bloc-resa .form_custom_select:hover		{ background-color:#FFFFFF; }
#bloc-menu-resa #bloc-resa .form-control[disabled], 
#bloc-menu-resa #bloc-resa .form-control[readonly], 
#bloc-menu-resa #bloc-resa fieldset[disabled] .form-control	{ cursor:pointer; }
#bloc-menu-resa #bloc-resa .bs-searchbox .form-control		{ background:#ffffff url(/templates/template_ccss_web_v1/images/icon-search-16px.png) no-repeat ; background-position:center right 5px; }
#bloc-menu-resa #bloc-resa .form_custom						{ width:160px; }
.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; }

/* ALERT MOBILE */
#main-alert-mobile											{ display:none; visibility:hidden; }
#img-alert-mobile											{ background:#000000; display:inline-block; border-radius:10px; }

/* SOUS MENU AVEC UN SELECPICKER */
header .sousmenu-selectpicker													{ padding:0px; margin:0px; height:0px; width:0px; background:none; box-shadow:none; min-width:inherit; min-height:inherit; border:none; }
header .sousmenu-selectpicker button											{ display:none; }
header .sousmenu-selectpicker div.dropdown-menu.open							{ margin-top:-36px; min-width:200px; border-radius:0px 0px 5px 5px; }
header .sousmenu-selectpicker .bs-searchbox .form-control						{ background:#ffffff url(/templates/template_ccss_web_v1/images/icon-search-16px.png) no-repeat ; background-position:center right 5px; }

header #top-bar-nav .sousmenu-selectpicker .dropdown-sousmenu a					{ color: #FFFFFF; background:#333333; }
header #top-bar-nav .sousmenu-selectpicker .dropdown-sousmenu a:hover			{
																				color: #FFFFFF;
																				background: #0da4dd;
																				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);
																				}
header #top-bar-nav .sousmenu-selectpicker .active .dropdown-sousmenu a:hover	{
																				color: #19c6e6;
																				background: #111111;
																				background-image: -webkit-gradient(linear, left top, left bottom, from(#111111), to(#333333));
																				background-image: -webkit-linear-gradient(#111111,#333333);
																				background-image:    -moz-linear-gradient(#111111,#333333);
																				background-image:     -ms-linear-gradient(#111111,#333333);
																				background-image:      -o-linear-gradient(#111111,#333333);
																				background-image:         linear-gradient(#111111,#333333);
																				}
header #top-bar-nav .sousmenu-selectpicker .active .dropdown-sousmenu a,
header #top-bar-nav .sousmenu-selectpicker .active .dropdown-sousmenu a:hover	{ text-shadow:1px 1px 2px #000000; }
header #top-bar-nav .sousmenu-selectpicker .dropdown-sousmenu,
header #top-bar-nav .sousmenu-selectpicker .dropdown-sousmenu a,
header #top-bar-nav .sousmenu-selectpicker .dropdown-sousmenu a:hover,
header #top-bar-nav .sousmenu-selectpicker .active .dropdown-sousmenu a,
header #top-bar-nav .sousmenu-selectpicker .active .dropdown-sousmenu a:hover	{ height:35px; line-height: 35px; margin-top:0px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; }

/* RESPONSIVE */
.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 .navbar-nav li, .dropdown-menu li		{ font-size:12px; }
															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:12px; }
															header #top-bar-nav a							{ padding:0px 8px; }
															header #top-bar-nav #infos-magasin .nom-magasin	{ max-width: 175px; }
															header #top-bar-nav #infos-magasin .nom-station	{ max-width: 175px; }
															.container, .row								{ width:100%; }
															#bloc-menu-resa #bloc-resa .titre-num-etape-resa{ font-size:13px; }
															#bloc-menu-resa #bloc-resa #bloc-resa-select-station,
															#bloc-menu-resa #bloc-resa #bloc-resa-select-magasin,
															#bloc-menu-resa #bloc-resa #bloc-resa-date,
															#bloc-menu-resa #bloc-resa #bloc-resa-duree		{ width:170px; }
															#bloc-menu-resa #bloc-resa .form_custom			{ width:150px; }
															#bloc-menu-resa #bloc-resa #bloc-resa-select-station .bloc-resa-span,
															#bloc-menu-resa #bloc-resa #bloc-resa-select-magasin .bloc-resa-span,
															#bloc-menu-resa #bloc-resa #bloc-resa-multi-magasin .bloc-resa-span,
															#bloc-menu-resa #bloc-resa #bloc-resa-date .bloc-resa-span,
															#bloc-menu-resa #bloc-resa #bloc-resa-duree .bloc-resa-span	{ padding:9px 0px 0px 0px; }
															}
@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:12px; }
															header.affix #top-bar-nav a, 
															header #top-bar-nav a							{ padding:0px 15px; }
															header #top-bar-nav #infos-magasin .nom-magasin	{ max-width: 175px; }
															header #top-bar-nav #infos-magasin .nom-station	{ max-width: 175px; }
															.container, .row								{ width:100%; }
															#bloc-menu-resa #bloc-resa .titre-num-etape-resa{ font-size:12px; }
															#bloc-menu-resa #bloc-resa #bloc-resa-select-station,
															#bloc-menu-resa #bloc-resa #bloc-resa-select-magasin,
															#bloc-menu-resa #bloc-resa #bloc-resa-date		{ width:145px; }
															#bloc-menu-resa #bloc-resa #bloc-resa-duree		{ width:160px; }
															#bloc-menu-resa #bloc-resa .form_custom			{ width:125px; }
															#bloc-menu-resa #bloc-resa #bloc-resa-duree .form_custom	{ width:140px; }
															#bloc-menu-resa #bloc-resa #bloc-resa-select-station .bloc-resa-span,
															#bloc-menu-resa #bloc-resa #bloc-resa-select-magasin .bloc-resa-span,
															#bloc-menu-resa #bloc-resa #bloc-resa-multi-magasin .bloc-resa-span,
															#bloc-menu-resa #bloc-resa #bloc-resa-date .bloc-resa-span,
															#bloc-menu-resa #bloc-resa #bloc-resa-duree .bloc-resa-span	{ padding:10px 0px 0px 0px; }

															#bloc-menu-resa #bloc-resa #bloc-resa-titre		{ display:none; }
															#bloc-menu-resa #bloc-resa #bloc-resa-date		{ border-radius:5px 0px 0px 5px;}
															#bloc-logo										{ height:55px; margin-left:65px; }
															#bloc-logo div									{ height:55px; }
															#bloc-logo #logo-magasin						{ max-height:55px; line-height:55px; }
															#bloc-logo #logo-magasin img					{ max-height:55px; }

															header #top-bar-nav								{ width:500px; }
															header #top-bar-nav a,
															header #top-bar-nav .dropdown,
															header #top-bar-nav .dropdown-menu,
															header #top-bar-nav .dropdown-menu a:hover,
															header #top-bar-nav .dropdown-sousmenu a:hover,
															header #top-bar-nav a:hover						{ height:35px; line-height: 35px; border-bottom:#666666 solid 1px; }
															header #top-bar-nav .dropdown-menu				{ width:450px; }

															.navbar-header									{ padding-left:15px; }
															.top-bar .container								{ padding:0px; }
															header #icones-langues							{ padding-right:15px; }
															.navbar-header									{ float: none; }
															.navbar-left,.navbar-right						{ float: none !important; }
															.navbar-toggle									{ display: block; }
															header #top-bar-nav .bou-navbar-collapse		{ float:left; position:absolute; left:0px; margin:0px; height:55px; width:55px; line-height:55px; border-radius:0px; }
															.navbar-collapse								{ border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
															.navbar-fixed-top								{ top: 0; border-width: 0 0 1px; }
															.navbar-collapse.collapse						{ display: none!important; }
															.navbar-nav										{ float: none!important; margin-top: 0px; }
															.navbar-nav>li									{ float: none; }
															.collapse.in									{ display:block !important; }
															.navbar-collapse.in								{ overflow-y: auto !important; }
															.navbar-nav .open .dropdown-menu				{ position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; }
															.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header	{ padding: 0px 15px 0px 25px; }
															.navbar-inverse .navbar-nav .open .dropdown-menu>li>a										{ color: #999; }
															.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, 
															.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus									{ color: #fff; background-color: transparent; background-image:none; }
															}
@media (max-width: 767px)									{
															#bloc-logo										{ display:none; }
															}
@media (max-width: 650px)									{
															#bloc-logo										{ 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%; }
		}