@font-face {
 font-family: 'picto';
 src:url('picto-as-V3.eot');
 src:url('picto-as-V3.eot?#iefix') format('embedded-opentype'),
 url('picto-as-V3.woff2') format('woff2'),
 url('picto-as-V3.woff') format('woff'),
 url('picto-as-V3.ttf') format('truetype'),
 url('picto-as-V3.svg#picto-as-V2') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'condensed';
 src: url('robotocondensed-regular-webfont.eot');
 src: url('robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
 url('robotocondensed-regular-webfont.woff2') format('woff2'),
 url('robotocondensed-regular-webfont.woff') format('woff'),
 url('robotocondensed-regular-webfont.ttf') format('truetype'),
 url('robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'italic';
 src: url('/css/OpenSans-Italic-webfont.eot');
 src: url('/css/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
 url('/css/OpenSans-Italic-webfont.woff2') format('woff2'),
 url('/css/OpenSans-Italic-webfont.woff') format('woff'),
 url('/css/OpenSans-Italic-webfont.ttf') format('truetype'),
 url('/css/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
  font-family: 'regular';
  src: url('OpenSans-Regular-webfont.eot');
  src: url('OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
  url('OpenSans-Regular-webfont.woff2') format('woff2'),
  url('OpenSans-Regular-webfont.woff') format('woff'),
  url('OpenSans-Regular-webfont.ttf') format('truetype'),
  url('OpenSans-Regular-webfont.svg#regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video {
 border: none;
 font-size: 100%;
 margin: 0;
 padding: 0;
 vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
}

:before, :after {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

input[type=submit]{
  -webkit-appearance: none;
  border-radius: 0px;
}

ol, ul {
 list-style: none outside none;
}

blockquote, q {
 quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
 content: none;
}

img {
 vertical-align: middle;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

h1, h2, h3, h4, h5, h6 {
 line-height:1.2em;
 font-weight: normal;
 color:#222;
}

h1 {
 margin-top:30px;
 font-size: 2em;
}

h2 {
 color: #222;
 font-size: 1.5em;
}

h2.h2centre {
  clear:both;
  margin:50px 0 20px;
  text-align: center;
  background: url(/img/charte/fondHB-v2.png) 0 -460px repeat-x;
}

h2.h2centre-petit {
  font-size:1.2em;
}

h2.h2centre span {
 background-color: #fff;
 padding:0 10px;
}

h3  {
 color: #eeeeee;
 font-size: 1.2em;
}

.clearfix {
 clear: both;
 height: 1px;
}

a {
 color: #222;
 transition-duration: 0.4s;
 transition-property: all;
}

:hover {
 transition-duration: 0.4s;
 transition-property: all;
}

body {
 line-height: 1;
 background-color: #fff;
 color: #222;
 font: 0.9em/1.7em  "condensed",Arial,sans-serif;
 margin: 0;
 padding: 0;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

#page, .page {
 margin: auto;
 max-width: 1200px;
}

#page {
 padding-top:130px; /*A RECTIFIER*/
}

.bande-blanc {
 width:100%;
 background-color: #fff;
 border-bottom:1px solid #ddd;
 border-top:1px solid #ddd;
}

.bande-noir {
 width:100%;
 background-color: #323232;
 border-bottom:1px dotted #aaa;
}
.bande-noir h2 {
 color:#fff;
}

.bande-noir a.bt-lien {
 color:#fff;
}

/* ------------------------------- */
/* ==         HEADER               */
/* ------------------------------- */
header {
 background:url(/img/charte/fondHB-v2.png) 0 -300px repeat-x;
 position: fixed;
 top:0;
 width:100%;
 z-index:10;
}

.droite {
 float:right;
}

.devise {display: inline-block; color:#888; line-height:36px; height:36px; font-size:14px; color:#fff; background-color: #444; padding-left:20px;}
.devise form {display:inline-block;}
.devise .select {position:relative; display: inline-block; vertical-align: top; line-height:36px; background-color: #444; color:#ccc; cursor:pointer; width:100px;}
.devise .select:after {content:'2'; font-family: 'picto'; display: inline-block; line-height:36px; vertical-align: top; font-size:20px; padding-left:5px; width:15px;}
.devise .select:hover {color:#fff;}
.devise .select:hover .choix {z-index:2;display:block;position:absolute;}
.devise .choix {display: none; background-color: #000; width:100px; top:36px;left:0px;}
.devise .choix li {padding:0; margin:0; background-color: #666; line-height:28px; height:28px; border-top:1px solid #222; color:#fff; transition-duration: 0.4s;transition-property: all;}
.devise .choix li:hover {background-color: #444; color:#fff;}
.devise .sigle {width:10px; text-align:left;  padding-left:20px; display:inline-block;}
.devise .code {display:inline-block;}
.devise label { display:block; cursor: pointer;}
.devise input[type="radio"] {position: absolute;display:none;}

.langue {
 margin:0 20px;
 display:inline-block;
 vertical-align: top;
 line-height:36px;
 color:#fff;
 font-size:14px;
}

.langue a {
 text-decoration: none; 
 color:#999;
}

.langue a:hover {
 color:#fff;
}

a.connexion  {
 display:inline-block;
 background-color: #333;
 background-color: #116973;
 font-size: 12px;
 height: 36px;
 line-height: 32px;
 text-align: center;
 width:100px;
 text-decoration: none;
 text-align:center;
 color:#fff;
}

a.connexion:hover {
 background-color: #000000;
 color: #ffffff;
}

header .logo {
 display: inline-block;
 margin: 10px 0 2px 18px ;
 vertical-align: baseline;
}
/*HEADER FIN*/

#bt-sous-menu {
 display:none; /*IPHONE NAV*/
}

/* ------------------------------- */
/* ==         MENU                 */
/* ------------------------------- */

#menu {
 max-width: 1200px;
 margin:15px auto 0 auto;
 height: 41px;
 overflow: hidden;

}

#menu li {
 color: #ffffff;
 float: left;
 font-size: 20px;
 height: 40px;
 line-height: 40px;
 margin-left: 8%;
 text-align:left;
 
}

#menu li a {
 color: #eee;
 text-decoration: none;  
 border-bottom:0px solid #fff;
 transition-duration: 0.4s;
 transition-property: all;
}

#menu li a:hover {
 color:#fff;
 border-bottom:10px solid #fff;
}

#menu li:first-child {
 margin-left: 0;
}

#menu li.select {
 color:#2b8c95;
}

#menu_vierge {
 height: 0;
}

.sm-total {
 background-color: #fff;
 box-shadow: 0 3px 5px #aaa;
}

#sous_menu {

 background-color: #fff;
 display: block;
 height: 48px;
 max-width: 1200px;
 margin:auto;
}

#sous_menu li {
 color: #000;
 float: left;
 height: 48px;
 line-height: 48px;
 font-size:18px;
 margin-left:6.3333333%;
}

#sous_menu li:first-child {
 margin:0;
}

#sous_menu li .intro:before {
 display:inline-block;
 vertical-align: top;
 content:'8';
 font-family: 'picto';
 color:#222;
 margin-right:10px;
 font-size:14px;
}

#sous_menu a {
 color: #000;
 display: block;
 text-decoration: none;
}

#sous_menu #recherche-droite {
 float:right;
 margin:0;
 width: 33%;
}
#sous_menu_recherche {
 border: none;
 padding: 0;
 text-align: right;
 overflow:hidden;
}

.search-input {
background-color:#f0f0f0;
 border: none;
 font-size:14px;
 font-family:'regular';
 display: inline-block;
 vertical-align: top;
 height: 48px;
 line-height: 48px;
 padding:0;
 margin: 0;
 outline: none;
 text-indent: 15px;
 transition-duration: 0.4s;
 transition-property: all;
 width: 240px;
 border-right:1px solid #aaa;
 border-left:1px solid #aaa;
}

.search-input:focus {
 background-color: #f2f2f0;
 color: #000;
 outline-color: blue;
 width: 274px;
 box-shadow: none;
}


.search-input:-moz-submit-invalid {
  box-shadow: none;
}

.search-input:-moz-ui-invalid {
  box-shadow:none;
}


.search-submit {
 font-family: picto;
 font-size:20px;
 background: none;
 border: none;
 color: #222;
 cursor: pointer;
 display: inline-block;
 vertical-align: top;
 text-align:right;
 margin: 0;
 padding: 0;
 width: 30px;
 height:48px;
 line-height:48px;
}

.search-submit:hover {
 color:#2b8c95;
}

#sous_menu a:hover {
 color: #2b8c95;
}

#bt_catalogue_categorie, #bt_catalogue_style {
 cursor: pointer;
 transition-duration: 0.4s;
 transition-property: color;
}

#bt_catalogue_categorie:after, #bt_catalogue_style:after{
 content:'2';
 font-family:'picto';
 margin-left:5px;
 display:inline-block;
 vertical-align:middle;
}

#bt_catalogue_categorie:hover, #bt_catalogue_style:hover {
 color: #2b8c95;
}

.sm_catalogue {
 border-top: 1px solid #ccc;
 display: none;
 min-height: 230px;
 overflow: hidden;
 position: relative;
}

.sm_catalogue_contenu {
 height: 200px;
 padding: 20px 0;
 max-width:1200px;
 margin:auto;
}

.sm_catalogue ul {
 float: left;
 width: 21%;
 margin:0 2%;
}

.sm_catalogue a {
 border-bottom: 1px dotted #bbb;
 color: #222;
 display: block;
 line-height: 18px;
 padding: 4px 0;
 text-decoration: none;
}

.sm_catalogue a:hover {
 color: #2b8c95;

}
.sm_catalogue a:hover:after {
 content:'z';
 float:right;
 font-family: picto;
}

.sm_catalogue li a sup {
 color: #999999;
 font-size: 10px;
}

.sm_catalogue li p {
 color: #2b8c95;
 font-size: 20px;
 line-height: 16px;
 margin: 0;
 padding: 0 0 10px;
}

.popup-info {
 cursor: pointer;
}

/* ------------------------------- */
/* ==         FOOTER               */
/* ------------------------------- */
footer {
 background-color:#292929;
 clear: both;
}

#footer {
 color: #eee;
 font-size:13px;
 margin: auto;
 max-width: 1200px;
 padding: 25px 0;
 position: relative;
}

footer a {
 color: #999;
 text-decoration: none;
}

footer a:hover {
 color: #fff;
}

footer .menu {
 display:inline-block;
 vertical-align: top;
 padding-left: 2%;
 width: 18%;
 height:148px;
}

footer .menu li {
 margin: 0 0 1px;
}

footer .menu li.titre {
 padding:0;
}

footer .menu li.titre a{
 color:#fff;
 font-size:14px;
}

footer .menu-general {
 float:right;
 margin-right:10px;
}

footer .menu-general ul {
 margin:10px 0 15px 0;
}

footer .menu-general li {
 margin:0; padding:0; line-height:20px;
}

footer #mentions {
  background-color: #ddd;
  text-align: center;
  clear: both;
  color: #000;
  font-size: 12px;
  line-height:20px;
  margin: 0;
  padding: 5px 10px 5px 10px;
}

footer #mentions a {color:#444; margin:0 5px;}

footer #copy_anticstore {
 font-size: 12px;
 color:#116973;

}

a.reseaux {
 display: inline-block;
 margin-right: 10px;
 color:#777;
 font-size:2em;
 font-family: "picto";
}

a.reseaux p {
 display: none;
}

a.facebook:after {
 content:'X';
}

a.facebook:hover {
 color:#3C599B;
}

a.twitter:after {
 content:'Y';
}

a.twitter:hover {
 color:#00A6DC;
}

a.googleplus:after {
 content:'W';
}

a.googleplus:hover {
 color:#D73A27;
}

a.youtube:after {
 content:'4';
}

a.youtube:hover {
 color:#fff;
}

/* ------------------------------- */
/* ==         GENERAL              */
/* ------------------------------- */
.center {
  text-align:center;
}

#boutonTop {
 display:table-cell;
 vertical-align:middle;
 background-color: #2b8c95;
 color:#fff;
 right:20px;
 bottom:20px;
 position: fixed;
 z-index: 3;
 border-radius: 38px;
 border:1px solid #aaa;
 cursor: pointer;
 height: 36px;
 width: 36px; 
 text-align: center;
 line-height:36px;
 transition-duration: 0.4s;
 transition-property: all;
}

#boutonTop:after {
 content:'3';
 font-family:picto;
 font-size:36px;
 text-align: center;
}

#boutonTop:hover {
 color:#000;
}

a.gros-bouton {
 display:inline-block;
 width:100%;
 background-color: #f8f8f6;
 border-top:1px dotted #ddd;
 border-bottom:1px dotted #999;
 clear:both; 
 padding:60px 0 60px;
 font-family: regular;
 font-size:18px;
 color: #444;
 text-align: center;
 text-decoration: none;
}

a.gros-bouton span {
  display:inline-block;
  border:1px solid #ccc;
  padding:7px 20px;
  background-color: #4a4f54;
  color:#fff;
  transition-duration: 0.8s;
  transition-property: all;

}
a.gros-bouton span:after, a.petit-bouton span:after, a.bt-encadre:after  {
 content:'>';
 font-family: picto;
 vertical-align:middle;
 padding-left:5px;
 font-size:1.4em;
}

a.gros-bouton:hover {
  transition-duration: 0.4s;
  transition-property: all;
}

a.gros-bouton:hover span, a.petit-bouton:hover{
 background-color: #282b2e;
 box-shadow: 0 0 10px #aaa;
 transition-duration: 0.2s;
 transition-property: all;
}

.petit-bouton {
 text-align:center;
}

a.petit-bouton {
 display:inline-block;
 font-family: regular;
 font-size:1.2em;
 border:0px solid #ccc;
 margin:30px auto 40px ;
 padding:6px 15px 6px 20px;
 border-radius:6px;
 /* background-color: #f8f8f6;*/
 background-color: #4a4f54;
 color:#fff;

 text-align: center;
 text-decoration: none;
 transition-duration: 0.8s;
 transition-property: all;
}

a.bt-encadre {
  display:inline-block;
  margin-top:20px;
  font-family:regular;
  text-decoration: none;
  padding:8px 15px 8px 20px;
  border:1px solid #ccc;
}

.horaire {
 color: #222;
}

.horaire:before {
 content:';';
 font-family:picto;
 padding-right:5px;
}

.tarif {
 color: #222;
 margin: 0;
 padding: 0;
}

.tarif:before {
 content:'€';
 font-family:regular;
 padding-right:5px;
}

a.email {
 color: #222222;
 display: inline-block;
 font-size: 14px;
 height: 18px;
 line-height: 18px;
 margin: 2px 0;
 text-decoration: none;
}

a.email:hover {
 color: #777777;
}

a.email:before {
 content: "m";
 font-family: picto;
 display: inline-block;
 height: 18px;
 margin-right: 10px;
 vertical-align: middle;
 width: 18px;
}

a.site-web {
 display:inline-block;
 text-decoration:none;
 margin:6px 0;
}

a.site-web:hover{
 color:#2b8c95;
}

a.site-web:before{
 content:'S';
 font-family:picto;
 margin-right:10px;
}

.tag {
 margin-top: 10px;
 padding-top: 10px;
}

.tag li {display:inline-block;margin-right:-1px;}

.tag li.titre-mc {color:#999; margin-right:6px;}

.tag li a {
  color: #444;
  display: inline-block;
  font-size: 1em;
  margin: 7px 0;
  padding: 0 12px;
  text-decoration: none;
  height:14px;
  line-height: 14px;
  border-right:1px solid #bbb;
  border-left:1px solid #bbb;
}


.tag li a:hover {
  border-right:1px solid #000;
  border-left:1px solid #000;
  color: #000;
}

#filarianne {
 color: #444;
 font-size: 0.9em;
 font-family: 'picto';
 margin:8px 0 24px 0;
}

#filarianne a {
 display:inline-block;
 vertical-align: top;
 font-family:condensed;
 color: #888;
 text-decoration: none;
 padding:0;
}

#filarianne a:hover {
 color: #000;
}

.arianne-select {
 display:inline-block;
 vertical-align: top;
 font-family:condensed;
 color:#444;
}

.page-header {
 position:relative;
 color: #222222;
 min-height: 70px;
 padding: 10px 0;
 width: 100%;
}

.page-header p.intro {
 color: #222;
 font: 1em/22px "regular",Times,serif;
 margin: 4px 0;
}

.page-header p.info {
 color: #666666;
 font-size: 11px;
 margin: 7px 0 0;
}

.page-header p a {
 color: #222222;
 font-weight: bold;
 text-decoration: none;
}

.page-header .encart {
 display: table-cell;
 font-size: 15px;
 margin: 0;
 position: absolute;
 right: 30px;
 top: 10px;
}

.page-header em {
 color: #666666;
 display: block;
 font-style:normal;
 font-family: italic;
 margin: 0 0 6px;
}

.tel:before {
 content:'C';
 font-family:picto;
 margin-right:.3em;
 opacity:0.4;
}

.tel-portable, .tel-fixe {
  font-family: 'regular';
  color: #222222;
  font-size: 1em;
  height: 24px;
  line-height: 24px;
}

.tel-fixe:before {
 content:'C';
 font-family:picto;
 margin-right:.3em;
 opacity:0.7;
}

.tel-portable:before {
 content:'C';
 font-family:picto;
 margin-right:.3em;
 opacity:0.7;
}

.texte-bas {
 clear: both;
 color: #444;
 margin: 0;
 padding: 20px;
 font-family:'regular';
 font-size:0.95em;
 line-height:1.6em;
}

.texte-bas a {
 color: inherit;
}

.texte-bas div{
 margin-top:15px;
 -webkit-column-gap : 3rem;
 -moz-column-gap : 3rem;
 column-gap : 3rem;
 -webkit-columns: 2;
 -moz-columns: 2;
 columns: 2;
}

.texte-bas p {margin:0 0 6px 0; }

.pagination-bande {
 clear: both;
 min-height: 37px;
 width: 100%;
 margin:10px 0 40px 0;
}

.pagination-bande-bas {
 margin:40px 0 60px 0;
}

.pagination-bande form {
 display: inline-block;
 vertical-align: middle;

}

.pagination-bande input[type="radio"] {
 left: -100px;
 position: absolute;
}

.pagination-bande .info {
 display: inline-block;
 line-height: 32px;
 margin: 0;
}

.pagination-bande .infoItalic {
 color: #94813d;
 display: inline-block;
 font-size: 14px;
 line-height: 32px;
 margin: 0;
}

.pagination-bande a.lien {
 color: #94813d;
 display: inline-block;
 line-height: 32px;
 margin: 0;
 text-decoration: none;
}

.pagination-bande label {
 cursor: pointer;
 display: inline-block;
 width: 40px;
}

.pagination-bande .liste, .pagination-bande .grille {
 cursor: pointer;
 color:#bbb;
 padding: 0 0 0 2px;
 margin:0;
}

.pagination-bande .grille:after {
 content:'M';
 display:inline-block;
 vertical-align: middle;
 font-size:22px;
 line-height:40px;
 font-family:picto;
 margin-left:10px;
}

.pagination-bande .liste:after {
 content:'N';
 display:inline-block;
 vertical-align: middle;
 margin-right:5px;
 font-size:22px;
 line-height:40px;
 font-family:picto;
}

.pagination-bande form .selection {
 cursor: default;
 color:#2b8c95;
}

.pagination-bande .liste:hover, .pagination-bande .grille:hover {
 color:#2b8c95;
}

.pagination {
  height:28px;
  float: right;
  padding: 5px 0;
}

.deco_grille {float:right;}

.pagination li {
 display: inline-block;
 vertical-align: top;
 font-size: 12px;
 margin:0 3px;

}

.pagination a {
 display: inline-block;
 vertical-align: top;
 background-color: #bbb;
 border-radius: 4px;
 color: #ffffff;
 display: block;
 width: 28px;
 height: 28px;
 line-height: 28px;
 text-align: center;
 text-decoration: none;
}

.pagination a:hover {
 background-color: #4ea8b1;
}

.pagination a.suivante, .pagination a.precedente {
 background: none;
 color:#000;
}

.pagination .suivante:after {
 content:'z';
 font-family:'picto';
 display: inline-block;
 vertical-align: top;
 font-size:20px;
 height: 28px;
 line-height: 28px;
 width: 28px;
 text-align: center;
 color:#bbb;
}

.pagination .precedente:after {
 content:'w';
 font-family:'picto';
 display: inline-block;
 vertical-align: top;
 font-size:20px;
 height: 28px;
 line-height: 28px;
 width: 28px;
 text-align: center;
 color:#bbb;
}

.pagination a.precedente:after, .pagination a.suivante:after {
  color:#000;
  display: inline-block;
  vertical-align: top;
  line-height: 28px;
}

.pagination a.suivante:hover, .pagination a.precedente:hover {
 color: #2b8c96;
}

.pagination .pageSelect {
 background-color: #2b8c96;
 border-radius: 4px;
 color: #ffffff;
 width: 28px;
 height: 28px;
 line-height: 28px;
 text-align: center;
}

.pagination-bande .recherche {
 display: inline-block;
 vertical-align: top;
 width: 330px;
}

.pagination-bande .search-input {
 float: right;
 margin:0px;
 height: 37px;
}

.pagination-bande .search-submit {
 float: right;
 height: 37px;
}

.pagination-bande .menu {
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius:0px;
  color: #222;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  line-height: 37px;
  margin-right: 10px;
  padding: 0 0 0 10px;
  position: relative;
  width: 220px;
}

.pagination-bande .menu:after {
 content: "2";
 font-family:'picto';
 float: right;
 overflow: hidden;
 width: 30px;
 font-size:28px;
 transition-duration: 1.2s;
 transition-property: all; 
 transform: rotate(0deg);
}
.pagination-bande .menu:hover:after {
 transform: rotate(360deg);
}

.pagination-bande .menu-categorie {
 width: 220px;
}

.pagination-bande .option {
 background: rgba(255, 255, 255, 1);
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 display: none;
 left: -1px;
 position: absolute;
 top: 38px;
 width: 100%;
 z-index: 6;
}

.pagination-bande .option li {
 border-bottom: 1px solid #ddd;
 height: 26px;
 font-size: 14px;
}

.pagination-bande .option a {
 color: #222;
 display: block;
 height: 26px;
 line-height: 26px;
 padding-left: 10px;
 text-decoration: none;
 overflow: hidden;
}
.pagination-bande .option a:hover {
  background-color: #eee;
  color:#000;
}

.pagination-bande .option-specialite {
 border-bottom: 1px dotted #ccc;
 width:1200px;
}

.pagination-bande .option-specialite ul.specialiteCol {
 float: left;
 padding:1%;
 width: 22%;
}

#popupOverlay {
 background-color: #222222;
 height: 100%;
 left: 0;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 10;
}

#popupID {
 background-color: #ffffff;
 border-radius: 20px;
 /* border: medium none;*/
 padding: 10px;
 position: absolute;
 z-index: 11;
}

#iframe {
 background: none repeat scroll 0% 0% transparent;
/* border: medium none;
outline: medium none;*/
}

a.bt-lien {
 color: #000;
 display:inline-block;
 width:100%;
 text-align: right;
 font-size: 16px;
 height: 28px;
 line-height: 28px;
 padding: 0;
 text-decoration: none;
}

a.bt-lien:after {
 content:'q';
 font-family: picto;
}

a.bt-lien:hover {
 color: #000;
}

a.bt-lien2 {
 color: #444;
 display:inline-block;
 width:100%;
 text-align: right;
 font-size: 16px;
 height: 28px;
 line-height: 28px;
 padding: 0;
 text-decoration: none;
}

a.bt-lien2:after {
 display:block;
 font-size:30px;
 margin-top:10px;
 content:'q';
 font-family: picto;
 transition-duration: 0.4s;
 transition-property: all;
}

a.bt-lien2:hover {
 color: #000;
}

a.bt-lien2:hover:after {
 transition-duration: 0.4s;
 transition-property: all;
 transform: rotate(90deg);
}

/* ------------------------------- */
/* ==         CATALOGUE            */
/* ------------------------------- */

/*           VIGNETTE              */
.vignette {
 display: inline-block;
 position: relative;
 overflow: hidden;
 width:170px;
 height:170px;
 margin:5px 15px 15px 15px;
}

.vignette > a {
 display: table-cell;
 z-index:3;
 width:170px;
 height:170px;
 text-align: center;
 overflow: hidden;
 text-align: center;
 vertical-align: middle;
 border-top:1px solid #ccc;
 border-right:1px solid #fff;
 border-bottom:1px solid #fff;
 border-left:1px solid #ccc;
 background-color: #f9f9f7;
}

.vignette-G {
 position:relative;
 display: inline-block;
 width:30.833333%; /*370px*/
 height:278px;
 padding:0; 
 margin:5px 1.25% 15px 1.25%; /*15px*/

}

.vignette-G > a {
 display: table-cell;
 z-index:3;
 width:370px;
 height:278px;
 text-align: center;
 overflow: hidden;
 vertical-align: middle;
 border-top:1px solid #ccc;
 border-right:1px solid #fff;
 border-bottom:1px solid #fff;
 border-left:1px solid #ccc;
 background-color: #f9f9f7;
 transition-duration: 0.8s;
}

.vignette-G a img {
  transition-duration: 1.4s;
}

.vignette-G a:hover img{
  -webkit-transform: scale(1.6);
  transform: scale(1.6);
  transition-duration: 1.4s;
}


.vignette a .info, .vignette-G a .info {
 position:absolute;
 color:#000;
 top:1px;
 left:1px;
 overflow:hidden;
 background-color: #f9f9f7;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 opacity:0;
 height:inherit;
 line-height:1.4em;
 text-align: center;
 transition-duration: 0.8s;
 transition-property: all;
}

.vignette a .info div, .vignette-G a .info div {
 display:table-cell;
 vertical-align: middle;
 text-align: center;
 height:inherit;
 font-size:1.1em;
 width:160px;
 padding:0 5px;
}

.vignette > a:hover .info, .vignette-G > a:hover .info {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  opacity:0.9;
  transition-duration: 0.8s;
  transition-property: all;
}

.vignette .antiquaire, .vignette-G .antiquaire  {
  color:#897520; 
  font-size:0.8em; 
}

.vignette .prix, .vignette-G .prix {
  color:#666; 
  font-size:0.9em; 
}

.vignette .bas {
  position:absolute;
  text-align: center;
}



/*ALBUM*/
.catalogue {
 margin-bottom:40px;
}

/*           LISTE              */

.album {
 float: left;
 height: 430px;
 margin: 10px 1.16666667%;
 padding: 0px 0 40px 0;
 text-align: center;
 width: 31%;
 /* border-bottom:1px solid #ccc;*/
}

.album .cadre-photo, .album-liste .cadre-photo {
 position: relative;
 margin: auto;
 height: 320px;
 width: 320px;
}



.album .cadre-photo a, .album-liste .cadre-photo a {
 position: relative;
 display: table-cell;
 overflow: hidden;
 text-align: center;
 vertical-align: middle;
 height: 320px;
 width: 320px;
}

.album .cadre-photo a img, .album-liste .cadre-photo a img {
 transition-duration: 1.4s;
}



.album .cadre-photo a:hover .selection {
  right:0;
  transition-duration: 1.4s;
}

.album .enseigne a:hover {
 color: #000;
}

.album .cadre-photo a .selection {
  transition-duration: 1.4s;
  position:absolute;
  padding:0 15px;
  z-index: 3;
  top:0;
  right:-130px;
  color:#fff;
  text-shadow: 0.02em 0.02em 0.07em #222;
  /* background-color: rgba(0, 0, 0, 0.7);*/
}

.album .cadre-photo a .selection:before {
  content:'D';
  padding-right:5px;
  float:left;
  font-family: picto;
}


.album .epoque {
  font-family:condensed;
  text-align: center;
  color:#666;
  font-size:13px;
  background: url(/img/charte/fondHB-v2.png) 0 -485px repeat-x;
  margin-bottom:4px;
}
.album .epoque span {
  height:28px;
  line-height: 28px;
  vertical-align: middle;
  background-color: #fff;
  padding:0 15px;


}

.album .epoque span sup {
  line-height:0;
}

.album a.titre {
 clear: both;
 color: #444;
 display: block;
 overflow:hidden;
 font: 20px/24px "condensed",Arial,sans-serif;
 height: 36px;
 padding: 8px 20px 12px;
 text-align: center;
 text-decoration: none;
}



.album .enseigne {
 font: 12px/14px "condensed",Arial,sans-serif;
 margin: 5px 0;
}

.album .enseigne a {
 color:#897520;
 text-decoration: none;
}



.album .prix, .album-liste .prix {
 color: #555;
 font-size:1.1em;
 font-family:  "condensed",sans-serif;
 margin: 4px 0 2px 0;

}

.album .prix-demande {
 color: #999;
 font-size: 12px;
 font-weight:normal;
}

.album .vig-vendu,  .album-liste .vig-vendu  {
 position: absolute;
 top: 0;
 right: 0;
 color: #fff;
 font: 24px/320px "condensed",Arial,sans-serif;
 height: inherit;
 background-color: rgba(0, 0, 0, 0.4);
 overflow: hidden;
 text-align: center;
 width: 100%;
 z-index: 4;
 text-shadow: 0.01em 0.01em 0.01em #222;
}

.album .vig-reserve, .album-liste .vig-reserve {
 position: absolute;
 top: 45.3125%;
 right: 90px;
 color: rgba(0, 0, 0, 0.9);
 font: 20px/30px "condensed",Arial,sans-serif;
 height: 30px;
 background-color: rgba(255, 255, 255, 0.7);
 overflow: hidden;
 text-align: center;
 width: 140px;
/* padding:auto;*/
 z-index: 4;
 text-shadow: 0.01em 0.01em 0.01em #fff;
 border-radius:4px;
}

.album-liste {
 display: table;
 border-top: 1px solid #ccc;
 min-height: 280px;
 margin:0 1%;
 padding: 30px 0;
 width:98%;
}

.album-liste .cadre-photo {
  margin:0;
}

.album-liste .info {
 display: table-cell;
 vertical-align: top;
 max-width:940px;
 width:100%;
 padding: 0 2% 4px 2%;

}

.album-liste .info-text {
 display: inline-block;
 vertical-align: top;
 width:72%;
 padding-right:5%;
}

.album-liste .info-plus {
  display: inline-block;
  width:22%;
  vertical-align: top;
  font-size:14px;
}
.album-liste .info-plus a {
 display:block;
}

.album-liste .album-descriptif {
 font-family:"regular";
 color:#222;
 padding:50px 0 10px 0;
}

.album-liste .proposepar {
 margin:0; padding-top:50px;
}

.album-liste a.titre {
 position: relative;
 display: block;
 font: 22px/30px "condensed",Arial,sans-serif;
 color:#000;
 height:auto;
 text-decoration: none;
}

.album-liste .ref, .album-liste .epoque {
 font-size:14px;
 color:#555;
 line-height:18px;
 margin:0;
}

.album-liste .prix {
 font-size:1.2em;
 line-height:30px;
}

.album-liste .prix-demande {
 font-size:1em;
}

.album-liste .antiquaire {
 margin-top:10px;
}

.album-liste a.enseigne {
 color:#897520;
 text-decoration: none;
}

.album-liste .cadre-photo a {
 border-bottom: 1px solid #ffffff;
 border-radius: 8px;
}

.noborder {
 border: none;
}

/* ------------------------------- */
/* ==         ANTIQUAIRE           */
/* ------------------------------- */

.vig-antiquaire {
  display:inline-block;
  width:33.333333%; 
  margin:20px 0;
}

.vig-antiquaire > div {
  position: relative;
  max-width: 370px;
  margin:auto;
  background-color: #f9f9f7;
  border-radius: 6px;
  overflow:hidden;
  box-shadow: 4px 4px 8px #ccc;
}

.vig-antiquaire a {
  text-decoration: none;
}

/* ces deux classes .syndicat  et .titre sont pour les artisans*/

.vig-antiquaire .titre{
 color: #444;
 font-size: 11px;
 height: 30px;
 line-height: 30px;
 margin: 0 10px;
 text-decoration: none;
}

.vig-antiquaire .syndicat {
 color: #9a9686;
 display: inline-block;
 font-size:12px;
 line-height:25px;
 margin: 0 5px;
}

.vig-antiquaire .enseigne {
 background-color: #fff;
 height: 50px;
 overflow: hidden;
 padding: 5px 2% 0 2%;
 width: 96%;
 overflow:hidden;
 text-align:center;
}


.vig-antiquaire .enseigne a {
 color: #000;
 font-size: 18px;
 line-height: 26px;
}

.vig-antiquaire .enseigne .specialite {
 color: #444;
 font-size:11px;
 margin:0;
 font-family: regular;
 line-height:16px;
 word-wrap: break-word;
 white-space: nowrap;
 hyphens: auto;
 text-overflow: ellipsis;
 overflow: hidden;
}

.vig-antiquaire ul {
  font-size:13px;
  text-align: center;
  line-height: 36px;
  height:36px;
}

.vig-antiquaire li {
 display:inline-block;
 width:50%;
}

.vig-antiquaire li a {
  display:block;
}

.vig-antiquaire li:first-child {
  width:49.7%;
  border-right:1px solid #ccc;
}

.vig-antiquaire li a:hover {
  background-color: #ddd;
}

.vig-antiquaire .assoc {
 float: right;
}

.vig-antiquaire li.atelier {
  width:100%;
}

#headerFixe {
 background-color: #fff;
 position: fixed;
 top: 0;
 left:0;
 z-index: 2;
 width:100%;
}

#headerFixeNone {
 position: static;
 z-index: 2;
}

.pro-rond {float:left; margin-right:15px; border-radius:50px;}

.pro_nav {
 position:absolute;
 bottom:26px; right:0px;
 font-size:1.8em;
 font-family: 'condensed'; 
 color:#877f69;
}

.pro_nav li:first-child {
 border: none;
 padding-left:0;
 margin-left:0;
 color:#877f69;
}

.pro_nav li:last-child {
 padding-right:0;
}

.pro_nav li {
  float:left;
  border-left:1px solid #555;
  padding:0 0.5em;
  height:0.8em;
  line-height:0.8em;
}

.pro_nav li a {
 height:1.1em;
 color: #444;
 display:block;
 text-decoration: none;
 border-bottom:4px solid #fff;
 transition-duration: 0.8s;
}

.pro_nav li a:hover {
 height:1.1em;
 border-bottom:4px solid #bbb;
 color:#000;
 transition-duration: 0.4s;
}



.texte {
 font-family:'regular', arial, sans-serif;
 padding: 10px 3%;
 font-size:14px;
 line-height:1.6em;
}

.texte .baseline {
 font-size: 15px;
 font-style: italic;
 line-height: 20px;
}

.texte ul {
 list-style: disc outside none;
 margin: 0 0 12px 20px;
}

.texte ul ul {
 list-style: circle outside none;
}

.texte h3 {
 color: #2b8c95;
 font-size: 16px;
 line-height: 20px;
 margin: 25px 0 10px;
 padding: 0;
}

.texte h3:before {
 content: "z";
 font-family:picto;
 display: inline-block;
 vertical-align: middle;
 width: 15px;
 margin-right:10px;
}

.texte h4 {
 color: #444444;
 font-size: 14px;
 font-weight: bold;
 line-height: 20px;
 margin: 25px 0 10px;
 padding: 0;
}

.texte p {
 margin: 4px 0 10px;
}

.texte p:last-child {
 margin-bottom: 20px;
}

.texte a {
 color: inherit;
}

.cadre-bordure-bas {
 height: 80px;
}

.cadre-bordure-bas a {
 color: #a7934b;
 font-size:18px;
 line-height:18px;
 margin: 10px 30px;
 text-decoration: none;
}

.cadre-bordure-bas a:hover {
 color: #aaaaaa;
}

.cadre-bordure-bas a.left {
 display: inline-block;
 vertical-align: middle;
 float: left;
 height: 60px;
 line-height: 60px;
}

.cadre-bordure-bas a.left:before {
 content: "w";
 font-family:picto;
 height: 20px;
 margin-right: 15px;
 vertical-align: middle;
 width: 20px;
}

.cadre-bordure-bas a.right {
 display: inline-block;
 vertical-align: middle;
 float: right;
 height: 60px;
 line-height: 60px;
 margin-right: 40px;
}

.cadre-bordure-bas a.right:after {
 content: "z";
 font-family:picto;
 height: 20px;
 margin-left: 10px;
 vertical-align: middle;
 width: 20px;
}
@media (min-width: 700px) {
  .album .cadre-photo a:hover img, .album-liste .cadre-photo a:hover img {
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
  }
  .vignette-G a:hover img{
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    transition-duration: 1.4s;
  }
}
@media (max-width: 1200px) {
  #page, .page { width: 100%; margin: auto 0%; min-width: 1px; }
  #sous_menu { width: 96%; margin: auto 2%; min-width: 1px; }
  .vig-salon {width:33.3333333%;}
  .vig-antiquaire { width:50%;}
  .vig-antiquaire-acc-3 {display:none;}
  .page-header {width:96%; margin:5px 2%;}
  #menu {margin-left:20px;}
}


@media (max-width: 960px) {
 body {font-size:0.8em;}
 
 .album { width: 48%; margin:1%; }
 .album-liste a.titre {font-size:1.5em; line-height:1.2em;}
 .album-liste .info-text, .album-liste .info-plus {width:100%;}
 .album-liste .info-plus a {display:inline;}
 .album-liste .album-descriptif, .album-liste .proposepar {margin:0; padding-top:5px;}

 #sous_menu li {font-size:14px;}
 .search-input {font-size:12px; width:180px;}
 .search-input:focus {width:180px;}
 
 /*Page d'accueil et page catalogue */
 .vignette-G-3 {display:none;}
 .vignette-G {width:36%; margin:15px 6%; min-width:278px;}

}


@media (max-width: 760px) {
 #sous_menu li {margin-left:3%;}
 #sous_menu #recherche-droite  {width:220px;}
 a.agenda-focus {width:100%; margin:10px 0; border-radius:0; border:none;}
 .vig-salon {width:50%;}
 .vig-antiquaire { width:100%;}
 
 /*Page d'accueil et page catalogue */
 .vignette-G {width:280px; margin:20px auto; display:block;}
}



@media (max-width: 580px) {
  header {position:relative;}
    header .logo {margin-left:10px;}
    .devise {display:none;}
 
  #menu {margin-left:10px;}
  #page {padding-top:0;}


  #filarianne { display: none; }

  .mobile-cache { display: none; }

  #menu {height: 34px; }
  #menu li { font-size: 14px; line-height:34px; height: 34px;}

  #sous_menu { display: none; height: auto; width: 100%; margin:0;}
  #sous_menu li .intro:before {display:none;}

  #menu_titre_objet_style { width: 100%; }
  #menu_titre_objet_style ul { width: 100%; }
  #menu_titre_objet_style p, #menu_titre_objet_epoque p { padding: 10px 20px; margin: 0; color: #eeeeee; }

  .sm_catalogue_contenu, .sm_catalogue_contenu ul { border: none; margin: 0; padding: 0; }

  #sous_menu li, #sous_menu li:last-child, .sm_catalogue_contenu li, .pagination-bande .option li, .pagination-bande .menu, #pro_nav li, #pro_nav li:first-child { display: block; float: none; width: 100%; border-top:1px solid #aaa; text-align: left; text-indent: 20px; border-radius: 0; margin: 0; padding: 0; }

  #sous_menu li:before, .sm_catalogue_contenu li:before, .pagination-bande .menu li:before, .pagination-bande .menu:before, #pro_nav li:before { content: "8"; font-family:picto; float: right; width: 9px; height: 34px; margin-right: 40px; }
  nav > div { background-color: #000000; padding: 2px 0 0; }

  #bt-sous-menu { content: "";display: inline-block; height: 30px; cursor: pointer; color:#000; margin:0;}
  #bt-sous-menu:after {content: "L"; margin-left:10px; font-family:picto;display: inline-block; font-size:24px; line-height:30px;}

  #sous_menu_recherche { float:none;  text-align: left;}

  .sm_catalogue { border: none; width: 100%; }
  .sm_catalogue_contenu { width: 100%; margin: 0; padding: 0; }
  .sm_catalogue_contenu ul { width: 100%; margin: 0; padding: 0; }
  .sm_catalogue_contenu li { line-height: 30px; }
  .sm_catalogue_contenu li a { width: 100%; height: 32px; line-height: 32px; border: none; background-color:  #222; color:#fff; }

  #sous_menu #recherche-droite {
   float:none;
   width: 100%;
   text-align: left;
 }
 a.connexion { display: none; }

 .page-header p.intro { width: 100%; text-align: left; }
 .page-header .encart { display: none; }
 h1 { margin: 0; padding: 4px 22px 8px 0; font-size: 24px; line-height: 26px; color: #222222; }
 .album { width: 100%; float: none; margin:5% 0; border-radius:0;}

 .pagination-bande { width: 100%; margin: 0; padding: 0; height:auto;}
 .pagination-bande .pagination { text-align: center; width: 100%; float:none; background-color: white;}

 .pagination-bande form { display: none; }
 .pagination-bande .menu { display: block; position: relative; margin-right: 0; padding: 0; width: 100%; font-size: 12px; line-height: 40px; background-color: #333333; border-right: medium none; border-left: medium none; color: #ffffff; cursor: pointer; }
 .pagination-bande .menu-categorie { width: 100%; font-size: 14px; }
 .pagination-bande .option { display: none; position: static; top: 0; left: 0; z-index: 2; width: 100%; border-left: medium none; border-right: medium none; background: none repeat scroll 0% 0% rgba(40, 40, 40, 0.8); }
 .pagination-bande .option li { border-bottom: medium none; height: 40px; }
 .pagination-bande .option a { height: 40px; line-height: 40px; display: block; color: #cccccc; text-decoration: none; padding-left: 10px; }
 .pagination-bande .option-specialite { width: 100%; padding: 0; margin: 0; border: medium none; }
 .pagination-bande .option-specialite ul.specialiteCol { float: none; width: 100%; padding-right: 0; }

 .pagination-bande .recherche { margin-top: 8px; width: 96%; }
 .pagination-bande .recherche .search-input { height: 30px; line-height: 30px; }

.vignette-G a:hover img{
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-duration: 0s;
}
.album .cadre-photo a:hover img, .album-liste .cadre-photo a:hover img {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition-duration: 0s;
}


 a.selection { display: none; }

 .vig-antiquaire { display: block; float: none; margin: 20px 0;  width:100%; border-radius:0;}
 .vig-antiquaire img, .vig-antiquaire > div  {width:100%; height:auto; border-radius:0;}

 #headerFixe:after { display: none; }
 #pro_nav { height: auto; }
 #pro_nav li.desactiver { display: none; }
 #pro_nav li a, #pro_nav .selection { text-align: left; height: 40px; line-height: 40px; background-color: #333333; }
 #pro_nav .selection { background-color: #000000; }

 /* a.bt-detail { bottom: 10px; }*/
 .vig-salon { width: 100%; border-left: 0 none; border-right: 0 none; margin: 10px 0; border-radius: 0; }
 .vig-salon a.url { font-size: 14px; }
 .salon-focus { display: none; }


 #footer { height: 30px; padding: 20px;  width: 130px;}
 #footer .menu { display: none; }
 #footer .logo { display: none; }
 #footer ul { display: none; }
 #footer #mentions { display: none; }

 .texte-bas div{
 -webkit-columns: 1;
 -moz-columns: 1;
 columns: 1;
}

}



@media print {
 header {position:relative;}
 footer { display: none; }
}