body {
	font: normal 11px/15px Tahoma, Arial, sans-serif;
	color: #fff;
	background-color: #000;
	margin: 0;
	padding: 0;
}
#global {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.gris {color: #bababa;}
#global #nav-left .vert {
	color: #00CC33;
}

.blue { color: #007cc1; }
.vert {
	color: #00CC33;
}

.red { color: #cc071e; }
.yellow { color: #ffed00; }
.purple { color: #b5007b; }

a:link, a:visited, a:active {
	text-decoration: underline;
	color: #fff;
	background: none;
}
a:hover {
	text-decoration: none;
	color: #666;
}

p, td, ul, ol, li, dl, dt, dd {
	font: normal 11px/15px Tahoma, Arial, sans-serif;
	color: #fff;
}
p {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
table {
	border: 0;
}
td {
	vertical-align: top;
}

h1 {
	font: normal 28px/30px Arial, Tahoma, sans-serif;
	color: #fff;
	letter-spacing: -1px;
	background: none;
	margin: 0 0 10px 0;
	padding: 0;
}
h2 {
	font: normal 20px/22px Arial, Tahoma, sans-serif;
	color: #999;
	letter-spacing: 0px;
	background: none;
	margin: 0;
	padding: 0;
}


#logo {
	width: 960px;
	height: 52px;
	text-align: right;
}
#logo img {
	padding: 10px 0;
}


#nav-left {
	float: left;
	width: 480px;
	height: 44px;
	background-image: url(../images/nav-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#nav-left ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#nav-left li {
	float: left;
	background: none;
	margin: 0;
	padding: 0;
}
#nav-left a:link, #nav-left a:visited, #nav-left a:active {
	display: block;
	padding-right: 30px;
	color: #fff;
	text-decoration: none;
	line-height: 44px;
}
#nav-left a:hover {
	color: #666;
	text-decoration: none;
}
#nav-left a.blue:link, #nav-left a.blue:visited, #nav-left a.blue:active { color: #007cc1; }
#nav-left a.blue:hover { color: #666; }
#nav-left a.red:link, #nav-left a.red:visited, #nav-left a.red:active { color: #cc071e; }
#nav-left a.red:hover { color: #666; }
#nav-left a.yellow:link, #nav-left a.yellow:visited, #nav-left a.yellow:active { color: #ffed00; }
#nav-left a.yellow:hover { color: #666; }
#nav-left a.purple:link, #nav-left a.purple:visited, #nav-left a.purple:active { color: #b5007b; }
#nav-left a.purple:hover { color: #666; }


#nav-right {
	float: right;
	width: 480px;
	height: 44px;
	background-image: url(../images/nav-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#nav-right ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#nav-right li {
	float: right;
	background: none;
	margin: 0;
	padding: 0;
}
#nav-right a:link, #nav-right a:visited, #nav-right a:active {
	display: block;
	padding-left: 30px;
	color: #999;
	text-decoration: none;
	line-height: 44px;
}
#nav-right a:hover {
	color: #fff;
	text-decoration: none;
}


#flash {
	width: 960px;
	padding-bottom: 1px;
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#etiket {
	width: 200px;
	height: 340px;
	font: normal 11px/15px Tahoma, Arial, sans-serif;
	color: #000;
	letter-spacing: 0px;
	padding: 200px 60px 0 700px;
}
#etiket a:link, #etiket a:visited, #etiket a:active {
	text-decoration: none;
	color: #000;
	background: none;
}
#flash #etiket a:hover {
	text-decoration: none;
	color: #000;
}
#etiket a.blue:link, #etiket a.blue:visited, #etiket a.blue:active { color: #007cc1; }
#etiket a.red:link, #etiket a.red:visited, #etiket a.red:active { color: #cc071e; }
#etiket a.yellow:link, #etiket a.yellow:visited, #etiket a.yellow:active { color: #000; }
#flash #etiket a.yellow:hover { color: #ffed00; }
#etiket a.purple:link, #etiket a.purple:visited, #etiket a.purple:active { color: #b5007b; }
#flash #etiket a img {
	float: left;
	padding: 5px 5px 0 0;
}


#nav-box {
	width: 960px;
	height: 444px;
	padding-top: 30px;
}
#nav-box ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#nav-box li {
	float: left;
	background: none;
	margin: 0;
	padding: 0;
}
#nav-box a:link, #nav-box a:visited, #nav-box a:active {
	display: block;
	width: 181px;
	height: 198px;
	padding: 246px 0 0 12px;
	margin-right: 62px;
	color: #fff;
	text-decoration: none;
}
#nav-box a:hover {
	color: #fff;
	text-decoration: none;
}
#nav-box a.blue:link, #nav-box a.blue:visited, #nav-box a.blue:active {
	background-image: url(../images/box-visibilite.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nav-box a.blue:hover {
	background-image: url(../images/box-visibilite-off.jpg);
}
#nav-box a.red:link, #nav-box a.red:visited, #nav-box a.red:active {
	background-image: url(../images/box-seduction.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nav-box a.red:hover {
	background-image: url(../images/box-seduction-off.jpg);
}
#nav-box a.yellow:link, #nav-box a.yellow:visited, #nav-box a.yellow:active {
	background-image: url(../images/box-attraction.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	color: #000;
}
#nav-box a.yellow:hover {
	background-image: url(../images/box-attraction-off.jpg);
}
#nav-box a.purple:link, #nav-box a.purple:visited, #nav-box a.purple:active {
	background-image: url(../images/box-emotion.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0;
}
#nav-box a.purple:hover {
	background-image: url(../images/box-emotion-off.jpg);
}
#nav-box .current a.blue:link, #nav-box .current a.blue:visited, #nav-box .current a.blue:active { background-image: url(../images/box-visibilite-off.jpg); color: #000; }
#nav-box .current a.red:link, #nav-box .current a.red:visited, #nav-box .current a.red:active { background-image: url(../images/box-seduction-off.jpg); color: #000; }
#nav-box .current a.yellow:link, #nav-box .current a.yellow:visited, #nav-box .current a.yellow:active { background-image: url(../images/box-attraction-off.jpg); color: #fff; }
#nav-box .current a.purple:link, #nav-box .current a.purple:visited, #nav-box .current a.purple:active { background-image: url(../images/box-emotion-off.jpg); color: #000; }


#bottom-left {
	float: left;
	width: 480px;
	height: 80px;
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bottom-left img {
	padding: 24px 0;
}


#bottom-right {
	float: right;
	width: 480px;
	height: 80px;
	background-image: url(../images/line.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#bottom-right ul {
	list-style-type: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
#bottom-right li {
	float: right;
	background: none;
	margin: 0;
	padding: 0;
}
#bottom-right a:link, #bottom-right a:visited, #bottom-right a:active {
	display: block;
	padding-left: 30px;
	color: #666;
	text-decoration: none;
	line-height: 80px;
}
#bottom-right a:hover {
	color: #fff;
	text-decoration: none;
}
