/* ===== shadowrun.fr version OPG ©Jérémie Bouillon 2005-2007 ===== */

/* ===== Version 1.09 : ===== 
1.01 ajout des icones de liste
1.02 ajout colonnage accueil
1.03 fix des images des colonnes 
1.031 carte du site
1.04 #corps max-width
1.05 ajout .aComment
1.06 correction .fin-flotte pour images dans les actus
1.07: ajout anti spam comment styles
1.08: ajout séparateur fiction
1.09: .it pour italique (langue, locution, etc.)
1.10: icones de fond
1.11: Nettoyage des tableaux
1.12: /support/
1.13: align:left en accueil
*/


/* Couleurs
# DC8A18 : #DC8A18 foncé, rouille
*/

/* Hack contre le Peekabo bug de IE6 */
/* Caché de IE Mac \*/
* html #corps {height: 1%;}
* html #marge {height: 1%;}
/* Fini le caché */

p {font-size:1em;}

body {
background:#EEEEEE url("fond1.jpg") no-repeat fixed bottom right;
margin:0;
padding:0;
color:#000;
font-size:77%;
font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
}

/* ===== Règles globales ===== */
img {border:none;}

img a:link, img a:visited, img a:hover, img a:active {text-decoration:none}

a:link {
color:#FF8A00;
text-decoration:none;
}
a:visited {
color:#CF7900;
text-decoration:none;
}
a:hover, a:active {
color:#FFB55F;
text-decoration:underline;
}

acronym {
text-decoration:none;
border-bottom:1px dashed #404040;
}

dd {margin-bottom:0.4em;}

ul {list-style-type:square;}

ins {
text-decoration:none;
border-bottom:1px dotted #F3F3F3;
}

/* ===== Marge ===== */

div#marge {
position:absolute;
top:102px;
right:0px;
z-index:100;
width:18em;
max-width:400px;
clear:both;
margin-top:2.4em;
font-size:94%;
}

.enMarge {
border:1px solid #DC8A18;
border-right:none;
background:white url("bordure1_droite.jpg") repeat-y top right;
padding:0.4em;
margin-bottom:1em;
-moz-border-radius-topleft:10px;
-moz-border-radius-bottomleft:10px;
}

.enMarge ul {
margin:0 0.3em 0 1.3em;
padding:0;
}
.enMarge ul li {
}

.enMarge a {
font-weight:bold;
}

/*.enMarge a:link {
color:#FF8A00;
text-decoration:none;
}
.enMarge a:visited {
color:#808080;
text-decoration:none;
}
.enMarge a:hover, .enMarge a:active {
color:#FFB55F;
text-decoration:underline;
}*/


.enMarge h2, .enMarge h3 {
padding:0;
margin:0 0 0.2em 0;
font-size:1em;
text-align:center;
}

.enMarge .enMargeImage {
text-align:center;
}

.enMarge .enMargeImage img {
max-width:100%;
width:auto;
}


/* ===== Entete ===== */
#entete {
height:100px;
background:#808080 url("entete.jpg") top left no-repeat;
margin:0 0 2.5em 0;
text-decoration:none;
}
#enteteTitre {
text-indent:-9999px;
height:50px;
width:440px;
padding:0;
margin:0 auto 0 auto;
text-decoration:none;
}

#enteteTitre a {
display:block;
height:50px;
width:440px;
background: url(srf-logo.png);
text-decoration:none;
}
#enteteTitre a:hover {
text-decoration:none;
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity:0.5;
opacity:0.5;
}

/* ===== Menu Sections ===== */
div#navSections {
float:left;
width:100%;

position:absolute;
top:100px;
background:transparent url("onglet_fond.png") repeat-x top; 
font-size:93%;
line-height:normal;
z-index:100;
}

#navSections ul {
margin:0;
padding:0 10px 0;
list-style:none;
border-top:solid 2px #5D5D5D;
}

#navSections li {
float:left;
background:url("onglet_gauche.gif") no-repeat left bottom;
margin:0 2px 0 0;
padding:0 0 0 9px;
}

#navSections a {
float:left;
display:block;
background:url("onglet_droit.gif") no-repeat right bottom;
padding:5px 15px 4px 6px;
text-decoration:none;
font-weight:bold;
color:black;
}

/* IE5 Mac ne verra pas ce qui suit \*/
#navSections a {float:none;}
/* Fin du hack IE5 Mac */
#navSections a:hover {
color:#FF8A00;
}

#navSections .active {
}

#navSections a.active {
color:#FF8A00;
}


/* ===== Corps de texte  ===== */
#corps {
background:white url("bordure1_gauche.jpg") repeat-y top left;
margin:0 17.5em 0 0;
max-width:65em;
text-align:justify;
padding:0 1.5em 2em 25px;
font-size:1.1em;
border:1px solid #DC8A18;
border-left:none;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
}

/* CSS3 pour les browsers modernes, à fignoler plus tard 
a[href^="http://"]:not([href*="shadowrun.fr"]):before {
content:url(http://shadowrun.fr/forums/img/smilies/cool.png);
} */

#corps h1, #corps h2, #corps h3, #corps h4, #corps h5, #corps h6 {
font-family:arial;
margin:1em 0 0.5em 0;
padding:1px;
font-weight:bolder;
clear:both;
text-align:left;
}

#corps h1.articleTitre {
clear:both;
text-align:center;
margin:0.5em auto 1em auto;
text-indent:-9999px;
padding:0;
text-decoration:none;
}
#corps h1.articleTitre a {
display:block;
height:50px;
width:440px;
text-decoration:none;
}
#corps h1.articleTitre a:hover {text-decoration:none;}

#corps blockquote {
margin:1em 7em 1em 7em;
font-size:0.9em;
padding:0.1em 1em 0.1em 1em;
background:#F1F1F1 url("bq_ouvrant.png") no-repeat top left;
}
#corps blockquote p {
background:url("bq_fermant.png") no-repeat bottom right;
}

#corps p.actuOldNew {
text-align:center;
font-size:110%;
/*border-bottom:1px solid #808080;
border-top:1px solid #808080;*/
margin:2em 6em 0.8em 6em;
}

#corps .actuOldNew a:hover {text-decoration:none;}

#corps .actuTitre {
border-top:1px solid #808080;
border-right:1px solid #808080;
padding:5px 5em 0 0;
margin-bottom:0.3em;
clear:none;
}

#corps .actuSub {
width:10em;
margin:-3em 0.4em 2px 1em;
padding:1px;
float:right;
font-size:80%;
color:#808080;
text-align:right;
margin-top:0.9em;
font-style:normal;
display:inline;
clear:both;
}

#corps .actuSubcat {font-style:italic;}

#corps img {
margin:0.5em;
float:right;
clear:left;
max-width:100%;
width:auto;
}

/*#corps img.imgCentre {
float:none;
clear:both;
margin-right:auto;
margin-left:auto;
display:block;
}*/

#corps .imgNorm {
float:none;
}

#corps .articleInfos {
color:#404040;
font-size:90%;
}

#corps .articleListeInfos {
color:#404040;
font-size:90%;
}

#corps #spoilerWarning {
float:none;
clear:both;
margin:3px auto 3px auto;
display:block;
padding:0;
}

#corps p:hover {
background-color:#F3F3F3;
}

/* ===== rss_suparchive  ===== */
#rssCatArchive ul.rssCatArchiveMenu {
margin:0 0 1em 0;
padding:0;
list-style:none;


text-align:center;
}
#rssCatArchive ul.rssCatArchiveMenu li {
display:inline;
margin:0 1em 0 1em;
padding:0;
}
.rssCart {
list-style:none;
}
.rssCcat {
border-bottom:1px solid #808080;
}

/* ===== Pied de page  ===== */
div#piedDePage {
background:white url("bordure1_gauche.jpg") repeat-y top left;
padding:0 1.5em 0 25px;
margin:2em 17.5em 0 0;
font-size:1.1em;
text-align:justify;
clear:both;
border:1px solid #DC8A18;
border-left:none;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
}
#piedDePage p {
font-size:68%;
margin:0;
padding:1px;
}

/* ===== Commentaires  ===== */

#commenter {
}

#commentListe li {
border-top:1px solid #DC8A18;
margin-bottom:1em;
}
.commentIntro {
display:block;
}
.commentCont{
display:block;
margin-top:0.9em;
}



.commentAide{
corlor:#404040;
font-size:85%;
}

#commentSaisie {
font-size:90%;
color:#404040;
}

#commenter input {background-color:#EEEEEE}
#commenter input:focus {background-color:#FFFFFF}

/* ===== Saisie des commentaires  ===== */

#corps #commentSaisie input, #corps #commentSaisie textarea {
background-color:#EEEEEE;

}

/* ===== Particularités d'articles  ===== */

#fn1, #fn2, #fn3, #fn4, #fn5, #fn6, #fn7, #fn8, #fn9, #fn10, #fn11, #fn12, #fn13, #fn14, #fn15, #fn16, #fn17, #fn18, #fn19, #fn20, #fn21, #fn22, #fn23, #fn24, #fn25, #fn26, #fn27, #fn28, #fn29, #fn30, #fn31, #fn32, #fn33, #fn34, #fn35, #fn36, #fn37, #fn38, #fn39, #fn40 {
color:#404040;
font-size:85%;
}

#corps .aConclusion, #corps .aIntroduction { /* Conclusion de l'article en dehors de son champ lexical propre */
margin:1em 2em 1em 2em;
background-color:#EEEEEE;
padding:0.4em 0.6em 0.4em 0.6em;
font-size:90%;
border:1px solid #808080;
clear:both;
}

#corps .aEncart { /* Encart sorti de l'écoulement de l'article mais lié en position */
z-index:1000;
position:absolute;
right:2em;
width:14.5em;
background-color:#FFFFFF;
padding:0.4em;
margin:0;
border:1px solid #DC8A18;
border-left:4px solid #FFFFFF;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomright:10px;
}

#corps .aShadowTalk, #corps .aST {
font-family:"Times New Roman", times, serif;
color:#404040;
background:transparent url(shadowtalk-puce.png) no-repeat top left;
text-indent:15px;
margin:2em auto 0.3em auto;
font-size:105%;
}
#corps .aShadowTalkSig, #corps .aSTS {
font-family:"Times New Roman", times, serif;
color:#404040;
background:transparent url(shadowtalk-puce.png) no-repeat top left;
text-indent:15px;
margin:0 auto 2em auto;
font-size:105%;
}
#corps .aShadowTalkContinuation, #corps .aSTC {
font-family:"Times New Roman", times, serif;
color:#404040;
text-indent:0;
margin:0.3em auto 0.3em auto;
font-size:105%;
}

#corps .aPS, #corps aPostScriptum {
margin-bottom:0.3em;
font-size:94%;
color:#404040;
}

#corps .aEncadre {
float:left;
clear:left;
width:12em;
padding:0.5em 0.5em 0.5em 0;
margin:0.6em 0.6em 0.6em 0;
border-right:1px solid #D0D0D0;
border-bottom:1px solid #D0D0D0;
font-size:85%;
tex-align:left;
}

#corps .aComment { /*commentaires HRP sur un article dans son corps */
background-color:#EEEEEE;
padding-right:1em;
padding-left:1em;
font-size:97%;
clear:both;
}

#corps hr.separateur-fiction {
clear:both;
margin:2.5em auto 2.5em auto;
width:50%;
}

.it {
font-style:italic;
}

/* ===== Recherche ===== */
#recherche {
position:absolute;
top:70px;
right:9px;
}

input.rechercheSubmit {
background-color:#EEEEEE;
border:none;
font-weight:bold;
-moz-border-radius:7px;
}
.rechercheSubmit:hover {
background-color:#DC8A18;
}

input.rechercheText {
background-color:#EEEEEE;
border:none;
}

#recherche input:focus {
background-color:#DC8A18;
}

#recherche label {
display:none;
/*background-color:#EEEEEE;
border:none;
font-weight:bold;
-moz-border-radius:7px;*/
}


/* ===== Comment Live Preview  ===== */
/*
#corps .commentLivePreview {
margin-left:3em;
}

#corps #previewcomment {
padding:1em;
width:50%;
border:1px solid #D0D0D0;
margin-right:auto;
margin-left:auto;
} */

/* ===== Icones de listes ==== */

#marge ul, #marge ol {
margin-left:2em;
padding-left:0;
}

ul {
list-style-image:url(icone_puce.gif);
}

.articlesRecents {
list-style-image:url(icone_article.gif);
}

ul.forumRecents {
list-style-image:url(icone_commentaire.gif);
}

/* ===== Colonnage accueil ===== */
div#accueil-actualites {
width:48%;
float:left;
margin:0;
clear:none;
text-align:left;
}

div#accueil-articles {
float:left;
width:48%;
clear:none;
margin:0 0 0 3.99%;
text-align:left;
}

.fin-flotte {
clear:both;
visibility:hidden;
}

.fin-flotte-vu {clear:both;}

#accueil-actualites p img {
clear:both;
}

#accueil-actualites h3.actuSub {
clear:both;
}

/* ===== Carte du site ===== */
.carte-site-secondaire {color:#808080;}

/* ==== Sondages ==== */
fieldset.sondage-field {
margin-top:1.5em;
background-color:#F3F3F3;
}

/* ==== ASY Captcha ==== */
.asy_captcha-image {
}

.asy_captcha-input {}

div.comments_error img {float:none;clear:both;}

/* Les tableaux */


table {
width:99%;
margin:1em auto;
border-collapse:collapse;
border:2px solid #000;
background:transparent url(sr4-icone-dragon.png) bottom right no-repeat;
}

table th {
font-style:bold;
text-align:center;
padding:2px;
background-color:#DDD;
border-bottom:2px solid #000;
border-right:1px solid #AAA;
}

table td {
border-right:1px solid #AAA;
padding:3px 5px;
text-align:left;
}

table tr {
border-bottom:1px solid #AAA;
}

/* ==== Icones de fond ==== */
.i4-drag, .i4-eye {
background-repeat:no-repeat;
background-position:center center;
}
.i4-drag {
background-image:url(sr4-icone-dragon.png);
}
.i4-eye {
background-image:url(sr4-icone-eye.png);
}

/* ==== Support ==== */
.faq-us {
background-image:url(faq-us.png);
background-repeat:no-repeat;
background-position:top left;
text-indent:18px;
}