body {
font-family: Arial, arial, 'Bitstream Vera Sans', helvetica, sans-serif;
width:100%;
margin:auto;
padding: 0;
background-color: #F8F8DB;
color: #20290E;
}

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}

td {
	vertical-align: top;
}

.hidden {
visibility:hidden;
margin:0;
padding:0;
}

/*-------------- accueil actu ------------------*/

#banniere-accueil-new {
text-align:center;
height:135px;
width:788px;
margin:auto;
background-image: url("images/banniere-accueil-actu.jpg");
}

.banniere-actu-new {
visibility:hidden;
}

#gabarit-images-accueil { /* gabarit images pages d'accueil centré */
text-align:center;
margin:auto;
width:606px;
margin-top:0;
margin-bottom:0;
padding:0;
}

.images-flottantes-accueil {
float:left;
text-align:center;
width:192px;
padding:0;
margin-left:5px;
margin-right:5px;
margin-bottom:0px;
padding-top:0px;
padding-bottom:10px;
font-size: 0.9em;
}

.images-flottantes-accueil p {
padding-top:0px;
padding-bottom:5px;
}

.actu p {
font-size: 1.2em;
color: #0A5200;
font-weight:bold;
border-bottom: solid 1px #0A5200;
padding:0;
margin:0;
text-align: center;
margin:auto;
}

.actu a {
text-decoration: none;
color: #0A5200;
}

/*-------------- FIN accueil actu ------------------*/

/*-------------- header banniere ------------------*/
#header {
font-family: 'Century Gothic', Arial, arial, 'Bitstream Vera Sans', helvetica, sans-serif;
background-image: url("http://www.lafrenaie.org/new-site/images/banniere-new-2010.jpg");
background-repeat: no-repeat;
height: 120px;
margin-top: 0px;
margin: 0;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0;
}

#contenu-banniere {
float:left;
margin:0;
padding-left:25px;
padding-top:1px;
}

#header h1 {
font-size: 3.3em;
font-weight: normal;
letter-spacing: 12px;
color: #FFFFFF;
margin: 0;
padding:0;
}

#header h2 {
font-size: 0.9em;
letter-spacing: 3px;
font-weight:bold;
color: #FFFFFF;
margin: 0;
padding:0;
clear:right;
font-variant:small-caps;
text-shadow: 1px 1px black; 
}

#image-banniere {
float: left;
text-align:right;
}
/*-------------- FIN header banniere ------------------*/

/* -------- Navigation horizontale (haut) ------------- */
ul#navigation {
background-color: #DAFF8D;
margin: 0;
margin-bottom: 5px;
padding: 0;
list-style-type: none;
text-align: center;
font-family: arial, Arial, 'Bitstream Vera Sans', helvetica, sans-serif;

}

#navigation li {
color: #780F0F;
display: inline;
font-size: 0.8em;
padding-right: 10px;
clear:left;
}

#navigation a {
color: #780F0F;
text-decoration:none;
}

#navigation a:hover {
color: #F90A0A;
text-decoration:none;
font-weight:bold;
background-color: #F7ED0A;
}

/*--------------------------fin navigation------------------------*/

/*----------------------CONTENEUR ACCUEIL------------------------------*/
#conteneur-page-accueil {
width:640px;
height:420px;
background-image:url("images/fonds-logo-accueil.jpg");
margin:auto;
padding:0;
padding-top: 5px;
}

#conteneur-page-accueil h6 {
color: #780F0F;
text-align:center;
font-size: 0.8em;
font-weight:bold;
padding:0;
margin:0;
}

#colonne1-accueil {
float:left;
text-align:center;
width:260px;
padding:0;
margin:0;
}

#colonne2-accueil {
float:right;
text-align:center;
padding:0;
margin:0;
}

#conteneur-page-accueil a {
color: #780F0F;
text-decoration:none;
}

#conteneur-page-accueil a:hover {
color: #F90A0A;
text-decoration:underline;
background-color: #F7ED0A;
}

/*------------------------FIN CONTENEUR ACCUEIL-----------------------*/

/*------------------------MENU - SOMMAIRE-----------------------*/

/*------------------MENU FLOTTANT----------------------------*/

#menu {
width: 230px;
margin:0;
padding:0;
background-image: url("images/menu_fonds.jpg");
color: #005400;
font-size: 0.9em;
}

.menu_bas { /* fonds - pied du menu */

	height: 12px;
	background-position: center;
   background-image: url("images/menu_bas.jpg");
   background-repeat: no-repeat;
   margin: 0px;
   padding: 0px;
}

.menu_haut { /* fonds - entete du menu */

	height: 12px;
	background:top left no-repeat;
   background-image: url("images/menu_haut.jpg");
   margin: 0px;
   padding: 0px;
}

#menu h6 {
font-size: 1.4em;
font-weight:normal;
text-align:center;
border: none;
letter-spacing:5px;
padding:0;
margin:0;
}


ul#menu {
list-style-type: none;
}

#menu li {
display: block;
text-align: left;
padding:0;
margin:0;
margin-left:-25px;
margin-bottom:5px;
list-style-type: none;
/*background: #FFFDC1;*/
}


#menu li a {
color: #005400;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#menu li a:hover {
background-color: #F2EF34;
color: #DD4C03;
}
/*---------------------FIN MENU FLOTTANT----------------------------*/


/*---------------------CONTENU----------------------------*/
#contenu {
padding: 0px;
margin-right: 10px;
margin-left: 10px;
}

.image1 {
float: right;
width: 200px;
}

#contenu a {
color: #780F0F;

}

#contenu a:hover {
background-color: #F2EF34;
color: #DD4C03;
}


#contenu h1,h2,h3,h4,h5,p {
margin-bottom:5px;
margin:0;
padding:0;
}

#contenu h1 {
color:#0A5200;
letter-spacing:5px;
font-size:1.6em;
font-weight:normal;
border-bottom: solid 1px #0A5200;
}

#contenu h2 {
font-size:1.4em;
font-weight:bold;
color:#910B0C;
padding-bottom:5px;
}

#contenu h3 {
font-size:1.2em;
font-weight:bold;
color: #005400;
padding-left:10px;
}

#contenu h4 {
font-size:1.0em;
font-weight:bold;
color: #005400;
padding-left:25px;
}

#contenu h5 {
font-size:0.9em;
font-weight:bold;
color: #005400;
padding-left:30px;
}

#contenu p {
font-size:0.9em;
}

ul.liste {
list-style-type: none;
}

.liste li {
padding:0;
margin:0;
margin-bottom:5px;
font-weight: normal;
color: #005400;
font-size:0.9em;
}

#contenu blockquote {
font-size: 0.8em;
font-style:italic;
}

/*-------------------------FIN CONTENU----------------------------*/

/*----------------------LISTES A PUCES-------------------*/
ul.puce {
margin-left:15px;
margin-top:5px;
padding-top:0;
}

.puce li {
font-size:0.9em;
margin-left:25px;
padding-left:5px;
list-style-type: disc;
padding-top:10px;
}
/*----------------------FIN LISTES A PUCES-----------------*/

/*----------------------PARAGRAPHE EN COLONNES-----------------*/


/*----------------------FIN PARAGRAPHE EN COLONNES-----------------*/

/*----------------------FOOTER-------------------------*/
#footer {
text-align: center;

}

#footer h3 {
padding-top:5px;
font-size: 0.7em;
font-weight: normal;
}


#footer h4 {
font-size: 0.6em;
text-align: right;
padding-right:10px;
}

#contenu-footer {
margin:0;
padding-top:10px;
margin-top:5px;
padding:0;
border-top: dashed 1px #0A5200 ;
}



/*-----------------------------------------------------*/

/*---------------------MISE EN PAGE---------------------*/
.image-droite-vertical {
float: right;
width: 150px;
height: 319px;
margin-left: 10px;
text-align: center;
}

.image-gauche-vertical {
float: left;
width: 150px;
height: 319px;
margin-right: 10px;
text-align: center;
}

.image-droite-horizontal {
float: right;
width: 200px;
height: 150px;
margin-left: 10px;
text-align: center;
}

.image-gauche-horizontal {
float: left;
width: 200px;
height: 150px;
margin-right: 10px;
text-align: center;
}

.float-left {
float:left;
margin-right:10px;
text-align: center;
}

.float-right {
float:right;
margin-left:10px;
text-align: center;
}

.float-right2 {
float:right;
margin-left:150px;
text-align: right;

}

.centre {
text-align:center;
}

.justify {
text-align:justify;
}

.right {
text-align: right;
}


ul.sous-sommaire  {
list-style-type: none;
float: right;
width: 150px;
}

.cache {
color: #F8F9DA;
}

strong {
color: #005400;
}

.ligne {
border-top: dashed 1px #0A5200 ;
}

/*-------------------FIN MISE EN PAGE-----------------------------------------*/

/*-------------------------------------------------------*/
table {
	vertical-align: top;
}
/*-------------------------------------------------------*/


/*---------------------tableau TARIFS------------------------------*/
table.tarifs {
border: medium solid #304E34;
border-collapse: collapse;
background-color: #F8F9DA;
margin:5px;
}

.tarifs td {
vertical-align: middle;
text-align: center;
font-size:0.8em;
padding:10px;
margin: 0;
border: solid 1px;
border-collapse: collapse;
}

table.tarifs2 {
border: medium solid #304E34;
border-collapse: collapse;
background-color: #F8F9DA;
margin:5px;
text-align:center;
margin:auto;
}

.tarifs2 td {
vertical-align: middle;
text-align: center;
font-size:0.8em;
padding:10px;
margin: 0;
border: solid 1px;
border-collapse: collapse;
}

h6.titre-tarifs {
margin:0;
padding:0;
text-align:center;
font-weight:bold;
font-size:1.2em;
}

/*---------------------FIN tableau TARIFS------------------------------*/

/*---------------------tableau TARIFS1 complet------------------------------*/
#tableau-tarifs1 {
padding-right:220px;
}

/*---------------------FINtableau TARIFS1 complet------------------------------*/

/*---------------------CENTRAGE pour textes court, centre le bloc------------------------------*/

.centrage {
width:80%;
margin:auto;
}

.centrage2 {
width:100%;
margin:auto;
text-align:center;
display:block;
}

.centrage3 {
width:90%;
margin:auto;
text-align:center;
}

/*---------------------FIN CENTRAGE------------------------------*/

/*--------------------FORMULAIRE------------------------------*/
fieldset {
	border-radius: 10px; 
	-moz-border-radius : 10px;
}
/*--------------------FORMULAIRE------------------------------*/

/*--------------------MATERIAUX FLOTTANTS------------------------------*/

.materiaux {
float:left;
text-align:center;
margin:5px;
padding:0;
font-size:0.9em;
padding:0;
font-weight:bold;
}
.conteneur-materiaux {
width:900px;
margin:auto;
text-align:center;
padding:0;
}


ul.materiaux {
list-style-type: none;
text-align: center;
margin: 0;
margin-bottom: 5px;
padding: 0;
}

.materiaux li {
display: inline;
font-size: 1em;
font-weight:bold;
padding-right: 10px;
clear:left;
}

.materiaux li a {
text-decoration:none;
}

/*--------------------MATERIAUX FLOTTANTS------------------------------*/
/*--------------------GALLERY PHOTOS------------------------------*/
.gallery { /* conteneur de la gallery      */
text-align:center;
margin:auto;
width:805px;
margin-top:0;
margin-bottom:0;
padding:0;
}

.photo-gallery { /* conteneur de la photo (flottante)      */
padding:0;
margin:0;
float:left;
}

.gallery-500px { /* conteneur de photo de 500 pixels      */
text-align:center;
margin:auto;
width:505px;
margin-top:0;
margin-bottom:0;
padding:0;
}


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