body {
	font-family: Comic, "Times New Roman", Times, serif;
	font-size: 11pt;
	background-color: White;
	color: Black;
}

#site {
	border:none;
	width:950px;
/*	min-height:300px;*/
	margin: 0px auto 0px auto;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(images/top.png);
	z-index:10;
}

#site-admin {
	border:none;
	width:1000px;
/*	min-height:300px;*/
	margin: 0px auto 0px auto;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(images/top.png);
	z-index:10;
}

#bande-gauche {
	border:none;
	width:133px;
	height:auto;
/*	min-height:700px;*/
	margin: 50px 0px 0px 0px;
	float:left;
	padding: 0px;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(images/hibou-grand.png);
	z-index:10;
}
#menu-gauche {
	width:130px;
	margin: 240px 0px 0px 0px;
	float:left;
	z-index:10;
}
#page-admin {
	float:left;
	border:none;
	width:812px;
	margin: 242px 0px 0px 0px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/cadre-sup.png);
	z-index:10;
}
#page {
	float:left;
	border:none;
	width:812px;
	margin: 192px 0px 0px 0px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/cadre-sup.png);
	z-index:10;
}
#colonne-droite {
	float:left;
	border:none;
	margin: 0px 0px 0px 0px;
	background-position: top right;
	background-repeat: repeat-y;
	background-image: url(images/menu-inter.png);
	z-index:10;
	width:808px;
}
div.content {
	float:left;
	border:none;
	width:577px;
	margin: 4px 0px 0px 0px;
	padding:27px 30px 0px 31px;
	min-height:500px;
	background-repeat: repeat-y;
	background-image: url(images/cadre-gauche.png);
	z-index:10;
}
#titre-article-fond {
	float:left;
	border:none;
	width:468px;
	height:57px;
	margin: 0px auto 0px auto;
	padding:0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-image: url(images/titre-article.png);
	z-index:11;
}
#titre-article-texte {
	margin:20px 0px auto 0px;
	width:466px;
	height:18px;
	padding:0px 0px 0px 0px;
	color:#683f08;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:center;
}
#titre-article-icon-edit {
  float:right;
	margin:0px 0px 0px 0px;
	width:28px;
	height:18px;
	padding:0px 0px 0px 0px;
}
#icone-gauche-ps {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/ps.png);
}
#icone-gauche-ps-active {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/ps-active.png);
}
#icone-gauche-ps:hover {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/ps-active.png);
}
#icone-gauche-ai {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/ai.png);
}
#icone-gauche-ai-active {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/ai-active.png);
}
#icone-gauche-ai:hover {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/ai-active.png);
}
#icone-gauche-fw {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/fw.png);
}
#icone-gauche-fw-active {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/fw-active.png);
}
#icone-gauche-fw:hover {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/fw-active.png);
}
#icone-gauche-id {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/id.png);
}
#icone-gauche-id-active {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/id-active.png);
}
#icone-gauche-id:hover {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/id-active.png);
}
#icone-gauche-fl {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/fl.png);
}
#icone-gauche-fl-active {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/fl-active.png);
}
#icone-gauche-fl:hover {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/fl-active.png);
}
#icone-gauche-br {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/br.png);
}
#icone-gauche-br-active {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/br-active.png);
}
#icone-gauche-br:hover {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/br-active.png);
}
#icone-gauche-dw {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/dw.png);
}
#icone-gauche-dw-active {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/dw-active.png);
}
#icone-gauche-dw:hover {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/dw-active.png);
}
#icone-gauche-ar {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/ar.png);
}
#icone-gauche-ar-active {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/ar-active.png);
}
#icone-gauche-ar:hover {
	float:left;
	width:45px;
	height:44px;
	margin: 10px 0px 0px 71px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/ar-active.png);
}
#menu-droite {
	float:right;
	width: 170px;
/*	min-height:700px;*/
  z-index:99;
  margin-top:-53px;
  margin-right:-1px;
  margin-left:0px;
}
#cadre-calendrier {
	float:left;
	width:175px;
	height:20px;
	margin: 30px auto 0px 770px;
	z-index:50;
}
#cadre-calendrier-admin {
	float:left;
	width:175px;
	height:20px;
	margin: 30px auto 0px 920px;
	z-index:50;
}

#cadre-droite-sup-vert {
	float:left;
	width:175px;
	height:46px;
	margin: 0px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/menu-top-vert.png);
}
#cadre-droite-sup-rouge {
	float:left;
	width:175px;
	height:46px;
	margin: 0px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/menu-top-rouge.png);
}
#cadre-droite-sup-bleu {
	float:left;
	width:175px;
	height:46px;
	margin: 0px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/menu-top-bleu.png);
}
#cadre-droite-bande {
	float:left;
	width:175px;
	margin: 0px;
	background-position: top left;
	background-repeat: repeat-y;
	background-image: url(images/menu-bande.png);
	padding: 5px 0px 10px 10px;
}
#cadre-droite-bas {
	float:left;
	width:175px;
	margin: 0px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(images/menu-bas.png);
	padding:0px;
	height:8px;
	overflow:hidden;
}
#menu-droite-inter {
	float:left;
	width:169px;
	height:7px;
	margin: 0px;
	background-position: top right;
	background-repeat: repeat-y;
	background-image: url(images/menu-inter.png);
	padding: 0px;
}
#menu-top {
	float:left;
	margin-top:-40px;
}
#menu-top a {
	color:#4b4b4b;
	font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  text-decoration:none;
  font-weight:bold;
}
#menu-top a:hover {
  text-decoration:underline;
}
div.copyright {
  font-size:11px;
}
a.copyright {
	color:#683f08;
	font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  text-decoration:none;
  font-weight:bold;
}
a.copyright:hover {
  text-decoration:underline;
}
a {
/*	color:#4dbec6;
	font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;*/
	color:#683f08;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:normal;
  text-decoration:none;
}
a.active_menu_item {
	font-weight:bold;
}
a:hover {
  text-decoration:underline;
}
div.content a {
  color:#3cadb5;
}
form.connect {
	width:136px;
	font-size:12px;
	padding: 0px 0px 0px 15px;
}
input[type="text"].connect, input[type="password"].connect {
  background-color: #f9e9c3;
}
input[type="submit"].connect {
  background-color: #f9e9c3;
  border: 1px outset black;
  font-size:11px;
}
table.ssi_table input[type="submit"] {
  background-color: #f9e9c3;
  border: 1px outset black;
  font-size:11px;
}
input[type="reset"].connect {
  background-color: #f9e9c3;
  border: 1px outset black;
  font-size:11px;
}

#cadre-calendrier > div > div > a.menu_link_right {
	font-size:12px;
}
optgroup {
	font-size:12px;
	font-style:normal;
}
div.lire-suite {
	margin-top:10px;
	margin-bottom:20px;
	text-align:right;
	padding-right:30px;
}
div.lire-infos-date {
	font-size:11px;
	border-top:1px solid black;
	width:490px;
	margin-bottom:25px;
}
div.lire-infos-date a {
	font-size:11px;
}
div.tuto-niveau {
	margin-bottom:12px;
	font-weight:bold;
}
#loading {
    background: white;
    padding: 20px;
    border: 2px solid brown;
    display: none; /* hidden */
    position: absolute;    
    left: 50%;
    margin-left: -100px;
    top: 25%;
    width: 220px;
    /*height: 100px;*/
        /*margin-top: -50;*/
    font-weight: bold;
    font-size: 13px;
    }

div.Pagination {
	width:350px;
	border-top: 1px solid black;
	margin: 10px auto 40px auto;
	padding: 0px auto 0px auto;
	font-size: 14px;
	line-height:25px;
}
div.Pagination a {
	font-size: 14px;
}

div.Pages-list {
	border-top: 1px solid black;
	margin: 10px auto 40px 10px;
	width:auto;
	padding: 10px 0px;
	font-size: 14px;
	line-height:25px;
	color: #000000;
}

div.Pages-list a {
	color: #000000;
	font-size: 14px;
	text-decoration:none;
	padding: 2px;
	margin: 0px 4px 0px 0px;
	border: 1px solid #333333;
	background-color: #f0d9a1;
}
div.Pages-list a:hover {
	background-color: #cccccc;
}