body {


}


.centre_accueil {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #e9f2fe;
}

.menubar_titre {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	background-color: #cccccc;
	border: 0px;
	cursor: pointer;
}

td.menubar_titre:hover {
	background-color: #666666;
	cursor: pointer;
}

div.menubar {
	position: absolute;
	top: 0px;
	z-index: 1;
	overflow: visible;
	cursor: pointer;
}

a.menubar1 {
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-indent: 6px;
	color: #000000;
	display: block;
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-width: 1px;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

a.menubar1:hover {
	background-image: url(./images/overmair.gif);
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	color: #ffffff;
}

a.menubar2 {
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-indent: 6px;
	color: #000000;
	display: block;
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-width: 1px;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

a.menubar2:hover {
	background-image: url(./images/overprat.gif);
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	color: #ffffff;
}

a.menubar3 {
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-indent: 6px;
	color: #000000;
	display: block;
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-width: 1px;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

a.menubar3:hover {
	background-image: url(./images/overcult.gif);
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	color: #ffffff;
}

a.menubar4 {
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-indent: 6px;
	color: #000000;
	display: block;
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-width: 1px;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

a.menubar4:hover {
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	color: #ffffff;
	background-image: url(./images/oversoci.gif);
}

a.menubar5 {
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-indent: 6px;
	color: #000000;
	display: block;
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-width: 1px;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

a.menubar5:hover {
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	color: #ffffff;
	background-image: url(./images/overscol.gif);
}

a.menubar6 {
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-indent: 6px;
	color: #000000;
	display: block;
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-width: 1px;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

a.menubar6:hover {
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	color: #ffffff;
	background-image: url(./images/overasso.gif);
}

a.menubar7 {
	background-color: #ffffff;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-indent: 6px;
	color: #000000;
	display: block;
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	border-top-color: #cccccc;
	border-top-style: solid;
	border-width: 1px;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
	border-right-color: #cccccc;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

a.menubar7:hover {
	height: 18px;
	text-align: left;
	vertical-align: middle;
	margin-left: 10px;
	color: #ffffff;
	background-image: url(./images/overspor.gif);
}

.menugauche {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #333366;
	background-color: #e9f2fe;
	position: absolute;
	left: 30px;
	top: 290px;
	width: 180px;
	height: 300px;
	background-image: url(./images/vaggrise.gif);
	background-repeat: no-repeat;
}

.menugauche:hover {
	cursor: pointer;
}

.menugaucheitem {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 15px;
	color: #333366;
	text-decoration: underline;
	cursor: pointer;
	padding-bottom: 5px;
}

.association-choix {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bolder;
	color: #333366;
	background-color: #e9f2fe;
	position: absolute;
	left: 250px;
	top: 320px;
	width: 400px;
}

.association {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	background-color: #e9f2fe;
	position: absolute;
	left: 260px;
	top: 360px;
	width: 450px;
}

.petiterub1 {
	background-color: #e9f2fe;
	position: absolute;
	left: 70px;
	top: 290px;
	width: 316px;
	height: 90px;
}

.petiterub2 {
	background-color: #e9f2fe;
	position: absolute;
	left: 70px;
	top: 390px;
	width: 316px;
	height: 90px;
}

.petiterub3 {
	background-color: #e9f2fe;
	position: absolute;
	left: 70px;
	top: 495px;
	width: 316px;
	height: 90px;
}

.granderub {
	background-color: #e9f2fe;
	position: absolute;
	left: 410px;
	top: 300px;
	width: 215px;
	height: 300px;
}

.meteo {
	background-color: #e9f2fe;
	position: absolute;
	left: 635px;
	top: 290px;
	width: 130px;
	height: 150px;
}

.journal {
	background-color: #e9f2fe;
	position: absolute;
	left: 635px;
	top: 450px;
	width: 130px;
	height: 150px;
}

.barre_centrale {
	background-color: #e9f2fe;
	position: absolute;
	left: 397px;
	top: 290px;
	width: 5px;
}

.article {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
    line-height: 1.5em;
}

.articlegras {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.articledecal {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	margin-left: 20px;
}

.articleitalic {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
}

.titremairie {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #0562a2;
}

.titrepratique {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #63296c;
}

.titreculture {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #333366;
}

.titresocial {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #4a943a;
}

.titreenfance {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #f78342;
}

.titreassociations {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #0099ff;
}

.titresport {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #f71930;
}

.titreagenda {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #4d9e3b;
}

.titredivers {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
}

.titreaccu {
	font-size: 14px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;
	color: #65266e;
}

.lien {
	background-color: #e9f2fe;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
	text-indent: 6px;
}

.sousrubrique {
	background-color: #e9f2fe;
	position: absolute;
	left: 200px;
	top: 270px;
	width: 565px;	
}

.plansiterub {
	position: relative;        
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-transform: uppercase;
	color: #0099ff;
	font-weight: bolder;
	line-height: 35px;
}

.plansitesourub {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	left: 20px;
	color: #000000;
	cursor: pointer;
	text-decoration: underline;
	width: 180px;
}

.plansitetitre {
	position: relative;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-transform: uppercase;
	color: #0099ff;
	font-weight: bolder;
	line-height: 35px;
	cursor: pointer;
}

.tableordi {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	border-width: 1px;
	border-color: #333366;
	border-style: solid;
	padding: 3px;
}

.menu_superieur {
	background-color: #e9f2fe;
	position: absolute;
	left: 135px;
	top: 125px;
}

.errormail {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bolder;
	color: #ff3333;
}

.prechargement {
	display: none;
}

.partiecentrale {
	width: 565px;
}

/* pour le tableau des horaires du centre multimedia */

td .club{ 
    background-color: #4173b8;
    color: #fff;
    }

td .stages_ateliers {
    background-color: orange;
    color: #fff;
}

td .libre_service {
    background-color: #ee9;
}

#ateliers li , #librzze-en-fete li {
      padding-bottom: 1em;
    }

.attention {

    color: #000;
        background-color: red;
        color: #fff;
        padding: 5px;
        margin-right: 5px;
}



.cartoucheOrange
{
    background-color: orange; font-weight: bold; color: #fff; padding: 5px;
}

.cartoucheMarron
{
    background-color: #C57D27; font-weight: bold; color: #fff; padding: 5px;
 }