body { background: #cfcfcf; font: 8pt Arial, sans-serif; color: #000; }
form input, textarea, option, select, button { font: 8pt Arial, sans-serif; color: #000; }
a img, img { border: none; }

a { color: #c03; }
a:hover { color: #e36; }

a.plan { color: #fff; }
a.plan:hover { color: #e9e9e9; }

.message {
	color: red;
	margin-bottom: 15px;
	font-size: 10px;
}

h1 { padding: 0 0 25px 35px; margin: 0; background: transparent url(../img/arr_big.gif) no-repeat; font-size: 1.8em;  }
h2 { background: #c03 url(../img/bg_redh.gif) no-repeat left top; padding: 0.3em 0 0 17px; margin: 0 0 1px 0; clear: left; }

p { margin: 0; padding: 0.5em 0; }

#all { width: 976px; background: #fff url(../img/bg_topgrad.gif) repeat-x; margin: 1em auto; position: relative; }

#main { padding: 0; margin: 160px 0 0 0; width: 756px; float: right; }
#main .round { position: absolute; top: 160px; right: 15px; background: transparent url(../img/bg_round.gif) no-repeat; width: 29px; height: 29px; }
	
#login_div { position: absolute; top: 130px; left: 34px; }
#login_div label { color: #c03; }
#login_div input { font-size: 0.9em; color: #6e6e6e; margin-right: 0.5em; padding-left: 5px; vertical-align: center; }
#login a { background: transparent  url("../img/arr_right.gif") no-repeat 0 1px; padding-left: 20px; }

#logo { position: absolute; top: 0; left: 0; padding: 14px; width: 274px; height: 76px;}
#slogan { color: #888; font-size: 1.5em; position: absolute; top: 98px; left: 34px; }
#banner { position: absolute; top: 0; right: 0; padding: 25px 25px 0 0; }

#espace { position: absolute; top: 86px; right: 0; padding: 8px 15px 0 0; }
#espace ul { list-style: none; margin: 0; padding: 0; }
#espace ul li { padding: 0 0 5px 27px; background: transparent url(../img/arr_black.gif) no-repeat 10px 10px; float: left; } 
#menu { padding: 160px 0 0 15px; margin-right: 756px; font-weight: bold; }
	#menu li { padding: 0 0 13px 23px; margin: 0; background: transparent url(../img/arr_red.gif) no-repeat; color: #c03; }
	#menu li a { text-transform: uppercase; position: relative; display: block; height: 15px; overflow: hidden; }
	#menu li a span { position: absolute; height: 100%; width: 100%; }
		#li-devis_dassurances a span { background: #fff url(../img/menu_hd_devis_dassurances.gif) no-repeat 0 2px; }
		#li-les_garanties a span { background: #fff url(../img/mnu_hd_les_garanties.gif) no-repeat 0 2px;}
		#li-infos_pratiques a span { background: #fff url(../img/mnu_hd_infos_pratiques.gif) no-repeat 0 2px;}
		#li-credit_moto a span { background: #fff url(../img/mnu_hd_credit_moto.gif) no-repeat 0 2px;}
		#li-recharcher a span { background: #fff url(../img/mnu_hd_rechercher.gif) no-repeat 0 2px;}
		#li-service_commercial a span { background: #fff url(../img/mnu_hd_service_commercial.gif) no-repeat 0 2px;}
		#li-deviner_partenaire a span { background: #fff url(../img/mnu_hd_devenir_partenaire.gif) no-repeat 0 2px;}
		li#li-autres_devis_dassurances a { height:35px; } 
		#li-autres_devis_dassurances a span { background: #fff url(../img/menu_hd_autre_devis.gif) no-repeat 0 2px; }
	#menu ul { list-style: none; margin: 0.5em 0 1.3em 18px; padding: 0; position: relative; }
	#menu li ul { margin-left: -5px; }
	#menu li li { margin: 0; padding: 0; position: relative; color: #000; background: none; }
	#menu li li a { display: block; text-transform: none; text-decoration: none; color: #000; background: transparent url(../img/bg_a.gif) no-repeat left bottom; padding: 0.1em 0 0.7em 5px; height: auto; }
	#menu li li a.sel { color: #c03; }
	#menu li li a:hover { color: #d36; }
	

#footer { clear: both; background: #c03 url(../img/bg_bottomgrad.gif) repeat-x bottom; color: #fff; padding: 0.2em 10px; position: relative; }
/* for ie 5-6 \*/
* html #footer { display: inline-block; margin-left: 15px; }
/* -- */
#footer p { }
#footer a { color: #fff; }
	#menubottom { position: absolute; top: 0; right: 15px;  }
	#menubottom ul { list-style: none; padding: 0.5em 0; margin: 0; }
	#menubottom li { float: left; padding-left: 1.4em; margin: 0; background: transparent url(../img/bullet_hyphen.gif) no-repeat 0.5em 0.5em; }
	#menubottom li.first { background: none; }
	#menubottom li a { color: #fff; }



.content { border: 1px solid #000; padding: 1.5em 20px 1.5em 35px; margin: 0 15px 1em 0; }
.content h1 { margin-left: -25px;}

.c { clear: both; height: 1px; font-size: 1px; margin: -1px; }
* html .c { position: absolute; }
.r { position: relative; }
.sup { vertical-align: super; font-size: 0.8em; }


.tel { font-size: 1.3em; }
.mail { font-size: 1.1em; }
.address { font-size: 1em; }

.hidden { display: none; }

#tooltip{
background:#efefef;
border:1px solid #666666;
color:#333333;
font:menu;
margin:0px;
padding:3px 5px;
position:absolute;
visibility:hidden;
}

ul#pages {
	list-style: none;
	margin-right: 3px;
}
ul#pages li {
	float: left;
	text-align: center;
	margin-right: 3px;
}
ul#pages li a {
	font-weight: bold;
}
