body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	background-image:url(http://www.rfaq.ca/images/bg_brun.gif);
	background-repeat:repeat;
}

a:link {
	color: #9C6323;
}

a:visited {
	color: #9C6323;
	
}

a:hover {
	color: #9C6323;
}


/*-------------------------------------------------------------------------------------------*/
/* STRUCTURE */
/*-------------------------------------------------------------------------------------------*/


#container
{
	margin: 0 auto;
	width: 930px;
	margin-top:25px; 
	margin-bottom:25px;
	padding:30px;
	background:#FFFFFF;
	

}

#header
{
clear: left;
padding-bottom: 20px;
height: 110px;
}

#header img {
display: block;
margin: 0 auto;
float:left;
padding-bottom:20px;
} 

#header p {
display: block;
margin: 0 auto;
float:right;
padding-top:118px;
font-size: 0.89em;
} 

#header ul {
clear: left;
} 


#content {
clear: left;
}

#footer {
clear: left;
background: #fff;
padding-top: 10px;
height: 1%;
border-top: 10px solid #B77529;
}

#footer img {
display: block;
margin: 0 auto;
float:right;

} 

/*-------------------------------------------------------------------------------------------*/
/* POLICES GENERALES */
/*-------------------------------------------------------------------------------------------*/
 

p {
  	font-family:Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 125%;
}

/* --------- h1 TEXTE NOIR 1.3 --------- */ 
h1 {
	font-size: 1.3em;
    font-weight: bold;
	margin-top: 0px;
}

/* --------- h2 TEXTE NOIR 1.1 --------- */
h2 {
	font-size: 1.1em;  
}


/* --------- h3 TEXTE BRUN 1.1 --------- */ 
h3 {
	font-size: 1.1em;
	color: #B77529;
}



/* --------- Sous-titre gris 1.1 --------- */

.soustitre-gris {
	font-size: 1.1em;
	color: #FFFFFF;
	background: #5E5E5E;
	padding: 2px; 
	font-weight: bold;
	margin-top:0px; 
}

/* --------- Petites majuscules brunes pour rubriques  --------- */

.accueil-smallcaps{
	font-weight: bold;
	font-size: 0.85em;
	color: #B77529;
	display: block;
	clear: left;
	text-transform:uppercase;

}

/* --------- Legende --------- */

.legende {
	font-size: 0.9em;


}

/* ---------Titre brun avec ligne au-dessus et au-dessous --------- */

.titrelignes {
	font-size: 1.3em;
	font-weight: bold;
	color:#B77529;
	border-top: 2px solid #B77529;
	border-bottom: 2px solid #B77529;
padding:3px;
	}

/*-------------------------------------------------------------------------------------------*/
/* PAGE D'ACCUEIL */
/*-------------------------------------------------------------------------------------------*/

/*--------------------*/
/* SECTION PRINCIPALE */
/*--------------------*/

/* --------- Section principale pour afficher nouvelles --------- */
#accueil-principale{
    width: 630px;  height: auto;
    padding: 10px;
    float: left;
	border: 1px solid #B77529;
background: #fff;
margin-bottom:20px;
}





/* --------- Section principale : la "une" --------- */
.accueil-une{
    width: 610px; height: auto;
    float: left;
    position: relative;
}

/* --------- Section principale : nouvelles secondaires - colonne de gauche --------- */
.accueil-nouv1{
    width: 295px; 
    float: left;
    position: relative;
}

/* --------- Section principale : nouvelles secondaires - colonne de droite --------- */
.accueil-nouv2{
    width: 295px; 
    float: right;
    position: relative;
}



/*-------------------*/
/* COLONNE LATERALE */
/*-------------------*/

/* --------- Colone laterale : A ne pas manquer, etc. --------- */

#accueil-laterale{
    background: #fff;
    width: 246px;
    float: left;
    padding: 10px;
	margin-left:10px;
	border: 1px solid #B77529;
}


/*-------------------------------------------------------------------------------------------*/
/* PAGES SECONDAIRES */
/*-------------------------------------------------------------------------------------------*/

/*--------------------*/
/* SECTION PRINCIPALE */
/*--------------------*/

/* --------- Section principale pour afficher le texte --------- */
#sec-principale{
    width: 660px;  height: auto;
    padding: 10px;
    float: left;
	border: 0px solid #B77529;
background: #fff;
margin-bottom:20px;
}




/*-------------------*/
/* COLONNE LATERALE */
/*-------------------*/

/* --------- Colone laterale : Sous-menu, etc. --------- */

#sec-laterale{
    background: #fff;
    width: 216px;
    float: left;
    padding: 10px;
	margin-left:10px;
margin-top:40px;
	border-left: 1px solid #B77529;
}

/*-------------------------------------------------------------------------------------------*/
/* PHOTOS */
/*-------------------------------------------------------------------------------------------*/

/*-------------------*/
/* EQUIPE */
/*-------------------*/
.gallery {
        margin-left:-40px;

	}
.gallery li {
	display: inline;
	list-style: none;
	width: 100px;
	min-height: 135px;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
	
	}

/*------------------------*/
/* A RPOPOS - PRESIDENTES */
/*------------------------*/
.photospresidentes {
        margin-left:-40px;


	}
.photospresidentes li {
        display: inline;
        list-style: none;
        width: 200px;
        min-height: 300px;
        float: left;
        margin: 0 10px 10px 0;
        text-align: left;
font-size: 0.9em;

	}

/*------------------------*/
/* PHOTOS GAUCHE 200 PIXELS */
/*------------------------*/
.photodroite200 {float: right; padding:2px 0px 8px 10px; margin: 0; font-size:90%; font-style:italic; width: 200px; text-align: center;}
.photoarticle350 {float: right; padding:2px 0px 8px 10px; margin: 0; font-size:90%; font-style:italic; width: 350px; text-align: center;}

/*-------------------*/
/* A PROPOS - DELEGUEES */
/*-------------------*/
.photosdeleguees {
        margin-left:-40px;

	}
.photosdeleguees li {
        display: inline;
        list-style: none;
        width: 200px;
        min-height: 180px;
        float: left;
        margin: 0 10px 10px 0;
        text-align: left;
font-size: 0.9em;

	}


li { list-style: url(http://www.rfaq.ca/images/puce.png);
        margin-left:-10px;

	}

/*-------------------*/
/* TABLEAUX */
/*-------------------*/

#tableau
{
width:100%;
border-collapse:collapse;
}
#tableau td, #tableau th 
{
border:1px solid #B77529;
padding:3px 7px 2px 7px;
}
#tableau th 
{
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#B77529;
color:#ffffff;
}
#tableau tr.alt td 
{
color:#000000;
background-color:#F4E7D5;
}

#comites
{
width:100%;
border-collapse:collapse;
}
#comites td, #comites th 
{
border:0px solid #B77529;
padding:3px 7px 6px 7px;
}