body {
    margin: 0;
    padding: 0 0 5px 0;
    background: black url(/frontal/img/fondu.png) repeat-x;
    font-family: sans-serif;
    font-size: 15px;
}

p, ul, ol, li {
	margin: 10px 0;
}

ul.compact, ol.compact, .compact li {
	margin: 0;
}

label {
	cursor: pointer;}

.disabled {
	color: gray;
}

a	                { text-decoration: underline; }
	a:link          { color: #900; background-color: #fff; }
	a:visited       { color: #c88; background-color: #fff; }
	a:hover         { color: #900; background-color: #c88; }
	a:visited:hover { color: #900; background-color: #c88; }
	a img {
		border: 0;}



#page {
    margin: 0 auto;
    padding: 0;
    width: 837px;
}

#header, #header img {
    margin: 0;
    padding: 0;
    line-height: 0;
    border: 0;
}


#firstline {
	margin: 0; padding: 0;
	height: 25px;
	line-height: 25px;
	font-size: 12px;}

	#firstline img {
		vertical-align: text-bottom;}

	#firstline a {
		display: block;
		height: 25px;
		margin: 0 5px;
		text-decoration: none;
		color: white;
		background-color: transparent; }

	a#rss {
		float: right;
		color: #f90; }
		
	a#rss:hover  {
	background:#CC8888 none repeat scroll 0 0;
	color:white;
	}	
	#descr {
		float: left; }
	#contact {
		float: right; }
	#contact:hover  {
	background:#CC8888 none repeat scroll 0 0;
	}	




#menu,
#menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	line-height: 36px; }
	#menu a {
		display: block;
		width: 100%;
		text-decoration: none;
		background: url(/frontal/img/menu-tri.png) 0 0 no-repeat; }
	#menu span {
		visibility: hidden; }
	#menu li {
		float: left;
		margin: 0; }
		#menu li ul {
			position: absolute;
			width: 12em;
			left: -999em; }
		#menu li:hover ul,
		#menu li.iehover ul {
			left: auto; }
			#menu li ul li {
				float: none;
				width: 100%;
				line-height: 24px;
				background: url(/frontal/img/menu-fond.png) 0 0 repeat; }
				#menu li ul li a, 
				#menu li ul li a:hover {
					padding-left: 1ex;
					font-weight: bold;
					background: none; }
				#menu li ul li a       { color: white; }
				#menu li ul li a:hover { color: #c88; }
	#menu_accueil                { width:  64px; }
	#menu_ludi                   { width:  88px; }
	#menu_calendrier             { width: 142px; }
	#menu_ateliers               { width: 130px; }
	#menu_impro                  { width:  88px; }
	#menu_images                 { width: 112px; }
	#menu_amis                   { width: 103px; }
	#menu_forum                  { width: 110px; }
	#menu_accueil     a          { background-position:    0px   0px; }
	#menu_ludi        a          { background-position:  -64px   0px; }
	#menu_calendrier  a          { background-position: -152px   0px; }
	#menu_ateliers    a          { background-position: -294px   0px; }
	#menu_impro       a          { background-position: -424px   0px; }
	#menu_images      a          { background-position: -512px   0px; }
	#menu_amis        a          { background-position: -624px   0px; }
	#menu_forum       a          { background-position: -727px   0px; }
	#menu_accueil     a:hover    { background-position:    0px -36px; }
	#menu_ludi        a:hover    { background-position:  -64px -36px; }
	#menu_calendrier  a:hover    { background-position: -152px -36px; }
	#menu_ateliers    a:hover    { background-position: -294px -36px; }
	#menu_impro       a:hover    { background-position: -424px -36px; }
	#menu_images      a:hover    { background-position: -512px -36px; }
	#menu_amis        a:hover    { background-position: -624px -36px; }
	#menu_forum       a:hover    { background-position: -727px -36px; }
	#menu_accueil     a#menu_ici { background-position:    0px -72px; }
	#menu_ludi        a#menu_ici { background-position:  -64px -72px; }
	#menu_calendrier  a#menu_ici { background-position: -152px -72px; }
	#menu_ateliers    a#menu_ici { background-position: -294px -72px; }
	#menu_impro       a#menu_ici { background-position: -424px -72px; }
	#menu_images      a#menu_ici { background-position: -512px -72px; }
	#menu_amis        a#menu_ici { background-position: -624px -72px; }
	#menu_forum       a#menu_ici { background-position: -727px -72px; }

#content {
	margin: 0;
	padding: 10px 20px;
	background: white;}

#section-accueil #content {
	padding: 0;}


#content_left {
	width: 518px;
	float: left;
	margin: 5px 0 5px 5px;}
#content_right {
	width: 304px;
	float: right;
	margin: 5px 5px 5px 0;}

h1 {
    margin: 5px 0 15px 0;
    color: #900;
    font: 40px "Brady Bunch Remastered", Helvetica, sans-serif;
    line-height: 30px;
}

h2 { 
    margin: 10px 0;
    color: #900;
    font: 28px "Brady Bunch Remastered", Helvetica, sans-serif;
    line-height: 22px;
}

	h2 strong {
		margin: 0 .3em;
		font-weight: normal;
		font-size: 34px;
	}


h3 {
    margin: 10px 0;
    color: #900;
    font-size: 1em;
}


h1#les-actus-de-la-ludi {
    font-size: 30px;
    line-height: 26px;
    padding-left: 7px;
    color: white;
    background: #900;
    margin: 0;
}
.article {
    clear: both;
    background: url(/frontal/img/sep.png) no-repeat;
    padding: 10px 0;
}
.article h2 {
	margin-top: 0;
}

img.affiche { float: right; margin: 0 40px 5px 5px; }

#content_left p { margin: 5px 0; }
#content_right p { margin: 0; }

#newsletter {
	background-color: #f90;
	text-align: center;
	padding: 5px; }
	#newsletter .default {
		color: gray; }
	#newsletter p,
		#newsletter form {
		margin: 0;
		padding: 0;}
	#newsletter a:link,
	#newsletter a:visited,
	#newsletter a:link:hover,
	#newsletter a:visited:hover {
		background-color: #f90;
		color: black;
		text-decoration: underline; }


#prochain_match {
	margin: 10px 0;
	background: url(/frontal/img/fond-prochain-match.png) 0 0 no-repeat;
	padding: 0;
	text-align:center;
	background-color: #900;}

	#prochain_match h2 {
		font-size: 32px;
		line-height: 32px;
		color: white;
		height: 52px;
		margin: 0 0 -15px 0; }

	#prochain_match p {
		padding:6px 10px;}
	
		#prochain_match a {
			background: transparent;
			color: black;}
			#prochain_match a:visited {
				color: #550000;}

#pm_resa {
	padding: 8px 0;
	text-align: center;}

	#pm_resa a:link,
	#pm_resa a:hover, 
	#pm_resa a:visited,
	#pm_resa a:visited:hover {
		color: #900;
		background-color: #fff;
		display: block;
		margin: 0 auto;
		width: 70%;
		text-decoration: none;
		font: 38px "Brady Bunch Remastered", Helvetica, sans-serif;
		border: .1em solid #f90;
		line-height: .9;
		-moz-border-radius: .2em;
		-webkit-border-radius: .2em;
		border-radius: .2em;}

	#pm_resa a:hover,
	#pm_resa a:visited:hover {
		border-color: #CC8888;}


#galerie_photo, #galerie_video {
	margin: 10px 0;
	padding: 1px 0 15px 0;
	text-align: center;
	background: url(/frontal/img/fond-photos.gif) 0 0 no-repeat;}
	#galerie_photo h2, #galerie_video h2 {
		font-size: 35px;
		line-height: 25px;}
		#galerie_photo h2 a, #galerie_video h2 a{
			cursor: pointer;
			text-decoration: none;
			color: white;
			background: transparent;}
	#galerie_photo p, #galerie_video p {
		margin:0;}

	#galerie_photo p a,
	#galerie_photo p a:visited, #galerie_video p a,
	#galerie_video p a:visited {
		display: block;
		background: transparent;}

	#galerie_photo p a img,
	#galerie_photo p a:visited img, #galerie_video p a img,
	#galerie_video p a:visited img  {
		background: black;
		padding: 4px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 2px solid black;}
		#galerie_photo p a:hover img, #galerie_video p a:hover img  {
			background: #600;
			border-color: #400;}

#zebrowski_bas {                float:right; }
a#logo_p7 { display: block;     float: left; }

#logos {}

	#logos a:link,
	#logos a:hover, 
	#logos a:visited,
	#logos a:visited:hover  {
			color: black;
			background-color: transparent;
			text-decoration: none;
	}
		#logos img {
				margin: 2px;
		}

#contacte-nous,
#acces-prive {}
	#contacte-nous a:link,
	#contacte-nous a:hover, 
	#contacte-nous a:visited,
	#acces-prive a:link,
	#acces-prive a:hover, 
	#acces-prive a:visited {
		font: 23px "Brady Bunch Remastered", Helvetica, sans-serif;
		background-color: #900;
		background-repeat : no-repeat;
		color: #fff;
		text-decoration: none;
		display:block;
		clear: right;
		width: 198px;
		margin: 7px 0;
		line-height: 21px;
		padding: 5px 0 5px 5px;}
	#contacte-nous a {	
		background-image: url(/frontal/img/enveloppe-sur-rouge.png);
		background-position: 161px 5px;}
	#acces-prive a {
		background-image: url(/frontal/img/cadenas.png);
		background-position: 169px 3px;}



.clear { margin: 0; padding:0; clear: both; }

#lastline {
	margin: 0;
	padding: 10px 0 5px 0;
  height: 15px;
  text-align: center;
  background: #000;
  color: #900;}

.w3c {
    display: block;
    float: left;
    margin: 0 5px;
    width: 10em;
    font-size: 10px;
    text-align: left;
}

	a.w3c:link, a.w3c:visited, a.w3c:hover, a.w3c:hover:visited {
		  background-color: #900;
		  color: #000;
		  text-decoration: none;
		  border: 1px solid #888;
	}

	.w3c span {
		  padding: 0 0.4em;
		  background-color: #fff;
		  color: #900;
		  font-weight: bold;
	}

#xiti {
    float: right;
    height: 15px;
    width: 80px;
    margin: 0 5px;
}

a#ll_contact:link, a#ll_contact:visited, 
a#ll_contact:hover, a#ll_contact:hover:visited {
    font-size: 90%;
    color: #900;
    text-decoration: underline;
}


#calendrier {
	background: black;
	color: white;
	text-align: center;
	padding:.5em 0;}
	#calendrier h2 {
		font-size: 35px;
		color: white;}
		#calendrier h2 a{
			text-decoration: none;
			color: white;
			background: transparent;
			cursor: pointer;
			}
	.calendar {
		text-align: center;}
		.calendar table {
			font-size: 12px;
			margin: 0 auto;}
			.calendar th {
				color: #fff;
				text-align: center;}
				.calendar tr.month th {
					font-size: 1.2em;}
				.calendar abbr {
					border-bottom: none}
			.calendar td {
				text-align: center;
				padding:0;
				color: #333;
				border: 2px solid transparent;}
			.calendar td.this_month {
				color: #666;}
			.calendar td.today {
				-moz-border-radius:10px;
				-webkit-border-radius:10px;
				border-radius:10px;
				border-color: #666;}
			.calendar td.fill {
				color: black;}
				
				.calendar td span {
					padding:1px 2px;}
				#content .calendar td a {
					padding:2px;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					border-radius:5px;
					text-decoration: none;
					background:#900;
					color:#fff;}
				
				#content .calendar td a:visited {
					background: #c88;
					color:#fff}

#calendrier {}
	#calendrier a.prev_month {
		float: left;
		background: url(/frontal/img/arrow-left.png) no-repeat;
		margin-left: 18px;}
	#calendrier a.next_month {
		float: right;
		background: url(/frontal/img/arrow-right.png) no-repeat;
		margin-right: 18px;}
	#calendrier a.prev_month,
	#calendrier a.next_month {
		margin-top: 36px;
		color: #900;
		background-color: transparent;
		height: 36px;
		width: 36px;}

		#calendrier a.prev_month:hover, 
		#calendrier a.next_month:hover,
		#calendrier a.prev_month:visited:hover,
		#calendrier a.next_month:visited:hover {
			background-color: transparent;
			background-position: 0px -36px;}

		#calendrier a.prev_month span,
		#calendrier a.next_month span {
			display: none;}

#section-calendrier {}
	#section-calendrier h2 {
		clear: both;}
	#section-calendrier .calendar {
		text-align: left;}
		#section-calendrier a.prev_month {
			margin-right:1em;}
		#section-calendrier a.prev_month {
			margin-left:1em;}
		#section-calendrier .calendar table {
			margin-top: 1em;
			margin-bottom: 1em;
			float: left;
			font-size: 1.3em;}
			#section-calendrier .calendar th {
				color: #000;}
			#section-calendrier .calendar td {
				color: #999;}
			#section-calendrier .calendar td.this_month {
				color: #000;}

#section-accueil .matchs {
	display: none;}

.matchs {
	list-style-type: none;
	margin-top: 25px;
	margin-left: 225px;}

.saison {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.erreur {
	width: 500px;
	margin: 10px auto;
	padding: 10px;
	background-color: #f90;
	color: black;
	border: 1px solid #900; }
	.erreur p,
	.erreur ul,
	.erreur li {
		margin-top: 0;
		margin-bottom: 0;}
		#content .erreur a:link,
		#content .erreur a:visited {
			background: none;}

/* Classe ajoutée sur les champs de formulaire en erreur */
.error {
  border: 2px solid #900;}
.formulaire fieldset.error {
  border: 2px solid #900;}

/* Formulaire d'informations générique, utilisé pour #resa et l'inscription */
.formulaire {
	width: 500px;
	margin: 1em auto;
  padding: 0 1ex;
  border: 1px solid #ccc;
  border-right-color: #333;
  border-bottom-color: #333;}

  .formulaire fieldset {
    margin: 1ex 0;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #ccc;}

    .formulaire legend {
      font-weight: bold;
      color: #900;
      padding: 0 1ex 0 0;}

    .formulaire .champ {}

      .formulaire .champ label {
        margin: 0;
        padding: 0;
        width: 150px;
        display: inline-block;
        vertical-align: top;
        line-height:1.5;}

    .formulaire textarea {
      margin: 0;
      width: 95%;}

    .formulaire ul {
      list-style: none;
      margin: 1ex 0;
      padding: 0;}
      
      .formulaire li {
        margin: 0;
        padding: 0;}

  .formulaire .submit {
    text-align: center;}

/* #resa est un .formulaire rose */
#resa {
	background: url(/frontal/img/degrade-clair.png) left bottom repeat-x;}
	#resa fieldset {
		border-bottom-color: #900;}
		 #resa fieldset .champ input.Newsletter{
			width: auto;}
			
		#resa fieldset .champ input {
			width: 330px;}
			
		


#poplist {
	width: 600px;
	margin: 10px auto;
	text-align: center;
	padding: 0;
	background: url(/frontal/img/degrade-clair.png) left bottom repeat-x;
	border: 1px solid #ccc;
	border-right-color: #333;
	border-bottom-color: #333; }
	#content #poplist a {
		background-color: transparent; }
	#poplist img { 
		margin-bottom: -4px; }

dl.liens {}
	dl.liens dt {
		clear: left;
		float: left;
		margin-right: 1em}
	dl.liens dd {
		margin: 0;}

#form-contact {
	width: 500px;
	margin: 10px auto;
	padding: 0 5px;
	background: url(/frontal/img/degrade-clair.png) left bottom repeat-x;
	border: 1px solid #ccc;
	border-right-color: #333;
	border-bottom-color: #333; }
	#form-contact p {
		text-align: center; }
	#form-contact fieldset p {
		text-align: left; }
	#form-contact fieldset {
		margin: 10px 0;
		padding: 0;
		border: 0;
		border-bottom: 1px solid #900; }
		#form-contact fieldset legend {
			font-weight: bold;
			color: #900;
			padding: 0; }
		#form-contact fieldset p label {
			margin: 0;
			padding: 0;
			width: 150px;
			display: inline-block;
			vertical-align: top; }
		#form-contact fieldset p input, #resa fieldset p textarea {
			margin: 0;
			width: 330px; }

div.case-tiers {
	float: left;
	margin: 5px;
	padding: 0;
	width: 250px; 
	text-align: center;}

p.hymne {
	white-space: pre; }
	p.hymne span {
		font-style: italic;
		color: #888; }

img.left {
	float: left;
	margin: 10px; }
img.right {
	float: right;
	margin: 10px; }
img.center {
	display: block;
	margin: 10px auto;}

div.link-img {}
	div.link-img a.left {
		float: left;
		margin: 0 5px 0 0; }
	div.link-img a.right {
		float: right;
		margin: 0 0px 0 0; }
	div.link-img a.center {
		display: block;
		margin: 0 auto; }
	div.link-img a:link,
	div.link-img a:visited,
	div.link-img a:hover,
	div.link-img a:hover:visited {
		text-decoration: none;
		background-color: white; }
	div.link-img a:link img,
	div.link-img a:visited img {
		border: 3px solid black; }
	div.link-img a:hover img ,
	div.link-img a:hover:visited img {
		border: 3px solid #c88; }


.albumlist li {
	margin:0;}
#en-photos {}
	ol.photos {
		list-style-type: none;
		text-align: center;
		margin: 0;
		padding: 0;}
	
		ol.photos li {
			display: inline;}

			#content ol.photos a:link,
			#content ol.photos a:visited,
			#content ol.photos a:hover,
			#content ol.photos a:link:hover,
			#content ol.photos a:visited:hover {
				background: transparent;}
			ol.photos img {
				border: 2px solid;}

			.prev0 img,
			.next2 img,
			.next3 img,
			.next4 img,
			.next5 img {
				height:25px;}
			.prev1 img,
			.next1 img {
				height:50px;}
			.prev2 img,
			.next0 img {
				height:100px;}
			.current {
				opacity: .5;}

	.photo {
		text-align: center;}
		.photo img {
			max-width:100%;
			height: auto;}