/* style g�n�raux des balises classiques */
body {
    position:absolute;
    background-image:url(/img/body.png);
    background-repeat:repeat;
    margin:0px 0.5% 5px 0.5%;
    padding:0px;
    font-family:Arial, Helvetica, sans-serif;
    width:99%;
}

h1 {
    background-image:url(/img/entete.png);
    background-repeat:repeat-y;
    border:1px solid #CCCCCC;
    /*	border-bottom:1px solid #CCCCCC;*/
    text-align:center;
    padding:2px 0em 2px 0em;
    margin-top:0px;
    font-size:large;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

h2 {
    background-image:url(/img/titre.png);
    background-repeat:repeat-x;
    height:25px;
    border:1px solid #CCCCCC;
    /*border-bottom:1px solid #CCCCCC;*/
    text-align:center;
    font-size:medium;
    margin-top: 10px;
    padding-top:5px;
    padding-bottom:0px;
}

h3 {
    display:list-item;
    list-style-type:square;
    list-style-position:inside;
    font-size:medium;
    font-style:italic;
    margin-top:1em;
    margin-bottom:0.5em;
}

p {
    margin-left:20px;
    margin-right:2em;
    margin-top:0.5em;
    margin-bottom:0.5em;
    text-align:justify;
    text-indent:20px;
    font-size:small;
}


/* styles d'id template */
#bandeauHPJ {
    padding-top:5px;
    height:70px;
    background-image:url(/img/entete.png);
    background-repeat:repeat-y;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    z-index:100;
    text-align: right;
    overflow: hidden;
}
html>body #bandeauHPJ {
    width: 100%;
}

#menu {
    position:absolute;
    top:85px;
    left:5px;
    width:150px;
    margin:0em 0.5em 1em 0.5em;
    padding-top:0em;
    height:auto;
    z-index:90;
    font-family:"Times New Roman", Times, serif;
}

html>body #menu {
    /*position:fixed;*/
    /*margin-top:80px;*/
}

#content {
    background-color:#FFFFFF;
    margin-top:10px;
    margin-left:180px;
    margin-right:5px;
    margin-bottom:20px;
    padding-bottom:2em;
}
html>body #content {
    min-width:800px;
    min-height:400px;
}

#pied {
    /*position:fixed;
	bottom:0px;*/
    clear:both;
    background-color:#FFF0D9;
    color:#B60B0B;
    width:100%;
    margin-top:3em;
    padding:0.5em 0em 0.5em 0em;
    border-top:1px double #CCCCCC;
    border-bottom:1px double #CCCCCC;
    vertical-align:top;
    font-size:small;
}

#contentListePJ {
    margin-right:150px;
}
html>body #contentListePJ {
    margin-top:110px;
}	

#migrWD {
    background-color:#FFFFCC;
    min-height:100px;
    z-index:150;
}

#barreoutils {
    margin-top:3px;
    float:right;
}

/* styles de balises propres � un id donn� */
#content img {
    border-width:0px;
}
#pied a,#pied a:visited {
    color:#B60B0B;
}

/* Classes */
.TitreGauche {
    text-align:left;
    padding:5px;
    font-size:large;
    margin-bottom:0px;
}
.TitreGauche:after {
    clear:right;
}

.CorpsRelief {
    display:block;
    margin-left:20%;
    margin-right:20%;
    padding:1em;
    text-align:center;
    font-size:large;
    border:1px solid #CCCCCC;
    background-color:#FFFFE5;
}

.TxtXL {
    font-size: x-large;
    text-align: center;
}

.publeft {
    float:left;
    margin-left:5px;
    margin-right:20px;
}

.pubright {
    float:right;
    margin-left:20px;
    margin-right:5px;
}
.imgDiscret {
    border:0px;
}

.lienDiscret, .lienDiscret:visited {
    text-decoration:none;
    color:#0000FF;

}
.lienDiscret:hover {
    background-color:#0000FF;
    color:#FFFFCC;
}

.imgIllustration {
    margin-left:10%;
    margin-right:10%;
}

.imgGalAc {
    width:130px;
    height:130px;
    vertical-align:middle;
    text-align:center;
    border:0px;
    float:left;
}

.imgGal {
    float:left;
    background-color:#FFFFE5;
    width:165px;
    height:190px;
    text-align:center;
    border:1px solid #CCCCCC;
    overflow:hidden;
    margin:3px;
    padding-left:0px;
    padding-right:0px;
}
html>body .imgGal {
    padding:10px;
}

.imgVid {
    background-color: #99bbff;
}

.listePages {
    margin-left:5%;
    margin-right:5%;
    color:#B60B0B;
}
.listePages a {
    text-decoration:none;
    color:#A0A0A0;
}

.groupeT1 {
    background-color:#FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 0.5em 10% 0.5em 10%;
    padding: 0px 10px 10px 10px;
}
.groupeT1 h3 {
    margin: 0px -10px 10px -10px;
    border-bottom: 1px solid #CCCCCC;
    padding: 5px;
    text-align:center;
    background-color:#FFE2B2;
}

.formNewsL {
    padding:0px 0px 10px 0px;
    border: 1px solid #CCCCCC;
    background-color:#FFE2B2;
    width:350px;
}
.formNewsL h2 {
    margin:0px 10% 10px 10%;
    font-size:large;
    text-align:center;
}

/* livre d'or */
.lor_message {
    background-color:#e5eeff;
    border: 1px solid #709CFF;
    margin: 0.5em 10% 0.5em 10%;
}

.lor_message .lor_titre {
    background-color:#99bbff;
    margin: 0em;
    padding: 0.5em 1em 0.5em 1em;
}

.lor_message table {
    border-collapse: collapse;
}

.lor_message .lor_auteur {
    background-color:#CCDDFF;
    width: 10em;
    padding: 0.5em 1em 1em 0.5em;
    vertical-align:top;
}

.lor_message .lor_msg {
    padding: 0.5em 0.5em 1em 0.5em;
    vertical-align:top;
}