/* http://meyerweb.com/eric/tools/css/reset/  v1.0 | 20080212 */
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* RAZ TEXT*/

body {color: #333;}
a:focus {outline: 1px dotted invert;}
hr {border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0;}
ol {list-style: decimal;}
ul {list-style: square;}
li {margin-left: 30px;}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom: 16px;}
h1 {font-size: 150%;}
h2 {font-size: 125%;}
h3 {font-size: 115%;}
h4 {font-size: 105%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}

/* 1KB GRID 12 cols, 60 pixels each, 20 pixel gutter */

.c_1  {width:60px;}
.c_2  {width:140px;}
.c_3  {width:220px;}
.c_4  {width:300px;}
.c_5  {width:380px;}
.c_6  {width:460px;}
.c_7  {width:540px;}
.c_8  {width:620px;}
.c_9  {width:700px;}
.c_10 {width:780px;}
.c_11 {width:860px;}
.c_12 {width:940px;}
.col {margin:0 10px; overflow: hidden; float: left; display: inline;}
.row { width:960px; margin: 0 auto; overflow: hidden;}
.row .row {margin: 0 -10px; width: auto; display: inline-block;}

/* STYLAGE PAGE */

body {padding: 0 0 0 0;}
ul {margin: 0}
a {text-decoration: none; color: #700;}
h1,h2,h3,h4 {letter-spacing: 0.08em;}

table {
	margin:16px auto 16px auto;
}
tr {
	border: none;
	border-top: 1px solid #258;
	background-color:#369;
	color: #FFF;
}
td,th {
	padding: 2px 6px;
	border:none;
}
th {
	background-color:#147;
	text-align: center;
}
td {
}

.cp_alert {
	color: red;
	border: 1px dotted red;
	padding: 1px 4px;
	background-color: #FE0;
}

/* STYLAGE SELECTEUR D'HABILLAGE */

#stylator {
	text-align:center;
	padding:6px;
	background-color:#444;
	color: #DDD;
	border:1px solid #000;
	margin:8px 0
}
#stylator select {
	background-color: #BBB;
	border: 1px solid #FFF;
}
#stylator a {color: #ADF;}

/* STYLAGE MENU */
.navmenu {
	font-size: 16px;
	font-weight: bold;
	color: #A50;
	margin: 14px 0;
	list-style: none;
	text-align: center;
}
ul.navmenu {
	margin: 0;
	padding: 0;

}
.navmenu li {
	padding: 3px 0;
	margin: 2px 0;
}
.navmenu li.on {
	background-color:#FFF;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #CCC;
}
.navmenu li:hover {
	background-color:#FFF;
}
.navmenu li:hover a {
	color:#A50;
}


/* STYLE DES MESSAGES */
.msg {
	background: url(/deco/msg_bg.png) no-repeat;
	margin: 0 0 32px 0;
	padding: 1px 16px 18px 16px;
}
#mid .msg h3 {
	margin: 0;
	padding: 4px 0 6px 0;
	color: #369;
}

.msg_ok {color: #222;}
#mid .msg_ok h3 {color: #060;}
.msg_info {color: #222;}
#mid .msg_info h3 {color: #369;}
.msg_warning {color: #600;}
#mid .msg_warning h3 {color: #600;}
.msg_error {color: #D00;}
#mid .msg_error h3 {color: #900;}

/* EDITION */

#panel_form  {
	text-align: center;
}
#panel_form label {
	display:block;
	text-align:left;
	font-weight: bold;
	color:#369;
	margin:20px 0 4px 0;
	padding:0 0 0 47px;
	background: url(/deco/puce2.png) no-repeat;
}

#panel_form textarea {
	width: 99%;
	height:450px;
}
#panel_form input[type=text] {
	width: 526px;
	padding: 2px 6px;
	border: 1px solid #F5F5F5;
	background-color: #F5F5F5;
	font-size: 20px;
	margin:0;
}
#panel_form input[type=submit] {
	font-size: 20px;
	padding: 3px 12px;
	margin: 48px auto 36px auto;
}
#panel_form img {
	vertical-align: middle;
	margin: 0 12px 16px 0;
}

.adminhead {
	border-bottom: 1px solid #444;
	font-size: 11px;
}

.small {
	font-size: 11px;
	text-align: center;
}

#sub h3 {
	color: #002;
}
#sub li {
	list-style: none;
	margin: 3px 0;
	padding: 0;
}
#sub li a {
	color: #FFF;
	font-size: 12px;
	letter-spacing:0.1em;
}
#sub li a:hover {
	color: #FB0;
}

/* FORMULAIRE SAISIE */

.create {
	text-align:center;
	width:420px;
	margin: 5px 0;
	font-size: 22px;
	background-color: #FFF;
	border:1px solid #000;
	color: #003A58;
}
#viewname {
	color: #FFBA00;
	font-weight:bold;
}



/* STYLE PAGE */


html {background-color: #054D72;}
body {
	padding: 0 0 0 0; background: url('/deco/main.png') repeat-x;
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*font: 16px Georgia, "DejaVu Serif", Norasi, serif;*/
}
a {text-decoration: none; color: #FB0;}

#title, #subtitle {display: none;}

#page {position:relative;margin:0 0 60px 0;}

#top {
	background: url('/deco/top.png') no-repeat;
	height: 200px;
}

#mid {
	background: url('/deco/mid.png') repeat-y;
}
	#inmid {
		text-align: center;
		color: #FFF;
	}
	#main {
		margin: 0 auto;
		width: 420px;
		text-align: justify;
	}

	#main h3 {
		text-align: center;
		font-weight: normal;
	}

	#main h4 {color: #59E;}

#inter {
	background: url('/deco/inter.png') no-repeat;
	height: 260px;
}
#sub {
	background: url('/deco/sub.png') repeat-y;
	color: #FFF;
	font-size: 11px;
	text-align: center;
}
#bot {
	background: url('/deco/bot.png') no-repeat;
	height: 20px;
}