html,body
{
	height: 100%;
	width: auto;
	/*overflow: auto;*/
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-face-color: #003152;
	scrollbar-3dlight-color: #005F9D;
	scrollbar-highlight-color: #004777;
	scrollbar-shadow-color: #00243C;
	scrollbar-darkshadow-color: #001320;
	scrollbar-track-color: #001829;
}
body
{
	background-color: #226C9F;
	background-image: url(../img/fond.jpg);
	background-position: top;
	background-repeat: repeat-x;

	margin: 0px;
	padding: 0px;
	
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
#fond-page
{
	
}
#animation
{
	position: relative;
	top: 5px;
	display: inline;
}
#entete
{
	margin-left: 30px;
	margin-rigth: 30px;
}
#entete img
{
	border: 0px;
}
#interface
{
	width: 100%;
	height: 80%;
}
#col-menu
{
	width: 200px;
}
#col-contenu
{
	margin-left: 25%;
}
#menu
{
	margin: 0px;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	list-style: none;
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
}
#menu a, #menu a:visited
{
	display: block;
	background-color: #0F4061;
	margin-bottom: 4px;
	padding: 2px;
	padding-right: 6px;
	text-decoration: none;
	color: #FFF600;
	border: 1px solid #0F4061;
}
#menu a:hover, #menu a:visited:hover
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #004E77;
}
#chap a, #chap a:visited
{
	font-weight: bold;
	color: #FFFFFF;
	/*background-color: #2F3848;*/
	background-color: #004E77;
	border: 1px solid #226D9F;
	border-right: 4px solid #226D9F;
}
#calendrier
{
	background-color: #0F4061;
	height: 120px;
	width: auto;
}
#derniers_articles
{
	margin: 0px;
	margin-top: 20px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	list-style: none;
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
}
#derniers_articles a, #derniers_articles a:visited
{
	display: block;
	margin-bottom: 4px;
	padding: 2px;
	padding-right: 6px;
	text-decoration: none;
	color: #FFF600;
	border-bottom: 1px solid #185785;
}
#derniers_articles a:hover, #derniers_articles a:visited:hover
{
	color: #76CE00;
}
#menu-contact
{
	margin: 0px;
	margin-top: 2px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 0px;
	list-style: none;
	margin-bottom: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
}
#menu-contact a, #menu-contact a:visited
{
	display: block;
	background-color: #0F4061;
	margin-bottom: 4px;
	padding: 2px;
	padding-right: 6px;
	text-decoration: none;
	color: #FFF600;
	border: 1px solid #0F4061;
}
#menu-contact a:hover, #menu-contact a:visited:hover
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #E10076;
}
#chap-c a, #chap-c a:visited
{
	font-weight: bold;
	color: #FFFFFF;
	/*background-color: #2F3848;*/
	background-color: #004E77;
	border: 1px solid #226D9F;
	border-right: 4px solid #226D9F;
}
#parpage
{
	font-weight: bold;
	color: #0F4061;
}
#parpage a
{
	text-decoration: none;
	color: #FFF600;
}
#parpage a:hover
{
	color: #76CE00;
}
#retour a, #retour a:visited {text-decoration: none; color: #FFF600; font-weight: bold;}
#retour a:hover, #retour a:visited:hover {color: #FFFFFF;}



/*
============================================================================================================
	P O P   U P
============================================================================================================
*/
.popupfond
{
	background-color:#000000;
	width:100%;
	height:100%;
	position:fixed;
	padding:0px;
	margin:0px;
		margin-bottom:0px;
	top:0px;
		bottom:0px;
		left:0px;
		right:0px;
	filter: alpha(opacity=70);
		opacity: 0.7;
		-moz-opacity: 0.7;
}
#popupimg
{
	position:absolute;
	display:block;
	margin-top:10px;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	width:98%;
	text-align:center;
	top:0px;
	left:0px;
}
#popuptxt
{
	text-align:center;
	top:0px;
	left:0px;
	width:98%;
	/*margin-top: 4px;*/
	padding-top: 2px;
	padding-bottom: 2px;
	color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	/*background-color: #000044;
	border: 1px solid #6666CC;*/
}
#popupimg img {border: 1px solid #FFFFFF;}
#popupimg a{ color:#999999; font-weight:bold;}