html, body
{
 height:100%;
 margin:0;
 font-family:Comic Sans MS;}
 
#moncadre{
min-width:800px;
width:100%;
margin:0px;
padding:0px;
background-color:#d9f2f2;
}

#entete{
text-align:center;
color:white;
background-image:url(../_frame/bnr-middle.png);
height:50px;
}
#entete2{
height:10px;
background-image:url(../_frame/border-top2.png);
}

#footer {
clear:left;
width:1024px;
width:100%;
height:15px;
background-color: #d9f2f2;
border-top:solid 1px #355555;
font-size:60%;
}

#menu {
position: fixed;
top: 0px;
z-index: 100;
min-height:300px;
width:160px;
float:left;
}

#menu-top  {
width:160px;
height:3px;
background-image:url(../_frame/mte.png);
}
#menu-left,  #menu-right, #menu-middle    {
background-image:url(../_frame/mle.png);
width:10px;
height:350px;
float:left;
}

#menu-middle  {
background-image:none;
background-color:#355555;
color:#FFFFFF;
font-size:13px;
width:140px;
text-decoration: none;
display:block;
vertical-align:middle;
}
#menu-right  {
float:right;
background-image:url(../_frame/mre.png);
z-index:0;
}

#menu-bottom  {
background-image:url(../_frame/mbe.png);
width:160px;
height:3px;
clear:both;
}
#menu-feeder  {
min-height:550px;
height:15%;
background-color:#236b6b;
width:160px;
clear:left;
}

#contenu {
	padding:0px 0px 0px 10px;
	margin:0px 240px 0px 160px;
	background-color:#d9f2f2;
	min-height:800px; 
	font-size:80%;
	color:#000000;
	height:100%;
	z-index:0;
}

#contenu a {
	color:#236B6B;
	text-decoration : underline;
	font-size:100%;
}

#contenu h1 {
	font-size:150%;
	text-align:center;
	color:#FFFFFF;
	background-color: #236B6B;
}
#contenu h2 {
	text-align:left;
	padding-left:0px;
	margin:0px;
	font-size:140%;
	color:#236B6B;
}

#contenu a h2 img{
	text-decoration: none;
	padding:10px;
	margin:0px;
}

#contenu p {
	text-align:left;
	padding:10px;
	margin:0px;
	color:#000000;
	font-size:100%;
}

#contenu img {
	padding:0px;
	margin:0px;
	border:0;
}

#calendrier {
	float:left;
	border:0px;
	padding:20px;
	text-align:center;
}
#calendrier h2 {
	text-align:center;
	padding-bottom:10px;
}


#liste {
	text-align:center;
	float:left;
	border: 5px double #236B6B;
	padding:0px;
}

#liste dl {
	color:#68b31b;
	margin:0px;
}

#liste dt {
	padding:2px 10px 2px 10px;
	text-align:center;
	color:#000000;
	border-bottom: 2px solid #236B6B;
}

#groupe {
	text-align:left;
	padding:10px;
	margin:0px;
	min-height:50px; 
	color:#000000;
	height:100%;
}

#groupe p {
	padding-left:0px;
	font-size:110%;
}

.wg-popup
{
 border:solid 2px #34AE95;
 border-bottom:solid 2px #34AE95;
 width:200px;
 padding:2px;
 position:absolute;
 z-index:100;
 margin-left: 140px;
 margin-top: -38px;
 visibility:hidden;
 color: #000000;
 background-color: #D9F2F2;
 text-align:left;
}
.wg-popup a
{
 border-bottom:solid 2px #34AE95;
 color: #000000;
 padding:2px;
 width:196px;
 display:block;
 text-decoration:none;
 z-index:100;
}
.wg-popup a:hover
{
 color:#FFFFFF;
 background-color:#236B6B;
 text-decoration:none;
 display:block;
 z-index:100;
}
#wg-button
{
	width:140px;
	padding:10px;
	display:block;
	border:0px;
}
#wg-button a
{
 color:#FFFFFF;
 text-decoration: none;
}
#wg-button a:hover
{
 color:#34AE95;
 text-decoration:none;
}
#wg-button img
{
	border:0px;
}

.wg-subparag {
margin-left:16px;
}
.wg-paragraph {
 font-size:13px;
 color:#000000;
}
.wg-paragraph h3 {
 margin:1px;
 font-size:15px;
}
.wg-paragraph a {
 color:#236B6B;
 text-decoration : underline;
}
.wg-paragraph ul#s2h {
 margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:24px;
}
.wg-paragraph ol {
 margin-top:10px; margin-bottom:10px;
}
.wg-panel {
 background-color:#236B6B;
 font-size:13px;
 text-align:justify;
 color:#FFFFFF;
}
.wg-panel h2 {
 margin:1px;
 text-align:center;
 font-size:15px;
 color:#FFFFFF;
}
.wg-panel h3 {
 margin:1px;
 text-align:left;
 font-size:15px;
 color:#FFFFFF;
}
.wg-panel a {
 color:#FFFFFF;
 text-decoration : underline;
}
.wg-panel ul#s2h {
 margin-top:10px; margin-bottom:10px; padding-left:0px; margin-left:16px;
}
.wg-panel ol {
 margin-top:10px; margin-bottom:10px;
}

.wg-navbt img {
	border:0;
	cursor:hand;
}

.palmares {
 font-size:13px;
 font-style: bold;
 color:#000000;
 border-collapse: collapse;
 position: relative;
 left: 20px;
	padding:0px;
}
.palmares dl {
	float:left;
	font-style: bold;
	text-align:center;
	font-size:140%;
	color:#236B6B;
	padding:5px;
}

.palmares dt {
	font-style: bold;
	color:#68b31b;
  border: 5px double #236B6B; 
}
.palmares th {
 border: 5px double #236B6B; 
 font-style: bold;
 text-align:center;
	font-size:140%;
	color:#236B6B;
}

.palmares td {
  border: 5px double #236B6B; 
font-style: bold;
 color:#68b31b;
 border-collapse: collapse;
 padding-left: 15px;
}

#dhtmltooltip {
 position: absolute;
 width: 150px;
 font-family:Comic Sans MS;
 font-size:13px;
 padding: 2px;
 visibility: hidden;
 z-index: 100;
 border-style:solid;
 border-width:1px;
 border-color:#000000;
 background-color:#FFFFDD;
 filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

div#galerie 
{ 
    width: 400px ; 
		height: 700px;
    padding: 15px ; 
    text-align: left ; 
    font: 0.9em Georgia, serif ; 
} 
 
ul#galerie_mini 
{ 
    margin: 0 ; 
    padding: 0 ; 
    list-style-type: none ; 
} 

ul#galerie_mini_50
{ 
    margin: 0 ; 
    padding: 0 ; 
    list-style-type: none ; 
} 
 
ul#galerie_mini li 
{ 
    float: left ; 
    width: 33% ; 
} 

ul#galerie_mini_50 li 
{ 
    float: left ; 
    width: 50% ; 
} 
 
ul#galerie_mini li a img 
{ 
    margin: 2px 1px ; 
    border: none; 
} 

ul#galerie_mini_50 li a img 
{ 
    margin: 2px 1px ; 
    border: none; 
} 
 
#photos
{
	float:left;
	height:150px;
	width:50%
}

dl#photo 
{ 
    clear: both ; 
    margin: 0 auto ; 
} 
 
dl#photo dt 
{ 
    font: italic 2.5em/1.5em Georgia, serif ; 
    color: #dcb ; 
} 
 
dl#photo dd 
{ 
    margin: 0 ; 
} 
 
dl#photo img 
{ 
    border: 1px solid #dcb ; 
}