/* Font spéciales pour titre */
@font-face { font-family:"Ringbearer"; src:url("http://www.donjon-parpaings.net/fonts/Speciales/Ringbearer-Medium.ttf") } 
@font-face { font-family:"BlackCastleMF"; src:url("http://www.donjon-parpaings.net/fonts/Speciales/BlackCastleMF.ttf")} 
@font-face { font-family:"Bleeding Cowboy"; src:url("http://www.donjon-parpaings.net/fonts/Speciales/Bleeding_Cowboys.ttf")} 
@font-face { font-family:"DriftType"; src:url("http://www.donjon-parpaings.net/fonts/Speciales/drifttyp.ttf")} 

/* Font pour écrire */
@font-face { font-family:"Ardagh"; src:url("http://www.donjon-parpaings.net/fonts/Ardagh.ttf") format("truetype")} 
@font-face { font-family:"Augusta"; src:url("http://www.donjon-parpaings.net/fonts/Augusta.ttf") format("truetype")} 
@font-face { font-family:"Cardinal"; src:url("http://www.donjon-parpaings.net/fonts/Cardinal.ttf") format("truetype")} 
@font-face { font-family:"ForgottenUncial"; src:url("http://www.donjon-parpaings.net/fonts/forgotten_uncial.ttf")} 
@font-face { font-family:"Gabrielle"; src:url("http://www.donjon-parpaings.net/fonts/Gabrielle.ttf") } 
@font-face { font-family:"Livingstone"; src:url("http://www.donjon-parpaings.net/fonts/Livingst.ttf") } 
@font-face { font-family:"Patrick"; src:url("http://www.donjon-parpaings.net/fonts/Patrick.ttf") } 
@font-face { font-family:"Washington Text"; src:url("http://www.donjon-parpaings.net/fonts/WashingtonText.ttf") } 

body {
    color:                  #000066;
    background-color:       #ffffc0;
    background-image:       url(http://www.donjon-parpaings.net/images/fond_sable.gif);
    background-attachment:  fixed;
    padding:                0px;
    margin:                 0px;
}

img { 
    behavior: url(../javascript/iepngfix.htc);
    border: 0px;
}

td {
    border-color:       #000066;
}

th {
    border-color:       #000066;
}

:link {
    color:                   #000066;
}

:visited {
    color:                  #000066;
}

table.cadre {
    width:          100%;
    border-spacing: 0px;
    margin:         0px;
    padding:        0px;
    border:         0px;
}
td.cadreHautGauche {
    background:     url('/images/Deco/LuneHautGauche.gif');
    width:          48px;
    height:         48px;
}
td.cadreHautDroite {
    background:     url('/images/Deco/LuneHautDroite.gif');
    width:          48px;
    height:         48px;
}
td.cadreHaut {
    background:     url('/images/Deco/BarreHaut.gif');
    text-align:     center
}
td.cadreBasGauche {
    background:     url('/images/Deco/LuneBasGauche.gif');
    width:          48px;
    height:         48px;
}
td.cadreBasDroite {
    background:     url('/images/Deco/LuneBasDroite.gif');
    width:          48px;
    height:         48px;
}
td.cadreBas {
    background:     url('/images/Deco/BarreBas.gif');
    text-align:     center;
}
td.cadreDroite {
    background:     url('/images/Deco/BarreDroite.gif');
}
td.cadreGauche {
    background:     url('/images/Deco/BarreGauche.gif');
}
td.cadreContenu {
    text-align:     center;
}

div.compagnon {
    border:             2px solid #000066;
    background:         #FFFFFF;
    display:            block;
    float:              right;
    margin-top:         20px;
    width:              60%;
    color:              #000000;
    padding:            5px;
}
div.compagnonTrait {
    border:             1px solid #000066;
    border-left:        0;
    background:         #FFFFFF;
    display:            block;
    height:             2px;
    width:              10px;
    font-size:          1px;
    float:              right;
    margin-top:         30px;
}

pre {
    line-height:    90%;
    padding:        5px;
    background:     #FFFFFF;
    color:          #000000;
    max-width:      700px;
    overflow-x:     auto;
}

input.dp_input, nobr.dp_input, textarea.dp_input, select.dp_input {
  color: #000066;
  border-bottom: dashed 1px #000066;
  border-left: solid 2px #000066;
  border-right: 0;
  border-top: 0;
  font-size:8pt;
  background: #ffffc0;
}
select.selectAction {
    max-width:      220px;
}
input.dp_input_right {
  color: #000066;
  border: 0;
  background: #ffffc0;
  font-size:8pt;
}
th.titrePartie {
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
  background: #996666;
}
div.parchemin {
    background:     url('/images/Deco/Parcheminqueteauto.gif');
    color:          #000000;
    padding:        45px;
    width:          486px;
    height:         434px;
    font-family:    'Monotype Corsiva';
    font-size:      14pt;
}
div.innerParch {
    overflow:       auto;
    width:          486px;
    height:         434px;
}

input.submitBouton {
    background: #996666;
    color:      #000066;
    border:     2px ridge #ffffc0;
    font-size:  8pt;
    cursor:     pointer;
}
td.titreAvecFond {
    border:             0px;
    font-weight:        bolder;
    padding-left:       20px;
    padding-right:      20px;
    text-align:         center;
    height:             30px;
    color:              #000066;
    background:         url('/images/Menus/Menu_old.gif') 50% 50%;
}
td.titreAvecFond a, td.titreAvecFond h2, td.titreAvecFond h3, td.titreAvecFond h4, td.titreAvecFond span, td.titreAvecFond div, td.titreAvecFond small {
    color:              #000066;
}

th.titreAvecFond {
    border:             0px;
    font-weight:        bolder;
    padding-left:       20px;
    padding-right:      20px;
    text-align:         center;
    line-height:        0.8;
    height:             30px;
    color:              #000066;
    background:         url('/images/Menus/Menu_old.gif') 50% 50%;
}
th.titreAvecFond a, th.titreAvecFond h2, th.titreAvecFond h3, th.titreAvecFond h4, th.titreAvecFond span, th.titreAvecFond div, th.titreAvecFond small {
    color:              #000066;
}

td.onglet {
    border:             0px;
    font-weight:        bolder;
    padding-left:       20px;
    padding-right:      20px;
    text-align:         center;
    cursor:             pointer;
    line-height:        0.8;
    height:             30px;
    color:              #000066;
    background:         url('/images/Menus/Menu_old.gif') 50% 50%;
}
td.onglet a, td.onglet h2, td.onglet h3, td.onglet h4, td.onglet span, td.onglet div, td.onglet small {
    color:              #000066;
}
td.onglet:hover {
    color:              #00BB00;
}
td.onglet:hover a {
    color:              #00BB00;
}

td.ongletSelectionne {
    border:             0px;
    color:              #000066;
    background:         url('/images/Menus/Menu_old.gif') 50% 50%;
    font-weight:        bolder;
    text-align:         center;
    border:             2px ridge #000066;
    padding-left:       20px;
    line-height:        0.8;
    padding-right:      20px;
    height:             30px;
}
td.ongletSelectionne a, td.ongletSelectionne h2, td.ongletSelectionne h3, td.ongletSelectionne h4, td.ongletSelectionne span, td.ongletSelectionne div, td.ongletSelectionne small {
    color:              #000066;
}
td.ongletSelectionne:hover {
    color:         #00BB00;
}
td.ongletSelectionne a:hover {
    color:         #00BB00;
}

del {
}
ins {
}


div.VSVignette {
    cursor:         pointer;
    border:         1px solid;
    height:         50px;
    width:          70px;
    overflow:       hidden;
    text-align:     center;
    position:       relative;
}
div.VSVignette img {
    border:         0px;
    height:         50px;
}
div.VSSombre {
    -moz-opacity:   0.7;
    opacity:        0.7;
    filter:         alpha(opacity=70);
}
div.VSPseudo {
    position:       absolute;
    font-weight:    bolder;
    bottom:         0px;
	left:			0px;
    width:          100%;
    font-size:      8pt;
    line-height:    80%;
    padding-bottom: 3px;
    font-variant:   small-caps;
}

/**
 * CSS pour les fenêtres d'aide
 */

#AideContent {
    position:           fixed;
    display:            none;
    width:              500px;
    height:             400px;
    overflow:           vissible;
    border:             5px ridge;
    z-index:            100001;
    font-size:          12px;
}
#AideContent input, #AideContent textarea {
    font-size:          11px;
}
#AideContent a {
    text-decoration:    none;
}
#AideContent a:hover {
    text-decoration:    underline;
}
#AideContent > div {
    position:           relative;
    width:              100%;
    height:             100%;
}
#AideContent #AideTitle {
    position:           absolute;
    top:                0px;
    width:              500px;
    height:             20px;
    color:              #000066;
    background:         #996666;
    font-weight:        bolder;
    text-align:         center;
    z-index:            2;
    cursor:             move;
    overflow:           hidden;
}
#AideContent #AideBG {
    position:           absolute;
    top:                0px;
    width:              500px;
    height:             400px;
    background:         #ffffc0;
    -moz-opacity:       0.88;
    opacity:            0.88;
    filter:             alpha(opacity=88);
    z-index:            1;
}
#AideContent #AideText {
    position:           absolute;
    top:                20px;
    width:              500px;
    height:             380px;    
    padding:            0px;
    z-index:            3;
}
#AideContent #AideTextContent {
    position:           relative;
    overflow-y:         scroll;
    overflow-x:         hidden;
    width:              490px;
    height:             350px;
    padding:            5px;
}
#AideContent #CloseAide {
	display:            block; 
	float:              right;
	position:           relative; 
	margin-top:         -29px;
	top:                14px;
	right:              -11px;
	background:         url(http://www.donjon-parpaings.net/optim/www/images/x.png) no-repeat;
	background-color:   none;
	width:              25px; 
	height:             29px;
	z-index:            4;
	cursor:             pointer;
}
#AideContent .jqResize {
    position:   absolute;
    bottom:     1px;
    right:      1px;
    cursor:     se-resize;
    z-index:    4;
}

#AideContent #InfosRedac {
    position:           absolute;
    bottom:             5px;
    right:              10px;
    width:              480px;
    text-align:         right;
    z-index:            2;
    font-size:          11px;
    font-style:         italic;
    -moz-opacity:       0.88;
    opacity:            0.88;
    filter:             alpha(opacity=88);
}

#AideContent h1 {
    font-size:          16px;
    border-bottom:      1px dotted;
    font-variant:       small-caps;
    margin:             0px;
    margin-bottom:      10px;
    font-weight:        bolder;
    padding:            0px;
    text-align:         left;
}

#AideContent h2 {
    border-bottom:      1px dotted;
    font-weight:        bolder;
    margin:             0px;
    padding:            0px;
    text-align:         left;
    font-size:          14px;
}

#AideContent h3 {
    text-decoration:    underline;
    font-style:         italic;
    font-size:          13px;
    margin:             0px;
    padding:            0px;
    text-align:         left;
}

#AideContent h4 {
    font-style:         italic;
    font-size:          12px;
    margin:             0px;
    padding:            0px;
    text-align:         left;
}
/* Bloc objet dans les forums */
.blocObjet {
    text-decoration:    none;
}

.blocObjet div {
    display:            inline-block;
    position:           relative;
    width:              250px;
    height:             40px;
}
.blocObjet img.imgObjFofo {
    border:             0px;
    width:              40px;
    height:             40px;
    position:           absolute;
    top:                0px;
    left:               0px;
}
.blocObjet .nom {
    position:           absolute;
    left:               42px;
    font-weight:        bold;
    top:                0px;
    border-bottom:      1px dotted;
    width:              208px;
}
.blocObjet .comment {
    position:           absolute;
    left:               42px;
    top:                14px;
    height:             26px;
    width:              208px;
    font-size:          10pt;
}
.blocObjet .prix {
    position:           absolute;
    right:              1px;
    bottom:             0px;
    font-size:          9pt;
    font-weight:        bold;
}