html, body {font-size: 1em;
line-height: 1.2em;
background-color: white;
font-family: Times, verdana, serif;
color: #000000;
margin: 0;
padding: 0;
height: 100%;
width: 100%;}

.block-une2{
width: 100%; padding:0px;
margin-bottom: 0px; 
background-color: white;
text-align: left; font-weight: bold; font-size: 1.3em; color: #9ac00a; font-variant: small-caps}


#nav-titre{
	width : 90%;
position: absolute; 
left: 8%; 
top: 0px;
display: block;
}

#nav-titre img{
	width : 100%; 
}

#contener{display: block;
width : 85%;
position: absolute; 
margin-left: 0%;
margin-top: 0px;

}

#nav-haut{width : 100%;
position: absolute; top: 5px; 
left: 5px; z-index: 5}

#contener-texte{
position: absolute; top:30px; 
left: 0px;
width:100%;
padding: 0px;
border: 1px solid #9ac00a;
background-image: url(../grafik/arbre.jpg);
background-position: right;
background-repeat: repeat-y;
-moz-box-shadow: 8px 8px 12px #aaa;  
-webkit-box-shadow: 8px 8px 12px #aaa;  
box-shadow: 8px 8px 12px #555;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
-khtml-border-radius:10px;
z-index: 1;
text-align: justify;
margin-bottom: 20px; 
}

.contener-texte-gauche{padding:20px; position: relative; float: left; width: 70%; margin-left: 15%}

/* nav gauche */

#nav-gauche{
width:15%;
position: absolute; 
top: 36%; left: 00px; 
z-index: 4; 
}

.nav-gauche-image{	
width:100%;
padding-left: 30px; 
background-color: #88ab10; text-align: right }

.nav-gauche-image img{	width:100%; height: auto}

#socialtags2 {margin-right: auto; margin-left:auto; text-align:center; }
#socialtags2 img {width:20px !important}

.nav-gauche-image2{	
width:100%;
padding-left: 30px; 
background-color: #9ac00c; text-align: right}

.nav-gauche-image2 img{	width:100%; height: auto}

*{
	margin:0;
	padding:0;
}
#menu-gauche{
	width:100%;
margin-left: 0px; position: relative; clear: both;	
background:#9ac00c;
margin-bottom: 15px
}

.menu-gauche, .sousmenu-gauche{
	text-align:left;
	padding-left: 15px
}
.menu-gauche{
	height:auto;
	width:100%;
	padding:2px 15px;
	background:#9ac00c;
	color:#fff;
}
.sousmenu-gauche{
	height:auto;
	width:100%;
	padding:2px 15px;
	background:#adca4a;
	color:#fff;
}
.menu-gauche a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#9ac00c;
}
.sousmenu-gauche a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#adca4a;
}
.menu-gauche a:hover, .sousmenu-gauche a:hover, .menu-gauche a:active, .sousmenu-gauche a:active, .menu-gauche a:focus, .sousmenu-gauche a:focus{
	background:#88ab10;color: white
}


#contener-menu-jeunesse{
width: 90%;
margin-left: 10%;
position: relative; float: right;
margin-bottom: 3px;margin-top:10px;
-moz-box-shadow: 8px 8px 12px #aaa;  
-webkit-box-shadow: 8px 8px 12px #aaa;  
box-shadow: 8px 8px 12px #555;
-moz-border-radius: 10px 0px 10px 10px;
-webkit-border-radius: 10px 0px 10px 10px; 
-khtml-border-radius:10px 0px 10px 10px;
border: 2px solid #88ab10;
}

.menu-jeunesse-image{	
margin-left: 0px; position: relative; clear: both;
margin-bottom: 0px; padding-left: 00px;padding-right: 0px; margin-right: 0px;
width:110%; background-color: #88ab10}

.menu-jeunesse-image img{	width:100%; height: auto}

*{
	margin:0;
	padding:0;
}
#menu-jeunesse{
	width:92%;
	margin:0px;
margin-left: 0px; position: relative; clear: both;	
}

.menu-jeunesse, .sousmenu-jeunesse{
	text-align:left;
	padding-left: 15px; padding-right: 0px
}
.menu-jeunesse{
	height:auto;
	width:98%;
	padding-left: 15px; 
	padding-top: 2px;
	padding-bottom: 2px; 
	padding-right: 2px;
	background:#9ac00c;
	color:#fff;
}
.sousmenu-jeunesse{
	height:auto;
	width:98%;
	padding-left: 15px; 
	padding-top: 2px;
	padding-bottom: 2px; 
	padding-right: 2px;
	background:#adca4a;
	color:#fff;
}
.menu-jeunesse a{
	display:block;
	width:98%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#9ac00c;
}
.sousmenu-jeunesse a{
	display:block;
	width:98%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#adca4a;
}
.menu-jeunesse a:hover, .sousmenu-jeunesse a:hover, .menu-jeunesse a:active, .sousmenu-jeunesse a:active, .menu-jeunesse a:focus, .sousmenu-jeunesse a:focus{
	background:#88ab10;color: white
}



/* menu haut qui sommes nous */

*{
	margin:0;
	padding:0;
}
#menuquisommesnous{
	width:130px;
	margin:0px 0px 0px 0px;
	display: inline;
	position: relative; float: left
}

.menuquisommesnous, .sousmenuquisommesnous{
	text-align:center;
}
.menuquisommesnous{
	height:18px;
	width:130px;
	padding:2px 0;
	background:#fff;
	color:#663111;
}
.sousmenuquisommesnous{
	height:18px;
	width:130px;
	padding:1px 0;
	background:#9ac00a;
	color:#fff;
}
.menuquisommesnous a{
	display:block;
	width:100%;
	height:100%;
	color:#663111;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#fff;
}
.sousmenuquisommesnous a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#9ac00a;
}
.menuquisommesnous a:hover, .sousmenuquisommesnous a:hover, .menuquisommesnous a:active, .sousmenuquisommesnous a:active, .menuquisommesnous a:focus, .sousmenuquisommesnous a:focus{
	background:#87aa10; color: white
}

/* menu haut infos */

*{
	margin:0;
	padding:0;
}
#menuinfos{
	width:130px;
	margin:0px 0px 0px 0px;
	display: inline;
	position: relative; float: left
}

.menuinfos {
	text-align:center;
}

.sousmenuinfos{
	text-align:left; font-weight: normal
}
.menuinfos{
	height:18px;
	width:130px;
	padding:2px 0;
	background:#fff;
	color:#663111;
}
.sousmenuinfos{
	width:130px;
	padding:5px;
	background:#9ac00a;
	color:#fff;
}
.menuinfos a{
	display:block;
	width:100%;
	height:100%;
	color:#663111;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#fff;
}
.sousmenuinfos a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	text-decoration:none;
	background:#9ac00a;
}
.menuinfos a:hover, .sousmenuinfos a:hover, .menuinfos a:active, .sousmenuinfos a:active, .menuinfos a:focus, .sousmenuinfos a:focus{
	background:#87aa10; color: white
}


/* menu haut partenaires */

*{
	margin:0;
	padding:0;
}
#menupartenaires{
	width:130px;
	margin:0px 0px 0px 0px;
	display: inline;
	position: relative; float: left
}

.menupartenaires, .sousmenupartenaires{
	text-align:center;
}
.menupartenaires{
	height:18px;
	width:130px;
	padding:2px 0;
	background:#fff;
	color:#663111;
}
.sousmenupartenaires{
	height:18px;
	width:130px;
	padding:1px 0;
	background:#9ac00a;
	color:#fff;
}
.menupartenaires a{
	display:block;
	width:100%;
	height:100%;
	color:#663111;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#fff;
}
.sousmenupartenaires a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#9ac00a;
}
.menupartenaires a:hover, .sousmenupartenaires a:hover, .menupartenaires a:active, .sousmenupartenaires a:active, .menupartenaires a:focus, .sousmenupartenaires a:focus{
	background:#87aa10; color: white
}



/* menu haut accueil */

.gimmik{margin: 0px; 	padding:2px 0;	position: relative; float: left;
	text-align:center;
	height:18px;}


#menurechercher{font-family:arial,sans-serif;
	width: 210px;
	margin:0px 0px 0px 0px;
	position: relative; float: left;
	text-align:center;
	height:18px;
	padding:2px 0px;
	background:#fff;	font-weight:bold;
	color:#663111;	font-size:12px;
}


.menu-exergue{	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
width: 70px;
	margin:0px 0px 0px 0px;
	position: relative; float: left;
	text-align:center;
	height:18px;
	padding:2px 0px;
	background:#fff;
	color:#88AB0F;
}

.menu{	font-size:12px;
width: 70px;
	margin:0px 0px 0px 0px;
	position: relative; float: left;
	text-align:center;
	height:18px;
	padding:2px 0px;
	background:#fff;
	color:#663111;
}


.menu a{font-family:arial,sans-serif;
	margin:0px 0px 0px 0px;
	color:#663111;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
		padding:2px 0px;
	text-decoration:none;
	background:#fff;
}

.menu a:hover {
	background-color:#87aa10; color: white
}

.menu a:active {
	background-color:#87aa10; color: white
}

/* nav droite */

#nav-droite{
width:12%;
position: absolute; 
top: 36%; right: 20px; 
}

.block-droite{
-moz-box-shadow: 8px 8px 12px #aaa;  
-webkit-box-shadow: 8px 8px 12px #aaa;  
box-shadow: 8px 8px 12px #555;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
-khtml-border-radius:10px 0px 0px 10px;
border: 0px;
width: 100%; padding-left:10px;
padding-right:20px;
padding-top: 10px; 
padding-bottom:10px; 
margin-bottom: 20px; 
background-color: #9ac00a; text-align: left

}

/* lightbox */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../grafik/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../grafik/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* fin lightbox */

.block-photo{ position: relative; clear: both;	
background:white;
-moz-box-shadow: 8px 8px 12px #aaa;  
-webkit-box-shadow: 8px 8px 12px #aaa;  
box-shadow: 8px 8px 12px #555;
-moz-border-radius: 10px 0px 0px 10px;
-webkit-border-radius: 10px 0px 0px 10px;
-khtml-border-radius:10px 0px 0px 10px;
border: 2px solid #88ab10;
width: 100%; padding-left:10px;
padding-right:20px;
padding-top: 10px; 
padding-bottom:10px; 
margin-bottom: 20px; 
height: 200px; overflow: hidden; text-align: center}

.mentionslegales{padding: 10px; margin-top: 10px; text-align: center; color:#88ab10; font-size: 10px; position: relative; clear: both}

.spip_logos {margin-right: 10px !important; border: 0px; float: left; width:100%; height:auto}

.block{-moz-box-shadow: 8px 8px 12px #aaa;  
-webkit-box-shadow: 8px 8px 12px #aaa;  
box-shadow: 8px 8px 12px #555;
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
-khtml-border-radius:10px;
border: 2px solid #663111;
width: 100%; padding:10px;
margin-bottom: 20px; 
}

.block-une{
width: 100%; padding:10px;
margin-bottom: 20px; 
background-color: white;
text-align: center; font-weight: bold; font-size: 1.3em; color: #9ac00a; font-variant: small-caps}

.jeunesse{-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
-khtml-border-radius:10px;
border: 2px solid #663111; padding:10px;
background-color: #e8dacf}

.bellevilloise{-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
-khtml-border-radius:10px;
border: 2px solid #663111;
padding:10px;  background-color: #663111}

.titre-une{color:#663111; font-weight: bold; font-size: 1.2em;}
.date{color:#663111; font-weight: normal; font-size: 1em;}

.sousrubrique{
-moz-border-radius: 10px;
-webkit-border-radius: 10px; 
-khtml-border-radius:10px;
border: 2px solid #663111;
width: 100%; padding:10px;
margin-bottom: 20px; margin-top: 20px; text-align: center;
background-color: #9ac00a; color: white; font-weight: bold; font-size: 1.5em}

.surtitre{color:#663111; font-weight: bold; font-size: 1em; font-variant: small-caps; margin-top: 10px; text-align: center}
.titre{color:#9ac00a; font-weight: bold; font-size: 2em; font-variant: small-caps; margin-bottom: 5px; text-align: center; line-height: 1.2em}
.soustitre{color:#663111; font-weight: normal; font-size: 1em; font-variant: normal; margin-bottom: 5px;text-align: center}
.texte{color:black; font-size: 1em; font-weight: normal; text-align: justify; margin-top: 35px}
.titrerub{color:#87aa10; font-weight: bold; font-size: 1.2em; font-variant: small-caps; margin-bottom: 5px; text-align: left}
.titre-rub{font-weight: bold; font-size: 1em; margin-bottom: 2px; text-align: left}

.evenement{background-color:#87aa10; color: white; padding: 5px; -moz-border-radius: 10px;
-webkit-border-radius: 10px; 
-khtml-border-radius:10px; margin-top: 15px; text-align: center; font-weight: bold }

li{list-style: url(../grafik/puce.png);
list-style-image: url(../grafik/puce.png)}

h3{color:#87aa10; margin-top: 10px; margin-bottom: 5px; font-weight: bold}

p{margin-top: 10px}

a { color: #663111;text-decoration: none }
a:visited { color: #663111;text-decoration: none }
a:link{ color: #663111; text-decoration: none }
a:hover { color: #87aa10; text-decoration: none }
a:active { color: #87aa10;text-decoration: none }

a.jeunesse { color: black;text-decoration: none }
a.jeunesse:visited { color: black;text-decoration: none }
a.jeunesse:link{ color:black; text-decoration: none }
a.jeunesse:hover { color: #663111; text-decoration: none }
a.jeunesse:active { color: #663111;text-decoration: none }

a.exergue { color: #88AB0F;text-decoration: none }
a.exergue:visited { color: #88AB0F;text-decoration: none }
a.exergue:link{ color:#88AB0F; text-decoration: none }
a.exergue:hover { color: white; text-decoration: none }
a.exergue:active { color: white;text-decoration: none }

a.titrerub { color: #9ac00a;text-decoration: none }
a.titrerub:visited { color: #9ac00a;text-decoration: none }
a.titrerub:link{ color: #9ac00a; text-decoration: none }
a.titrerub:hover { color: #87aa10; text-decoration: none }
a.titrerub:active { color: #87aa10;text-decoration: none }

a.bellevilloise2 { color: white;text-decoration: none }
a.bellevilloise2:visited { color: white;text-decoration: none }
a.bellevilloise2:link{ color: white; text-decoration: none }
a.bellevilloise2:hover { color: #9ac00a; text-decoration: none }
a.bellevilloise2:active { color: #9ac00a;text-decoration: none }

a.blanc { color: white;text-decoration: none }
a.blanc:visited { color: white;text-decoration: none }
a.blanc:link{ color: white; text-decoration: none }
a.blanc:hover { color: #663111; text-decoration: none }
a.blanc:active { color: #663111;text-decoration: none }


/* Localized */