body.accueil {
  background: url('../img/bg-body-sommaire.gif') repeat-x center top #ffffff;
}
.accueil .header-container {
  position: relative;
  top: 0;
  width: 100%;
  z-index: 1060;
}
.accueil slideshow_accueil {
  width: 100%;
}
.accueil div#image-accueil {
  display: block;
  height: 550px;
  margin: 0 auto;
  width: 100%;
  margin-top: -30px;
}
.accueil .slide {
  width: 100%;
  height: 550px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  -webkit-background-size: cover;
  /* pour anciens Chrome et Safari */
  background-size: cover;
  /* version standardisée */
  position: relative;
}
.accueil .box-breve {
  width: 400px;
  /* margin: 0 auto; */
  z-index: 1000;
  margin-top: 300px;
}
.accueil .box-breve .box-breve-contenu {
  padding: 20px;
  background-color: #ffffff;
  color: #000000;
  width: 260px;
}
.accueil .box-breve .box-breve-contenu h2 {
  color: #171717;
  margin: 0;
  font-weight: normal;
  font-size: 1.5em;
}
.accueil .box-breve .box-breve-lien a {
  display: block;
  color: #ffffff;
  font-size: 1.4em;
  background: url('../img/accueil-plus-breve.jpg') no-repeat 85px center #171717;
  padding: 7px 20px;
  width: 120px;
}
.accueil .play {
  position: absolute;
  z-index: 1000;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 150px;
  height: 150px;
}
.accueil .play a {
  float: left;
  display: block;
  width: inherit;
  height: inherit;
  background: url('../img/play.png') no-repeat center;
  z-index: 1000;
}
.accueil .play_mob {
  position: absolute;
  z-index: 1000;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 75px;
  height: 75px;
}
.accueil .play_mob a {
  display: block;
  width: inherit;
  height: inherit;
  background: url('../img/play_mobile.png') no-repeat center;
  z-index: 1000;
}
.accueil div.bande-noire {
  height: 13px;
  background-color: #171717;
}
.accueil div#nav-accueil {
  font-size: 14px;
  font-family: Verdana, sans-serif;
}
.accueil div#nav-accueil div.bouton-header.right {
  float: right;
  padding-right: 64px;
}
.accueil div#page div.bloc-commune {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #f0f0f0;
}
.accueil div#page div.bloc-commune img.img-commune {
  float: left;
  margin-right: 10px;
}
.accueil div#page div.bloc-commune span.telephone {
  float: right;
  display: block;
  height: 28px;
  line-height: 26px;
  font-size: 1.2em;
  padding-left: 25px;
  background: url('../img/picto-telephone.jpg') no-repeat left top transparent;
  color: #535353;
}
.accueil div#page div.bloc-commune h2 {
  margin-bottom: 8px;
  background-repeat: no-repeat;
  background-position: 110px;
  font-family: din-medium, helvetica, arial, 'sans-serif';
  text-transform: uppercase;
  color: #444;
}
.accueil div#page div.bloc-commune h2 a {
  color: #404040;
}
.accueil div#page div.bloc-commune h3 a {
  color: #7A7A7A ;
  font-size: 0.8em ;
  font-weight: normal ;
  padding-left: 25px ;
  background: url('../img/picto-bulle.jpg') no-repeat left center transparent;
}
.accueil div#page div.bloc-commune a.bouton-suite {
  float: right;
  width: 119px;
  position: relative;
  top: 10px;
  display: block;
  background: url('../img/bg-bouton-bleu.png') repeat-x;
  height: 21px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  margin: 5px 0;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.accueil div#page div.bloc-commune a.bouton-suite.en {
  background: url('../img/bg-bouton-bleu.png');
}
.accueil div#page div.bloc-commune p {
  font-style: italic;
  margin-bottom: 0;
  height: 18	px;
  overflow: hidden;
}
.accueil div#page div.bloc-commune.last {
  margin-bottom: 0;
}
.accueil #panneau-famille,
.accueil #panneau-aventure,
.accueil #panneau-adeux,
.accueil #panneau-famille-en,
.accueil #panneau-aventure-en,
.accueil #panneau-adeux-en {
  display: block;
  height: 237px;
  width: 98px;
  float: left;
}
.accueil #panneau-famille {
  background-image: url('../img/home-famille.png');
  width: 98px;
}
.accueil #panneau-famille-en {
  background-image: url('../img/home-famille-en.png');
  width: 98px;
}
.accueil #panneau-aventure {
  background-image: url('../img/home-aventure.png');
}
.accueil #panneau-aventure-en {
  background-image: url('../img/home-aventure-en.png');
}
.accueil #panneau-adeux {
  background-image: url('../img/home-handicap-fr.png');
}
.accueil #panneau-adeux-en {
  background-image: url('../img/home-handicap-en.png');
}
.accueil a#panneau-famille:hover {
  background-image: url('../img/home-famille-hover.png');
}
.accueil a#panneau-aventure:hover {
  background-image: url('../img/home-aventure-hover.png');
}
.accueil a#panneau-adeux:hover {
  background-image: url('../img/home-handicap-fr-hover.png');
}
.accueil a#panneau-famille-en:hover {
  background-image: url('../img/home-famille-en-hover.png');
}
.accueil a#panneau-aventure-en:hover {
  background-image: url('../img/home-aventure-en-hover.png');
}
.accueil a#panneau-adeux-en:hover {
  background-image: url('../img/home-handicap-en-hover.png');
}
.accueil #footer-carte {
  height: 368px;
  background: url('../img/accueil-carte-degrade.png') repeat-x bottom transparent;
  margin: 0 auto;
}
.accueil #footer-carte.en #footer-carte-bg {
  background-image: url('../img/accueil-carte-en.png');
  min-height: 368px;
}
.accueil #footer-carte.de #footer-carte-bg {
  background-image: url('../img/accueil-carte-de.png');
  min-height: 368px;
}
.accueil #footer-carte #footer-carte-bg {
  display: block;
  min-height: 368px;
  background: url('../img/accueil-carte.png') no-repeat 58% 42px transparent;
}
.accueil #footer-carte #footer-carte-bg .col-md-4 {
  padding-left: 0;
}
.accueil #footer-carte #footer-carte-bg .col h3 {
  color: #414141;
  margin-bottom: 22px;
  background: url('../img/bg-titre-carre-noir.png') no-repeat left 12px;
  padding-top: 10px;
  padding-left: 27px;
}
.accueil #footer-carte #footer-carte-bg .col h4 {
  margin-bottom: 20px;
  font-size: 1.3em;
  font-weight: bold;
}
.accueil #footer-carte #footer-carte-bg .col p {
  line-height: 1.3em;
  text-align: left;
  color: #616161;
  margin-bottom: 0;
}
.accueil #footer-carte #footer-carte-bg .col a.lien-plus {
  background: url('../img/lien-plus.png') no-repeat center top transparent;
  display: block;
  width: 21px;
  height: 21px;
  float: right;
  margin-right: 5px;
  text-indent: -9999px;
  position: relative;
  bottom: 0;
}
.accueil #footer-carte #footer-carte-bg .col a#voir-animations {
  color: #414141;
  float: right;
  text-decoration: underline;
}
.accueil #footer-carte #footer-carte-bg .col .bloc-actus,
.accueil #footer-carte #footer-carte-bg .col .bloc-animations {
  background-color: #f6f6f6;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin-bottom: 10px;
}
.accueil #footer-carte #footer-carte-bg .col .bloc-actus {
  padding-bottom: 10px;
  width: 100%;
  overflow: hidden;
  min-height: 290px;
}
.accueil #footer-carte #footer-carte-bg .col .bloc-actus h4 {
  background-color: #000000;
  color: #f6f6f3;
  padding: 12px 10px;
  font-size: 1.1em;
  margin-bottom: 10px;
}
.accueil #footer-carte #footer-carte-bg .col .bloc-actus p {
  padding: 5px 10px;
}
.accueil #footer-carte #footer-carte-bg .col .bloc-actus img {
  line-height: 0em;
}
.accueil #footer-carte #footer-carte-bg .col .bloc-actus .caption {
  margin-bottom: -10px;
  overflow: hidden;
}
.accueil #footer-carte #footer-carte-bg .col .bloc-animations {
  padding: 10px 0px;
  margin-left: 10px;
  overflow: hidden;
  font-size: 0.9em;
}
.accueil #footer-carte #footer-carte-bg .col .bloc-animations.col-sm-4 {
  padding-left: 0;
}
.accueil #footer-carte #footer-carte-bg .col .bloc-animations h4 a {
  color: #404040;
  text-decoration: none;
  font-size: 0.9em;
}
.accueil #footer-carte #footer-carte-bg .col .bloc-animations p {
  margin-top: -5px;
  margin-bottom: 5px;
}
.accueil #footer-carte #footer-carte-bg .col .bloc-animations .caption {
  background: url('../img/bg-img-footer.jpg') no-repeat center bottom transparent;
  float: left;
  overflow: hidden;
}
.accueil #footer-carte a#agrandir-carte {
  display: block;
  width: 100%;
  height: 130px;
  float: right;
  margin-top: 65px;
}
.img-accueil {
  margin-bottom: -30px;
  float: right;
  position: relative;
}
.img-accueil .suite {
  position: relative;
  top: -55px;
  float: right;
  right: 40px;
  background-color: black;
  color: white;
  height: 30px;
  width: 70px;
  line-height: 30px;
}
.img-accueil .suite span {
  padding-left: 8px;
}
#pont {
  background-image: url('../img/contenu/pont.png');
}
#glace {
  background-image: url('../img/contenu/glace.jpg');
}
#fancybox-wrap embed {
  margin: 0;
}
@font-face {
  font-family: din-medium;
  src: url(../polices/DINR.TTF);
  
  /* IE9 */
}
.accueil div#page div.bloc-commune h2 a,
.accueil div#page div.bloc-commune h3 a {
  text-decoration: none;
}
@media (min-width: 1681px) {
  .sous-menu-element.sous-menu-image.last {
    margin-bottom: 15px;
  }
  .titre_meteo {
    left: 3em;
  }
}
@media (min-width: 768px) {
  .accueil .header-container {
    padding-left: 0;
    padding-right: 0;
  }
  .taille-logo img {
    max-width: 100%;
  }
  .bloc-right {
    padding-left: 70px;
  }
  .logo_proprio img {
    max-width: 15%;
    padding: 3px 10px 20px 0px;
  }
}
@media (max-width: 1199px) {
  .accueil div#footer-carte div#footer-carte-content div.col div.bloc-actus {
    width: 310px;
    border: 1px solid red;
  }
  .img-menu {
    text-align: center;
    background-color: white !important;
    width: 100% !important;
  }
  .titre_meteo {
    left: 3em;
  }
}
@media (max-width: 979px) {
  .accueil #footer-carte #footer-carte-content div.col div.bloc-actus {
    width: 100%;
  }
  .accueil #footer-carte #footer-carte-bg {
    background: url('../img/accueil-carte.png') no-repeat center 42px transparent;
  }
  div#colonne-principale {
    margin-top: 20px;
  }
  div.boite-outils a {
    width: 100% !important;
  }
  div.boite-outils a span {
    width: 140px;
    margin-top: 14px;
    margin-left: 60px !important;
  }
  .titre_meteo {
    left: 1em;
  }
  div.bo-tsft a {
    width: 108px !important;
  }
  div.bo-tsft a span {
    margin-top: 9px;
    margin-left: 47px !important;
    font-size: 0.8em;
    width: 55px;
    font-weight: 800;
  }
  .listing.syndication.type-2 .bloc-element .bloc-element-texte {
    width: 188px;
  }
  #cal1Container .groupcal {
    width: 100% !important;
  }
  h1 {
    font-size: 1.6em;
  }
  .listing.syndication.type-2 .bloc-element .bloc-element-texte {
    width: 100%;
  }
  .footer-col.center.last.col-sm-6.col-md-4 {
    top: -180px;
  }
}
@media (max-width: 767px) {
  body.accueil {
    background-color: #fff;
    background: none;
  }
  body.accueil #colonne-principale {
    padding-left: 10px !important;
  }
  .navbar-default .navbar-nav a:hover {
    color: white !important;
  }
  .taille-logo {
    max-width: 75%;
  }
  .taille-logo img {
    max-width: 85%;
  }
  #breadcrumb {
    top: 0px !important;
  }
  .not-front #page {
    margin-top: 0px;
  }
  .accueil div#image-accueil {
    height: auto !important;
  }
  .accueil div#image-accueil .img-accueil {
    margin-top: -50px;
  }
  .bloc-element-photo img {
    margin: 0 auto;
    display: block;
    margin-top: 15px;
  }
  #colonne-principale.titres-rub {
    font-size: 0.8em;
    margin-top: 0px;
  }
  #colonne-secondaire.col-sm-4,
  #colonne-secondaire2.col-sm-4 {
    padding-left: 0;
    padding-right: 10px !important;
  }
  .listing.syndication.type-2 .bloc-element .bloc-element-texte {
    width: 100%;
  }
  .moteur-syndication {
    margin-top: 1.5em !important;
  }
  .modal div.boite-outils a {
    width: 129px !important;
  }
  .font-size-slide {
    font-size: 12px;
  }
  .listing.syndication.type-2 .bloc-element .bloc-element-photo {
    width: 100% ;
    height: auto;
  }
  .listing.syndication .bloc-element.bloc-element-0 {
    margin-left: 0px;
  }
  .listing .bloc-element .bloc-element-texte {
    width: 100%;
  }
  .listing .bloc-element .bloc-element-photo {
    width: 100%;
    height: 100%;
  }
  #map_canvas {
    height: 400px;
  }
  .titre_meteo {
    left: 3em;
  }
  .not-front #page {
    margin-bottom: 0px;
  }
  .partenaires {
    text-align: center;
  }
  .partenaires img {
    height: 40px;
    padding: 5px;
    margin: 0 auto;
    display: inline-block;
  }
  .modal_pro {
    width: 100% !important;
    height: 100% !important;
    overflow: auto;
  }
}
/* Portrait phones and down */
@media (max-width: 480px) {
  .footer-col {
    margin: 0 auto;
    padding-bottom: 5%;
  }
  .logo_proprio img {
    width: 100% !important;
    padding: 3px 0px 20px 0px;
  }
}
@media (min-width: 768px) and (orientation: portrait) {
  .taille-logo img {
    max-width: 100%;
    padding-top: 20px;
  }
}
@media (max-width: 480px) and (orientation: landscape) {
  .taille-logo img {
    max-width: 85%;
  }
}
@media (orientation: landscape) {
  .accueil .play_mob {
    width: 150px;
    height: 150px;
  }
  .accueil .play_mob a {
    width: 150px;
    height: 150px;
    background: url('../img/play.png') no-repeat center;
  }
}
@media (max-width: 480px) and (orientation: portrait) {
  .taille-logo img {
    padding-top: 5px;
    max-width: 100%;
  }
  .bloc-commune h3 {
    clear: both;
  }
}
/**
 * Ce fichier css regroupe les elements communs a tous les templates du site de Morlaix
 * par baptistegmt pour GMT Editions
 */
/**
 * Reset css très basique
 */
* {
  margin: 0;
  padding: 0;
}
/**
 * Elements generaux
 */
body {
  font-family: Helvetica, Verdana, sans-serif;
  font-size: 13px;
  background-color: #eeeeee;
  overflow-x: hidden;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 0px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: normal;
  line-height: 1.1;
  color: inherit;
}
h1 {
  font-size: 2.2em;
  color: #179cd4;
}
h2 {
  font-size: 1.8em;
  color: #58b8e0;
  margin-bottom: 10px;
  font-weight: lighter;
}
h3 {
  color: #3585af !important;
  font-size: 1.5em;
  font-weight: lighter;
  /* Fait de l'italique sous FF, mais fonctionne sous chrome... */
  font-style: normal;
  margin-bottom: 15px;
}
h4 {
  font-size: 1.3em;
}
p {
  color: #828282;
  line-height: 1.7em;
  margin-bottom: 10px;
}
ul {
  list-style-type: none;
}
a {
  outline: none;
  color: #58B8E0;
  text-decoration: none;
}
a:hover {
  color: #347b98;
}
a:focus {
  border: none;
}
a:focus,
a:active {
  outline: 0;
}
a > img {
  border: none;
}
hr {
  height: 1px;
  border-top: none;
  border-bottom: 1px solid #ffffff;
  margin: 20px 0;
}
embed {
  margin: 10px auto 20px auto;
  text-align: center;
}
/**
 * Architecture / blocs principaux
 */
div#header {
  background-image: url('../img/deco-header.png');
  background-color: #171717;
  background-repeat: repeat-x;
  background-position: top right;
  height: 80px;
}
div#header div#header-content {
  width: 100%;
  margin: 0 auto;
}
div#header div#logo {
  float: left;
  margin-top: 2px;
}
#content span.bouton-header-slide-gauche,
#content span.bouton-header-slide-droite {
  background: none;
  background-color: #171717;
  padding-left: 10px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
#content .bnoire.col-sm-12 {
  padding: 0;
}
#content #nav-accueil .col-sm-8 {
  padding-left: 0;
}
#content #nav-accueil .col-sm-4 {
  padding-left: 20px;
  padding-right: 0;
}
#content #nav-accueil .col-sm-4 span.bouton-header-slide-droite {
  width: 100%;
}
.bloc .boite-outils .col-md-6 {
  padding-left: 0;
  padding-right: 10px;
}
.bloc .boite-outils .col-md-6:nth-child(odd) {
  padding-left: 10px;
  padding-right: 0;
}
div#social {
  background: url('../img/header-shadow.png') repeat-x top left transparent;
  height: 30px;
}
div#colonne-principale {
  float: left;
  overflow: hidden;
}
div#colonne-principale.col-sm-8,
div#colonne-principale.col-sm-4 {
  padding-left: 0;
  padding-right: 20px;
}
div#colonne-secondaire {
  overflow: hidden;
}
div#colonne-secondaire h4 {
  text-align: right;
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid #dbe8ed;
  margin-bottom: 10px;
}
#colonne-secondaire.col-sm-4,
#colonne-secondaire2.col-sm-4 {
  padding-right: 0;
}
#colonne-secondaire.col-sm-4 .col-sm-12,
#colonne-secondaire2.col-sm-4 .col-sm-12,
#colonne-secondaire.col-sm-4 .col-xs-12,
#colonne-secondaire2.col-sm-4 .col-xs-12 {
  padding-right: 0;
}
div#footer {
  min-height: 50%;
  background-color: #1d1d1d;
}
div#footer div#footer-content {
  margin: 0 auto;
  padding-top: 15px;
}
div#footer div#footer-content div.footer-col.liens p {
  margin-bottom: 15px;
}
div#footer div#footer-content div.footer-col.liens p.min-height {
  margin-bottom: 0;
  line-height: 1.3em;
}
div#footer div#footer-content div.footer-col.liens a {
  text-decoration: none;
}
div#footer div#footer-content div.footer-col.liens a:hover {
  color: #ccc;
}
div#footer div#footer-content div.footer-col table#logos {
  width: 100%;
}
div#footer div#footer-content div.footer-col table#logos td {
  padding: 10px;
}
div#footer div#footer-content #espace-pro {
  display: block;
  text-align: center;
  background-color: #f0f0f0;
  width: 100px;
  padding: 5px 3px 3px 3px;
  margin: 50px auto 0 auto;
  color: #1D1D1D;
  font-weight: bold;
  text-transform: uppercase;
  font-weight: 0.9em;
}
div#footer div#footer-content a#espace-pro:hover {
  background-color: #1D1D1D;
  color: #F0F0F0;
}
div#footer p,
div#footer a {
  color: #F0F0F0;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  text-align: center;
}
div.clear {
  clear: both;
}
div.bouton-header {
  margin-bottom: 20px;
  height: 27px;
  color: #FFFFFF;
}
a.no-decoration {
  text-decoration: none;
}
p.infos-article {
  color: #414141;
  margin-bottom: 10px;
}
a.bouton-bleu {
  display: block;
  background: url('../img/bg-bouton-bleu.png') repeat-x;
  height: 21px;
  line-height: 21px;
  text-align: center;
  color: #ffffff;
  margin: 5px 0;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
a.bouton-bleu.reserver {
  padding: 3px 8px;
  background: #F29400;
  line-height: auto;
  height: auto;
  -moz-box-shadow: 0px 0px 10px 0px #9b9b9b;
  -webkit-box-shadow: 0px 0px 10px 0px #9b9b9b;
  -o-box-shadow: 0px 0px 10px 0px #9b9b9b;
  box-shadow: 0px 0px 10px 0px #9b9b9b;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=10);
}
a.bouton-bleu.reserver:hover {
  background: #e68d01;
}
/**
 * boutons noirs dans le header, pour les logos flickr, youtube and co
 * Technique CSS des sliding doors
 */
span.bouton-header-slide-gauche,
span.bouton-header-slide-droite {
  display: block;
  height: 27px;
  background-image: url('../img/slide-bouton-header.png');
  background-repeat: no-repeat;
  float: left;
}
span.bouton-header-slide-gauche {
  background-position: bottom left;
  width: 10px;
}
span.bouton-header-slide-droite {
  background-position: bottom right;
  min-width: 10px;
  padding-right: 10px;
  line-height: 27px;
}
span.bouton-header-slide-droite.carre {
  padding-left: 30px;
  background: url('../img/bg-titre-carre-blanc.png') no-repeat left center transparent;
  min-width: 250px;
  color: #f0f0f0;
  font-family: Arial, sans-serif;
  letter-spacing: 1px;
  display: block;
}
span.bouton-header-slide-droite a {
  color: #ffffff;
}
div#social-content div.bouton-header {
  float: left;
  margin-right: 5px;
}
/**
 * Panneaux JS famille / jeunes / vacances à deux
 */
div.panneaux {
  margin-bottom: 20px;
}
/**
 * La boite à outils
 * bloc contenant 4 onglets vers des liens secondaires (marees, carnet de voyage, etc..)
 */
div.boite-outils {
  margin-bottom: 20px;
}
div.boite-outils a {
  float: left;
  background-color: #000000;
  color: #ffffff;
  width: 137px;
  height: 40px;
  margin-bottom: 10px;
  border-radius: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.8em;
  background-position: 10px center;
  background-repeat: no-repeat;
}
div.boite-outils a.margin {
  margin-right: 9px;
}
div.boite-outils a.marees {
  background-image: url('../img/outils-marees.png');
}
div.boite-outils a.carnet {
  background-image: url('../img/outils-carnet.png');
}
div.boite-outils a.brochures {
  background-image: url('../img/outils-brochures.png');
}
div.boite-outils a.bonus {
  background-image: url('../img/outils-bonus.png');
}
div.boite-outils a.blog {
  background-image: url('../img/outils-blog.png');
  background-color: #e8e5e5;
  color: #1dadf7;
}
div.boite-outils a.agenda {
  background-image: url('../img/outils-agenda.png');
}
div.boite-outils a.groupes {
  background-image: url('../img/outils-groupes.png');
}
div.boite-outils a span {
  display: block;
  width: 70px;
  margin-left: 60px;
  margin-top: 9px;
}
/**
 * Elements particuliers
 */
.addthis {
  margin-top: 20px;
}
/* Marées */
.marees table {
  border-collapse: collapse;
  margin-left: 2px;
}
.marees table th {
  padding: 6px 0;
  font-size: 1.1em;
}
.marees table td {
  padding: 12px 15px;
  border: 1px solid #eeeeee;
}
/* Bloc nuage de tags */
.not-front #page #page-content #colonne-secondaire ul.nuage li {
  background: none;
  padding: 0;
  margin: 0;
}
.not-front #page #page-content #colonne-secondaire ul.nuage li a {
  background: none;
  float: left;
  padding: 2px;
  margin: 0;
  font-weight: normal;
}
.not-front #page #page-content #colonne-secondaire ul.nuage li a.nuage1 {
  font-size: 1em;
}
.not-front #page #page-content #colonne-secondaire ul.nuage li a.nuage2 {
  font-size: 1.1em;
}
.not-front #page #page-content #colonne-secondaire ul.nuage li a.nuage3 {
  font-size: 1.2em;
}
.not-front #page #page-content #colonne-secondaire ul.nuage li a.nuage4 {
  font-size: 1.3em;
}
.not-front #page #page-content #colonne-secondaire ul.nuage li a.nuage5 {
  font-size: 1.4em;
}
.not-front #page #page-content #colonne-secondaire ul.nuage li a.nuage6 {
  font-size: 1.5em;
}
.not-front #page #page-content #colonne-secondaire ul.nuage li a.nuage7 {
  font-size: 1.6em;
}
.not-front #page #page-content #colonne-secondaire ul.nuage li a.nuage8 {
  font-size: 1.7em;
}
.not-front #page #page-content #colonne-secondaire ul.nuage li a.nuage9 {
  font-size: 1.8em;
}
.not-front #page #page-content #colonne-secondaire ul.nuage li a.nuage10 {
  font-size: 1.9em;
}
.nuage li a:link {
  color: #58b8e0 !important;
}
.nuage li a:hover {
  color: #000000 !important;
}
/* Modèle insertion des coordonnées issues d'offres tsft */
.coords-offre {
  margin-bottom: 20px;
}
#marque-bretagne {
  position: absolute;
  right: 40px;
  width: 40px;
  height: 100px;
  display: inline-block;
}
.moteur-syndication input[type="text"] {
  text-align: center;
}
p.radio-label input {
  margin-right: 5px;
}
p.radio-label span {
  color: #000;
  margin-right: 1em;
}
.listing .bloc-element {
  background-color: #fbf8f3;
  margin-bottom: 20px;
  overflow: hidden;
}
.listing .bloc-element .bloc-element-photo {
  width: 190px;
  height: 130px;
  overflow: hidden;
}
.listing .bloc-element .bloc-element-texte {
  width: 375px;
  padding: 10px;
  margin-left: 5px;
  min-height: 100px;
}
.listing .bloc-element .bloc-element-texte h2 {
  color: #0f7dab;
  font-size: 1.3em;
  margin: 0;
  overflow: hidden;
}
.listing .bloc-element .bloc-element-texte h2 a {
  color: #0f7dab;
}
.listing .bloc-element .bloc-element-texte h3 {
  margin-bottom: 10px;
}
.listing .bloc-element .bloc-element-texte p {
  line-height: 1.6em;
  text-align: left;
  height: 24px;
}
.listing .bloc-element .bloc-element-texte p.localisation {
  font-weight: bold;
  color: #363636;
  font-size: 1.1em;
  margin-bottom: 0;
}
.listing .bloc-element .bloc-element-texte ul {
  color: #347b98;
}
.listing .bloc-element .bloc-element-texte ul li a {
  color: #347b98;
}
.listing .bloc-element .bloc-element-texte ul li a:hover {
  color: #58B8E0;
}
.listing .bloc-element .bloc-element-texte .pictos {
  text-align: right;
  float: right;
}
.listing .bloc-element a.savoir-plus {
  width: 21px;
  height: 23px;
  background: url('../img/croix-en-savoir-plus.png') no-repeat bottom transparent;
}
.listing.syndication.type-1 .bloc-element.last {
  margin-bottom: 0;
}
.listing.syndication.type-1 .bloc-element .bloc-element-texte {
  width: 310px;
  height: 100px;
}
.listing.syndication.type-1 .bloc-element .bloc-element-texte .pictos {
  margin-top: -13px;
}
.listing.syndication.type-1 .bloc-element .bloc-element-photo {
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.listing.syndication.type-2 .bloc-element {
  padding: 10px;
}
.listing.syndication.type-2 .bloc-element .bloc-element-texte .pictos {
  margin-top: 10px;
}
.listing.syndication.type-2 .bloc-element .bloc-element-photo {
  width: 130px;
  height: 130px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  overflow: hidden;
}
.listing.syndication.type-2 .bloc-element .bloc-element-photo img {
  padding: 0px;
}
.listing.syndication .bloc-element {
  float: left;
}
.listing.syndication .bloc-element.bloc-element-0 {
  margin-left: 20px;
}
.listing.syndication .bloc-element .bloc-element-photo {
  background: url('../img/hebergement.jpg') no-repeat center;
}
.listing.syndication .bloc-element .bloc-element-photo-fma {
  background: url('../img/calender.jpg') no-repeat center;
}
.listing.syndication.type-2 .bloc-element .bloc-element-texte {
  width: 288px;
  padding: 0;
  padding-top: 7px;
  padding-left: 10px;
}
.listing .bloc-element .bloc-element-photo,
.listing .bloc-element .bloc-element-texte {
  float: left;
}
.listing .bloc-element a.savoir-plus,
.listing .bloc-element a.panier {
  margin-left: 10px;
  position: relative;
  bottom: 2px;
  float: right;
}
.listing .bloc-element a.savoir-plus strong,
a.panier strong {
  display: none;
}
a.panier {
  display: block;
  overflow: hidden;
  width: 27px;
  height: 23px;
  background: url('../img/syndication-valise.png') no-repeat center transparent;
}
a.panier.selected {
  background-image: url('../img/syndication-valise-pleine.png');
}
/* pagination */
.pagination {
  height: 20px;
  overflow: hidden;
}
.pagination.top {
  margin-bottom: 20px;
}
/* Bloc Facebook */
.bloc.facebook {
  margin-bottom: 30px;
}
/* carto / txt listing offres tourinsoft */
.switch-carto {
  cursor: pointer;
  background-color: #C2E4F2;
  font-weight: bold;
  color: #5CAACE;
  width: 120px;
  text-align: center;
  border-radius: 2px;
  padding: 7px;
  float: left;
  background: url('../img/marqueur.png') no-repeat 10px 3px #c2e4f2;
  padding-left: 30px;
}
.switch-carto.selected {
  box-shadow: inset 0 0 3px #414141;
}
.panels-listing {
  overflow: hidden;
}
.pagination.bottom {
  margin-top: 20px;
  width: 100%;
}
.panel-listing-txt {
  z-index: 1000;
  background-color: #ffffff;
}
/* Label Tourisme Handicap */
.labelsth {
  margin: 15px 0 0 0;
}
.sep_li {
  padding-left: 10px;
}
.labelsth li {
  display: inline-block;
}
.table_labelsth {
  border: 0;
  background: #004396;
}
.aucun_resultat {
  margin-left: 11px;
}
#navigation {
  float: right;
}
#navigation .sous-menu {
  display: none;
  float: left;
  position: absolute;
  right: 0;
  background-color: #ffffff;
  z-index: 2000;
  width: 390px;
  -moz-box-shadow: 0 0 10px #888;
  box-shadow: 0 0 10px #888;
  width: 390px !important;
}
#navigation .sous-menu h4 {
  color: #878787;
  font-size: 1.2em;
  border-bottom: 1px solid #eeeeee;
  padding: 6px 12px;
  text-align: center;
  margin-bottom: 15px;
}
#navigation .sous-menu .sous-menu-element {
  padding: 0 15px 0 15px;
}
#navigation .sous-menu .sous-menu-element.first {
  padding-top: 0px;
}
#navigation .sous-menu .sous-menu-image .image {
  float: left;
  width: 120px;
  height: 90px;
  margin-right: 15px;
  background-color: #dddddd;
}
#navigation .sous-menu .sous-menu-image .texte {
  width: 165px;
  float: left;
}
#navigation .sous-menu .sous-menu-image .texte li a {
  display: block;
  /*	padding: 2px 0;*/
  font-weight: bold;
}
#navigation .sous-menu .sous-menu-dual .texte ul {
  float: left;
  width: 50%;
}
#navigation .sous-menu .sous-menu-dual .texte ul.last li a {
  text-align: right;
}
#navigation .sous-menu .sous-menu-dual .texte li a {
  display: block;
  padding: 5px 0;
  font-weight: bold;
}
#navigation .sous-menu .sous-menu-pictos .texte li {
  clear: both;
}
#navigation .sous-menu .sous-menu-pictos .texte li a {
  font-weight: bold;
}
#navigation .sous-menu .sous-menu-pictos .texte li a img {
  height: 50px;
  border: 1px solid red;
  float: left;
  margin-top: 25px;
  display: none;
}
#navigation .sous-menu-conteneur {
  float: left;
  width: 130px;
  height: 60px;
}
#navigation h3 {
  display: block;
  color: #f0f0f0;
  text-decoration: none;
  text-align: center;
  font-size: 1.3em;
  margin-bottom: 0;
}
#navigation h3 a {
  color: #ffffff;
  display: block;
  width: 130px;
  height: 80px;
  background: url('../img/bg-onglet.png') repeat-x top left;
  padding-top: 20px;
  border-left: 1px solid #000000;
}
#navigation span.big {
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: center;
  display: block;
  text-indent: -9999px;
  margin: 0 auto;
}
#navigation span.decouvrir {
  background-image: url('../img/bg-menu-decouvrir.png');
}
#navigation span.decouvrir.en {
  background-image: url('../img/bg-menu-allabout.png');
}
#navigation span.decouvrir.de {
  background-image: url('../img/bg-menu-entdecken.png');
}
#navigation span.planifier {
  background-image: url('../img/bg-menu-planifier.png');
}
#navigation span.planifier.en {
  background-image: url('../img/bg-menu-plan.png');
}
#navigation span.planifier.de {
  background-image: url('../img/bg-menu-plan-de.png');
}
#navigation span.reserver {
  background-image: url('../img/bg-menu-reserver.png');
}
#navigation span.reserver.en {
  background-image: url('../img/bg-menu-book.png');
}
#navigation span.reserver.de {
  background-image: url('../img/bg-menu-bush.png');
}
#navigation span.small {
  font-size: 0.9em;
  display: block;
  margin-top: 5px;
}
#navigation h3 a:hover span.decouvrir,
#navigation .active h3 a span.decouvrir {
  background-image: url('../img/bg-menu-decouvrir-hover.png');
}
#navigation h3 a:hover span.decouvrir.en,
#navigation .active h3 a span.decouvrir.en {
  background-image: url('../img/bg-menu-allabout-hover.png');
}
#navigation h3 a:hover span.decouvrir.de,
#navigation .active h3 a span.decouvrir.de {
  background-image: url('../img/bg-menu-entdecken-hover.png');
}
#navigation h3 a:hover span.planifier,
#navigation .active h3 a span.planifier {
  background-image: url('../img/bg-menu-planifier-hover.png');
}
#navigation h3 a:hover span.planifier.en,
#navigation .active h3 a span.planifier.en {
  background-image: url('../img/bg-menu-plan-hover.png');
}
#navigation h3 a:hover span.planifier.de,
#navigation .active h3 a span.planifier.de {
  background-image: url('../img/bg-menu-plan-de.png');
}
#navigation h3 a:hover span.reserver,
#navigation .active h3 a span.reserver {
  background-image: url('../img/bg-menu-reserver-hover.png');
}
#navigation h3 a:hover span.reserver.en,
#navigation .active h3 a span.reserver.en {
  background-image: url('../img/bg-menu-book-hover.png');
}
#navigation h3 a:hover span.reserver.de,
#navigation .active h3 a span.reserver.de {
  background-image: url('../img/bg-menu-bush-hover.png');
}
#navigation h3 a:hover,
#navigation .sous-menu-conteneur.active h3 a {
  background: #fff;
  color: #414141;
  z-index: 2001;
  position: relative;
  border-left: 1px solid #ffffff;
}
#breadcrumb {
  margin: 0 auto;
  background-color: #f0f0f0;
  position: relative;
  top: 61px;
}
#breadcrumb li {
  display: block;
  float: left;
}
#breadcrumb li a {
  display: block;
  float: left;
  height: 24px;
  background: url('../img/breadcrumb_bg.jpg') repeat-x;
  line-height: 24px;
  padding: 0 0 0 5px;
  font-size: 0.9em;
  color: #f0f0f0;
  letter-spacing: 1px;
}
#breadcrumb li a:hover {
  color: #ffffff;
}
#breadcrumb li span {
  display: block;
  height: 24px;
  float: right;
  margin-left: 5px;
  width: 9px;
}
#breadcrumb li span.breadcrumb-separator {
  background: url('../img/breadcrumb_sep.png') no-repeat;
}
#breadcrumb li span.breadcrumb-end {
  background: url('../img/breadcrumb_end.png') no-repeat;
}
.formulaire_spip li {
  margin-bottom: 20px;
  clear: both;
}
.formulaire_spip li.selecteur_item {
  padding: 0;
}
.formulaire_spip a.dp-choose-date {
  margin: 8px 0 0 -23px;
  vertical-align: top;
}
.formulaire_spip label {
  display: block;
  font-weight: bold;
  margin-bottom: 2px;
  color: #347B98;
  padding-bottom: 2px;
}
.formulaire_spip .choix {
  clear: both;
}
.formulaire_spip .choix input {
  float: left;
  margin-top: 2px;
}
.formulaire_spip .choix input label {
  margin-left: 10px;
  float: left;
  font-weight: normal;
  border: none;
}
.formulaire_spip fieldset {
  border: 1px solid #ccc;
  padding: 10px;
}
.formulaire_spip select option {
  padding: 3px 10px;
}
.formulaire_spip label span.obligatoire {
  color: #da4455;
  margin-left: 10px;
}
.formulaire_spip input[type="text"] {
  padding: 7px 5px;
  font-size: 1.1em;
  color: #414141;
  width: 98%;
  border: 1px solid #ccc;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.formulaire_spip input[type="submit"] {
  width: 80px;
  color: #414141;
  margin-left: 3px;
  background-color: #F0F0F0;
  border: 1px solid #ccc;
  font-size: 1.1em;
  padding: 6px;
}
.formulaire_spip textarea {
  width: 98%;
  height: 200px;
  color: #414141;
  font-family: Helvetica, Verdana, sans-serif;
  font-weight: normal;
  font-size: 1.1em;
  line-height: 1.6em;
  padding: 5px;
  border: 1px solid #ccc;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.not-front #page #page-content #colonne-principale .formulaire_spip ul {
  list-style-type: none;
  padding: 0;
  margin-left: 3px;
}
#page .formulaire_spip input.date {
  width: 50%;
}
#moteur-form option {
  color: #000;
}
/* Layout de la rubrique */
.not-front {
  /* Composition Rubrique Commune */
}
.not-front #page {
  margin: 0 auto;
  margin-bottom: 60px;
  margin-top: 85px;
}
.not-front #page #page-content {
  padding-top: 25px;
  /* Colonne principale */
  /* Colonne secondaire */
  /* Moteur de recherche compo listing */
}
.not-front #page #page-content #page-titres {
  vertical-align: baseline;
  margin-bottom: 10px;
}
.not-front #page #page-content #page-titres h1 {
  font-weight: lighter;
}
.not-front #page #page-content #page-titres h2 {
  color: #99d4ed;
  margin-left: 15px;
  margin-top: 10px;
}
.not-front #page #page-content #slider-texte .slideshow {
  float: left;
}
.not-front #page #page-content #slider-texte .left {
  float: left;
  width: 300px;
  margin-left: 20px;
}
.not-front #page #page-content #colonne-principale.col-sm-8 {
  padding-right: 10px;
}
.not-front #page #page-content #colonne-principale #slider-texte {
  float: left;
  width: 100%;
}
.not-front #page #page-content #colonne-principale ul {
  list-style-type: disc;
  margin-left: 30px;
  line-height: 1.6em;
}
.not-front #page #page-content #colonne-principale ul.liste_labels_img {
  margin: 0.25em 0 0 0;
}
.not-front #page #page-content #colonne-principale #descriptif-page {
  margin-bottom: 40px;
}
.not-front #page #page-content #colonne-secondaire {
  margin: 0 auto;
}
.not-front #page #page-content #colonne-secondaire h4 {
  text-align: right;
  padding-bottom: 8px;
  border-bottom: 1px solid #dbe8ed;
  width: 77%;
}
.not-front #page #page-content #colonne-secondaire h4.blue {
  color: #58b8e0;
}
.not-front #page #page-content #colonne-secondaire h4.black {
  color: #414141;
}
.not-front #page #page-content #colonne-secondaire ul {
  text-align: right;
  margin-bottom: 20px;
}
.not-front #page #page-content #colonne-secondaire ul li a {
  color: #8d8d8d;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.4em;
  text-decoration: none;
  display: block;
  background: url('../img/bg-ul.png') no-repeat right center transparent;
  padding: 5px 20px 5px 0;
}
.not-front #page #page-content #colonne-secondaire ul li a:hover {
  color: #616161;
}
.not-front #page #page-content div.moteur-syndication {
  float: left;
  width: 100%;
  background-color: #72B5FD;
  padding: 10px 0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 146px;
  margin-top: -10px;
  color: #FFF;
}
.not-front #page #page-content div.moteur-syndication div {
  margin-bottom: 10px;
}
.not-front #page #page-content div.moteur-syndication label {
  color: #ffffff;
  display: block;
  font-weight: normal;
}
.not-front #page #page-content div.moteur-syndication input[type=checkbox] {
  margin-right: 10px;
  margin-bottom: 10px;
}
.not-front #page #page-content div.moteur-syndication h4 {
  color: #ffffff;
  font-weight: normal;
  font-size: 1.2em;
  border-bottom: 1px solid #f0f0f0;
  padding: 0 10px 7px 10px;
  margin-bottom: 10px;
}
.not-front #page #page-content div.moteur-syndication form {
  padding: 0 10px 0 10px;
}
.not-front #page #page-content div.moteur-syndication select {
  width: 50%;
  margin-bottom: 8px;
}
.not-front #page #page-content div.moteur-syndication input[type="submit"] {
  font-family: Helvetica, Verdana, sans-serif;
  font-size: 1.5em;
  background-color: #72B5FD;
  color: #ffffff;
  font-weight: normal;
  margin-left: 20px;
  border: none;
  float: right;
  margin-bottom: -10px;
  cursor: pointer;
}
.not-front.composition-commune #titre-bienvenue {
  background-color: #000000;
  padding: 20px;
}
.not-front.composition-commune #titre-bienvenue h1 {
  text-align: center;
  color: #ffffff;
  margin-bottom: 20px;
}
.not-front.composition-commune h2 {
  color: #179cd4;
}
.not-front #page #page-content #page-titres h1,
.not-front #page #page-content #page-titres h2 {
  display: inline;
  float: left;
  letter-spacing: 2px;
}
/* Compo petit slider */
.composition-petit-slider #page #page-content .slideshow,
.composition-articles-deplies #page #page-content .slideshow {
  float: left;
}
.composition-petit-slider #page #page-content #descriptif-page {
  float: left;
  width: 300px;
  margin-left: 10px;
}
/**
 * Composition détail de syndication
 */
body.syndication-detail {
  color: #888888;
}
body.syndication-detail p.highlight {
  font-size: 0.9em;
  color: #414141;
  font-weight: lighter;
}
body.syndication-detail p.highlight strong {
  font-weight: normal;
}
body.syndication-detail .dl_trace {
  text-align: center;
}
body.syndication-detail .dl_trace .bouton-bleu {
  float: right;
  clear: both;
}
body.syndication-detail div.moyens-contact {
  margin-bottom: 10px;
}
body.syndication-detail div.moyens-contact.iti {
  margin-bottom: 0;
  margin-top: -10px;
}
body.syndication-detail span#telephone,
body.syndication-detail span#fax {
  background-repeat: no-repeat;
  display: block;
  width: 155px;
  padding-left: 25px;
  font-family: Helvetica, Verdana, sans-serif;
  font-size: 1.1em;
  color: #5f5f5f;
  line-height: 1.6em;
  font-weight: lighter;
}
body.syndication-detail span#telephone {
  background-image: url('../img/detail-telephone.png');
  background-position: left 6px;
}
body.syndication-detail span#fax {
  background-image: url('../img/detail-fax.png');
  background-position: left 2px;
}
body.syndication-detail .tarifs {
  width: 100%;
  margin: 10px 0;
  border-collapse: collapse;
  background-color: #eeeeee;
}
body.syndication-detail .tarifs thead {
  background: url('../img/th_tarifs.png') repeat-x #086084;
  color: #ffffff;
  font-weight: bold;
}
body.syndication-detail .tarifs th {
  padding: 9px;
  border-right: 1px solid #ffffff;
  font-weight: normal;
}
body.syndication-detail .tarifs .tr-0 td {
  background-color: #d8d8d8;
}
body.syndication-detail .tarifs td {
  padding: 10px;
  text-align: center;
  border-right: 1px solid #ffffff;
}
body.syndication-detail .tarifs td.row-tarif {
  color: #2f86b6;
  font-size: 1.5em;
  font-weight: bold;
}
body.syndication-detail .tarifs td.row-tarif-intitule {
  text-align: left;
  color: #232323;
}
body.syndication-detail #page ul {
  color: #999999;
  line-height: 1.7em;
}
body.syndication-detail #colonne-gauche {
  margin-right: 20px;
}
body.syndication-detail #colonne-gauche strong {
  color: #414141;
}
body.syndication-detail #colonne-gauche h1 {
  margin-bottom: 10px;
  font-size: 2.1em;
}
body.syndication-detail #colonne-gauche h2 {
  margin-bottom: 15px;
  font-size: 1.7em;
  color: #99d4ed;
}
body.syndication-detail #colonne-gauche h2.titre_ot {
  color: #414141;
  font-size: 1.3em;
  margin: 1em 0 0 0;
}
body.syndication-detail #colonne-gauche #adresse p {
  font-size: 1.1em;
  color: #414141;
  font-family: Helvetica, Verdana, sans-serif;
  line-height: 1.4em;
  font-weight: lighter;
}
body.syndication-detail #colonne-gauche p.label {
  color: #4a4a4a;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 0;
}
body.syndication-detail #colonne-gauche #infos_cmplt_iti p:first-child {
  margin-bottom: 0;
}
body.syndication-detail #colonne-gauche #infos_cmplt_iti p + p {
  margin-bottom: 0;
}
body.syndication-detail #colonne-droite .slideshow {
  width: 100%;
}
body.syndication-detail a.bouton-bleu {
  width: 130px;
}
body.syndication-detail #langues {
  margin: 5px 10px 5px 0;
  border-right: 1px solid #ccc;
  float: left;
  padding-right: 5px;
}
body.syndication-detail #langues img {
  margin-right: 5px;
}
body.syndication-detail #langues-animaux {
  margin-bottom: 10px;
  color: #4f4f4f;
}
body.syndication-detail #animaux {
  margin: 5px 0;
  display: block;
  float: left;
  padding-top: 5px;
}
a.bouton-retour {
  background-color: #000;
  color: #fff;
  display: block;
  width: 120px;
  padding: 5px;
  margin-bottom: 10px;
}
.buton-imprimer {
  padding-left: 50px;
}
@font-face {
  font-family: MyriadPro;
  src: url(../polices/MyriadPro-Regular.otf);
  
  /* IE9 */
}
.rub-testimoniale .titre {
  font-family: MyriadPro;
}
.rub-testimoniale .bar {
  clear: both;
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}
.rub-testimoniale .texte {
  padding: 10px;
  font-size: 1.2em;
  color: #242424;
  border-bottom: 1px solid #DBE8ED;
  margin-bottom: 20px;
  font-family: MyriadPro;
  z-index: 1000;
}
.div-art {
  width: 100%;
  display: block;
  height: 200px;
  overflow: hidden;
  background-color: #E0E0E0;
}
.div-art .photo {
  display: block;
  height: auto;
}
.div-art .titre {
  padding-top: 15px;
  margin-bottom: 10px;
  color: #5c5c5c;
  font-family: MyriadPro;
}
.div-art .chapo {
  color: #828282;
  line-height: 1.7em;
  text-align: justify;
  margin-bottom: 10px;
  margin-right: 15px;
  overflow: hidden;
  font-size: 1.2em;
  font-family: MyriadPro;
}
.div-art .suite {
  position: relative;
  display: inline-block;
  width: 100%;
  font-family: MyriadPro;
  bottom: 24px;
  right: -850px;
}
div.moteur-syndication.bordereau-res #type_equipement-label,
div.moteur-syndication.bordereau-res #type_equipement-element {
  display: none;
}
/* On masque certains champs */
.not-front #page #page-content div.moteur-syndication #creperie-label,
.not-front #page #page-content div.moteur-syndication #creperie-element,
.not-front #page #page-content div.moteur-syndication #commune-label,
.not-front #page #page-content div.moteur-syndication #commune-element,
.not-front #page #page-content div.moteur-syndication #resa_ligne-label,
.not-front #page #page-content div.moteur-syndication #resa_ligne-element,
.not-front #page #page-content div.moteur-syndication #fma_perimees-label,
.not-front #page #page-content div.moteur-syndication #fma_perimees-element,
.not-front #page #page-content div.moteur-syndication #zone_morlaix-label,
.not-front #page #page-content div.moteur-syndication #zone_morlaix-element,
.not-front #page #page-content div.moteur-syndication #etat-element,
.not-front #page #page-content div.moteur-syndication #etat-label,
.not-front #page #page-content div.moteur-syndication #secteur_carantec-element,
.not-front #page #page-content div.moteur-syndication #secteur_carantec-label,
.not-front #page #page-content div.moteur-syndication #secteur_guerlesquin-element,
.not-front #page #page-content div.moteur-syndication #secteur_guerlesquin-label,
.not-front #page #page-content div.moteur-syndication #secteur_locquirec-element,
.not-front #page #page-content div.moteur-syndication #secteur_locquirec-label,
.not-front #page #page-content div.moteur-syndication #secteur_morlaix-element,
.not-front #page #page-content div.moteur-syndication #secteur_morlaix-label,
.not-front #page #page-content div.moteur-syndication #secteur_plougasnou-element,
.not-front #page #page-content div.moteur-syndication #secteur_plougasnou-label,
.not-front #page #page-content div.moteur-syndication #secteur_stthegonnec-element,
.not-front #page #page-content div.moteur-syndication #secteur_stthegonnec-label,
.not-front #page #page-content div.moteur-syndication #date_debut-label,
.not-front #page #page-content div.moteur-syndication #date_debut-element,
.not-front #page #page-content div.moteur-syndication #date_fin-label,
.not-front #page #page-content div.moteur-syndication #date_fin-element,
.not-front #page #page-content div.moteur-syndication #dispo_planning_etat-label,
.not-front #page #page-content div.moteur-syndication #dispo_planning_etat-element,
.not-front #page #page-content div.moteur-syndication #dispo_planning_etat-label,
.not-front #page #page-content div.moteur-syndication #dispo_planning_etat-element,
.not-front #page #page-content div.moteur-syndication #dispo_planning_datemaj-label,
.not-front #page #page-content div.moteur-syndication #dispo_planning_datemaj-element,
.not-front #page #page-content div.moteur-syndication #test-element,
.not-front #page #page-content div.moteur-syndication #test-label,
.bordereau-b0018 #zone_paysmorlaix-label,
.bordereau-b0018 #zone_paysmorlaix-element,
.moteur-syndication.bordereau-ret {
  display: none;
}
.not-front #page #page-content div.moteur-syndication.bordereau-fma #date_debut-label,
.not-front #page #page-content div.moteur-syndication.bordereau-fma #date_debut-element,
.not-front #page #page-content div.moteur-syndication.bordereau-fma #date_fin-label,
.not-front #page #page-content div.moteur-syndication.bordereau-fma #date_fin-element {
  display: block;
}
/**
 * Composition listing de syndication
 */
div#div-SECTEUR_CARANTEC,
div#div-SECTEUR_GUERLESQUIN,
div#div-SECTEUR_MORLAIX,
div#div-SECTEUR_PLOUGASNOU,
div#div-RESA_LIGNE,
div#div-SECTEUR_LOCQUIREC,
div#div-SECTEUR_STTHEGONNEC,
div#div-06_SECTEUR_LOCQUIREC,
div#div-06_SECTEUR_PLOUGASNOU,
div#div-06_SECTEUR_CARANTEC,
div#div-06_SECTEUR_GUERLESQUIN,
div#div-06_SECTEUR_STTHEGONNEC,
div#div-DISPO_PLANNING_DATEMAJ,
div#div-06_SECTEUR_MORLAIX,
div#div-08_DATE_DEBUT,
div#div-TYPE_EQUIPEMENT,
div#div-COMMUNE,
.bordereau-c171f69d-a9ed-4283-a714-1088be26e653 div#div-DATE_FIN,
div#div-TARIFS_MAX,
div#div-TARIFS_MIN {
  display: none;
}
/* Rencontrez les pros */
#descriptif-page-pros {
  float: left;
  width: 100%;
}
hr.hr_pros {
  border: none;
  background: #CCC;
}
.ss_titre_pros {
  font-size: 1.2em;
}
.not-front #page #page-content #colonne-principale ul.liste_pros {
  float: left;
  margin-left: 0;
}
.liste_pros li {
  float: left;
  margin: 0 0 20px 0;
  padding: 0;
  list-style-type: none;
  background: #eee;
}
.infos_pro {
  float: left;
  width: 100%;
}
.infos_pro .img_pros {
  float: left;
  /*width:30%;*/
  overflow: hidden;
}
.infos_pro .texte_pros {
  float: right;
  /*width:65%;*/
  margin-top: 10px;
}
.texte_pros h2 a {
  color: #398ADC;
  line-height: 1.2em;
}
.texte_pros h2 a:hover {
  color: #58B8E0;
}
.texte2_pros {
  color: #2F2F2F;
  line-height: 1.7em;
  text-align: justify;
  font-size: 1.1em;
}
/* Labels */
.liste_labels_img li {
  display: inline-block;
  margin-right: 10px;
}
.liste_labels_ssimg {
  padding-top: 10px;
}
.webcam {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.embed-webcam {
  height: 0;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
  top: 0;
  left: 0;
}
.embed-webcam iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.embed-webcam iframe html,
.embed-webcam iframe body {
  overflow-x: hidden;
  overflow-y: hidden;
}
html,
body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}
.button {
  -webkit-border-radius: 5px 5px 5px 3px;
  border-radius: 5px 5px 5px 3px;
  background: #eee;
  border: 0;
  cursor: pointer;
  font-family: "Lucida Grande", Helvetica, Arial, Sans-Serif;
  margin: 0;
  padding: 6px 8px;
  position: relative;
  overflow: visible;
  margin-left: 10px;
  text-align: right;
}
.box-open-close {
  width: 100%;
}
.no-padding {
  padding: 0px;
}
.panneaux {
  padding-left: 0px;
  max-width: 300px;
}
.bandeau {
  padding-right: 30px !important;
}
.logo-bo {
  max-width: 25px;
}
select {
  color: #000;
}
#page-content {
  background-color: #fff;
}
.padding-25 {
  padding-right: 25px;
  padding-left: 25px;
}
.bo-sommaire div.boite-outils a {
  width: 145px;
}
h1 {
  color: #179cd4;
}
.bouton-header-slide-droite a > img {
  margin-bottom: 3px;
}
.fancybox-wrap {
  z-index: 999;
}
.modal-body {
  max-width: 297px;
  margin: 0 auto;
}
.telephone a {
  color: #535353;
}
.glyphicon-home {
  line-height: 20px;
}
.bloc-commune .glyphicon-plus-sign {
  margin-left: 4px;
}
.v-center {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.partenaires .col-xs-4,
.partenaires .col-md-3 {
  text-align: center;
  margin-bottom: 15px;
}
#myCarousel {
  margin-bottom: 1em;
  background: #ffffff;
}
#myCarousel .carousel-inner .item img {
  width: 100%;
}
#myCarousel .carousel-control {
  width: auto;
  text-shadow: none;
}
#myCarousel .carousel-control.left,
#myCarousel .carousel-control.right {
  background-image: none;
}
#myCarousel .carousel-control.left img,
#myCarousel .carousel-control.right img {
  position: absolute;
  top: 40%;
  z-index: 5;
  display: inline-block;
}
#myCarousel .carousel-control.right {
  right: 40px;
}
.carousel-indicators {
  position: relative;
  bottom: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  margin-left: 0;
  left: auto;
  width: 100%;
}
.carousel-indicators li {
  border-color: #4e4e4e;
  background: #4e4e4e;
  height: 11px;
  width: 11px;
  margin: 0 5px 0 0;
}
.carousel-indicators li:hover {
  background: #ffffff;
}
.carousel-indicators .active {
  margin: 0 5px 0 0;
  height: 11px;
  width: 11px;
  background: #ffffff;
}
a#lien-meteo {
  text-align: right;
  margin-top: 10px;
  display: block;
}
.bloc-meteo {
  /*background: url('../img/bg-bloc-meteo.png') no-repeat transparent;*/
  height: 77px;
  overflow: hidden;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  background: #18a0d9;
  background: -moz-linear-gradient(top, #18a0d9 0%, #096085 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #18a0d9), color-stop(100%, #096085));
  background: -webkit-linear-gradient(top, #18a0d9 0%, #096085 100%);
  background: -o-linear-gradient(top, #18a0d9 0%, #096085 100%);
  background: -ms-linear-gradient(top, #18a0d9 0%, #096085 100%);
  background: linear-gradient(to bottom, #18a0d9 0%, #096085 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18a0d9', endColorstr='#096085', GradientType=0);
}
.bloc-meteo .titre_meteo {
  font-family: 'Satisfy', cursive;
  color: #fff;
  position: absolute;
  font-size: 20px;
  top: 10px;
}
.bloc-meteo .right {
  margin-top: 5px;
}
.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url("../img/datepicker/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #fff;
}
.ui-widget-content {
  border: 1px solid #ddd;
  background: #eeeeee url("../img/datepicker/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
  color: #333;
}
.ui-widget-header .ui-icon {
  background-image: url("../img/datepicker/ui-icons_ffffff_256x240.png");
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("../img/datepicker/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("../img/datepicker/ui-icons_ef8c08_256x240.png");
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #f6f6f6 url("../img/datepicker/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}
.moteur-syndication input[type="text"] {
  color: #414141;
}
.sep {
  display: none;
}
.listing.syndication.type-2 .bloc-element .bloc-element-photo img {
  margin: 0 auto;
  display: block;
}
.bloc-element-photo img.img_listing {
  width: auto ;
  height: 100% ;
}
.listing .bloc-element-photo img.spip_logos {
  width: 100%;
  height: 100%;
}
.containeur-photo {
  height: 100%;
  border: solid 5px white;
  overflow: hidden;
}
.listing.syndication .bloc-element.bloc-element-0 {
  margin-left: 0px;
}
.border-1 {
  border-right: solid 7px white;
}
.border-0 {
  border-left: solid 7px white;
}
.label {
  display: inline;
  padding: 0;
  font-size: 100%;
  line-height: 1;
  text-align: left;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0;
}
.modal_pro_containeur {
  width: auto;
  height: auto;
  overflow: auto;
  position: relative;
}
.modal_pro {
  width: 800px;
  height: 600px;
  overflow: auto;
}
.navbar-default {
  background-color: transparent !important;
  border-color: transparent !important;
}
.navbar-default .navbar-collapse {
  background-color: #171717;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #171717 !important;
  z-index: 9999;
  position: relative;
}
.navbar-toggle {
  margin-top: 25px;
}
.navbar-default .navbar-nav > li > a {
  color: #58B8E0;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #eeeeee;
}
.navbar {
  margin-bottom: 0px;
  border: 0px;
}
.navbar-header {
  padding-bottom: 10px;
}
.nav navbar-nav {
  text-align: left;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #179cd4 !important;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #E0E0E0;
}
.nav navbar-nav span small,
.small {
  font-size: 100%;
}
#navigation h3 .small {
  color: #fff;
}
#navigation h3 a:hover {
  text-decoration: none;
}
#navigation h3 a:hover span,
#navigation .active h3 a span {
  color: #414141 !important;
}
#navigation {
  text-align: right;
  font-size: 0px;
}
#navigation .sous-menu-conteneur {
  float: none;
  display: inline-block;
}
#navigation a {
  font-size: 15px;
}
.sous-menu-element {
  font-size: 13px;
}
.texte {
  text-align: left;
}
.texte li a {
  font-size: 13px !important;
}
.sous-menu-element.sous-menu-image.first {
  float: left !important;
}
.sous-menu-element.sous-menu-image.last {
  float: left !important;
}
.containeur-menu {
  width: 100%;
}
#navigation .sous-menu {
  z-index: 200;
  padding-bottom: 10px;
}
#navigation .sous-menu .sous-menu-image .image {
  margin-bottom: 10px;
}
.sous-menu .sous-menu-element:nth-child(2n+1) {
  /* border: solid red; */
  clear: both;
}
#breadcrumb {
  top: 85px;
}
#map_canvas {
  height: 506px;
}