body {
background-color:#ffb;
background:url("images/bg_transpJ.png");
margin:0;
padding:0;
font-family : georgia, Tahoma, arial, verdana, Helvetica, sans-serif;
color:#036;
font-size:1em;
}

h2, h3, h4 {
font-family:comic sans ms, arial, Tahoma, verdana, sans-serif;
color:#57a;
}

h2 {
font-size:1.5em;
}

h3 {
font-size:1.3em;
}

p {
font-size:0.9em;
}
a:link, a:active, a:visited {
color:#57a;
}

a:hover {
color:#5af;

}

img {
border:0;
}

#corps {
margin-left:240px;
border-left:thin dotted;
padding:0.5em;
}

#intro {
border-bottom:thin dotted;
padding:0.3em;
padding-top:0;
}

.center {
text-align:center;
}

.center img{

}


/* ------------------------ */
/* Accueil */
/* ------------------------ */


#intro h2{
margin:0;
padding-top:0;
padding-bottom:0;
font-size:1.5em;
}

#actu h2{
margin:0;
padding-top:0;
padding-bottom:0;
font-size:1.4em;
font-style:italic;

}
#actu h2.actutitre {
text-align:center;
font-size:1.2em;
font-style:normal;

}
#actu h3{
margin:0;
padding-top:0;
padding-bottom:0;
font-size:1.1em;
}
#actu p{
margin:0;
padding:0.5em;
padding-top:0.2em;
font-size:0.9em;
}

#actu {
padding:0.3em;
margin:0.7em 1em 0 0.7em;
border-top:1px solid #57a;
border-left:1px solid #57a;
border-right:3px solid #57a;
border-bottom:3px solid #57a;
}

img.carte {
/*
border-top:1px solid #951;
border-left:1px solid #951;
border-bottom:5px solid #951;
border-right:5px solid #951;
*/
}

/* ------------------------ */
/* Articles */
/* ------------------------ */

h2.pagetitre{
font-size:1.8em;
margin:0;
padding:0;
}
h2.articletitre{
font-size:1.4em;
margin:0;
padding:0;
text-align:left;
}
.article h3{
font-size:1.4em;
margin:0;
padding:0;
}

.article h4{
font-size:1.1em;
margin:0;
padding:0;
}

.article hr{
width:70%;
}
.article{
padding:0.5em;
margin:0.5em;

}
.articledate{
margin:0;
}


/* ------------------------ */
/* Album photo */
/* ------------------------ */
.firstPhoto{
float:right;
text-align:center;
width:120px;
padding:0.1em;
margin:0;
}
.firstPhoto img {
border:5px solid #fff
}
.albumText {
text-align:right;
padding-right:2em;
margin-right:150px;
margin-bottom:0.5em;
}

.titre {
font-size:1.1em;
font-weight:bold;
font-style:italic;
}
.clright {
clear:right;
padding:0.5em;
}

.photobox {
width:100px;
height:130px;
float:left;
text-align:center;
border:1px solid #25f;
padding:2px;
margin:3px;
font-family:tahoma;
font-size:0.8em;
font-weight:normal;
font-style:normal;
}

.photoseule {
margin:auto;
}

.photoList{
text-align:left;
margin:1em;
padding:0.8em;
padding-top:0.1em;
padding-bottom:0.1em;
margin-top:0px;
margin-left:1em;
margin-bottom:0px;
margin-right:1em;
border:thin solid;
}

.photoList img{
border:8px solid #fff;
}
.note {
font-size:0.8em;
text-align:center;
margin:0px;
}
.spacer {
clear:both;
}

#photo{
text-align:center;
}

.prevnext {

margin:1em;

text-align:center;
margin-top:1em;
}

.prev {
margin-right:5px;
margin-left:10px;
font-style:italic;
}

.next {
margin-right:10px;
margin-left:5px;
font-style:italic;
}

#photo .prevnext img{
border:5px solid #fff;
margin-left:1em;
margin-right:1em;
}
/* ------------------------ */
/* Goldbook */
/* ------------------------ */


.gbook{
border:thin solid;
margin-right:30px;
margin-left:30px;
margin-top:10px;
margin-bottom:20px;
}
.txtbook {
font-size : 1em;
font-weight:normal;
margin:0;
padding:0.3em;
background:#fff;

}

.titbook{
font-size:1.1em;
font-weight:bold;
margin:0px;
padding-right:10px;
padding-left:10px;
color:#FFFFCC;
background:#57a;	
}
.datbook{
font-size:0.8em;
font-weight:normal;
}
.prvnxt{
text-align:center;
color:#000099;
background:transparent;
}
.prv{
font-size:1em;
font-weight:normal;
margin-right:1em;
}
.nxt{
font-size:1em;
font-weight:normal;
margin-left:1em;
}
#formbook{
border: thin solid;
width:60%;
margin:auto;
background:#cde;
text-align: center;
font-size:1em;
}
#formbook input.texte{
margin:0.3em;
border:1px solid #000000;
background : #FFFFFF;
font-size:1em;
}
#formbook input.bouton{
margin:0.3em;
font-size:0.9em;
text-align:center;
}
#formbook textarea{
border:1px solid #000000;
background : #FFFFFF;
font-size:1em;
}
#formbook input.bouton:hover{
background : #6688FF;
color:#000099;
cursor:pointer;
}
#formbook .leg{
font-size:1.3em;
margin:0;
padding:0;
}
#formbook label{
font-size:0.9em;
}


/* ------------------------ */
/* Menu */
/* ------------------------ */


#menu {
margin:0;
padding:0.5em;
float:left;
width:210px;
font-size:0.9em;
font-weight:bold;

}

#menu li {
list-style: none;
padding-left:0;
padding-right:1.5em;

}

#menu li.chap {
padding:0.2em;
background:#57a;
color:#ffb;

}
#menu li.rub {
padding:0.1em;
}
#menu li.compteur {
font-size:0.7em;
text-align:center;
}

#menu li.copy {
font-size:0.7em;
text-align:center;
}

.rub a:link, .rub a:active, .rub a:visited {
color:#57a;
}

.rub a:hover {
color:#5af;

}


/* ------------------------ */
/* Haut & Bas de page */
/* ------------------------ */


#top {
margin:0.5em;
border-top:3px solid #57a;
border-bottom:3px solid #57a;
margin-bottom:1em;
}


#logo {
margin-top:0.2em;
float:left;
width:200px;
text-align:center;
}

#baniere {
min-height:90px;
margin:0;
margin-left:230px;
margin-right:130px;
font-family:georgia;
font-style:italic;
font-size:2.5em;
font-weight:bold;
text-align:center;
color:#57a;
}

#clink, #clink a:active, #clink a:link, #clink a:visited, #clink a:hover {
margin:0;
padding:0;
font-size:1px;
text-decoration:none;
color:#ffb;
}

#foot {
clear:both;
font-size:0.7em;
text-align:center;
border-top:1px solid #57a;
margin:1em;
padding:0.5em;
}



#drapo {
width:100px;
float:right;
margin:0.2em;
padding:0;
padding-left:0.5em;
}

#drapo li {
padding-top:0.3em;
margin-right:0.3em;
list-style: none;
}


#drapo a:link, #drapo a:active, #drapo a:visited {
color:#57a;
text-decoration:none;
font-size:0.8em;
}

#drapo a:hover {
color:#5af;
}


/* ------------------------ */
/* Admin */
/* ------------------------ */


#admin {
margin-left:240px;
border-left:thin dotted;
padding:0.5em;
margin-top:0.1em;
padding-top:0;
}
#admin h2.tpage {
font-size:1.3em;
text-align:center;
margin:0;
padding-top:0;
padding-bottom:0.3em;
}
#admin h3 {
font-size:1.2em;
margin:0;
padding-top:0;
padding-bottom:0.1em;
}
#admin p {
font-size:0.9em;
}
#admin table{
border-collapse:collapse;
border:0;
}
#admin tr{
border-collapse:collapse;
border-top:thin solid;
border-bottom:thin solid;
border:0;
}
#admin td{
border-collapse:collapse;
border:thin solid;
padding:0.3em;
padding-left:0.5em;
padding-right:0.5em;
border-left:0;
border-right:0;
border:0;
}
#admin .right{
text-align:right;
}
#admin th{
text-align:left;
padding:0.3em;
padding-left:0.5em;
padding-right:0.5em;
border-left:0;
border-right:0;
}
#admin .mini{
font-size:0.7em;
}
.admlistart p{
font-size:0.9em;
border:thin solid #57a;
padding:0.3em;
padding-left:1em;
}
.articlepreview{
padding:0.5em;
margin:0.5em;
border-top:1px solid #bbb;
border-left:1px solid #bbb;
border-right:2px solid #888;
border-bottom:2px solid #888;
}
.articlepreview h2.articletitre{
font-size:1.4em;
margin:0;
padding:0;
text-align:left;
}