/* Start of CMSMS style sheet 'default' */
html {
	margin: 0;
	padding: 0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color: #18507C; 

	margin: 0; 
	padding: 0;
	
}

body a:link, a:active, a:visited{
	text-decoration:none;
	color:#069;
}

body a:hover{
	color:#069;
	text-decoration:underline;
}
#container {
	background: #FFFFFF url(images/mttm/bg.jpg) no-repeat top center; 
	margin: auto;
	width:1200px;
	height:900px;
	position:relative;
}

#logo{
	position:absolute;
	left: 845px;
	top: 7px;
}
#Headermenu{
	position:absolute;
	text-align:right;
	width:530px;
	height:20px;
	left: 680px;
	top: 122px;
}
#menuH {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	
}
#menuH li {
	float:left;
	display: inline ;
	margin-right: 1px ;
	color: #069 ;
}
#menuH li a {
	color: #069 ;
	line-height: 1em ;
	padding: 0px 10px;
	text-decoration: none ;
}
#menuH li a:hover, #menuH li a:focus, #menuH li a:active {
	text-decoration: none ;
	color:#000;
}

#menuH h3 {
   margin: 0;
   padding: 0px 10px;
   text-decoration: none;
   color: #069;
   font-size: 16px;
   font-weight: bold;
}

#Leftmenu{
	position:relative;
	text-align:left;
	width:330px;
	height:200px;
	top: 458px;
	z-index:5;
}

#header{
	position:absolute;
	background-color:#FFF;
	text-align:center;
	width:1027px;
	height:299px;
	left: 85px;
	top: 159px;
	z-index:1;
}
#coverflow{
	position:absolute;
	background-color:#FFF;
	text-align:center;
	width:1027px;
	height:299px;
	top: 159px;
	left: 85px;
	z-index:1;
}
#titre{
	font-family:"Arial", Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	width:150px;
	text-align:left;
	height:auto;
	top:315px;
	position:absolute;
	left:296px;
	height:227px;
}
#textDiv {
	font-family:"Arial", Helvetica, sans-serif;
	font-size:14px;
	width:650px;
	text-align:left;
	height:auto;
	top:335px;
	position:absolute;
	left:296px;
	height:227px;
}

#Content{
	position:absolute;
	padding: 0 60px 0 0;
	width:484px;
	height:228px;
	top: 470px;
	left: 367px;
}

#Content-logistique{
	position:absolute;
	padding: 0 60px 0 0;
	width:680px;
	height:280px;
	top: 470px;
	left: 360px;
        overflow:auto;
}
#Content-news{
	position:absolute;
	padding: 0 20px 0 12px;
	width:690px;
	height:270px;
	top: 470px;
	left: 377px;
       overflow:auto;
}
#Content-indus{
	position:absolute;
	padding: 0 60px 0 0;
	line-height:12px;
	width:670px;
	height:266px;
	top: 504px;
	left: 360px;
}

#Contact{
	position:absolute;
	padding: 0 20px 0 12px;
	width:710px;
	height:273px;
	top: 470px;
	left: 350px;
        overflow:auto;
	line-height: 1em;


}
#Contact1{
	position:absolute;
	width:160px;
	height:228px;
}
#Contact2{
	position:absolute;
	width:160px;
	height:228px;
	left: 190px;
}
#Contact3{
	position:absolute;
	width:160px;
	height:228px;
	left: 370px;
}
#Contact4{
	position:absolute;
	width:160px;
	height:228px;
	left: 550px;
}
#title-indus{
	position:absolute;
	padding: 0 60px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:611px;
	height:25px;
	top: 475px;
	left: 377px;
}
#Content-portuaire{
	position:absolute;
	padding: 0 60px 0 0;
	line-height:12px;
	width:611px;
	height:266px;
	top: 504px;
	left: 377px;
}
#title-portuaire{
	position:absolute;
	padding: 0 60px 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	width:611px;
	height:25px;
	top: 475px;
	left: 377px;
}

#news{
	position:absolute;
	display:block;
	background-color:#fff;
	float:right;
	width:242px;
	height:120px;
	top: 458px;
	left: 861px;
        padding: 0 10px 0 0;
}
#news2 {
	width: 300px ;
	list-style: none ;
	text-indent: 90px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin: 0 ;
	padding: 0 ;
}
#news2 li {
	background: #18507C;
        height:25px;
        margin: 0 0 0.5em 0;
        padding: 0.3em 0 0.1em 0; /* some air for it */
	color: #FFF ;
}
#news2 li a {
	display: block ;
	color: #fff ;
	line-height: 1em ;
	padding: 8px 4px 8px 10px ;
	text-align: left ;
}
#news2 li a:hover, #menuV li a:focus, #menuV li a:active {
	text-decoration: none ;
	color:#000;
}
#news-content{
	padding: 0 20px 0 12px;
	width:220px;
	height:200px;

}

#downloadPlace{
	position:absolute;
	text-align:left;
	width:360px;
	height:20px;
	left: 100px;
	top: 122px;
}

#download{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#download li {
	display: inline ;
	margin-right: 1px ;
	color: #069 ;
}
#download li a {
	color: #069 ;
	text-align:right;
	line-height: 1em ;
	padding: 4px 10px ;
	text-align: center ;
	text-decoration: none ;
}
#download li a:hover, #menuH li a:focus, #menuH li a:active {
	text-decoration: none ;
	color:#000;
}


#Donnees{
	position:absolute;
	padding: 0 20px 0 12px;
	width:710px;
	height:273px;
	top: 470px;
	left: 350px;
        overflow:auto;
	line-height: 1em;


}
#Donnees1{
	position:absolute;
	width:350px;
	height:200px;
	top: 140px;
}
#Donnees2{
	position:absolute;
	width:350px;
	height:200px;
	left: 350px;
	top: 140px;
}
#Certifications{
	position:absolute;
	width:600px;
	height:150px;
	top: 300px;
}
#img-donnees{
	position:absolute;
	width:600px;
	height:100px;
}
#Video{
	position:absolute;
	padding: 0 60px 0 0;
	width:500px;
	height:400px;
	top: 250px;
	left: 450px;
}

#footer {
	line-height:30px;
	position:relative;
	height:1px;
	top:600px;
	text-align:center;
	margin: 0 100px 0 100px;
	text-decoration: none ;
}

/* End of 'default' */