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, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; 
font-size: 100%; vertical-align: baseline; background: transparent; } body { 
line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } 
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 
none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

/* CSS Document */
html { font-size: 62.5%; /* reset 1em to 10px */ height: 100%; }
body{
	padding:0; margin:0; background:url(../img/bg.gif) repeat-x #000; color:#A5A5A4;
	font-size: 1.1em;font-style: normal;font-weight: normal;font-variant: normal; }
div, ul, h1, h2, h3, h4, p, img, form { padding:0; margin:0;font-family: Geneva, Arial, Helvetica, sans-serif; }
ul { list-style-type:none; }
.blank { font-size:0px; clear:both; line-height:0px; }
.img { border:none; }
a, a:visited { /*font-size: 62.5%; /* reset 1em to 10px */ height: 100%;font-size:1em;color:#ff7011;text-decoration:none; }
a:hover { text-decoration:underline; }
/*--------------------------------header pan---------------------------*/
#headerPan.header-moto { width:812px; margin:0 auto 0 auto; background:url(../img/moto.jpg) no-repeat; height:343px;margin-bottom:-80px; }
#headerPan.header-zen { width:812px; margin:0 auto 0 auto; background:url(../img/zen.jpg) no-repeat; height:343px;margin-bottom:-80px; }

#headerPan ul { width:812px; margin:0px auto;text-align:center; display:block; height:21px; }
#headerPan ul li { display:inline; height:21px; margin:0; padding:0; }
#headerPan ul li a {
	font: bold 14px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 14px 0 14px; color:#eaeaea;
	background:#242424; text-decoration:none; margin:0; height:21px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		background: #333;
	}
#headerPan ul li a:hover { color:#000; background-color: #ff7011; }
#headerPan ul li a.current_page_item { color:#000; background-color: #ff7011; }
/*----------------------------------body part----------------*/
#mainBody { width:812px; margin:24px auto 0 auto; }
/*-------------------------------left side-------*/
#leftPan { width:630px; margin:0 0 0 0px;padding:5px; float:left;font:1.1em Arial, Helvetica, sans-serif;text-align:justify;
	/*background:url(../img/bg-test.jpg) no-repeat center top;border:1px solid gray;*/ }

/* Fil d'Ariane */
#leftPan ul#ariane { list-style-type:none; }
#leftPan ul#ariane li { display:inline;color:#333;font-weight:bold; }
#leftPan div#spacer { height:5px; } /* ! DO NOT DELETE / replace ul spacing on index page */

#leftPan div { margin-bottom:10px; }

#leftPan h1 { font:2em Tahoma, Arial, Helvetica, sans-serif;color:#ff7011; /*color:#c94401;*/ }
#leftPan h2 { font:1.8em Tahoma, Arial, Helvetica, sans-serif; color:#fff; }
#leftPan h2 a { font:1em Tahoma, Arial, Helvetica, sans-serif; color:#fff;text-decoration:none; }
#leftPan h2 a:hover { font:1em Tahoma, Arial, Helvetica, sans-serif; color:#ff7011;}
#leftPan h3 { font:1.4em Tahoma, Arial, Helvetica, sans-serif; color:#FFFFFF; background:#000000; display:block; margin:0 0 0 0; }

#leftPan p.img { margin:0px auto;width:630px;text-align:center; }
#leftPan p img { margin:5px 0;padding:5px;border:1px solid gray; }

#leftPan p { width:100%;font:1.2em Arial, Helvetica, sans-serif; color:#a5a5a4; background:none; display:block;margin:0 0 0 0; }
div#news p.small-date { width:100%; font-size:8px;font-family:Arial, Helvetica, sans-serif;font-style:italic; color:#A5A5A4; background:none; display:block;margin:0 0 0 0; }
#leftPan p.more { width:421px; border:#353535 1px solid; height:18px; background:#171717; color:#fff; margin:25px 0 28px 0;padding:3px 3px 0 0; }
#leftPan p a { text-decoration:none; font:14px Arial, Helvetica, sans-serif; color:#ff7011; }
#leftPan p a:hover { text-decoration:underline; }

#leftPan p.alert { margin:0px auto;margin-top:5px;padding:5px;width:100%;border:1px dotted orange;color:orange;text-align:center;line-height:25px;font-size:1.1em;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px; }

#leftPan p.more1 { background-color:#272727; color:orange; padding:7px 0 13px 14px; width:411px; margin:0 0 0 0; }
#leftPan p.more1 a{
	background-color:#000000; color:orange; width:397px; display:block; font:14px Arial, Helvetica, sans-serif;
	text-decoration:none; text-align:right; padding:0 3px;
	}
#leftPan p.more1 a:hover { color:#000; background-color:#fff; text-decoration:none; }
#leftPan p.more2 { background-color:#151515; color:orange; padding:7px 0 13px 14px; width:411px; margin:0 0 0 0; }
#leftPan p.more2 a { background-color:#000000; color:orange; width:397px; display:block; font:14px/14px Arial, Helvetica, sans-serif;text-decoration:none; text-align:right; padding:0 3px 0 0; }
#leftPan p.more2 a:hover { color:#000; background-color:#fff; text-decoration:none; }
#leftPan ul { margin:0 0 0 1em;padding:0 0 0 1em;list-style-type:disc;list-style-position:outside; }
#leftPan ul li { font-size:12px; }
#leftPan ul li a { font-size:12px;text-decoration:none;color:#ff6600; }
#leftPan ul li a:hover { font-size:12px;text-decoration:underline;color:#fff; }

#leftPan ul li.cross-link { margin:0 0 0 -20px;;font-family: Arial, sans-serif;font-size: 100%;line-height:1.6em;list-style-type: none;background: url(../img/s3ction9-puce.gif) no-repeat 0;padding-left: 20px; }
#leftPan ul li.cross-link a.cross_link { color: #ddd; }
#leftPan ul li.cross-link a.cross_lin:hover { text-decoration: none;color: #ff7011; }
#leftPan ul li.cross_link { color: #ff7011;margin-bottom: 14px;font-size: 13px;font-style: normal;font-weight: normal;font-variant: normal;font-family: Verdana, Arial, Helvetica, sans-serif; }

/*-------------right side------*/
#rightPan {
	width:161px; color:#B6B6B5;float:right;
	background:url(../img/left_side_up.gif) no-repeat 0 0 #171717; padding:19px 0 0 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #181818;
	/*-moz-box-shadow: inset 0 5px 10px rgba(255, 255, 255,0.5), inset 0 -5px 10px rgba(204,204,204,0.7), 0 3px rgba(0,0,0,0.1), inset 0 -3px #8eaebb;*/
}
/*#rightPan p { background:url(../img/left_side_down.gif) no-repeat bottom left; height:8px; font-size:0; display:block; }*/
#rightPan h2 { margin:0px 0 0 15px;padding:0; font: normal 2.1em Arial, Helvetica, sans-serif;color:#fff; }
#rightPan ul { width:135px; display:block; margin:6px 0 24px 17px; font-size:0; }
#rightPan ul li { background:url(../img/left_side_arrow.gif) no-repeat 0 9px; padding: 0 0 0 17px; display:block; height:24px; }
#rightPan ul li a { padding-left:5px;font:12px/24px Arial, Helvetica, sans-serif; color:#B6B6B5; text-decoration:none; display:block; }
#rightPan ul li a:hover { background-color:#454545; color:#B6B6B5; }
#rightPan h3{
	color:#fff; width:114px; height:24px; display:block; margin:0px 0 10px 15px; padding: 0 0 0 0;	
	font: normal 24px/24px Arial, Helvetica, sans-serif; 
	}
#rightPan h3.lor{
	background:url(../img/lor_bg.gif) no-repeat  #171717; color:#fff; display:block; width:116px; height:56px;
	font: bold 12px/18px Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0 0 10px 15px; padding:3px 0 0 7px;
	}
#rightPan div.says { width:135px; display:block; margin:2px 0 17px 15px; font-size:12px;}
#rightPan div.says em { font-size:11px; }
#rightPan a.more{
	width:103px; height:15px; display:block; color:#fff; margin: 0 0 24px 25px; padding:0 5px 0 13px;
	font:13px/10px tahoma, Arial, Helvetica, sans-serif;
	text-align:right;
	}
#rightPan a.more:hover { color:#B6B6B5; }
/*-------------------------------footer---------*/
#footerMain { background:url(../img/footer_bg.gif) repeat-x 0 0; width:100%; }
#footer { background:url(../img/footer.gif) no-repeat 0 0; height:97px; width:812px; margin:0 auto 0 auto; padding:74px 0 0 0; }
#footer ul { margin:0; padding:0 1em; width:812px;line-height:2em;text-align:right; }
#footer ul li { padding:0; margin:0;display:inline;color:#9b9b9b; font:1em "Trebuchet MS", Arial, Helvetica, sans-serif; }
#footer ul li a { padding:0 .6em; color:#9b9b9b; font:1em "Trebuchet MS", Arial, Helvetica, sans-serif;text-decoration:none; }
#footer ul li a:hover { text-decoration:underline; }

#footer p.copy{  margin:0; padding:0;width:250px;font:1em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#eaeaea; }
/*
#footer p.copy a { text-decoration:underline; color:#eaeaea;}
#footer p.copy a:hover { text-decoration:none; }
*/
#footer p { margin:0 auto;padding:0 1em;width:812px;font:1em "Trebuchet MS", Arial, Helvetica, sans-serif; color:#ccc;text-align:right;background:none; }
#footer ul.css { margin:0 auto;padding:0 1em;width:812px;height:20px;font-size:.8em;text-align:right; }
#footer ul.css li { display:inline;margin:0 0 0 .5em; padding:0; }
#footer ul.css li a { padding:0;margin:0;height:11px; }

/*
#footer ul.css li a.cs { background:url(../img/css.gif) no-repeat 0 0; width:39px; }
#footer ul.css li a.cs:hover { background:url(../img/css_h.gif) no-repeat 0 0; width:39px; }
#footer ul.css li a.html { background:url(../img/xhtml.gif) no-repeat 0 0; width:61px; }
#footer ul.css li a.html:hover { background:url(../img/xhtml_h.gif) no-repeat 0 0; width:61px; }
*/