/* CSS Document */
body {
font-family:Helvetica, Arial, sans-serif;
color:#3f3f3f;
font-size:13px;
margin:0;
padding: 0;
background:url(../images/body_bg.jpg) repeat-x;
background-color:#fff;
text-align:justify;}

	a {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#040c7f;}
	a:link {
	text-decoration:none;}
	a:visited {
	text-decoration: none;}
	a:hover {
	text-decoration:none;
	color:#FFCC00;}
	a:active {
	text-decoration:none;
	color:#FFCC00;}
	
	* {
	margin:0;
	padding:0;
	list-style:none;
	border:0;}
	
	h1 {
	height:25px;
	padding:4px 0 0 4px;
	margin:0;}
	
	h2 {
	font-size:14px;
	color:#3f3f3f;
	font-weight:bold;
	margin:0;
	padding-bottom:15px;}
	
/* gabarit global ================================================================ */
#global {
width:1000px;
height:auto;
margin:auto;
position:relative;}

	#header {
	width:985px;
	margin-left:15px;
	height:337px;
	background:url(../images/header_bg.jpg) bottom left no-repeat;}
	
	#content {
	width:1000px;
	height:auto;
	margin-top:10px;
	border-top:#999999 dotted 1px;
	padding-bottom:10px;
	border-bottom:#999999 dotted 1px;}
	
#footer {
width:100%;
margin-top:10px;
border-top:#ffea00 1px solid;
padding-top:10px;}

	#footer #kobaltis {
	width:1000px;
	text-align:right;
	margin:auto;
	font-size:12px;}
	
		#footer #kobaltis a {
		font-size:12px;}
		
/* gabarit header ================================================================ */

#header #menu {
padding-left:396px;
float:left;
height:121px;
width:588px;}

	#header #menu ul {
	list-style:none;
	padding: 0px;
	margin:0px;
	float:left;}
		
		#header #menu ul li {
		float:left;}
		
		#header #menu ul a {
		text-decoration:none;
		text-align:center;
		width:84px;
		float:left;
		font-size:12px;
		color:#FFFFFF;}
		
		#header #menu ul a:hover{
		background-position:bottom left;
		color:#FFCC00;}
		
			#header #presentation {
			background:url(../images/accueil.jpg) no-repeat; padding-top:92px; height:29px;}
			#header #carrosserie {
			background:url(../images/carrosserie.jpg) no-repeat; padding-top:86px; height:35px;}
			#header #redressage {
			background:url(../images/redressage.jpg) no-repeat; padding-top:86px; height:35px;}
			#header #depannage {
			background:url(../images/depannage.jpg) no-repeat; padding-top:92px; height:29px;}
			#header #pret {
			background:url(../images/pret.jpg) no-repeat; padding-top:86px; height:35px;}
			#header #entretien {
			background:url(../images/entretien.jpg) no-repeat; padding-top:86px; height:35px;}
			#header #plan {
			background:url(../images/plan.jpg) no-repeat; padding-top:86px; height:35px;}
			
#header #logo {
margin-top:18px;
padding-left:479px;
width:487px;
height:198px;
float:left;
text-align:center;}

	#header #logo p {
	margin-top:-15px;
	font-size:18px;}
		
		#header #logo p .tel {
		font-size:24px;}
		
/* gabarit content ================================================================ */	

#content .col1 {
margin:4px 0 0 4px;
width:405px;
border-right:#999999 dotted 1px;
float:left;
padding-left:4px;	}

#content .col2 {
margin:4px 0 0 4px;
width:239px;
border-right:#999999 dotted 1px;
float:left;
padding-left:25px;}

#content .col3 {
margin:4px 0 0 4px;
width:291px;
float:left;
padding-left:14px;}

#content .formulaire {
margin:4px 0 0 4px;
width:669px;
border-right:#999999 dotted 1px;
float:left;
padding-left:4px;	}

#content .cleaner {
width:1000px;
height:1px;
clear:both;}

#content .texte {
border-top:#999999 dotted 1px;
height:auto;
margin-right:12px;
padding-top:6px;
margin-top:5px;}

	
	#content ul {
	margin-left:10px;}
	
	#content li {
	list-style:url(../images/puce.jpg);}