/*
Tout droits réservés à la société Pitva sprl. 
Toute modification / ré-utilisation de tout ou partie de ce code est strictement interdite, sauf accord express de la société Pitva sprl
*/
/* 
    Created on : 07-déc.-2014, 14:02:29
    Author     : Vincent Andruétan <vincent.anndruetan@pitva.eu>
*/

@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Pinyon+Script);
@import url(https://fonts.googleapis.com/css?family=Carter+One);


body {
    margin-top:0px;
    padding:0;
    font-size:14px;
    text-align:justify;
    font-family:Georgia, Arial, Helvetica, sans-serif; 
    color:#9A8E85;
    background: #ae2f2f url(../img/background.gif) repeat-x left top;
}
.sizer {
    margin-left: auto;
    margin-right: auto;
    width: 950px;
    padding:10px;
}
#spinner {
    width: 200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 43%;
    margin-left: -100px;
    margin-top: -100px;
    display: none;
}
.header{
    background-color: #FEFDF0;
    width: 100%;
    border-radius: 8px;
    border:solid 1px #9A8E85;
}
#footer{
    background-color: #FEFDF0;
    width: 100%;
    border-radius: 8px;
    border:solid 1px #9A8E85;
    text-align:right;
}
#footer div {
    padding:12px;
    color: #ae2f2f;
    font-weight:bold;
    font-style: italic;
}
#footer div a {
    color: #ae2f2f;
    text-decoration: none;
}
.header-logo{
    float:left;
    width: 25%;
    text-align:center;
}
.header-title{
    float:left;
    width: 75%;
    text-align:center;
}
h1{
    font-family: 'Pinyon Script', cursive;
    text-align: center;
    font-size:42px;
    padding-top: 15px;
}
.logout_positionner {
    float:right;
    margin-right:44px;
    height:0px;
}
.logout {
    background-image: linear-gradient(#f88d8d, #8b1212);
    font-family: 'Carter One', cursive;
    font-size:15px;
    width : 40px;
    border : 1px solid #ae2f2f;
    border-radius: 6px;
    color:#fff;
    cursor:pointer;
    height:23px;
    box-shadow: 5px 5px 10px #888888;
    opacity: 0.7;
    text-align:center;
    margin: 2px 2px 0px 0px;
    position:absolute;
    z-index:99;
}
.separateur-header-content {
    height:15px;
}
.content {
    background-color: #FEFDF0;
    border-radius: 8px;
    border:solid 1px #9A8E85;
}
.login {
    text-align:center;
}
.field {
    float:left;
    width : 350px;
}
.field input {
    width : 270px;
}
.field select {
    width : 278px;
}
.field [type="radio"]{
    width:20px;
}
.field .small {
    width:35px;
}
.oneFormLine {
    clear:both;
    padding-top:8px;
}
.label{
    width:40%;
    text-align:right;
    padding-right:10px;
    float:left;
}
.all_historiques_heading {
    font-weight:bold;
    margin-bottom: 10px;
}
.all_historiques {
    text-align:left;
    padding-left:5px;
    padding-right:5px;
}
.all_historiques .domaine {
    width:18%;
}
.all_historiques .nom {
    width:22%;
}
.all_historiques .appellation {
    width:18%;
}
.all_historiques .date {
    width:9%;
}
.all_historiques .type{
    width:13%;
}
.all_historiques .year {
    width:10%;
}
.all_historiques .rating {
    width:10%;
    font-family: "Carter One",cursive;
    color:#ae2f2f;
    letter-spacing: 5px;
}
.one_wine_comments {
    margin : 0px 50px;
    font-style: italic;
    padding-bottom : 10px;
    color : #42A542;
    width:85%;
}
.all_wines_heading {
    font-weight : bold;
    cursor: pointer;
    margin-bottom: 10px;
}
.all_wines_data{
    margin-bottom: 15px;
}
.all_wines {
    text-align:left;
    padding-left:5px;
    padding-right:5px;
}
.one_wine {
    cursor:pointer;
}
.selected {
    background-color: #ebf09b;
}
.all_wines .domaine {
    width:20%;
}
.all_wines .nom {
    width:20%;
}
.all_wines .appellation{
    width:20%;
}
.all_wines .type{
    width:8%;
}
.all_wines .year{
    width:6%;
}
.all_wines .cost{
    width:10%;
}
.all_wines .qty{
    width:8%;
}
.all_wines .rangement{
    width:10%;
}
.data {
    float:left;
}
.eol {
    clear:both;
}
.one_wine_detail {
    display:none;
    padding : 15px 5px 15px 5px;
    border : 3px solid #ae2f2f;
    border-radius: 8px;
    margin : 15px 10px;
}
.detail {

}
.detail_content{
    float:left;
    width : 80%;
    border-right: 1px solid #ae2f2f;
}
.detail_menu{
    float:right;
    width : 19%;
    height:100%;
    padding-right:1px;
}
.menu {
    margin :0px 5px 5px 5px;
}
.menu input {
    font-family: 'Carter One', cursive;
    font-size:15px;
    width : 120px;
    border : 1px solid #ae2f2f;
    border-radius: 5px;
    color:#fff;
    cursor:pointer;
    height:25px;
    box-shadow: 5px 5px 10px #888888;
    opacity: 0.7;
    background-image:linear-gradient(#F9FDC6, #c2c862);
    color:#000 !important;   
}
.menu_search form input[type='text'] {
    background-image : none;
    cursor:text;
    width: 180px;
    font-family:Georgia, Arial, Helvetica, sans-serif; 
    font-weight:normal;
    font-size : 13px;
}
.menu_search form input[type='button'] {
    width: 30px;
}
.menu_search form input[type='checkbox'] {
    width: 10px;
    height:15px;
}
.menu input:hover{
    opacity: 1;
}
.menu_entry {
    float:left;
    margin-right : 15px;
}
.menu_search{
    float:right;
}
.wine_detail {

}
.etiquette {
    background-color: #ebf09b;
    width: 500px;
    height: 320px;
    margin-left: auto;
    margin-right:auto;
    text-align:center;
    padding:10px;
}
h2 {
    font-size:27px;
}
h3 {
    padding-top:10px;
    font-size:20px;
}
h4 {
    font-size:18px;
}
h5 {
    font-size:16px;
}
.etiquette_inner {
    border:6px double #ae2f2f;
    margin-left: auto;
    margin-right:auto;
    width: 490px;
    height:310px;
}
.more_detail{
    margin-top:15px;
}
.more_detail .technique{
    float:left;
    width:35%;
}
.more_detail .commentaire{
    float:left;
    width:65%;
    padding-top:25px;
}
.wine_detail .image {
    text-align:center;
}
.wine_detail .image img{
    max-width:90%;
}
.detail_menu{
    text-align:center;
}
.detail_menu input{
    font-family: 'Carter One', cursive;
    font-size:15px;
    width : 65px;
    border : 1px solid #ae2f2f;
    border-radius: 15px;
    color:#fff;
    margin-top:20px;
    cursor:pointer;
    height:65px;
    box-shadow: 5px 5px 10px #888888;
    opacity: 0.7;
}
.detail_menu input:hover{
    opacity: 1;
}

.positif{
    /*background-image:linear-gradient(#40b240, #177317);*/
    background-image:linear-gradient(#F9FDC6, #c2c862);
    color:#000 !important;
}

.negatif{
    background-image:linear-gradient(#f88d8d, #8b1212);
}

.comment {
    color:#ae2f2f;
    font-size:12px;
}
#newAppellation {
    padding:20px 0px;
}
.confirm{
    color:#ae2f2f;
    font-weight:bold;
}
div .confirm{
    border-top: 1px solid #ae2f2f;
    border-bottom: 1px solid #ae2f2f;
    padding: 20px 0px;
    margin: 20px 0px;
    margin-left:auto;
    margin-right:auto;
}
.confirm input{
    font-size: 23px;
    padding-top:16px;
}
.navigator {
    margin:15px 5px;
}
#countEntries {
    float: right;
    font-weight:bold;
    margin-bottom: 10px;
}
.navigator input {
    background-image: linear-gradient(#f9fdc6, #c2c862);
    border: 1px solid #ae2f2f;
    border-radius: 5px;
    box-shadow: 5px 5px 10px #888888;
    color: #000 !important;
    cursor: pointer;
    font-family: "Carter One",cursive;
    font-size: 15px;
    height: 25px;
    opacity: 0.7;
    width: 100px;
}
#navPrevious{
    float:left;
}
#navNext{
    float:right;
}
#navSetOffset{
    float:right;
    margin-right : 25px;
}
#navSetOffset span{
    font-weight:bold;
    cursor: pointer;
} 
.back-to-top {
    background: url("../img/top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    font-size: 12px;
    padding: 1em;
    display: none;
    cursor:pointer;
    width:50px;
    height:50px;
    opacity: 0.5;
}

.back-to-top:hover {    
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .one_wine_comments{
        font-size:14px;
    }
}

.statistiques {
    padding: 0px 15px;
}
.statistiques ul {
    list-style-type: none;
}
.statistiques ul li {
    cursor:pointer;
}
.statistiques ul .title {
    font-weight:bold;
    cursor:auto;
    padding-bottom: 5px;
}
.statistiques ul li:hover {
    font-weight:bold;
}
.statistiques ul li div {
    width : 70px;
    float:left;
}
#graph {
    margin:15px;
}