@charset "utf-8";
body {
	background-color: #E8EAEC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
}
a:link {
	color: #888888;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #999999;
	text-decoration: none;
}
.tablo {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #E0E1E6;
	letter-spacing: 1px;
}
#baniere {
	width:1024px;
	height:100px;
	z-index:3;
	position: relative;
	background-image: url(anim_gif/baniere.gif);
}
#logo {
	width:160px;
	height:60px;
	z-index:1;
	left: 50px;
	position: relative;
	top: 20px;
}
.copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
}
#buttons {
	position:relative;
	width:1024px;
	height:25px;
	z-index:1;
	cursor: default;
	background-color: #333333;
}
#buttons_down {
	position:relative;
	width:1024px;
	height:25px;
	z-index:1;
	cursor: default;
	background-color: #333333;
}
#news {
	position:absolute;
	width:70px;
	height:15px;
	z-index:5;
	left: 29px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#yachtdesign {
	position:absolute;
	width:130px;
	height:15px;
	z-index:2;
	left: 140px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#navdecommerce   {
	position:absolute;
	width:200px;
	height:15px;
	z-index:3;
	left: 311px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#projets {
	position:absolute;
	width:80px;
	height:15px;
	z-index:4;
	left: 552px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#philo {
	position:absolute;
	width:120px;
	height:15px;
	z-index:1;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	vertical-align: middle;
	top: 5px;
	left: 673px;
}
#media {
	position:absolute;
	width:60px;
	height:15px;
	z-index:5;
	left: 834px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#contact {
	position:absolute;
	width:80px;
	height:15px;
	z-index:5;
	left: 935px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#newsdown {
position:absolute;
	width:70px;
	height:15px;
	z-index:5;
	left: 29px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#yachtdesigndown {
	position:absolute;
	width:130px;
	height:15px;
	z-index:2;
	left: 140px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#navdecommercedown {
	position:absolute;
	width:200px;
	height:15px;
	z-index:3;
	left: 311px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#projetsdown {
	position:absolute;
	width:80px;
	height:15px;
	z-index:4;
	left: 552px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#philodown {
	position:absolute;
	width:120px;
	height:15px;
	z-index:1;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	vertical-align: middle;
	top: 5px;
	left: 673px;
}
#mediadown {
	position:absolute;
	width:60px;
	height:15px;
	z-index:5;
	left: 834px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#contactdown {
	position:absolute;
	width:80px;
	height:15px;
	z-index:5;
	left: 935px;
	font-family: "BankGothic Md BT";
	font-size: 15px;
	top: 5px;
}
#carre_news {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 9px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	}
#carre_yd {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 120px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	}
#carre_ndc {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 291px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	}
#carre_projets {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 532px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	}
#carre_philo {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 653px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	}
#carre_media {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 814px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	visibility: visible;
	}
#carre_contact {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 915px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	}
	
#carre_news_down {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 9px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	}
#carre_yd_down {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 120px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	}
#carre_ndc_down {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 291px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	}
#carre_projets_down {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 532px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	visibility: hidden;
	}
#carre_philo_down {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 653px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	}
#carre_media_down {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 814px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	}
#carre_contact_down {
	position:absolute;
	width:10px;
	height:14px;
	z-index:0;
	top: 6px;
	left: 915px;
	background-image: url(images/losange.png);
	background-repeat: no-repeat;
	visibility: hidden;
	}
	
.tablo_panel {
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-size: 10pt;
	background-color: #333333;
}
.tablo_derniere_ligne {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #333333;
	background-image: url(images/fond_panel.jpg);
}
.titre_page {
	color: #FFFFFF;
}