/* Document CSS */

a.article {
	text-decoration:none;
	color:#004400;
}
a.article:hover, a.article:hover div {
	background-color:#BBFFBB;
	color:#000000;
	filter: alpha(opacity=50);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-khtml-opacity:0.8;
	-moz-opacity: 0.80;
	opacity:0.8;
}
a.copyright {
	bottom:0px;
	color:#58AB27;
	font-size:12px;
	padding:2px 5px;
	position:absolute;
	right:10px;
	text-decoration:none;
}
a.copyright:hover {
	border-bottom:2px solid #58AB27;
	border-left:1px dotted #58AB27;
	border-right:2px solid #58AB27;
	border-top:1px dotted #58AB27;
	cursor:help;
}
div.page {
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
div.cadre {
	border:1px solid #58AB27;
	margin:15px 5px 30px;
	padding:10px 5px 5px;
	text-align:justify;
	width:92%;
}
div.cadre_titre {
	background-color:#99EE99;
	float:left;
	font-size:12px;
	position:relative;
	margin-top:-19px;
}
div.contenu {
	background-color:#99EE99;/*#88ff88;*/
	color:#004400;
	height:70%;
	left:0px;
	overflow:auto;
	position:absolute;
	top:139px;
	width:100%;
	z-index:1;
}
div.contenu_interne {
	padding:84px 0px 50px 170px;
}
div.contenu a {
	color:#42801D;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
}
div.contenu a:hover {
	color:#58AB27;
}
div.erreur {
	background-color:#FF0000;
	border:3px dashed #880000;
	color:#FFFFFF;
	font-weight:bold;
	margin:10px 70px 30px;
	padding:5px;
	position:relative;
	text-align:center;
}
div.herbe {
	background-image:url('./special/herbe.gif');
	height:63px;
	left:0px;
	position:absolute;
	top:30px;
	width:100%;
	z-index:2;
}
div.herbe_cache {
	background-color:#FFFFFF;
	height:63px;
	left:0px;
	position:absolute;
	top:30px;
	width:540px;
	z-index:3;
}
div.images {
	padding-top:20px;
}
	div.menu {
		height:25px;
		position:absolute;
		right:20px;
		text-align:center;
		top:114px;
		z-index:99;
		font-size:12px;
	}
		div.rubrique {
			float:right;
			width:100px;
			height:100%;
		}
		div.menu div.rubrique a {
			display:block;
			width:100%;
			height:100%;
		}
			div.choix {
				display:none;
				width:100px;
				font-variant:normal;
				filter: alpha(opacity=70);
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
				-khtml-opacity:0.7;
				-moz-opacity: 0.70;
				opacity:0.7;
			}
			div.menu div.choix a {
				display:block;
				height:24px;
				background-color:#CCF7CC;
				width:95px;
				padding-top:5px;
				font-variant:normal;
			}
			div.menu div.rubrique:hover div.choix {
				display:block;
			}
			div.menu div.choix:hover {
				filter: alpha(opacity=100);
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
				-khtlopacity:1.0;
				-moz-opacity: 1.;
				opacity:1.;
			}
a.actif, a.menu, a.invisible {
	float:right;
	font-variant:small-caps;
	line-height:12px;
	text-align:center;
	text-decoration:none;
	width:85px;
	padding-right:5px;
}
a.actif {
	color:#58AB27;
	cursor:default;
	font-weight:bold;
}
a.menu {
	color:#58AB27;
}
a.invisible {
	color:#FFFFFF;
	line-height:12px;
}
a.invisible:hover {
	color:#58AB27;
}
a.menu:hover {
	font-weight:bold;
}
div.liste {
	padding-top:10px;
	padding-bottom:5px;
}
img.liste {
	margin-left:20px;
	margin-right:10px;
	border:none;
}
div.news {
	position:absolute;
	left:8px;
	top:183px;
	background-color:#99EE99;
	padding:50px 5px 5px 5px;
	width:140px;
	font-size:14px;
	z-index:4;
}
div.news .cadre {
	margin:0px 0px 10px;
	font-size:80%;
}
div.news a {
	color:#42801D;
	text-decoration:none;
	font-weight:bold;
}
div.news a:hover {
	color:#58AB27;
	background-color:#96EB96;
}
div.validation {
	background-color:#008800;
	border:3px dashed #004400;
	color:#FFFFFF;
	font-weight:bold;
	margin:10px 70px 30px;
	padding:5px;
	position:relative;
	text-align:center;
}
div.colonne {
	float:left;
	width:40%;
}
form.cadre {
	text-align:right;
}
form.login {
	border:2px dashed #58AB27;
	padding:10px;
	text-align:right;
	width:400px;
}
img.logo {
	border:none;
	padding:0px;
	left:0px;
	position:absolute;
	top:0px;
	width:540px;
	z-index:5;
}
img.gauche {
	float:left;
	margin:5px;
}
img.droite {
	float:right;
	margin:5px;
}
input.login {
	border:2px solid #004400;
	background-color:#58AB27;
	margin:2px 0px;
	width:200px;
}
textarea {
	vertical-align:text-top;
}
