h1 {
background-color : #f6e3b1; 
text-align : center; 
font-size : 14px; 
font-weight : bold; 
text-align : center; 
text-transform : uppercase; 
font-family : Verdana, sans-serif; 
color : #333333; 
background-position : 0 50%; 
top : 0; 
border-top : 1px ridge #aeb6c1; 
border-right : 1px ridge #696d87; 
border-bottom : 1px ridge #696d87; 
border-left : 1px ridge #aeb6c1; 
margin-left : 21%; 
margin-right : 21%; 
} 
h2 {
font-size : 13px; 
font-weight : bold; 
color : #800000; 
font-family : cursive; 
padding-left : 10%; 
} 
h3 {
font-size : 12px; 
font-weight : bold; 
color : #800000; 
font-family : Verdana, sans-serif; 
padding-left : 10%; 
} 
h4 {
font-family : Verdana, sans-serif; 
font-weight: normal; /* tip: clean font */
font-size : 30px; 
margin : 0; 
text-align : center; 
border-top : 1px solid #696d87; 
border-bottom : 1px solid #696d87; 
} 
h5 {
font-family : Verdana, sans-serif; 
font-weight: normal; /* tip: clean font */
margin : 0; 
text-align : center; 
border-top : 1px solid #696d87; 
border-bottom : 1px solid #696d87; 
} 
h1, h2, h3, p {
font-family : Verdana, sans-serif; 
font-weight: normal; /* tip: clean font */
position : relative; 
} 
a {
font-weight : bolder; 
color : #434365; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
text-decoration : none; 
} 
a:hover {
font-weight : bolder; 
color : #000000; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
text-decoration : none; 
background-color : #ccc; 
} 
a:active {
color : red; 
} 
#colonneCentrale .title_box  {
color : #434365; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 8px; 
text-decoration : none; 
} 
#colonneCentrale .title_box  a:hover{
color : #ffffff; 
text-decoration : none; 
background-color : #555346; 
} 
body {	
text-align : center; 
background-color: #e5dec6;
} 
#page {
font-family: 'Trebuchet MS';
font-size:1em;
color:#333333;
width : 100%; 
margin : 0; 
padding : 0; 
text-align : left; 
z-index : 1; 
visibility : visible; 
top : 0; 
background-color: #e5dec6;
} 
#sousPageGauche {
position : relative; 
width : 81%; 
float: left;
z-index : 2; 
visibility : visible; 
} 
#colonneGauche {
position : relative; 
float: left;
width : 21%; 
z-index : 10; 
text-align : left; 
top : 0px;
/* bug mozilla padding: 9px;*/
} 
div#colonneCentrale {
position : relative; 
margin-left : 21%; 
margin-right : 0; 
z-index : 3; 
vertical-align : top; 
visibility : visible; 
} 

/* jhm padding bug mozilla
---------------------------------------------------------- */
#colonneGaucheMiseEnPage2Colonnes {
position : relative; 
float : left; 
width : 18%; 
visibility : visible; 
top : 0; 
z-index : 10; 
text-align : left; 
} 
#colonneCentraleMiseEnPage2Colonnes {
margin-left : 19%; 
text-align : left; 
font-size : 12px; 
top: 0:
z-index : 3; 
} 

#piedDePage {
clear: both;
position : relative; 
width : 100%; 
float : left; 
bottom : 0px;
height : 32px; 
text-align : right; 
font-size : 9px; 
font-weight : normal; 
z-index : 1; 
background : #c0be98 url(images/footer.jpg) no-repeat 50% 50%; 
background-repeat : no-repeat; 
} 
#pied {
position : relative; 
font-weight : normal; 
font-size : 9px; 
text-align : right; 
} 
/* header
---------------------------------------------------------- */
#enteteDePage {
position : relative; 
width : 100%; 
float: left;
} 
#editop {
position : relative; 
width : 100%; 
top : 0; 
background : #d3c49b url(images/header.jpg) no-repeat 50% 50%; 
background-repeat : no-repeat; 
left : 0; 
z-index : 3; 
height : 105px; 
overflow : visible; 
} 
#menutop {
width : 100%; 
float: left;
height : 20px; 
background-color : #555346; 
} 
.linksMenuHaut {
float : left; 
color: #ccc; 
font-family: Georgia, serif;
font-weight : bold; 
letter-spacing : 1px; 
padding-left : 0; 
margin-left : 2px; 
text-align : center; 
width : 18%; 
border : 0; 

} 
.linksMenuHaut a {
color: #ccc;
font-family: Georgia, serif;
text-decoration : none; 
font-weight : bold; 
letter-spacing : 1px; 

} 
.linksMenuHaut a:hover {
color : #ffffff; 
text-decoration : none; 

} 
.linksMenuHaut a:active {
color : #ffffff; 
text-decoration : none; 

} 
.Date-Menu {
color : #ccc; 
width : 18%; 
text-align : center; 
left : 0; 
} 



/* navigation */



div#editorial {
font-weight : bolder; 
font : 15px/20px Georgia, Serif; 
margin-left : 0; 
padding-left : 0px; 
text-align : left; 
float : left; 
width : 50%; 
z-index : 3; 
} 
div#editorial_image {
font-weight : bolder; 
text-align : center; 
font-size : 12px;
margin-right : 0px;  
float : right; 
width : 40%; 
z-index : 3; 
} 
div#chemin {
text-align : left; 
font-size : 10px; 

} 
div#formulaire {
text-align : center; 
font-size : 12px; 
margin-left : 20%; 
margin-right : 20%; 
} 
div#img_editorial {

} 
#colonneDroite {
position : relative; 
width : 150px; 
float: right;
color : black; 
margin : 0; 
padding : 1px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
font-size : 9px; 
height : 100%; 
z-index : 3; 
visibility : visible; 
} 
div#colonneDroite a {
font-weight : bolder; 
color : #434365; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
text-decoration : none; 
} 
div#colonneDroite a:hover {
font-weight : bolder; 
color : #ffffff; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
text-decoration : none; 
background-color : #7b829d; 
} 
#menugauche {
position : relative; 
text-align : left; 
top : 0; 
left : 0; 
width : 33px; 
height : 100%; 
visibility : visible; 
background-image : url(images/fond_rubrique.gif); 
background-repeat : repeat; 
overflow : visible; 
} 


.titre {
position : relative; 
font-family : Verdana, sans-serif; 
font-weight : bold; 
font-size : 10px; 
background : url(images/cadre_haut.gif) no-repeat 0% 0%; 
background-repeat : no-repeat; 
height : 33px; 
width : 150px; 
text-align : center; 
z-index : -1; 
} 
.titre_centre {
background : #ffffff url(images/cadre_centre.gif) 0% 0%; 
background-repeat : repeat-y; 
width : 150px; 
text-align : center; 
z-index : -1; 
} 
.titre_bas {
background : #ffffff url(images/cadre_bas.gif) no-repeat 0% 0%; 
background-repeat : no-repeat; 
height : 20px; 
width : 150px; 
text-align : center; 
z-index : -1; 
} 
div#colonneDroite ul {
text-align : left; 
list-style-position : inside; 
list-style-type : disc; 
} 
.cadre {
border : 1px solid #800000; 
width : 95%; 
z-index : 4; 
} 
#cadrebasGauche {
border-bottom : 2px solid #800000; 
margin-bottom : 15px; 
padding : 1px; 
} 
#clear {
clear : both; 
} 

#selected li {
font-weight : bold; 
color : red; 
} 
h3.spip {
font-family : Verdana, sans-serif; 
font-weight : bold; 
font-size : 12px; 
text-align : center; 
margin-top : 20px; 
margin-bottom : 15px; 
padding : 0; 
} 
.spip_documents {
font-family : Verdana, sans-serif; 
font-size : 9px; 
} 
table.spip {
border : 1px solid; 
} 
table.spip tr.row_first {
background-color : #fcf4d0; 
} 
table.spip tr.row_odd {
background-color : #c0c0c0; 
} 
table.spip tr.row_even {
background-color : #f0f0f0; 
} 
table.spip td {
padding : 1px; 
text-align : left; 
} 
.forml {
width : 100%; 
} 
.spip_encadrer {
width : 95%; 
background-color : #ffffff; 
padding : 5px; 
border : 1px solid #666666; 
} 
.spip_cadre {
width : 100%; 
background-color : #ffffff; 
padding : 5px; 
} 
.spip_quote {
margin-left : 40px; 
margin-top : 10px; 
margin-bottom : 10px; 
border : 1px solid #aaaaaa; 
background-color : #ffffff; 
padding : 5px; 
} 
.spip_bouton {
background-color : #d9c682; 
} 
.formrecherche {
background-color : #ffffff; 
} 
.reponse_formulaire {
font-family : Verdana, sans-serif; 
font-weight : bold; 
font-size : 11px; 
color : red; 
} 
.spip_surligne {
background-color : red; 
} 
a.spip_barre img {
border-left : 1px solid #ffffff; 
border-top : 1px solid #ffffff; 
border-right : 1px solid #aa9966; 
border-bottom : 1px solid #aa9966; 
padding : 3px; 
background-color : #ffddaa; 
} 
a.spip_barre:hover img {
border : 1px solid #808080; 
padding : 3px; 
background-color : #f8f8f4; 
} 
.forums {
font-size : 12px; 
} 
.forums .menu-titre {
background-color : #f0fcfc; 
text-align : center; 
} 
div#colonneCentrale .contenu {
margin : 0; 
} 
div#colonneCentrale h1 {
background-color : #f6e3b1; 
font-size : 14px; 
font-weight : bold; 
text-align : center; 
text-transform : uppercase; 
font-family : Verdana, sans-serif; 
color : #333333; 
background-position : 50% 50%; 
top : 0; 
border-top : 1px ridge #aeb6c1; 
border-right : 1px ridge #696d87; 
border-bottom : 1px ridge #696d87; 
border-left : 1px ridge #aeb6c1; 
margin-left : 21%; 
margin-right : 21%; 
margin-top : 0; 
} 
div#colonneCentraleMiseEnPage2Colonnes h1 {
background-color : #f6e3b1; 
font-size : 14px; 
font-weight : bold; 
text-align : center; 
text-transform : uppercase; 
font-family : Verdana, sans-serif; 
color : #333333; 
background-position : 0 50%; 
top : 0; 
border-top : 1px ridge #aeb6c1; 
border-right : 1px ridge #696d87; 
border-bottom : 1px ridge #696d87; 
border-left : 1px ridge #aeb6c1; 
margin-left : 21%; 
margin-right : 21%; 
margin-top : 0; 
} 
div#colonneCentraleMiseEnPage2Colonnes .memerubrique ul {
list-style-image : url(images/puce.gif); 
font-weight : normal; 
font-size : 11px; 
text-align : right; 
} 
div#colonneCentrale ul {
margin-left : 10px; 
padding-left : 1.1px; 
list-style-image : url(images/puce.gif); 
font-weight : normal; 
font-size : 11px; 
} 
div#colonneCentraleMiseEnPage2Colonnes ul {
list-style-image : url(images/puce.gif); 
font-weight : normal; 
font-size : 11px; 
} 
div#colonneCentraleMiseEnPage2Colonnes .titre-texte1 {
position : relative; 
background-image : url(images/Titre_article.gif); 
background-repeat : no-repeat; 
height : 200px; 
text-align : left; 
left : 0px; 
top : 0px; 
} 
div#colonneCentraleMiseEnPage2Colonnes .titre-texte2 {
position : relative;
top : 0; 
text-align : center; 
color: #222;
text-decoration: none;
font-family : cursive; 
font-style : oblique; 
font-weight : bolder; 
font-size: 2em;
text-transform : uppercase;
} 
div#colonneCentraleMiseEnPage2Colonnes .logo {
position : relative; 
text-align : right; 
margin-top : 0; 
margin-left : 10px;
width : 100px; 
} 
div#colonneCentraleMiseEnPage2Colonnes .sousrubrtitre {
font-family : Verdana, sans-serif; 
font-size : 12px; 
color : #696d87; 
text-align : left; 
font-weight : bold; 
text-transform : uppercase; 
margin-top : 10px; 
} 
div#colonneCentraleMiseEnPage2Colonnes h2.titre-texte-rubrique {
font-family : Verdana, sans-serif; 
font-size : 14px; 
text-align : left; 
color : #434365; 
padding : 5px; 
text-transform : uppercase; 
} 
div#colonneCentraleMiseEnPage2Colonnes .detail {
margin-top : 0; 
margin-bottom : 0; 
} 
div#colonneCentraleMiseEnPage2Colonnes .detail .important {
color : #a02020; 
} 
div#colonneCentraleMiseEnPage2Colonnes .extrait {
margin : 1px; 
margin-top : 5px; 
margin-bottom : 5px; 
margin-left : 20px; 
margin-right : 1px; 
line-height : 14px; 
text-align : left; 
} 
div#colonneCentraleMiseEnPage2Colonnes .liste-articles {
width : 100%; 
font-family : Verdana, sans-serif; 
font-size : 12px; 
margin : 2px; 
list-style-image : url(images/puce.gif); 
padding : 2px; 
text-align : left; 
} 
div#colonneCentraleMiseEnPage2Colonnes .contenu .forum-repondre {
font-family : Verdana, sans-serif; 
text-align : right; 
font-size : 11px; 
font-weight : bold; 
margin : 20px; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
border-top-style : dotted; 
border-top-color : #666666; 
} 
div#colonneCentraleMiseEnPage2Colonnes .menu-deroulant-important {
border-right : 1px dashed #666666; 
border-top : 1px dashed #666666; 
font-size : 11px; 
border-left : 1px dashed #666666; 
color : #333333; 
border-bottom : 1px dashed #666666; 
font-family : Arial, Helvetica, sans-serif; 
background-color : #d9e6f2; 
} 
div#colonneCentraleMiseEnPage2Colonnes .menu-deroulant {
border-right : 1px solid #666666; 
border-top : 1px solid #666666; 
font-size : 11px; 
border-left : 1px solid #666666; 
color : #000000; 
border-bottom : 1px solid #666666; 
font-family : Verdana, sans-serif; 
background-color : #ffda8c; 
} 
.ENTETE2 {
background-color : #999933; 
} 
.TITRE-SITE {
color : #330000; 
font-family : Verdana, sans-serif; 
font-size : 14px; 
font-weight : bold; 
} 
.TITRE-SITE:hover {
color : #666600; 
text-decoration : none; 
background-color : #999900; 
} 
.TITRE-SITE:active {
color : #993300; 
text-decoration : none; 
background-color : #cccc00; 
} 
ul.forum-total {
display : block; 
margin : 10px; 
list-style-image : url(images/puce.gif); 
padding : 3px; 
} 
.forum-fil {
font-family : Verdana, sans-serif; 
font-size : 11px; 
color : #333333; 
margin : 5px; 
} 
.forum-fil ul {
display : block; 
margin : 0; 
margin-left : 10px; 
padding : 0; 
list-style : none; 
} 
.forum-titre {
font-weight : bold; 
font-size : 12px; 
font-family : Verdana, sans-serif; 
color : #003366; 
} 
.forum-item {
margin : 0; 
padding : 10px; 
padding-top : 5px; 
padding-bottom : 0; 
text-align : justify; 
font-size : 11px; 
font-family : Verdana, sans-serif; 
color : #333333; 
border : 1px solid #666666; 
} 
.forum-repondre-message {
text-align : right; 
} 
ul .forum {
padding : 0; 
margin : 0; 
margin-bottom : 10px; 
} 
ul ul .forum {
background-color : #ebe9de; 
} 
#colonneCentraleMiseEnPage2Colonnes .chapo {
line-height : 14px; 
margin-top : 2px; 
text-align : left; 
font-size : 14px; 
font-weight : bolder; 
} 
#colonneCentraleMiseEnPage2Colonnes .texte {
position : relative; 
padding : 3px 5px 0; 
color: #333333;
text-align : left; 
line-height : 25px; 
letter-spacing : 1px; 
} 
#colonneCentraleMiseEnPage2Colonnes .texteetroit {
position : relative; 
font-family : cursive; 
text-align : left; 
font-size : 11px; 
} 
#colonneCentraleMiseEnPage2Colonnes .ps {
padding-top : 6px; 
margin-top : 6px; 
text-align : left; 
font-size : 11px; 
} 
#colonneCentraleMiseEnPage2Colonnes .notes {
margin-top : 6px; 
margin-bottom : 6px; 
padding : 15px; 
text-align : left; 
font-size : 11px; 
} 
#albumvignette {
width : 50%; 
margin-left : auto; 
margin-right : auto; 
text-align : center; 
} 
#cadre_gauche {
float : left; 
width : 110px; 
height : 340px; 
} 
#cadre_droite {
float : right; 
width : 610px; 
} 
#bandeau {
float : right; 
height : 20px; 
margin : 70px 0 20px; 
text-align : right; 
color : #666666; 
} 
#articles {
float : left; 
width : 380px; 
} 
#articles input {
margin-top : 0; 
} 
#galerie {
height : 300px; 
} 

dl.gallerie {
margin : 0; 
text-align : center; 
} 
.gallerie dt img {
border : 10px solid white; 
} 
.gallerie dd {
margin : 0; 
text-align : left; 
} 
#photo_articles {
width : 375px; 
background-color : #666666; 
} 
#menus_verticaux {
float : right; 
width : 200px; 
} 
#menus_verticaux a {
color : #cccccc; 
text-decoration : none; 
} 
#menus_verticaux a:link a:visited a:active {
color : #cccccc; 
text-decoration : none; 
} 
#menus_verticaux a:hover {
color : #ff9966; 
text-decoration : none; 
} 
.calendrier {
background-color : #eef5b5; 
} 
#logos {
float : left; 
margin-right : 5px; 
margin-bottom : 5px; 
} 
#vignettes {
float : left; 
width : 120px; 
height : 240px; 
margin-left : 20px; 
margin-bottom : 10px; 
border : 1px dashed #cccccc; 
text-align : center; 
} 
.contenus {
float : left; 
margin-left : 2px; 
margin-bottom : 10px; 
width : 95%; 
} 
.contenus a {
font-weight : bolder; 
color : #434365; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
text-decoration : none; 
} 
.titre_sommaire {
background-image : url(images/titre_sommaire.gif); 
background-repeat : no-repeat; 
background-position : 0% 0%; 
float : left; 
top : 10px; 
margin-left : 2px; 
margin-top : 15px; 
padding-left : 10px; 
height : 20px; 
width : 80%; 
text-align : left; 
font-size : 9px; 
} 
.right {
float : left; 
top : 10px; 
margin-left : 1px; 
margin-top : 10px; 
padding-left : 10px; 
height : 20px; 
text-align : right; 
} 
.boite {
background-image : url(images/fond_sommaire.gif); 
background-position : center center; 
background-repeat : no-repeat; 
border : 1px dotted #ffff00; 
margin : 0; 
top : 0; 
float : left; 
width : 49%; 
height : 220px; 
text-align : center; 
padding-top : 7px; 
} 
.boite_musique {
border : 1px dotted #ffff00; 
margin : 0; 
top : 0; 
float : left; 
width : 100%; 
text-align : center; 
padding-top : 7px; 
} 
.diapo {
background-color : white; 
border : 2px dotted #ffff00; 
margin : 2px; 
float : left; 
width : 100px; 
height : 120px; 
text-align : center; 
} 
.image_rencontres {
float : left; 
width : 74px; 
height : 74px; 
background-image : url(images/rencontres.jpg); 
background-repeat : no-repeat; 
} 
.texte_rencontres {
float : left; 
top : 0; 
} 
.bordure_haut {
position : relative; 
text-align : left; 
left : 0; 
width : 99%; 
height : 20px; 
background-image : url(images/haut_liste.gif); 
background-repeat : no-repeat; 
border : none #6c859c; 
border-style : solid; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
} 
.bordure_bas {
position : relative; 
left : 0; 
width : 99%; 
height : 20px; 
text-align : left; 
font-size : 8px; 
background-image : url(images/bas_liste.gif); 
background-repeat : no-repeat; 
border : none #6c859c; 
border-style : solid; 
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px; 
} 
.albumtext {
position : relative; 
width : 150px; 
float : left; 
height : 250px; 
font-size : 9px; 
text-align : center; 
} 
.album {
position : relative; 
width : 250px; 
height : 250px; 
float : left; 
text-align : center; 
} 
.scroll {
position : absolute; 
width : 150px; 
height : 350px; 
right : 5px; 
color : #ffffff; 
border : medium double; 
z-index : 1; 
overflow : scroll; 
background-color : #666666; 
text-align : left; 
} 
#contenus_fleches {
position : absolute; 
top : 550px; 
left : 45%; 
text-align : center; 
width : 98%; 
} 
.fleches {
position : relative; 
width : 196px; 
height : 10px; 
left : 40%; 
padding-left : 40%; 
text-align : center; 
} 
.image_fleche {
width : 54px; 
float : left; 
text-align : center; 
height : 31px; 
} 
#contenus ul {
float : left; 
top : 0; 
text-align : left; 
list-style-image : url(images/h_puce_carre_orange.gif); 
} 
.conteneur {
width : 100%; 
} 
.spacer {
clear : both; 
} 
#partiebasse {
float : left; 
width : 100%; 
height : 50px; 
padding-top : 30px; 
background-image : url(img_squelette/fond_partie_basse.jpg); 
background-repeat : repeat-x; 
text-align : right; 
font-size : 13px; 
} 
#partiebasse a a:link a:visited a:active {
color : #ff9966; 
text-decoration : none; 
} 
#partiebasse a:hover {
color : #cccccc; 
text-decoration : underline; 
} 
.poursuitedessous {
clear : both; 
} 
#lignepointillee {
border-top : 1px dashed #ddddde; 
margin-bottom : 10px; 
} 
.banner {
color : #4d4d4d; 
font-size : 12px; 
font-family : Verdana, sans-serif; 
background-color : #e6eae8; 
text-align : left; 
padding : 10px; 
border-bottom : 1px dashed #818084; 
} 
.contental {
font-size : 9px; 
text-align : justify; 
margin : 5px 10px; 
} 
#topalbum {
background-color : #e9eaec; 
height : 100%; 
} 
.tablealbum2 {
background-color : #f5f5f5; 
background-position : 50% 50%; 
visibility : visible; 
height : 50px; 
float : none; 
overflow : hidden; 
clip : auto; 
border : 4px solid #e2e2e2; 
}