@font-face {
    font-family: 'ralewaybold';
    src: url('./fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('./fonts/raleway-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight';
    src: url('./fonts/raleway-light-webfont.woff2') format('woff2'),
         url('./fonts/raleway-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewaylight_italic';
    src: url('./fonts/raleway-lightitalic-webfont.woff2') format('woff2'),
         url('./fonts/raleway-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'raleway';
    src: url('./fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('./fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body {
    padding-bottom: 38px;
}

html, body {
	font-family: 'raleway',Verdana,Arial,sans-serif;
	font-size: 1em;
    color: #696969;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'ralewaylight',Verdana,Arial,sans-serif;
    color: #393939;
}

#content {
    margin: 0 auto;
    max-width: 864px;
    padding: 30px 20px;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #eee;
    box-shadow: 0 0px 2px #000;
    padding: 10px 12px 6px 12px;
}

.hide {
    visibility: hidden;
}

/* Tags */
.tag {
    margin: 12px 4px;
}
.tag.contact::before {
    display: block;
    position: relative;
    content: "En contact";
    font-size: 10px;
    height: 12px;
    margin-bottom: -0px;
    margin-top: -12px;
    background: #fff;
    left: -11px;
}

.tag.to-do {
	background: #ffdd8f;
}


/*Index */
#content.index {
    max-width: 1200px;
}


/*Nouveaux*/
ul.list-categories li {
    background-color : #e7e9ed;
}

/* Tickets/Encadrements */
.ticket {
    border: solid 1px #9aa9af;
    background: #e7e9ed;
    padding: 4px 10px;
    margin: 3px 6px;
}

.ticket .infos {
    color: #393f42;
}

/* To-pdf */
#content .pdf-like {
    box-shadow: 0 0 6px rgba(0,0,0,0.4);
    margin: 10px auto;
}

#content.pdf {
    width: 826px;
    padding: 60px 70px;
}

#content.pdf,
#content.pdf table td,
#content.pdf table th
{
    color: #555;
}
.quotation #content.pdf footer .contact {
    color: #888;
}

#content.pdf .header .asso .logo,
#content.pdf .header .asso .infos-asso
{
    float: left;
}
#content.pdf .header .asso .infos-asso {
    padding-top: 40px;
    padding-left: 20px;
}
#content.pdf .header .customer {
    text-align: right;
}
.quotation#content.pdf .title {
    width: 100%;
    margin: 40px auto;
    border: solid 1px #333;
    padding: 17px 30px;
    text-align: center;
    line-height: 1.6;
}
.quotation#content.pdf .table {
    width: 600px;
    margin: 0px auto 30px auto;
}
.quotation#content.pdf .table th.title {
    width:70%;
}
.quotation#content.pdf .table th.number,
.quotation#content.pdf .table th.price {
    width: 15%;
    text-align: center
}
.quotation#content.pdf .table td.price,
.quotation#content.pdf .table td.number {
    vertical-align: middle;
    text-align: center;
}

.quotation #content.pdf footer {
    padding-top: 120px;
}