@charset "iso-8859-1";

BODY {
	background: url(img/bg.gif) center;
	color: #000000;
	font-family: verdana;
	font-size: 13px;
	font-weight: normal;
	margin: 0px;
	text-align: center;
	}
	
BODY.adminbody {
	margin: 20px;
	background: none;
	}

FORM {
	padding: 0px; 
	margin: 0px;
	}
TABLE {
	border-collapse: collapse
	}
TD {
	padding: 0px;
	font-size: 13px; 
	font-family: verdana; 
	}
H1 {
	font-size: 18px; 
	font-family: verdana; 
	font-weight: bolder; 
	color: #FFFF99;
	}
IMG {
	border: none;
	}
A {
	cursor: pointer;
}
A:link , A:active , A:visited {
	color: #990000; 
	font-weight: bold; 
	text-decoration: none;
	}
	
A:hover {
	text-decoration: underline;
	}
	
.layout_home {
	width: 666px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	}
	
.layout_home img {
	display: block;
	margin: 0px;
	}
	
.layout_home .links {
	position: relative;
	top: -42px;
	text-align: center;
	}

.layout {
	width: 660px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	}

.layout .top {
	border: none;
	}
	
.layout .top .logo {
	position: absolute;
	margin-left: -17px;
	}
	
.layout .frame {
	width: 660px;
	border: none;
	}
	
.layout .frame .side {
	width: 214px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: url(img/side_bg.gif);
	}

.layout .frame .main {
	width: 446px;
	border-right: 1px solid #000000;
	background: #ffffff;
	vertical-align: top;
	}
	
.content_menu .ul {
	background: url(img/menu_bg.gif) bottom;
	padding: 0px;
	padding-bottom: 0px;
	padding-top: 40px;
	padding-right: 20px;
	margin: 0px;
	list-style: none;
	}
	
.content_menu li {
	padding-left: 16px;
	border-bottom: 1px solid #4873A6;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: arial;
	}
	
.content_menu li:hover {
	border-left: 3px solid #000000;
	}
	
.content_display {
	font-family: verdana;
	font-size: 13px;
	background: #ffffff;
	padding: 20px;
	}
	
.content_display h1 {
	background: url(img/title_bg.gif);
	font-size: 20px;
	font-family: verdana;
	font-style: italic;
	color: #000000;
	padding-left: 40px;
	padding-top: 25px;
	padding-bottom: 18px;
	margin-top: 0px;
	position: relative;
	left: -20px;
	}

.content_display h2 {
	font-size: 15px;
	font-family: verdana;
	color: #000000;
	border-bottom: 1px solid #4D7AA3;
	}
	
.content_display h3 {
	background: url(img/title3_bg.gif);
	font-size: 20px;
	font-family: verdana;
	font-style: italic;
	color: #000000;
	padding-left: 50px;
	padding-top: 25px;
	padding-bottom: 18px;
	margin-top: 0px;
	position: relative;
	left: -20px;
	}

.content_display pre {
	font-size: 15px;
	font-family: verdana;
	font-style: italic;
	color: #000000;
	padding: 20px;
	border: 1px solid #000000;
	width: 100px;
	}
	
.content_display ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
.content_display ul li {
	background: url(img/item_bg.gif) no-repeat;
	list-style: none;
	line-height: 26px;
	vertical-align: middle;
	padding-left: 15px;
	margin-top: 1px;
	margin-bottom: 1px;
	}
	
.content_display .meteo {
	width: 100%;
	}

.content_display .meteo td {
	width: 50%;
	text-align: center;
	padding-bottom: 10px;
	}

.content_display .history {
	width: 402px;
	padding: 0px;
	margin: 0px;
	background: url(img/history_bg.jpg) no-repeat;
	border: 0px;
	}

.content_display .history td {
	border: 0px;
	}

.content_display .history_main {
	padding: 20px;
	font-family: arial;
	font-size: 17px;
	}

.content_display .history_top , .content_display .history_bottom {
	padding: 0px;
	}
	
.content_display .history_top img , .content_display .history_bottom img {
	margin: 0px;
	display: block;
	}
	
.content_display .history h1 {
	font-family: times;
	font-size: 22px;
	font-weight: bolder;
	color: #993300;
	border-bottom: 1px solid #000000;
	padding: 0px;
	margin-top: 25px;
	background: none;
	text-align: center;
	top: 0px;
	left: 0px;
	}

.content_display .logo {
	width: 100%;
	}
	
.content_display .logo td {
	width: 50%;
	vertical-align: middle;
	text-align: center;
	}
	
.layout .frame .side {
	vertical-align: top;
	}
	
.layout .frame .side img{
	display: block;
	}
	
.layout .bottom {
	text-align: center;
	background: url(img/bottom_bg.gif) center;
	border: 1px solid #000000;
	color: #ffffff;
	padding: 5px;
	}

.layout .bottom a:link , .layout .bottom a:active , .layout .bottom a:visited  {
	color: #DAEFFF;
	font-weight: bold;
	font-size: 11px;
	}

.layout .copyright {
	text-align: center;
	font-size: 11px;
	margin: 5px;
	margin-bottom: 30px;
	}
	
.layout .map_ports {
	margin: 20px;
	margin-top: 30px;
	border: 1px solid #000000;
	}
	
#map_ports_photo {
	display: none;
	position: absolute;
	margin-top: 50px;
	margin-left: 40px;
	border: 2px solid #ffffff;
	}

/* admin */

.cols {
	margin: 0px;
}

.cols .col1 {
	padding: 0px;
	vertical-align: top;
}

.cols .col2 {
	padding: 0px;
	vertical-align: top;
}

.highlight {
	font-weight: bold;
	background: #ffffcc;
}

.outlight {
	font-weight; normal;
	background: #ffffff;
}


/* admin */

.adm_layout {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	
	text-align: left;
	border: 1px #dddddd dashed;
	border-top: 0px;
	font-family: verdana;
	font-size: 12px;
	background: #ffffff;
}

.adm_layout h3 {
	font-size: 14px;
}

.adm_layout .logo {
	display: block;
	margin-left: 10px;
}

.adm_cols {
	margin: 0px;
}

.adm_cols .col1 {
	padding: 10px;
	vertical-align: top;
	width: 150px;
}

.adm_cols .col2 {
	padding: 10px;
	vertical-align: top;
}

/*
	
.edit {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	}	

.edit .group_title {
	background: #8FBAEA;
	}	

.edit table {
	}	

.edit td {
	text-align: left;
	}

.edit .title {
	text-align: left;
	width: 100px;
	}

.list {
	text-align: center;
	margin-top: 30px;
	}

.list table {
	margin-left: auto;
	margin-right: auto;
	}	

.list .title {
	background: #8FBAEA;
	}	

.list td {
	text-align: left;
	vertical-align: top;
	border-top: 2px solid grey;
	padding: 5px;
	padding-top: 20px;
	padding-bottom: 20px;
	}	

.list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}	

.list label {
	display: block;
	}	

.navire {
	width: 100%;
	}
	
.navire_title {
	text-align: center;
	background: #003399;
	color: #ffffff;
	border: 1px solid #000000;
	}
	
.navire_left {
	text-align: center;
	vertical-align: top;
	padding: 20px;
	width: 300px;
	border: 1px solid #000000;
	}
	
.navire_right {
	text-align: center;
	vertical-align: top;
	padding: 20px;
	border: 1px solid #000000;
	}

.file {
	width: 80%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #000000;
	}
	
.fileth , .file th {
	text-align: center;
	background: #003399;
	color: #ffffff;
	}
	
.filetd {
	padding: 10px;
	}
	
.notif_log {
	text-align: left;
	}	
*/

.section_client {
	margin: 20px;
}

.section_client h1 {
	background: url(img/title_bg.gif) no-repeat;
	font-size: 20px;
	font-family: verdana;
	font-style: italic;
	color: #000000;
	padding-left: 40px;
	padding-top: 25px;
	padding-bottom: 18px;
	margin-top: 0px;
	position: relative;
	left: -20px;
}

#navire_list th {
	display: none;
}


#equipement_liste_client th , #equipement_liste_client td {
	font-size: 11px;
}


/*
#fichier_liste_client #title {
	width: 140px;
}

#adm_equipement_liste #marq {
	width: 140px;
}

#adm_equipement_liste #model {
	width: 130px;
}

#adm_equipement_liste #serial {
	width: 130px;
}

#adm_equipement_liste #esn {
	width: 130px;
}

*/


#adm_equipement_liste #exp {
	width: 130px;
}

#adm_equipement_liste table {
	border-collapse: separate;
}

#adm_equipement_liste th {
	border: 12px solid #ffffff;
}

#adm_equipement_liste td {
	border: none;
	padding-left: 12px;
}


/*WS::STYLE:::::::::::::::::::::::::::::::::::::::::::::::::*/

/* admin_form */

.admin_form {
	text-align: left;
	font-family: arial;
}

.admin_form .data {
	padding: 5px;
}

.admin_form .group_title {
	background: #b1d8f0;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 3px;
}

.admin_form .htmlarea {
	width: 100%;
	height: 500px;
}

.admin_form .htmlarea_global {
	width: 500px;
}

.admin_form .htmlarea_menu {
	width: 100%;
}

.admin_form .input_text {
	width: 250px;
}

.admin_form .input_textarea {
	width: 500px;
	height: 100px;
}

.admin_form .message {
	margin: 10px;
	padding: 10px;
	background: yellow;
	color: #000000;
}

.admin_form .mod_title {
	margin-top: 30px;
	text-decoration: underline;
	font-size: 17px;
}

.admin_form .submit {
	padding: 5px;
}

.admin_form .title {
	padding: 4px;
}

/* admin_list */

.admin_list {
	text-align: left;
	font-family: arial;
}

.admin_list .data {
	padding: 5px;
	vertical-align: top;
	border-bottom: 2px dashed #aaaaaa;
}

.admin_list .group_title {
	background: #b1d8f0;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 3px;
}

.admin_list .input_date {
	width: 80px;
}

.admin_list .input_text {
	width: 200px;
}

.admin_list .input_textarea {
	width: 300px;
	height: 200px;
}

.admin_list .input_title {
	display: block;
}

.admin_list .item_title {
	display: block;
	margin-bottom: 4px;
	font-weight: bold;
}

.admin_list .mod_title {
	margin-top: 30px;
	text-decoration: underline;
	font-size: 17px;
}

.admin_list .submit {
	padding: 5px;
}

.admin_list .title {
	background: #b1d8f0;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 3px 15px 3px 15px;
	text-align: center;
	border-right: 1px solid white;
	font-size: 14px;
}

.admin_list li {
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.admin_list ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

/* client_list */

.client_list {
	margin-left: 10px;
}

.client_list .data {
	padding: 10px 20px 30px 6px;
}

.client_list .links {
	margin-top: 10px;
}

.client_list .title {
	background: #8FBAEA;
	border: 1px solid #000000;
	text-align: left;
	padding: 5px 20px 5px 5px;
}

.client_list  TABLE  TBODY  TR  .data  UL  LI  {
	background: none;
}

.client_list TR .data UL LI {
	background: none;
}

.client_list ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

/* content_display */

.content_display {
	padding: 20px;
}

/* content_edit */

.content_edit .categ .title {
	background: #000000;
	color: #ffffff;
	margin-top: 10px;
	font-weight: bold;
}

.content_edit .edit {
	float: left;
	margin-left: 50px;
}

.content_edit .htmlarea {
	width: 500px;
	height: 500px;
	border: 1px solid;
}

.content_edit .htmlarea_menu {
	background: #CBE1FC;
	width: 500px;
	text-align: left;
	padding: 0px;
	border: 1px outset;
	margin-top: 5px;
}

.content_edit .list {
	float: left;
}

.content_edit .title {
	margin-top: 10px;
	font-weight: bold;
}

/* content_img */

.content_img .thumb {
	float: left;
	margin: 2px;
	text-align: center;
	font-size: 10px;
}

.content_img .filename {
	width: 70px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

/* content_menu */

/* edit */

.edit {
	margin-left: auto;
	margin-right: auto;
}

.edit .data {
	padding-left: 10px;
	padding-right: 10px;
}

.edit .input_text {
	width: 300px;
}

.edit .title {
	text-align: center;
	border-bottom: 1px dashed #999999;
}

.edit  TABLE  TBODY  TR  TH  {
	border: 1px solid #ffffff;
}

.edit TR TH {
	border: 1px solid #ffffff;
}

/* list */

/* login */

.login {
	width: 300px;
	margin: auto auto;
}

.login .data {
	padding: 5px;
}

.login .submit {
	text-align: right;
	padding-right: 40px;
}

.login .title {
	padding-right: 10px;
}

/*WS::STYLE:::::::::::::::::::::::::::::::::::::::::::::::::*/