@charset "UTF-8";
/* CSS Document */

a, a:link, a:hover, a:active, a:visited {
	color: #fee78b;
	text-decoration: none;
	cursor: pointer !important;
}

a:hover {
	text-decoration: underline;
}

a.selected {
	color: #000000 !important;
}

a img {
	cursor: pointer !important;
}

body {
	padding: 0px;
	margin: 0px;
	color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#container {
	width: 960px;
	position: relative;
	text-align: justify;
}

div#content {
	padding-left: 424px;
	width: 480px;
}

div#footer {
	font-size: 10px;
	text-align: center;
	color: #fee78b;
}

/*div#footer a {
	color: #000000;
}*/

div#illustration {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 424px;
	height: 568px;
}

div.img {
	margin: auto;
	text-align: center;
}

div.left {
	float: left;
	padding-left: 10px;
}

div.leftimg {
	float: left;
	padding-right: 10px;
}

div#main {
	position: relative;
}

div.nav {
	clear: both;
	height: 32px;
	width: 100%;
}

div.nav a {
	display: block;
	width: 100%;
	height: 100%;
}

div.nav .previous {
	float: left;
	display: block;
	width: 51px;
	height: 32px;
}

div.nav a.previous {
	background-image: url('images/arrow_left.png');
}

div.nav a:hover.previous, div.nav span.previous {
	background-image: url('images/arrowo_left.png');
}

div.nav .next {
	float: right;
	display: block;
	width: 51px;
	height: 32px;
}

div.nav a span, div.nav span span {
	display: none;
}

div.nav a.next {
	background-image: url('images/arrow_right.png');
}

div.nav a:hover.next, div.nav span.next {
	background-image: url('images/arrowo_right.png');
}

div.right {
	float: right;
	padding-right: 10px;
}

div.rightimg {
	float: right;
	padding-left: 10px;
}

h1 {
	position: absolute;
	top: 110px;
	left: 0px;
	height: 59px;
	width: 94px;
	background-image: url('images/logo_chabloz.jpg');
	padding: 0;
	margin: 0;
	z-index: 10000;
}

h1 a {
	display: block;
	height: 100%;
	width: 100%;
}

h1 span {
	display: none;
}

h2 {
	color: #fee78b;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 18px;
}

h3 {
	color: #000000;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
	font-size: 18px;
}

h3 span {
	color: #fee78b;
	text-transform: none;
	font-size: 13px;
}

img {
	border: 0px;
}

input.input {
	width: 230px;
}

input.inputdouble, textarea.inputdouble {
	width: 480px;
}

table {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

td {
	vertical-align: top;
}

td.texte {
	border-right: 1px solid;
	padding-right: 10px;
	text-align: justify;
}

td.image {
	border-left: 1px solid;
	padding-left: 10px;
}

td.thumb {
	width: 56px;
	height: 56px;
	padding-right: 3px;
	padding-bottom: 3px;
}

td.nous {
	border-color: #759a0e;
}

td.vous {
	border-color: #ad7fa1;
}

td.aidons {
	border-color: #aa9313;
}

td.voir {
	border-color: #4c968a;
}

td.plus {
	border-color: #bd5f0c;
}

td.clair {
	border-color: #6186a0;
}

/* Menu ****************************************************************************/

li.menu_nous, div#menu_nous {
	left: 99px;
	width: 166px;
}

li.menu_nous a {
	background-image: url('images/menu_nous.png');
}

li.menu_nous a:hover, div#menu_nous a, li.menu_nous a.linkOver {
	background-image: url('images/menuo_nous.png');
}

li.menu_vous, div#menu_vous {
	left: 232px;
	width: 173px;
}

li.menu_vous a {
	background-image: url('images/menu_vous.png');
}

li.menu_vous a:hover, div#menu_vous a, li.menu_vous a.linkOver {
	background-image: url('images/menuo_vous.png');
}

li.menu_aidons, div#menu_aidons {
	left: 376px;
	width: 167px;
}

li.menu_aidons a {
	background-image: url('images/menu_aidons.png');
}

li.menu_aidons a:hover, div#menu_aidons a, li.menu_aidons a.linkOver {
	background-image: url('images/menuo_aidons.png');
}

li.menu_voir, div#menu_voir {
	left: 510px;
	width: 169px;
}

li.menu_voir a {
	background-image: url('images/menu_voir.png');
}

li.menu_voir a:hover, div#menu_voir a, li.menu_voir a.linkOver {
	background-image: url('images/menuo_voir.png');
}

li.menu_plus, div#menu_plus {
	left: 647px;
	width: 171px;
}

li.menu_plus a {
	background-image: url('images/menu_plus.png');
}

li.menu_plus a:hover, div#menu_plus a, li.menu_plus a.linkOver {
	background-image: url('images/menuo_plus.png');
}

li.menu_clair, div#menu_clair {
	left: 784px;
	width: 173px;
}

li.menu_clair a {
	background-image: url('images/menu_clair.png');
}

li.menu_clair a:hover, div#menu_clair a, li.menu_clair a.linkOver {
	background-image: url('images/menuo_clair.png');
}

ul.menu {
	position: relative;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 340px;
	display: block;
	padding: 0px;
	margin: 0px;
	z-index: 50;
}

ul.menu li, div#header div {
	position: absolute;
	display: block;
	padding: 0px;
	margin: 0px;
	list-style: none;
	height: 224px;
	top: 0px;
}

ul.menu li a, div#header div a {
	display: block;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
}

ul.menu li a span, div#header div a span {
	display: none;
}

ul.menu li li, div#header div li {
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-align: center;
	display: block;
	position: relative;
	height: auto;
}

ul.menu li li a, div#header div li a {
	position: relative;
	display: block;
	height: auto;
	background-image: none !important;
}

ul.menu li li span, div#header div li span {
	display: block;
}

ul.menu ul, div#header div ul {
	visibility: hidden;
	padding: 0px;
	margin: 0px;
	position: relative;
	width: 100%;
	text-align: center;
}

div#header div {
	z-index: 5000;
}

div#header div ul {
	visibility: visible;
}


/* Index.php ***********************************************************************/

div#index-img {
	padding-top: 100px;
	text-align: center;
}