﻿/* GLOBAL */
* {margin: 0; padding: 0;}
img {border: none;}
.clearer {clear: both;}
table {font-size: 1em; border-collapse: collapse; max-width: 100%!important;}

/* BODY */
body {color: #666; font-family: "Arial"; font-size: 12px; text-align: center;}

/* CONTAINERS */
#container {margin: 0 auto; text-align: left; max-width: 1024px;}
#container_head {background: none; height: 250px;}
#container_head h1 {color: #fff; font-size: 44px; font-weight: normal; padding: 50px 50px 0 0; text-align: right; text-shadow: 2px 2px #666; text-transform: uppercase;}

.wrap {margin: 0 auto; position: relative; text-align: left; width: 100%; max-width: 1024px;}

/* EN-TÊTE */
.mobile{display:none;}
#header {background: #fff; color: #636466; height: 150px; padding-bottom: 10px}
/*#header {background: #fff; color: #636466; height: 150px;}*/
#header_l {float: left; width: 50%;}
#header_r {float: right; width: 50%;}
.btn-menu{display:none;}
#menu2{display:none;}

/*#header #sections {position: absolute; top: 117px;}*/
#header #sections ul li {color: #fff; display: block; float: left; height: 28px; list-style: none; margin-right: 2px; text-align: center; width: 24%;}
#header #sections ul li a {color: #fff; display: block; font-size: 14px; font-weight: bold; height: 28px; line-height:28px; text-decoration: none; text-transform: uppercase; width:100%;}
#header #sections ul li a:hover, #header #sections ul li a:active {color: #fff; text-decoration: underline;}
#header #sections ul li.bleu a {background: #00ccff; border-radius: 5px;}
#header #sections ul li.vert a {background: #9dca3a; border-radius: 5px;}
#header #sections ul li.rouge a {background: #ed1c24; border-radius: 5px;}
#header #sections ul li.jaune a {background: #f8d00c; border-radius: 5px;}

#header #nav-client {margin-bottom: 5%; position: relative;}
#header #nav-client ul {float: right; width:100%;}
#header #nav-client ul li {display: block; font-size: 13px; float: left; height: 33px; line-height: 33px; list-style: none; margin-left: 2px;}
#header #nav-client ul li.langue {font-family: "Verdana"; font-size: 12px; letter-spacing: 1px; text-align: right; width: 18%;}
#header #nav-client ul li.bouton {float:right; background: #afafaf; color: #fff; font-weight: bold; padding-left: 25px; text-align: left; text-transform: uppercase; width: 33%;}

#header #nav-client ul li.langue a {color: #636466; text-decoration: none;}
#header #nav-client ul li.langue a:hover, #header #nav-client ul li.langue a:active {color: #636466; text-decoration: underline;}

#header #nav-client ul li.bouton a {color: #fff; display: block; text-decoration: none; position: relative;}
#header #nav-client ul li.bouton a:hover, #header #nav-client ul li.bouton a:active {color: #fff; text-decoration: underline;}

span.arrow_up, span.arrow_down, span.arrow_right {display: block; position: absolute; top: 5px; right: 10px; height: 18px; margin-left: 15px; width: 18px;}
span.arrow_up {background: url(../images/arrow_up.png) top left no-repeat;}
span.arrow_down {background: url(../images/arrow_down.png) top left no-repeat;}
span.arrow_right {background: url(../images/arrow_right.png) top left no-repeat;}

#login {background: #e9e9e9; border: 1px solid #79716a; display: none; font-size: 12px; line-height: 18px; padding: 10px; position: absolute; top: 38px; right: 0; width: 160px; z-index: 100;}

#login li a {color: #808285; text-decoration: none;}
#login li a:hover {color: #808285; text-decoration: underline;}

#login p a.link {border-bottom: 1px dotted #333; color: #333; padding-bottom: 2px; text-decoration: none;}
#login p a.link:hover {border-bottom: none; color: #333; text-decoration: none;}

#login p a.submit {color: #333; font-weight: bold; text-decoration: none;}
#login p a.submit:hover {color: #333; text-decoration: underline;}

#header div#telephone {color: #4d4d4f; font-size: 24px; text-align: right; margin-bottom: 4.5%; display:block; float:right;}

#header div#social {position: relative; float:right; display: block;}
#header div#social ul li {display: block; float: left; height: 35px; list-style: none; margin-left: 2px;}
#header div#social ul li.mail {background: url(../images/ico_mail.png) no-repeat left; color: #636466; font-size: 11px; line-height: 17px; padding: 0 34px;}
#header div#social ul li.mail span {color: #4d4d4f; display: block; font-size: 12px; font-weight: bold;}

#header div#social ul li.mail a {color: inherit; text-decoration: none;}
#header div#social ul li.mail a:hover, #header div#social ul li.mail a:active {color: inherit; text-decoration: underline;}

/* MENU */
#menu {background: #4d4d4f; color: #fff; font-size: 12px; height: 30px; letter-spacing: 1px; display: block; float:left; width:100%;}
/*#menu {background: a; color: #fff; font-size: 12px; height: 30px; letter-spacing: 1px; display: block; float:left; width:100%;}*/
#menu ul li {line-height: 30px;}
#menu ul li +li:before {content: ' | '; padding: 0; float: left;}
#menu ul li ul li +li:before {content: ''; padding: 0;}

ul#jsddm {margin: 0; z-index: 9999;}
#jsddm li {float: left; list-style: none;}

#jsddm li a {color: #fff; display: block; height: 30px; line-height: 30px; text-align: center; text-decoration: none; width: 124px;}
#jsddm li a:hover, #jsddm li a.active {color: #fff; text-decoration: underline;}

#jsddm li ul {padding: 0; position: absolute; visibility: hidden; z-index: 9999;}
#jsddm li ul li {float: none; display: block;}

#jsddm li ul li a {background: #4d4d4f; border-bottom: 1px solid #fff; color: #fff; display: block; height: auto; padding: 2px 20px; text-align: left; text-decoration: none; width: 180px;}
#jsddm li ul li a:hover, #jsddm li ul li a.active {color: #fff; text-decoration: underline;}

/* MILIEU */
#content {font-size: 1.2em; display: block; float: left; width:80%;}

#wrapper {float: left; width: 100%;}
.wrapper {float: left; width: 100%;}

div.bg_trans {background: url(../images/dot_gris_trans.png) repeat left top;}
div.bg_trans.home{padding:1%;}
div.bg_trans div.titre {text-align: left; height: 45px; position: relative; padding:2%;}
div.bg_trans div.titre_txt {color: #fff; font-size: 18px; text-align: right; text-transform: uppercase; display: block; float: right; max-width: 50%; margin-top:20px;}
/* div.bg_trans div.titre_bouton {border: 1px solid #fff; color: #fff; font-size: 14px; display: block; float: left; max-width: 50%; margin-top:20px; padding: 2px 5px;} */
div.bg_trans div.titre_bouton {
    font-size: 14px;
    display: block;
    float: left;
    margin-top:20px;
}
div.bg_trans div.titre_bouton a {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    padding: 5px 15px;
    text-decoration: none;
}
div.bg_trans div.titre_bouton a:hover {
    border: 1px solid #fff;
    background-color: #eee;
    color: #666;
    text-decoration: none;
}
div.bloc {float: left; margin-bottom: 10px; width: 48%;}
div.bloc:nth-child(1) {margin:2% 1% 0 1%;}
div.bloc:nth-child(2) {margin:2% 1% 0 1%;}
div.bloc:nth-child(4) {margin:2% 1% 2% 1%;}
div.bloc:nth-child(5) {margin:2% 1% 2% 1%;}
div.bloc div.logo {margin: 5px 0 15px 0;}
div.bloc div.logo img{max-width: 100%; height:auto;}
div.bloc div.content {background: #fff; min-height: 215px; overflow: hidden; width:100%;position: relative;}
div.bloc div.social_media {position: absolute; right: 12px; top: 29px; z-index: 999;}
div.bloc div.social_media ul {list-style: none; margin: 0; padding: 0;}
div.bloc div.social_media ul li {display: block; float: left; margin: 0 3px; padding: 0;}
div.bloc div.titre {color: #fff; font-size: 22px; height: 55px; line-height: 27px; padding: 10px 15px; text-transform: uppercase; width: 100%;}
div.bloc div.titre.bleu {background: #00ccff;}
div.bloc div.titre.vert {background: #9dca3a;}
div.bloc div.titre.rouge {background: #ed1c24;}
div.bloc div.titre.jaune {background: #f8d00c;}
div.bloc div.content div.photo {float: left; padding: 0; width: 32%;}
div.bloc div.content div.photo img {max-width: 100%;}
div.bloc div.content div.resume {color: #4d4d4f; float: right; font-size: 13px; padding: 2%; width: 62%;}
div.bloc div.content div.plus {position: absolute; right: 5px; bottom: 5px; font-family: "Verdana"; font-size: 12px; font-weight: bold; text-transform: uppercase;}

div.bloc div.content div.plus a {color: #4d4d4f; text-decoration: none;}
div.bloc div.content div.plus a:hover, div.bloc div.content div.plus a:active {color: #4d4d4f; text-decoration: underline;}

div.blanc {background: #fff; padding: 10px 15px;}
div.blanc img{max-width: 100%!important;}

/* COMPTE CLIENT */
div.boutons_cc, div.tableau_rabais {padding-bottom: 20px;}
div.tableau_rabais {padding: 0 20px 20px 20px;}
div.boutons_cc ul {list-style: none; margin: 0;}
div.boutons_cc ul li {font-size: 17px; font-weight: bold; margin: 0 0 20px 0; padding: 0; text-transform: uppercase; width: auto;}
div.boutons_cc ul li span {display: block; font-weight: normal; text-transform: lowercase;}

div.boutons_cc ul li a {background: #afafaf; color: #fff; display: block; height: 42px; padding: 15px 0 15px 95px; text-decoration: none;}
div.boutons_cc ul li.modifier a {background: #afafaf url(../images/ico_modifier.png) no-repeat;}
div.boutons_cc ul li.acc a {background: #afafaf url(../images/ico_clubs.png) no-repeat;}
div.boutons_cc ul li.achats a {background: #afafaf url(../images/ico_achats.png) no-repeat;}
div.boutons_cc ul li.groupes a {background: #afafaf url(../images/ico_groupes.png) no-repeat;}
div.boutons_cc ul li a:hover, div.boutons_cc ul li a:active {background-color: #4d4d4f; color: #fff; text-decoration: none;}

/* ACCUEIL CATÉGORIES */
div#container_categories {}
div#accueil_g {float: left; width: 49%;}
div#accueil_d {float: right; width: 49%;}

div#container_categories div.titre {padding: 2%;}
div#container_categories div.titre img{display: block; float:left; max-width: 50%;}
div#container_categories div.display_box div.display_box_c div.titre{padding:0;}

div#container_categories div.header {color: #4d4d4f; font-size: 20px; padding: 10px 0; text-align: center; text-transform: uppercase;}
div#container_categories div.header span {color: #fff; display: block; font-size: 12px; font-weight: bold; padding: 3px 0; text-transform: lowercase;}
div#container_categories div.header span.bleu {background: #00ccff;}
div#container_categories div.header span.jaune {background: #f8d00c;}
div#container_categories div.texte {color: #333; height: 110px; padding: 10px 0;}
div#container_categories div.texte h2 {font-size: 16px; font-weight: normal; margin-bottom: 10px; text-transform: uppercase;}
div#container_categories div.texte p {font-size: 15px;}

div#container_categories div.header a {color: #333; text-decoration: none;}
div#container_categories div.header a:hover, div#container_categories div.header a:active {color: #333; text-decoration: underline;}

div#container_categories div.boutons ul {list-style: none; margin: 0;}
div#container_categories div.boutons ul li {font-size: 17px; font-weight: bold; margin: 0 0 20px 0; padding: 0; text-transform: uppercase;}
div#container_categories div.boutons ul li span {display: block; font-weight: normal; text-transform: lowercase;}

div#container_categories div.boutons ul li a {background: #afafaf; color: #fff; display: block; height: 42px; line-height: 42px; padding: 15px 0 15px 95px; text-decoration: none;}
div#container_categories div.boutons ul li.autobus a {background: #afafaf url(../images/ico_autobus.png) no-repeat;}
div#container_categories div.boutons ul li.voiture a {background: #afafaf url(../images/ico_voiture.png) no-repeat;}
div#container_categories div.boutons ul li.avion a {background: #afafaf url(../images/ico_avion.png) no-repeat;}
div#container_categories div.boutons ul li.billets_fr a {background: #afafaf url(../images/ico_billets_fr.png) no-repeat;}
div#container_categories div.boutons ul li.billets_en a {background: #afafaf url(../images/ico_billets_en.png) no-repeat;}
div#container_categories div.boutons ul li.secondaire a {background: #afafaf url(../images/ico_secondaire.png) no-repeat;}
div#container_categories div.boutons ul li.universite a {background: #afafaf url(../images/ico_universite.png) no-repeat;}
div#container_categories div.boutons ul li.clubs a {background: #afafaf url(../images/ico_clubs.png) no-repeat;}
div#container_categories div.boutons ul li.destination a {background: #afafaf url(../images/ico_destination.png) no-repeat;}
div#container_categories div.boutons ul li a:hover, div#container_categories div.boutons ul li a:active {color: #fff; text-decoration: none;}
div#container_categories div.boutons.bleu ul li a:hover, div#container_categories div.boutons.bleu ul li a:active {background-color: #00ccff;}

/* ACCUEIL GROUPES */
div#accueil_a, div#accueil_b, div#accueil_c {float: left; padding: 2px; width: 32%;}
div#accueil_groupes div.sep {display: block; float: left; width: 7px;}

div#accueil_groupes div#accueil_a {background-color: #00ccff;}
div#accueil_groupes div#accueil_b {background-color: #9dca3a;}
div#accueil_groupes div#accueil_c {background-color: #ed1c24;}
div#accueil_groupes div.boutons {background-color: #fff; padding: 6px;}

div#container_categories div#accueil_groupes div.header {color: #fff; font-size: 24px; padding: 10px 0; text-align: center; text-transform: uppercase;}
div#container_categories div#accueil_groupes div.header a {color: #fff; text-decoration: none;}
div#container_categories div#accueil_groupes div.header a:hover, div#container_categories div#accueil_groupes div.header a:active {color: #fff; text-decoration: underline;}

div#container_categories div#accueil_groupes div.boutons ul li {font-size: 16px; font-weight: bold; margin: 0 0 6px 0; padding: 0; text-transform: none;}
div#container_categories div#accueil_groupes div.boutons ul li.dl a {line-height: 21px;}

div#container_categories div#accueil_groupes div.boutons ul li.secondaire a {background: #afafaf url(../images/ico_secondaire_groupes.png) no-repeat;}
div#container_categories div#accueil_groupes div.boutons ul li.universite a {background: #afafaf url(../images/ico_universite_groupes.png) no-repeat;}
div#container_categories div#accueil_groupes div.boutons ul li.clubs a {background: #afafaf url(../images/ico_clubs_groupes.png) no-repeat;}
div#container_categories div#accueil_groupes div.boutons ul li.destination a {background: #afafaf url(../images/ico_destinations_groupes.png) no-repeat;}
div#container_categories div#accueil_groupes div.boutons ul li.ico-football a {background: #afafaf url(../images/ico_football.png) no-repeat;}
div#container_categories div#accueil_groupes div.boutons ul li.ico-hockey a {background: #afafaf url(../images/ico_hockey.png) no-repeat;}
div#container_categories div#accueil_groupes div.boutons ul li.ico-baseball a {background: #afafaf url(../images/ico_baseball.png) no-repeat;}
div#container_categories div#accueil_groupes div.boutons ul li.ico-sports-autres a {background: #afafaf url(../images/ico_sports_autres.png) no-repeat;}

div#container_categories div#accueil_groupes div.boutons.bleu ul li a:hover, div#container_categories div#accueil_groupes div.boutons.bleu ul li a:active {background-color: #00ccff;}
div#container_categories div#accueil_groupes div.boutons.vert ul li a:hover, div#container_categories div#accueil_groupes div.boutons.vert ul li a:active {background-color: #9dca3a;}
div#container_categories div#accueil_groupes div.boutons.rouge ul li a:hover, div#container_categories div#accueil_groupes div.boutons.rouge ul li a:active {background-color: #ed1c24;}

/* CATÉGORIES */
div#container_categories div#nav_top {margin-bottom: 10px;}
div#container_categories div#nav_top ul {list-style: none; margin: 0;}
div#container_categories div#nav_top li {background: none; float: left; font-size: 11px; font-weight: bold; padding: 0; margin: 0 2px 2px 0; text-transform: uppercase;}

div#container_categories div#nav_top2 {margin-bottom: 10px;}
div#container_categories div#nav_top2 ul {list-style: none; margin: 0;}
div#container_categories div#nav_top2 li {float: left; font-size: 12px; text-transform: capitalize;}
div#container_categories div#nav_top2 ul li +li:before {content: '»'; padding: 0 8px;}

div#container_categories div#nav_top li a {background: #afafaf; color: #fff; display: block; height: 28px; line-height: 28px; padding: 0; text-align: center; text-decoration: none; width: 107px;}
div#container_categories div#nav_top li.dl a {height: 26px; line-height: 12px; padding: 1px; width: 105px;}
div#container_categories div#nav_top li a:hover, div#container_categories div#nav_top li a.active {background: #afafaf; color: #fff; text-decoration: none;}
div#container_categories div#nav_top li.bleu a:hover, div#container_categories div#nav_top li.bleu a:active, div#container_categories div#nav_top li.bleu a.active {background: #00ccff;}
div#container_categories div#nav_top li.vert a:hover, div#container_categories div#nav_top li.vert a:active, div#container_categories div#nav_top li.vert a.active {background: #9dca3a;}
div#container_categories div#nav_top li.rouge a:hover, div#container_categories div#nav_top li.rouge a:active, div#container_categories div#nav_top li.rouge a.active {background: #ed1c24;}
div#container_categories div#nav_top li.jaune a:hover, div#container_categories div#nav_top li.jaune a:active, div#container_categories div#nav_top li.jaune a.active {background: #f8d00c;}

div#container_categories div#nav_top2 li a {color: #4d4d4f; text-decoration: none;}
div#container_categories div#nav_top2 li a:hover, div#container_categories div#nav_top2 li a:active {color: #4d4d4f; text-decoration: underline;}

div#container_categorie_2c {}
div#container_categorie_2c div#container_categories_main {float: right; width: 82%;}
div#container_categorie_2c div#container_categories_gauche {float: left; width: 15%;}
div#container_categorie_2c div#container_categories_gauche div.box {border: 1px solid #4d4d4f; margin-bottom: 10px; padding: 5px; width: auto;}

div#container_categorie_2c div#container_categories_gauche h1 {color: #4d4d4f; font-size: 16px; font-weight: normal; letter-spacing: 2px; margin-bottom: 10px; text-align: center; text-transform: uppercase;}
div#container_categorie_2c div#container_categories_gauche h2 {border-bottom: 1px solid #000; color: #4d4d4f; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; text-align: center; text-transform: capitalize;}

div#container_categorie_2c div#container_categories_gauche ul.stations {color: #000; font-size: 11px; list-style: none;}
div#container_categorie_2c div#container_categories_gauche ul.stations li {display: block; margin: 0; padding: 3px 0;}

div#container_categorie_2c div#container_categories_gauche ul.calendrier_pdf {color: #000; font-size: 9px; list-style: none;}
div#container_categorie_2c div#container_categories_gauche ul.calendrier_pdf li {background: url(../images/btn_cal_pdf.png) no-repeat; display: block; font-size: 9px; height: 34px; line-height: 17px; margin: 0 0 5px 0; padding: 5px; text-align: right; width: 103px;}
div#container_categorie_2c div#container_categories_gauche ul.calendrier_pdf li span {font-size: 13px; font-weight: bold;}

div#container_categorie_2c div#container_categories_gauche ul.calendrier_pdf li a {color: #fff; text-decoration: none;}
div#container_categorie_2c div#container_categories_gauche ul.calendrier_pdf li a:hover, div#container_categorie_2c div#container_categories_gauche ul.calendrier_pdf li a:active {color: #fff; text-decoration: underline;}

/* CALENDRIER */
#calendrier_main {float: left; width: 76%;}
#calendrier_details {float: right; width: 23%;}
#calendrier_details .cal_wrap {border: 1px solid #ddd; padding: 10px 5px 0 5px;}

div.cal_nav, div.cal_mois, div.cal_jour, div.cal_jour_fds, div.cal_vide, div.cal_sem, div.cal_fds {float: left; height: 66px; padding: 2px; width: 13%;}
div.cal_jour, div.cal_jour_fds {font-size: 0.9em; height: 24px; line-height: 24px; text-align: center; text-transform: uppercase;}
div.cal_jour {color: #817c76;}
div.cal_jour_fds {color: #0cf;}
div.cal_mois {background: #e8e6e6; color: #4d4d4f; font-size: 14px; height: 36px; line-height: 36px; margin-bottom: 6px; text-align: center; text-transform: uppercase; width: 50%;}
div.cal_nav {background: #e8e6e6; height: 20px; padding: 10px 0; text-align: center; width: 23.6%;}
div.cal_nav a {padding-left: 0; width: 16px;}
div.cal_sem {background: url(../images/bg_cal_sem.png) top center no-repeat; background-size: contain;}
div.cal_fds {background: url(../images/bg_cal_fds.png) top center no-repeat; background-size: contain;}
div.cal_str_jour, div.cal_sorties {padding: 10%;}

div.cal_territoire {clear: both; font-size: 12px; font-weight: bold; height: 18px; margin-bottom: 6px; text-align: center; width: auto;}
div.cal_territoire div.sep {display: block; float: left; height: 18px; width: 6px;}
div.cal_territoire a {background: #afafaf; color: #fff; display: block; float: left; height: 18px; line-height: 18px; padding: 0; text-decoration: none; width: 98%;}
div.cal_territoire a:hover, div.cal_territoire a:active, div.cal_territoire a.active {background: #00ccff; color: #fff; text-decoration: none;}

div.cal_nav_rapide {border-bottom: 1px solid #000; color: #4d4d4f; font-size: 11px; margin-bottom: 6px; padding-bottom: 6px;}
div.cal_nav_rapide ul {list-style: none; margin: 0 auto;}
div.cal_nav_rapide ul li {display: block; float: left;}
div.cal_nav_rapide ul li +li:before {content: '|'; padding: 0 8px;}

div.cal_nav_rapide ul li a {color: #4d4d4f; text-decoration: none;}
div.cal_nav_rapide ul li a:hover, div.cal_nav_rapide ul li a:active {color: #4d4d4f; text-decoration: underline;}

span.station {display: block; padding: 10px 0;}
span.station_dl {display: block; line-height: 12px; padding: 6px 0;}
span.ico_excursion, a.ico_excursion, span.ico_evenement, a.ico_evenement, span.ico_tarif, a.ico_tarif, span.ico_sejour, a.ico_sejour, span.ico_legende {background-repeat: no-repeat; display: block; float: left; height: 24px; margin: 6px 3px 6px 0; width: 24px;}
span.ico_legende {color: #000; font-size: 12px; font-weight: bold; line-height: 24px; text-align: center;}
a.ico_excursion, a.ico_evenement, a.ico_tarif, a.ico_sejour {margin: 0 3px 0 0;}
span.ico_excursion, a.ico_excursion {background-position: 0 -72px;}
span.ico_sejour, a.ico_sejour {background-position: 0 -48px;}
span.ico_evenement, a.ico_evenement {background-position: 0 -24px;}
span.ico_tarif, a.ico_tarif {background-position: 0 0;}

a.ico_excursion, a.ico_evenement, a.ico_tarif, a.ico_sejour {color: #fff; text-decoration: none;}
a.ico_excursion:hover, a.ico_evenement:hover, a.ico_tarif:hover, a.ico_sejour:hover {color: #fff; text-decoration: none;}

#cal_excursion, #cal_evenement {background: #0cf; color: #fff; font-size: 1.4em; letter-spacing: 3px; padding: 3px; text-align: center; text-transform: uppercase;}
#cal_titre {color: #0cf; font-size: 1.2em; font-weight: bold;}
#cal_date {margin-bottom: 20px; text-transform: uppercase;}
#cal_inclus {margin-bottom: 20px;}
#cal_inclus ul {margin: 5px 0 20px 15px;}
#cal_inclus ul li {margin-bottom: 5px; margin-left: 0;}
#cal_prix {color: #414141; font-size: 0.6em; margin-bottom: 20px;}
/*#cal_prix {color: #414141; font-size: 0.8em; margin-bottom: 20px;}*/
#cal_prix span {color: #0cf; display: block; font-size: 3em; font-weight: bold; margin-bottom: 5px;}
#cal_lien {background: url(../images/btn_plus_bleu.png) left no-repeat; padding-left: 20px;}

/* BOÎTES DE LISTE */
div.display_box, div.display_box2, div.display_box3 {background: url(../images/bg_box.png) top left no-repeat; height: 192px; margin: 0 0 15px 6px; padding: 20px 15px; position: relative; width: 755px;}

/* Listes séjours */
div.display_box div.display_box_l {background: url(../images/img_box.png) top left no-repeat; float: left; height: 174px; padding: 6px 8px 0 8px; width: 240px;}
div.display_box div.display_box_l_new {/*background: url(../images/img_box.png) top left no-repeat; */float: left; height: 174px; padding: 6px 8px 0 8px; width: 240px;}
div.display_box div.display_box_c {float: left; padding: 0 18px; width: 260px;}
div.display_box div.display_box_r {float: left; width: 203px;}

div.display_box_c div.titre, div.display_box_c div.stitre, div.display_box_c div.dates, div.display_box_c div.hebergement {margin-bottom: 5px;}
div.display_box_c div.titre, .display_box3 .display_box_c div.titre, .display_box_c div.stitre {font-size: 16px; font-weight: bold; height:auto;}
div.display_box.bleu div.display_box_c div.titre, div.display_box3 div.display_box_c div.titre, div.display_box.bleu div.display_box_r div.stock {color: #0cf;}
div.display_box.rouge div.display_box_c div.titre, div.display_box.rouge div.display_box_r div.stock {color: #ed1c24;}
div.display_box.vert div.display_box_c div.titre, div.display_box.vert div.display_box_r div.stock {color: #8ADE00;}

div.display_box_c div.stitre {color: #333;}
div.display_box_c div.dates, div.display_box_c div.hebergement {font-size: 12px;}
div.display_box_r div.stock {font-size: 16px; font-weight: bold; bottom: 60px; text-align: right; right: 25px; z-index: 100;}
div.display_box div.display_box_c div.reserver {padding-left: 20px; margin-top:5%;}
div.display_box.bleu div.display_box_c div.reserver {background: url(../images/btn_plus_bleu.png) left no-repeat;}
div.display_box.rouge div.display_box_c div.reserver {background: url(../images/btn_plus_rouge.png) left no-repeat;}

div.display_box div.display_box_r div.prix {background: #b1aeab; color: #fff; font-size: 12px; padding: 10px 15px;}
div.display_box.bleu div.display_box_r div.prix {background: #0cf;}
div.display_box.rouge div.display_box_r div.prix {background: #ed1c24;}
div.display_box.vert div.display_box_r div.prix {background: #8ADE00;}
div.display_box_r div.prix span {display: block; font-size: 30px; font-weight: bold; margin-bottom: 3px;}
div.display_box div.display_box_r div.logo {margin:auto;}
div.display_box div.display_box_r div.bouton {position: absolute; bottom: 25px;}

/* Listes stations */
div.regions {margin-bottom: 10px;}
div.regions ul {list-style: none; margin: 0;}
div.regions li {background: none; float: left; font-size: 11px; font-weight: bold; padding: 0; margin: 0 2px 2px 0; text-transform: capitalize;}

div.regions li a {background: #afafaf; color: #fff; display: block; height: 20px; line-height: 20px; padding: 0 15px; text-align: center; text-decoration: none; width: auto;}
div.regions li a:hover, div.regions li a.active {background: #afafaf; color: #fff; text-decoration: none;}
div.regions.bleu li a:hover, div.regions.bleu li a:active, div.regions.bleu li a.active {background: #00ccff;}

div.display_box2 div.display_box_l {border: 1px dotted #0cf; color: #414141; float: left; height: 145px; margin: 5px 10px 5px 5px; padding: 10px; width: 187px;}
div.display_box2 div.display_box_c {background: url(../images/img_box.png) top left no-repeat; float: left; height: 174px; padding: 6px 8px 0 8px; width: 240px;}
div.display_box2 div.display_box_r, div.display_box3 div.display_box_r {background: #0cf; color: #fff; float: left; font-size: 11px; height: 145px; margin: 5px 5px 5px 10px; padding: 10px; width: 240px;}

div.display_box2 div.display_box_r ul, div.display_box3 div.display_box_r ul {margin: 0 0 0 10px;}

div.display_box2 div.display_box_l div.logo {margin-bottom: 5px;}

div.display_box_l div.lien {width: 187px;}
div.display_box_r div.lien {width: 240px;}
div.display_box_l div.lien a {color: #0cf; text-decoration: none;}
div.display_box_l div.lien a:hover {color: #0cf; text-decoration: underline;}

div.display_box_r div.lien span {padding-right: 3px;}
div.display_box_r div.lien a {color: #fff; text-decoration: none;}
div.display_box_r div.lien a:hover {color: #fff; text-decoration: underline;}

.details_groupes_billets {font-family: "Arial";}
.details_groupes_billets .stitre {color: #414141; font-size: 14px;}
.details_groupes_billets .date_limite, .details_groupes_billets .comprend {color: #414141; font-weight: bold;}
.details_groupes_billets ul {font-size: 14px; margin-left: 20px;}

div.display_box_l div.lien_billets, div.display_box_r div.lien_billets {font-weight: bold;  bottom: 50px;}
div.display_box_l div.lien_billets {width: 187px;}
div.display_box_r div.lien_billets {width: 240px;}
div.display_box_l div.lien_billets a {color: #000; text-decoration: none;}
div.display_box_l div.lien_billets a:hover {color: #000; text-decoration: underline;}
div.display_box_r div.lien_billets span {padding-right: 3px;}
div.display_box_r div.lien_billets a {color: #000; text-decoration: none;}
div.display_box_r div.lien_billets a {color: #000; text-decoration: none;}
div.display_box_r div.lien_billets a:hover {color: #000; text-decoration: underline;}
/* Listes hébergements */
.display_box3 .display_box_l {background: url(../images/img_box.png) top left no-repeat; float: left; height: 174px; padding: 6px 8px 0 8px; width: 240px;}
.display_box3 .display_box_c {color: #414141; float: left; height: 145px; margin: 5px 10px 5px 5px; overflow: hidden; padding: 10px; width: 168px;}
.display_box3 .display_box_c div.lien {font-weight: bold; position: absolute; bottom: 25px;}

.display_box3 .display_box_c div.lien a {color: #414141; text-decoration: none;}
.display_box3 .display_box_c div.lien a:hover {color: #414141; text-decoration: underline;}

/* DESTINATIONS */
#ski_content_g {float: left; width: 75%;}
#ski_content_d {float: right; width: 24%;}

/* RÉSERVER */
div#reserver_details {float: left; width: 23%;}
div#reserver_main {float: right; width: 75%;}
div#reserver_details2 {display:none;}
div#reserver_details p.date, div#reserver_details2 p.date {color: #fff; font-size: 16px; font-weight: bold; padding: 5px 0; text-align: center;}
div#reserver_details p.date.bleu, div#reserver_details2 p.date.bleu {background: #0cf;}
div#reserver_details p.date.rouge, div#reserver_details2 p.date.rouge {background: #ed1c24;}
div#reserver_details div.details, div#reserver_details2 div.details {background: #b1aeab; color: #fff; padding: 10px 0;}
div#reserver ul, div#reserver_details div.details p, div#reserver_details2 div.details p {margin: 20px 10px 20px 20px;}
div#reserver li {margin-bottom: 5px; margin-left: 0;}
div#reserver_details div.details li.sp, div#reserver_details2 div.details li.sp {list-style: none;}
div#reserver_details div.details div.sep, div#reserver_details2 div.details div.sep {background: url(../images/reserve_sep.png) no-repeat; height: 5px; width: auto;}

div#reserver_main p.titre, div#reserver_main p.stitre {font-size: 16px; font-weight: bold;}
div#reserver_main p.stitre {color: #333;}
div#reserver_main p.titre.bleu {color: #0cf;}
div#reserver_main p.titre.rouge {color: #ed1c24;}

.btn_retour {font-size: 0.8em; vertical-align: text-top;}
.btn_retour img {padding-right: 3px;}

.btn_retour a {color: #414141; text-decoration: none;}
.btn_retour a:hover {color: #414141; text-decoration: underline;}

/* PAGE GROUPES */
.details_groupes .stitre {color: #414141; font-size: 14px;}
.details_groupes .date_limite, .details_groupes .comprend {color: #414141; font-weight: bold;}
.details_groupes ul {font-size: 12px; margin-left: 20px;}

.top_groupes {font-family: "Arial"; font-size: 12px;}
.top_groupes .top_groupes_l {float: left; text-align: left; width: 70%;}
.top_groupes .top_groupes_r {float: right; font-size: 12px; text-align: right; width: 30%;}

div.display_box_groupes {height: 107px; margin: 0 0 15px 6px; padding: 12px 25px 9px 25px; position: relative; width: 644px;}
div.display_box_groupes_new {height: 175px; margin: 0 0 15px 6px; padding: 12px 25px 9px 25px; position: relative; width: 745px;}
div.display_box_groupes_new.bleu {background: url(../images/bg_groupes_ski_new.png) top left no-repeat;}
/*div.display_box_groupes {height: 107px; margin: 0 0 15px 6px; padding: 12px 25px 9px 25px; position: relative; width: 644px;}*/
div.display_box_groupes.bleu {background: url(../images/bg_groupes_ski.png) top left no-repeat;}
/*div.display_box_groupes.rouge {background: url(../images/bg_groupes_sports_new.png) top left no-repeat;}*/
div.display_box_groupes.rouge {background: url(../images/bg_groupes_sports.png) top left no-repeat;}
div.display_box_groupes.vert {background: url(../images/bg_groupes_evasion.png) top left no-repeat;}

div.display_box_groupes_new div.display_box_l {float: left; height: 87px; width: 300px;}
div.display_box_groupes_new div.display_box_c {float: left; height: 87px; width: 180px;}
div.display_box_groupes_new div.display_box_r {float: left; height: 87px; width: 265px;}
div.display_box_groupes div.display_box_l {float: left; height: 87px; width: 314px;}
div.display_box_groupes div.display_box_c {float: left; height: 87px; width: 180px;}
div.display_box_groupes div.display_box_r {float: left; height: 87px; width: 150px;}

div.display_box_groupes div.display_box_l div.titre, div.display_box_groupes div.display_box_l div.stitre, div.display_box_groupes div.display_box_l div.dates {color: #414141; margin-bottom: 5px;}
div.display_box_groupes_new div.display_box_l div.titre, div.display_box_groupes_new div.display_box_l div.stitre, div.display_box_groupes_new div.display_box_l div.dates {color: #414141; margin-bottom: 20px;}
div.display_box_groupes div.display_box_l div.titre {font-size: 16px; font-weight: bold;}

div.display_box_groupes.bleu div.display_box_l div.titre, div.display_box_groupes.bleu div.display_box_r div.prix span {color: #0cf;}
div.display_box_groupes.rouge div.display_box_l div.titre, div.display_box_groupes.rouge div.display_box_r div.prix span {color: #ed1c24;}
div.display_box_groupes.vert div.display_box_l div.titre, div.display_box_groupes.vert div.display_box_r div.prix span {color: #9ecb3b;}

div.display_box_groupes div.display_box_r div.prix {color: #414141; font-size: 12px;}
div.display_box_groupes div.display_box_r div.prix span {display: block; font-size: 30px; font-weight: bold; margin-bottom: 3px;}

div.display_box_groupes div.reserver {color: #fff; clear: both; font-size: 12px; height: 21px; line-height: 21px; padding-right: 10px; text-align: right;}
div.display_box_groupes div.reserver a {color: #fff; text-decoration: none;}
div.display_box_groupes div.reserver a:hover, div.display_box_groupes div.reserver a:active {color: #fff; text-decoration: underline;}

/* STATIONS */
div.station_details {float: left; width: 24.5%;}
div.station_main {float: right; width: 73%;}

div.station_details div.details {background: #0cf; color: #fff; font-size: 11px; padding: 10px 0;}
div.station_details div.details div.sep {background: url(../images/station_sep.png) no-repeat; height: 5px; margin: 20px 0;}

div.station_details div.details div#caracteristiques {margin: 10px;}
div.station_details div.details span.caracteristiques_l, div.display_box2 span.caracteristiques_l {float: left; text-align: left; width: 60%;}
div.station_details div.details span.caracteristiques_r, div.display_box2 span.caracteristiques_r {float: right; text-align: right; width: 40%;}

div.station_details div.details div.interets {padding: 0 10px;}

div.station_details div.details a {color: #fff; font-weight: bold; text-decoration: none;}
div.station_details div.details a:hover {color: #fff; font-weight: bold; text-decoration: underline;}

div.station_details div.details div.btn_stations {background: url(../images/btn_stations.png) no-repeat; color: #666; display: block; font-family: 'Verdana'; font-size: 10px; font-weight: bold; height: 22px; line-height: 22px; margin: 0 auto 10px auto; text-align: center; width: 136px;}

div.station_details div.details div.btn_stations a {color: #888; text-decoration: none;}
div.station_details div.details div.btn_stations a:hover, div.station_details div.details div.btn_stations a:active {color: #888; text-decoration: underline;}

/* PANIER CHECKOUT*/
#panier_l {float: left; width: 65%;}
#panier_r, #panier_r2 {background: #4d4d4f; color: #fff; float: right; width: 35%;}
#panier_l  .special ul {margin-left:17px;}

#panier_r2{display:none;}
#panier_r #adresse, #panier_r #annulation, #panier_r #promo, #panier_r #paiement,#panier_r2 #adresse, #panier_r2 #annulation, #panier_r2 #promo, #panier_r2 #paiement {padding: 20px;}
#panier_r .titre, #panier_r2 .titre {font-weight: bold; margin-bottom: 15px;}

#panier_r a, #panier_r2 a {color: #fff; text-decoration: underline;}
#panier_r a:hover, #panier_r2 a:hover {color: #fff; text-decoration: none;}

/* PRODUITS AUTRES */
div.box_prix {border: 1px solid #ddd; float: right; text-align: left; width: 190px;}
div.box_prix div.titre {background: #999; color: #fff; font-size: 1.4em; letter-spacing: 3px; padding: 3px; text-align: center; text-transform: uppercase;}
div.box_prix div.prix, div.box_prix div.rabais {color: #666; font-size: 2.4em; font-weight: bold; padding: 5px 10px; text-align: right;}
div.box_prix div.prix span {font-size: 0.8em;}
div.box_prix div.rabais {color: #c33;}
div.box_prix div.bouton {border-top: 1px solid #ddd; padding: 10px; text-align: center;}
div.box_prix div.bouton button {margin: 0 auto;}

/* DROITE */
#droite {display:block; float: right; font-size: 12px; width: 17%; margin-left:1%;}
/*#droite {background: #5c554e; display:block; float: right; font-size: 12px; padding: 2% 1%; width: 17%; margin-left:1%;}*/
#droite img{max-width: 100%; height:auto;}
#droite h1 {color: #fff; font-size: 20px; font-weight: normal; margin-bottom: 20px; text-align: center; text-transform: uppercase;}

/* PIED DE PAGE */
#footer {/*background: #fff;*/ border-top: 1px solid #4D4D4F; padding-top: 10px; clear: both; color: #414141;}
/*#footer {*//*background: #fff;*//* border-top: 1px solid #4D4D4F; padding-top: 5px; clear: both; color: #414141;}*/
/*#footer {*//*background: #fff;*//* border-top: 1px solid #5c554e; padding-top: 5px; clear: both; color: #414141;}*/
#footer h5 {color: #4D4D4F; font-size: 18px; font-weight: normal; /*height: 30px; letter-spacing: 1px; line-height: 30px;*/ text-transform: uppercase;}
/*#footer h5 {color: #5c554e; font-size: 18px; font-weight: normal; *//*height: 30px; letter-spacing: 1px; line-height: 30px;*//* text-transform: uppercase;}*/
#partenaires_top {/*background: #5c554e;*/ height: 30px; margin-bottom: 30px;}
#partenaires {border-bottom: 1px solid #4D4D4F; margin-bottom: 30px; padding-bottom: 30px;}
/*#partenaires {border-bottom: 1px solid #5c554e; margin-bottom: 30px; padding-bottom: 30px;}*/
#notice, #copyright {font-family: "Verdana"; font-size: 11px; padding-bottom: 15px;}

#copyright a {color: #414141; text-decoration: none;}
#copyright a:hover, #copyright a:active {color: #414141; text-decoration: underline;}

/* TITRES */
h1, h2 {font-weight: normal; margin-bottom: 10px; text-transform: uppercase;}
h1 span, h2 span {text-transform: lowercase;}
h1 {font-size: 1.3em;}
h2 {font-size: 1.2em;}

h1.bleu, h2.bleu, h6.bleu {color: #0cf;}
h1.vert, h2.vert, h6.vert {color: #9ecb3b;}
h1.rouge, h2.rouge, h6.rouge {color: #ed1c24;}
h1.jaune, h2.jaune, h6.jaune {color: #ffd500;}

h4 {color: #636466; font-size: 1.1em; font-weight: bold; margin-bottom: 5px; text-transform: uppercase;}
h6 {font-size: 1.2em; font-weight: normal; margin-bottom: 10px; padding: 10px 0 3px 0; text-transform: uppercase;}

h6.bleu {border-bottom: 1px dotted #0cf;}
h6.vert {border-bottom: 1px dotted #9ecb3b;}
h6.rouge {border-bottom: 1px dotted #ed1c24;}
h6.jaune {border-bottom: 1px dotted #ffd500;}

/* PARAGRAPHES */
p {margin-bottom: 10px;}
p.form {margin-left: 150px;}
p.reserve {background: url(../images/btn_reserve.png) right top no-repeat; padding-right: 20px; text-align: right; text-transform: uppercase;}
p.legal { color: #6397b2; font-size: 1.2em; font-weight: bold; margin-bottom: 5px; padding-bottom:3px; text-transform: uppercase;}
p.mail {background: url(../images/ico_mail.png) left top no-repeat; font-size: 1em; line-height: 22px; margin-left: 97px; padding-left: 30px; width: 285px;}
p.telephone {font-size: 2.2em; margin-left: 97px; width: 315px;}
#recherche p {margin-bottom: 0;}
#login p.gauche, #login p.droite {float: left; display: block;}
#login p.gauche {width: 40%;}
#login p.droite {text-align: right; width: 60%;}
div.interets p{margin-bottom:0;}

/* LIENS */
a {color: #111; text-decoration: underline;}
a:hover {color: #111; text-decoration: none;}

#content #ski_nav_gauche li a, #content #sports_nav_gauche li a {color: #fff; display: block; padding: 5px 15px; text-decoration: none; width: 84px;}
#content #ski_nav_gauche li a:hover, #content #ski_nav_gauche li a.active, #content #sports_nav_gauche li a:hover, #content #sports_nav_gauche li a.active {background: #0cf; color: #fff; text-decoration: none;}

a.up_arrow, a.down_arrow, a.left_arrow, a.right_arrow {display: block; height: 16px; line-height: 16px; padding-left: 18px;}
a.up_arrow.bleu, a.down_arrow.bleu, a.left_arrow.bleu, a.right_arrow.bleu {background: url(../images/arrows_bleu.png) no-repeat;}
a.up_arrow.vert, a.down_arrow.vert, a.left_arrow.vert, a.right_arrow.vert {background: url(../images/arrows_vert.png) no-repeat;}
a.up_arrow.rouge, a.down_arrow.rouge, a.left_arrow.rouge, a.right_arrow.rouge {background: url(../images/arrows_rouge.png) no-repeat;}
a.up_arrow.jaune, a.down_arrow.jaune, a.left_arrow.jaune, a.right_arrow.jaune {background: url(../images/arrows_jaune.png) no-repeat;}

a.up_arrow.bleu, a.up_arrow.vert, a.up_arrow.rouge, a.up_arrow.jaune {background-position: 0 0;}
a.right_arrow.bleu, a.right_arrow.vert, a.right_arrow.rouge, a.right_arrow.jaune {background-position: right -16px; padding: 0 18px 0 0;}
a.left_arrow.bleu, a.left_arrow.vert, a.left_arrow.rouge, a.left_arrow.jaune {background-position: 0 -32px;}
a.down_arrow.bleu, a.down_arrow.vert, a.down_arrow.rouge, a.down_arrow.jaune {background-position: 0 -64px;}

p.reserve a {color: #515151; text-decoration: underline;}
p.reserve a:hover {color: #515151; text-decoration: none;}

/* LISTES */
#login ul li {list-style: none;}

#content ul.col1, #content ul.col2 {float: left; list-style: none; margin: 0;}
#content ul.col1 li, #content ul.col2 li {background: none; margin: 0; padding: 0;}
#content ul.col1 li span, #content ul.col2 li span {font-size: 0.7em; line-height: 100%; padding-right: 3px;}
#content ul.col1 {width: 50%;}
#content ul.col2 {width: 50%;}

#partenaires ul {margin: 5px 0;}
#partenaires li {display:block; float: left; list-style: none; padding: 7px;}
#partenaires li img {display: block; max-width: 100%;}

/* FORMULAIRES */
label.error, label.success, label.msg, label.promo {background-position: top left; background-repeat: no-repeat; display: block; font-weight: bold; line-height: 18px; padding-left: 18px; width: auto;}
label.error {background-image: url(../images/error.png); color: #c33;}
label.success {background-image: url(../images/tick.png); color: #529214;}
label.promo {background-image: url(../images/money.png); color: #529214;}
label.msg {background-image: url(../images/information.png); color: #0072bc;}

div.error {display: none;}
div.error, div.msg {background-color: #ffb; border: 1px solid #feb; margin-bottom: 10px; padding: 3px;}
input.text, input.login {border: 1px solid #bbb; color: #666; font-size: 12px; height: 17px; line-height: 17px; padding: 1px;}
input.login {width: 120px;}
textarea.text {border: 1px solid #bbb; color: #808285; font-size: 14px; padding: 1px;}
select.text {border: 1px solid #bbb; color: #808285; font-size: 12px;}
select.text option {padding-right: 10px;}
input.error, textarea.error {border: 1px solid #c33;}
#recherche button, #recherche input.text {float: left;}
#recherche input.text {margin-top: 5px; width: 131px;}
#login input.text {width: 152px;}

fieldset {border: none; margin-bottom: 10px;}
#login fieldset {margin-bottom: 0;}
fieldset legend {color: #333; font-weight: bold; padding: 2px 5px;}
#login fieldset label.form {color: #333; display: block; margin-bottom: 5px; text-align: left;}
#content fieldset label.form {color: #333; float: left; margin: 5px; text-align: right; width: 180px;}
#panier_r fieldset label.form {color: #fff; display: block; float: none; text-align: left;}
#login fieldset input, #login fieldset textarea, #login fieldset select, #login fieldset p, #login fieldset button {display: block; margin-bottom: 5px;}
#login fieldset input:focus, #login fieldset textarea:focus {background: #fcfbc0;}
#content fieldset input, #content fieldset textarea, #content fieldset select, #content fieldset p, #content fieldset button, #content fieldset img {float: left; margin: 5px;}
fieldset br {clear: left;}
#content fieldset input.chk_input, #content fieldset input.chk_termes, #content fieldset label.chk_label {float: left; margin: 0 5px 0 0;}

div.boutons p.boutons_l, div.boutons p.boutons_m, div.boutons p.boutons_r {float: right; width: auto; margin-left:1%;}
div.boutons button {width: auto;}

button {background: #fff; border: 1px solid #817c76; color: #817c76; cursor: pointer; display: block; font-size: 11px; font-weight: bold; line-height: 130%; padding: 3px 8px; text-decoration: none; text-transform: uppercase;}
button:hover {background: #b1aeab; border: 1px solid #817c76; color: #fff; cursor: pointer; text-decoration: none;}

/* #recherche button {background: url(../images/ico_loupe.png) top left no-repeat; border: none; height: 28px; margin: 0 5px 5px 0; padding: 0; width: 28px;} */

/* TABLEAUX */
table.tab1, table.tab2, table.tab3 {border: 1px solid #b1aeab; border-collapse: collapse;}
.tab1 td, .tab1 th {border: 1px dotted #b1aeab; text-transform: lowercase;}
table.tab1 th, table.tab2 th {padding: 5px;}
table.tab1 td, table.tab2 td, table.tab3 td {font-size: 0.9em;}
table.tab1 th {background: #c4c0bc; color: #fff; font-weight: bold;}
.tab1 td span {font-size: 0.7em; line-height: 100%; padding-right: 3px;}
tr.odd {background: #ddd;}
#ski_content table.tab1 th.first {background: #0cf;}
.tab1 td a, .tab2 td a {background: none; color: #817c76; display: block; padding: 5px; text-decoration: none;}
.tab1 td a:hover, .tab2 td a:hover {background: #0cf; color: #fff; text-decoration: none;}
table.tab3 th {background: #b1aeab; color: #fff; font-weight: bold;}
table.tab3 th.first {background: #817c76;}
table.tab3 td, table.tab3 th {border: 1px dotted #b1aeab; border-collapse: collapse; padding: 3px;}
table.tab3 th {border: 1px dotted #fff;}
table.tab3 td.total {background: #414141; color: #fff; font-weight: bold;}

/* MISC */
.special td, .special th {padding: 3px;}
.img_cadre {border: 1px solid #ccc; padding: 2px;}
th {background: #6397b2; color: #fff; font-size: 1em; font-weight: bold;}
.img_fr {border: 1px solid #ddd; float: right; margin: 0 0 0 10px; padding: 3px;}
table.panier th, table.panier td {padding: 3px;}
table.panier td.total, table.panier td.total_bt, table.panier td.rabais {background: #fff; font-weight: bold;}
table.panier td.rabais {color: #c33;}
table.panier td.destination {background: #ddd; font-weight: bold;}
table.panier td.client, table.panier td.client_petit {background: #fff; font-style: italic; padding-left: 15px;}
table.panier td.client_petit {color: #6397b2; font-size: 0.8em;}
table.panier td.total_bt {border-top: 1px solid #ddd;}
.reduit {color: #c33; font-weight: bold;}

.reserverBleu {
    background: url('/images/btn_bleu.png');
    border-radius: 5px;
    font-size: 14px; font-weight: bold; line-height:28px; text-decoration: none; text-transform: uppercase;
    width: 100px;
    height: 35px;
    color: white;
}
.reserverVert {
    background: url('/images/btn_vert.png');
    border-radius: 5px;
    font-size: 14px; font-weight: bold; line-height:28px; text-decoration: none; text-transform: uppercase;
    width: 100px;
    height: 35px;
    color: white;
}
.reserverRouge {
    background: url('/images/btn_rouge.png');
    border-radius: 5px;
    font-size: 14px; font-weight: bold; line-height:28px; text-decoration: none; text-transform: uppercase;
    width: 100px;
    height: 35px;
    color: white;
}
.reserverJaune {
    background: url('/images/btn_jaune.png');
    border-radius: 5px;
    font-size: 14px; font-weight: bold; line-height:28px; text-decoration: none; text-transform: uppercase;
    width: 100px;
    height: 35px;
    color: white;
}

.slide-url {
    display: block;
    height: 100%;
    width: 100%;
}


