@charset "UTF-8";
/* CSS Document */
/* Spécifique à la Charte du Client par section et pages */
/* Accueil */
body.home div#ttBottom,
body.home div#ttBase,
body.home div#ttMain {background:none;}
body.home div.ttRow#row1 {
	background: url(/img/pages/home/banner_home.jpg) no-repeat center top;
	height:80px;}
body.home div.ttRow#row1b {	background: url(/img/pages/home/banner_home2.jpg) no-repeat center top;
	height:155px;}
body.home div.ttRow#row1b div.columnRight div#intro {
	background: #000;
	opacity:0.6;
	color:#fff;
	width:90%;
	margin:0.5em auto;
	padding:0.5em;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	}
body.home h1 {
	color:#fff !important;
	margin:0.35em 0 0 1.5em;
	}
body.home div.ttRow#row2 p {line-height:190%;}
body.home div#ttMain div#logozone {
	margin:1em 0 0 2em;
	padding: 0.25em 0 0 1em; 
	border-top:1px solid #FFB309;
	clear:both;
	}
body.home div#ttMain div#logozone img {vertical-align:middle;}
body.home div#ttMain div#emergencyfocus,
body.home div#ttMain div#aboutfocus {
	width:190px;
	height:95px;
	}
body.home div#ttMain div#emergencyfocus {
	background:url(/img/charte/fonds/emergencyFocus.png) no-repeat center;
	float:left;
	}
body.home div#ttMain div#aboutfocus {
	background:url(/img/charte/fonds/aboutFocus.png) no-repeat center;
	float:right;
}
body.home div#ttMain div#emergencyfocus h2,
body.home div#ttMain div#aboutfocus h2 {
	text-align:center;
	font-weight:bold;
	color:#fff;
	margin:2em auto 0;
	}
body.home div#ttMain div#imgiSlide {
	background:#0d0f1e;
	margin-bottom:1em;}
body.home.v2 div#ttMain div#imgiNews  {
	margin-top:-12px;}

body.home div#ttMain div#imageRow {margin:6em 0 0; clear:both;}
body.home div#ttMain div#imageRow img {display:block;float:left;}
body.homeCH h1 {color:#FFFFFF;}
/* couleurs et footer en fonction des pages */
/* common */
div.ttRow#first {
	border-bottom : 1px solid #FFB309;
	background:#fff;
	color:#0a335c;
	min-height:40px;
	padding-top:2em;
	}
body.about.history div#ttBottom,
body.services.stowaways div#ttBottom,
body.services.pollution div#ttBottom,
body.services.isindex div#ttBottom,
body.services.assistance div#ttBottom,
body.services.collisions div#ttBottom,
body.emergency div#ttBottom,
body.homeCH div#ttBottom {background:	url(/img/charte/fonds/bottomBuddGrey.png) no-repeat center top;}

body.about.history div#ttBase, 
body.services.stowaways div#ttBase,
body.services.pollution div#ttBase,
body.services.isindex div#ttBase,
body.services.assistance div#ttBase,
body.services.collisions div#ttBase,
body.emergency div#ttBase,
body.homeCH div#ttBase {background: url(/img/charte/fonds/borderBuddBaseGrey.png) repeat-y center top;}

body.services.stowaways div#ttMain,
body.services.pollution div#ttMain, 
body.services.pollution div#ttMain,
body.services.collisions div#ttMain,
body.emergency div#ttMain,
body.homeCH div#ttMain {background:#666161; color:#fff;}

/* services */
body.services.collisions div.ttRow {background :  url(/img/pages/services/collisions/fond.jpg) no-repeat right top;}
body.services.isindex div.columnCenter {padding:0; width:412px;}
body.services.isindex div.ttRow#first {	background:#666161; border-bottom:none;}
body.services.isindex div.ttRow#first h1.titrePage {	border-bottom-color:#ffb309;}
body.services.isindex div#popuplink {
	width:40%;
	height:25px;
	padding:0.25em;
	margin:2em auto 0;
	border:1px solid #ffb309;
	background:#666161;
	}
body.services.isindex div#popuplink p {text-align:center;}
body.services.definition .ttRow {padding-top:2em;}
body.services.definition h1 {
	padding : 0.25em;
	margin: 1em 5em 0.7em;
	text-align:center;
	border:1px solid #ffb309;
	background-color:#4C4848;
	color:#fefefe !important;
	}
body.services.definition p {color:#fefefe !important;	}
body.services.cargo div.ttRow#second,
body.services.customfines div.ttRow#second,
body.services.crew div.ttRow#second {background :  url(/img/gui/fonds/bodybg1600r.jpg) repeat-x center bottom;}
body.services.crew div.ttRow#second div.columnLeft#dock {height:400px;} /* for IE 6 */

.services h1.titrePage {
	font-weight:normal;
	margin:1.5em 0.3em 0.5em;
	border-bottom:none;
	}
.services h2 { 
	margin : 0 0 0.25em 1em;
	font-style : italic;
	font-weight:bold;
	font-size : 0.9em;
	color : #999;
}
.services h3 {
	font-size : 0.80em;
	padding-top : 0em;
	line-height : 115%;
	text-transform : none;
	text-align : left;
	margin :0;
	background : transparent;
	color : inherit;
	}
.services.isindex div#r1c1,
.homeCH div#r1c1 {
	overflow:visible;
	}	
.services.isindex div#r1c1 img,
.homeCH div#r1c1 img {
	display:block;
	float:left;
	margin:0;
	}
.services.isindex div#banner {
	background:#002152;
	width:410px;
	margin:0.5em 0 0 54px;}

.service.isindex div#r2c1,
.homeCH div#r2c1 {clear:both;}
.services.isindex div#r3c1 {
	height:80px; 
	background : url(/img/pages/services/index/_r4_c1.jpg) no-repeat center; 
	padding: 10px 0 0;}
/* About Us */
div#ttMain.about.prologue div#ttRoot,
div#ttMain.about.PnI div#ttRoot {background :  url(/img/gui/fonds/bodybg1600r.jpg) repeat-x center bottom;}

/* Network */
body.network {	background: #fff;}
body.network div#ttMain {	background:  none;}
body.network div#ttFooter {	background:  url(/img/charte/fonds/bottomBgdNW.png) no-repeat center top;}
body.network div#ttLogo { background: url(/img/charte/fonds/mapSmallNW.png) no-repeat 93% -9px;}
/* news */
.news .ttRow>h1.titrePage {
	margin: 2em 1em 0;
	}
.news div.columnLeft {
	overflow:auto;
	margin:0 0.5em 2em;
	height:450px;
	width:48%;
	border:1px solid #ccc;
	background:#ebedef;
	} 
.news div.columnRight {
	width : 45%;
	margin : 0 0.2em;
	}
.news div.columnRight img#newsImage {
	display:block; 
	margin: 0 auto 2em;
	}
.news p.date {border-bottom:1px solid #ccc;}
.news p.definition {
	border-bottom:1px dotted #ccc;
	line-height:300%;
	}
.news p.definition a img {
	vertical-align:middle;
	}
.news img#back {
	float:right;
	margin:0.25em 3em 1em;
	}
/* Gallery */
body.gallery div.ttRow {
	color:#fff;
	background: url(/img/pages/gallery/GalleryTitle.png) no-repeat 50% -0.5em;
	}
body.gallery div#Gallery {
	width:736px;
	margin:3em auto 0;
	padding:0;
	height:327px;
	overflow:hidden;
}
body.gallery div#ttMain {background :  url(/img/gui/fonds/bodybg1600r.jpg) repeat-x center bottom;}
/* Liste Gras */
div#boldList p,
div.boldList p {font-size:0.7em;text-align:left;}
/* Fonds,filets et encadrements de couleur */
.fdGrey90 {
	background:#4C4848;
	color:#fff;} 
.fdGris {
	background:#E2E2E2;
	color:#fff;
	}
.fdGrey70 {
	background:#666161;
	color:#fff;
	} 
.fdGrey70 h2,
.fdGrey70 h1:link,
.fdGrey70 h2:link {color:#c9c4c4;}

.fdGrey50 {background:#999999;}
.fdOrange { background: #FFB309;}

.fdGrey90 a,
.fdGrey70 a, 
.fdGrey70 a:link,
.fdGrey90 a:link {color : #FFFFCC;}
   
.fdGrey70 a:visited,
.fdGrey90 a:visited {color : #ccc;}
.fdGrey70 a:hover,
.fdGrey90 a:hover  {color : #fff;}
.fdGrey70 a:active,
.fdGrey90 a:active    {color : #FFCC66;}

.frameOrange {	border : 1px solid #FFB309;}
.frameOrange2 {	border : 1px solid #FFB309; border-bottom:none;}
.frameWhite {	border : 1px solid #FFFFFF;}

.edgeTopOrange {	border-top : 1px solid #FFB309 !important;}
.edgeLeftOrange {	border-left : 1px solid #FFB309 !important;}
.edgeRightOrange {	border-right : 1px solid #FFB309 !important;}
.edgeBasOrange {	border-bottom : 1px solid #FFB309 !important;}
.edgeLeftGrey {	
	border-left : 3px solid #333 !important;
	padding-left:0.5em !important;
	}
.Orange {color:#FFB309 !important;}

div.about h2 {
	font-size : 0.85em;
	padding-top : 0em;
	line-height : 115%;
	text-transform : none;
	}
body.sendmail p,
body.sendmail label {color:#fff;}