/**
	Ce fichier fait partie du site jteux.com
	Tous droits réservés
	
	This CSS is part of the jteux.com website
	All rights are reserved
**/

/**	Header	**/
#header	{
	border: 1px solid #70A739;
	background-color: #87C24B;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	margin-right: 8px;
	text-align: center;
}
#header	img	{
	border: 1px solid #70A739;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top:	5px;
	margin-bottom: 5px;
}
/**	Main layout table, by default, hide it	**/
#layouttable	{
	width: 100%;
	border: 0px solid #FFFFFF;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
}
/**	Class used to define the common part of the right and left column	**/
.layoutcolumn	{
	width: 160px;
	border: 0px solid #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
.layoutcolumn	ul	{
	border: 1px solid #70A739;
	margin: 7px;
}
.layoutcolumn	form	{
	border: 1px solid #70A739;
	margin-right: 7px;
	margin-left: 7px;
	margin-top: 0px;
	margin-bottom: 7px;
	background-color: #87C24B;
	color: white;
	font-weight: bold;
}
.layoutcolumn	form	input	{
	margin-left: 3px;
	margin-right: 3px;
	border: 1px solid #70A739;
	background-color: white;
	color: #70A739;
}
.layoutcolumn	form	button	{
	margin-top: 5px;
	margin-bottom: 4px;
}
/**	Class for the menucolumn and its childs	**/
#menucolumn		{
}
#menucolumn		ul	{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px;
	padding-bottom: 4px;
	margin-left: 7px;
	margin-right: 7px;
	margin-top: 0px;
	margin-bottom: 7px;
	list-style-image: url(/images/bille.gif);
	list-style-position: inside;
}
#menucolumn		ul	a:link,a:visited	{
	color:	#70A739;
}
/**	Main part	**/
#mainpart	{
	text-align: justify;
	vertical-align: top;
	border: 1px solid #70A739;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}
#mainpart	.navigationlist	{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	padding: 2px;
	border:	1px	solid #70A739;
	background-color: white;
}
#mainpart	.navigationlist ul {
	list-style-image: url(/images/bille.gif);
	list-style-position: inside;
}
#mainpart	.navigationlist	li	{
	display:	inline;
	cursor:		pointer;
	list-style-type: none;
	border: 1px solid #70A739;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
}
.radiounselected	{
	background-color: #87C24B;
	font-weight:	bold;
	color: white;
}
.radioselected		{
	background-color: #70A739;
	font-weight:	bold;
	color: white;
}
#mainpart	.divliens {
	border: 1px solid #70A739;
	background-color: #87C24B;
	padding: 5px;
	margin-bottom: 5px;
}
#mainpart	.divliens h2 {
	text-align: center;
}
#mainpart	.divliens a:link {
	color: white;
}
#mainpart	.divliens a:visited{
	color: white;
}
#mainpart	.divliens span,p {
	text-align: justify;
}
#mainpart	.divliens hr {
	clear: both;
	visibility: hidden;
	padding: 0px;
	margin: 0px;
}
#mainpart	.divliens img {
	display: block;
	float: left;
	border: 1px solid #70A739;
	background-color: white;
	margin-right: 10px;
}
/**	Footer	**/
#footer	{
	width: 100%;
	border: 0px solid #000000;
	text-align: center;
	font-size: small;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
}
/* Class used for the accordion area */
.accexpanded {
	color: white;
	background-color: #70A739;
	font-weight: bold;
	border: 3px outset #70A739;
	padding: 2px;
}
.acccollapsed {
	cursor: pointer;
	color: white;
	background-color: #87C24B;
	font-weight: bold;
	border: 3px outset #70A739;
	padding: 2px;
}
.acchover {
	cursor: pointer;
	color: white;
	background-color: #87C24B;
	font-weight: bold;
	border: 3px inset #70A739;
	padding: 2px;
}
.acccontent {
	border: 1px solid #87C24B;
	margin: 0px;
	padding: 5px;
	text-align: justify;
}
/**	Calendar	**/
#calendar	{
	width: 150px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	margin-bottom: 0px;
	border: 1px solid #70A739;
}
#calendar	tr	{
	height: 1em;
}
#calendar	th	 {
	margin: 0px;
	padding: 0px;
	width: 14.28%;
	color: white;
	background-color: #70A739;
	font-size: 80%;
}
#calendar	td	{
	width: 14.28%;
	text-align:	center;
	vertical-align: middle;
	border: 1px solid #70A739;
	font-size: 80%;
}
#calendar	a:link {
	text-decoration: none;
	color: blue;
}
#calendar	a:visited {
	text-decoration: none;
	color: blue;
}
/**	Form class	**/
.formclass {
}
.formclass form {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 40ex;
	text-align: left;
	background-color: #87C24B;
	border: 1px solid #70A739;
	padding: 10px;
	font-weight: bold;
	color: white;
}
.formclass input {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #70A739;
	background-color: white;
	color: #70A739;
	text-align: left;
	width: 100%;
}
.formclass textarea {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #70A739;
	background-color: white;
	color: #70A739;
	text-align: left;
	width: 100%;
}
.formclass select {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #70A739;
	background-color: white;
	color: #70A739;
	text-align: left;
	width: 100%;
}
.formclass button {
	margin-top: 5px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #70A739;
	background-color: white;
	color: #70A739;
	text-align: center;
	width: 100%;
	cursor: pointer;
}
.formclass .errorclass {
	background-color: #FF8C8C;
}
/**	Light Form class	**/
.formclasslight {
}
.formclasslight form {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 40ex;
	text-align: left;
	background-color: #87C24B;
	border: 1px solid #70A739;
	padding: 10px;
	font-weight: bold;
	color: white;
}
.formclasslight input {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #70A739;
	background-color: white;
	color: #70A739;
	text-align: left;
	width: 100%;
}
.formclasslight textarea {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #70A739;
	background-color: white;
	color: #70A739;
	text-align: left;
	width: 100%;
}
.formclasslight iframe {
	border: 1px solid #70A739;
}
.formclasslight button {
	margin-top: 5px;
	margin-bottom: 1px;
	margin-left: 0px;
	margin-right: 0px;
	border: 1px solid #70A739;
	background-color: white;
	color: #70A739;
	text-align: center;
	width: 100%;
	cursor: pointer;
}
.formclasslight .errorclass {
	background-color: #FF8C8C;
}
/*	Class for the news	*/
.news	{
	clear: both;
}
.news	.newstitle	{
	padding: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
	text-align: left;
	font-size: large;
	font-weight: bold;
	color: white;
	border: 1px solid #70A739;
	background-color: #87C24B;
}
.news	.newscontent	{
	padding: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #70A739;
	background-color: white;
	color: black;
	text-align: justify;
}
/**	Class for the terrain	**/
.terrain	{
	clear: both;
}
.terrain	.terraintitle	{
	padding: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
	text-align: center;
	font-size: large;
	font-weight: bold;
	color: white;
	border: 1px solid #70A739;
	background-color: #87C24B;
}
.terrain	.terraincontent	{
	padding: 2px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	border: 1px solid #70A739;
	background-color: white;
	color: black;
	text-align: justify;
}
/*	Image with border	*/
.borderedimage	{
	border: 1px solid #70A739;
}

.simplelayouttable
{
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.titregras
{
	font-size: larger;
	font-weight: bold;
}

.titresouligne
{
	text-decoration: underline;
}

