@charset "UTF-8";
/*
Theme Name: Enki
Description: Mise en page pour iPad
Version: 1.0
Author: PAR Design
Author URI: http://pardesign.net
*/

/***********************************************************************************************/
/** RESET **/
/***********************************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; text-decoration: none; }


/***********************************************************************************************/
/** GENERAL **/
/***********************************************************************************************/
body { font-family:Arial, Helvetica, sans-serif; }

h1,
h2 { text-align:left; }

h1 { font-size:28px; }
h2 { font-size:24px; color:#fff; background:#0165a5; text-transform:uppercase; padding:5px 0 5px 15px; margin-bottom:10px; }
h3 { font-size:21px; color:#fff; background:#ccc; text-align:center; }


table { background:url(images/enki-logo.png) no-repeat top right; width:100%; border-collapse:collapse; text-align:center; font-size:12px; }
td { width:20%; font-weight:bold; font-size:18px; }

.notes-table,
.stats-table,
.legend-table { background: none; }
.legend-table  td { border: 1px solid #000; }
.stats-table td,
.notes-table td { font-size: 12px; text-align: left; padding: 5px; }

select { width:100%; color:#f00; text-align:center; }

select[name="customer"],
select[name="salesperson"] { color:#000; }

textarea { width:95%; padding:0; resize:none; }

li { float:left; text-align:center; width:60px; list-style:none; }

li select { width:100%; }

li select, li h4 { border:1px solid #000; }

input[name="customer"] { width:270px; }

.main { width:960px; margin:0 auto; }

.logo { float:right; position:absolute; right:0; top:0; }

.alignleft { text-align:left; }

.bottom-border { border-bottom:1px dashed #000; }

input[type="submit"] { padding:10px 20px; }

.header-menu { clear:both; width:100%; }

.header-menu li { width:23%; margin:30px 1%; }

.header-menu li a{ background:#0165A5; color:#fff; font-size:24px; font-weight:bold; text-transform:uppercase; width:100%; padding: 1% 0; display:block; }


/***********************************************************************************************/
/** CLUB **/
/***********************************************************************************************/
.identification { overflow:hidden; position:relative; }

.group 			{ width:65px; margin-right:50px; }
.group input 	{ width:59px; }

.customer 	 	{ width:300px; }
.customer input 	{ width:294px; }

.group,
.customer { float:left; margin-top:20px; }

form[name="f_club"] td.sub-title { color:#fff; background:#0165a5; text-transform:uppercase; padding:5px 0; }

form[name="f_club"] table 	{ table-layout: fixed; }
form[name="f_club"] td 		{ width: 67%; }
input[type="text"] 			{ width: 100%; }
input[type="number"] 		{ width: 90%; }


/***********************************************************************************************/
/** HOME **/
/***********************************************************************************************/
.main-logo-list li { float:none; border:1px solid #000; margin:30px auto; width:50%; }

.main-logo-list li a { color:#fff; font-weight:bold; font-size:24px; text-transform:uppercase; width:100%; display:block; background:#0165A5; padding:15px 0; }