/*
Theme Name: le28Thiers
Theme URI: http://www.wokine.com
Description: 
Version: 1.0
Author: Wokine
*/


#thecssawards{ 
   position:absolute; top:20px; right:0px; z-index:555;


} 
#thecssawards a{ 

    
    width:69px; 
    height:105px; 
    text-indent:-8000px; 
    display:block; 
    background:url(images/award_day_black.png) no-repeat;  
    
} 

/*-------------------------------------------
 Formatage des style prédéfini
-------------------------------------------*/
*{
    padding:0;
    margin:0;
}
ul, ol{
    list-style: none;
}
p, ul, ol{
    padding-bottom: 20px;
}
textarea{
    overflow:auto
}
a{
    color:#6b6e12;
    text-decoration: none;
    outline: none;
}
a:hover{
    text-decoration: underline;
}
.a-left{
    float:left
}
.a-right{
    float:right
}
label{
    cursor: pointer;
}
table{
    border-collapse:collapse
}
table td{
    vertical-align: top;
}
table.middle td{
    vertical-align: middle;
}
.clearer{
    clear:both;
    width:100%;
    float:left;
}
html, body{
   
}
body{
    background: url(images/body/fond-repeat-content.jpg) top left repeat-x #170a09;
    font-family: arial;
    font-size:12px;
    color:#fff;
  
    
}

body.home{
    background: url(images/body/fond.jpg) top left repeat-x #170a09;
}
body.page-id-5{
    background: url(images/body/fondbar.jpg) top left repeat-x #170a09;
}
body.page-id-7{
    background: url(images/body/fond-repeat-restaurant.jpg) top left repeat-x #170a09;
}



h1,h2,h3,h4,h5{
    font-weight:normal
}




#decor{
    position: absolute;
    top:135px;
    right:0;
}
.page-id-13 #decor{
    width:374px;
    height:272px;
    background: url(images/decor/contact.png);
}
.page-id-11 #decor{
    width:384px;
    height:208px;
    background: url(images/decor/privatiser.png);
}
.page-id-9 #decor{
    width:378px;
    height:198px;
    background: url(images/decor/reserver.png);
}

.home #decor{
    width:608px;
    right:-100px;
    top:50px;
    height:480px;
    background: url(images/decor/accueil.png);
}
/*------------------------------------------------
Bouton
------------------------------------------------*/
.btn{
    display: block;
}
.btn span{
    display: none;
}
.btn-reservation{
    height:31px;
    width:179px;
    background: url(images/btn/reserver.jpg);
}
.btn-restaurant,.btn-bar{
    width:283px;
    height:181px;
}
.btn-carte{
    height:31px;
    width:179px;
    background: url(images/btn/carte.jpg);
    margin:0 auto;
}
.btn-carte2{
    height:31px;
    width:179px;
    background: url(images/btn/carte2.jpg);
    margin:0 auto;
}

/*------------------------------------------------
Structure générale
------------------------------------------------*/
#all{
    width:877px;
    margin:0 auto;
    border-top: none;
    position: relative;
}
body.home #wrapper{
    background: url(images/body/fond-home.jpg) top center no-repeat;
}
body #wrapper{
    background: url(images/body/fond-content.jpg) top center no-repeat;
    height:100%;
    width:100%;
    float:left;
}
body.page-id-7 #wrapper{
    background: url(images/body/fond-restaurant.jpg) top center no-repeat;
}

body.page-id-5 #wrapper{
    background: url(images/body/fond-bar.jpg) top center no-repeat;
}
body.page-id-69 #wrapper{
    background: url(images/body/fond-agenda.jpg) top center no-repeat;
}
.row{
    width: 100%;
    clear:both;
    margin-bottom:13px;
    float:left;
}

/*------------------------------------------------
Header
------------------------------------------------*/
#header{
    position: relative;
    width:100%;
    float:left;
    margin-bottom:270px;
}
.home #header{
     margin-bottom:440px;
} 
.page-id-7 #header{
     margin-bottom:413px;
}
.page-id-5 #header{
    margin-bottom:396px
}


#flashcontent{
    position: absolute;
    top:95px;
    left:0;
    width: 100%;
}
#flashcontent.restaurant-bar{
    top:124px;
}

/*------------------------------------------------
Logo
------------------------------------------------*/
#logo, #logo h1, #logo a{
    display: block;
    width:131px;
    height:132px;
}
#logo a{
}
#logo{
    position: absolute;
    left: 50%;
    top:0;
    margin-left: -65px;
    z-index:99999
}
#logo a span{
    display: none;
}
/*------------------------------------------------
Menu
------------------------------------------------*/
#menu{
    position: relative;
    width:100%;
    float:left;
}
#menu ul{
    position: relative;
    height: 65px ;
    width: 100%;
}
#menu li{
    float:left;
    position: absolute;
    top:0px;
}
#menu li a{
    display:block;
    height:65px;
    background-position:  0px 0;
    background-repeat: no-repeat;
    font-size:0;
    line-height:-999px
}
#menu li.page-item-69{left:92px}
#menu li.page-item-5{left:179px}
#menu li.page-item-7{left:262px}
#menu li.page-item-9{left:520px}
#menu li.page-item-11{left:670px}
#menu li.page-item-13{left:776px}

#menu li.page-item-69 a{
    background-image: url(images/menu/agenda.png);
    width:46px;
}
#menu li.page-item-5 a{
    background-image: url(images/menu/bar.png);
    width:41px;
}
#menu li.page-item-7 a{
    background-image: url(images/menu/restaurant.png);
    width:81px;
}
#menu li.page-item-9 a{
    background-image: url(images/menu/reservation.png);
    width:123px;
}
#menu li.page-item-11 a{
    background-image: url(images/menu/privatisation.png);
    width:77px;
}
#menu li.page-item-13 a{
    background-image: url(images/menu/contact.png);
    width:47px;
}
#menu li:hover a, #menu li.current_page_item a{
    background-position: 0px -113px;
}
/*------------------------------------------------
Footer
------------------------------------------------*/
#footer{
    min-height:300px;
    font-size:11px;
    background:url(images/footer/fond-repeat.jpg) repeat-x;
    color:#392920;
    text-align: center;
    clear:both
}
#content-footer{
    width:877px;
    margin:0 auto;
    height:425px;
    position: relative;
    text-align: left;
}
#menu-reseaux {
    position: absolute;
    bottom:146px;
    left:253px;
}
#adresse-footer{
    position: absolute;
    bottom:94px;
    left:230px;
}
#menu-reseaux li{
    float:left;
    padding-right:10px;
}
#menu-reseaux li a{
    display: block;
    height:31px;
}
#menu-reseaux li a.facebook{
    width:180px;
    background: url(images/reseaux/fb.jpg);
}
#menu-reseaux li a.twitter{
    width:167px;
    background: url(images/reseaux/twitter.jpg);
}
#menu-reseaux li span{
    display: none;
}
#menu-footer{
    position: absolute;
    bottom:110px;
    left:180px;
}
#menu-footer li{
    background: url(images/footer/puce.jpg) top left no-repeat;
    padding:0 10px 0 20px;
    float:left;
}
#menu-footer li a{
   color:#4b382c;
   text-decoration: none;
}
#menu-footer li a:hover{
   color:#998173;
   text-decoration: none;
}
#copyright{
    position: absolute;
    bottom:66px;
    left:368px;
}
#partenaire{
	bottom: 40px;
    left: 236px;
    position: absolute;
}
#partenaire a{
	color: #4B382C;
}
#wokine, #wokine a{
    display: block;
    width:18px;
    height:13px;
}


#wokine{
    position: absolute;
    bottom:13px;
    left:-9px;
    margin-left:50%;
}
#wokine a{
   background: url(images/footer/wkn.jpg) 0 0 no-repeat;
}
#wokine a span{
    display: none;
}
/*------------------------------------------------
Galerie de photo
------------------------------------------------*/
#carousel-footer-content{
    position: absolute;
    top:54px;
    left:0
}
#carousel-footer{
    position: relative;
    width:877px;
}
.ngg-gallery-thumbnail-box{
    float:left;
}
.ngg-gallery-thumbnail-box img{
    border:10px solid #937c62;
    display: block;
    margin-right:25px;
}
a:hover img{
    border-color:#b9a289
}
.carousel-control{
    width:31px;
    height:31px;
    display: block;
    font-size:0;
    cursor: pointer;
    position: absolute;
    top:50px;

}
#carousel-footer .previous{
    background: url(images/footer/previous.png);
    left:-40px;
}
#carousel-footer .next{
    background: url(images/footer/next.png);
    right:-40px;
}
/*------------------------------------------------
Box
------------------------------------------------*/
.box .content{
    padding:50px 30px 10px 30px;
    line-height: 17px;
    color:#d4c4b9
}
.box img{
    border:none
}
.box{
    background-repeat: no-repeat;
}
#col-droite .box{
    margin:0 0 17px 0
}
#box-agenda{
    width:580px;
    height:254px;
    background-image: url(images/box/agenda.png);
}
#box-agenda .content{
    padding:85px 15px 10px 33px;
  
}
#box-agenda h3,h4.titreactu {
    font-size:12px;
    color:#655143;
    font-weight:bold;
    color:#d4c4b9;
    text-decoration:none
}
h4.titreactu {
    font-size:12px;
}
h4.titreactu {
    padding-bottom:7px;
    display: block;
    font-weight: bold;
    color:#6B6E12;
}
#box-agenda h3{
    padding-bottom:7px;

}
#box-agenda h3 a:hover{
    text-decoration:underline
}
#box-newsletter{
    width:283px;
    height:181px;
    color:#62544b;
    background-image: url(images/box/newsletter.png);
}
#box-newsletter .content{
    padding:55px 30px 10px 30px;
}
#box-offre{
    width:283px;
    height:251px;
    margin-top:2px;
    background-image: url(images/box/reser.png);
}
#box-offre .content{
    padding:118px 30px 10px 81px;
    color:#d4c4b9
}
#box-reservation{
    width:283px;
    height:181px;
    color:#62544b;
    background-image: url(images/box/reservation.png);
}
#box-reservation .content{
    padding:55px 30px 10px 83px;
}
#box-restaurant, #box-bar{
    width:283px;
    height:181px;
    background-image: url(images/box/restaurant.png);
}

 #box-bar{
    background-image: url(images/box/decouvrez_bar.png);
}
#box-carte{
    width:284px;
    height:183px;
    color:#62544b;
    background-image: url(images/box/carte.png);
}
#box-carte .content{
    padding:55px 30px 10px 30px;
}
#box-carte2{
    width:284px;
    height:192px;
    color:#62544b;
    background-image: url(images/box/carte2.png);
}
#box-carte2 .content{
    padding:55px 30px 10px 30px;
}


#box-adresse{
    width:283px;
    height:307px;
    background-image: url(images/box/adresse.png);
}
#box-contact{
    width:283px;
    height:185px;
    color:#62544b;
    background-image: url(images/box/contact.png);
}
#box-contact .content,#box-contact2 .content{
    padding:55px 30px 10px 30px;
}
#box-contact2{
    width:284px;
    height:209px;
    color:#62544b;
    background-image: url(images/box/une_question.png);
}
/*------------------------------------------------
Evennement  : agenda
------------------------------------------------*/
.date-evenement{
    color:#b52038;
    font-weight:normal;
    font-size:11px;
}
/*------------------------------------------------
Titre en haut
------------------------------------------------*/
#content-intro{
    position: absolute;
    top:128px;
    left:0;
    width: 550px;
    font-size:16px;
    color:#eae1da;
    height:250px;
    font-family:"Times New Roman";
}
.home  #content-intro{

    top:155px;
    background: url(images/titres/ici.png) top left no-repeat;
}
.page-id-7  #content-intro{

    background: url(images/titres/restaurant.png) top left no-repeat;
}

.page-id-5  #content-intro{

    top:100px
}

.page-id-69  #content-intro{

    background: url(images/titres/agenda.png) top left no-repeat;
}
.page-id-5  #content-intro{

    background: url(images/titres/bar.png) top left no-repeat;
}
.page-id-11  #content-intro{

    background: url(images/titres/priva.png) top left no-repeat;
}
.page-id-13  #content-intro{

    background: url(images/titres/contact.png) top left no-repeat;
}
.page-id-9  #content-intro{

    background: url(images/titres/reservation.png) top left no-repeat;
}


/*------------------------------------------------
Zone de contenu
------------------------------------------------*/
.large-content{
    width:577px;
    clear:both;
    line-height:18px;
    color:#d4c4b9;
    margin:0 0 17px 0;
    float:left;
    width:100%;
}
.large-content img{
    border:5px solid #c5b2a5
}
.large-content .haut{
    height:33px;
    background: url(images/content/haut.png) no-repeat;
    font-size:0;
    width:577px;
    float:left;
    clear:both;

}
.large-content .milieu{
    background: url(images/content/milieu.png) repeat-y;
    padding:0 35px;
    float:left;
    clear: both;
    width:507px
}
.large-content .bas{
    height:33px;
    background: url(images/content/bas.png) no-repeat;
    font-size:0;
    float:left;
    clear:both;
    width: 577px;
}
/*------------------------------------------------
Titres zone de contenu
------------------------------------------------*/
.mytitre{
    background-repeat: no-repeat;
    height:27px;
    padding-bottom:10px;
}
.mytitre span{display:none}
.evenements-reguliers{
    background-image: url(images/titres/evenements-reguliers.png);
}
.par-email{
    background-image: url(images/titres/par-email.png);
}
.privatiser{
    background-image: url(images/titres/privatiser.png);
}
.agenda-actu{
    background-image: url(images/titres/agenda-actu.png);
}
.reservation{
    background-image: url(images/titres/reserver.png);
}
.restaurant{
    background-image: url(images/titres/le-resto.png);
}
.bar{
    background-image: url(images/titres/le-bar.png);
}
.visite{
    background-image: url(images/titres/visite.png);
}
.visite2{
    background-image: url(images/titres/visite2.png);
}
.content-regulier h3{
    background: #2d201f;
    color:#d4c4b9;
    font-weight:bold;
    font-size:12px;
    padding:2px 7px;
    display: block;
    float: left;
    margin-bottom:5px;
}
.content-regulier p{
    clear:both
}
/*------------------------------------------------
Formulare
------------------------------------------------*/
.cf_hidden{
    display: none;
}
.cform label{
    color:#bca494;
    font-weight:bold;
}
.cform li{
    float:left;
    width:252px;
    display: block;
    padding:0 0 10px 0
}
.cform  input,.cform textarea{
    border:2px solid #bca494;
    padding:5px 4px;
    font-size:14px;
    background: #f0ece3;
    font-family: arial;
    width:215px;
    color:#6f6054
}
.cform textarea{
    width:467px
}
.cf-sb {
     clear:both;
}
.cf-sb input{
    cursor: pointer;
    width:179px;
    height:31px;
    background: url(images/btn/envoyer.jpg) no-repeat transparent;
    border:none;
}

.cform textarea.cf_error, .cform  input.cf_error, .cform input.error, .cform textarea.error{
    color:#c44023;
    border-color:#c44023;
    background: #e3bbb3;
}
.cform #sendbutton{
    margin:0 0 0 150px
}
.cform  .ckb{
    width:20px
}


#sendu{
    cursor: pointer;
    width:179px;
    height:31px;
    background: url(images/btn/reserver2.jpg) no-repeat transparent;
    border:none;
}
/*------------------------------------------------
Formulare newlstter
------------------------------------------------*/
#cforms2form .champs{
    width: 202px;
    height:25px;
    background: url(images/form/newsletter.jpg);
}
#cforms2form {
    position: relative;
    display: block;
}
#cforms2form  input{
    width: 190px;
    border: none;
    padding:4px 0 0 4px;
    background: none;
}
#cforms2form .cf-sb{
    float:left;
    color:#6b6e12;
    width:20px;
    position: absolute;
    top:0px;
    left:205px
}
#cforms2form  #sendbutton2{
    width:20px;
    height:20px;
    color:#6b6e12;
}
#cforms2form label{
    display:none
}
.cf_info{
    font-size:11px;
    font-weight: bold;
    color: #c34e22;
    text-align: center;
    margin:15px 0 0 0;
    
}
#box-newsletter .cf_info{
    margin:-5px 0 0 0;

    font-size:11px
}
#box-newsletter .cform input{
    font-size:11px
}
.cform table td{
    padding:0 0 10px 0
}
/*------------------------------------------------
Evenement
------------------------------------------------*/
#events-calendar-list{
    float:left;
    width:100%;
    display: block;
}
#events-calendar-list li{
    float:left;

}
li.class_0{
   width:250px;
}
li.class_1{
    width:250px;
   margin:0 13px 0 0;
}


.content-regulier #events-calendar-list li{
    clear:both;
    display: block;
}
.content-regulier #events-calendar-list li.class_1,.content-regulier #events-calendar-list li.class_0{
    width:100%;
    margin:0 0 20px 0 
}



#time li{
    color:#000
}