body
{
	background-color:#749A01;
	font-family:Tahoma,Arial;
	font-size:0.8em;
}

span
{
	display:none;
}

span.visible
{
	display:inline;
}

#page
{
	width:780px;
	
	margin:20px auto;
	border:3px solid #FFFFFF;
	background-color:#90B304;
}

hr
{
	color:#ffffff;
}

img
{
	border:0;
}

h1
{
	width:780px;
	height:57px;
	background: url('/images/header.gif') repeat-x 0px 0px;
	margin:0px;
	padding:0px;	
}

h5
{
	text-align:center;
	font-size:1.2em;
	clear:both;
}

#header
{
	clear:both;
	margin:0px;
	padding:0px;	
}

#menutop
{
	clear:both;
	margin:0px;
	padding:0px;
}

a
{
	color:#415005;
}

a:hover
{
	text-decoration:none;
}

ul {
	list-style-type: none;
	padding:0px;
	margin:0px;
	
}

li {
	list-style-type: none;
	padding:0px;
	margin:0px;
	float:left;
	
}

.bold
{
	font-weight:bold;
}

.italic
{
	font-style:italic;
}

ul.liste
{
	padding-left:11px;
	margin:0px;
}


ul.liste li {
	padding:0px;
	margin:5px;
	float:none;
	/*list-style-image:url('/images/fleurdelys_list.gif');*/
	list-style-type:disc;
	
}

table tr td
{
	background-color:#D4E1A3;
	padding:2px;
}

table tr.Alt td
{
	background-color:#C5D683;
}

div.left
{
	float:left;
}

div.right
{
	float:right;
}

#header li
{
	cursor:pointer;
}

#header li#accueil
{
	width:145px;
	height:42px;
	background: url('/images/accueil.gif') repeat-x 0px 0px;	
}

#header li#accueil:hover
{
	background: url('/images/accueil_over.gif') repeat-x 0px 0px;		
}

#header li#nousconnaitre
{
	width:162px;
	height:42px;
	background: url('/images/nousconnaitre.gif') repeat-x 0px 0px;	
}

#header li#nousconnaitre:hover
{
	background: url('/images/nousconnaitre_over.gif') repeat-x 0px 0px;	
}

#header li#faireundon
{
	width:162px;
	height:42px;
	background: url('/images/faireundon.gif') repeat-x 0px 0px;	
}

#header li#faireundon:hover
{
	background: url('/images/faireundon_over.gif') repeat-x 0px 0px;	
}

#header li#forum
{
	width:162px;
	height:42px;
	background: url('/images/forum.gif') repeat-x 0px 0px;	
}

#header li#forum:hover
{
	background: url('/images/forum_over.gif') repeat-x 0px 0px;	
}

#header li#contact
{
	width:149px;
	height:42px;
	background: url('/images/contact.gif') repeat-x 0px 0px;	
}

#header li#contact:hover
{
	background: url('/images/contact_over.gif') repeat-x 0px 0px;	
}

#content .box
{
	background-color:#ADC550;
	color:#415005;
	font-size:0.85em;
	margin:15px 100px 30px 100px;
}


.t {background: url(/images/dot.gif) 0 0 repeat-x; width: 100%}
.b {background: url(/images/dot.gif) 0 100% repeat-x}
.l {background: url(/images/dot.gif) 0 0 repeat-y}
.r {background: url(/images/dot.gif) 100% 0 repeat-y}
.bl {background: url(/images/corner_bottomleft.gif) 0 100% no-repeat}
.br {background: url(/images/corner_bottomright.gif) 100% 100% no-repeat}
.tl {background: url(/images/corner_topleft.gif) 0 0 no-repeat}
.tr {background: url(/images/corner_topright.gif) 100% 0 no-repeat; padding:10px} 

.box .block 
{
	float:left;
	display:block;
	margin:10px 5px;
	text-align:justify;
}

html>body .box .block 
{
	float:left;
	display:block;
	margin:10px;
	text-align:justify;
}

.box ul.list
{
	list-style-type: square;
	padding-left:5px;
	margin-left:5px;
}

.box ul.list li {
	list-style-type: square;
	float:none;
	padding-left:5px;
	margin-left:5px;	
}

.box .block img.left
{
	float:left;
	margin:3px 10px 3px 0px;
}

.box .block img.center
{
	margin:3px auto;
	display:block;
}

.box .block img.right
{
	float:right;
	margin:3px 0px 3px 10px;
}



.box .block .legende
{
	margin-top:2px;
	color:#FFFFFF;
	font-weight:bold;
}

p.left, h5.left
{
	text-align:left;
	margin-left:10px;
}

p.center, h5.center
{
	text-align:center;
}

p.right, h5.right
{
	text-align:right;
	margin-right:10px;
}


.sstitreg
{
	font-weight:bold;
	font-size:1.1em;
}

h2
{
	margin-bottom:10px;
}

.box .block .date
{
	font-weight:bold;
}

#bienvenue
{
	width:87px;
	height:10px;
	background: url('/images/titre_bienvenue.gif') no-repeat 0px 0px;		
}

#nouvelles
{
	width:61px;
	height:8px;
	background: url('/images/titre_nouvelles.gif') no-repeat 0px 0px;
	margin-top:2px;
	margin-right:10px;
	margin-left:auto;
}

#deuxpoints
{
	width:17px;
	height:10px;
	background: url('/images/titre_deuxpoints.gif') no-repeat 0px 0px;
	float:left;
}

#footer
{
	color:#415005;
	font-size:0.85em;
}

#footer .gris
{
	height:15px;
	width:760px;
	background-color:#7A7A7B;
	color:#FFFFFF;
	font-weight:bold;
	padding:10px;
	font-size:0.95em;
}

#footer .gris a
{
	color:#FFFFFF;
}

#footer .gris li
{
	font-size:1.05em;
}

#footer .gris li a
{
	text-decoration:none;
}

#footer .gris li a:hover
{
	text-decoration:none;
}

#bloc_liste
{
	margin:20px auto;
}

#bloc_liste .photo
{
	width:104px;
	height:104px;
	background-color:#000000;
	border:2px solid #000000;
	text-align:center;	
	margin:10px 10px;
	float:left;
	vertical-align:middle;
	padding:0px;
}

#bloc_liste .photo td
{
	background-color:#000000;
	padding:0px;

}

#bloc_liste table.photo img
{
	cursor:pointer;
}

////////////////////////////////////////////////////////////////
//CSSPlay (A simple CSS photo-album) - http://www.cssplay.co.uk/
////////////////////////////////////////////////////////////////

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:320px; 
height:300px; 
background:#ADC550 url(/images/dessusalbumphoto.jpg) 0 0px no-repeat;
margin:0 auto;
}

html>body #album 
{
width:320px; 
height:300px; 
background:none!important;
margin:0 auto;
}


/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:250px 0 0 0; 
list-style-type:none; 
position:relative; 
width:320px;
}
/* remove the default image border */
.gallery img {
border:0;
}

/* make the list horizontal */
.gallery li {
float:left;
}


/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-250px; 
left:0; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {

}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:70px solid #ADC550;
border-right:70px solid #ADC550;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}