html { margin: 0px; padding: 0px; }

body {
	margin: 0px; 
	padding: 0px;
	background: #60686f url('images/bg.png') repeat-x;
	text-align: center;
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	color: #60686f;
}

h1.title, .title2 {
	background: #bf1320 url('images/titlebg.png') repeat-x;
	color: #fff;
	margin: 0px -15px 0px -15px;
	padding: 5px 10px 5px 10px;
	font: bold 24px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
}

.title2 { background: #696969 url('images/titlebg2.png') repeat-x; }

h1, h2, h3, h4, h5, h6 {
	font: bold 24px 'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif;
}

h2 { color: #636265; }
h3 { color: #8d8d90; }
h4 { color: #8d8d90; font-size: 20px; }
h5 { color: #B7121F; font-size: 20px; font-style: italic; margin: 0; padding:15px 0 0 0; }
h6 { color: #8d8d90; font-size: 16px; }

p.title{ font-family:'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif; color: #262A2E; font-size: 16px; font-weight:700; margin:0; padding:25px 0 0 0; text-transform:uppercase;}
p.responsable{ font-family:'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif; font-size:16px; margin:0; padding:0; color:#B7121F; }
p.contact{ font-family:'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif; font-size:14px; margin:0; padding:0 0 8px 0; color:#636265; }
p.contact a{ color:#636265; text-decoration:underline; }
p.contact a:hover{ color:#B7121F; text-decoration:none }
p.intro{ font-size:14px; font-family:'Trebuchet MS', Trebuchet, Arial, Helvetica, sans-serif; color: #636265; }

img { border: 0px; }

.clear { clear: both; }

.grid { font-size: 100%; border: 0px; border-collapse: collapse; border-spacing: 0px; margin: 10px 0px 10px 0px; }
.grid td, .grid th { padding: 3px; border: solid 1px #807f84; }
.grid th { background: url('images/headerbg.png') 0px -50px; color: #fff; }

.center { text-align: center; }


#container {
	margin: 0px auto;
	width: 970px;
	background: url('images/contentbg.png') repeat-y;
}

#container2 {
	width: 970px;
	background: url('images/bodybgtop.png') no-repeat;
	padding: 0px 10px 0px 10px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 950px;
}
	html>body #container2 { width: 950px; }
	
#top {
	background: url('images/headerbg.png') no-repeat;
	width: 950px;
	height: 81px;
}

	#logo { float: left; padding: 20px 0px 0px 20px; }
		#logo a { text-decoration: none; color: #fff; }
	#topmenu { text-align: right; padding: 30px 20px 0px 0px; }
	#topmenu ul { margin: 0px; padding: 0px; list-style: none; }
	#topmenu li { display: inline; padding: 10px; }
	#topmenu a { text-decoration: none; color: #fff; }

#mainpic {
	width: 950px;
	height: 186px;
}

#mainpicinner {
	background: url('images/mainpic.jpg') no-repeat;
	width: 950px;
	height: 186px;
	text-align: left;
}

#mainpicbox {
	width: 350px;
	float: right;
	background: #000;
	color: #ggg;
	height: 186px;
	padding: 15px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 320px;
	height: 156px;
}
	html>body #mainpicbox { width: 320px; height: 156px; }
	
#body2col, #body3col { 
	width: 950px; 
	border-top: solid 1px #dfdfdf;
	text-align: left;
}

#body2 {
	width: 230px;
	float: left;
	padding: 15px;
	color: #e7e7e7;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 200px;
}
	html>body #body2 { width: 200px; }

#body2col #body1, #body3col #body1 {
	width: 720px;
	float: left;
	padding: 0px 15px 5px 15px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 690px;
}
	html>body #body2col #body1 { width: 690px; }
	
#body3col #body1 {
	width: 400px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 370px;
}
	html>body #body3col #body1 { width: 370px; }

#body3 {
	width: 320px;
	float: left;
	padding: 0px 15px 5px 15px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 290px;
}
	html>body #body3 { width: 290px; }
	
#footer {
	margin: 0px auto;
	width: 970px;
	background: #60686f url('images/footer.png') no-repeat center top;
	padding: 15px 0px 10px 0px;
	color: #fff;
}

.submenu {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
	.submenu li {
		width: 200px;
		height: 26px;
		margin-bottom: 5px;
		background: url('images/vertical.gif') no-repeat;
	}
	
	.submenu a:link, .submenu a:visited {
		display: block;
		width: 200px;
		height: 26px;
		padding: 5px 0px 0px 20px;
		color: #fff;
		text-decoration: none;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		width: 180px;
		height: 21px;
	}
		html>body .submenu a:link, html>body .submenu a:visited { width: 180px; height: 21px; }
		
	.submenu a:active, .submenu a:hover {
		background: url('images/vertical.gif') no-repeat 0px -151px; 
	}
	


/* --- TABLEAU HORAIRE --- */
.tableau-horaire{width:280px; margin:0; padding:25px 0 15px 0;}
.tableau-horaire table{ color:#1d1d1d; border-collapse:collapse; border:1px solid #CCCCCC; font-size:12px;}
.tableau-horaire td{background:transparent;padding:5px 5px 5px 8px;border:1px solid #CCCCCC;}
.tableau-horaire tbody tr.pale td{background:#F3F3F3}
.tableau-horaire tfoot td{padding-bottom:1.5em;}
.jour {text-align: left;background-color:#FFFFFF;}
.heure {text-align: center;}
.titre {text-align: center;font-size:13px; background-color:#262626;color:#ffffff;padding:5px;}




ul.num { margin-left:20px; padding-left:10px; margin-bottom: 20px; line-height:2em; }
ul.num li { list-style:decimal; }


/* --- TABLEAU CONDITIONS --- */
.detailConditions{ width:100%; padding:0 0 30px 0;}
#detailConditions{font-size:12px; border-collapse:collapse;}
#detailConditions td{padding:8px 0 8px 5px; border:1px solid #CCC;}
#detailConditions th{padding:8px 0 8px 5px; border:1px solid #CCC;}

.row_title{background-color:#3F3F3F;color:#fff; line-height:1.2em; margin:5px 0 5px 0;}
.row_odd{background-color:#FAFAFA; color:#444444;}
.row_even{background-color:#FFF; color:#444444;}
.row_last{background-color:#eaeaea; color:#444444;}