/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Style Style Sheet - Defines the main look like colors and backgrounds
 * Not all style related CSS is included, only colors and backgrounds which may change for different theme styles
 */


/* Base
----------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-family: 'Acme', sans-serif;
    letter-spacing:1px;
}
a{
    color:#320809;
}

a.noir{
    color:#000000;
    font-weight:bold;
    font-family: 'Acme', sans-serif;
    letter-spacing:1px;
}
.breadcrumbs {
    overflow: hidden;
    color:#320809;
    margin-bottom:20px;
}
#page {
    background-image: url("../images/fond.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    -webkit-background-size: 2000px 1162px;
    background-color:#e7cfad;
}
#wrapper-footer {
    background-color: #ffffff;
    min-height:250px;
    border-top:2px solid #991e1b;
}
#main {
    min-height:250px;
}
#footer {
    margin-bottom:0px;
}
#footer-menu {
    width:990px;
    margin-left:auto;
    margin-right:auto;
}
#footer a.brun {
	color: #8a5503;
	font-weight:bold;
	font-family: 'Acme', sans-serif;
}
#footer a.bleu {
	color: #320809;
	font-weight:bold;
	font-family: 'Acme', sans-serif;
}
#footer a.rouge {
	color: #ac4202;
	font-weight:bold;
	font-family: 'Acme', sans-serif;
}
#footer a.noir {
	color: #000000;
	font-weight:bold;
	font-family: 'Acme', sans-serif;
}
#footer a {
	color: #000000;
	font-weight:normal;
}
#toolbar a {
	color: #ffffff;
	font-weight:normal;
}
#toolbar {
	color: #ffffff;
}
h1.title {
    font-size: 36px;
    line-height: 36px;
    color:#320809;
}
/* Layout
----------------------------------------------------------------------------------------------------*/
#header{
    margin-top:7px;
    margin-left:0px;
    margin-right:0px;
    }
#headerbar{
    margin:0px;
    }
#menubar{
    margin-top:-8px;
    font-family: 'Acme', sans-serif;
    }
#toolbar div.float-left{
    position:absolute;
    margin-top:-5px;
    margin-left:10px;
    }
#toolbar div.float-right{
    padding-right:5px;
    }
#carrousel{
    border: 10px solid #FFFFFF;
    margin-top: 103px;
    width:968px;
    background-color:#ffffff;
    }
#carrousel div.module{
    margin:0px;
    padding:0px;
    }
#carrousel .wk-slideshow{
    width:988px;
    }
.mod-box {
    border: 0px solid #DDDDDD;
    padding: 15px;
}
div.sets{
    background-color:#ffffff;
    margin-bottom:20px;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:5px;
    padding-right:5px;
    }
ul.set li{
    float:left;
}

ul.set article {
    margin: 0 5px;
}

#bottom-a table{
    margin-bottom:20px;
    border:none;
    }
#bottom-a .module{
    margin:0px;
    padding:0px;
    }
.spotlight .overlay{
    width:188px;
    }
#maininner{
    margin-top:10px;
    }
#bottom-a .photo{
    background-color:#ffffff;
    padding-top:10px;
    padding-left:10px;
    margin-bottom:10px;
}
.wk-gallery-wall.margin > * {
    margin: 0 10px 10px 0;
}
#video {
    margin-left: 767px;
    margin-top: -179px;
    position: absolute;
    z-index: 999;
    width:200px;
}
.wk-gallery-wall{
    margin-right:0px;
    width:960px;
}

/* Menus
----------------------------------------------------------------------------------------------------*/
.menu-dropdown li.active .level1 {
    color: #ffffff;
}
.menu-dropdown li.level1:hover .level1,
.menu-dropdown li.remain .level1 { color: #ffffff; }
.menu-dropdown a.level1, .menu-dropdown span.level1 {
    border: 0 solid #DDDDDD;
    color: #ffffff;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    height: 35px;
    line-height: 35px;
    padding: 5px 10px;
    font-family: 'Acme', sans-serif;
    font-size:24px;
}
li.item101{
	color: #ffffff;
	background-color:#8a5503;
	width:320px;
	height:50px;
	border:2px solid #ffffff;
	border-left:10px solid #ffffff;
	border-bottom:4px solid #ffffff;
}
li.item101 a.level1 span{
	width:320px;
	height:50px;
	padding:0px;
	margin:0px;
	text-align:center;
	padding-top:5px;
}
li.item117{
	color: #ffffff;
	background-color:#320809;
	width:320px;
	height:50px;
	border:2px solid #ffffff;
	border-bottom:4px solid #ffffff;
}
li.item117 a.level1 span{
	width:320px;
	height:50px;
	padding:0px;
	margin:0px;
	text-align:center;
	padding-top:5px;
}
li.item122{
	color: #ffffff;
	background-color:#ac4202;
	width:320px;
	height:50px;
	border:2px solid #ffffff;
	border-right:10px solid #ffffff;
	border-bottom:4px solid #ffffff;
}
li.item122 a.level1 span{
	width:320px;
	height:50px;
	padding:0px;
	margin:0px;
	text-align:center;
	padding-top:5px;
}
.menu-dropdown .dropdown {
    border-top: 1px solid #DDDDDD;
    top: 42px;
    margin-top:8px;
}


/* Modules
----------------------------------------------------------------------------------------------------*/
#carrousel .wk-slideshow-default .nav {
    margin-left: 550px;
    margin-top: -20px;
    position: absolute;
    text-align: right;
    width: 400px;
    z-index: 999;
}
div.content .wk-slideshow-default .nav {
    margin-top: 15px;
    text-align: right;
}

#sidebar-a ul.zoo-list {
    margin: 0;
    padding: 0;
    margin-top:-40px;
}

ul.zoo-list > li {
    border-top: 0px solid #DDDDDD;
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom:5px;
    font-family: 'Acme', sans-serif;
}
.zoo-item-list p.meta {
    color: #000000;
    font-size: 12px;
    font-style: normal;
    line-height: 14px;
    font-weight:normal;
    text-transform:Capitalize;
    font-family: 'Acme', sans-serif;
    letter-spacing:1px;
}
ul.zoo-list a {
    color:#2a5070;
    font-size:16px;
    font-weight:bold;
    font-family: 'Acme', sans-serif;
    letter-spacing:1px;
}
.zoo-item-list > li {
    display : list-item;
    list-style-image : url(puce.gif);
    padding-left:20px;
}
.element-date {
    text-transform:Capitalize;
}
li.item113{
    height:17px;
}
li.item113 .active{
    height:17px;
}




/* Tools
----------------------------------------------------------------------------------------------------*/


/* System
----------------------------------------------------------------------------------------------------*/


/* ZOO
----------------------------------------------------------------------------------------------------*/
#yoo-zoo .details h1.title {
    color: #320809;
    font-size: 36px;
    line-height: 36px;
    border-bottom: 0px solid #C8C8C8;
    margin-bottom:20px;
    font-family: 'Acme',sans-serif;
    letter-spacing:1px;
}
#yoo-zoo .details {
    border: 0px solid #C8C9CA;
    margin: 0 0 0px;
    padding: 0px;
}
#yoo-zoo .items h2.pos-title a {
    color: #320809;
    text-decoration: none;
}
.yoo-zoo a:link, .yoo-zoo a:visited {
    text-decoration: none;
    color: #320809;
}
#yoo-zoo .item h1.pos-title {
    border-bottom: 0px solid #C8C8C8;
    color: #320809;
    font-size: 36px;
    font-weight: normal;
    letter-spacing:1px;
    line-height: 36px;
    margin: 0 0 10px;
    font-family: 'Acme',sans-serif;
}
#yoo-zoo .item > div.meta {
    background: none;
    border-bottom: 0px solid #C8C8C8;
    border-top: 0px solid #C8C8C8;
    color: #000000;
    font-size: 12px;
    margin-top: 20px;
    overflow: hidden;
    padding: 0px;
}
#yoo-zoo .items h2.pos-title {
    font-size: 17px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    margin-bottom:10px;
}
div.element-date{
    padding-bottom:5px;
}
#yoo-zoo .items p.pos-links {
    margin: 0;
    margin-top:10px;
}
#yoo-zoo .categories h2.title {
    display:none;
}
#yoo-zoo .items div.pos-media {
    border: 6px solid #FFFFFF;
}
#yoo-zoo .items-separator {
    border-top: 1px solid #ffffff;
    padding-top: 20px;
}
#yoo-zoo .categories ul.sub-categories span {
    color: #320809;
    font-size: 11px;
}
#yoo-zoo .categories .category {
    padding: 10px 0 20px;
}
#yoo-zoo.business-default-secteur-leboutiller .items {
    margin: 40px -7px;
}
#yoo-zoo.business-default-secteur-charles-robin .items {
    margin: 40px -7px;
}
#yoo-zoo .details div.heading {
    border-bottom: 0px solid #323232;
    padding-bottom: 5px;
}
#yoo-zoo .items h1.pos-title a {
    color: #320809;
    text-decoration: none;
    font-size:17px;
    line-height:20px;
    letter-spacing:1px;
    font-family: 'Acme',sans-serif;
}
#yoo-zoo.blog-default .items div.pos-media {
    border: 0px solid #FFFFFF;
}
#system .title a {
    color: #320809;
    text-decoration: none;
    font-size:24px;
    letter-spacing:1px;
    font-family: 'Acme',sans-serif;
}
#yoo-zoo.business-default .items div.pos-description .element {
    margin-top: 7px;
    padding-left:180px;
}
#yoo-zoo.business-default .items div.teaser-item {
    overflow: hidden;
    padding: 0 7px;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px dotted #ffffff;
}
#yoo-zoo.business-default .items p.pos-links {
    margin: 10px 0 0;
    padding-left:180px;
}
#yoo-zoo.documentation-default .items div.teaser-item{
    overflow: hidden;
    padding: 0 7px;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:1px dotted #ffffff;
}
#yoo-zoo.documentation-default .items .row {
    padding-bottom: 5px;
}

/* shbp carte */
div#shbp_carte {
    float: left;
    height: 420px;
    overflow: hidden;
    width: 710px;
    z-index: 999;
    background-image:url(../images/carte.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    margin-left:-38px;
    }
   
div.shbpcartepopup {
    display: none;
    height: 800px;
    left: 200px;
    margin-bottom: 50px;
    margin-top: 305px;
    overflow: hidden;
    position: absolute;
    width: 650px;
    z-index: 100;
    }
    
div.popupcontent {
    background: #fff;
    padding: 10px;
    height:760px;
    width:630px;
  background-image:url(/images/carte.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    margin-bottom:30px;
    border-radius: 1em;
    box-shadow:3px 3px 3px 3px;
    }

/* shbp carte */

div#shbp_carte1 {
    position:absolute;
    height: auto;
    margin-left: 12px;
    margin-top: 20px;
    overflow: hidden;
    width: auto;
    z-index: 999;
}

div#shbp_carte2 {
    position:absolute;
    height: auto;
    margin-left: 427px;
    margin-top: 20px;
    overflow: hidden;
    width: auto;
    z-index: 999;
}

span.point1 {
    z-index: 101;
}
span.point1 a {
    position:absolute;
    cursor: pointer;
    height: 20px;
    margin-left: 420px;
    margin-top: 90px;
    position: absolute;
    width: 20px;
    z-index: 101;
}
span.point1 a:active{
   position:absolute;
   height: 20px;
    margin-left: 420px;
    margin-top: 648px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point1 a:focus{
    position:absolute;
    height: 20px;
    margin-left: 420px;
    margin-top: 648px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }

span.point2 a {
    position:absolute;
    cursor: pointer;
    height: 20px;
    margin-left: 505px;
    margin-top: 75px;
    position: absolute;
    width: 20px;
    z-index: 101;
}
span.point2 a:active{
   position:absolute;
   height: 20px;
    margin-left: 505px;
    margin-top: 633px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point2 a:focus{
    position:absolute;
    height: 20px;
    margin-left: 505px;
    margin-top: 633px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
    
span.point3 a{
    position:absolute;
    height: 20px;
    margin-left: 30px;
    margin-top: 165px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point3 a:active{
   position:absolute;
   height: 20px;
    margin-left: 30px;
    margin-top: 723px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point3 a:focus{
    position:absolute;
    height: 20px;
    margin-left: 30px;
    margin-top: 723px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }

span.point4 a{
    position:absolute;
    height: 20px;
    margin-left: 160px;
    margin-top: 150px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point4 a:active{
   position:absolute;
   height: 20px;
    margin-left: 160px;
    margin-top: 708px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point4 a:focus{
    position:absolute;
    height: 20px;
    margin-left: 160px;
    margin-top: 708px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }

span.point5 a{
    position:absolute;
    height: 20px;
    margin-left: 250px;
    margin-top: 210px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point5 a:active{
   position:absolute;
   height: 20px;
    margin-left: 250px;
    margin-top: 768px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point5 a:focus{
    position:absolute;
    height: 20px;
    margin-left: 250px;
    margin-top: 768px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }

span.point6 a{
    position:absolute;
    height: 20px;
    margin-left: 470px;
    margin-top: 150px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point6 a:active{
   position:absolute;
   height: 20px;
    margin-left: 470px;
    margin-top: 708px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point6 a:focus{
    position:absolute;
    height: 20px;
    margin-left: 470px;
    margin-top: 708px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }

span.point7 a{
    position:absolute;
    height: 20px;
    margin-left: 535px;
    margin-top: 67px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point7 a:active{
   position:absolute;
   height: 20px;
    margin-left: 535px;
    margin-top: 625px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point7 a:focus{
    position:absolute;
    height: 20px;
    margin-left: 535px;
    margin-top: 625px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
    
span.point8 a{
    position:absolute;
    height: 20px;
    margin-left: 565px;
    margin-top: 59px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point8 a:active{
   position:absolute;
   height: 20px;
    margin-left: 565px;
    margin-top: 617px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }
span.point8 a:focus{
    position:absolute;
    height: 20px;
    margin-left: 565px;
    margin-top: 617px;
    position: absolute;
    width: 20px;
  z-index: 101;
  cursor:pointer;
    }


div.cartepopup {
    display: none;
    height: 331px;
    margin-left: 0;
    margin-top: 0;
    overflow: hidden;
    width: 270px;
    z-index: 100;
}

div#shbppopup1 { }
div#shbppopup2 { }
div#shbppopup3 { } 
div#shbppopup4 { }
div#shbppopup5 { }   
div#shbppopup6 { } 
div#shbppopup7 { } 
div#shbppopup8 { }   
   
div.popupcontent1 {
    background-image: url("../images/fond_trans.png");
    background-repeat: no-repeat;
    height: 331px;
    margin-left: 0;
    padding: 10px;
    width: 250px;
}
div.popupcontent2 {
    background-image:url(../images/fond_trans.png);
    background-repeat:no-repeat;
    height: 331px;
    margin-left: 0px;
    padding: 10px;
    width: 250px;
}
div.popupcontent3 {
    background-image:url(../images/fond_trans.png);
    background-repeat:no-repeat;
    height: 331px;
    margin-left: 0px;
    padding: 10px;
    width: 250px;
}
div.popupcontent4 {
    background-image:url(../images/fond_trans.png);
    background-repeat:no-repeat;
    height: 331px;
    margin-left: 0px;
    padding: 10px;
    width: 250px;
}
div.popupcontent5 {
    background-image:url(../images/fond_trans.png);
    background-repeat:no-repeat;
    height: 331px;
    margin-left: 0px;
    padding: 10px;
    width: 250px;
}
div.popupcontent6 {
    background-image:url(../images/fond_trans.png);
    background-repeat:no-repeat;
    height: 331px;
    margin-left: 0px;
    padding: 10px;
    width: 250px;
}
div.popupcontent7 {
    background-image:url(../images/fond_trans.png);
    background-repeat:no-repeat;
    height: 331px;
    margin-left: 0px;
    padding: 10px;
    width: 250px;
}
div.popupcontent8 {
    background-image:url(../images/fond_trans.png);
    background-repeat:no-repeat;
    height: 331px;
    margin-left: 0px;
    padding: 10px;
    width: 250px;
}
    
div.popupcontent1 h3 {
    color: #22305a;
    font-weight: bold;
    border-bottom: dotted 2px #abb400;
    line-height: 20px;
    font-size: 12px;
    }

span.close a {
    cursor: pointer;
    float: left;
    width: 30px;
}  
.text-content1{
    line-height:16px;
    font-size:12px;
    font-family:Verdana, sans-serif;
}
.text-content1 p{
    margin-bottom:0px;
    margin-top:0px;
    height:138px;
}
.text-content1 a {
    color: #000000;
    float: left;
    font-family: Verdana,sans-serif;
    margin-bottom: -10px;
    padding-top: 5px;
    text-decoration: underline;
    width: 250px;
}
img.batiment{
    margin-left:-2px;
}  

#shbp_carte h1{
    font-size:12px;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:3px;
    font-family:Verdana, sans-serif;
    line-height:18px;
    margin-top:35px;
}  

span.fermer a {
    color: #D20402;
    line-height: 30px;
    margin-left: 55px;
    margin-right: 5px;
    margin-top: 0;
    text-align: right;
    width: 70px;
}   
span.close {
    float:left;
}  

a:not([class]):active,
a:not([class]):focus {
  position: relative;
  top: 0;
}

a:not([class]):active > *,
a:not([class]):focus > * {
  position: relative;
  top: 0;
}

.mini-carte {
    margin-left: -10px;
    margin-top: -45px;
    float:left;
}

span.toilet img {
    margin-left: 310px;
    margin-top: 235px;
    position: absolute;
}

span.toilet-resto-theatre {
    margin-left: 360px;
    margin-top: 100px;
    position: absolute;
}