body {margin:auto; margin:0; padding:0;}
img#logo {position:absolute; margin:10px 0px 0px 25px;}
img#logosur {position:absolute; height:50px; margin:35px 0px 0px 140px;}  
div#haut {background: #13AAB8 url(../images/fond01.gif) repeat; padding:20px;}
div#haut div#banniere {
	height:60px;
	background: #6C13B8 url(../images/banniere02.gif) no-repeat top left;
	padding-left:470px;
	text-align:center;
}
div#haut div#banniere h1 {
	height:45px;
	margin:0;
	padding-top:8px;
	color:#FFF;
	font-size:20px;
	background: #6C13B8 url(../images/logo05.gif) no-repeat right top;
}
div#menu3 {display:none;height:25px; background: #13AAB8 url(../images/fond01.gif) repeat fixed; text-align:center; border-bottom:1px dotted #6C13B8;}
div#menu3 a {
	background: url(../images/ball1.gif) no-repeat left center;
	margin-left:10px;
	padding-left:15px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	font-size:18px;
	color:#13AAB8;
}
div#menu3 a#menuselect {background: url(../images/ball5.gif) no-repeat left center;
	margin-left:10px;
	padding-left:15px;  color:#6C13B8;}
div#menu3 a:hover {
	color:#6C13B8;
}

div#menu2 {display:none;height:25px; background: #13AAB8 url(../images/fond01.gif) repeat; padding:1px 1px 1px 10px; margin-bottom:15px; border-bottom:5px solid #13AAB8;}
div#menu2 a {
	background: #13AAB8 url(../images/rest.gif) no-repeat bottom left;
	margin:0px 0px 0px 2px;
	padding:0px 4px 8px 16px;
	text-decoration:none;
	font-weight:bold;
	border: solid #FFF;
	border-width: 1px 1px 1px 1px;
	color:#FFF;
	font-size:18px;
}
div#menu2 a#menuselect { background: #13AAB8 url(../images/fond01.gif) repeat; color:#6C13B8;}
div#menu2 a:hover {
	color:#E0FFFF;
	border: 1px solid #13AAB8;
}
div#menu a#menuselect { background: #13AAB8 url(../images/fond01.gif) repeat; color:#6C13B8; border:1px solid #13AAB8;} 
div#menu {background:#13AAB8 url(../images/fond01.gif) repeat left center; padding:1px 1px 0px 26px; margin:0px 0px 0px 0px; border-bottom:1px solid #BBB;}
div#menu a {
	background: #13AAB8 url(../images/rest.gif) no-repeat bottom left;
	margin:2px 2px 2px 2px;
	padding:0px 4px 6px 16px;
	text-decoration:none;
	font-weight:bold;
	border: solid #FFF;
	border-width: 0px 1px 0px 1px;
	color:#E0FFFF;
	font-size:18px;
}
div#menu a:hover {
	color:#FFF;
	border: solid #13AAB8;
	border-width: 1px 1px 1px 1px;
}
div#page {background-color: #FFF; background:url(../images/fond03.gif) repeat-y left; margin:0; padding:10px;}
div#colonnegauche {width:150px; float:left; margin-top:20px; padding:10px 0px 0px 0px;}
div#colonnegauche h2 {margin:0; padding:0; border-bottom:1px dotted #13AAB8; color:#6C13B8; text-align:right; font-size:20px; background:url(../images/icomenu02.gif) no-repeat 30% 50%;}
div#colonnegauche dl span.sujet {font-weight:bold; color:#6C13B8;}
div#colonnegauche dd {margin:0px 0px 15px 0px; padding:35px 10px 20px 23px; border-bottom:3px double #999; background: #FFF url(../images/papier01.gif) no-repeat 0% 0%; font-family:arial, serif}
/* Margin 40 px pour espace a droite */
div#colonnecentre {margin:10px 40px 20px 200px; padding:1px 10px 20px 10px; text-align:justify; background-color:#E1E1FA; border:3px double #6C13B8;}
div#colonnecentre h1 {font-size:x-large;} 
div#colonnecentre h2 {padding-bottom:0px; margin-bottom:0px; border-bottom:0px;}
div#colonnecentre b {color:#6C13B8;}
div#colonnecentre2 {font-size:larger; margin:10px 40px 20px 70px; padding:1px 10px 20px 10px; text-align:justify; background-color:#E1E1FA; border:3px double #6C13B8;}
div#colonnecentre2 hr {color:#bbb}
div#colonnecentre2 dl dt {}
div#colonnecentre2 dl dd {margin-left:10px;}
div#colonnecentre2 b.seances {font-size:larger; font-style:italic;} 
div#colonnecentre2 h2 {background: #6C13B8 url(../images/rest01.gif) no-repeat center left; padding:5px 0 5px 35px; border-top:2px solid #13AAB8; border-bottom:2px solid white; color:white;}
div#colonnedroite {width:200px; height:100%; float:right; margin:0px 10px 10px 5px; background-color:#FFF;}
div#colonnedroite dl {margin-top:10px; padding:10px; border:1px solid #BBB; background: #13AAB8 url(../images/fond01.gif) repeat;}
div#colonnedroite dt {border-bottom:1px solid #BBB; text-align:center; font-weight:bold; padding:0px 0px 10px 0px; background:url(../images/rest01.gif) no-repeat top left;}
div#colonnedroite dd {margin:0; padding:5px; background: #FFF url(../images/image-atelier01.gif) no-repeat 50%; text-align:justify; font-weight:bold; font-size:smaller;}
div#colonnedroite img {float:left; margin: 0px 2px 0px 0px; }
div.rbroundbox {background: url(../images/pelicule.gif) no-repeat top left;  border-right:1px dotted #BBB; padding-left:20px;}
div.rbtop div { background: none }
div.rbtop { background: url(../images/bl.gif) no-repeat top right; }
div.rbbot div { background: none }
div.rbbot { background: url(../images/tl.gif) no-repeat bottom right; }

div.titreactivite {font-weight:bold; text-transform:uppercase; line-height:20px; background: #6C13B8 url(../images/rest01.gif) no-repeat center left; padding:5px 0 5px 35px; border-top:2px solid #13AAB8; border-bottom:2px solid white; color:white;}

.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbcontent h3 {margin:0; padding:2px; text-align:center; color:#6C13B8;} 
.rbcontent img {float:left; margin: 0px 2px 0px 0px; } 
.rbroundbox { width: 160px; margin: 1em auto; }

div#baspage {clear:both; height:30px; background:#FFF url(../images/fond01.gif) repeat; border-top:1px solid #BBB; border-bottom:1px solid #BBB; margin-top:0px; padding:10px; text-align:center;}