/* déclarations génériques */
body, div, form, input, h1, h2, h3, span {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
}
body {
	 background-color: #FFFFFF;
}

/* ----------- image de fond, duplicata du fond du contenu -------------------- */
#global {
	width: 100%;
	background-image: url(img/fond-contenu.gif);
	background-repeat: repeat-y;
}

/* ------------ bidouille pour mettre le cowboy en fond ---------- */
#cowboy {
	background-image: url(img/logo-fond.jpg);
	background-repeat: no-repeat;
	background-position: 488px top;
	min-height: 495px;
}
/* ------------------- bandeau ------------------- */
#bandeau {
	background-image: url(img/bandeau.jpg);
	background-repeat: no-repeat;
}
#liens1 {
	height: 21px;
	line-height: 21px;
	width: 778px;
}
#logo {
	height: 103px;
}
#liens2 {
	height: 22px;
	line-height: 22px;
	width: 778px;
}
#liens1 a, #liens2 a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
/* ----------- menu + contenu, encadre orange en bas ---------- */
#contenu {
	border: 0px solid #FEAE00;
	border-bottom-width: 1px;
	width: 778px;
}
/* ------------ menu ----------- */
#colmenu {
	background-image: url(img/fond-menu.gif);
	background-repeat: repeat-x;
	float: left;
	width: 178px;
	margin-right: 6px;
	min-height: 349px;
}
/* ------- le menu sous forme de listes imbriquées ---- */
#colmenu ul {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 10px;
}
#colmenu li {
	list-style-type: none;
	margin-bottom: 2px;
}
#colmenu li a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 150px;
	display: block;
	font-size: 13px;
	padding-left: 4px;
	padding-right: 4px;
}
#colmenu li a:hover, #colmenu li a.select, #colmenu li a.select:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	background-color: #ffffff;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 150px;
	display: block;
	font-size: 13px;
	padding-left: 4px;
	padding-right: 4px;
}
/* -------- sous menu ------- */
#colmenu ul ul {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	margin-left: 15px;
	margin-bottom: 5px;
}
#colmenu li li {
	list-style-type: none;
	margin-bottom: 2px;
}
#colmenu li li a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	width: auto;
	display: inline;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
}
#colmenu li li a:hover, #colmenu li li a.select, #colmenu li li a.select:hover {
	color: #F17326;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent;
	padding-top: 0px;
	padding-bottom: 0px;
	width: auto;
	display: inline;
	font-size: 12px;
	padding-left: 0px;
	padding-right: 0px;
}
/* ------- corps de texte, bidouille pour cacher le fond orange du contenu ------- */
#corps {
	float: left;
	padding-top: 6px;
	background-image: url(img/blanc.gif);
	background-repeat: no-repeat;
	background-position: top 1px;
	width: 520px;
	padding-top: 22px;
	padding-left: 22px;
	padding-bottom: 22px;
}
#corps h1 {
	font-size: 22px;
	font-weight: normal;
	margin-bottom: 10px;
}
#corps h2 {
	font-size: 16px;
	margin-bottom: 10px;
}
/* ----- separateur ----- */
#sep {
	clear: both;
	background-color: #ffffff;
	height: 6px;
	margin-left: 185px;
	width: 587px;
	border: 0px solid #FEAE00;
	border-top-width: 1px;
	font-size: 1px;
}
/* ---------------- bas de page ------------------- */
#bdp {
	width: 599px;
	height: 22px;
	line-height: 22px;
	background-color: #ffffff;
	background-image: url(img/fond-bas.jpg);
	background-repeat: no-repeat;
	margin-left: 179px;
	border: 0px solid #FEAE00;
	border-top-width: 1px;
}

/* ---- partout où il y a du texte aligné à gauche et à droite sur une même ligne ---- */
div.colonne1 {
	text-align: left;
	float: left;
	padding-left: 10px;
}
div.colonne2 {
	text-align: right;
	float: right;
	padding-right: 10px;
}

/* --- le retour haut de page --- */
#retourhdp {
	float: right;
	margin-top: 15px;
}
#retourhdp a {
	text-decoration: none;
	font-weight: bold;
}
#retourhdp a:hover {
	text-decoration: none;
	font-weight: bold;
}

/* --- page d'accueil, présentation des infos sur 2 colonnes --- */
#colo1, #colo2 {
	float: left;
}
#colo1 {
	width: 240px;
}
#colo2 {
	width: 240px;
	padding-left: 30px;
}

/* icones */
a.home {
}
a.plan {
	background-image: url(img/icone-plan.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 18px;
}

/* -- special noel -- */
#bottes {
	background-image: url(images/bottes.gif);
	background-repeat: no-repeat;
	height: 125px; /* 110 */
	padding-left: 120px;
	padding-top: 30px; /* 45 px */
	font-weight: bold;
	letter-spacing: 1px;
}

/* bloc special chore de lespidance */
#listedanses {
	position: relative;
	float: left;
	padding-right: 10px;
	width: 300px;
}
#meschore {
	float: left;
	width: 190px;
	padding: 10px 0px 10px 10px;
	border-left: 1px solid #F17326;
}
#meschore h2.titre {
	font-size: 16px;
	padding-bottom: 2px;
	margin-bottom: 10px;
	color: #000;
	border-bottom: 1px dashed #000;
}

#listedanses span.titre1 {
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	border-left: 1px solid #F17326;
}

span.on {
	color: #000;
	background-color: #fff;
}