@charset "utf-8";
/* CSS Document */
.infos-sup-ref												{ display:block; }


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

.no-padding, .no-padding .no-margin-left					{ padding:0; }
.no-padding, .no-padding .no-margin-right					{ padding:0; }

/* CONF GENERALE */
html														{ overflow-y: scroll; }
html, body, #page											{ height: 100%; padding:0px; margin:0px; }
body														{ font-family:'Roboto Condensed', Arial, Helvetica, sans-serif; background:#FFFFFF; color:#444444; font-size:15px; }
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-size:14px; }
#wrap														{ min-height: 100%; padding-top:80px; }
#main														{ overflow:hidden; width:100%; margin-top:-80px; padding:0px; padding-bottom:20px; }
#resa-mobile												{ display:none; }

/* POSITIONNE LE FOOTER EN BAS DE LA PAGE */
.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:80px; line-height: 80px; background: none; background-image: none; background-color: #aa1111; }
header #top-bar-nav											{ height:80px; line-height: 80px; color: #FFFFFF; }
.navbar-default												{ padding:0px; background:none; }
header #top-bar-nav	#logo-magasin2							{ float:left; height:80px; line-height:80px; }
	header #top-bar-nav	#logo-magasin2 img						{ max-height:70px; max-width:165px; }
header #top-bar-nav	.navbar-header							{ display:none; }
header #top-bar-nav	.navbar-toggle							{ width:80px; height:80px; }
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; font-weight:600; color: #FFFFFF; height:80px; line-height: 80px; background:none; }
header #top-bar-nav a:hover									{ background: none; background-image: none; background-color: #000000; }
header #top-bar-nav .active a,
header #top-bar-nav .active a:hover							{ background: none; background-image: none; background-color: #ee1111; }

header #top-bar-nav .dropdown-menu							{ background: none; background-image: none; background-color: #000000; text-align:center; margin-top:-5px; margin-right:-22px; text-transform:uppercase; padding:0px; }
header #top-bar-nav .dropdown-sousmenu a					{ background: none; background-image: none; background-color: #000000; height:35px; line-height: 35px; font-weight:normal; }
header #top-bar-nav .dropdown-sousmenu a:hover				{ background: none; background-image: none; background-color: #ee1111; }
header #top-bar-nav .active .dropdown-sousmenu a			{ background: none; background-image: none; background-color: #000000; }
header #top-bar-nav .active .dropdown-sousmenu a:hover		{ background: none; background-image: none; background-color: #ee1111; }

header .navbar-nav li, .dropdown-menu li					{ font-size:13px; }

header #icones-langues										{ float:right; padding:0px 15px; background:none;  }
header .icone-langue										{ width:22px; height:22px; padding:2px; margin-top:-3px; background:#FFFFFF; border-radius:11px; }

/* BLOC MENU RESA */
#bloc-menu-resa																		{
																					z-index:100; position:absolute; height:80px; margin-top:0px; margin-bottom:0px; width:100%; box-shadow: 0px 2px 2px #999999;
																											
																					color:#FFFFFF;
																					background:#000000;
																					}

#bloc-menu-resa.affix																{ position: fixed; top:80px; height:120px; }

#bloc-menu-resa #menu-resa															{ height:100%; max-width:1128px; margin-left:auto; margin-right:auto; position:relative; text-align:center; }

/* => BLOC LOGO */
#bloc-menu-resa #bloc-logo															{ display:none; }

/* => BLOC RESA */
#bloc-menu-resa .container															{ width: 100%; margin: 0px; padding: 0px 10px; }
#bloc-menu-resa #bloc-resa															{ color:#FFFFFF; font-size:14px; display:inline-block; height:80px; }
#bloc-menu-resa #bloc-resa #bloc-resa-titre											{ float: left; height: 60px; border: none; max-width: 400px; color:#FFFFFF; font-weight: bold; font-style: italic; font-size: 16px; line-height: 60px; text-align: center; vertical-align: middle; margin:10px 20px; margin-top:21px; padding: 0px; background:none; }
#bloc-menu-resa #bloc-resa .bloc-resa-champ,	
#bloc-menu-resa #bloc-resa #bloc-resa-bou-ok										{ display:inline-block; float:left; height:80px; line-height:inherit; padding:8px 0px; font-size:12px; }
#bloc-menu-resa #bloc-resa #bloc-resa-bou-ok #submit_deb_resa						{ padding:0px 10px; }
#bloc-menu-resa #bloc-resa .bloc-resa-champ .num-etape-resa							{ display:none; }
#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:135px; height:35px; font-size:14px; font-weight:normal; border:none; text-shadow:none; background: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0px 5px; }
#bloc-menu-resa #bloc-resa .form_custom_select_list									{ padding-right:20px; }
#bloc-menu-resa #bloc-resa #bloc-resa-msg-promo										{ display:none; }
#bloc-menu-resa #bloc-resa .bloc-resa-champ											{ text-align: left; }
#bloc-menu-resa #bloc-resa .bloc-resa-champ img										{ display:none; }
#bloc-menu-resa #bloc-resa .bloc-resa-champ .titre-num-etape-resa					{ font-size:14px; text-transform : uppercase; margin-left:-2px; }
#bloc-menu-resa #bloc-resa .form_custom_date										{ background: url(/templates/template_web/images/icon-datepicker-white.png) no-repeat; background-position:center right 6px; cursor:pointer; }
#bloc-menu-resa #bloc-resa #bloc-resa-bou-ok .bou-1									{ display:block; height:35px; line-height:35px; padding:0px; margin:0px; margin-top:25px; background:#FFFFFF; color:#000000; font-weight:bold; font-size:15px; text-decoration:none; border-radius:0px; border:#FFFFFF 1px solid; }
#bloc-menu-resa #bloc-resa #bloc-resa-bou-ok .bou-1:hover							{ background:#000000; color:#FFFFFF; text-decoration:none; border:#FFFFFF 1px solid; }
#bloc-menu-resa #bloc-resa #bloc-resa-champ-cp										{ margin-right:6px; }
#bloc-menu-resa #bloc-resa #bloc-resa-champ-cp div									{ float:left; margin:0px; }
#bloc-menu-resa #bloc-resa #bloc-resa-champ-date-deb-resa,
#bloc-menu-resa #bloc-resa #bloc-resa-champ-nb-jours-resa,
#bloc-menu-resa #bloc-resa #bloc-resa-champ-cp #bloc_code_partenaire				{ margin-right:15px; }
#bloc-menu-resa #bloc-resa #bloc-resa-champ-cp .titre-num-etape-resa				{ display: block; }
#bloc-menu-resa #bloc-resa #bloc-resa-champ-cp #bloc-resa-cp-to						{ width:276px; margin:0px; }
#bloc-menu-resa #bloc-resa #bloc-resa-champ-cp #bloc-resa-cp-to #bloc_select_chalet	{ margin-left:6px; margin-right:0px; }


/* => BLOC RESA CCBB */
#bloc-menu-resa #bloc-resa .form_custom_date										{ width:135px; height:35px; font-size:14px; font-weight:normal; border:none; text-shadow:none; background: none; box-shadow: none; background-color: transparent; background-image: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding:0px 5px; }
#bloc-menu-resa #bloc-resa #bloc-resa-date, #bloc-menu-resa #bloc-resa #bloc-resa-duree	{ margin-right: 15px; }


/* => BLOC RESA CCFB */
#bloc-menu-resa #bloc-logo.bloc-logo-ccfb #logo-magasin img							{ max-width:200px; }
#bloc-menu-resa #bloc-logo.bloc-logo-ccfb #infos-magasin							{ display:none; }
#bloc-menu-resa #bloc-resa.bloc-resa-ccfb #bloc-resa-ccfb-categorie					{ border-radius:5px 0px 0px 5px; }
#bloc-menu-resa #bloc-resa.bloc-resa-ccfb #bloc-resa-bou-ok .bou-1					{ width:140px; font-size:14px; }
#bloc-menu-resa.affix #bloc-logo.bloc-logo-ccfb #logo-magasin img					{ max-width:200px; }
#bloc-menu-resa.affix #bloc-logo.bloc-logo-ccfb #infos-magasin						{ display:none; }
#bloc-menu-resa.affix #bloc-resa.bloc-resa-ccfb #bloc-resa-ccfb-categorie			{ border-radius:5px 0px 0px 5px; }
#bloc-menu-resa.affix #bloc-resa.bloc-resa-ccfb #bloc-resa-bou-ok .bou-1			{ width:140px; font-size:14px; }

/* => BLOC RESA CCTB */
#bloc-menu-resa #bloc-resa #bloc-resa-titre.bloc-resa-titre-cctb					{ margin-bottom:5px; max-width:125px; padding:23px 5px; }
#bloc-menu-resa #bloc-resa.bloc-resa-cctb .bloc-resa-champ							{ background-color:#444444; height:30px; border-radius:0px; margin:0px 5px 2px 5px; text-align:right; }
#bloc-menu-resa #bloc-resa.bloc-resa-cctb .num-etape-resa							{ display:none; }
#bloc-menu-resa #bloc-resa.bloc-resa-cctb .titre-num-etape-resa						{ font-size:13px; text-align:center; margin:0px; }
#bloc-menu-resa #bloc-resa.bloc-resa-cctb .select2-container--default .select2-selection--single, 
#bloc-menu-resa #bloc-resa.bloc-resa-cctb .form_custom_date,
#bloc-menu-resa #bloc-resa.bloc-resa-cctb .form_custom								{ height:30px; padding:0px 2px; width:100px; margin:5px 10px; }
#bloc-menu-resa #bloc-resa.bloc-resa-cctb .form_custom_adresse						{ width:120px; }
#bloc-menu-resa #bloc-resa.bloc-resa-cctb .form_custom_date							{ background:#EEEEEE url(/templates/template_web/images/icon-datepicker-4.png) no-repeat; background-position:center right 5px; }
#bloc-menu-resa #bloc-resa.bloc-resa-cctb .form_custom_heure_resa					{ width:45px; margin-right:0px; }
#bloc-menu-resa #bloc-resa.bloc-resa-cctb .form_custom_minute_resa					{ width:45px; margin-left:0px; }
#bloc-menu-resa #bloc-resa.bloc-resa-cctb #bloc-resa-msg-promo						{ margin:10px 5px 0px 5px; font-size:12px; }
#bloc-menu-resa #bloc-resa.bloc-resa-cctb #bloc-resa-champ-adresse-depart			{ border-radius:5px 0px 0px 5px; }
#bloc-menu-resa #bloc-resa.bloc-resa-cctb .bloc-resa-champ,	
#bloc-menu-resa #bloc-resa.bloc-resa-cctb #bloc-resa-bou-ok							{ height:90px; padding:0px; margin:15px 1px; border-radius:0px; }

/* DIAPO */
#main-slider												{ position: relative; margin-top: 80px; }
#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								{ right:inherit; text-align:center; left:10%; top:10%; }
#main-slider .carousel-caption-legendes						{ display:inline-block; padding:15px 20px; background-color: rgba(170,17,17, 0.15); }
#main-slider .carousel-caption-legende1						{ color:#ffffff; font-size:35px; font-weight:bold; text-shadow:1px 1px 1px #000000, 1px 1px 2px #222222; }
#main-slider .carousel-caption-legende2						{ color:#eeeeee; font-size:24px; font-weight:bold; text-shadow:1px 1px 1px #000000, 1px 1px 2px #222222; font-style: italic; }


#main-slider .carousel .carousel-control 					{ visibility: hidden; }
#main-slider .carousel:hover .carousel-control				{ visibility: visible; }
#main-slider .carousel .carousel-control.left,
#main-slider .carousel .carousel-control.right				{ background-image: none; }

#main-slider .carousel .carousel-control.right:hover		{ 
															background: -moz-linear-gradient(right,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
															background: -webkit-gradient(linear, right left, right right, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1)));
															background: -webkit-linear-gradient(right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
															background: -o-linear-gradient(right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
															background: -ms-linear-gradient(right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
															background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
															filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#10000000',GradientType=3 );
															}
#main-slider .carousel .carousel-control.left:hover			{ 
															background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
															background: -webkit-gradient(linear, left left, left right, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1)));
															background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
															background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
															background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
															background: linear-gradient(to left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
															filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#10000000',GradientType=1 );
															}

#bou-scroll													{ position:absolute; bottom:20px; text-align:center; z-index:100; width:100%; }
#bou-scroll a, #bou-scroll a:active, #bou-scroll a:visited	{ text-decoration:none; display:inline-block; width:70px; height:70px; border-radius:35px; padding:15px 0px; color:#444444; background-color: rgba(255,255,255, 0.5); }
#bou-scroll a:hover											{ text-decoration:none; background-color: rgba(255,255,255, 0.9); }

/* SECTIONS */
.section_type1												{ background:#DDDDDD; color:#aa1111; }
.section_type1 .titre										{ color:#aa1111; }
.section_type1 a											{ background:none; color:#aa1111; }
.section_type1 a:hover										{ background:#aa1111; color:#FFFFFF; }

.section_type2												{ background:#FFFFFF; color:#444444; }
.section_type2 .titre										{ color:#aa1111; }
.section_type2 a											{ background:none; color:#aa1111; }
.section_type2 a:hover										{ background:none; color:#ee1111; }

.section_type3												{ background:#444444; color:#DDDDDD; }
.section_type3 .titre										{ color:#FFFFFF; }
.section_type3 a											{ background:none; color:#aa1111; }
.section_type3 a:hover										{ background:none; color:#ee1111; }

.section_bloc1												{ border:#CCCCCC solid 1px; color:#666666; padding:10px; font-size:12px; background-color:#FBFBFB; }
.section_bloc1 .titre										{ color:#aa1111; }
.section_bloc1 a											{ color:#aa1111; }
.section_bloc1 a:hover										{ color:#ee1111; }

/* 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:#aa1111; display: inline-block; font-size:16px; width: 26px; height: 26px; line-height: 24px; text-align: center; border-radius: 0px; border:1px solid #aa1111; }
ul.social-share li a:hover									{ background:#aa1111; 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:#aa1111; color:#FFFFFF; display: inline-block; font-size:13px; width: auto; height: 26px; line-height: 24px; text-align: center; border-radius: 0px; border:1px solid #FFFFFF; padding:0px 5px; }
ul.social-follow-us li a:hover								{ background:none; color:#aa1111; border:1px solid #aa1111; 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;
															border: 1px solid #CCCCCC;
															border-radius:5px;
															*/
															-moz-box-shadow: 1px 1px 5px #888; 
															-webkit-box-shadow: 1px 1px 5px #888; 
															box-shadow: 1px 1px 5px #888;
															margin-bottom:30px;
															}
.cadre-photo2												{
															background-color:#FBFBFB;
															border: 1px solid #CCCCCC;
															border-radius:5px;
															}
.cadre-photo2 img											{ border-radius:5px; }
.content-popup .row											{ padding-top: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:0px; color: #FFFFFF; font-weight:bold;
															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);
															}
.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; border-left:1px solid #BBBBBB; border-right: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-radius:0px; }
.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; background:#EEEEEE; }
.pack-materiel-tarif										{ width:100%; height:30px; line-height:30px; border-radius: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:0px; }
#panier-icon-titre-resa										{ display:inline-block; vertical-align:middle; width:22px; height:22px; margin-right:15px; background:url(/templates/template_web/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_web/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; background:#aa1111; color:#FFFFFF; text-align:center; margin-top:10px; font-size:15px; font-weight:bold; }
#panier_bou_paiement_cb										{ width:100%; font-size:14px }
#panier_bou_paiement_chq									{ width:100%; font-size:14px }
.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; }
.panier-icon-cb, .panier-icon-chq							{ display:none; }
.group-panier-icon-cb, .group-panier-icon-chq				{ width:100%; }

/* SECTION CONTENU "CCBB" */
.ccbb-coordonnees,
.ccbb-recap													{ margin:0px 300px 0px 250px; }
.ccbb-etape .menu-categories-item a							{ font-size:13px; white-space:nowrap; width:100%; overflow:hidden; text-overflow:ellipsis; }
.ccbb-etape .pack-materiel-tarif-options					{ float:right; width:175px; height:265px; }
.ccbb-etape .pack-materiel-contenu							{ height:265px; margin-right:180px; }
.ccbb-etape .bloc-pack-materiel-options						{ float:right; max-width:65px; margin-right:10px; }
.ccbb-etape .pack-materiel-options-photo					{ max-width:65px; max-height:65px; width:100%; display:inline-block; float-right;  margin-top:5px; }

/* SECTION CONTENU "CCTB" */
.cctb-etape #map-canvas										{ width:100%; height:380px; z-index:1000; }
.cctb-etape .titre_h3_cctb									{ font-size:16px; font-weight:bold; }
.cctb-etape .adresse_dep									{ background:url(/templates/template_web/images/cctb/start.png) no-repeat left; background-position:left top; padding-left:40px; min-height:40px; }
.cctb-etape .adresse_fin									{ background:url(/templates/template_web/images/cctb/end.png) no-repeat left; background-position:left top; padding-left:40px; min-height:40px; }
.cctb-etape .infos_parcours									{ background:url(/templates/template_web/images/cctb/infos-parcours.png) no-repeat left; background-position:left top; padding-left:40px; min-height:40px; }
.cctb-etape .tarif_parcours									{ padding-left:40px; min-height:40px; }
.cctb-etape .tarif_parcours .section_bloc1					{ display:inline-block; width:200px; height:65px; padding:5px; text-align:center; font-weight:bold; border-radius:5px 0px 0px 5px; vertical-align:middle; font-size:16px; }
.cctb-etape .tarif_parcours .bloc-cctb-tarif				{ float:right; width:95px; height:53px; background:#b53a8b; border:solid 1px #99337a; border-radius:5px; }
.cctb-etape .tarif_parcours .bloc-cctb-tarif2				{ float:right; width:95px; height:53px; line-height:53px; background:#99337a; border:solid 1px #99337a; border-radius:5px; text-align:center; color:#FFF; font-size:18px; font-weight:bold; text-shadow: 1px 1px 0px #000000; }
.cctb-etape .tarif_parcours .bloc-cctb-tarif-normal			{ width:100%; height:18px; line-height:18px; text-align:center; color:#DDD; font-size:12px; }
.cctb-etape .tarif_parcours .bloc-cctb-tarif-web			{ width:100%; height:35px; line-height:35px; background:#99337a; border-radius: 0px 0px 5px 5px; text-align:center; color:#FFF; font-size:18px; font-weight:bold; text-shadow: 1px 1px 0px #000000; }
.cctb-etape .tarif_parcours .bou-1							{ display:inline-block; width:120px; height:65px; border-radius:0px 5px 5px 0px; }
.cctb-etape .help-block										{ margin-left:130px; }

/* POPUP */
.table-titre,
#popup-titre												{ 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; }
.popup-soustitre											{ padding:5px; background:#CCCCCC; color:#333333; font-size:12px; font-weight:bold; text-align:center; }
.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; }
.navbar-popup-bottom										{ text-align:center; background-color:#DDD; height:40px; line-height:40px; margin:0px; padding:0px; min-height:inherit; }
.bou-close-popup, .bou-close-popup:hover, .bou-close-popup:active	{ display:inline-block; color:#FFF; background:#000; height:30px; line-height:30px; margin:0px; padding:0px 10px; border-radius:4px; text-decoration:none; }
.bou-close-popup:hover, .bou-close-popup:active				{ background:#666; }
.content-popup, .content-popup .section_contenu				{ padding:0px; }

/* NEWSTICKER */
#newsticker-news											{ display:none; }
#newsticker-titre											{ font-size:13px; font-weight:bold; border-bottom:#CCCCCC dashed 1px; text-align:center; padding-bottom:5px; margin-bottom:10px; }
#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_avantages2											{ padding:0px; }
.section_avantages2 .bloc-avantage2							{ margin-top:15px; margin-bottom:0px; padding-bottom:15px; }
.section_avantages2 .bloc-avantage2 h4						{ font-size:12px; font-weight:bold; margin:10px 0; text-align:center; }
.section_avantages2 .bloc-avantage2 p						{ font-size:11px; text-align:left; min-height:65px; }
.section_avantages2 .bloc-avantage2 .bou-2					{ float:right; }
.section_avantages2 .bloc-avantage2 img						{
															width:90px; height:90px;
															background-color:inherit;
															border:none;
															margin-bottom:10px;
															}

/* MMCV1 */
.mmcv1_bloc_section		{ padding:20px; }

/* 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_infos_station										{ padding:25px 0px; }
.section_infos_station h3									{ text-shadow:1px 1px 0px #000000; margin:0px; }
.section_infos_station h4									{ font-size:14px; font-weight:bold; margin-top:0px; }
.section_infos_station img									{ border-radius:5px; }
.section_infos_station .bloc-infos-station					{ margin:12px 0px; padding:2px 5px 2px 2px; height:146px; }
.section_infos_station .bloc-infos-station .pull-left		{ margin-right:8px; }
.section_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:24px; min-height:25px; margin-top:-25px; color:#FFFFFF; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; box-shadow: 0px -1px 1px #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:#444444; }
#bloc-social-network										{
															padding: 0px 5px;
															float:right;
															background:#000000;
															}
#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 */
.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; }

#bloc-menu-resa .bloc-resa-span								{ display:block; margin:5px 0px; padding:0px; width:180px; height:35px; border:#FFFFFF 1px solid; color:#FFFFFF; }
#bloc-menu-resa .bloc-resa-span:hover						{ background-color:#333333; }
#bloc-menu-resa #bloc-resa-multi-magasin .bloc-resa-span,
#bloc-menu-resa #bloc-resa-duree .bloc-resa-span,
#bloc-menu-resa #bloc-resa-champ-nb-jours-resa .bloc-resa-span,
#bloc-menu-resa #bloc_tour_operator .bloc-resa-span			{ background-image:url(/templates/template_web/images/icon-bouselect-white.png); background-repeat:no-repeat; background-position:center right 6px; }
#bloc-menu-resa select option								{ font-size:14px; font-weight:normal; color:#aa1111; height:25px; line-height:25px; border-top:#aa1111 1px solid; padding-top:3px; background-color:#FFFFFF; }
#bloc-menu-resa .bloc-resa-span-select-chalet				{ display: inline-block; float: right; margin-left: 6px; }
#bloc-menu-resa .bloc-resa-span-code-tour-operator			{ display: inline-block; float: left; }

#bloc-menu-resa #bloc-resa .bloc-resa-span					{ overflow:hidden; }
#bloc-menu-resa #bloc-resa .form_custom_select_list			{ width:180px; }

/* CUSTOM LES ELEMENTS BOUTONS ET LINK */
.bou-1, .bou-1:hover										{ text-transform:uppercase; display:inline-block; height:30px; line-height:30px; padding:0px 20px; margin:0px; background:#FFFFFF; border:#aa1111 1px solid; border-radius:0px; color:#aa1111; font-weight:bold; font-size:14px; text-decoration:none; }
.bou-1:hover												{ color:#FFFFFF; background:#aa1111; text-decoration: none; border:#FFFFFF 1px solid; }
.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										{ text-transform:uppercase; display:inline-block; height:22px; line-height:22px; padding:0px; margin:0px; background:#aa1111; border:#FFFFFF 1px solid; border-radius:0px; color:#FFFFFF; font-weight:bold; font-size:12px; text-decoration:none; }
.bou-2:hover												{ color:#aa1111; background:#FFFFFF; text-decoration: none; border:#aa1111 1px solid; }
.bou-2 a, .bou-2 a:hover									{ color:#FFFFFF; text-decoration: none; width:100%; display:inline-block; height:22px; line-height:22px; padding:0px 10px; }
.bou-2 a:hover												{ color:#aa1111; }

.bou-3, .bou-3:hover										{ text-transform:uppercase; display:inline-block; height:30px; line-height:30px; padding:0px 45px 0px 20px; margin:0px; background:#ee1111 url(/templates/template_web/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 #000000; text-decoration:none; }
.bou-3:hover												{ color:#FFFFFF; background:#aa1111 url(/templates/template_web/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:#FFFFFF; color:#aa1111; font-weight:bold; font-size:14px; text-decoration:none; }
.bou-1-link:hover											{ color:#FFFFFF; background:#ee1111 text-decoration: none; }
.bou-1-link a, .bou-1-link a:hover							{ color:#aa1111; text-decoration: none; width:100%; display:inline-block; height:30px; line-height:30px; padding:0px 10px; border:#aa1111 1px solid; }
.bou-1-link a:hover											{ color:#FFFFFF; background:#aa1111; text-decoration: none; border:#FFFFFF 1px solid; }

.bou-1-close, .bou-1-close:hover							{ text-transform:uppercase; display:inline-block; height:30px; line-height:30px; padding:0px 45px 0px 20px; margin:0px; background:#CC0000 url(/templates/template_web/images/icon-close.png) no-repeat; background-position:center right 5px; border:0px; border-radius:15px; color:#FFFFFF; font-weight:bold; font-size:12px; text-shadow:1px 1px 1px #000000; text-decoration:none; }
.bou-1-close:hover											{ color:#FFFFFF; background:#AA0000 url(/templates/template_web/images/icon-close.png) no-repeat; background-position:center right 5px; border:0px; text-decoration: none; }
.bou-1-close a, .bou-1-close a:hover						{ color:#FFFFFF; text-decoration: none; width:100%; display:inline-block; height:30px; line-height:30px; margin:0px; padding:0px; }




/* 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; }
#logos-partenaires											{ padding-bottom: 30px; }

/* 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_web/images/icon-search-16px.png) no-repeat ; background-position:center right 5px; }

header #top-bar-nav .sousmenu-selectpicker .dropdown-sousmenu a					{ color: #FFFFFF; background:#ee1111; }
header #top-bar-nav .sousmenu-selectpicker .dropdown-sousmenu a:hover			{
																				color: #FFFFFF;
																				background: #000000;
																				background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#333333));
																				background-image: -webkit-linear-gradient(#000000,#333333);
																				background-image:    -moz-linear-gradient(#000000,#333333);
																				background-image:     -ms-linear-gradient(#000000,#333333);
																				background-image:      -o-linear-gradient(#000000,#333333);
																				background-image:         linear-gradient(#000000,#333333);
																				}
header #top-bar-nav .sousmenu-selectpicker .active .dropdown-sousmenu a:hover	{
																				color: #FFFFFF;
																				background: #aa1111;
																				background-image: -webkit-gradient(linear, left top, left bottom, from(#aa1111), to(#ee1111));
																				background-image: -webkit-linear-gradient(#aa1111,#ee1111);
																				background-image:    -moz-linear-gradient(#aa1111,#ee1111);
																				background-image:     -ms-linear-gradient(#aa1111,#ee1111);
																				background-image:      -o-linear-gradient(#aa1111,#ee1111);
																				background-image:         linear-gradient(#aa1111,#ee1111);
																				}
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; }

/* CLASS SPECIFIQUES */
.input-group-addon											{ border-radius:0px; border: 1px solid #aa1111; background-color: #aa1111; color: #FFFFFF; }
.form-control												{ border-radius:0px; border: 1px solid #aa1111; }
.label-pos-left												{ font-size:15px; width:130px }
.form-group													{ margin-bottom: 20px; }
.accepte-cgl												{ border: 1px solid #ccc; background-color: #eee; color: #555; }

/* RESPONSIVE */
.row														{ width: 100%; max-width: 1128px; margin:0px; padding:0px; }
.no-responsive img											{ width:inherit; height:inherit; }

@media (min-width: 1260px)									{ /* lg */
															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.affix #top-bar-nav a, 
															header #top-bar-nav a									{ padding:0px 13px; }
															}
@media (min-width: 1046px) and (max-width: 1259px)
															{ /* 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 6px; }
																														.container, .row										{ width:100%; }
															#bloc-menu-resa #bloc-resa #bloc-resa-titre				{ display:none; }
															}
@media (min-width: 768px) and (max-width: 1045px)
															{ /* sm */
															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.affix #top-bar-nav a,
															header #top-bar-nav a									{ padding:0px 8px; }
															#bloc-menu-resa.affix #bloc-logo #logo-magasin			{ display:none; }
															.container, .row										{ width:100%; }
															#choose_menu_multi_magasin								{ display:none; }
															#bloc-menu-resa #bloc-resa #bloc-resa-titre				{ display:none; }
															#bloc-menu-resa.affix #bloc-resa						{ width:100%; border-radius:0px; padding:0px; text-align:center; }
															#bloc-menu-resa.affix #bloc-resa form					{ display:inline-block; }
															#bloc-menu-resa.affix #bloc-resa.bloc-resa-ccbb #bloc-resa-select-station,
															#bloc-menu-resa.affix #bloc-resa.bloc-resa-ccss #bloc-resa-champ-station-select,
															#bloc-menu-resa.affix #bloc-resa.bloc-resa-cctb #bloc-resa-champ-adresse-depart				{ border-radius:5px 0px 0px 5px; }
															#bloc-menu-resa.affix #bloc-resa.bloc-resa-cctb #bloc-resa-bou-ok .bou-1					{ max-width:85px; }
																																														header #top-bar-nav .navbar-nav						{ display:none; visibility:hidden; }
																#bloc-menu-resa										{ display:none; visibility:hidden; }
																#main												{ display:none; visibility:hidden; }
																#main-alert-mobile									{ display:block; visibility:visible; }
																														}
	
	@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											{ display:none; 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											{ display:none; visibility:hidden; }
		#main													{ display:none; visibility:hidden; }
		#main-alert-mobile										{ display:block; visibility:visible; }
		.container, .row										{ width:100%; }
		}
	#main	{ margin-top:80px; }