html {cursor: default;}

body {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size: 11px;
	color: #000000;
	background:#FF7700 url(bonhomme_bda_FF7700.png) no-repeat fixed 100px 150px;
	}

/* ligne séparant le contenu du menu */
hr {display: none;}

a {
	text-decoration: none;
	font-weight: bold;
	color:  #000000;
	outline: none;
	text-decoration: underline;
	}

a:hover {color: #FFD57C;}

td {vertical-align: top;}

/* le div logo */
#logo {
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 91px;
	width: 100%;
	text-align: center;
	background:#FF9900 url(bda_bandeau.jpg) no-repeat;
	}
abbr[title], acronym[title] {
	border-bottom: 1px dotted;
	cursor: help;
	}
/*la date d'un post dans la tribune libre */
.speechdateabbr, .postdateabbr {
	font-size: 9px;
	font-style: oblique;
	}
/*centre le contenu du div */
.centered {
	width: 100%;
	text-align: center;
	}
/*justifie le contenu du div */
.justified {text-align: justify;}

ul {list-style-type: square;}

#menu ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	/*display: inline;*/
	}

#news ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	display: inline;
	}
#news li {margin-top: 10px;}

dl {text-align: justify;}

dd {margin-bottom: 10px;}

#adminvariablelist dt {
	border: 1px dotted #000000;
	border-bottom-width: 0px;
	padding: 2px;
	}
#adminvariablelist dd {
	border: 1px dotted #000000;
	border-top-width: 0px;
	padding: 2px;
	}

#game dt {
	text-transform: uppercase;
	color: #FFD57C;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}

.articlelist dd {font-style: oblique;}
.filelist dd {font-style: oblique;}

#cadavre dt {
	border: 1px dotted #000000;
	border-bottom-width: 0px;
	padding: 2px;
	}
#cadavre dd {
	margin-left: 0px;
	border: 1px dotted #000000;
	border-top-width: 0px;
	padding: 2px;
	}

#cadavre dd img {margin-top: 2px;}

fieldset {border: 0px;}

strong {font-weight: bold;}

p {
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 10px;
	}
h1 {
	color: #000000;
	font-size: 22px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#logo h1 a {
	width: 100%;
	height: 91px;
	margin: 0px;
	display: block;
	}

#logo h1 span {display: none;}

h2 {
	color: #000000;
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	}

#edito h2 {text-align: center;}

/*titre (nom du membre) dans la page perso d'un membre*/
#member h2 {
	color: #000000;
	font-weight: bold;
	font-style: oblique;
        font-size: 22px;
	line-height: 44px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	background: transparent url(fond_orange.jpg) no-repeat center;
}

#adminpage > h2 {
	color: #000000;
	text-align: center;
	}

#adminpage div > h2 {color: #FFD57C;}

#edition h2 a, #listedition h2 a, #listlink h2 a, #listtechlink h2 a, #studio h2 a, #article h2 a, #tips h2 a, #file h2 a, #listfile h2 a, #cadavre h2 a, #listcadavre h2 a {
	width: 100%;
	height: 60px;
	margin: 0px;
	margin-bottom: 10px;
	display: block;
	}

#edition h2 span, #listedition h2 span, #listlink h2 span, #listtechlink h2 span, #studio h2 span, #article h2 span, #tips h2 span, #file h2 span, #listfile h2 span, #cadavre h2 span, #listcadavre h2 span {display: none;}

#listlink h2 a {background: transparent url(titre_le_portail.jpg) no-repeat center;}
#studio h2 a, #article h2 a, #tips h2 a {background: transparent url(titre_l_atelier.jpg) no-repeat center;}
#listtechlink h2 a {background: transparent url(titre_liens_techniques.jpg) no-repeat center;}
#file h2 a, #listfile h2 a {background: transparent url(titre_les_dossiers.jpg) no-repeat center;}
#edition h2 a, #listedition h2 a {background: transparent url(titre_les_publications.jpg) no-repeat center;}
#cadavre h2 a, #listcadavre h2 a{background: transparent url(titre_les_cadavres_exquis.jpg) no-repeat center;}

#partner h2, #faq h2, #sendmail h2, #listedito h2, #listmember h2, #listcomics h2, #listscenario h2, #freespeech h2, #about h2, #game h2, #registration h2, #listconnectedmember h2, #forgetpassword h2, #skin h2 {
	visibility: hidden;
	height: 80px;
	}

#partner {background: transparent url(titre_partenaires.jpg) no-repeat top;}
#faq {background: transparent url(titre_faq.jpg) no-repeat top;}
#sendmail {background: transparent url(titre_envoyer_un_courriel.jpg) no-repeat top;}
#listedito {background: transparent url(titre_les_editos.jpg) no-repeat top;}
#listmember {background: transparent url(titre_les_membres.jpg) no-repeat top;	}
#listcomics {background: transparent url(titre_les_planches.jpg) no-repeat top;}
#listscenario {background: transparent url(titre_les_scenarios.jpg) no-repeat top;}
#freespeech {background: transparent url(titre_la_tribune.jpg) no-repeat top;}
#about {background: transparent url(titre_a_propos.jpg) no-repeat top;}
#game {background: transparent url(titre_les_jeux.jpg) no-repeat top;}
#skin {background: transparent url(titre_apparences.jpg) no-repeat top;}
#registration {background: transparent url(titre_inscription.jpg) no-repeat top;}
#listconnectedmember {background: transparent url(titre_les_bda_connectes.jpg) no-repeat top;}
#forgetpassword {background: transparent url(titre_oubli_mot_de_passe.jpg) no-repeat top;}

h3 {
	color: #FFD57C;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}

#lastforums h3 span, #lastcomment h3 span, #lastfreespeech h3 span, #lastarticle h3 span, #lasttips h3 span, #lastfile h3 span, #lastlink h3 span, #lastedition h3 span {display: none;}
#lastforums h3, #lastcomment h3, #lastfreespeech h3, #lastarticle h3, #lasttips h3, #lastfile h3, #lastlink h3, #lastedition h3 {height: 30px; width: 100%;background-color: pink;}
#lastforums h3 {background: transparent url(sous_titre_forum.jpg) no-repeat left;}
#lastcomment h3 {background: transparent url(sous_titre_les_commentaires.jpg) no-repeat left;}
#lastfreespeech h3 {background: transparent url(sous_titre_la_tribune.jpg) no-repeat left;}
#lastarticle h3 {background: transparent url(sous_titre_les_articles.jpg) no-repeat left;}
#lasttips h3 {background: transparent url(sous_titre_les_trucs_et_astuces.jpg) no-repeat left;}
#lastfile h3 {background: transparent url(sous_titre_les_dossiers.jpg) no-repeat left;}
#lastlink h3 {background: transparent url(sous_titre_les_liens.jpg) no-repeat left;}
#lastedition h3 {background: transparent url(sous_titre_les_publications.jpg) no-repeat left;}

#article h3, #tips h3, #file h3, #edition h3 {
	font-size: 18px;
	margin-bottom: 10px;
	}

#edito h3, #edition h3 {text-align: center;}

#edito h3 {
	font-size: 11px;
	line-height: 12px;
	font-style: oblique;
	margin-bottom: 5px;
	}
#member h3 {
	color: #FFD57C;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
#article h4, #file h4 {
	font-style: oblique;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 15px;
	}

.gallerycomicslist h4 {margin-bottom: 5px;}

.gallerycomicslist .protectedline h4 {margin-bottom: 10px;}

.galleryscenariolist h4 {margin-bottom: 0px;}

h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}

#article h5, #file h5 {font-size: 11px;text-align: left;}

h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px;
	}

img {border: 0px;}

#article img, #file img {
	border: 1px solid #FF9900;
	margin-bottom: 10px;
	}

/* la zone d'entete */
#header {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px;
	height: 95px;
	}
/* la zonde de menu */
#menu {
	position: absolute;
	top: 110px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	border: 0px;
	width: 154px;
	}
/* la zone principale */
#content, #homecontent {
	padding: 10px;
	border: 0px;
	margin: 0px 0px 0px 164px;
	}

/* sur l'accueil */
#subcontent {
	margin: 0px 150px 0px 0px;
	padding: 10px;
	border: 0px;
	}

/* le bandeau d'actualité (si activé) */

#special {
	width: 100%;
	text-align: center;
	}

#adminspecial li {border: 1px dotted;}

/* la zone des nouveautes */
#news {
	top: 110px;
	position: absolute;
	right: 0px;
	margin: 0px;
	padding: 10px;
	border: 0px;
	width: 130px;
	text-align: center;
	}

#last > div {
	margin-top: 10px;
	margin-bottom: 10px;
}

#last > h2 {margin-top: 10px;}

/* dans la tribune */
.speechauthor:after {content: ' :';}

/* les planches */
.comics {
	color: #000000;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	margin-bottom: 10px;
	text-align: center;
	}
.comics img {
	background: #FFFFFF;
	padding: 1em;
	border: 1px solid #000000;
	}

/*la page ou l'on affiche une planche de BD*/
#displaycomics {text-align: center;}

/*la page ou l'on affiche un scenario de BD*/
#displayscenario {text-align: center;}

#displayscenario h3 {text-align: justify;}

#article, #file {text-align: center;}
#articleresource, #fileresource {text-align: left;}

#edition dt {font-weight: bold;}
#edition dt:after {content: ' :';}

/* les commentaires */
#addcomment {margin-top: 15px;}

#comics dt {margin-top: 15px;width: 100%;}
.authorcomment {
	text-align : justify;
	padding: 0.6em;
	background:#FF9900 url(bonhomme_bda_FF9900.png) no-repeat fixed 100px 150px;
	border: 1px solid #FF6600;
	}
.authorcomment:hover {border-style: outset;}

.membercomment {
	text-align : justify;
	padding: 0.6em;
	background:#FF6600 url(bonhomme_bda_FF6600.png) no-repeat fixed 100px 150px;
	border: 1px solid #FF5500;
	}
.membercomment:hover {border-style: outset;}

.visitorcomment {
	text-align : justify;
	padding: 0.6em;
	background:#FF7700 url(bonhomme_bda_FF7700.png) no-repeat fixed 100px 150px;
	border: 1px solid #FF6600;
	}
.visitorcomment:hover {border-style: outset;}

/* la  liste des conseils dans la galerie membre */
.gallerytipslist {list-style-type: circle;}

/* la liste des scenarios dans la galerie membre */
.galleryscenariolist {
	display: inline;
	list-style-type: none;
	}
.galleryscenariolist li {
	margin-bottom: 10px;
	}
/* la liste des BD dans la galerie membre */
.gallerycomicslist {
	display: inline;
	list-style-type: none;
	}
/* les div BD dans la galerie membre */
.gallerycomics {
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #000000;
	width: 250px;
	padding: 0.3em;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	margin-bottom: 10px;
	text-align: center;
	}

.gallerycomics a {text-decoration: none;}

/* les div nouveautés */
.newscomics {
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #000000;
	width: 130px;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	margin-bottom: 10px;
	text-align: center;
	}
.newscomics:hover {border: 1px solid #FFD57C;}

#newsheadercomics h3 a {
	width: 100%;
	height: 25px;
	margin: 0px;
	margin-bottom: 10px;
	display: block;
	}

#newsheadercomics h3 span {display: none;}

#newsheadercomics {
	height: 25px;
	width: 130px;
	background: url(nouveau.jpg) no-repeat center;
	margin-bottom: 10px;
	}

#newsheaderscenario h3 a {
	width: 100%;
	height: 25px;
	margin: 0px;
	margin-bottom: 10px;
	display: block;
	}

#newsheaderscenario h3 span {display: none;}

#newsheaderscenario {
	margin-top: 20px;
	height: 25px;
	width: 130px;
	background: url(scenario.jpg) no-repeat center;
	margin-bottom: 10px;
	}
#menu div {
	margin-bottom: 10px;
	text-align: center;
	}
#menu a {
	color:#000000;
	text-decoration:underline;
	}
#menu a:hover {
	color:#FFD57C;
	text-decoration:none;
	}
#menuhome a:hover {
	text-decoration: underline;
	color: #000000;
}

/* sur l'accueil : les partenaires */
#menupartner img {margin-top: 5px;}
#menupartner a span {display: block;margin-top: 5px;text-decoration: underline;}

/* les zones (div/span) administrateurs */
.admin a {
	-moz-border-radius: 5px;
	background: #4258B7;
	border: 1px solid #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 9px;
	line-height: 15px;
	color:  #FFFFFF;
	outline: none;
	padding-left: 2px;
	padding-right: 2px;
	}
.admin a:hover {
	background: #FFFFFF;
	border: 1px solid #000000;
	color: #4258B7;
	}
/*les liens d'action*/
.action a {
	-moz-border-radius: 5px;
	background: #FF6600;
	border: 1px solid #000000;
	text-decoration: none;
	font-weight: normal;
	font-size: 9px;
	line-height: 15px;
	color: #000000;
	outline: none;
	padding-left: 2px;
	padding-right: 2px;
	}
.action a:hover {
	background: #FF9900;
	border: 1px solid #000000;
	color: #000000;
	}
/* le nombre de connectés */
#numberofconnected {
	text-align: center;
	font-size: 80%;
	margin-bottom: 10px;
	}
/* l'image dans l'édito */
#editoimage, #cover {
	float: left;
	margin-right: 0.8em;
	border: 2px solid #FF9900;
	}
/* la date d'un commentaire */
.datecomment {
	font-style: oblique;
	font-size: 9px;
	float: right;
	}
/* les formulaires */
input {
	background: #FFDDAB url(bonhomme_bda_FFDDAB.png) no-repeat fixed 100px 150px;;
	color: #000000;
	border: 1px solid #000000;
	}
textarea {
	background: #FFDDAB url(bonhomme_bda_FFDDAB.png) no-repeat fixed 100px 150px;;
	color: #000000;
	border: 1px solid #000000;
	}
select {
	background: #FFDDAB url(bonhomme_bda_FFDDAB.png) no-repeat fixed 100px 150px;;
	color: #000000;
	border: 1px solid #000000;
	}
.formbutton {
	-moz-border-radius: 5px;
	cursor: pointer;
	font-size: 11px;
	background: #FF6600;
	color: #000000;
	border: 1px solid #000000;
	}
.formbutton:hover {background: #FF9900;}

.adminformbutton {
	-moz-border-radius: 5px;
	cursor: pointer;
	font-size: 11px;
	font-weight: bold;
	background: #4258B7;
	color: #FFFFFF;
	border: 1px solid #000000;
	}
.adminformbutton:hover {
	background: #FFFFFF;
        color: #4258B7;
	}
/* menu de connexion */
#menuconnection {
	-moz-border-radius: 10px;
	background:#FF6600 url(bonhomme_bda_FF6600.png) no-repeat fixed 100px 150px;
	width: 125px;
	padding: 0.6em;
	margin-bottom: 0px;
	margin-left: 10px;
	border: 2px solid #000000;
	}
/*le bouton de connexion/deconnexion*/
#buttonconnection {
	-moz-border-radius: 5px;
	cursor: pointer;
	font-size: 9px;
	font-weight: bold;
	background: #FF9900;
	color: #000000;
	border: 1px solid #000000;
	padding-left:0px;
	padding-right:0px;
	}
#buttonconnection:hover {border: 1px dashed #000000;}

#menuconnection a:hover {
	color: #000000;
	text-decoration: underline;
	}

#menuconnection input {margin-bottom: 1px;}

#menuconnection div {margin: 0px;}

/* on ne fait pas apparaitre le texte des "input" au moment de la connexion */
#menuconnection #formconnection #pseudo, #menuconnection #formconnection #password {display: none;}

/* la zone membre*/
#memberzone {
	color: #000000;
	width: 100%;
}

/* la colonne de droite de la zone membre*/
#memberdatazone {
        float: right;
	position: relative;
	margin: 0px;
	width: 33%;
}
/* */
.comicsdivision {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
	background: #FFFFFF;
	color: #000000;
	width: 90%;
	padding: 0.6em;
	text-align: center;
}

/* lien accueil membre/galerie membre */
#memberlinkhomegallery {text-align: center;}

/* des zones "orange" (colonne de droite de la zone membre) */
.datadivision {
	-moz-border-radius: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
	background:#FF6600 url(bonhomme_bda_FF6600.png) no-repeat fixed 100px 100px;
	color: #000000;
	width: 90%;
	padding: 0.6em;
	border: 2px solid #000000;
}

.datadivision a {
	color:#FFD57C;
        position: relative;
	text-decoration:none;
	}
.datadivision a:visited {color:#FFD57C;}
.datadivision a:hover {
	text-decoration:underline;
        font-weight:bold;
	color:#000000;
	}

/* des zones "privées" (colonne de droite de la zone membre en mode connecté) */
.connecteddivision {
	-moz-border-radius: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
	background: #FF9900;
	width: 90%;
	padding: 0.6em;
	border: 2px solid #000000;
}

/*cadavre exquis*/
#cadavre .participation {margin-bottom: 10px;}

/* le nombre d'inscrit */
#info {
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	background: #FFC46B;
	color: #000000;
	border: 1px solid #000000;
	margin-bottom: 10px;
	width: 130px;
	text-align: center;
	}
#infoheader {
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	background: #FF6600;
	color: #000000;
	margin-top: 20px;
	margin-bottom: 0px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-top: 1px solid #000000;
	width: 130px;
	text-align: center;
	font-weight: bold;
	}
#infoheader h3 {font-size: 100%;}
#info a {
	color: #000000;
	text-decoration:none;
	}
#info p {
	margin-bottom: 3px;
	text-align: center;
	}
/* petit zigouigoui (www) */
.linked {}

.comicslist, .scenariolist {list-style-type: none;}
.comicslist li, .scenariolist li {margin-bottom: 10px;}

.linkedcomicslist {/*list-style-image: url();*/}

/* lien (top !) */
/*.bestlink em {visibility: hidden;}*/

/* lien (nouveau) */
/*.newlink em {visibility: hidden;}*/

.linkurllist {list-style-type: none;}

.newlinklist {list-style-image: url(lien_nouveau.gif);}

.bestlinklist {list-style-image: url(lien_top.gif);}

/* on ne souligne pas un lien */
.nounderline {text-decoration: none;}