/* AVIVO CSS PRINCIPAL*/	
/***************************
	HTMLs
***************************/
* {	
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url(../imgs/bege2.gif);
	background-position: center;
	font: 16px Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}
h1 {
	font-size: 6px; 
	line-height:100%;
	margin: 5px 0px 0px 0px;
	text-indent: -3000px;
	height: 20px;
}
h1#accueil  {background: url(../imgs/h1_bienvenue.gif) no-repeat 50%;}
h1#presentation  {background: url(../imgs/h1_presentation.gif) no-repeat 50%;}
h1#loisirs  {background: url(../imgs/h1_loisirs.gif) no-repeat 50%;}
h1#social  {background: url(../imgs/h1_social.gif) no-repeat 50%;}
h1#adresses  {background: url(../imgs/h1_adresses.gif) no-repeat 50%;}
h1#medias  {background: url(../imgs/h1_medias.gif) no-repeat 50%;}
h1#actualites  {background: url(../imgs/h1_actualites.gif) no-repeat 50%;}
h1#actualites_archives  {background: url(../imgs/h1_actualites_archives.gif) no-repeat 50%;}
h1#pbulletin  {background: url(../imgs/h1_pbulletin.gif) no-repeat 50%;}
h1#pbulletin_archives  {background: url(../imgs/h1_pbulletin_archives.gif) no-repeat 50%;}
h1#photos  {background: url(../imgs/h1_photographies.gif) no-repeat 50%;}
p {margin: 4px 0px 0px 0px;}
blockquote {padding: 2px 50px; font-weight: bold; color: #222222;}
/***************************
	LIENs
***************************/
a, a:link { color: /*#398FC6*/green;}
#menu a { text-decoration: none;}
#smenu a { color: /*#398FC6*/green; margin-left: 5px; text-decoration: none; font-size: 14px;}
#contenu a, #contenu a:link { color: /*#398FC6*/green;}

a:visited { color: /*#525252*/green;} 
#smenu a:visited { margin-left: 5px; color: #398FC6;}
#contenu a:visited { color: #398FC6;}

a:hover {color: /*#9FAC0B*/red;}
#smenu a:hover {color: /*#9FAC0B*/red;/* padding-left: 2px;*/}
#contenu a:hover {color: /*#9FAC0B*/red;}

a:active { color: /*#CB1804*/red;}
#smenu a:active { color: /*#CB1804*/red;}
#contenu a:active {	color: /*#CB1804*/red;}

a img {	border: 0px;}

#webdesigner a, #webdesigner a:visited { color: #000000;}
#webdesigner a:hover, #webdesigner a:active{color: #FF0000;}
/***************************
	IDs & CLASSs
***************************/
#page {

	width: 760px;
	margin: 1px auto 0px;
	text-align: left;
	background: url(../imgs/ligne_vert.gif) repeat-y 590px 0;
}
body.index #page {background-image: none;}
#banniere {
	background: #FFFFFF url(../imgs/banniere_gen.jpg) no-repeat;
	width: 100%;
	padding-bottom: 7px;
	height: 70px;
}
#banniere h1 {text-indent: -3000px;}
#banniere a {display: block; height: 100%; text-indent: -3000px; text-decoration: none;}
#contenu {

	float: left;
	width: 545px;
	padding: 0px 20px 20px 20px;
	margin: 0px;
	text-align: justify;
}
#contenu.seul {width: 760px; padding: 0px 0px 0px 0px; text-align: center;}
#contenu h2 {
	font: bold 18px Georgia, "Times New Roman", Times, serif;
	color: #000000;
	margin: 5px 0px 1px 0px;
	text-align: center;
}
#contenu h2:first-letter {color: #DD0000; font-size: 120%; font-style: italic;}
#contenu p {
	font-size: 16px;
	text-indent: 3px;
	line-height: 140%;
	font-weight: bold;
	color: #333333;
}
/*#contenu p:first-line {font-size: 110%;	color: #333333;}*/
#contenu ul {font-size: 14px; padding-left: 40px; font-weight: bold; color: #333333;}
#contenu .activite {font-size: 18px; color: #FF6600;}
#contenu .prix {font-size: 14px; color: #006633;}
#contenu .horaire {color: #990033;}
#contenu_accueil_intro {width: 448px; text-align: left; margin: 20px 0px 0px 25px; float:left;}
#contenu_accueil_intro p {font-size: 120%; margin:0px;}
#contenu_accueil_intro h2 {font-size: 120%; margin:0px;}
#contenu_accueil_pb {
	width: 200px; text-align: ; margin: 20px 10px 5px 0px; float: right; color: white;
	background-color: lightblue; background-repeat:no-repeat; background-position:bottom left;
border:1px solid black;	
}
#contenu_accueil_actu {
	padding: 0px 2px;width: 225px; text-align: left; margin: 5px 10px 10px 0px; float: right;
	background-color: lightpink; background-repeat:no-repeat; background-position:bottom left;
border:1px solid black;	
}
p#pied {
	padding: 8px 5px 0px 10px;
	clear: both;
	background: url(../imgs/pied.gif) no-repeat 0px 0px;
	color: #000000;
	font-size: 9px;
	line-height: 3px;
	height: 12px;
	margin-bottom: 0px;
}
p#webdesigner {
	background-color: #FFFFFF;
	padding: 0px 50px;
	clear: both;
	color: #666666;
	font-size: 9px;
	line-height: 100%;
	margin: 0px;
	text-align: right;
}
p#pbnumero{width: 200px; float:left; font-weight:normal; font-size:12px; margin: 5px 0px 5px 0px; text-align: left;}
p#pbmois{width: 200px; float:right; font-weight:normal; font-size:12px; margin: 5px 0px 5px 0px; padding-right: 0px; text-align: right;}
p#pbnofloat{width: 545px; height: 1px; clear: both; overflow:hidden;margin: 0px;}
#espactures {float: left; width: 1px; height: 100px;}
#contenu p.renseignement, #contenu p.renseignement:first-line, #contenu p.renseignement:first-letter {
	text-align:right; 
	color: #0033CC; 
	font-style: normal; 
	font-size: 14px;	
}
#adrs {text-align:left; margin: 20px auto 0px;}
#adrsw {text-align:left; margin: 20px auto 0px;}
#adrs h3{font-size:16px; color:#330066; line-height: 100%; margin: 5px 0px 0px;text-align: center;}
#adrs td {padding: 0px 5px;}
#adrs a {font-size:90%; padding: 0px 0px 0px 60px;}
/*********	MEDIAS *******/
.adroite {padding-left: 95px; font-weight: bold;}
img.indexfot {float: left; margin: 3px;}
table.indexphotos {text-align: left; float: left; border: 0px solid blue;;}
table.albumsphotos {text-align: left; float: left; border: 1px solid blue; border-width: 0px 0px 0px 0px;}
#contenu p.dexfot, #contenu p.dexfot:first-line, #contenu p.dexfot:first-letter {
	font-size: 14px; font-weight: normal; text-indent: 0px; color: #001F79; font-weight: bold;
}
#photoind {margin: 0px auto; width: 700px; border: 0px solid blue; padding: 0px;}
#navmedias {font-size: 10px; margin-left: -390px;}
.tousalbums {font-weight: bold;}
#contenu p.albumdate, #contenu p.albumdate:first-line, #contenu p.albumdate:first-letter {
	text-align:right; 
	color: #0033CC; 
	font-style: normal; 
	font-size: 14px;
}
#contenu p.albumdate, #contenu p.albumdate:first-line {padding-right: 20px;}
#feutre {background-color: #000033; padding: 0px 0px 0px 0px}
#haut_feutre {background: url(../imgs/feutre_haut.gif) no-repeat; padding:0px;margin: 0px; font-size:9px; height: 9px; line-height:100%;}
#bas_feutre {background: url(../imgs/feutre_bas.gif) no-repeat; padding:0px;margin: 0px; font-size:9px; height: 9px; line-height:100%;}

ul.telechargements {text-align: left; float: left;}

#accueilindex {font-size: 14px; font-weight:bold;}
#servsocialindex {text-align: center; border:1px solid black; background-color: lightgreen; margin-top: 5px; padding: 5px;}
#loisirsindex {text-align: center;border:1px solid black; background-color: lightblue; margin-top: 5px; padding: 5px;}


#buzz {text-align: justify; font-size: 18px; font-weight:normal; border: 2px solid black;padding:15px;
margin-top: 20px;}
#buzzbig {font-size: 30px; text-align: justify;padding:15px;}
#buzzimg { border: 0px solid red; width: 60%; height:210px;margin: 0px auto 0px;}
#buzzimg p {text-align:center; color: blue;}

/***************************
	MENU PRINCIPAL
***************************/
#menu {
	width: 760px;
	height: 25px;
	padding: 0px 0px 1px 0px;
	list-style: none;
	background: #FFFFFF url(../imgs/menu.gif) no-repeat;
}

#menu li {
	height: 25px;
	float: left;
	text-indent: -9000px;
}
#menu a {
	display: block;
	height: 100%;
}
#menu0 {
	width: 100px;
	background: url("../imgs/menu_accueil_sprite.gif") no-repeat;
}
#menu0 a:hover, #menu0.on {
	background: url("../imgs/menu_accueil_sprite.gif") no-repeat 0px -25px;
}
#menu1 {
	width: 148px;
	background:  url("../imgs/menu_presentation_sprite.gif") no-repeat;
}
#menu1 a:hover, #menu1.on {
	background:  url("../imgs/menu_presentation_sprite.gif") no-repeat 0px -25px;
}
#menu2 {
	width: 86px;
	background:  url("../imgs/menu_loisirs_sprite.gif") no-repeat;
}
#menu2 a:hover, #menu2.on {
	background:  url("../imgs/menu_loisirs_sprite.gif") no-repeat 0px -25px;
}
#menu3 {
	width: 164px;
	background:  url("../imgs/menu_social_sprite.gif") no-repeat;
}
#menu3 a:hover, #menu3.on {
	background:  url("../imgs/menu_social_sprite.gif") no-repeat 0px -25px;
}
#menu4 {
	width: 108px;
	background:  url("../imgs/menu_adresses_sprite.gif") no-repeat;
}
#menu4 a:hover, #menu4.on {
	background:  url("../imgs/menu_adresses_sprite.gif") no-repeat 0px -25px;
}
#menu5 {
	width: 154px;
	background:  url("../imgs/menu_medias_sprite.gif") no-repeat;
}
#menu5 a:hover, #menu5.on {
	background:  url("../imgs/menu_medias_sprite.gif") no-repeat 0px -25px;
}
/***************************
	MENUS_SECONDAIRES
***************************/
#smenu {
	/* background: url(../imgs/smenu_coord_bas.gif) no-repeat 0px 100%;*/
	padding: 0px 0px 20px 0px;
	float: right;
	width: 170px;
}
#smenu h2 {
	height: 45px;
	text-indent: -3000px;
}
#smenu h2#smloisirs {
	background: url(../imgs/smenu_loisirs.gif) no-repeat;
}
#smenu h2#smsocial {
	background: url(../imgs/smenu_social.gif) no-repeat;
}
#smenu h2#smadresses {
	background: url(../imgs/smenu_adresses.gif) no-repeat;
}
#smenu h2#smactualites {
	background: url(../imgs/smenu_actualites.gif) no-repeat;
}
#smenu h2#smactualites_archives {
	background: url(../imgs/smenu_actualites_archives.gif) no-repeat;
}
#smenu h2#smpetitbulletin {
	background: url(../imgs/smenu_petitbulletin.gif) no-repeat;
}
#smenu h2#smpetitbulletin_archives {
	background: url(../imgs/smenu_petitb_archives.gif) no-repeat;
}
#smenu ul {
	list-style-type: none;
	list-style-position: outside;
	margin-left: 26px;
	font-weight: bold;
	list-style-image:url(../imgs/li_menu_sec.gif);
}
/***************************
	COORDONNEES - presentation
***************************/
#coordonnees {
	/*background: url(../imgs/smenu_coord_bas.gif) no-repeat 0px 100%;*/
	padding: 0px 0px 20px 0px;
	float: right;
	width: 170px;
}
#coordonnees h2 {
	width:160px;
	height: 45px;
	text-indent: -3000px;
	background: url(../imgs/smenu_contact.gif) no-repeat;
	margin: 0px 0px;
}
#coordonnees p { 
	font-size: 14px;
	padding: 0px 0px;
	margin: 0px 0px;
	font-weight: bold;
	text-align: center;
}