@font-face{ 
    font-family: 'bebas';
    src: url('../fonts/bebas.eot');
    src: url('../fonts/bebas.eot?#iefix') format('embedded-opentype'), 
        url('../fonts/bebas.woff') format('woff'),
        url('../fonts/bebas.ttf') format('truetype'),
        url('../fonts/bebas.svg#webfont') format('svg');
}

@font-face {
    font-family: 'pt';
    src: url('../fonts/PTF55F-webfont.eot');
    src: url('../fonts/PTF55F-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/PTF55F-webfont.woff') format('woff'),
        url('../fonts/PTF55F-webfont.ttf') format('truetype'),
        url('../fonts/PTF55F-webfont.svg#pt_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.bebas { font-family: bebas; }
.pt { font-family: pt; }

/* GLOBAL */

* {padding: 0; margin: 0;}
html, body {
    height: 100%; 
}

h1, h2, h3, h4, h5, h6 { font-family: bebas; color: #888; }
h1 { font-size: 36px; margin-bottom: 50px; }
h2 { font-size: 30px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

h1 small { font-size: 20px; color: #BBB; }

a{ color:#428bca; text-decoration:none; }
a:hover, a:focus{ color:#2a6496; }
a:hover{ text-decoration: none; }
a:focus{ text-decoration: underline; }
p, ul, ul li { font-family: pt; font-size: 18px; }
.author { font-family: pt; font-size: 16px; text-transform: uppercase; color: #2a2e36; }
.author u {font-weight: bold;}
ul { margin: 20px; }
ul li { margin-left: 20px; }

.cadre { 
    border: double 3px #B4B5B5; 
    margin-top: 10px; 
}

.cadre_shadow { 
    border: double 3px #B4B5B5; 
    margin-top: 10px; 
    -webkit-box-shadow: 4px 4px 5px #B4B5B5;
    -moz-box-shadow: 4px 4px 5px #B4B5B5;
    box-shadow: 4px 4px 5px #B4B5B5;
}

/* GLOBAL : panel */

.panel {
    display: block;
    margin: 10px;
    border: 3px solid #B4B5B5;
    background: #FFF;
}

.panel-title {
    background: #7098FF;
    border-bottom: 3px solid #B4B5B5;
    padding: 10px;
    color: #FFF;
    font-family: bebas;
    font-size: 28px;
}

.panel-content {
    min-height: 260px;
    padding: 20px;
    font-family: pt;
    font-size: 16px;
    overflow-x: hide;
    overflow-y: auto;
}

/* GLOBAL : form */
form p input[type="text"], form p input[type="password"], form p input[type="checkbox"], form p input[type="radio"], form p select { font-size: 16px; width: 300px; }

form label {
    display: block;
    text-transform: uppercase;
    font-family: pt;
    font-weight: bold;
    color: #2a2e36;
    margin: 0 0 0.3125em 0;
}

form label.alt-label { text-transform: none; }

form input[type="text"], form input[type="password"], form textarea, form select {
    border: 1px solid #d9dbdd;
    padding: 1em 0.625em; /* 16/16 10/16 */
    outline: none;
    font-size: 16px;
    font-weight: bold;
    font-family: pt;
}

form input[type="text"].small, form input[type="password"].small, form select.small {
    padding: 5px;
    font-weight: normal;
    width: auto;
    margin-right: 10px;
}

form input[type="text"], form input[type="password"], form select {
    font-weight: bold;
}

form input[type="text"]:hover, form input[type="password"]:hover, form textarea:hover, form select:hover,
form input[type="text"]:focus, form input[type="password"]:focus, form textarea:focus, form select:focus {
    border: 1px solid #bbbdbe;
}

form input[type="checkbox"], form input[type="radio"] { margin-right: 0.833em; /* 10/12 */ }

form input[type="submit"], form input[type="reset"] {

}

form textarea {
    width: 600px;
    height: 200px;
    resize: none;
}

form p em {
    margin-top: 0.833em; /* 10/12 */
    display: block;
}

form p {
    margin-bottom: 10px;    
}

.full-width-input { width: 95%; background: #f8f9fa; border: 1px solid #D5D6D6; margin-bottom: 20px; }

/* Styling the HTML5 placeholders */
/* So far they don't work in: IE, Opera 10 and below, Firefox 3.6 and below */
:-webkit-input-placeholder { color: #858d9c; }
:-moz-placeholder { color: #858d9c; }

/* GLOBAL : button */
.button, a.button, input.button {
    -webkit-appearance: none;
    padding: 10px; /* 10/12 */
    display: inline-block;
    background-position: right center;
    background: #EEE;
    border: 3px double #d9dbdd;
    text-decoration: none;
    font-size: 16px;
    font-weight: normal;
    font-family: bebas;
    text-transform: uppercase;
    cursor: pointer;
}
.button.small, a.button.small, input.button.small {
    padding: 5px;
}

.button:hover, a.button:hover, input.button:hover {
    background: #FFF;
}

.button:active, a.button:active, input.button:active {
    background: #AAA;
    text-shadow: none;
}

.button.blue, a.button.blue, input.button.blue {
    background-color: #2069b4;
    color: white;
}
.button.blue:hover, a.button.blue:hover, input.button.blue:hover {
    background-color: #5081b3;
    color: white;
}
.button.blue:active, a.button.blue:active, input.button.blue:active {
    background-color: #19538F;
    color: white;
}

.button.red, a.button.red, input.button.red {
    background-color: #CB2214;
    color: white;
}

.button.red:hover, a.button.red:hover, input.button.red:hover {
    background-color: #E82717;
    color: white;
}

.button.red:active, a.button.red:active, input.button.red:active {
    background-color: #AB1C10;
    color: white;
}

.button.green, a.button.green, input.button.green {
    background-color: #10B531;
    color: white;
}

.button.green:hover, a.button.green:hover, input.button.green:hover {
    background-color: #12CC38;
    color: white;
}

.button.green:active, a.button.green:active, input.button.green:active {
    background-color: #0EA32C;
    color: white;
}

.button.grey, a.button.grey, input.button.grey {
    background-color: #999;
    color: white;
}

.button.grey:hover, a.button.grey:hover, input.button.grey:hover {
    background-color: #AAA;
    color: white;
}

.button.grey:active, a.button.grey:active, input.button.grey:active {
    background-color: #777;
    color: white;
}


/* ROUNDED CORNERS */
.rounded{ border-radius: 8px; khtml-border-radius: 8px; moz-border-radius: 8px; position: relative; webkit-border-radius: 8px; }
.round {
    border-radius: 0.3125em; /* 5/16 */
    -moz-border-radius: 0.3125em; /* 5/16 */
    -webkit-border-radius: 0.3125em; /* 5/16 */
}

.txtShadow { text-shadow: #AAA 5px 5px 5px; }
.shadow {-moz-box-shadow: 0px 0px 10px #000; -webkit-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000;}

/* TABLES */
.table{width:100%;margin-bottom:20px; background: #FFF;}.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #dddddd;}
.table thead>tr>th{vertical-align:bottom;border-bottom:2px solid #dddddd;}
.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child td{border-top:0;}
.table tbody+tbody{border-top:2px solid #dddddd;}
.table .table{background-color:#ffffff;}
.table thead tr td, .table.table-condensed thead tr td,.table.table-stipped thead tr td, .table.table-bordered thead tr td { font-family: bebas; font-weight: normal; }
.table tr { background: #EEE; }
.table tbody tr td, .table.table-condensed tbody tr td,.table.table-stipped tbody tr td, .table.table-bordered tbody tr td { vertical-align: middle; font-family: pt; }
.table tr td img, .table.table-condensed tr td img, .table.table-stripped tr td img, .table.table-bordered tr td img { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-top: -10px; }
.table.table-condensed tr td { padding: 5px; margin: 0;}
.table-condensed thead>tr>th,.table-condensed tbody>tr>th,.table-condensed tfoot>tr>th,.table-condensed thead>tr>td,.table-condensed tbody>tr>td,.table-condensed tfoot>tr>td{padding:5px;}
.table-bordered{border:1px solid #dddddd;}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #dddddd;}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px;}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5;}
table col[class*="col-"]{float:none;display:table-column;}
table td[class*="col-"],table th[class*="col-"]{float:none;display:table-cell;}
.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5;}
.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8;border-color:#d6e9c6;}
.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td{background-color:#d0e9c6;border-color:#c9e2b3;}
.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede;border-color:#eed3d7;}
.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td{background-color:#ebcccc;border-color:#e6c1c7;}
.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3;border-color:#fbeed5;}
.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td{background-color:#faf2cc;border-color:#f8e5be;}

/* PAGINATION */
.pagination{display:inline-block;padding-left:0;margin: 0px auto 20px auto ;border-radius:4px; }.pagination>li{display:inline;}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.428571429;text-decoration:none;background-color:#ffffff;border:1px solid #dddddd;margin-left:-1px;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px;}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eeeeee;}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#ffffff;background-color:#428bca;border-color:#428bca;cursor:default;}
.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999999;background-color:#ffffff;border-color:#dddddd;cursor:not-allowed;}
.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px;}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px;}
.pagination-sm>li>a,.pagination-sm>li>span{padding:4px 8px;font-size:15px;}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px;}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px;}
.pagination li a { min-width: 16px; width: 16px; max-width: 16px; text-align: center; }

/* COLOR */

.blue {
    background-color: #2069b4;
    color: white;
}

.red {
    background-color: #CB2214;
    color: white;
}

.green {
    background-color: #10B531;
    color: white;
}

.grey {
    background-color: #999;
    color: white;
}