/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}
textarea {font-family: Arial, Helvetica, sans-serif; font-size:12px;}
* {
	padding: 0px;
	margin: 0px;
}
html, body, table , .intern {height:100%;margin:0;padding:0;width:100%;

}
td {
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}
a {color:#fff;}
a, a:hover {text-decoration:none;}

body {
	background:url(http://www.maritimeservices.fr/en/images/trame_03.jpg) repeat;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	color:#333333;
	font-size:11px;
}
p {
	margin: 0px;
	padding: 0px;
	line-height:16px;
}
h1 {
	background:#110d54;
	color:#fff;
	font-size:18px;
	margin:  0;
	padding:  5px 0 0 30px;
	line-height:26px;
	font-weight:normal;
	height:26px;
	display:block;
	width:740px;
}
h1 strong {font-weight:normal; font-size:22px;}
h2 {
	font-size:18px ;
	color:#110d54 ;
	margin: 0px;
	padding: 20px 0 5px 30px;
	font-weight:normal;
}
h3 {
	font-size:14px ;
	color:#110d54;
	margin: 0px;
	padding: 15px 0 0 30px;
}
#colonne_centre p  {text-align:justify}
/********************************************** MODELE ************************************************************/

#afficher{
position: relative;
}
#container {
	background:#110d54;
	width:975px; 
	margin:0 auto 20px auto; 
	position:relative;
	padding:0 0 0 0;
	overflow:hidden;
}

#header {
	background:url(http://www.maritimeservices.fr/en/images/trame_03.jpg) repeat;
	height:125px; 
	width:770px;
}
#logo {
	background:url(http://www.maritimeservices.fr/en/images/modele_04.jpg) no-repeat right 0;
	width:400px; 
	height:125px;
	display:block;
	margin:0 0 0 0px;
	padding: 0 310px 0 0;
	float:right;
	font-size:16px;
}
#logo span {
	color:#111e45;
	font-size:16px;
	letter-spacing:0.03em;
	border-bottom:1px solid;
	display:block;
	width:365px;
	text-align:right;
	padding:50px 0 0 0;
}
.fixe {float:right; margin-left:30px;}
.marge {float:right; margin-bottom:11px;}
#diapo {
	width:785px; 
	height:230px; 
	float:left;
	overflow:hidden;
} 

#img{
	background:#110d54;
	margin-left:30px; 
	width:308px; 
	height:469px;
	float:right;
	overflow:visible;
} 

#content {
		background:#fff;
	padding:0 0 15px 0;
	width:770px;
	height:auto;
	overflow:hidden;
	float:right;
}


#haut {
		background:url(http://www.maritimeservices.fr/en/images/trame_03.jpg) repeat;
	padding:0 0 15px 0;
	width:770px;
	height:10px;
	overflow:hidden;
	float:right;
}

#content p {
		padding:0 0 0 30px; text-align:justify;}


#colonne_gauche {
	background:url(http://www.maritimeservices.fr/en/images/modele_02.jpg) no-repeat;
	padding:340px 0 0 5px;
	width:200px;
	float:left;
}

#footer {
	width:975px;
	height:40px;
	margin:0 auto;
}

.float_right {float:right;}
.float_left {float:left;}
.clear_both {clear:both;}
/*************************************************** COMMUN *******************************************************/
#container .annotation {
	font-size:14px;
	color:#2d2c29;
	display:block;
	padding-top:10px;
	padding-bottom:10px;
	line-height:20px;
	font-weight:bold;
	text-align:center !important;
	
}
.espace {margin:0 40px 0 0;}
.resume {
		width:258px;
		float:left;
		border:1px solid #E1AF64;
		background:#000000;
		padding:10px;
}

/************************************************** MISE EN PAGE ********************************************************/
.link {
	margin:  5px  0 5px 0 !important;
	background:#110d54;
	height:20px;
	display: block;
   color:#ffffff;      /*Ici, changer la couleur de la police*/
   font-size: 12px; 
   font-weight:bold;
   text-decoration: none;
   line-height:20px!important;
   text-align:right;
	float:right;
	padding:0 5px 0 20px;
	width:119px;
}

.link:hover{
	background:#0C1943 !important;
}


.liste-normale {
	list-style-type:disc;
	margin:0 20px 0 0px;
	padding:10px 0 0 30px;
	font-size:1em;
	list-style-position:inside;

}
.liste {
	list-style-type:disc;
	margin:0 20px 0 30px;
	padding:10px 0 0 0;
	font-size:1em;
	list-style-position:inside;

}
.boite {
	width:440px;
	float:left;
	margin:0 20px 0 0px;
}
.liste-normale li, .liste li {
		line-height:12px;
		padding:0 0 5px 0;
}
ul a {color:#333333 ;}
.inside {	list-style-position:inside;}
.outside {list-style-position:outside} 

.base img {float:left; margin: 0 20px 10px 0;}
.img {margin:0 10px 5px 0; float:left; }


/******************************************* TARIF ******************************************************************/
.tab {
	list-style-type:none;
	margin:0 0 0 20px;
	padding:20px 0 10px 0;
	font-size:1em;
	display:block;
	float:right;
}
.gris {background-color:#E6E6E6;}
.tab li {
		line-height:14px;
		margin:0 0 10px 0;
		padding:2px 0 2px 5px;
}
.nom { width:380px;}
.permanent {width:205px; padding-right:20px!important; }
.tableau {width:650px; margin:0 auto;}
/******************************************* CONTACT PLAN D'ACCES  **************************************************/
#plan {
		height:270px;
		width:465px;
		float:left;
}
#formulaire {
	float:left;
	margin:40px 40px 0;
	padding:10px 0 0 0;
	width:400px;
}
.coo {
	float:left;
	margin:20px 0 0;
	padding:20px 15px 15px;
	width:240px;
}
#content .mise a {color:#1483b4 !important;}
.champ {overflow:hidden; padding:0 0 5px 0;}
.champ p { display:block; float:left; width:120px;}
.form-style {
	color:#000000;
	background-color:#ffffff;
	border:#0C1943 1px solid;
	width:240px;
	height:15px;
}
.form-admin {
	color:#0C1943;
	background-color:#ffffff;
	border:#00F 1px solid;
	width:240px;
	height:15px;
	padding:2px;
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}
.form-style3 {
	color:#000000;
	background-color:#ffffff;
	border:#0C1943 1px solid;
	width:167px;
	height:15px;
}
.champ span {
		display:block;
		float:left;
		width:85px;
		margin:0 10px 0 0;
		height:15px;
}
.form-style2 {
	color:#000000;
	background-color:#ffffff;
	border:#0C1943 1px solid;
	width:240px;
	height:130px;
}
.btn {
	color:#fff;
	background-color:#110d54;
	border:#110d54 1px solid;
	font-weight:bold;
	font-size:0.9em;
	padding:3px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 210px;
	cursor:pointer;
}


/************************************************** MENU ********************************************************/
.MenuHorizontal {
	width:200px;
	padding:0 0 0 0 ;
	height:auto;
	overflow:hidden;
	margin:  0;
	list-style:none;
}
.MenuHorizontal li {
	margin-top: 0 ;
	margin-left: 0 ;
	margin-bottom: 7px ;
	padding:0 5px 0 10px;
	display:block;
	height:24px;
	text-align:left;
	width:185px;
}
.MenuHorizontal a {
	height:23px;
	padding: 0px !important;
	margin:0;
	display:block;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	line-height:28px;
	
}


#m1 { }
#m2 {}
#m3 {}
#m4 {}
#m5{}

.selected, .MenuHorizontal li:hover { background: #fff !important; }
.selected a, .MenuHorizontal li:hover a {  color:#110d54 !important}



/************************************************* MENTIONS **********************************************************/
.mentions {font-size:10px; line-height:12px; padding:0 30px 0 0;}
.legal {
		display:block;
		float:left;
		text-align:center;
		font-size:10px;
		font-weight:bold;
		height:15px;
		padding: 0 0 0;
		letter-spacing:0.03em;
		width:975px;
}
.legal a { color:#2d2c29;}
.legal a:hover { color:#EA6E00;}
.table1 {
		list-style:none;
		float:left;
		width:200px;
		padding:10px 0 20px 30px;
}
.table1 li {
		height:20px;
		font-size:14px;
		font-weight:bold;
		line-height:20px;
}
.table2 li {
		height:20px;
		font-size:12px;
		line-height:20px;
}
.table2 {
		list-style:none;
		float:left;
		padding:10px 0 20px 0;
}
.lois { width:735px; margin:0 auto; overflow:hidden; padding:0 30px 0 0;}


/************************************************** MENU ********************************************************/

#trad
{
	background:url(http://www.maritimeservices.fr/en/images/trame_03.jpg) repeat;
	height:25px; 
	width:770px;
	display:block;
}

.SousMenu{
	width:auto;
	padding:0 0 0 0;
	height:25px;
	overflow:hidden;
	margin:  0;
	list-style:none;
	clear: both;
	position:relative;
	float:right;
	display:inline;
}
.SousMenu li {
	margin-top: 0 ;
	margin-left: 0 ;
	margin-bottom: 7px ;
	padding:0 5px 0 10px;
	display:inline;
	height:24px;
	text-align:left;
	position:relative;
	width:auto;
	float: left;
}
.SousMenu a {
	height:23px;
	padding: 0px !important;
	margin:0;
	display:inline;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
	font-weight:bold;
	color:#110d54;
	position:relative;
	line-height:23px;
		float: left;
	
}


#m1 { }
#m2 {}

.select, .SousMenu li:hover { background: #fff !important; }
.select a, .SousMenu li:hover a {  color:black !important}


/*
     FILE ARCHIVED ON 03:35:13 May 30, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:32:00 Nov 04, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/