/* 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}
.wrapper {margin-bottom:15px}

/* Fond du bandeau header */

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

.custom-logo {background: url('../images/logo.png') no-repeat center center; margin:15% 0 0 5%; height: 133px; width: 235px}

#topmods {width:712px; height:205px} /* width = 960 - 248 */

.dvpt-logo-mp, .module.social  {margin:0; width:50%; float:left}
.logo-site-mp {background: url('../images/logo-site-mp.png') no-repeat; height: 68px; width: 68px; margin-top:98px}

/* DVPT - Module Réseaux sociaux */

div#dvpt-rzo-soc {
  width:40%;
  margin:0 30%
}

div#dvpt-rzo-soc > ul {
  width:100%;	
  list-style-type: none;
  padding-left:0
}

div#dvpt-rzo-soc ul > li {
  float:left;
  width:25%;
  text-align:center
}

div#dvpt-rzo-soc > img {vertical-align:middle}

div.dvpt-clear {
  clear:both;
}

/* DVPT - Recherche */

div.dvpt-search {margin-top:5%; margin-left:18%}

.searchbox {width:65%; padding-left:5%; border:none; background-color:#FFF}
.searchbox .results li.results-header, .searchbox .results li.more-results {
  font-size: 12px; 
  text-align:center; 
  background-color: rgb(151,37,73);   /* pour inverser le titre */
  color: rgb(255,255,255); 
  margin: 5px;    /* pour décaler le titre (bordure blanche) */
}
.searchbox .results li.more-results:hover {color: rgb(255,255,255)}
.searchbox .results li.result:hover, .searchbox .results li.result.selected {background-color:rgb(244,247,252); color:#000}
.searchbox .results {
  background-color: #FFF; 
  color: rgb(151,37,73); 
  border:1px solid rgb(151,37,73); 
  box-shadow: 4px 4px 6px rgb(195, 198,202); 
  width:300px;  /* Taille du cadre des résultats de recherche */
  top: 30px;  /* Pour éloignement des résultats de la zone de saisie */
}

/* Langues */

.dvpt-language {margin:0; padding:0; background-color:#000; border:none; border-radius:0}
div.mod-languages ul {float:left; width:50%; padding-left:15px}
ul.lang-inline {margin:0 auto}
.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}

/* 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 0 15px 0; padding:0; background:none; border:none; border-radius:0}
.dvpt-map > div {border:none; margin:0 auto; text-align:center}

/* Annonce */

.dvpt-annonce {border-radius:0; color:#000; border:3px solid rgb(163,44,64); margin-bottom:-15px}
.dvpt-annonce p {font-size:110%}

/* Couleurs */ 

#sidebar-a {background-color:rgb(255,255,255)}
/*#maininner {background-color:rgb(254,254,254); color:rgb(177,178,180)}*/
#maininner {background-color:rgb(254,254,254); color:rgb(150,150,150)}
#bottom-a {background-color:transparent /*rgb(231,231,231)*/}

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

em {color:inherit}

/* rgb(153,5,14) - Bordeau - PUCE */

.bordeau {background:rgb(129,18,20); color:#FFF}
.noir {background:#000; color:#FFF}

/* Titre des modules */ 

h3 {font-size:100%}

.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 0 50%; padding-left:25px}

.mod-box .module-title {margin-left:20px}

/* 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}

/* Lien - Association des amis du Parc */

.dvpt-amis {padding:0; background:url('../images/header_fond.png') no-repeat; border-radius:0; width:60%; margin-left:20%; border:none}
.dvpt-amis a, .dvpt-amis a:hover {text-decoration:none; color:#000}
.dvpt-amis span {padding-left:15px; font-size:150%; text-align:center}

/* Flux RSS */

.dvpt-rss {margin:0 0 15px 30px; padding:0; background:none; border:none; border-radius:0}
.dvpt-rssa, .dvpt-rss a:hover {text-decoration:none; rgb(163,44,64)}
.dvpt-rss span {font-size:150%}

/* 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:rgb(158,16,25); min-width:1%; display:inline-block; padding-right:25px; background:url('../images/title-grey.png') no-repeat 100% 50%}
#system .title a {color:rgb(158,16,25)}

#system .item > .links {margin-top:0}
#system .item > .links a {background:rgb(129,18,20); color:#FFF; padding:5px}

#system .items .leading .item {border-bottom:2px solid rgb(158,16,25)}
#system .items .item {border-top:2px solid rgb(158,16,25)}

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

/* ReadSpeaker */

.rsbtn {float:right; margin-top:-35px}

/* 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, .searchbox .results {background-color:#000; color:#FFF}

/* Pied de page */

#bottom-a:before, #bottom-b:before {margin:0}

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

/* Menu principal */

.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:#FFF; text-decoration:none}
.menu-sidebar li .title {font-size:100%; padding:0 0 0 15px; border:none}
.menu-sidebar li.level1:first-child .title {border:none; padding-top:0}

.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,
.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 ul .current > span {color:#FFF; font-weight:normal}

.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(247,247,247); 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,
.menu-sidebar a.level2:hover > span, 
.menu-sidebar a.level2.current > span {color:#FFF; font-weight:normal}

.menu-sidebar span.icon {height:16px; width:31px}
.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; width:100%}
.menu-sidebar .level2 a > span {font-size:100%}
.menu-sidebar .level2.parent > span {line-height:21px}

.menu-sidebar ul.level3 {border:none}
.menu-sidebar ul.level2 ul {padding-left:0}
.menu-sidebar ul.level3 span {text-transform:none; font-size:90%; padding-left:15px}

.module .menu-sidebar li.level1.active, .module .menu-sidebar li.level1:hover {background-color:#000; color:#FFF}
.module .menu-sidebar li.level2.active, .module .menu-sidebar li.level2:hover, .module .menu-sidebar li.level2.active > a {background-color:rgb(134,8,16); color:#FFF}
.module .menu-sidebar li.level3.active, .module .menu-sidebar li.level3:hover, .module .menu-sidebar li.level3.current {background:url('../images/menu-large-bordeau.png') no-repeat left; width:105%}

/* Diaporamas */

.wk-slideshow-screen > div:hover .prev {left:0; background-color:rgb(254,254,254)}
.wk-slideshow-screen > div:hover .prev:hover {left:0; background-color:rgb(129,18,20)}

.wk-slideshow-screen > div:hover .next {right:0; background-color:rgb(254,254,254)}
.wk-slideshow-screen > div:hover .next:hover {right:0; background-color:rgb(129,18,20)}

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

/* Pour masquer l'ombre en dessous du diaporama */

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

.caption {
  text-align:center;
}

/* PopUp - JCE MediaBox */

#jcemediabox-popup-page h1 {font-size:125%; color:rgb(158,16,25)}

a.jcepopup span.jcemediabox-zoom-image {bottom:0}
#jcemediabox-popup-caption p {background:url('../images/title-grey.png') no-repeat 0 50%; padding-left:25px}

/* Zoom Image - Loupe */

img#zoom {width:100%}

/* Actualités */

#innerbottom div.width100 {width:50%}

.dvpt-actu {border:none; border-radius:0; margin:0; padding:0; height:312px}
.dvpt-actu .view {float:left; width:40%; margin:2.5% 2.5% 0 2.5%; padding:2.5% 2.5% 0 2.5%}
#innerbottom div.width100 .dvpt-actu .view {width:90%}

.actu-image {height:222px; margin:0 auto; text-align:center}
.dvpt-actu img {margin:0 auto; text-align:center}
.actu-titre {float:left; text-transform:uppercase}
.actu-date {float:right; color:rgb(167,66,71)}
.actu-trait {height:20px; width:25px; border-bottom:2px solid #000}

.dvpt-actu p {clear:both; color:#000; margin-top:5px}

.dvpt-actu a.jcepopup span.jcemediabox-zoom-link {display:none}

/* Formulaire de contact */

div.componentheading {
  font-weight:bold;
  font-size:20px;
  color:rgb(158,16,25);
  line-height:22px;
  margin:15px 0 15px 0;
}

input[type='button'], input[type='submit'], input[type='submit'], .rsform-submit-button, .rsform-reset-button {padding:5px; margin:15px 15px 0 0}

.inscription {margin:-29px 0 0 23px; padding:0 0 0 15px; border:none; background:url('../../../images/puce.png') no-repeat left}
.inscription > ul {list-style-type:none; padding-left:22px}

/* Mur de vignettes */

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

div.dvpt-mur a > img {
  border:2px solid rgb(174,17,29);
  width:225px
}

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 rgb(174,17,29);
}

div.caption {
  font-weight:bold;
}

/* Médiathèque */

div.dvpt-retour {
  margin-top: 25px;
  clear:both;
  width:30%;
  margin-left:35%;
  background-color: rgb(174,17,29);
  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_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(174,17,29);
  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(174,17,29);
  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: rgb(235,236,236); color:rgb(102,102,102); text-transform:uppercase; width:100%; margin:10px 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(174,17,29); color: #FFF; border:2px solid rgb(174,17,29)}

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

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(174,17,29)
}

/* Tableau dans les articles */

article.item table {width:100%; margin:0 auto; text-align:center; border:2px solid rgb(174,17,29)}
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(174,17,29); 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(158,16,25);line-height:2px}

/* Responsive - DVPT */

@media (max-width: 959px) {

header#header {background:none}

img {max-width:100%}

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

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

.custom-logo {width:100%; margin:5% 2%}

#header-responsive .social, #logo {display:none}
#toolbar, #topmods {display:inline}

.logo-site-mp {margin:auto; text-align:initial}
.dvpt-logo-mp {margin:0 auto; width:100%; float:none}

#topmods {width:100%; margin:0 0 5% 0; height:100%}
.module.social {width:100%; padding:0; float:none}

div#dvpt-rzo-soc {width:30%; margin:0 35%}

div.mod-languages ul {width:30%; padding-top:10px}
.dvpt-language .posttext p {font-size:80%}

.mod-box.sidemenu {width:288px; margin:auto; padding-top:5%}

.dvpt-map {display:none}
.dvpt-accueil .dvpt-map {display:inline}

section#content {margin:10%}

.dvpt-amis {width:90%; margin-left:5%; margin-top:-30px}
.dvpt-amis span {padding-left:10px; font-size:100%}

#innerbottom div.width100 {width:100%}

.dvpt-actu {float:left; border:none; border-radius:0; margin:2.5% 2.5% 0 2.5%; padding:2.5% 2.5% 0 2.5%; height:initial}
.dvpt-actu .view {width:90%}

#maininner #system h1.title {margin-top:2%}
#system .items :first-child .item:first-child {border-width:2px}

#system .item > .links {margin:15px 0}
#system .item-list {margin-top:5%}

.searchbox .results {left: 1px; width:100%}
.searchbox input {font-size: 0.75em}
div.dvpt-search {width:80%; margin-left:10%}
.searchbox {width:100%; padding:0 0 0 5%}

.searchbox.filled button {height:25px; background-position:right 50%}

}