﻿/*##### CONFIGURATION DE LA PAGE #####*/
html, body {
}

fieldset legend {
	display:none;
}

body {
	background-color:#3F4349;
  color:#FFFFFF;
  font-size:12px;
}

#body {
	background-image:url(../images/bkg_waves_blur.jpg);
  background-repeat:repeat;
}

a, a:link, a:active, a:visited {
	color:#FFDB91;
	font-weight:normal;
	text-decoration : none;
}

a:hover {
	color:#FF5D61;
	text-decoration : none;
}



/*##### HEADER #####*/
#header {
  position:relative;
  height:305px;
}
    #header .content { /* modifié dans alt/ie6/ */
      display:block;
      position:relative;
      width:960px;
      left:50%;
      margin-left:-480px;
      text-align:left;
    }
    #header .band {
      z-index:2;
    }
    #header tt { /* modifié dans alt/ie6/ */
      display:block;
      position:absolute;
      left:0;
      right:0;
      top:0;
      width:100%;
      height:130px;
	    background-image:url(../images/bkg_banner_top.png);
      background-repeat:repeat-x;
      z-index:1;
    }

h1 { /* modifié dans alt/ie6/ */
	position:absolute;
	z-index:100;
	top:0;
	left:-32px;
	width:301px;
	height:145px;
	background-image:url(../images/wow_cap_istanbul.png);
	background-repeat:no-repeat;
}
		h1 a {
			display:block;
			width:100%;
			height:100%;
		}
		h1 span {
			display:none;
		}

h2 { /* modifié dans alt/ie6/ */
	position:absolute;
	top:65px;
	left:260px;
	font-size:20px;
	font-weight:normal;
	color:#2B2F32;
}	

#partnersSlides {
	position:absolute;
	top:0px;
	right:-48px;
	width:303px;
	height:96px;
  background-image:url(../images/partners_bkg.gif);
  background-repeat:no-repeat;
}
		#partnersSlides table {
    	position:absolute;
	    top:27px;
	    right:36px;
		}
		#partnersSlides table td {
			width:120px;
			text-align:center;
		}

#countdown {
	position:absolute;
	top:0px;
  right:10px;
}

#localTime {
	position:absolute;
	top:103px;
	right:7px;
	color:#FFFFFF;
	font-size:10px;
	line-height:10px;
	padding:2px;
}


/* #linearProgress : définitions de base dans _library/styles/linear_progress.css */
#linearProgress {
	position:absolute;
	top:30px;
	left:175px;
	width:550px;
}
    #legs q {
			top:3px;
      font-size:10px;
    }
    #L1 {
	    width:175px;/* 35% de 500px */
    }
    #L2 {
	    width:150px;/* 30% */
    }
    #L2 q {
	    left:-18px;
    }
    #L3 {
	    width:50px;/* 10% */
    }
    #L3 q {
	    left:-20px;
    }
    #L4 {
	    width:55px;/* 11% */
    }
    #L4 q {
	    left:-12px;
    }
    #L5 {
	    width:60px;
    }
    #L5 q {
	    left:-25px;
    }
    #L6 {
	    width:35px;/* 7% */
    }
    #L6 q {
	    left:-26px;
    }
    #L7 {
    }
    #L7 q {
	    left:-10px;
    }


		#legs p b {
			top:18px;
			background-color:#FF5D62;
			border:0px;
		}
				#legs p.start b,
				#legs p.arrival b {
					background-color:#FF5D62;
					border:0px solid #FFFFFF;
				}
		#currentPos {
			width:19px;
			height:30px;
			top:-2px;
			border:0;
			background-color:Transparent;
			background-image:url(../images/current_sail_position.png);
		}

/* #menuH : définitions de base dans _library/styles/menu_horiz.css */
#menuH {
	top:96px;
	left:60px;
	right:15px;
}
		#menuH ul li a {
			padding:3px 9px 5px 9px;
			font-size:14px;
			font-weight:normal;
			color:#FFFFFF;
			text-decoration:none;
		}		
		#menuH ul li a:hover { /* modifié dans alt/ie6/ */
			background-image:url(../images/menu_entry_bkg.png);
			text-decoration:none;
		}
		#menuH ol { /* modifié dans alt/ie6/ et alt/ie/ */
			padding-top:4px;
			border:1px solid #000000;
			background-image:url(../images/menu_sub_bkg.png);
			min-width:175px;
		}
				#menuH ol li {
					text-align:left;
					line-height:20px;
				}
				#menuH ol a {
					height:20px;
					padding:0 18px 0 5px !important;
					line-height:20px;
					font-size:12px !important;
					font-weight:normal;
					text-decoration:none;
				}
				#menuH ol a:hover { /* modifié dans alt/ie6/ */
					background-image:url(../images/menu_sub_bkg_on.png) !important;
					text-decoration:none;
				}
						#menuH ol a:hover b {
							visibility:visible;
						}
				#menuH ol a small {
					color:#BBBBBB;
				}
				#menuH li.separator {
					border-top:1px solid #DBDBDD;
				}

#flags { /* modifié dans alt/ie6/ */
	top:70px;
	left:600px;
}

#headSlideshow { /* modifié dans alt/ie6/ */
	position:absolute;
	height:186px;
  width:960px;
	top:120px;
  left:50%;
  margin-left:-480px;
  overflow:hidden;
  z-index:0;
}

#socialNetworks {
  position:absolute;
  top:-15px;
  right:258px;
}

#twitter, #facebook { /* modifié dans alt/ie6/ */
  position:relative;
  display:block;
  width:34px;
  height:34px;
  background-repeat:no-repeat;
  z-index:200;
}
#twitter {
  float:left;
  background-image:url(../images/socialnetwork_twitter.png);
}

#facebook {
  float:left;
  background-image:url(../images/socialnetwork_facebook.png);
}


/*##### MAIN #####*/
#main {
  position:relative;
}

#page {
  position:relative;
  width:960px;
  margin-left:auto;
  margin-right:auto;
	background-color:#3F4349;
	background-image:url(../images/bkg_page.gif);
  background-repeat:repeat-y;
}

dfn { /* modifié dans alt/ie6/ */
	position:relative;
  display:block;
	height:20px;
  line-height:20px;
	margin-left:-13px;
	margin-right:-13px;
	background-color:#60666F;
	background-image:url(../images/menu_entry_bkg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border-top:1px solid #9FA1A4;
	border-left:1px solid #9FA1A4;
	border-bottom:1px solid #5A5B5F;
	border-right:1px solid #5A5B5F;
  color:#FFFFFF;
  font-weight:bold;
  padding-left:35px;
}
		dfn sup { /* modifié dans alt/ie6/ */
	    position:absolute;
	    width:30px;
	    height:49px;
			top:-15px;
			left:3px;
	    background-image:url(../images/sails.png);
	    background-repeat:no-repeat;
      z-index:100;
		}
		dfn sub {
	    position:absolute;
      display:block;
	    top:21px;
      left:0px;
	    height:6px;
	    width:100%;
	    background-image:url(../images/shadow.png);
	    background-repeat:repeat-x;
		}
		
#leftContent {
	position:relative;
	float:left;
	width:685px;
	padding:10px 0 15px 15px;
}


h3, .h3, .h3small { /* modifié dans alt/ie6/ */
	position:relative;
	display:block;
	height:16px;
	margin:3px 0 3px 0;
	padding:4px 5px;
	border:1px solid;
	border-left-color:#B19492;
	border-top-color:#B19492;
	border-right-color:#7E5E5A;
	border-bottom-color:#7E5E5A;
	background-color:#AD3F42;
	background-image:url(../images/menu_entry_bkg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	line-height:16px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
}
		h3.small, .h3small {
			height:14px;
			line-height:14px;
			font-size:12px;
	    padding:2px 5px;
		}
				h3.small tt {
					top:-16px;
					left:-15px;
				}
		h3.gray {
			background-color:#5E646D;
		}
				h3 select {
					position:absolute;
					right:2px;
					top:1px;
          font-weight:normal;
				}
				h3.small select {
					position:absolute;
					right:2px;
					top:-1px;
				}
				h3 span.infos {
					position:absolute;
					top:0px;
					right:5px;
					font-style:italic;
					font-size:11px;
					filter:alpha(opacity=50);
					opacity:0.50;
				}

.frame { /* modifié dans alt/ie6/ */
	position:relative;
	padding:3px;
	margin-bottom:2px;
	border:1px solid #9FA1A4;
	background-image:url(../images/menu_entry_bkg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#2C2E32;
}
		.frame ul.tabs {
			display:block;
			position:absolute;
			left:-1px;
			top:-26px;
			height:25px;
			margin:0px;
			padding:0px;
		}
				.frame ul.tabs li {
					position:relative;
					display:block;
					float:left;
					margin:0px;
					padding:0px;
					height:25px;
					vertical-align:middle;
					list-style-type:none;
					padding:0 27px;
				}
						.frame ul.tabs li a { /* modifié dans alt/ie6/ */
							display:block;
							height:25px;
							line-height:22px;
							background-image:url(../images/tab_bkg.gif);
							background-repeat:repeat-x;
							padding:2px 7px;
							text-decoration:none;
						}
						.frame ul.tabs a:hover {
							text-decoration:none;
						}
						.frame ul.tabs li big, .frame ul.tabs li small {
							position:absolute;
							display:block;
							top:0;
							height:25px;
							width:27px;
							background-repeat:no-repeat;
						}
						.frame ul.tabs li big { /* modifié dans alt/ie6/ */
							right:0px;
							background-image:url(../images/tab_round_right.png);
						}
						.frame ul.tabs li small { /* modifié dans alt/ie6/ */
							left:0;
							background-image:url(../images/tab_round_left.png);
						}

			.frame ul.tabs li.off a {
				color:#AB966B;
			}
			.frame ul.tabs li.off a:hover {
				color:#FF5D61;
			}
			.frame ul.tabs li.on {
					border-bottom:1px solid #2C2E32;
			}
			.frame ul.tabs li.on a {
				background-image:url(../images/tab_bkg.gif);
			}
						.frame ul.tabs li.on big { /* modifié dans alt/ie6/ */
							right:0px;
							background-image:url(../images/tab_round_right.png);
						}
						.frame ul.tabs li.on small { /* modifié dans alt/ie6/ */
							left:0;
							background-image:url(../images/tab_round_left.png);
						}

		.frame div.content {
			position:relative;
		}
		.frame .marge {
			padding:3px 7px 15px 7px;
		}

		.frame span.infos {
			position:absolute;
			top:2px;
			right:2px;
			font-style:italic;
			font-size:11px;
			filter:alpha(opacity=50);
			opacity:0.50;
		}
		.frame span.link {
			position:absolute;
			bottom:4px;
			right:4px;
			white-space:nowrap;
		}
		.frame p.title {
			line-height:22px;
			height:22px;
			overflow:hidden;
		}
				.frame p.title span {
					font-style:normal;
					font-weight:normal;
					filter:alpha(opacity=50);
					opacity:0.50;
				}
		.frame p.summ {
			line-height:12px;
			overflow:hidden;
			filter:alpha(opacity=70);
			opacity:0.70;
			font-size:11px;
			text-align:left !important;
		}
		.frame p.text {
			line-height:14px;
			overflow:hidden;
			font-size:12px;
			padding-right:5px;
		}

blockquote.list {
	margin:0 0 3px 7px;
	border-left:1px solid #9FA1A4;
	padding-left:10px;
}

.illustration {
	position:relative;
	border:1px solid #FFFFFF;
	background-position:center center;
}
		.illustration img {
			width:100%;
		}
		.illustration label {
			position:absolute;
			left:0px;
			right:0px;
			bottom:0px;
			height:17px;
			line-height:17px;
			background-image:url(../_library/images/black_60pc.png);
			border:0px solid #FFFFFF;
			font-style:normal;
			text-align:center;
			color:#FFFFFF;
		}
		.illustration cite {
			position:absolute;
			display:block;
			left:-1px;
			right:-1px;
			bottom:-17px;
			height:17px;
			line-height:17px;
			font-size:11px;
			color:#FFFFFF;
			text-align:right;
			padding-right:5px;
			background-image:url(../_library/images/black_30pc.png);
		}


#rightContent { /* modifié dans alt/ie6/ */
	position:relative;
	float:right;
	width:245px;
  margin-top:-209px;
}
		#rightContent fieldset {
			padding-bottom:3px;
		}
		#rightContent dfn {
			margin-left:-5px;
		}

#lastRanking { /* modifié dans alt/ie6/ */
	position:relative;
  width:208px;
  height:174px;
  margin-left:5px;
	background-image:url(../_library/images/black_60pc.png);
	cursor:pointer;
	padding:10px;
}
  .ranking label {
    display:block;
    color:#FFFFFF;
    font-weight:bold;
  }

  .ranking table {
	  width:100%;
	  cursor:pointer;
    margin-top:15px;
  }
    .ranking table th, .ranking table td {
	    padding:0 1px;
	    cursor:pointer;
      vertical-align:top;
      font-weight:bold;
    }
    .ranking table th {
	    text-align:right;
      color:#FFC547;
    }
    .ranking table td {
	    text-align:left;
      color:#FFFFFF;
    }
    .ranking table td small {
      color:#C7C7C7;
      font-weight:normal;
    }
  .ranking	a {
	  position:absolute;
	  display:block;
	  z-index:200;
	  background-image:url(../_library/images/n.gif);
	  top:0;
	  left:0;
	  right:0;
	  bottom:0;
  }

#lastMap { /* modifié dans alt/ie6/ */
	font-size:11px;
	padding-bottom:0px !important;
}
    #lastMap dfn { /* modifié dans alt/ie6/ */
  	  background-image:none;
      border:1px solid transparent;
      background-color:transparent;
    }
    #lastMap dfn sub {
      display:none;
    }
		#lastMap a {
			position:relative;
			display:block;
			height:120px;
      margin-left:5px;
			margin-top:3px;
			background-image:url(../images/map.gif);
			background-repeat:no-repeat;
			background-position:0 -7px;
			text-decoration:none !important;
			cursor:pointer;
		}
		#lastMap a span {
			visibility:hidden;
			position:absolute;
			z-index:200;
			display:block;
			top:50%;
			left:50%;
			width:135px;
			margin-left:-67px;
			margin-top:-7px;
			border:1px solid #FFFFFF;
			background-color:#AD3F42;
			text-align:center;
			color:#FFFFFF;
		}
		#lastMap a:hover span {
			visibility:visible;
		}
		#lastMap s {
			position:absolute;
			width:19px;
			height:19px;
			background-image:url(../images/fleet.png);
		}

#lastDocuments p {
  margin:10px 5px;
  text-align:center;
}

.textLeft,
.textRight {
	width:341px;
}

.textLeftPhotos {
	width:313px;
}

.textRightVideo {
	width:369px;
}

.textLeft, .textLeftPhotos {
	float:left;
}

.textRight, .textRightVideo {
	float:right;
}

.textLeft,
.textRight,
.textLeftPhotos,
.textRightVideo {
  padding-bottom:2px;
}

h4 {
	font-size:14px;
	font-weight:bold;
	color:#FFC547;
	margin:10px 0 5px 0;
	padding-top:3px;
}

h4.fade {
	color:#FFE8BB;
}

h5 {
	font-style:italic;
	font-weight:bold;
	color:#FFFFFF;
	font-size:14px;
	margin-bottom:3px;
}

h6 {
}



/*##### FOOTER #####*/
#footer {
  position:relative;
  height:150px;
	background-image:url(../images/bkg_banner_bottom.gif);
  background-repeat:repeat-x;
}
  #footer .content {
    position:relative;
    width:960px;
    left:50%;
    margin-left:-480px;
    text-align:left;
  }

  #footer tt { /* modifié dans alt/ie6/ */
		position:absolute;
		top:-3px;
		left:0px;
		width:100%;
		height:3px;
		background-image:url(../images/shadow_bottom.png);
		background-repeat:repeat-x;
}

/* #bottomMenu : définitions de base dans _library/styles/menu_bottom.css */
#bottomMenu {
  padding-top:97px;
  padding-bottom:20px;
}
		#bottomMenu a {
			color:#CED0D5;
		}
		#bottomMenu a:hover {
			color:#FFFFFF;
		}
		#bottomMenu ul {
      float:left;
      width:946px;
      padding:7px;
      /*background-color:#484E55;*/
		}
		#bottomMenu ul li {
			font-size:11px;
			margin:0 10px;
      padding-left:5px;
		}
		#bottomMenu ol li {
			font-size:10px;
			margin:0 3px;
			border:0;
      border-left:1px solid #5F626D;
		}
		#bottomMenu li.separator {
			border:0;
			margin-top:3px;
		}

#olynautic {
  position:absolute;
  display:block;
  top:22px;
  right:10px;
  width:208px;
  height:64px;
  padding:7px 12px 0 0;
  background-image:url(../images/logo_olay_nautic_bottom.gif);
  background-repeat:no-repeat;
  background-position:0 6px;
  text-align:right;
  color:#000000;
}
		#olynautic span {
			display:none;
		}

#environmentProject {
  position:absolute;
	display:block;	
  top:22px;
  left:10px;
	height:65px;
	width:65px;
	background-image:url(../images/illustrations/logo_environement.png);
	background-repeat:no-repeat;
  background-position:0 5px;
	color:#006600;
	font-weight:normal;
	font-size:11px;
}
		#environmentProject:hover {
			color:#009F00;
		}

#ecologicalPlatform {
  position:absolute;
	display:block;	
  top:22px;
  left:80px;
	height:70px;
	width:235px;
	overflow:hidden;
	padding:5px 0px 0px 60px;
	background-image:url(../images/illustrations/logo_afag.gif);
	background-repeat:no-repeat;
  background-position:0 4px;
	color:#164789;
	font-weight:normal;
	font-size:11px;
}
		#ecologicalPlatform:hover {
			color:#2372DC;
		}
