/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */

/* Fond de page générale */

body {
    background: url('../images/fond.png') no-repeat top center
}

#page-bg {
    background: none
}

img {
    max-width:100%
}
/* Fond du bandeau header */

/* header {background: url('../images/header_fond.png')} */

header#logo {
}


/* Css pour articles */
.intro {
    text-align:center;
    font-weight:bold;
}
.SsTitre{
    font-weight:bold;
}

em {
    color:initial
}

/* Descendre le bloc Expo permanente */
.dvpt-exposition  {
    margin-top: 100px;
}

.custom-logo {
    background: url('../images/logo.png') no-repeat center center;
    margin-left: 52px;
    margin-top: 0px;
    height: 69px;
    width: 219px
}

#topmods {
    height:205px;
    float: right;
    margin-top: -123px;
}
.dvpt-logo-mp  {
    margin:0;
    width:50%;
    float:left
}

.dvpt-logo-malb {
    width:0
}

.logo-site-mp {
    background: url('../images/logo-site-mp.png') no-repeat;
    height: 92px;
    width: 92px;
    margin-left:220px;
    margin-top:30px
}
.module.social  {
    margin-top:3%;
    width:38%;
}

.dvpt-bande {
    padding:0 15px 0 0;
    margin:0;
    border:none;
    border-radius:0;
    /*background:url('../images/bande-site.png') no-repeat right;*/
    background: ghostwhite;
    text-align:right;
    text-transform:uppercase;
    line-height:36px;
    color:rgb(80,80,80);
}

/* Actualités */


@media(min-width: 768px){
    #innertop div.width100 {
        width:50%
    }
}

@media(max-width : 339px){
    .dvpt-actu {
        float: left;
        border: none;
        border-radius: 0;
        margin: 2vh 6vw;
        min-height: 265px;
        background-color: #FFF;
        width: 250px;
    }
}

@media(min-width : 340px) and (max-width: 767px){
    .dvpt-actu {
        float: left;
        border: none;
        border-radius: 0;
        margin: 2vh 16vw;
        min-height: 265px;
        background-color: #FFF;
        width: 250px;
    }
}

@media(min-width:768px){
    .dvpt-actu {
        float:left;
        border:none;
        border-radius:0;
        margin:10% 13.5%;
        min-height:265px;
        background-color:#FFF;
        max-width: 250px;

    }
}



.dvpt-actu > p {
    padding:0 15px 0 15px
}
.actu-titre {
    text-transform:uppercase;
    color:rgb(98,82,77)
}
.actu-pied {
    background:url('../../../images/biseau-actu.png') rgb(98,82,77) no-repeat right;
    line-height:30px;
    color:rgb(254,250,236);
    padding-left:15px
}
.actu-pied  a, .actu-pied  a:hover{
    color:rgb(254,250,236);
    text-decoration:none
}

/* DVPT - Module Réseaux sociaux */

div#dvpt-rzo-soc > ul {
    display: inline-flex;
    list-style-type: none;
    margin:0 auto;
    padding-right:38px;
    padding-top:5px;
}

div#dvpt-rzo-soc ul > li {
    float:left;
    padding: 5px;
}

div#dvpt-rzo-soc-cen ul {
    text-align: center;
    padding-left: 35%;
}

@media (max-width: 767px){
    div#dvpt-rzo-soc-cen ul {
        text-align: center;
        padding-left: 36%;
        display: inline-block;
    }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    .module.social {
        background-color:transparent
    }

    #dvpt-rzo-soc {
        text-align: center;
    }
}

/* Search Box
----------------------------------------------------------------------------------------------------*/
div.dvpt-search{
    margin-left: 18%;
}

.searchbox{
    width: 80%;
    border: none;
    background-color: #FFF;
    position: relative;
}

.searchbox input {
    width: 100%;
    padding-left: 15px;
    border: none;
    outline: none;
    background: none;
    border-radius: 12px;
}

.searchbox input::-ms-clear {
    display: none;
}

.searchbox button {
    display: none;
}
.searchbox.filled button {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    padding: 0;
    border: none;
    line-height: 0;
    cursor: pointer;
}
.searchbox.loading button {
}

/* Drop-Down Results */
.searchbox .results {
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 110;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.searchbox .results li.results-header,
.searchbox .results li.more-results {
    height: 35px;
    line-height: 35px;
    text-indent: 15px;
    text-transform: uppercase;
}

.searchbox .results li.more-results {
    cursor: pointer;
}

.searchbox .results li.result {
    padding: 10px 15px;
    cursor: pointer;
}

.searchbox .results li.result h3 {
    margin: 0 0 5px 0;
    font-size: 16px;
}

.searchbox .results li.result div {
    font-size: 11px;
}

.awesomplete {
    font-size : 1.2em;
    width : 100%;
}

.awesomplete > ul {
    margin: 1.6em 0 0;
    border: 1px solid rgba(0,0,0,.3);
    box-shadow: .05em .2em .6em rgba(0,0,0,.2);
    text-shadow: none;
    z-index: 999;
    color: black;
    background : white;
}

.awesomplete > ul > li{
    line-height: 100%;
    text-align: left;
}

.awesomplete > ul > li:focus{
    color : black;
    border-radius: .3em;
    outline : none;
    background : #83aecc;
}

.awesomplete > ul > li:hover{
    color : black;
    border-radius: .3em;
    outline : none;
    background : #83aecc;
}

.awesomplete > ul > li[aria-selected="true"] {
    background: #83aecc;
    color: black;
}

.awesomplete mark {
    background: #83aecc;
    padding : 0;
}

.awesomplete li:hover mark {
    background: #83aecc;
    padding : 0;

}

.awesomplete li[aria-selected="true"] mark {
    background: #83aecc;
    padding : 0;
    color: inherit;
}

/* Langues en mode images */
#toolbar .float-right .module  {
    margin:5px 0 0 15px;
    padding:0;
    border:none;
    border-radius:0
}
ul.lang-inline li {
    margin:0 auto;
    list-style-type: none;
}
.dvpt-language .posttext p {
    text-transform:uppercase;
    text-align:right;
    color:rgb(142,138,138);
    padding-right:15px;
    margin:12.5px 0 12.5px 0
}
ul.lang-inline li {
    display: inline;
    padding: 5px;
}   /* pour alignement horizontal */

/* Diaporama - Fullscreen */

.dvpt-diapo-full {
    margin:0;
    padding:0;
    background:none;
    border:none;
    border-radius:0
}

/* Carte - Accès au parc */

.dvpt-map {
    margin:0;
    padding:0;
    background:none;
    border:none;
    border-radius:0
}

/* Couleurs */

#sidebar-a {
    background-color:rgb(255,255,255)
}
#maininner {
    background-color:rgb(239,239,239)
}
#bottom-a {
    background-color:rgb(231,231,231)
}

a {
    color:rgb(163,44,64);
    text-decoration:none
}
a:hover {
    color:rgb(163,44,64);
    text-decoration:underline
}

.taupe {
    background:rgb(204,195,186);
    color:#FFF
}
.noir {
    background:#000;
    color:#FFF
}

/* Titre des modules */

.mod-box .module-title, .mod-box .module-title span.color {
    color:rgb(102,102,102)
}
.mod-box .module-title span.color {
    background:url('../images/title-grey.png') no-repeat;
    padding-left:25px
}

/* Fil d'ariane */

#breadcrumbs {
    margin:15px 0 10px 15px
}

.breadcrumbs {
    margin-left:0px;
    background:url('../images/home.png') no-repeat 0 25%;
    padding-left:25px
}

.breadcrumbs span, .breadcrumbs strong {
    text-transform:uppercase;
    color:inherit
}

/* Mise en page du bloc article */

section#content {
    margin:0 30px 0 30px
}

#maininner .content {
    width:100%
}

#maininner #system h1.title {
    margin-bottom:10px;
    color:#000;
    min-width:1%;
    display:inline-block;
    padding-right:25px
}
#system .title a {
    color:rgb(158,16,25)
}

/*#system .item > .links a {background:none; color:inherit}*/
#system .item > .links a {
    background:rgb(129,18,20);
    color:#FFF;
    padding:5px
}

#system .items .leading .item {
    border-bottom:2px solid rgb(204,195,186)
}
#system .items .item {
    border-top:2px solid rgb(204,195,186)
}

#system .item-list {
    border-top:none
}
#system .item-list h3 {
    margin-top:0
}

/* Liste  */

section#content ul {
    list-style-image:url('../../../images/puce.png')
}

/* Pagination */

#system .pagination strong {
    background-color:rgb(158,16,25)
}
#system .pagination a:hover {
    background-color:#000;
    color:#FFF
}

/* Pied de page */

#bottom-a div.grid-box {
    width:31%!important
}
#bottom-a .middle {
    border:0;
    margin:0 3% 0 3%
}

.dvpt-direct {
    height:125px;
    padding:15px 30px 0 30px;
    background-color:rgb(98,82,77);
    color:#FFF
}
.dvpt-direct-biseau {
    width:100%;
    height:30px;
    background-color:rgb(98,82,77)
}
.dvpt-direct-lien {
    background:url('../../../images/biseau.png') #FFF no-repeat left;
    color:#000;
    padding:0 15px 0 25px;
    line-height:30px;
    float:right
}
.dvpt-direct-lien > a, .dvpt-direct-lien > a:hover {
    color:#000;
    text-decoration:none
}

#bottom-b {
    font-size:11px;
    color:#333;
    margin-bottom:15px
}

#bottom-b .middle h3 {
    text-transform:uppercase;
    font-size:11px;
    font-weight:bold
}

#bottom-b .middle {
    border:none;
    margin-left:4%
}
#bottom-b .right {
    margin-left:5%
}
.dvpt-pied-liste ul li > a, .dvpt-pied-liste ul li > a:hover, .dvpt-pied-liste ul li > a:visited {
    color:#000
}
.dvpt-pied-liste ul {
    list-style-type:none;
    padding-left:0
}

p.dvpt-p-space {
    text-align:center;
    margin-left:8px
}

/* DVPT - Corps des articles */

div.dvpt-contenu-gauche {
    float:left;
    width:60%;
}

div.dvpt-contenu-droit {
    float:left;
    width:40%;
}

div.dvpt-contenu-diapo {
    width:286px;
}

div.dvpt-contenu-actus {
    background: url('../../../images/actualites_green.png') no-repeat;
    width:100%;
    padding-left:40px;
}

div.dvpt-contenu-actus > h2.title {
    padding-top:5px;
    padding-bottom:5px;
    font-style:italic;
    width:257px;
    border-top:1px solid rgb(179, 198, 50);
    border-bottom:1px solid rgb(179, 198, 50);
}

div.dvpt-devenirami {
    background: url('../../../images/articles/facebook.png') no-repeat;
    width:100%;
    color: rgb(57,86,167);
    font-weight:bold;
    padding-left:40px;
    margin-bottom:15px;
}

a.dvpt-devenirami-lien, a.dvpt-devenirami-lien:hover {
    color: rgb(57,86,167);
}

div.dvpt-infospratiques {
    background: url('../../../images/articles/infos.png') no-repeat;
    padding-left:40px;
    width:100%;
}

/* DVPT - Mise en forme Facebook */

.dvpt-facebook {
    margin:0 auto;
    border:none;
    background: url('../images/facebookbg.png') no-repeat top left;
}

div.dvpt-facebook.deepest > div {
    margin:20px 0 0 95px;
}

/* Menu principal */

#sidebar-a {
    width:29.5%
}
#maininner {
    width:70.5%;
    padding-top : 1%;
}

.sidemenu {
    margin:0;
    padding:0
}

.module.mod-box .menu-sidebar {
    width:100%;
    margin:0 0 15px 0
}

.menu, .menu  ul {
    text-transform:uppercase;
    list-style:none
}
.menu, .menu  ul > li, .menu-sidebar a.level1 > span, .menu-sidebar span.level1 > span {
    line-height:36px
}

.menu-sidebar a, .menu-sidebar li > span {
    color:#000
}
.menu-sidebar li:hover > a, .menu-sidebar li:hover > span.title, a.level1:hover {
    color:#000;
    text-decoration:none
}
.menu-sidebar li .title {
    font-size:100%;
    padding:0 50px 0 15px;
    border:none;
    text-align:right
}
.menu-sidebar li.level1:first-child .title {
    border:none;
    padding-top:0
}

.menu-sidebar li.level1 {
    text-align:right;
    border-bottom:1px solid rgb(241,239,237)
}
.menu-sidebar li.level1 > span {
    padding-right:30px
}

.menu-sidebar li.level1 span.level1.parent.active span.title,
.module .menu-sidebar li.level1.active > span,
.menu-sidebar li.active .level1,
.module .menu-sidebar li.level1:hover > span {
    color:#000;
    font-weight:normal
}

.module .menu-sidebar li.level2.active > a,
.module .menu-sidebar li.level2:hover > a,
.module .menu-sidebar li.level2.active > span,
.module .menu-sidebar li.level2:hover > span,
.module .menu-sidebar li.level3.active > span,
.module .menu-sidebar li.level3:hover > span,
.menu-sidebar a.level2:hover > span,
.menu-sidebar ul .current > span,
.menu-sidebar a.level2.current > span {
    color:#FFF;
    font-weight:normal
}

.menu-sidebar a.level3.current > span {
    color:#000
}

.menu-sidebar li.level1 {
    font-size:100%;
    margin:0
}
.menu-sidebar li.level1:first-child {
    margin-top:0
}

.menu-sidebar li.level1.active div {
    background-color:rgb(230,228,218);
    border-bottom:1px solid rgb(235,236,236)
}
.menu-sidebar li.level2 ul {
    background-color:rgb(247,247,247)
}

.menu-sidebar a.level1:hover > span,
.menu-sidebar span.level1:hover > span,
.menu-sidebar span.level1.active > span {
    color:#000;
    font-weight:normal
}

.menu-sidebar span.icon {
    height:38px;
    width:30px
}
.menu-sidebar li:hover .icon, .menu-sidebar li.active .icon {
    background-position:0 0
}

.menu-sidebar ul.level2 {
    list-style:none;
    width:100%;
    padding:0;
    margin:0;
}
.menu-sidebar li.level2 {
    border:none;
    color:#FFF;
    text-align:left;
    padding-left:8px;
    width: 100%;
}

.menu-sidebar ul.level3 {
    border:none;
}
.menu-sidebar ul.level2 ul {
    padding-left:0;
    width:278px;
    margin-left:-15px
}
.menu-sidebar ul.level3 span {
    text-transform:none;
    padding-left:30px
}

.module .menu-sidebar li.level1.active, .module .menu-sidebar li.level1.active:hover, .module .menu-sidebar li.level1:hover, .module .menu-sidebar li.level1:hover:first-child {
    background:url('../../../images/level1.png') no-repeat 100% 0;
    color:#000;
    border-bottom:1px solid rgb(241,239,237)
}
.module .menu-sidebar li.level2.active, .module .menu-sidebar li.level2:hover {
    background-color:#000;
    color:#FFF
}
.module .menu-sidebar li.level3.active, .module .menu-sidebar li.level3:hover, .module .menu-sidebar li.level3.current {
    background:url('../../../images/chevron.png') no-repeat 5% 50%;
    width:100%;
}

.wk-slideshow-default > div:hover .prev {
    left:0
}
.wk-slideshow-default > div:hover .next {
    right:0;
    left:0
}

.wk-slideshow-default > div:hover .prev {
    top:0%;
    width:20px;
    height:30px;
    margin-top:-20px;
    background:none
}
.wk-slideshow-default > div:hover .next {
    top:136px;
    width:20px;
    height:30px;
    margin-top:-20px;
    background:none
}

/* DVPT - Facebook - Posts dans un article */

.dvpt-article-facebook-posts {
    height:640px;
    padding:35px 0 0 16px;
    padding:35px 0 0 30px\9; /* Pour IE8 ! */
    margin:0 auto;
    border:none;
    background: url('../images/art_facebook_bg.png') no-repeat top center;
}

#maininner #system div.dvpt-infospratiques > h2.title {
    padding-top:5px;
    padding-bottom:10px;
    line-height:22px;
    font-style:italic;
}

div.dvpt-contenu-infos {
    padding-left:40px;
}

div.dvpt-contenu-manchette {
    width:228px;
}

div.dvpt-contenu-manchette > ul {
    list-style-type:none;
    padding-left:40px;
}

div.dvpt-contenu-manchette-titre {
    width:100%;
    border-bottom:1px solid rgb(236, 0, 104);
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    color: rgb(236, 0, 104);
}

div.dvpt-contenu-manchette li > p {
    margin:0 0 5px 0;
}

p.dvpt-manchette-soustitre {
    color: rgb(236, 0, 104);
    margin-top:5px;
}

.caption {
    text-align:center;
}

/* Module de news intégré à un article - DVPT */

div#dvpt-news-article div.lnd_more_ind > h5.module-title {
    display:none;
}

div#dvpt-news-article div.div_lnd_intro{
    border-top:none;
    border-bottom: 1px solid rgb(179, 198, 50);
    float: left;
    width: 100%;
    min-height: 35px;
    color: rgb(104, 97, 93);
}

div#dvpt-news-article div.div_lnd_intro div.lnd_head  > div.newstext {
    color: rgb(104, 97, 93);
}

ul.lnd_latestnews {
    list-style-type:none;
}

li.lnd_latestnews {
    margin-left:10px;
    border-bottom: 1px solid rgb(179, 198, 50);
    color: rgb(204, 153, 0);
    font-size: 90%;
}

.lnd_introdate{
}

.lndtitle{
    width: 17px;
    height: 17px;
    display: block;
    float: right;
    background-image: url(../images/news_readmore.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 5px;
    text-indent: -9999px;
    font-size: 0px!important;
}

.mod-box.dvpt-news-article a.showallnews{
    background-image: url(../images/show_all.png);
    background-repeat: no-repeat;
    background-position: right top;
    display: block;
    text-indent: -9999px;
    width: 28px;
    height: 28px;
    padding-left: 5px;
    float: right;
}

/* Fin module de news intégré à un article */

/* DVPT - Actualités - News */

body.dvpt-news #maininner #system .title {
    color:#EC0068;
}

body.dvpt-news #system .items .leading .item {
    padding-bottom:0;
    margin-bottom:5px;
}

/* Filtre */

.dvpt-filtre {
    margin:0 auto;
    border:none
}

.dvpt-filtre-titre {
    float:left;
    width:50%;
    font-size:18px;
    font-weight:bold;
    color:#EC0068;
    text-decoration:underline
}

.dvpt-filtre-lieu {
    float:left;
    width:50%
}

div.dvpt-filtre-date {
    float:right;
    width:21%;
    font-size:18px;
    font-weight:bold;
    color:#EC0068;
    margin:1% 4% 0 0;
    text-decoration:none
}

.dvpt-filtre-fleche {
    float:left;
    width:50%;
    text-align:center;
    padding-top:5px
}

/* Corps de l'article */

h1.dvpt-article-title {
    font-size:14px;
    line-height:15px;
    margin:0;
    padding:0;
}

h1.dvpt-article-title  > a {
    width:100%;
    font-size:18px;
    color:#B3C632;
}

.dvpt-article-flt-img {
    float:left;
    width:20%
}

.dvpt-article-flt {
    float:left;
    width:60%;
    padding:0 1% 0 1%
}

.dvpt-news-date {
    float:left;
    width:18%;
    color:#EC0068;
    font-weight:bold;
    text-align:right
}

/* Article complet */

.dvpt-news-images {
    float:right;
    padding-left:5px
}

/* Fin Actualités - News */

/* Titre pour le formulaire de contact */

div.componentheading {
    font-weight:bold;
    font-size:20px;
    color: #B4C732;
    line-height:22px;
    margin-bottom:10px;
}

/* Mur de vignettes
------------------------- */

div.dvpt-mur {
    float:left;
    width:33%;
    padding-bottom:15px;
    margin:0 auto;
    text-align:center;
}

div.dvpt-mur a > img {
    border:2px solid #B3C632;
}

div#dvpt-webtv {
    width:103%;
    margin:0 auto;
}

div.dvpt-video {
    float:left;
    width:150px;
    margin-right:4px;
    margin-left:4px;
    padding-bottom:15px;
    text-align:center;
}

div.dvpt-video a > img {
    border:2px solid #B3C632;
}

div.caption {
    font-weight:bold;
}

/* Diaporamas = Suppression des bordures ! */

.wk-slideshow-screen > div {
    position: relative;
    border-radius: 0px;
    background: none;
    padding: 0px;
    margin-bottom: 0px;
}

.wk-slideshow-screen > div:before {
    content: "";
    position: absolute;
    bottom: -40px;
    left: -10px;
    right: -10px;
    height: 76px;
    background: none;
}

/* Médiathèque */
/* ---------------- */

div.dvpt-retour {
    margin-top: 25px;
    clear:both;
    width:30%;
    margin-left:35%;
    background-color: #B3C632;
    border-radius: 4px;
    text-align:center;
    padding:4px
}

div.dvpt-retour > a {
    color: #FFF;
}
/* Plan du site */

.rsseo_title {
    margin-top:0
}

/* Onglets et accordéons dans les articles */

.nn_tabs_container, .nn_sliders_container  {
    width:100%
}

div.nn_sliders_slider {
    padding-top:10px
}

div.nn_tabs_nav li.nn_tabs_tab {
    background-color: rgb(235,236,236)!important;
    color:rgb(102,102,102)
}

div.nn_tabs_nav li.nn_tabs_tab.active a, div.nn_tabs_nav li.nn_tabs_tab.active a:hover {
    background-color: rgb(204,195,186);
    color: #FFF;
    cursor: default
}

div.nn_tabs_nav li.nn_tabs_tab a, div.nn_tabs_nav li.nn_tabs_tab a:hover {
    display: block;
    margin-right: 2px;
    padding: 8px 12px;
    /*border-radius: 4px 4px 0px 0px;*/
    border-radius:0;
    text-transform:uppercase
}

div.nn_tabs_nav li.nn_tabs_tab a:hover, div.nn_sliders_nav li.nn_sliders_slider a:hover {
    background-color: rgb(204,195,186);
    color: #FFF
}

div.nn_tabs_content {
    margin-bottom: 18px;
    padding: 8px 12px;
    /*border-radius: 0px 0px 4px 4px*/
    border-radius:0
}

/*div.nn_sliders_slider, */div.nn_sliders_slider a {
    background-color: #DDD; /*rgb(235,236,236);*/
    color:rgb(102,102,102);
    text-transform:uppercase;
    width:100%;
    margin:1px 0 0 0!important
}

div.nn_sliders_slider a, div.nn_sliders_slider a:hover {
    display: block;
    width: auto;
    /*border-radius: 4px 4px 4px 4px;*/
    border-radius:0;
    padding: 8px 15px
}

div.nn_sliders_slider a:hover {
    background-color: rgb(204,195,186);
    color: #FFF;
    border:2px solid rgb(204,195,186)
}

div.nn_sliders_slider.active a, div.nn_sliders_slider.active a:hover {
    background-color: rgb(204,195,186);
    border-radius:0;
    /* border-radius: 4px 4px 0px 0px;*/
    color: #FFF;
    border:2px solid rgb(204,195,186)
}

div.nn_sliders_content_wrapper div.nn_sliders_content {
    clear: both;
    /*border-radius: 0px 0px 4px 4px;*/
    border-radius:0;
    padding: 9px 15px;
    border:2px solid rgb(204,195,186)
}

/* Tableau dans les articles */

article.item table {
    width:100%;
    margin:0 auto;
    text-align:center;
    border:2px solid rgb(204,195,186)
}
article.item table td {
    color:#000;
    padding:5px;
    text-align:initial;
    border:1px solid rgb(235,236,236)
}
article.item table tr:first-child > td {
    background-color: rgb(204,195,186);
    color:#FFF;
    border:none
}

/* Mise en forme dans les articles */

p.dvpt-titre-item {
    background:url('../../../images/puce.png') no-repeat left;
    padding-left:35px;
    color:#000;
    font-size:125%;
    margin-left:-20px
}
div.dvpt-bouton {
    line-height:10px;
    width:192px;
    display:inline-block;
    padding:10px;
    margin:10px;
    text-transform:uppercase;
    text-align:center
}

div.dvpt-trait {
    border-bottom:2px solid rgb(204,195,186);
    line-height:2px
}

/* Module tripadivsor */
.mod_dvpt_tripadvisor{
    margin: auto;
    width: 170px;
}

.mod_dvpt_tripadvisor-excel{
    margin: auto;
    width: 200px;
}



/* Responsive 
----------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 960px) {

    .module.social {
        background-color:transparent
    }

    #dvpt-rzo-soc {
        text-align: center;
    }

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

    .contact-footer form.style div {
        width: 100%;
    }
    .contact-footer form.style input {
        width: 98%;
    }

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

    .contact-footer .width60 {
        margin-bottom: 15px;
    }

}

/* Only Phones */
@media (max-width: 767px) {

    .frontpage-teaser-1 h2,
    .frontpage-teaser-2 h2 {
        padding: 0 18%;
    }
    .frontpage-teaser-3 h2 {
        padding: 0 25%;
    }

    .contact-footer .grid-gutter > .grid-box > * {
        margin: 0 8px;
    }

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

    .frontpage-teaser-1,
    .frontpage-teaser-2,
    .frontpage-teaser-3 {
        height: 350px;
    }

    .frontpage-teaser-1 {
        background-position: 50% 80%;
    }
    .frontpage-teaser-2 {
        background-position: 50% 90%;
    }
    .frontpage-teaser-3 {
        background-position: 50% 60%;
    }

    .frontpage-teaser-1 h1,
    .frontpage-teaser-2 h1,
    .frontpage-teaser-3 h1 {
        font-size: 40px;
        line-height: 45px;
    }

    .frontpage-teaser-1 h1,
    .frontpage-teaser-2 h1 {
        margin-top: 10%;
    }

    .frontpage-teaser-3 h1 {
        margin-top: 15%;
    }

    .frontpage-teaser-1 h2,
    .frontpage-teaser-2 h2,
    .frontpage-teaser-3 h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .frontpage-teaser-1 h2,
    .frontpage-teaser-2 h2 {
        margin-top: 3%;
    }
    .frontpage-teaser-3 h2 {
        margin-top: 7%;
    }

    .contact-footer .grid-gutter > .grid-box > * {
        margin: 0 15px;
    }

    .module.social {
        width:100%;
        float: none;
    }
    .module.social {
        background-color:transparent;
    }

    #dvpt-rzo-soc {
        text-align: center;
    }

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

    .frontpage-teaser-1,
    .frontpage-teaser-2,
    .frontpage-teaser-3 {
        height: 240px;
    }

    .frontpage-teaser-1 {
        background-position: 50% 90%;
    }
    .frontpage-teaser-2 {
        background-position: 50% 95%;
    }
    .frontpage-teaser-3 {
        background-position: 50% 60%;
    }

    .frontpage-teaser-1 h1,
    .frontpage-teaser-2 h1,
    .frontpage-teaser-3 h1 {
        font-size: 30px;
        line-height: 32px;
        margin-top: 10%;
    }

    .frontpage-teaser-1 h2,
    .frontpage-teaser-2 h2,
    .frontpage-teaser-3 h2 {
        font-size: 12px;
        line-height: 17px;
        margin-top: 20px;
    }

    .contact-footer .box-content > .grid-box:first-child {
        border: none;
    }
    .contact-footer .grid-gutter > .grid-box + .grid-box > * {
        margin-top: 7px;
    }

    .module.social {
        width:100%;
        float: none;
    }
    .module.social {
        background-color:transparent;
    }

    #dvpt-rzo-soc {
        text-align: center;
    }

}


/* Responsive - DVPT */
/*******************/

@media (max-width: 959px) {

    #sidebar-a {
        width:100%
    }
    #maininner {
        width:100%
    }
    img {
        max-width:100%
    }

    #bottom-a div.grid-box {
        width:94%!important
    }
    #bottom-a > div {
        border:0;
        margin:3%
    }

    #header-responsive .logo, #header-responsive .searchbox {
        width:100%
    }
    #header-responsive {
        display:none
    }

    #toolbar, #logo, #topmods {
        display:inline
    }

    .logo-site-mp {
        margin-left:50px
    }

    #topmods {
        width:100%;
        margin:0
    }
    .module.social {
        width:100%
    }

    .dvpt-bande > p {
        font-size:80%
    }

    .searchbox .results {
        left: 1px;
        width:100%
    }    /* pour aligner côté gauche les résultats */
    .searchbox input {
        font-size: 0.75em
    }  /* pour police taille relative zone saisie recherche  : Body à 14, donc on devrait être à 7 */
    .searchbox {
        width:80%;
    }        /* pour allonger la zone de saisie */

}

/* Accordions */

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-state=open]:focus {
    background-color : #DDDDD !important;
    color : white;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions] > [data-rlta-element=button][data-rlta-state=open] {
    background-color: #CCC3BA !important;
    color : white;
    border-color: #CCC3BA;
    border-radius : 0;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:not([data-rlta-state=closed]):hover, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]), [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button]:not([data-rlta-state=closed]):hover {
    border-color: #CCC3BA;
}


[data-rlta-element=button]:hover {
    background-color : #CCC3BA !important;
    color : white;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:focus, [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button]:hover {
    background-color: #DDDDDD;
}

/* Accordions body */
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=panel], [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=panels]>[data-rlta-element=panel] {
    background: transparent;
    border: 1px solid #DDD;
    border-radius: 0px;
}


/* Closed accordions header */
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=accordions]>[data-rlta-element=button] {
    background-color: #DDDDDD;
    transition: background-color 200ms,border 200ms;
    border : 1px solid #DDDDDD;
    border-radius : 0;
}


/* Tabs */

/* Opened tab header and body */
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-positioning=top]
> [data-rlta-element=button-list] > [data-rlta-element=button]:not([data-rlta-state=closed]){
    background-color : #CCC3BA !important;
    color : white;
    border-color : #CCC3BA;
    border-radius : 0px;
}

/* Closed tab header */
[data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=neutral][data-rlta-type=tabs]>[data-rlta-element=button-list]>[data-rlta-element=button] {
    background : #DDDDDD;
    border-color : #DDDDDD;
        border-radius : 0px;
}