body
{
	background-color: #924929;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

#corps
{
	width: 950px;
	margin-right: 60px;
	margin-left: auto;
}

/*****************************/
/* Barre d'affichage supérieure */
/*****************************/
#topBarre
{
	background: url(../images/topBar.gif);
	height: 44px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	_padding: 0px 0px 0px 0px;
	text-align: left;
}

#topBarre ul{
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}

#topBarre ul li{
	float: left;
	margin: 3px 5px 3px 5px;
	background: url(../images/topBarItemRight.gif) no-repeat right top;
	min-width: 100px;
	max-width: 327px;
}


#topBarre ul li a:link, #topBarre ul li a:visited 
{
	display: block;
	height: 38px;
	text-decoration: none;
	background: url(../images/topBarItemLeft.gif) no-repeat left top;
	margin-right: 3px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 12px 0px 15px;
	color: #621900;
	min-width: 100px;
	max-width: 327px;
}

#topBarre ul li a:hover, #topBarre ul li a:active
{
	text-decoration: underline;
	background: url(../images/topBarSelectedLeft.gif) no-repeat left top;
}

/**********/
/* Header  */
/**********/
#header
{
	height: 100px;
}

#header .logo
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
	background: url(../images/logo.gif) no-repeat top left;
	height: 100%;
}

#header a
{
	display: block;
	padding: 90px 0px 0px 60px;
	text-decoration: none;
	font-weight: bold;
	font-style: none;
	color: #000000;
}

/*************/
/* Twitter Bar */
/*************/
#twitterBar
{
	background: url(../images/twitterBar.gif);
	height: 55px;
}

#twitterLink
{
	float: left;
	width: 55px;
	height: 55px;
}

#twitterLink a
{
	margin-top: 9px;
	height: 35px;
	margin-left:16px;
	width: 35px;
	display: block;
}

#twitterBar ul
{
	list-style: none;
	padding-left: 60px;
	padding-top: 8px;
	padding-bottom: 3px;
	padding-right: 15px;
	
	font-size: 14px;	
}

#twitterBar ul li
{
	display: none;
}

#twitterBar ul li a
{
	margin-left: 15px;
	background: #F4A460;
}

#twitterBar ul li a:link
{
	font-weight: bold;
	text-decoration: none;
	color: #D2691E;
}

#twitterBar ul li a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #A0522D;
}

#twitterBar ul li a:hover, #twitterBar ul li a:active
{
	text-decoration: underline;
	color: #A0522D;
}

#twitterBar ul li span a
{
	background: none;
}

#twitterBar ul li span a:link
{
	font-weight: bold;
	text-decoration: none;
	color: #F07000;
}

#twitterBar ul li span a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #D2691E;
}

#twitterBar ul li span a:hover, #twitterBar ul li span a:active
{
	text-decoration: underline;
	color: #D2691E;
}
/***************/
/* Cadre général */
/***************/
#content
{
	background: url(../images/contentMiddle.gif);
	width: 950px;
}

#topContent
{
	background: url(../images/contentTop.gif);
	width: 950px;
	height: 4px;
	font-size: 1px;
}

#middleContent
{
	width: 950px;
	height: 100%;
	clear: both;
}

#bottomContent
{
	background: url(../images/contentBottom.gif);
	width: 950px;
	height: 4px;
	font-size: 1px;
	clear: both;
}

/*********************/
/* Cadre de menu latéral */
/*********************/
#menu
{
	float: right;
	width: 190px;
	padding-right: 5px;
	margin: 0px 0px 0px 0px;
}

.topMenu
{
	background: url(../images/menuTop.gif) top left no-repeat;
	margin-top: 10px;
	width: 190px;
	height: 4px;
	font-size: 1px;
}

.middleMenu
{
	background: url(../images/menuMiddle.gif) top left repeat-y;
	width: 190px;
}

.bottomMenu
{
	background: url(../images/menuBottom.gif) top left no-repeat;
	width: 190px;
	height: 4px;
	font-size: 1px;
}

/***********************************/
/* Liens présents dans le cadre de menu */
/***********************************/
.middleMenu a
{
	display: block;
	font-size: 12px;
	padding-left: 17px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-top: 2px;
	font-weight: bold;
}

.middleMenu a:link, .middleMenu a:visited
{
	text-decoration: none;
	color: #F07000;
}

.middleMenu a:hover, .middleMenu a:active
{
	text-decoration: underline;
	color: #A0522D;
}
/**************************************/
/* Eléments présents dans le cadre de menu */
/**************************************/
.middleMenu img
{
	border-color: #F07000;
}

.middleMenu img:hover
{
	border-color: #FFBB30;
}

.middleMenu h1
{
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 2px 0px;
	color: #900000;
	font-size: 16px;
	text-align: right;
	text-decoration: underline;
}

/***************************/
/* Arborescence dans les menu */
/***************************/
.arborescence span
{
	font-size: 12px;
	font-weight: bold;
}

.arborescence a
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

.arborescence a.node {
	/* ramene l'ancre au dessus de la puce */
	margin-left : 4px;
	/* formate l'anre à la taille de la puce */
	width: 16px;
	height : 16px;
	text-decoration: none;
}

.arborescence  .feuille .node
{
	margin-right: 9px;
}

/* annule les marges pour les items et les sous items */
.arborescence li, #arborescence li ul {
	padding : 0;		
	list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
}
	
/* par défaut les puces sont dans le corps des items */
.arborescence li {
	list-style-position: outside;
	margin-left: 15px;
	vertical-align : top;		
}

.arborescence .notDisplayedPuce
{
	display: none;
}

.arborescence .plier > ul {
	display : none;
}
/************************/
/* RSS dans Arborescence */
/************************/
.arborescence .rss a
{
	margin-left: 20px;
}

.arborescence .rss
{
	text-decoration: none;
	background: url(../images/rss.png) bottom left no-repeat;
	vertical-align: center;
}
/**********************/
/* Bloc de texte principal */
/**********************/
#text
{
	width: 740px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

/*********/
/* Titres */
/*********/
.titleArea
{
	background: url(../images/titleMiddle.gif) top left repeat-y;
	margin-left: 10px;
	padding-left: 5px;
}

.topTitle
{
	background: url(../images/titleTop.gif) top left no-repeat;
	margin-bottom: 0px;
	height: 4px;
	font-size: 1px;
}

.bottomTitle
{
	background: url(../images/titleBottom.gif) top left no-repeat;
	height: 4px;
	font-size: 1px;
}

.titleArea h1
{
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 30px;
	font-weight: bold;
	color: #662200;
}

.titleArea h1 a:hover
{
	font-size: 30px;
	font-weight: bold;
	color: #662200;
	text-decoration: none;
}

.titleArea h2
{
	margin: 10px 0px 10px 20px;
	padding: 0px 0px 0px 10px;
	font-size: 20px;
	font-weight: none;
	color: #A02000;
	text-decoration: none;
	font-style: italic;
}

/***********************/
/* Encadré de localisation */
/***********************/
#text .framed2
{
	margin: 15px 60px 15px 25px;
	padding: 0px 0px 0px 5px;
	font-size: 12px;
	font-style: normal;
	border-bottom: solid 1px #FFBB11;
	border-top: solid 1px #FFBB11;
}

#text .framed2 p
{
	padding: 0px 5px 0px 5px;
	margin: 0px;
}

/********************/
/* Encadré de préface */
/********************/
#text .preface
{
	margin: 20px 90px 15px 55px;
	padding: 0px 5px 0px 5px;
	font-size: 12px;
	font-style: normal;
	background: #eedd99;
	border-bottom: solid 1px #CC9922;
	border-top: solid 1px #CC9922;
}

#text .preface p
{
	padding: 0px 5px 0px 5px;
	margin: 0px;
}


/*****************/
/* Texte des pages */
/*****************/
#text h3
{
	display: block;
	margin: 20px 20px 5px 35px;
	padding: 0px 0px 0px 5px;
	font-size: 18px;
	font-weight: none;
	color: #100000;
	background-color: #FFDD99;
	border-top: solid 2px #FFCC33;
	border-bottom: solid 2px #FFCC33;
}

#text p
{
	margin: 5px 0px 5px 0px;
}

#text .standard
{
	text-align: justify;
	margin: 15px 10px 15px 10px;
	font-size: 14px;
}

#text .standard p
{
	padding: 7px 0px 7px 5px;
}

#text .img
{
	margin: 15px 60px 15px 10px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	font-size: 12px;
	border: double #E8CC8F;
}

#text .standard .img
{
	margin: 15px 0px 15px 0px;
}

#text .img p
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#text a:link, #text a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #900000;
}

#text a:active, #text a:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #F07000;
}

#text a:link img, #text a:visited img
{
	border-color: #900000;
}

#text a:active img, #text a:hover img
{
	border-color: #F07000;
}

#text ul
{
	margin-left: 50px;
}

#text ul li
{
	list-style-type: disc;
}

#text hr
{
	margin: 20px auto 20px auto;
	padding: 1px 1px 1px 1px;
	width: 200px;
	border: #900000;
	background-color: #F07000;
}

#text hr.medium
{
	margin: 40px auto 40px auto;
	padding: 1px 1px 1px 1px;
	width: 400px;
	height: 8px;
	border: double #700000;
	background-color: #FF7722;
}

#text hr.big
{
	margin: 40px auto 80px auto;
	padding: 1px 1px 1px 1px;
	width: 500px;
	height: 10px;
	border: double #700000;
	background-color: #FF7722;
}

/*************************/
/* Affichage des documents */
/*************************/
.documents
{
	margin: 15px 30px 15px 30px;
	padding: 7px 7px 7px 7px;
	font-size: 13px;
	border: double #aa0000;
	background-color: #FFCC66;
}

.docsDescription
{
	padding-left: 15px;
}

.docsDescription a
{
	font-weight: bold;
	text-decoration: underline;
	color: #900000;
}

.documents td.logo
{
	vertical-align: middle;
	text-align: center;
}

/**********************/
/* Encadré Post-Scriptum */
/**********************/
#text .postscriptum
{
	margin: 15px 40px 15px 40px;
	padding: 4px 4px 4px 4px;
	font-size: 13px;
	border: double #FFCC33;
	background-color: #FFDD99;
}

#text .postscriptum p
{
	padding: 4px 5px 4px 5px;
}

/********/
/* Footer */
/********/
#footer
{
	text-align: center;
	vertical-align: middle;
	margin: 20px 135px 0px auto;
	padding: 0px 0px 0px 5px;
	font-size: 16px;
	font-weight: none;
	color: #100000;
	background-color: #FFDD99;
	border-top: solid 2px #F07000;
	border-bottom: solid 2px #F07000;
	width: 800px;
}

#footer a:link, #footer a:visited
{
	font-weight: bold;
	text-decoration: none;
	color: #F07000;
}

#footer a:active, #footer  a:hover
{
	font-weight: bold;
	text-decoration: underline;
	color: #F07000;
}