@media (min-width: 981px){ 
   .page-fidelite .bloc-moteur, .bloc-bv{ display:none}
}

/* @group -1180PX */@media (max-width: 1180px){ 
table, tbody, tr, td, area, iframe, body, object, embed{ max-width:100% !important;}
img[usemap] { border: none; height: auto; max-width: 100%; width: auto;	}
#page, .page{ width:100%; padding-left:15px; padding-right:15px}  
#map, #Cartographie_carte, .gm-style{ width:100%}
#zone-haut{ width:100%; padding:7px 1% 5px 1%}
.logo{ margin-left:1%}
#bis_caption{ top:auto; bottom:130px; left:1%}
#zone-bas{ width:100%;}
.z-contenu{ width:100%; }
.page-int .z-contenu{ width:100%; padding:10px 2% 25px 2%}
.footer-bas{ width:100%; padding:0 1%}
#moteur_recherche2{ font-size:13px}
}/*/mediaquery*//* @end -1180px --------------------------------------------*/
/* @group -1080PX */@media (max-width: 1080px){
    .panier-reservation2{ width:100% !important; /*! padding:20px 5% */}
}/*/mediaquery*//* @end -1024px ----------------------------------------*/
/* @group -1024PX */@media (max-width: 1024px){
#zone-bas{ width:100%; padding:0; }	
.photo_hotel{ width:36%;}
.photo_hotel img{ max-width:150%; max-height:150%}
    .bloc_hotel_centre{ width:40%}
    .bloc_hotel_droite{ width:20%}
#Div_contenucatalogue .coordonnees_hotel{ width:55%}
    #moteur_recherche_ch{ padding:0 10px}
}/*/mediaquery*//* @end -1024px ------------------------------------------*/
/* @group -960PX */@media (max-width: 980px){
    .intro{ padding:15px 0 50px 0; background: #191E38 url(/charte/titre-spe.png) center 94% no-repeat; float:left; width:100%}
    .intro *{ color:#fff}
    .page-fidelite #menuLat, .deconnexion, infos-connexion, #infos-connexion{ display:none}
    .page-fidelite #menuLat.connecte{ display:block}
    .logo{ display:inline-block; float:none}
    .bloc-bv{  width:100%;  float:left; background-color:rgba(25, 30, 56, 1);color:#fff !important;
border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px; padding:15px; text-align:center}
    .titre-bv{ font-size:140%;  padding:10px 0}
    .info-bv{ float:left; width:100%; border-top:1px solid #e5e5e5}
    .info-bv > div{ float:left; padding:5px 15px; color:#ffffff; width:100%}
    .bloc-moteur, .ss-titre-carte{  float:left; width:100%}
     .ss-titre-carte, .info-titre-parrainage{ width:100%; float:left}
    .moteur-espace-client{ border:none; margin:0}
    .page-fidelite .bloc-moteur{    display: none;}
    
.show-md{ display:none}
.show-sm{ display:block; text-align:center}
.logo {   margin-top: 0;}
#div_modif_illicopage{ top:50px}
header{ padding-top:66px}
#zone-haut{ position:fixed; top:0; left:0; right:0; background:#ffffff; color:#000;
    box-shadow:0px 0px 8px rgba(0,0,0,.3); -moz-box-shadow:0px 0px 8px rgba(0,0,0,.3); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,.3); }
#lien-haut{ margin-top:6px; position:absolute; right:6px; top:8px}
#diaporama, #hotelier-mois, #bons-plans{ display:none}
.page-accueil #header,  #zone-menu{ height:auto; }
#zone-menu { padding:0}
    #zone-menu .page{ border:none}
#zone-bas{position: relative; background:none}	
    .page-fidelite #zone-bas, .page-adherent #zone-bas{background: #191E38}
#moteur_recherche2{ width:94%; margin:10px 3%}
    #moteur_recherche2 #moteur_destination{ overflow: visible}
.moteur-ville{ width:100%; border-radius: 30px; border:1px solid #ccc !important }
.debut_sejour{ border:1px solid #ccc !important; width:48%; border-radius: 30px; margin:10px 0 0 0 }
.depart_sejour{ border:1px solid #ccc !important; width:48%; float:right !important; border-radius: 30px; margin:10px 0 0 0 }

    #recap-chambre{ width:100%;border-radius: 30px; border:1px solid #ccc !important; margin:10px 0 0 0 }
#moteur_recherche_ch{ width:100%; margin-top:10px;  }
#block-form-ch{ position:relative;top:auto; left:auto; right:auto; width:94%; float:left; padding:20px 3%;	border:1px solid #999 ; border-top:none; margin-top:-2px}

.bloc-nuit1{ float:left; width:100% !important; }
.bloc-nuit2, .bloc-nuit3{ width:50% !important; }
.lien-connect{ margin-bottom:40px;}
.page-accueil .bloc_centre img{ display:inline}
.page-accueil .bloc_centre a{ display:block}
#actu{ width:86% !important; margin:0 7% !important}
.bloc-accueil-img{ margin-bottom:10px}
.bloc-accueil-img, #jFlowSlide1, .slide-thumbnail {    height: auto !important; }
.slide-thumbnail{ width:100%; text-align:center }
.slide-thumbnail a{ display:block;}
.slide-thumbnail img{ max-height:none !important;  text-align:center; height: auto !important; width:100% !important;}
.bloc-accueil-titre{ width:100%; float:left}
a.bt-rouge{ margin-top:10px}
nav, #menu{ width:100%}
nav{ height:auto; position:relative; top:auto; left:auto; right:auto; bottom:auto; padding:0}
#controle-menu{display:block; cursor:pointer; float:left; width:44px; position:relative;
height:44px;  background: url(/charte/controle-menu.png) center center no-repeat; z-index:6000;
  position:absolute; left:10px ; top:6px  }
#menuH{background:rgba(255,255,255,1); -webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.5); 
-moz-box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5); box-shadow:0px 3px 3px 1px rgba(0,0,0,0.3);
    display:none; position:fixed; margin-top:66px;  top:0px; right:0; width:100%; height:auto; z-index:5001; }
#menu dl{ float:none; padding:0 15px; display:block; text-align:center; height:auto; background:none}
#menu dl dt a{ width:100%; margin:0; padding:12px 0; border-bottom:1px solid #e5e5e5; height:auto}
#menu dd, #menu dl:hover dd{display:none}
/*menulat escamotable*/
.menuLat, #titre_rubrique, a.brochure-colg, .menuLat li.lien-menu-1384{display:none}
    #menuLat.connecte .menuLat{ display:block}
    #menuLat.connecte.non-connecte .menuLat{ display:none}
.titre_rub_.menu-ouvert {background: url(/charte/fleches-up-down.png) no-repeat 94% 28px}
.titre_rub_.menu-ferme{background: url(/charte/fleches-up-down.png) no-repeat 94% -20px}
.liste_hotels_contenu .titre_hotel{ margin-bottom:0}
    .choix-finaliser {  height: 126px;  line-height: 118px;}
        .choix-finaliser a{ padding:0 8px 0 56px}
    
    #slider{ height:44vw}
    .flexslider .slides > li img{ height:44vw}
    .liste-chambre .flexslider, .liste-chambre .flexslider .slides > li{ height:14vw}
   
    .compte-client { position:relative; padding:0}
    #menu-mobile{background:rgba(255,255,255,0.95); -webkit-box-shadow: 1px 2px 5px 1px rgba(0,0,0,0.5); 
-moz-box-shadow:1px 2px 5px 1px rgba(0,0,0,0.5); box-shadow:0px 3px 3px 1px rgba(0,0,0,0.5);
    display:none; position:absolute; top:110%; right:0; height:auto; z-index:1;
    text-align:left !important; margin-top:15px; margin-right:-5px}
     #menu-mobile::before{position:absolute; top:-25px ;right:8px;content:"▲"; color:#ffffff;
      font-size:30px ;  text-shadow: 1px 2px 5px #777777; z-index:-1; }
   #menu-mobile *{text-align:left !important; color:#000000}
    #menu-mobile ul,  #menu-mobile li{margin:0; padding:0; list-style-type:none; }
    #menu-mobile ul{background:rgba(255,255,255,1); padding:15px; min-width:200px; width:100%; float:left  }
 #menu-mobile li{ list-style-type:none; margin:0; padding:5px; display:block;
    width:100%; float:left}
    #menu-mobile li.libelle { font-family: 'sinkin_sans700_bold';}
 #menu-mobile li a{ width:100%; margin:0; padding:12px 0; height:auto; font-family: 'sinkin_sans400_regular'}
    .sepa{ border-bottom:1px solid #e5e5e5; } 
     .compte-client.show-sm .icon{ background-image: url(/charte/no-connect.png);
    background-position: center ;    width: 40px; height: 32px;}
    .compte-client.show-sm.connecte .icon{ background-image: url(/charte/connect.png);}
    .photo img { width: 100%;  border:none;}
    .coord_droite{ width:auto; float:left;}
    
   .page-fidelite .footer-haut, .plan-footer br{ display:none}
    
    .langues.accordion .btn-bloc{text-indent:-5000px; width:16px; height:16px; position:relative; }
.langues.accordion .btn-bloc::before{ content:"ˇ"; font-size:240%; line-height:100%; position:absolute; text-indent: initial; width:18px; height:18px;
    top:0; left:0;  text-transform:uppercase}
    
.mon-espace-client .gauche, .mon-espace-client .droite{ width:100% !important; float:left;}
    .cf_obligatoire .libelle {    text-decoration: none;}
    
}/*/mediaquery*//* @end -980px -------------------------------*/
/* @group -900PX */@media (max-width: 901px){
.colonne_g_liste_hotel{ width:100%}
.colonne_g_liste_hotel h2, .moteur_recap_bloc{ display:none}
.colonne_d_liste_hotel, .liste_hotels_info_region{ width:100%}
.region_carto{ height:200px !important}
.enlarge-btn, .reduce-btn{ background:#B10D10; color:#fff;}
.bloc_hotel{ margin-bottom:10px}
.bloc_hotel::after{ width:100%;margin: 20px 0; }
.form-elarg-rech{ margin-top:20px}
.gauche, .droite, .jplist-panel {width:100% !important}
}/*/mediaquery*//* @end -900px -------------------------------*/
/* @group -854PX */@media (max-width: 855px){
.infos_droites{ float:left; width:100%;  position:relative; height:auto; margin-bottom:10px}
#carousel, #carousel-wrapper{ height:340px !important ;}
.z-contenu .accordion{ width:100%}
#Div_contenucatalogue .coordonnees_hotel{ position:relative; top:auto; left:auto}
#Div_contenucatalogue	.telephone_hotel, #Div_contenucatalogue .email_hotel, #Div_contenucatalogue .site_hotel{ width:100%}
    .choix-finaliser {  height: 134px;  line-height: 126px;}
        .choix-finaliser a{ padding:0 8px 0 54px}
  #slider{ width:100%;  height:56vw;z-index:200;}
    .flexslider .slides > li img{ height:56vw}
    #carousel-ch{ width:100% !important; }
    .hotel-lib, .detail-hotel{ width:100%; position: relative; top:auto; right:auto}
}/*/mediaquery*//* @end -854px -------------------------------------*/
/* @group -800PX */@media (max-width: 801px){

#actu{ width:88% !important; margin:0 6% !important}
.footer-haut *{ font-size:0.95em}
.plan-footer{ width:50% !important;; }
.footer-bas .page{ width:96%; margin:0 2%}
#btn_up{ bottom:60px}
.panier-reservation{ width:100%; }
.aff-reservit{ width:100%}
    .panier-reservation2{ position:relative !important; z-index:0; /*width:100% !important*/}
    .ss-titre-panier, .name-room{ line-height:140%}
    .infos_hotel, .infos_sejour { width:90%; float:left; border-bottom:1px solid #e5e5e5; padding: 15px 0 20px 0 !important;
margin: 5px 5% !important;}

.hotel-resa, .libelle-resa{ max-width:80%; }
.detail-resa{  width:100%; position:relative;top:0; float:left;text-align:center;}
    .detail-resa a{ display:inline-block; min-width:47%; text-align:center; margin:4px 1%}
.liste-chambre .flexslider, .liste-chambre .flexslider .slides > li{ height:20vw}
        .derniere-visite-bloc > div{ width:100%; margin:0; padding: 0;}
    .derniere-visite-bloc > div.visite-date{ margin:10px 0}
    .visite-reserv a{ margin:10px 0}
    .derniere-visite-bloc > .thickbox > div{ width:100%; margin:5px 0; text-align:center; padding:10px 0}
    table.ombre::before{  top:30px; left:-10px; }
table.ombre::after{  bottom:20px; right:-5px;}
    
}/*/mediaquery*//* @end -800px -------------------------------*/
/* @group -768PX */@media (max-width: 769px){
.moteur-ville{ width:99.6%}

#actu{ width:90% !important; margin:0 5% !important}
.plan-footer{ width:50% }
.plan-footer5{ width:100% !important; min-height:150px;}
.footer-bas .page{ width:94%; margin:0 3%}
#btn_up{ bottom:100px}
.menuLat li{ min-width:200px; float:left; width:100%;  padding:0; margin:2px 0;}
    .menuLat a {    padding: 8px;}
 .menuLat li:first-child{ min-width:28px}
    .affiche-news-client, .coordonnees, .info-titre-parrainage {  margin: 0 0 8px 0;
    padding: 3px 10px; }
}/*/mediaquery*//* @end -768px ------------------------------------*/
/* @group -720PX */@media (max-width: 721px){

.titre_hotel{ font-size:1.15em}
.bloc_hotel .tarif, .tarif-liste .tarif{ font-size:220%}
    .info-client-bloc {    margin: 2px 0;    padding: 5px 0}
    .libelle, .rep-libelle{ width:100%; text-align:left}
    input[type="hidden"]{ background:#e5e5e5}
}/*/mediaquery*//* @end -720px ------------------------------------*/
/* @group -640PX */@media (max-width: 641px){

.adresse_hotel{ margin:0}
.form-itineraire{ display:none}
.bloc_hotel_centre .description{ padding-top:0}
    #moteur_service li.pictos_services_moteur, #moteur_access li{ width:48%}
    
}/*/mediaquery*//* @end -640px --------------------------------------*/
/* @group -600PX */@media (max-width: 601px){
body{ }
#actu{ width:96% !important; margin:0 2% !important}
#jFlowSlide1, .slide-thumbnail{ height:200px !important}
.photo_hotel .lien_detail{ display:none}
.bloc_hotel_centre .description{ font-size:75%}
.bloc_hotel .tarif, .tarif-liste .tarif{ font-size:200%}
.cf_fieldset td{ float:left; width:100%; padding:3px 2%}
    .ui-datepicker td{ float:none; width:auto}
    .cf_fieldset td input{ width:100%; }
}/*/mediaquery*//* @end -600px ------------------------------------*/
/* @group -576PX */@media (max-width: 577px){
h1{ font-size:170%; line-height: 120%  }
h2{ font-size:150%; margin:15px 0; }
h3{ font-size:130%; margin:12px 0; }
h4{ font-size:120%; }
.intro{ padding:30px 0}
.titre1{ font-size:180%}
.text1{ font-size:100%}
#block-form-ch{ width:93.2%;}
.bloc-fidelite{ position:relative; padding:25px 3% 100px 3%; width:100%}
.bloc-nuit1 p{ margin:4px 0}
.slide-thumbnail img{ width:auto; max-width:130%}
.bloc_hotel{ padding-right:0; width:100%; height:auto}
.photo_hotel{ width:100%; margin-right:0 ; height:200px; text-align:center}
    .bloc_hotel:after{ display:none}
/* .photo_hotel img{ max-width:100%; max-height:100%; width:auto; min-width:auto} */
.photo_hotel img{ max-width:100%; max-height:100%; width:auto; min-width:0}
#Div_contenucatalogue .coordonnees_hotel{ width:95%; padding-left:5%}
.bloc_hotel_centre{ width:100%; height:auto; padding:0 15px}
.bloc_hotel_droite{ width:100%; padding:0 15px; margin-top:15px}
.bloc_hotel_centre .description{ display:none}
.boutons_lien{ width:48%; float:right; margin:0}
.infos_droites .invisible *{ color:#3F3F3F}
 .plan-footer{ width:50% !important; min-height: 80px;}
    .Libelle_fiche_hotel {    padding-right: 0; width:100%; float:left}
    .note-moyenne-vinivi {    float: left;  display: block;  margin-top: 0;    text-align: left; width:100%; margin-bottom:15px}
}/*/mediaquery*//* @end -576px --------------------------*/
/* @group -540PX */@media (max-width: 541px){
        .langues{ margin:6px 2px}
.moteur-ville{ width:99%}
.debut_sejour, .depart_sejour, #recap-chambre{ width:99%; float:left !important}
#block-form-ch{ width:92.2%;}
.footer-bas{ width:100%; padding:0; font-size:70%}
.lien-rap{ width:50% ; margin:5px 0}
.plan-footer{ width:100% ; min-height:10px}
.plan-footer br{ display:none}
.footer-bas .left, .footer-bas .right{ width:100% !important; text-align:center; float:left}
.footer-bas img{ float:none}
    .room-rate-description{ width:100%}
    img.picto-offre{ width:70px}
    .room-price{ width:100%; padding:0 10px}
    .room-price span{ float:left}
    .room-price a{ margin:0}
    .img-room {  width: 100%;  margin: 15px 0;}
    .liste-chambre .flexslider, .liste-chambre .flexslider .slides > li{ height:56vw}

}/*/mediaquery*//* @end -540px -----------------------------------------*/
/* @group -480PX */@media (max-width: 480px){
form .affichageForm label{ width:100%; text-align:left}
    form .affichageForm.radio label, form .affichageForm.radio input{ width:auto; }
    .GroupRadio span{ float:left; width:100%}
form .affichageForm input, form .affichageForm textarea, 
form .affichageForm select, form .affichageForm radio, 
form .affichageForm checkbox{ margin-left:0; width:98%}
.infos_droites .tarif-liste, .lien_detail_reservit, .coordonnees_hotel{ width:100%; float:left}
    legend{ font-size:140%; padding:0}
fieldset.cf_fieldset { width:100%; padding:0; border:none}
    .cf_fieldset td {    padding: 3px 0;}
    .cf_fieldset table{ width:100%}
  fieldset.cf_fieldset  input[type="submit"]{ width:100%}
    form .affichageForm { margin: 5px 0;  width: 100%; }
fieldset select{ max-width:90%}
    .room-price span{ font-size:180%}
.choix-finaliser, #reservit-creer {  height: auto;  line-height: 110%; width:100%; margin:6px 0}
     .choix-finaliser a{ padding:5px 8px 5px 56px}
    .liste-points, .remboursement-carte{ width:100%}
    .remboursement-carte{ text-align:center; vertical-align:bottom; font-size:130%}
    .prix{ display:inline-block; margin: 0 5px}
    .lib-info-carte{  text-align:center; }
    /* .btn-bloc{display:none} */
		.coordonnees_detail .btn-bloc{display:block}
    #zone-haut .logo{ padding-right:20px}
    .plan-site .PLAN0 a{ font-size:100%;}
.plan-site .PLAN1 a{ font-size:70%; margin:4px 0;  }
    #zc {   padding-top: 10px;    padding-bottom: 15px;}
    #div_lien_yahoo {  width: 100%;  float: left;   margin: 0 0px 15px 0; padding-bottom:15px; border-bottom:2px solid #e5e5e5}
    .lien_yahoo, .lien_yahoo a, #div_lien_yahoo, #div_lien_yahoo{ font-size:85%}
    #moteur_destination_general span{ margin:5px 0; width:100%; display: block; float:left}
    #moteur_destination_general span input{  width:100%; display: block; float:left}
    .lancer_recherche input{ display: block; width: 100%; cursor: pointer}
     #moteur_service li.pictos_services_moteur, #moteur_access li{ width:100%; margin: 3px 0 3px 0;}
        .form-offres-spe-comment{ width:100%; margin:6px 0}
.form-offres-spe-tris .elmt-form-offres-spe{ width:100%;}
    .btn-form-offres-spe{ width:100%;}
    .btn-form-offres-spe input{ display:block; width: 100%}
    
.status-pictos{  display: flex;width: 100%; flex-direction: row;flex-wrap: wrap;align-items: stretch;}
.statut-membre .status-pictos .statut{    position: relative;
width: 50%;display: flex;flex-direction: column;flex-wrap: wrap;align-items: stretch; align-self: flex-end;}
     .affiche-news-client, .coordonnees, .info-titre-parrainage {  margin: 0;    padding: 0; }
    .photo, .coord_droite, .lien-modifier{ width:100%}
.lien-modifier a, .convertir_carte a, .parrainage a{ text-align:center; width:100%}
    
}/*/mediaquery*//* @end -480px -----------------------------------------*/
/* @group -400PX */@media (max-width: 400px){
#block-form-ch{ width:93.2%;}
.bloc-nuit2, .bloc-nuit3{ width:100% !important; float:left;margin-top:20px !important}
.slide-thumbnail img{ width:auto; max-width:150%}
.footer-bas .left img{ float:none; display:block; margin:0 auto}
    .footer-bas .right a{ display:inline-block}
    .footer-bas .left, .footer-bas .right {  line-height: auto;}
    .footer-bas .page {    border-top: 1px solid #e5e5e5;}
#nbre-hotel-trouve{ font-size:110%}
.boutons_lien a{ margin:5px 0 10px 0}
#slider, #wrapper{ width:100%;height:56vw !important ; }
#carousel, #carousel-wrapper{ height:300px !important ;}
    img.picto-offre{ width:60px}
     .page-int .debut_sejour, .page-int .depart_sejour {  width: 100%; font-size:11px}
    .page-int .moteur-ville input{ min-width:80%}
        #zone-haut .logo{ padding-right:36px}
    #infos-connexion{ width:100%; }
    .utilisateur{ width:100%; text-align:center}

}/*/mediaquery*//* @end -400px -----------------------------------*/
/* @group -376PX */@media (max-width: 375px){
   
#block-form-ch{ width:93%;}

.text1{ padding:0 25px}	

}/*/mediaquery*//* @end -375px ------------------------------------*/
/* @group -320PX */@media (max-width: 320px){
#slider, #wrapper{ width:100%;  height:56vw !important ; }
#carousel, #carousel-wrapper{ height:260px !important ;} 
    .lien-rap{ width:100% ; margin:5px 0}
    .lien-connect a{  padding:8px 20px; }
}/*/mediaquery*//* @end -340px ----------------------*/

@media print{
body, #conteneur, #page, #header, #zc, #z-centrale, #z-contenu, .page-int #z-centrale{background:none #fff; width:100%; margin:0; padding:0; height:auto; }
#diaporama, #fond-body, aside, #zone-gauche-contenu, #album_agrandie, #div_lien_yahoo, #pictos, #contact, #langues,  #footer, 
#btn_up, #div_modif_illicopage, #zone-haut, #menuH, #zone-bas, .form-offres-spe, div.boutons_lien,
#slider, .lien_detail_reservit, .proprietaire_photo{display:none !important}
#conteneur{ width:96%; padding:10px 2%}
.page{ width:100%}
.page-accueil #header{ height:auto}
.infos_droites, .z-contenu .accordion{ width:100%; float:left}
.z-contenu .contenu-bloc{ display:block !important}
}


/*-------BOOTSTRAP--------*/
* {   -webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box;}
html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}
body {  margin: 0;}

audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print  {   *,
  *:before,  *:after {  background: transparent !important;  color: #000 !important;  box-shadow: none !important;  text-shadow: none !important;  }
  a,  a:visited {    text-decoration: underline;  }
  a[href]:after {    content: " (" attr(href) ")";  }
  abbr[title]:after {    content: " (" attr(title) ")";  }
  a[href^="#"]:after,  a[href^="javascript:"]:after {    content: "";  }
  pre, blockquote {    border: 1px solid #999;    page-break-inside: avoid;  }
  thead {    display: table-header-group;  }
  tr,  img {    page-break-inside: avoid;  }
  img {    max-width: 100% !important;  }
  p,  h2,  h3 {    orphans: 3;    widows: 3;  }
  h2,  h3 {    page-break-after: avoid;  }
  .navbar {    display: none;  }
  .btn > .caret,  .dropup > .btn > .caret {    border-top-color: #000 !important;  }
  .label {    border: 1px solid #000;  }
  .table {    border-collapse: collapse !important;  }
  .table td,  .table th {    background-color: #fff !important;  }
  .table-bordered th,  .table-bordered td {    border: 1px solid #ddd !important;  } }


.row  {   margin-left: -20px;  margin-right: -20px; }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12  {   position: relative;  min-height: 1px;  padding-left: 20px;  padding-right: 20px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12  {   float: left;}
.col-xs-12 {  width: 100%;}
.col-xs-11 {  width: 91.66666667%;}
.col-xs-10 {  width: 83.33333333%;}
.col-xs-9 {  width: 75%;}
.col-xs-8  {   width: 66.66666667%; }
.col-xs-7  {   width: 58.33333333%; }
.col-xs-6  {   width: 50%; }
.col-xs-5  {   width: 41.66666667%; }
.col-xs-4  {   width: 33.33333333%; }
.col-xs-3  {   width: 25%; }
.col-xs-2  {   width: 16.66666667%; }
.col-xs-1  {   width: 8.33333333%; }

@media (min-width: 768px)  {   
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12  {     float: left; }
  .col-sm-12  {     width: 100%; }
  .col-sm-11  {     width: 91.66666667%; }
  .col-sm-10  {     width: 83.33333333%; }
  .col-sm-9  {     width: 75%; }
  .col-sm-8  {     width: 66.66666667%; }
  .col-sm-7  {     width: 58.33333333%; }
  .col-sm-6  {     width: 50%; }
  .col-sm-5  {     width: 41.66666667%; }
  .col-sm-4  {     width: 33.33333333%; }
  .col-sm-3  {     width: 25%; }
  .col-sm-2  {     width: 16.66666667%; }
  .col-sm-1  {     width: 8.33333333%; }
 }
@media (min-width: 992px) {  
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12  {     float: left; }
  .col-md-12  {     width: 100%; }
  .col-md-11  {     width: 91.66666667%; }
  .col-md-10  {     width: 83.33333333%; }
  .col-md-9  {     width: 75%; }
  .col-md-8  {     width: 66.66666667%; }
  .col-md-7  {     width: 58.33333333%; }
  .col-md-6  {     width: 50%; }
  .col-md-5  {     width: 41.66666667%; }
  .col-md-4  {     width: 33.33333333%; }
  .col-md-3  {     width: 25%; }
  .col-md-2  {     width: 16.66666667%; }
  .col-md-1  {     width: 8.33333333%; }
 }