@charset "UTF-8";
#menu-desk ul,
#panel article ul {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal
}

#lien-offre-resa,
#menu-desk ul,
#panel article ul,
.carousel-indicators {
    -webkit-box-direction: normal
}

.fiche_hide,
.form-resa hr,
.hide,
.hr {
    visibility: hidden
}

#floating-btn,
#panel ul li strong,
.v2 div {
    text-transform: uppercase
}

#panel-droite article ul li a,
.li-lien-haut ul li a,
.logo {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 100%
}

#menu-desk ul li,
#menu-mobile button,
#stick-menu a,
#top-footer header ul li a {
    text-shadow: 2px 1px #8d004c
}

#avoir_aussi,
#end-link,
#pied,
#social-mob,
.btn-plus,
.cat,
.hr,
footer {
    clear: both
}

body {
    font-family: Cuprum, sans-serif;
    min-height: 100%
}

.container,
.container-fluid {
    padding-right: 0;
    padding-left: 0
}

#chargement {
    height: 100%;
    width: 100%;
    background: url(../img/logo-atv-fr.png) center 10% no-repeat #000;
    text-align: center;
    position: fixed;
    z-index: 100000;
    left: 0;
    top: 0;
    font-size: 0
}

#chargement-infos {
    text-align: right;
    white-space: nowrap;
    display: block;
    color: #000;
    height: 6px;
    background-image: -webkit-linear-gradient(left, #e8003a, #93004e);
    background-image: linear-gradient(to right, #e8003a, #93004e);
    width: 0
}

#bg-fix,
#stick-menu {
    position: fixed;
    width: 100%
}

#bg-fix {
/*    z-index: 0 !important;*/
    z-index: -1;
    height: 100%;
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

#stick-menu {
    z-index: 10000;
    padding: 6px 0;
    top: 0;
    height: 50px;
    border-top: 1px solid #f08;
    border-bottom: 1px solid #f08;
    background-color: #e6007e;
    margin-top: -55px;
    -webkit-transition: all .3s cubic-bezier(.53, -.01, .12, .51);
    transition: all .3s cubic-bezier(.53, -.01, .12, .51)
}

#stick-menu a {
    display: inline-block;
    border: none;
    font-size: 25px;
    color: #fff;
    background: url(../img/hammenu.gif) 15px 8px no-repeat;
    padding-left: 50px
}

.txt-pink {
    color: #E6007E
}

.txt-green {
    color: #97bf0d
}

.hr {
    padding-bottom: 10px;
    margin: 0
}

a {
    color: inherit
}

li {
    list-style-type: none
}

button:focus {
    border: none;
    box-shadow: none
}

.btn-click {
    letter-spacing: .04em
}

.btn-click:hover {
    letter-spacing: .05em;
    opacity: .9;
    -webkit-transition: scale .1s cubic-bezier(.09, .49, .43, .87);
    transition: scale .1s cubic-bezier(.09, .49, .43, .87)
}

.btn-click:active {
    opacity: 1;
    -webkit-transform: scale(.99);
    transform: scale(.99);
    -webkit-transition: scale .3s cubic-bezier(1, 1, 1, 1);
    transition: scale .3s cubic-bezier(1, 1, 1, 1)
}
#inf.btn-click:after,
#res.btn-click:after{
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin: 0px 0px 0px 5px;
    background-color: #fff;
    color: #E6007E;
    background: url(/assets/img/arrow-resa-rose.png) no-repeat;
    background-size: contain;
}
#floating-btn {
    position: absolute;
    z-index: 10000;
    left: 0;
    margin: 5%;
    width: 90%;
    border-radius: 4px;
    background-color: #009fe3;
    font-family: Oswald, sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    border: none;
    text-align: center;
    padding: 10px 25px
}

.visible {
    top: 0!important
}

.fiche {
    display: none
}

#menu-desk,
.show_it {
    display: block
}

.fiche_hide {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0
}

#menu-mobile {
    display: none;
    z-index: 100
}

#top-conteneur {
    position: relative;
    z-index: 998;
    background-color: #000;
    background: rgba(0, 0, 0, .8);
    padding: 0;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.logo {
    display: block;
    width: 268px;
    height: 110px;
    position: absolute;
    left: 5%
}

#logoen {
    background: url(../img/logo-atv-en.png) center
}

#logofr {
    background: url(../img/logo-atv-fr.png) center
}

#logoes {
    background: url(../img/logo-atv-sp.png) center
}

#lien-haut {
    position: relative;
    background-color: #000;
    background: rgba(0, 0, 0, .8);
    font-size: 18px;
    text-align: right;
    padding: 5px 20px
}

.li-lien-haut {
    display: inline-block;
    vertical-align: middle;
    padding: 7px 20px;
    border-left: 1px solid #7a8e99;
    font-family: Oswald, sans-serif
}

.li-lien-haut ul {
    margin: 0;
    padding: 0
}

.li-lien-haut ul li {
    display: inline-block;
    vertical-align: -webkit-baseline-middle
}

.li-lien-haut ul li a {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 5px
}

#maselection,
#maselection:after {
    display: inline-block
}

#social-mob {
    height: auto;
    margin: 15px 5px
}

#social-mob li,
#social-mob li a {
    width: 40px;
    height: 40px
}

#social-mob li {
    background: url(../img/fb-tw.png) no-repeat;
    margin-left: 10px;
    border-radius: 3px
}

#social-mob li:nth-child(2) {
    background-position: -40px 0
}

#maselection:after {
    background: url(../img/star-select.png) no-repeat;
    content: "";
    width: 20px;
    height: 19px
}

.flag {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../img/sprit-lang.png);
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%)
}

#flag-en {
    background-position: -20px 0
}

#flag-sp {
    background-position: -40px 0
}

#flag-cn {
    background-position: -60px 0
}

.current,
.flag:active,
.flag:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

#acc-visuel ul li {
    color: #7a8e99;
    text-decoration: none;
    font-weight: 700;
    font-size: 19px;
    font-family: roboto;
    vertical-align: top;
    cursor: pointer;
    margin-left: 5px
}

#acc-visuel ul li:hover {
    color: #fff
}

#acc-visuel {
    border: none
}

#panel-droite {
    display: block;
    text-align: right;
    padding: 10px 10px 30px
}

#panel-droite article {
    margin-top: 13px
}

#panel-droite article p,
#panel-droite article ul {
    display: inline-block;
    font-size: 15px;
    color: #7a8e99;
    padding: 0
}

#panel-droite article ul li {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 10px
}

#panel-droite article ul li a {
    display: block;
    width: 22px;
    height: 22px;
    background-image: url(../img/sprit-acti.png)
}

#panel-droite form label {
    display: none
}

#panel-droite input[type=search] {
    border: none!important;
    width: 230px!important;
    height: 30px!important;
    padding: 5px 5px 5px 40px!important;
    color: #7a8e99!important;
    font-size: 13px!important;
    border-radius: 3px!important;
    background-color: #394349!important;
    background-image: url(../img/loupe.png)!important;
    background-repeat: no-repeat!important
}

#search {
    float: right;
    height: 48px
}

#gsc-i-id1 {
    color: #7a8e99!important;
    font-weight: 700!important;
    font-style: italic!important;
    display: inline-block!important;
    width: 150px!important;
    height: 30px!important;
    line-height: 30px!important;
    padding: 0 20px 0 40px!important;
    margin-right: 0!important;
    background: url(https://www.tourisme-vienne.com/assets/css/images/field-recherche.png) no-repeat #394349!important;
    float: right!important;
    border: 0!important;
    outline: 0!important;
    -webkit-transition: all .3s cubic-bezier(.53, -.01, .12, .51);
    transition: all .3s cubic-bezier(.53, -.01, .12, .51)
}

#panel ul li a em,
#tag-filtre em,
.billet-blog em,
.grille em,
.manif em,
.modal-header em {
    font-style: normal
}

#gsc-i-id1:focus {
    width: 250px!important
}

#gsc-iw-id1,
.gsc-search-box table,
.gsc-search-box td,
.gsc-search-box tr {
    background: 0 0!important;
    border: 0!important;
    padding: 0!important;
    margin: 0!important
}

.gsc-input-box-focus,
.gsc-input-box-hover,
.gsc-search-box .gsc-input>input:hover {
    box-shadow: 0 0 0 #000!important
}

.gsc-input {
    padding: 0!important
}

.gsst_a {
    display: none!important
}

input.gsc-search-button-v2 {
    width: auto!important;
    height: 30px!important;
    padding: 7px 10px!important;
    min-width: auto!important;
    margin-top: 9px!important
}

input.gsc-search-button,
input.gsc-search-button:focus,
input.gsc-search-button:hover {
    border-color: #394349!important;
    background-color: #394349!important;
    background-image: none;
    -webkit-filter: none;
    filter: none
}

.gsc-control-cse {
    background: 0 0!important;
    padding: 0!important;
    border: none!important
}

#panel-droite input[type=submit] {
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    background-color: #394349;
    color: #e6007e
}

#famille {
    background-position: 0 -10px
}

#coeur {
    background-position: -24px -10px;
    width: 23px!important
}

#pluie {
    background-position: -48px -10px;
    width: 28px!important
}

#carteint {
    background-position: -77px 0;
    width: 30px!important;
    height: 30px!important
}

#menu-desk,
#menu-mobile {
    position: relative;
    height: 50px;
    border-top: 1px solid #f08;
    background-color: #e6007e
}

#menu-mobile {
    padding: 6px 0
}

#menu-mobile button {
    display: inline-block;
    border: none;
    font-size: 25px;
    color: #fff;
    background: url(../img/hammenu.gif) 15px 8px no-repeat;
    padding-left: 50px
}

#menu-mobile ul {
    width: 100%;
    display: none;
    padding: 0;
    margin: 5px 0 0;
    background-color: #E6007E
}

#menu-mobile ul li ul,
#panel {
    background-color: #8d004c
}

#menu-mobile ul li a {
    font-size: 22px;
    color: #fff;
    border-top: 1px solid #b30062;
    padding: 10px 15px;
    display: block
}

#menu-mobile ul li a span {
    display: inline-block;
    width: 20px;
    height: 20px;
    float: right;
    background-image: url(../img/plus.png);
    background-repeat: no-repeat
}

.plus-moins {
    -webkit-transition: all .1s cubic-bezier(.53, -.01, .12, .51);
    transition: all .1s cubic-bezier(.53, -.01, .12, .51);
    background-position: 0 -21px
}

#panel ul li a,
.plus-moins {
    -webkit-transition: all .1s cubic-bezier(.53, -.01, .12, .51)
}

#menu-mobile ul li ul {
    display: none
}

#menu-mobile ul li ul li strong {
    margin: 0;
    font-size: 18px;
    display: block;
    font-weight: 400
}

#menu-mobile ul li ul li em {
    margin: 0;
    font-size: 15px;
    font-family: Cuprum, sans-serif;
    display: block;
    color: #ff9ad1;
    font-style: normal
}

#menu-mobile ul li ul li a {
    padding-left: 35px
}

#menu-desk ul {
    text-align: center;
    width: 90%;
    margin: 0 auto;
    padding: 0;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

#menu-desk::after,
#menu-desk::before {
    content: " ";
    position: absolute;
    z-index: 1;
    display: inline-block;
    width: 15px;
    height: 57px;
    background-image: url(../img/bord-menu.png);
    bottom: -1px;
    top: -8px
}

#menu-desk::before {
    left: -15px;
    background-position: -17px 0
}

#menu-desk::after {
    right: -15px
}

#menu-desk ul li {
    font-family: Oswald, sans-serif;
    font-size: 22px;
    -ms-flex-grow: 1;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    list-style-type: none;
    font-weight: 700;
    color: #fff;
    letter-spacing: .02em;
    cursor: pointer;
    border-right: 1px solid #8d004c
}

.niv1 a {
    padding: 9px 5px;
    display: block
}
.niv1.blanc a {
    border-left: 1px solid #8d004c;
    background: white;
    text-shadow: none;
    color: #e6007e;
}
.niv1.blanc a.active {color: #fff !important}
#menu-desk ul li:nth-child(5) {
    border: none
}

#menu-desk ul li a.active {
    background-color: #8d004c;
    border: 1px solid #8d004c
}

#f-ariane {
    font-size: 14px;
    padding: 10px
}

#f-ariane ul {
    padding: 0;
    margin: 0
}

#f-ariane ul li {
    list-style-type: none;
    display: inline-block;
    color: #7a8e99;
    margin-right: 5px
}

#f-ariane ul li:after {
    display: inline-block;
    content: ">";
    margin-left: 6px
}

#f-ariane ul li:last-child {
    color: #fff
}

#f-ariane ul li:last-child:after {
    content: ""!important
}

#panel article ul {
    padding: 30px;
    -ms-display: flex;
    -webkit-display: flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-justify-content: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

#panel ul li {
    list-style-type: none;
    -ms-display: inline-flex;
    -webkit-display: inline-flex;
    display: -webkit-inline-box;
    display: inline-flex;
    width: 25%
}

#panel ul li img {
    width: 100%;
    height: auto;
    border: 1px solid #ff4daf
}

#panel ul li a {
    padding: 15px 15px 20px;
    width: 100%;
    border-radius: 5px;
    -webkit-transition: all .1s cubic-bezier(.53, -.01, .12, .51);
    transition: all .1s cubic-bezier(.53, -.01, .12, .51)
}

#panel ul li a:active,
#panel ul li a:hover {
    background-color: #a7005a
}

#panel ul li a em,
#panel ul li a strong {
    font-family: Cuprum, sans-serif;
    text-align: center
}

#je-reserve footer,
#je-reserve li {
    font-family: Oswald, sans-serif
}

.v2 div,
.v2 strong {
    font-family: Cuprum, sans-serif
}

#panel ul li strong {
    font-size: 18px;
    color: #fff;
    display: block;
    margin: 15px 0 0
}

#panel ul li a em {
    display: inherit;
    line-height: 16px;
    font-size: 14px;
    color: #ffb1db;
    opacity: .9
}

#panel article {
    display: none
}

#center-content {
    margin-top: 30px;
    padding: 0
}

.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    font-size: 16px
}

.carousel-fade .carousel-inner .item img {
    background: url(../img/img-lazy.gif) center no-repeat #d0d0d0
}

.carousel-fade .carousel-inner .active {
    opacity: 1
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1
}

.carousel-fade .carousel-control {
    z-index: 2
}

#carousel {
    overflow: hidden;
    padding-right: 30px;
    padding-left: 0
}

#carousel,
#je-reserve {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 460px;
    margin-bottom: 30px
}

#je-reserve {
    padding: 0;
    border-radius: 3px;
    background-color: #000 !important;
    background-color: rgba(0, 0, 0, .8) !important;
}

#je-reserve article {
/*
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
*/
    background:none !important;
    padding-top: 5px;
    display: none
}

.form-resa {
    display: block!important
}

#je-reserve footer.hidden-xs {
    display: none
}

#je-reserve h4 {
    display: block;
    width: 80%;
    height: 35px;
    margin-left: 15px;
    text-indent: -5000px;
    background-size: contain
}

.form-resa form {
    padding: 0 20px
}

.form-resa form input,
.form-resa form select {
    border: none;
    display: inline-block;
    border-radius: 3px;
    padding: 8px;
    height: 35px;
    background-color: #f0f0f0;
    margin: 0 auto 15px;
    font-size: initial
}

.form-resa hr {
    float: none;
    clear: both;
    margin: 0
}
#form-billet{padding-bottom: 13px;}

#form-billet h5 {
    background-image: none;
    text-indent: 0;
    color: #ffffff;
    height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 14px;
    margin-left: -15px;
    margin-top: 25px;
    display: inline-block;
    font-size: 17px;
    background-color: #009fe3;
    text-transform: uppercase;
    font-weight: 700;
}
#form-billet ul{padding-bottom: 0px !important;}
#form-billet ul:before,
#form-billet ul:after{
    content: "";
    height: 1px;
    width: 40%;
    margin: 15px auto;
    display: block;
    background-color: #d2dfe5;
    opacity: 0.8;
}
#form-billet ul li span{ display: none;}
/*
#form-billet ul li span{
color: #fff;
    display: inline-block;
    background-color: #e6007e;
    margin-left: 74px;
    padding: 4px 6px 6px 9px;
    border-radius: 60px;
    font-size: 11px;    
}
#form-billet ul li a:hover{
    background: none;
    background-color: transparent;
    border-radius: 0px;
    color: #fff;
    width: 70%;    
}
#form-billet ul li a{
    display: inline-block;
    color: #d7e3ea;
    font-size: 20px;
    line-height: 30px;
    border-radius: 3px;
    width: 70%;
    padding: 5px 15px;
    background: none;
}
*/
#form-billet strong{
    background-image: none;
    text-indent: 0;
    color: #ffffff;
    height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 14px;
    margin-left: -15px;
    margin-top: 25px;
    display: inline-block;
    font-size: 17px;
    background-color: #e6007e;
    text-transform: uppercase;
    font-weight: 700;
}
#form-billet div p a{
    display: inline-block;
    background: none;
    vertical-align: middle;
    width: 90%;
    font-size: 21px;
    line-height: 27px;
    font-family: Oswald, sans-serif; 
    text-align: right;
}
#form-billet div p span{
    background-color: white;
    position: relative;
}
#form-billet div p span{
    background-color: #009fe3;
    position: relative;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 20px;  
    text-indent: -5000px;
}
#form-billet div p span:before,
#form-billet div p span:after{
content: "";
    height: 2px;
    width: 11px;
    display: block;
    position: absolute;
    background-color: #fff;
    top: 12px;
    left: 7px;
}
#form-billet div p span:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.billet-hover{
margin-left:0px !important;
-webkit-transition: all .3s cubic-bezier(.53, -.01, .12, .51);
transition: all .3s cubic-bezier(.53, -.01, .12, .51)    
}
#frm_affinageGestprod input[type=submit],
#inpt_rapideDateDeb,
#inpt_rapideSubmit {
    margin-left: 12px;
    width: 46%
}

#frm_rechercheRapide #inpt_rapideDateDeb {
    margin-left: 0!important;
    margin-left: 12px!important
}

#inpt_rapideSubmit {
    background-color: #e6007e;
    color: #fff
}

#frm_affinageGestprod input[type=submit] {
    background-color: #009FE3;
    color: #fff
}

.v2 {
    background-image: none!important;
    margin-top: 26px!important;
    position: relative
}

.v2 strong {
    width: 50%
}

.v2 div {
    width: 41%;
    display: inline-block;
    text-align: right;
    color: #e6007e;
    font-size: 25px;
    line-height: 25px
}

.v2 div em {
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 8px;
    text-transform: lowercase
}

.v2 strong {
    display: inline;
    color: #fff;
    font-size: 2em;
    font-weight: 100;
    vertical-align: top;
    margin-left: 15px
}

.v2:after,
.v2:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    color: #fff;
    width: 50%;
    margin: 0 auto
}

.form-resa h5 {
    background-image: none;
    text-indent: 0;
    color: #fff;
    height: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 7px 20px;
    margin-left: -15px;
    display: block;
    font-size: 17px;
    background-color: #009FE3
}

.form-resa h5:first-child {
    background-color: #E6007E!important
}

#form-herberg {
    display: none
}

.lang-fr h4 {
    background: url(../img/je-reserve-en-ligne.png) no-repeat
}

.lang-es h4 {
    background: url(../img/je-reserve-en-ligne-es.png) no-repeat
}

.lang-en h4 {
    background: url(../img/je-reserve-en-ligne-en.png) no-repeat
}

#je-reserve ul {
    padding: 0 0 15px;
    margin-bottom: 0
}

#je-reserve li {
    display: block;
    padding: 0 5px
}

#je-reserve a {
    display: block;
    color: #b0b8bd;
    font-size: 20px;
    line-height: 30px;
    border-radius: 3px;
    width: 95%;
    padding: 5px 15px;
    background: url(../img/arrow-resa.png) right center no-repeat
}

#je-reserve ul a:active,
#je-reserve ul a:hover {
    background: #fff;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 3px;
    color: #fff;
    width: 100%
}

#je-reserve footer {
    display: block;
    width: 100%;
    height: 74px;
    background-image: url(../img/rayures.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -5px
}

#je-reserve footer a {
    color: #fff;
    background: 0 0
}

#lien-offre-resa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4% 4% 4% 0
}

#lien-offre-resa a {
    width: 100%;
    padding: 60px 0;
    -webkit-box-flex: 1;
    box-flex: 1;
    background-color: #f7f7f7;
    text-align: center;
    vertical-align: middle;
    text-indent: -5000px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center
}

#lien-offre-resa a:nth-child(1) {
    margin-bottom: 15%;
    background-image: url(../img/promotions.gif)
}

#lien-offre-resa a:nth-child(2) {
    margin-bottom: 15%;
    background-image: url(../img/packages.gif)
}

.item {
    color: #fff;
    position: relative
}

.item article p {
    display: none
}

.show {
    display: block
}

.item article {
    position: absolute;
    margin: 0;
    width: 100%;
    height: inherit;
    bottom: 0;
    padding: 20px 10px 20px 20px;
    background-color: rgba(0, 0, 0, .75)
}

.fullheight {
    height: 100%!important;
    padding: 20px 10px 10px 20px!important
}

.slidenot {
    margin-top: 0!important
}

.tooltip {
    top: 0!important
}

.item article strong {
    font-weight: 400;
    font-size: 20px
}

.item article p strong {
    display: inline-block!important
}

.item article p a {
    color: #ff299e!important;
    border-bottom: 1px solid #e6007e!important;
    padding-bottom: 2px!important;
    font-size: 17px!important
}

.titreslider:first-child:before {
    display: block;
    width: 30px;
    height: 30px;
    content: "+";
    float: right;
    font-size: 30px;
    cursor: pointer;
    padding: 0 30px 42px 20px;
    margin-top: -5px;
    margin-left: 20px;
    border-left: 1px solid #fff;
    border-left: 1px solid rgba(255, 255, 255, .29)
}

.cross:before {
    content: "✖"!important;
    border-left: 0 solid #fff!important;
    margin-bottom: 20px;
    font-size: 19px!important
}

.carousel-indicators {
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: #000;
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    bottom: 4px
}

.carousel-inner {
    position: relative;
    z-index: 2;
    -webkit-transition: all .3s cubic-bezier(.53, -.01, .12, .51);
    transition: all .3s cubic-bezier(.53, -.01, .12, .51)
}

.carousel-indicators li {
    box-sizing: padding-box;
    margin: 0 5px;
    list-style-type: none;
    height: auto;
    vertical-align: text-top;
    cursor: pointer;
    padding: 0
}

#add_favorite:after,
#disp li,
#lien-bas a img,
#lien-bas a p {
    vertical-align: middle
}

.carousel-indicators li img {
    width: 100%
}

#cp-fut article {
    box-sizing: border-box;
    padding: 0
}

#cp-fut article a {
    display: block
}

.pos-droite {
    padding: 0 0 0 20px
}

.pos-gauche {
    padding: 0 20px 0 0
}

#first-fiche a,
.pos-centre {
    padding: 0 10px
}

.mobile-encart-home {
    padding: 0!important;
    position: relative
}

.mobile-encart-home a.mobile,
.mobile-encart-home-en-es a.mobile {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    padding: 4%;
    background-color: #101c28;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    font-size: 4vw;
    margin-bottom: 4%
}

.mobile-encart-home a.mobile img {
    width: auto!important
}

.mobile-encart-home a.mobile h3 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-left: 15px;
    text-align: left;
    font-size: 3vw
}

#age-fam-plu,
#top-footer header ul li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row
}

.mobile-encart-home-en-es:first-child a {
    padding-right: 30px!important
}

.mobile-encart-home-en-es a {
    padding: 0
}

#cp-fut article img {
    width: 100%
}

#cp-fut article:first-child {
    padding-right: 0!important
}

#age-fam-plu {
    position: relative;
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center
}

#age-fam-plu.container div {
    width: 300px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

#age-fam-plu a {
    display: block;
    text-align: center;
    padding: 10% 0;
    background-color: #101c28;
    border-radius: 3px;
    color: #fff;
    font-size: 20px;
    font-size: 3vw
}

#age-fam-plu a img {
    display: block;
    text-align: center;
    margin: 0 auto 10%;
    width: 50%
}

.slideup {
    margin-top: -130px
}

#bloc-pop,
#bloc-tbm {
    padding: 0;
    margin-top: 30px
}

#bloc-tbm {
    padding-right: 30px
}

#bloc-pop .tab-content,
#bloc-tbm .tab-content {
    background-color: #f7f7f7;
    padding: 10px 10px 40px;
min-height: 330px;
}

#bloc-pop ul li a,
#bloc-tbm ul li a {
    background: #e6007e;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom: 0 solid #ddd;
    text-align: center;
    font-family: Oswald, sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    padding: 10px 0
}

#package,
#promo,
.billet-blog,
.manif {
    font-family: Cuprum, sans-serif
}
#promo,
#bloc-tbm .tab-content{
    height: 285px;
    overflow: auto;
}
#bloc-tbm ul li:nth-child(3) a {
    background-color: #8D004C
}

#bloc-pop ul .active a,
#bloc-tbm ul .active a {
    background-color: #f7f7f7!important;
    color: #E6007E
}

.nav-tabs>li>a:hover {
    border-color: transparent
}

.billet-blog,
.manif {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(141, 0, 76, .15);
    margin-bottom: 10px
}

.billet-blog h2,
.manif h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 15px;
    color: #8d004c;
    margin: 0;
    padding: 0
}

.billet-blog em,
.manif em {
    font-weight: 700;
    font-size: 13px;
    color: #e6007e;
    margin: 0 0 3px;
    padding: 0;
    display: block
}

.billet-blog p,
.manif p {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #394349;
    margin: 5px 0 0;
    padding: 0
}

#twitter iframe {
    width: 100%!important;
    height: 300px!important
}
.postinsta{
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    vertical-align: top;
    border: 3px solid #f7f7f7;
            }
#bloc-pop .tab-content,
#bloc-tbm .tab-content{
overflow-y: scroll;
    height: 356px !important;
}
#banner-insta img:first-child{
    width: 15%;
    margin: 2%;
    border-radius: 100px;
    border: 1px solid rgba(0,0,0,.0975);
    display: inline-block;   
}
#banner-insta{
    border: 1px solid rgba(0,0,0,.0975);
    text-align: center;
    margin-top: -10px;    
}
#banner-insta a{
display: inline-block;
    font-size: 20px;  
}

.postinsta img{
    width: 100%;
    height: 100%;
            }
.postinsta img:hover{
    opacity: 0.8;
}
.postinsta div{
    display: none;
    }
.postinsta p{
    border: 1px solid #e4e4e4;
    border-top: none;
    padding: 8px 15px;
}
#banner-insta a img {
width: auto;
    margin: 0;
    border-radius: 0px;
    border: none; 
}
.fr-caption{
                color: #000 !important;
            }
            .fr-caption mark{
            background: none;  
            font-size: 18px;    
            }
.fr-caption span,
.postinsta p span{
            color: #d50d0d;
            font-size: 20px; 
            }
            .fr-ui-outside .fr-info-background {
    background: #ffffff !important;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;          
}
            .fr-info-padder {
    padding: 15px 20px !important;
    font-size: 15px;
    line-height: 22px;
}
            .fr-content-element {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.postinsta.last-post{color: #fff;
    text-align: center;
    padding-top: 5%;
    font-size: 20px;
    line-height: 20px;
    background: #f09433;
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
  
#package article,
#promo article {
    padding-right: 0
}

#package img,
#promo img {
    border: 1px solid #E6007E;
    padding: 0
}

#modal-offre h2,
#modal-promo h2,
#package h2,
#promo h2 {
    font-size: 20px;
    font-weight: 700;
    color: #8d004c;
    margin-top: 0;
    margin-bottom: 0
}

#modal-offre p,
#modal-promo p,
#package p,
#promo p {
    font-size: 15px
}

#modal-offre .modal-body article,
#modal-promo .modal-body article {
    margin: 10px 0
}

#modal-offre .modal-body img,
#modal-promo .modal-body img {
    border: 1px solid #E6007E;
    padding: 0
}

#modal-offre .modal-body .link,
#modal-promo .modal-body .link {
    width: 97%;
    display: block;
    margin: 0 auto 15px;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 900;
    font-family: Oswald, sans-serif;
    background-color: #e6007e;
    border: none;
    letter-spacing: .04em
}
/*bloc-pop*/
.btn-plus {
    margin-top: 15px;
    display: block;
    padding: 5px 15px;
    position: absolute;
    background-color: #E6007E;
    color: #fff;
    bottom: 10px;
    right: 10px
}
#manif .btn-plus {
    position: relative !important;
    width: 150px !important;
    margin: 0 auto !important;
    margin-top: 40px !important;    
}
#lien-bas h3,
#show_more {
    background-color: #62717a
}

#bloc-contact form,
#footer,
#top-footer {
    position: relative
}

#lien-bas a {
    padding: 10px;
    text-align: center
}

#lien-bas h3 {
    color: #fff;
    font-family: Cuprum, sans-serif;
    font-size: 20px;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 4px 0;
    margin-bottom: 0
}

#footer aside strong,
#top-footer header ul li a {
    font-family: Oswald, sans-serif
}

#lien-bas a img {
    padding-right: 0
}

#lien-bas a p {
    text-align: left;
    font-size: 15px
}

#lien-bas a article {
    background-color: #fff;
    min-height: 120px;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px 0;
    border-bottom: 20px solid #62717a
}

#video {
    padding-left: 0!important
}

#carte {
    padding-right: 0!important
}

#top-footer {
    width: 100%;
    background-color: #E6007E;
    margin-top: 30px
}

#top-footer header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0
}

#top-footer header ul li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0;
    list-style-type: none
}

#top-footer header ul li a {
    display: block;
    color: #fff;
    font-size: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#footer {
    background-color: #292F33;
    padding-top: 30px
}

#footer .container {
    padding: 0
}

#footer ul {
    margin-top: 20px;
    padding: 0
}

#footer ul.bleu li,
#footer ul.rose li,
#footer ul.vert li {
    list-style-type: none;
    font-size: 20px;
    font-family: Oswald, sans-serif;
    background-repeat: no-repeat;
    background-position: 0 10px;
    padding-left: 15px;
    line-height: 20px;
    margin-bottom: 5px
}

#footer ul.rose li {
    background-image: url(../img/dot.rose.png);
    color: #E6007E
}

.dot-rose {
    background: url(../img/dot.rose.png) center left no-repeat;
    color: #fff
}

#footer ul.bleu li {
    background-image: url(../img/dot.bleu.png);
    color: #009fe3
}

#footer ul.vert li {
    color: #95c11f;
    background-image: url(../img/dot.vert.png)
}

#footer ul.bleu li:first-child,
#footer ul.rose li:first-child,
#footer ul.vert li:first-child {
    padding-left: 0!important;
    background: 0 0
}

#footer a {
    color: #fff;
    font-size: 15px
}

#footer aside {
    padding: 0;
    margin-top: 15px
}

#footer aside strong {
    font-weight: 700;
    font-size: 20px;
    color: #404D54
}

#footer aside article {
    border-radius: 3px;
    background-color: #394349;
    color: #fff;
    padding: 10px;
    font-family: Cuprum, sans-serif;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px
}

#first-filtre h1,
#pied h1,
.cat {
    font-family: Oswald, sans-serif
}

#bloc-contact form a {
    background-color: #292f33;
    border-radius: 0 3px 3px 0;
    color: #62717a;
    padding: 6px;
    z-index: 100;
    height: 32px;
    width: 32px;
    position: absolute;
    bottom: 0;
    right: 0;
    border: 1px solid #62717a;
    border-left: 1px solid #62717a
}

#footer form label {
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px
}

#footer form label:before {
    content: "";
    height: 30px;
    width: 30px;
    background-image: url(../img/sprite-ico-footer.png);
    position: absolute;
    left: 0;
    top: 5px;
    background-repeat: no-repeat
}

#footer form input[type=text] {
    border: none;
    display: inline-block;
    border-radius: 3px;
    width: 100%;
    padding: 6px 24% 6px 40px;
    background-color: #62717A
}

#footer form input:-moz-placeholder {
    color: #8b9296
}

input::-webkit-input-placeholder {
    color: #8b9296
}

input.placeholder {
    color: #8b9296
}

#footer form span {
    display: inline-block;
    z-index: 100;
    height: 32px;
    width: 32px;
    background-image: url(../img/user-label.png);
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0
}

#footer form input[type=submit] {
    background-color: #62717A;
    border: none;
    border-radius: 3px;
    color: #394349;
    padding: 6px 9px
}

#footer ul li {
    list-style-type: none;
    padding-left: 40px;
    margin-bottom: 10px
}

#avis,
#contact {
    display: block;
    line-height: 30px;
    background-image: url(../img/sprite-ico-footer.png);
    background-repeat: no-repeat
}

#avis {
    background-position: 0 -30px
}

#contact {
    background-position: 0 -60px
}

#social ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#social ul li {
    padding: 0 3%
}

#social ul li a {
    display: block;
    text-indent: -5000px;
    width: 30px;
    height: 30px;
    background-image: url(../img/sprite-social.png);
    background-repeat: no-repeat
}

#pied,
#pied .pull-right {
    width: 100%
}

#tw {
    background-position: -30px 0
}

#bg {
    background-position: -60px 0
}

#rss {
    background-position: -90px 0
}

#itg {
    background-position: -120px 0
}

#tameteo {
    display: block;
    margin: 0 auto
}

#footer footer section {
    border-top: 1px solid #565B5F;
    margin-top: 40px
}

#pied {
    position: relative;
    background-color: #000
}

#pied article {
    padding-left: 0
}

#pied section {
    color: #e5e5e5;
    min-height: 300px;
    padding-top: 40px
}

#end-link {
    padding-left: 20px!important;
    margin-top: 80px!important
}

#pied ul {
    padding: 0
}

#end-link li {
    margin-bottom: 0!important;
    margin-right: 10px!important;
    display: inline-block;
    list-style-type: none;
    padding: 0!important
}

#end-link li:nth-child(4) {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding: 0px 10px!important
}

#end-link li:first-child {
    display: none
}

#pied h1 {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px
}

#pied strong {
    font-weight: 100;
    line-height: 20px
}

#first-fiche,
#first-filtre {
    width: 100%;
    position: relative;
    z-index: 2;
    min-height: 60px;
    background-color: #101c27;
    border-radius: 3px 3px 0 0
}

#first-filtre form {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px
}

#first-filtre h1:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(../img/fleche-filtre.png) no-repeat
}

#first-filtre h1 {
    position: relative;
    width: 100%;
    height: 40px;
    margin: 10px 0 0;
    border-radius: 3px;
    background-color: #394349;
    border: none;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    cursor: pointer
}

#first-filtre article ul {
    display: none;
    position: absolute;
    z-index: 1;
    background: #8d004c;
    width: 360px;
    clear: both;
    color: #fff;
    padding: 20px 0
}

#first-filtre article ul li {
    display: block;
    font-size: 17px
}

#first-filtre article ul li a {
    color: inherit;
    display: block;
    padding: 5px 10px;
    border-radius: 3px
}

#first-filtre article ul li a:hover {
    background-color: #c00067
}

#disp {
    float: right;
    margin-top: 10px
}

#disp li {
    display: block;
    float: right;
    color: #7a8e99;
    margin-right: 10px
}

#disp .bouton-disp {
    width: 40px;
    height: 40px;
    background-image: url(../img/sprite-dsplay.png);
    background-repeat: no-repeat;
    text-indent: -5000px;
    cursor: pointer;
    opacity: .8
}

#disp .bouton-disp:hover {
    opacity: 1
}

.disp-grille {
    background-position: 0 -40px
}

.disp-carte {
    background-position: -40px -40px
}

.disp-liste {
    background-position: -80px -40px
}

.disp-active {
    opacity: 1!important
}

.disp-grille.disp-active {
    background-position: 0 0!important
}

.disp-carte.disp-active {
    background-position: -40px 0!important
}

.disp-liste.disp-active {
    background-position: -80px 0!important
}

#principal {
    background-color: #fff;
    overflow: auto;
    position: relative;
    width: 100%;
    min-height: 400px
}

.liste {
    padding: 10px 20px!important
}

.cat {
    color: #e6007e;
    font-weight: 700;
    width: 100%;
    font-size: 18px;
    margin: 0 0 10px;
    padding-top: 30px;
    padding-left: 15px
}

#fiche-side,
#filtre-side,
#template-side {
    padding: 0
}

#fiche-coordonnees div a,
#horaire-tarif a,
#template-content article a,
.mag .intro p a {
    color: #e6007e;
    border-bottom: 1px solid #ed9cc9;
    padding-bottom: 2px
}

#fiche-coordonnees div a.btn-click,
#horaire-tarif a.btn-click,
#template-content article a.btn-click,
.mag .intro p a.btn-click {
    border-bottom: none
}

#fiche-coordonnees div a:active,
#fiche-coordonnees div a:hover {
    color: #ad005f;
    border-bottom: 1px solid #ad005f
}

.filterlist {
    padding-bottom: 10px
}

#template-side {
    padding: 30px;
    font-family: Cuprum, sans-serif;
    font-size: 15px;
    color: #62717a;
    line-height: 20px;
    margin-bottom: 0
}

#filtre-side article h3,
#template-side article h3 {
    padding-left: 20px;
    font-size: 20px;
    text-transform: uppercase;
    color: #e6007e;
    font-weight: 800;
    padding-bottom: 20px;
    font-family: Oswald, sans-serif
}

#filtre-side article h4,
#not_found {
    font-size: 17px;
    font-family: Oswald, sans-serif;
    padding-left: 30px
}

#template-side article h3 {
    margin: 0 0 30px;
    padding-bottom: 0;
    text-transform: inherit;
    font-weight: inherit
}

#affine_btn,
#avoir_aussi h6,
#first-fiche h2,
#page_libre,
#first-filtre h2,
#promo-fiche strong,
#retour_fiche,
.grille .mark,
.liste .mark {
    text-transform: uppercase
}

#filtre-side article h4 {
    position: relative;
    background-color: #ebf0f2;
    color: #7a8e99;
    line-height: 40px;
    cursor: pointer
}

#filtre-side article h4:hover {
    background-color: #e3eaed;
    color: #394349
}

#filtre-side article h4:after {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 13px;
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(../img/plus-moins.gif);
    background-repeat: no-repeat;
    background-position: 0 -15px
}

#template-side img {
    margin-top: 10px;
    width: 100%
}

.btn-remove-from-my-selection {
    display: block!important;
    width: 30px;
    height: 30px;
    background: url(img/close.png) no-repeat;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: absolute!important;
    top: -10px;
    right: 10px;
    z-index: 100;
    cursor: pointer
}

#not_found {
    position: relative;
    color: #7a8e99;
    line-height: 30px;
    text-align: center;
    display: none;
    width: 100%;
    margin-bottom: 50vh
}

#template-side article .btn- {
    font-family: Oswald, sans-serif
}

#filtre-side article p,
#redac-page,
#template-content {
    font-family: Cuprum, sans-serif
}

.moins:after {
    background-position: 0 0!important
}

#template-content {
    font-size: 17px;
    color: #394349;
    line-height: 25px;
    padding: 20px 15px!important
}

#template-content ul li {
    margin-bottom: 8px
}

#template-content h1 {
    font-size: 2em
}

.bleu {
    color: #009fe3
}

.rose {
    color: #e6007e
}

.chapo {
    font-weight: 300;
    font-size: 1.2em;
    line-height: 1.4em
}

img.legende:after {
    display: block;
    padding: 5px;
    content: attr(alt);
    width: 50px;
    height: 5px
}

#template-content h2 {
    font-size: 1.5em;
    font-weight: 700;
    color: #009fe3
}
#template-content h3 {
    margin-top: 0px !important;
    font-size: 20px !important;
    font-weight: bold !important;
    color: rgba(57, 67, 73, 0.88) !important;
}

.filterlist {
    display: none
}

#filtre-side article p {
    font-weight: 700;
    color: #7a8e99;
    margin-bottom: 2px;
    position: relative;
    padding-left: 17%
}

#filtre-side article p label {
    margin-left: 10px
}

#filtre-side article p input,
#filtre-side article p label {
    display: inline-block;
    vertical-align: text-top;
    font-size: 15px;
    cursor: pointer
}

#filtre-side input[type=checkbox] {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    margin: 0;
    opacity: 0;
    z-index: 1
}

#filtre-side label {
    display: inline-block
}

#filtre-side label:before,
.checkbox label:after {
    content: '';
    display: block;
    position: absolute;
    left: 10%;
    top: 5%;
    background: 0 0
}

#filtre-side label:before {
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background: #e8e8e8;
    border: 1px solid #d0d0d0;
    border-radius: 3px
}

#filtre-side label:after {
    content: '';
    position: absolute;
    top: 12%;
    left: 11%;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    opacity: 0;
    pointer-events: none
}

#filtre-side input:checked~label:after {
    opacity: 1;
    background: url(../img/check.png) no-repeat
}

.idact16,
.idact6 {
    display: none!important
}

#social-buttons {
    text-align: center;
    padding: 20px 0;
    margin-top: 20px;
    border-top: 1px solid #cbcbcb
}

.manifestation-info {
    display: block;
    margin-bottom: 15px!important;
    line-height: 30px!important;
    padding: 5px 5px 5px 40px;
    border-radius: 3px;
    color: #394349
}

#manifestation-commune {
    margin: 0 0 10px;
    background: url(../img/manifestation-commune.png) 6px center no-repeat #ebf0f2
}

#manifestation-type {
    margin: 0 0 10px;
    background: url(../img/manifestation-type.png) 6px center no-repeat #ebf0f2
}

#manifestation-dates {
    margin: 0 0 10px;
    background: url(../img/manifestation-dates.png) 6px center no-repeat #ebf0f2
}

#lab-coup-de-coeur,
#lab-en-famille,
#lab-mauvais-temps,
#lab-reservation {
    background-image: url(../img/first-filtre-icon.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 20px;
    padding-left: 33px
}

#lab-en-famille {
    background-position: 0 -20px
}

#lab-mauvais-temps {
    background-position: 0 -40px
}

#lab-coup-de-coeur {
    background-position: 0 -60px
}

#filtre-side article p input:checked+label {
    color: #4c5d67
}

#reservation:checked+label {
    color: #B40083!important
}

#additionnel_famille:checked+label {
    color: #8db912!important
}

#additionnel_pluie:checked+label {
    color: #0b90ca!important
}

#additionnel_coupcoeur:checked+label {
    color: #E6007E!important
}

#redac-page {
    padding: 15px;
    width: 90%;
    margin: 25px auto 20px;
    color: #7a8e99;
    border-radius: 5px;
    border: 1px solid #62717a;
    border: 1px solid rgba(98, 113, 122, .5)
}

#affine_btn,
#sort-filtre label,
#sort-filtre select,
.grille h2 {
    font-family: Oswald, sans-serif
}

#redac-page p {
    margin: 10px 0
}

#principal main {
    padding-top: 10px;
    box-shadow: inset 2px 3px 5px rgba(0, 0, 0, .1)
}

#overlay {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    background-color: rgba(0, 0, 0, .3)
}

#principal main.main_listener {
    overflow-y: auto
}

#affine_btn:active,
#affine_btn:hover {
    color: #ff4daf
}

#affine_btn {
    font-size: 20px;
    color: #E6007E;
    font-weight: 800;
    display: none;
    cursor: pointer;
    margin-bottom: 15px
}

#affine_btn:before {
    content: "";
    display: inline-block;
    background: url(../img/entonnoir.png) center no-repeat #E6007E;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border-radius: 3px;
    vertical-align: bottom
}

#sort-filtre ul,
#sort-filtre ul li:active,
#sort-filtre ul li:hover {
    color: #7a8e99;
    background-color: #daddde
}

#sort-filtre {
    padding-right: 15px
}

#sort-filtre ul {
    display: none;
    width: 40%;
    position: absolute;
    right: 0;
    top: 32px;
    z-index: 5;
    padding: 10px 0;
    margin-left: 15px
}

.grille .mark,
.grille img,
.liste a {
    display: block;
    width: 100%
}
#agenda-communes .manifestation-info{
    margin: 0 0 10px;
    background: url(../img/manifestation-commune.png) 6px 5px no-repeat #ebf0f2;
    font-family: Cuprum, sans-serif;    
}
.post-agenda em{
    margin-top: 10px;
    display: block;   
}
.post-agenda h2{
    margin: 0 !important;    
}
.agenda{
padding-bottom: 10% !important;    
}

.agenda em{
    display: inline-block;
    font-size: 21px;
    color: #b1b1b1;
    padding: 0;
    font-family: Cuprum, sans-serif;
    margin-top: 10px;    
}
.agenda h1{
    margin-top: 0;   
}
#sort-filtre ul li {
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer
}

#sort-filtre label {
    color: #7a8e99;
    font-weight: 400;
    font-size: 15px;
    text-align: right
}

#sort-filtre p,
#sort-filtre span {
    display: inline-block;
    cursor: pointer
}

#sort-filtre select {
    border-radius: 3px;
    border: 1px solid #ebf0f2;
    padding: 5px 35px 5px 10px;
    color: #7a8e99;
    position: relative;
    background: url(../img/dropdown-bleu.png) right no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.grille .mark,
.liste .mark {
    text-align: center;
    color: #fff
}

#liste-fiche .mix {
    display: none
}

.grille article {
    border-radius: 3px;
    background-color: #ebf0f2;
    padding: 10px;
    font-weight: 800
}

.grille .mark {
    position: absolute;
    bottom: 0;
    font-weight: 400;
    padding: 3px 0
}

.grille .fiche {
    margin-bottom: 30px
}

.grille .resa span,
.liste .resa span {
    background-color: #e6007e;
    background-image: -webkit-linear-gradient(left, #e8003a, #93004e);
    background-image: linear-gradient(to right, #e8003a, #93004e)
}

.grille .promo span,
.liste .promo span {
    background-color: #009FE3
}

.grille .resa.promo span,
.liste .resa.promo span {
    background: 0 0;
    background-color: #009FE3!important
}

.grille article:active,
.grille article:hover {
    background: #d5dde0
}

.grille img {
    background: url(../img/img-lazy.gif) center no-repeat;
    min-height: 135px
}

.grille a article div {
    position: relative
}

.grille h2 {
    font-size: 17px;
    margin: 10px 0 0
}

.grille strong {
    font-size: 15px;
    font-family: Cuprum, sans-serif;
    opacity: .8;
    display: block;
    margin-top: 5px
}

.grille em {
    font-weight: 100;
    opacity: .9;
    font-size: .9em
}

.liste article:active,
.liste article:hover {
    background: #d5dde0
}

.liste a {
    float: none;
    padding: 2px;
    margin-top: 10px;
    border-radius: 3px;
    background-color: #ebf0f2
}

.liste article {
    border-radius: 3px;
    overflow: hidden
}

.liste div,
.liste h2,
.liste img,
.liste strong {
    display: inline
}

.liste img {
    width: auto;
    height: 45px
}

.liste h2 {
    font-family: Oswald, sans-serif;
    font-size: 17px;
    margin: 0 2px 0 15px
}

.liste strong {
    font-size: 15px;
    font-family: Cuprum, sans-serif;
    opacity: .8
}

.liste strong:after,
.liste strong:before {
    content: "-";
    margin: 0 10px;
    display: inline-block
}

#add_favorite:after,
#retour_fiche:after,
#retour_fiche:before,
.fiche_social:before {
    content: " "
}

.liste .mark {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    font-size: 14px;
    padding: 4px;
    width: 85px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px
}

#mapdisplay {
    position: relative;
    height: 600px;
    height: 70vh;
    width: 100%;
    overflow: hidden!important
}

.hide-map {
    opacity: 0;
    display: block;
    overflow: hidden;
    height: 0
}
.leaflet-container .leaflet-marker-pane img{margin: 0 !important}
.gm-style-iw img {
    width: 100%;
    display: block
}

.gm-style-iw a:hover {
    color: #8d004c
}

.gm-style-iw a {
    display: block;
    margin-top: 5px
}

.gm-style-iw p {
    margin: 0
}

#tag-filtre .tag {
    display: none
}

.inl-blk {
    display: inline-block!important;
    padding: 5px 10px
}

#tag-filtre p,
#tag-filtre ul li {
    color: #7a8e99;
    font-size: 15px;
    position: relative
}

#tag-filtre p {
    display: none;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #dadada
}

#tag-filtre ul li {
    display: inline-block
}

#nb-filter-check {
    background: #e6007e;
    border-radius: 2px;
    color: #fff;
    padding: 2px 4px;
    background-clip: padding-box;
    display: none;
    font-size: 12px;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: 1.3;
    min-height: 13px;
    margin-right: 5px;
    cursor: pointer
}

#fiche_resa,
#res,
.btn-rose {
    background-image: -webkit-linear-gradient(left, #e8003a, #93004e)
}

.noti-big {
    padding: 3px 6px!important
}

#tag-filtre ul {
    padding-left: 0
}

.tag label {
    margin-bottom: 0
}

#tag-filtre .tag {
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
    background-color: #ebf0f2
}

#tag-filtre .tag span {
    display: inline-block;
    margin-left: 8px;
    padding: 0 3px;
    border: 1px solid #ebf0f2
}

#tag-filtre .tag span:hover {
    color: #8b0000;
    cursor: pointer;
    border: 1px solid #8b0000
}

#tag-filtre .tag span:active {
    color: #ccc;
    background-color: #ebf0f2;
    border: 1px solid #ccc
}

#show_more {
    display: none;
    height: 40px;
    width: 100%;
    border: none;
    color: #fff;
    margin-bottom: 15px;
    font-size: 15px;
    border-radius: 3px;
    -webkit-transition: all .3s cubic-bezier(.53, -.01, .12, .51);
    transition: all .3s cubic-bezier(.53, -.01, .12, .51)
}

#dates input[type=submit],
#show_more {
    -webkit-transition: all .3s cubic-bezier(.53, -.01, .12, .51)
}

#show_more:active,
#show_more:hover {
    background-color: #7a8e99;
    color: #090a0b
}

#first-fiche a,
#retour_fiche:before {
    background-color: #e6007e;
    border-radius: 3px
}

#page_libre,
#first-fiche h2,
#first-filtre h2 {
    line-height: 30px;
    margin: 15px 30px 15px 20px;
    color: #e6007e;
    font-size: 20px;
    width: 40%;
    display: inline-block;
    font-weight: bolder
}

#template-content h2.titre-page-libre{
    color:#E6007E;
    font-size:1.6em;
}

#page_libre
.template-2 #first-fiche h2,
#page_libre{
    width: 60%
}

#first-fiche a {
    min-width: 140px;
    display: block;
    line-height: 40px;
    margin: 10px 30px;
    color: #fff;
    text-align: center;
    font-size: 15px
}

#retour_fiche:after,
#retour_fiche:before {
    position: absolute;
    left: 0;
    top: 0
}

#retour_fiche:before {
    width: 30px;
    height: 30px
}

#retour_fiche:after {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    margin-left: 10px;
    margin-top: 5px
}

#retour_fiche {
    position: relative;
    font-size: 20px;
    line-height: 50px;
    font-weight: 700;
    color: #e6007e;
    padding-left: 39px;
    margin-bottom: 10px;
    cursor: pointer
}

#fiche_resa,
.btn-rose {
    display: block;
    font-size: 20px;
    background-color: #000;
    margin-bottom: 10px!important
}

#fiche_resa,
#info_resa_promo ul li a,
#promo-fiche,
.btn-rose {
    border-radius: 3px;
    color: #fff
}

#fiche_resa,
#promo-fiche strong,
.btn-rose {
    text-align: center;
    font-weight: 400
}

.btn-rose {
    line-height: 40px;
    background-image: -webkit-linear-gradient(left, #e8003a, #93004e);
    background-image: linear-gradient(to right, #e8003a, #93004e)
}

#fiche_resa {
    line-height: 80px;
    background-image: -webkit-linear-gradient(left, #e8003a, #93004e);
    background-image: linear-gradient(to right, #e8003a, #93004e)
}

#fiche_resa img {
    margin-left: 10px
}

#fiche-side {
    padding: 10px 0
}

#info_resa_promo ul {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0 0 35px
}

#info_resa_promo ul li {
    padding: 0;
    width: 33.3334%;
    float: left
}

#info_resa_promo ul li:nth-child(1) {
    padding-right: 7px
}

#info_resa_promo ul li:nth-child(2) {
    padding: 0 7px
}

#info_resa_promo ul li:nth-child(3) {
    padding-left: 7px
}

#info_resa_promo ul li a {
    display: block;
    line-height: 40px;
    font-size: 17px;
    cursor: pointer
}

#inf {
    background-color: #e6007e
}

#res {
    background-image: -webkit-linear-gradient(left, #e8003a, #93004e);
    background-image: linear-gradient(to right, #e8003a, #93004e)
}

#pro {
    background-color: #009fe3
}

.if {
    display: none
}

.if.mark {
    display: block
}

#add_favorite,
#fiche-coordonnees,
#fiche_resa,
#horaire-tarif,
#promo-fiche,
#retour_fiche {
    margin: 0 30px;
    font-family: Oswald, sans-serif
}

#fiche-coordonnees *,
#horaire-tarif *,
#promo-fiche p {
    font-family: Cuprum, sans-serif
}

#promo-fiche {
    background-color: #005980
}

#promo-fiche strong {
    background-color: #009fe3;
    display: block;
    width: 100%;
    font-size: 17px;
    padding: 5px 10px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

#promo-fiche p {
    font-size: 15px;
    padding: 15px
}

#add_favorite:after {
    background: url(../img/star-select.png) no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    margin-left: 10px
}

#add_favorite,
#fiche-coordonnees strong,
#horaire-tarif strong {
    display: block
}

#add_favorite {
    text-align: center;
    background-color: #000;
    background-position: 221px 13px;
    color: #e6007e;
    font-size: 20px;
    border-radius: 3px;
    cursor: pointer;
    padding: 10px 0
}

#fiche-coordonnees *,
#horaire-tarif * {
    font-size: 15px;
    color: #62717a;
    line-height: 20px;
    margin-bottom: 0
}

#fiche-coordonnees div {
    margin-bottom: 15px
}

#fiche-coordonnees h2 {
    margin-bottom: 0;
    font-weight: 600
}

#fiche-coordonnees #facebook,
#fiche-coordonnees #twitter,
#fiche-website {
    border-radius: 3px;
    padding: 10px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    font-family: Oswald, sans-serif
}

#fiche-website {
    width: 100%;
    display: block;
    background-color: #009fe3
}

#fiche-coordonnees #facebook,
#fiche-coordonnees #twitter {
    margin-top: 10px;
    width: 49%;
    margin-bottom: 15px
}

.fiche_social:before {
    display: inline-block;
    width: 26px;
    height: 26px;
    background-image: url(../img/sprite-social-fiche.png);
    background-repeat: no-repeat;
    vertical-align: sub;
    margin-right: 10px
}

#facebook {
    float: left;
    background-color: #4d6697
}

#twitter {
    background-color: #1da1f2;
    float: right;
    width: 100%
}

#fiche-coordonnees #twitter:before {
    background-position: -26px 0!important
}

#horaire-tarif {
    margin-bottom: 70px;
    margin-top: 20px
}

.plus-fiche {
    padding-bottom: 30px
}

.collapse-fiche .plus-fiche {
    display: none;
    font-family: Cuprum, sans-serif;
    font-weight: 700;
    color: #7a8e99;
    margin-bottom: 2px;
    padding-left: 10%;
    position: relative
}

.collapse-fiche h4 {
    padding-left: 30px;
    position: relative;
    background-color: #ebf0f2;
    font-size: 17px;
    font-family: Oswald, sans-serif;
    color: #7a8e99;
    line-height: 40px;
    cursor: pointer
}

#main-fiche h1,
#texte-fiche,
.plus-fiche ul li {
    font-family: Cuprum, sans-serif
}

.collapse-fiche h4:hover {
    background-color: #e3eaed;
    color: #394349
}

.active-collapse-fiche {
    background-color: #e3eaed!important;
    color: #394349!important
}

.collapse-fiche h4:after {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 13px;
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(../img/plus-moins.gif);
    background-repeat: no-repeat;
    background-position: 0 -15px
}

.plus-fiche ul {
    padding: 0
}

.plus-fiche ul li {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 0
}

.plus-fiche ul li.img {
    display: inline-block;
    margin: 0 10px 10px 0
}

#main-fiche {
    padding: 10px 30px
}

#main-fiche h1 {
    font-size: 30px;
    font-weight: 700;
    color: #e6007e
}

#slider-fiche {
    margin: 0 0 20px;
    background: #292f33;
    background: -webkit-linear-gradient(top, #292f33 0, #171a1c 100%);
    background: linear-gradient(to bottom, #292f33 0, #171a1c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292f33', endColorstr='#171a1c', GradientType=0)
}

.bx-wrapper .bx-viewport {
    left: 0
}

.bx-wrapper {
    margin-bottom: 0
}

#bx-pager {
    padding: 0 5px 10px
}

#bx-pager a {
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px
}

.bx-controls-direction {
    display: none
}

.bxslider li img {
    width: 100%
}

#texte-fiche {
    font-size: 17px;
    color: #394349;
    line-height: 23px
}
#texte-fiche a{
    color: #e600a7;
    text-decoration: underline;
}
.double_col {
    text-align: justify;
    -moz-column-gap: 28px;
    -webkit-column-gap: 28px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 28px
}

#avoir_aussi div.twin,
.double_col {
    -webkit-column-count: 2;
    -moz-column-count: 2
}

#main-fiche #mapdisplay {
    margin: 20px 0
}

#avoir_aussi {
    margin-top: 20px
}

#avoir_aussi,
#avoir_aussi div {
    padding: 0
}

#avoir_aussi div:first-child {
    padding-right: 30px
}

#avoir_aussi article {
    background: #000;
    background: rgba(0, 0, 0, .8);
    padding: 20px;
    border-radius: 3px
}

#avoir_aussi h6 {
    color: #e6007e;
    margin: 0 0 20px;
    font-family: Oswald, sans-serif;
    font-weight: 700;
    font-size: 15px
}

#avoir_aussi div.twin ul {
    color: #fff;
    font-size: 15px
}

#avoir_aussi div.twin {
    text-align: left;
    display: block;
    width: 100%;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    column-gap: 20px
}

#avoir_aussi div ul {
    margin: 0 20px 20px 0!important
}

#avoir_aussi div:first-child ul li {
    text-transform: uppercase;
    font-weight: 600
}

#avoir_aussi div:first-child ul li a {
    display: block;
    font-weight: 400;
    text-transform: capitalize!important;
    background: url(../img/dot.rose.png) 0 6px no-repeat;
    list-style-type: none;
    font-family: Oswald, sans-serif;
    padding-left: 15px;
    line-height: 20px;
    margin-bottom: 5px;
    vertical-align: text-bottom
}

#avoir_aussi div:first-child ul li a.reservable {
    background: #e5003e;
    padding: 0 25px 0 10px;
    border-radius: 3px;
    display: inline!important
}

#plus-ville p {
    color: #fff
}

#plus-ville a {
    color: #e6007e
}

#dates form {
    padding-left: 10%;
    font-size: 15px;
    font-family: Cuprum, sans-serif;
    font-weight: 700;
    color: #7a8e99;
    text-transform: capitalize
}

.bouton-mag a,
.filters-title {
    font-family: Oswald, sans-serif
}

#filtre-theme h3,
.error-code:before,
.filters-title,
.modal-header h4 {
    text-transform: uppercase
}

#dates input[type=text] {
    background: #fafafa;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    padding: 5px;
    margin: 5px 0
}

#dates input[type=submit] {
    height: 40px;
    width: 90%;
    border: none;
    color: #62717a;
    margin-bottom: 15px;
    font-size: 15px;
    border-radius: 3px;
    background-color: #ebf0f2;
    -webkit-transition: all .3s cubic-bezier(.53, -.01, .12, .51);
    transition: all .3s cubic-bezier(.53, -.01, .12, .51)
}

#dates input[type=submit]:active,
#dates input[type=submit]:hover {
    color: #ebf0f2;
    background-color: #62717a
}

.bouton-mag a,
.modal-header {
    color: #fff;
    text-align: center
}

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

.mag img {
    width: 100%
}

.intro h3 {
    font-weight: 700;
    font-size: 18px
}

.intro p {
    font-weight: 400
}

.mag {
    background-color: #ebf0f2;
    padding: 15px 0;
    margin-bottom: 20px
}

.grille article.mag:active,
.grille article.mag:hover {
    background-color: #ebf0f2!important
}

.bouton-mag a {
    width: 100%;
    display: block;
    padding: 10px 0;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 15px
}

.down-doc {
    background-color: #009FE3
}

.com-doc {
    background-color: #96c11f
}

.contact-doc {
    background-color: #394349;
    font-size: 15px!important;
    font-weight: 400!important
}

.modal {
    z-index: 2001
}

.modal-header {
    border-bottom: 1px solid #e5e5e5;
    background-color: #101C27
}

.modal-backdrop,
.modal-body {
    background-color: #EBF0F2
}

.modal-body iframe {
    width: 100%;
    height: 400px;
    height: 70vh
}

.modal-header .close {
    color: #E6007E;
    opacity: 1;
    text-shadow: none
}

.modal-header h4 {
    margin: 0;
    color: #e6007e;
    font-size: 20px;
    display: inline-block;
    font-weight: bolder
}

.modal-header em {
    font-size: 13px;
    display: block;
    line-height: 16px;
    margin-top: 7px
}

.modal-backdrop {
    opacity: .8!important
}

div#demdoc-form label,
div#newsletter-form label {
    margin-bottom: 5px;
    font-weight: 700;
    width: 90px;
    text-align: right
}

div#demdoc-form input,
div#demdoc-form textarea,
div#newsletter-form input,
div#newsletter-form textarea {
    width: 75%;
    height: 40px;
    padding: 10px 5px 10px 10px;
    margin-left: 10px;
    color: #7a8e99;
    margin-bottom: 10px;
    font-size: 13px;
    border-radius: 3px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    display: inline-block;
    background-repeat: no-repeat;
    vertical-align: top;
    vertical-align: -webkit-baseline-middle
}

div#demdoc-form textarea,
div#newsletter-form textarea {
    height: 60px
}

#global form input[type=submit] {
    width: 97%;
    margin: 0 auto 15px;
    padding: 10px 0;
    color: #fff;
    background-color: #101c27;
    border: none;
    letter-spacing: .04em
}

#global form input[type=submit],
.bouton {
    font-family: Oswald, sans-serif;
    text-align: center;
    display: block;
    border-radius: 3px;
    font-size: 20px;
    font-weight: 900
}

#demdoc-form div ul {
    color: #bf0b0b;
    margin-bottom: 0
}

.bouton {
    padding: 10px 20px;
    color: #fff;
    margin-bottom: 15px;
    background-color: #009fe3;
    border: none;
    letter-spacing: .04em
}

.error h1 {
    font-size: 2.2em;
    font-weight: 700;
    color: #009fe3;
    display: inline-block;
    margin-bottom: 0
}

.error h2 {
    font-size: 1.5em;
    font-weight: 700;
    color: #292f33;
    margin-bottom: 10px
}

.error-code {
    padding: 20px;
    width: 100%;
    display: block;
    text-align: center;
    color: #292f33;
    font-size: 90px;
    font-weight: bolder;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    opacity: .4
}

.error-code:before {
    content: "erreur";
    display: block;
    font-size: 40px;
    line-height: 0;
    margin-top: 40px
}

.filters-title {
    padding-left: 20px;
    font-size: 20px;
    color: #e6007e;
    font-weight: 800;
    padding-bottom: 20px;
    margin-top: 20px;
    margin-bottom: 10px
}

.sidebar-toggle-trigger p {
    font-family: Cuprum, sans-serif;
    font-weight: 700;
    color: #7a8e99;
    margin-bottom: 2px;
    padding-left: 10%;
    position: relative
}

.filters-subtitle-header,
.filters-title-header {
    position: relative;
    font-size: 17px;
    font-family: Oswald, sans-serif;
    line-height: 40px;
    cursor: pointer;
    margin-bottom: 10px
}

.filters-title-header {
    padding-left: 30px;
    margin-top: 10px;
    background-color: #e6007e;
    color: #fff
}

.sidebar-toggle-trigger ul {
    padding: 0
}

.icon-dormir {
    background-color: #009FE3!important
}

.icon-decouvrir {
    background-color: #96C11F!important
}

.filters-subtitle-header {
    padding-left: 30px;
    background-color: #ebf0f2;
    color: #7a8e99;
    display: block
}

#filter-meuble ul li ul {
    padding-left: 7%
}

select#secteurs {
    background: #fafafa;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    padding: 5px;
    margin: 5px 7%;
    width: 80%
}

.infoBox,
.infoBox h1 {
    background-color: #fff!important
}

#filtre-theme h3 {
    line-height: 30px;
    margin: 15px 30px 15px 20px;
    color: #e6007e;
    font-size: 20px;
    display: inline-block;
    font-weight: bolder;
    width: 100%
}

.infoBox {
    width: 80%!important;
    padding: 0!important
}

.infoBox h1 {
    height: auto!important;
    padding: 20px;
    font-size: 20px
}

canvas {
    display: none!important
}

#pop_covid article{
    position: fixed;
    z-index: 100000000000000000;
    width: 50%;
    height: auto;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -25%;
    background-color: #fff;
    box-shadow: 0 0 40px 10px #000;
    padding: 20px 0px;
    border-radius: 5px;
}
#pop_covid {
    position: fixed;
    z-index: 1000000000000000000;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    background-color: #000000a8;
    display: block;
}
#pop_covid span{
position: absolute;
    width: auto;
    padding: 7px 9px;
    border-radius: 50px;
    color: #fff;
    font-weight: bolder;
    display: block;
    height: auto;
    font-size: 0.6em;
    top: -10px;
    right: -10px;
    text-align: center;
    background-color: #292f33;
    border: 1px solid #848383;
    cursor: pointer;
}
#pop_covid article h6{
    text-align: center;
    font-size: 1.8em;
    padding: 20px;
    font-weight: 700;
    text-transform: uppercase;
}
#pop_covid article h6:after{
    content: "";
    width: 15%;
    height: 2px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    background-color: #bdbbbb;    
}
#pop_covid article p{
    padding: 20px 15%;
    padding-top: 0px;
    text-align: center;
    font-size: 1.4em;
}
#pop_covid article p a{
    font-weight: bold;
    color: #e60780;    
}

/*promo-full*/
#principale_pop{display: none !important;}
principale_pop article a:active,
#principale_pop article a:hover{
    background-color: #515184;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#principale_pop article h3{
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 1.2em;
    margin-right: 20px;    
}
#principale_pop article pstrong{
    display: inline-block;
    font-size: 2em;
    font-weight: bold;
    vertical-align: middle;    
}
#principale_pop article a{
border: 1px solid #9b9a9a;
    padding: 10px 40px;
    border-radius: 50px;
    color: #525252;
    font-size: 0.8em;
    display: inline-block;
    margin-top: 5px;
    font-weight: 700;
    background-color: #fff;
    background-color: #ffffffb0; 
text-align: center;    
}
#principale_pop article a:after{display: none !important}
#principale_pop i{
    position: absolute;
    top: -10px;
    z-index: 1000;
    right: -10px;
    background-color: #fff;
    border-radius: 20px;
    font-size: 1.2em;
    padding: 2px;
    border: 1px solid #e2e2e2;
    cursor: pointer;
}
#principale_pop i{
    text-align: center;
    background: #393967;
    color: #fff;    
}
 
#principale_pop {
       font-family: 'Chivo', sans-serif;
    display: none;
    /* display: block; */
    position: fixed;
    top: 0;
    padding-top: 30px;
    z-index: 10000000;
    width: 100%;
    height: 100%;

}
#principale_pop article{
    width: 320px;
    background: #fff;
    position: relative;
    z-index: 10;
    margin: 0 auto;
    margin-top: 10%;
    padding: 40px 0 50px;
    text-align: center;
    box-shadow: -1px 1px 20px 0px #111129;
    border-radius: 5px;
}
#principale_pop article h3{
    font-size: 1.5em;
    margin: 0;
    line-height: 1em;
    margin: 30px 0 10px;
    opacity: 0.7;
    color: #393967;
}
#principale_pop article p{
    color: #393967;
    font-size: 1.2em;
    margin: 20px 0 20px;
    line-height: 1em;
}
#principale_pop article p strong{
    font-size: 4.5em;
    font-weight: 600;
    letter-spacing: -5px;
    line-height: 0.7em;
    text-align: center;
    margin-bottom: 20px;
    color: #393967;
    position: relative;
    display: block;   
}
#principale_pop article p em{
    font-size: 2em;
    letter-spacing: 1px;
    color: #6464a5;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
    margin-bottom: 10px;
    font-style: normal;
}
#overlay-promo {
    display: none !important;
    width: 100%;
    height: 100%;
    background: rgba(12, 12, 29, 0.8);
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
@media screen and (min-width: 500px){
    #principale_pop article { -webkit-transform: scale(1.3); transform: scale(1.3); }
}

/*promo-banner*/
#promo{
        display: none !important;
    height: 70px;
    font-family: 'Chivo', sans-serif;
    position: relative;
    top: 0;
    z-index: 100000;
    background-color: #fff;
    width: 100%; 
padding: 10px;   
box-shadow: -4px -8px 20px 2px #000000a3;    
}
#promo article{
    color: #515184;
margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;    
}
#promo article h3{
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 1.2em;
    margin:0;   
    margin-right: 20px; 
    margin-top: 5px; 
}
#promo i{
    position: absolute;
    top: 20px;
    right: 10px; 
    cursor: pointer;
}
#promo article p{display: inline; margin:0;}
#promo article p strong{
display: inline-block;
    font-size: 2em;
    font-weight: bold;
    vertical-align: middle;    
}

#promo article p strong:active,
#promo article p em:active,
#promo article p strong:hover,
#promo article p em:hover{
    background: transparent !important;
    color: #515184 !important;   
}

#promo article p a{
border: 1px solid #9b9a9a;
    padding: 10px 40px;
    border-radius: 50px;
    color: #525252;
    font-size: 0.8em;
    display: inline-block;
    margin-top: 5px;
    font-weight: 700;
    background-color: #fff;
    background-color: #ffffffb0; 
text-align: center;    
}
#promo article p a:hover,
#promo article p a:active{
    background-color: #515184;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#promo article p a:after{display: none !important}
#promo article p em{
display: inline-block;
    font-weight: 600;
    vertical-align: middle;
    margin-left: 5px;
    margin-right: 15px;
    line-height: 13px;   
}
#promo span{
font-size: 0.8em;
}

@media screen and (max-width: 600px){
    #promo article p{-ms-flex-negative: 0;flex-shrink: 0;}
    #promo article p a {display: block;margin-top: 8px;}
    .overlay ul li a {
    padding: 6% 0;
    font-size: 0.7em; 
} 
}

@media screen and (max-width: 500px){
    
        #promo article {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} 
    #promo article h3{margin-bottom: 5px;} 
}

/*promo-bottom*/
#cartouche{
        display: none !important;
    font-family: 'Chivo', sans-serif;
    display: none;
    position: fixed;
    z-index: 10000000;
    bottom: 20px;
    right: 20px;
    background-color: #fff;
    padding-top: 0;
    text-align: center;
    color: #515184;
    border-radius: 5px;
}
#cartouche article a{
    border: 1px solid #9b9a9a;
    padding: 10px 40px;
    border-radius: 50px;
    color: #525252;
    font-size: 0.8em;
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 20px;
    font-weight: 700;
    background-color: #fff;
    background-color: #ffffffb0;
    text-align: center;
}
#cartouche article a:hover,
#cartouche article a:active {
    background-color: #515184;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#cartouche article h3{
    font-weight: 100;
    margin: 0;
    padding: 30px 0 20px;
    color: #fff;
    background-color: #515184;
    font-size: 1.1em; 
    border-top-left-radius: 5px;
    text-transform: uppercase;
}
#cartouche article b{
    display: block;
    margin: 20px 25px 1px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: -10px;

}
#cartouche article p{
font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 20px 20px;
-webkit-box-align: flex-end;
-ms-flex-align: flex-end;
align-items: flex-end;  
    padding-top: 0;
}
#cartouche article p strong{
margin: 5px; 
display: inline-block;
    font-size: 2em;
    font-weight: bold;
    vertical-align: middle;    
}
#cartouche article p em{
    text-align: left;
}
#conditions i,
#principale_pop i,
#cartouche i{
    position: absolute;
    top: -10px;
    z-index: 1000;
    right: -10px;
    background-color: #fff;
    border-radius: 20px;
    font-size: 1.2em;
    padding: 2px;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    color: #393967;
}
#principale_pop article p b{
    display: block;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 1px;    
}