@page {
  size: 210mm 297mm;  /*877pt 1240pt*/

/*  prince-bleed: 2mm;
  prince-trim: 2mm;*/
}

html {
-moz-font-smoothing: grayscale;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
font-weight: 400;
}

@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

img {
  max-width: 100%;
}

/* reset chapter and figure counters on the body */
body {
  font-family: Lato, "Trebuchet MS", "Open Sans", sans-serif, "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  font-size: 1.4em;
  padding: 0;
}

p, ul, li, table, strong, span, tr, td {
  color: #333;
}

h2 {
  line-height: 1;
}


.break {
  page-break-before: always;
}

/* supprime l'espace qui se colle avant le premier row*/

.row:before {
  display: none;
}

h1,h2,h3,h4,h5,.titre-anim {
  page-break-after: avoid;
  page-break-inside:avoid;
}

h1+p, h2+p, h3+p {
  page-break-before: avoid;
}

table, figure {
  page-break-inside: avoid;
}

ul.toc {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: #000;
}

p {
  margin: 0;
}


.titre-journal {
  padding: 1em;
  margin-top: -3em;
  margin-bottom: 1em;
  width: 100%;
}

.titre-partie {
  padding: 5px;
  margin-top: 0px;
  margin-bottom: 5px;
  width: 100%;
}

.titre-journal h1 {
font-family: "Digital-medium", "Lucida Grande", "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
    font-size: 4em;
    letter-spacing: 0.1em;
    margin-bottom: 0;
    margin-top: 0.6em;
    text-align: center;
    font-weight: lighter;
}

.titre-partie h2 {
  font-family: "Digital-medium", "Lucida Grande", "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  font-size: 3em;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  margin-top: 0.5em;
  text-align: center;
  font-weight: lighter;
}

#listeVille {
  font-family: "Digital-medium", "Lucida Grande", "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  display: block;
  text-transform: uppercase;
  font-size: 1em;
  color: #fff !important;
  text-align: center;
  padding-top: 1.2em;
  margin-top: -1em;
  background-color: #000 !important;
  height: 15mm;
  font-weight: lighter;
}

#logoOtl {
    width: 8em;
    margin-top: 1.8em;
    float: left;
    margin-left: 0em;
}

#logoBretagne {
    float: right;
    margin-top: 1.8em;
    margin-right: 0em;
    width: 2em;
}

#logoOtf {
  float: left;
  transform: translateX(20%);
  width: 2.3em;
  margin-top:15px;
  margin-right: -50px;
}

#logoDq {
float: right;
transform: translateX(-10%);
width: 3.25em;
margin-top: -45px;
}





h2.chapter {
  font-weight: bold;
}

p {
  line-height: 1em;
  /*hyphens: auto;*/
}

span {
  margin: 0em;
}

ul {
  margin: 0em;
  padding: 0em;
}

li {
  margin: 0em;
  line-height: 1em;
}

.hide {
  display: none;
}


/* Ligne coloré première page -------------------------------------*/
.ligne {
  display: flex;
}

#violet {
  background-color: #5D92CD;
  width: 16.667%;
  display: inline-block;
  min-height: 3mm;
}
#rose {
  background-color: #C44BA1;
  width: 16.667%;
  display: inline-block;
  min-height: 3mm;
}
#bleu {
  background-color: #35BCC4;
  width: 16.667%;
  display: inline-block;
  min-height: 3mm;
}
#orange {
  background-color: #F79A3B;
  width: 16.667%;
  display: inline-block;
  min-height: 3mm;
}
#vert {
  background-color: #87C399;
  width: 16.667%;
  display: inline-block;
  min-height: 3mm;
}
#rose2 {
  background-color: #FB3099;
  width: 16.665%;
  display: inline-block;
  min-height: 3mm;
}


/*Méga-menu --------------------*/

/* Navbar container */


.navbarw3s {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
  display: flex;
  flex-direction: row;
}

/* Links inside the navbar */
.navbarw3s a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdownw3s container */
.dropdownw3s {
  order: 1;
  overflow: hidden;
  min-width: 100px;
}

.button-bar {
  display: flex;
  flex-direction: row;
  order: 2;
  justify-content: flex-end;
  width: 100%;
}

.button-bar button {
  min-width: 80px;
  margin-left: 5px;
  background-color: #333;
  color: white;
  border:none;
}

.button-bar button:hover {
  background-color: #F79A3B;
}


/* dropdownw3s button */
.dropdownw3s .dropbtnw3s {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

.navbarw3s a:hover, .dropdownw3s:hover .dropbtnw3s {
  background-color: #F79A3B;
}

/* dropdownw3s content (hidden by default) */
.dropdownw3s-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  /*left: 0;*/
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1000;
  max-width: 1170px;
}

/* Mega Menu header, if needed */
.dropdownw3s-content .headerw3s {
  background: red;
  padding: 16px;
  color: white;
}

/* Show the dropdownw3s menu on hover */
.dropdownw3s:hover .dropdownw3s-content {
  display: block;
}

/* Create three equal columnw3ss that floats next to each other */
.columnw3s {
  float: left;
  width: 33.33%;
  padding: 10px;
  background-color: #ccc;
  height: 450px;
}

/* Style links inside the columnw3ss */
.columnw3s a {
  float: none;
  color: black;
  padding: 12px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.columnw3s a:hover {
  background-color: #ddd;
}

/* Clear floats after the columnw3ss */
.roww3s:after {
  content: "";
  display: table;
  clear: both;
}

 /* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .columnw3s {
    width: 100%;
    height: auto;
  }

  #buttonCol1, #buttonCol2, #buttonCol4, #clean, #descriptif {
    display: none;
  }
}


@media screen and (max-width: 800px) {
  .columnw3s {
    max-width: 750px;
    height: auto;
  }
}












/*Boite des filtres*/

.box-filter {
  margin: 20px 0 20px 0;
  font-size: 12px;
}

.input-group-text {
  margin-top: 10px;
}

.input-group-text label {
  align-items: center;
  padding: 2px 5px 5px 5px;
  margin-bottom: 2px;
  font-size: 12px;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
}

.input-group-text label input {
  margin-right: 5px;
  position: relative;
  top: 4px;
  }

.btn-secondary {
  margin-top: 10px;
  background-color: #e9ecef;
}

label:hover {
  cursor: pointer;
}

input:hover {
  cursor: pointer;
}

/**
 * slider styles
 */
[data-jplist-control="slider-range-filter"]{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.range-slider-value{
    width: 100px;
    box-sizing: border-box;
    padding: 0 5px;
}

.jplist-slider {
    width: 200px;
    height: 20px;
    background-color: #555;
    margin-right: 15px;
    margin-left: 15px;
    border-radius: .25rem;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jplist-slider::before {
    content: '';
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    z-index: 100;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    opacity: 0;
}

.jplist-slider-holder-1,
.jplist-slider-holder-2 {
    width: 20px;
    height: 100%;
    border-radius: .25rem;
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 200;
    -webkit-transition: 0.3s background-color;
    -o-transition: 0.3s background-color;
    transition: 0.3s background-color;
    padding: 0;
    margin: 0;
    font-size: 0;
    line-height: 0;
}

.jplist-slider-holder-1 {
    background: #C44BA1;
}

.jplist-slider-holder-2 {
    background: #5D92CD;
}

.jplist-slider-holder-1:active,
.jplist-slider-holder-2:active{
    background: #5D92CD;
    box-shadow: 0px 0px 10px #fff;
}

.jplist-slider-range {
    width: 0;
    height: 20px;
    background: #ccc;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1rem 1rem;
}

.jplist-items-number-0 > ul.pagination{
    display: none !important;
}

.jplist-items-number-0 > span[data-type="info"]{
    margin-left: 0 !important;
}
div.input-group-text > button {
  align-items: center;
  padding: 2px 5px 5px 5px;
  margin-bottom: 2px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #ced4da;
	font-family: Lato, "Trebuchet MS", "Open Sans", sans-serif, "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
  color: #495057;
}

.jplist-selected {
  background: #ff8a35;
}


.resultats {
  margin-left: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.nb-resultats {
  margin-left: 10px;
}



/* Pour ajuster les encarts de la première page, avec la bonne marge :*/
.marginsupp {
  margin-bottom: 50px;
}



.mention {
  transform: translateY(0mm);
}

.mention p {
  font-size: 0.6em;
  text-align: center;
}

/* Couv 27.5 cm - 23 cm  */
.titre-couv {
  text-align: center;
  margin-top: 1em;
}

.text-couv {
  margin-top: 2em;
}

.titre-couv h2 {
    font-family: "Digital-medium", "Lucida Grande", "Trebuchet MS", "Lucida Sans", "Lucida Sans Unicode", sans-serif;
  font-size: 5em;
  letter-spacing: 0.1em;
  margin-bottom: 0;
}

.titre-couv sup {
  font-size: 0.5em;
}

.titre-couv h3 {
  font-family: "Digital-light", "Lucida Grande";
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 2.5em;
}

.titre-couv p {
  font-family: "Digital-light", "Lucida Grande";
  display: block;
  text-transform: uppercase;
  font-size: 2em;
}

.ligne-couv {
  position: absolute;
  bottom: 20px;
}

/* Ligne coloré première page -------------------------------------*/
.bandeau-nb {
  margin-top: -0.275em;
}


/* Sommaire - transport ------------------------------------------------------------*/

.transport-sommaire h3 {
    font-family: "Digital-medium", "Lucida Grande";
  display: block;
  text-transform: uppercase;
  font-size: 3.25em;
}

.legende {
  color: #6a6a6a;
}

hr.ligne-sous-titre {
  border: 1px solid red;
}

.transport {
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}

.transport h5{
  color: #5D92CD;
  margin-top: 0px;
margin-bottom: 5px;
font-weight: bold;
}

.transport p{
 font-size: 12px;
}

.transport figure {
  display: flex;
  align-items: flex-start;
  width: 90mm;
  margin-bottom: 10px;
}

img.picto-transport {
 min-width: 50px;
 height: 50px;
}

.transport .legende {
font-size: 10px;
color: #6a6a6a;
}

img.drapeau-legende-transport {
  width: 10px;
  height: 10px;
}

.transport figcaption {
  text-align: left;
  margin-left: 5px;
}

.sommaire  {
  margin-top: 15px;
}

.sommaire h3 {
}

.sommaire h4 {
  color: black;
  text-align: center;
  font-family: "Digital-medium", "Lucida Grande";
  display: block;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: 400;
  margin-bottom: 25px;
}

.pub-web {
  display: flex;
  width: 100%;
  height: auto;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}

.pub-web p {
  width: 50%;
  margin-top: 10px;
}

/* Page labels ------------------------------------------------------------*/

div.page-labels h4  {
  font-family: "Digital-medium", "Lucida Grande";
  display: block;
  text-transform: uppercase;
  font-size: 2em;
  color: #000;
}

div.page-labels p  {
  font-size: 12px;
}

.page-labels figure {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.interpage-labels figure img {
  margin: 10px 20px 10px 0px;
  width: 15mm;
  min-width: 15mm;
  max-width: 15mm;
}

figure img.drapeau-legende-labels {
  width: 10px;
  height: 10px;
  margin: 0px;
    min-width: 10px;
  max-width: 10px;
}

.interpage-labels .legende {
font-size: 8px;
color: #6a6a6a;
}

.encart-informatif {
  background-color: #DEDEDE;
  padding: 15px;
  margin-top: 20px;
}

img.drapeau-legende-labels {
  width: 10px;
  height: 10px;
  margin: 0px;
    min-width: 10px;
  max-width: 10px;
}



/* Interpage ------------------------------------------------------------*/


.interpage-hotel h4{
  color:#FFA242;
}

.interpage-hotel .legende-fr{
  color:#FFA242;
}

.interpage-bb h4{
  color:#9A8280;
}

.interpage-bb .legende-fr{
  color:#9A8280;
}

.interpage-camping h4{
  color:#42A87C;
}

.interpage-camping .legende-fr{
  color:#42A87C;
}

.interpage-location h4{
  color:#FB3199;
}

.interpage-location .legende-fr{
  color:#FB3199;
}

.interpage-collectif h4{
  color:#3CC5BE;
}

.interpage-collectif .legende-fr{
  color:#3CC5BE;
}

.interpage h3 {
  font-family: "Digital-medium", "Lucida Grande";
  display: block;
  text-transform: uppercase;
  font-size: 4em;
}

.interpage h4 {
  font-family: "Digital-medium", "Lucida Grande";
  font-size: 1.2em;
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 0px;
  text-transform: uppercase;
}

.drapeau-legende{
  width: 15px;
}

.encart-picto {
  margin-top: 0px  !important;
  margin-bottom: 0px !important;
  height: 54mm !important;
}

.bloc-picto-infos {
  display: inline-block;
  width: 181mm;
/*  border-width:0.25px;
  border-style: solid;
  border-color:#333;*/
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.picto-interpage {
  display: flex;
  max-height: 5.9cm;
  width: 100%;
  height: auto;
  padding: 5px;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
}

.bloc-picto-infos .picto-interpage {
flex-direction: row;
}

.bloc-picto-infos .picto-interpage figcaption {
  width: auto;
}

.picto-interpage figure {
  display: flex;
  align-items: center;
  margin: 3px;
}

.picto-interpage figcaption {
  width: 120px;
}


.picto-interpage img {
  height: 22px;
  margin: 3px 3px 2px 6px;
  background-color: #fff;
}


.picto-interpage figcaption {
  margin-top: 0;
  text-decoration: none;
  display: block;
}

.legende-fr  {
  font-weight: 600;
}

.legende-etranger  {
  font-size: 10px;
}

/* Style pages qualité et horaires */

.texte-qualite {
  display: flex;
}

.qualite-col-1 {
  min-width: 65%;
}

.qualite-col-2 {
  margin-left: 30px;
}


h5.titre-textes{
  color: #FF0000;
  font-family: "Digital-light", "Lucida Grande";
  text-transform: uppercase;
  font-size: 1.25em;
}

.sous-titre-qualite {
  color: #FF0000;
  font-family: "Digital-medium", "Lucida Grande";
  text-transform: uppercase;
  font-size: 1.25em;
  line-height: 2em;
}

.bold {
  font-weight: 600;
}

.digital-bold {
  font-family: "Digital-bold";
}

.digital-medium {
  font-family: "Digital-medium";
}

.digital-light {
  font-family: "Digital-light";
}

.police-min{
  font-size: 10px;
  color: #6a6a6a;
}

img.drapeau-horaires{
width: 10px;
}

hr.pointilles {
  border-top: 0.5px dotted #333;
  width: 75%;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 0px;
  margin-top: 10px;
}

div.qualite-col-1 p {
  font-size: 12px;
}

div.qualite-col-2 p {
  font-size: 10px;
  color: #6a6a6a;

}

div.qualite-col-2 li {
  font-size: 10px;
  margin-left: 10px;
  color: #6a6a6a;
}

.horaires-offices {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0px;
}

span.horaire-spe-bat {
  font-size: 10px;
  color: #6a6a6a;
  line-height: 0px;
}

.horaire-spe-bat span.bold  {
  font-size: 10px;
  color: #6a6a6a;
}

.horaire-office {
  width: 80mm;
  margin-top: 5px;
  margin-right: 10px;
}

p.sous-titre-horaire {
  color: #FF0000;
  font-family: "Digital-medium", "Lucida Grande";
  text-transform: uppercase;
  font-size: 1.25em;
  margin-bottom: 0px;
  margin-top: 5px;
}

div.horaire-office p {
  font-size: 12px;
}

.infos-legales {
  margin-top: 10px;
  font-size: 7px;
  color: #6a6a6a;
}


/*Page publicité + autres hébergements*/

.pub-demi-page {
}

.pub-texte {
  display: flex;

}

div.pub-texte p {
  font-size: 12px;
  column-count: 2;
}

div.pub-texte br {
  margin-bottom: 5px;
}

div.pub-texte li {
  font-weight: bold;
  font-size: 12px;
  margin-bottom: 5px;
}

div.pub-texte li:before {
    content: "> ";
}

div.pub-texte ul {
  margin-left: 15px;
  min-width: 225px;
  list-style-type: none;
}

.img-pub {
  height: 9cm;
  width: 100%;
  object-fit: cover;
  margin-top: 20px;
}

.non-partenaires {
  font-size: 12px;
  display: flex;
}

.col-non-partenaire {
  margin: 0 15px 0 0;
  max-width: 225px;
}

.zone-non-partenaire {
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 10px;
}

.nom-non-partenaire {
  text-transform: uppercase;
  margin-top: 5px;

}

.coord-non-partenaire {
  font-size: 8px;
}

hr.trait-non-partenaires {
  border-top: 0.25px dotted #333;
  margin: 10px 0 0 0;
}

.titre-autres-hebergement {
  color: #333;
  font-family: "Digital-light", "Lucida Grande";
  text-transform: uppercase;
  font-size: 1.25em;
}


/*Couleurs (à utiliser pour faciliter le formattage*/
.couleur-hotel {
  color:#FFA242;
}

.couleur-bb {
  color:#9A8280;
}

.couleur-camping {
  color:#42A87C;
}

.couleur-location {
  color:#FB3199;
}

.couleur-collectif {
  color:#3CC5BE;
}


/* Style principal meublés */

.bloc-hebergement-petit {
  display: inline-block;
  width: 88mm;
  height: 59mm;
  border-width:0.5px;
  border-style: solid;
  border-color:#333;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 6px;
  overflow: hidden;
}
.row-1 {
  width: 100%;
  height: 6mm;
  background-color: #FB3199;
  display: flex;
  align-items: center;
  padding: 0 0 0 5px;
  font-size: 0.9em;
  text-transform: uppercase;
  color: #fff;
}

.row-1 p {
  color: #fff;
  margin-left: 5px;
}

h4 {
  color: #fff;
  font-size: 0.9em;
  font-weight: 600;
  margin-right: 5px;
}

.row-2{
  background-color: #DEDEDE;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 6mm;
  width: 100%;
  padding: 0 0 0 5px;
  font-size: 0.9em;
    border-bottom-width: 0.5px;
  border-bottom-style: solid;
  border-color:#333;
}

.row-2 p {
  margin-right: 2px;
}

.row-3 {
  display: flex;
  height: 21mm;
}
.row-4 {
  display: flex;
  height: 26mm;
}

.descriptif {
  width: 62mm;
  overflow: hidden;
  padding: 5px;
}

.descriptif p {
  font-size: 8.75px;
  letter-spacing: -0.05px;
  hyphens: auto;
  text-align: justify;
}

.descriptif strong {
color: #000
}

.image {
  width: 26mm;
  height: 21mm;
}

.image img {
  width: 26mm;
  height: 21mm;
  object-fit: cover;
}

.bloc-info{
  width: 62mm;
  max-width: 62mm;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  border: 0.5px solid #333;
  border-left: none;
  border-bottom: none;
  overflow: hidden;
}

.bloc-adresse{
  width: 39.3mm;
  height: 20mm;
  padding: 5px;
  font-size: 7.50px;
  letter-spacing: -0.05px;
  overflow: hidden;
  border-bottom: 0.25px solid #333;
}

.gras {
  font-weight: 600;
}

.gras-noir {
  font-weight: 600;
  color: #000;
}

.bloc-adresse li{
  list-style: none;
  margin: 0;
  padding: 0;
}

.bloc-adresse ul{
  margin-left: 0;
  margin-bottom: 5px;
}

.maj {
  text-transform: uppercase;
}

.bloc-distance {
  flex:1;
  height: 20mm;
  border-left: 0.25px solid #333;
  border-bottom: 0.25px solid #333;
  padding: 5px 2px 5px 1px;
  font-size: 7.50px;
  letter-spacing: -0.10px;
  overflow: hidden;
}

.bloc-distance ul {
  margin: 0;
  padding: 0;
}

.bloc-distance li {
  list-style: none;
  margin: 0 0 2px 0;
  padding: 0;
}
.bloc-distance li:empty {
  display:none;
}

.bloc-picto {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  width: 26mm;
  height: auto;
  padding: 7px 9px 7px 9px;
  background-color: #DEDEDE;
  /*border: 1px solid #000;*/
}

.bloc-picto img {
  height: 14px;
  width: 14px;
  padding: 2px;
  margin: 2.75px;
  background-color: #fff;
/*  border-style: solid;
  border-width: 0.25px;
  border-color: #333;*/
}

.bloc-tarifs {
  width: 62mm;
  height: 5.5mm;
  overflow: hidden;
}

.bloc-tarifs table {
  font-size: 7px;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
}

.bloc-tarifs table td {
  border-left: 0.25px solid #333;
  border-left-style: auto;
  border-bottom: none;
  overflow: hidden;
  letter-spacing: -0.25px;
}

.bloc-tarifs table td.table-ouverture:first-child {
  border-left: none;
}

.bloc-tarifs table td:empty {
  display: none;
}

.bloc-tarifs table td:last-child {
  border-right: none;
}

.étoiles img {
  width: 8px;
  height: 8px;
}

img.insolite {
  width: 60px;
  height: auto;
  margin-right: 10px;
  margin-left: auto;

}

.labels img {
  max-height: 14px;
  width: 7px;
}

.labels-2 {
  margin-left: auto;
}

.labels-2 img {
  height: 14px;
  width: auto;
  padding-right: 5px;
}

.th {
  padding-right: 5px;
}

.th img{
  padding-right: 0;
    height: 14px;
  width: auto;
}

.adresse1:empty {
  display: none;
}

.adresse2:empty {
  display: none;
}

.num-tel {
  white-space: nowrap;
}


.info-location {
  background-color: #DEDEDE;
  font-size: 11px;
  border-bottom-width: 10px;
  border-bottom-color: #FB3199;
  height: 59mm;
  width: 88mm;
  display: inline-table;
}

div.bloc-hebergement-petit.info-location p {
  margin: 10px;
}

.trait-invisible {
  margin: 0px;
  color: #fff;
}

#ui-datepicker-div {
    z-index: 500 !important;
}



/* CHAMBRES D'HÔTES ----------------------------------------------------*/

.bb .row-1 {
  background-color: #9A8280;
}

.bb .row-4 {
  height: 20mm;
}

.row-5 {
  display: flex;
  height: 6mm;
  border-top: 0.25px solid #333;
}

.bb .bloc-picto {
  height: 20mm;
}

.bb .bloc-info {
  height: 20mm;
}

.bb .bloc-tarifs {
  width: 88mm;
  display: flex;
}

.bb .bloc-tarifs table {
  width: 88mm;
}

.table-hote {
  max-width: 22px;
  margin-left: 5px;
}

.pastille-mer {
  max-width: 22px;
  margin-left: 5px;
}

.pastille-restau {
  max-width: 22px;
  margin-left: 5px;
}





/* HOTELS ----------------------------------------------------*/


.bloc-hebergement-grand {
  display: inline-block;
  width: 181mm;
  height: 59mm;
  border-width: 0.25px;
  border-style: solid;
  border-color:#333;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.hotel .row-1 {
  background-color: #FFA242;
}

.bloc-hebergement-grand .row-4 {
height: 20mm;
}

.bloc-hebergement-grand .row-3 {
  border-right-width: 0.25px;
  border-right-style: solid;
  border-color:#333;
}

.bloc-hebergement-grand .row-5 {
height: 6mm;
}

.bloc-hebergement-grand .bloc-tarifs {
  width: 109mm;
}

.bloc-hebergement-grand .bloc-adresse {
  width: 57mm;
}

.sous-bloc {
  display: flex;
}

.sous-bloc-2 {
  width: 109mm;
  display: flex;
  flex-wrap:wrap;
  height: 47mm;
}

.col-1 {
  width: 83mm;
  overflow: hidden;
  height: 41mm;
}

.col-2 {
  width: 26mm;
  overflow: hidden;
  background-color: #DEDEDE;
  height: 41mm;
}

.col-3 {
  width: 72mm;
  overflow: hidden;
  height: 47mm;
}

.col-1 .descriptif {
  width: 100%;
}

.col-1 .bloc-info {
  width: 100%;
  max-width: 100%;
}

.col-3 img {
  object-fit: cover;
  width: 72mm;
  height: 47mm;
}

.col-2 p {
  font-size: 8.75px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}


/* CAMPINGS ----------------------------------------------------*/


.camping .row-1 {
  background-color: #42A87C;
}




/*RÉSIDENCES -------------------------------------------------*/





/* COLLECTIFS ----------------------------------------------------*/


.collectif .row-1 {
  background-color: #3CC5BE;
}


/* CAMPING-CAR ----------------------------------------------------*/

.colonne-3 {
  column-count: 3;
}

.colonne-2 {
  column-count: 2;
}
.colonne-1 {
  column-count: 1;
}


.campingcar {
  margin: 10px;
}

.commune-ccar {
  font-size: 17px;
  font-weight: bold;
}

.nom-ccar {
  font-size: 13px;
  font-weight: bold;
  color: #D6A42C;
  margin: 2px 0 2px 0;
}

.descriptif-ccar {
  font-size: 8.75px;
}
.coord-ccar {
  font-size: 8.75px;
}

.adresse-ccar {
  font-size: 8.75px;
}

.telephone-ccar {
  font-size: 8.75px;
}

.web-ccar {
  font-size: 8.75px;
}

.telephone-ccar:empty {
  display:none;
  }

.web-ccar:empty {
  display:none;
}
.date-ccar:empty {
  display: none;
}
.date-ccar {
  font-size: 8.75px;
}

.tarif-ccar {
  font-size: 8.75px;
}
.moyenspaiement-ccar {
  font-size: 8.75px;
}


/* VISUEL ----------------------------------------------------*/

.img-remplissage {}

.visuel-x3 {
  display: inline-grid;
  width: 181mm;
  height: 187.5mm;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.visuel-x2 {
  display: inline-grid;
  width: 181mm;
  height: 118mm;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

img.visuel-x3, img.visuel-x2{
  object-fit: cover;
}



/* MEDIA PRINT ----------------------------------------------------*/


@media print {

  .box-filter {
  display: none;
  }
  .navbarw3s {
  display: none;
  }

  .hide {
    display: none;
  }

  .titre-journal h1 {
    margin-top: 20px;
    font-size: 3.8em;
  }


}