h4 {
font-size : 30px; 
margin : 0; 
text-align : center; 
border-top : 1px solid #696d87; 
border-bottom : 1px solid #696d87; 
} 
h5 {
margin : 0; 
text-align : center; 
border-top : 1px solid #696d87; 
border-bottom : 1px solid #696d87; 
} 
h1, h2, h3, p {
position : relative; 
} 
body {
margin : 0; 
text-align : center; 
background-color : black; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
width : 100%; 
z-index : 1; 
} 
a {
font-weight : bolder; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color: #eba722;
font-size : 11px; 
text-decoration : none; 
} 
a:hover {
font-weight : bolder; 
color : white; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
text-decoration : none; 
background-color: #7e8983;
} 
a:active {
color : red; 
} 
#page {
font-size : 8px; 
width : 100%; 
margin : 0; 
padding : 0; 
text-align : left; 
z-index : 1; 
visibility : visible; 
top : 0; 
height : 100%; 
} 
#sousPageGauche {
float : left; 
width : 86.1%; 
z-index : 2; 
visibility : visible; 
vertical-align : top; 
margin : 0; 
height : 100%; 
} 
#colonneGauche {
position : relative; 
float : left; 
width : 21%; 
height : 100%; 
z-index : 9; 
} 
div#colonneCentrale {
position : relative; 
margin-left : 21%; 
margin-right : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
text-align : left; 
color : white; 
font-size : 10px; 
z-index : 3; 
vertical-align : top; 
visibility : visible; 
border-right : 1px solid white; 
border-left : 1px solid white; 
height : 100%; 
} 
div#colonneCentrale a {
font-weight : bolder; 
color : yellow; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
text-decoration : none; 
} 
div#colonneCentrale a:hover {
font-weight : bolder; 
color : white; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
text-decoration : none; 
background-color: #7e8983;
} 
div#colonneCentrale a:active {
color : red; 
} 
#editop {
position : absolute; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
margin-left : 0; 
text-align : left; 
font-size : 15px; 
z-index : 3; 
top : 0; 
height : 0%; 
overflow : visible; 
} 
div#editorial {
font-weight : bolder; 
margin-left : 0; 
padding-left : 5px; 
margin-top : 15px; 
text-align : left; 
font-size : 12px; 
float : left; 
width : 49%; 
z-index : 3; 
} 
div#editorial_image {
font-weight : bolder; 
text-align : center; 
font-size : 12px; 
float : left; 
width : 49%; 
z-index : 3; 
} 
div#chemin {
text-align : left; 
font-size : 10px; 
z-index : 3; 
background-color : #d1bd88; 
} 
div#formulaire {
text-align : center; 
color : white; 
font-size : 10px; 
margin-left : 20%; 
margin-right : 20%; 
} 
div#img_editorial {
font-family : Verdana, Arial, Helvetica, sans-serif; 
margin-left : 51%; 
margin-top : 0; 
width : 200px; 
background-color : #ff0000; 
text-align : right; 
font-size : 5px; 
} 
#colonneDroite {
position : absolute; 
width : 13.5%; 
color : black; 
margin : 0; 
padding : 1px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
font-size : 9px; 
padding-left : 5px; 
height : 100%; 
z-index : 3; 
visibility : visible; 
right : 0; 
} 
#menugauche {
position : relative; 
text-align : left; 
top : 0; 
left : 0; 
z-index : 4; 
width : 33px; 
height : 100%; 
visibility : visible; 
background-image : url(images/fond_rubrique.gif); 
background-repeat : repeat; 
overflow : visible; 
} 
#colonneGaucheMiseEnPage2Colonnes {
position : relative; 
float : left; 
width : 18%; 
top : 0; 
z-index : 4; 
} 
div#colonneCentraleMiseEnPage2Colonnes {
color : white; 
margin-right : 5px; 
margin-left : 19%; 
text-align : left; 
font-size : 12px; 
top : 0; 
z-index : 3; 
border-left : 1px groove #696d87; 
height : 100%; 
overflow : visible; 
} 
div#colonneCentraleMiseEnPage2Colonnes a {
font-weight : bolder; 
color : yellow; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
text-decoration : none; 
} 
div#colonneCentraleMiseEnPage2Colonnes a:hover {
font-weight : bolder; 
color : white; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
text-decoration : none; 
background-color: #7e8983;
} 
div#colonneCentraleMiseEnPage2Colonnes a:active {
color : red; 
} 
#enteteDePage {
background-image : url(images/header.jpg); 
background-repeat : repeat; 
} 
#piedDePage {
clear : both; 
position : relative; 
width : 100%; 
float : left; 
height : 32px; 
text-align : right; 
font-size : 9px; 
font-weight : normal; 
z-index : 1; 
background-image : url(images/footer.jpg); 
background-repeat : repeat; 
bottom : 0; 
background-position : bottom; 
} 
#pied {
position : relative; 
font-weight : normal; 
font-size : 9px; 
text-align : right; 
background-position : bottom; 
} 
.titre {
position : relative; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
font-size : 10px; 
border-top : 1px ridge #aeb6c1; 
border-right : 1px ridge #aeb6c1; 
border-bottom : 1px ridge #696d87; 
border-left : 1px ridge #aeb6c1; 
text-align : center; 
margin-left : 5px; 
margin-right : 5px; 
background-color : #f6e3b1; 
z-index : -1; 
} 
div#colonneDroite ul {
padding-left : 5px; 
text-align : left; 
list-style-image : url(images/puce.gif); 
} 
.cadre {
	border: 1px #800000 solid;
	margin: 3px;
	padding: 5px;
	
	z-index:4;	
}

#cadrebasGauche {
	border-bottom: 2px #800000 solid;
	margin-bottom: 15px;
	padding: 1px;
}

#clear {
clear : both; 
} 

h2 {
font-size : 12px; 
font-weight : bold; 
color : #800000; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
z-index : 5; 
} 
h3 {
font-size : 10px; 
font-weight : bold; 
color : #800000; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
z-index : 5; 
} 
#selected li {
font-weight : bold; 
color : red; 
} 
h3.spip {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-weight : bold; 
font-size : 12px; 
text-align : center; 
margin-top : 20px; 
margin-bottom : 15px; 
padding : 0; 
} 
.spip_documents {
font-family : Verdana, Arial, Helvetica, 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; 
} 
.spip_encadrer {
width : 95%; 
background-color : white; 
color : black; 
padding : 5px; 
border : 1px solid #666666; 
} 
.spip_cadre {
width : 100%; 
background-color : white; 
color : black; 
padding : 5px; 
} 
.spip_quote {
margin-left : 40px; 
margin-top : 10px; 
margin-bottom : 10px; 
border : 1px solid #aaaaaa; 
background-color : white; 
color : black; 
padding : 5px; 
} 
.spip_bouton {
background-color : #d9c682; 
} 

.spip_surligne {
background-color : red; 
} 
a.spip_barre img {
border-left : 1px solid white; 
border-top : 1px solid white; 
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; 
color : black; 
} 
.forums .menu-titre {
background-color : #f0fcfc; 
text-align : center; 
color : black; 
} 
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, Arial, Helvetica, sans-serif; 
color : #333333; 
background-position : center center; 
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; 
z-index : 5; 
} 
div#colonneCentraleMiseEnPage2Colonnes h1 {
background-color : #f6e3b1; 
font-size : 14px; 
font-weight : bold; 
text-align : center; 
text-transform : uppercase; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : #333333; 
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; 
z-index : 5; 
} 
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; 
font-family : cursive; 
font-size : 16px; 
text-align : left; 
color : yellow; 
font-weight : bolder; 
text-transform : uppercase; 
left : 0%; 
top : 0; 
overflow : visible; 
font-style : oblique; 
} 
div#colonneCentraleMiseEnPage2Colonnes .titre-texte2 {
position : relative; 
top : 0; 
text-align : center; 
overflow : visible; 
} 
div#colonneCentraleMiseEnPage2Colonnes .logo {
position : relative; 
text-align : right; 
margin-top : 0; 
top : 0; 
left : 10px; 
width : 100px; 
overflow : visible; 
} 
div#colonneCentraleMiseEnPage2Colonnes .sousrubrtitre {
font-family : Verdana, Arial, Helvetica, 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, Arial, Helvetica, 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, Arial, Helvetica, 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, Arial, Helvetica, sans-serif; 
color : black; 
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 : white; 
border-bottom : 1px solid #666666; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
background-color : #ffda8c; 
} 
.ENTETE2 {
background-color : #999933; 
} 
.TITRE-SITE {
color : #330000; 
font-family : Verdana, Arial, Helvetica, 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; 
} 
.linksMenuHaut {
color : #cccc66; 
background-color : #555346; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
text-decoration : none; 
margin-top : 0; 
margin-right : 0; 
margin-bottom : 0; 
margin-left : 0; 
padding-top : 0; 
padding-right : 0; 
padding-bottom : 0; 
padding-left : 0; 
font-weight : bold; 
letter-spacing : 1px; 
width : 100%; 
} 
.linksMenu {
color : #cccc66; 
background-color : #555346;
font-family : Arial, Helvetica, sans-serif; 
font-size : 12px; 
text-decoration : none; 
font-weight : bold; 
letter-spacing : 1px; 
position : absolute; 
width : 78px; 
height : 20px; 
z-index : 2; 
left : 0; 
border : 1px none #000000; 
visibility : visible; 
top : 102px; 
} 
.linksMenuHaut:hover {
color : #ffffff; 
text-decoration : none; 
margin-top : 0; 
margin-right : 0; 
margin-bottom : 0; 
margin-left : 0; 
padding-top : 2px; 
padding-right : 5px; 
padding-bottom : 2px; 
padding-left : 5px; 
background-color : #575b28; 
width : 100%; 
border-color : black #3d401c black black; 
border-style : solid; 
border-top-width : 0; 
border-right-width : 1px; 
border-bottom-width : 0; 
border-left-width : 0; 
} 
.linksMenuHaut:active {
color : #cc6600; 
text-decoration : none; 
background-color : #cccc99; 
} 
.Date-Menu {
color : #cccc66; 
} 
ul.forum-total {
display : block; 
margin : 10px; 
list-style-image : url(images/puce.gif); 
padding : 3px; 
} 
.forum-fil {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 11px; 
color : white; 
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, Arial, Helvetica, sans-serif; 
color : white; 
} 
.forum-item {
margin : 0; 
padding : 10px; 
padding-top : 5px; 
padding-bottom : 0; 
text-align : justify; 
font-size : 11px; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
color : white; 
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; 
font-size : 14px; 
letter-spacing : 1px; 
padding : 10px 40px 0 50px; 
color : white; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
text-align : left; 
line-height : 20px; 
} 
#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 : 98%; 
} 
#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; 
float : left; 
top : 10px; 
margin-left : 2px; 
margin-top : 15px; 
padding-left : 10px; 
height : 20px; 
width : 80%; 
text-align : left; 
color : black; 
font-size : 9px; 
} 
.right {
float : left; 
top : 10px; 
margin-left : 1px; 
margin-top : 10px; 
padding-left : 10px; 
height : 20px; 
text-align : right; 
} 
.boite {
border : 1px dotted #ffff00; 
margin : 0; 
top : 0; 
float : left; 
width : 49%; 
height : 220px; 
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; 
} 

.bordure_haut {
position : relative; 
text-align : left; 
left : 0; 
width : 99%; 
height : 20px; 
background-image : url(images/haut_liste.gif); 
border : #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); 
border : #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; 
float : left; 
text-align : center; 
} 
.scroll {
position : absolute; 
width : 150px; 
height : 350px; 
right : 5px; 
color : #ffffff; 
border : medium double; 
z-index : 1; 
overflow : scroll; 
text-align : left; 
} 
#contenus_fleches {
position : absolute; 
top : 550px; 
left : 45%; 
text-align : center; 
width : 98%; 
} 
.fleches {
position : relative; 
width : 196px; 
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 : "Trebuchet MS", verdana, arial; 
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 : center; 
visibility : visible; 
height : 50px; 
float : none; 
overflow : hidden; 
clip : auto; 
border : 4px solid #e2e2e2; 
}