/* CSS Document */

/* CONTAINER */
#container {
	background-color:#E9ECF5;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
}
/*   HEAD */
	#head {
		background-color:#E9ECF5;
		background:url(../images/fond/head.jpg) top left no-repeat;
		width: 720px;
		height: 86px;
	}
		#logo {
			margin-left:80px;
			padding-top:20px;
		
		}
		#flash01 {
			margin-left:200px;
			margin-top:-62px
		}
/*   ARIANE */
	#ariane {
		width: 720px;
		height: 44px;
		background:url(../images/fond/ariane02.jpg) top left no-repeat;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
	/* Inscription NEWSLETTER */
	#texteIscriptionNews {
		height:15px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		text-align: center;
		padding:5px 0 0 170px;
		margin:0 0 0 0;
	}
	#inscriptionNewsLetter {
		width:120px;
		height:17px;
		margin:-15px 0 0 526px;
		padding:0 0 0 0;
	}
	/* les drapeaux */
	#drapFR {
		display:block;
		width:18px;
		height:12px;
		margin:-13px 0 0 660px;
	}
	#drapEN {
		display:block;
		width:17px;
		height:12px;
		margin:-12px 0 0 684px;
	}
	#sous_menu{
		font-size:11px;
		padding:10px 0 0 208px;
		margin:0 0 0 0;
	}
		#sous_menu ul {
			list-style-type:none;
			padding:0 0 0 0;
			margin:0 0 0 0;
			height:10px;
		}
				#sous_menu ul li{
					font-size:10px;
					color:#003366;
					display:inline;
				}
					#sous_menu ul li a{
						color:#003366;
						text-decoration:none;
						
					}
						#sous_menu ul li a:hover{
							color:#FF6600;
						}
						
	
/*   CENTER GENERALE */
	DIV#centre {
		width: 720px;
		background:url(../images/fond/central_01.jpg) top left repeat-y;
		padding:0 0 0 0;
		margin:0 0 0 0;
	}
/*  MENU */
		#the_menu {
			margin:0 0 0 0;
			padding:0 0 0 35px;
			height:435px;
		}
			#cadre_menu {
				width:160px;
				padding: 9px 0 0 0;
				margin:0 0 0 0;
				background: url(../images/cadremenu.jpg) top left no-repeat;
			}
				#menu {
					background:url(../images/cadre_menu_02-02.png) bottom left no-repeat;
					padding:0 0 0 10px;
					margin:0 0 0 0;
				}
					#menu ul {
						list-style-type:none;
						margin:0px;
						padding:0px;
						
					}
					#menu li {
						display:inline;
						margin: 0;
						padding: 0;
					}
						#menu ul li a { /* def des boutons du menu*/
							display:block;
							width: 142px; /* largeur du bouton*/
							height: 42px;
							font-weight:bold;
							font-size:10px;
							color: #e9ecf4;
							text-indent: 15px;
							line-height: 33px;
							background:url(../images/bout_cont.png) no-repeat 0 0;
						}
						#menu ul li a.vert { /* def des boutons du menu*/
							display:block;
							width: 142px; /* largeur du bouton*/
							height: 42px;
							font-weight:bold;
							font-size:10px;
							color:#FFBA75;
							text-indent: 15px;
							line-height: 33px;
							background:url(../images/bout_cont.png) no-repeat 0 0;
						}
						#menuOrange a {
						color:#FF3300
						}
						#menu ul li a:hover {
							background:url(../images/bout_cont.png) no-repeat 0 +4px;
							color:#000000;
						}
						#menu ul li a.vert:hover {
							background:url(../images/bout_cont.png) no-repeat 0 +4px;
							color:#FF6600;
						}
			#menu a span {
				display:none;
			}
/* flash02 */
	#flash02 {
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	}
/* CENTRE Partie société  */
#societe {
	width: 480px;
	padding:0 0 0 208px;
	margin:-433px 0 0 0;
}
#cadreHaut{
	background:url(../images/cadre/cad_haut_gr.jpg) top left no-repeat;
	width:491px;
	height:4px;
	font-size:1px;
	padding:0 0 0 0;
	margin:0 0 0 0;
}
#imgSociete {
	padding:4px 0 0 0;
	margin:0 0 0 0;
}
#contenuSociete{
	background:url(../images/cadre/arr_g.png) top left repeat-y;
	padding:8px 0 10px 10px;
	margin:0 0 0 0;
}
#texteSociete {
	color:#003366;
	padding-left:158px;
	margin-top:-100px;
}
/*    CENTRE Partie Service (ingenierie et materiel */
#services{
	padding:0 0 0 208px;
	margin:0 0 0 0;
}
#services p{
	font-size:9px;
}
/*  Partie Ingenierie */
#ingenierie {
	background:url(../images/cadre/arr_g.png) top left repeat-y;
	height: 320px;
}
#ingenierieUK {
	background:url(../images/cadre/arr_g.png) top left repeat-y;
	height: 290px;
}
#cadreHaut_pt {
	background:url(../images/cadre/cad_haut_pt.jpg) top left no-repeat;
	height:10px;
	font-size:1px;
}
#titreInge {
	padding:0 0 0 8px;
	margin:0 0 0 0;
}
#texteInge {
	padding:8px 0 8px 8px;
	margin:0 0 0 0;
}
#imgInge {
padding:0 0 0 26px;
margin:0 0 0 0;
}
/* CENTRE Partie Materiel portuaire */
#matPort {
	background:url(../images/cadre/arr_g.png) top left repeat-y;
	margin-left:250px;
	margin-top:-321px;
	height: 320px;
}
#matPortUK {
	background:url(../images/cadre/arr_g.png) top left repeat-y;
	margin-left:250px;
	margin-top:-291px;
	height: 290px;
}
#cadreHaut_pt_fin {
	background:url(../images/cadre/cad_haut_pt_fin.jpg) top left no-repeat;
	height:10px;
	font-size:1px;
}
#titreMatPort {
	padding:0 0 8px 8px;
	margin:0 0 0 0;
}
#imgCourtage {
	padding-left:8px
}
#titreCourtage {
	padding:0 0 8px 0;
	margin:-72px 0 0 86px;
}
#texteCourtage {
	padding:0 0 8px 0;
	margin:0 0 0 86px;
}
#imgRenov {
padding-left:8px
}
#titreRenov {
	padding:0 0 8px 0;
	margin:-72px 0 0 86px;
}
#texteRenov {
	padding:0 0 0 0;
	margin:0 0 0 86px;
}
/* Les pages interieur */
#societePage {
	width: 480px;
	padding:0 0 0 208px;
	margin:-433px 0 0 0;
}
#contenuPage{
	width:470px;
	height:405px;
	overflow:auto;
	background:url(../images/cadre/arr_g.png) top left repeat-y;
	padding:10px;
	
}
#titrePage{
	font-size:20px;
	color:#003366;
	padding:0 0 0 4px;
	margin:0 0 0 0;
}
/*   CENTRE le pied   */
	#centre_pied{
		background:url(../images/fond/central_02.jpg) no-repeat;
		width: 720px;
		height: 14px;
	}
/*   FOOTER  */
	#pied {
		background:url(../images/fond/footer.jpg) top left no-repeat;
		width: 720px;
		height: 30px;
		font-size:11px;
		text-align:center;
	}
		#pied_pos {
			position:relative;
			top:6px;
		}
			#pied ul {
				padding:0 0 0 0;
				margin:0 0 0 0;
				list-style-type:none;
			}
				#pied ul li {
					color:#003366;
					margin:20px 0 0 0;
					display:inline;
				}
					#pied ul li a {
						margin:0 10px 0 10px;
						color:#003366;
						text-decoration:none;
					}
					#pied ul li a:hover {
						color:#FF6600;
					}
					
/* les shémeas position */

#scemING {
padding:0 0 0 0;
}
#lien_bleu {
	padding-right:30px;
	text-align:right;
}
#clignotant {
position:relative;
z-index:10;
}
.clignotantFR {
position:relative;
z-index:10;
	height:15px;
	padding-left:93px;
}
.clignotantUK {
	height:15px;
	padding-left:105px;
}