/* CSS Document */
body {
margin:0 auto;
background-image:url(images/img_fond.jpg);
background-position:top center;
background-repeat:no-repeat;
background-color:#FFFFFF;
font-family:Arial;
font-size:10px
}

ul { margin:0 }

img {
border:none;
}

a {
text-decoration:none; }

#canvas { 
position:relative;
margin:0 auto;
width: 803px;
min-height:100%;
}

#header_logos {
position:relative;
height:72px;
width:885px;
padding-top:7px
}

#logo_dms {
float:left;
}

#logo_hyundai {
float:right; 
}

#header {
position:relative; 
background-image:url(images/img_header.jpg);
background-repeat:no-repeat;
margin-top:52px;
height:267px;
width:804px;
}

#menu {
position:relative;
top:9px;
height:15px;
font-family:Arial;
color:#FFFFFF;
font-size:9px;
width:770px;
margin:0 auto;
text-align:center
}

.menu_txt {
	text-align:center;
	padding-left:8px;
	padding-right:8px;
}

	.menu_txt a:link { color:#FFFFFF;}
	.menu_txt a:visited {color:#FFFFFF;}
	.menu_txt a:hover {color:#3399FF;}
	.menu_txt a:active {color:#FFFFFF;}
	
.menu {
width:176px;
border-right:#FFFFFF solid 1px;
text-align:center;
float:left;
height:22px;
vertical-align:middle;
color:#FFFFFF;
padding-top:7px;
font-size:14px;
font-family:Arial;
}
	.menu a:link { color:#FFFFFF;}
	.menu a:visited {color:#FFFFFF;}
	.menu a:hover {color:#3399FF;}
	.menu a:active {color:#FFFFFF;}

#contenu {
position:relative;
float:left;
margin-top:0px;
margin-left:20px; 
width:500px;
min-height:600px;
}

#adresse {
	position:relative;
	width:500px;
	border: #999999 solid 1px;
	height:158px;
	margin-bottom:10px;
	bottom:0;
}

#video {
	position:relative;
	float:right;
	top:0px;
	margin-right:12px;
	width: 185px; 
	height:200px;
	margin-bottom:8px;
}

#news {
position:relative;
float:right;
top:0px;
margin-right:12px;
width: 250px; 
height:404px;
margin-bottom:8px;
}

	.titre_news {
		color:#000066;
		text-align:left;
		padding:10px;
		font-family:Arial;
		font-size:14px;
		margin:18px;
		margin-bottom:0px;
		font-weight:bold;
		text-transform:uppercase
	}
	
	
#footer {
position:relative;
height:84px;
width:770px;
clear:both;
}



/* ACCUEIL */

#bloc2 {
position:relative;
background-image:url(../masque_bloc2.png);
background-repeat:no-repeat;
background-position:bottom;
width: 655px; 
height:210px;
border:#CCCCCC solid 1px;
}

	#photo_clefs {
	position:absolute;
	background-image:url(img/img_clefs.jpg);
	width:252px;
	height:202px;
	bottom:0;
	}
	
	#txt_objectifs {
	position:absolute;
	top:20px;
	left:253px;
	color:#333333;
	text-align:center;
	padding:10px;
	font-family:Arial;
	font-size:12px;
	
	}
#bloc1 {
position:absolute;
background-image:url(../masque_bloc1.png);
background-position:bottom;
background-repeat:no-repeat;
float:left;
top:0px;
left:0px;
width: 458px; 
height:180px;
z-index:3;
}

#bloc1bis {
position:relative;
background-image:url(img/img_i40.jpg);
background-position:center;
float:left;
top:12px;
left:12px;
width: 458px; 
height:180px;
border:#CCCCCC solid 1px;
z-index:2;
}



#bloc4 {
position:relative;
float:left;
top:12px;
background-image:url(../masque_bloc3.png);
background-repeat:no-repeat;
background-position:bottom;
width: 185px; 
height:180px;
border:#CCCCCC solid 1px;
}

		#photo_garage {
		position:absolute;
		background-image:url(img/img_garage.jpg);
		background-repeat:no-repeat;
		top:0;
		width:187px;
		height:96px;
		}
		
		#txt_garage {
		position:absolute;
		width:167px;
		height:76px;
		top:96px;
		font-family:Arial;
		font-size:12px;
		color:#999999;
		padding:10px;
		}

.encart_news {
		padding:8px 10px  8px 0;
		font-family:Arial;
		list-style:url(images/img_fleche.jpg);
		font-size:12px;
		color:#333333;
		margin-right:8px;

}
#bande_transparente {
	position:absolute;
	z-index:4;
	background-image:url(../img_voile.png);
	background-repeat:repeat;
	height:20px;
	width:458px;
	top:15px;
	padding:5px;
	font-family:Impact;
	font-size:17px;
	color:#295195;
	/* text-shadow:#333333 2px 2px 1px; */
}

/* MODELES */

#cadre {
	position:relative;
	width:656px;
	border: #CCCCCC solid 1px;
	min-height:364px; 
	}

#titrage {
	position:relative;
	height:13px; 
	width:643px;;
	border-top: #CCCCCC solid 1px;	
	border-bottom: #CCCCCC solid 1px;
	background-image:url(fd_titre.jpg);
	background-repeat:repeat-x;	
	text-align:center;
	font-family:Arial;
	font-size:14px;
	color:#FFFFFF;
	padding:7px;
	margin-top:10px;
}
.vignette {
width:125px;
height:120px;
float:left;
border: #CCCCCC solid 1px;
text-align:center;
color:#0099FF;
font-family:Arial;
font-size:12px;
font-weight:bold;
padding-top:20px;
}
.vignette img {width:125px; border:0}
.vignette a:link {text-decoration:none;color:#0099FF;}
.vignette a:visited {text-decoration:none;color:#0099FF;}
.vignette a:hover {text-decoration:none; color:#333333}
.vignette a:active {text-decoration:none;color:#0099FF;}

.rowA {
border-top:none;
border-bottom:none;
margin-top:10px;
}

.rowC {
border-bottom:none;
border-top:none;
}