* {
	font-family: Arial, Sans Serif;	
}
html {
	background: #EEE;
	width: 100%;
	padding: 0;
	margin: 0;	
}
body {
	position: relative;
	background: white;
	background: #fff;/* url(/images/Scriptabitheme/background/bg.png);*/
	padding: 6px;
	margin: 5px auto 5px auto;
	border: solid 2px #666;
	border-radius: 8px;
    -moz-border-radius: 8px;
	font-size: 10pt;
	height: auto;
	vertical-align: middle;
}
h1 {
	display: block;
	font-size: 22pt;
	color: #b1e7a5; /*#145a04;*/
	margin: 0;
	padding: 0;
	font-variant: small-caps;
	text-indent: 10px;
}
h2 {
	display: block;
	font-size: 13pt;
	color: #145a04;
	margin: 0px 0 0 0;
	padding: 0;
	text-indent: 10px;
}
h3 {
	position: relative;
	display: block;
	font-size: 17px;
	font-family: Times New Roman, Serif;
	color: #008282;
	margin: 0px 0 5px 0;
	padding: 10px 5px;
	border-bottom: none 1px orange;
	min-height: 18px;
	background: transparent url(/images/Scriptabitheme/background/box.png) repeat-x top right;
}
h2 img, h3 img {
	float: left;
	margin: -7px 5px 0 5px;
}
h4 { 
	display: block;
	padding: 3px;
	margin: 0 0 5px 0;
	border-bottom: solid 1px black;
	font-size: 10pt;
	color: #888;
}
a {
	font-family: inherit;
	text-decoration: none;
	color: green;	
}
a:visited {
	text-decoration: none;
	color: green;	
}
a:hover { color: orange; }
a img {
    margin: 0;
    float: none;
    padding: 0;	
}
img {
	border: none;	
}
p { margin: 0; padding: 0; text-align: justify; text-indent: 0; }

/*
 * Formulaires
 */
form { vertical-align: top; }
form input, form textarea { vertical-align: top; }
form input[type=submit].button {
	min-width: 100px;
	display: block;
	margin: 4px auto;
}
input[type=submit], input[type=button], input[type=reset], .button_std {
	display: inline-block;
	margin: 2px 4px;
	padding: 5px;
	text-decoration: none;
	color: black;
	background: #EEE;
	font-size: 9pt;
	opacity: 0.85;
	border: solid 1px black;
	border-radius: 7px 2px;
    -moz-border-radius: 7px 2px;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, .button_std:hover  {
	color: black;
	background: #FFF;
	opacity: 1;
	font-weight: bold;
}
label { padding: 3px 20px 3px 3px; display: inline-block; width: 130px; font-size: 9pt; }

li { 
	position: relative; 
	display: list-item;
	list-style-image: url(/images/Scriptabitheme/background/planet.png);
}

/*
 * Template (header / footer)
 */
#header {
	display: block;
	border: none 2px black;
	height: 76px;
	padding: 20px 10px 7px 2px;
	background: transparent url(/images/Scriptabitheme/background/banniere6.jpg) repeat-x top left;
	color: black;
	clear: both;
	text-align: left;
}
#header img { display: block; position: absolute; right: 5px; top: 0; }
#header .decoration {
	position: absolute;
	color: #CCC;
	top: 10px;
	right: 12px;
	text-align: right;
	font-size: 10px;
	font-family: monospace;
}
#header .language_selector {
    position: absolute;
    top: 5px;
    right: 5px;	
}

#menu {
	position: absolute;
	display: block;
	top: 92px;
	padding: 0;
	margin: 0px auto 0 0;
	text-align: center;
	width: 960px;
	z-index: 499;
	border: none 1px red;
}
.menu_bottom {	
	background: url(/images/Scriptabitheme/background/bouton.png);
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	height: 15px; 
	width: 480px; 
	margin: auto;
	text-align: center;
}
#menu_button {
	position: relative;
	padding: 4px;
	color: orange;
	font-weight: bold;
	letter-spacing: 2px;
}
#menu_button:hover {
	color: white;
}

#system_bar {
	display: block;
	height: 30px;
	padding: 0px;
	margin: -8px auto 0 auto;
	color: #666;
	font-size: 9pt;
	clear: both;
}
#system_bar #system_date {
	display: inline-block;
	float: left;
	height: 24px;
	padding: 3px;
}
#system_bar #system_notification {
	display: inline-block;
	float: right;
	height: 24px;
	padding: 3px;
}
#system_bar #system_connexion {
	display: inline-block;
	vertical-align: middle;
	float: right;
}
#system_bar #system_connexion span {
	display: inline-block;
	vertical-align: middle;
	height: 24px;
	padding: 0 3px;
}
#system_bar #system_connexion a { opacity: 0.8; }
#system_bar #system_connexion a:hover { opacity: 1; }

#system_bar #system_connexion #system_user { padding: 5px 3px !important; height: 14px; }

#maincontent {
	position: relative;
	display: block;
	height: 100%;
	min-height: 370px;
	clear: both;
}

#subcontent {
	position: relative;
	display: block;
	height: 100%;
}

#footer {
	position: relative;
	text-align: center;
	margin-top: 3px;
	padding: 15px 0 0 0;
	background: transparent url(/images/Scriptabitheme/background/banniere6.jpg) repeat bottom left;
	clear: both;
}

/*
 * Template standard bloc
 */
.bloc {
	position: relative;
	border: solid 1px #aaa;
	margin: 4px;	
	padding: 4px;
	background: #f8f3e1 url(/images/Scriptabitheme/background/box.png) repeat-x top right;
	border-radius: 5px 40px 5px 5px;
    -moz-border-radius: 5px 40px 5px 5px;
}
.icon {
	position: absolute;
	top: -7px;
	left: -4px;
}
.bloc h3 {
	margin: -4px 0 15px 0;
	border: none;
	background: none;
	font-size: 15px;
}
.bloc p { padding: 2px 10px; } 
.bloc_right { float: right; }
.bloc_left { float: left; margin-right: 5px; }
.bloc_center { display: block; margin: auto; }
.bloc_33pc { width: 28%; }
.bloc_66pc { width: 70%; }
.bloc_50pc { width: 48%; }

.color1 {color: #005032; border-color: #005032; }
.color2 {color: #0000C0; border-color: #0000C0; }
.color3 {color: #b0cbc6; border-color: #b0cbc6; }
.color4 {color: #008282; border-color: #008282; }
.color5 {color: #7F0055; border-color: #7F0055; }
.color6 {color: #557F5F; border-color: #557F5F; }
.color7 {color: #7F9FBF; border-color: #7F9FBF; }
.color8 {color: #BFA97F; border-color: #BFA97F; }
.color9 {color: #FFA500; border-color: #FFA500; }


/*
 * Template standard button
 */
.button_add {
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: url(/images/Scriptabitheme/24x24/add.png) no-repeat center center !important;
	border: none !important;	
}
.button_delete {
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0;
	background: url(/images/Scriptabitheme/24x24/delete.png) no-repeat center center !important;
	border: none !important;	
}
.button_delete_small {
    width: 15px;
    height: 15px;
    padding: 0;
    margin: 0;
    background: url(/images/Scriptabitheme/16x16/delete.png) no-repeat center center !important;
    border: none !important;    
}
.button_modify {
	width: 18px;
	height: 18px;
	padding: 0;
	margin: 0;
	background: url(/images/Scriptabitheme/24x24/modify.png) no-repeat center center !important;
	border: none !important;	
}

.button_icon { 
	width: 26px;
	height: 26px;
	border: none !important;
	opacity: 0.8;	
}
.button_icon:hover { opacity: 1; }

.button_right { background: url(/images/Scriptabitheme/24x24/right.png) no-repeat center right !important; padding: 0  34px 0 0;  }
.button_left { background: url(/images/Scriptabitheme/24x24/left.png) no-repeat center left !important; padding: 0 0 0 34px; }
.button_up { background: url(/images/Scriptabitheme/24x24/up.png) no-repeat center right !important; padding: 0 0 0 34px; }
.button_down { background: url(/images/Scriptabitheme/24x24/down.png) no-repeat center left !important; padding: 0 34px 0 0; }

.gros_bouton {
    display: inline-block;
    min-width: 150px;
    height: 150px;
    padding: 25px 5px 2px 5px;
    margin: 5px;
    border: solid 1px #999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    vertical-align: middle;
    text-align: center;
    color: black;
    font-weight: bold;
    background-color: #F2F2FA;
}
.gros_bouton:hover { background-color: #DFDFDF; }
.gros_bouton img { display: block; margin: auto;}
.gros_bouton span { display: block; margin: auto; }

.accroche {
	padding: 5px;
	border: solid 2px #ccc;
	background: #f8f3e1;
	color: black;
	text-align: center;
}
.button_service {
	display: block;
	width: 100%;
	border: solid 1px #ccc;
	height: 50px;
	clear: left;
	background: #fff url(/images/Scriptabitheme/background/bouton_service.png) repeat-x;
}
.button_service:hover {
	background-color: #eadd11;
	color: black;
}
.button_service span {
	display: block;
	padding: 15px 5px 15px 15px;
	font-size: 16px;
	font-weight: bold;
	color: white;
}
.button_service span:hover {
	color: orange;
}
.button_service img {
	float: left; 
	margin: 3px;
}