@import url(reset.css);

body {
	background:#fff url(../img/degrad_content.png) 0 190px repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4a403a;
	line-height:18px;
}

body.accueil {
	background-position:0 340px;
}

p { text-align:justify; }
p+p { margin-top:18px; }
h2 { color:#e30019; font-size:16px; text-transform:uppercase; margin-bottom:18px;}
h3 { color:#4a403a; font-size:14px; text-transform:uppercase; margin:18px 0;}
h4 { color:#e30019; font-size:12px; text-transform:uppercase; margin:18px 0; font-weight:normal}

a { color:#5f000b; }

p.success {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	behavior:url(public/css/border-radius.htc);
	border:1px solid #97be0d;
	padding:8px 22px;
	background:#f0f5db;
	color:#637f00;
	margin-bottom:18px;
}

p.error {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	behavior:url(public/css/border-radius.htc);
	border:1px solid #ff0909;
	padding:8px 22px;
	background:#ffe8e8;
	color:#ff0909;
	margin-bottom:18px;
}

.curved {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
	border-radius:10px;
	behavior:url(public/css/border-radius-gradiant.htc);
}

div#header_wrapper {
	padding-top:30px;
	background:url(../img/top_bg.jpg) 50% 4px no-repeat;	
}

div#header {
	width:960px;
	margin:0 auto 24px auto;
	position:relative;
}

div#header h1 {
	display:block;
	width:228px;
	height:83px;
	padding-top:16px;
}

div#header h1 a {
	text-indent:-9999px;
	display:block;
	width:152px;
	height:83px;
	background:url(../img/logo.png);
}

div#header #off_track {
	position:absolute;
	right:0;
	top:70px;
	display:block;
	width:87px;
	height:30px;
	text-indent:-9999px;
	background:url(../img/logo_off_track.gif);
}

div#menu_wrapper {
	background:url(../img/menu_wrapper_bg.gif) 0 100% repeat-x;
	height:40px;
	line-height:40px;
}

ul#menu {
	background:url(../img/menu_li_bg.gif) 0 0 repeat-x;
	height:40px;
	line-height:40px;
	width:960px;
	margin:auto;
}

ul#menu li {
	float:left;
	display:block;
	height:40px;
	width:137px;
	text-align:center;
	line-height:38px;
	position:relative;
}

ul#menu li a {
	display:block;
	padding:0 18px 0 15px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	font-size:13px;
	background:url(../img/menu_li_sep.gif) 100% 0 no-repeat;	
}

ul#menu li.last a {
	background:none;
}

ul#menu li:hover,
ul#menu li.actif {
	background:url(../img/menu_hover.gif);
}

ul#menu li:hover a,
ul#menu li.actif a {
	background:none;
}

ul.submenu {
	background:url(../img/bg_vert.png);
	height:40px;
	line-height:40px;
	width:960px;
	margin:auto;
}

ul.submenu li {
	float:left;
	height:40px;
	line-height:40px;
}

ul.submenu li a {
	float:left;
	display:block;
	color:#fff;
	padding:0 18px 0 15px;
	padding:0 13px 0 10px;
	margin:5px;
	line-height:30px;
	text-decoration:none;
}

ul.submenu li a:hover {
	background:#ffffff;
	color:#b8170e;
}

#screen_wrapper {
	background:url(../img/bg_vert.png);
	height:2px;
}

#screen {
	background:url(../img/bg_vert_center.png);
	width:960px;
	height:2px;	
	margin:auto;
}

body.accueil #screen_wrapper {
	height:190px;	
}

body.accueil #screen_wrapper #screen {
	height:190px;
}

#content_wrapper {
	border-top:1px solid #fff;
}

#content {	
	width:960px;
	margin:30px auto 0 auto;
}

.bloc {
	float:left;
	background:#fff url(../img/degrad_block.png) repeat-x left bottom;
	background-position:bottom;
	border:1px solid #d9d2cf;
	padding:22px;
	margin-bottom:18px;	
}

img.aright {
	float:right;
	margin-left:10px;
}

.clear {
	clear:both;
}

.w330 {	width:284px; }
.w610 { width:566px; }
.w740 { width:680px; }
.w470 { width:424px; }

.w960 {	width:916px; }

.mr20 {
	margin-right:18px;	
}

div.relativ {
	position:relative;	
}

.banniere {
	position:relative;
	margin:2px 0 -10px 0;
	left:-32px;
}

.w960 .banniere {
	margin-bottom:10px;	
}

.fleft {
	float:left;	
}

.wf610 {
	width:610px;	
}

.wf330 {
	width:330px;	
}

a.rollover 			{ background-position:top; }
a.rollover:hover 	{ background-position:bottom; }

.btn_containers		{
	float:left;
	width:330px;
}

a.je_minscris {
	background:url(../img/je_minscris.png);
	display:block;
	width:329px;
	height:107px;
	text-indent:-9999px;
	margin-bottom:18px;
}

a.flright {
	position:absolute;
	right:0;
}

a.mes_amis {
	background:url(../img/mes_amis.png);
	display:block;
	width:329px;
	height:110px;
	text-indent:-9999px;
}

div#footer {
	clear:both;
	width:960px;
	margin:auto;
	background:url(../img/footer.jpg) 0 0 no-repeat;	
	padding:12px 0;
	text-align:center;
}

div#footer #second-line {
	color:#9d646b;
	font-size:11px;
}

#smart-float {
	float:right;
	position:absolute;
	top:66px;
	right:30px;
	z-index:999;
}

ol {
	font-size:12px;
	line-height:15px;
	list-style:inside decimal;
}

ol li {
	line-height:15px;
	padding-left:12px;
	color:#000;
}

ol li span {
	margin-left:11px;
	color:#4a403a;
	font-weight:normal;
}

ul.car {
	margin:18px 0;
}

ul.car li {
	padding-left:20px;
	background:url(../img/puce_car.png) 0 2px no-repeat;
}


form.standard * {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

form.standard .txt,
form.standard textarea.txt {
	display:block;
	float:left;
	width:250px;
	height:20px;
	line-height:20px;
	margin:6px 0;
	padding:1px;
}

form.standard select.select {
	display:block;
	width:250px;
	height:20px;
	margin:10px 0;
}

form.standard textarea.txt {
	height:100px;
	width:350px;
}

form.standard label {
	float:left;
	display:block;
	width:180px;
	text-align:right;
	line-height:22px;
	margin:6px 0;
	margin-right:20px;
}

form.standard label .astx{
	color:#97be0d;
}

form.standard span.label {
	display:block;
	float:left;
	line-height:20px;
	margin:0 20px 0 2px;
	vertical-align:middle;
}

form.standard input#submit {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	/*border-radius:6px;
	behavior:url(public/css/border-radius.htc);
	*/
	height:30px;
	border:1px solid #b8170e;
	padding:4px 10px;
	margin:6px 0;
	/*cursor:pointer;*/
	background:#b8170e;
	color:#fff;
	font-weight:bolder;
}

form.standard input#submit2 {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	/*border-radius:6px;
	behavior:url(public/css/border-radius.htc);
	*/
	height:30px;
	border:1px solid #97be0d;
	padding:4px 10px;
	margin:6px 0;
	/*cursor:pointer;*/
	background:#97be0d;
	color:#fff;
	font-weight:bolder;
}

form.standard input.radio,
form.standard input.ckbox {
	display:block;
	float:left;	
	height:20px;
	line-height:20px;
	margin:0px 0;
}

form.tiny label {
	width:130px;
}



/* Articles */
dl.artlist {
	
}

dl.artlist dt {
	color:#999;
	font-size:0.9em;
}

dl.artlist dd {
	font-size:1em;
	margin-bottom:12px;
}

dl.artlist dd a {
	text-decoration:none;	
}

dl.artlist dd a:hover {
	text-decoration:underline;	
}


/* jQuery lightBox plugin - Gallery style */
#gallery {
	padding: 10px;
}
#gallery ul { list-style: none; }
#gallery ul li { float:left; margin:3px; }
#gallery ul img {
	border: 5px solid #eee;
	border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
	border: 5px solid #4a403a;
	border-width: 5px 5px 20px;
	color: #fff;
}
#gallery ul a:hover { color: #4a403a }


ul#vehicles {
	width:220px;
	margin-bottom:20px;
	float:left;
}

ul#vehicles li {
	padding-right:20px;	
}

ul#vehicles li:hover,
ul#vehicles li.actif {
	padding-right:21px;
	background:url(../img/right_vehicles.gif) right center no-repeat;
}

ul#vehicles li a {
	display:block;
	background:#d3d3d3;
	padding:12px 13px 12px 12px;
	border:1px solid #d3d3d3;
	border-right:0;
	text-align:center;
	color:#555;
	font-size:1.2em;
	text-decoration:none;
}

ul#vehicles li:hover a,
ul#vehicles li.actif a {
	background:#fff;
	color:#e30019;
}