/* GENERAL */

* {
margin: 0;
padding: 0;
}

body,
input,
textarea,
h1,
h2,
h3,
h4,
h5,
h6
{
font-family: Arial, Verdana, Times, "Times new roman", serif;
font-size: 13px;
}

html {
color: #000;
background-color: #8f2924;
}

a {
color: #8f2924;
background-color: transparent;
text-decoration: none;
}

a:hover {
color: #8f2924;
background-color: transparent;
text-decoration: none;
}

img {
border: 0;
vertical-align: middle;
}

p {
text-align: left;
}

input {
padding: 1px 2px;
}

textarea {
padding: 2px;
}

.none {
position: absolute;
left: 0;
top: -1000px;
width: 1px;
height: 1px;
overflow: hidden;
}

.clear {
clear: both;
display: block;
height: 0px;
font-size: 0;
}

li {
list-style: none;
}



/* BLOKS */

.blok-liste-site {
overflow: hidden;
margin: 0 auto;
}

.blok-site {
float: left;
overflow: hidden;
}

.blok-site span.blok_image {
display: block;
}



/* CORPS */

div#corps {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
}

div#structure {
position: relative;
margin: 0 auto;
width: 1007px;
}



/* ENTETE */

div#entete {
width: 1007px;
height: 118px;
background: transparent url(../img/str-entete.png) no-repeat 0 0;
}



/* CONTENU */

div#kontent {
position: relative;
padding-top: 20px;
width: 1000px;
background: #fff url(../img/str-kontent.png) repeat-y 0 0;
     border-radius: 15px;
-moz-border-radius: 15px;
        box-shadow: 3px 3px 3px #000;
   -moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
}

div#kontent h1#titre_page {
padding: 30px 0 20px 0;
font-size: 3em;
letter-spacing: -1px;
color: #8f2924;
font-weight: normal;
}

div#kontent_bottom {
}



/* PIED DE PAGE + RETOUR HOME */

div#pied {
padding: 10px 10px 20px 10px;
font-size: .85em;
}

div#pied p,
div#pied a
{
color: #fff;
}

div#pied p.p1 {
width: 600px;
float: left;
}

div#pied p.p2 {
width: 300px;
float: right;
text-align: right;
}

p#retour_home a {
position: absolute;
display: block;
top: 0;
left: 0;
width: 188px;
height: 117px;
background: transparent url(../img/str-logo.png) no-repeat 40px 0;
}



/* BANDEAU */

div#bandeau_masque {
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 0;
overflow: hidden;
border-bottom: 1px solid #fff;
}

div#bandeau_masque div#bandeau_image {
position: absolute;
}



/* KOMPOZAN STRUCTURE */

/* espaces */

div#kpz-structure-espaces {
position: absolute;
top: 0;
left: 190px;
height: 118px;
}

div#kpz-structure-espaces a.espace {
display: block;
float: left;
margin-left: 16px;
width: 100px;
text-decoration: none;
font-family: "Convergence";
text-align: center;
}

div#kpz-structure-espaces a.espace:hover {
margin: 0 0 0 16px;
}

div#kpz-structure-espaces span.titre {
display: block;
height: 32px;
line-height: 32px;
color: #000;
font-size: 1.1em;
}

div#kpz-structure-espaces a.resto {
width: 140px;
}

div#kpz-structure-espaces a.resto:hover,
div#kpz-structure-espaces a.resto_active
{
color: #fff;
background-color: #8f2924;
     border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
     border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
}

div#kpz-structure-espaces a.resto span.titre {
font-size: 1.4em;
}

div#kpz-structure-espaces a.resto:hover span.titre,
div#kpz-structure-espaces a.resto_active span.titre
{
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}

div#kpz-structure-espaces a.resto span.baseline {
display: block;
padding-top: 15px;
height: 40px;
color: #000;
font-size: .85em;
background: #fff;
background: rgba(255, 255, 255, 0.6);
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
     border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
     border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
        box-shadow: 1px 1px 1px #000;
   -moz-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;
}

div#kpz-structure-espaces a.resto:hover span.baseline,
div#kpz-structure-espaces a.resto_active span.baseline
{
color: #fff;
background: #8f2924;
background: rgba(143, 42, 32, 0.5);
background: -moz-linear-gradient(top, rgba(143, 42, 32, 0.5), rgba(181, 69, 62, 0.5));
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(143, 42, 32, 0.5)), to(rgba(181, 69, 62, 0.5)));
}

div#kpz-structure-espaces a.cave:hover,
div#kpz-structure-espaces a.cave_active
{
padding: 0 0 10px 0;
background: #779d0d;
background: -moz-linear-gradient(top, #779d0d, #93c016);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#779d0d), to(#93c016));
border-bottom: 1px solid #fff;
     border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
     border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
        box-shadow: 1px 1px 1px #000;
   -moz-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;
}

div#kpz-structure-espaces a.boutique:hover,
div#kpz-structure-espaces a.boutique_active
{
padding: 0 0 10px 0;
background: #0a78ae;
background: -moz-linear-gradient(top, #0a78ae, #2eb2d4);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#0a78ae), to(#2eb2d4));
border-bottom: 1px solid #fff;
     border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
     border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
        box-shadow: 1px 1px 1px #000;
   -moz-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;
}

div#kpz-structure-espaces a.blog:hover,
div#kpz-structure-espaces a.blog_active
{
padding: 0 0 10px 0;
background: #ea9634;
background: -moz-linear-gradient(top, #ea9634, #f7af3a);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#ea9634), to(#f7af3a));
border-bottom: 1px solid #fff;
     border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
     border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
        box-shadow: 1px 1px 1px #000;
   -moz-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;
}

div#kpz-structure-espaces a.videos:hover,
div#kpz-structure-espaces a.videos_active
{
padding: 0 0 10px 0;
background: #bf048c;
background: -moz-linear-gradient(top, #bf048c, #da29aa);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#bf048c), to(#da29aa));
border-bottom: 1px solid #fff;
     border-bottom-right-radius: 15px;
-moz-border-radius-bottomright: 15px;
     border-bottom-left-radius: 15px;
-moz-border-radius-bottomleft: 15px;
        box-shadow: 1px 1px 1px #000;
   -moz-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;
}

div#kpz-structure-espaces a.espace:hover span.titre,
div#kpz-structure-espaces a.resto_active span.titre,
div#kpz-structure-espaces a.cave_active span.titre,
div#kpz-structure-espaces a.boutique_active span.titre,
div#kpz-structure-espaces a.blog_active span.titre,
div#kpz-structure-espaces a.videos_active span.titre
{
color: #fff;
}



/* colonne 2 */

div#kontent div.str_col2 {
float: right;
padding: 0 10px 20px 0;
width: 303px;
}

div#kpz-structure-col2 ul {
margin: 10px 20px 0 0;
}

div#kpz-structure-col2 li {
float: right;
margin: 0 20px 40px 0;
width: 100px;
height: 30px;
}

div#kpz-structure-col2 li a {
display: block;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
font-family: "Convergence";
font-size: 1.1em;
color: #fff;
background: #8f2924;
background: -moz-linear-gradient(top, rgba(181, 69, 62, 1), rgba(143, 42, 32, 1));
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(181, 69, 62, 1)), to(rgba(143, 42, 32, 1)));
border: 1px solid #fff;
     border-radius: 10px;
-moz-border-radius: 10px;
        box-shadow: 1px 1px 1px #000;
   -moz-box-shadow: 1px 1px 1px #000;
-webkit-box-shadow: 1px 1px 1px #000;
}

div#kpz-structure-col2 li a:hover {
background: #8f2924;
}

/* pied */

div#kpz-structure-pied {
position: relative;
margin-top: 40px;
width: 1000px;
height: 260px;
background: #fff;
background: -moz-linear-gradient(top, #fff, #ddd);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ddd));
     border-radius: 15px;
-moz-border-radius: 15px;
        box-shadow: 3px 3px 3px #000;
   -moz-box-shadow: 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px #000;
}

div#kpz-structure-pied h2 {
padding-left: 10px;
color: #8f2924 !important;
font-family: "Francois One" !important;
text-transform: uppercase;
font-size: 1.5em;
font-weight: normal;
}

div#kpz-structure-pied div.contact {
position: absolute;
top: 20px;
left: 8px;
width: 175px;
}

div#kpz-structure-pied div.nord {
position: absolute;
top: 20px;
left: 221px;
width: 175px;
}

div#kpz-structure-pied div.sud {
position: absolute;
top: 20px;
left: 433px;
width: 175px;
}

div#kpz-structure-pied div.boutique {
position: absolute;
top: 20px;
left: 658px;
width: 320px;
background: transparent url(../img/kpz-structure-pied-cartes.png) no-repeat right top;
}

div#kpz-structure-pied li.info {
padding: 20px 10px 5px 10px;
font-size: .9em;
color: #8f2924;
}

div#kpz-structure-pied li.adr {
padding: 20px 0 0 45px;
font-size: .9em;
color: #8f2924;
height: 45px;
background: transparent url(../img/kpz-structure-pied-adr.png) no-repeat 15px 20px;
}

div#kpz-structure-pied li.tel {
padding: 7px 15px 0 45px;
font-size: 1.2em;
color: #8f2924;
height: 23px;
line-height: 23px;
background: transparent url(../img/kpz-structure-pied-tel.png) no-repeat 15px 7px;
}

div#kpz-structure-pied li.gps {
padding: 20px 15px 0 45px;
font-size: .9em;
color: #8f2924;
height: 23px;
background: transparent url(../img/kpz-structure-pied-gps.png) no-repeat 15px 20px;
}

div#kpz-structure-pied li.lien a {
display: block;
padding: 20px 15px 0 45px;
height: 23px;
line-height: 23px;
font-size: 1.1em;
color: #333;
background: transparent url(../img/kpz-structure-pied-lien.png) no-repeat 15px 20px;
}

div#kpz-structure-pied li.lien a:hover {
color: #8f2924;
}

div#kpz-structure-pied li.cgv a {
line-height: 15px;
}



/* Compteur */

div.structure-compteur {
padding-right: 15px;
width: 615px;
height: 28px;
background: transparent url(../img/str-compteur-bkg.png) no-repeat 0 0;
}

div.structure-compteur a,
div.structure-compteur p
{
font-size: 1em;
color: #b7b6b6;
text-decoration: none;
}

div.structure-compteur a:hover {
color: #000;
}

div.structure-compteur span.structure-compteur-retour1-deb {
float: right;
display: block;
width: 30px;
height: 28px;
background: transparent url(../img/str-compteur-retour1-deb.png) no-repeat 0 0;
}

div.structure-compteur span.structure-compteur-retour1-fin {
float: right;
display: block;
width: 30px;
height: 28px;
background: transparent url(../img/str-compteur-retour1-fin.png) no-repeat 0 0;
}

div.structure-compteur a.structure-compteur-retour1 {
float: right;
padding: 0 5px;
background: transparent url(../img/str-compteur-retour1-bkg.png) repeat-x 0 0;
}

div.structure-compteur a.structure-compteur-retour1 span {
display: block;
padding: 0 5px;
height: 28px;
line-height: 28px;
}

div.structure-compteur span.structure-compteur-retour2-deb {
float: right;
display: block;
width: 30px;
height: 28px;
background: transparent url(../img/str-compteur-retour2-deb.png) no-repeat 0 0;
}


div.structure-compteur span.structure-compteur-retour2-deb-precedent {
float: right;
display: block;
width: 56px;
height: 28px;
background: transparent url(../img/str-compteur-retour2-deb-precedent.png) no-repeat 0 0;
}

div.structure-compteur span.structure-compteur-retour2-deb-precedent a {
display: block;
margin-left: 19px;
width: 20px;
height: 28px;
line-height: 28px;
font-weight: bold;
text-align: center;
}

div.structure-compteur span.structure-compteur-retour2-deb-retour1 {
float: right;
display: block;
width: 25px;
height: 28px;
background: transparent url(../img/str-compteur-retour2-deb-retour1.png) no-repeat right top;
}

div.structure-compteur .structure-compteur-retour2 {
float: right;
padding: 0 5px;
background: transparent url(../img/str-compteur-retour2-bkg.png) repeat-x 0 0;
}

div.structure-compteur .structure-compteur-retour2 span {
display: block;
padding: 0 5px;
height: 28px;
line-height: 28px;
}

div.structure-compteur span.structure-compteur-retour2-fin {
float: right;
display: block;
width: 30px;
height: 28px;
background: transparent url(../img/str-compteur-retour2-fin.png) no-repeat 0 0;
}

div.structure-compteur span.structure-compteur-retour2-fin-suivant {
float: right;
display: block;
width: 56px;
height: 28px;
background: transparent url(../img/str-compteur-retour2-fin-suivant.png) no-repeat 0 0;
}

div.structure-compteur span.structure-compteur-retour2-fin-suivant a {
display: block;
margin-left: 20px;
width: 20px;
height: 28px;
line-height: 28px;
font-weight: bold;
text-align: center;
}

div.structure-compteur ul.structure-compteur-liste_pages {
float: right;
padding: 0 5px;
height: 28px;
list-style-type: none;
background: transparent url(../img/str-compteur-retour2-bkg.png) repeat-x 0 0;
}

div.structure-compteur ul.structure-compteur-liste_pages li {
float: left;
height: 28px;
}

div.structure-compteur ul.structure-compteur-liste_pages li a,
div.structure-compteur ul.structure-compteur-liste_pages li div.points
{
display: block;
padding: 0 4px;
height: 28px;
line-height: 28px;
color: #b7b6b6;
}

div.structure-compteur ul.structure-compteur-liste_pages li a:hover,
div.structure-compteur ul.structure-compteur-liste_pages li.active a {
color: #000;
}

/* Puces et boutons */

.neutre_puce {
background-image: url(../img/str-puce-neutre.png);
}

.neutre_puce:hover {
cursor: pointer;
background-image: url(../img/str-puce-neutre-over.png);
}

.neutre_bouton {
border: 1px solid #a6a6a6;
background-image: url(../img/str-bouton-neutre.png);
}



/* coins */

span.coin-t {
position: absolute;
top: 0;
left: 0;
display: block;
width: 6px;
height: 6px;
background: transparent url(../img/str-coin-t.png) no-repeat 0 0;
}

span.coin-r {
position: absolute;
top: 0;
right: 0;
display: block;
width: 6px;
height: 6px;
background: transparent url(../img/str-coin-r.png) no-repeat 0 0;
}

span.coin-b {
position: absolute;
bottom: 0;
right: 0;
display: block;
width: 6px;
height: 6px;
background: transparent url(../img/str-coin-b.png) no-repeat 0 0;
}

span.coin-l {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 6px;
height: 6px;
background: transparent url(../img/str-coin-l.png) no-repeat 0 0;
}