body{
padding:0px; 
margin:0px; 
text-align:center;
background:#fff; 
color:#000; 
font:14px/16px Arial, Helvetica, sans-serif;
}

#main {
	margin:0 auto;
	width:778px; 
	background:#fff; 
	font-weight: bold; 
	color: rgb(0, 0, 0);
	}


#header {
	clear: both;
	height: 124px;
	}

#headerlogo {
	float: left;
	width: 146px;
	margin-left: 2px;	
	}
#headerimage {
	float: left;
	width: 626px;
	height: 120px;
	margin-top: 2px;
	margin-left: 4px;
	}

#forum{
text-align:left;
}
#content {
	clear : both;
    color:#000000;
	line-height: 1.0em;
	text-align: justify;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 2px;
}
#content a:link {text-decoration: none; color:#990000}
#content a:visited {text-decoration: none; color:#990000}

#menubar {
	clear: both;
	width: 778px; 
	height: 21px; 
	display: block;
	background-color: #990000;
	}

#menubar .menuitem {
	float : left; 
	height: 21px; 
	text-align: center; 
	font: 11px/22px Arial, Helvetica, sans-serif; 
	font-size: 9px;
	text-transform:uppercase; 
	text-decoration:none;
	display: block;
	}
	
#menubar .menuitem.firstitem {
	margin-left: 20px;
	}
	
#menubar .menuitem.selected {
	background-color: #FFFFFF;
	font-weight: bold;
}
#menubar .menuitem.available{
	background-color: #990000;
	color:#FFFFFF;
	font-weight: normal;
}	

#menubar .menuitem.xsmall {
	width: 55px; 
	}
#menubar .menuitem.small  {
	width: 75px; 
	}
#menubar .menuitem.medium  {
	width: 95px; 
	}
#menubar .menuitem.long  {
	width: 115px; 
	}	
	
#menubar .menuitem.xsmall a {
	width: 55px; 
	}
#menubar .menuitem.small  a {
	width: 75px; 
	}
#menubar .menuitem.medium  a {
	width: 95px; 
	}
#menubar .menuitem.long a {
	width: 115px; 
	}	
#menubar a {
	height:21px; 
	display:block;
	background-color: #990000;
	color:#FFFFFF;
	text-decoration : none;
	}
	
#menubar a:hover{
	background-color: #FFFFFF;
	color:#000;}

#submenubar {
	margin-left: 95px;
	clear: both;
	width: 683px; 
	height: 21px; 
	display: block;
	background-color: #FFFFFF;
	color: #990000;
	border: 1px solid #990000; 
	}

#submenubar .submenuitem {
	float : left; 
	height: 21px; 
	text-align: center; 
	font: 11px/22px Arial, Helvetica, sans-serif; 
	font-size: 9px;
	text-transform:lowercase; 
	text-decoration:none;
	display: block;
	}
	
#submenubar .submenuitem .firstitem {
	margin-left: 20px;
	}
	
#submenubar .submenuitem .selected {
	background-color: #990000;
	font-weight: bold;
}
#submenubar .submenuitem .available{
	background-color: #FFFFFF;
	color: #990000;
	font-weight: normal;
}	

#submenubar .submenuitem .xsmall {
	width: 55px; 
	}
#submenubar .submenuitem.small  {
	width: 75px; 
	}
#submenubar .submenuitem.medium  {
	width: 95px; 
	}
#submenubar .submenuitem.long  {
	width: 115px; 
	}	
	
#submenubar .submenuitem.xsmall a {
	width: 55px; 
	}
#submenubar .submenuitem.small  a {
	width: 75px; 
	}
#submenubar .submenuitem.medium  a {
	width: 95px; 
	}
#submenubar .submenuitem.long a {
	width: 115px; 
	}	
#submenubar a {
	height:21px; 
	display:block;
	background-color: #FFFFFF;
	color:#990000;
	text-decoration : none;
	}
	
#submenubar a:hover{
	background-color: #990000;
	color:#FFFFFF;}

#communiques {
	float : left; 
	width: 480px;
	margin-right: 10px;
	}

.imgwidth {
	width: 480px;
}	

.signature {
	font-size: 8px;
	text-align:right;
}
.center {
	text-align: center;
}

.title {
    color:#8C1414;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}


.titlemore {
	margin-left: 6px;
	text-align: left; 
    color:#8C1414;
	font-size: 10px;
	font-weight: normal; 
}

.subtitle {
	color:#000;
	font-size: 14px;
	text-align: left; 
	font-weight: bold; 
}

#events {
	float : right; 
	width: 260px;
	padding-left: 4px;
}

#pub {
	padding-top : 20px;
	padding-left : 5px;
}
#pub_left {
	float : left; 
}
#pub_right {
	float : right; 
}

#pub a:link {text-decoration: none; color:#000}
#pub a:visited {text-decoration: none; color:#000}

.event {
	clear : both;
	font-size : 12px;
	text-align: justify;
	font-weight: normal;
	color: rgb(0, 0, 0);
}

.eventbreak {
	clear : both;
	display: block;
	height: 12px;
}

.eventDate { 
float: left;
margin: 2px;
padding-top: 4px;
height: 56px;
width: 74px;
line-height: 1.0em;
color: rgb(255, 255, 255);
background-color: rgb(153, 0, 0);
text-align: center;
}

.eventDescription {
float : left;
margin-left: 8px;
width : 162px;
}

.eventTitle { 
font-weight: bold;
text-align: left;
}

.normal {
	clear : both;
	font-size : 12px;
	text-align: justify;
	font-weight: normal;
	color: rgb(0, 0, 0);
}

#footer {
clear: both;
margin: 0 auto;
padding: 10px 0 20px 0;
width: 760px;
text-align: center;
color: #808080;
font-size: 0.9em;
}

#footer p.copyright{position:relative; margin:0 auto; background:#FFFCF4; color:#010000;  font-size:9px;}

#footer img.logo{align:center; height:110px; width:127px;  margin:10px 5 5px;}
#footer a:link {text-decoration: none; color:#990000}
#footer a:visited {text-decoration: none; color:#990000}




div#photos {
  border: none;
  margin: 0 auto;
  width: auto;
  padding-left : 70px;
}

.membre {
    display: block;
	float:left;
	margin-left: 10px;
}
.photo {
    display: block;
    padding: 2px;
    width: 211px;
    height: 158px;
	float:left;
}
.infopersonne {
display: block;
	text-align: center;
}

div#photos br{
  clear: both;
}

#activites {
	width : 764px;
	border: 1px solid #990000; 
}

.activite-listeref {
	font-size: 10px;
}

#activites .mois {
	clear : both;
   color:#000;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

#activites .activite {
	clear : both;
	font-size :12px;
	font-weight : normal;
	padding-top: 5px;
	border-bottom: 1px solid #990000; 
}

#activites .even {
	background-color : #d3d3d3;
}

#activites .number {
	padding-left: 2px;
	width: 28px;
	float: left;
	display: block;
}

#activites .day {
	padding-left: 2px;
	width: 62px;
	float: left;
	display: block;
}

#activites .date {
	padding-left: 2px;
	width: 36px;
	float: left;
	display: block;
}

#activites .description {
	padding-left: 2px;
	width: 180px;
	float: left;
	display: block;
}

#activites .type {
	padding-left: 2px;
	width: 20px;
	float: left;
	display: block;
}

#activites .lieu{
	padding-left: 2px;
	width: 180px;
	float: left;
	display: block;
}

#activites .organisateur {
	padding-left: 2px;
	width: 180px;
	float: left;
	display: block;
}

#activites .heure {
	text-align: right;
	padding-left: 2px;
	width: 38px;
	float: left;
	display: block;
}

#activites .reservation {
	padding-left: 2px;
	width: 18px;
	float: left;
	display: block;
}

#activites .reservation {
	padding-left: 2px;
	width: 18px;
	float: left;
	display: block;
}

#legendes {
   margin-left: 20px;
	font-size :12px;
	font-weight : normal;
}
#legendes .legende {
	padding-left: 20px;
}

#historique {
  clear : both;
  margin : 0px 50px;
}

#logos {
width: 678px;
	align : center; 
	}

#logos .logo {
	float : left; 
	}

div#logos p {
	color:#000;
	font-size: 11px;
	text-align: justify; 
	font-weight: bold; 

}

div#historique p {
	color:#000;
	font-size: 11px;
	text-align: justify; 
	font-weight: normal; 

}


#membresavie {
  clear : both;
  margin : 0px 50px;
}

#membres {
    width: 678px;
	align : center; 
	}

#membres .membre {
	float : left; 
	}

div#membres p {
	color:#000;
	font-size: 11px;
	text-align: justify; 
	font-weight: bold; 

}

div#membresavie p {
	color:#000;
	font-size: 11px;
	text-align: justify; 
	font-weight: normal; 
}

#implications {
	margin : 0px 50px;
	}


div#implications p {
	color:#000;
	font-size: 11px;
	text-align: justify; 
	font-weight: normal; 
}

div#implications li {
	color:#000;
	font-size: 11px;
	font-weight: normal; 
}

div#coordonnees {
	margin : 0px 100px;
	}

div#coordonnees .colgauche {
	float : left;
	width : 230px;
}

div#coordonnees .coldroite {
	float : left;
}

div#coordonnees .coldroite p {
	color:#000;
	font-size: 11px;
	font-weight: bold; 
}
div#coordonnees .coldroite .bigtext {
	font-size: 14px;
	font-weight: bold; 
}

div#coordonnees .legende {
	color:#000;
	font-size: 11px;
	font-weight: bold; 
}

div#coordonnees .colgauche .text {
	font-size: 11px;
	font-weight: normal; 
}

div#coordonnees .randonnee {
	clear : both;
	color:#000;
	font-size: 11px;
	font-weight: nornal; 
}

#commanditaires {
	margin:16px auto;
	width:772px;
	
}
#fincommanditaires {
	clear: both;
}

.commanditaires-col {
	float : left;
	margin:0 auto;
	width:384px;
}


.commanditaires-col-center {
	float : left;
	margin:0 116px;
	width:580px;
}

.commanditaire {
		clear : both;
		margin-top : 4px;
}

.commanditaire a:link {color: #000000;}
.commanditaire a:visited {color: #000000;}
.commanditaire img{border-width: 1px;}


#cedule {
}

#cedule .c-table  {
	font-size: 11px;
	font-weight: nornal; 
	background-color:#990000;
}

#cedule .c-activite td{
background-color:#FFFFFF;
}

#cedule .c-sortie td{
background-color:#E9967A;
}
#cedule .c-cafe td {
background-color:#DCDCDC;
}
#cedule .cs-number {
}
#cedule .cs-weekday {
}
#cedule .cs-date {
}
#cedule .cs-desc {
}
#cedule .cs-type {
	text-align: center;
}
#cedule .cs-lieu {
}
#cedule .cs-organisateur {
}
#cedule .cs-reservation {
}
#cedule .cs-heure {
	text-align: right;
}