body {
	font-family: verdana,arial;
	font-size: 12px;
	background: #fff;
	height: 100%;
}

body, form, ul, h1, h2, h3 {margin: 0;padding: 0;}
img {border: none;}
h1, h2 {font-family: times;}
/*** font-family:DesertDogHmk; ***/
a {text-decoration: none;}

/******** layout ********/
#site {min-width: 890px;}
#page {}

#leftside {
	width: 166px;
	padding: 2px 0 3px 2px;
	color: #fff;
	float: left;
	background: #396;
}
#leftside p {margin: 3px 0 0 1px;}
#leftside ul {list-style: none;}
#leftside li {padding: 2px 0 0 0;}
#leftside li a {display: block;font-family: arial;color: #fff;padding-left: 12px;}
#leftside li a:hover {color: #000;background: #eee;}
#leftside li a:active {color: #fff; background: #f30;}
#leftside li a.select {color: #000; background: #fff;}

/*#leftside h3 {color: #eee;font:11px arial;font-weight: bold;padding:4px 0 2px 1px; background: #163;}
*/
#leftside h3 {
background:transparent url(images/h3.gif) no-repeat scroll left top;
color:#eee;
font:11px arial;font-weight: bold;padding:4px 0 2px 3px;
margin-top: 8px;
}

#leftside #contact{font-size: 11px;}

#conteneur {margin-left: 168px;}

#contenu {padding: 10px 130px 0 10px;}
#contenu h2 {font-size: 24px;font-weight: normal;color: #f30;
	margin-left: 60px;white-space: nowrap;
}
#contenu li {text-align:justify;}
#contenu ul {list-style-image: url(images/bullet.gif);margin: 0 0 0 30px;}
#contenu ul.love {list-style: none;}
#contenu li {margin: 0 0 4px 0;}
#contenu table {font-size: 13px;font-weight: bold;}

#tdb {height: 10px;border-top: solid #aaa 1px;}
#tdc {background: #396;border-bottom: solid #666 1px;}
#tdc a{color: #fff;font-weight: bold;}
#tdc a:hover {color: #f30;}

#bandeau {height: 58px;border-bottom: solid #666 1px;background: #396;}
#bandeau h1 {font-size: 28px;text-align: center;padding-top: 10px;white-space: nowrap;color:#eee;}
/* #bandeau h1:after {
display: block;
margin-left: 4px;
margin-top: -26px;
color: red;
content: attr(title);
} */

#search {float: right;width: 140px;}
#ads { float: right;width: 124px;padding:10px 2px 2px 2px;text-align: center;}

#pied-de-page {height: 40px;background: #396;color: #fff;border-top: solid #666 1px;text-align: center;}

/*  navbas */
#navbas {margin-top:10px;font-size: 10px;}
#navbas a { color: #fff;}
#navbas a:hover {color: #000;background: #eee;}
#navbas a:active { color: #fff; background: #f30;}
#navbas a.select { color: #fff; background: #f30;}

#copyright {font-size: 9px;}

p.divi {background-image: url(images/div.gif);height:6px;width:160px;}

p.titre	{margin-left: 50px; margin-top: 10px; font-size: 24px;color: #f30;font-family:times}
p.bord {border: solid black 1px;margin-left: 70px; width: 250px;text-indent: 20px;font-size: 20px}

.clearright { height: 0;clear: right;}
.clearleft { height: 0;clear: left;}
.clearboth {height: 0;clear: both;}

.submit {font-size: 11px;text-align: right;}	
.apropos {color: #eee;font-weight: bold}
.orange {color: #f30;}
.borange {color: #f30;font-weight: bold}
.borange3 {color: #f30;font-weight: bold;font-size: 16px}
.blue {color: #00c;}
.bblue3 {color: #00c;font-weight: bold;font-size: 16px}
.bu3 {font-weight: bold;font-size: 16px;text-decoration: underline;}

.titre {margin: 0 0 0 50px;font-size: 24px;color: #f30;font-family: times}
.titre2 {border: solid #222 2px;
		padding:10px 0 10px 10px;
		margin: 0 10px 0 10px;
		text-indent: 20px;
		background-color: #ccc;
		font-size: 24px;color: #f30;font-family: times}
.tarif {font-weight:bold;text-decoration:underline;margin:10px 0 -10px 0;}
.mark {
	background: url(images/fondmark.gif) top right no-repeat;color: #f30;
	}
.mark1 {font-size: 18px;margin-left: 50px;}
.mark2 {font-size: 13px;font-weight: bold}
.mark3 {font-size: 13px;font-weight: bold;text-decoration: underline;margin-left: 10px;}
.mark4 {font-size: 13px;font-weight: bold;text-decoration: underline;margin-left: 70px;}
.mark5 {margin-left: 20px;color: #000;}
.mark6 {margin-left: 30px;color: #000;}
.mark7 {margin-left: 90px;color: #000;}
.marksmall {font-size: 11px;}
.tarifgen {font-size: 10px;font-style: italic;color: #999;}
.mark1, .mark2, .mark3, .mark4, .mark5, .mark6 {margin-bottom:10px;}

#calendrier li{
	list-style: none;
}

#libelle {
	width: 166px;
	margin: 0 auto;
	padding: 0 0 0 4px;
	font-size:11px;
}
.ligne {
	width: 166px;
	margin: 0 auto;
	padding: 0 0 0 4px;
	font-size:11px;
} 
#libelle li {
	float : left;
	width : 22px; 
}
.ligne li {
	color: #000;
	float : left; 
	width : 22px; 
}

.ligne li a:hover{
	list-style: none;
	text-decoration: none;
}

li.itemCurrentItem {
	color: #f00;
}
li.itemSelectedItem {
	color: #fc0;
}