/* GENERIC */


/* général */
	
	body, html {
		width:100%; 
		padding:0;
		margin:0; 
		color:#000;
		font-family:Arial, Helvetica, sans-serif;
		background:#003777;
		font-size: 85%;
	    line-height: 145%;
		behavior:url("css/csshover.htc");
	}
	
	* {
		padding:0;
		margin:0;
	}
	
	.clear {
		clear:both;
	}
	
	img {
		border:0;
	}
	
/* template voitures couleurs */

	#colors_inside{
		text-align: center;
		width:564px;
		margin-bottom: 20px;
	}
	.colors_vignette{
		display:inline;
		margin: 10px 20px 10px 0;
	}
	.colors_vignette img{
		width: 55px;
		height: 30px;
	}
	
/* placement */
	
	div#conteneur {
		position:relative;
		margin:0 auto;
		padding:0;
		width:944px;
		background:url(../images/site/background-repeat.jpg) repeat-y 0 0;
		border-bottom:40px solid #003777;
	}
	
			div#conteneurinto {
				background:url(../images/site/header.jpg) no-repeat 0 0;
				width:944px;
			}
			
				/* colonne gauche */
					div#colonnegauche {
						width:315px;
						float:left; 
					}
								div#logo span a {
									display:block;
									width:315px;
									height:376px;
									text-indent:-6000px;
								}
								
								div#occasions{
									width:203px;
									background:url(../images/site/occasions.jpg) no-repeat 0 0;
									text-align:center;
									margin:10px 0px 20px 70px;
								}
								
								div#occasions a{
									color:#fff;
									font-size:1.6em;
									text-decoration:none;
									display:block;
									padding:105px 0px 10px 0px;
								}
				/* colonne droite */			
					div#colonnedroite {
						width:629px;
						float:left;
					}
							
									/* titre du site */
										div#titre {
											width:629px;
											color:#fff;
											margin:40px 0px 28px 15px;
										}
									
										div#titre span.titre1{
											font-size:2.5em;
											line-height:145%;
										}
										div#titre span.titre2{
											font-size:1.6em;
										}
										
										  /* Navigation */
  
											div#navigation {
												width:629px;  /* (944 - 315) */ 
											}
									  
												/* LEVEL ONE */
															ul.nav { 
																list-style-type:none;
																position:relative;
																margin:0;
																padding:0;
																z-index:100;
															}
															ul.nav li {
																background:none;
																font-weight: bold; 
																float: left; 
																margin:0;
																padding:0;
																zoom: 1;
															}
															ul.nav a:hover {
																color: black;
															}
															ul.nav a:active {
																color: #ffa500;
															}
															ul.nav li a { 
																display: block; 
																font-weight:normal;
																color:#fff;
																font-size:1.2em;
																text-decoration:none;
																padding:8px 25px 9px 25px;
															}
															ul.nav li a.current {
																background:url(../images/site/navigation_off.jpg) repeat-x 0 0;
															}
															
															ul.nav li:last-child a { 
																border-right: none;
															} 
															
															/* Doesn't work in IE */
															ul.nav li.hover,ul.nav li:hover { 
																position:relative;
																background:url(../images/site/navigation_off.jpg) repeat-x 0 0;
																color:#c0c3d7;
															}
															ul.nav li.hover a { 
																color:#fff;
															}
														
												/* LEVEL TWO  */
															ul.nav ul { 
																list-style:none;
																position: absolute; 
																left:0;
																margin-left:0;
																top: 100%; 
																visibility: hidden; 
																width: 160px; 
															}
															
															ul.nav ul li {
																float: none; 
															}
																								  
															/* IE 6 & 7 Needs Inline Block */
															div#navigation ul.nav ul li a { 
																
																border-bottom: 1px solid #ccc; 
																color:#fff; 
																display: inline-block; 
																padding:5px 10px 5px 25px;
																margin:0;
																font-size:0.9em;
																background:#003777;
																width: 100%; 
															} 
															
															div#navigation ul.nav ul li a:hover { 
																background:#032E59;
																color:#fff;
															} 
														

			
										
			div#content{
				padding:20px 50px 40px 15px;
			}
			
			/* footer */
			div#footer {
				float:left;
				background:url(../images/site/footer.jpg) no-repeat bottom left;
				min-height:38px;
				width:944px;
				margin:0px 0px 0px 0px;
			}
					div#footer_into {
							margin:0px 20px 0px 27px; 
							padding:10px 0px 10px 0px;
							background:#032E59;
							text-align:center;
							color:#fff;
						}
							
							div#footer_into a{
								color:#fff;
								text-decoration:underline;
							}


/* templates */
.img_bas_accueil{
	border-right:12px solid #fff;
}

#img_large {
	border-bottom:30px solid #fff;
}

.image_gauche {
	float:left;
	border-right:20px solid #fff;
	border-bottom:30px solid #fff;
}

.icones_modeles a {
	text-decoration: none;
}

p.contact {
	float:left;
	padding:20px 10px 10px 40px;
	width:180px;
}

	/* formulaire de contact */
	form#formcontact{
		margin:0px 0px 0px 0px;
		float:left;
	}
	form#formcontact ul{
		list-style:none;
	}
	form#formcontact ul li{
		margin:0 0 10px 0;
	}
	form#formcontact ul li label{
		display:block;
		float:left;
		width:100px;
	}
	form#formcontact ul li input, form#formcontact ul li textarea{
		width:200px;
		border:1px solid #003777;
		color:#003777;
	}
	form#formcontact input.boutonsubmit {
		cursor:pointer;
		width:100px;
	}
	form#formcontact ul li textarea {
		height:150px;
	}

/* TEXTS */
h1,h2,h3,h4,h5,h6{
	color: #003777;
	margin-bottom: 0.4em;
	margin-top:0.2em;
}
h1{
	font-size:1.6em;
	line-height:1em;
	border-bottom:10px solid #fff;
}

h2{
	font-size:1.5em;
	line-height:1.3em;
	font-style:italic;
	color:#1F5D9B;
	font-weight:normal;
}

h3{
	font-size:1.3em;
	line-height:1.3em;
	color:#1F5D9B;
}
h4{
	font-style: italic;
	font-size:1.3em;
	line-height:1.1em;
}
h5{
	font-size:1.2em;
	line-height:1em;
}
h6{
	font-size:1em;
	line-height:1em;
}
p{
	margin-bottom: 1.6em;
}
hr{
	background:#003777;
	color:#003777;
	height:2px;
	border:0;
	margin: 10px 0 10px 0;
	
}
a, a:hover, a:visited{
	color:#003777;
}
ul{
	margin: 0 0 20px 20px;
}
/* TABLES */
table {
	margin:10px 0 20px 0;
	text-align:left;
	width: 564px;
}
.col1, .col1img{
	width: 440px;
}
td.col1img{
	background-color:white;
	text-align: center;
}
.col2{
	width: 60px;
	text-align: center;
}
.col3{
	width: 60px;
	text-align: center;
}

th{
	background-color:#003777;
	color: white;
	font-weight: bold;
	text-align: left;
	padding: 2px 4px 2px 4px;
	}
td{
	background-color:#BACBDB;
	color: black;
	text-align: left;
	padding: 2px 4px 2px 4px;
}
/* GALERIES */
#gallery_big{
	width:570px;
	height: 373px;
	margin-bottom: 10px;
}

.gallery_vignette{
	width:100px;
	height:67px;
	float:left;
	margin-right: 10px;
}