body {

	background-color:#f0d14c;

	margin: 5px;

	padding: 0px;

	font-family:sans-serif;

	font-size:9pt;

	color:#000000;

}



#warning{

display: none;

}



#warp, #warp_top, #warp_bottom {

	position:relative;

	width:70%;

	min-width:680px;

	margin-left:auto;

	margin-right:auto;

}

#warp_top {

	height:5px;

}

#warp_bottom {

	height:5px;

}



#header {

	width:100%;

	height:150px;

	background-image:url(gfx/header.jpg);

	background-repeat: no-repeat;

	background-color:#F0C300;

}

#footer {

	position: absolute;

	bottom: 0px;

	width:100%;

	height:80px;

	background-image:url(gfx/footer.jpg);

	background-repeat: no-repeat;

	background-color:#F0C300;

	text-align: center;

	font-size: 10px;

}

#page {

	position:relative;

	margin-left:5px;

	margin-right:5px;

	min-height: 700px;

	background-color:white;

	background-image:url('./gfx/page.png');

	background-repeat:repeat-y;

}

#content {

	margin-left:126px;

	margin-right: 15px;

}



/*--- Menu ---------------------------------------------------------------------*/

#menu {

	position:absolute;

	top:200px;

	bottom:0px;

	left:0px;

	width:126px;

}

#menu .title {

	font-size:1.2em;

	letter-spacing:0.2em;

	text-align:center;

	text-decoration:underline;

	margin-bottom:5px;

	margin-top:10px;

}

#menu a:before{

content: url('./gfx/volant.png') " ";

}

#menu a:hover:before{

content: url('./gfx/volant2.png') " ";

}

#menu a {

	margin-left: 5px;

	text-decoration:none;

	color: #330000;

}

#menu a:hover {

	color:#330099;

}



/*--- Article ------------------------------------------------------------------*/

.article {

	position:relative;

	margin-top:10px;

	margin-bottom:20px;
	
	padding-bottom: 10px;

}

.a_title {

	font-size:1.2em;

	letter-spacing:0.2em;

	border-bottom:1px solid black;

	padding-left:5px;

}

.a_info {

	clear:both;

	float:right;

	text-align:right;

	margin-left:10px;

	padding-left: 5px;

	padding-top: 5px;

	border-left: dashed 1px #999999;
	
	width: 100px;
	
	text-align: center;
	
	padding-bottom: 5px;

}

.a_info img {

	border:none;

}

.a_info .author {

	display:block;

	text-align:center;

	font-weight:bold;

}

.a_info .date, .a_info .time {

	display:block;

}

.a_content {

	margin-left:15px;

	margin-top:6px;

	min-height:140px;

}



/*--- Table --------------------------------------------------------------------*/

.a_content table, td, tr{

	border:1px solid #d3d3d3;

	border-collapse:collapse;

}

table tr .width100 {

	width:100%;

}



/*--- Formulaires ---------------------------------------------------------------*/

.champ{

margin-left: 5px;

margin-bottom: 1px;



background-color: #DDD;



width: 110px;



border-left: solid 4px #660000;

border-bottom: solid 1px #666666;

border-top: solid 1px #666666;

border-right: solid 1px #666666;



-moz-border-radius: 5px;

}

.champ:focus{

background-color:#FFFFFF;

}

.bouton {

	margin-left: 5px;

	width: 115px; 

	background-color:#CC9966;

	border: solid 1px #330000;

	-moz-border-radius: 5px;

}





/*--- Alignement ---------------------------------------------------------------*/

.align_center {

	text-align:center;

}

.align_right {

	text-align:right;

}



/*--- Shadows ------------------------------------------------------------------*/

#shadow_nw {

position:absolute;

	left:0px;

	top:0px;

	width:5px;

	height:5px;

	background-image:url('./gfx/shadows/nw.png');

}

#shadow_ne {

	position:absolute;

	right:0px;

	top:0px;

	width:5px;

	height:5px;

	background-image:url('./gfx/shadows/ne.png');

}

#shadow_n {

	position: absolute;

	top:0px;

	left:5px;

	right:5px;

	height:5px;

	background-image:url('./gfx/shadows/n.png');

}

#shadow_w {

	position:absolute;

	top:0px;

	left:0px;

	bottom:0px;

	width:5px;

	background-image:url('./gfx/shadows/w.png');

}

#shadow_e {

	position:absolute;

	top:0px;

	right:0px;

	bottom:0px;

	width:5px;

	background-image:url('./gfx/shadows/e.png');

}

#shadow_sw {

position:absolute;

	left:0px;

	top:0px;

	width:5px;

	height:5px;

	background-image:url('./gfx/shadows/sw.png');

}

#shadow_se {

	position: absolute;

	right:0px;

	top:0px;

	width:5px;

	height:5px;

	background-image:url('./gfx/shadows/se.png');

}

#shadow_s {

	position:absolute;

	top:0px;

	left:5px;

	right:5px;

	height:5px;

	background-image:url('./gfx/shadows/s.png');

}

/*--- Calendrier --------------------------------------------------------------*/

.calendar {

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	border-collapse: collapse;

	border: 1px solid #D3D3D3;

}

.calendar caption {

	font-weight: bold;

}

.calendar th {

	color: #FFFFFF;

	background-color: #7099CC;

	/*border: 1px solid #D3D3D3;*/

}

.calendar tr {

	height: 25px;

}

.calendar td {

	height: 25px;

	width: 30px;

	border: 1px solid #D3D3D3;

}

.calendar .hidden {

	color: #D3D3D3;

}

.calendar .event {

	font-weight: bold;

	/*background-color: #B7CBE5;*/ /*Foncé*/

	background-color: #DBE5F2; /*Clair*/

}