html
{
height: 100%;
}

body
{
height: 100%;
}
body{
	text-align: center;
	background-color: #f8f8f8;
	margin: 0px;
}
#topLinks,#topLinks a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #4a4a4a;
	text-align: right;
	height: 18px;
	width: 100%;
	padding-top: 0px;
	text-decoration: none;
}
#topLinks a:hover {
	text-decoration: underline;
}
#banner {
	text-align: center;
	height: 86px;
	width: 100%;
	background: url(../images/banner_bkg.gif) repeat-x;
}
#menuContainer{
	height:35px;
}
#test{
	/*border:thin dashed red;*/
	position: relative;
	page-break-after: always;
}
#menu {
	margin: 0px auto 0;
	width: 508px;
	height: 35px;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	width: 508px;
}
#menu li {
	list-style: none;
	float: left;
	margin: 0px;
	height: 34px;
	white-space: nowrap;
}
#menu a {
	display: block;
	text-decoration: none;
	height: 28px;
	min-height: 15px;
	padding-top:10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	text-align: center;
}
#menu #association a  {
	width: 134px;
	background: url(../images/menu_assoc.gif) 0 0 no-repeat;
}
#menu #association a:hover  {
	background: url(../images/menu_assoc.gif) 0 0 no-repeat;
}
#menu #association a.current {
	background: url(../images/menu_assoc.gif) 0 0 no-repeat;
}
#menu #association a.current:hover {
	background: url(../images/menu_assoc.gif) 0 0 no-repeat;
}
#menu #cantine a  {
	width: 103px;
	background: url(../images/menu_cantine.gif) 0 0 no-repeat;
}
#menu #cantine a:hover  {
	background: url(../images/menu_cantine.gif) 0 0 no-repeat;
}
#menu #cantine a.current {
	background: url(../images/menu_cantine.gif) 0 0 no-repeat;
}
#menu #cantine a.current:hover {
	background: url(../images/menu_cantine.gif) 0 0 no-repeat;
}
#menu #periscolaire a  {
	width: 139px;
	background: url(../images/menu_peri.gif) 0 0 no-repeat;
}
#menu #periscolaire a:hover  {
	background: url(../images/menu_peri.gif) 0 0 no-repeat;
}
#menu #periscolaire a.current {
	background: url(../images/menu_peri.gif) 0 0 no-repeat;
}
#menu #periscolaire a.current:hover {
	background: url(../images/menu_peri.gif) 0 0 no-repeat;
}
#menu #transport a  {
	width: 132px;
	background: url(../images/menu_transp.gif) 0 0 no-repeat;
}
#menu #transport a:hover  {
	background: url(../images/menu_transp.gif) 0 0 no-repeat;
}
#menu #transport a.current {
	background: url(../images/menu_transp.gif) 0 0 no-repeat;
}
#menu #transport a.current:hover {
	background: url(../images/menu_transp.gif) 0 0 no-repeat;
}
#bread, #bread a {
	margin: 1px auto 0;
	text-align: right;
	vertical-align:top;
	padding-top:8px;
	height: 21px;
	width: 505px;
	font-family: Arial;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
#menu2{
	float: left;
	font-size:0.75em;
	width: 210px;
}
#menu2 ul {
	margin: 0;
	padding: 0;
}
#menu2 li {
	list-style: none;
	margin: 0;
}
#menu2 li.title,#menu2 li.sub1 {
	height: 15px;
}
*>#menu2 li.title,#menu2 li.sub1 {
	height: auto;
}
#menu2 .title a:hover,#menu2 .sub1 a:hover {
	color:#fff;
}
#menu2 .sub1current a {
	display: block;
	color: black;
}
#menu2 .sub1current a:hover {
	display: block;
	color: white;
}
#menu2 .sub1current >a {
	min-height: 15px;
	height: auto;
}
#content2 {
	width: 475px;
	float:left;
	height:685px;
	text-align: left;
	line-height: 18px;
	padding-left: 15px;
	padding-right: 15px;
/*	border:1px solid black;*/
}
*>#content2 {
	min-height:685px;
	height:auto;
}
#content2 a,#content2 a:hover{
	color: #f60;
	text-decoration: underline;
}
#content2 a:visited{
	color:#993399;
}
#content2 a:hover{
	text-decoration: underline;
}
#content2 table select,#content2 table .formInput,#content2 table .formInputTextArea{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #eee;
	border: 1px solid #CCC;
	width:200px;
	font-size: 12px;
}

/* style des images */
#content2 div.csc-textpic { padding: 0px; margin: 0px; font-family: 
Arial, Helvetica, sans-serif; font-size: 12px; text-align: justify; }
#content2 div.csc-textpic-intext-left { padding: 0px; margin: 0px;
float: left; }
#content2 div.csc-textpic-intext-right { padding: 0px; margin: 0px;
float: left; }
#content2 div.csc-textpic-imagewrap { padding: 0px; margin: 5px; }
#content2 div.csc-textpic-text { padding: 0px; margin: 0px; }
#content2 div dd.csc-textpic-caption { padding: 0px; margin: 0px;
font-size: .8em; line-height: .8em; font-weight: normal; }
#content2 div.tx-srfeuserregister-pi1 { padding: 0px; margin: 0px; }
#content2 div.csc-textpic-intext-left div.csc-textpic-imagewrap {
padding: 0px; margin: 0px 10px 10px 0px; float: left; height: auto;
font-size: 1.2em; line-height: 1.5em; font-weight: normal; display: 
inline;    font-family: Arial, Helvetica, sans-serif;
}
#content2 div.csc-textpic-intext-right div.csc-textpic-imagewrap {
padding: 0px;  margin: 0px 0px 10px 10px; float: right; height: 
auto;font-size: 1.2em; line-height: 1.5em; font-weight: normal; display: 
inline; font-family: Arial, Helvetica, sans-serif; }
p,li,p.legend{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
}
p.legend{
	color:#666666;
}
.bloc {
	width: 206px;
	height: 202px;
	float:left;
	margin-bottom:15px;
	text-align: left;
	background: url(../images/bloc_bkg.gif) 0 0 no-repeat;
}
.bloc2 {
	width: 206px;
	height: auto;
	float:left;
	margin-bottom:15px;
	text-align: left;
	background: url(../images/bloc_bkg2.gif) 0 0 repeat-y;
}
.bloc2content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 7px;
	cursor:pointer;
	background: url(../images/bloc_bkg2.gif) 0 0 repeat-y;
}
.bloc2content img{
	float:left;
	padding-right:5px;
}
.bloc2content .article,.bloc2content .titre,  .bloc2content .day{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.bloc2content .today{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	border: 1 1 1 1 red;
}
.bloc2footer{
	height:8px;
	background: url(../images/bloc_bot.gif) 0 0 no-repeat;
}
.bloc2 .hr{
	height: 1px;
	border-top: 1px solid #b2b2b2;
	margin:0px 5px 0px 5px;
}
.bloc p,.bloc a,.bloc .title{
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}
.bloc a,.bloc input{
	font-size: 9px;
	font-weight: bold;
	/*width: 80px;*/
}
.bloc a:hover{
	text-decoration: underline;
}
#footer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 1px auto 0;
	text-align: left;
	padding-left: 25px;
	padding-top: 25px;
	width: 505px;
	height: 85px;
}
#footer a {
	color: black;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}