
@import url(default.css);


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:justify;
	color:#5b5c5c;
}

body{
		background: url(../images/degrade.jpg) repeat-x #ededef;
		}
		
#site{
		width:1003px;
		margin:auto;
		}
		
#header{
		width:1003px;
		height:339px;
		}
		

#gauche{
		width:282px;
		float:left;
		}
		
.mini-formulaire{
		width:218px;
		background:url(../images/formulaire-wrapper.jpg) repeat-y;
		padding:0 0 0 52px;
		}
		
.mini-formulaire label 
		{
		clear:both;
		float:left;
		width:95px;
		color:#333;
		}		
		
.mini-formulaire label,
.mini-formulaire input,
.mini-formulaire select
		{
		margin-bottom:8px;
		}

.mini-formulaire input{width:110px;}
.mini-formulaire select{width:112px;}

#centre{
		width:512px;
		float:left;
		}		
		
		
#titre{
		width:512px;
		height:58px;
		}		
		
#contenu{
		width:468px;
		min-height:405px;
		background:url(../images/wrapper.jpg) repeat-x #ededef;
		padding:1px 22px 3px 22px;
		}

		
#droite{
		width:209px;
		float:left;
		}		

#w3c{
		width:106px;
		height:20px;
		margin:16px auto;
		}
		
#bouton-envoyer{
		width:282px;
		height:51px;
		margin:37px 0 0 -52px;
		}	
		
#bouton-retour{
		width:282px;
		height:51px;
		margin:37px 0 0 76px;
		}	

.paragrapheOnOff{
		cursor:pointer;
		width:100%;
		height:32px;
		padding:1px 0 0 2px;
		background:url(../images/onoff.jpg) no-repeat #390;;
		}
		
.accordeon{
		padding-left:21px;
		}		
		
#plan-du-site{
		padding:1px 0 2px 23px;
		
}
		
#plan-du-site ul li a:link , #plan-du-site ul li a:visited{
		color:#777;
		text-decoration:none;
}
	
#plan-du-site ul li a:hover{
		color:#ccc;
		text-decoration:underline;
}

#clic{
		cursor:pointer;
		}

fieldset{
		border:2px solid #999;
		-moz-border-radius:10px;
		}		

#captreload{
		cursor:pointer;
		}

.encadre{
		padding:2px 12px;
		border:#CCC 1px solid;
		color:#005334;
		}		
		
.encadre p{
		color:#3f3931;
		}	

#bas-site{
		clear:both;
		margin:4em 0;
		}

h1 {
		font-size:1.5em;
		color:#005334;
		font-weight:normal;
		margin-top:0px;
		}

h2 {
		font-size:1.2em;
		color:#005334;
		font-weight:normal;
		}

p {
		font-size:1em;
		line-height:1.2;
		}

ul li {
	font-size:1em; 
	list-style-image:url(../images/puce.png);
	list-style-position:outside;
	}

a:link, a:visited {
		text-decoration:underline; 
		color:#005334;
		}

a:hover {
		text-decoration:none; 
		color: #5b5c5c;
		}

.bloc-formulaire{
}

.bloc-formulaire table tr td input{width:104px;}
.bloc-formulaire table tr td select{width:106px;}

.bloc-formulaire-2 label,
.bloc-formulaire-2 input	
		{
		margin-bottom:6px;
		}

.bloc-formulaire-2 label{clear:both; float:left; width:120px;}
.bloc-formulaire-2 imput{width:200px;}

#google{
		padding:4px;
		border:1px solid #ccc;
		width:453px;
		clear:both;
		}
		
.adresse{
		padding:4px;
		width:530px;
		margin:auto;
		}		
		
.mention-bloc-gauche{
		width:48%;
		margin-right:2%;
		margin-bottom:2%;
		float:left;
		background:#ddd;
		border:solid 1px #ccc;
		}
		
.mention-bloc-droite{
		width:48%;
		float:left;
		margin-bottom:2%;
		background:#ddd;
		border:solid 1px #ccc;
		}	
		
.vehicule-gauche{
		clear:both;
		float:left;
		padding:0 9px 8px 0;
		}		
		
.vehicule-centre{
		float:left;
		padding:0 9px 8px 0;
		}				
		
.vehicule-droite{
		float:left;
		padding:0 0 8px 0;
		}				
		
.vehicule-seul{
		clear:both;
		padding:0 0 0 160px;
		}				
		

		
.tablo td{
		text-align:center;
		color:#fff;
		}		
		
.tablo th{
		text-align:center;
		background:#5b5b5b;
		color:#fff;
		border:none;
		margin:0;
		padding:2px;
		font-weight:bold;
		}	
.tr-un{
		background:#356D13;
		}		
		
.tr-deux{
		background:#4F8313;
		}		
		
.tr-trois{
		background:#709F12;
		}		

.tr-quatre{
		background:#8FBA12;
		}		

#vignette{}

.vignette-droite{
		clear:both;
		width:270px;
		float:right;
		padding:26px 0 0 28px;
		}

.vignette-droite ul{
		padding:0;
		margin:0;
		}

.vignette-droite-option li{
		color:#005334;
		list-style-type:disc;
		list-style-image:url(../images/puce.png);
		margin:0 0 0 14px;
		}		
		
.vignette-droite-voiture li{
		list-style-type:none;
		list-style-image:none;
		}
		
		
.vignette-gauche{
		width:170px;
		margin:12px 0 0 0;
		float:right;
		}
	

#menu-vide{
	width:23px;
	height:46px;
	margin: 0px;
	background: url(../images/noflash/menu-bck/menu_01.png) top left;
	float:left;
}
#formules{
	width:154px;
	height:46px;
	margin: 0px;
	background: url(../images/noflash/menu-bck/menu_02.png) top left;
	float:left;
	cursor:pointer;
	cursor:hand;
}
	#formules:hover, 
	#formules:focus, 
	#formules:active{ 
		background: url(../images/noflash/menu-bck/menu_02.png) bottom left;
	}
#voitures{
	width:154px;
	height:46px;
	margin: 0px;
	background: url(../images/noflash/menu-bck/menu_03.png) top left;
	float:left;
	cursor:pointer;
	cursor:hand;
}
	#voitures:hover, 
	#voitures:focus, 
	#voitures:active{ 
		background: url(../images/noflash/menu-bck/menu_03.png) bottom left;
	}
#utilitaires{
	width:140px;
	height:46px;
	margin: 0px;
	background: url(../images/noflash/menu-bck/menu_04.png) top left;
	float:left;
	cursor:pointer;
	cursor:hand;
}
	#utilitaires:hover, 
	#utilitaires:focus, 
	#utilitaires:active{ 
		background: url(../images/noflash/menu-bck/menu_04.png) bottom left;
	}

#conseils{
	width:160px;
	height:46px;
	margin: 0px;
	background: url(../images/noflash/menu-bck/menu_05.png) top left;
	float:left;
	cursor:pointer;
	cursor:hand;
}
	#conseils:hover, 
	#conseils:focus, 
	#conseils:active{ 
		background: url(../images/noflash/menu-bck/menu_05.png) bottom left;
	}
#conditions{
	width:277px;
	height:46px;
	margin: 0px;
	background: url(../images/noflash/menu-bck/menu_06.png) top left;
	float:left;
	cursor:pointer;
	cursor:hand;
}
#conditions:hover, 
#conditions:focus, 
#conditions:active{ 
		background: url(../images/noflash/menu-bck/menu_06.png) bottom left;
	}
#acces{
	width:93px;
	height:46px;
	margin: 0px;
	background: url(../images/noflash/menu-bck/menu_07.png) top left;
	float:left;
	cursor:pointer;
	cursor:hand;
}

#acces:hover, 
#acces:focus, 
#acces:active{ 
		background: url(../images/noflash/menu-bck/menu_07.png) bottom left;
	}
#menu{
	margin:0px;
	width:1003px;
	height:46px;
	}
#headerflash{
	width:1003px;
	height:275px;
	margin-bottom:-2px;
	}	
#carte{
	width:282px;
	height:165px;
	background: url(../images/noflash/carte.png) top left;
	cursor:pointer;
	cursor:hand;
	margin-top:10px;
	}
#carte:hover,
#carte:focus,
#carte:active{
	background: url(../images/noflash/carte.png) bottom left;
	}	
#conseil-droite{
	width:209px;
	height:80px;
	background: url(../images/noflash/conseils.png) top left;
	cursor:pointer;
	cursor:hand;
	}
#conseil-droite:hover,
#conseil-droite:focus,
#conseil-droite:active{
	background: url(../images/noflash/conseils.png) bottom left;
	}

#droite ul{
	margin-left:30px;
	color:#005334;
	font-size:0.8em;
}
#droite img{
	margin-left:13px;
	margin-top:15px;
	text-align:center;
	color:#005334;
	}
#header-haut{
	width:1003px;
	height:18px;
	background: url(../images/header-haut.jpg) top left;
	text-decoration:none;
	color:#7E7E7F;
	}
	#header-haut a{
	text-decoration:none;
	color:#7E7E7F;
	}

#header-haut p{
	margin-right:15px;
	float:right;
	margin:1px 9px 0 0;
	}
	#header-haut p:hover,
	#header-haut p:visited,
	#header-haut p:focus{
		text-decoration:underline;
	}
#google	iframe{
	width:453px;
	height:400px;
	border:none;
	margin:0;
}
