body, * { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif }

body { 
	color:#FFC;
	background:#100 url(right-s.gif) top right no-repeat;
}
#global {
	background:url(left-s.gif) top left no-repeat;
	height:650px;
}
#main{
	margin:0 auto;
	width:850px;
	background:url(basbas.jpg) no-repeat bottom right;
	padding-bottom:56px;
	padding-right:30px;
} 	
#head {
text-align:center
}
#head img {
border:none;
}
#body {
	width:800px;
	margin-left:5px;
	padding:2px 5px;
	font-size:13px;
}
/* MENU */
#menu { 
	text-align:center;
	font-size:12px;
	margin-left:50px;
}
#menu ul { }
#menu li { float:left;
list-style:none;
}
#menu li a { 
	display:block;
	padding:2px 5px;
	margin:3px 5px;
	text-decoration:none;
	color:#FD0;
	background-color:#600;
	vertical-align:middle;
	border:1px #750 solid;
	}
#menu li a.sel,#submenu li a.sel  {
	color:#FF9;
	background-color:#AF3E00;
	border:2px #C90 solid;
	padding:2px 5px;
}
#submenu {
	position:absolute;
	top:250px;
	width:160px;
	margin-left:5px;
	font-size:11px;
 }
#submenu li {list-style:none;
}
#submenu li a {
	padding:2px 3px; margin:2px 0;
	text-decoration:none;
	display:block;
	width:155px;
	background:#500;
	color:#EC0;
	border:1px #860 solid;
	border-top:none; border-bottom:none
}
#submenu li a.sel {	padding:2px;border-top:none; border-bottom:none
}
#submenu li a:hover {
	color:#FF9;
	background-color:#7F3207;
	border:2px #A70 solid;
	padding:2px;border-top:none; border-bottom:none
}
div #content { position:relative;
margin-left:180px;
margin-top:40px;
padding:7px 10px 10px;
background:#200 url(bas.jpg) no-repeat bottom right;
color:#FFC;
border:1px solid #552200;
}
div.reference #content {margin-left:0px; }
#content a  { color:#000000; border-color:#000000 }
h2 { margin-bottom:0px;}
h2.large { background-image:none}
h3 { margin:10px 5px;
}
h3#val { margin:8px;  font-size:14px; text-align:center}
h4 { text-align:center}
#content p { margin:2px 8px;
padding:3px; text-align:justify; line-height:1.7em;
}
#content li { line-height:1.8em }
#content li {
	margin-left:30px;
	font-size:14px;
}
address {
margin-left:100px;
padding:10px;
background:#330000;
width:300px;
border:1px solid #400}
#addplan address { margin:0; width:140px; font-size:12px }
h3.toggler a:link, h3.toggler a:visited {
	font-weight: normal;
	letter-spacing: 2px;
	display: block;
	text-decoration: none;
	color:#FFCC00;
}

h3.toggler a:hover, h3.toggler a:active {
	color: #222;
}	
	h3.toggler {
	height:15px;
	width:544px;
	padding: 4px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #fff;
	background:#D12028;
	color: #222;
	position:relative;
	left:-10px;
	cursor: pointer;
}
h3.lettre {
	width:150px;
}
h4.infos {
	margin:6px;
}
h5 { display:inline; float:left }
#container {
	background: url(container.png) top center repeat-y !important;
	background:  url(container.gif) top center repeat-y; /*stoopid ie*/
	width: 447px;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*stoopid ie*/
	
}
.accordion { font-size:12px; padding:0px; background:#FFF;
	color:#000000;}
.accordion p { padding:3px;}
#clr, .clr { clear:both;}
table#agenda { width:550px; font-size:11px; }
table#agenda p { width: auto; font-size:11px; }
#agenda a { color:#FD1 }
#agenda h2 { font-size:13px }
.cal { background:#360000} #agenda .cal a{ color:#900; text-decoration:none}
.cal td { width:13px; padding:0 3px; }
p.affi { 	padding: 4px 10px;
	font-size: 11px;
	color: #fff;
	background:#660000;} 
.affi b { font-weight:normal} 
#valid {margin-top:40px;float:right; opacity:0.3}
#valid:hover { opacity:1} 
#valid img { border:0 }
#content img.ill { border:2px solid #600; float:right; margin:10px 0 10px 10px; }
#content img.ille { border:2px solid #600; margin:10px 0 10px 10px; }
blockquote { margin:10px 60px 10px 40px; background:#300; border:1px solid #400; border-top:none; border-bottom:none; }
form#contact { margin:15px 50px; }
form#contact input, form#contact textarea { width:200px; }
form#contact label { display:block; float:left; width:8em; position: relative}