body {
	margin:0;
	padding:0;
	background: #ffffff url(/images/fond-marin.gif) repeat-x;
}

div { padding:0; margin:0; }
img { border:0; padding:0; margin:0; }

/* -------------------------------------------------------------------  */
/* --------------- Positionnement des blocs de la page ---------------- */
/* -------------------------------------------------------------------  */

#global {
	position:absolute;
    left: 50%; 
    top: 0px;
    width: 902px;
    margin-left: -451px; /* moitié de la largeur */
}

#hp {
	float:left;
	width:782px;
	height:123px;
	margin:0px;
	padding: 0 60px 0 60px;
	font-size:0;
}

#secodi-perkins-sabre {
	float:left;
	background: url(/images/moteur-marin.gif) no-repeat;
	width:314px;
	height:94px;
	padding-left:23px;
	padding-top:29px;
	text-align:left;
}

#menu {
	float:left;
	background: #ffffff url(/images/fond-menu.jpg);
	width:902px;
	height:43px;
}

#content_bord {
	float:left;
	width:780px;
	padding-left: 60px;
	padding-right: 60px;
}
	
#content {
	float:left;
	width:780px;
	padding:0px;
	vertical-align:top;

	background: #a5bdd0; 
	border-right: 1px solid white;
}

/* -------------------------------------------------------------------  */
/* --------------- 				Styles				   ---------------- */
/* -------------------------------------------------------------------  */

/* Liste de choix du site */
select, option
{
  color: #E26A00;
  background-color:#e6ecf2;
}

.form_error
{
  padding-left: 10px;
  color: #d8732f;
}

/* -------------------------------------------------------------------  */
/* --------------- MENU ADMIN	   ------------------------------------ */
/* -------------------------------------------------------------------  */

#admin-bar {
	position:absolute;
    left: 0; 
    top: 0;
 	padding: 2px;
    overflow: hidden;
  	filter:alpha(opacity=85);
	z-index: 995;
    width: 115px;
    background-color: #eef;
    border: 1px #bbb solid;
}

#admin-bar a { color: #444; font-size: 11px; }
#admin-bar a:hover { color: #e33; }
#admin-bar hr { height: 1px; }
#admin-bar img { vertical-align: middle; display: inline-block; }
#admin-bar ul {	padding: 0; margin: 0; }
#admin-bar li { 
	padding: 2px 2px 2px 5px;
  	font-size: 11px;
	margin: 0;
}

#admin-bar select, #admin-bar option
{
	padding: 0;
	margin: 0;
	width: 100px;
  	font-size: 10px;
}
.floatleft { float: left; }
.floatright { float: right; }
/* -------------------------------------------------------------------  */
/* --------------- MENU CONTEXTUEL ------------------------------------ */
/* -------------------------------------------------------------------  */

/* Boite de confirmation centrée sur la page */
#center-box {
	width: 400px;
	height: 170px;
	text-align: center;
	margin: 50px auto 50px auto;
	padding: 40px;
	border: 1px solid #ccc;
	background:#5897c2;
}

/* Menu d'édition des pages en ligne */
#admin_page_button {
	position: absolute;
	top: 166px;
  	right: 20px;
	background: #eee;
	padding: 5px;
	border: 1px dashed #ccc;
}

/* Croix pour fermer le menu d'édition des pages en ligne */
#admin_page_close {
	position: absolute; 
	top:0; 
	right:0;
}

/* -------------------------------------------------------------------  */
/* --------------- MENU ET CONCEPTION DES PAGES      ------------------ */
/* -------------------------------------------------------------------  */

#menu-gauche {
	float: left; 
	width: 170px; 
	height: auto;
	vertical-align: top;
	padding: 0;
	margin: 0;
	line-height: 18px;
	border-left: 1px solid white;
	border-right: 1px solid gray;
	background: #a5bdd0 url(/images/menu/fond-menu.jpg) repeat-x bottom;
	font-size:11px;
}

.menu-gauche-color {
	width: 170px; 
	background: #a5bdd0;
	vertical-align: top;
	padding: 0;
}

#menu-titre {
	padding-left:5px;
	padding-top:3px;
	height:24px;
	background: #a5bdd0 url(/images/menu/fond-titre.gif) no-repeat top right;
	color:#ffeedd;
	font-size:13px;
	font-weight:bold;
	text-transform:capitalize;
}

#menu-liste {
	padding: 5px 5px 5px 10px;
	height:auto;
	background: #a5bdd0 url(/images/menu/fond-menu.jpg) repeat-x bottom;
	font-size:11px;
}

#menu-liste-bas {
	height:200px;
	background: #a5bdd0 url(/images/menu/fond-menu.jpg) repeat-x bottom;
}

#page-content {
	float: left;
	width: 100%;
	background: #ffffff url(/images/fond-contenu.jpg) repeat-x top; 
}

.page-content-color {
	background: #ffffff; 
	vertical-align: top;
	padding: 0;
}

.menuActif {
	background: url(/images/menu/bulleA.gif) no-repeat 0px -1px;
	padding-left: 15px;
	color:#2a709c;
	font-weight:bold;
	font-size:12px;
}

.menuNonActif {
	background: url(/images/menu/bulleNa.gif) no-repeat 0px -1px;
	font-size:12px;
	padding-left: 15px;
}

.menuNonActif a {
	color:#f3eee6;
}

.sous_menuActif {
	padding-left: 15px;
	color:#2a709c;
	font-weight:bold;
	font-size:11px;
}

.sous_menuNonActif {
	padding-left: 15px;
	font-size:12px;
}

.sous_menuNonActif a {
	color:#f3eee6;
}

.table-page {
	border-collapse:collapse;
	border-spacing: 0;
	border:0;
	width: 100%;
}

/* -------------------------------------------------------------------  */
/* --------------- PIED DE PAGE ------------------------------------ */
/* -------------------------------------------------------------------  */


#pied_page {
	clear: both;
	float: left;
	width:782px;
	height:40px;
	padding-left:60px;
	padding-right:60px;
}

#rond {

	float:left;	
	width:114px;
	height:40px;
	padding:0px;
}

#pied_page ul
{
	margin: 0;
 	padding: 0;
}

#pied_page li
{
	display: inline;
 	padding-left: 3px;
 	padding-right: 7px;
 	border-right: 1px dotted #066;
 	font-size:9px;
	color:#ffffff;
}

#pied_page li.last
{
	border-right: 0;
}

#pied-secodi-perkins {
	background: #f0f0f0 url(/images/pied-marin/fond-pied.gif) repeat-x;
	float:left;	
	width:390px;
	text-align:left	;
	padding-top:25px;
	height:15px;
	padding-left:18px;
	border-left: 1px white solid;
}

#pied-secodi-perkins a {
	color:#ffffff;
	font-size:9px;
}

#pied-communication {
	float:left;	
	background: #f0f0f0 url(/images/pied-marin/fond-pied.gif) repeat-x;
	width:241px;
	height:15px;
	padding-top:25px;
	padding-right:17px;
	text-align:right;
	border-right: 1px white solid;
}

#pied-communication a {
 	color:#ccdbe5;
 	font-size:9px;
 	text-decoration:none;

}

/* -------------------------------------------------------------------  */
/* --------------- 				Autres				   ---------------- */
/* -------------------------------------------------------------------  */

.inputLabel {
	text-align:left;
	font-size:11px;
	font-weight:bold;
	color:#555555;
	padding:3px;
	padding-left:5px;
	background: #ffe9cb;
}
.inputValue {
	text-align:left;
	font-size:11px;
	color:#555555;
	padding:3px;
	padding-left:5px;
	background: #fff9f1 url(/images/tableau/fond-value.jpg) repeat-y;
	border-bottom: 1px solid #cacaca;
}

img.image_accueil {
  padding-top:19px;
}

a.actujob_line {
	color:#44a5e5;
}

a.actujob_line:hover {
	color:#ffffff;
}

#carte { position: relative }
.mapAgentInfo {
	float:left;
	width:250px; 
	padding-left:5px;
	padding-bottom:25px;
	visibility: hidden;
	display: none;
}


.mapAgentInfo table {
	border: 1px solid #4b8fbe;
}

.mapAgentInfo td.agenttitre0 {
	background: #cacaca;
	text-align:center;
}

.mapAgentInfo td.agenttitre1 {
	background: #BDD8EB url(/images/tableau/fond-titre1.jpg) repeat-y right;
	text-align:center;
	font-weight:bold;
}

.localisation {
	text-align:center;
	font-weight: bold;
}