body {
font-size:12px;
font-family:verdana, arial, sans-serif;
margin:0px;/*Space between the double border and the page limits*/
background:url('bckgrd.jpg');
}
h1 {
font-size:20px;
}
h3 {
font-size:16px;
}
h4 {
font-size:14px;
}
/*Holds the entire pages and centers the content*/
#container {
width: 995px;
margin-right: auto;
margin-left: auto;
border: double 4px #993300;/*Double border around the entire page*/
}
/* Head */
#head {
height: 175px;
background-color:#f6c254;
margin:0px 0px 10px 0px;/*0 px space around the head with 10px space underneath.*/
}
/*Menu*/
#menu {
background: #f6c254;
height: 35px; 
margin: 30px 0px 30px 0px;
font-size: 12px;
}
/* Text content on the home page(index) */
#contentindex {
padding:5px 5px 3px 5px;
/*border: solid 1px #993300;*/
margin-left:25%;
margin-right:2px;/*Space between the Content and the border*/
}
/*Photos holder on the home page
#index_photos {
border: solid 1px #993300;
padding: 5px 5px 3px 5px;
}*/
/* Text content on all the pages except the home page */
#content {
border-left: 30px solid #f6c254;
padding:1px 32px 10px 32px;
margin-left:4px;
margin-right:5px;/*Space between the Content and the border*/
}
/*Assemble annuelle generale*/
.tempenfsoleil {
font: bold 20px Lucida Calligraphy;
color: #663300;
}
/*Title on the home page*/
.title {
font: bold 22px Lucida Calligraphy;
}
/*Main text on the home page*/
.text {
font: bold 15px Lucida Calligraphy;
}
/*Left sidebar on the index page containing the advertisements*/
#sidebar {
width:238px;
float:left;
padding-bottom: 4px;
margin:0 10px 0 0px;/*Creates space between the Sidebar, the text content and the body border*/
background:#f6c254;
font-size: 12px;
}
/* Footer */
#footer {
font-size:8px;
height:10px;
padding:2px;
margin:10px 0px 1px 0px;/*3 px space around the Footer with 10px space above.*/
clear:both;/*To ensure that the footer will always appear below the Content and the Sidebar.*/
}
/*Logo image*/
#logo {
float: right;
margin-right: 10px;
}
/*Image 1 on index page*/
#image1 {
float: right; /* to align the logo to the right */
margin: 2px 2px 2px 2px;
}
/* Club activities content on all the clubs pages */
#club {
background: #ffffcc;
border: 2px solid #f6c254;
padding:5px;
}
/*Box for the club title on all the clubs pages */
#clubtitle {
width: 100%;
background: #663300;
padding: 3px 0px 3px 0px;
font:  bold 20px lucida calligraphy;  
color: #ffffcc;
}
/*Box for Nous joindre and the telephone numbers on the index page.*/
#nousjoindre {
position: absolute;
background-image: url("images/joindre.gif");
top: 39px;
left: 650px;
width: 178px;
height: 98px; 
font-size: 16px;
line-height: 1.2; 
}
/*Box for Roses d'Or on the index page*/
#rosesdor {
background-color: #b1b1d2;
padding: 3px 0px 3px 0px;
border: 1px solid black;
}
/*Box for each items in aut2008, fete2008 and the clubs pages*/
#aut2008 {
border: 1px solid #996600;
padding: 5px 5px 5px 5px; 
}
/* Prevents the div contents from overflowing*/
.clear {
clear: both;
} 
/*Photos with text float left*/
#photoframe {
float: left;
position: relative;
background: #cccc99;
margin-right: 10px;
padding: 5px 5px 5px 5px;
}
/*Photos with text float right*/
#photoframeright {
float: right;
position: relative;
background: #cccc99;
margin-right: 10px;
padding: 5px 5px 5px 5px;
}
/*Image of people in the head section on all the pages*/
#fadoq {
float: left; /*Align fadoq.jpg to the left */
}
/*Colored links on hover*/
.coloredlinks
a:hover {color: #996600; text-decoration: underline;}
a:link {text-decoration: none; font-weight:bold; color: #0000FF}
a:visited {text-decoration: none; color: blue; font-weight:bold;}
a:active {text-decoration: normal; font-weight:bold;}

/*Sidebar-Tournesol Express container*/
#tournesol {
background: #ffffcc;
width: 230px;
/*height: 198px;*/
border-top: solid 20px #996600;
margin: 4px 0 0 4px;
}
/*Sidebar-Advertisements container*/
#advertise {
background: #ffffcc;
width: 230px;
border-top: solid 20px #996600;
margin: 12px 0 0 4px;
}
/*Text background color*/
.highlight
{
background-color:yellow;
}
/*Advertisements red title on the index page*/
.redtitle{
font-size: 120%;
font-weight:bold;
color: #990000;
}
/*Float images to the left*/
.floatleft {
float:left;
margin-top:0px;
margin-right:10px;
margin-bottom:1px;
margin-left:0px;
}
/*Float images to the right*/
.floatright {
float:right;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:10px;
}
/*Paragraph left margin*/
p.leftmargin {
margin-left: 15px
}
/*Centering the text above the form on adhesion.htm*/
p.formcenter {
margin-left: 150px
}
/*Table containing the form on adhesion.htm*/
table.adhesion {
table-layout: fixed;
font-family: verdana, arial, sans-serif;
font-size: 12px;
width: 504px;
}
/*Table for the logos and text on the rabais page.*/
table.logo td {
border: 1px solid black;
padding: 5px;
width: 700px;
}
/*Div container for logos on rabais.htm*/
#divlogo {
float: right;
width: 100px;
margin-left: 35px;
margin-bottom: 30px;
}
/*Remove border to image href*/
a img{
border: none;
}
/*Container for the text resize buttons*/
#textresize {
background:#f6c254;
width:162px;
height: 18px;
margin-left: 10px;
padding-left: 1px;
padding-top: 1px;
border: 1px solid black;
font-size: 12px;/*Prevents the buttons from expanding.*/
}

/*Start code for the counter*/
a.navCounter {
text-decoration: none;
}
a.navCounter:hover {
background: none;
}
a.navCounter span {
display: none;
}
a.navCounter:hover span {
display: inline;
position: absolute;
top: 198px;
left: 570px;
width: 0px;
height: 20px;
background: #ffffff;/*An image can be specified*/
text-align: left;
color: #000;
font-size: 1em;
}

#counter{/*Div holding the invisible trigger image*/
float: right;
margin-top: 160px;
margin-right: -30px;
}

#layer{
position:absolute;
margin-left: -150px;
margin-top: -10px;
}
/*End code for the counter*/

/*--------------Start info bulle------------*/
    a.info{
			position: relative;
      text-decoration: none;
      color: #0000ff;
			z-index: 0;
			}
		a.info:hover{
			background: none;
			z-index:2;
			}			
		a.info span{
			display:none;
			}
		a.info:hover span{
			display:inline;
			position:absolute;
			top:1em;
			left:5em;
			background:#ffffcc;
			border:1px solid #444;
			color:#000;
			padding:1px 3px;
			z-index:10;		
			width: 535px;
			font-size: 14px;
			font-style: italic;
			cursor: text;
			}
/*--------------End info bulle------------*/