body {
/*background: url(noel.gif) repeat-x #e8f0f4;*/
	background-color: #cfcfcf;
	margin : 0px;
	padding : 0px;
}

img {border:0px;}

a {text-decoration: none;}

h1{	font-size: 20px;}

h2{	font: 18px bold; color : #9DADC6; }

h3{	font-size: 16px;}

h4{	font-size: 16px; text-align:left;}

h5{	font-size: 14px;text-align:left;}

p {	text-align:justify;}

ul{	text-align: left;

	list-style: url(puce_off.gif);}

li{	text-align: left;}

table { width : 100%;}

td {	text-align : left;}

#contener {
	position:relative;
	
	background: #ffffff ;
	margin: auto;
	padding : 0px;
	text-align:center;
	width:900px;
	height:100%;
}

#ileft {
	float: left;
	width: 5px;
	height: 250px;
	margin: 0px;
	padding: 0px;
	/*background: #fff url(l.gif) repeat-y;*/
}

#left {
	height: auto;
	width: 150px;
	margin-left: 5px;
	float: left;
}

#right {
	height: auto;
	width:150px;
	margin-right: 5px;
	float : right;
}

#iright {
   	height: 100%;
	float: right;
	width:5px;
	margin : 0px;
	/*background: #fff url(r.gif) repeat-y right;*/
}

#center {
	width: auto;
	height:100%;
	margin-top : 0px;
	margin-left: 160px;
	margin-right: 160px;
	padding : 0px;
	background: #fff url(cercle.gif) no-repeat 10px 10px;
}

#bottom {
	font-weight : bold; color: #AB0932; text-align:center;
	background: url(bar_top.gif) repeat-x;
}

#bottom a{
font-weight : bold; color: #A52A2A;
}

/*Menu*/
#navigation {float:right; background:transparent; height:3em;overflow: hidden;}

#navigation ul {margin:0; padding:0; list-style-type:none; background:transparent;}

#navigation li {display:block; float:left; margin:0 1px;}

.snazzy {background:transparent;}

.snazzy span {text-align:center; color:#fff; margin:0; font-weight:bold;}

.b1, .b2, .b3, .b4 {display:block; font-size:1px;overflow: hidden;}

.b1, .b2, .b3 {height:1px;}

.b2, .b3, .b4 {border-left:1px solid #fff; border-right:1px solid #fff;}

.b1 {margin:0 5px; background:#fff;}

.b2 {margin:0 3px; border-width:0 2px;}

.b3 {margin:0 2px;}

.b4 {height:2px; margin:0 1px;}

.boxcontent {display:block; border-left:1px solid #fff; border-right:1px solid #fff;font-weight: bold;}

a.menu, a.menu:visited {
	display: block;
	text-decoration: none;
	width: 5.5em;
}

a.menu:hover {
	background: transparent;
	cursor: pointer;
}

a.menu:hover span {
	padding-top: 15px;
	font-weight: bold;
}

.red {	background: #AB0932;}

.pad {display:block; height:1em;overflow: hidden; }

/* fin de menu */
#classic { padding: 0px;}

#classic ul {
	padding: 0px;
	margin: 0px 0px 0px 7px;
}

#classic li {
	list-style: square;
	text-align: left;
	margin: 0px 0px 15px 0px;
}

#vertical {
float : left;
text-align : left;
margin-left:10px;

}

#image {
text-align : center;
margin: 0px 0px 0px 0px;

}

#horizon { clear : both;}

#box   {}

#box p {text-align:center;}

#spot  {
	float: left;
 height : 100px;	
	}

#aspot {
float: right;
 height : 100px;
	}

.bleu {
font-weight : bold; color : #0080FF;
}

.bleu p {
font-weight : bold; color : #0080FF;
}

/* boite de dialogue */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */
.sidebox {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
	height : 100%;
}

.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	height : 100%;
}

.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */

}

.boxhead h3 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white;
	font-weight: bold;
	font-size: 1.0em;
	line-height: 0.8em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}

.boxhead a {
	color: white;
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
}

.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	height : 100%;
	padding: 5px 30px 31px;
}

.boxbody p{
	clear: none;
}

