@charset "utf-8";
/* CSS Document */

/* Définition des tags */
body {
	background-color: #e7e7e7;
	background-image: url(images/bg.png);
	background-repeat: repeat-x;
	margin: 0px;
	color: #666;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10pt;
}

label {
	float: left;
	clear: both;
	font-size: 10pt;
	width: 100px;
	margin-bottom: 5px;
	margin-top: 5px;
}

input {
	float: left;
}

fieldset {
	padding-left: 10px;
	margin-bottom: 10px;
	width: 400px;
}

/* Définition des ids */

#header {
	width: 950px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	background-image:url(images/bg_header.png);
	overflow: hidden;
	float: left;
}

#logo_stefoy {
	float: left;
	margin-left: 85px;
	margin-top: 8px;
}

#logo_audi {
	float: right;
	margin-top: 40px;
	margin-right: 110px;
}

#menu {
	width: 900px;
	height: 67px;
	margin-top: 18px;
	margin-left: 25px;
	padding-left: 34px;
	padding-top: 15px;
	float: left;
	background-image:url(images/bg_menu_top.png);
	background-repeat: no-repeat;
}

#scroller {
	width: 948px;
	height: 356px;
	margin-left: auto;
	margin-right: auto;
	background:url(images/bg_multimedia.png);
	padding-top: 4px;
}

#large_item_preview {
	width: 850px;
	height: 360px;
	margin-left: auto;
	margin-right: auto;
}

#blockzone {
	background-image:url(images/bg_bottom.png);
	background-repeat: no-repeat;
	width: 950px;
	height: 270px;
	margin-left: auto;
	margin-right: auto;
}

#rendezvous {
	margin-top: 60px;
	margin-left: 75px;
	width: 174px;
	height: 90px;
}

#shadow_vehiculeneuf {
	margin-left: 266px;
}

#footer {
	background-image:url(images/bg_page_content.png);
	float: left;
	width: 948px;
	height: 150px;
	margin-left: auto;
	margin-right:auto;
	border-left: 1px white solid;
	border-right: 1px white solid;
}

#colone_gauche {
	float: left;
	width: 215px;	
	padding-left: 36px;
}

#contenu {
	float: left;
	width: 652px;
	background-image:url(images/bg_content.png);
	background-repeat: no-repeat;
	min-height: 400px;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 20px;
}

#container {
	width: 950px;
	margin-left: auto;
	margin-right:auto;
}
#content {
	/* padding-bottom: 20px; */
	background-color: #fff;
	background:url(images/bg_page_content.png);
	background-repeat: repeat-x;
	background-position: bottom;
	border-left: 1px white solid;
	border-right: 1px white solid;
	float: left;
	width: 948px;
}

#box_coord {
	width: 119px;
	height: 45px;
	float: right;
	margin-right: 50px;
	margin-top: 20px;
}

#box_webnet {
	width: 171px;
	height: 22px;
	margin-top: 70px;
	margin-right: auto;
	margin-left: auto;
}

#menu_footer {
	width: 700px;
	height: 40px;
	float: left;
	margin-left: 50px;
	margin-top: 20px;
}

#menu_footer a {
	text-decoration: none;
	color: #666;
}

#table {
	background-color:#FFF;
	float: left;
	margin-top: 20px;
	width: 640px;
}

#table .title {
	float: left;
	clear: left;
	font-weight: bold;
	background-color: #db2343;
	color: #fff;
	width: 100%;
}

#table .name {
	font-weight: bold;
	clear: left;
	height: 100%;
	font-size: 10px;
	margin-left: 4px;
	margin-right: 4px;
}

#table .group {
	float: left;
	clear: left;
	font-weight: bold;
	color: white;
	width: 100%;
	background-color: #a6a6a6;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
}

#table .even {
	clear: left;
	float: left;
	background-color: #e9e9e9;
	font-size: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#table .odd {
	clear: left;
	float: left;
	background-color: #d9d9d9;
	font-size: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}

#table .even .name {
	/* background-color: #eee; */
}

#table .odd .name{
	/* background-color: #ddd; */
}

#table .title div, #table .even div, #table .odd div {
	float: left;
}

#table.col2 .title div, #table.col2 .even div, #table.col2 .odd div {
	width: 315px;
}

#table.col3 .title div, #table.col3 .even div, #table.col3 .odd div {
	width: 210px;
}

#table.col4 .title div, #table.col4 .even div, #table.col4 .odd div {
	width: 157px;
}

#table.col5 .title div, #table.col5 .even div, #table.col5 .odd div {
	width: 126px;
}

#table.col6 .title div, #table.col6 .even div, #table.col6 .odd div {
	width: 105px;
}

#table.col7 .title div, #table.col7 .even div, #table.col7 .odd div {
	width: 90px;
}


/* Définition des classes */

.left_box {
	float: left;
	border: 1px #a2a2a2 solid;
	padding: 2px;
	background-color: #e9e9e9;
	width: 194px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.left_box .content {
	background-color: #d2d2d2;
	width: 174px;
	padding: 10px;
}

.left_box li {
	clear: left;
	text-transform: uppercase;
	color: #4d4d4d;
	list-style-type: none;
	text-align: left;
	text-decoration: none;
	text-shadow: 0 0 6px #aaa;
}

.left_box a {
	clear: left;
	color: #4d4d4d;
	text-align: left;
	text-decoration: none;
}

.left_box img{
	float: left;
	clear: both;
	margin-bottom: 5px;
}

.menu_item {
	float: left;
}

.menu_separator {
	background-image: url(images/separateur.png);
	width: 9px;
	height: 59px;
	float: left;
	margin-left: 11px;
	margin-right: 11px;
	margin-top: -10px;
}

.box {
	float: left;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 30px;
	width: 201px;
	height: 201px;
}

.shadow {
	float: left;
	background-image:url(images/box_shadow.png);
	background-repeat:no-repeat;
	width: 201px;
	height: 34px;
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 4px;
}

.separator {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.mandatory {
	font-weight: bold;
}

.error {
	color: #f00;
}

.small {
	font-size: 9px;
}