html {
	width: 925px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	background-color: white;
}

body {
	width: 925px;
	margin-right: auto;
	margin-left: auto;
	background-color: #fefbe8;
	margin-top: 0;
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	height: auto;
}

img {
	border-style: none;
}

h2 {
	width: 633px;
	height: 34px;
	display: block;
	background: url(../images/bck-h2.gif) no-repeat center center;
	text-align: center;
	color: yellow;
	font: small-caps 18px/33px Lucida, "Lucida Grande", Verdana, sans-serif;
	letter-spacing: 2px;
}

/* @group Header */

#header {
	width: 925px;
	position: relative;
	display: block;
	background: url(../images/bckg-header.gif) repeat-x;
	height: 157.5px;
}

#header .logo {
	float: left;
	margin-left: 15px;
	display: block;
}
/* IE6 only */
/*\*/
* html div#header div.menubar ul {
	display: block;
	margin-left: 70px;
	position: absolute;
	top: 114px;
	clear: left;
}
/**/

div#header div.menubar ul {
	margin-left: 55px;
	position: absolute;
	top: 102px;
	display: block;
}

div#header div.menubar ul li.menu {
	display: inline;
	line-height: 35px;
	float: left;
}

div#header div.menubar li.menu a.lienmenu {
	background: url(../images/bck-menu-off.png) no-repeat center center;
	width: 138px;
	height: 34px;
	text-decoration: none;
	color: white;
	text-align: center;
	display: inline;
	float: left;
	margin-right: 5px;
	list-style-type: none;
}

#header .menubar li.menu a.lienmenu:hover {
	background: url(../images/bck-menu-on.png) no-repeat center top;
	width: 138px;
	height: 34px;
	line-height: 35px;
	color: yellow;
}

div#header div.menubar ul li.menu a.loginlink {
	font-size: 14px;
	color: black;
	text-decoration: none;
	margin-left: 25px;
	line-height: 35px;
}

div#header div.menubar li.menu a.loginlink:hover {
	font-size: 14px;
	color: yellow;
	text-decoration: none;
	margin-left: 25px;
}

#header div.slogan {
	width: 350px;
	height: 50px;
	display: block;
	position: absolute;
	top: 40px;
	left: 500px;
	color: green;
	font: italic bold 20px "Times New Roman", Georgia, Times, serif;
}



/* @end */

/* @group Content */

/* @group general */

#content {
	min-height: 650px;
	background-color: #fefbe8;
}

/* IE6 */
/*\*/
* html #content {
	height: 650px;
}
/**/

table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	border: 1px solid #de6b41;
}

th {
	background-color: #8f2418;
	color: white;
	padding: 5px;
	font-size: 13px;
}

td {
	text-align: center;
	padding: 5px;
	font-size: 12px;
}

table.form {
	width: 100%;
}

table.form tr {
}

table.form td {
	text-align: left;
	border-bottom: 1px solid maroon;
	border-right-style: solid;
	border-right-width: 1px;
}

table.form td.bouton {
	text-align: right;
}

h2 {
	width: 633px;
	height: 34px;
	display: block;
	background: url(../images/bck-h2.gif) no-repeat center center;
	text-align: center;
	color: yellow;
	font: small-caps 18px/33px Lucida, "Lucida Grande", Verdana, sans-serif;
	letter-spacing: 2px;
}

/* IE6 */
/*\*/
h2 {
	width: 633px;
	height: 34px;
	display: block;
	background: url(../images/bck-h2.gif) no-repeat center center;
	text-align: center;
	color: yellow;
	font: small-caps 16px/33px Lucida, "Lucida Grande", Verdana, sans-serif;
	letter-spacing: 2px;
}
/**/

h3 {
	font: italic bold 14px "Times New Roman", Georgia, Times, serif;
	color: teal;
}

a {
	color: red;
	font-size: 14px;
	text-decoration: none;
}

a:hover {
	color: olive;
}

a.pub {
	font-size: 10px;
}

div.side-col {
	width: 210px;
	margin-top: 0;
	padding: 5px;
	background-color: white;
	float: right;
	position: absolute;
	top: 0;
	left: 685px;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
}

/* IE6 */
/*\*/
* html div.side-col {
	width: 210px;
	margin-top: 0;
	padding: 5px;
	background-color: white;
	float: right;
	position: absolute;
	top: 0;
	left: 670px;
	border-right: 1px solid silver;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
}
/**/

p.coordonnees {
	text-align: center;
}

p.coordonnees em {
	font-size: 10px;
}

p.coordonnees a {
	font-size: 12px;
}

ul.coordonnees {
	text-align: center;
	list-style-position: inside;
}

ul.coordonnees li {
	text-align: center;
	text-indent: -40px;
	list-style-image: url(../images/bullet.gif);
	line-height: 20px;
	list-style-position: inside;
}

ul.coordonnees li a {
	color: green;
	font-size: 12px;
}

ul.coordonnees li a:hover {
	color: orange;
}

span.nomasso {
	font-weight: bold;
	color: green;
}




/* @end */

/* @group Magazines */

#magazines {
	position: relative;
}

#magazines a.maglink {
	font-size: 12px;
}



/* @end */

/* @group Annuaires */

#assomembres {
	position: relative;
}

#biblio {
	position: relative;
}



/* @end */

/* @group Forums */

#forums {
	position: relative;
}



/* @end */

/* @group Agendas */

#agendas {
	position: relative;
}

#agendas table.lien-mois {
	border-style: none;
	line-height: 25px;
}

#agendas table.lien-mois td a {
	vertical-align: top;
}

#agendas div.evenement {
	display: block;
	border: 3px solid #468966;
	padding-left: 30px;
	background: #fff url(../images/Calendar.gif) no-repeat 5px 5px;
	color: #444;
	margin-right: 5px;
	margin-bottom: 15px;
	margin-left: 5px;
	font: 12px/20px Geneva, "Helvetica Neue", Arial, Helvetica, sans-serif;
	padding-right: 8px;
}

#agendas div.evenement span {
	color: #bf5c38;
	font-weight: bold;
}

#agendas div.evenement a.infossup {
	font-size: 12px;
	color: green;
}

#agendas div.evenement a.infossup:hover {
	color: orange;
}

#agendas div.evenement p.titre {
	font-weight: bold;
	color: #c21513;
	font-size: 16px;
	padding-left: 25px;
	margin-bottom: 20px;
	text-indent: 10px;
}



/* @end */

/* @group PIF */

#pointinfo {
	position: relative;
}

#pointinfo p.emphase {
	font-weight: bold;
	font-style: italic;
}

p.lienpif {
	text-align: center;
}

a.highlink {
	background: url(../images/bck-link.gif) no-repeat center top;
	width: 433px;
	height: 22px;
	display: inline-block;
	color: yellow;
	line-height: 22px;
}

a.highlink:hover {
	color: lime;
}



/* @end */

/* @group Contacts */

#contacts {
	position: relative;
}



/* @end */

/* @group Connexion */

#connexion {
	width: 635px;
	margin-left: 20px;
	background-color: white;
	padding: 10px;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;	
}



/* @end */

/* @group Accueil */

#accueil div.main-col div.texte p {
	padding-bottom: 5px;
	margin-bottom: 20px;
}

#accueil marquee {
	line-height: 45px;
	font-weight: bold;
	font-style: italic;
	font-size: 35px;
}

#accueil div.main-col div.texte div.photo {
	margin-right: 10px;
	float: left;
}

#accueil div.main-col div.texte div.photo span.legend {
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
}

#accueil div.main-col div.texte div.photogauche {
	float: right;
	display: inline-block;
	width: 160px;
	height: 225px;
	margin-top: -15px;
}

#accueil div.main-col div.texte div.paragraphe {
	margin-bottom: 30px;
}

#accueil {
	position: relative;
}

h1.titre {
	text-align: center;
	background-image: none;
	color: red;
	font-size: 18px;
	font-weight: bold;
	display: run-in;
	margin-right: auto;
	margin-left: auto;
}

#accueil div.main-col div.texte h2 {
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
}

#accueil div.infos p {
	text-align: center;
}



/* @end */

/* @group Admin */

 div.main-col {
	width: 635px;
	margin-left: 20px;
	background-color: white;
	padding: 10px;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;		
}

#ateliers {
	position: relative;
}

#ficheactivite {
	position: relative;
}

#livres {
	position: relative;
}



/* @end */



/* @end */

/* @group Footer */

#footer {
	text-align: center;
}



/* @end */

/* $Id: wood.css 5650 2006-12-14 17:43:22Z smaxim $ */
@import url("layouts/layout-3d.css");

.calendar {
  border-color: #999999;
  border-width: 1px;
  color: #000;
  
}

.calendar table {
  border-color: #CCCCCC;
  background: url("wood/bg_body.gif") 100% 100%;
}

.calendar .nav {
  background-color: #FFCC66;

}
/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  border-color: #FFC46C #6B4000 #A26100 #FFAE35;
  color: #ffffff;
  
  background: url("wood/bg_button.gif") 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  border-color: #C46C6C #400000 #610000 #AE3535;
  background-color: #663300;
  color: #fff;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */

}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-color: #000;
  background-color: #B1783E;
  color: #ffffff;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-color: #E4BF8F #573B1B #855A29 #DAA266;
  background-color: #B1783E;
  color: #ffffff;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-color: #404040 #d4d0c8 #d4d0c8 #404040;
  background-color: #FF0303;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
}
.calendar tbody .day.othermonth {
  color: #888;
}
.calendar tbody .day.othermonth.oweekend {
  color: #e88;
}

.calendar table .wn {
  border-color: #000000;
  background-color: #B1783E;
  color: #ffffff
}

.calendar tbody .rowhilite td {
  background-color: #FDE8CD;
}

.calendar tbody .rowhilite td.wn {
  background-color: #D5AA88;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  border-color: #F9EAD5 #675B4D #9C8A74 #F7E2C6;
  background-color: #F5DAB7;

}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  border-color: #404040 #d4d0c8 #d4d0c8 #404040;
  
}

.calendar tbody td.selected { /* Cell showing selected date */
  border-color: #404040 #d4d0c8 #d4d0c8 #404040;
  background-color: #FFFBEF;
  color: #000000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  color: #000000;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  border-color: #560000 #E26C6C #cc0000 #820000;
  background: url("wood/bg_footer.gif") 100% 100%;
  color: #fff;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-color: #404040 #d4d0c8 #d4d0c8 #404040;
  background-color: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  border-color: #000 #fff #fff #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  border-color: #FFC46C #6B4000 #A26100 #FFAE35;
  background: url("wood/bg_button.gif") 100% 100%;
  color: #ffffff;
}

.calendar .combo .active {
  background-color: #FFFBEF;
  border-color: #404040 #d4d0c8 #d4d0c8 #404040;
  color: #000000;
}

.calendar .combo .hilite {
  border-color: #E4BF8F #573B1B #855A29 #DAA266;
  background-color: #F5DAB7;
  color: #000000;
}

.calendar .month-left-border { /* Divider line between two monthes */
  border-left:1px solid #822800;
}

/* time */

.calendar tfoot tr.time td { border-color: #8f8b7e; }
.calendar tfoot tr.time td.hour,
.calendar tfoot tr.time td.minute { border-color: #cdcabc; }
.calendar tfoot tr.time td.hilite { background-color: #e4e0d8; }
.calendar tfoot tr.time td.active { background-color: #b4b0a8; }
.calendar-time-scroller { border-color: #adaa9c; }